@charset "utf-8";

/*inc*/
@-ms-viewport{width:device-width}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
html,body,div,p,span,a,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,input,select,textarea,button,label,fieldset,table,tr,td,th,tbody,thead,tfoot,caption,video,strong,em,i,b{margin:0;padding:0; word-break:keep-all; }
ul,ol,li{list-style:none}
img { border:none; max-width:100%}
em,i{ font-style:normal}
table{ border-collapse:collapse; border-spacing:0}
span, strong, a, em, i, b, input, button, textarea, select{ font-size:inherit; font-family:inherit; vertical-align: middle}
strong,h1,h2,h3,th{ font-weight:inherit}
input[type=button], input[type=submit], button{ cursor:pointer}
select{ max-width:100%}
input[type=text], input[type=button], input[type=submit], input[type=tel], input[type=file], button, label, textarea{ appearance:none;-webkit-appearance:none; -webkit-border-radius:0}
a, input, button, textarea, select, li{ -webkit-tap-highlight-color:transparent}
a:focus, input:focus, button:focus, textarea:focus, select:focus{ outline:none}
a{ text-decoration:none}

html{overflow-x:hidden}
body{font-family:noto sans kr, sans-serif; font-weight:400; line-height:1.3; background: #fff!important;}

input::-webkit-input-placeholder{ color:#aaa !important}
input::-moz-placeholder{ color:#aaa !important}
input:-moz-placeholder{ color:#aaa !important}
input:-ms-input-placeholder{ color:#aaa !important}

.doc{font-size: 16px;}
.dwrap{ position: relative; width: 2000px; left: 50%; top: 0; margin-left: -1000px;}
.box1{ width: 1200px; /*max-width: 96%;*/ margin: 0 auto; position: relative;}

:root{
	color-scheme: light; 
    --mainColor:#133133;
	--subColor:#ff4500; 
	--Color01:#fff2cc;
}


.fl_wrap > *{ float:left}
/*
.fl_wrap > li > a:not(.va), 
.fl_wrap > li > .in{ display:block}
*/
.fl{ float: left;}
.fr{ float: right;}
.fl_wrap::after{ content:""; display:block; clear:both}

.al{ text-align: left !important;}
.ac{ text-align: center !important;}
.ar{ text-align: right !important;}

.flex{ display:flex}
.flex.fw{ flex-wrap:wrap}
.flex.col{ flex-direction:column}
.flex.col > *{ width:100%; box-sizing:border-box}
.flex.space{ justify-content: space-between}
.flex.vspace{ align-content:space-between}
.flex.hc{ justify-content:center}
.flex.hr{ justify-content:flex-end}
.flex.vt{ align-content:flex-start; align-items:flex-start}
.flex.vc{ align-content:center; align-items:center}
.flex.vb{ align-content:flex-end; align-items:flex-end}
.flex .mgL{ margin-left:auto}
.flex .mgR{ margin-right:auto}
.flex .mgT{ margin-top:auto}

.flex.sec2 > li{ flex-basis:50%}
.flex.sec3 > li{ flex-basis:33.33%}
.flex.sec4 > li{ flex-basis:25%}
.flex.sec5 > li{ flex-basis:20%}
.flex.sec6 > li{ flex-basis:16.66%}
.flex.sec7 > li{ flex-basis:14.28%}
.flex.sec8 > li{ flex-basis:12.5%}
.flex.sec9 > li{ flex-basis:11.11%}
.flex.sec10 > li{ flex-basis:10%}

.va_wrap{ display:block; text-align:center; white-space: nowrap}
.va_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%}
.va{display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
.va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%}

.resize{ display:block; height:0; padding-bottom:56.25%; position:relative}
.resize .re{ position:absolute; left:0; top:0; width:100%; height:100%}

.wrap_idx{ overflow:hidden}
.con_idx{ position:relative}
.con_idx > .idx{ position:absolute; left:0; top:0; width:100%; visibility:hidden;filter:alpha(opacity=0);opacity:0;}
.con_idx > .idx.on{ position:relative; visibility: visible; filter:alpha(opacity=100);opacity:1;}

.c_point{ color: #9f171a !important; vertical-align: baseline;}
.c_black{ color:#000 !important; vertical-align: baseline;}
.c_gray{ color:#999 !important; vertical-align: baseline;}
.c_white{ color:#fff !important;  vertical-align: baseline;}
.c_red{ color:#df3c3c !important;  vertical-align: baseline;}
.c_blue{ color:#1570cd !important;  vertical-align: baseline;}

.strong{ vertical-align:top; font-weight:700}
.cl{ clear: both;}

.pd0{ padding:0 !important;}
.pt0{ padding-top:0 !important;}

.mt0{ margin-top:0 !important;}
.mt3{ margin-top:3px !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}

.mb0{ margin-bottom:0 !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}

.ml0{ margin-left:0 !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.ml40{ margin-left:40px !important;}
.ml50{ margin-left:50px !important;}

.mr0{ margin-right:0 !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr25{ margin-right:25px !important;}
.mr30{ margin-right:30px !important;}
.mr40{ margin-right:40px !important;}
.mr50{ margin-right:50px !important;}


/**/
.label_wrap{ }
.label_wrap > li{ flex:0 1 25%; margin:.5em 0; box-sizing:border-box}
.label_wrap.stw_2 > li{ flex:0 1 50%;}
.label_wrap.stw_16 > li{ flex:0 1 16.66%;}

.label_st{ display:inline-block; *display:inline; zoom:1; cursor:pointer}
.label_st > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer;}
.label_st:not(.cssbrowser) .xi:before{ font-family:xeicon!important; font-style:normal; font-size:1.25em; padding-right:.25em}
.label_st:not(.cssbrowser) input ~ span{ color:#666}
.label_st:not(.cssbrowser) input ~ .xi:before{ color:#aaa}
.label_st:not(.cssbrowser) input:checked ~ span{ color:#333}
.label_st:not(.cssbrowser) input:checked ~ .xi:before{ color:#0b4790}
.label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before{ content:"\e9c6"}
.label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before{ content:"\e92b"}
.label_st:not(.cssbrowser) input[type=radio] ~ .xi:before{ content:"\e9c6"}
.label_st:not(.cssbrowser) input[type=radio]:checked ~ .xi:before{ content:"\e9c7"}
.label_st:not(.cssbrowser) input[type=checkbox],
.label_st:not(.cssbrowser) input[type=radio]{ width:0; height:0; overflow:hidden;}

.label_st:not(.cssbrowser) input ~ .xi.st1{ padding-right:0; padding-left:.125em; font-size:1em}
.label_st:not(.cssbrowser) input ~ .xi.st1:before{ content:"\e929"; opacity:0}
.label_st:not(.cssbrowser) input:checked ~ .xi.st1:before{ content:"\e929"; opacity:1}

.label_st.mg{ margin-left:2em}
.label_st.mg:first-child{ margin-left:0}

.label_select{ position:relative; background:#fff; display:inline-block; *display:inline; zoom:1;}
.label_select select{ background:none; padding-right:3em !important; appearance:none;-webkit-appearance:none; position:relative; z-index:1}
.label_select select::-ms-expand{display:none;}
.label_select:after{ content:"\e942"; font-family:xeicon!important; position:absolute; z-index:0; right:0; top:50%; margin-top:-.5em; width:3em; text-align:center}

.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ddd; color:#666; padding:.5em 1em;  box-sizing:border-box; line-height:2em !important; height:3em !important;}
input[type=text].input_st,
input[type=password].input_st,
input[type=tel].input_st{ }
input[type=file].input_st{ background:none; border:none; padding:0}
textarea.input_st{ padding:1em; width:100%; height:8em; line-height:1.2}
textarea.input_st.h1{ height:10em !important;}

input[type=button]:not([readonly=readonly]).input_st:hover,
input[type=submit]:not([readonly=readonly]).input_st:hover,
button:not([readonly=readonly]).input_st:hover,
a.input_st:hover{ opacity:.7; transition:.3s}

.input_st .xi{ margin:0 .125em}

.input_st:hover,
.input_st:focus{ border-color:#666; color:#111}
.label_select .input_st:hover,
.label_select .input_st:focus{ background:none}
.input_st[disabled=disabled]:not([type=button]),
.input_st[readonly=readonly]:not([type=button]){ cursor:default; background:#f5f5f5; border-color:#ddd !important; color:#666}

select.input_st:hover,
select.input_st:focus{ color:#666}
.input_st .xi{ font-size:1.5em}

.input_st.s1{ line-height:2.5em; height:3.5em; padding:.5em 1.5em; font-size:1.063em}
.input_st.s2{ line-height:1em; height:2.5em; padding:.5em 1em; font-size:.938em}
.input_st.s3{ line-height:1em; height:2em; padding:.25em .5em; font-size:.875em}

.input_st.c1{ background:#0b4790; border-color:#0b4790; color:#fff}
.input_st.c1.re{ background:none; border-color:#0b4790; color:#0b4790}
.input_st.c2{ background:#999; border-color:#999; color:#fff}
.input_st.c2.re{ background:#f5f5f5; border-color:#ccc; color:#888}
.input_st.c3{ background:#333; border-color:#333; color:#fff}
.input_st.c3.re{ background:#fff; border-color:#666; color:#666}
.input_st.c4{ background:#eb3b4b; border-color:#eb3b4b; color:#222}
.input_st.c4.re{ background:#fff; border-color:#eb3b4b; color:#222}

.input_st.w1{ width:16.25em}
.input_st.w2{ width:7.5em}
.input_st.w3{ width:37em; max-width:100%}
.input_st.w4{ width:20em}
.input_st.w5{ width:9.4em}
.input_st.w6{ width:3em}
.input_st.w7{ width:5em}

.w10{ width:10% !important}
.w15{ width:15% !important}
.w25{ width:25% !important}
.w30{ width:30% !important}
.w35{ width:35% !important}
.w45{ width:45% !important}
.w50{ width:50% !important}
.w65{ width:65% !important}
.w75{ width:75% !important}
.w100{ width:100% !important}

.input_sec{ display:inline-block; *display:inline; zoom:1; width:1.25em; text-align:center; vertical-align:middle}
.input_sec.s1{ width:.5em}
.input_sec.s2{ padding:0 1.5em 0 .5em}
.input_sec.s3{ width:3em; text-align:left;}
.input_sec.s4{ width:4em;}


.input_st::-webkit-input-placeholder{ color:#aaa}
.input_st::-moz-placeholder{ color:#aaa}
.input_st:-moz-placeholder{ color:#aaa}
.input_st:-ms-input-placeholder{ color:#aaa}

.input_tt{ margin-top:.5em; opacity:.8}
.input_tt:before{ content:"- "}


/*header*/
/*#top_bannerbox .close{ color: #333 !important; font-weight: 400 !important; font-size: 1em !important; opacity: 1 !important; line-height: 0 !important;}
#top_bannerbox .closex{ display: none;}
#gnb{ display: none;}
#hd{ border-bottom:1px solid #999; z-index: 1000;}
.scroll #hd{position: fixed; top: 0; left: 0; width:100%;}
.hd_bg{ background: #fff; border-top: 1px solid #ddd; border-bottom:1px solid #ddd; }
#hd_wrapper > *{flex: 1 1 1%;}
#hd_wrapper .hw_left .top_bn_wrap{width: 280px; height: 94px; margin: 20px 0;}
#hd_wrapper #logo{ float: none; padding:0; text-align: center;}
#hd_wrapper #logo a{height:100%;}
#hd_wrapper .hw_right #tnb{ border-bottom: 0; background: transparent;}
#hd_wrapper .hw_right #tnb .inner{ width: auto;}
#hd_wrapper .hw_right #tnb .inner #hd_qnb > li{border-right: 0; font-size: 1.068em;}
#hd_wrapper .hw_right #tnb .inner #hd_qnb > li a{ color: #333; display: block;}
#hd_wrapper .hw_right #tnb .inner #hd_qnb > li:last-child{ position: relative; padding-right: auto;}
#hd_wrapper .hw_right #tnb .inner #hd_qnb > li .tnb_slist{position: absolute; top: 38px; background: #fff; z-index: 10; left: 50%; transform: translateX(-50%); min-width: 100px; box-shadow: 2px 2px 5px rgb(0 0 0 / 10%); border: 1px solid #ededed; display: none;}
#hd_wrapper .hw_right #tnb .inner #hd_qnb > li .tnb_slist > li{ border-right: 0; border-bottom: 1px dotted #ddd; width: 100%;}
#hd_wrapper .hw_right #tnb .inner #hd_qnb > li .tnb_slist > li:hover{ background: #f9f9f9;}
#hd_wrapper .hw_right #tnb .inner #hd_qnb > li:last-child:hover .tnb_slist{ display: block;}
#hd_wrapper .hw_right .hd_login{ position: inherit; right: inherit; top: inherit; margin-top:10px; margin-bottom: 15px;}
#hd_wrapper .hw_right .hd_login > li{float: right; margin: 0 10px;}
#hd_wrapper .hw_right .hd_login > li a{color: #333; }
#hd_wrapper .hw_right .hd_login > li .xi{ font-size: 2.125em; color: #333;}
#hd_wrapper .hw_right .hd_login .count{ background-color: var(--mainColor) !important; font-size: 1em; height: 18px; padding: 3px 5px; top: -6px; right: -1px; opacity: 1;}

#hd_menu button#menu_open{ background: #fff !important; color: #333 !important; border: 1px solid #ddd; border-top: 0; border-bottom: 0; font-size: 1.25em; font-weight: 400; text-align: center; height: 50px;}
#hd_menu button#menu_open .xi-bars{font-size: 1.375em; margin-right: 4px; vertical-align: text-bottom;}
#hd_menu .hd_menu { box-sizing: border-box; padding: 0 15px;}
#hd_menu .hd_menu > li.va_wrap { height: 55px; line-height: inherit; padding: 0; font-weight: 400; font-size: 1.3em; margin: 0 15px;}
#hd_menu .hd_menu > li a{ color: #333!important; display: inline-block;} 
#hd_menu .hd_menu > li:hover{ border-bottom: 0 !important; padding: 0; line-height: inherit;}

.h_gnb > li{position: relative; margin:0 0 0 50px}
.h_gnb > li > a{display:block; font-size:1.25em; font-weight: 400; letter-spacing: 0; height:50px;}
.h_gnb > li .dp2_list{position: absolute; width: 12rem; background: #fff; top: 46px; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; border: 1px solid #ddd; text-align: center;}
.h_gnb > li .dp2_list:after { content: ""; position: absolute; left: 0; top: -3px; width: 0; height: 3px; background: var(--mainColor); z-index: 1; transition: 0.3s;}
.h_gnb > li:hover .dp2_list{ opacity: 1; visibility: visible; }
.h_gnb > li:hover .dp2_list:after{width: 100%;}
.h_gnb > li .dp2_list > li > a{display:block; padding:12px 5px; color:#333; font-weight: 400; border-top:1px dotted #ddd; font-size: .938em;}
.h_gnb > li .dp2_list > li > a:hover{ background-color: #f9f9f9;}
.h_gnb > li .dp2_list > li:first-child > a{border-top:0;}

*/

#quick{ left: -1em;}
#quick li{ margin-bottom: 8px;}
#quick li button,
#quick li a{display: block; width: 2em; height: 2em; line-height: 1;  text-align: center;  border-radius: 50%; font-size: 1.8em; color: #fff!important; background: var(--mainColor); box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); box-sizing: border-box; transition: .3s; opacity: 1;}
#quick li button.btn_sm_on i{ color: #fff;}
#quick li.kakao a{background-color: #ffcf3d; color: #512929;}
#quick li.naver a{background-color: #3bb51c; color: #fff;}
#quick li i{ line-height: 1.8em;}
#quick li a i{ font-size: 1.125em;}
#quick li button:hover {color:#fff;}
.qk_con_wr .con_close{display: block; width: 2em; height: 2em; line-height: 1;  text-align: center;  border-radius: 50%; font-size: 1.8em; color: #fff; background:var(--mainColor);; box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); box-sizing: border-box; transition: .3s; opacity: 1; right: 290px;}

/*header*/
#hd{border-bottom:0; background: transparent; z-index: 1000;}
.scroll #hd{background: #fff;}
#hd_menu_wrap{width: 1200px; margin:0 auto;}
#hd_menu_wrap #hd_menu{background-color:transparent!important;} 
#hd_menu_wrap #hd_menu button#menu_open{width: auto; border:0; border-top:0; border-bottom:0; padding:0; text-align: left; background: transparent!important; color: inherit!important;}
#hd_menu_wrap #hd_menu button#menu_open .xi{font-size:22px; float: left; line-height: 1.2;}
#hd_menu_wrap #hd_menu button#menu_open.on .xi-bars:before{content: "\e921";}
#hd_menu_wrap #hd_menu button#menu_open p{float: left; margin-left: 10px; font-size: 16px; font-weight: 500;}
#category h2,
#category .close_btn{display: none;}
#hd_menu_wrap .hd_menu {border:0; margin: 0 auto;}
#hd_menu_wrap .hd_menu > li{position:relative;}
#hd_menu_wrap .hd_menu > li:hover{border-bottom:0 !important; padding: 12px 0!important; line-height: 1!important;}
#hd_menu_wrap .hd_menu > li.va_wrap{height:65px; padding: 0; margin:0 50px; line-height: 1; font-size: 17px; letter-spacing: -0.5px; position: relative;}
#hd_menu_wrap .hd_menu > li.va_wrap a{display: inline-block; padding:0; color:#222!important; }
#hd_menu_wrap .hd_menu > li.va_wrap .gnb_al_a{font-weight: 500;}
#hd_menu_wrap .hd_menu.st > li.va_wrap:last-child{margin-right:0;}
#hd_menu_wrap .hd_menu > li.depth1 > ul{display:none; min-width:130px; position: absolute; top:65px; left: 50%;transform: translateX(-50%); border:1px solid #ddd!important; padding: 0;}
#hd_menu_wrap .hd_menu > li.depth1 > ul > li{font-size: .875em; text-align:left; border-bottom: 1px dotted #ddd;background-color: #fff; transition:.3s;}
#hd_menu_wrap .hd_menu > li.depth1 > ul > li:last-child{border-bottom: 0;}
#hd_menu_wrap .hd_menu > li.depth1 > ul > li a{width: 130px; padding: 15px 15px; text-align: center;}
#hd_menu_wrap .hd_menu > li.depth1:hover > ul{display: block;}
#hd_menu_wrap .hd_menu > li.depth1 > ul > li:hover{background: #f9f9f9; border-bottom-color: #ddd!important;}
#hd_menu_wrap .hd_menu > li a{position: relative; transition:.3s;}
#hd_menu_wrap .hd_login{margin-bottom: 0;}
#hd_menu_wrap .hd_login > li.shop_cart > a{color:#343434; font-size:14px;}
#hd_menu_wrap .hd_login .count{background: var(--subColor)!important;}

#tnb{border: 0;}
#tnb .inner .hd_login .count{position:inherit; margin-left: 3px;}
.hd_menu_gr{margin: 25px 0 20px;}
#logo{}
.hd_login > li{float:left; position: relative; align-content: center; margin: 0 20px 0 0; text-align:center; letter-spacing:-0.03em; line-height:1.7em;}
.hd_login > li.h_icon{margin: 0 6px;}
.hd_login > li.h_icon a{color: #666}
.hd_login > li .xi{font-size: 30px; color: var(--mainColor); display: block;}
#hd_sch.hd_search{width:400px; border-radius:50px;}
.hd_login > li .xi-search{font-size: 22px;}
.hd_login > li .ON.xi-search:before{content: "\e921";}
.hd_login .sh_point{position: relative;}
#top_bannerbox{display: flex!important;}
#hd_menu_wrap #hd_sch #sch_str{border-radius:0px; background:#eee; height: 45px; width:calc(400px - 50px); padding: 5px 20px; color: #333 !important;  border-top:0; border-left:0; border-color:transparent!important; font-size: 13px;}
#hd_menu_wrap #hd_sch #sch_submit{border-radius:0; background:#eee; color: #222 !important; font-size:24px; width:50px; height: 45px; line-height: 20px; border-top:0; border-right:0; border-color:transparent!important;}

/* 헤더 마이페이지 리스트 */
.us_menu:hover .us_list{display: block;}
.us_list{position: absolute; top: 25px; left: 50%; transform: translateX(-50%); border: 1px solid #ddd; display: none; z-index: 10;}
.us_list > li{}
.us_list > li:last-child{border-bottom: 0;}
.us_list > li a{display: block; min-width: 100px; background: #fff; font-size: 13px; padding: 8px;}
.us_list > li a:hover{background-color: #f4f4f4;}


.h_fix{position:relative; top: 0; left: 0; width: 100%; z-index: 1000; background: #fff; border-bottom:1px solid #e8ded5;}
.scroll .h_fix{position:fixed;}


/* 퀵메뉴 */
/*qk_menu*/
.qk_menu{background: #fff; padding: 15px 15px 10px; border-radius: 15px; box-shadow: 1px 4px 20px -13px #000; position: fixed; bottom: 20px; right: 20px; z-index: 100000;}
.qk_menu .in{font-size:20px; color: #333; margin-bottom: 8px; border-bottom: 1px solid #ddd;}
.qk_menu .in:hover{color: var(--mainColor);}
.qk_menu .qk_btn >li:last-child .in{border-bottom: 0; margin-bottom: 0;}
.qk_menu .qk_btn{display: block; text-align: center;}
.qk_menu .qk_btn > li{position: relative;}
.qk_menu .qk_btn > li:hover .if{display: block}
.qk_menu .qk_btn > li .if{font-size:11px; line-height: 16px; position: absolute; top: 0px; right: 45px; min-width:80px; background: rgba(0,0,0,.6); padding: 5px 10px; border-radius: var(--bor_r); color: #fff; display: none; transition:.3s;}
.qk_menu .qk_btn.top{cursor: pointer;}
.qk_menu .today_list{width: 432px; height: 200px; border: 1px solid #ddd; background: #fff; border-radius: var(--bor_r); position: absolute; right: 60px; bottom: 10px; z-index: 10; display: none;}
.qk_menu .today_list.on{display: block;}
.qk_menu .today_list .to_top{font-size: 15px; font-weight:600; padding: 10px 15px; border-bottom: 1px solid #ddd; }
.qk_menu .today_list .to_top .xi{font-size: 20px;color: #999; cursor: pointer;}
.qk_menu .today_list .to_bottom{padding: 15px; position: relative;}


/*탑메뉴*/
#top_bannerbox .today{align-content: center;}



/*footer*/
#ft{ border-top: 1px solid #888; margin-top:80px;}
#ft ul{ margin-bottom: 0; padding: 0; border-bottom: 0;}
#ft li{border-right: 0; padding: 0; }
#ft_wr .ft_cnt{ float: none; padding: 0 45px; border-right: 1px solid #ddd; box-sizing: border-box;}
#ft_wr .ft_cnt:nth-child(1){width:40%; padding-left:0;}
#ft_wr .ft_cnt:nth-child(2){width:40%; }
#ft_wr .ft_cnt:nth-child(3){width:20%; border-right: 0; padding-right:0;}
#ft_wr .ft_tt{ font-size: 1.5em; font-weight: 600; color:#666; margin-bottom: 15px;}

#ft #ft_link{ margin-top:20px;}
#ft #ft_link li{ float: none; display: inline-block; font-size: 1.25em; border-right: 0; padding: 0; margin: 0 40px 0 0;}
#ft #ft_link a{ line-height: inherit; font-weight: 400; padding:0px;}
#ft #ft_link a:hover{ color: inherit !important;}

#ft #ft_wr{ max-width: 100%; margin-bottom: 30px; margin-top: 30px;}
#ft #ft_wr .cs_info .ft_cs_box1{box-sizing: border-box;}
#ft #ft_wr .cs_info .ft_cs_box1 .ft_cs_tel .icon{ width: 46px; height: 46px; line-height: 46px; background:var(--mainColor); text-align: center; border-radius: 50%;}
#ft #ft_wr .cs_info .ft_cs_box1 .ft_cs_tel .icon .xi{ font-size: 1.8em; color: #fff;}
#ft #ft_wr .cs_info .ft_cs_box1 .ft_cs_tel .tel_nm{ font-weight: 800; font-size: 2.25em; color: #333; margin-left: 15px; padding-bottom: 5px;}
#ft #ft_wr .cs_info .ft_cs_tx{ background: #f5f5f5; color: #555; padding: 1em 1.6em; border-radius: 5px; font-size: 1.068em; margin-top: 10px;}
#ft #ft_wr .cs_info .ft_cs_box2{ width: 50%; box-sizing: border-box; padding-right: 20px;}
#ft #ft_wr .cs_info .ft_cs_box2 .ft_cs_list{ margin-bottom: 23px;}
#ft #ft_wr .cs_info .ft_cs_box2 .ft_cs_list > li{ float: none; font-size: 1.125em;  margin-bottom: 3px;}
#ft #ft_wr .cs_info .ft_cs_box2 .ft_cs_btn{ margin-top: 15px;}
#ft #ft_wr .cs_info .ft_cs_box2 .ft_cs_btn > li{ float: none; margin-bottom: 5px;}
#ft #ft_wr .cs_info .ft_cs_box2 .ft_cs_btn > li a{ border: 1px solid #ddd; border-radius: 5px; padding: 10px; display: block; font-size: 1.125em; color: #666; width: 150px; transition: .3s;}
#ft #ft_wr .cs_info .ft_cs_box2 .ft_cs_btn > li a:hover{ background: #444; border-color: #444; color: #fff}
#ft #ft_wr .cs_info .ft_cs_box2 .ft_cs_btn > li a .xi{ font-size: 1.125em; margin-right: 7px;}
#ft #ft_wr .bank_info .bank_name{font-size: 1.25em; font-weight: 500; color: #999;}
#ft #ft_wr .bank_info .bank_nmb{ font-size: 2.125em; font-weight: 800; color: #444; margin-top:5px;}
#ft #ft_wr .bank_info .bank_on{ font-size: 1.125em; color: #555; margin-top: 10px;}
#ft #ft_wr .sns_info .bank_list > li{ float: none; margin-bottom: 5px;}
#ft #ft_wr .sns_info .bank_list > li a{ border: 1px solid #ddd; border-radius: 5px; padding: 10px 15px 6px; display: block; font-size: 1.125em; color: #666; width: 170px; transition: .3s;}
#ft #ft_wr .sns_info .bank_list > li a:hover{ border-color:var(--mainColor); background-color: var(--mainColor); color:#fff;}
/*#ft #ft_wr .sns_info .bank_list > li a.kakao:hover{ background:#ffda71; border-color: #ffda71; color:#543f3f}
#ft #ft_wr .sns_info .bank_list > li a.naverb:hover{ background:#7fd15d; border-color: #7fd15d; color:#fff}
#ft #ft_wr .sns_info .bank_list > li a.yout:hover{ background:#ff4f4f; border-color: #ff4f4f; color:#fff}*/
#ft #ft_wr .sns_info .bank_list > li a .xi{ font-size: 1.5em; margin-right: 10px;}


#ft .ft_b_info{ border-top: 1px solid #ddd;}
#ft .ft_b_info #ft_standard{ font-weight: 400; margin-bottom: 20px; margin-top: 20px; text-align: left;}
#ft .ft_b_info #ft_standard span{ margin: 0 20px 0 0; color: #555;}
#ft .ft_b_info #ft_copy{ color: #777; font-size: 1.068em; margin-top: 0; margin-bottom: 30px; padding: 0; width: 100%; text-transform: uppercase; text-align: left;}
#ft .ft_b_info #ft_kg {width:10%; display:flex; align-items: center; justify-content: center;}
#ft .ft_b_info #ft_kg img {width:80%;}



/*main_v*/
.main_owl_pager{ display: none;}


/*메인기본스킨*/
#wrapper{ background: transparent;}
.main_tit{font-size: 3em; font-weight: 600; margin-bottom: 30px; letter-spacing: -.5px; text-align: center;}
#main_best{ margin-top: 100px; margin-bottom: 80px;}
#main_best .slick-track{margin:0;}
#main_sale{background-color:#ddd; padding:70px 0; margin-bottom: 80px; position: relative;}
#main_sale:before{content:''; position: absolute; top:0; left: 0;/* background-color: rgba(255,255,255,.8);*/ width:100%; height: 100%;}
#main_pick{margin-bottom:80px;}
.cbm2_bn{border-radius: 10px; overflow: hidden;}
#main_new{margin-top:80px; margin-bottom:40px;}

.mo_doc{overflow: hidden}
.mo_main_tit{font-size: 1.5em; font-weight: 600; margin-bottom: 20px; letter-spacing: -.5px; text-align: center}
#mo_main_best{margin-bottom: 20px;}
#mo_main_sale{background-color:#ddd; padding:30px 0 20px; margin-bottom: 40px; position: relative;}
#mo_main_sale:before{content:''; position: absolute; top:0; left: 0; /*background-color: rgba(255,255,255,.8);*/ width:100%; height: 100%;}
#mo_main_pick{margin-bottom:20px;}
.cbm2_bn{border-radius: 10px; overflow: hidden;}
#mo_main_new{margin-top:40px;}


/*mo_main*/
.mo_main_shop_07{margin-top: 20px;}
.mo_main_shop_07 .btn_st{display: none!important;}
.mo_main_shop_07 .mo_cus_skin.main_slide .sct_li{padding: 0!important;}
.mo_main_shop_07 .main_s07_bn{ overflow: hidden;} 
.mo_main_shop_07 .main_s07_bn img{width: 100%; height: auto; border-radius: var(--item_r);}

.cbm2_bn img{border-radius: var(--item_r);}


/*커뮤니티*/
.comm_cont{ background:#f7f7f7; margin-top: 70px; box-sizing: border-box; padding: 70px 0;}
.comm_cont .event_zone{ width: 50%; padding-right: 25px; box-sizing: border-box;}
.comm_cont .event_zone #cream_bn_main3{ box-shadow: 3px 3px 10px rgb(0 0 0 / 10%); border-radius: 10px;}
.comm_cont .review_zone{ width: 50%; padding-left: 25px; box-sizing: border-box;}
.comm_cont .main_stit{ margin-bottom: 15px;}
.comm_cont .main_stit .t1{ font-size: 2.5em; font-weight: 600;}
.comm_cont .main_stit .t2{ display: block; width: 40px; height: 40px; border-radius: 50%; background: var(--mainColor); color: #fff; line-height: 40px; text-align: center;}
.comm_cont .main_stit .t2 .xi{ font-size: 1.8em}

/**/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box:after{ display:block; clear:both; content:'';}
.agree_box .con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .con .agree_wrap{ font-size: 1.125em;}
.agree_box .con .agree_wrap span{ display: block;}


/**/
#login_password_lost{color: #666;}
#sns_login .sns-icon{margin:5px 0 0;}
#mb_login #sns_login{/*padding:10px; */margin-top:0px!important;}
#mb_login #sns_login .sns-icon{width:49%!important;}
#mb_login #sns_login .sns-icon:nth-child(odd),
#mb_login #sns_login .sns-icon{border-radius: 3px; overflow: hidden;}
#sit_tab .tab_tit li .selected:after{background:var(--mainColor)}
#sit_pvi_big .sct_marker{display:none!important;}
#sit_ov_wrap{padding:45px 0;}
.sct_best .sct_marker{display:none;}


/*메인 베스트상품*/
#cream_bn_main2 .cream_bn_main2_closed{display:none;}
#main_best .cbm1_bn{border-radius:20px; overflow:hidden;}


/**/
.page_tt{font-size:1.825em; font-weight: 600;}
.page_stt{font-size:1.45em; font-weight: 600;}
.page_tx{font-size:1.125em; font-weight: 400;}
.page_stx{font-size:1em; font-weight: 300;}

/*인사말*/
.about_01_01 .def_intro .in .img_z{width:50%; padding-right:4em;}
.about_01_01 .def_intro .in .img_z .bgfix{height: 500px; border-radius: var(--item_r);}
.about_01_01 .def_intro .in .txt_z{width:50%; padding:3em 0 3em 4em;}
.about_01_01 .def_intro .in .txt_z .page_tt{ margin-bottom:35px; line-height: 1.6;}
.about_01_01 .def_intro .in .txt_z .page_tx{color: #333; margin-bottom:15px;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name{margin-top:55px;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .tx{letter-spacing: 2px;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .in_name{font-size: 2em; margin-left: 10px; letter-spacing: 6px; font-family: var(--fs_01);}

/*오시는길*/
.loc_01_01 .map_cont{border-radius: var(--item_r); overflow: hidden;}
.loc_01_01 .loc_info{margin-top:20px;  border:1px solid #ddd; padding:30px; border-radius: var(--item_r);}
.loc_01_01 .loc_info > li{position: relative; padding-left:15px;}
.loc_01_01 .loc_info > li:not(:last-child){ margin-bottom: 10px; }
.loc_01_01 .loc_info > li:before{content:''; width:4px; height: 4px; border-radius: 50%; background-color: var(--mainColor); position: absolute; top: 12px; left: 0;}
.loc_01_01 .loc_info > li .fwB{font-weight: 600; color: var(--mainColor); margin-right:10px;}
.root_daum_roughmap .cont .section.lst,
.root_daum_roughmap .wrap_controllers{display: none;}
	
@media screen and (max-width:768px) {
	.about_01_01, .loc_01_01{padding: 0 2.5%; margin: 10px 0;}
	.about_01_01 .def_intro .in .img_z{padding-right:0; width:100%;}
	.about_01_01 .def_intro .in .img_z .bgfix{height:200px;}
	.about_01_01 .def_intro .in .txt_z{padding:1.5em 0 0; width:100%;}
	.about_01_01 .def_intro .in .txt_z .page_tt{margin-bottom: 20px; line-height: 1.4;}
	.about_01_01 .def_intro .in .txt_z .page_tx{margin-bottom: 5px;}
	.loc_01_01 .loc_info{padding:20px;}
	.loc_01_01 .loc_info > li:not(:last-child){margin-bottom: 5px;}
	.loc_01_01 .root_daum_roughmap .wrap_map{height:250px!important;}
	
	
	.page_tt{font-size:1.25em; }
	.page_stt{font-size:1.125em; }
	.page_tx{font-size: .937em;}
	.page_stx{font-size:1em; }	
}