@charset "utf-8";


/* 공통 섹션*/
.s-section { padding: 10% 0; }
@media all and (max-width:580px) {
	.s-section { padding: 15% 0; }
}
@media all and (max-width:430px) {
	.s-section { padding: 20% 0; }
}
.s-section.bg { background:#f9f9f9 }

.stit3 {font-size: 1.3em;font-family: 'ONE-Mobile-Title';font-weight: 800;margin-bottom: 0.8em;color:#2d3290;}


/* 공통 탑 이미지 */
.topimg { width:100%; padding:3%; height: 430px;  display:table; background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; color:#fff; }
.topimg .in-top {width:100%;  display:table-cell;  vertical-align:middle;  box-sizing:border-box;}
.topimg h3 {font-size:2.8em;  line-height:1.2em; font-family: 'GmarketSans'; font-weight: 700; opacity:.7 }

.intro4-bg {background-image:url("/images/sub/intro4-top.png"); text-align:center}
.business1-bg {background-image:url("/images/sub/business1-bg.png"); }
.business2-bg {background-image:url("/images/sub/business2-bg.png"); }
.product1-bg {background-image:url("/images/sub/product1-bg.png"); }

.toptxt { width: 90%; margin: 0 auto;  padding:3% 3% 5% 3%;  background:#FFF; display: block;  text-align:center;  line-height:1.8em}
.toptxt p.t1 {font-size:2.2em; font-weight:600; padding-bottom:1em; }
.toptxt p.t2 {font-size:1.125em; color:#212121}

@media screen and (max-width:1499px){
	.topimg {width:100%;  }
}
@media screen and (max-width:1399px){
	.topimg { }
}
@media screen and (max-width:1000px){
	.topimg {height: 43vw; }
	.topimg img {width:100%;}
}
@media screen and (max-width:580px){
	.topimg {height: 38vw; }
	.topimg h3 {font-size:2em;}
	.toptxt { padding:7% 3%;  }
}
@media screen and (max-width:480px){
	.topimg h3 {font-size:1.8em; }
	.toptxt p.t1 {font-size:2.0em;  padding-bottom:0.7em; }
}



/* 공통 타이틀 */
.s-tit {margin-bottom:1.3em;}
.s-tit h3 {font-size:1.7em;  font-family: 'GmarketSans'; font-weight:700; color:#212121}


/* float li - 라인 */
.floatList {overflow:hidden; border-top:1px solid #eee; }
.floatList li {float:left; border-left:1px solid #eee; border-right:1px solid #FFF;  border-bottom:1px solid #eee; box-sizing:border-box; } 
.floatList li:last-child{ border-right:1px solid #eee !important;  }
.floatList li img {width:100%;}

.floatList.col4 li {width:25%; padding:1% 3%;  }
.floatList.col4 li:nth-child(4n) { border-right:1px solid #eee; }
.floatList.col5 li {width:20%; padding:1.5% 2%; }
.floatList.col5 li:nth-child(5n) { border-right:1px solid #eee; }
@media all and (max-width:640px) {
	.floatList.col5 li {width:25%; padding:1% 3%; }
	.floatList.col5 li:nth-child(5n) { border-right:1px solid #FFF; }
	.floatList.col5 li:nth-child(4n) { border-right:1px solid #eee; }
}
@media all and (max-width:430px) {
	.floatList.col4 li {width:50%;}
	.floatList.col4 li:nth-child(4n) { border-right:1px solid #FFF; }
	.floatList.col4 li:nth-child(2n) { border-right:1px solid #eee; }
	.floatList.col5 li {width:50%;  }
	.floatList.col5 li:nth-child(4n) { border-right:1px solid #FFF; }
	.floatList.col5 li:nth-child(2n) { border-right:1px solid #eee; }
}



/* float li  - 노라인 */
.orderList {overflow:hidden}
.orderList li {float:left;  text-align:center; margin-bottom:20px;  }
.orderList li:last-child {margin-right:0; }
.orderList li img {width:100%}
.orderList li p.txt1 {font-size: 1.125em; padding:7% 3%;  color:#FFF;  background:#312783; }
.orderList li dl { padding:5% 3%; width: 100%; margin: 0 auto ;  display: block;   background:rgba(255,255,255,1); }

.orderList li dl.dl2 { position: relative; padding:0 3% 7% 3%; width: 90%; margin: 0 auto;  display: block;   background:rgba(255,255,255,1); }
.orderList li dl.dl3 { padding:4% 3%;  background:#312783; color:#FFF }

.orderList li dl dt {font-size: 1.5em;  line-height:1.3em; font-weight:600; padding-bottom:0.5em; color:#312783; text-align:center}
.orderList li dl dd.bg-cont {font-size: 1.125em; text-align:center; }

.orderList li.boxBg {border:5px solid #f3f3f3;} 
.orderList li.boxBg dl dt { color:#FFF; background:#312783;  padding-bottom:0; margin-bottom:0.7em;}
.orderList li.boxBg dl dd.bg-cont {font-size: 1.0em; line-height:1.5em;  text-align:center; }

.orderList.col2 li {width:calc(50% - 25px); margin-right:50px; margin-bottom:50px;  }
.orderList.col2 li:nth-child(even) { margin-right:0; }

.orderList.col3 li {width:calc(33.3333% - 13.3333px); margin-right:20px;  }
.orderList.col3 li:nth-child(3) { margin-right:0; }

.orderList.col4 li {width:calc(25% - 15px); margin-right:20px;    }
.orderList.col4 li:nth-child(4n) { margin-right:0; }

.orderList.col5 li {width:calc(20% - 16px); margin-right:20px;  }
.orderList.col5 li:nth-child(5) { margin-right:0; }

.orderList.col7 li {width:calc(14.28% - 17.14px); margin-right:20px; margin-bottom:20px;  }
.orderList.col7 li:nth-child(7) { margin-right:0; }


@media screen and (max-width:1540px){
	.orderList li p br {display:block;}
}
@media screen and (max-width:1380px){
	.orderList.col7 li {width:calc(16.66% - 16.666px);}
	.orderList.col7 li:nth-child(7) { margin-right:20px; }
	.orderList.col7 li:nth-child(6n) { margin-right:0; }
}
@media screen and (max-width:1190px){

}
@media screen and (max-width:1130px){	
	.orderList.col4 li {width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; }
	.orderList.col4 li:nth-child(even) { margin-right:0 }
}
@media screen and (max-width:1024px){
	.orderList.col2 li {width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;  }

	.orderList.col7 li {width:calc(25% - 15px);}
	.orderList.col7 li:nth-child(6n) { margin-right:20px; }
	.orderList.col7 li:nth-child(4n) { margin-right:0; }
}
@media all and (max-width:940px) {
	.orderList.col3 li {width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; }
	.orderList.col3 li:nth-child(3) { margin-right:20px; }
	.orderList.col3 li:nth-child(even) { margin-right:0 }
}
@media screen and (max-width:640px){
	.orderList.col5 li {width:calc(33.3333% - 13.3333px); margin-bottom:20px; }
	.orderList.col5 li:nth-child(3) { margin-right:0; }
	.orderList.col5 li:nth-child(5) { margin-right:20px; }

	.orderList.col7 li {width:calc(33.333% - 13.3333px);}
	.orderList.col7 li:nth-child(4n) { margin-right:20px; }
	.orderList.col7 li:nth-child(3n) { margin-right:0; }
}
@media all and (max-width:580px) {
		.orderList.col4 li {width:100%; margin-right:0; }
}
@media all and (max-width:480px) {
	.orderList.col2 li {width:100%; margin-right:0;  }

	.orderList.col3 li {width:100%; margin-right:0;  }
	.orderList.col3 li:nth-child(3) { margin-right:0; }
	.orderList.col3 li dl dd br {display:none;}

	.orderList li dl {font-size:0.9em;}
}


/* dotList */
.dotList {}
.dotList li {border-bottom:1px dotted rgba(255,255,255,0.2); padding-bottom:0.8em; margin-bottom:0.8em; position:relative; padding-left:15px;  }
.dotList li:before {content:''; width:4px; height:4px; background:#eee; position:absolute; left:0; top:10px;}




/* 이미지 반반 */ 
.zzCont > li { overflow: hidden; text-align: left; position: relative;  }
.zzCont > li .zzImg { width:50%; height: 100%;  position: absolute; left:0; top:0;  background-size: cover; background-position: center; }
.zzCont > li .zzTxt { width:50%; height: 100%; float: right; padding: 13% 3%; box-sizing: border-box; }
.zzCont > li dl.zzTxt { padding: 7% 4%; background:#faf8fc }
.zzCont > li dl.zzTxt dt {color:#312783; font-size: 1.8em;  font-weight:700; line-height: 1.3em; padding-bottom:0.5em; }
.zzCont > li dl.zzTxt dd.stxt1 {line-height:1.8em;}
.zzCont > li:nth-child(even) .zzImg { left: auto; right:0; }
.zzCont > li:nth-child(even) .zzTxt { float: left; }

.product1-2-1 { background-image: url("/images/sub/product1-2-1-img.jpg"); }
.product1-2-2 { background-image: url("/images/sub/product1-2-2-img.jpg"); }
.product1-2-3 { background-image: url("/images/sub/product1-2-3-img.jpg"); }
.product1-2-4 { background-image: url("/images/sub/product1-2-4-img.jpg"); }
.product1-2-5 { background-image: url("/images/sub/product1-2-5-img.jpg"); }

.product2-4-1 { background-image: url("/images/sub/product2-4-1-img.jpg"); }
.product2-4-2 { background-image: url("/images/sub/product2-4-2-img.jpg"); }
.product2-4-3 { background-image: url("/images/sub/product2-4-3-img.jpg"); }
.product2-4-4 { background-image: url("/images/sub/product2-4-4-img.jpg"); }

.product2-5-1 { background-image: url("/images/sub/product2-5-1-img.jpg"); }
.product2-5-2 { background-image: url("/images/sub/product2-5-2-img.jpg"); }
.product2-5-3 { background-image: url("/images/sub/product2-5-3-img.jpg"); }
.product2-5-4 { background-image: url("/images/sub/product2-5-4-img.jpg"); }

.product3-2-1 { background-image: url("/images/sub/product3-2-1-img.jpg"); }
.product3-2-2 { background-image: url("/images/sub/product3-2-2-img.jpg"); }
.product3-2-3 { background-image: url("/images/sub/product3-2-3-img.jpg"); }
.product3-2-4 { background-image: url("/images/sub/product3-2-4-img.jpg"); }

.product4-2-1 { background-image: url("/images/sub/product4-2-1-img.jpg"); }
.product4-2-2 { background-image: url("/images/sub/product4-2-2-img.jpg"); }
.product4-2-3 { background-image: url("/images/sub/product4-2-3-img.jpg"); }
.product4-2-4 { background-image: url("/images/sub/product4-2-4-img.jpg"); }

.product5-2-1 { background-image: url("/images/sub/product5-2-1-img.jpg"); }
.product5-2-2 { background-image: url("/images/sub/product5-2-2-img.jpg"); }
.product5-2-3 { background-image: url("/images/sub/product5-2-3-img.jpg"); }
.product5-2-4 { background-image: url("/images/sub/product5-2-4-img.jpg"); }
.product5-2-5 { background-image: url("/images/sub/product5-2-5-img.jpg"); }


@media screen and (max-width:976px){
	.zzCont > li dl.zzTxt dd.t1 {margin-top:1vw}
	.zzCont > li dl.zzTxt dd.stxt1 { margin-top: 2vw; }
	.zzCont > li dl.zzTxt dd.stxt1 br { display: none; }
}

@media screen and (max-width:767px){
	.zzCont > li  { padding-top: 40vw; }
	.zzCont > li .zzImg { width: 100%; height: 40vw;  }
	.zzCont > li .zzTxt { width: 100%; }

	.zzCont > li dl.zzTxt { padding: 8% 6%; }
	.zzCont > li dl.zzTxt dt {  margin-bottom: 2.5vw; }
}

@media screen and (max-width:568px){
	.zzCont > li { padding-top: 45vw; }
	.zzCont > li .zzImg { height: 45vw; }
}





/* 인사말 */
#intro1 {padding:3% 0; margin-top:3%; background:url('/images/sub/intro1-bg.png') no-repeat left center; background-size:50% auto}
#intro1:before {content:''; width:113px; height:113px; background:url('/images/sub/intro1-ddi.png') no-repeat center; background-size:cover;  position:absolute; right:0; top:-30px; z-index:-1 }
#intro1:after {content:'Partner to the Measurement & Automation';  font-size: 1.5em; color:#f2f2f2; position:absolute; left:51%; top:0px;  font-family: 'GmarketSans'; font-weight:700; letter-spacing:-0.03em;}

#intro1 .cont {width:52%; margin:0 5% 0 43%; padding:5%;  background:#FFF; }
#intro1 .cont h3 {font-size: 1.38em; color:#312783; line-height:1.5em; letter-spacing:-0.05em; }
#intro1 .cont p {line-height:2.0em; margin-top:2em;}
#intro1 .cont .name {font-size:1.2em; color:#212121;}
#intro1 .cont .sign {font-size: 2em; padding-left:0.5em; font-family: 'ROEHOE-CHAN';}

.int1-img {padding-top:10%; text-align:center}


@media all and (max-width:1214px) {
	#intro1:before { width:90px; height:90px;  right:0;}
	#intro1:after {font-size: 1.4em;  }
}
@media all and (max-width:1092px) {
	#intro1 { background-size:auto 100%}
	#intro1:after{display:none;}
	#intro1 .cont {padding:5% 0 5% 5%;  }
	#intro1 .cont p br {display:none;}
}
@media all and (max-width:1085px) {
	.int1-img img {width:100%}
}
@media all and (max-width:790px) {
	#intro1 { background:url('/images/sub/intro1-bg.png') no-repeat left top; background-size:80% auto}
	#intro1 .cont {width:95%; margin:5% 0 5% 5%; margin-top:55vw; padding:5%; } 
	#intro1 .cont p {line-height:1.8em; margin-top:1.5em;}

	.int1-img {padding-top:0}
}




#intro2 {text-align:center}
@media all and (max-width:1100px) {
	#intro2 img {width:100%;}
}



#intro3 {text-align:center}
@media all and (max-width:1200px) {
	#intro3 img {width:100%;}
}




/* 연혁 */

#history {width:100%; overflow:hidden; position:relative; padding:100px 0 50px;}
#history:before {content:''; display:block; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:0;}
#history dl {position:relative; width:50%; box-sizing:border-box; padding-left:80px; float:right; text-align:left; clear:both; margin-bottom:30px;}
#history dl:before {content:''; display:block; width:60px; border-top:1px solid #312783; position:absolute; left:0px; top:14px;}
#history dl:after {content:''; display:block; width:13px; height:13px; background:#312783; border-radius:50%; position:absolute; left:-6px; top:8px; border-radius:50%;}
#history dl:nth-child(even) {float:left; text-align:right; padding-left:0; padding-right:80px;}
#history dl:nth-child(even):before {left:auto; right:0;}
#history dl:nth-child(even):after {left:auto; right:-6px}

#history dl dt {font-size:2em; color:#312783; font-weight:600; line-height:1.2em; padding-bottom:3%;}
#history dl dd {font-size:1em; color:#686868; line-height:1.6em; margin:5px 0; position:relative;}
#history dl dd .day {font-size:1.05em; font-weight:500; color:#b0b0b0; margin-right:38px;}

@media screen and (max-width:767px){
	#history {padding:12% 0 5%}
	#history:before {left:5px;}
	#history:after {margin-left:0; left:0; width:10px; height:10px;}
	#history dl {width:100%; padding-left:50px; margin-bottom:9%}
	#history dl:before {width:28px; top:13px;}
	#history dl:after {width:10px; height:10px; border-width:2px; left:0;}
	#history dl:nth-child(even) {float:none; text-align:left; padding-right:0; padding-left:50px;}
	#history dl:nth-child(even):before {right:auto; left:15px;}
	#history dl:nth-child(even):after {right:auto; left:0}

	#history dl dt {font-size:1.7em; padding-bottom:3%;}
	#history dl dd {margin:4px 0}
	#history dl dd .day {margin-right:20px;}
}



/* 주요고객사 */



/*오시는길*/
#sMap {   }
#sMap .root_daum_roughmap .wrap_controllers {display:none}
#sMap .root_daum_roughmap .wrap_map  { height: 530px !important; }
.wrap_controllers  { display: none; }

.sMap-info { text-align: center; padding: 3% 0; width: 90%; max-width: 1400px; margin: 0 auto; z-index:100; background: #fff; }
.sMap-info dt { color:#212121; font-size: 2em;  margin-bottom: 0.5em; }
.sMap-info dd { font-size: 1.2em; }

@media all and (max-width:1280px) {
  #sMap .root_daum_roughmap .wrap_map  { height: 50vw !important; }
}
@media all and (max-width:767px) {
  #sMap .root_daum_roughmap .wrap_map  { height: 60vw !important; }
}




/* 사업영역 */
.business1-2 {text-align:center}
@media all and (max-width:940px) {
	.business1-2 img {width:100%;}
}
.business2-1 {text-align:center}
@media all and (max-width:940px) {
	.business2-1 img {width:100%;}
}




/* 솔루션 */
.solution-tit {font-size:1.3em; margin-bottom:2em; color:#212121;  border-bottom:1px solid #ddd; display:inline-block; }

#solution1{text-align:center; margin-bottom:8%;}
#solution3{text-align:center; margin-bottom:8%;}
@media all and (max-width:1280px) {
	#solution1 img {width:100%;}
}

.stepList {overflow:hidden;}
.stepList li {float:left; width: calc(25% - 15px); margin-right: 20px; margin-bottom: 50px; padding-top:30px; position: relative; counter-increment: number;}
.stepList li:before {content: counter(number, decimal-leading-zero); padding:0.8em; background:#312783; color:#FFF;  position: absolute; left: 20px; top: 0;}
.stepList li:nth-child(4n) {margin-right: 0;}
.stepList li img {width:100%;}
.stepList li .sL-txt {font-size:1.25em; padding:0.5em 0; text-align:center; font-family: 'GmarketSans'; font-weight:700; color:#FFF; background:#37578e;}
@media all and (max-width:900px) {
	.stepList li {float:left; width: calc(50% - 10px);  padding-top:15px; margin-bottom: 30px; }
	.stepList li:nth-child(2n) {margin-right: 0;}
}
@media all and (max-width:630px) {
	.stepList li {float:left; width: calc(50% - 5px); margin-right: 10px;  padding-top:20px;}
.stepList li:before {left: 10px; top: 0;}
}
@media all and (max-width:480px) {
	.stepList li {float:left; width:100%; margin-right:0;  padding-top:20px;  margin-bottom: 20px; }
}

#solution2 {overflow:hidden;  color:#FFF; text-align:center; margin-bottom:8%;}
#solution2 > div {height:460px; float:left; padding:2% 3%; }
#solution2 h3 {font-size:1.8em; padding-bottom:0.5em;   font-family: 'GmarketSans'; font-weight:700;}
#solution2 .t1 {font-size:1.3em; padding-bottom:0.5em; }

#solution2 .sol2-data {width:40%; background:#0a9ca3; }
#solution2 .sol2-data img {width:80%; padding-top:15%;}
#solution2 .sol2-icon {width:60%;  background:#0a60a3;}
#solution2 .sol2-icon ul { overflow:hidden; }
#solution2 .sol2-icon ul li {width:calc(20% - 24px); margin:15px 30px 15px 0;     float:left;}
#solution2 .sol2-icon ul li:nth-child(5n) { margin-right:0;}
#solution2 .sol2-icon ul li img {width:100%;}
#solution2 .sol2-icon ul li p { padding-top:0.3em; line-height:1.5em; color:#FFF;  text-align:center}
@media all and (max-width:1470px) {
	#solution2 > div {height:31vw;}
}
@media all and (max-width:976px) {
	#solution2 .sol2-icon ul li {width:calc(20% - 16px); margin:10px 20px 10px 0;     float:left;}
}
@media all and (max-width:830px) {	
	#solution2 > div {height:auto; padding:7% 5%;  }
	#solution2 .sol2-data {width:100%; }
	#solution2 .sol2-data img {width:50%; padding-top:3%;}
	#solution2 .sol2-icon {width:100%;}
	#solution2 .sol2-icon ul li p {font-size:1.2em; }
}
@media all and (max-width:670px) {	
	#solution2 .sol2-icon ul li {width:calc(25% - 15px); margin:15px 20px 15px 0; }
	#solution2 .sol2-icon ul li:nth-child(5n) { margin-right:20px;}
	#solution2 .sol2-icon ul li:nth-child(4n) { margin-right:0;}
	#solution2 .sol2-icon ul li p {font-size:1.0em; }
}
@media all and (max-width:500px) {	
	
	#solution2 .sol2-icon ul li {width:calc(25% - 7.5px); margin:10px 10px 10px 0; }
	#solution2 .sol2-icon ul li:nth-child(5n) { margin-right:10px;}
}



/* 제품소개 */
.product-img {padding-top:3%}
.product-img ul {overflow:hidden;}
.product-img ul li {width:calc(20% - 8px); margin-right:10px; margin-bottom:20px; border:1px solid #eee; text-align:center; float:left;}
.product-img ul li:last-child {margin-right:0;}
.product-img ul li .img  {overflow:hidden; }
.product-img ul li .img img {width:100%; }
.product-img ul li a {display:block; width:100%; height:100%; color:#FFF;}
.product-img ul li .name {font-size:1.125em; background:#777; padding:3%;}
.product-img ul li .name.on { background:#312783; }
.product-img ul li a:hover img {cursor:pointer; transition:all 0.7s; transform:scale(1.1); /* 마우스 오버시 이미지 크기를 1.1 배만큼 확대시킨다. */
													-o-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); }
.product-img ul li a:hover .name {  background:#232323; transition:all 0.7s; }
@media all and (max-width:1380px) {
	.product-img ul {margin-top:20px}
}
@media screen and (max-width:580px){
	.product-img ul {margin-top:0}
	.product-img ul li {width:calc(33.3333% - 6.6666px)	; }
	.product-img ul li:nth-child(3) {margin-right:0;}
}

.pro-txt {text-align:center; padding-bottom:3%}
.pro-txt.first-mt {margin-top:10%;}
.pro-txt .pro-tit {font-size:3.4em;  font-family: 'GmarketSans'; font-weight:700; letter-spacing:-0.03em; color:#212121;}
.pro-txt .bus-tit {font-size:2.6em;  font-family: 'GmarketSans'; font-weight:700; letter-spacing:-0.03em; color:#212121;}
.pro-txt .t1 {font-size:1.1em; line-height:1.8em; padding-top:1em;}
@media screen and (max-width:580px){
	.pro-txt {font-size:0.9em;}
}




.zz-Warp {overflow:hidden;}
.zz-Warp > div  {width:50%; float:left;}
.zz-Warp.product1 {  height:470px;}

.vod {width:100%; height:100%; margin:0 auto; }
.img img {width:100%;  }
.zz-Warp .zz-cont { height:100%;  padding: 4% 5%; box-sizing: border-box; background:#761e1e; color:#FFF}
.zz-Warp .zz-cont .zz-tit {font-size:2.4em; line-height:1.5em; padding-bottom:0.5em; font-weight:200; letter-spacing:-0.07em;}

@media all and (max-width:1380px) {
	.zz-Warp.product1 {  height:30vw}
}
@media all and (max-width:1143px) {
	.zz-Warp.product1 {  height:400px}
}
@media all and (max-width:976px) {
	.zz-Warp > div  {width:100%;}
	.vod { height:50vw}
	.zz-Warp.product1 { height:auto}
}
@media all and (max-width:880px) {
	.vod {width:90%; height:48vw; }
}



.cln-top { position: relative;  width: 100%; overflow: hidden; margin: 0 auto; background-color: #fafafa;
             background-size: 50% cover;  background-position: left center; background-repeat: no-repeat; }
.cln-top .cln-cont { float: right; width: 50%; padding: 4% 5%; box-sizing: border-box; background-color: #761e1e; color:#FFF}
.cln-top .cln-cont .cln-tit {font-size:2.4em; line-height:1.5em; padding-bottom:0.5em; font-weight:200; letter-spacing:-0.07em;}

#product2-1 { background-image: url("/images/sub/product2-1-img.png");}
#product2-2 { background-image: url("/images/sub/product2-2-img.png");}
#product4-1 { background-image: url("/images/sub/product4-1-img.png");}
#product5-1 { background-image: url("/images/sub/product5-1-img.png");}

@media all and (max-width:1380px) {
   .cln-top { background-size: auto 100%;  }
}

@media all and (max-width:1024px) {
   .cln-top { font-size: 1em; background-position: center top; background-size: 100% auto; padding-top: 45vw; }
   .cln-top .cln-cont { width: 100%; padding: 6%; }
}






/* 이용약관 개인정보 */
.bdBox { border:10px solid #f6f6f6; padding: 3%; }

.member p { line-height: 1.8em; font-size: 1.0em; margin-top: 1.5em;  }
.member p.em { font-size: 1.3em; font-weight: 600; }
.member h4 { color:#212121; font-weight: 600; font-size: 1.3em; margin-top: 3em;  }
.member .txt1 { padding-bottom: 2em; border-bottom: 1px solid #dedede; }

@media all and (max-width:1280px) {
  .bdBox { padding: 4%; }
}
@media all and (max-width:767px) {
  .bdBox { padding: 6%; }
}
@media all and (max-width:568px) {
  .bdBox { padding: 9% 6%; }
}






/* 솔류션 뷰페이지 */

#bo_v_title {font-size:2.5em; color:#212121; padding-bottom:0.5em; margin-bottom:1em; border-bottom:1px solid #efefef; line-height:1.2em;}

.bo_v_atc {overflow:hidden;}
.bo_v_atc > div {float:left}

.bo_v_img {width:55%}
.bo_v_img a img {width:100%}

.bo_v_cont {width:45%; padding-left:4%; box-sizing:border-box;}
.bo_v_cont .cont-t {margin-bottom:7%;}
.bo_v_cont .cont-t:last-child {margin-bottom:0;}
.bo_v_cont .cont-t .tit {font-size:1.4em; color:#312783; line-height:1.5em; padding-bottom:10px;}
.bo_v_cont .cont-t .t1 {line-height:1.8em;}

@media all and (max-width:740px) {
	.bo_v_img {width:100%}
	.bo_v_cont {width:100%; padding:5% 3% 0 3%;}
}
@media all and (max-width:480px) {
	#bo_v_title {font-size:2.0em;}
}


/* 솔류션 뷰페이지 dotList */

.dotList2 {}
.dotList2 li {border-bottom:1px dotted rgba(255,255,255,0.2); padding-bottom:0.4em; position:relative; padding-left:15px;  }
.dotList2 li:before {content:''; width:4px; height:4px; background:#c8c6de; position:absolute; left:5px; top:9px;}

@media all and (max-width:1380px) {
	.dotList2 li:before {top:8px;}
}
@media all and (max-width:976px) {
	.dotList2 li { padding-left:13px;  }
	.dotList2 li:before {width:3px; height:3px;  top:7px;}
}






#agree1 {}
#agree1 p strong {font-size:1.25em; color:#0b4da3}
#agree1 p {font-size:1.0em; font-weight:400; color:#555}




.home_tit{margin-bottom: 40px; font-size:34px; color: #222;}
.home1 .accordion-content { display: none;}
.home1 .accordion-header{width: 100%; padding: 30px 40px; border-top: 2px solid #222; color: #222; font-size: 18px; text-align: left; display: flex; align-items: center; font-family: 'Pretendard'; font-weight: 500;}
.home1 .accordion-header.down{background: #003F96; border: none; color: #fff;}
.home1 .accordion-header:after{content: '↓'; font-family: 'suit'; margin-left: auto;}
.home1 .accordion-header.down:after{content: '↑';}
.home1 .accordion-content p{padding: 40px;}
.home1 .accordion-content p .ref{display: inline-block;margin-top: 10px; padding:10px 20px; border:1px solid #ddd;}
@media all and (max-width:640px){
    .home1 .accordion-header{padding: 15px 20px; border-width: 1px;}
    .home1 .accordion-content p{padding: 20px;}
    
}
@media all and (max-width:380px){
    .home1 .accordion-header{padding: 10px 15px; font-size: 16px;}
    .home1 .accordion-content p{padding: 15px;}

}