@charset "utf-8";


/*네비메뉴*/
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
 a{text-decoration:none;color:#111}
 
.modalWrap{position:absolute;top:150px;left:50%;margin-left:-350px;width:700px;background:#fff;opacity:0;z-index:-1;transition-duration:.5s}
.modalWrap.active{top:180px;opacity:1;z-index:99}
.modalWrap.small{margin-left:-250px;width:500px}
.modalWrap.wide{margin-left:-450px;width:900px}
.modalWrap .modalTitle{position:relative;padding:0 65px 0 20px;height:46px;background:#484c51}
.modalWrap .modalTitle h2{display:block;font-size:16px;font-weight:700;color:#fff;line-height:46px}
.modalWrap .modalTitle .btn_modalClose{display:block;position:absolute;top:0;right:0;width:46px;height:46px;text-indent:-9999em;background:url(/images/injeinc/btn_modalClose.png) no-repeat center center}
.modalWrap .modalContent{padding:20px;max-height:700px;overflow-y:auto}
.modalWrap .modalContent .btnArea{margin:0}
.modalWrap .modalContent .btnArea+*{margin-top:20px}

.bx-wrapper{position:relative}
.bx-wrapper .bx-viewport img{width:100%}
.bx-wrapper .bx-controls div{display:inline-block}
.bx-wrapper .bx-controls{position:absolute;bottom:30px;left:0;right:0;text-align:center}
.bx-wrapper .bx-pager-item a{display:inline-block;margin:0 5px;width:15px;height:15px;background:0 0;border:1px #111 solid;text-indent:-9999em;border-radius:50%}
.bx-wrapper .bx-pager-item a.active{background:#111}
.bx-wrapper .bx-controls-auto-item a,.bx-wrapper .bx-controls-direction a{display:inline-block}
 #overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:9}




.alignLeft{text-align:left!important}
.alignRight{text-align:right!important}
.alignCenter{text-align:center}
.fl-l{float:left!important}
.fl-r{float:right!important}
#overlay{z-index:30}
.mobileShow{display:none}img{max-width:100%}
 

#skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999}
#skipLink a:active,#skipLink a:focus,#skipLink a:hover{left:0;top:0}
#skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0}




#main_header.header { position:fixed; width:100%; z-index:31; border-bottom:1px solid rgba(255,255,255,0.4); }
.header { position:fixed; width:100%; z-index:3; border-bottom:1px solid #555; }
.header .wrapper { padding:10px 0 0px 0;  }
.header .wrapper:after { display:block; clear:both; overflow:hidden; content:''; }
.wrapper {width: 100%;margin: 0 auto;}
.header h1 { float:left; padding-left:20px; padding-top:15px;}
.header h1 img { width:100%;width:200px;}
.sitemap_wrap  { position:relative;  width:100%; margin:0 auto;z-index:97; }

.header .topRight{position:absolute;top:-63px;right:0}


.header #nav {  margin:35px 0px 0 auto; width:1200px; }
.header #nav:after { display:block; clear:both; overflow:hidden; content:''; }
.header #nav ul#lnb>li{ position:relative; z-index:21 !important; float:left; text-align:center; width:190px; letter-spacing:-1px; padding-bottom:36px; box-sizing:border-box; }
.header #nav ul#lnb>li:last-child {background:none;}
.header #nav ul#lnb>li>a{ padding:50px 20px; font-size:19px; font-weight:400; color:#fff; box-sizing:border-box;  }
.header #nav ul#lnb>li>a:hover{ color:#fff; text-decoration:none;   }
.header #nav ul#lnb>li.on>a { color:#fff;text-decoration:none; transition: all 0.2s ease 0s;}
.header #nav ul#lnb>li>ul.submenu:hover .wrapper { padding-bottom:0px; }
.header #nav ul#lnb>li>div.submenu{transition: all 0.2s ease 0s;position:absolute; left:0px; z-index:31!important; top:45px;  height:260px;  width:179px;display:none; margin-top:20px; margin-bottom:-20px; margin-left:-1px; padding:10px 0px 0 10px; text-align:left; border-left:1px solid #017CF8; }
.header #nav ul#lnb>li>div.submenu:last-child {border-right:1px solid #017CF8;}
.header #nav ul#lnb>li>div.submenu:hover{  }
.header #nav ul#lnb>li>div.submenu>ul>li>a{ color:#333; background: url('/images/common/gnb_dot.gif') no-repeat left 15px; border-bottom:none; padding:5px 0 5px 10px; display:block; font-size:15px;color:#fff;}
.header #nav ul#lnb>li>div.submenu>ul>li>a:hover{color:#CCEDFD;font-weight:400; }
.header #nav div.submenu_bg { position:absolute; z-index:20 !important; display:none; top:109px; left:0; width:100%; height:270px; background:#015FBC;    opacity:0.9; border-top:1px solid #555; }



.header .topLink{position:absolute;top:0px;right:0; width:215px;}
.header .topLink li{float:left;display:block}
.header .topLink li a{display:block;position:relative;padding:0 15px;font-size:14px;color:#fff}
.header .topLink li a:hover{text-decoration:underline}
.header .topLink li a:after{display:blowck;content:'';position:absolute;right:0;top:50%;margin-top:-4px;height:8px;border-right:1px solid #d4d4d4}
.header .topLink li:last-child a:after{display:none}


.header .topRight a{display:inline-block;vertical-align:middle;margin:0 15px}
.header .topRight .btnLang{width:50px;height:28px;border:1px solid #fff;line-height:28px;text-align:center;font-size:15px;color:#fff}
.header .topRight .btnLang:hover{opacity:.75;transition-duration:.3s}
.header .topRight .allNavOpen{width:25px;height:23px;background:url(/images/common/icon_common_all.png) no-repeat 0 -450px;text-indent:-9999em}
.header .topRight .allNavOpen:hover{opacity:.75;transition-duration:.3s}

.header.scroll{height:109px;background:#fff; border-bottom:0!important; box-shadow:2px 3px 5px 2px rgba(0,0,0,.2); z-index:2; position:fixed;}
.header.scroll h1{ background:url(/images/common/logo2.png) no-repeat 20px 15px;width:200px;background-size:200px; }
.header.scroll h1 img {opacity:0;}

.header.scroll .gnb{padding-top:0px}
.header.scroll .gnb>li>a{color:#000!important;}
.header.scroll .topRight{top:-63px}
.header.scroll .topRight .btnLang{border:1px solid #777;color:#777}
.header.scroll .topRight .topSearch{background-position:-98px -450px}
.header.scroll .topRight .allNavOpen{background-position:-25px -450px}
.header.scroll .btnPopZone,.header.scroll .topLink{display:none}
.header.active{background:#fff}
.header.active h1{background:url(/images/common/logo2.png)  no-repeat 20px 15px; width:200px; background-size:200px; }
.header.active h1 img  {opacity:0;}

.header.active .gnb>li>a{position:relative;color:#000!important;}
.header.active .gnb>li>a:after{display:block;content:'';position:absolute;top:50px;left:50%;margin-left:-3px;width:6px;height:6px;border-radius:3px;background:#CA0119;opacity:0;transition-duration:.3s}
.header.active .gnb>li>a:hover {color:#CA0119;}
.header.active .gnb>li.active>a:after{top:35px;opacity:1}
.header.active .topLink li a{color:#5e5e5e}
.header.active .topLink li a:after{border-right:1px solid #ccc}
.header.active .topRight .btnLang{border:1px solid #464646;color:#464646}
.header.active .topRight .topSearch{background-position:-121px -450px}
.header.active .topRight .allNavOpen{background-position:-50px -450px}
.header.scroll.active .gnb>li .subMenu{top:100px}

#allNav{display:none;position:absolute;top:45px;left:50%;margin-left:-750px;padding:45px 40px;width:1500px;background:#fff;box-sizing:border-box;   }
#allNav.active{display:block}
#allNav>ul{border-bottom:1px solid #ececec}
#allNav>ul:after{display:block;content:'';clear:both}
#allNav>ul>li{float:left;width:16.66%;box-sizing:border-box}

#allNav>ul>li>a{display:block;background:#2C7CCC;border-right:1px solid #58a5bb;color:#fff;font-size:19px;text-align:center;line-height:50px;font-weight:700}
#allNav .depth2{padding:15px;height:530px;border-right:1px solid #ececec}
#allNav>ul>li:first-child .depth2{border-left:1px solid #ececec}
#allNav .depth2>li{margin-bottom:15px}
#allNav .depth2>li>a{letter-spacing:-2px;display:block;margin-bottom:8px;line-height:140%;font-size:16px;color:#181818;font-weight:0;letter-spacing:-.5px}
#allNav .depth2>li.noArrow a:hover{ color:#ff6600; }
#allNav .depth2>li.noArrow a{background:0 0}
#allNav .depth3>li{position:relative;padding:2px 10px}
#allNav .depth3>li:after{display:block;content:'';position:absolute;left:0;top:11px;width:3px;height:1px;background:#666}
#allNav .depth3>li>a{display:block;color:#666;line-height:140%;letter-spacing:-.5px}
#allNav .allNavClose{display:block;position:absolute;right:-55px;top:0;width:50px;height:50px;background:#fff;line-height:46px;text-align:center}
#allNav .allNavClose span{display:inline-block;vertical-align:middle;width:20px;height:23px;background:url(/images/common/icon_common_all.png) no-repeat -164px -450px;text-indent:-9999em}




@media all and (min-width:961px) and (max-width:1840px){.btnPopZone{right:0;left:inherit;margin-left:0}
.inner{width:auto}
.sitemap_wrap {width:100%;}
#allNav{left:5px;right:60px;margin:0;width:auto}
.header h1{left:10px}
.header .topLink,.header .topRight{right:10px}
.header.scroll .topRight{right:10px}
.header .btnPopZone{top:-10px;right:65px}

.header .gnb>li .subMenu .detp202 {margin-left:0;}
.header .gnb>li .subMenu .detp203 {margin-left:0;}
.header .gnb>li .subMenu .detp204 {margin-left:0;}
.header .gnb>li .subMenu .detp205 {margin-left:0;}
.header .gnb>li .subMenu .detp206 {margin-left:0;}



}



@media all and (max-width:1550px){
.header .topLink,.header .topRight{right:10px}
.header .topRight a{margin:0 10px}
.sitemap_wrap {width:100%;}

.header h1 {width: 180px; background-size:180px; margin-top:5px;}
.header.active h1{width: 180px; background-size:180px;}
.header.scroll h1{width: 180px; background-size:180px;}
.header.scroll {height: 100px;}

.wrapper {width:100%;}
.header #nav {width: 1000px;margin:30px 50px 0 auto}
.header #nav ul#lnb > li > div.submenu > ul > li > a {font-size: 14px;}
.header #nav ul#lnb > li > a { padding: 50px 0px; font-size:16px; letter-spacing:-1px;}
.header #nav ul#lnb>li { width: 141px;}

.header #nav ul#lnb > li > div.submenu {width: 130px;}

.header #nav div.submenu_bg {background-position: 40% 0;top: 100px;}

.header #nav ul#lnb>li>div.submenu>ul>li>a { padding: 5px 0 5px 0px;}

}



@media all and (max-width:1200px){

.header #nav ul#lnb>li:nth-child(4) {width: 180px;}
.header #nav ul#lnb>li { width: 121px;}

.header #nav ul#lnb > li > div.submenu {width: 110px;}

 

}



 
@media all and (max-width:1060px){#wrap{min-width:inherit}
#allNav{left:5px;right:60px;margin:0;width:auto}
.sitemap_wrap {width:100%;position:fixed;}


.mobileShow{display:block}
.inner{padding:0 5%;width:auto}
.header .gnb,.header .topLink,.header .topRight .btnLang, #lnb{display:none}
.header h1{top:0px;left:10px;height:60px; padding:5px 0 0 15px;background-size:auto 100%!important}
.header h1 img {width:150px; padding:0px 0 0 0px;}

.header.scroll h1{top:10px;left:10px;height:60px;background-size:150px!important; background-position: 20px 10px;} 
 
.header .topRight{top:20px;right:30px;width:25px}
.header.scroll .topRight{top:25px}
.header.scroll{height:85px;}

.header .topRight a{margin:0 10px}
.header .topRight .allNavOpen{margin-right:0; margin-top:-144px;}

#allNav{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0px;margin:0;padding:0;width:auto;background:#f0f0f0;overflow-y:scroll}
#allNav .mobileShow{position:relative;height:120px;background:#478CE5;}
#allNav .mobileShow .title{display:block;padding-left:28px;height:75px;border-bottom:1px solid #75A8EC;color:#fff;font-size:26px;line-height:75px}
#allNav .mobileShow ul{padding-top:13px;padding-left:28px}
#allNav .mobileShow ul:after{display:block;content:'';clear:both}
#allNav .mobileShow ul li{display:block;position:relative;float:left;padding-right:20px}
#allNav .mobileShow ul li:after{display:block;content:'';position:absolute;right:10px;top:50%;margin-top:-4px;height:8px;border-right:1px solid #fff}
#allNav .mobileShow ul li:last-child:after{display:none}
#allNav .mobileShow ul li a{display:block;color:#fff;font-size:16px}
#allNav .mobileShow .btnLang{display:block;position:absolute;top:23px;left:140px;width:50px;height:28px;border:1px solid #fff;line-height:28px;text-align:center;color:#fff}
#allNav>ul>li{float:none;width:auto}
#allNav>ul>li>a{padding:0 5px;width:40%;height:auto;border-right:0 none;border-bottom:1px solid #dfdfdf;background:#f0f0f0;line-height:1.5em;color:#464646;font-size:19px;text-align:center;font-weight:400;box-sizing:border-box; padding:20px 0px;}
#allNav>ul>li.active>a{background:#fff;color:#478CE5;;font-weight:700}
#allNav .depth2{display:none;position:absolute;top:120px;left:40%;right:0;bottom:0;padding:12px 30px 30px 20px;background:#fff;border:0 none}
#allNav>ul>li.active .depth2{display:block}
#allNav>ul>li .depth2,#allNav>ul>li:first-child .depth2{border:0 none}
#allNav .depth2>li{margin:0}
#allNav .depth2>li>a{margin:0;padding:0 30px 0 10px;height:60px;background:url(/images/common/icon_allNav_ar_mob.gif) no-repeat 95% center;border-bottom:1px solid #dcdcdc;line-height:60px;font-size:20px}
#allNav .depth2>li.active>a{background:url(/images/common/icon_allNav_ar_active_mob.gif) no-repeat 95% center;border-bottom:2px solid #757575}
#allNav .depth3{padding:8px 0;border-bottom:1px solid #dcdcdc}
#allNav .depth2>li.active .depth3{display:block}
#allNav .depth3>li:after{display:none}
#allNav .depth3>li{padding:5px 8px}
#allNav .depth3>li>a{font-size:16px;color:#666}
#allNav .allNavClose{right:25px;top:28px;width:20px;height:20px;background:0 0;line-height:inherit}
#allNav .allNavClose span{width:20px;height:20px;background:url(/images/common/icon_header_all_mob.png) no-repeat}


.modalWrap .modalTitle .btn_modalClose{top:-60px;right:0!important}
.modalWrap.wide{width:auto;margin-left:0;top:0;left:0}
.modalWrap.wide .modalTitle .btn_modalClose{top:-46px;right:0!important;background-color:#484c51}
}


@media all and (max-width:639px){#allNav .mobileShow .title{padding-left:20px}
.sitemap_wrap {width:100%;}

#allNav .mobileShow ul{padding-left:20px}
#allNav .mobileShow ul li a{font-size:13px;letter-spacing:-1px}
#allNav>ul>li>a{font-size:13px;letter-spacing:-.5px}
#allNav .depth2{padding:10px 15px}
#allNav .depth2>li>a{height:50px;line-height:50px;font-size:15px}
#allNav .depth3>li{padding:2px 8px}
#allNav .depth3>li>a{font-size:14px}
.relationLink{position:static;margin:0 auto;width:auto}

 

@media all and (min-width:640px) and (max-width:960px){.footSns{margin-left:-15px;text-align:left}
.sitemap_wrap {width:100%;}
}



@media only screen and (max-width:768px){#allNav .depth2{height:800px}
.sitemap_wrap {width:100%;}
}

#allNav .depth2{height:550px;}


/* Mobile Device �ּ� ~ �ִ� 589 */
@media (max-width:589px) {
#allNav>ul>li:nth-child(2){width:100%;}
.sitemap_wrap {width:100%;}


.header h1 img {
width: 150px;
}


.header .wrapper { padding:0px 0 0px 0;  }
.header #nav {margin: 0px 50px 0 auto;}
.header.scroll {height: 65px;}
.header h1 {top: 0px;left: 10px;height: 55px;padding: 10px 0 0 20px;}

.header .topRight .allNavOpen {margin-top: -140px;}




}



@media (max-width:400px) {

.menu_enter {display:block;}
#allNav>ul>li>a {letter-spacing: -1px;}
#allNav .depth2>li>a {
     padding: 0 5px 0 10px;
     font-size: 14px;
}

}