@charset "euc-kr";


/************************************************************************
* COMMON *
************************************************************************/
.container{margin-top:0;overflow:hidden;}

@media screen and (max-width:1280px) {
.container{margin-top:0;}
}

.contents.main h3{padding-bottom:80px;font-size:50px;line-height:140%;font-weight:600;margin-top: 25px; position:relative;}
.contents.main h3:after{width:70px;height:1px;background:#000;position:absolute;top:-10px;left:47.9%;display:block;content:"";}

.contents{}
.contents.main div[class*='sec-']{padding-top:120px;padding-bottom:120px;}
.contents.sub{padding-top:120px;padding-bottom:120px;position:relative;}


.contents.sub h3.title {color:#222; font-weight:700; font-size:50px; line-height:100%; letter-spacing:-0.02em; text-align:center;}	

.contents.sub h3.title br.PPH{display: none;}	
.contents.sub h3.title br.PPH2{display: none;}	


.contents.sub h5.title {color:#797979; font-weight:200; font-size:22px; line-height:150%; letter-spacing:0; text-align:center;margin-top: 20px;}	

.contents.sub h5.title:after {display:block; content:""; width:97px; height:10px; background:url(/new/img/sub_ttl_bar.png)no-repeat ; margin:50px auto;margin-bottom: 110px;}


@media screen and (max-width:1280px){
.contents.main div[class*='sec-']{padding-top:100px;padding-bottom:80px;}
.contents.sub{padding-top:100px;padding-bottom:160px;}
}
@media screen and (max-width:960px){
.contents.main div[class*='sec-']{padding-top:80px;padding-bottom:80px;}
.contents.sub{padding-top:80px;padding-bottom:140px;}
.contents.sub h3.title br.PPH{display: block;}	
}

@media screen and (max-width:767px){
.contents.sub h3.title {font-size:45px;margin-top: 30px;}	

.contents.sub h5.title {font-size:18px;}	
.contents.sub h5.title:after {background-size: 90%;background-position: 5px 0;margin:30px auto;margin-bottom: 100px;}
}


@media screen and (max-width:540px){
.contents.sub h5.title:after {margin-bottom: 80px;}
}

@media screen and (max-width:420px){
.contents.sub h3.title {font-size:40px;}	
.contents.sub h3.title br.PPH2{display: block;}	
.contents.sub h5.title {font-size:14px;}	
}

@media screen and (max-width:360px){
.contents.sub h5.title:after {margin-bottom: 60px;}
}






/************************************************************************
* MAIN_CONTENTS *
************************************************************************/



/* 1 */
.main .sec-1{padding-bottom: 80px !important;}
.main .sec-1 h2{font-family: 'Gmarket Sans';}

/** mainProducts***/
#mainProducts{margin:0 auto; padding:0; width:100%; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;}
#main-visual{position:relative;margin-top:0;height:980px;min-width:1500px;min-height:300px;}
.main-visual-li{display:block;position:absolute;width:100%;height:100%;top:280px;left:0;}


.main-visual-li.on{z-index:5;}

.mv-yellow::before{content:"";display:block;position:absolute;left:0;top:0;width:40%;height:0;-webkit-transition:height 0.4s;transition:height 0.4s}

.mv-bg{display:block;position:relative; margin-left:10%; width:90%; overflow:hidden;opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s; background:#f6f6f6; padding:80px 0 80px 45%;}
.mv-bg:after{}
.mv-bg-img{display:block;}
.mv-txtbox{color: #fff !important; display:block;position:absolute;left:2%;top:90px; width:43%; padding:50px 5% 50px 5%;z-index:2;opacity:0;-webkit-transform:translateY(-1vw);transform:translateY(-1vw);-webkit-transition:opacity 0.4s,-webkit-transform 0.4s;transition:opacity 0.4s,transform 0.4s; background:#2f3749;}
.mv-txtbox:after{}
.mv-txtbox *{color: #fff !important;}
.mv-txtbox h2{font-weight: 400 !important;}
.mv-txtbox .s60{line-height:100%;}

.mv-txtbox br.PPH{display: block;}	


.mv-txtbox:before{width:267px;height:233px;background:url(/new/img/sec1_logobg.png) no-repeat 0 0;background-size:100%;position:absolute;top:6%;left:60%;display:block;content:"";z-index:1;opacity: 0.4;}
/*
.mv-txtbox:before{position:absolute; top:80px;left:0px;  background:url(img/sec1_logobg.png); z-index:33;border:solid 1px #ff0000;}*/
.mv-txtbox:after{position:absolute; top:80px; width:40px; left:0px; height:2px; content:''; background:#0dade8; z-index:33;}
.mv-txtbox.t-white{color:#fff}
.mv-tit{font-size:2.6vw;line-height:2.7vw;color:inherit;font-weight:600;}
.mv-tit-circle::after{content:"";display:inline-block;margin-left:0.8vw;width:1.4vw;height:1.4vw;border-radius:0.7vw;background:#f9c200;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s}
.mv-sub{font-size:1.2vw;line-height:1.7vw;margin-top:1.4vw;font-weight:600;color:inherit}
.mv-txtbox p.txt.type26{font-weight: 700 !important;}
.mv-txtbox p.txt.type16{font-weight: 300 !important;height: 220px;}
.mv-txtbox a:hover.txt.type13{color: rgba(255,240,0,1) !important;}
.mv-txtbox a.s14{display:inline-block; float:right; margin:0; padding:0 0 10px 0; border-bottom:1px solid rgba(255,255,255,0.7);}
.mv-txtbox a.s14:hover{opacity:1; border-bottom:1px solid rgba(255,240,0,1);}
.prog{margin:0; padding:0; clear:both; overflow:hidden; width:55%}
.prog li{float:none; margin:0; padding:5px 0; border-top:1px solid rgba(255,255,255,0.2); font-weight:400}
.prog li p span{color:rgba(255,255,255,0.8);}
.prog li:first-child{border-top:none;}
.prog li p{float:right; margin:0 0 0 20px; padding:0; color:#b2ad10;}

.on.mv-yellow::before{height:100%;transition:height 0.6s;transition:height 0.6s;-webkit-transition-delay:0.4s;transition-delay:0.4s}
.on .mv-bg{opacity:1;-webkit-transition:opacity 0.6s;transition:opacity 0.6s;-webkit-transition-delay:0.4s;transition-delay:0.4s}
.on .mv-txtbox{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.6s,-webkit-transform 0.6s;transition:opacity 0.6s,transform 0.6s;-webkit-transition-delay:0.4s;transition-delay:0.4s}
.on .mv-tit-circle::after{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-webkit-transition-delay:0.4s;transition-delay:0.4s}

#main-visual-indicator{position:absolute;height:15.1%;width:100%;top:0;right:0;z-index:5;}

.main-visual-indicator-inner{display:block;padding:0; font-size:0; width:100%;}
.main-visual-indicator-inner::after{content:"";display:block;clear:both;}
.main-visual-indicator-li{display:block;float:left;white-space:nowrap; width:16.666%; text-align:center; position:relative; margin:0; padding:175px 0 0 0;}
.main-visual-indicator-link{text-decoration:none;font-weight: 400; -webkit-transition:all 1s;transition:all 1s;overflow: hidden;}
.main-visual-indicator-li a:hover {color:#0088cc ;}
.main-visual-indicator-li a img {border: solid 1px #e3e3e3;padding: 5%;}
.main-visual-indicator-li a:hover img {overflow: hidden;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.main-visual-indicator-li a img.off{opacity:1; filter:Alpha(opacity=100); -webkit-transition:opacity 0.4s,-webkit-transform 0.4s;transition:opacity 0.4s,transform 0.4s;}
.main-visual-indicator-li a img.on{opacity:0;filter:Alpha(opacity=0); -webkit-transition:opacity 0.4s,-webkit-transform 0.4s;transition:opacity 0.4s,transform 0.4s;}
.main-visual-indicator-li a:hover img.off{opacity:0; filter:Alpha(opacity=0);}
.main-visual-indicator-li a:hover img.on{opacity:1;filter:Alpha(opacity=100);}
.main-visual-indicator-li a img{position:absolute; top:0; left:10%; width:80%;}

.main-visual-indicator-bar{display:inline-block;position:relative;width:0vw;height:0.15625vw;min-height:3px;background:#e5e5e5;margin:0 1.0416vw;-webkit-transition:all 1s;transition:all 1s; display:none;}
.on>.main-visual-indicator-bar{width:10.78vw}
.main-visual-indicator-bar::after{content:"";display:block;width:33.3%;height:0.15625vw;min-height:3px;background:#141414}

@media all and (max-width:1667px){
#mainProducts #main-visual.area{width:100%; max-width:inherit;}
.main-visual-indicator-inner{width:99%;margin: 0 auto;}
.main-visual-indicator-li{width:calc(100%/6.08); padding:201px 0 0 0;margin: 0 auto;}
.main-visual-li{top:290px;}

.mv-txtbox:before{top:88px; width:75px; left:-75px;}
.mv-txtbox:after{top:88px; width:40px; left:0px;}
}

@media all and (max-width:1567px){
.main-visual-indicator-inner{width:95%;margin: 0 ;}
.main-visual-indicator-li{padding:180px 0 0 0;}
.main-visual-li{top:270px;}
	
.mv-bg{width:82%;padding:80px 0 80px 40%;}
.mv-bg-img{width: 90%;}
}

@media all and (max-width:1500px){
#main-visual{min-width:100% !important;min-height:300px;}

.main-visual-indicator-inner{width:100%;margin: 0 ;}
.main-visual-indicator-li{padding:170px 0 0 0;}
.main-visual-li{top:270px;}
	
.mv-bg{width:90%;padding:80px 0 80px 40%;}
.mv-bg-img{width: 90%;}
}

@media all and (max-width:1467px){
.main-visual-indicator-li{padding:155px 0 0 0;}
.main-visual-li{top:240px;}
.main-visual-indicator-li a img{left:12.5%; width:75%;}
#main-visual{height:940px;}
.mv-txtbox:before{top:88px; width:65px; left:-65px;}
}

@media all and (max-width:1367px){
.main-visual-indicator-li{padding:151px 0 0 0;}
.main-visual-li{top:220px;}
.main-visual-indicator-li a img{left:14%; width:72%;}
.main-visual-indicator-link.s24{font-size:19px;}
#main-visual{height:920px;}
.mv-txtbox:before{top:82px; width:60px; left:-60px;}
.mv-txtbox:after{top:82px; width:40px; left:0px;}
}

@media all and (max-width:1267px){
.main-visual-indicator-li{padding:120px 0 0 0;}
.main-visual-li{top:200px;}
.mv-txtbox p.txt.type16{font-weight: 300 !important;height:160px;}
.main-visual-indicator-li a img{left:15%; width:70%;}
.main-visual-indicator-link.s24{font-size:18px;}
#main-visual{height:900px;}
	
.mv-bg{width:90%;padding:80px 0 80px 37%;}
.mv-bg-img{width:85%;}
	
.mv-txtbox:after{top:73px; width:30px; left:0px;}
.mv-txtbox{width:40%;}
}

@media all and (max-width:1167px){
.main-visual-indicator-li{padding:131px 0 0 0;}
.main-visual-li{top:190px;}
.main-visual-indicator-li a img{left:15%; width:70%;}
.main-visual-indicator-link.s24{font-size:17px;}
#main-visual{height:780px; min-width:inherit; min-height:300px;}
.mv-txtbox:before{top:72px; width:50px; left:-50px;}
.mv-txtbox:after{top:72px; width:30px; left:0px;}
.mv-txtbox{width:55%; padding:60px 5%; top:100px;}
.mv-bg{width:85%; margin-left:15%; padding:20px 0 20px 50%}
}

@media all and (max-width:1067px){
.main-visual-indicator-li{padding:110px 0 0 0;}
.main-visual-li{top:180px;}
.main-visual-indicator-li a img{left:15%; width:70%;}
.main-visual-indicator-link.s24{font-size:16px;}
#main-visual{height:850px; min-width:inherit; min-height:300px;}
.mv-txtbox:after{top:72px; width:30px; left:0px;}
.mv-txtbox{width:43%; padding:60px 5%; top:60px;}
.mv-bg{width:80%; margin-left:20%; padding:80px 0 80px 30%}

.mv-txtbox p.txt.type16{font-size: 13px; height: 140px;}
}

@media all and (max-width:967px){
.main-visual-indicator-li{padding:90px 0 0 0;}
.main-visual-li{top:180px;}
.main-visual-indicator-li a img{left:15%; width:70%;}
.main-visual-indicator-link.s24{font-size:16px;}
#main-visual{height:830px; min-width:inherit; min-height:300px;}
	
.mv-txtbox:after{top:62px; width:20px; left:0px;}
.mv-txtbox{width:40%; padding:50px 5%; top:50px;}
.mv-bg img{max-height:527px;}
.mv-txtbox br.PPH{display: none;}	
}

@media all and (max-width:867px){
.main-visual-indicator-li{padding:80px 0 0 0;}
.main-visual-li{top:170px;}
.main-visual-indicator-link.s24{font-size:15px;}
#main-visual{height:790px;}
.mv-txtbox:before{top:52px; width:40px; left:-40px;}
.mv-txtbox:after{top:50px; width:20px; left:0px;}
.mv-txtbox{width:40%; padding:30px 5%; top:40px;}
.mv-txtbox p.txt.type26{font-size: 20px; letter-spacing: -0.03em;}
.mv-txtbox p.txt.type16{font-size: 13px; height: 130px;line-height: 130%;letter-spacing: -0.03em;margin-top: 15px !important;}
.mv-bg img{max-height:487px;}
.prog{width:65%;}
}

@media all and (max-width:767px){
.main-visual-indicator-li{padding:71px 0 0 0;}
.main-visual-li{top: inherit; bottom:0}
.main-visual-indicator-link.s24{font-size:0; text-indent:-9999px;}
#main-visual{height:520px;}
.mv-txtbox:before{top:52px; width:40px; left:-40px;}
.mv-txtbox:after{top:65px; width:20px; left:0px;}
.mv-txtbox{width:98%; padding:50px 5%; top:150px;}
.mv-bg{ display:none;}
.prog{width:65%;}
.mv-txtbox{background:none;}
.main-visual-wrap li:nth-child(1) .mv-txtbox{background:url(/new/img/pro01.png) 98% 10% no-repeat #2f3749; background-size:auto 60%;background-position:right 15px center;-moz-background-size:auto 60%; -webkit-background-size:auto 60%;}
.main-visual-wrap li:nth-child(2) .mv-txtbox{background:url(/new/img/pro02.png) 98% 10% no-repeat #2f3749;background-position:right 15px center; background-size:auto 60%; -moz-background-size:auto 60%; -webkit-background-size:auto 60%;}
.main-visual-wrap li:nth-child(3) .mv-txtbox{background:url(/new/img/pro03.png) 98% 10% no-repeat #2f3749;background-position:right 15px center; background-size:auto 60%; -moz-background-size:auto 60%; -webkit-background-size:auto 60%;}
.main-visual-wrap li:nth-child(4) .mv-txtbox{background:url(/new/img/pro04.png) 98% 10% no-repeat #2f3749;background-position:right 15px center; background-size:auto 60%; -moz-background-size:auto 60%; -webkit-background-size:auto 60%;}
.main-visual-wrap li:nth-child(5) .mv-txtbox{background:url(/new/img/pro05.png) 98% 10% no-repeat #2f3749;background-position:right 15px center; background-size:auto 60%; -moz-background-size:auto 60%; -webkit-background-size:auto 60%;}
.main-visual-wrap li:nth-child(6) .mv-txtbox{background:url(/new/img/pro06.png) 98% 10% no-repeat #2f3749;background-position:right 15px center; background-size:auto 60%; -moz-background-size:auto 60%; -webkit-background-size:auto 60%;}
.mv-txtbox a.s14{float:inherit;}
.mv-txtbox p.txt.type16{width: 40%; font-size: 12x; height: 130px;line-height: 135%;}
}

@media all and (max-width:667px){
.main-visual-indicator-li{padding:70px 0 0 0;}
.main-visual-indicator-li a img{left:10%; width:80%;}
#main-visual{height:490px;}
.mv-txtbox:before{top:42px; width:20px; left:-20px;}
.mv-txtbox:after{top:42px; width:10px; left:0px;}
.mv-txtbox{width:95%; padding:30px 5%; top:120px;}
.prog{width:65%;}

.mv-txtbox p.txt.type16{height: 150px;}
}

@media all and (max-width:567px){
.main-visual-indicator-li{padding:62px 0 0 0;}
#main-visual{height:500px;}
.mv-txtbox:before{top:38px; width:20px; left:-20px;}
.mv-txtbox:after{top:38px; width:10px; left:0px;}
.mv-txtbox{width:97%; padding:30px 33% 30px 5%; top:120px;}
.prog{width:100%;}

.main-visual-wrap li:nth-child(1) .mv-txtbox, .main-visual-wrap li:nth-child(2) .mv-txtbox, .main-visual-wrap li:nth-child(3) .mv-txtbox, .main-visual-wrap li:nth-child(4) .mv-txtbox, .main-visual-wrap li:nth-child(5) .mv-txtbox, .main-visual-wrap li:nth-child(6) .mv-txtbox{
 background-size:auto 50%; -moz-background-size:auto 50%; -webkit-background-size:auto 50%;}
.mv-txtbox p.txt.type16{width: 50%; height: 200px; }
}

@media all and (max-width:467px){
.main-visual-indicator-li{width:calc(100%/3.08); padding:100px 0 20px 0;}
.main-visual-indicator-li a img{left:5%; width:90%;}
#main-visual{height:950px;}
.mv-txtbox:before{top:38px; width:20px; left:-20px;}
.mv-txtbox:after{top:38px; width:10px; left:0px;}
.mv-txtbox{width:95%; height: 600px; padding:30px 28% 30px 6%; top:300px;}
	
.main-visual-wrap li:nth-child(1) .mv-txtbox, .main-visual-wrap li:nth-child(2) .mv-txtbox, .main-visual-wrap li:nth-child(3) .mv-txtbox, .main-visual-wrap li:nth-child(4) .mv-txtbox, .main-visual-wrap li:nth-child(5) .mv-txtbox, .main-visual-wrap li:nth-child(6) .mv-txtbox{
 background-size:auto 35%; -moz-background-size:auto 35%; -webkit-background-size:auto 35%;background-position:top 300px center;}
.mv-txtbox p.txt.type16{width: 130%; height: 100px; }
}

@media all and (max-width:367px){
.main-visual-indicator-li{width:calc(100%/3.08); padding:80px 0 20px 0;}
.mv-txtbox{top:280px;height: 500px; }
	
#main-visual{height:850px;}
	
.main-visual-wrap li:nth-child(1) .mv-txtbox, .main-visual-wrap li:nth-child(2) .mv-txtbox, .main-visual-wrap li:nth-child(3) .mv-txtbox, .main-visual-wrap li:nth-child(4) .mv-txtbox, .main-visual-wrap li:nth-child(5) .mv-txtbox, .main-visual-wrap li:nth-child(6) .mv-txtbox{
 background-size:auto 28%; -moz-background-size:auto 28%; -webkit-background-size:auto 28%;background-position:top 300px center;}
}





/* 2 */
.sec-2{padding: 0 !important;position: relative;}
.sec-2 .txt.type18{color: #fff !important;opacity: 0.5;}
.sec-2 .w50:first-child{width: 50%;background:url(/new/img/sec-2_bg01.jpg) no-repeat center center fixed;background-size:cover;padding: 110px 0 160px 0;}
.sec-2 .w50:first-child span{width: 60%; margin: 0 auto;margin-right: 20px;}
.sec-2 .w50:nth-child(2){width: 50%;background:url(/new/img/sec-2_bg02.jpg) no-repeat center right fixed;background-size:cover;padding: 160px 0 120px 100px;}
.sec-2 h2{color:rgba(255,255,255,1);font-family: 'Gmarket Sans';letter-spacing: 0.02em !important;}

.sec-2 a{width:260px;height:64px;padding-left:4%;line-height:64px;border:solid 1px rgba(255,255,255,0.4);color:#fff;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;cursor:pointer;}
.sec-2 a img{padding-left:40px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.sec-2 a:hover img{padding-left:60px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

.sec-2 br.PPH{display: block;}


@media screen and (max-width:1700px) {
.sec-2 .w50:nth-child(2){padding: 150px 0 120px 100px;}
}

@media screen and (max-width:1280px) {
.sec-2 .w50:first-child span{width: 80%;}
.sec-2 .w50:nth-child(2){padding: 140px 0 120px 100px;}
}

@media screen and (max-width:1100px) {
.sec-2 .w50:first-child img.w15 {width: 18%;}
.sec-2 .w50:nth-child(2){padding: 140px 0 120px 100px;}
.sec-2 a{width:200px;height:55px;padding-left:4%;line-height:54px;}
}

@media screen and (max-width:900px) {
.sec-2 .txt.type18{font-size: 13px;}
.sec-2 .w50:first-child img.w15 {width: 17%;}
.sec-2 .w50:first-child span{width: 95%;}
.sec-2 .w50:first-child {padding: 90px 0 100px 30px;}
.sec-2 .w50:nth-child(2){padding: 125px 0 100px 40px;}
.sec-2 a{width:200px;height:55px;padding-left:4%;line-height:54px;margin-top: 80px !important;}
}

@media screen and (max-width:767px) {
.sec-2 .txt.type18{font-size: 12.5px;letter-spacing: -0.03em;}
}

@media screen and (max-width:700px) {
.sec-2 .w50:nth-child(2){padding: 125px 0 100px 50px;}
.sec-2 .txt.type18{width: 90%; font-size: 12px;}
.sec-2 a{width:180px;height:50px;padding-left:4%;line-height:50px;}
.sec-2 br.PPH{display: none;}
}

@media screen and (max-width:640px) {
.sec-2 .w50:first-child{width: 100%;background:url(/new/img/sec-2_bg01.jpg) repeat center left ;background-size:300%;padding: 60px 0 60px 50px;}
.sec-2 .w50:nth-child(2){width: 100%;background:url(/new/img/sec-2_bg02.jpg) repeat center right;background-size:200%; padding: 60px 0 60px 50px;}
.sec-2 .txt.type18{font-size: 13px;}
.sec-2 a{width:200px;height:48px;padding-left:4%;line-height:48px;margin-top: 30px !important;}
}

@media screen and (max-width:420px) {
.sec-2 a{width:180px;height:45px;padding-left:4%;line-height:45px;margin-top: 30px !important;}
}



/* 3 */
.sec-3{padding:180px 0 !important;background:url(/new/img/sec-3_bg.jpg) repeat-y center center fixed !important;background-size:cover;position:relative;z-index:0;}

.sec-3 a h2{color:#fff;letter-spacing:0.1em;text-transform:uppercase;text-shadow:2px 2px 10px rgba(0,0,0,.4);}
.sec-3 a h2:hover{text-shadow:4px 4px 12px rgba(0,0,0,.9);}

@media screen and (max-width:1280px) {
.sec-3{padding:150px 0 !important;}
}

@media screen and (max-width:1100px){
.sec-3{padding:120px 0 !important;}
.sec-3 a h2{font-size: 40px !important; letter-spacing:0.2em;}
}


@media screen and (max-width:767px){
.sec-3{padding:100px 0 !important;background-position: top center;background-size:280%;}
.sec-3 a h2{font-size: 36px !important; letter-spacing:0.1em;}
}

@media screen and (max-width:540px) {
.sec-3{padding:80px 0 !important;background-size:300%;}
.sec-3 a h2{font-size: 33px !important; letter-spacing:0.05em;}
}

@media screen and (max-width:420px) {
.sec-3{padding:70px 0 !important;background-size:360%;}
.sec-3 a h2{font-size: 28px !important; letter-spacing:0;}
}

@media screen and (max-width:360px) {
.sec-3{background-size:400%;}
.sec-3 a h2{font-size: 26px !important; }
}










/***********************************************************************
* 회사소개 *
***********************************************************************/
.sub div[class*='grBox-']{padding:140px 0;}
.sub div[class*='grBox-'] h3{padding-bottom:50px;color:#000;position:relative;}
.sub div[class*='grBox-'] h3:after{width:70px;height:4px;background:#000;position:absolute;bottom:0;left:calc(50% - 35px);display:block;content:"";}

@media screen and (max-width:1280px){
.sub div[class*='grBox-']{padding:100px 0;}
.sub div[class*='grBox-'] h3{padding-bottom:40px;}
.sub div[class*='grBox-'] h3:after{width:50px;left:calc(50% - 25px);}
}

.sub div[class*='grBox-'] font{color:#000;line-height:150%;}

/** 인사말**/
.grBox-1{}
.grBox-1 span{}
.grBox-1 span img{margin: 0 auto;}
.grBox-1 span font.txt.type20{line-height: 210% !important;}
.grBox-1:nth-child(3) {padding-top: 0 !important;}

.grBox-1 br.PPH{display: block;}
.grBox-1 br.PPH2{display: block;}
.grBox-1 .ImgN{display: block;}
.grBox-1 .ImgB{display: none;}

@media screen and (max-width:1000px){
.grBox-1 span font.txt.type30{font-size: 24px; line-height: 130%;}
.grBox-1 span b.txt.type22{font-size: 18px; letter-spacing: -0.02em;line-height: 130%;}
.grBox-1 span font.txt.type20{letter-spacing: -0.02em;}
}

@media screen and (max-width:767px){
.grBox-1 {padding-bottom: 0 !important;}
.grBox-1:nth-child(2) {padding-bottom: 30px !important;}
.grBox-1 span.w50{width: 100%;}
.grBox-1 span.w45{width: 100%;}
.grBox-1 br.PPH{display: none;}
.grBox-1 br.PPH2{display: none;}
.grBox-1 span.w45 img.w25{width:18%;padding-left: 15px;}
.grBox-1 span font.txt.type20{margin-bottom: 10px;}
.grBox-1 .ImgN{display: none;}
.grBox-1 .ImgB{display: block;}
}

@media screen and (max-width:540px){
.grBox-1 span.w45 img.w25{width:22%;padding-left: 10px;}
}

@media screen and (max-width:360px){
.grBox-1:nth-child(2) {padding-top: 20px !important;}
.grBox-1 span.w45 img.w25{width:30%;}
}



/** 회사연혁 **/
.his{position:relative;}
.his:after{width:1px;background:#eaeaea;position:absolute;top:0;bottom:0;left:50%;display:block;content:"";z-index:-1;}

.his>div{margin-bottom:15%;justify-content:center;}
.his>div span{width:50%;position:relative;}
.his>div span:after{width:12px;height:12px;background:rgba(64,100,169,1);position:absolute;top:16px;left:-6px;display:block;content:"";border-radius:50%;}
.his>div span:before{width:32px;height:32px;background:rgba(64,100,169,0.2);position:absolute;top:6px;left:-16px;display:block;content:"";border-radius:50%;}
.his>div span.imgBox:after{width:14%;height:1px;background:#2452ab;position:absolute;top:22px;left:auto;right:-14%;display:block;content:"";border-radius:0;}
.his>div span.imgBox:before{display:none;}

.his>div span br.PPH{display: none;}
.his>div span br.PPH2{display: none;}

.his>div.left span ul li b{margin-right:30px ;color:#000; font-weight: 700;font-size:18px;}
.his>div.right span:after{left:auto;right:-6px;}
.his>div.right span:before{left:auto;right:-16px;}
.his>div.right span.imgBox:after{left:-14%;right:auto;}

.his>div.left span{padding-left:10%;text-align:left;}
.his>div.right span{padding-right:10%;text-align:right;}

.his>div.left span.imgBox{padding-right:10%;text-align:right;}
.his>div.right span.imgBox{padding-left:10%;text-align:left;}
.his>div span img{width:100%;}
.his>div span h2{color:#07296f !important;font-family: 'Gmarket Sans';font-weight:900 !important;line-height: 100%;letter-spacing: 0 !important;}
.his>div span ul{margin-top:30px;}
.his>div.left span ul li b{margin-right:30px ;color:#000; font-weight: 700;font-size:18px;}
.his>div.left span ul li.pl71{padding-left: 71px !important;}
.his>div.left span ul li.pl53{padding-left: 53px !important;}

.his>div.right span ul li b{margin-left:30px ;color:#000; font-weight: 700;font-size:18px;}

.his>div.right b.MH{display:inline-block;}
.his>div.right b.PH{display:none;}

.his>div.right span ul li.pl71{padding-right: 73px !important;}
.his>div.right span ul li{padding-left:0;padding-right:0;}
.his>div.right span ul li:after{left:auto;right:0;}


@media screen and (max-width:1280px){
.his>div.left span ul li {font-size:15px;letter-spacing: -0.02em;}
.his>div.right span ul li {font-size:15px;}
}

@media screen and (max-width:1200px){
.his>div span br.PPH2{display: block;}
.his>div.left span ul li.pl71{padding-left: 0 !important;}
.his>div.left span ul li.pl53{padding-left: 0 !important;}
.his>div.right span ul li.pl71{padding-right: 0 !important;}
.his>div.right b.MH{display:none;}
.his>div.right b.PH{display:inline-block !important;}
}

@media screen and (max-width:860px){
.his>div span.imgBox:after{width:8%;right:-8%;}
.his>div.right span.imgBox:after{left:-8%;right:auto;}

.his>div.left span{padding-left:5%;}
.his>div.right span{padding-right:5%;}
.his>div.left span.imgBox{padding-right:5%;}
.his>div.right span.imgBox{padding-left:5%;}
.his>div span img{width:100%;}
}



/** 경영방침 **/
.grBox-2{padding-top: 0 !important;padding-bottom: 30px !important;}
.grBox-2 font.txt.type22{line-height: 180% !important;}
.grBox-2 br.PPH{display: block;}
.grBox-2 p{width: 65%;margin: 0 auto;margin-top: 80px;}


@media screen and (max-width:1000px){
.grBox-2{padding-bottom:0px !important;}
.grBox-2 p{width:80%;}
}

@media screen and (max-width:767px){
.grBox-2 p{width:90%;}
}
	
@media screen and (max-width:540px){
.grBox-2{padding-bottom:0 !important;}
.grBox-2 span{width: 95%;margin: 0 auto;}
.grBox-2 span font.txt.type22{font-size: 15px;line-height: 160% !important;}
.grBox-2 br.PPH{display: none;}
.grBox-2 p img{width: 100% !important;}
}

@media screen and (max-width:420px){
.grBox-2 span font.txt.type22{font-size: 14px;line-height: 150% !important;}
}







/** 조직도 **/
.org-3{position:relative;}
.org-3:after{width:1px;height:80%;background:#ddd;position:absolute;top:0;left:50%;display:block;content:"";z-index:-1;}

.org-3 div{margin-bottom:40px;display:flex;justify-content:center;}

.org-3 div:nth-child(1){position:relative;}
.org-3 div:nth-child(1) span{width:180px;height:180px;background:#fff;border: solid 12px #1e5eab; border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
/*.org-3 div:nth-child(1):after{width:83.4%;height:1px;background:#ddd;position:absolute;bottom:-88px;left:8.35%;display:block;content:"";z-index:-1;}
*/

.org-3 div:nth-child(2){position:relative;}
.org-3 div:nth-child(2) span{width:280px;padding:30px 0;background: #fff; border: solid 5px #1e5eab; border-radius:30px;text-align: center;margin-left: 50%;}
.org-3 div:nth-child(2):before{width:20%;height:1px;background:#ddd;position:absolute;top:50px;left:calc(50% - -0%);display:block;content:"";z-index:-1;}

.org-3 div:nth-child(1) font,.org-3 div:nth-child(2) font{color:#333;font-weight: 700; line-height:120%;}

.org-3 div:nth-child(3) {position:relative;margin-top: 120px;}
.org-3 div:nth-child(3):after{width:80%;height:1px;background:#ddd;;position:absolute;top:-55px;left:10%;display:block;content:"";z-index:-1;}
.org-3 div:nth-child(3) span{width:20%;margin:0 1.2%;}
.org-3 div:nth-child(3) span font{width:100%;padding:20px 0;text-align:center;display:block;font-size:20px;color:#fff;background:#aaa;font-weight:bold;position:relative;}
.org-3 div:nth-child(3) span font:first-child{position:relative;}
.org-3 div:nth-child(3) span font:first-child:before{width:1px;height:135px;background:#ddd;position:absolute;bottom:50px;left:50%;display:block;content:"";z-index:-1;}

.org-3 div:nth-child(3) span font{width:100%;padding:50px 0;text-align:center;display:block;font-size:20px;color:#fff;background:#5d88b7;font-weight:bold;border-radius: 22px; position:relative;}



@media all and (max-width:1280px){
.org-3 div:nth-child(1):after{bottom:-70px;}
	
.org-3 div:nth-child(1):after{bottom:-70px;}
	
.org-3 div:nth-child(2){margin-bottom:11px;}
.org-3 div:nth-child(2) span{width:250px;}
	
.org-3 div:nth-child(3) span font:first-child:before{width:1px;height:160px;bottom:0px;}
.org-3 div:nth-child(3) span font{font-size:18px;padding:40px 0;}
.org-3 div:nth-child(3) span font:last-child{font-size: 16px;}
}
@media all and (max-width:767px){
.org-3 div:nth-child(2) span{width:200px;}
}

@media all and (max-width:640px){
.org-3 div:nth-child(1):after{display: none;}
    
.org-3 div:nth-child(2) span{width:170px;}
	
.org-3 div:nth-child(3):after{display: none;}
    
.org-3 div:nth-child(3){;display:block;margin-top: 70px;}

.org-3 div:nth-child(3) span{width:80% !important;margin:0 auto;}
.org-3 div:nth-child(3) span font:first-child{margin-top: 60px; padding:25px 0;}
.org-3 div:nth-child(3) span font:last-child{margin-top:10px;}
}

@media all and (max-width:420px){
.org-3 div:nth-child(2) span{width:140px; border-radius:20px;margin-left: 55%;}
    
.org-3 div:nth-child(3) span{width:90% !important;}
}





/** 조직도 **/
.org-2{position:relative;}
.org-2:after{width:1px;height:33.5%;background:#ddd;position:absolute;top:0;left:50%;display:block;content:"";z-index:-1;}

.org-2 div{margin-bottom:40px;display:flex;justify-content:center;}

.org-2 div:nth-child(1){position:relative;}
.org-2 div:nth-child(1) span{width:180px;height:180px;background:#fff;border: solid 12px #1e5eab; border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.org-2 div:nth-child(1):after{width:83.4%;height:1px;background:#ddd;position:absolute;bottom:-88px;left:8.35%;display:block;content:"";z-index:-1;}

.org-2 div:nth-child(2){margin-bottom:90px;}
.org-2 div:nth-child(2) span{width:160px;height:100px;border: solid 0px #3a8e85; border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
/*
.org-2 div:nth-child(2):before{width:80%;height:1px;background:#ddd;position:absolute;bottom:581px;left:calc(50% - -0%);display:block;content:"";z-index:-1;}
*/
.org-2 div:nth-child(1) font,.org-2 div:nth-child(2) font{color:#333;font-weight: 700; line-height:120%;}

.org-2 div:nth-child(3) span font{width:100%;padding:20px 0;text-align:center;display:block;font-size:20px;color:#fff;background:#aaa;font-weight:bold;position:relative;}
.org-2 div:nth-child(3) span{width:16.66666%;margin:0 1.2%;}
.org-2 div:nth-child(3) span font:first-child{position:relative;}
.org-2 div:nth-child(3) span font:first-child:before{width:1px;height:316px;background:#ddd;position:absolute;bottom:-45px;left:50%;display:block;content:"";z-index:-1;}

.org-2 div:nth-child(3) span font{width:100%;padding:50px 0;text-align:center;display:block;font-size:20px;color:#fff;background:#5d88b7;font-weight:bold;border-radius: 22px; position:relative;}
.org-2 div:nth-child(3) span:nth-child(2) font{padding:35px 0;}
.org-2 div:nth-child(3) span font:last-child{margin-top:30px;padding:10px 0;background:#eee;color:#555;border-top-left-radius: 20px;border-bottom-right-radius: 20px;font-size: 17px;letter-spacing: -0.02em;}
.org-2 div:nth-child(3) span font:last-child i{padding:13px 0;text-align:center;display:block;border-top:dotted 1px #bbb;}
.org-2 div:nth-child(3) span font:last-child i:first-child{border-top:dotted 0px #bbb;}



@media all and (max-width:1280px){
.org-2 div:nth-child(1):after{bottom:-70px;}
	
.org-2 div:nth-child(1):after{bottom:-70px;}
	
.org-2 div:nth-child(2){margin-bottom:11px;}
	
.org-2 div:nth-child(3) span font:first-child:before{width:1px;height:224px;bottom:-36px;}
.org-2 div:nth-child(3) span font{font-size:18px;padding:40px 0;}
.org-2 div:nth-child(3) span:nth-child(2) font{padding:25px 0;}
.org-2 div:nth-child(3) span font:last-child{font-size: 16px;}
}

@media all and (max-width:640px){
.org-2 div:nth-child(1):after{display: none;}
	
.org-2 div:nth-child(2){display: none;}
	
.org-2 div:nth-child(3){;display:block;}

.org-2 div:nth-child(3) span{width:80% !important;margin:0 auto;}
.org-2 div:nth-child(3) span font:first-child{margin-top: 60px; padding:25px 0;}
.org-2 div:nth-child(3) span font:last-child{margin-top:10px;}
}

@media all and (max-width:420px){
.org-2 div:nth-child(3) span{width:90% !important;}
}





/** 오시는길 **/
.grBox-3{padding-top: 0 !important;padding-bottom: 80px !important;}

.grBox-3 h6{padding-bottom:50px;font-size:30px;line-height:140%;font-weight:600;margin-top: 25px; position:relative;}
.grBox-3:nth-child(1) h6:after{width:70px;height:2px;background:#3396ff;position:absolute;top:60px;left:0;display:block;content:"";}
.grBox-3:nth-child(2) h6:after{width:150px;height:2px;background:#3396ff;position:absolute;top:60px;left:0;display:block;content:"";}
.grBox-3:nth-child(3) h6:after{width:150px;height:2px;background:#3396ff;position:absolute;top:60px;left:0;display:block;content:"";}




.map{}
.map li{margin-right:80px;font-size:16px;text-align:left;}
.map li>div{font-size:18px;color:#59534a;font-weight:300;line-height:34px;}
.map li>div>h1{padding-left:40px;font-size:20px;color:#000;font-weight:bold;display: inline-block;}
.map li>div> font{padding-left:40px;color:#666;font-weight:300;display: inline-block;margin-top: 3px;}
.location{background:url(/new/sub1/img/icon1.png) no-repeat 0 8px;}
.tel{background:url(/new/sub1/img/icon2.png) no-repeat 0 8px;}
.fax{background:url(/new/sub1/img/icon4.png) no-repeat 0 4px;}
.email{background:url(/new/sub1/img/icon3.png) no-repeat 0 4px;}

.root_daum_roughmap.root_daum_roughmap_landing.mt60{padding:0 !important;border:none !important;}

@media screen and (max-width:1100px) {
.map{margin:0 0 0 10px;}
.map li{width:100%;margin-right:0;margin-bottom:20px;font-size:15px;}
.map li>div{font-size:13px;font-weight:normal;line-height:30px;}
.map li>div>h1{padding-left:40px;font-size:18px;}
}

@media screen and (max-width:767px) {
.map li{font-size:14px;}
.map li>div{font-size:12px;line-height:24px;font-weight:400;background-position:0 0 !important;}
.map li>div>h1{padding-left:30px;font-size:16px;}
}



/** 안전보건방침 **/
.grBox-6{padding-top: 0 !important;padding-bottom: 80px !important;}
.grBox-6 font.txt.type24 br.PPH{display: block;}

.grBox-6.disF{background:url(/new/sub1/img/c6i1.jpg) no-repeat center center ;background-size:cover;position:relative;z-index:0;border-radius: 30px;}

@media screen and (max-width:1100px) {
.grBox-6.disF{background:url(/new/sub1/img/c6i1.jpg) no-repeat left -100px  center ;background-size:cover;position:relative;z-index:0;border-radius: 30px;}
.grBox-6.disF{width: 95% !important;}
.grBox-6.disF span.w40{width: 20% !important;}
.grBox-6.disF span.w50{width: 70% !important;}
.grBox-6.disF span.w50 ul.mt40{margin-top: 50px !important;}
}
@media screen and (max-width:960px) {
.grBox-6.disF{background:url(/new/sub1/img/c6i2.jpg) no-repeat left -100px  center;background-size:cover;margin-top: 0 !important;}
}
@media screen and (max-width:767px) {
.grBox-6.disF{background:url(/new/sub1/img/c6i2.jpg) no-repeat left -100px  center;background-size:cover;}
.grBox-6.disF span.w40{width: 5% !important;}
.grBox-6.disF span.w50{width: 90% !important;margin: 0 auto !important;}
}
@media screen and (max-width:640px) {
.sub .grBox-6{padding-bottom:30px !important;}
.grBox-6 font.txt.type24{width: 90%; margin: 0 auto;}
.grBox-6 font.txt.type24 br.PPH{display: none;}
.grBox-6.disF{background:url(/new/sub1/img/c6i3.jpg) no-repeat left -150px  center;background-size:cover;padding-bottom: 20px !important;}
.grBox-6.disF span.w50{width: 85% !important;}
}




/***********************************************************************
* 제품소개 *
***********************************************************************/

.sub div h6{font-size: 38px; padding-bottom:20px;color:#000;font-weight: 400 !important;letter-spacing: -0.02em; position:relative;}
.sub div h6:after{width:50px;height:2px;background:#000;position:absolute;top:-8px;left:0;display:block;content:"";}

.sub div h7{font-size: 32px; padding-left:40px;color:#4a4a8a;font-weight: 400 !important;letter-spacing: -0.02em; position:relative;background:url(/new/sub2/img/pro-ico.png) no-repeat 7px 10px;}

.sub div h8{font-size: 26px; padding-left:55px;color:#000;font-weight: 400 !important;letter-spacing: -0.02em; position:relative;background:url(/new/sub2/img/pro-ico2.png) no-repeat 30px 10px;}

.sub div h6 br.PPH2{display: none;}

@media screen and (max-width:1280px) {
.sub div h6{font-size: 35px; }
}

@media screen and (max-width:1100px) {
.sub div h7{font-size: 28px;background-position: 7px 8px;}
.sub div h8{font-size: 24px;background-position: 30px 7px;}
}

@media screen and (max-width:960px) {
.sub div h6{font-size: 32px; }
.sub div h7{font-size: 26px;background-position: 7px 7px;}
.sub div h8{font-size: 22px;background-position: 30px 5px;}
}

@media screen and (max-width:767px) {
.sub div h6{font-size: 30px;}
}

@media screen and (max-width:640px) {
.sub div h6{font-size: 27px; letter-spacing: -0.03em;font-weight: 500;}
}

@media screen and (max-width:540px) {
.sub div h6{font-size: 26px; }
.sub div h6 br.PPH2{display: block;}

.sub div h7{font-size: 24px;background-position: 10px 6px;letter-spacing: -0.03em;}
.sub div h8{font-size: 20px;background-position: 35px 4px;letter-spacing: -0.03em;}
}

@media screen and (max-width:420px) {
.sub div h6{font-size: 23px; }
.sub div h7{font-size: 20px;padding-left:30px;background-position: 1px 3px;letter-spacing: -0.03em;}
.sub div h8{font-size: 17px; padding-left:40px;background-position:20px 2px;letter-spacing: -0.03em;}
}

@media screen and (max-width:360px) {
.sub div h6{font-size: 20px; }
}




.contents.sub .pro_ttl{}
.contents.sub .pro_ttl .img{position: relative;top:-30px;padding: 15px; border:solid 1px #f3f3f3;}

@media screen and (max-width:960px) {
.contents.sub .pro_ttl span.w25{width: 30%;}
}

@media screen and (max-width:767px) {
.contents.sub .pro_ttl span.w70{width: 100%;}
.contents.sub .pro_ttl span.w25{width: 100%; }
.contents.sub .pro_ttl span.w25 img{width: 80%; margin: 0 auto;display: block;}
}

@media screen and (max-width:540px) {
.contents.sub .pro_ttl span.w25 img{width: 95%;}
}





.pro .tBox{width: 100%; background: #fafafa; padding: 30px 60px !important;color:#969696;}
.pro .tBox font{line-height: 220% !important;}
.pro .tBox b{background: #ededed;font-weight: 400 !important;}
.pro .tBox br.PPH{display: none;}



@media screen and (max-width:1280px) {
.pro .tBox{padding: 20px 50px !important;}
.pro .tBox font{line-height: 200% !important;}
.pro .tBox br.PPH{display: block;}
}

@media screen and (max-width:767px) {
.pro .tBox{padding: 20px 40px !important;}
}

@media screen and (max-width:540px) {
.pro .tBox{padding: 20px 30px !important;}
.pro .tBox font{line-height: 170% !important;}
}


/* PTC 히터모듈 */
.pro-1{}
.pro-1-2 .p1c1{display: block;padding: 1%;margin: 0 auto;}
.pro-1-2 .p1c2{display: block;}

.pro-1-3{background: #fafafa;padding:150px 0 !important;margin-top: 150px;}
.pro-1-3 .pro-1-3_MH{display: block;}
.pro-1-3 .pro-1-3_PH{display: none;}
.pro-1-3 .pro-1-3_PH2{display: none;}

@media screen and (max-width:1280px) {
.pro-1-3{padding:130px 2% !important;margin-top: 120px;}
}

@media screen and (max-width:1100px) {
.pro-1-2 .p1c1{width: 90%;}
.pro-1-2 .p1c2{width: 90%;}
	
.pro-1-3{padding:100px 1.5% !important;margin-top: 100px;}
}

@media screen and (max-width:767px) {
.pro-1-3{padding:80px 1% !important;}
.pro-1-3 .pro-1-3_MH{display: none;}
.pro-1-3 .pro-1-3_PH{display: block;}
.pro-1-3 .pro-1-3_PH2{display: none;}
}

@media screen and (max-width:420px) {
.pro-1-3 .pro-1-3_PH{display: none;}
.pro-1-3 .pro-1-3_PH2{display: block;}
}



/* 자동차 히터용 */
.pro_element{width: 100%; background:url(/new/sub2/img/pro_element_bg.jpg) no-repeat center center fixed;background-size:90%;padding: 7% 5%;position: relative;padding-bottom: 10% !important;}


@media screen and (max-width:1700px) {
.pro_element{background-size:100%;}
}

@media screen and (max-width:540px) {
.pro_element{background:url(/new/sub2/img/pro_element_bg.jpg) repeat center center fixed;background-size:contain;}
.pro_element h6.mt120{margin-top: 120px !important;}
}




.pro-2-2{}
.pro-2-2 span{width:calc(100%/3.2);}
.pro-2-2 span *{width:100%;}
.pro-2-2 span img{width: 100%; box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.4);}
.pro-2-2 span font{font-weight: 400;text-align:center;color:#fff;background:url(/new/sub2/img/pro2-ttl.jpg) no-repeat center right;padding: 3.5% 0;letter-spacing: -0.03em;margin-bottom: 10px;box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.4);}
.pro-2-2 span font.ttl_bg02{font-weight: 400;text-align:center;color:#fff;background:url(/new/sub2/img/pro2-ttl02.jpg) no-repeat center right;padding: 3.5% 0;letter-spacing: -0.03em;margin-bottom: 10px;box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.4);}


.pro-2-3{position: relative;}
.pro-2-3 span{width:calc(100%/3.2);box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.4);}
.pro-2-3 span img{width: 100%;}
.pro-2-3 span font{font-weight: 400;text-align:center;color:#000;border-top: solid 1px #4b4b8a;background: #fff;padding: 3.5% 0;letter-spacing: -0.03em;}


@media screen and (max-width:1000px) {
.pro-2-2 span font.txt.type30{font-size: 23px;}
}

@media screen and (max-width:767px) {
.pro-2-2{margin-top: 0 !important;}
.pro-2-2 span font{background-size:100%;}
.pro-2-2 span font.ttl_bg02{background-size:100%;}
.pro-2-2 span font.txt.type30{font-size: 20px;letter-spacing: -0.05em;}
    
    
}

@media screen and (max-width:700px) {
.pro-2-2 span font.txt.type30{font-size: 16px;}
}

@media screen and (max-width:540px) {
.pro-2-2 span{width:calc(100%/1);margin-top: 40px;}
.pro-2-2 span:first-child{margin-top: 0;}
.pro-2-2 span font.txt.type30{font-size: 25px;letter-spacing: 0;}
	
.pro-2-3 span{width:calc(100%/1);margin-top: 40px;}
.pro-2-3 span:first-child{margin-top: 0;}
.pro-2-3 span font.txt.type25{font-size: 25px;}
}




.pro-2-4{position: relative;margin-top: 120px;}
.pro-2-4 img{position: relative;margin-top: -85px;}
.pro-2-4 font.txt.type22{padding-left: 60px;line-height: 200%;}
.pro-2-4 font.txt.type22.current{padding-left: 60px;line-height: 140%;margin-bottom: 30px;}
.pro-2-4 font.txt.type22:first-child.current{margin-bottom: 60px;}


@media screen and (max-width:1400px) {
.pro-2-4 font.txt.type22{line-height:180%;}
}

@media screen and (max-width:1280px) {
.pro-2-4 span.w40 img{width: 100%;}
}

@media screen and (max-width:1100px) {
.pro-2-4 .disF.mt40{margin-top: 10px !important;}
.pro-2-4 font.txt.type22{line-height:160%;}
.pro-2-4 img{width: 90%;margin-top: -60px;}
}

@media screen and (max-width:767px) {
.pro-2-4 .disF .w60{width: 100%;}
.pro-2-4 .disF .w40{width: 100%;margin-top:60px;}
.pro-2-4 .disF .w40 img{width: 80%;margin-top: 0px;}
.pro-2-4 table{margin-top: 20px !important;}
}

@media screen and (max-width:540px) {
.pro-2-4 .disF .w40 img{width: 100%;}
}

@media screen and (max-width:420px) {
.pro-2-4 font.txt.type22{padding-left: 35px;}
}


.pro-2-5{position: relative;margin-top: 120px;}
.pro-2-5 .disF span.w50:first-child img{box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);}
.pro-2-5 img{position: relative;}
.pro-2-5 font.txt.type22{line-height: 200%;}
.pro-2-5 font.txt.type22.current{padding-left: 60px;line-height: 140%;margin-bottom: 30px;}
.pro-2-5 font.txt.type22:first-child.current{margin-bottom: 60px;}


@media screen and (max-width:640px) {
.pro-2-5 .disF .w30 {width: 100%;}
.pro-2-5 .disF .w30 img{width: 85%; display: block;margin: 0 auto;}
.pro-2-5 .disF .w30 font.txt.type20{font-size: 20px; padding-left: 40px; margin-top: 30px;}
.pro-2-5 .disF .w30:last-child{margin-bottom: 30px;}
}

@media screen and (max-width:420px) {
.pro-2-5 .disF .w30 img{width: 90%;}
.pro-2-5 .disF .w30 font.txt.type20{font-size: 18px; padding-left: 20px;}
}

@media screen and (max-width:360px) {
.pro-2-5 .disF .w30 img{width: 98%;}
.pro-2-5 .disF .w30 font.txt.type20{font-size: 17px; padding-left: 2px;}
}


.PDL20{padding-left: 20px;}
.pro-2-6_tab{width:100%;}
.pro-2-6_tab .pro-2-6_tab_wrap span.w35{display: block;text-align: right;}
.pro-2-6_tab_menu{width:100%;display:flex;/*justify-content:center;*/flex-wrap:wrap;}
.pro-2-6_tab_menu li{}
.pro-2-6_tab_menu li a{width:100%;display:block;cursor:pointer;color:#fff;background: #0b4689;padding:5px 0;text-align: center;margin: 0 2%;border-radius: 20px;font-size:22px;line-height:60px;font-weight:700;position:relative;}
.pro-2-6_tab_menu li:hover a,.pro-2-6_tab_menu li.on a{color:#fff556;background: #0090ce;}
/*.pro-2-6_tab_menu li a:after{width:0;height:3px;background:#386ec6;position:absolute;bottom:-3px;left:50%;display:block;content:"";-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;z-index:1;}*/
.pro-2-6_tab_menu li:hover a:after,.pro-2-6_tab_menu li.on a:after{width:100%;left:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

.pro-2-6_tab_menu.uli6 li{width:calc(100%/2.15) !important;margin-right: 4%;margin-bottom: 3%;}
.pro-2-6_tab_menu.uli6 li:nth-child(2), .pro-2-6_tab_menu.uli6 li:nth-child(4),.pro-2-6_tab_menu.uli6 li:nth-child(6){margin-right: 0 !important;}
.pro-2-6_tab_menu.uli6 li:nth-child(5), .pro-2-6_tab_menu.uli6 li:nth-child(6){margin-bottom: 0 !important;}

.pro-2-6_tab_content{display:none;margin-top:50px;background: #f8f9fb; border-radius: 30px;padding: 2%;padding-bottom: 5%;}
.pro-2-6_tab_content h2{margin-top:10px;background: #31a9dd; border-radius: 20px;color: #fff;font-weight: 700;text-align: center;padding: 5px 0 ;margin-bottom: 20px;}
.pro-2-6_tab_content h7 br.PPH{display: none;}

.pro-2-6_tab_content font.txt.type22{padding-left: 60px;line-height: 160%;margin-bottom: 40px;}
.pro-2-6_tab_content .mobileOver{width: 98%;margin: 0 auto;}


@media screen and (max-width:1280px){
.pro-2-6_tab .disF span.w35 img{width: 90%;}
.pro-2-6_tab_content span.w30 img{width: 90%;}
}

@media screen and (max-width:1100px){
.pro-2-6_tab_content span.w30 img{width: 100%;}
}

@media screen and (max-width:960px){
.pro-2-6_tab_menu li a{line-height:55px;font-size:20px;}

.pro-2-6_tab .disF span.w55 img{width: 40%;}
.pro-2-6_tab .disF span.w35 img{width: 100%;}
}

@media screen and (max-width:840px){
.pro-2-6_tab_menu li a{line-height:50px;font-size:18px;}
.pro-2-6_tab .pro-2-6_tab_wrap span.w35{text-align:center;}
.pro-2-6_tab .disF span.w65 {width: 55%;}
.pro-2-6_tab .disF span.w35 {width: 42%;}
.pro-2-6_tab .disF span.w35 img{text-align: left;}
}

@media screen and (max-width:767px){
.pro-2-6_tab_content h7{font-size: 28px; padding-left:40px;background:url(/new/sub2/img/pro-ico.png) no-repeat 10px 10px;}
.pro-2-6_tab_content h7 br.PPH{display: block;}
	
.pro-2-6_tab_content h2{padding: 12px 0 ;}
.pro-2-6_tab .pro-2-6_tab_wrap span.w65{width: 100%;}
.pro-2-6_tab .pro-2-6_tab_wrap span.w30{width: 100%;}
.pro-2-6_tab .pro-2-6_tab_wrap span.w30 img{width: 80%; display: block;margin: 0 auto;margin-bottom: 50px;}
}

@media screen and (max-width:640px){
.pro-2-6_tab_content h7{font-size: 23px; padding-left:40px;background:url(/new/sub2/img/pro-ico.png) no-repeat 10px 10px;}

.pro-2-6_tab .disF span.w55 {width: 100%;}
.pro-2-6_tab .disF span.w35 {width: 100%;margin-top: 40px; margin-bottom:10px;}
.pro-2-6_tab .disF span.w35 img{width: 80%;}

.pro-2-6_tab_menu li a{line-height:46px;font-size:14px;}
.pro-2-6_tab_menu.uli6 li{width:calc(100%/3.3) !important;padding:5px 0;margin: 0 1%}
.pro-2-6_tab_menu.uli6 li:nth-child(2), .pro-2-6_tab_menu.uli6 li:nth-child(4),.pro-2-6_tab_menu.uli6 li:nth-child(6){margin-right: 1% !important;}
.pro-2-6_tab_content{margin-top:0;}
	
.pro-2-6_tab_content h2{border-radius: 15px;}
}	

@media screen and (max-width:540px) {
.pro-2-6_tab_content .disF{padding-left: 0 !important;}	
}

@media screen and (max-width:480px) {
.pro-2-6_tab_menu.uli6 li{width:calc(99%/2.2) !important;padding:5px 0;margin: 0 1.5%;}
.pro-2-6_tab_menu.uli6 li:nth-child(even){margin-right: 0.2% !important;}
.pro-2-6_tab_menu.uli3 li{width:100% !important;}
.pro-2-6_tab_content font.txt.type22{padding-left:40px;}
}



/** 제품소개 - 관리자 **/

.pro input[type=text],.pro-2-5 input[type=text]{width:90%;height:30px;padding:0 5px;margin: 7px; border:solid 1px #eee;line-height:30px;/*display:block;float:left;*/-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.pro textarea{width:100%;min-height:150px;max-height:300px;padding:16px;border:none;display:block;border:solid 1px #eee;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}




/***********************************************************************
* R & D *
***********************************************************************/
.sub div[class*='lab-']{padding-top:50px; /*padding-bottom: 50px !important;*/}
.sub div[class*='lab-'] h3{padding-bottom:50px;color:#000;position:relative;}
.sub div[class*='lab-'] h3:after{width:70px;height:4px;background:#000;position:absolute;bottom:0;left:calc(50% - 35px);display:block;content:"";}




@media screen and (max-width:1280px){
/*.sub div[class*='lab-']{padding:100px 0;}*/
.sub div[class*='lab-'] h3{padding-bottom:40px;}
.sub div[class*='lab-'] h3:after{width:50px;left:calc(50% - 25px);}
}

@media screen and (max-width:767px){
.sub div[class*='lab-']{padding:0 !important;}
.sub div[class*='lab-'] h3{padding-bottom:40px;}
.sub div[class*='lab-'] h3:after{width:50px;left:calc(50% - 25px);}
}

.sub div[class*='lab-'] font{color:#7b7b7b;line-height:150%;}


/** 기술연구소 소개 **/
.lab-2{}
.lab-2 b{font-weight: 400 !important;color:#000 !important;}

.lab-2 .lab-2-1{width: 100%; height: 250px;background:url(/new/sub3/img/c2i1.jpg) no-repeat center bottom fixed;background-size:auto 100%;color:#fff;position: relative;}
.lab-2 .lab-2-2{width: 100%; height: 250px;background:url(/new/sub3/img/c2i2.jpg) no-repeat center bottom fixed;background-size:auto 100%;color:#fff;position: relative;}
.lab-2 h1{font-size: 120px; color:#fff;bottom:0;left:5%;line-height: 90%; font-weight: 900;letter-spacing: -0.02em; opacity: .7; position: absolute;}
.lab-2 .lab-2-1-1:hover h2{color:#00adf7;}
.lab-2 .disF h2{top:0;}



/** 연구개발실적 **/
.lab-2{}
.sub div[class*='lab-2-']{padding:20px 0 !important;}
.lab-2 span{}
.lab-2 hr{height:1px;margin:20px 0;border:none;color:#f0f0f0;}


/** 특허 **/
.lab-3{}

.lab-3 .tab {width: 50%; float: left;}

.lab-3 .tab a {display: block;width: 100%;color:#666;cursor: pointer;  transition: 0.3s;  font-size: 17px;}
.lab-3 .tab a:hover {color: #000;}
.lab-3 .tab a.active {color: #1e5eab;}

.lab-3 .tab_arr {width: 10%;margin-top: 10%;opacity: .3;}
.lab-3 .tab_arr img{width: 80%;margin: 0 auto; display: block;}
.lab-3 .tabcontent {width: 40%; float: left;  padding: 0px 12px;}
.lab-3 .tabcontent img{border: solid 1px #ddd;}








/** 연구소 조직도 **/
.lab-org{position:relative;}
.lab-org:after{width:1px;height:37.5%;background:#ddd;position:absolute;top:10%;left:50%;display:block;content:"";z-index:-1;}

.lab-org div{margin-bottom:50px;display:flex;justify-content:center;}

.lab-org div:nth-child(1):after{width:50%;height:1px;background:#ddd;position:absolute;bottom:-80px;left:calc(100% - 75%);display:block;content:"";z-index:-1;}


.lab-org div:nth-child(1){position:relative;}
.lab-org div:nth-child(1) span{width:230px;height:230px;background:#fff;border: solid 12px #1e5eab; border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;}

.lab-org div:nth-child(2) span font:first-child:before{width:1px;height:170px;background:#ddd;position:absolute;top:-91px;left:50%;display:block;content:"";z-index:-1;}
/*.lab-org div:nth-child(2) span:last-child font:first-child:before{width:1px;height:295px;background:#ddd;position:absolute;top:-91px;left:50%;display:block;content:"";z-index:-1;}
*/

.lab-org div:nth-child(1) font,.lab-org div:nth-child(2) font{color:#333;font-weight: 700; line-height:120%;}

.lab-org div:nth-child(2) span{width:30%;margin:0 10%;}
.lab-org div:nth-child(2) span font{width:100%;padding:30px 0;text-align:center;display:block;font-size:20px;color:#fff;background:#5d88b7;font-weight:bold;border-radius: 22px;margin-top: 120px; position:relative;}


.lab-org div:nth-child(2) span font:nth-child(2) {width: 100%; margin-top: 80px;background:#ddd ;text-align:center;font-size:20px;color:#fff;padding:30px 0;}
.lab-org div:nth-child(2) span:first-child font:nth-child(2):after{width:50%;height:1px;background:#ddd;position:absolute;top:-40px;left:calc(100% - 75%);display:block;content:"";z-index:-1;}


.lab-org div:nth-child(2) span font:nth-child(2).team2 {background:none ;text-align:center;font-size:20px;color:#fff;display: flex;padding: 0 !important;}
.lab-org div:nth-child(2) span font:nth-child(2).team2 i{width:50%;background:#ddd; text-align:center;font-size:20px;color:#fff;display: block;padding:30px 0;margin-right:2%; border-radius: 22px;}

.lab-org div:nth-child(2) span font:nth-child(2).team2 i:last-child{margin-right:0% !important;}
.lab-org div:nth-child(2) span font:nth-child(2).team2 i:before{width:1px;height:100px;background:#ddd;position:absolute;top:-40px;left:25%;display:block;content:"";z-index:-1; }
.lab-org div:nth-child(2) span font:nth-child(2).team2 i:after{width:1px;height:100px;background:#ddd;position:absolute;top:-40px;left:75%;display:block;content:"";z-index:-1;}


.lab-img {width:85%;margin: 0 auto;}
.lab-img span{width:calc(100%/4.2);}
.lab-img span img{width: 100%;}


@media screen and (max-width:1280px){
.lab-org:after{height:38%;}
	
.lab-org div:nth-child(2) span{width:40%;margin:0 5%;}
}

@media screen and (max-width:1000px){	
.lab-org div:nth-child(2) span{width:50%;}
}


@media screen and (max-width:767px){
.lab-org:after{height:75%;}
	
.lab-img span{width:calc(100%/2.2);margin-top: 40px;}

.lab-org div:nth-child(1):after{display: none;}
.lab-org div:nth-child(2){display:block;}

.lab-org div:nth-child(2) span{width:90%;margin:0 auto;}
.lab-org div:nth-child(2) span font{margin-top: 80px;padding:25px 0;}
.lab-org div:nth-child(2) span font:first-child:before{display: none;}
	
}

@media screen and (max-width:420px){
.lab-org div:nth-child(2) span{width:90%;margin:0 auto;}
.lab-org div:nth-child(2) span font{padding:20px 0;}
.lab-img span{width:calc(100%/1);}
}






/***********************************************************************
* 고객지원 *
***********************************************************************/


/* 주소 및 연락처 */
.customer-2{padding-bottom: 120px;}
.customer-2 h5{width: 60%; background: #0e4194;color:#fff;padding: 10px 0 ;text-align: center;border-radius: 50px;margin: 0 auto;position: relative; }

.customer-2 .head{width: 100%; background: #f6f6f6;position: relative;padding: 4%;}

.customer-2 .txtBox{width: 100%;margin: 0 auto;background:rgba(255,255,255,0.7);padding:10% 5% 7% 15% ;font-size: 20px;margin: 0 auto;z-index: -1; margin-top: -25px; }
.customer-2 .txtBox span{line-height: 170%;letter-spacing: -0.05em !important;}
.customer-2 .txtBox span.w15{font-weight: 700;color: #000;}


@media screen and (max-width:1400px) {
.customer-2 .txtBox{font-size: 18px;letter-spacing: -0.02em;}
.customer-2 .txtBox span.w15{width: 20%;}
.customer-2 .txtBox span.w85{width: 80%;}
}

@media screen and (max-width:1280px) {
.customer-2 .txtBox span.w20{width: 30%;}
.customer-2 .txtBox span.w80{width: 70%;}
}

@media screen and (max-width:1100px) {
.customer-2 .txtBox{font-size: 17px;padding:10% 5% 7% 10% ;}
.customer-2 .txtBox span.w15{width: 25%;}
.customer-2 .txtBox span.w85{width: 75%;}
}

@media screen and (max-width:1000px) {
.customer-2 .txtBox{font-size: 16px;padding:10% 5% 7% 5% ;}
}

@media screen and (max-width:900px) {
.customer-2 .txtBox{font-size: 16px;padding:13% 5% 5% 7% ;}
}

@media screen and (max-width:767px) {
.customer-2 .head{padding: 5%;}
.customer-2 .head .w45{width: 100%;}
.customer-2 .head .w50{width: 100%;margin-top: 30px;}
	
.customer-2 .txtBox{font-size: 18px;padding:10% 5% 5% 18% ;}
.customer-2 .txtBox span.w15{width: 20%;}
.customer-2 .txtBox span.w85{width: 80%;}

.customer-2 .txtBox span.w20{width: 20%;}
.customer-2 .txtBox span.w80{width: 80%;}
}

@media screen and (max-width:640px) {	
.customer-2 .txtBox{font-size: 17px;padding:10% 5% 5% 15% ;}
}

@media screen and (max-width:540px) {	
.customer-2 .txtBox{font-size: 16px;padding:10% 5% 5% 10% ;}
    
.customer-2 .txtBox span.w20{width: 30%;}
.customer-2 .txtBox span.w80{width: 70%;}
}

@media screen and (max-width:440px) {	
.customer-2 .txtBox{font-size: 16px;padding:12% 5% 5% 10% ;}
.customer-2 .txtBox span.w15{width: 25%;}
.customer-2 .txtBox span.w85{width: 75%;}
}

@media screen and (max-width:360px) {	
.customer-2 .txtBox{font-size: 14.5px;padding:14% 5% 5% 5% ;}
.customer-2 .txtBox span.w15{width: 30%;}
.customer-2 .txtBox span.w85{width: 70%;}
}



/* 제품문의 및 견적요청 */
.inquiry ul{width:100%;clear:both;overflow:hidden;}
.inquiry li{height:auto;margin-bottom:14px;font-size:16px;font-weight:normal;color:#666;line-height:52px;position:relative;background:#f5f5f5;float:left;}
.inquiry li.w50.left{width:49%;margin-right:1%;}
.inquiry li.w50.right{width:49%;margin-left:1%;}
.inquiry li.w100{width:100%;margin-right:0;margin-left:0;}

.inquiry li span{width:120px;padding-left:24px;display:block;text-align:left;position:relative;float:left;}
.inquiry li span:after{width:1px;height:14px;margin-top:-7px;background:#ddd;position:absolute;top:50%;right:10px;display:block;content:"";}

.inquiry li input[type=text]{width:calc(100% - 130px);height:52px;padding:0 16px;border:none;line-height:52px;background:#f5f5f5;display:block;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.inquiry li textarea{width:calc(100% - 130px);min-height:300px;max-height:300px;padding:16px;border:none;background:#f5f5f5;display:block;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.inquiry li textarea.form-control.requiredField{width:100%;min-height:200px;max-height:200px;padding-top:10px;line-height:160%;color:#666;}
.inquiry li:last-child{padding-left:24px;}

.inquiry .btn{width:260px;margin:0 auto;}
.inquiry .btn input[type=button]{width:100%;padding:16px 0;text-align:center;font-size:16px;font-weight:bold;border:none;background:#333;color:#fff;display:block;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.inquiry .btn:hover input[type=button]{background:#0e4194;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}


.inquiry select {width:80%; padding:.8em .5em; border: 1px solid #e2e2e2;font-family:NanumSquare;background: url('/img/select_arrow.png') no-repeat 95% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none;appearance: none;}
.inquiry select::-ms-expand {display: none;}

@media screen and (max-width:1400px) {
.inquiry select {width:70%;}
}

@media screen and (max-width:1280px) {
.inquiry li{margin-bottom:12px;font-size:14px;}

.inquiry .btn{width:220px;}
.inquiry .btn input[type=button]{padding:14px 0;font-size:14px;}
.inquiry select {font-size:16px; !important} 
}

@media screen and (max-width:1100px) {
.inquiry{width:100%;}
.inquiry li{width:100% !important;margin-bottom:10px;margin-right:0 !important;margin-left:0 !important;}
.inquiry select {width:80%;}
.inquiry li input[type=text]{padding:0 14px;font-size:12px;}
}

@media screen and (max-width:767px) {
.inquiry li textarea{padding:14px;font-size:12px;}
.inquiry li textarea.form-control.requiredField{min-height:80px;}
.inquiry select {width:70%;}
.inquiry select {font-size:14px;}  
        
.inquiry .btn{width:180px;}
.inquiry .btn input[type=button]{font-size:12px;}
}

@media screen and (max-width:640px) {
.inquiry .btn{width:120px;}
.inquiry select {width:50%;}
}

@media screen and (max-width:420px) {
.inquiry .btn{width:90px;}
.inquiry .btn input[type=button]{font-size:10px;letter-spacing:-0.04em;}
}