@charset "euc-kr";
@import url("common.css");


#visual {position:relative; overflow:hidden; width:100%; text-align:center; height:165px; padding:85px 0 0; text-align:center; box-sizing:border-box;}
#visual h2 {font-family:'freight-big-pro', sans-serif; font-size:2.231rem; color:#222; line-height:0.9; font-weight:300; position:relative; top:-50px; opacity:0; animation:vt_ani 1s forwards;}
#visual p {font-size:1rem; color:#888888; letter-spacing:-0.7pt; line-height:1; margin:13px 0 0; position:relative; top:-50px; opacity:0; animation:vt_ani 1s forwards; animation-delay:0.2s;}
#visual.subtop_login {height:350px !important; padding:190px 0 0!important;}

@keyframes vt_ani {
0% {top:-50px; opacity:0;}
100% {top:0; opacity:1;}
}

@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}


/* ¼­ºêÅÇ ¸®½ºÆ® */ 
#container {position:relative; overflow:hidden; margin:0 auto; box-sizing:border-box;}
#container .sticky-wrapper {position:absolute; top:0px; left:0; display: block; width:100%; height: 50px; z-index: 10;}

/* ¼­ºê¸Þ´º ¼öÁ¤½Ã Ãß°¡¼Ò½º */
.clear { clear:both; display:block; }
.clearfix:after {content: ""; display: block; clear: both;}
.clearfix > li {display: block; float:left;}
body.scroll_off { overflow:hidden;}

#lnb {width:96%;  border:1px solid #ddd; box-sizing:border-box; margin:0 auto 30px;}
#lnb ul {font-size:0; text-align:center;}
#lnb ul li {display:inline-block; margin:0 10px;}
#lnb ul li a {position:relative; font-size:1rem; letter-spacing:-0.6pt; line-height:50px; display:block; padding:0 5px; transition:all 0.3s;}
#lnb ul li a:after {content:''; width:0; height:2px; background:#222; position:absolute; bottom:0; left:0;}
#lnb ul li a:hover {color:#222; transition:all 0.3s;}
#lnb ul li a.left_linktop {font-weight:bold; color:#222; }
#lnb ul li a.left_linktop:after {width:100%;}



