#wrap {position:relative;width:100%; min-width:1180px;overflow:hidden}

/* header */
#header{position:relative;z-index:999;width:100%;background-color:#fff; border-bottom:1px solid #d9dee1;}
#header:after{content:"";display:block;clear:both;}
#header .logo{ position:relative;width:1200px;margin:0 auto;text-align:center;z-index:9999999999;}
#header .logo .header_logo{position:absolute;left:0;top:19px; font-size:24px; font-weight:600; color:#333;}
#header .logo .header_logo img{padding-right:5px;}
#header .header_in{position:relative;width:100%; height:40px; margin:0 auto;background-color:#eee; overflow:hidden;}
#header .header_sub {position:relative;width:100%; height:40px; margin:0 auto;background-color:#353b49; overflow:hidden;}
#header .header_in .top_menu.header_in.sub {background:#ddd;}
#header .header_in .top_menu{position:relative;margin:0 auto;width:1180px;height:40px;}
#header .header_in .top_menu ul.tab{text-align:left;}
#header .header_in .top_menu ul.tab li{float:left;width:180px;text-align:center;font-size:14px;background-color:#a29791;margin-right:1px;}
#header .header_in .top_menu ul.tab li a{display:block;width:100%; height:40px; line-height:40px; color:#fff;}
#header .header_in .top_menu ul.menu{float:right; }
#header .header_in .top_menu ul.menu li{float:left;padding:10px 5px;}
#header .header_in .top_menu ul.menu li span{padding-left:8px;}
#header .header_in .top_menu ul.menu li a{color:#949398; font-size:13px; font-weight:bold; font-weight:300;}

