@charset "utf-8";
/* 공통 */
#wrap{width:100%;margin:0 auto;min-height:100%;min-width:320px;position:relative;word-break:keep-all}
/* header */
#header_wrap{width:100%;margin:0 auto;background:#fff;z-index:99;box-sizing:border-box;position:relative}
.header_wrap_s{width:1400px !important;box-shadow:none !important}

#header .header_top{height:40px;background:#7e9c38}
#header .header_top_box{width:1400px;margin:0 auto}
#header .header_top_box ul {float:right;background:#769430;padding:0 10px}
#header .header_top_box ul li{position:relative;float:left;color:#fff;padding:0 15px;line-height:39px}
#header .header_top_box ul li a{color:#fff;font-size:14px}
#header .header_top_box ul li a:hover{text-decoration:none;font-weight:bold}
#header .header_top_box ul li:after{position:absolute;width:1px;height:13px;background:#91aa57;content:'';right:0;top:14px}
#header .header_top_box ul li:last-child:after{display:none}
#menuwrap{width:1400px;margin:0 auto;height:100px;text-align:center;position:relative}
#menuwrap h1{padding:50px 40px 25px 10px;float:left}
#menuwrap h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

#navigation{padding:60px 0 0 137px;float:left}
#navigation > li{display:inline-block;height:55px;line-height:53px}
#navigation > li > a{font-size:20px;color:#454551;font-weight:500;padding:0 28px 30px;letter-spacing:-.05em;display:block;box-sizing:border-box}
#navigation > li > a:hover{font-weight:700;color:#222;text-decoration:none}
#navigation > li > a.on{font-weight:800;color:#000}
#navigation > li > a.on span:after{font-weight:800;width:5px;height:25px;content:'';background:#ffb705;display:block;position:absolute;left:49%;top:38px}
#navigation > li > a span{position:relative}
#navigation > li > a:hover span:after{width:5px;height:25px;content:'';background:#ffb705;display:block;position:absolute;left:49%;top:38px}

#navigation_mobile_wrap{display:none}

/* 전체메뉴버튼 */
.header_fullmenu{padding:18px 0 0 4px;float:left;position:absolute;top:40px;right:0}
.header_fullmenu a.btn_fullmenu{display:block;width:50px;height:50px;overflow:hidden;background:url(/pages/eng/img/main/header_btn_fullmenu.png) no-repeat}
	     		 a.btn_fullmenu span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
			