/** dropdownlist **/
.dropLst { display:inline-block; /* position:relative; */ vertical-align:middle; color:#666;}
.dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; padding:0 40px 0 10px; box-sizing:border-box; color:#333; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; top:100%; z-index:9; } /* box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);  min-width:100%; */
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { margin-top:-1px; background-color:#fff; max-height:400px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { /* background-color:#f3f3f3; */ }
.dropLst .txt, .dropLst ul { border:1px solid #d7d7d7; }
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropLst li span, .dropLst li a { padding:0 10px; }
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {/*font-weight:bold;*/}
.dropLst li span, .dropLst li a { display:block; }

/** ¼­ºê ³×ºñ°ÔÀÌ¼Ç ¸ð¹ÙÀÏ **/
.mobile_snb {display: block; width:100%; margin:0 auto; height:46px; background:#fff;}
.mobile_snb .box {float:left; height:46px; width: 50%; background-color: #3c4247; box-sizing:border-box; } /* background-color: #fff;  */
.mobile_snb .box.dep1 {border-right:1px solid #505559;}/*background-color: #003591;*/
.mobile_snb .dropLst .txt, 
.mobile_snb .dropLst li span, 
.mobile_snb .dropLst > a {padding-left:10px; width:100%; height: 46px; line-height: 46px; font-size:13px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt;}
.mobile_snb .box .dropLst .txt {padding-right:40px; color:#fff;}
.mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:10px; display: block; width: 10px; height: 8px; margin-top:-4px; background:url('/m/img/lnb_arrow.gif') left center no-repeat; background-size:10px auto; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
.mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mobile_snb .box .dropLst ul {padding:0;}
.mobile_snb .box.dep1 .dropLst ul,
.mobile_snb .box.dep1 .dropLst ul li {background-color:#f9f9f9; border-bottom:1px solid #ddd;} /* background-color: #003591; */
.mobile_snb .box.dep1 .dropLst ul li:first-child {border-top:1px solid #ddd;}
.mobile_snb .box.dep1 .dropLst ul li:last-child {border-bottom:0;}
.mobile_snb .box.dep1 .dropLst li .value {padding-left:10px; width:100%; height: 46px; line-height: 46px; font-size:13px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color:#555;}
.mobile_snb .box.dep1 .dropLst li .value.on {color:#fff;  background:#1c4e93;}
.mobile_snb .box.dep1 .dropLst .txt {color:#fff; }
.mobile_snb .box.dep1 .dropLst .txt:before {background:url('/m/img/lnb_arrow.gif') left center no-repeat; } /* ù¹ø° ¼­ºê¸Þ´º È­»ìÇ¥ À§Ä¡ */ /* background-position: 0px 0px */
.mobile_snb .box.dep2 .dropLst ul, .mobile_snb .box.dep2 .dropLst ul li  {background-color: #f9f9f9;}
.mobile_snb .box.dep2 .dropLst ul li  {border-bottom:1px solid #ddd;}/*background-color: #fff;*/
.mobile_snb .box.dep2 .dropLst ul li:first-child {border-top:1px solid #ddd;}
.mobile_snb .box.dep2 .dropLst li .value {padding-left:10px; width:100%; height: 46px; line-height: 46px; font-size:13px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color:#555;} /*color:#003591;*/
.mobile_snb .box.dep2 .dropLst li .value.on {color:#fff;  background:#1c4e93;} /*color:#00aeef;*/
.mobile_snb .dropLst {width:100%; box-sizing: border-box;}
.mobile_snb .dropLst .dlst {width:100%; left:0;}
.mobile_snb .dropLst .dlst ul {border:none;}

/******** SUB ********/

/* COMMON */
/*.sub_tit {color:#111; padding:10px 0 20px 0; font-size:24px; line-height:0px; margin-bottom:10px;}*/
.bgnone{background:none !important;}
.ready{text-align:center; padding:30px 0;}
.clear_both{clear:both; *zoom:1;}
.block{display:block}
.dott_line{background:url(/img/bg_dott.gif) bottom repeat-x}
.icon_1depth{color:#333; font-size:16px; background:url(/img/icon_1depth.gif) no-repeat; padding-top:5px;}
.small {background: url('/img/list_dot_g.gif') no-repeat 3px 10px; padding-left: 9px; margin: 3px 0px;}
.blue_tt{color:#1b8ed9;}

.con_tit {font-size:20px; line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:700; padding:0 0 15px 0;}
.con_tit span.thin{line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:100;}

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th{color:#444; font-weight:600; text-align:left; padding:14px 0 14px 15px; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; letter-spacing:-0.5pt;}
.table_style td{font-family:NanumGothic, ³ª´®°íµñ, NG, Tahoma, Geneva, sans-serif; border-bottom:1px solid #e9e9e9; padding:14px 0 14px 15px; text-align:left}

h4.tit_sub {font-size:31px; line-height:37px; letter-spacing:-1.5pt; color:#444; font-weight:100;}
span.title_blue {line-height:37px; letter-spacing:-1.5pt; color:#064e91; font-weight:700;}
span.title_black {line-height:37px; letter-spacing:-1.5pt; color:#444; font-weight:700;}
h5.stit_sub {font-size:16px; line-height:22px; letter-spacing:-0.7pt; color:#888; font-weight:100;}

/* subtitle */
.sub_title{height:38px; overflow:hidden; color:#333}
.sub_title img{height:38px;}
.sub_title small{font-size:11px; color:#222 !important}
.sub_title_txt{padding:0 0 0 10px; line-height:100%; font-weight:bold; font-size:16px; color:#333;}
.sub_title_txt2{font-size:20px; font-weight:600; color:#444; letter-spacing:-1pt; padding:0 0 5px 10px; margin-top:65px;}


#m_content {padding:0 2% 50px; overflow:hidden;}
.tab{overflow:hidden; margin-bottom:20px;}
.tab li{float:left; background:#e5e6e8; padding:10px 15px; margin-right:2px; font-weight:bold; font-size:15px;}
.tab li a{color:#6e7377 !important}
.tab li.hover{background:#1b8ed9;}
.tab li.hover a{color:#fff !important}

#btn_totalmenu1 {position:absolute; z-index:999;}
#btn_totalmenu1 dl{float:left; background-color:#fff; width:180px; -webkit-box-shadow: 1px 1px 5px #aaa;  /* Safari and Chrome */
    -moz-box-shadow: 1px 1px 5px #aaa;  /* Firefox */
    box-shadow: 1px 1px 5px #aaa;  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#7d7d7d, Direction=120, Strength=5);}
#btn_totalmenu1 dd a:link, #btn_totalmenu1 dd a:visited{display:block; width:164px; font-size:0.9em; padding:8px; border-bottom:1px solid #e5e5e5}
#btn_totalmenu1 .close{float:right;}
#btn_totalmenu1 .close a{display:block; background-color:#363636; padding:8px;}

/* catelist */
.mypage_list {background-color:#f0f0f0; padding:20px 10px; }
.mypage_list ul{position:relative; overflow:hidden; background-color:#fff; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.mypage_list li{position:relative; float:left; width:50%; line-height:46px; border:1px solid #e5e5e5; border-top:0; border-right:0; padding-left:12px; box-sizing:border-box}
.mypage_list li a:link, .mypage_list li a:visited{display:block;}
.mypage_list li div{position:absolute; right:10px; top:0}
.mypage_list dl{padding:5px 0 5px 0; border-bottom:1px dashed #ddd;}
.mypage_list dd{font-size:0.9em; line-height:1.7em; }

.cate_list_con{border-top:1px solid #c5c5c5; border-bottom:1px solid #ddd; padding:10px 0; background-color:#f5f5f5}
.cate_list td{width:33.3333333%; font-size:13px; padding:4px 0 4px 10px;}

/* selece */
.prd_sort {position:relative; overflow:hidden;}
.prd_sort.search {border-top:1px solid #ddd;}
.prd_sort .view_option {position:relative; float:left; width:67px; margin-top:10px; margin-left:3%;}
.prd_sort .view_option>a {overflow:hidden; display:block; float:left; margin-left:-1px; width:34px; height:34px; background:url('/m/img/sub/item_list.png') no-repeat 0 0;text-indent:-999em}
.prd_sort .view_option>a.button_view {background-position:0 0} 
.prd_sort .view_option>a.selected.button_view {position:relative;background-position:-80px 0}
.prd_sort .view_option>a.button_list {background-position:-40px 0} 
.prd_sort .view_option>a.selected.button_list{position:relative;background-position:-120px 0}

.prd_sort .select_style {position:relative; float:right; padding:10px 0; margin-right:3%;}
.select_style select{font-size:12px; border:1px solid #ddd; background-color:#fff; padding:8px; }


/* prdlist */

/* °¶·¯¸®Çü css */
.prd_gall {width:100%; overflow:hidden; margin:0 auto;}
.prd_gall li {float:left; width:49%; box-sizing:border-box; margin:0 2% 20px 0;}
.prd_gall li:nth-child(2n){margin-right:0}
.prd_gall li:nth-child(2n+1){clear:both}
.prd_gall dl {}
.prd_gall dl a{display:block;}
.prd_gall dt.img{border:1px solid #ddd;}
.prd_gall dt.img img{background-size:contain; background-position:center; background-repeat:no-repeat;}
.prd_gall dd{ word-break: break-all; padding:10px 0 0; box-sizing:border-box; font-weight:normal; text-align:left;}
.prd_gall dd p.tit {font-size:14px; color:#444; padding:0px 0 5px 0}
.prd_gall dd p.stit {font-size:12px; color:#777; margin-bottom:5px;}


.filter_cont {padding:15px 15px 20px; box-sizing:border-box; position:fixed; top:0; right:-640px; max-width:640px; z-index:9999999999; background:#fff; width:100%; max-height:100%; height:100%;  overflow:hidden; min-width:320px;}
.filter_scroll {overflow-Y:scroll; height:calc(100% - 105px);}
.filter_cont .filter_tit .close_filter {display:block; width:17px; height:17px; background:url('/m/img/sub/close_filter.png')no-repeat center; background-size:100%; position:absolute; left:3%; top:20px; z-index:10;}
.filter_cont .filter_tit h4 {font-size:15px; font-weight:400; color:#222; letter-spacing:-0.7pt; line-height:1; text-align:center; padding:3px 0 25px;}
.filter_cont .filter_tit .reset {position:absolute; top:15px; right:3%; width:50px; height:25px; display:block; text-align:center; line-height:25px; font-size:12px; border:1px solid #d4d4d4; border-bottom:1px solid #afafaf; border-radius:5px;}
.search_Btn {padding:10px 15px 25px !important; box-sizing:border-box; background:#fff; position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #ddd;}
.search_Btn a {display:block; height:42px; line-height:42px; text-align:center; font-size:1rem; color:#fff; font-weight:400; background:#222; border-radius:5px;}

.leftCate {padding:0 6px; box-sizing:border-box; width:100%; vertical-align:top; border-top:2px solid #222; }
.leftCate .searchBtn {position:relative; display:block; height:40px; line-height:38px; text-align:center; border-radius:5px; border-left:1px solid #d4d4d4; border-top:1px solid #d4d4d4; border-bottom:1px solid #b4b4b4; border-right:1px solid #bfbfbf;
font-size:15px; font-weight:400; letter-spacing:-0.6pt; overflow:hidden; transition:all 0.4s;}
.leftCate .searchBtn:hover {color:#222; transition:all 0.4s; border:1px solid #222;}

.leftCate form > div {padding:15px 0 20px; border-bottom:1px solid #ddd; overflow:hidden;}
.leftCate form > div h3 {color:#222; letter-spacing:-0.7pt; line-height:1; font-weight:bold; font-size:15px; position:relative; cursor:pointer;}
.leftCate form > div h3:after {content:''; width:8px; height:5px; background:url("/img/down_arrow.gif")no-repeat center; position:absolute; top:5px; right:0; transition:all 0.3s; transform:rotate(180deg);}
.leftCate form > div.active h3:after {transform:rotate(0); transition:all 0.3s;}
.leftCate .lnb_in {padding:10px 0 0; display:block;}
.leftCate .active .lnb_in {display:none;}
.leftCate p {margin:0 0 4px;}
.leftCate p:last-child {margin:0 0 0;}
.leftCate p input {display:inline-block;}
.leftCate p input[type='checkbox'] {width:12px; height:12px; border:1px solid #888888; appearance: none; vertical-align:middle; margin:-1px 4px 0 0;}
.leftCate p input[type='checkbox']:checked {background:#222 url('/img/check_icon.png')no-repeat center; border:1px solid #222; background-size:8px;}
.leftCate p label {display:inline-block; line-height:1; vertical-align:middle; font-size:13px; font-weight:400; letter-spacing:-0.6pt;}

.leftCate dl {padding:15px 0; position:relative;}
.leftCate .input_search {border:1px solid #ddd; border-radius:5px; width:100%; box-sizing:border-box; padding:0 50px 0 15px;}
.leftCate dl dt {position:absolute; top:30px; right:15px;}


input[type='radio'] {width:12px; height:12px; border:1px solid #888888; appearance: none; vertical-align:middle; margin:-1px 4px 0 0; border-radius:100%;}
input[type='radio']:checked {background:#222 url('/img/check_icon.png')no-repeat center; border:1px solid #222; background-size:8px;}

input[type='checkbox'] {width:12px; height:12px; border:1px solid #888888; appearance: none; vertical-align:middle; margin:-1px 4px 0 0;}
input[type='checkbox']:checked {background:#222 url('/img/check_icon.png')no-repeat center; border:1px solid #222; background-size:8px;}


/* ½æ³×ÀÏÇü css */
.filter {width:60px; height:25px; display:block; line-height:23px; color:#fff; letter-spacing:-0.5pt; padding-left:28px; box-sizing:border-box; background-color:#222; font-size:12px; font-weight:400; border-radius:5px; background-image:url('/m/img/sub/filter.png'); background-repeat:no-repeat; background-position:top 7px left 8px; background-size:10px; position:absolute; top:-65px; left:3%; z-index:10;}
.prd_list{width:100%; position:relative; min-height:120px;}
.prd_list dl {width:calc((100% - 15px) / 2); margin-bottom:40px;}
.prd_list dl dt {position:relative; overflow:hidden;}
.prd_list dl img {max-width:100%; transition:all 0.3s;}
.prd_list dl dt span img{width:auto;}
.prd_list dl dd {padding:5px 0 0;}
.prd_list dl dd h4 {font-size:1.077rem; color:#222; letter-spacing:-0.3pt; line-height:1.5; font-weight:500; margin:0 0 0; transition:all 0.3s;}
.prd_list dl dd span{display:block; margin-bottom:3px}
.prd_list dl dd p { font-size:1rem; font-weight:400; color:rgba(34,34,34,0.7); line-height:1; letter-spacing:-0.2pt; transition:all 0.3s; margin:2px 0 10px;}
.prd_list dl dd ul {font-size:0;}
.prd_list dl dd li {position:relative; font-size:1rem; font-weight:400; color:rgba(34,34,34,0.7); line-height:1.3; letter-spacing:-0.2pt; transition:all 0.3s; margin-bottom:5px;}
.prd_list dl dd  li b {position:relative; font-size:inherit; font-weight:inherit; color:inherit; line-height:inherit; letter-spacing:inherit; display:inline-block; margin-left:15px;}
.prd_list dl dd  li b::after {content:''; width:1px; height:10px; background:#aaa; position:absolute; top:5px; left:-7px;}


.prd_price {color:#333; font-size:15px; font-weight:600;}

/* ÆäÀÌ¡ - ´õº¸±â */
.prdlist_more {position:relative; overflow:hidden;text-align:center; margin:15px auto;}
.prdlist_more a {display:block; border:1px solid #ddd; line-height:36px; height:38px}
.prdlist_more span.arr {width:14px; height:8px; line-height:36px; margin-left:8px; display:inline-block; background:url('/m/img/sub/arrow_bo.png') top center no-repeat;}

/* prd view */
.prd_view {position:relative; overflow:hidden; margin-top:55px; padding:0 3%; box-sizing:border-box; width:100%;}
.prd_view dl {padding:15px 0 10px 0;}
.prd_view dt {font-size:16px; color:#222; letter-spacing:-0.7pt; font-weight:500; line-height:1.3; margin:15px 0 0;}
.prd_view dt span {font-size:1rem; font-weight:300; color:#222; letter-spacing:0; display:inline-block; margin-left:5px;}
.prd_view dd {/* position:absolute; right:0; top:10px */ color:#777; margin:0 0 5px;}
.prd_view dd a {display:block; border:1px solid #ddd; text-align:center; width:38px; line-height:30px; font-size:12px; font-family:"Roboto", Arial, Tahoma, Verdana, sans-serif;}

.prd_view .b_img_area {background:#f0f0f0;}
.prd_view .b_img_area .prd_bg {background-size:contain; background-position:center; background-repeat:no-repeat; width:100%;}

.prd_view_img {position:relative;}
.prd_view_img p.sp_img{position:absolute; z-index:9; bottom:0; left:0}
.prd_view_img .btn_type5 {position:absolute; bottom:0; right:0; font-size:0; background:#222 url('/img/search_w.png')no-repeat center; width:40px; height:40px; border:0; background-size:12px !important;} 

.prd_view_img .frame {position:absolute; z-index:10; transform:translate(50%,0%);}
.prd_view_img .frame .frame_bg {background-position:center bottom; width:100%; display:block; margin:0 auto; background-repeat:no-repeat; background-size:contain; }
.prd_view_img .frame.shade:after {content:''; width:96%; height:30%;box-shadow:0px 3px 4px rgb(0 0 0 / 50%); position:Absolute; left:50%; transform:translateX(-50%); bottom:0; z-index:-1;}
.prd_view_img .prdimage01 .frame {width:8%; bottom:45%; right:50%;}
.prd_view_img .prdimage02 .frame {width:8%; bottom:50%; right:50%;}
.prd_view_img .prdimage03 .frame {width:7%; bottom:48%; right:49.5%;}
.prd_view_img .prdimage04 .frame {width:10%; bottom:41%; right:49.5%;}
.prd_view_img .prdimage05 .frame {width:10%; bottom:48%; right:48%; transform:translate(0,0%) !important;}
.prd_view_img .prdimage06 .frame {width:14%; bottom:44%; right:47%; transform:translate(0,0%) !important;}
.prd_view_img .prdimage07 .frame {width:10%; bottom:50%; right:49%;}

.frameBox_in {position:absolute; display:block;  height:100%; top:0; left:50%; box-sizing:border-box; transform:translateX(-50%);}
.prd_view_img .prdimage01 .frameBox_in {width:calc(100% - 15%);}
.prd_view_img .prdimage02 .frameBox_in {width:100%;}
.prd_view_img .prdimage03 .frameBox_in {width:calc(100% - 15%);}
.prd_view_img .prdimage04 .frameBox_in {width:100%;}
.prd_view_img .prdimage05 .frameBox_in {width:calc(100% - 15%);}
.prd_view_img .prdimage06 .frameBox_in {width:100%;}
.prd_view_img .prdimage07 .frameBox_in {width:100%;}


.thumbnail_area {display:flex; flex-wrap:wrap; margin:5px 0 0; align-items: center; justify-content: center;}
.thumbnail_area li {width:calc((100% - 14px) / 8); margin-right:2px; border:1px solid #ddd; box-sizing:border-box;}
.thumbnail_area li:last-child {margin-right:0;}
.thumbnail_area li img {background-position:center; width:100%; display:block; margin:0 auto; background-repeat:no-repeat; background-size:contain; }


	/* ·Ñ¸µÀ̹ÌÁö ±â´ÉÃß°¡ */
	.prd_view_img .slider {width:100%; }
	.prd_view_img .slick-slide {position:relative; margin: 0; padding:0}

	.prd_view_img .slick-dots{}
	.prd_view_img .slick-dots {position:absolute; z-index:999; bottom:0; width:100%; min-height:auto; padding:0 0 15px 0; box-sizing:border-box; text-align:center; background:none}
	.prd_view_img .slick-dots li {float:none; display:inline-block; width:14px; height:14px; margin-right:3px; background:none}
	.prd_view_img .slick-dots li button{display:block; cursor:pointer; width:12px; height:12px; border-radius:100%; background:#aaaaaa; border:0; font-size:0; margin:0; padding:0; line-height:0}
	.prd_view_img .slick-dots li.slick-active button{background:#5f6062}
	
	.slick-slider {position: relative;display: block;box-sizing: border-box;
		-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
			touch-action: pan-y;-webkit-tap-highlight-color: transparent;	}
	.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
	.slick-slide {display: none;float: left; height: 100%;min-height: 1px; text-align:center;}
	.slick-initialized .slick-slide{display: block; }

.prd_view_tab{}
.prd_view_tab th{width:33.3333%; background:#fff; border-bottom:1px solid #222; padding:15px 0; font-size:13px; color:#222!important; font-weight:normal}
.prd_view_tab th div{color:#777 !important;}
.prd_view_tab td{width:33.3333%; text-align:center; font-size:13px; background:#fff; color:#777; border-bottom:1px solid #ddd; padding:15px 0; }
.prd_view_tab th a{color:#222; letter-spacing:-0.5pt; font-weight:bold;}
.prd_view_tab td a{color:#777; letter-spacing:-0.5pt; }

.prd_view_table{border-collapse:separate; border-spacing:0px;}
.prd_view_table td.txt{padding:12px 0 0 10px}
.prd_view_table .prd_tit {font-size:16px; color:#333; line-height:100%; padding:0 0 8px 0}

.more_view{background:#e3e3e3; border-bottom:1px solid #cdcdcd; text-align:center; line-height:20px; font-size:14px; padding:3px 0;}

.opt_area{position:relative; overflow:hidden;}
.opt_area.fixed{position:fixed;  width:100%;  left:0; bottom:0; z-index:903;  box-sizing:border-box;}
.opt_area .cart_btn{display:none;}
.opt_area.fixed .cart_btn {display:block; width:100%; text-align:center; background:url('/m/img/sub/cart_bg.png') 0 -6px repeat-x; vertical-align:bottom; height:29px;}
.opt_area.fixed .cart_btn img {width:80px; cursor:pointer}
.opt_area.fixed .opt_area_in {padding:10px 10px 0 10px; background:#fff;}

/* .view_btn{position:relative; overflow:hidden; margin-bottom:30px; padding:10px 0 0 0;}
.view_btn.fixed{margin-bottom:0; background:#fff; padding:10px;}
.view_btn li{float:left; width:32%; margin:0 2% 0 0}
.view_btn.fixed li{float:left; width:32.5%; margin:0 1.25% 0 0}
.view_btn li:last-child{margin:0} */

.option_table{width:100%; border-collapse:separate; border-spacing:0px; padding:5px 0 5px 5px}
.option_table th{font-weight:normal; width:60px; text-align:left;}
.option_table td select{color:#666}

#basket_table {background-color:#f5f5f5; margin:10px auto; padding:0 3px}
#basket_table td{padding:3px 0 3px 0; height:28px; line-height:100%;}
#basket_table td img, input{vertical-align:bottom}
#basket_table td.amount{width:88px;}
#basket_table td.amount div{display:inline-block; border:1px solid #ddd;}
#basket_table td.amount div img{width:25px}
#basket_table td.amount div input{width:30px; height:23px; color:#666; text-align:center; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#basket_table td .btn_type4{width:34px; height:23px; color:#666; background:#f9f9f9; border:1px solid #aaa; font-size:12px; letter-spacing:-0.5pt; text-align:center;}

.view_btn.fixed {padding:15px; box-sizing:border-box; background:#fff;}
.view_btn {width:100%; font-size:0;}
.view_btn dt {margin:0 0 5px; display:inline-block; width:calc(50% - 2px); box-sizing:border-box; vertical-align:top; margin-right:2px;}
.view_btn dd {font-size:0; display:inline-block; width:50%; box-sizing:border-box; vertical-align:top;}
.view_btn dd div {width:calc((100% - 4px) / 3); display:inline-block;  margin-right:2px}
.view_btn dd div:last-child {margin-right:0;}
.view_btn dd input {width:100% !important; font-size:1rem; letter-spacing:-0.5pt; height:42px; line-height:40px; background-color:#fff; border:1px solid #888; color:#222; font-weight:400; cursor:pointer; 
box-sizing:border-box; margin-right:5px; text-align:center; background-repeat:no-repeat; transition:all 0.5s; background-position:center;}

.buy_btn{font-size:1rem; letter-spacing:-0.5pt; width:202px; height:42px; line-height:40px; background:#222; color:#fff; border:1px solid #222; cursor:pointer; width:100%; transition:all 0.5s; font-weight:400;}
.buy_btn:hover{color:#222; background:#fff; transition:all 0.5s;}

.basket_btn {background-image:url('/admin/product/image/cart_icon.png'); background-size:11px; font-size:0 !important;}
.wish_btn {background-image:url('/admin/product/image/wish_icon.png'); background-size:12px; font-size:0 !important;}


.list_btn{background:#fff url('/admin/product/image/cate_icon.png') center no-repeat; width:54px; height:55px; border:1px solid #aaa; opacity:.5; font-size:0; cursor:pointer; transition: all 0.3s;}
.list_btn:hover{border-color:#333; opacity:1; transition: all 0.3s;}


.view_total_price {background:#fff; color:#6d6e71;  text-align:center; font-weight:bold; color:#222; font-weight:400; line-height:1; padding:15px 0;}
.view_total_price strong {font-size:13px; letter-spacing:-0.5pt;}
.view_total_price span {font-weight:bold; color:#222; letter-spacing:0.3pt; line-height:1;}
.opt_area.fixed .view_total_price{padding:12px 0 0; background:#fff;}
.view_total_price b{font-size:20px;}
.view_total_price .pointP_txt{color:#0f4f7b; margin-bottom:8px}

.buy_btn{position:fixed; right:10px; bottom:50%; z-index:99;}
.buy_btn a:link, .buy_btn a:visited{display:block; box-sizing:border-box; width:48px; height:48px; padding:8px 0 0 0; line-height:15px; border:1px solid #2992ef; font-size:13px; letter-spacing:-0.5pt; font-weight:600; background-color:#54a6f2; color:#f0f0f0; text-align:center; }

.prd_info {position:relative; padding:0 3%; box-sizing:border-box;}
.prd_info #sellprice {font-size:1rem; color:#222; font-weight:bold; letter-spacing:0.2pt; line-height:1; padding:15px 0; border-bottom:1px solid #222; }
.prd_info #sellprice b {font-weight:300; color:#222; line-height:inherit; display:inline-block; margin-left:5px;}


.info_cont {text-align:left !important; padding:0 0 30px; margin:0 0 30px;}
.info_cont dt {font-size:15px; color:#222; font-weight:bold; letter-spacing:-0.7pt; line-height:1; margin:25px 0 8px;}
.info_cont dd {font-size:13px; letter-spacing:-0.5pt; line-height:1.6;}

.table_normal {border-bottom:1px solid #ddd; padding:15px 0 10px;}
.table_sel {padding:5px 0 5px;}
.table_normal th {width:60px; display:table-cell; font-weight:400; letter-spacing:-0.5pt; line-height:1.5;}
.table_normal td {width:calc(100% - 60px); display:table-cell; font-weight:400; letter-spacing:-0.5pt; line-height:1.5; color:#222;}

.table_cart {border-bottom:0; padding:0;}

.sns_sc {position:absolute; z-index:9; right:0; top:13px; font-size:12px; letter-spacing:-0.5pt; color:#888; vertical-align:middle;}
.sns_sc img {margin:0 0.5px; vertical-align:middle;}

.info_txt {text-align:center; margin:0 0 25px;}
.info_txt p {font-size:12px; letter-spacing:-0.5pt; line-height:1.6; font-weight:400; margin:10px 0;}
.info_txt .sign_info {color:#0f4f7b; font-weight:inherit;}

.info_txt a {display:inline-block; letter-spacing:-0.5pt; font-size:12px; background:#fff url('/img/deli_bt.npng') center left 8px no-repeat; border:1px solid #ddd; border-bottom-color:#aaa; border-right-color:#aaa; line-height:38px; width:100px; height:30px; line-height:28px;  transition: all 0.3s; background-size:12px; text-align:left; padding-left:25px; box-sizing:border-box;}
.info_txt a.two{background:#fff url('/img/buyinfo_btn.png') 8px no-repeat; padding-left:25px; background-size:11px;}
.info_txt a.three{background:#fff url('/img/frame.svg') 8px no-repeat; background-size:13px; padding:0 8px 0 25px; width:90px;}
.info_txt a:hover {border-color:#222; color:#222; transition: all 0.3s;}


.related {overflow:hidden; margin:25px auto 60px;}

.related_cont .slick-list {overflow:hidden;}
.related_cont .slick-dots {font-size:0; text-align:center; padding:0 30px; box-sizing:border-box;}
.related_cont .slick-dots li {display:inline-block; margin:0 5px; line-height:1.5;}
.related_cont .slick-dots li:last-child {margin-right:0;}
.related_cont .slick-dots li button {border:0; background:none; font-size:0.882rem; cursor:pointer; padding:0; margin:0; color:#999;}
.related_cont .slick-dots li.slick-active button {font-weight:bold; color:#222;}

.related_cont .slick-arrow {width:6px; height:12px; font-size:0; position:absolute; bottom:0; border:0; background-repeat:no-repeat; background-position:center; cursor:pointer;}
.related_cont .slick-prev {left:10px; background:url('/img/prev.png') center no-repeat}
.related_cont .slick-next {right:0; background:url('/img/next.png') center no-repeat}


.related_cont {position:relative; /* transform:translateX(3%); */ margin-left:-10px;}
.related_cont:after {content:''; display:block; clear:both;}
.related_cont dl {float:left; margin-left:10px; width:280px;}
.related_cont dl dt {overflow:hidden;}
.related_cont dl img {background-repeat:no-repeat; background-size:100% auto; background-position:center bottom; transition:all 0.3s; width:100%;}
.related_cont dl dd {padding:12px 0 30px; text-align:left !important;}
.related_cont dl dd h4 {font-size:1.077rem; color:#222; letter-spacing:-0.3pt; line-height:1.5; margin:0 0 5px;transition:all 0.3s;}
.related_cont dl dd ul {font-size:0;}
.related_cont dl dd li {position:relative; display:block; font-size:1rem; font-weight:400; color:rgba(34,34,34,0.7); line-height:1; letter-spacing:-0.2pt; transition:all 0.3s; margin-bottom:8px;}
.related_cont dl dd li:last-child {margin-bottom:0px;}

.related_cont dl:hover img {transform:scale(1.1); transition:all 0.3s; opacity:0.8;}
.related_cont dl:hover dd h4 {color:#0f4f7b; transition:all 0.3s;}
.related_cont dl:hover dd li {color:#0f4f7b; transition:all 0.3s;}

/* .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {margin:0 !important;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {width:calc(100% - 6%) !important;}
.mCSB_scrollTools .mCSB_draggerRail {background:#dfdfdf !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#808080 !important; border-radius:50px;}


.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {width:35px !important; height:35px !important; background:#fff url('/m/img/main/s_arrow_next.png')no-repeat center; z-index:90; display:block; border-radius:100%; opacity:1 !important; background-size:6px !important; top:-270px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {width:35px !important; height:35px !important; background:#fff url('/m/img/main/s_arrow_prev.png')no-repeat center; z-index:90; display:block; border-radius:100%; opacity:1 !important; background-size:6px !important; top:-270px;} */



/* ¹è¼ÛÁ¤Ã¥ ·¹À̾îÆ˾÷ */
div.typeTable{position:fixed; z-index:1000035; top:-20%; left:50%; width:96%; box-sizing:border-box; max-width:1280px;
 transform:translateX(-50%); padding:25px; background-color:#fff; visibility:hidden; opacity:0; transition: all 0.8s;}
div.typeTable.view{visibility:visible; opacity:1; top:10%;  transition: all 0.8s;}

div.typeTable a.close_btn{position: absolute; overflow:hidden; width:30px; height:30px; right:25px; top:25px; text-align:center;  display:block; background-color:#222; border-radius:100%; transition: all 0.3s; z-index:99}
div.typeTable a.close_btn img{margin-top:7px; width:10px;}
div.typeTable h3{color:#333; font-size:20px; letter-spacing:-0.5pt;}

.type_inner{padding:20px 0 10px 0;}
 
.type_inner dd{border-top:1px solid #ddd; padding:18px 0 0 0;}
.type_inner h4{color:#333; font-size:17px; font-weight:bold; letter-spacing:-0.5pt;}
.type_inner ul.one{padding-bottom:15px}
.type_inner li{position:relative; letter-spacing:-0.4pt; padding:2px 0 2px 8px}
.type_inner ul.none li{padding:2px 0 2px 0;}
.type_inner li span.tit{display:inline-block; color:#222; letter-spacing:-0.4pt; margin-right:5px; font-weight:normal}
.type_inner li:before{position:absolute; left:0; top:10px; display:block; content:""; overflow:hidden; width:3px; height:3px; border-radius:100%; background:#999}
.type_inner li.sm{font-size:0.95rem; font-weight:normal; color:#999; padding:3px 0}
.type_inner li.sm:before{display:none}
.type_inner ul.none li:before{display:none}

/*cart*/
.cart_con {position:relative; overflow:hidden; background-color:#f5f5f5; padding:10px 10px 0 10px;}
.cart_table .cart_in {position:relative; overflow:hidden; background-color:#fff; margin-bottom:10px; border:1px solid #ddd; padding:10px 8px 15px 10px;}
.cart_table .cart_in .cart_check {padding-bottom:12px;}
.cart_table .cart_in .cart_check p {display:inline-block; margin-right:5px;}
.cart_table .cart_in .cart_check p input[type="checkbox"]{width:18px; height:18px; margin:-2px 0 0}
.cart_table .cart_in .cart_check p input[type='checkbox']:checked {background-size:12px;}
.cart_table .cart_in .cart_check a:link, .cart_table .cart_in .cart_check a:visited {font-size:15px; color:#333;}
.cart_table td {vertical-align:top;}
.cart_table td.cart_img img{border:1px solid #ddd;}
.cart_table td.cart_txt {padding-left:10px;}


/* button */
/*.btn{padding-top:10px; height:32px}*/
/* ³×À̹öüũ¾Æ¿ô »ðÀÔ¿¡ µû¸¥ height°ª Á¶Á¤ */



.gray_box{background:#f1f1f1; margin-top:10px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:10px 15px;}
.graybox {background:#f1f1f1; border:1px solid #e6e6e6; padding:10px; font-size:12px;}
.graybox b {font-size:1rem; color:#222; letter-spacing:-0.5pt; font-weight:500;}
.total_price{margin:10px 0 5px; background:#fff; color:#777; border:2px solid #222; text-align:center; padding:10px 0; font-weight:400;}
.total_price b{font-size:17px; font-weight:500; color:#222; display:inline-block; margin-left:5px;}

.total_price_table{}
.total_price_table th{color:#333; text-align:center; padding:5px 10px 5px 10px;}
.total_price_table td{text-align:center; padding:0 10px 5px 10px;}
.total_price_table b{font-size:15px; color:#333}
.btn { text-align:center; margin:10px auto 50px;}

.btn_white_big {width:120px; height:40px; font-size:13px; border:1px solid #888; color:#222; text-align:center; line-height:38px; background:#fff;}
.btn_grat_big2 {width:120px; height:40px; font-size:13px; border:1px solid #222; color:#fff; text-align:center; line-height:38px; background:#222;}

/* page_no */
/*.page_no{margin:25px 0; text-align:center;}
.page_no td{color:#787878}
.page_no b{color:#333333;}
.page_no img{padding-left:1px; padding-right:1px}*/
/*.page_num {position: relative; width: 100%; text-align: center; padding: 15px 0 20px 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a { color: #666; float: left; padding: 6px 10px; text-decoration: none; border: 1px solid #CBCBCB; margin: 0 1px; font-size:12px; }
.page_num ul.pagination li a.active { background: #484C57; color: #FFF; border: 1px solid #484C57 }*/



/* °Ô½ÃÆÇ ÆäÀÌ¡ */
.page_num { position: relative; width: 100%; text-align: center; padding:30px 0 50px;}
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline-block;  }
.page_num ul.pagination li .page_prev{margin-right:13px; width:5px;}
.page_num ul.pagination li .page_prev2{width:9px; margin-right:9px;}
.page_num ul.pagination li .page_next{margin-left:13px; width:5px}
.page_num ul.pagination li .page_next2{width:9px; margin-left:9px;}
.page_num ul.pagination li a {position: relative; font-size:1rem; height:20px; line-height:20px; color: #999; float: left; text-decoration: none; margin: 0 1px;  font-family: 'Manrope', sans-serif; background-size:100% !important;}
.page_num ul.pagination li a.p_num {margin:0 7px;}
.page_num ul.pagination li a.page_prev2{background:url('/img/prev2.png') center no-repeat}
.page_num ul.pagination li a.page_prev{background:url('/img/prev.png') center no-repeat}
.page_num ul.pagination li a.page_next2{background:url('/img/next2.png') center no-repeat}
.page_num ul.pagination li a.page_next{background:url('/img/next.png') center no-repeat}
.page_num ul.pagination li a.active {color: #222; font-weight:700;}
.page_num ul.pagination li a.active:after{width:100%; height:1px; background:#838383; display:block; content:''; position: absolute; bottom: -1px;}




/* list */
.gray_list li{font-size:12px; color:#787878; line-height:130%; /* padding-left:8px; background:url("/img/sub/point.gif") 0px 5px no-repeat; */}


/* ÁÖ¹® */
.order_tit {width:100%; background:#f4f4f4; padding:13px 10px; box-sizing:border-box; overflow:hidden;}
.order_tit p {float:left; width:calc(100% - 85px); font-size:14px; color:#222; font-weight:600; letter-spacing:-0.2pt;}
.order_tit a:link, 
.order_tit a:visited {float:right; width:80px; color:rgba(34,34,34,0.9); font-size:12px; letter-spacing:-0.5pt; background:url('/m/img/sub/icon_arr.png') right center no-repeat; padding-right:5px;} 
.form_tit{color:#333; font-size:15px; font-weight:bold; padding:15px 0 10px 0px;}

.join_input_table .radio_cont {padding:6px 0 7px;}
		.join_input_table .radio_cont label {font-size:13px; color:#666; letter-spacing:-0.6pt; line-height:1; margin-right:10px;}
		.receipt_txt { background:#f9f9f9; border:1px solid #ddd; padding:10px; box-sizing:border-box; }
		.receipt_txt p {font-size:13px; letter-spacing:-0.5pt; font-weight:400; line-height:1.8; padding-left:10px; box-sizing:border-box; position:relative; color:#777; margin-bottom:3px;}
		.receipt_txt p span.tit {font-size:inherit; letter-spacing:inherit; font-weight:inherit; line-height:inherit; color:#222; margin-right:5px; display:inline-block;}
		.receipt_txt p:last-child {margin-bottom:0;}
		.receipt_txt p:after {content:''; width:2px; height:2px; background:#aaa; position:absolute; top:11px; left:0;}

#order_form {}
#order_form .order_table { border:0; border-top:1px solid #222; border-bottom:1px solid #ddd;}

.order_table {padding:15px 10px; border:1px solid #ddd; margin-bottom:15px; /* border-top:0; */}
.order_table .order_in {width:94%; margin:0 auto 10px auto; background:#fff; border:1px solid #ddd; padding:10px; box-sizing:border-box;}
.order_table .order_in:last-child {margin:0 auto;}

.join_input_table{}
.join_input_table th {text-align:left; font-size:13px; color:#333; padding:5px 0 5px 5px; font-weight:400; word-break: keep-all;}
.join_input_table td {text-align:left; font-size:13px; padding:5px 5px 5px 0;}

#order_form .order_table {padding:15px 5px;}
#order_form .order_table th {padding:5px 0; }
#order_form .order_table td {padding:5px 0;}

.join_input_table td td{border:0 none; padding:0;}
.join_input_table td.checkbox{padding:3px 0 5px 10px; vertical-align:middle; }
.join_input_table td.radio{padding:3px 0 3px 0; vertical-align:middle; line-height:180%;}
.join_input_table td.checkbox input[type="checkbox"]{width:18px; height:18px; vertical-align:middle; margin:-2px 4px 1px 0}
.join_input_table td input[type="radio"]{width:18px; height:18px; vertical-align:middle; margin:-2px 4px 1px 0}

.order_table .order_btn {width:100%; padding:0 10px; box-sizing:border-box; margin-top:10px;}
.order_table .order_btn input[type='button'] {width:49%; height:40px; line-height:38px; margin-right:1%;}
.order_table .order_btn input[type='button']:last-child {margin-right:0;}

.join_input_table2{}
.join_input_table2 th {text-align:center; font-size:13px; color:#333; padding:5px 0 5px 0; vertical-align:top;}
.join_input_table2 td {text-align:center; font-size:13px; padding:3px 0 3px 0;}

.join_input_table3{}
.join_input_table3 th {text-align:left; font-size:13px; color:#333; padding:5px 0 5px 10px;}
.join_input_table3 td {text-align:left; font-size:13px; padding:5px 10px 5px 0;}
.join_input_table3 td td{border:0 none; padding:0}
.join_input_table3 td.checkbox{padding:3px 0 10px 10px; vertical-align:middle; }
.join_input_table3 td.radio{padding:3px 0 3px 0; vertical-align:middle; line-height:180%;}
.join_input_table3 td.checkbox input[type="checkbox"]{width:18px; height:18px; vertical-align:middle; border:none; margin:0 4px 1px 0}
.join_input_table3 td input[type="radio"]{width:18px; height:18px; vertical-align:middle; border:none; margin:0 4px 1px 0}

.input_style {width: 100%; height:40px; padding:5px; background: #fff; color: #666; box-sizing:border-box; border:1px solid #ddd}
.textarea{width: 100%; padding:5px; background: #fff; color: #666; box-sizing:border-box; border:1px solid #ddd}
.select{width: 100%; height:40px; background: #fff; color: #666; box-sizing:border-box; border:1px solid #ddd}

.tmar_2{margin-top:2px}

/* ÁÖ¹®¿Ï·á */
.order_ok .btn {margin:0;}




/* pro_main */
.pro_main li{width:100%; display:block; margin-top:10px; text-align:center}
.pro_main li img{width:100%; max-width:640px;}

/* as_guide */
.as_guide_area {position: relative; display: block; margin-bottom: 80px;}
.as_guide_area.guide1 {}
.as_guide_area.guide2 { background: url('/customer/img/s01_2_bg.jpg') no-repeat;}
.guide4 {position: relative; display: block; background: url('/customer/img/s01_4_bg.jpg') no-repeat; min-height: 142px; padding-top: 30px;}

.as_guide_area h3 {padding: 30px 0 40px 10px; font-size:30px; color:#222;border-bottom:2px solid #333;}
.as_guide_area h3 .subcopy{margin-top:10px; font-size:16px; color:#888; font-weight:normal}
.as_guide_area .as_rule_guide {position: relative; width: 100%;}
.as_guide_area h4 {margin: 40px 0 15px 0;}
.as_guide_area .small {background: url('/img/list_dot_b.gif') no-repeat 3px center; padding-left: 9px; margin: 5px 0px;}
.as_guide_area table tr td {padding:15px 10px 15px 15px;}
.as_guide_area table tr td.list p {margin-bottom:8px;}
.as_guide_area table tr td.bold {font-weight: bold; color: #333;}
.as_guide_area table tr th {padding:12px 0px 12px;}
.as_guide_area .as_pay_guide {position: relative; width: 100%; border: 1px solid #ddd; padding: 44px 48px 33px 30px; margin: 20px 0; background: url('/customer/img/s01_2_img01.jpg') no-repeat 670px 40px;}
.as_guide_area .as_pay_guide h3 {padding: 0 0 34px 10px; line-height: 100%; margin: 0px; top: 0px;}
.as_guide_area .as_pay_guide a {padding: 0px; margin: 0px;}

.as_box {width:100%; position: relative; display: block; background: #f9f9f9; margin-top: 20px; padding:15px 0;}
.as_box h5 {color: #252525; font-weight: bold; font-size: 16px; margin-bottom: 20px;}
ul.list_check li {list-style: none; background: url('/img/check_icon.gif') no-repeat left 6px; padding-left: 16px; margin: 20px;}
.as_box p {margin: 20px;}

.as_map_area h3 {padding: 20px 0 0 10px; font-size:30px; color:#222; line-height:30px;}


/* table */
.table_normal th, .table_normal td{padding:3px; text-align:left; font-weight:normal;}
.table_normal th {color:#999999; width:60px; font-size:13px; word-break: break-all; }
.table_normal td {font-size:13px; vertical-align:top; word-break: break-all; }
.table_normal td span{display:inline-block; vertical-align:middle; width:1px; height:12px; background:#bbb; margin:-1px 10px 0 10px}
.table_normal td span.none{width:auto; height:auto; background:none; margin:0; vertical-align:top;}
.table_normal td select{font-size:13px; border:1px solid #ddd; background-color:#fff; padding:4px;}

.table_amount td{padding:0; height:28px; line-height:100%; }
.table_amount td img, input{vertical-align:bottom}
.input_amount{border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; width:30px !important; height:30px; box-sizing:border-box}


.table_style {border-top:1px solid #000; border-left:1px solid #ddd;}
.table_style th{background:#FAFAFA; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; padding:8px 10px;}
.table_style td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:8px 10px 8px 15px;}
.table_style .left{text-align:left !important;}

.tax_table {/* border:1px solid #ddd; */ margin:10px 0 0;}
.tax_table th {}
.tax_table td input {height:34px;}
.tax_table td{padding:2px !important;font-size:13px !important;}

/* 150507 */
.board{padding:0 10px 20px;}

/*ÀÌ¿ë¾È³»°ü·Ã*/
.policy {width:100%; line-height:150%; margin:0 auto;}
.policy_head {font-weight:bold; font-family: Malgun Gothic, "¸¼Àº °íµñ","±¼¸²","µ¸¿ò"; padding-bottom:20px; text-align:center; color:#000; font-size:17px;}
.policy_tit {font-weight:bold; padding-bottom:10px; color:#333; font-size:15px;}
.dep_tit {padding:0 0 5px 0; font-weight:bold; color:#555;}
.dep_cont {padding:7px 10px 20px 15px;}
.dep_cont2 {background:#f4f4f4; border:1px solid #e1e1e1; padding:10px; margin:10px 0px;}
.dep_box {padding:5px 10px 10px 0px;}
.dep_img01 {padding:5px 0 25px 5px;}
.dep_tit02 {display:block; padding:5px 0 10px 10px;}
.dep_cont02 {display:block; padding:7px 10px 10px 20px;}
.dep_img02 {padding:5px 0 25px 5px;}


/* °áÀç °ü·Ã */
.uup {margin-top:-20px; margin-left:27px; padding:0; position:relative;}
.down {margin-top:-0px; margin-left:27px; padding:0; position:relative;}
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #f15795;}
.pri_box {padding:20px 15px; border:1px solid #ddd; margin:15px 10px;}
.pri_box p.tit {margin-bottom:10px; color:#333; font-size:15px; letter-spacing:-0.5pt; font-weight:600;}
.pri_box textarea {padding:5px; border:1px solid #ccc; font-size:13px;}
.pri_btn{clear:both; overflow:hidden;}
.pri_btn a{display:block; float:left; border:1px solid #ddd; background:#ececec;width:32.6%; box-sizing:border-box;-webkit-box-sizing:border-box; margin-right:1%; text-align:center; padding:5px 0; letter-spacing:-1pt;}
.pri_btn a:last-child{margin-right:0;}



/* view_review */
.review{padding:10px 0 10px 0}
.review_info{color:#787878; font-size:14px; line-height:150%;}
.review_title{font-size:12px; line-height:150%; text-align:center; padding:8px 0}
.review_con{font-size:12px; background:rgb(247, 247, 247); padding:10px; margin-top:5px;}
.qna_con{font-size:12px; background:rgb(247, 247, 247); padding:10px; margin-top:5px;}

.info_mbox{margin:0 10px;}
.prd_dimg{text-align:left; margin-bottom:30px;}
.prd_dimg .title{font-family: NotoKR-Bold;color:#333; font-size:14px; letter-spacing:-0.5pt; margin-bottom:10px;
background:#F9F9F9; border:1px solid #ddd; text-align:center; padding:8px; border-top-color:#333;}

.board_btnw{text-align:right; margin:10px 0 0 0}
.btn_type2{display: inline-block; background:#fff; color:#555;text-align: center; -webkit-appearance: none; -webkit-border-radius: 0;
 height: 33px; line-height: 33px;width: 70px;border: 1px solid #ccc;font-size: 12px;letter-spacing: -0.5pt;vertical-align: top; cursor:pointer}

.retable{border-top:1px solid #333;}
.reinbox{padding:8px 3px;}
.reinbox .subject{margin-bottom:5px; font-family:NotoKR-Bold; font-size:14px; color: #333; letter-spacing:-0.55pt;}
.reinbox .writer {overflow:hidden; clear:both; }
	.reinbox .writer li{float:left; font-size:12px; color:#a0a0a0; padding:0 6px; background:url('/m/img/bbs_list_line.gif') no-repeat left center;}
	.reinbox .writer li:first-child{padding-left:0; background:none;}



/******* ¸¶ÀÌÆäÀÌÁö *******/

/* ÁÖ¹®³»¿ª Á¶È¸ */
.order_search {padding:20px 15px; box-sizing:border-box; border:1px solid #ddd; border-bottom:1px solid #ddd; margin:0 0 20px;}
.order_search dl {width:100%; overflow:hidden;}
/*.order_search dt {float:left; width:45px; color:#333; font-size:13px; margin-bottom:5px; font-weight:600; line-height:35px;}
.order_search dd {float:left; width:calc(100% - 45px); margin-bottom:5px;}*/
.order_search dt {color:#333; font-size:13px; margin-bottom:5px; font-weight:600;}
.order_search dd {}
.order_search dd select {padding:8px 5px; width:100%; border:1px solid #ccc; font-size:13px;}
.order_search dd .setPeriod input[type=button] {width:calc((100% - 8px) / 5); height:35px; font-size:12px; line-height:33px; letter-spacing:-0.5pt; box-sizing:border-box; margin-right:2px;}
.order_search dd .setPeriod input[type=button]:last-child {margin-right:0;}
	.period_1 {border:1px solid #3e3d3c; background:#3e3d3c; color:#fff; margin:0 2px 0 0; cursor:pointer;}
	.period_2 {border:1px solid #a3a3a3;  background:#fff; margin:0 2px 0 0; cursor:pointer;}
	.period_2:hover {border:1px solid #3e3d3c !important; background:#3e3d3c !important; color:#fff !important; }
.order_search dd .date {margin-top:5px; font-size:0;}
.order_search dd .date p {display:inline-block; border:1px solid #ddd; box-sizing:border-box; width:calc(50% - 10px); padding:8px 5px; background:#fff;}
.order_search dd .date p input[type=text] {width:calc(100% - 25px);}
.order_search dd .date span {width:20px; display:inline-block; text-align:center; line-height:35px; font-size:13px; vertical-align:middle;}
.order_search input[type=submit] {width:100%; margin-top:10px; text-align:center; background:#222; color:#fff; font-size:13px; letter-spacing:-0.5pt; padding:10px 0;}

.order_detail {padding-bottom:15px; box-sizing:border-box;}
.order_detail .total_price {margin:10px 0 5px 0;}
.order_detail .order_btn {width:100%; box-sizing:border-box; margin-top:10px;}
.order_detail .order_btn input[type='button'] {width:49.5%; margin-right:0.4%; font-size:13px; line-height:38px; height:40px; box-sizing:border-box; text-align:center; }
.order_detail .order_btn input.btn_orderCancel {background-color:#fff; border:1px solid #d4d4d4; color:#666;}
.order_detail .order_btn input.btn_List {background:#333; border:1px solid #333; color:#fff;}

.order_info {padding:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f9f9f9; margin-bottom:10px; box-sizing:border-box;}
.order_info .order_in {position:relative; overflow:hidden; background-color:#fff; margin-bottom:10px; border:1px solid #ddd; padding:10px 8px 15px 10px;}
.order_info .order_in .cart_check {padding-bottom:12px;}
.order_info .order_in .cart_check p {display:inline-block; margin-right:5px;}
.order_info .order_in .cart_check p input[type="checkbox"]{width:18px; height:18px; vertical-align:middle; border:none; background-color:#fff}
.order_info .order_in .cart_check a:link, 
.order_info .order_in .cart_check a:visited {font-size:15px; color:#333;}
	 .order_in table {width:100%;}
	 .order_in td {vertical-align:top;}
	 .order_in td.cart_img {width:60px;}
	 .order_in td.cart_img img {border:1px solid #ddd; max-width:60px;}
	 .order_in td.cart_txt {padding-left:10px;}
	 .order_in .prd_tit a:link, 
	 .order_in .prd_tit a:visited {font-size:15px; color:#333;}

/* ÄíÆù³»¿ª */
.coupon_list {width:100%; border-top:1px solid #333; margin-bottom:15px;}
.coupon_list li {border-bottom:1px solid #ddd; padding:15px 10px; box-sizing:border-box;}
.coupon_list li div {padding:2px 0; overflow:hidden;}
.coupon_list li strong {display:inline-block; width:80px;}
.coupon_list li p {display:inline-block; width:calc(100% - 80px);}
.coupon_list li.no {text-align:center; line-height:100px;}

	span.blue {color:#3785e5;}
	span.red {color:#de0404;}
	span.gray {color:#aaa;}


/* Àû¸³±Ý ¾È³» */
.reserve_top {margin-bottom:15px}
.reserve_top h6 {font-size:13px; letter-spacing:-0.9pt; font-weight:400; color:#888888; position:relative; margin-bottom:10px;}
.reserve_top h6 span{font-size:13px !important; letter-spacing:-0.9pt; font-weight:600; color:#333;}
.reserve_top .point_txt{letter-spacing:-0.55pt; font-weight:600; color:#333; font-size:13px;}
.reserve_top .point_txt2{font-size:15px;  font-weight:600; color:#333; padding:0 3px 0 5px;}
.reserve_top .slash{font-size:14px; font-weight:400; padding:0 8px 0 10px;}
.reserve_top > div {border:2px solid #ddd; padding:10px; font-size:12px; color:#707070; font-weight:600;}

.reserve_list {width:100%; border-top:1px solid #333; }
.reserve_list li {border-bottom:1px solid #ddd; padding:15px 10px; box-sizing:border-box;}
.reserve_list li div {padding:2px 0; overflow:hidden;}
.reserve_list li strong {display:inline-block; width:80px;}
.reserve_list li p {display:inline-block; width:calc(100% - 80px);}
.reserve_list li.no {text-align:center; line-height:100px;}



/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_con {position:relative; overflow:hidden; font-weight:400; letter-spacing:-0.3pt; line-height:1.8; font-size:13px;}
.cont_title{font-size:15px; color:#333; padding-bottom:10px; letter-spacing:-0.74pt; font-weight:600;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#222 !important; letter-spacing:-0.5pt;}
.cont_txt {padding:0px 0px 20px 0; }
.cont_txt2 {padding-bottom:20px;}
.cont_txt2 p {margin:0 0 5px; word-break: keep-all;}
.cont_txt2 p span {padding-left:10px; box-sizing:border-box; display:block; margin:5px 0 10px;}
.cont_box {padding:15px; background:#f9f9f9; margin:5px 0px 10px 0px; display:block;}
.cont_box strong {color:#333; letter-spacing:-0.5pt;}

.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:15px;}
.privacy_list li {padding-bottom:5px;}
.privacy_list li a {font-weight:bold; color:#222; letter-spacing:-0.5pt;}



/*¹è¼ÛÁö °ü¸®*/
#myDelivery input.input_l {width:100%;}
#myDelivery input.input_m {width:100%;}
#myDelivery_pop input.input_l {width:100%;}
#myDelivery_pop input.input_m {width:100%;}

#myDelivery input.checkbox {width:18px; height:18px;}
#myDelivery dl {position:relative; border:1px solid #ddd; border-top:0; padding:20px;}
#myDelivery dl:first-child{border-top:1px solid #ddd;}
#myDelivery dt {font-size:18px; letter-spacing:-0.5pt; color:#444; padding-bottom:3px}
#myDelivery dd.txt {font-size:14px; line-height:24px}
#myDelivery dd.btnColl {position:relative; width:100%; margin-top:15px;}
#myDelivery dd.btnColl input[type=button] {width:49%; margin:0 1px;}

#myDelivery p.basic {display:inline-block; width:90px; height:29px; line-height:29px; border:4px solid #356340; text-align:center; color:#356340; letter-spacing:-0.3pt; font-size:13px !important; margin-right:5px;} 
#myDelivery input[type=button].modi{ padding:8px 20px; border:1px solid #a3a3a3; color:#666; background:#fff; margin:0 0 3px 2px; cursor:pointer;}
#myDelivery input[type=button]:hover.modi{background-color:#f9f9f9}
#myDelivery input[type=button].delete{ padding:8px 20px; border:1px solid #a3a3a3; color:#fff; background:#a3a3a3; margin:0 0 3px 2px; cursor:pointer;}
#myDelivery input[type=button]:hover.delete{background-color:#868686; border:1px solid #868686;}

#myDelivery .btn_area {text-align:center; margin-top:30px;}
#myDelivery .btn_area .btn_wb {width:49%; height:42px; line-height:42px; cursor:pointer; display:inline-block; background:#fff; text-align:center; color:#444; font-weight:500; border:1px solid #918f8f;}
#myDelivery .btn_area .btn_b {width:49%; height:42px; line-height:42px; cursor:pointer; display:inline-block; background:#356340; text-align:center; color:#fff; font-weight:500; border:none; cursor:pointer}
#myDelivery .btn_area .btn_b:hover{background-color:#4a8959}
#myDelivery .no_data {border:1px solid #ddd; padding:50px; text-align:center; letter-spacing:-0.5pt;}

.add_table {border-collapse:collapse; width:100%; border-spacing:0px; border-top:1px solid #333;}
.add_table th {min-width:90px; color:#333; text-align:left; padding:10px; border-bottom:1px solid #d7d7d7; background:#f9f9f9; font-weight:500; letter-spacing:-0.5pt; box-sizing:border-box;}
.add_table td {width:calc(100% - 90px); padding:10px; border-bottom:1px solid #d9d9d9; box-sizing:border-box;} 
.add_table .form_sub {display:inline-block; padding-top:10px; color:#666; font-size:13px;}
.add_table .form_sub strong{font-weight:500;}
.add_table span.hipen {width:12px; vertical-align:middle; text-align:center; display:inline-block;}
.add_table input.input_num {width:calc(33% - 10px);}
.add_table input.add_num {margin-bottom:8px; width:80px;}
.add_table input.address {margin-bottom:8px;}
.add_table input.address_end {margin-bottom:0px;}
.add_table select {padding:7px;}
.add_table input[type=text], .add_table input[type=password] {border:1px solid #d0d0d0; color:#666;  padding:0 8px; height:33px; line-height:33px; vertical-align:middle; box-sizing:border-box;}
.add_table input[type=button]{ padding:6px 10px; border:1px solid #a3a3a3; color:#666; background:#fff; margin-left:5px; cursor:pointer; font-size:12px;}
.add_table input[type=button]:hover{background-color:#f9f9f9}

#myDelivery_pop h1 {background:#444; padding:15px 10px; box-sizing:border-box; color:#fff; font-size:22px; letter-spacing:-0.5pt; font-weight:700;}
#myDelivery_pop h1 a.close {position:absolute; right:10px; top:18px; background:#fff; padding:5px; line-height:0;}
#myDelivery_pop .cont {padding:10px}
#myDelivery_pop dl {position:relative; border:1px solid #ddd; border-top:0; padding:20px 15px 15px 15px;}
#myDelivery_pop dl:first-child{border-top:1px solid #ddd;}
#myDelivery_pop dl.over{border:3px solid #356340;}
#myDelivery_pop dt {font-size:14px; letter-spacing:-0.5pt; color:#444; padding-bottom:3px}
#myDelivery_pop dd.txt {font-size:13px; line-height:24px}
#myDelivery_pop dd.btn_cont {width:100%; margin-top:10px;}

#myDelivery_pop p.basic {display:inline-block; width:90px; height:29px; line-height:29px; border:2px solid #356340; text-align:center; color:#356340; letter-spacing:-0.3pt; vertical-align:middle; margin-right:5px;}
#myDelivery_pop input[type='checkbox'] {width:18px; height:18px;}
#myDelivery_pop input[type=button] {width:49%; margin:0 1px; text-align:center;}
#myDelivery_pop input[type=button].modi{padding:6px 10px; border:1px solid #a3a3a3; color:#666; background:#fff; margin:0 0 3px 2px; cursor:pointer;}
#myDelivery_pop input[type=button]:hover.modi{background-color:#f9f9f9}
#myDelivery_pop input[type=button].delete{ padding:6px 10px; border:1px solid #a3a3a3; color:#fff; background:#a3a3a3; margin:0 0 3px 2px; cursor:pointer;}
#myDelivery_pop input[type=button]:hover.delete{background-color:#868686; border:1px solid #868686;}
#myDelivery_pop .btn_area {text-align:center; margin-top:30px;}
#myDelivery_pop .btn_area .btn_wb {width:49%; height:42px; line-height:40px; cursor:pointer; display:inline-block; background:#fff; text-align:center; color:#444; font-weight:500; border:1px solid #918f8f;}
#myDelivery_pop .btn_area .btn_b {width:49%; height:42px; line-height:40px; cursor:pointer; display:inline-block; background:#356340; text-align:center; color:#fff; font-weight:500; border:none; cursor:pointer}
#myDelivery_pop .btn_area .btn_b:hover{background-color:#4a8959}


.add_select {background:#fff; padding:3px 10px; margin-bottom:10px; /* border:1px solid #ddd; */}
.add_select input[type=radio] {vertical-align:middle; margin-top:-2px;}
.add_select label {margin-right:10px; font-size:13px; display:inline-block; margin:3px 10px 3px 0; }
.add_select input[type=button].btn_s {padding:3px 6px; border:1px solid #a3a3a3; color:#fff; background:#a3a3a3; margin:0px 0 0 10px; cursor:pointer; letter-spacing:-0.3pt; font-size:12px; vertical-align:middle;}





/*******************************************************************************
	@media 461px~640px
*******************************************************************************/
@media all and (min-width:461px) and (max-width:640px) {


}


/*******************************************************************************
	@media 320px~ 460px
*******************************************************************************/
@media all and (max-width:480px) {


/* °øÅëŸÀÌƲ */
h4.tit_sub {font-size:25px; line-height:30px; letter-spacing:-1pt;}
span.title_blue {line-height:30px; letter-spacing:-1pt;}
span.title_black {line-height:30px; letter-spacing:-1pt;}
h5.stit_sub {font-size:14px; line-height:20px; letter-spacing:-0.5pt;}


/* table */
.table_style th {font-size:13px;}
.table_style td {font-size:13px;}



#lnb ul li {display:inline-block; margin:0 5px;}
#lnb ul li a {line-height:40px; padding:0; font-size:0.9rem;}
#lnb ul li a:after {content:''; width:0; height:2px; background:#222; position:absolute; bottom:0; left:0;}
#lnb ul li a:hover {color:#222; transition:all 0.3s;}
#lnb ul li a.left_linktop {font-weight:bold; color:#222; }
#lnb ul li a.left_linktop:after {width:100%;}


.related_cont dl {width:200px;}
.related_cont .slick-arrow {bottom:2%;}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {top:-240px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {top:-240px;}


/* .basket_btn {background-position:center left 15% !important;}
.wish_btn {background-position:center left 12% !important;} */


}