@charset "euc-kr";




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


/* 1 */
.main .sec-1 h2{font-size: 45px;}
.main .sec-1 h2.fs40{font-size: 40px !important;letter-spacing: -0.06em;}

.mv-txtbox h2{text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.mv-txtbox h2 br.PH{display: none;}

.main-visual-indicator-li{text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}

@media all and (max-width:1456px){
.main-visual-li{height:60%;}
.main .sec-1{padding-bottom: 10px !important;}
}

@media all and (max-width:1267px){
.mv-bg{width:85%;padding:110px 0 110px 45%;margin-top: 20px;}
.mv-bg-img{width:80%;}
	
.mv-txtbox{width:50%; top:70px; }
}

@media all and (max-width:1067px){
#main-visual{height:700px;}
	
.main-visual-li{height:60%;top:180px;}
	
.mv-bg{width:80%;padding:90px 0 90px 35%;margin-top: 20px;}
.mv-bg-img{width:80%;}
	
.mv-txtbox h2{font-size: 40px !important;}
.mv-txtbox{width:48%; top:70px; }
}

@media all and (max-width:867px){
#main-visual{height:550px;}
.main .sec-1{padding-bottom: 50px !important;}
	
.main-visual-li{height:60%;top:150px;}
	
.mv-bg{width:80%;padding:60px 0 60px 35%;}
	}

@media all and (max-width:767px){
.main .sec-1{padding-bottom: 80px !important;}
	
.mv-txtbox h2{width: 130% !important;font-size: 38px !important;}
.main .sec-1 h2.fs40{font-size: 33px !important;}
	
.main-visual-li{height:60%;top:-10px;}
	
.main-visual-indicator-li{width:calc(100%/3.08); height: 200px; padding:155px 0 10px 0;}
.main-visual-indicator-li a img{left:5%; width:80%;}
#main-visual{height:950px;}
.mv-txtbox:before{top:50px; width:20px; left:-20px;}
.mv-txtbox:after{top:50px; width:20px; left:0px;}
.mv-txtbox{width:95%; height: 630px; padding:30px 28% 30px 6%; top:430px;}
	
.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%;background-position:top 250px center;}
.mv-txtbox p.txt.type16{width: 130%; height: 80px;}
}

@media all and (max-width:700px){	
.main-visual-indicator-li{height: 180px; padding:140px 0 10px 0;}
}

@media all and (max-width:640px){	
.sec-1 h2{font-size:42px !important;}	
	
.mv-txtbox h2{font-size: 33px !important;}
.main .sec-1 h2.fs40{font-size: 28px !important;}
.main-visual-indicator-li{height: 160px; padding:120px 0 10px 0;}
.mv-txtbox{top:350px;height: 550px;}
.mv-txtbox:before{top:45px;}
.mv-txtbox:after{top:45px;}

.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 43%; -moz-background-size:auto 43%; -webkit-background-size:auto 43%;background-position:top 250px center;}
}

@media all and (max-width:540px){
.mv-txtbox h2{font-size: 30px !important;}
.main .sec-1 h2.fs40{font-size: 25px !important;}
.main-visual-indicator-li{height: 150px; padding:100px 0 10px 0;}
.mv-txtbox{top:330px;}
}

@media all and (max-width:420px){
.sec-1 h2{font-size:38px !important;}	
	
.main-visual-indicator-li{width:calc(100%/2.08); height: 175px; padding:130px 0 10px 0;}
.mv-txtbox{top:550px;height: 480px;}
.mv-txtbox:before{display: none;}
.mv-txtbox:after{top:75px; width:40px; left:24px;}
	
.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 250px center;}

.mv-txtbox p.txt.type16{width: 130%; height: 100px;}
}

@media all and (max-width:360px){
.sec-1 h2{font-size:35px !important;}	
.main-visual-indicator-li{height: 165px; padding:110px 0 10px 0;}
	
.mv-txtbox h2{font-size:26px !important;}
.main .sec-1 h2.fs40{font-size: 26px !important;}
.mv-txtbox:after{top:75px; width:40px; left:24px;}
	
.mv-txtbox p.txt.type16{height: 110px;margin-top: 25px !important;}

.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-position:top 270px center;}
}

/* 2 */
.sec-2 .w50:nth-child(2){padding: 140px 20% 120px 100px;}

.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;margin-top:25px;-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;}

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

@media screen and (max-width:1500px) {
.sec-2 .w50:first-child span{width: 75%;}
.sec-2 .w50:nth-child(2){padding: 120px 10% 120px 100px;}
.sec-2 a{margin-top: 50px !important;}
}

@media screen and (max-width:1280px) {
.sec-2 .w50:first-child span{width: 85%; }
.sec-2 .w50:nth-child(2){padding: 120px 10% 120px 100px;}
.sec-2 a{margin-top: 50px !important;}
}

@media screen and (max-width:767px) {
.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 0px;margin-top: 120px;}
.sec-2 .w50:nth-child(2){width: 100%;background:url(/new/img/sec-2_bg02.jpg) repeat center right;background-size:200%; padding: 60px 20% 60px 100px;}
.sec-2 .txt.type18{font-size: 13px;}
.sec-2 a{width:200px;height:48px;padding-left:4%;line-height:48px;margin-top: 30px !important;}
.sec-2 a img{margin-top:20px;}
}

@media screen and (max-width:700px) {
.sec-2 .w50:nth-child(2){width: 100%;background:url(/new/img/sec-2_bg02.jpg) repeat center right;background-size:200%; padding: 60px 10% 60px 100px !important;}
}

