@charset "utf-8";

.br {display:block;}

/* CEO 인사말 */
.greeting {}
.greeting .sec1.textBox {text-align:center;}
.greeting .sec1.textBox p {font-size:18px; margin-top:25px; word-break:keep-all; line-height:160%;}
.greeting .sec1.textBox p:first-child {margin-top:0;}
.greeting .sec2 .circle {}

.greeting .sec2 {display:flex; justify-content: center; align-items: center; margin-top:70px;}
.greeting .sec2 .circle { position:relative; width: 275px; height:275px; margin:6px 15px 20px; display: inline-block; position: relative; text-align: center; line-height: 1.2; }

.greeting .sec2 .circle canvas { position:absolute; width:100% !important; height:100% !important; top:0; left:0; vertical-align: top; }
.greeting .sec2 .first canvas, 
.greeting .sec2 .second canvas {transform:rotate(90deg);}
.greeting .sec2 .third canvas,
.greeting .sec2 .fourth canvas {transform:rotate(-90deg);}

.greeting .sec2 .circle span {display: flex; justify-content: center; align-items: center; position:absolute; width:80%; height:80%; transform: translate(-50%, -50%); top:50%; left:50%; background:#06326a; border-radius:50%; color: #fff; /* font-family:'Montserrat', sans-serif; */ font-weight:600; text-transform:uppercase; line-height:160%; font-size: 20px;}

	@media screen and (max-width:1299px) {
		.greeting {width:100%; padding:0 2%;}
		.greeting .sec1.textBox p .br {display:inline;}

		.greeting .sec2 .circle {width:23%; height:auto; padding-top:23%; margin:6px;}
		.greeting .sec2 .circle span {width:85%; height:85%; font-size:90%;}
	}

	@media screen and (max-width:999px) {
		.greeting .sec1.textBox p {font-size:110%; margin-top:20px;}
		.greeting .sec2 {margin-top:50px;}
	}

	@media screen and (max-width:799px) {
		.greeting .sec1.textBox p {font-size:100%; margin-top:15px;}

		.greeting .sec2 {flex-wrap: wrap; margin-top:30px;}
		.greeting .sec2 .circle {width:45%; padding-top:45%;}
	}

	@media screen and (max-width:499px) {
		.greeting .sec1.textBox p {font-size:90%;}

		.greeting .sec2 .circle {font-size:90%; line-height:140%;}
	}



/* 회사개요 */
.aboutUs {text-align:center;}

.aboutUs .titleBox {line-height:160%;}
.aboutUs .contentBox {display:flex; justify-content: space-between; margin-top:40px;}
.aboutUs .contentBox .box {position:relative; display: flex; align-items: center; justify-content: center; flex-direction: column; background:#000; color:#fff; width:25%; height:48vh; max-width:298px; cursor:pointer;}
.aboutUs .contentBox .box .bg {position:absolute; width:100%; height:100%; top:0; right:0; background-repeat:no-repeat; background-size:cover; opacity:0.4;}
.aboutUs .contentBox .box .text {position:relative; z-index:2; padding:0 5%;}
.aboutUs .contentBox .box .text h5 {font-size:22px; font-weight:800;}
.aboutUs .contentBox .box .text h5:before {position:relative; display:block; margin-bottom:15px; content:'';}
.aboutUs .contentBox .box.cont01 .bg {background-image:url('../img/content/aboutImg01.jpg');}
.aboutUs .contentBox .box.cont01 .text h5:before {content:url('../img/content/aboutIcon01.png');}
.aboutUs .contentBox .box.cont02 .bg {background-image:url('../img/content/aboutImg02.jpg');}
.aboutUs .contentBox .box.cont02 .text h5:before {content:url('../img/content/aboutIcon02.png');}
.aboutUs .contentBox .box.cont03 .bg {background-image:url('../img/content/aboutImg03.jpg');}
.aboutUs .contentBox .box.cont03 .text h5:before {content:url('../img/content/aboutIcon03.png');}
.aboutUs .contentBox .box.cont04 .bg {background-image:url('../img/content/aboutImg04.jpg');}
.aboutUs .contentBox .box.cont04 .text h5:before {content:url('../img/content/aboutIcon04.png');}
.aboutUs .contentBox .box .text p {display:none; transition: 0.2s all ease-out; bottom:-45px; margin-top:20px; word-break:keep-all; line-height:140%;}

	@media screen and (max-width:1299px) {
		.aboutUs .contentBox .box .text h5 {font-size:20px;}
		.aboutUs .contentBox .box .text p {font-size:15px;}
	}
	
	@media screen and (max-width:1099px) {
		.aboutUs .contentBox {flex-wrap: wrap;}
		.aboutUs .contentBox .box {width:50%; max-width:inherit; height:300px;}
		.aboutUs .contentBox .box .bg {background-size:cover; background-position:center;}
		.aboutUs .contentBox .box .text p {font-size:14px;}
	}
	
	@media screen and (max-width:999px) {
		.aboutUs .titleBox {font-size:100%;}
		.aboutUs .contentBox .box .text h5 {font-size:130%;}
		.aboutUs .contentBox .box .text p {font-size:95%;}
	}
	
	@media screen and (max-width:799px) {
		.aboutUs .titleBox {font-size:90%;}
		.aboutUs .contentBox .box {width:100%;}
		.aboutUs .contentBox .box .text h5 {font-size:120%;}
		.aboutUs .contentBox .box .text p {font-size:90%;}
	}

	@media screen and (max-width:499px) {
		.aboutUs .contentBox .box {height:350px;}
		.aboutUs .contentBox .box .text h5 {font-size:110%;}
		.aboutUs .contentBox .box .text p {font-size:85%;}
	}

.aboutUs .contentBox .box:hover .text h5 {display:block; bottom:0; animation:fadeInUp 0.4s forwards;}
.aboutUs .contentBox .box:hover .text p {display:block; bottom:0; animation:fadeInUp 0.4s forwards;}
.aboutUs .contentBox .box:hover .bg {opacity:0.2;}


/* 연혁 */

.history {background:url('../img/content/historyBg.png') center bottom no-repeat; background-size:cover; margin-bottom:-100px;}
.history .container {position:relative; }

.history ul.tabs{display:flex; margin-top:50px;}
.history ul.tabs li {background: none; width:calc(100% / 3); cursor: pointer; text-align:center; padding:20px 0; background:#fafafa; color:#000; font-weight:600; border:1px solid #eee;}
.history ul.tabs li.current{background:#06326a; color: #fff; font-weight:700;}

.history .tab-content{display: none;}
.history .tab-content.current{ display: inherit; }

.history .topCont .tit{display:none; color:#fff; background-image:url('../img/content/historyBg01.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center; padding:77px 0 110px;}
.history .topCont .tit.current {display:block;}
.history .topCont h4 {font-size:50px; font-weight:800; margin-bottom:10px;}
.history .topCont h4:before {position:relative; display:block; margin-bottom:10px; content:url('../img/content/historyLogo.png');}
.history .topCont p {font-size:16px;}

	@media screen and (max-width:999px) {
		.history .topCont .tit {padding:66px 0 100px;}
		.history .topCont h4 {font-size:260%;}
		.history .topCont p {font-size:100%;}
	}

	@media screen and (max-width:799px) {
		.history .topCont .tit {padding:55px 0 80px;}
		.history .topCont h4 {font-size:240%;}
		.history .topCont p {font-size:90%;}
	}
	
	@media screen and (max-width:499px) {
		.history .topCont .tit {padding:44px 0 60px;}
		.history .topCont h4 {font-size:200%;}
		.history .topCont p {font-size:80%;}
	}

.history .bottomCont {margin-top:40px; border-top:1px solid #ddd;}
.history .bottomCont .year {display:flex; border-bottom:1px solid #ddd; padding:50px 0;}
.history .bottomCont .year:last-child {padding-bottom:120px; border-bottom:0;}
.history .bottomCont .year h5 {font-size:40px; font-weight:800; color:#06326a; margin-right:50px;}
.history .bottomCont .year ul.conT {margin-left:20px;}
.history .bottomCont .year ul.conT li {margin-top:25px; font-weight:600;}
.history .bottomCont .year ul.conT li:first-child {margin-top:10px;}
.history .bottomCont .year ul.conT li:before {position:relative; display:inline-block; width:5px; height:5px; border-radius:50%; top:-2px; margin-right:10px; margin-left:-16px; background:#555; content:'';}

	@media screen and (max-width:999px) {
		.history .bottomCont .year {padding:40px 0;}
		.history .bottomCont .year h5 {font-size:230%; margin-right:3%;}
		.history .bottomCont .year ul.conT li {margin-top:15px; font-size:100%;}
		.history .bottomCont .year ul.conT li:first-child {margin-top:8px;}
	}

	@media screen and (max-width:799px) {
		.history .bottomCont .year {flex-direction: column; padding:30px 0;}
		.history .bottomCont .year h5 {font-size:200%; margin-right:0; margin-bottom:10px;}
		.history .bottomCont .year ul.conT li {font-size:90%;}
	}

	@media screen and (max-width:499px) {
		.history .bottomCont .year h5 {font-size:150%;}
		.history .bottomCont .year ul.conT li {margin-top:10px; font-size:80%;}
	}


/* 연혁 */

.certification {background:url('../img/content/historyBg.png') center bottom no-repeat; background-size:cover; margin-bottom:-100px;}
.certification .container {position:relative; }

.certification .imageBox {}

.certification .contentBox {margin-top:40px; border-top:1px solid #ddd;}
.certification .contentBox .year {display:flex; border-bottom:1px solid #ddd; padding:50px 0;}
.certification .contentBox .year:last-child {padding-bottom:120px; border-bottom:0;}
.certification .contentBox .year h5 {font-size:40px; font-weight:800; color:#06326a; margin-right:50px;}
.certification .contentBox .year ul.conT {margin-left:20px;}
.certification .contentBox .year ul.conT li {margin-top:25px; font-weight:600;}
.certification .contentBox .year ul.conT li .cate {color:#06326a; padding:3px 2px;}
.certification .contentBox .year ul.conT li:first-child {margin-top:10px;}
.certification .contentBox .year ul.conT li:before {position:relative; display:inline-block; width:5px; height:5px; border-radius:50%; top:-2px; margin-right:10px; margin-left:-16px; background:#555; content:'';}

	@media screen and (max-width:999px) {
		.certification .contentBox .year {padding:40px 0;}
		.certification .contentBox .year h5 {font-size:230%; margin-right:3%;}
		.certification .contentBox .year ul.conT li {margin-top:15px; font-size:100%;}
		.certification .contentBox .year ul.conT li:first-child {margin-top:8px;}
	}

	@media screen and (max-width:799px) {
		.certification .contentBox .year {flex-direction: column; padding:30px 0;}
		.certification .contentBox .year h5 {font-size:200%; margin-right:0; margin-bottom:10px;}
		.certification .contentBox .year ul.conT li {font-size:90%;}
	}

	@media screen and (max-width:499px) {
		.certification .contentBox .year h5 {font-size:150%;}
		.certification .contentBox .year ul.conT li {margin-top:10px; font-size:80%;}
	}

.certification01_wrap {background:url('../img/content/certiBg.png') center bottom no-repeat;}


/* 설치현황 */

.pin-spacer {margin-bottom:0 !important;;}
.facility {position: relative; padding-top: 120px; margin-bottom: 11.25rem; }
.facility::before { position: absolute; top: 0; left: 0; width: 100%; height: 86.5%; max-height: 500px; background-color: #428be8; content: ""; }
.facility .inner {display:flex;}
.facility .inner .titleBox {min-width:10.5%; margin-left:8%; padding-right:2%;}
.facility .inner .titleBox h4 {position:relative; font-size:28px; font-weight:600; z-index:2; color:#fff;}
.facility .inner .contentBox.container {position:relative; margin:0;}

	@media screen and (max-width:1499px) {
		.facility::before {height:76.5%;}
		.facility .inner .titleBox {min-width:20.5%; margin-left:2%;}
	}

	@media screen and (max-width:1099px) {
		.facility .inner .titleBox {min-width:24.5%;}
	}

	@media screen and (max-width:999px) {
		.facility {padding:80px 2% 40px 2%; margin-bottom:0;}
		.facility::before {height:100%; max-height:inherit;}
		.facility .inner {flex-direction: column;}
		.facility .inner .titleBox {margin-bottom:30px;}
		.facility .inner .titleBox h4 {font-size:160%;}
		.facility .inner .titleBox h4 br {display:none;}
		.facility .inner .titleBox {min-width:inherit; width:100%;}
	}

	@media screen and (max-width:799px) {
		.facility .inner .titleBox h4 {font-size:140%;}
	}


.facility_wrap {width: 100%; display: flex; justify-content: flex-start; align-items: center; padding-bottom: 60px; position: relative; z-index: 10; }
.facility_wrap.scroll-motion-on li .box {transform: translateY(0);}

.facility_wrap ul { display: inline-flex; }
.facility_wrap li { position: relative; display: inline-block; width: 450px; height: 440px; margin-right: 40px; flex-shrink: 0; transition: width 0.3s; vertical-align: top; }
.facility_wrap li .box {height: 100%; background: #ffffff; box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.08); position: relative; transition: transform 0.6s;}
.facility_wrap li .box .imageBox { height:290px; background:#000; }
.facility_wrap li .box .imageBox img {width:100%;}
.facility_wrap li .box .title {padding:20px; font-size:24px; font-weight:600;}
.facility_wrap li .box .title .num {display:block; font-size:18px; font-weight:800; color:#06326a; margin-bottom:10px;}
.facility_wrap li:last-child { margin-right: 0; }

.facility_wrap li:hover .box {transform: translateY(-30px);}

	@media screen and (max-width:1499px) {
		.facility_wrap li {width:350px; height:340px;}
		.facility_wrap li .box .imageBox {height:225px;}
		.facility_wrap li .box .title {font-size:22px;}
	}

	@media screen and (max-width:1099px) {
		.facility_wrap li {width:300px; height:320px; margin-right:30px;}
		.facility_wrap li .box .imageBox {height:194px;}
		.facility_wrap li .box .title {font-size:20px;}
	}

	@media screen and (max-width:999px) {
		.facility_wrap ul {display:flex; flex-wrap:wrap; margin:-1%;}
		.facility_wrap li {width:48%; height:auto; margin:1%;}
		.facility_wrap li .box .imageBox {height:auto;}
		.facility_wrap li .box .title {font-size:120%; padding:20px 5% 40px;}
		.facility_wrap li .box .title .num {font-size:80%;}

		.facility_wrap li:hover .box {transform: translateY(0);}
	}

	@media screen and (max-width:799px) {
		.facility_wrap li .box .title {font-size:100%; padding:15px 5% 25px;}

		.facility_wrap li:hover .box {transform: translateY(0);}
	}

.facility .progress_wrap { background:rgba(14,93,194,0.1);}
.facility .progress_wrap .progress { width: 0; height: 8px; background: #0e5dc2;}

	@media screen and (max-width:999px) {
		.facility .progress_wrap {display:none;}
	}

.facilityNew {position: relative; padding-top: 120px;}
.facilityNew::before { position: absolute; top: 0; left: 0; width: 100%; height: 53vh; background-color: #428be8; content: ""; }
.facilityNew .inner {display:flex; justify-content: center;}
.facilityNew .inner .titleBox {padding-right:2%;}
.facilityNew .inner .titleBox h4 {position:relative; font-size:28px; font-weight:600; z-index:2; color:#fff;}
.facilityNew .inner .contentBox.container {position:relative; width:1300px; margin:0; padding:0;}

	@media screen and (max-width:1599px) {
		.facilityNew::before {height:54vh;}
		.facilityNew .inner {padding:0 2%;}
	}

	@media screen and (max-width:1499px) {
		.facilityNew {padding-top:100px;}
		.facilityNew::before {height:40vh;}
		.facilityNew .inner .titleBox {min-width:20.5%; margin-left:2%;}
		.facilityNew .inner .contentBox.container {width:100%;}
	}

	@media screen and (max-width:1099px) {
		.facilityNew {padding-top:80px;}
		.facilityNew::before {height:36vh;}
		.facilityNew .inner .titleBox {min-width:24.5%;}
	}

	@media screen and (max-width:999px) {
		.facilityNew {padding:80px 2% 40px 2%; margin-bottom:0;}
		.facilityNew::before {height:100%; max-height:inherit;}
		.facilityNew .inner {flex-direction: column;}
		.facilityNew .inner .titleBox {margin-bottom:30px; padding-right:0;}
		.facilityNew .inner .titleBox h4 {font-size:160%;}
		.facilityNew .inner .titleBox h4 br {display:none;}
		.facilityNew .inner .titleBox {min-width:inherit; width:100%;}
	}

	@media screen and (max-width:799px) {
		.facilityNew .inner .titleBox h4 {font-size:140%;}
	}

.facilityNew .facilityUl {display:flex; flex-wrap:wrap;}
.facilityNew .facilityUl li { position: relative; display: inline-block; width:calc(33.333% - 30px); max-width: 450px; margin-left:30px; margin-bottom:30px; flex-shrink: 0; transition: width 0.3s; vertical-align: top; }
.facilityNew .facilityUl li .box {height: 100%; background: #ffffff; box-shadow: -2px 10px 15px rgba(0, 0, 0, 0.08); position: relative; transition: transform 0.6s;}
.facilityNew .facilityUl li .box .imageBox {}
.facilityNew .facilityUl li .box .imageBox img {width:100%;}
.facilityNew .facilityUl li .box .title {padding:20px; font-size:24px; font-weight:600; min-height:152px; line-height:140%; word-break:keep-all;}
.facilityNew .facilityUl li .box .title .num {display:block; font-size:18px; font-weight:800; color:#06326a; margin-bottom:10px;}
.facilityNew .facilityUl li:last-child { margin-right: 0; }

	@media screen and (max-width:1499px) {
		.facilityNew .facilityUl li {width:31.333%; margin-left:2%; margin-bottom:2%;}
		.facilityNew .facilityUl li .box .title {min-height:122px; font-size:110%;}
		.facilityNew .facilityUl li .box .title .num {font-size:90%; margin-bottom:5px;}
	}

	@media screen and (max-width:1099px) {
	}

	@media screen and (max-width:999px) {
		.facilityNew .facilityUl li .box .title {min-height:112px; font-size:100%; line-height:120%;}
	}

	@media screen and (max-width:799px) {
		.facilityNew .facilityUl li {width:48%; margin:1%;}
	}

	@media screen and (max-width:499px) {
		.facilityNew .facilityUl li {width:100%; margin:2% 0;}
		.facilityNew .facilityUl li .box .title {min-height:inherit; padding:20px 5% 30px;}
	}

.facility01::before {background-color: #428be8; background-image:url('../img/content/facility01Bg.jpg'); background-position:center bottom;}
.facility02::before {background-color: #07479a; background-image:url('../img/content/facility02Bg.jpg'); background-position:center top;}
.facility03::before {background-color: #06326a; background-image:url('../img/content/facility03Bg.jpg'); background-position:center top;}

.facility01 .progress_wrap .progress {background: #0e5dc2;}
.facility02 .progress_wrap .progress {background: #07479a;}
.facility03 .progress_wrap .progress {background: #06326a;}

/* 조직도 */
.organization {background:url('../img/content/organBg.png') center top no-repeat; margin:0 auto;}
.organization .ceo {display:flex; align-items: center; justify-content: center; margin-top:43px; margin-bottom:140px;}
.organization .ceo:before {position:absolute; display:flex; align-items: center; justify-content: center; background:#fff; width:230px; height:230px; background:#f7f7f7; border-radius:50%; content:''; z-index:1;}
.organization .ceo:after {position:absolute; display:flex; align-items: center; justify-content: center; width:190px; height:190px; background:#fff; border-radius:50%; content:''; z-index:2;}

.organization .ceo h4 {position:relative; display:flex; flex-direction: column; align-items: center; justify-content: center; width:150px; height:150px; color:#fff; background:#06326a; border-radius:50%; font-size:24px; font-weight:700; z-index:3;}
.organization .ceo h4:after {position:absolute; display:block; width:100%; top:130px; text-align:center; content:url('../img/content/groupCeoAfterImg.png');}

.organization .groupWrap {position:relative; display:flex; justify-content: space-evenly; padding-top:65px;}
.organization .groupWrap:before {position:absolute; display:block; width:746px; height:1px; top:0; background:#ddd; content:'';}
.organization .groupBox {position:relative; width:290px; padding:20px 24px; border:1px solid #ddd; text-align:center; font-size:16px; color:#888; background:#fff;}
.organization .groupBox:before {position:absolute; width:1px; height:100%; top:-65px; background:#ddd; content:''; z-index:-1;}
.organization .groupBox h5 {color:#fff; padding:19px 10px; font-size:20px; font-weight:600; line-height:140%;}
.organization .groupBox h5 .br {display:block;}
.organization .groupBox ul {padding:10px 19px;}
.organization .groupBox ul li {position:relative; padding:15px 0;}
.organization .groupBox ul li:after{position:absolute; display:block; width:100%; height:1px; bottom:0; background:url('../img/content/dot_line.png') bottom repeat-x; content:'';}
.organization .groupBox ul li:last-child:after {display:none;}

	@media screen and (max-width:1299px) {
		.organization {width:1030px;}
		.organization .container {width:100%; padding:0;}
		.organization .groupWrap:before {width:660px;}
	}

	@media screen and (max-width:1099px) {
		.organization {width:980px;}
		.organization .groupWrap:before {width:636px;}
	}

	@media screen and (max-width:999px) {
		.organization {width:780px;}

		.organization .ceo h4 {font-size:130%;}

		.organization .groupWrap:before {width:507px;}
		.organization .groupBox {width:30%; padding:2%; font-size:90%; line-height:160%;}
		.organization .groupBox h5 {font-size:120%; padding:15px 2%;}
		.organization .groupBox ul li {padding:10px 0;}
	}

	@media screen and (max-width:799px) {
		.organization {width:100%;}

		.organization .ceo h4 {font-size:120%;}

		.organization .groupWrap {flex-direction: column; width:320px; margin:0 auto;}
		.organization .groupWrap:before {display:none;}
		.organization .groupBox {width:100%; padding:2%; font-size:90%; line-height:160%; margin-bottom:20px;}
		.organization .groupBox h5 {font-size:120%; padding:15px 2%;}
		.organization .groupBox ul li {padding:10px 0;}
	}

	@media screen and (max-width:499px) {
		.organization .ceo h4 {font-size:120%;}
		.organization .groupBox {font-size:80%;}
		.organization .groupBox h5 {font-size:110%;}
	}

.organization .groupBox.group01 h5 {background:#338dff;}

.organization .groupBox.group02 h5 {background:#004dB0;}
.organization .groupBox.group02:before {height:140%; top:-60%;}

.organization .groupBox.group03 h5 {background:#06326a;}


/* CI */
.ci {color:#363636; background:url('../img/content/ciBg.png') center bottom no-repeat;}

.ci h5 {font-size:28px; font-weight:800; text-align:center; margin-bottom:40px;}

.ci .sec1,
.ci .sec2 {margin-bottom:100px;}

.ci .sec1 {display:flex; justify-content: center;}
.ci .sec1 .logoBox {margin-right:100px;}
.ci .sec1 .textBox {font-size:18px;}
.ci .sec1 .textBox h4 {font-size:24px; font-weight:500; line-height:140%; margin-bottom:20px;}
.ci .sec1 .textBox h4 b {font-weight:800;}

	@media screen and (max-width:1299px) {
		.ci .sec1 .logoBox {width:30%; margin-right:0; text-align:center;}
		.ci .sec1 .textBox {width:70%;}
		.ci .sec1 .textBox .br {display:inline;}
	}

	@media screen and (max-width:1099px) {
		.ci .sec1 .logoBox {width:25%;}
		.ci .sec1 .textBox {width:75%;}
	}

	@media screen and (max-width:999px) {
		.ci h5 {font-size:160%;}
		.ci .sec1 .textBox {font-size:110%;}
		.ci .sec1 .textBox h4 {font-size:130%;}
	}

	@media screen and (max-width:799px) {
		.ci h5 {font-size:130%;}
		.ci .sec1 {flex-direction: column;}
		.ci .sec1 .logoBox {width:100%; text-align:center; margin-bottom:20px;}
		.ci .sec1 .logoBox img {height:84px !important;}
		.ci .sec1 .textBox {width:100%; font-size:100%;}
		.ci .sec1 .textBox h4 {font-size:120%;}
	}

	@media screen and (max-width:499px) {
		.ci h5 {font-size:110%;}
		.ci .sec1 .textBox {font-size:90%;}
		.ci .sec1 .textBox h4 {font-size:100%;}
	}

.ci .sec2 .contentBox {display:flex; justify-content: space-between;}
.ci .sec2 .colorBox {width:350px;}
.ci .sec2 .colorBox .color {display:block; width:100%; height:116px; margin-bottom:15px;}
.ci .sec2 .colorBox h6 {font-size:20px; font-weight:700; margin-bottom:5px;}
.ci .sec2 .colorBox p {letter-spacing:-0.05em; color:#363636;}
.ci .sec2 .colorBox .color01 {background-color:#21386c;}
.ci .sec2 .colorBox .color02 {background-color:#001389;}
.ci .sec2 .colorBox .color03 {background-color:#231f20;}

	@media screen and (max-width:1299px) {
		.ci .sec2 .colorBox {width:32%;}
	}

	@media screen and (max-width:999px) {
		.ci .sec2 .colorBox h6 {font-size:120%;}
		.ci .sec2 .colorBox p {font-size:100%;}
	}

	@media screen and (max-width:799px) {
		.ci .sec2 .contentBox {flex-direction: column; width:90%; margin:0 auto;}
		.ci .sec2 .colorBox {width:100%; text-align:center; margin-bottom:20px;}
		.ci .sec2 .colorBox .color {height:96px;}
		.ci .sec2 .colorBox h6 {font-size:100%;}
		.ci .sec2 .colorBox p {font-size:90%; line-height:140%;}
	}

	@media screen and (max-width:499px) {
		.ci .sec2 .colorBox h6 {font-size:95%;}
		.ci .sec2 .colorBox p {font-size:80%;}
	}

.ci .sec3 ul.contentBox {display:flex; justify-content: space-between;}
.ci .sec3 ul.contentBox li {width:50%; max-width:590px; text-align:center;}
.ci .sec3 ul.contentBox li h6 {display: flex;align-items: center; justify-content: center; font-size:20px; color:#06326a; font-weight:700; margin-bottom:20px;}
.ci .sec3 ul.contentBox li h6:before {position:relative; display:block; width:4px; height:4px; background:#06326a; margin-right:8px; content:'';}

	@media screen and (max-width:1299px) {
		.ci .sec3 ul.contentBox li {width:49%;}
	}

	@media screen and (max-width:999px) {
		.ci .sec3 ul.contentBox li h6 {font-size:120%;}
	}

	@media screen and (max-width:799px) {
		.ci .sec3 ul.contentBox {flex-direction: column; width:90%; margin:0 auto;}
		.ci .sec3 ul.contentBox li {width:100%; margin-bottom:30px;}
		.ci .sec3 ul.contentBox li h6 {font-size:110%;}
	}

	@media screen and (max-width:499px) {
		.ci .sec3 ul.contentBox li h6 {font-size:95%;}
	}

.ci .sec3 .download {display: flex; align-items: center; justify-content: center; margin-top:10px;}
.ci .sec3 .download a {display:flex; align-items: center; justify-content: center; width:100px; height:40px; line-height:42px; font-size:14px; font-weight:800; color:#06326a; border:1px solid #06326a; margin:0 10px; text-transform:uppercase;}
.ci .sec3 .download a:hover {background:#06326a; font-size:0;}
.ci .sec3 .download a:hover:before {position:relative; display:flex; align-items: center; justify-content: center; margin-top:12px; content:url('../img/content/downIcon.png');}



/* 제품소개 - list */
.productsList {}
.productsList .swiper-wrapper {align-items: center;}
.productsList .slide-item{position:relative; padding:0 6%;}
.productsList .slide-item .space-swiper{position:relative; overflow:hidden;}
.productsList .slide-item:before{content:'';height:640px;position: absolute;top:0;left:0;right:0;bottom:170px; background: #F5F5F5}
.productsList .slide-item .swiper-slide{position:relative; padding:0 5%;}
.productsList .slide-item .swiper-slide a {position:absolute; width:100%; height:100%; top:0; left:0; z-index:9;}

.productsList .slide-item .item {display:flex; position:relative; flex-direction: column; justify-content: center; align-items: center; margin-top:-250px;}
.productsList .slide-item .item h4 {position:relative; display:none; z-index:2; top:70px; font-size:28px; font-weight:800;}
.productsList .slide-item .item .imgBox {transform:scale(0.7);}
.productsList .slide-item .item .imgBox img {max-width:100%;}
.productsList .slide-item .item .textBox {width:100%; text-align:center; margin-top:10px;}
.productsList .slide-item .item .textBox h5 {font-size:18px; font-weight:800;}
.productsList .slide-item .item .textBox .cate {display:block; font-size:12px; color:#0067e9; font-weight:700;}
.productsList .slide-item .item .textBox .cate.battery {color:#e00000;}
.productsList .slide-item .item .textBox .infoBox {display:none; width:100%; border:1px solid rgba(255,255,255,0.3); padding:26px 20px; margin-top:50px; min-height:280px;}
.productsList .slide-item .item .textBox .infoBox h6 {font-weight:700;}
.productsList .slide-item .item .textBox .infoBox ul {display:flex; flex-wrap: wrap; margin-top:16px; margin-left:15px;}
.productsList .slide-item .item .textBox .infoBox ul li {font-size:12px; text-align:left; padding-right:25px; line-height:160%; margin:5px 0;}
.productsList .slide-item .item .textBox .infoBox ul li:nth-child(2) {width:100% !important;}
.productsList .slide-item .item .textBox .infoBox ul li:before {position:relative; display:inline-block; width:4px; height:4px; background:#fff; border-radius:50%; overflow:hidden; margin-right:8px; margin-left:-13px; content:'';}

	@media screen and (max-width:1619px) {
		.productsList .slide-item {padding:0;}
	}

	@media screen and (max-width:1299px) {
		.productsList {margin:0 -13%;}
		.productsList .slide-item .item .textBox .infoBox {padding:26px 5%;}
	}

	@media screen and (max-width:999px) {
		.productsList {max-width:700px; margin:0 auto;}
		.productsList .slide-item:before {background:none;}
		.productsList .slide-item .item h4 {font-size:160%;}
		.productsList .slide-item .item .imgBox {margin-top:50px;}
		.productsList .slide-item .item .textBox h5 {font-size:110%;}
		.productsList .slide-item .item .textBox .cate {font-size:80%;}
		.productsList .slide-item .item .textBox .infoBox {min-height:auto;}
		.productsList .slide-item .item .textBox .infoBox ul li {font-size:80%;}
	}

	@media screen and (max-width:799px) {
		.productsList {width:96%;}
		.productsList .slide-item .item h4 {font-size:140%;}
		.productsList .slide-item .item .textBox h5 {font-size:100%;}
		.productsList .slide-item .item .textBox .cate {font-size:60%;}
		.productsList .slide-item .item .textBox .infoBox ul li {font-size:80%; margin:3px 0;}
	}

	@media screen and (max-width:499px) {
		.productsList {width:100%;}
		.productsList .slide-item .item .textBox h5 {font-size:90%;}
		.productsList .slide-item .item .textBox .infoBox ul li {font-size:80%;}
	}

.productsList .space-swiper .swiper-slide-active {padding:0;}
.productsList .space-swiper .swiper-slide-active .item{position:relative; color:#fff;  padding:0px 10% 43px; margin-top:0px;}
.productsList .space-swiper .swiper-slide-active .item:before {position:absolute; display:block; width:90%; height:100%; background:url('../img/content/productItemBg.jpg') center no-repeat; background-size:cover; content:'';}
.productsList .space-swiper .swiper-slide-active .item h4 {display:block;}
.productsList .space-swiper .swiper-slide-active .item .imgBox,
.productsList .space-swiper .swiper-slide-active .item .textBox {position:relative; z-index:2;}
.productsList .space-swiper .swiper-slide-active .item .imgBox {display:flex; ustify-content: center; align-items:center; height:402px; transform:scale(1.4);}
.productsList .space-swiper .swiper-slide-active .item .imgBox.noImg {transform:scale(1);}
.productsList .space-swiper .swiper-slide-active .item .textBox {margin-top:0; font-size:18px;}
.productsList .space-swiper .swiper-slide-active .item .textBox .cate {font-size:18px; margin:15px 0 20px;}
.productsList .space-swiper .swiper-slide-active .item .textBox h5 {font-size:24px;}
.productsList .space-swiper .swiper-slide-active .item .textBox .infoBox {display:block;}

	@media screen and (max-width:1299px) {
		.productsList .space-swiper .swiper-slide-active .item .textBox {margin-top:-40px}
	}

	@media screen and (max-width:999px) {
		.productsList .space-swiper .swiper-slide-active .item .imgBox {height:255px; transform:scale(1);}
		.productsList .space-swiper .swiper-slide-active .item .textBox {font-size:110%; margin-top:0;}
		.productsList .space-swiper .swiper-slide-active .item .textBox .cate {font-size:100%;}
		.productsList .space-swiper .swiper-slide-active .item .textBox h5 {font-size:150%;}
	}

	@media screen and (max-width:799px) {
		.productsList .space-swiper .swiper-slide-active .item .imgBox {height:205px;}
		.productsList .space-swiper .swiper-slide-active .item .textBox {font-size:100%;}
		.productsList .space-swiper .swiper-slide-active .item .textBox h5 {font-size:130%;}
	}

	@media screen and (max-width:499px) {
		.productsList .space-swiper .swiper-slide-active .item .textBox {font-size:90%;}
	}


/* button */
.productsList .swiper-button-black {top:300px; width:15px; height:25px; background-size:contain; background-repeat:no-repeat;}
.productsList .swiper-button-black:after {display:none;}
.productsList .swiper-button-prev {background-image:url('../img/content/productListArrowLeft.png');}
.productsList .swiper-button-next {background-image:url('../img/content/productListArrowRight.png');}

/* page-num */
.productsList .space-swiper-pn {position: relative;max-width:600px; margin:40px auto 0;text-align: center; }
.productsList .space-swiper-pn i {position: relative;display: block; width:100%;overflow: hidden; height:2px; background:#fff;border-radius: 2px;}
.productsList .space-swiper-pn i b{position: relative;display: block;width: 100%; height:2px;background:#EF4023;transform: translateX(-100%); }
.productsList .space-swiper-pn i.progressing b{transform: translateX(0%); transition: 8s linear;  }
.productsList .space-swiper-pn .space-swiper-pn-num{font-size:20px; font-weight:800;}
.productsList .space-swiper-pn .text-primary {font-weight:800;}

	@media screen and (max-width:999px) {
		.productsList .space-swiper-pn .space-swiper-pn-num {font-size:120%;}
	}

	@media screen and (max-width:799px) {
		.productsList .space-swiper-pn {margin:30px auto 0;}
		.productsList .space-swiper-pn .space-swiper-pn-num {font-size:110%;}
	}
	
	@media screen and (max-width:499px) {
		.productsList .space-swiper-pn {margin:20px auto 0;}
		.productsList .space-swiper-pn .space-swiper-pn-num {font-size:100%;}
	}

.productsList .swiper-button-next, .swiper-button-prev{}
.productsList .swiper-button-next {right:3rem}
.productsList .swiper-button-prev{left:3rem}

	@media screen and (max-width:1619px) {
		.productsList .swiper-button-next {right:1rem;}
		.productsList .swiper-button-prev{left:1rem}
	}
	
	@media screen and (max-width:1299px) {
		.productsList .swiper-button-next {right:13%;}
		.productsList .swiper-button-prev{left:13%;}
	}
	@media screen and (max-width:999px) {
		.productsList .swiper-button-next {right:-5%;}
		.productsList .swiper-button-prev{left:-5%;}
	}
	@media screen and (max-width:799px) {
		.productsList .swiper-button-next {right:0;}
		.productsList .swiper-button-prev{left:0;}
	}


.productsList .swiper-pagination-custom {display:flex; justify-content: center; margin-bottom:60px;}
.productsList .swiper-pagination-custom .custom_bullet {margin-left:40px; opacity:0.3; cursor:pointer;}
.productsList .swiper-pagination-custom .custom_bullet span {display:block; font-size:14px; font-weight:700; text-align:center; margin-top:10px; margin-left:10px;}
.productsList .swiper-pagination-custom .swiper-pagination-custom-bullet-active {opacity:1;}
	
	@media screen and (max-width:999px) {
		.productsList .swiper-pagination-custom .custom_bullet span {font-size:95%;}

	}

	@media screen and (max-width:799px) {
		.productsList .swiper-pagination-custom .custom_bullet {margin:0 2%;}
		.productsList .swiper-pagination-custom .custom_bullet span {font-size:90%}
		.productsList .swiper-pagination-custom .custom_bullet img {margin-right:0; height:62px !important;}
		.productsList .swiper-pagination-custom .custom_bullet span {font-size:85%; line-height:120%;}
	}

	@media screen and (max-width:499px) {
		.productsList .swiper-pagination-custom .custom_bullet span {font-size:80%;}
		.productsList .swiper-pagination-custom .custom_bullet img {margin:0 auto; height:50px !important;}
		.productsList .swiper-pagination-custom .custom_bullet span {font-size:75%; margin-left:5px;}
	}


.productsList.equipmentList .space-swiper .swiper-slide .item .imgBox {transform:scale(1);}
.productsList.equipmentList .space-swiper .swiper-slide .item .textBox {margin-top:40px;}
.productsList.equipmentList .space-swiper .swiper-slide-active .item .imgBox {transform:scale(1.3); top:30px;}

.productsList.equipmentList .swiper-pagination-custom .custom_bullet {text-align:center; margin:0 20px;}
.productsList.equipmentList .swiper-pagination-custom .custom_bullet span {margin-left:0;}

	@media screen and (max-width:999px) {
		.productsList.equipmentList .space-swiper .swiper-slide-active .item .imgBox {transform:scale(1);}
		.productsList.equipmentList .space-swiper .swiper-slide .item .textBox {margin-top:60px;}
	}

	@media screen and (max-width:799px) {
		.productsList.equipmentList .swiper-pagination-custom .custom_bullet {margin:0 2%;}
	}

	@media screen and (max-width:499px) {
		.productsList.equipmentList .space-swiper .swiper-slide .item .textBox {margin-top:20px;}
	}


/* 제품소개 - view */

/* tab */
ul.productViewCate {display:flex; justify-content: center; margin-bottom:60px;}
ul.productViewCate li {margin-left:40px; opacity:0.3; cursor:pointer; text-align:center;}
ul.productViewCate li span {display:block; font-size:14px; font-weight:700; text-align:center; margin-top:10px; margin-left:10px;}
ul.productViewCate li.active {opacity:1;}

ul.productViewCate.equipmentCate li img {margin-right:10px;}
ul.productViewCate.equipmentCate li span {margin-left:0;}

	@media screen and (max-width:999px) {
		ul.productViewCate li span {font-size:95%;}
	}

	@media screen and (max-width:799px) {
		ul.productViewCate li {margin:0 2%;}
		ul.productViewCate li span {font-size:85%; line-height:120%;}
		ul.productViewCate li img {/*max-width:90%;*/ height:62px;}

		ul.productViewCate.equipmentCate li img {margin-right:0; max-width:100%;}
	}

	@media screen and (max-width:499px) {
		ul.productViewCate li span {font-size:75%; margin-left:5px;}
		ul.productViewCate li img {/*max-width:85%;*/ height:50px;}
	}


.productsView {font-size:18px; margin-bottom:-111px;}
.productsView .titleBox {position:relative; text-align:center;}
.productsView .titleBox .bg {position:absolute; width:100%; height:100%; top:0; left:0; opacity:0.2; z-index:1; background-size:cover; background-repeat:no-repeat; background-position:center;}
.productsView .titleBox .conT {position:relative; z-index:2;}
.productsView .titleBox h5 {font-size:28px; font-weight:800;}
.productsView .titleBox p {word-break:keep-all; margin-top:20px;}

	@media screen and (max-width:999px) {
		.productsView {font-size:110%;}
		.productsView .titleBox h5 {font-size:150%;}
		.productsView .titleBox p {line-height:160%;}
	}
	
	@media screen and (max-width:799px) {
		.productsView {font-size:100%;}
		.productsView .titleBox h5 {font-size:130%;}
	}
	
	@media screen and (max-width:499px) {
		.productsView {font-size:90%;}
		.productsView .titleBox h5 {font-size:110%;}
		.productsView .titleBox p {font-size:90%;}
	}


.productsView .sec1 .titleBox {display:flex; background:#000; padding:165px 0; text-align:left;}
.productsView .sec1 .titleBox .bg {background-attachment:fixed;}
.productsView .sec1 .titleBox h4 {}
.productsView .sec1 .titleBox p {line-height:160%; margin-top:0;}
.productsView .sec1 .titleBox .container {display:flex; color:#fff;}
.productsView .sec1 .titleBox .container h4 {width:50%; font-size:35px;}
.productsView .sec1 .titleBox .container h4 b {display:block; font-size:45px; margin-bottom:20px;}
.productsView .sec1 .titleBox .container p {width:50%;}
.productsView .sec1 .quickBox {background:#f5f5f5; padding:51px 0;}
.productsView .sec1 ul.quickUl {display:flex; justify-content: center;}
.productsView .sec1 ul.quickUl li {display:flex; flex-direction: column; align-items: center; justify-content: flex-start; width:25%; font-size:18px; font-weight:500; text-align:center; padding:0 1%;}
.productsView .sec1 ul.quickUl li img {display:block; margin-bottom:20px;}

	@media screen and (max-width:1299px) {
		.productsView .sec1 ul.quickUl li {padding:0;}
	}
	
	@media screen and (max-width:1099px) {
		.productsView .sec1 ul.quickUl li {font-size:16px; line-height:140%;}
	}

	@media screen and (max-width:999px) {
		.productsView .sec1 .titleBox .container {flex-direction: column;}
		.productsView .sec1 .titleBox .container h4 {width:100%; font-size:200%; margin-bottom:30px;}
		.productsView .sec1 .titleBox .container h4 b {font-size:120%;}
		.productsView .sec1 .titleBox .container p {width:100%; font-size:100%;}

		.productsView .sec1 ul.quickUl li {font-size:90%;}
	}

	@media screen and (max-width:799px) {
		.productsView .sec1 .titleBox {padding:125px 0;}
		.productsView .sec1 .titleBox .container h4 {font-size:180%;}
		.productsView .sec1 .titleBox .container p {font-size:90%;}

		.productsView .sec1 ul.quickUl {flex-wrap: wrap; margin-bottom:-30px;}
		.productsView .sec1 ul.quickUl li {width:50%; font-size:90%; margin-bottom:30px;}
	}

	@media screen and (max-width:499px) {
		.productsView .sec1 .titleBox {padding:95px 0;}
		.productsView .sec1 .titleBox .container h4 {font-size:160%;}

	}


.productsView .sec2 {padding:115px 0; background:url('../img/content/productViewSec2Bg.png') center no-repeat; background-size:cover;}
.productsView .sec2 .container {text-align:center;}
.productsView .sec2 .contentBox {margin-top:18px;}
.productsView .sec2 .productSlide {overflow:hidden;}
.productsView .sec2 .productSlide img {max-width:100%;}
.productsView .sec2 .boatInfo ul {display:flex; flex-wrap: wrap; margin:35px -1% 0;}
.productsView .sec2 .boatInfo ul li {width:23%; padding:20px 0; border-top:2px solid #000; border-bottom:1px solid #ddd; font-weight:700; margin:25px 1% 0;}
.productsView .sec2 .boatInfo ul li:nth-child(n+1):nth-child(-n+2) {width:48%;}
.productsView .sec2 .boatInfo ul li:first-child {border-top:2px solid #06326a;}

	@media screen and (max-width:999px) {
		.productsView .sec2 .boatInfo ul li {width:48%;}
	}

	@media screen and (max-width:799px) {
		.productsView .sec2 {padding:85px 0;}
		.productsView .sec2 .boatInfo ul li {width:100% !important; margin:15px 0; padding:10px 0; font-size:90%;}
	}

	@media screen and (max-width:499px) {
		.productsView .sec2 {padding:65px 0;}
		.productsView .sec2 .boatInfo ul li {margin:7x 0; padding:10px 0; font-size:85%;}
	}


.productsView .space-swiper-pn .space-swiper-pn-num{font-size:20px; font-weight:800;}
.productsView .space-swiper-pn .text-primary {font-weight:800;}
.productsView .space-swiper-pn{position: relative;max-width:600px; margin:0 auto; margin-top:-25px; text-align: center; }
.productsView .space-swiper-pn i {position: relative;display: block; width:100%;overflow: hidden; height:2px; background:#fff;border-radius: 2px;}
.productsView .space-swiper-pn i b{position: relative;display: block;width: 100%; height:2px;background:#EF4023;transform: translateX(-100%); }
.productsView .space-swiper-pn i.progressing b{transform: translateX(0%); transition: 8s linear;  }

.equipment.productsView .space-swiper-pn {margin-top:0; margin-bottom:20px;}

	@media screen and (max-width:999px) {
		.productsView .space-swiper-pn .space-swiper-pn-num{font-size:120%;}
	}


.productsView .sec3 {}
.productsView .sec3 .titleBox {background:#000; color:#fff; padding:100px 0;}
.productsView .sec3 .titleBox .bg {background-position:center bottom;}
.productsView .sec3 .titleBox h5 {font-size:30px; font-weight:700;}
	
	@media screen and (max-width:999px) {
		.productsView .sec3 .titleBox h5 {font-size:180%;}
	}
	
	@media screen and (max-width:799px) {
		.productsView .sec3 .titleBox h5 {font-size:150%;}
	}
	
	@media screen and (max-width:499px) {
		.productsView .sec3 .titleBox h5 {font-size:130%;}
	}


.productsView .sec4 {padding:100px 0;}
.productsView .sec4 .titleBox {margin-bottom:40px;}
.productsView .sec4 .vrBox .vr {position:relative;}
.productsView .sec4 .vrBox .vr .vr_ing {display:flex; align-items: center; justify-content: center; background:#000; height:600px; color:#fff;}
.productsView .sec4 .vrBox p {font-size:18px; font-weight:600; text-align:right; margin-top:10px;}
.productsView .sec4 .slideBox {overflow:hidden; margin-top:80px;}
.productsView .sec4 .slideBox ul li img {border:1px solid #ddd;}

	@media screen and (max-width:1099px) {
		.productsView .sec4 .slideBox {padding:0 2%;}
	}

	@media screen and (max-width:999px) {
		.productsView .sec4 {padding:80px 0;}
		.productsView .sec4 .vrBox .vr .vr_ing {height:400px;}
		.productsView .sec4 .vrBox p {font-size:100%;}
		.productsView .sec4 .slideBox {margin-top:60px;}
	}

	@media screen and (max-width:799px) {
		.productsView .sec4 {padding:60px 0;}
		.productsView .sec4 .vrBox p {font-size:90%;}
		.productsView .sec4 .slideBox {margin-top:40px;}
	}

	@media screen and (max-width:499px) {
		.productsView .sec4 .vrBox p {font-size:85%;}
	}


.productsView .sec5 .titleBox {background:#000; padding:100px 0; color:#fff;}
.productsView .sec5 .titleBox .bg {background-image:url('../img/content/boat/boat01Bg03.jpg'); background-position:center top;}
.productsView .sec5 .titleBox h5 {font-size:30px; font-weight:700;}

	@media screen and (max-width:999px) {
		.productsView .sec5 .titleBox h5 {font-size:180%;}
	}

	@media screen and (max-width:799px) {
		.productsView .sec5 .titleBox h5 {font-size:150%;}
	}

	@media screen and (max-width:499px) {
		.productsView .sec5 .titleBox h5 {font-size:130%;}
	}

.productsView .sec6 {padding:100px 0; background:url('../img/content/productViewSec6Bg.png') center no-repeat; background-size:cover;}
.productsView .sec6 .titleBox {margin-bottom:40px;}
.productsView .sec6 .contentBox {}
.productsView .sec6 .contentBox .tbWrap {}

.productsView .sec6 .contentBox .tbWrap .table-container:nth-child(1) .row .cell:nth-child(n+1):nth-child(-n+3) {border-top:2px solid #000;}

.productsView .sec6 .contentBox .tbWrap .table-container:nth-last-child(n+1) .row .cell:nth-last-child(n+1):nth-last-child(-n+2) {border-bottom:2px solid #000;}

.productsView .sec6 .contentBox .tbWrap .table-container .row {display: grid; grid-template-columns: 31% 31% 31%; justify-content: space-between}
.productsView .sec6 .contentBox .tbWrap .table-container .cell {font-size:16px;  text-align:center; padding:15px 0; border-bottom:1px solid #ddd;}

.productsView .sec6 .contentBox .tbWrap .table-container .heading {font-weight:700;}
.productsView .sec6 .contentBox .tbWrap .table-container .heading:nth-child(1) {display: flex; align-items: center; justify-content: center; font-size:20px;}
.productsView .sec6 .contentBox .tbWrap .table-container .heading.row2 {grid-row: 1 / 3; border-bottom:2px solid #000;}
.productsView .sec6 .contentBox .tbWrap .table-container .heading.row7 {grid-row: 1 / 8; border-bottom:2px solid #000;}
.productsView .sec6 .contentBox .tbWrap .table-container .heading.row11 {grid-row: 1 / 12; border-bottom:2px solid #000;}

	@media screen and (max-width:999px) {
		.productsView .sec6 .contentBox .tbWrap .table-container .heading:nth-child(1) {font-size:110%;}

		.productsView .sec6 .contentBox .tbWrap .table-container .cell {font-size:90%;}
	}

	@media screen and (max-width:799px) {
		.productsView .sec6 .contentBox .tbWrap .table-container .heading:nth-child(1) {font-size:100%;}

		.productsView .sec6 .contentBox .tbWrap .table-container .cell {font-size:85%; line-height:140%;}
	}

	@media screen and (max-width:499px) {
		.productsView .sec6 .contentBox .tbWrap .table-container .heading:nth-child(1) {font-size:90%;}
	}

.productsView .sec7 {margin-bottom:100px;}
.productsView .sec7 .titleBox {position:relative; background:#000; padding:100px 0; color:#fff;}
.productsView .sec7 .titleBox .link {position:absolute; width:100%; height:100%; top:0; left:0; z-index:9;}
.productsView .sec7 .titleBox .link a {position:absolute; width:100%; height:100%; top:0; left:0;}
.productsView .sec7 .titleBox .bg {background-position:center; background-attachment:fixed; opacity:0.4;}
.productsView .sec7 .titleBox h5 {font-size:30px; font-weight:700;}

	@media screen and (max-width:999px) {
		.productsView .sec7 .titleBox h5 {font-size:180%;}
	}

	@media screen and (max-width:799px) {
		.productsView .sec7 .titleBox {padding:80px 0;}
		.productsView .sec7 .titleBox h5 {font-size:150%;}
	}

	@media screen and (max-width:499px) {
		.productsView .sec7 .titleBox h5 {font-size:130%;}
	}


.productsView .sec7 .titleBox .bg.battery {background-image:url('../img/content/boat/batteryBg.jpg');}
.productsView .sec7 .titleBox .bg.h2 {background-image:url('../img/content/boat/h2Bg.jpg');}


.productsView.boat01 .sec1 .titleBox .bg {background-image:url('../img/content/boat/boat01Bg01.jpg');}
.productsView.boat01 .sec3 .titleBox .bg {background-image:url('../img/content/boat/boat01Bg02.jpg');}
.productsView.boat01 .sec5 .titleBox .bg {background-image:url('../img/content/boat/boat01Bg03.jpg');}

.productsView.boat02 .sec1 .titleBox .bg {background-image:url('../img/content/boat/boat02Bg01.jpg');}
.productsView.boat02 .sec3 .titleBox .bg {background-image:url('../img/content/boat/boat02Bg02.jpg');}
.productsView.boat02 .sec5 .titleBox .bg {background-image:url('../img/content/boat/boat02Bg03.jpg');}

.productsView.boat03 .sec1 .titleBox .bg {background-image:url('../img/content/boat/boat03Bg01.jpg');}
.productsView.boat03 .sec3 .titleBox .bg {background-image:url('../img/content/boat/boat03Bg02.jpg');}
.productsView.boat03 .sec5 .titleBox .bg {background-image:url('../img/content/boat/boat03Bg03.jpg');}

.productsView.boat04 .sec1 .titleBox .bg {background-image:url('../img/content/boat/boat04Bg01.jpg');}
.productsView.boat04 .sec3 .titleBox .bg {background-image:url('../img/content/boat/boat04Bg02.jpg');}
.productsView.boat04 .sec5 .titleBox .bg {background-image:url('../img/content/boat/boat04Bg03.jpg');}

.productsView.boat05 .sec1 .titleBox .bg {background-image:url('../img/content/boat/boat05Bg01.jpg');}
.productsView.boat05 .sec3 .titleBox .bg {background-image:url('../img/content/boat/boat05Bg02.jpg');}
.productsView.boat05 .sec5 .titleBox .bg {background-image:url('../img/content/boat/boat05Bg03.jpg');}

.productsView.boat06 .sec1 .titleBox .bg {background-image:url('../img/content/boat/boat06Bg01.jpg');}
.productsView.boat06 .sec3 .titleBox .bg {background-image:url('../img/content/boat/boat06Bg02.jpg');}
.productsView.boat06 .sec5 .titleBox .bg {background-image:url('../img/content/boat/boat06Bg03.jpg');}


.productsView.equipment .sec1 .titleBox .bg {background-image:url('../img/content/equipment/equipmentBg01.jpg');}
.productsView.equipment .sec2 .boatInfo ul li {font-size:17px; width:31.333% !important;}

.productsView.equipment .sec2 .boatInfo ul.ing {margin:35px 0 0;}
.productsView.equipment .sec2 .boatInfo ul.ing li {width:100% !important;}


.productsView.equipment .sec2 .boatInfo .table-container:nth-child(1) .row .cell:nth-child(n+1):nth-child(-n+3) {border-top:2px solid #000;}

.productsView.equipment .sec2 .boatInfo .table-container:nth-last-child(n+1) .row .cell:nth-last-child(n+1):nth-last-child(-n+2) {border-bottom:2px solid #000;}

.productsView.equipment .sec2 .boatInfo .table-container .row {display: grid; grid-template-columns: 31% 31% 31%; justify-content: space-between}
.productsView.equipment .sec2 .boatInfo .table-container .cell {font-size:16px;  text-align:center; padding:15px 0; border-bottom:1px solid #ddd;}

.productsView.equipment .sec2 .boatInfo .table-container .heading {font-weight:700;}
.productsView.equipment .sec2 .boatInfo .table-container .heading:nth-child(1) {display: flex; align-items: center; justify-content: center; font-size:20px;}
.productsView.equipment .sec2 .boatInfo .table-container .heading.row8 {grid-row: 1 / 9; border-bottom:2px solid #000;}
.productsView.equipment .sec2 .boatInfo .table-container .heading.row9 {grid-row: 1 / 10; border-bottom:2px solid #000;}
.productsView.equipment .sec2 .boatInfo .table-container .heading.row22 {grid-row: 1 / 23; border-bottom:2px solid #000;}
.productsView.equipment .sec2 .boatInfo .table-container .heading.row23 {grid-row: 1 / 24; border-bottom:2px solid #000;}

	@media screen and (max-width:999px) {
		.productsView.equipment .sec2 .boatInfo .table-container .cell {display: flex; align-items: center; justify-content: center; font-size:90%;}

		.productsView.equipment .sec2 .boatInfo .table-container .heading:nth-child(1) {font-size:100%;}
	}
	
	@media screen and (max-width:799px) {
		.productsView.equipment .sec2 .boatInfo .table-container .cell {font-size:80%; padding:10px 0; line-height:140%;}

		.productsView.equipment .sec2 .boatInfo .table-container .heading:nth-child(1) {font-size:90%;}
	}


/* Brochure */
.brochure_wrap {background:url('../img/content/brochureBg.png') bottom center no-repeat;}

/* Global Network Service */
.global_wrap {background:url('../img/content/globalNetworkBg.png') bottom center no-repeat;}
.globalNetwork {}
.globalNetwork .titleBox {display:flex; flex-direction: row-reverse; justify-content: space-between; margin-bottom:100px;}
.globalNetwork .titleBox .imageBox {position:relative;}
.globalNetwork .titleBox .textBox {width:600px; display: flex; flex-direction: column; justify-content: flex-end; position:relative; margin-right:-200px; z-index:2;}
.globalNetwork .titleBox .textBox h4 {font-size:28px; font-weight:800; margin-bottom:20px;}
.globalNetwork .titleBox .textBox p {font-size:18px;}

	@media screen and (max-width:1199px) {
		.globalNetwork .titleBox .imageBox {width:85%;}
		.globalNetwork .titleBox .textBox {justify-content: normal; width:60%; margin-top:200px; margin-right:-60%;}
	}

	@media screen and (max-width:999px) {
		.globalNetwork .titleBox {display:flex; flex-direction: column;}
		.globalNetwork .titleBox .imageBox {width:100%;}
		.globalNetwork .titleBox .textBox {width:100%; margin-top:50px; margin-right:0;}
		.globalNetwork .titleBox .textBox h4 {font-size:160%;}
		.globalNetwork .titleBox .textBox p {font-size:110%;}
	}

	@media screen and (max-width:799px) {
		.globalNetwork .titleBox .textBox h4 {font-size:140%;}
		.globalNetwork .titleBox .textBox p {font-size:100%;}
	}

	@media screen and (max-width:499px) {
		.globalNetwork .titleBox .textBox h4 {font-size:120%;}
		.globalNetwork .titleBox .textBox p {font-size:90%;}
	}


.globalNetwork .contentBox {color:#363636;}
.globalNetwork .contentBox .cont {background:#fbfafa; padding:50px;}
.globalNetwork .contentBox .cont h5 {font-size:22px; font-weight:800; margin-bottom:30px;}
.globalNetwork .contentBox .cont .office {font-size:16px; font-weight:500; padding-left:20px; margin-top:30px;}
.globalNetwork .contentBox .cont .office:first-child {margin-top:0;}
.globalNetwork .contentBox .cont .office h6 {font-weight:700;}
.globalNetwork .contentBox .cont .office h6:before {position:relative; display:inline-block; width:5px; height:5px; background:#06326a; border-radius:50%; overflow:hidden; margin-right:15px; margin-left:-20px; content:'';}
.globalNetwork .contentBox .cont .office ul {margin-top:5px;}
.globalNetwork .contentBox .cont .office ul li {}
.globalNetwork .contentBox .cont .office ul li:before {position:relative; display:inline-block; width:12px; font-weight:700; margin-right:14px; text-align:center;}
.globalNetwork .contentBox .cont .office ul li.add {}
.globalNetwork .contentBox .cont .office ul li.add:before {display:none;}
.globalNetwork .contentBox .cont .office ul li.tel {}
.globalNetwork .contentBox .cont .office ul li.tel:before {content:'T';}
.globalNetwork .contentBox .cont .office ul li.fax {}
.globalNetwork .contentBox .cont .office ul li.fax:before {content:'F';}
.globalNetwork .contentBox .cont .office ul li.email {}
.globalNetwork .contentBox .cont .office ul li.email:before {content:'E';}
.globalNetwork .contentBox .cont .office ul li.mobile {}
.globalNetwork .contentBox .cont .office ul li.mobile:before {content:'M';}

.globalNetwork .contentBox .cont.cont02 {margin-top:50px;}

	@media screen and (max-width:999px) {
		.globalNetwork .contentBox .cont {padding:40px;}
		.globalNetwork .contentBox .cont h5 {font-size:140%;}
		.globalNetwork .contentBox .cont .office {font-size:100%;}
	}

	@media screen and (max-width:799px) {
		.globalNetwork .contentBox .cont {padding:50px 5%;}
		.globalNetwork .contentBox .cont h5 {font-size:130%;}
		.globalNetwork .contentBox .cont .office {font-size:90%;}
	}

	@media screen and (max-width:499px) {
		.globalNetwork .contentBox .cont h5 {font-size:110%;}
		.globalNetwork .contentBox .cont .office {font-size:80%;}
	}


/* 인재채용 */
.recruit {}
.recruit h4 {font-size:28px; font-weight:800; line-height:140%;}

.recruit .sec1 {margin-bottom:100px;}
.recruit .sec1 .imageBox {margin-bottom:40px;}
.recruit .sec1 .imageBox img {}
.recruit .sec1 .textBox {color:#000; text-align:center;}
.recruit .sec1 .textBox p {font-size:18px; font-weight:400; margin-top:20px;}

.recruit .sec2 {display: flex; flex-wrap: wrap; justify-content: space-between;}
.recruit .sec2 h4 {width:100%; text-align:center; margin-bottom:40px;}
.recruit .sec2 .box {position:relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width:25%; max-width:290px; height:500px; background-color:#000; color:#fff; text-align:center;}
.recruit .sec2 .box .bg {position:absolute; width:100%; height:100%; top:0; left:0; content:''; opacity:0.4; z-index:1; background-size:cover; background-repeat:no-repeat; background-position:center;}
.recruit .sec2 .box.process01 .bg {background-image:url('../img/content/recruitProcess01Img.jpg');}
.recruit .sec2 .box.process02 .bg {background-image:url('../img/content/recruitProcess02Img.jpg');}
.recruit .sec2 .box.process03 .bg {background-image:url('../img/content/recruitProcess03Img.jpg');}
.recruit .sec2 .box.process04 .bg {background-image:url('../img/content/recruitProcess04Img.jpg');}
.recruit .sec2 .box .textBox {position:relative; z-index:2; padding:0 5%;}
.recruit .sec2 .box .textBox h5 {font-size:28px; font-weight:800; margin-bottom:20px;}

.recruit .sec2 .box:hover {background-color:#06326a}
.recruit .sec2 .box:hover .bg {opacity:0.2;}

	@media screen and (max-width:1199px) {
		.recruit .sec2 .box {width:50%; max-width:inherit; height:300px;}
	}

	@media screen and (max-width:999px) {
		.recruit h4 {font-size:140%;}

		.recruit .sec1 .textBox p {font-size:110%;}

		.recruit .sec2 .box .textBox h5 {font-size:160%;}
		.recruit .sec2 .box .textBox p {font-size:100%;}
	}

	@media screen and (max-width:799px) {
		.recruit h4 {font-size:130%;}
		.recruit h4 .br {display:inline;}

		.recruit .sec1 .textBox p {font-size:100%;}
		.recruit .sec1 .textBox p .br {display:inline;}

		.recruit .sec2 .box {width:100%;}
		.recruit .sec2 .box .textBox h5 {font-size:140%;}
		.recruit .sec2 .box .textBox p {font-size:90%; line-height:140%;}
	}

	@media screen and (max-width:499px) {
		.recruit h4 {font-size:110%;}

		.recruit .sec1 .textBox p {font-size:90%;}
		.recruit .sec2 .box {height:250px;}
		.recruit .sec2 .box .textBox h5 {font-size:120%;}
		.recruit .sec2 .box .textBox p {font-size:80%;}
	}


/* 오시는길 */
.location01_wrap, .location02_wrap {background:url('../img/content/locationBg.png') bottom center no-repeat;}
.location {color:#363636;}
.location .mapBox iframe {width:100%;}
.location .infoBox {margin-top:33px;}
.location .infoBox h4 {font-size:28px; font-weight:700; margin-bottom:15px;}
.location .infoBox h4:before {position:relative; display:inline-block; width:20px; height:16px; background:url('../img/sub/min_logo.png'); background-size:contain; background-repeat:no-repeat; margin-right:10px; content:'';}
.location .infoBox ul {padding-left:20px;}
.location .infoBox ul li {margin-top:6px;}
.location .infoBox ul li:before {position:relative; display:inline-block; width:6px; height:6px; border:1px solid #000; border-radius:50%; overflow:hidden; margin-right:10px; margin-left:-15px; content:'';}
.location .infoBox ul li:first-child {margin-top:0;}
	
	@media screen and (max-width:999px) {
		.location .mapBox iframe {height:500px;}
		.location .infoBox h4 {font-size:160%;}
		.location .infoBox ul li {font-size:100%;}
	}

	@media screen and (max-width:799px) {
		.location .mapBox iframe {height:400px;}
		.location .infoBox h4 {font-size:140%;}
		.location .infoBox ul li {font-size:90%;}
	}

	@media screen and (max-width:499px) {
		.location .mapBox iframe {height:300px;}
		.location .infoBox h4 {font-size:120%;}
		.location .infoBox ul li {font-size:80%;}
	}


/* 준비중 */
.ing {text-align:center;}
.ing .container {border:1px solid #eee; padding:100px 0;}
.ing h5 {font-size:32px; font-weight:800; margin-bottom:20px;}
.ing h5:before {position: relative; display: block; content:url('../img/common/logo.png'); margin-bottom: 30px;}
.ing p {font-size:18px;}
	
	@media screen and (max-width:999px) {
		.ing h5 {font-size:190%;}
		.ing p {font-size:110%;}
	}

	@media screen and (max-width:799px) {
		.ing h5 {font-size:160%;}
		.ing p {font-size:100%;}
	}

	@media screen and (max-width:499px) {
		.ing h5 {font-size:140%;}
		.ing p {font-size:90%;}
	}