@import url('common.css');
@import url('basic.css'); /* Àºµ¹ÀÌ Ãß°¡ÇÑ°Å */

.scrollOff{overrflow:hidden}
body.hideScroll{position:fixed;width:100%;height:100%;overflow:hidden;}
/* #header´Â height:81px -> 260px, #header .temp´Â height:66px -> 247px */
#header {height:87px;background:transparent url('/img_new/common/bg_headerLine.png') repeat-x 0 100%;border-top:4px solid #5f6fba;position:absolute;left:0;top:0;width:100%;z-index:2}
#header .temp {height:68px;background:#fff;}
.headerWrap {z-index:100;border-bottom:1px solid #aaa;height:67px;}
.headerWrap .inner {position:relative;margin:0 auto;width:1055px;}
#container {width:100%;padding-top:72px;}
.containerWrap {position:relative;width:1055px;margin:20px auto 0;padding:0px 0 0;}
 /* ÁÖ¸Þ´ºº¸±â */
#mGnb {display:none;position:absolute;right:-57px;top:10px;opacity:0.6;}
#mGnb:hover, #mGnb:focus, #mGnb:active{opacity:1;}
#menu {position:absolute;left:0;top:0px;width:200px;height:100%;background:#fff;}
#content {margin:0 11px 0 230px;width:auto;min-height:700px;padding-bottom:100px;}
#floatLink .showQuick {display:none;}
#toTop { 
	display:none; position:fixed; right:10px; bottom:10px; width:40px; height:40px; font-size:0; text-indent:-1000px; text-align:center; color:#fff; 
	background:url('/img_new/common/toTop.png') center center no-repeat #777; opacity:0.8; border-radius:20px;  }
#toTop:hover, #toTop:focus, #toTop.hover { background-color:#CD8F47; }
.sitemapOff {
	position: absolute;top: 15px;right: 30px;width: 23px;height: 23px;overflow: hidden;text-indent: -1000px;
	background: url('/img_new/common/btnLayerClose.gif') 0 0 no-repeat;
}

/* header */
.headerWrap h1 {position:absolute;left:15px;top:10px;}
#gnb {position:absolute;left:210px;top:13px;}
#gnb:after {display:block;content:"";clear:both;}
#gnb > li {
	position:relative;text-align:center;width:140px; float:left;padding-top:0;
	background:url('/img_new/common/bg_gnbline.gif') no-repeat 0 13px;font-size:16px;font-weight:bold; 
}
#gnb > li.first {margin:0;background:none;}
#gnb > li > h2 > a {color:#010101;font-family:'Malgun Gothic';font-size:17px; font-weight:bold}
#gnb > li > h2 > a:hover,#gnb > li > h2 > a:focus,#gnb > li > h2 > a:active,#gnb > li > h2 > a.on {color:#4960cc;}
#gnb > li > h2.on a,#gnb > li > h2 a:hover, #gnb > li > h2 a:focus,#gnb > li > h2 a:active {color:#4960cc;} /* mouseover */
#gnb > li > div {display:none;width:100%;height:150px;padding:8px 0 13px;.padding:8px 0;position:absolute;.position:static;margin-top:23px;border-left:1px solid #d2d2d3;}
#gnb > li:first-child > div{border-left:none;}
#gnb > li > div > ul > li {float:none;width:140px;padding:0;background:none;font-size:13px;font-weight:normal;text-align:center;}
#gnb > li > div > ul > li.first {margin-top:0;}
#gnb > li > div > ul > li > a {display:block;color:#333;letter-spacing:-1px;padding:7px 0;.padding:6px 0 4px;.line-height:1;}
#gnb > li > div > ul > li > a:hover,#gnb > li > .ulWrap > ul > li > a:focus,#gnb > li > .ulWrap > ul > li > a:active {color:#fff;background:#5f6fba;}
#gnb > li.over > div{background-color:#fafafa;}
#gnb > li > div > ul > li > ul{display:none;padding:15px 0 15px 20px;border-bottom:1px solid #d9d9d9;background: #fff;box-shadow: 1px 5px 7px #f2f2f2 inset;}
#gnb > li > div > ul > li > ul li{margin-top:5px;}
#gnb > li > div > ul > li > ul li:first-child{margin-top:0px;}
#gnb > li > div > ul > li > ul li a {
	display:block;color:#666;font-weight:bold;padding:0px 0 0px 10px;font-size:13px;
	background:url('/img_new/common/bgSideNaviSub.gif') no-repeat 0 50%;
}
#gnb > li > div > ul > li > ul li a:hover, #gnb > li > div > ul > li > ul li a:focus, #gnb > li > div > ul > li > ul li 

