@charset "utf-8";

#wrap {position:relative;width:100%;min-width:1200px; margin:0 auto}
#container {position:relative;width:1200px;margin:25px auto;background:#fff;border:1px solid #999;
border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;
box-shadow:0px 3px 5px 0px rgba(200, 200, 200, 0.7);-moz-box-shadow: 0px 3px 5px 0px rgba(200, 200, 200,  0.7);-webkit-box-shadow: 0px 3px 5px 0px rgba(200, 200, 200,  0.7);
behavior: url( "./common/PIE.htc")}
#container:after {content:'';display:block;clear:both}

/* header */
#header {position:relative;width:100%; border-bottom: 1px solid #ccc;} 
#header .inner {position: relative; width: 1200px; margin: 0 auto}
#header .logo {position:absolute; top:2px; left: -75px; z-index:20}

.top_util {position:absolute;right: -52px;top: -9px;z-index:1;}
.top_util ul li {float:left;margin-left:-1px; background-color: #fff; border: 1px solid #BBB}
.top_util ul li a {position: relative; overflow: visible; display: inline-block; padding: 0 0.6em;color: #333;font-size: 0.82em;line-height:19px}
.top_util ul li a:hover {text-decoration:none}
.top_util ul li.home {padding-left:5px;border-radius:5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;/* FF1+ */
-webkit-border-radius:5px 0 0 5px; /* Saf3-4 */
behavior: url( "./common/PIE.htc")}
.top_util ul li.last {padding-right:5px;border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;/* FF1+ */
-webkit-border-radius: 0 5px 5px 0; /* Saf3-4 */
behavior: url( "./common/PIE.htc")}

/* gnb */
.gnb {position: absolute; top: 33px; left: 0; width:970px; padding-left: 250px; z-index:10}
.gnb:after {display:block; visibility:hidden; clear:both; height:0; content:''}
.gnb li {float:left}
.gnb li a span {display:block;padding: 0 20px; font-weight:700; font-size:1.2em; line-height:35px; color: #303235; margin-right:50px}
.gnb li a:hover {text-decoration:none}
.gnb li a:hover span, .gnb li a:focus span, #gnb li.on a span {color:#8c6b40}
.gnb li:hover .lnb , .gnb li.on .lnb {visibility:visible}
.lnb {visibility:hidden; overflow: hidden; position: absolute; left:0; top: 33px;z-index:100}
.lnb li {float: left}
.lnb li a {display: block; position: relative;padding:12px 10px 10px 10px;font-weight: 600; font-size: 1em; font-weight: 600; color: #fff}
.lnb li a:hover, .lnb li a:focus {color: #ff0}

/* footerr */
#footer {clear:both;overflow:hidden;width:100%; padding:10px 0} 
#footer .inner {position:relative;width:1200px;margin:0 auto;font-size:0.85em;}
#footer .flogo {float:left;width:194px;text-align:center;font-size:1.2em; margin:-5px 35px 0 0}
#footer .bx_foot {float:left}
#footer address {font-family:Verdana}
#footer address a {color: #222}
#footer address em {font-family:Verdana}
#footer .info {padding-bottom:3px}
#footer .info span {display:inline-block;margin-left:2px;padding-left:7px;background:url('./comm/bars.gif') 1px 50% no-repeat}
#footer .bx_foot .cp {position:absolute;top:-5px;right:0}

/* content */
#contents {float:left;width:950px;padding:0 0 50px 30px;border-left:1px dashed #BBB}
#content {min-height:560px}
.con_head {position:relative; padding-bottom:5px;margin-bottom:20px;background:url('./sub/sub_head_bg.png') no-repeat 0 bottom}
.con_head h3 {padding:20px 0 15px 15px;color:#1a1c22;font-size:1.5em}

/* print : btnsns */
.print {position:absolute; right:20px; top:30px}
.print .btnallprint { color:#5f5f5f;font-size:1em; line-height:16px;padding-left:21px; background:url('./comm/ico_print.gif') no-repeat 0 0}
.print .path { letter-spacing:1px}
.print .ico_home {display:inline-block;width:16px;height:16px;text-indent:-9999px;background:url('./comm/ico_home.gif') no-repeat 0 50%}
.scrapbtn {float:left; margin-right:15px}
.scrapbtn .ico_scrap {padding-left:22px; padding-right:0; background:url('./comm/ico_scrap.png') no-repeat left 2px}
.scrapbtn .scrap {display:none; position:absolute; left:0; top:24px;width:105px; height:80px; padding:10px; border:1px solid #474747; background:#fff; z-index:10}
.scrapbtn .scrap li {display: block;margin-top:10px; line-height:18px}
.scrapbtn .scrap li.last {margin-top:7px}
.scrapbtn .scrap li:first-child {margin-top:0}
.scrapbtn .scrap a {display:inline-block;padding-left:24px; background:url('./comm/ico_sns.gif') no-repeat 0 0;line-height:18px}
.scrapbtn .scrap a.tw {background-position:0 -28px}
.scrapbtn .scrap a.url {background-position:0 -53px}
.scrapbtn:hover .scrap, .scrapbtn.on .scrap {display:block}
.print a:hover, .scrapbtn .scrap li a:hover {text-decoration:none}

/* snb */
.snb {float:left;width:194px}
.snb_title{padding:25px 0 15px 0;border-bottom:1px dashed #BBB; text-align:center}
.snb_title .h2_tit {font-size:1.6em; margin-bottom:8px}
.snb_title .slogan {color:#A5A4A4;font-size:11px; line-height:1.2}
.nav {overflow:hidden;width:194px}
.nav li {position: relative; margin: 0 0 -1px 1px}
.nav li a {display: block; position: relative; text-decoration: none;padding:8px 15px 8px 15px;font-weight:600;color:#555;font-size:1em;border-bottom:1px solid #EAEAEA}
.nav li .i {position:absolute;right:8px; top:12px;display:inline-block;width:8px; height:8px; background: url('./left/ico_sub.gif') no-repeat }
.nav li.on .i {background-position: 0 -44px }
.nav li.on {z-index: 2}
.nav li.on a {color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.5)}
.nav li ul.snavi {background:#F5F5F5;padding:10px;border-bottom:1px solid #D9D9D9}
.nav li ul.snavi li a {background:#F5F5F5 url('./left/snb_3dep_off.gif') no-repeat 5px 9px; padding: 3px 0 3px 15px; border: 0; color: #333;font-weight: normal;font-size: 0.95em}
.nav li.on ul.snavi li a {display: block;background:#F5F5F5 url('./left/snb_3dep_off.gif') no-repeat 5px 9px;border: 0;color: #666;text-shadow:none}
.nav li.on ul.snavi li.on a {color: #222}

/* 사이드바 */
.aside {position: absolute;left:50%; top:18%;width: 110px;margin-left:610px;z-index: 100; border: solid #BBB 1px; border-radius:10px; 
-moz-border-radius: 10px;-webkit-border-radius: 10px;behavior: url( "../common/PIE.htc")}
.aside h2 {font-family: Verdana;font-size: 1em; line-height:38px; text-align: center; color: #555;background:url("./aside/bg_quick.gif") repeat-x 0 bottom; border-radius:10px 10px 0 0; 
-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;behavior: url( "../common/PIE.htc")}
.quickmenu {position: relative; width:100%; height: 100%; background: #fff}
.quickmenu h3 {font-size:0.95em; line-height: 24px; text-align: center;color:#fff;background: #B0B0B0}
.quickmenu li {padding:2px 12px;border-top: 1px dotted #ccc }
.quickmenu li a {display: block; color: #555; font-size: 0.85em; line-height: 22px }
.quickmenu li:hover a, .quickmenu li.on a {text-decoration: none;font-weight: 600; color:#333 }
.quickmenu li.m01 {padding-left:25px;background: url('./aside/m-group.png') no-repeat}
.quickmenu li.m02 {padding-left:25px;background: url('./aside/m-team.png') no-repeat}
.quickmenu li.m03 {padding-left:25px;background: url('./aside/m-user.png') no-repeat}
.aside .top {font-family: Verdana; color: #fff; font-size: 0.82em; line-height:28px; text-align: center; background: #868686; border-radius:0 0 10px 10px; 
-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;behavior: url( "../common/PIE.htc")}

/* for modal */
#ifrModalWrap {visibility: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; padding: 0; z-index: 990; color: #000}
#ifrModalBg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.5; filter: alpha(opacity=50)}
#ifrModalWin {display: none; border: 1px solid #999; background-color: #fff; position: absolute; z-index: 999}

/* print */
@media print {
	#header, #footer,.snb,#container, #aside {display:none}
	#content {padding:0}
	.btnAllPrint {display:none}
}



/* 신규 상단 메뉴 */
#gnb_area {position: relative; width: 100%;}
#gnb_area nav {width: 1020px;margin: 0 auto;position: relative;left: 20px;text-align: center;margin-top: 16px;}
#gnb_area .depth_ul {display: inline-block; box-sizing: border-box;}
#gnb_area .depth_ul > li {float: left; height:100%; vertical-align: top; margin: -1px -2px;}
#gnb_area .depth_ul > li > a {position: relative; display: block; font-size: 16px; text-align: center; padding: 0 32px;}
#gnb_area .depth_ul > li > a > span {display: inline-block; height:100%; line-height: 70px; vertical-align: middle; font-weight: bold;}
#gnb_area .depth_ul > li > a:hover {color: #1473B1;}
#gnb_area .depth_ul > li .item {position: absolute; left: 0; z-index: 102; width: 100%; text-align: left; background: #fff;}
#gnb_area .depth_ul > li .item .left_bg {width: 590px; height: 100%; position: absolute; top: 0; left: -47%; background: url(./comm/m_bg1.png) no-repeat right bottom;}
#gnb_area .depth_ul > li .item .d_menu {width: 100%; height: 100%; float: right; position: relative; left: 0px; margin-bottom: 20px;}
#gnb_area .depth_ul > li .item .d_menu::after {display: block; content: ""; clear: both;}

#gnb_area .depth_ul > li .item .depth2_ul > li{display: block;float: left;position:relative;width:23%; padding: 0;margin: 8px 20px 0 0;text-align: left; }
#gnb_area .depth_ul > li .item .depth2_ul > li > a{display:block;position: relative; padding: 10px 15px;border-bottom: 1px solid #1473B1;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out; color:#1473B1; font-weight: bold;}
/*#gnb_area .depth_ul > li .item .depth2_ul > li > a:before {display:block;position:absolute;content:'';right:15px;top: 50%;margin-top: -2.5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #0c7725;}*/
#gnb_area .depth_ul > li .item .depth2_ul > li.dhave > a:before {display: none;}
#gnb_area .gnb_bg {background: #fff; position: absolute; top: 69px; border-bottom: 2px solid #1473B1; width: 100%; display: none; z-index: 101;}

#gnb_area .gm_1 .depth2_ul > li:nth-child(6) {height: 280px;}
#gnb_area .gm_2 .depth2_ul > li:nth-child(6) {height: 200px;}
#gnb_area .gm_3 .depth2_ul > li:nth-child(6n) {height: 200px;}
#gnb_area .gm_4 .depth2_ul > li:nth-child(6n) {height: 180px;}
#gnb_area .gm_5 .depth2_ul > li:nth-child(6) {height: 180px;}
#gnb_area .gm_6 .depth2_ul > li:nth-child(6n) {/*height: 180px;*/}
#gnb_area .gm_7 .depth2_ul > li:nth-child(6) {height: 180px;}
#gnb_area .gm_8 .depth2_ul > li:nth-child(6n) {height: 200px;}

#gnb_area .depth3_ul {padding:5px 15px;}
#gnb_area .depth3_ul > li {position:relative; margin:5px 0; }
#gnb_area .depth3_ul > li > a {display:block; position:relative; width:100%; padding-left:10px;}
#gnb_area .depth3_ul > li > a:hover {color: #1473B1; text-decoration: none;}
#gnb_area .depth3_ul > li > a:before{display: block; position: absolute; left:0; top: 6px; content:''; width:3px; height:3px; background: #777;}
#gnb_area .depth3_ul > li > a:hover:before,
#gnb_area .depth3_ul > li > a:focus:before {background: #1473B1;}