@charset "utf-8";
/* 모바일 코딩 필수 공통영역 */
* { margin:0; padding:0; -webkit-text-size-adjust:none; }
body { color:#666; font-size:12px; font-family:"맑은 고딕", "나눔고딕", "돋움", "굴림",Helvetica, AppleGothic; }
img, fieldset { border:0; max-width:100%;}
ul, ol, li, dl { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
hr { display:none; }
a { color:inherit; }
a, a:link { color:#333; text-decoration:none; }
a:visited { color:#333; }
a:hover, a:active { color:#333; text-decoration:none; }
em, i, address { font-style:normal; font-weight:normal; }
legend, caption { display:none; clear:both; }
input, textarea, select, button, table { font-size:inherit; font-family:inherit; line-height:inherit; }
section, nav, article, aside, hgroup, header, footer { display:block; clear:both }
textarea, input { background:url(none); -webkit-border-radius:1px; -webkit-apprearance:none; }
textarea { resize:none; }
label { cursor:pointer; }



/* HEADER */
#page{width:100%; overflow:hidden; background:#fff}
header{display:block}
#wrap_head {color:#FFF; position:relative; height:50px; }
.head{overflow:hidden; position:relative}
#sideLeft_menu{float:left; margin: 13px 0px 12px 10px; }

.head h1{position:absolute; top:14px; left:50%; margin-left:-61px; }
#logo {display:block; width:141px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/logo.png) 0 0 no-repeat;}
 @media screen and (-webkit-device-pixel-ratio: 2) {
#logo { background:url(../images/logox2.png) 0 0 no-repeat;
   -webkit-background-size:141px 24px; }
}
#btn1 { float:right; margin: 12px 10px 12px 0; }
.search_icon {background:url(../images/btn_search.png) no-repeat; display:block;
 width:24px; height:24px; text-indent:-999px; overflow:hidden; }
 @media screen and (-webkit-device-pixel-ratio: 2) {
.search_icon { background:url(../images/btn_searchx2.png) 0 0 no-repeat;
   -webkit-background-size:24px 24px; }
}
.sns_down {background:url(../images/sns_down.png) no-repeat; display:block; float:left;
 width:19px; height:18px; text-indent:-999px; overflow:hidden; margin-top:17px; }
 @media screen and (-webkit-device-pixel-ratio: 2) {
.sns_down { background:url(../images/sns_downx2.png) 0 0 no-repeat;
   -webkit-background-size:19px 18px; }
}
.head_right{ float:right; overflow:hidden; width:60px;}

#popup_layer{width:100%;height:40px; position:relative;  }
#popup_layer ul li{ float:left; width:48px; margin-top:8px;}
#popup_layer ul{ text-align:center; margin-left:8px;}


#side_Nav #menu{display:none; position:relative}
#menu .title01{color:#fff; margin:0 0 0 20px}
#menu .text_in{padding-left:20px}
#menu .telNum{font-size:20px; color:#fff; font-weight:bold; margin-bottom:20px; float:left}
#menu .telCon{background:url(../images/tel.png); width:38px; height:39px; text-indent:-9999px; position:absolute; left:130px}
@media screen and (-webkit-device-pixel-ratio: 2) {
#menu .telCon{ background: url(../images/telX2.png) 0 0 no-repeat;
   -webkit-background-size:38px 39px; }
}
#menu .sideicon1{ background:#fff; padding-top:10px; display:block  }
#menu .sideicon2{ background:#fff; }
#menu .sideicon3{ background:#fff; padding-bottom:10px}
.weight{height:20px}





/* 숨겨진 검색창 */
#content{ display:none; height:40px; background:#666; width:100%; position:absolute; top:45px; left:0; z-index:20; border:none; padding-top:9px}
#content .bg_search{ position:relative; padding-right:35px}
#content .wrapBox{ height:30px; background-color:#fff; border-radius:3px; -webkit-border-radius:5px; 
	-moz-border-radius:5px; text-align:left}
#content input.type_btn{ position:absolute; top:3px; right:0; display:block; width:29px; height:27px; background:url(../images/search_down.png) no-repeat; text-indent:-9999px; border:0 }
@media screen and (-webkit-device-pixel-ratio: 2) {
#content input.type_btn{ background: url(../images/search_downx2.png) 0 0 no-repeat;
   -webkit-background-size:29px 27px; }
}

#content .wrapBox input.type_text {
 width:85%;
 height:25px;
 color:#555;
 border:0 none;
 margin:2px 0 0 10px; }

#content fieldset {margin:0 10px}


