@charset "utf-8";

p,a,span,div,header,footer{box-sizing:border-box;}
body{height:auto;overflow-x:hidden;overflow-y:auto;}
.text_block{display:block;}

#wrapper{position:relative;min-width:320px;background:#fff;}

.container{}
.container h2{padding:0.8rem 0.8rem;font-size:1em;line-height:1em;color:#222;}

/* header */
header{position:relative;width:100%;position:relative;top:0;left:0;height:auto;padding:0.9rem 0.7rem 0.6rem;z-index:103;border-bottom:2px solid #f58220;}
header h1{float:left;}
header h1 img{height:18px;}

a.btn_open_gnb{float:right;}
a.btn_open_gnb img{height:18px;}

/* GNB */
.wrap_gnb{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;}
.gnb{width:286px;position:fixed;top:0;right:0;height:100%;overflow-y:auto;background:#fff;}
.gnb_top{background:#f58220;}
.gnb_top a.btn_go_home{float:left;display:inline-block;padding:14px 50px 14px 14px;}
.gnb_top a.btn_go_home img{width:11px;height:23px;vertical-align:middle;}
.gnb_top a.btn_go_home span{display:inline-block;padding:4px 0 0 5px;font-size:1em;line-height:1em;vertical-align:middle;color:#fff;}

.gnb_top a.gnb_close{float:right;display:inline-block;padding:14px;}
.gnb_top a.gnb_close img{width:22px;height:22px;vertical-align:middle;}
.bg_gnb{width:100%;height:100%;background:#000;opacity:0.8;}

.wrap_gnb_menu{background:#fff;}
.wrap_gnb_menu .inner_gnb{padding:1.2rem 0.9rem 0;}
.wrap_gnb_menu .inner_gnb h3{font-size:0.76em;line-height:1em;color:#222;border-bottom:1px solid #555;padding-bottom:0.3rem;}
.wrap_gnb_menu .inner_gnb ul{}
.wrap_gnb_menu .inner_gnb ul li{width:100%;}
.wrap_gnb_menu .inner_gnb ul li a{display:block;padding:0.95rem 0 0.85rem;border-bottom:1px solid #ddd;font-size:0.85em;line-height:1em;background:url(../img/common_m/btn_rb_arrow.png) no-repeat right 18px;background-size:6px 10px;color:#222;}
.wrap_gnb_menu .inner_gnb ul li.left{width:50%;}
.wrap_gnb_menu .inner_gnb ul li.left a{margin-right:12px;}

.wrap_gnb_menu ul.btn_2list{padding:22px 14px 12px;}
.wrap_gnb_menu ul.btn_2list li{float:left;width:50%;}
.wrap_gnb_menu ul.btn_2list li a{display:block;padding:0.9rem 0;border:1px solid #ddd;font-size:0.85em;line-height:1em;text-align:center;}
.wrap_gnb_menu ul.btn_2list li.left a{border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:none;}

.wrap_gnb_menu ul.btn_3list{padding:0 14px 18px;}
.wrap_gnb_menu ul.btn_3list li{float:left;width:33.3333%;}
.wrap_gnb_menu ul.btn_3list li a{display:block;padding:10px 0 8px;border:1px solid #ddd;font-size:0.85em;line-height:1em;text-align:center;}
.wrap_gnb_menu ul.btn_3list li a img{height:22px;}
.wrap_gnb_menu ul.btn_3list li.left a{border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:none;}

.wrap_gnb_menu .family_link{padding:0 14px 15px;}
.wrap_gnb_menu .family_link a{display:block;font-size:0.85em;line-height:1em;}
.wrap_gnb_menu .family_link a.btn_open{color:#222;border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:0.8rem 0.7rem;}
.wrap_gnb_menu .family_link a.btn_on{background:url(../img/common_m/btn_listicon_close.png) no-repeat 236px 12px;background-size:0.8rem;}
.wrap_gnb_menu .family_link a.btn_off{background:url(../img/common_m/btn_listicon_plus.png) no-repeat 236px 12px;background-size:0.8rem;}
.wrap_gnb_menu .family_link ul{padding:6px 0;border-bottom:1px solid #ddd;}
.wrap_gnb_menu .family_link ul li{}
.wrap_gnb_menu .family_link ul li a{padding:0.75rem;}

/* footer */
footer{z-index:102;background:#1e1e1e;padding:1rem 0.6rem;}
footer .footer_area img{float:left;height:1rem;}
footer .footer_area span{font-size:0.76em;line-height:1em;color:#949494;padding-bottom:3px;}
footer .footer_area .copy01{float:right;display:block;}

footer .go_pcver{padding:0.5rem 0 0;}
footer .go_pcver .copy02{float:none;display:none;font-size:0.76em;line-height:1em;color:#949494;}
footer .go_pcver a{display:block;padding:0.4rem;border:1px solid #555;background:#222;text-align:center;color:#949494;}
footer .go_pcver a span.icon{display:inline-block;width:16px;height:15px;background:url(../img/common_m/btn_go_pcver.png) no-repeat;background-size:16px 15px;vertical-align:middle;}
footer .go_pcver a span.text{font-size:0.85em;line-height:1em;vertical-align:middle;padding-left:3px;}



/* title */
.container h2{}
.container h3{position:relative;font-size:1.125em;line-height:1em;padding-top:0.4rem;color:#222;}
.top_line_white{position:absolute;top:0;left:0;display:block;width:0.8rem;height:2px;background:#fff;}
.top_line_black{position:absolute;top:0;left:0;display:block;width:0.8rem;height:2px;background:#222;}

.top_line_color01{position:absolute;top:0;left:0;display:block;width:0.8rem;height:2px;background:#43b8c0;}
.top_line_color02{position:absolute;top:0;left:0;display:block;width:0.8rem;height:2px;background:#599edf;}
.top_line_color03{position:absolute;top:0;left:0;display:block;width:0.8rem;height:2px;background:#f96836;}
.top_line_color04{position:absolute;top:0;left:0;display:block;width:0.8rem;height:2px;background:#f68a2f;}

/******* 2018 이벤트 임시배너 *******/
.wrap_hdbanner{width:100%;background:linear-gradient(to bottom, #061029, #0b1b29);}
.wrap_hdbanner .bg_con{background:url(../img/event_m/bg_top_snow.jpg) repeat-x;background-size:auto 6.25rem;}
.wrap_hdbanner a.inner_hdbanner{display:block;width:100%;padding:0.7rem 0.8rem;box-sizing:border-box;}
.wrap_hdbanner a.inner_hdbanner .title_area{float:left;}
.wrap_hdbanner a.inner_hdbanner .title_area > img{width:14rem;height:2.8rem;}
.wrap_hdbanner a.inner_hdbanner .btn_area{display:inline-block;float:right;font-size:0.7em;line-height:1em;color:#fff;padding:7px 8px;border:1px solid #fff;margin-top:0.8rem;}

/* media query */
@media(min-width:320px){
.wrap_hdbanner a.inner_hdbanner .title_area > img{width:12.5rem;height:2.56rem;}
.wrap_hdbanner a.inner_hdbanner .btn_area{padding:6px 7px;}
}

@media(min-width:360px){
html{font-size:1.05em;}
.text_block{display:inline;}
.gnb{width:300px;}
footer .footer_area img{float:none;}
footer .footer_area .copy01{display:none;}
footer .go_pcver .copy02{display:block;padding-bottom:0.6rem;}
}

@media(min-width:480px){
html{font-size:1.2em;}
.gnb{width:350px;}
footer .footer_area .copy01{display:none;}
footer .go_pcver .copy02{float:left;display:inline-block;padding-bottom:0.6rem;}
footer .go_pcver a{float:right;display:inline-block;min-width:110px;font-size:0.8em;line-height:1em;margin-top:-8px;}
.wrap_gnb_menu .family_link a.btn_on{background:url(../img/common_m/btn_listicon_close.png) no-repeat 290px 16px;background-size:0.8rem;}
.wrap_gnb_menu .family_link a.btn_off{background:url(../img/common_m/btn_listicon_plus.png) no-repeat 290px 16px;background-size:0.8rem;}
}

@media (min-width:768px){
html{font-size:1.28em;}
.gnb{width:360px;}
.wrap_gnb_menu .inner_gnb{padding:1.6rem 0.9rem 0;}
.wrap_gnb_menu .family_link a.btn_on{background:url(../img/common_m/btn_listicon_close.png) no-repeat 290px 16px;background-size:0.8rem;}
.wrap_gnb_menu .family_link a.btn_off{background:url(../img/common_m/btn_listicon_plus.png) no-repeat 290px 16px;background-size:0.8rem;}
.wrap_hdbanner a.inner_hdbanner{max-width:460px;margin:0 auto;}
}