a:active{color:#e60000;background:url(/img_new/common/bgSideNaviSub_on.gif) no-repeat 0 50%;}
#gnb a {  -webkit-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
#gnbClose {display:none;position:absolute;top:200px;right:0;}

/* ¿À¸¥ÂÊ »çÀ̵å¸Þ´º */
.headerWrap .side {position:absolute;top:20px;right:0;overflow:hidden;background-color:#ededec;border-radius: 6px; padding:4px 6px}
.headerWrap .side li {float:left;margin:0 0 0;padding:0 8px;background:url('/img_new/common/bg_utilLine.gif') no-repeat 0 4px ;  font-size:12px;}
.headerWrap .side li a {color:#333;}
.headerWrap .side li.first {margin:0;background:none;}


/* ÁÂÃø¸Þ´º  */
#menu h1, #menu h2 {width:200px;height:100px;padding-top:62px;text-align:center;color:#a2f5ff;font-size:25px;background:#036 ;}
#menu h1 span, #menu h2 span {display:block;margin:2px 0 0;font-size:15px;color:#fff; padding:0 10px}
#menu .lnb{border-bottom:1px solid #d9d9d9;}
#menu .lnb>li{border-top:1px solid #d9d9d9;}
#menu .lnb>li:first-child{border-top:none;}
#menu .lnb>li>a {display:block;padding:10px 10px 10px 30px;font-size:14px;font-weight:bold;letter-spacing:-1px;}
#menu .lnb>li.on>a, #menu .lnb>li>a:hover, #menu .lnb>li>a:focus, #menu .lnb>li>a:active {
	background:#f3f3f3 url('/img_new/common/ico_arr.png') no-repeat 7% 52%;color:#375ce8;font-weight:bold;
}

#menu .subLnb {display:none;padding:15px 0 15px 20px;border-top:1px solid #d9d9d9;box-shadow: 1px 5px 7px #f2f2f2 inset;}
#menu .subLnb li{margin-top:5px}
#menu .subLnb li:first-child{margin-top:0px}
#menu .subLnb li a {display:block;color:#666;font-weight:bold;padding:0px 0 0px 10px;font-size:13px;background:url('/img_new/common/bgSideNaviSub.gif') no-repeat 0 50%;}
#menu .subLnb li a:hover, #menu .subLnb li a:focus, #menu .subLnb li a:active, #menu .subLnb li.on a {
	color:#e60000;background: url('/img_new/common/bgSideNaviSub_on.gif') no-repeat 0 50%;
}
#mLnb{display: none;position: absolute;right: -57px;top: 8px;opacity:0.6; }
#mLnb:hover,#mLnb:focus,#mLnb:active{opacity:1; }

/* ǪÅÍ */
#footerWrap{width:100%; padding:23px 0;border-top:1px solid #4a6fa6;background:#fff;font-size:1.05em; clear:both}
#footer{position:relative; width:794px; margin:0 auto; padding-left:156px; font-size:13px; color:#707070; }
#footer h1 { position:absolute; left:0; top:15px;}
#footer div.info { margin:10px 0; line-height:160%; color:#707070; font-size:0.96em; }
#footer div.info strong { font-family:"Malgun Gothic";}
#footer address { display:inline-block; font-style:normal; font-size:0.96em; }
#footLink li { padding-left:10px; } /* #footer address, */ 
#footer span.bg { padding:2px 10px; margin:6px 6px 0 0; font-size:14px; background:#7390ba; display:inline-block; color:#FFF   } /*ÀüÈ­¹øÈ£*/
#footer div span.br { background:none; padding:0;}
#footLink li { float:left; font-size:0.97em; }
#footLink li:first-child { background:none; padding:0;  }
#footLink li a { color:#333; font-family:'Malgun Gothic';  }
.scrollOff { overflow:hidden; }
.copyright {overflow:hidden}
.copyright .name {float:left; font-size:13px}
.copyright #footLink {position:relative;float:left;margin-left:20px;}

.main #container {width:100%;}
.main .containerWrap {overflow:hidden;position:relative;width:100%;margin:0 auto;padding:0;}
.main .containerWrap .mainBg {width:100%;position:absolute;left:0;top:0;}
.main #content,.full#content {position:relative;width:1065px;margin:0 auto;padding-bottom:0;}

/*À̸ÞÀÏÁÖ¼Ò¹«´Ü¼öÁý°ÅºÎ*/
.layerpop {
	display:none;position:fixed;top:50%;left:50%;z-index:3000;width:470px;height:250px;overflow:hidden;margin:-290px 0 0 -235px;
	border:5px solid #4a4a4a;background:#fff;
}
#popup1, #popup2, { margin:-95px 0 0 -210px; width:420px; height:190px; }
.layerpop .title { padding:17px 0 14px 0; margin:0 20px;font-size: 24px;font-family: 'Malgun Gothic';color: #010101;border-bottom: 1px solid #c2c2c2;}
.layerpop .con { padding:20px; line-height:25px;font-size: 13px;}
.popClose {
	position: absolute;top: 15px;right: 20px;width: 35px;height: 35px;overflow: hidden;text-indent: -1000px;
	background: url('/img_new/common/btnLayerClose.gif') 0 0 no-repeat;
}

/* ÁÂÃø¹è³Ê */
div.left_ban{padding-top:15px; background-color:#FFF; display:block}

/* ¸ÞÀÎ */
div.main_service1 {float:left; width:66%; border:1px solid #d3dae8; height:330px}
div.main_service2 {float:left; width:33%; border:1px solid #d3dae8; height:330px}
p.main_titlebar {color:#063086; font-size:16px; font-weight:bold; padding:8px; background:#d3dae8 url('/img_new/icon_more.png') top right no-repeat ; }


/* responsive web design area */
@media screen and (max-width : 1150px) {
 #floatLink { right:-72px; overflow:visible; }
 #floatLink button.showQuick { display:block; }

}

@media screen and (max-width : 1080px) {
 #footerWrap { width:96%; padding:10px 2% 20px 2%;   }
 #footer { width:98%; padding:0 1%;  }
 #footer h1 { display:none; }
}

@media screen and (max-width:1024px) {
 .headerWrap h1{left: 45px;}
 .iframe {width:100%;} /* iframe¿µ¿ª */
 /* layout */
 .mainVisual2 {top:0;}
 .headerWrap {width:100%;height:68px;}
 .headerWrap .inner {width:95%;margin:0 auto;}
 #container {width:100%;}
 .containerWrap {width:100%;margin:0 auto;padding-top:0;}
 #content {width:95%;margin:0 auto;padding-top:10px;}

 #mLnb{display:block}
 #menu {position: fixed;top: 0;left: -150px;width: 145px;margin-left: 0;height: 100%;border-right: 1px solid #d9d9d9;background: #036;z-index: 5;}
 #menu h1 {
	 position:relative;width:100%;height:45px;line-height:45px;padding:0; text-align:center;cursor:pointer;font-size:22px;
	 background:#1c4476 url('/img_new/common/arrow_down.png') no-repeat 93% 50%;overflow:hidden; text-indent:-20px;border-top: 4px solid #e60013;
 }
  #menu h2 {
	 position:relative;width:100%;height:45px;line-height:45px;padding:0; text-align:center;cursor:pointer;font-size:22px;
	overflow:hidden; text-indent:-20px;;
 }
 #menu h1.on{background:#1c4476 url('/img_new/common/arrow_up.png') no-repeat 93% 50%;}
 #menu h1 span{display:inline-block;margin:0 10px; font-size:13px}
 #menu h2 span {display:inline-block;margin:0;font-size:13px ; text-align:center}
 #menu nav{position:relative;border-bottom: 1px solid #4b4a50;}
 #menu .lnb>li>a {padding:10px 15px 10px 21px;font-size:16px;background-color:#fff}
 #menu .lnb>li.on>a,#menu .lnb>li>a:hover,#menu .lnb>li>a:focus,#menu .lnb>li>a:active {background-position:93% 50%;background-color:#fff}
 #menu .subLnb{background: #fff}

 .main #container {width:100%;background:#fff;}
 .main .containerWrap {position:relative;width:100%;margin:0 auto;padding:0;}
 .main .containerWrap .mainBg {width:100%;height:auto;position:absolute;left:0;top:0;}
 .list_mbanner {margin-top:10px;}
 .list_mbanner > li {width:50%;}
 .list_mbanner > li.end {width:100%;}
 .list_mbanner > li.end .mbannerIn {border-left: 1px solid #bbbbbb;}
 .mbannerInner .stat{float:left;width: 50%;box-sizing: border-box;}
 .w1 {width:100%;}
 .w2 {width:100%;}
 .mbannerInner.w3 {width:100%;height:auto;overflow:hidden}
 .mbannerInner .recruit{padding-bottom:0;}
 .mbannerInner .recruit a{margin-right:30px;}
 .mbannerInner .myapply{border-top:0 none;padding-top:0;border-left: 1px solid #bbbbbb;}
 .mbannerInner .myapply a{margin-left:30px;}
 .main #content {width:95%;margin:0 auto;}


 /* sub */
 .injStep {width:100%;margin:30px auto 0;}
 .rbox {width:30%;margin:10px auto 0;padding-right:2.5%}
 .rboxIn{padding-left:10%}
 .group_injStep .mr{margin-right:0;}
 /* .txt_brief .introImg {width:50%;}
 .txt_brief .innerBrief {padding:3% 4% 7% 54%;} */
 .bg_login {padding-left:40%;}
 .slogan > img {width:100%;}

 .bg_member {padding: 50px 0 0 150px;width: 272px;margin: 0 auto;background: url('/img_new/ico_member.gif') no-repeat 0px 65px;}
 .bg_member br{display:none}

/* Àºµ¹ÀÌ Ãß°¡ */
div.left_ban { display:none}  /*ÁÂÃø¹è³Ê °¨Ãã*/
p.main_img1 .size{width:100%}

}

@media screen and (max-width:960px){
/* ÁÖ¸Þ´ºº¸±â */
#mGnb {display:block; width:56px;}
#mGnb:hover, #mGnb:focus, #mGnb:active{right:-57px;top:10px;opacity:1; }

/* header */
#header{height:68px;}
.headerWrap h1 {position:static;text-align:center;padding-top:20px;}
.gnb_wrap {position:fixed;left:-150px;top:0;z-index:10;width:149px;height:100%;border-right: 1px solid #414064;}
.gnb_wrap .gnbIn {position:relative;height:100%;}
.gnb_wrap nav {position:relative;width:auto;height:100%;background:#171641;overflow: auto}

#gnb {position:static;border-top: 4px solid #5e5caf;}
#gnb > li {position:static;margin:0;padding:0;background:none;text-align:left;float:none;width:auto;border-bottom:1px solid #4b4a50;}
#gnb > li > h2 > a {
	display:block;color:#fff;font-size:16px;background:#171641 url('/img_new/common/bg_gnb_close.gif') no-repeat 93% 50%;
	height:46px;line-height:46px;padding-left:10px;
}
#gnb > li > h2 > a:hover, #gnb > li > h2 > a:focus,#gnb > li > h2 > a:active {color:#a3b2fb;}
#gnb > li > div {width:auto;border:none;position:static;margin:0;padding:0;border:none;height:auto;}
#gnb > li > div > ul > li {text-align:left;margin:0;width:auto;}
#gnb > li > div > ul > li > a {display:block;height:39px;font-size:14px;padding:0 0 0 15px;line-height:39px;color:#333;background:#fff;border-bottom:1px solid #d9d9d9;}
#gnb > li > .ulWrap > ul > li.inSub > a {background:#fff;color:#333;}
#gnb > li > div > ul > li > a:hover,
#gnb > li > div > ul > li > a:focus,
#gnb > li > div > ul > li > a:active{background:#fff url('/img_new/common/bg_gnb_arr.gif') no-repeat 93% 50%;color:#333;}
#gnb a {-webkit-transition: none;transition: none; }
/*·Î±×Àοµ¿ª*/
.headerWrap .side {position:static;z-index:2;margin:10px 15px;}
.headerWrap .side li {float:none;margin:0 0 1px 0;padding:0;background:none;text-align:left;}
.headerWrap .side li.first{margin:0 0 1px 0;}
.headerWrap .side li a {display: block;padding:8px 0;text-align: center;font-size: 14px;color: #222;background: #FFF;}

 /* lnb */
 #mLnb{display:none}
 #menu {position:static;width:auto;}
 #menu h1{text-indent:0;border-top:0 none}
 #menu nav{display:none;}

/* Àºµ¹ÀÌ Ãß°¡ */
div.left_ban { display:none} /*ÁÂÃø¹è³Ê °¨Ãã*/
}


@media screen and (max-width:870px){
 #content{position:relative;margin:10px auto;}
 .location{text-align:left}

 .sub_topimg, .sub_topimg2, .sub_topimg3, .sub_topimg4, .sub_topimg5, .sub_topimg6 { height:auto; background:none; margin:0  }
 .sub_topimg strong, .sub_topimg span { display:none !important; }
 .sub_topimg img, .sub_topimg2 img, .sub_topimg3 img, .sub_topimg4 img, .sub_topimg5 img, .sub_topimg6 img { display:block; width:100%; height:auto; }

/* Àºµ¹ÀÌ Ãß°¡ */
div.left_ban { display:none} /*ÁÂÃø¹è³Ê °¨Ãã*/

}

@media screen and (max-width:768px) {
 /* layout */
 .containerWrap {padding:0;}
 /* #header {height:auto;} */
 .headerWrap {border:none;}
 .headerWrap .gnb li li a {height:28px;line-height:28px;font-size:12px;padding-left:18px;}
 .headerWrap .gnb li li a:hover,
 .headerWrap .gnb li li.on a {background:none;color:#fff;}


/* Àºµ¹ÀÌ Ãß°¡ */

.conts1 img, .conts2 img {width:100%}
div.left_ban { display:none} /*ÁÂÃø¹è³Ê °¨Ãã*/

}


@media screen and (max-width : 750px) {
 #footerWrap { /* overflow:visible;  */}
 #footer {}
 #footer address, #footer span { padding:0; margin:0; background:none;  }
 .copyright{overflow: inherit;}
  #footLink ul li a:hover,
 #footLink ul li a:focus,
 #footLink ul li a:active { background:#dddddd; color:#000;}
 #footer div.info { clear:both;padding:5px 0; font-size:0.9em; }
 #footer div.info strong { display:block; margin:0 0 5px 0; font-size:1.3em; color:#333; }
 #footer p { font-size:0.8em; }


/* Àºµ¹ÀÌ Ãß°¡ */
div.left_ban { display:none} /*ÁÂÃø¹è³Ê °¨Ãã*/

}

@media screen and (max-width :700px) {
 .scroll-track-y{display:none;}

/* Àºµ¹ÀÌ Ãß°¡ */
div.left_ban { display:none} /*ÁÂÃø¹è³Ê °¨Ãã*/
}

@media screen and (max-width:640px) {
 #popWrap{margin:0;top:0;left:0;width:100%;height:100%;padding:0px 5%;box-sizing:border-box;}
 #popHead{padding-top:20px;}
.copyright #footLink {position:relative;float:left;margin:6px 0 6px 0;}
 #menu h1 span {display:none;margin:0 10px;font-size:13px; }

/* Àºµ¹ÀÌ Ãß°¡ */
div.left_ban { display:none} /*ÁÂÃø¹è³Ê °¨Ãã*/
/* ¸ÞÀÎ */
div.main_service1 {width:100%;  margin-bottom:10px}
div.main_service2 {width:100%; height:280px }

}

@media screen and (max-width:610px) {
/* Àºµ¹ÀÌ Ãß°¡ */
.conts30_info {width:98%; }
div.left_ban { display:none} /*ÁÂÃø¹è³Ê °¨Ãã*/
}
@media screen and (max-width:480px) {
#floatLink { /*overflow:auto;*/ }
.copyright #footLink {position:relative;float:left;margin:6px 0 6px 0;}
/* Àºµ¹ÀÌ Ãß°¡ */
.conts1, .conts2 {width:100%; padding-bottom:18px}
.conts1 img, .conts2 img {width:100%}
.conts30 { float:left; width:47%; margin:0 2px 15px 2px}
.conts25 { float:left; width:47%; margin:0 2px 15px 2px}
.conts30_info {width:98%}
div.left_ban { display:none} /*ÁÂÃø¹è³Ê °¨Ãã*/
/* ¸ÞÀÎ */
div.main_service1 { height:360px}
p.main_img1 {background:url('/img_new/main_service1small.jpg') bottom right  no-repeat; height:187px }
p.main_img1 .size{ display:none}
}


@media print{
 #header{display:none;}
 #menu{display:none;}
 #container{padding-top:0;}
 #content{margin:0}
 #footerWrap{display:none;}
div.left_ban { display:none} /*ÁÂÃø¹è³Ê °¨Ãã*/
}