@charset "utf-8";
/* Web Standardization Team, Author:JongWoon,LEE 2017.01.19 */

/* UI Object */
html,body{}
body>#wrap{height:auto}
#wrap{display:block;position:relative;width:100%;margin:0 auto}
#shadow_device{display:none;position:fixed;top:0;right:0;width:100%;height:100%;background:#000;opacity:0.65;filter:alpha(opacity=90);z-index:2}

#wrap.active #shadow_device{display:block;}
/*header*/
#header{display:block;position:absolute;top:0;left:0;width:100%;height:84px;z-index:1}
#header:after{display:block;position:absolute;top:0;left:0;width:1000%;height:84px;background:#fff;content:"";margin-left:-500%;}
#header .head_wrap{display:block;position:relative;max-width:1000px;padding:0;margin:0 auto;z-index:1;height:100%;padding:0 1rem;}
#header .head_wrap:after{clear:both;display:block;content:""}
#header h1.logo{float:left;width:245px;height:33px;margin:22px 0;}
#header h1.logo > a{display:block;width:100%;height:100%;background:url(../images/header/h1_logo.png) no-repeat center/cover;font-size:0;line-height:0}
#header #topmenu.gnbwrap{float:left;}
#topmenu #gnavigation{position:absolute;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;}
#header,#header #topmenu,#header .topmenubg{transition:none !important;-webkit-transition:none !important}

