@charset "utf-8";
@import url("../css/slick.css");
/*
================================================================================
SUB PAGE
================================================================================
*/

/** 01_intro **/
.hello_box{ background: #f3f3f3;  margin-bottom: 40px; }
.hello_box .txt_box{ padding: 55px 0 0 0; float:left; background: none;}
.hello_box .img_box{float:right; min-width: 540px; }
.hello_box .img_box img{ width:100%; max-width:inherit;}
.hello_box .txt_box,
.hello_box .img_box{width:48%; clear: inherit; margin: 0; min-height: 355px;}
.hello_box .txt{ font-size: 1.125em;}
.hello_box .txt_xlarge{ position:relative; font-size:  2.38em;}
.hello_box .txt_xlarge:after{ content: ''; display: block; width: 95px; height: 2px; background: #ed1b3b; margin-top: 20px }
.inner{ width:1080px; margin: 0 auto; overflow: hidden;}
.sign{ float:right; color: #333;}
.sign strong{ font-size:1.2em; padding-left: 5px;}
.sign img{ display:inline-block; margin-left: 10px;}
@media only screen and (max-width:1024px) {
	.hello_box{ margin-bottom: 35px;}
	.inner{ width:100%;}
	.hello_box .txt_box{ padding:25px;}
	.hello_box .txt_box,
	.hello_box .img_box{ width:100%; float: none; min-width: inherit; min-height: auto;}
	.hello_box .txt em{ display: inline;}
	.hello_box .txt_xlarge{ font-size:2em;}
	.hello_box .txt_xlarge:after{ margin-top:15px;}
	.hello_box .txt_xlarge:after{width: 75px; margin-top: 18px }
}
@media only screen and (max-width:640px) {
	.hello_box{ margin-bottom: 30px;}
	.hello_box .txt_xlarge{ font-size:1.8em;}
	.hello_box .txt_xlarge:after{width: 65px; margin-top: 15px }	
}
@media only screen and (max-width:480px) {
	.hello_box{ margin-bottom: 25px;}
	.hello_box .txt_xlarge{ font-size:1.5em;}
	.hello_box .txt_xlarge:after{width: 55px; margin-top: 12px }
}

/* org */
.org {position: relative; text-align: center; overflow: hidden;}
.org li{display: block;position: relative;}
.org li p{display:block;position: relative;box-sizing:border-box;margin:0 auto;text-align:center;font-size:1.125em;line-height:35px;z-index: 1;}
.org li p.part{position:relative;}
.org .level0-5 li p.part{height: 50px;line-height:24px;margin-bottom: 0 !important;}
.org .level2 > li p.part{height: 50px;line-height:24px;margin-bottom: 40px;}

.org .level1{ position:relative;}
.org .level1 >  li > .part { width: 150px; height: 150px; min-width: 150px; background: #112369;color: #fff; padding: 0; margin:0 auto; margin-bottom: 58px; text-align:center;font-size:1.35em; line-height: 150px; border-radius: 50%;}

.org .level0-5{position:relative;margin:0 auto;width:100%;overflow: hidden;padding-bottom: 40px;}
.org .level0-5 li{float: right;width: 50% !important;padding: 0 20px;}
.org .level0-5 > li > .part{padding: 12px 5px;width: 40%;font-size: 1.1em;background: #0082d0;color: #fff;}

.org .level2{position:relative;margin:0 auto;width:100%;overflow: hidden;/* padding-bottom: 60px; */}
.org .level2 li{/* float:left; *//* width: 50% !important; */padding: 0 20px;}
.org .level2 > li > .part{padding: 12px 5px;width: 20%;font-size: 1.135em;background: #21adb5;color: #fff;}
.org .level2 > li > ul {padding-top: 30px;overflow: inherit;position: relative;}
.org .level2 > li > ul > li > p{ background: #ddd;padding: 7px; font-size: 1em;}

.org .level3{position:relative;}
.org .level3 li{float:left;width: 20% !important;padding: 0 18px;}
.org .level3 li p{background:#a2a8ad;color:#fff;width:100%;padding:10px;margin: 10px 0 0 0;font-size:14px;letter-spacing:-0.03em;}
.org .level3 dl{ position:relative;}
.org .level3 dt{border: 0;background: #7d86a7;height: 50px;line-height: 50px;color: #fff;font-size: 1.135em;font-weight: 300;z-index: 1;}
.org .level3 li:first-child dt{background: #4a61b9;}
.org .level3 dl dd{position:relative;margin-top: 20px;border-top:1px solid #d3d3d3;}
.org .level3 dd li{width: 100% !important;border: 1px solid #ddd;border-width: 0 1px 1px 1px;padding: 11px  5px;color:#666;background:#fff;font-size: 1em;  z-index: 1;}
.org .level3 dd li em{ display:block;}

.org .level1 > li:before{content:"";display: block;border-left: 2px solid #d9d9d9;position:absolute;height: 248px;top: 150px;left:50%;}
.org .level0-5:after{content:"";display:block;border: 2px solid #d9d9d9;border-width: 2px 0px 0 0px;position:absolute;width: 16%;height: 20px;top: 20px;left: 540px;}
.org .level3 dt:after{content:"";display: block;border-left: 2px solid #d9d9d9;position:absolute;height: 10px;bottom: -10px;left:50%;}
.org .level3 li:after{display:none;}
.org .level3:after{content:"";display:block;border: 2px solid #d9d9d9;border-width: 2px 0px 0 0px;position:absolute;width: 80%;height: 30px;top: 0px;left: 110px;}
.org .level3 > li:before{content:"";display: block;border-left: 2px solid #d9d9d9;position:absolute;height: 30px;top: -30px;left:50%;}
.org .level3 dl dd:before{content:"";display: block;border-left:2px solid #d9d9d9;position:absolute;height: 20px;top: -21px;left:50%;}

.org .level1 > li:after{content:'';display:block;border-radius: 50%;border:2px solid #52656c;width: 6px;height: 6px;background: #fff;position: absolute;top: 225px;left: 49.6%;}
.org .level3 dl dd:after{content:'';display:block;border-radius: 50%;border:2px solid #52656c;width: 6px;height: 6px;background: #fff;position: absolute;top: -105px;left: 48%;z-index: 1;}
.org2 .level1 > li > .part{ margin-bottom: 35px; line-height: 1.2em; padding-top: 55px;}
.org2 .level1 > li > .part em{ display:block;}
.org2 .level2 > li{width:100% !important;padding: 0 40px;}
.org2 .level2 > li > .part{max-width:220px;width: 50%;margin-bottom: 0 !important;background: #0082d0;}
.org2 .level3 > li{width: 25% !important;padding: 0 20px;}
.org2 .level3 li dt{background: #7d86a7 !important;}
.org2 .level1 > li:before{height: 131px;}
.org2 .level2:after,
.org2 .level1 > li:after,
.org2 .level2 > li:first-child .part:after{ display:none;}
.org2 .level2 > li > ul{ padding-top:90px;}
.org2 .level2 > li > ul:after{width: 75%;top: 44px;left: 126px;}
.org2 .level2 > li > ul > li:before{ height: 45px; top:-45px;}
.org2 .level3 dl dd:after{ top:-120px;}

@media only screen and (max-width: 1024px){
	.org .level1 > li .part {/* margin-bottom: 40px; */}
	.org .level0-5:after{left: 50%;}
	.org .level2 li:beforer{height:25px;}
	.org .level2 li{padding: 0;}
	.org .level3:after{left: 10.5%;}	
	.org .level3 li{padding:0 13px;}
	
	.org2 .level2 > li > ul:after{left: 100px;}
}

@media only screen and (max-width:815px) {
	.org li ul{padding: 0 !important;}
	.org .level1 > li > .part { width:100% !important; margin-bottom: 20px !important;}
	.org li p{/* margin:0 !important; */}
	.org .level1 > li > .part{border-radius: 5px;height: 50px;line-height: 50px;width: 50%;margin: 0;}
	.org .level1 li:before{top: 50px;left: 10px;height: 117px;}
	
	.org .level2 li p{/* width:100%; */}
	.org .level3:after,
	.org .level3 li:after,
	.org .level3 dl li:before,
	.org .level2 > li > ul:after,
	.org .level3 dl dd:after,
	.org .level3 dl dd:before,
	.org .level3 > li:before,
	.org .level1 > li:after,
	.org .level2 > li > .part:after{ display:none !important;}	
	
	.org .level0-5{margin-bottom:20px;}
	.org .level0-5 > li{/* float:none; */width: 100% !important;padding: 0;margin-bottom: 0;}
	.org .level0-5 li .part{width: auto;margin-bottom: 10px;margin-left: 30px;}
	
	.org .level2{ max-width:inherit; position: relative; left:inherit; float:inherit; margin-bottom: 10px;}
	.org .level2 > li{}
	.org .level2 > li .part{width: auto;margin-bottom: 10px !important;margin-left: 30px;}
	.org .level2 > li{/* float:none; */width: 100% !important;padding: 0; margin-bottom: 15px;}
	
	.org .level3{max-width:inherit;position: relative;left:inherit;float:inherit;margin-bottom: 10px;overflow: hidden !important;margin-left: 40px;}
	.org .level3 li,
	.org2 .level3 > li:nth-child(2){width: 100% !important;padding:0;}
	.org .level3 dl{margin-bottom:5px; width:100%; overflow: hidden;}
	.org .level3 dd li{ padding:8px 5px;}
	.org .level3 dd li:last-child{margin-bottom: 15px;}
	.org .level3 dt{line-height:40px;height:40px;margin-left: 30px;position: relative;}
	.org .level3 dl dd{margin-left:30px;margin-top: 10px;}
	
	.org > li:after{content:"";display:block;border:2px solid #ccc;border-width:0px 2px 0 0px;position:absolute;height: 877px;top: 85px;left: 10px;}
	.org .level0-5 li:before{ content:''; display: block !important; position:absolute; left:10px;top:20px;border:2px solid #ccc; border-width:2px 0 0 0; width:2px; height:2px; }
	.org .level2 li > li:before{ content:''; display: block !important; position:absolute; left:10px; top:20px; width:26px;}
	.org .level0-5 > li:before,
	.org .level2 > li:before{content:'';display: block !important;position:absolute;height: 2px;width:20px;left: 11px !important;top:25px;border:2px solid #ccc;border-width:2px 0px 0 0px;}
	.org .level3 dt:before{content:'';display: block !important;position:absolute;height: 2px;width: 19px;left: -19px !important;top:20px;border:2px solid #ccc;border-width:2px 0px 0 0px;}
	.org .level2 > li > .part:before{content:"";display: block;border-left: 2px solid #d9d9d9;position:absolute;height: 667px;top: 50px;left: 20px;}

	
	.org2 .level1 > li > .part{ padding-top:0;}
	.org2 .level1 > li > .part em{ display: inline;}
	.org2 .level2 > li > .part { max-width:inherit;}
	.org2 .level2 > li .part{ margin-left:0;}
	
	.org2 .level1 > li:before{ left:50%; height: 20px !important;}
	.org2 .level2 > li > .part:before{ display:none !important;}
	.org2 .level2 > li:before{height: 580px !important;border-width: 0 2px 0 0;left: -8px !important;top: 50px;}
	.org2 .level2 > li > ul > li:before{ display:none !important;}

	.org2 .level2 > li > ul{ margin:0 0 0 2px;}
	.org2 .level3 dl{ margin-bottom:0;}	
}
@media only screen and (max-width:640px) {
	.org .level2 > li > .part:before{height: 658px;}
	.org2 .level2 > li:before{height: 571px !important;}	
}

/* history_box */
.history_box{ padding: 269px 0 0 150px;}
.history_box .tit_box{ position: absolute; left:0; top:0; overflow: hidden; background: url('../images/sub/01_02_bg.jpg') no-repeat 50% 0; padding:65px 65px 65px 565px;}
.history_box .tit_box p{font-size: 2.3em;color: #de0b1a;font-weight: 500;letter-spacing: -0.07em;line-height: 1.3;}
.history_box .tit_box span{ font-size: 1.135em; color: #fff;}
.history_box dl{position: relative;padding: 45px 0 0px 0;}
.history_box dt{color: #5c5c5c;font-size: 1.45em;display: block;line-height: 1.2;position: absolute;left: 0;top:45px;}
.history_box dt strong{color: #c5202c;font-size: 1.25em;display: block;text-indent: 60px;font-weight: 700;}
.history_box dd{padding-left: 200px;position: relative;margin-bottom: 18px;}
.history_box dd:last-child{ margin-bottom:0;}
.history_box dd p{padding-left: 85px;margin-bottom: 0;color: #666;}
.history_box dd span{ color: #000; position: absolute; left: 200px; top:0;}
.history_box dl:before{content: '';display: block;position: absolute;left: 170px;top: 0;width: 1px;height: 100%;background: #ccc;}
.history_box dd:before{content: '';display: block;position: absolute;left: 170px;top: 11px;width: 7px;height: 1px;background: #ccc;}
@media only screen and (max-width:1024px) {
	.history_box { padding: 0}
	.history_box .tit_box{ position: relative; left: inherit; top:inherit; padding: 8% 2% 8% 35%; background-size: cover;}
	.history_box dl{padding-top: 40px }
	.history_box dt{ top:40px;}
	.history_box dd{padding-left: 165px;margin-bottom: 15px;}
	.history_box dd span{ left: 175px;}
	.history_box dl:before,
	.history_box dd:before{ left:150px;}
}
@media only screen and (max-width:640px) {
	.history_box .tit_box{ background-position:40% 0;}
	.history_box .tit_box p{font-size:2em; }
	.history_box .tit_box span{text-shadow: 1px 1px 5px rgba(0,0,0,0.8);}
	.history_box dl{ padding:0; margin: 0px 0 0 0;}
	.history_box dt{ position: relative; left: inherit; top:inherit; padding: 25px 0 10px 13px;}
	.history_box dt strong{ text-indent: 0; display: inline-block;} 
	.history_box dd {padding-left: 0; margin-bottom: 10px}
	.history_box dd span{ left:	15px;}
	.history_box dd p{ padding-left: 75px}
	.history_box dl:before,
	.history_box dd:before{ left:0px;}
}


/* certificate */
.certificate  > li:hover .cover {display:block;position:absolute;top:0;left:0;background:#000 url('../images/board/ico_ovmore.png') no-repeat 50% 50%;opacity:0.5;filter:Alpha(opacity=50);width:100%;height:100%; z-index:1; cursor: pointer;}
.certificate > li img{transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease;}
/*.certificate > li:hover img{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); cursor: pointer;}*/
.certificate > li:hover i { text-decoration: underline; color: #000}
.certificate > li span{border: 1px solid rgba(130,130,130,0.3);  box-shadow: 0 3px 5px rgba(0,0,0,0.25);}


/* 01_05 */
.pic_slider{background: #ececec;  margin: 0 auto 30px auto;  width: 100%;  overflow: hidden; padding:  15px 0 30px 0}
.pic_slider .inner{ width:1450px; margin: 0 auto; overflow: visible;}

@media only screen and (max-width:1024px) {
	.pic_slider .inner{ width:90%;}
}

/* map */
.map {margin-bottom: 0; overflow: hidden}
.map .root_daum_roughmap{ width:100%;}
.map .root_daum_roughmap .wrap_map{ height:375px;}
#mapJ{ margin-right:0;}
.add_info{ border:1px solid #dbdbdb; padding:15px; overflow: hidden; border-width: 0px 1px 1px 1px;;}
.add_info li{ float:left; width: 25%; display: block; position: relative; min-height: 75px;}
.add_info li:first-child{ width:50%;}
.add_info li .ico{ position: absolute; left: 0; top:0;}
.add_info li .txt{ display: block; padding: 9px 0 9px 90px;  margin-bottom: 0;}
.add_info li .txt strong{ display: block; color: #333; position: relative; margin-bottom: 13px; line-height: 1em;}
.add_info li .txt strong:before{ content:''; display: block; background:#333; width:15px; height: 1px; position: absolute; top:23px; left: 0;}

.map_pic{ text-align: center; padding-left: 3px;}
.map_pic li{display:block;padding-bottom: 30px;}
.map_pic li span{margin-bottom: 0 !important;}
.map_pic > li i {color: #fff;background: rgba(0, 0, 0, 0.6);position: absolute;bottom: 0;left:0;min-height: auto !important;padding: 7px 15px;font-size: 1em;}

@media only screen and (max-width:1024px) {
	.map .root_daum_roughmap .wrap_map{ height:350px;}
	.map_pic li{ padding-bottom:20px;}
}
@media only screen and (max-width:800px) {
	.add_info li:first-child{ width:100%;}
	.add_info li{ width:50%;}
}
@media only screen and (max-width:640px) {
	.map .root_daum_roughmap .wrap_map{ height:325px;}
	.map_pic li{ padding-bottom:15px;}
}
@media only screen and (max-width:480px) {
	.map .root_daum_roughmap .wrap_map{ height:300px;}
	.add_info li{ width:100% !important;}
	.map_pic li{padding-bottom:10px;width: 100% !important;margin-right: 0 !important;float: none !important;}
}

/** 02_quality **/
/* diagram_box */
.diagram_box{background:#f5f8fb;/* border-radius: 45px; *//* padding: 15px; */overflow: hidden;}
.diagram_box .con{display:flex;flex-wrap: wrap;/* white-space: nowrap; *//* height: 165px; */position: relative;z-index: 2;}
.diagram_box .con + .con{z-index:1;}
.diagram_box .con > div:nth-child(1){ z-index:4;}
.diagram_box .con > div:nth-child(2){ z-index:3;}
.diagram_box .con > div:nth-child(3){z-index:2;margin-top: -15px;}
.diagram_box .con > div:nth-child(4){z-index:1;margin-top: -15px;}
.diagram_box .con .item{width: 100%;flex: 1 1 40%;}
.diagram_box .con .item > div{margin-left: -6.5em;border-radius: 80px;background: #ddd;border: 15px solid #f5f8fb;padding: 1.5em 1.5em 1.5em 6.5em;height: 100%;display: flex; }
.diagram_box .con .item.bg1 > div{background-color: #89a5c3;margin-left: 0;padding-left: 2em;}
.diagram_box .con .item.bg2> div{background-color: #4f8ac8;}
.diagram_box .con .item.bg3> div{background-color: #005bba;margin-left: 0;padding-left: 2em;}
.diagram_box .con .item.bg4> div{background-color: #094685;}
.diagram_box .con .item .tit{font-weight:700;font-size:1.25em;color:#fff;line-height: 1.2em;display: block;margin-bottom: 0;text-align: center;align-self: center;/* margin-left: -1em; */width: 25%;}
.diagram_box .con .item .tit em{display:inline-block;}
.diagram_box .con .item .tit em:after{content:'';background:#fff;width: auto;height: 1px;display: none;margin-top: 3px;}
.diagram_box .con .item ul{color:#fff;display: flex;flex-direction: column; }
.diagram_box .con .item li{position:relative;padding-left:10px;line-height:1.3;margin-bottom:3px;font-size: 0.9em;}
.diagram_box .con .item li:last-child{margin-bottom:0;}
.diagram_box .con .item li:before{ content:'·'; position:absolute; left:0; top:0px;}
@media only screen and (max-width: 1024px) {
	.diagram_box .con{flex-wrap: wrap;height: auto; margin-bottom: 5px;}
	.diagram_box .con + .con{margin-bottom:0;}
	.diagram_box .con .item > div{padding: 1.5em 1.5em 1.5em 6.5em;border-width:10px;}
	.diagram_box .con > div:nth-child(3),
	.diagram_box .con > div:nth-child(4){margin-top: -10px;}
	.diagram_box .con .item .tit,
	.diagram_box .con .item li{white-space: normal;}
}
@media only screen and (max-width: 640px) {
	.diagram_box{/* border-radius: 1em; */display: block;padding: 5px;}
	.diagram_box .con{display: block;flex-direction: column;padding:0; margin-bottom: 0;}
	.diagram_box .con .item{width:100%;margin-top: -4px !important;}
	.diagram_box .con .item > div{padding: 1.25em !important;margin: 0;border-width: 4px;border-radius: 1.5em;width: 100%;height: auto;}
	.diagram_box .con .item .tit{font-size:1.125em}
}

.haed_box{ position:relative; overflow: hidden; background:#10181e url('../images/sub/02_03_bg.jpg') no-repeat 100% 0;}
.haed_box .tit_box{ overflow: hidden; padding:50px 20px 40px 50px;}
.haed_box .tit_box .tit{ font-size: 2.355em; color: #de0b1a; font-weight: 500; letter-spacing: -0.07em; line-height: 1.3;}
.haed_box .tit_box .txt{ color:#fff; display: block; max-width: 600px; font-size: 15px; letter-spacing: -0.05em;}
.haed_box .tit_box span{ font-size: 1.135em;}
.rnd_box{  clear:both;text-align:center; margin:30px 0 0 0;border:1px solid #ddd; padding:25px; overflow: hidden}
.rnd_box img { max-width: 100%;}

@media only screen and (max-width:1024px) {
	.haed_box{ background-size:cover;}
	.haed_box .tit_box{ background: rgba(16,24,30,0.8); width:100%; height: 100%; padding:40px;}
	.rnd_box{padding:10px;}
}
@media only screen and (max-width:640px) {
	.haed_box .tit_box{ padding:30px;}
	.haed_box .tit_box .tit{font-size: 2em;}
	.rnd_box{border:none; padding:0px;}
}
@media only screen and (max-width:480px) {
	.haed_box .tit_box{ padding:20px;}
}

/** 03_pro **/
.sub03_01 .dim-layer {display: block;position:absolute;left:0;top: 365px !important;width:100%;height: auto;z-index: 50;}
.sub03_01 .dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: none;opacity: .5;filter: alpha(opacity=50);/* display: none!important */}
.sub03_01 .dim-layer .view-layer {display: block;width:1080px;margin: 0 auto;display: none;top: 0;left: 0;position: relative;border: 0;background: none;}
.sub03_01 .pop-container {width:723px;height: 480px;margin: 0 auto;overflow: hidden;position: relative;background:#fff;box-shadow: 3px 3px 10px rgba(0,0,0,0.8);}
.sub03_01 .pop-head {display:block;width:100%;z-index:6100;background:#c30101 url('../images/common/pop_head_bg.jpg')  no-repeat 100% 0;height: 55px;}
.sub03_01 .pop-head .pop-title {font-size:22px;color:#fff;display:inline-block;padding: 0 20px 0 30px;line-height: 55px;}
.sub03_01 .pop-head .pop-title span{ color:#ebcdcd; font-size: 16px; font-weight: 300; font-family: 'Noto Sans KR','Malgun Gothic', '맑은 고딕', sans-serif;}
.sub03_01 .pop-container span.close {width: 55px;height: 55px;position:absolute;right:0;top:0;z-index:6200;background:rgba(0,0,0,0.4);}
.sub03_01 .pop-container span.close button, .pop-container span.close a {display:block;padding: 17px;border:0;background:none;}
.sub03_01 .pop-conts{padding:25px 25px 30px 30px;}
.sub03_01 .pop-conts .pic{ width:405px; height: 285px; border:1px solid #ececec; float:left; margin-right: 25px; text-align: center;}
.sub03_01 .pop-conts .pic img{ margin: 0 auto;}
.sub03_01 .pop-conts .list01{ float:left; padding-top: 15px;max-width:235px;}
.sub03_01 .pop-conts .list01 li { margin-bottom: 15px;}
.sub03_01 .pop-conts .list01 li strong{ display:block;}


@media only screen and (max-width:1024px) {
	.sub03_01 .dim-layer{ top: 290px !important;  }
	.sub03_01 .dim-layer .view-layer{ width:100%;}
	.sub03_01 .pop-conts .pic{height:auto; max-height:285px; }
	.sub03_01 .pop-conts .pic img{ width:100%; max-width: 403px;}
}

@media only screen and (max-width:770px) {
	.sub03_01 .dim-layer .view-layer{ padding:0 50px;}
	.sub03_01 .pop-container{ width:100%; height: inherit;}
	.sub03_01 .pop-conts .pic{ float: none; margin-right: 0; width: 100%;}
	.sub03_01 .pop-conts .list01{float: none; max-width: inherit;}
	.sub03_01 .pop-conts .list01 li{margin-bottom: 10px;}
	.sub03_01 .pop-conts .list01 li strong{display:inline-block; margin-right: 5px;}
}
@media only screen and (max-width:480px) {
	.sub03_01 .dim-layer { display: none !important;}
}

.pro_imgList{ background:#ececec; min-height: 610px; margin: 0 auto 30px auto; width: 100%; overflow: hidden;}
.pro_imgList .inner{ margin:0 auto; width:1080px; position: relative; overflow: hidden; min-height: 610px;}
.pro_imgList .btn{position: absolute;left:0;bottom:40px;z-index: 5;display: block; text-align: center; width: 100%}
.pro_imgList .btn li {  display: inline-block;  float: none; margin-right: 7px;  }
.pro_imgList .btn span {  text-indent: -9999px;  overflow: hidden; border-radius: 15px;  background:#fff; display: inline-block;border:1px solid #464646;  width: 15px;  height: 15px;}
.pro_imgList .btn li:hover span,
.pro_imgList .btn li.on span{background:rgb(70, 70, 70, 0.7);} 
.pro_imgList .btn li.select span{ background:#464646 !important;} 


.pro_imgList img{margin: 50px auto 40px;}
.pic_box{ position:absolute; right: 4px; top:110px;border: 7px solid #fff; box-shadow: 0px 3px 7px rgba(0,0,0,0.25);}
.pic_txt_pc{position: absolute;margin-top:0 !important;margin-left: 0px !important; display: block;}
.pic_txt_t{ display:none;}
.pic_txt_m{ display:none;}
.pic_line{ display: block; }
.pic_color{ display: none;}
.pro_imgList.pro_0101 .pic_line,
.pro_imgList.pro_0101 .pic_color{ margin-left:183px;}
.pro_imgList.pro_0102 .pic_line,
.pro_imgList.pro_0102 .pic_color{ margin-left:114px;}
.pro_imgList.pro_0103 .pic_line,
.pro_imgList.pro_0103 .pic_color{ margin-left:240px;}
.pro_imgList.pro_0103 .pic_txt_pc{margin: 0 auto 0 100px !important;}
.pro_imgList.pro_0104 img{margin-bottom:70px !important;}
.pro_imgList.pro_0104 .pic_line,
.pro_imgList.pro_0104 .pic_color{ margin-left:0px;}
.pro_imgList.pro_0105 .pic_txt_pc{margin: 0 auto 0 55px !important;}
.pro_imgList.pro_0105 .pic_line,
.pro_imgList.pro_0105 .pic_color{ margin-left:auto !important;}
.pro_imgList.pro_0106 .pic_txt_pc{ margin-left: 25px !important;}
.pro_imgList.pro_0106 .pic_line,
.pro_imgList.pro_0106 .pic_color{ margin-left:200px ;}


.pro_list,
.pro_list > ul{ position: relative; overflow: hidden;}
.pro_list > ul > li{ width: 345px;  margin: 0 22px 24px 0; float:left; display: block; border:1px solid #d9d9d9; padding: 23px;}
.pro_list > ul > li:nth-child(3n+3){ margin-right: 0;}
.pro_list > ul > li .tit{ color: #1c5ca4; font-size:1.35em; font-weight: 700; line-height: 1.2; letter-spacing: -0.05em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.pro_list > ul > li .tit span{ font-size:14px; font-weight: 300; color: #949494; display: inline-block;margin-left: 5px; letter-spacing: -0.03em; }
.pro_list > ul > li .pic{ border:1px solid #dadada; padding:0; height: 205px; overflow: hidden; margin-bottom: 20px; text-align: center;}
.pro_list > ul > li .pic img{width:100%;}
.pro_list > ul > li .list01 > li{ line-height: 1.1; padding-left: 45px; letter-spacing: -0.03em;}
.pro_list > ul > li .list01 > li:before{ left:0; top:7px;}
.pro_list > ul > li .list01 > li strong{ color:#000; position: absolute; left:10px;}
.sub03_01 .pro_list > ul > li{ min-height: 385px;}
.sub03_02 .pro_list > ul > li{ min-height: 428px;}
.sub03_02 .pro_list > ul > li:nth-child(4) .tit{ letter-spacing: -0.09em;}
.sub03_02 .pro_list > ul > li:nth-child(4) .tit span{letter-spacing: -0.1em;}
.sub03_02 .pro_list > ul > li .list01 > li { padding-left: 60px; }
.sub03_02 .pro_list > ul > li .list01 > li strong{ display: block; width: 45px; text-align:inherit}

/* test_list */
.test_list > ul > li .pic{height: 120px;margin-right: 13px;float: left; margin-bottom: 0 !important; border:none; }
.test_list > ul > li em{ display: block;}
.test_list > ul > li dd{ letter-spacing:-0.05em; font-size: 0.95em;}

/* step_list */
.step_list > ul > li{ min-height:368px; position: relative; width: 330px; margin: 0 45px 24px 0;}
.step_list > ul > li:after{ content:''; display:block; width:20px; height: 31px; position: absolute; right:-33px; top:48%; background:url('../images/sub/ico_step.png') no-repeat 50% 100%;}
.step_list > ul > li:last-child:after{ display:none;}
.step_list > ul > li .pic{height: 174px; border:none;}
.step_list > ul > li .list01 > li{ padding-left:12px; line-height: 1.2;}
.step_list > ul > li .list01 > li strong{ position:relative; left: inherit;}


@media only screen and (max-width:1024px) {
	.pro_imgList .btn{bottom:30px;}
	
	.pro_imgList .srcoll-table { position: relative; width: 100%;}
	.pro_imgList .srcoll-table > div { position: relative; width: 100%; overflow-x: auto; }
	.pro_imgList .srcoll-table table { margin-top: 0; width:800px !important; font-size: 14.5px; margin-bottom: 0;}	
	
	.pro_imgList{ min-height: 530px;}
	.pro_imgList .inner{width:800px; min-height: 530px;}	
	.pro_imgList.pro_0101 .inner{width:935px;}
	.pro_imgList.pro_0102 .inner{width:1000px;}
	.pro_imgList.pro_0103 .inner{width:725px;}
	.pro_imgList.pro_0104 .inner{width:900px;}
	.pro_imgList.pro_0104 img{margin-bottom:50px !important;}
	.pro_imgList.pro_0105 .inner{width:750px;}	
	.pro_imgList.pro_0106 .inner{width:890px;}	
	
	.pro_imgList .pic_txt_pc{ display:none;}	
	.pro_imgList img{margin: 25px auto 25px 25px !important;}	
	.pro_imgList .pic_txt_t{display:block;position: absolute;margin-top:0px !important;margin-left: 25px !important;}
	.pro_imgList.pro_0102 .pic_txt_t{margin-left: 15px !important;}
	.pro_imgList.pro_0105 .pic_txt_t{margin-left: 115px !important;}
	
	
	.pro_list > ul > li{ width: 48% !important;  margin: 0 0 15px 0 !important; padding: 20px;}
	.pro_list > ul > li:nth-child(2n+2) { float: right;}
	.pro_list > ul > li .pic{ height:auto;}
	.sub03_01 .pro_list > ul > li{ min-height: 395px;}	
	.sub03_02 .pro_list > ul > li{ min-height: 404px;}
	.sub03_03 .pro_list > ul > li{ min-height: 369px;}
	.sub03_02 .pro_list > ul > li:nth-child(4) .tit{ letter-spacing: -0.05em;}
	.sub03_02 .pro_list > ul > li:nth-child(4) .tit span{letter-spacing: -0.03em;}
	
	.step_list > ul > li{ min-height:382px;}
	.step_list > ul > li:after{ right:-6.5%;}
	.step_list > ul > li .pic{ margin-bottom:15px;}
	
}
@media only screen and (max-width:771px) {
	.sub03_02 .pro_list > ul > li{ min-height: 419px;}
	.pro_list > ul > li .tit{ margin-bottom:10px;}
	.pro_list > ul > li .pic{ margin-bottom: 15px;}
	
	.step_list > ul > li:after{ right:-8%;}
}
@media only screen and (max-width:687px) {
	.sub03_02 .pro_list > ul > li{ min-height: 440px;}
}
@media only screen and (max-width:640px) {
	.pro_list > ul > li{ float: none !important; width: 100% !important;  margin: 0 0 10px 0 !important; min-height:inherit !important; padding: 18px; overflow: hidden;}
	
	.step_list > ul > li .pic{ margin-bottom:10px;}
}
@media only screen and (max-width:480px) {
	.pro_imgList .pic_txt_t{ display:none;}
	.pro_imgList{min-height: auto; padding: 20px 10px;}
	.pro_imgList .srcoll-table{ margin-top: 0px;}
	.pro_imgList .srcoll-table:before{ display: none;}
	.pro_imgList .inner{ width:100% !important; min-height: inherit;}
	.pic_line, .pic_color, .pic_txt_m{ width:100%; padding:0 !important; margin: 0 !important; }
	.pro_imgList.pro_0102 img{ margin:0 auto !important;}
	.pro_imgList .pic_txt_m{ display:block; position: absolute;;margin-top:0px !important;margin-left: 0px !important;}
	.pro_imgList img{ margin: 0 !important}
	
	.pro_imgList .btn{ bottom:0px;}
	.pro_imgList .btn li{ margin-right:5px;}
	.pro_imgList .btn span{ width:12px; height: 12px;}
	.pro_imgList.pro_0104 img,
	.pro_imgList.pro_0105 img,	
	.pro_imgList.pro_0106 img,
	.pro_imgList.pro_0107 img{margin:0 auto !important;}
	.pro_imgList.pro_0104 .pic_txt_m,
	.pro_imgList.pro_0105 .pic_txt_m,
	.pro_imgList.pro_0106 .pic_txt_m,
	.pro_imgList.pro_0107 .pic_txt_m{ margin-top:0 !important;margin-left: 0px !important;}
}



/* member_box */
.member_box{ padding:30px; border:1px solid #ddd; text-align: center}
.member_box p{ text-align:center; margin:10px 0 0 0  }
.member_box .tit{ font-size: 1.35em; font-family: '나눔스퀘어','Nanum Square', sans-serif; color: #333; font-weight: 700;}
.member_box .txt_area{ margin-bottom: 40px;}
.member_box .button{ display:inline-block;}


/* email_reject */
.email_reject {text-align:center;line-height:1.6;white-space:pre-line;background:transparent url('../images/sub/email_reject.jpg') center top no-repeat;padding: 180px 10px 0 10px;overflow:hidden;}
.email_reject em{ display:block;}
@media only screen and (max-width:640px) {
	.email_reject em{ display:inline;}
}

/* privacy */
.privacy h3{margin:30px 0 10px}
.privacy h3:first-child{ margin-top: 0}
.privacy h4{}

/* sitemap */
#sitemap {width:100%; }
#sitemap > div.menu {position:relative;overflow: hidden;float: left;width: 14.5%;margin-bottom:30px;min-height: 231px; margin-right: 2.5%;}
#sitemap > div.menu:last-child{ margin-right:0; }
#sitemap .menu p.tit{margin-bottom: 0;line-height:0;border-top: 2px solid #eb1d2b;border-bottom: 1px solid #ddd;text-align: center;}
#sitemap .menu p.tit > a{font-size: 1.2em;line-height:1em;;color:#eb1d2b;display: block;padding: 15px;background: #fff;font-family: '나눔스퀘어','Nanum Square';font-weight: 700;}

#sitemap .menu p.tit:before{display:none;}

#sitemap .menu .sitemapList {margin: 0 auto;overflow:hidden;padding: 20px 0px;/* margin-left: 200px; */}
#sitemap .menu .sitemapList:after {content:"";display:block;visibility:hidden;clear:both;}
#sitemap .menu .sitemapList li{display:block;position: relative;}
#sitemap .menu .sitemapList li a{position:relative;display:block;padding-left:13px;color:#333;text-align:left;margin-bottom: 5px;}
#sitemap .menu .sitemapList li a:before{content:'';position:absolute;left:0;top: 13px;width:5px;height: 1px;background:#333;border-radius:50%;}
#sitemap .menu .sitemapList li ul{ padding:2px 0 7px 0;} 
#sitemap .menu .sitemapList li li{ float:none; width:100%; position:relative;}
#sitemap .menu .sitemapList li li a{font-size: .95em;color:#666 !important;line-height:1.4;font-weight:300; letter-spacing: -0.04em;}
#sitemap .menu .sitemapList li li a:before{content:'';position:absolute;left:2px;top: 8px;width: 2px;height: 2px;border-radius: 50%;background:#666 !important;}

#sitemap > div.menu:last-child .sitemapList li {float: left;/* width: 33.33%; */min-height: inherit;}

.target a:after {content:'';display: inline-block !important;margin: 0 0 0 10px;background: url('../images/common/ic_blank_w.gif') no-repeat 0 0 !important;width: 14px !important;height: 14px !important;position: relative !important;bottom: inherit !important;clear: both;vertical-align: middle;}
#sitemap .target a:after{background-image: url('../images/common/ic_blank.gif') !important}

@media only screen and (max-width:1024px) {
	/* sitemap */
	#sitemap > div.menu{ width:31.3%;margin-right: 3%;}
	#sitemap > div.menu:nth-child(3n+3){ margin-right: 0;}
	#sitemap .menu .sitemapList {padding: 9px 20px 9px 10px;}
	#sitemap .menu .sitemapList li a:before{top:12px;}
	
}

@media only screen and (max-width:640px) {

	/* sitemap */	
	#sitemap > div.menu {float: none;width: inherit !important;margin:0 0 20px 0 !important;min-height: inherit;}
	#sitemap .menu p.tit > a{ text-align: left; font-size: 1.32em;}
	#sitemap .menu .sitemapList > li{ width:inherit !important; float: none !important;}
	#sitemap .menu .sitemapList > li > a{ }
}