@charset "utf-8";

/*layout gnb*/

#wrap {width:100%;float:left;letter-spacing:-0.5px;}
#body_wrap {width:100%;float:left;min-width:1650px;}	
#header_wrap {width:100%;float:left;}	
#container {float:left;width:100%;font-size:28px;margin-bottom:210px;position:relative;}
#footer {float:left;width:100%;height:154px;text-align:center;background:#303030;min-width:1650px;}
#footer .footer_wrap {width:1220px;margin:0 auto;color:#ababab;padding-top:37px;box-sizing:border-box;text-align:center;font-size:15px;font-weight:300}
#footer .footer_wrap b {color:#fff;letter-spacing:0;font-weight:400;}
#footer .footer_wrap .jiveon {font-size:14px;padding-left:5px;}
#footer .footer_wrap .footerline {display:inline-block;margin-left:25px;padding-left:25px;background:url(/img/common/footer_line.gif) left center no-repeat;}
#footer .footer_wrap .copy {font-size:13px;margin-top:21px;letter-spacing:0;}	
	
		
/*(sub)basic_gnb*/
#header_wrap .header {float:left;width:100%;height:110px;background:rgba(255,255,255,1);position:relative;z-index:999;}
#header_wrap .header .logo {position:absolute;top:0;left:50px;}
#header_wrap .header .logo a{display:block;width:161px;height:110px;background:url(/img/common/logo_bk.png) left center no-repeat;}
#header_wrap .header .sitemap_bk {position:absolute;top:0;right:50px;}	
#header_wrap .header .sitemap_bk .menu_all{display:inline-block;width:30px;height:110px;background:url(/img/common/btn_sitemap_bk.png) left center no-repeat;}
#header_wrap .header .sitemap_bk .user_login{display:inline-block;width:30px;height:110px;background:url(/img/common/admin_bk.png) left center no-repeat;}
#header_wrap .header .sitemap_bk .user_logout{display:inline-block;width:30px;height:110px;background:url(/img/common/admin_bk_out.png) left center no-repeat;}

