/* 인덱스 레이아웃 */
#idx_wrapper{width:100%; margin:0 auto;}

/* 메인슬라이더 */
#visual{width:100%; position:relative; margin:0 auto; overflow:hidden;}
a{cursor:pointer}

#visual .sliderbx{z-index:1; width:100%; height:900px;}
#visual .sliderbx li{width:100% !important; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
#visual .sliderbx li:nth-child(1){background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li:nth-child(2){background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li:nth-child(3){background-image:url(../img/main/mvisual03.jpg)}
#visual .sliderbx li:nth-child(4){background-image:url(../img/main/mvisual04.jpg)}
#visual .sliderbx li:nth-child(5){background-image:url(../img/main/mvisual05.jpg)}

.slogan{position:absolute; top:370px; width:1000px; left:50%; margin-left:-500px; text-align:center; z-index:2; letter-spacing:-1.5px;}
.slogan h2{font-size:35px; color:#fff; font-weight:400; margin-bottom:10px}
.slogan p{ font-size:55px; font-weight:500;}
.slogan strong{ font-weight:600;}
.slogan span{font-size:20px; color:#fff; font-weight:300;}

.slogan .btn{display:block; width:250px; margin:100px auto; background:#eb2a2e;  color:#fff; padding:15px 30px; border-radius:15px; font-size:1.5em; font-weight:600; transition:all 0.3s;}
.slogan .btn:hover{background:none; border-radius:3px; border:3px solid #fff;}

#visual div.bx-pager{ position:absolute; bottom:280px; left:50%; margin-left:-69px; z-index:2;}
#visual div.bx-pager div{ float:left; margin:0 3px;}
#visual div.bx-pager div a{ 
	display:block; width:40px; height:5px; text-indent:-9999px; border-radius:9px; background:#FFF;
	}
#visual div.bx-pager div a.active{ background:#eb2a2e;}
#visual div.bx-controls-direction a{
	display:block; width:25px; height:80px; text-indent:-9999px; position:absolute; top:50%; margin-top:-40px; z-index:100; opacity:0.5; /*margin-top:-20px;*/
	} /*좌우버튼동시선택*/
#visual div.bx-controls-direction a:hover{opacity:1;}
#visual a.bx-prev{left:15px; background:url(../img/common/mbn_v_prev.png) no-repeat left 0/100% 100%;}
#visual a.bx-next{right:15px; background:url(../img/common/mbn_v_next.png) no-repeat right 0/100% 100%;}	
#visual div.bx-controls-auto{position:absolute; width:40px; bottom:50px; z-index:2; left:50%; margin-left:-50px;}
#visual div.bx-controls-auto a{
	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;
	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/mbn_btn_play.png) no-repeat 50% 50% #806000;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/mbn_btn_stop.png) no-repeat 50% 50% #806000;}

@media (max-width: 991px) {
#visual .sliderbx{width:100%; height:340px;}

.slogan{width:90%; top:150px; left:5%; margin-left:0;}
.slogan h2{font-size:14px;}
.slogan p{font-size:23px;margin-bottom:10px;}
.slogan span{font-size:13px;}
.slogan .btn{display:none;}

#visual div.bx-pager{ bottom:60px; margin-left:-39px;}
#visual div.bx-pager div a{  width:20px; height:3px;}
#visual div.bx-controls-auto{margin-left:0; left:10px; top:auto; bottom:10px;}
#visual div.bx-controls-direction a{display:none;}
}

/* 메인컨텐츠 레이아웃 */
#idx_container{}


/* 업무분야 배너 */
.middle_bn{ padding:70px 0;}
.mdl_bnt{ text-align:center; font-size:2.3em; font-weight:600; letter-spacing:-2.5px; color:#333; margin-bottom:40px;}
.mdl_bnt:after{ display:block; content:""; width:70px; height:1px; background:#eb2a2e; margin:20px auto;}
.mdl_bnt strong{ color:#eb2a2e;}
.mdl_bnt p{ font-size:18px; color:#666; font-weight:400; letter-spacing:-1px;}
.mdl_bn1{margin-bottom:20px;}
.mdl_bn1 a{display:block; height:300px; padding:0; position:relative; background-color:#170F08; background-repeat:no-repeat; background-position:50%; background-size:cover;}
.mdl_bn1 .bg{ height:100%;}
/*.mdl_bn1 .icon img{width:100px; height:100px; opacity:0.7; transition:all 0.5s;}*/
.mdl_bn1 .txt{width:100%; text-align:center; position:absolute; top:50%; transform:translateY(-50%); color:#fff;}
.mdl_bn1 .txt p{ opacity:1; height:0; font-size:2em; font-weight:600; z-index:1; transition:all 0.5s; margin:0;}
.mdl_bn1 .txt span{display:block; height:0; opacity:0; font-size:1em; transition:all 0.5s;}
.mdl_bn1 .txt .btn{ font-size:0.95em; padding:0; height:35px; padding:6px 18px; border:3px solid #fff; border-radius:9px; margin-top:50px;}

.mdl_bn1 .mdl_nemo{ width:358px; height:308px; border:4px solid rgba(235,42,46,0); position:absolute; top:-4px; left:-4px;}

/*.mdl_bn1 a:hover .icon img{width:70px; height:70px; opacity:1;}*/
.mdl_bn1 a:hover .txt p{opacity:1; height:40px; font-size:1.7em;}
.mdl_bn1 a:hover .txt span{opacity:0.8; height:70px;}
.mdl_bn1 a:hover .txt .btn{ margin-top:10px; border-radius:2px; background:#fff; color:#333; font-weight:500;}
.mdl_bn1 a:hover .bg{opacity:0.2;}
.mdl_bn1 a:hover .mdl_nemo{ border:4px solid rgba(235,42,46,1); transition:all 0.5s;}
.mdl_bn1 li:nth-child(1) .bg{background-image:url(../img/main/mdl_bn01.jpg);}
.mdl_bn1 li:nth-child(2) .bg{background-image:url(../img/main/mdl_bn02.jpg);}
.mdl_bn1 li:nth-child(3) .bg{background-image:url(../img/main/mdl_bn03.jpg);}

@media (max-width: 991px) {
.middle_bn{ padding:20px 0 0 0;}
.middle_bn .col-xs-12{padding:0;}
.mdl_bnt{  font-size:1.5em; letter-spacing:-2px; margin-bottom:20px;}
.mdl_bnt:after{ width:40px; margin:10px auto;}
.mdl_bnt p{ font-size:13px;}
.mdl_bn1{margin-bottom:0;}
.mdl_bn1 a{ height:200px;}
.mdl_bn1 a .icon img{width:40px; height:70px; opacity:1;}
.mdl_bn1 a .txt p{opacity:1; height:30px; font-size:1.4em;}
.mdl_bn1 a .txt span{opacity:0.4; height:40px;}
.mdl_bn1 a .txt .btn{opacity:1; height:35px; margin-top:10px; padding:6px 18px; border:3px solid #fff;}
.mdl_bn1 a .bg{opacity:0.2;}
.mdl_bn1 .mdl_nemo{ display:none;}
}


/*메뉴*/
.idx_menu{ background:url(../img/main/idx_menu_bg.jpg) no-repeat center top; height:655px; position:relative;}
.mdl_bn2{ background:#b18716; display:inline-block; padding:50px 50px; font-size:15px; color:#fff; position:absolute; top:0px; left:50%; margin-left:-550px;}
.mdl_bn2 h2{ font-size:50px; font-weight:600; color:#fff; line-height:35px; margin-bottom:40px;}
.mdl_bn2 h2 p{ font-size:20px; font-weight:300;}
.mdl_bn2 span{display:block; font-weight:500; margin-bottom:20px;}
.mdl_bn2 .bbtn{ display:block; width:50px; height:50px; background:#751114; position:absolute; bottom:-15px; right:-15px; transition:all 0.3s;}
.mdl_bn2 .bbtn span{ width:30px; height:1px; margin-bottom:0; background:#fff; margin:24px auto;}
.mdl_bn2 .bbtn span.vbar{transform:translateY(-50%) rotate(90deg); margin:0px auto; position:absolute; top:25px; left:10px;}
.mdl_bn2 .bbtn:hover{color:#fff; background:#111;}
.mdl_bn2:hover .bbtn{ bottom:0px; right:0px; transition:all 0.3s;}
@media (max-width: 991px) {
.idx_menu{ background-size:cover; background-position:-600px 100px ; height:450px;}
.mdl_bn2{ display:block; padding:20px 20px; font-size:12px; position:relative; top:auto; left:auto; margin-left:0;}
.mdl_bn2 h2{ font-size:30px; margin-bottom:10px; line-height:25px;}
.mdl_bn2 h2 p{ font-size:16px;}
.mdl_bn2 span{ margin-bottom:10px;}
.mdl_bn2 .bbtn{ bottom:0px; right:0px;}
}


/* 고객센터 */
.idx_cus{background:url(../img/main/middle_bn_bg.jpg) no-repeat 50%; color:rgba(250,250,250,0.7); font-size:1em; height:250px; padding-top:40px;}
.idx_cus .container{ padding-left:80px;}
.idx_cus p{margin-bottom:10px; font-size:2em; font-weight:500; color:rgba(250,250,250,1);}
.idx_cus p strong{color:#FFCF4D;}
.idx_cus .bbtn{ display:block; width:110px; padding:5px 5px; margin-top:30px;border-bottom:1px solid #fff; color:#fff; font-weight:400; border-radius:0; text-align:left;}
.idx_cus .bbtn:hover{ font-size:bold; color:rgba(250,250,250,1);}
@media (max-width: 991px) {
.idx_cus{font-size:0.95em; background-position:70% bottom; background-size:auto 100%; font-size:12px; height:200px; padding-top:30px;}
.idx_cus .container{ padding-left:20px;}
.idx_cus p{  font-size:1.8em;}
.idx_cus .bbtn{ width:110px; margin-top:10px;}
}

#fs{padding-bottom:30px;}
#fs ul{text-align:center;}
#fs li{display:inline-block; position:relative;}
#fs li:after{content:""; display:block; width:1px; height:20px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-10px;}
#fs li:last-child:after{display:none;}
#fs li img{ height:80px;}
#fs .title{ font-size:1.2em; font-weight:600; letter-spacing:0; padding:0 30px;}
@media (max-width: 991px) {
#fs{padding:30px 0;}
#fs .title{ width:100%; margin-bottom:20px;}
#fs li{width:24%;}
#fs li:after{display:none;}
#fs li img{height:auto; width:100%;}

}





/*eng ver*/

.eng .slogan{
    letter-spacing: 0.6px;
}
.eng .slogan h2{
    font-size: 18px;
}
.eng .slogan p{
    font-size: 48px;
}

.eng .slogan span {
    font-size: 15px;
}
.eng .slogan .btn {
    width: 300px;
}
.eng .idx_cus .bbtn{
    width: 200px;
}
.eng .idx_cus .bbtn svg{
    float: right;
}

@media (max-width: 991px){
    .eng .slogan{
        top: 120px;
    }
    .eng .slogan h2 {
        font-size: 11px;
    }
    .eng .slogan p {
        font-size: 15px;
    }
    .eng .slogan span {
        font-size: 12px;
    }
    .eng .idx_cus p {
        font-size: 1.4em;
    }
    .eng .mdl_bn2 h2{
        font-size: 24px;
    }
    .eng .mdl_bn2 h2 p {
        font-size: 14px;
    }
    
    
}