.header_fullmenu_t{padding:10px 0 0 4px;float:left}
.header_fullmenu_t a.btn_fullmenu_t{display:block;background:#fff;opacity:0.9;width:50px;height:50px;position:fixed;top:20px;right:20px;overflow:hidden;z-index:11;background:url(/pages/eng/img/main/header_btn_fullmenu.png) no-repeat}
				   a.btn_fullmenu_t span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
				   a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

.header_fullmenu_t{display:none}


/* 서브레이아웃 */
.sub_3depth {
	position: absolute;
	right: 20px;
	font-size: 20px;
	font-weight: bold;
}
.sub_3depth.on{
	font-size: 30px;
}

.sub_contents{float:left;width:100%;min-height:600px;border-top:1px solid #ddd}
.sub_contentsbox{width:1400px;margin:0 auto;padding-bottom:50px;position:relative}

#lnb{float:left;width:280px;margin-right:50px}
#lnb h2{background:#6f8f23;height:140px;padding:60px 20px 35px;box-sizing:border-box;width:100%;font-size:20px;color:#fff;line-height:26px;word-break:keep-all}
#lnb .sub_2dmenu a{color:#666;height:50px;line-height:48px;padding:0px 20px;width:100%;display:block;font-size:15px;box-sizing:border-box;background:#f2f2f2;margin-bottom:3px;position:relative}
#lnb .sub_2dmenu a.on{background:#666;text-decoration:none;color:#fff;font-weight:700}
#lnb .sub_2dmenu a.on:hover{background:#666}
#lnb .sub_2dmenu a:hover{text-decoration:none;background:#ddd}
#lnb .sub_2dmenu a br{display:none}

#lnb .sub_2dmenu li ul{display:block;margin-bottom:3px;border:1px solid #457abb;padding:20px 10px;background:#fff}
#lnb .sub_2dmenu li ul li a{display:block;margin:0;padding:7px 20px;font-size:14px;background:#fff}
#lnb .sub_2dmenu li ul li a.on{background:#457abb;color:#fff;padding:7px 20px;border:none}

#contents{float:left;width:1070px}
#contents .contents_top{padding:90px 0 20px;border-bottom:1px solid #ddd;position:relative}
#contents .contents_top h3{font-size:30px;margin-bottom:10px;color:#000}
#contents .contents_top h3 br{display:none}
#contents .contents_top p{color:#666;padding:5px 0 0;font-size:14px}
#contents .contents_top p br{display:none}
#contents .contentsbox{padding:40px 0;color:#444;position:relative}
.contents_top .info{position:absolute;right:0;bottom:25px}
.contents_top .info .sns{float:left}
.contents_top .info .sns button{background:#fff;border:1px solid #ddd;padding:0 10px;font-family:Noto Sans KR;height:37px;line-height:33px;color:#666;text-align:center;font-size:13px;margin-right:4px;cursor:pointer;position:relative}
.contents_top .info .sns button:hover{font-weight:700;text-decoration:none}
.contents_top .info .sns ul{display:block;width:110px;padding:7px 0 15px 10px;background:#7a868f;z-index:20;position:absolute;top:37px;left:0}
.contents_top .info .sns ul li a{color:#fff;line-height:25px;font-size:13px}

.contents_top .info a.btn_qr_sub{display:block;float:left;overflow:hidden;border:1px solid #ddd;padding:0 10px;font-size:13px;color:#666;height:35px;line-height:33px}
.contents_top .info a:hover.btn_qr_sub{font-weight:700;text-decoration:none}
.contents_top .sub_navi{position:absolute;top:59px;right:0;color:#777}

.contents_top  .qr_sub_on{width:291px;height:350px;box-sizing: border-box;padding:30px 24px 0 24px;border-radius:8px;box-shadow:5px 5px 5px #999;position:absolute;z-index:2;top:45px;right:0;
background:url(/pages/eng/img/sub/qr_subbg.png) bottom center #fff no-repeat;border:1px solid #ddd;overflow:hidden}
.contents_top  .qr_sub_on dl{display:block;border-bottom:1px solid #ddd;width:100%;padding:12px 0 15px 0}
.contents_top  .qr_sub_on dt{font-size:18px;color:#000;font-weight:700;padding-bottom:10px}
.contents_top  .qr_sub_on dd{line-height:15px;color:#555}
.contents_top  .qr_sub_on .qr_img{width:120px;margin:85px auto 0px 55px;padding:10px;border-radius:8px;text-align:center;background:#fff}
.contents_top  .qr_sub_on .btn_close{position:absolute;top:10px;right:10px}


/* 푸터 */
#footer{clear:both;overflow:hidden;width:100%;height:120px;padding:40px 0 0 0;border-top:1px solid #ddd}
#footer .footer{width:1400px;margin:0 auto}
#footer h1 a{float:left;padding-right:20px}
#footer .footer_wrap{float:left;max-width:991px;}
#footer .footer_wrap ul li{float:left;margin-right:15px;padding-left:35px;min-height:30px}
#footer .footer_wrap ul li.address{background:url(../img/main/icon_foot_location.png) left top no-repeat}
#footer .footer_wrap ul li.email{background:url(../img/main/icon_foot_email.png) left top no-repeat}
#footer .footer_wrap ul li.tel{background:url(../img/main/icon_foot_tel.png) left top no-repeat}
#footer .footer_wrap p.copyright{color:#666;font-size:15px;float:left;padding:4px 0 0 5px}
#footer .footer_wrap .foot_btn{display:inline-block;min-width:120px;height:40px;line-height:38px;background:#7c8c9c;color:#fff;font-weight:500;text-align:center}


/****** Mobile ******/
@media screen and (max-width:690px){

/* header */
#header .header_top{display:none}
#navigation_pc{display:none}
#header{height:80px}
#menuwrap{width:100%;height:80px;padding:15px 0 0px 0}
#menuwrap h1{text-align:center;float:none;padding:0}
#menuwrap h1 a img{width:140px;margin-left:-17px}


/* 모바일메뉴 */
	.navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:999;background:#333;top:0;left:0;opacity:0.8;display:none}
	#navigation_mobile{position:absolute;width:80%;/* height:100%; */min-height:100%;background:#9d8c5d;right:0;top:0;z-index:9999;display:none;}
	#navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	#navigation_mobile #navigation_m > li > a{color:#fff;font-size:20px;line-height:48px;border-bottom:1px solid #fff;display:block;margin:20px 0;height:50px;font-weight:500;position:relative;padding:0 0 0 20px}	
	#navigation_mobile #navigation_m > li > a:hover{text-decoration:none}
	#navigation_mobile #navigation_m > li.active > a{font-weight:800;background:none}
	#navigation_mobile ul > li.active > a{background:#223041;font-weight:bold;color:#fff;border-bottom:1px solid #fff}
	#navigation_mobile ul > li > a span{position:absolute;right:20px;font-size:20px;font-weight:bold}
	#navigation_mobile li > ul{padding-top:0}
	#navigation_mobile li > ul > li > a{display:block;line-height:38px;height:40px;font-size:14px;color:#fff;padding:0 0 0 20px;border-bottom:1px solid #b3a06e}
	#navigation_mobile li > ul > li > a:hover{background:#223041}
	#navigation_mobile li > ul > a span{right:30px}
	#navigation_mobile .btn_close{z-index:9999;position:fixed;display:block;width:50px;height:50px;background:#555 url(../img/main/menu_close_btn.png) center center no-repeat;top:0px;right:0}
	#navigation_mobile .btn_close span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

	#navigation_mobile .mobile_top{width:100%;background:#f8f8f8;overflow:hidden;border-bottom:1px solid #ddd}
	#navigation_mobile .mobile_top ul li a{float:left;position:relative;height:40px;font-size:13px;color:#999;font-weight:700;line-height:38px;padding:0 0 0 20px}
	#navigation_mobile .mobile_top ul li a.login:after{content:'';position:absolute;right:-10px;top:14px;width:1px;height:10px;background:#999}
	.navigation_mobile_bg{display:block}
  #navigation_mobile_wrap{display:block}
	 #navigation_mobile_wrap .m_menu_top {overflow:hidden;margin:60px 20px 20px}
	 #navigation_mobile_wrap .m_menu_top ul li a{float:left;padding:3px 10px;box-sizing:border-box;border:1px solid #fff;color:#fff;margin-right:3px;font-size:14px}
	


/* 전체메뉴버튼 */
	.header_fullmenu, .header_fullmenu_t{display:none}
	.header_fullmenu_m{position:fixed;float:none;top:20px;right:-2px;z-index:20}
	.header_fullmenu_m a.btn_fullmenu_m{display:block;width:50px;height:50px;overflow:hidden;background:#fff url(/pages/eng/img/main/header_btn_menu.png) 0 0 no-repeat}
	a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

	#navigation_mobile_wrap{display:block}


/* 서브레이아웃 */
#lnb{display:none}
	#page_content{padding:20px 0 0 0 !important}
	#contents{width:100%;padding:10px;box-sizing:border-box}
	#contents .contents_top{padding:10px 0;text-align:center}
	#contents .contents_top h3{line-height:15px;margin-bottom:5px;font-size:20px}
	#contents .contents_top p{padding:0}
	.contents_top .info .sns ul{top:100px;left:50%;margin-left:-55px;z-index:9998;padding:7px 0 15px 0px}
	.contents_top .info a.btn_print{display:none}
	.contents_top .info a.btn_qr_sub{display:none}	
	.sub_contentsbox{width:100%}

	.contents_top .info{position:static;margin:0 auto;text-align:center}
	.contents_top .info .sns{float:none}

/* 푸터 */
#footer{width:100%;height:auto;padding:20px;box-sizing:border-box}
#footer .footer{width:100%}
#footer h1{text-align:center;padding-bottom:10px}
#footer h1 a{float:none}
#footer .footer_wrap{float:none}
#footer .footer_wrap ul li{float:none}
#footer .footer_wrap p.copyright{float:none;text-align:center;font-size:13px;line-height:20px;word-break:keep-all}
#footer .footer_wrap ul li{background:none !important;padding-left:0;float:none;min-height:auto;text-align:center;line-height:18px;font-size:14px;word-break:keep-all}
}


/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px){

/* header */
#header .header_top{display:none}
#navigation_pc{display:none}
#header{height:80px}
#menuwrap{width:100%;height:50px;padding:15px 0 0px 0}
#menuwrap h1{text-align:center;float:none;padding:0}
#menuwrap h1 a img{width:140px;margin-left:-17px}

/* 모바일메뉴 */
	.navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:999;background:#333;top:0;left:0;opacity:0.8;display:none}
	#navigation_mobile{position:absolute;width:65%;/* height:100%; */min-height:100%;background:#9d8c5d;right:0;top:0;z-index:9999;display:none;}
	#navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	#navigation_mobile #navigation_m > li > a{color:#fff;font-size:20px;line-height:48px;border-bottom:1px solid #fff;display:block;margin:20px 0;height:50px;font-weight:500;position:relative;padding:0 0 0 20px}	
	#navigation_mobile #navigation_m > li > a:hover{text-decoration:none}
	#navigation_mobile #navigation_m > li.active > a{font-weight:800;background:none}
	#navigation_mobile ul > li.active > a{background:#223041;font-weight:bold;color:#fff;border-bottom:1px solid #fff}
	#navigation_mobile ul > li > a span{position:absolute;right:20px;font-size:20px;font-weight:bold}
	#navigation_mobile li > ul{padding-top:0}
	#navigation_mobile li > ul > li > a{display:block;line-height:38px;height:40px;font-size:14px;color:#fff;padding:0 0 0 20px;border-bottom:1px solid #b3a06e}
	#navigation_mobile li > ul > li > a:hover, #navigation_mobile li > ul > li.active > a{background:#223041}
	#navigation_mobile li > ul > a span{right:30px}
	#navigation_mobile .btn_close{z-index:9999;position:fixed;display:block;width:50px;height:50px;background:#555 url(../img/main/menu_close_btn.png) center center no-repeat;top:0px;right:0}
	#navigation_mobile .btn_close span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

	#navigation_mobile .mobile_top{width:100%;background:#f8f8f8;overflow:hidden;border-bottom:1px solid #ddd}
	#navigation_mobile .mobile_top ul li a{float:left;position:relative;height:40px;font-size:13px;color:#999;font-weight:700;line-height:38px;padding:0 0 0 20px}
	#navigation_mobile .mobile_top ul li a.login:after{content:'';position:absolute;right:-10px;top:14px;width:1px;height:10px;background:#999}
	.navigation_mobile_bg{display:block}

     #navigation_mobile_wrap{display:block}
	 #navigation_mobile_wrap .m_menu_top {overflow:hidden;margin:20px}
	 #navigation_mobile_wrap .m_menu_top ul li a{float:left;padding:3px 10px;box-sizing:border-box;border:1px solid #fff;color:#fff;margin-right:3px}

/* 전체메뉴 버튼 */
	.header_fullmenu,.header_fullmenu_m,a.btn_fullmenu_m span{display:none}
	.header_fullmenu_t{display:block}
#navigation_mobile_wrap{display:none}

/* 서브레이아웃 */
#lnb{display:none}
	#page_content{padding:20px 0 0 0 !important}
	#contents{width:100%;padding:10px;box-sizing:border-box}
	#contents .contents_top{padding:10px 0;text-align:center}
	#contents .contents_top h3{line-height:15px;margin-bottom:5px;font-size:20px}
	#contents .contents_top p{padding:0}
	
	.contents_top .info a.btn_print{display:none}
	.contents_top .info a.btn_qr_sub{display:none}	
	.sub_contentsbox{width:100%}
	.contents_top .info .sns ul{top:100px;left:50%;margin-left:-55px;z-index:9998;padding:7px 0 15px 0px}
	.contents_top .info{position:static;margin:0 auto;text-align:center}
	.contents_top .info .sns{float:none}

/* 푸터 */
#footer{width:100%;height:auto;padding:20px;box-sizing:border-box}
#footer .footer{width:100%}
#footer h1{text-align:center;padding-bottom:10px}
#footer h1 a{float:none}
#footer .footer_wrap{float:none}
#footer .footer_wrap ul li{float:none}
#footer .footer_wrap p.copyright{float:none;text-align:center;font-size:13px;line-height:20px}
#footer .footer_wrap ul li{background:none !important;padding-left:0;float:none;min-height:auto;text-align:center;line-height:18px;font-size:14px}
}

/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1599px) {

/* header */
#header .header_top{display:block}
#header .header_top_box{width:100%}
#menuwrap{width:100%;height:119px;padding:15px 0 0px 0}
#menuwrap h1{padding:0}
#navigation_mobile_wrap,.header_fullmenu_m,.header_fullmenu_t{display:none !important}

#navigation{float:none;padding:20px 62px 0 0px}
#navigation li a{margin:0 12px;padding:0 0 9px 0;font-size:18px}
#navigation > li{line-height:40px}

#page_content{padding:0 !important}

/* 전체메뉴버튼 */
.header_fullmenu{position:absolute;top:10px;right:20px}
.navigation_mobile_wrap{display:none}

/* 서브레이아웃 */
.sub_contentsbox{width:100%;padding-bottom:220px}
	#lnb{width:100%}
	#lnb h2{display:none}
	#lnb .sub_2dmenu a{width:calc(100% / 4);float:left;letter-spacing:0px;padding:0px 5px;margin:0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center}
	#lnb .sub_2dmenu li:nth-child(4n) a{border-right:none}
	#lnb .sub_2dmenu a.on{padding:0px 5px}
	#lnb .sub_2dmenu .sub_3dmenu{position:absolute;top:120px;width:100%}
	#lnb .sub_2dmenu li ul li a{width:auto}
	#lnb .sub_2dmenu li ul{display:inline-block;width:calc(100% - 20px);box-sizing:border-box;margin:10px}
	
	#contents{width:100%;position:relative;top:0px;padding:10px;box-sizing:border-box}
	#contents .contents_top{padding:15px 0 10px}
	#contents .contents_top h3{margin-bottom:0}

/* 푸터 */
#footer{width:100%;height:auto;padding:20px;box-sizing:border-box}
#footer .footer_wrap{width:80%;padding-top:10px}
#footer .footer_wrap ul li{background:none !important;padding-left:0;min-height:auto;line-height:20px;font-size:14px}
#footer .footer_wrap p.copyright{width:100%;padding:4px 0 0 0px}
}

/****** Desktop Wide Device ******/
@media screen and (min-width:1600px)  {


/* 전체메뉴버튼 */
.header_fullmenu{position:absolute;top:32px;right:20px}


#navigation_mobile_wrap,.header_fullmenu_m,.header_fullmenu_t{display:none !important}
a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}



}