@media all and (max-width:640px){	
.sec-2 .w50:first-child{margin-top:-50px !important;}
.sec-2 .w50:nth-child(2){padding: 60px 8% 60px 85px !important;}
.sec-2 .txt.type18{font-size: 13px;}
}

@media all and (max-width:840px){	
.sec-2 .w50:nth-child(2){padding: 60px 8% 60px 65px !important;}
}

@media all and (max-width:420px){
.sec-2 .w50:first-child{margin-top:70px !important;}
.sec-2 .w50:nth-child(2){padding: 60px 8% 60px 45px !important;}
}

@media all and (max-width:360px){
.sec-2 .w50:first-child{margin-top:70px !important;}
}








/************************************************************************
* SUB_CONTENTS *
************************************************************************/

/* 회사연혁 */
.history_wrap{overflow:hidden;clear:both;position:relative;}
.history_wrap:before{width:1px;position:absolute;top:8px;bottom:0px;left:50%;background-color:#065cb5;display:block;content:'';}


 .contents.sub h2{width: 30%; background: #fff !important;padding: 30px 0; color:#07296f !important;font-family: 'Gmarket Sans';font-weight:900 !important;text-align: center;line-height: 120%;letter-spacing: 0 !important;z-index: 99999 !imporatant;border-top:solid 1px rgba(7,41,111,0.3);border-bottom:solid 1px rgba(7,41,111,0.3);margin: 0 auto;}

.history_wrap>div>div{width:50%;}
.history_wrap>div>div.yLeft{margin-bottom:200px;float:left;text-align:right;}
.history_wrap>div>div.yRight{margin-top:200px;margin-bottom:40px;float:right;text-align:left;border:1px solid #FFFFFF;}
.history_wrap .yLeft dl{padding-right:30px;}
.history_wrap .yRight dl{padding-left:30px;}
.history_wrap .yLeft dt span{display:block;position:absolute;right:-35px;top:8px;}
.history_wrap .yRight dt span{display:block;position:absolute;left:-35px;top:8px;}
.history_wrap .yLeft dt span img{width:21px;height:21px;}
.history_wrap .yRight dt span img{width:21px;height:21px;}
.history_wrap .yLeft.on dt span{right:-42px;top:15px;}
.history_wrap .yRight.on dt span{left:-41px;top:15px;}
.history_wrap dt{position:relative;margin-bottom:4px;font-size:33px;color:#065cb5;font-weight:bold;}
.history_wrap dd ul li{font-size:1.3em;margin-top: 3px;position: relative;}
/*.history_wrap dd ul li:after{width:6px;height:1px;display:block;content:"";position:absolute;top:14px;left:0;background:#555;}*/
.history_wrap dd ul li b{color: #000; margin-top:15px;display:block;}

@media screen and (max-width:767px){
.history_wrap dt{font-size:22px;}
.history_wrap dd ul li{font-size:1.2em;}
.history_wrap dd ul li b{font-size:1.1em;}
}





/** 조직도 **/
.org-3 div:nth-child(2) span{width:300px;padding:30px 0;background: #fff; border: solid 5px #1e5eab; border-radius:30px;text-align: center;margin-left: 55%;}

.org-3.en div:nth-child(3) span font:first-child:before{width:1px;height:165px;background:#ddd;position:absolute;bottom:50px;left:50%;display:block;content:"";z-index:-1;}

    @media all and (max-width:1280px){
    .org-3 div:nth-child(3) span font:first-child:before{width:1px;height:100px;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;}

    .org-3.en div:nth-child(3) span font:first-child:before{width:1px;height:135px;}
    }
    @media all and (max-width:640px){
    .org-3 div:nth-child(2) span{width:220px;margin-left: 55%;}
    }



.org-2:after{width:1px;height:36%;background:#ddd;position:absolute;top:0;left:50%;display:block;content:"";z-index:-1;}

.org-2 div{margin-bottom:0px;}

.org-2 div:nth-child(3) span font{padding:30px 0;}
.org-2 div:nth-child(3) span font:first-child:before{height:265px;}
.org-2 div:nth-child(3) span:nth-child(2) font:first-child{padding:30px 0;}


/** 오시는길 **/
.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:70px;height:2px;background:#3396ff;position:absolute;top:60px;left:0;display:block;content:"";}
.grBox-3:nth-child(3) h6:after{width:90px;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{width: 100%;display: block;}


.map li:first-child{width: 100%;margin-top: 20px;margin-bottom: 10px;}


/** 기술연구소 소개 **/

.lab-2 .lab-2-1-1 h2{width: 100%;color:#000 !important;border-top:none;border-bottom:none;padding-top: 10px;line-height: 100%;}
.lab-2 .lab-2-1-1:hover h2{color:#00adf7 !important;}

.lab-2 .disF h2{top:0;}


.contents.sub .pro-2-6_tab_content h2{width: 100%;font-family:'Titillium Web',sans-serif !important; margin-top:10px;background: #31a9dd !important; border-radius: 20px;color: #fff !important;font-weight: 500 !important;text-align: center;padding: 10px 0 !important;margin-bottom: 20px;border:none !important;letter-spacing: -0.03em !important;}


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


/* 주소 및 연락처 */
.customer-2 .txtBox{padding:10% 5% 7% 5% ;font-size: 18px;}
.customer-2 .txtBox span.w20{width: 18%; font-weight: 700;color: #000;}
.customer-2 .txtBox span.w80{width: 82%;}