@charset "utf-8";

/* All Device */
body{background:#f5f5f5;min-width:758px;}
#wrap_w{width:100%;}
#header{position:fixed;width:100%;height:56px;background:url(../../img/common/bg_header.png) repeat-x 0 0;z-index:99999;}
#container{position:relative;width:100%;padding:0 0 0 0;overflow:hidden; top:80px;}
#footer{position:relative;width:100%;height:159px;border-top:1px solid #e6e6e6; margin-top:130px;}

/*bck*/
.topBanner{position:fixed;width:100%;backfground:#ccc;z-index:9999}
.topBanner .close{position:absolute;top:0;right:10px;font-size:27px;}
/*bck*/
.logo{display:inline-block;width:160px;height:37px;float:left;margin:9px 0 0 44px;}
#mobileLogo{display:none}
#mobile_slogo{display:none;}

/*container*/
.content_start{min-height:1000px;display:inline-block;width:100%;}

/*bck*/
/*footer*/
.fnb{width:600px;margin:0 auto;padding:25px 0;}
.fnb li{display:inline-block;float:left;padding:0 23px 0 24px;background:url(../../img/common/bu_fnb.gif) no-repeat 0 50%;}
.fnb li.first{padding-left:0;background:none;}
.fnb li.end{padding-right:0;}
.fnb li a{font-size:12px;font-weight:700;}
address{width:800px;margin:0 auto;clear:both;}
address span{line-height:18px;font-size:12px;margin:0 0 0 9px;padding:0 0 0 10px;background:url(../../img/common/bu_fnb.gif) no-repeat 0 50%;}
address span.first{margin-left:0;padding-left:0;background:none;}
address span.bgblock{background:#b2b2b2;color:#fff;}
address span.copy{display:inline-block;width:100%;margin-left:0;padding-left:0;background:none;}
.f_logo{position:absolute;top:55px;left:50%;margin-left:257px;}
/*footer cumtomer*/
.fnb li.customerBtnM{display:none;}
.fnb li.customerBtn{display:block;}

/* side_button */
.side_button{position:fixed;bottom:100px;right:20px;display:none;}
.side_button li{padding:5px 0;}


/* plusShop */
#plusShop_header{position:relative;width:90%;margin:30px auto 20px auto; padding-bottom:100px;border-bottom:1px solid #ebe6e6;}
#plusShop_header hr {color:red;}
.seller_profile{display:inline-block;float:left; padding-bottom:20px}
.seller_icon{display:inline-block;width:69px;height:69px;border-radius:50%;float:left;}
.seller_icon img{border-radius:50%;}

.seller_tit{display:inline-block;width:240px;float:left;margin:0 0 0 10px;}
.seller_tit em{display:block;font-size:12px;color:#b2b2b2;font-weight:700;padding:2px 0;}
.seller_tit strong{display:block;font-size:20px;color:#000;font-weight:700;padding:2px 0;}
.seller_tit strong a{color:#000;font-weight:700;}
.seller_tit strong a:hover{color:#000;font-weight:700;}
.seller_tit strong a:focus{color:#000;font-weight:700;}
.seller_tit span{display:inline-block;height:22px;line-height:22px;font-size:15px;color:#0faae4;font-weight:700;padding:2px 0 0 0;}
.seller_tit span a {color:#0faae4;font-weight:700;}
.seller_tit span a:hover{color:#0faae4;font-weight:700;}
.seller_tit span a:focus{color:#0faae4;font-weight:700;}

.seller_info_w{width:100%;}
.seller_info{display:inline-block;float:left;padding:20px 0 0 0; margin-right:30px}
.seller_info li{display:inline-block;width:60px;text-align:center;float:left;}
.seller_info li a{display:inline-block;}
.seller_info li em.count{display:inline-block;width:100%;font-size:15px;color:#b2b2b2;margin:10px 0 0 0;font-weight:700;}

.seller_guide{display:inline-block;float:left;padding:20px 30px 0 0;font-size:14px;line-height:20px;color:#b2b2b2;font-weight:700;width:30%}
.seller_btn{position:absolute;top:20px;right:30px;}


/* 페이지네비 */
.page_navigation{position:absolute;top:-20px;width:100%;z-index:999;}
.page_navigation ul{width:984px;margin:0 auto;padding:0 10px;}
.page_navigation ul li{display:inline-block;padding-left:12px;margin-left:10px;float:left;font-family:'dotum';font-size:12px;color:#7a7a7a;background:url(../../img/common/bu_pnavS.png) no-repeat 0 50%;}
.page_navigation ul li.first{background:url(../../img/common/bu_pnav.png) no-repeat 0 0;}


/* 공통 */
.input_sch{display:inline-block;height:34px;line-height:34px;vertical-align:middle;border:none;padding:0 10px;float:left;}
/* 모바일 */
@media all and (max-width:800px) {
#header{position:fixed;width:800px;height:130px;background:url(../../img/common/bg_header.png) repeat-x 0 0;z-index:9999;}
}

/* 모바일 */
@media all and (max-width:736px) and (orientation:landscape) {
#container{position:relative;left:0;width:100%;padding:10px 0 0 0;overflow:hidden;top:100px;}
body{background:#f5f5f5;min-width:100%;overflow-x:hidden; width:100%}
}

@media all and (max-width:480px) and (orientation: portrait) {

html,body{width:100%;height:100%;}
body{min-width:320px;}
#wrap{position:relative;display:inline-block;width:100%;height:auto;overflow:hidden}

#header{position:fixed;width:100%;height:50px;background:#fff;z-index:999;box-shadow:0 5px 10px #ccc}
#subheader{position:fixed;width:100%;height:50px;background:#fff;z-index:588;}

.logo{display:none}
#mobileLogo{display:inline-block;width:142px;height:42px;float:left;margin:11px 0 0 29px;}
#mobileLogo img{width:100%;}
#mobile_slogo{display:none;}
#container{position:relative;left:0;width:100%;padding:10px 0 0 0;overflow:hidden;top:70px;}
#subcontainer{position:relative;left:0;width:100%;padding:10px 0 0 0;overflow:hidden;top:20px;}

/*footer*/
.fnb{position:relative;padding:10px 0;margin:0 auto;display:block;width:310px; margin-top:10px}
.fnb li{display:block;padding:0 10px 0 10px;background:url(../../img/common/bu_fnb.gif) no-repeat 0 50%;}
.fnb li a{font-size:11px;font-weight:700;}
.fnb li.first{padding-left:0;background:none;}
.fnb li.end{padding-right:0;}
address{clear:both;text-align:center;margin-top:15px}
address span{line-height:13px;font-size:10px;margin:0;padding:0;background:none;display:inline-block;}
address span.first{margin-left:0;padding-left:0;background:none;}
address span.bgblock{background:#b2b2b2;color:#fff;}
address span.copy{display:inline-block;width:100%;margin-left:0;padding-left:0;background:none;}
.f_logo{display:none;}
/*footer cumtomer*/
.fnb li.customerBtnM{display:block;}
.fnb li.customerBtn{display:none;}


/* side_button */
.side_button{position:fixed;bottom:50px;right:20px;display:none;}
.side_button li{padding:5px 0;}


/* plusShop */
#plusShop_header{position:relative;display:inline-block;margin:0 auto;width:100%;padding:0 0 8px 0;}
.seller_icon{display:inline-block;width:60px;height:60px;border-radius:50%;float:left;}
.seller_icon img{border-radius:50%;width:100%}

.seller_tit{display:inline-block;width:auto;float:left;margin:0 0 0 20px;}
.seller_tit em{display:block;font-size:12px;color:#b2b2b2;font-weight:700;padding:2px 0;}
.seller_tit strong{display:block;font-size:15px;color:#000;font-weight:700;padding:2px 0;}
.seller_tit span{display:inline-block;height:16px;line-height:16px;font-size:12px;color:#0faae4;font-weight:700;}

.seller_info{ margin-left:20px; width:100%}
.seller_profile{margin-left:20px; }
.seller_guide{margin-left:20px;width:50%;}
.seller_btn{position:absolute;top:10px;right:15px;}
.seller_btn a{width:78px !important;height:30px;line-height:30px;font-size:12px;}

.eventTiles-m{width:100%;margin:0 auto;padding:15px 0;text-align:center;}
.eventTiles-wrap-m{list-style:none;}
.eventTiles-wrap-m li{display:block;float:left;box-sizing:border-box; margin-bottom:14px}
.eventTiles-wrap-m li img{max-width:94%;height:auto;}
}

@media all and (max-width:360px) and (orientation: portrait) {
.logo{display:none;}
#mobileLogo{display:none;}
#mobile_slogo{display:inline-block;width:110px;height:28px;float:left;margin:10px 0 0 29px;}
#mobile_slogo img{width:100%;}

.seller_info{ margin-left:25px; width:100%}
.seller_profile{margin-left:20px; }
.seller_guide{margin-left:20px;width:90%;}
}

@media all and (max-width:320px) and (orientation: portrait) {
.seller_info{ margin-left:10px; width:100%}
.seller_btn{position:absolute;top:0px;right:10px;}
.seller_btn a{width:70px !important;height:20px;line-height:20px;font-size:12px;}
}