#footer{ height:55px; background:#666666; position:relative; margin-top:50px; }
#footer .footer_left { margin:12px 0 0 5px; color:#fff; font-size:10px; float:left;  line-height:15px }
#footer .footer_right{padding-top:12px; float:right; margin-right:1% }
#footer .color_fff{ color:#fff;}
/* footer */
/* #footer {border-top:1px solid #ddd; background-color:#666; text-align:center; font-size:14px; margin-top:30px; padding-bottom:20px; clear:both; height:44px}
	
#footer .footer_menu {width:100%; border-bottom:1px solid #ddd; background:#555; text-align:center; overflow:hidden;}
#footer .footer_menu li {float:left; width:25%; height:44px;}
#footer .footer_menu li a {display:block; border:none; height:44px; color:#fff; padding-top:14px; font-size:13px; }
#footer .footer_menu li a.tab_m { border-right:1px solid #ddd;}

#footer .footer_side {width:100%; border-bottom:1px solid #ddd; background:#ccc; text-align:center; overflow:hidden;}
#footer .footer_side li {float:left; width:50%; height:33px;}
#footer .footer_side li a {display:block; border:none; height:33px; color:#555; padding-top:7px; font-size:13px; }
#footer .footer_side li a.tab_m { border-right:1px solid #ddd;}

#footer p.privacy {width:100%; margin:20px 0 0 0; height:10px; font-size:12px; letter-spacing:-1px; }
#footer p.privacy a { color:#fff; }
#footer p.privacy span.bar {padding:0 8px 0 8px; font-size:11px; color:#ddd; }

.adressM{margin:15px 0 0 0; float:left}
#footer .adressT{font-size:10px; color:#ccc; float:left; overflow:hidden; }
#footer .a_last{margin:8px 0 10px 0; color:#bbb}


#footer .bottom_logo{ float:left; margin:0 10px}
.bottom_logo_img{ margin-top:15px; width:100%; overflow:hidden}
#footer .bottom_logo_img p { float:left;}

.bottom_img1{ padding:1px 3px 0 10px}
.bottom_img3{ padding-left:3px; margin-top:-2px}

#footer .btn_area{ overflow:hidden; float:left; margin-left:10px}
#footer .btn_area li{width:100%; box-sizing:border-box;}
#footer .btn_area li a{ display:block; padding:3px 12px; border:1px solid #c6c6c6; background-color:#eeeeee; color:#000; font-size:10px} */

/* 레이어 팝업 */
.spi_wrap .spi_ico,
.spi_wrap .spi .layer_share a:before,
.sticker_score em,.spi_card .spim,.spi_card .spim_be:before,.spi_card .spim_af:after,.spi_card .u_spi_mypost:before{background:url(../images/sp_spi.png) no-repeat;background-size:250px 265px;-webkit-background-size:250px 265px}
#layer_pop{position:fixed; width:100%; height:2000px; top:0px; left:0px; display:none;background-color:rgba(0,0,0,0.2);z-index:40; }

/* card type */
.spi_card{position:absolute !important;top:0;left:50% !important;z-index:20010 !important;width:290px !important;margin-left:-145px !important;padding-bottom:9px !important;font-family:'나눔고딕',NanumGothic,HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif!important;line-height:17px !important;background-color:#fff !important;-webkit-transform:translateZ(0)}
.spi_card .h_spi_card{display:block !important;padding:18px 0 17px 0 !important;color:#333 !important;font-size:16px !important;text-align:center !important}

/* 아이콘 라인 */
.spi_card .spi_swipe_area > div{height:203px !important;padding-left:13px !important}
.spi_card .spi_swipe_area > div:after{display:block !important;clear:both !important;content:'' !important}

.spi_card .spi_area a{display:block !important;float:left !important;width:88px !important;height:60px !important;margin:7px 0 7px !important;color:#666 !important;font-size:12px !important;white-space: nowrap !important;text-align:center !important}
.spi_card .spi_area a:before{display:block !important;width:46px !important;height:46px !important;margin:0 auto 3px !important;vertical-align:top !important;content:'' !important}
.spi_card .spi_area a.lnk_line:before{background-position:-100px 0 !important}
.spi_card .spi_area a.lnk_kakaotalk:before{background-position:-150px 0 !important}
.spi_card .spi_area a.lnk_twitter:before{background-position:-50px -50px !important}
.spi_card .spi_area a.lnk_facebook:before{background-position:-100px -50px !important}
.spi_card .spi_area a.lnk_kakaostory:before{background-position:-200px -50px !important}
.spi_card .spi_area a.lnk_band:before{background-position:0 0 !important}

/* 닫기 */
.spi_card .spi_cls{position:absolute !important;top:9px !important;right:6px !important;padding:11px !important}
.spi_card .spi_cls span{overflow:hidden !important;display:block !important;width:14px !important;height:14px !important;background-position:-200px -100px !important;color:transparent !important}