#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:#353b49; overflow:hidden;}
#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:#a7acb7; 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('../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}

#container{position:relative;width:100%;margin:0 auto; }
#sub_container{position:relative;width:1200px;margin:0 auto;background-color:#fff;z-index:10}

/* 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{position:relative;top:-145px;overflow:hidden;width:1180px; margin:0 auto; margin-bottom:-105px}
#sub_container{position:relative;width:1200px;margin:0 auto;background-color:#fff;z-index:10}

/*lnb*/
.lnb {position:relative;float:left;width:240px; z-index:999; border-right:none; padding-bottom:30px;}
.lnb h2{width:100%; height:120px; padding-top:0;  line-height:120px;font-weight:500;color:#fff;font-size:30px;letter-spacing:-1.5px; text-align:center;background:url('../images/content/inb_title.jpg') repeat;}
.lnb h2 span{display:block;}
.lnb .lnb_m{border:1px solid #ddd;background-color:#f8f8f8;}
.lnb .lnb_m li:first-child a{border-top:none}
.lnb .lnb_m .on a {display:block; color:#fff; background:url("../images/content/icon_minors.png")no-repeat 200px center ;background-color:#666; padding:15px;}
.lnb .lnb_m li a {display:block; font-size:18px; font-weight:300; background:url("../images/content/icon_plus.png")no-repeat 200px center; padding:15px;}
.lnb .lnb_m dl{border-top:1px solid #eaeaea;}
.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:10px 20px;}
.lnb .lnb_m .on dl dd >  a:hover{background-color:#f1f1f1;transition:all 0.5s ease}
.lnb .lnb_m .on dl dd.on > a{background-color:#fff; color:#bd472c; font-weight:600; padding:10px 20px;}
.sns_ico{vertical-align:top;position:absolute;top:8px;right:0;}


.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; }

.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; }

/*배너모음*/
.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:0;}
.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{height:90px !important; width:1100px !important; margin-left:-25px !important;}*/
.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:#0f0d0d;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;z-index:90;overflow:hidden;height:0px;}
#footer .footer_in .rel_site dl a{display:block;padding:0 35px; 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.7em; color:#333;}
	#header .logo .header_logo img{min-width:43%; max-width:40%; padding-left:3%;}
	#header .btn_menu{}
	#header .header_in{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/pt/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/pt/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/pt/resource/images/layout/mobile_smenu_dot.gif') no-repeat 28px center;}
	#cssmenu ul ul li.even {background: #f5f5f5 url('/resources/site/pt/resource/images/layout/mobile_smenu_dot.gif') no-repeat 28px center;}

	/* mobile_gnb
	.m_top{position:absolute; right:4%; top:55px; }
	.m_top img{width:30px;}
	.cssmenu {width:250px; position:fixed; height:100%;max-height:100%; background:#4a4a4a; right:0; top:0;z-index:9999;}
	#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:250px;overflow:hidden; height:100%;overflow:scroll}
	.cssmenu_bg{left:0;top: 0px;right: 0px;bottom: 0px;position: fixed;z-index: 9998;cursor: pointer;background-color: rgb(0, 0, 0);opacity:0.7}
	#cssmenu .cssmenu_top{position:relative;background:#fff}
	#cssmenu .cssmenu_top h2{height:45px;padding:20px 0 0 15px;}
	#cssmenu .cssmenu_top h2 img{width:150px}
	#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:100%;text-align:center;font-weight:600;font-size:15px;}
	#cssmenu .cssmenu_top .m_logout ul .floatLeft{float:left;}
	#cssmenu .mobile_left_menu > li > a {font-size: 24px; font-weight: bold;display: block;text-transform: uppercase;position: relative;}
	#cssmenu .mobile_left_menu >li > a > span {background:url('../images/layout/gnb_all_bg_off.gif') no-repeat;background-position:18px 22px; padding:14px 15px 14px 38px;color:#fff; display: block; font-size:15px; font-weight:normal;border:1px solid #3a3a3a;margin-top:-1px}
	#cssmenu .mobile_left_menu > li.active > a {color: #fff;}
	#cssmenu .mobile_left_menu ul li {border-top: 0;border-left:1px solid #3a3a3a;border-bottom:1px solid #f1f1f1}
	#cssmenu .mobile_left_menu ul li:last-child { border-bottom:0;}
	#cssmenu .mobile_left_menu ul a {padding: 12px 0 12px 40px;display: block; color: #4a4a4a;background:#fff; 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; }


	/* header
    #header{position:relative; width:100%; background-color:#fff; border-bottom:1px solid #d9dee1; background:#ccc;}
    #header:after{content:"";display:block;clear:both;}
    #header .logo{position:relative;width:100%;margin:0 auto;text-align:center;}
    #header .logo .header_logo{display:none;}

    #header .logo .menu {float:left; width:10%; height:70px; background:green; z-index:999;}
    #header .logo_wrap {float:left; width:30%; height:70px; background:yellow;}
    #header .logo .search {float:left; width:10%; height:70px; background:#eee;}
    #header .logo_wrap img {;}
    #header .header_in{}
    #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:#a7acb7; font-size:13px; font-weight:bold; font-weight:300;}

    #header .gnb {display:none;}
    #header .header_in {display:none;}
    */

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


	/*footer_banner*/
	/*.footer_banner {width:100%; height:80%; margin-top:0;}*/
	/*.bannerBox {width:100%; background:#e9e9e9;}*/
	/*.bannerBox ul {margin-left:0;}*/
	/*.banner_wrap {width:100%; height:75px; margin:0 auto; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee;}*/
	/*.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_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;  padding-bottom:10px;}*/
	/*.fl_left.fl_left2 li img { width:100%;}*/

	/*footer_banner*/
	.footer_banner {width:100%; height:100%; margin-top:0;}
	.bannerBox {width:100%; background:#e9e9e9;}
	.bannerBox ul {margin-left:-6px; padding-left:0 !important;;}
	.bannerBox ul li{padding:0 17px;}
	.banner_wrap {width:100%; height:70px; margin:0 auto; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee;}
	.bannerBox h2 {font-size:17px; letter-spacing:-1px; float:left; width:43%; margin-left:5%; display:none;}
	.btn_banner.fl_left {float:right; text-align:right;}
	.bannerBox .btn_banner{z-index:30;left:unset;right:0;top:1px;background:#fff;padding-left:14px; display:none;}
	.fl_left2{margin-left:2% !important;}
	.fl_left.fl_left2 {width:100%;position:absolute;top:0;left:0}
	.bannerBox .btn_banner a{line-height:75px}


	/*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:#666;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{padding:10px 0;}
	#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;}
}