/*main_gnb*/
.main_body_wrap #header_wrap .header .logo a{background:url(/img/common/logo_wt.png) left center no-repeat;}
.main_body_wrap #header_wrap .gnbhover .logo a{background:url(/img/common/logo_bk.png) left center no-repeat;}
.main_body_wrap #header_wrap .header .sitemap_bk .menu_all{background:url(/img/common/btn_sitemap_wt.png) left center no-repeat;}
.main_body_wrap #header_wrap .header .sitemap_bk .user_login{background:url(/img/common/admin_wt.png) left center no-repeat;}
.main_body_wrap #header_wrap .header .sitemap_bk .user_logout{background:url(/img/common/admin_wt_out.png) left center no-repeat;}
.main_body_wrap #header_wrap .gnbhover .sitemap_bk .menu_all{background:url(/img/common/btn_sitemap_bk.png) left center no-repeat;}
.main_body_wrap #header_wrap .gnbhover .sitemap_bk .user_login{;background:url(/img/common/admin_bk.png) left center no-repeat;}	
.main_body_wrap #header_wrap .gnbhover .sitemap_bk .user_logout{;background:url(/img/common/admin_bk_out.png) left center no-repeat;}
	
	 
	
	.main_body_wrap #header_wrap .header {float:left;width:100%;height:110px;background:rgba(255,255,255,0);}
	.main_body_wrap #header_wrap .gnb {float:left;width:100%;}
	.main_body_wrap #header_wrap .gnb ul {float:left;}
	.main_body_wrap #header_wrap .gnb ul li {width:200px;float:left;text-align:left;margin-left:30px;}
	.main_body_wrap #header_wrap .gnb ul li:first-child {margin-left:450px;}	
	.main_body_wrap #header_wrap .gnb ul li h2 a:link,	
	.main_body_wrap #header_wrap .gnb ul li h2 a:active,
	.main_body_wrap #header_wrap .gnb ul li h2 a:visited {color:#fff;font-weight:400;font-size:20px;line-height:110px;}
	.main_body_wrap #header_wrap .gnb ul li h2 a:hover {color:#fff;font-weight:400;border-bottom:2px solid #ff4871;padding-bottom:39px;box-sizing:border-box;}	
	.main_body_wrap #header_wrap .gnb ul li.on h2 a:link, 
	.main_body_wrap #header_wrap .gnb ul li.on h2 a:hover, 
	.main_body_wrap #header_wrap .gnb ul li.on h2 a:active, 
	.main_body_wrap #header_wrap .gnb ul li.on h2 a:visited {color:#fff;border-bottom:2px solid #000;padding-bottom:39px;box-sizing:border-box;}	
	.main_body_wrap #header_wrap .gnbhover {float:left;width:100%;height:110px;background:rgba(255,255,255,1);}	
	.main_body_wrap #header_wrap .gnbhover .gnb {float:left;width:100%;}
	.main_body_wrap #header_wrap .gnbhover .gnb ul {float:left;}	
	.main_body_wrap #header_wrap .gnbhover .gnb ul li {width:200px;float:left;text-align:left;margin-left:30px;}
	.main_body_wrap #header_wrap .gnbhover .gnb ul li:first-child {margin-left:450px;}	
	.main_body_wrap #header_wrap .gnbhover .gnb ul li h2 a:link,	
	.main_body_wrap #header_wrap .gnbhover .gnb ul li h2 a:active,
	.main_body_wrap #header_wrap .gnbhover .gnb ul li h2 a:visited {color:#000;font-weight:400;font-size:20px;line-height:110px;}
	.main_body_wrap #header_wrap .gnbhover .gnb ul li h2 a:hover {color:#ff4871;border-bottom:2px solid #ff4871;padding-bottom:39px;box-sizing:border-box;}	
	.main_body_wrap #header_wrap .gnbhover .gnb ul li.on h2 a:link, 
	.main_body_wrap #header_wrap .gnbhover .gnb ul li.on h2 a:hover, 
	.main_body_wrap #header_wrap .gnbhover .gnb ul li.on h2 a:active, 
	.main_body_wrap #header_wrap .gnbhover .gnb ul li.on h2 a:visited {color:#ff4871;border-bottom:2px solid #ff4871;padding-bottom:39px;box-sizing:border-box;}	

	
  .gnb {float:left;width:100%;}
  .gnb ul {float:left;}
	.gnb ul li {width:200px;float:left;text-align:left;margin-left:30px;}
	.gnb ul li:first-child {margin-left:450px;}	
	.gnb ul li h2 a:link,	
	.gnb ul li h2 a:active,
	.gnb ul li h2 a:visited {color:#000;font-weight:400;font-size:20px;line-height:110px;}
	.gnb ul li h2 a:hover {color:#ff4871;border-bottom:2px solid #ff4871;padding-bottom:39px;box-sizing:border-box;}	
	.gnb ul li.on h2 a:link, 
	.gnb ul li.on h2 a:hover, 
	.gnb ul li.on h2 a:active, 
	.gnb ul li.on h2 a:visited {color:#ff4871;border-bottom:2px solid #ff4871;padding-bottom:39px;box-sizing:border-box;}
	
	
	
	.display_n {display:none !important;}
	.submenu {position:absolute;top:110px;left:0;width:100%;box-sizing:border-box;z-index:9999999992;background:rgba(255,255,255,1);border-top:1px solid #dfdfdf;padding:40px 0 50px 0;display:none;}
	.submenu ul.firstul {padding-left:420px}
	.submenu ul {z-index:9999999993;float:left;width:200px;text-align:left;margin-left:30px;}
	.submenu ul li {width:100%;margin:35px 0;}
	.submenu ul li:first-child {margin-top:0px !important;}	
	.submenu ul li:last-child {margin-bottom:0px !important;}			
	.submenu ul li h3 a:link,	
	.submenu ul li h3 a:active,	
	.submenu ul li h3 a:visited {color:#333;font-weight:300;font-size:16px;line-height:100% !important;}
	.submenu ul li h3 a:hover {color:#ff4871;font-weight:300;font-size:16px;}
	
@media screen and (min-width:1820px) {
	
	/*QuickMenu*/
	.quick_wrap {position:fixed;right:25px;top:232px;z-index:999999999599999999999999999999999999999999999999999999999999999999999999999999999999;}
	.quick_wrap .quickmenu {width:135px;height:auto;background:#fff;box-sizing:border-box;text-align:center;}
	.quick_wrap ul li {height:117px;width:100%;border-bottom:1px solid #e5e5e5;padding-top:70px;box-sizing:border-box;}	
	.quick_wrap ul li:first-child {padding-top:0px !important;}	
	.quick_wrap ul li a:link,
	.quick_wrap ul li a:active,
	.quick_wrap ul li a:visited,
	.quick_wrap ul li a:hover {color:#222;font-size:16px;font-weight:300;}
	.quick1 {background:url(/img/common/quickmenu01.gif) center 28px no-repeat;}
	.quick2 {background:url(/img/common/quickmenu02.gif) center 24px no-repeat;}
	.quick3 {background:url(/img/common/quickmenu03.gif) center 20px no-repeat;}
	.quick4 {background:url(/img/common/quickmenu04.gif) center 28px no-repeat;}
	.borderL {border-left:1px solid #e5e5e5;}
	.borderR {border-right:1px solid #e5e5e5;}
							
}

@media screen and (min-width:360px) and (max-width:1819px)  {

	.quick_wrap {display:none;}
	.quick_wrap .quickmenu {display:none;}	
	
}

	/*UpButton*/
	.top_button {position:fixed;right:30px;bottom:30px;z-index:9999999991;}
	/******* placeholder *******/
	input::-ms-input-placeholder {color:#bcbcbc;font-size:14px;}
	input::-webkit-input-placeholder {color:#bcbcbc;font-size:14px;}
	input::-moz-placeholder {color:#bcbcbc;font-size:14px;}