@charset "utf-8";
/*color:#f35a6a;color:rgb(243,90,106)*/

*{font-family:맑은 고딕,Malgun Gothic,'NanumBarunGothic',applegothic,sans-serif,arial;transition:all 0.3s, font-size none;letter-spacing:-0.05em;}
html,body{font-size:13px;color:#333;}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:#303030}
a:hover{color:inherit;}
/*색상*/
.tcol,.pageNavigation strong,.colorActive,.mobile_menu .btnWrap a:before,.productView .productSaleInfo .mallControlBtn ul li #cartBtn
,.member h2 strong,.open strong span,.Location strong
{color:#f35a6a !important;}
.tcolb,.table_basic,#ajax_body,.productView .productInfo .productImageZoom a:hover,.tmp-select > a:before,.form-control:focus,.input:focus
{border-color:#f35a6a !important;}
.tcolbg,.tb thead tr,#ajax_display .menu_black,.new_login_box .loginbtn,#clNav:hover > div,.tabRecent .on:before,.subHeader h3,.productSaleInfo .mallControlBtn ul li .buyBtn
,.subTitle:before,.productTab li.on,#leftNaviText ol li .active
{background-color:#f35a6a !important;}
.btnPack.strong,.box:after,.btnPack.blue,.btnPack.red
{background-color:#f35a6a;}

#Default .emailContent{background:rgba(243,90,106,0.1);}
#Default .emailContent dt{color:rgba(243,90,106,0.7);}

#layout{max-width:480px;overflow-x:hidden;margin:0 auto}
#wrap{margin:0 auto}
.container{max-width:768px;min-width:360px;}
.container{margin-right: auto;margin-left: auto;padding-right: 15px;padding-left: 15px;}
.container:before,.container:after {display: table;content: " ";}
.container:after {clear: both;}
.container:before,.container:after {display: table;content: " ";}
.container:after {clear: both;}

.row {margin-right: -15px;margin-left: -15px;}
.row:before,.row:after {display: table;content: " ";}
.row:after {clear: both;}
.row:before,.row:after {display: table;content: " ";}
.row:after {clear: both;}

.conts{padding-left:15px;padding-right:15px;}

/*상단메뉴*/
#header{background:#fff;}
#header .inner{position:relative;}
#header .logo{display:block;text-align:center;padding:10px 0}
/*하단*/
#footer{text-align:center}
#footer .info span:after{display:inline; margin:0 3px}
/*contens*/
.Location{display:block;line-height:50px;height:50px;}
.Location span{font-size:0;line-height:0;display:inline-block;width:30px;position:relative;}
.Location span:before,.Location span:after{content:'';height:1px;width:30px;background:#eee;position:absolute;right:3px}
.Location span:before{top:-18px;transform:rotate(60deg);}
.Location span:after{bottom:-8px;transform:rotate(-240deg);}

.Location a,.Location strong{padding:0 10px;font-weight:bold;}
.Location a:first-child{padding-left:0;font-size:0;line-height:0;} 
.Location a:first-child:after{ content:''; display:inline-block;background:url(../image/main/icon.png) no-repeat -114px -10px; width:16px;height:15px; padding:0}


.Visual{height:200px;overflow:hidden;}
.subVisual{background-image:url(../image/title/00.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;height:100%;position:relative;animation-name:scaleIn;animation-duration:0.6s;text-align:center;}
.subVisual:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url(/common/image/pt3.png) repeat rgba(0,0,0,0.45);z-index:1}

.subVisual p{font-family:"Nanum Square";font-size:2.7em;font-weight:400;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,0.2);position:absolute;top:50%;margin-top:-26px;z-index:10;display:block; width:100%}
.subVisual p:before{content:'';display:block;background:#fff;height:2px;width:30px;margin:0 auto 10px}

.subTitle{display:block;text-align:center;position:relative;display:block;margin:1vmin auto 4vmin;font-size:2em;font-family:'Nanum Square';font-weight:700}
.subTitle:before{content:"";display: block;margin:0 auto 10px;width:20px;height:3px;}
.subTitle em{display:block;font-size:17px;font-weight:400;margin-top:10px;}

.sub_menu{text-align:center;white-space:nowrap;margin-bottom:20px;}
.sub_menu:after{content:'';display:table;clear:both}
.sub_menu li.parent{display:none;}
.sub_menu ul{display:none;}
.sub_menu ul.On{display:block;margin-left:auto;margin-right:auto;}
.sub_menu ul li.parent{display:block;position:relative;}
.sub_menu ul li a,.sub_menu .active{display:block;border-bottom:1px solid rgba(0,0,0,0.1);padding:15px 0;position:relative;font-size:105%;font-weight:bold;}
.sub_menu .active{color:#fff;background:rgba(0,0,0,0.8);}
.sub_menu .active:before{content:'';position:absolute;left:0px;right:0px;bottom:0px;top:0px;z-index:0}
.sub_menu ul #now{display:none;}
.sub_menu ul.childes{display:none !important;}
.sub_menu #now{display:block;}

#leftNaviText{text-align:center;white-space:nowrap;}
#leftNaviText:after{content:'';display:table;clear:both;}
#leftNaviText ol{display:none;}
#leftNaviText ol.On{display:block;margin:0 -3px 10px;overflow:hidden}
#leftNaviText ol li{float:left;position:relative;}
#leftNaviText ol li a{display:block;border:1px solid rgba(0,0,0,0.1);padding:15px 0;position:relative;font-size:105%;font-weight:bold;margin:0 3px;}
#leftNaviText ol li .active{color:#fff;}
#leftNaviText ol li .active:before{content:'';position:absolute;left:-1px;right:-1px;bottom:-1px;height:5px;}
#leftNaviText #now{display:none;}
#leftNaviText ol li #now{display:block;}