/*submenu*/
.head_wrap .lst{float:right;}
.head_wrap .lst > p{display:inline-block;}
.head_wrap.active .all_menu{opacity:1;visibility:visible;height:430px;}
.head_wrap.active .all_menu .inner > ul{height:430px;}
.all_menu{opacity:0;visibility:hidden;position:absolute;top:84px;height:0;background:#fff;width:100%;left:0;transition:height .4s;}
.all_menu:before{width:1000%;margin-left:-500%;height:1px;background:#d5d5d5;content:'';position:absolute;top:0;left:0;}
.all_menu .inner:after{z-index:-1;width:1000%;margin-left:-500%;height:100%;background:#fff;content:'';position:absolute;top:0;left:0;}
.all_menu .inner{position:relative;}
.all_menu .inner > ul > li{float:left;width:25%;padding:0 1.4em 0 1.8em;height:100%;border-left:1px solid #d5d5d5;-webkit-transition:all .3s;transition:all .3s;}
.all_menu .inner > ul > li:hover{border-color:#fc6f4e;}
.all_menu .inner > ul{height:0;overflow:hidden;padding:40px 0;-webkit-transition:all .3s;transition:all .3s;}
.all_menu .inner .sub_menu li{display:block;font-size:13px;}
.all_menu .inner .sub_menu li + li{padding-top:15px;}
.all_menu .inner .sub_menu li > a{line-height:1.5;display:block;color:#333;}
.all_menu .inner .sub_menu li > a:hover{color:#fc6f4e;}
.all_menu .inner > ul > li > a.title{display:block;font-size:15px;color:#000;font-weight:bold;margin-bottom:15px;}
.all_menu .inner > ul > li > a.title span{position:relative;}
.all_menu .inner > ul > li > a.title span:before{position:absolute;top:2px;right:-8px;width:5px;height:5px;background:#fc6f4e;border-radius:50%;content:'';}

/*GNB*/
#topmenu #gnavigation li.th1{float:left;position:relative}
/* #topmenu #gnavigation li.th1 + li.th1{padding-left:60px;} */
/* #topmenu #gnavigation li.th1 + li.th1:before{position:absolute;top:50%;left:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:'';width:1px;height:12px;background:#c6c7ca;} */
#topmenu #gnavigation li.th1 + li.th1{padding-left:35px;}
#topmenu #gnavigation li.th1 + li.th1:before{position:absolute;top:50%;left:17px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:'';width:1px;height:12px;background:#c6c7ca;}
#topmenu #gnavigation a.th1_lnk{display:block;position:relative;font-size:1.125em;color:#000;letter-spacing:-0.0416667em;font-weight:bold;height:84px;line-height:84px;}
#topmenu #gnavigation a.th1_lnk:before{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%) scaleX(0);content:'';width:10px;height:10px;background:#fc6f4e;border-radius:50%;opacity:0;visibility:hidden;}
#topmenu #gnavigation a.th1_lnk.on{color:#fc6f4e;}
#topmenu #gnavigation li:hover a.th1_lnk.on:before,
#topmenu #gnavigation a.th1_lnk.on:before{opacity:1;transform:translateX(-50%) scaleX(1);visibility:visible;}
#topmenu #gnavigation a.th1_lnk.active,#topmenu #gnavigation a.th1_lnk.current,#topmenu #gnavigation a.th1_lnk:hover,#topmenu #gnavigation a.th1_lnk:active,#topmenu #gnavigation a.th1_lnk:focus{font-weight:700;color:#fc6f4e}
#topmenu #gnavigation a.th1_lnk.active:after,#topmenu #gnavigation a.th1_lnk.current:after,#topmenu #gnavigation a.th1_lnk:hover:after,#topmenu #gnavigation a.th1_lnk:active:after,#topmenu #gnavigation a.th1_lnk:focus:after{width:100%;margin-left:-50%;color:#fc6f4e}
#topmenu #gnavigation a.th1_lnk.active + .th2{display:block !important}
#topmenu #gnavigation .th2{display:block;position:absolute;top:70px;width:auto;height:50px;padding:0;text-align:center;z-index:1}
#topmenu #gnavigation .th2:after{clear:both;display:block;content:""}
#topmenu #gnavigation .th2 > li{float:left}
#topmenu #gnavigation a.th2_lnk{display:block;padding:12px 17px;font-weight:normal;font-size:1em;line-height:1.625em;color:#fff}
#topmenu #gnavigation a.th2_lnk.active,#topmenu #gnavigation a.th2_lnk:hover,#topmenu #gnavigation a.th2_lnk:active,#topmenu #gnavigation a.th2_lnk:focus{color:#fc6f4e}
#topmenu #gnavigation .no3 .th2{left:-80px;width:295px}
#topmenu #gnavigation .no5 .th2{left:-73px;width:230px}
#topmenu #gnavigation .no6 .th2{left:-57px;width:230px}
/*지난호보기*//*구독신청*/
.head_wrap .backNum_newsletter,
.head_wrap .subscribe{margin:25px 0 0 8px;}
.head_wrap .backNum_newsletter > a,
.head_wrap .subscribe > a{display:block;border:2px solid #fc6f4e;border-radius:30px;font-size:0.94em;line-height:31px;color:#000;letter-spacing:-0.03571em;width:104px;text-align:center;-webkit-transition:all .3s;transition:all .3s;height:35px;}
.head_wrap .backNum_newsletter > a:hover,
.head_wrap .subscribe > a:hover,
.head_wrap .subscribe.on > a{background:#fc6f4e;color:#fff;}

.tside_wrap{overflow:hidden;float:right;}
.tside_menu > li{float:left;}
.tside_menu > li + li{margin-left:5px;}
/* .tside_menu > li > a{border-radius:50%;height:29px;width:29px;display:inline-block;background:#ff765f;text-align:center;vertical-align:middle;display:flex;align-items:center;justify-content:center;} */
.tside_menu > li > a{border-radius:50%;height:29px;width:29px;display:inline-block;background:#20c0fc;text-align:center;vertical-align:middle;display:flex;align-items:center;justify-content:center;}
.tside_menu > li > a{font-size:0;}
.tside_menu > li.fb a{background:#345298}
.tside_menu > li.blog a{background:#01c932}
.tside_menu > li.tt a{background:#20c0fc}
.tside_menu > li.in a{background:#f0c640}
.tside_menu > li.sbsc a{background:#7162bd}
.tside_menu > li.insta a{background:none;}

/*모바일 메뉴아이콘*/
.mobileGNB_btn{display:none;position:absolute;top:0;right:0;width:70px;height:70px;z-index:999}
.mobileGNB_btn > a{display:block;width:100%;height:100%;padding:18px 13px;font-size:0;line-height:0}
.mobileGNB_btn > a#mobile_close_mn{display:block;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}
.mobileGNB_btn .menu_trigger{display:block;position:relative}
.mobileGNB_btn .menu_trigger > span{display:block;position:absolute;left:0;width:44px;height:6px;background:#505050}
.mobileGNB_btn .menu_trigger > span.bar1{top:0}
.mobileGNB_btn .menu_trigger > span.bar2{top:14px}
.mobileGNB_btn .menu_trigger > span.bar3{top:28px}
.mobileGNB_btn a#mobile_close_mn.active .menu_trigger > span{background:#fff}
.mobileGNB_btn a#mobile_close_mn.active .menu_trigger > span.bar1{transform:translateY(7px) rotate(-45deg);-webkit-transform:translateY(7px) rotate(-45deg)}
.mobileGNB_btn a#mobile_close_mn.active .menu_trigger > span.bar2{opacity:0 !important;filter:alpha(opacity=0) !important}
.mobileGNB_btn a#mobile_close_mn.active .menu_trigger > span.bar3{transform:translateY(-7px) rotate(45deg);-webkit-transform:translateY(-7px) rotate(45deg)}

/*모바일 메뉴*/
#mobile_menu{display:block;position:fixed;top:0;right:-320px;width:320px;height:100%;background:#3e4148;z-index:900;transition:none !important;-webkit-transition:none !important}
#mobile_menu .mobile_gnbwrap{display:block;position:relative}
.mobile_gnbwrap .tside_menu{display:block;position:relative;overflow:hidden;height:55px;padding:13px 0 0 13px}
.mobile_gnbwrap .tside_menu > li{float:left}
.mobile_gnbwrap .tside_menu > li > a{padding:0}
.mobile_gnbwrap .tside_menu > li > a > img{width:auto;}

.mobile_gnbwrap .tside_menu > li.in span.icon{background-position:-118px 0}
#mobile_gnavigation{display:block;position:relative;margin-top:35px}
#mobile_gnavigation li.th1{display:block;text-align:center}
#topmenu #gnavigation li.th1.no4 a{cursor:inherit;}
#mobile_gnavigation a.th1_lnk{display:block;padding:9px 0;font-size:1.923em;line-height:1.4em;color:#fff;letter-spacing:-0.04em}
#mobile_gnavigation .active a.th1_lnk,#mobile_gnavigation a.th1_lnk:hover,#mobile_gnavigation a.th1_lnk:active,#mobile_gnavigation a.th1_lnk:focus{font-weight:700;color:#fc6f4e}
#mobile_gnavigation .th2{display:inline-block;position:relative;transition:none !important;-webkit-transition:none !important}
#mobile_gnavigation a.th2_lnk{display:block;padding:5px 8px;font-size:1.2em;line-height:1.5em;color:#a9bbca}
#mobile_gnavigation a.th2_lnk.active,#mobile_gnavigation a.th2_lnk:hover,#mobile_gnavigation a.th2_lnk:active,#mobile_gnavigation a.th2_lnk:focus{color:#fc6f4e}
#mobile_menu .backNum_newsletter{display:block;position:relative;margin-top:20px}
#mobile_menu .backNum_newsletter > a{display:block;position:relative;max-width:134px;height:44px;margin:0 auto;border-radius:22px;background:#fc6f4e;font-size:1.385em;line-height:44px;color:#fff;letter-spacing:-0.05556em;text-align:center}
#mobile_menu .subscribe{display:block;position:relative;margin-top:20px}
#mobile_menu .subscribe > a{display:block;position:relative;max-width:134px;height:44px;padding:10px 0;margin:0 auto;border-radius:22px;background:#fc6f4e;font-size:1.385em;line-height:1.333em;color:#fff;letter-spacing:-0.05556em;text-align:center}
#mobile_menu .mobile_close{display:block;position:absolute;top:0;right:0;width:55px;height:55px}
#mobile_menu .mobile_close > a{display:block;padding:19px 15px}
#mobile_menu .mobile_close > a span{display:block;position:relative;width:25px;height:17px;font-size:0;line-height:0}
#mobile_menu .mobile_close > a span:before,#mobile_menu .mobile_close > a span:after{display:block;position:absolute;top:0;left:0;width:25px;height:3px;background:#fff;content:""}
#mobile_menu .mobile_close > a span:before{transform:translateY(7px) rotate(-45deg);-webkit-transform:translateY(7px) rotate(-45deg)}
#mobile_menu .mobile_close > a span:after{transform:translateY(7px) rotate(45deg);-webkit-transform:translateY(7px) rotate(45deg)}


/*body*/
#body,#content.container,#content.container #detail_content{display:block;position:relative}
#content{margin:auto;}
#body{padding-top:84px}
#content.container #detail_content{width:1000px;margin:0 auto;padding:2rem 0 6rem;max-width:90%;}
.main #content.container #detail_content{max-width:100%;padding:0}


/*footer*/
#footer{display:block;position:relative;}
#footer .footerbar{height:38px;width:100%;background:#f1f2f6;display:block;}
#footer .footerwrap{display:block;position:relative;max-width:1000px;margin:0 auto;padding:40px 0;overflow:hidden;}
#footer .foot_logo{display:none}
#footer .foot_info{display:inline-block;position:relative;padding-left:70px;float:left;}
#footer .qrcode{display:block;position:absolute;top:2px;left:0;width:51px;height:51px}
#footer .guide,#footer address,#footer .copyright{display:block;font-size:0.73em;line-height:1.4285em;color:#000;letter-spacing:-0.053571em}
#footer .guide > a{line-height:1.4285em;color:#fc6f4e}
#footer .guide br{display:none}
#footer address{margin:3px 0;}
#footer address > span{line-height:1.4285em}
#footer .copyright{font-size:0.68em;line-height:1.5384em;color:#9a9a9a;letter-spacing:0}



/*Responsive**********/
@media(max-width:1000px){
	#header{padding:0 15px}
	#header #topmenu.gnbwrap,.tside_wrap{display:none}
	#header .topmenubg{display:none}
	.mobileGNB_btn{display:block;right:0;position:fixed;top:.4rem;width:55px;height:55px;}
	.mobileGNB_btn .menu_trigger > span{width:26px;height:3px;}
	.mobileGNB_btn .menu_trigger > span.bar2{top:8px;}
	.mobileGNB_btn .menu_trigger > span.bar3{top:16px;}


}
@media(max-width:788px){
	label,input,button,a,span{line-height:1.7692em}
	body,button{font-size:0.813em;line-height:1.7692em}
	#header{height:55px}
	#header:after{height:55px}
	#header h1.logo{margin:9px 0 0 0;width:245px;}
	.mobileGNB_btn{width:55px;height:55px}
	.mobileGNB_btn > a{padding:11px}
	.mobileGNB_btn .menu_trigger{width:25px;height:17px}
	.mobileGNB_btn .menu_trigger > span{width:25px;height:3px}
	.mobileGNB_btn .menu_trigger > span.bar1{top:0}
	.mobileGNB_btn .menu_trigger > span.bar2{top:7px}
	.mobileGNB_btn .menu_trigger > span.bar3{top:14px}

	#body{padding-top:55px}

	#footer .guide,#footer address,#footer .copyright{font-size:1em;line-height:1.3846em}
	#footer .guide > br{display:block}
	#footer .guide > br ~ br{display:none}


}
@media(max-width:480px){
	#footer .guide > br ~ br{display:block}
	#footer address > span{display:inline-block}
}
@media(max-width:360px){
	#footer .foot_info{padding-left:0;text-align:center}
	#footer .qrcode{display:none}
}