/* gnb */
.gnb{position:relative;width:100%;padding:0;margin:0; z-index:9999999;}
.gnb ul.depth1{width:1200px; height:75px; margin:0 auto;text-align:right; line-height:75px;}
.gnb ul.depth1 .t{display:inline-block; *display:inline; *zoom:1;padding:0 20px;position:relative;background:url('/resources/site/child/resource/images/layout/menu_dot.gif') no-repeat left center}
.gnb ul.depth1 .t:last-child{padding-right:0}
.gnb ul.depth1 .t:first-child{background-image:none;}
.gnb ul.depth1 .t a{width:auto;font-size:20px;color:#333; font-weight:400; letter-spacing:-1px;}
.gnb ul.depth1 .submenu01{position:absolute;top:75px;left:-17px;text-align:left;line-height:25px; margin:0 auto;min-width:150px; }
.gnb ul.depth1 .submenu01 li:first-child {border-top:2px solid #a90056;}
.gnb ul.depth1 .subfont{text-align:center;border-bottom:1px solid #e8e8e8;line-height:22px;background:rgba(255,255,255,0.9)}
.gnb ul.depth1 .subfont a{display:block;padding:8px 10px;font-size:13px;font-weight:normal;color:#5f5956;}
.gnb ul.depth1 .subfont a:hover{background:#fff}


/* header_menu */
.header_menu{position:absolute;width:100%;background:#fff;border:1px solid #eee;}
.header_menu > ul{width:1370px;height:260px;margin:0 auto;text-align:center;}
.header_menu > ul li{float:left;width:auto;height:100%;font-size:14px;border:1px solid #eee;margin-right:-1px;margin-top:-1px;padding:0 53px}
.header_menu > ul li:hover{background:#fcfcfc;border-top:1px solid #a90056}
.header_menu > ul li dl{padding:20px 0}
.header_menu > ul li dt{font-size:16px;font-weight:600;margin-bottom:8px;color:#5f5956}
.header_menu > ul li dd{padding:6px 0;clear:both;}
.header_menu > ul li dd > ul{padding-bottom:10px}
.header_menu > ul li dd a{color:#888}
.header_menu > ul li dd a:hover{color:#777;font-weight:600}

/* container */
#container{;overflow:hidden;width:100%; margin:0 auto; top:0; margin-top:0; padding-bottom:15px;}

/*lnb*/
.lnb {position:relative;float:left;width:240px; z-index:999; border-right:none; padding-bottom:30px; margin-top:-120px;}
.lnb h2{width:100%; height:120px; padding-top:0;font-weight:600;color:#fff;font-size:30px;letter-spacing:-1.5px; text-align:center; background-color:rgba( 53, 59, 73, 0.7 );}
.lnb h2 p {font-size:14px; color:#e2e3e3; text-align:left; font-weight:400; margin-left:15px; padding-top:28px; letter-spacing:0;}
.lnb h2 span{display:block; text-align:left; margin-left:15px; /*line-height:120px;*/ padding-top:40px;}
.lnb .lnb_m{}
.lnb .lnb_m li:first-child a{border-top:none}
.lnb .lnb_m li:hover {background-color:#f6f6f6;}
.lnb .lnb_m .on {background:url("/resources/site/child/resource/images/content/list_on.jpg");}
.lnb .lnb_m .on a {display:block; color:#fff; background:url("/resources/site/child/resource/images/content/icon_list_on.png")no-repeat 200px center; padding:15px;}
.lnb .lnb_m .on a img {background:url("/resources/site/child/resource/images/content/bullet_on.png")no-repeat;}
.lnb .lnb_m li a {display:block; font-size:18px; font-weight:300; background:url("/resources/site/child/resource/images/content/icon_list.png")no-repeat 207px center; border-top:1px solid #eaeaea;  padding:15px;}
.lnb .lnb_m dl{line-height:15px; border:1px solid #7ea3cc;}
.lnb .lnb_m dl dd > a{font-size:15px;border:none;background:none;background-color:#f5f5f5;padding:10px 20px;}
.lnb .lnb_m .on dl dd > a{font-size:16px; color:#575d64; font-weight:400; background-color:#fff;  background-image:none; padding:15px 20px;}
.lnb .lnb_m .on dl dd >  a:hover{background-color:#f1f1f1;transition:all 0.5s ease}
.lnb .lnb_m .on dl dd > a img {padding-right:8px; }
.lnb .lnb_m .on dl dd.on > a{color:#0072bc; font-weight:600;}
.lnb .lnb_m .on dl dd.on > a:hover {background-color:#fff;}
.sns_ico{vertical-align:top;position:absolute;top:8px;right:0;}

#sub_visual {position:relative; width:100%; margin:0 auto; display:;}

.sub_title { position:relative; margin:0;font-size:32px;font-family:'NanumGothicBold';border-bottom:2px solid #5f5f5f;padding-bottom:20px;margin:80px 0 40px 0;overflow:hidden;}
.sub_title span{font-size:14px;font-weight:normal;color:#9d9d9d;font-family:'NanumGothic'}
.sub_title span img{z-index:10}
.sub_title h3{ float:left; font-size:38px;letter-spacing:-1.5px;font-family:'Malgun Gothic','맑은 고딕';font-weight:400;}
.sub_title .btn_print { position:absolute; float:right; top:10px; right:0; }


/*서브페이지 container */
#sub_container{position:relative;width:1200px;margin:0 auto;background-color:#fff;z-index:10}


/*서브페이지 location*/
.location_wrap{width:100%;margin:0 auto;background-color:#fafafa;border-bottom:1px solid #e5e5e5;color:#000;font-size:12px;height:40px;}
.location{position:relative;width:930px;margin:0 auto;padding:11px 0 10px 270px}
.location a{color:#000;}
.location strong { color:#3d8ed9; }


/*banner*/
.fl_left{float:left;}
.fl_right{float:right;}
.clear{clear:both;}
.footer_banner {position:relative; width:100%; height:75px; overflow:hidden; background:#e9e9e9; margin-top:30px;}


/*배너모음*/
.bannerBox{position:relative; width:1200px; margin:0 auto;overflow:hidden; }
.bannerBox h2{font-size:18px; font-weight:normal; letter-spacing:-0.5px; line-height:75px; padding-right:12px;}
.bannerBox ul{line-height:75px; /*margin-left:20px;*/}
.bannerBox ul li{display:inline-block;*display:inline;zoom:1; padding:0 10px;}
.bannerBox .btn_banner a{float:left; padding:0 7px; line-height:75px;}


/*배너존 슬라이드*/
.fl_left2{width:1050px !important; margin-top:18px;}
.bx-wrapper{margin-top:17px; width:1072px !important;overflow:hidden; /*max-width: 1072px !important;*/}
.bx-viewport{width:100%; }
.bx-pager{display:none !important; }
.ul-banner{width:1072px;height:90px; }


/*footer*/
#footer{clear:both;position:relative; width:100%;}

#footer .footer_banner {width:100%; height:75px; background:#e9e9e9;}
#footer .banner_wrap {width:1200px; height:75px; margin:0 auto; background:green;}
#footer .banner_wrap:after {content:""; display:block; clear:both;}
#footer .btn_banner {float:left; width:300px; height:75px; background:yellow; padding-top:20px;}
#footer .btn_banner h2 {display:inline-block;}
#footer .area_banner {float:left; width:900px; height:75px; background:red;}
#footer .area_banner li {display:inline-block; width:140px; height:75px; background:green; margin-right:5px;}



#footer .footer_in{position:relative;width:100%;margin:0 auto;height:41px; background:#fff; border:1px solid #e9eaec;}
#footer .footer_in li{display:inline-block;*display:inline; *zoom:1; line-height:41px;margin:0 10px;}
#footer .footer_in li:first-child{margin-left:0;}
#footer .footer_in li a{color:#333;font-weight:300; font-size:14px;}
#footer .footer_in li a.col_yellow{color:#fff000; font-weight:500;}
#footer .footer_in li a.col_orange{color:#3d8ed9; font-weight:700;}
#footer .footer_in .rel_site_box{width:1150px; margin:0 auto;}
#footer .footer_in .rel_site li{position:relative;width:150px;float:right;background:#999999;cursor:pointer;color:#fff;display:block;padding:0 35px;margin:0;}
#footer .footer_in .rel_site li:hover{background-color:##dcdcdc;transition:all 0.5s ease}
#footer .footer_in .rel_site li img{position:absolute;right:35px;top:18px}
#footer .footer_in .rel_site dl{position:absolute;bottom:41px;right:0;width:220px;background-color:#222;overflow:hidden;z-index:90;height:0px;}
#footer .footer_in .rel_site dl a{display:block;padding:0 35px}
#footer .footer_in .rel_site dl dd a {color:#fff;}
#footer .footer_in .rel_site dl dd:hover{background-color:#333;transition:all 0.5s ease}
/*#footer .footer_in .rel_site dl dd:hover a{color:#fff;}*/
#footer .copyright{position:relative; width:100%; background:#fff;}
#footer .copyright .copy{position:relative;width:1200px;margin:0 auto; padding:25px 0 35px 0;}
#footer .copyright .copy .copy_logo{ position:absolute; top:25px; left:0;}
#footer .copyright .copy .copy_logo img {padding-right:10px;}
#footer .copyright .copy .copy_logo a {font-size:18px;  color:#aaa; vertical-align:top;}
#footer .copyright .copy .copy_logo h3 {font-size:16px; font-weight:400; display:inline-block; color:#aaa; vertical-align:top; margin-left:5px;}
#footer .copyright .copy address{color:#8a8a8a;font-weight:300; font-size:13px; letter-spacing:0.5px; line-height:22px; padding-left:350px;}
#footer .copyright .copy p{font-size:12px;font-weight:300;color:#c4c4c4;letter-spacing:0;padding-top:5px; padding-left:350px; margin-left:0px;}


/*************** PC Device ***************/
@media only screen and (min-width:768px) and (max-width:1220px) {
	#wrap,#header,#footer{width:1220px;}
}

/*************** Mobile Device ***************/
@media screen and (max-width:767px) and (-webkit-device-pixel-ratio: 2){
	#wrap{min-width:380px;max-width:auto;overflow:hidden}

} 

/*************** Mobile Device ***************/
@media all and (max-width:767px) {		

#header{position:relative;z-index:999;width:100%; height:65px; background-color:#fff; border-bottom:1px solid #d9dee1;}
#header:after{content:"";display:block;clear:both;}
#header .logo{ position:relative; width:100%; margin:0 auto; text-align:left; z-index:1; }
#header .logo .header_logo{position:absolute;left:0;top:21px; font-size:0.6em; color:#333;}
#header .logo .header_logo img{width: 43%; padding-left:3%;}
#header .header_in{display:none;}
#header .header_sub {display:none;}
#header .header_menu {display:none;}

/* gnb */
#header .gnb{display:none;}
#header .gnb ul.depth1 li{display:none}

/* mobile_gnb */
.m_top{position:absolute; right:4%; top:15px; }
.m_top img{width:30px;}
.cssmenu { width:0px; position:fixed; height:2000px; background:#4a4a4a; right:0; top:0;z-index:999;}
#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a { font-weight: normal; text-decoration: none; line-height: 1; font-size:14px; position: relative;text-align:left}
#cssmenu .cssmenu_top{position:relative; background:#fff}
#cssmenu .cssmenu_top h2{padding:15px 0 15px 15px;}
#cssmenu .cssmenu_top h2 img{width:100px}
#cssmenu .cssmenu_top h2 p{font-size:18px; letter-spacing:-0.8px; font-weight:600; margin-top:8px;}
#cssmenu .cssmenu_top .btn_close{position:absolute;top:20px;right:15px}
#cssmenu .cssmenu_top ul{background:#f1f1f1;height:40px}
#cssmenu .cssmenu_top ul li{float:left;width:50%;display:inline-block;background:#f1f1f1;}
#cssmenu .cssmenu_top ul li:last-child{border-left:1px solid #ddd;margin-left:-1px}
#cssmenu .cssmenu_top ul li a{display:block;color:#333;font-size:13px;text-align:center;padding:12px 4px}
#cssmenu .cssmenu_top .m_logout{height:85px}
#cssmenu .cssmenu_top .m_logout .hello{background:#491731;color:#fff;padding:15px 0;width:220px;text-align:center;font-weight:600;font-size:15px;}
#cssmenu .cssmenu_top .m_logout ul .floatLeft{float:left;}
#cssmenu a { line-height: 1.3;}
#cssmenu {width:220px; overflow:hidden; height:100%; border-left:1px solid #ddd;}
#cssmenu > ul > li > a {font-size: 24px; font-weight: bold;display: block;text-transform: uppercase;position: relative;}
#cssmenu > ul > li > a > span {background:url('/resources/site/child/resource/images/layout/gnb_all_bg_off.gif') no-repeat;background-position:18px 22px; padding:14px 15px 14px 38px; border-bottom:1px solid #3a3a3a; color:#fff; display: block; font-size:15px; font-weight:normal; }
#cssmenu > ul > li > a:hover {text-decoration: none;}
#cssmenu > ul > li.active {border-bottom: none;}
#cssmenu > ul > li.active > a {color: #fff;}
#cssmenu > ul > li.active > a span {background:url('/resources/site/child/resource/images/layout/gnb_all_bg_on.gif') no-repeat;background-position:18px 22px;color:#fff;}
#cssmenu span.cnt {position: absolute;top: 8px;right: 15px;padding: 0;margin: 0;background: none; display:none;}
#cssmenu ul ul {display: none;}
#cssmenu ul ul li {border-bottom:1px solid #e1e1e1;border-top: 0;}
#cssmenu ul ul a {padding: 12px 0 12px 40px;display: block; color: #4a4a4a; font-weight: normal; font-size: 13px;}
#cssmenu ul ul a:hover {color:#333;}
#cssmenu ul ul li.odd {background: #f5f5f5 url('/resources/site/child/resource/images/layout/mobile_smenu_dot.gif') no-repeat 28px center;}
#cssmenu ul ul li.even {background: #f5f5f5 url('/resources/site/child/resource/images/layout/mobile_smenu_dot.gif') no-repeat 28px center;}

/* mobile_gnb
.m_top{position:absolute; right:2%; top:10px; }
.m_top a{display:block; width:90%; height:40px; font-size:14px; margin-top:5px; }
.m_top a img {width: 95%;}
.cssmenu { width:0px; position:fixed; height:2000px; background:#4a4a4a; right:0; top:0;z-index:999}
#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a { font-weight: normal; text-decoration: none; line-height: 1; font-size:14px; position: relative;text-align:left}
#cssmenu a { line-height: 1.3;}
#cssmenu {width:220px;overflow:hidden; height:100%;}
#cssmenu > ul > li > a {font-size: 24px; font-weight: bold;display: block;text-transform: uppercase;position: relative;}
#cssmenu > ul > li > a > span {padding:14px 15px 14px 38px;color:#fff; display: block; font-size:15px; font-weight:normal;border:1px solid #3a3a3a;margin-top:-1px}
#cssmenu ul ul {display: ;}
#cssmenu ul ul li {border-bottom:1px solid #e1e1e1;border-top: 0; }
#cssmenu ul ul li:last-child { border-bottom:0;}
#cssmenu ul ul a {padding: 12px 0 12px 40px;display: block; color: #4a4a4a;background:#eee; font-weight: normal; font-size: 13px;}
*/

/*모바일 서브메뉴*/
.m_submen{background:#f5f5f5; border-bottom:1px solid #e8e8e8;}
.lnb {display:none;}
.location{display:none;}
.m_location{position:relative; overflow:hidden; padding:3% 3%; line-height:10px; width:100%;}
.m_location img{padding-right:20px; width:3%; padding-top:1px;}
.m_location p{color:#888; font-size:13px; padding:2px 24px; padding-left:35px;}
.m_location strong { color:#009b6d; font-size:13px; font-weight:600;}
.m_location span.arrow {position:absolute; top:3px; left:0; color:#999; font-size:11px; line-height:8px; padding:0 7px; }



/* container */
#container{;overflow:hidden;width:100%; margin:0 auto; top:0; margin-top:0; padding-bottom:0;}
#sub_container{width:100%;margin:0 auto;background-color:#fff;z-index:10}

/*footer_banner*/
.footer_banner {width:100%; height:auto; margin-top:0; padding:10px 0;}
.bannerBox {width:100%; background:#e9e9e9;}
.bannerBox ul {margin-left:10px;}
.banner_wrap {width:100%; height:75px; margin:0 auto; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; display:none;}
.bannerBox h2 {font-size:17px; letter-spacing:-1px; float:left; width:43%; margin-left:5%;}
.btn_banner.fl_left {float:right;  text-align:right;}

.fl_left2{margin-top:0;}
.fl_left.fl_left2 {width:100%;}
#ul-banner {width:95%; margin:0 auto; }
.fl_left.fl_left2 li {display:inline-block; width:43%; text-align:center; }
.fl_left.fl_left2 li img { width:100%;}

.bx-wrapper{margin-top:17px; width:100% !important;overflow:hidden;}
.bannerBox ul{text-align:center; line-height:auto;}
.bannerBox ul li{display:inline-block;*display:inline;zoom:1; padding:0 15px; }

/*footer*/
#footer{clear:both}
#footer .footer_in{width:100%;margin:0 auto;text-align:center;height:auto; }
#footer .footer_in li{line-height:22px;}
#footer .footer_in li a{color:#333;font-weight:300; font-size:12px;}
#footer .footer_in .rel_site_box{width:100%;; margin:0 auto;}
#footer .footer_in .rel_site_box .menu{padding:10px 0;}
#footer .copyright .copy{width:92%;margin:0 4%;text-align:center}
#footer .footer_in .rel_site{margin:0;padding:0;width:100%;}
#footer .footer_in .rel_site li{float:none;position:relative;width:100%;padding:10px 0;}
#footer .footer_in .rel_site dl{width:100%;}
#footer .footer_in .rel_site dl dd a{color:#fff; padding:10px 0;}
#footer .footer_in .rel_site dl dd:hover{background-color:#333;}

#footer .copyright .copy .copy_logo{display:none;}
#footer .copyright .copy address{color:#777;font-weight:300; font-size:13px; letter-spacing:0.5px; line-height:22px; padding-left:0; }
#footer .copyright .copy p{font-size:11px;font-weight:300;color:#999;letter-spacing:0;padding-top:5px; padding-left:0;}

	.contents_box img{max-width:100%}

}