@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Antic+Didone&family=Noto+Sans+KR:wght@300&display=swap");
/* 초기화 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{font-size:12px; color:#353535;}
/*
body {
	min-width:100% !important;
	height:100%;
	overflow-y:scroll !important;
	background:none !important;
}
@media all and (max-width:1285px) {
	body { min-width:1000px !important; }
}
*/
/***
body{font-size:12px; font-family:'Nanum Gothic',"돋움",dotum,Verdana,sans-serif; color:#333; line-height:160%;}
font-family:'Malgun Gothic', Tahoma, Geneva, dotum, sans-serif;
body,code,button,input,label,select,td,textarea {
	zoom:1;
	line-height:1.4em;
	font:12px 'Nanum Gothic','Roboto','Verdana','Open Sans','Dotum','AppleGothic','돋움','Dotum','Helvetica','sans-serif','xeicon' !important;
	color:#333;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
}
***/
*{font-family: noto sans kr,antic didone,sans-serif;}

ol,ul,li{list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0; font-size:12px}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:12px}
dt{display:block}
hr{display:none}
em { font-style:normal}
address{font-style:normal}
input,select,img{vertical-align:middle}
button {cursor:pointer}
label, input, button, select, img {vertical-align:middle}
input, button,textarea, select {margin:0;padding:0;  font-size:1em}
h1, h2, h3, h4, h5, h6 {font-size:1.2em;}
form,span,select {margin:0;padding:0;}
p {margin:0;padding:0;word-wrap:break-word;l}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
button{cursor:pointer;outline:none;} /*Button 按钮的点击时候出现蓝色边框*/
a:link, a:visited {color:#000;text-decoration:none;transition: color 0.25s;outline:none;}
a:hover, a:focus, a:active {color:#000;text-decoration:none;outline:none;} /*text-decoration:underline;*/

img {margin:0;padding:0;border:0}

.inputTypeText{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:2px;padding:5px;height:26px}

input[type="checkbox"] {width:16px; height:16px; vertical-align:middle; border: 1px solid #000;}
input[type="radio"] {width:16px; height:16px; vertical-align:middle;  position:relative; }

.hidden { display:none }
input{outline:0px;}
.clear{clear:both;}

.tip_txt{margin-top:10px}
.red{color:red !important; }
.blue{color:blue !important; }



*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 

.placeholdersjs { color: #aaa !important; }

.-width{position:relative;width:1260px;margin:0 auto;*zoom:1;}
.-width:after{content:"";display:block;clear:both;*zoom:1;}
@media all and (max-width:1285px){.-width{width:980px;}}

.displaynone{display:none;}
.divClear{position:relative;display:block;clear:both;}
.divClear:after{content:"";display:block;clear:both;*zoom:1;}
.d_clear{clear:both;}



.all_warp{min-width:1260px}


d_clear{clear:both;}
.-mov,.-mov img{-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.-mov:hover,.-mov:hover img{-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.-scale img{-khtml-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform:scale(1,1);}
.-scale:hover img{-khtml-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);transform:scale(1.05,1.05);}
.-opacity,.-opacity img{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;}
.-opacity:hover,.-opacity:hover img{filter:alpha(opacity=70);-khtml-opacity: .7;-moz-opacity: .7;-ms-opacity: .7;-o-opacity: .7;opacity: .7;}
.-spring_x{transition:all .3s ease;-webkit-transition:all .3s ease;animation-name:spring_x;animation-duration:3.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:normal;-webkit-animation-name:spring_x;-webkit-animation-duration:3.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction:normal;}
@keyframes spring_x{0%{transform:translate(0px,0px)}
80%{transform:translate(0px,0px)}
85%{transform:translate(4px,0px)}
90%{transform:translate(0px,0px)}
95%{transform:translate(4px,0px)}
100%{transform:translate(0px,0px)}}@-webkit-keyframes spring_x{0%{transform:translate(0px,0px)}
80%{transform:translate(0px,0px)}
85%{transform:translate(0px,4px)}
90%{transform:translate(0px,0px)}
95%{transform:translate(0px,4px)}
100%{transform:translate(0px,0px)}}.-spring_y{transition:all .3s ease;-webkit-transition:all .3s ease;animation-name:spring_y;animation-duration:3.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:normal;-webkit-animation-name:spring_y;-webkit-animation-duration:3.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction:normal;}
@keyframes spring_y{0%{transform:translate(0px,0px)}
80%{transform:translate(0px,0px)}
85%{transform:translate(0px,4px)}
90%{transform:translate(0px,0px)}
95%{transform:translate(0px,4px)}
100%{transform:translate(0px,0px)}}@-webkit-keyframes spring_y{0%{transform:translate(0px,0px)}
80%{transform:translate(0px,0px)}
85%{transform:translate(0px,4px)}
90%{transform:translate(0px,0px)}
95%{transform:translate(0px,4px)}
100%{transform:translate(0px,0px)}}
.rOver img{position:absolute;top:0;left:0;}
.rOver .off{visibility:visible;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
.rOver:hover .off{visibility:hidden;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;}
.rOver .on{visibility:hidden;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;}
.rOver:hover .on{visibility:visible;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}

.warning{display:;position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,.8);background:url('img/bg_opacity_b_80.png');visibility:hidden;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;transition:all 1s ease;-webkit-transition:all 1s ease;}
.warning i{display:block;padding:0 0 20px;font-size:50px;color:#fff;}
.warning p{position:absolute;top:-1000px;width:100%;line-height:33px;text-align:center;font-size:23px;color:#fff;}
@media all and (max-width:760px){body{overflow-y:hidden !important;overflow-x:hidden !important;}
.warning{z-index:9999;height:100%;visibility:visible;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
.warning p{top:30%;}}.-change{position:relative;width:25px;height:27px;}
.-change img{left:0;}
.-change i{left:50%;width:18px;margin-left:-8px;line-height:25px;font-size:18px;}
.-change img:nth-child(1),.-change i:nth-child(1){position:absolute;top:0px;visibility:visible;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.-change:hover img:nth-child(1),.-change:hover i:nth-child(1){top:5px;visibility:hidden;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;}
.-change img:nth-child(2),.-change i:nth-child(2){position:absolute;top:-5px;visibility:hidden;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.-change:hover img:nth-child(2),.-change:hover i:nth-child(2){top:0;visibility:visible;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
.-caption{position:absolute;z-index:1;left:50%;bottom:0;width:0;height:0;}
.-caption p{display:block;position:absolute;top:0;height:25px;line-height:24px;padding:0 10px;transform:translateX(-48%);background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);border-radius:0;font-size:11px;color:#333;font-weight:normal;white-space:nowrap;visibility:hidden;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;}






.JS_topBnr_wrap{display:block;}
.JS_topBnr{position:relative;width:100%;z-index:2;margin:0 0 -1px;border-bottom:1px solid rgba(0,0,0,0.05);overflow:hidden;}
.position_center{position:absolute;z-index:10;top:-5px;left:50%;width:0;height:0;margin-left:650px;opacity:0;-webkit-opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_topBnr:hover .position_center{top:0px;opacity:1;-webkit-opacity:1;}
.JS_topBnr .close{position:absolute;z-index:5;right:20px;width:27px;height:27px;background:url('img/btn_close.gif') no-repeat center rgba(0,0,0,.8);cursor:pointer;}
.JS_topBnr .checkbox{display:none;}
.JS_topBnr_roll{position:relative;width:100%;height:100px;overflow:hidden;}
.JS_topBnr_roll .img{position:relative;width:100%;height:100%;}
.JS_topBnr_roll .img li{position:absolute;top:0;left:50%!important;width:2000px;height:100%;margin-left:-1000px;text-align:center;}
.JS_topBnr_roll .img li:first-child{z-index:1;left:0;}
.JS_topBnr_roll .img li img{}
.JS_topBnr_roll .btn{height:2px;position:absolute;z-index:3;bottom:10px;left:50%;width:1260px;line-height:0;margin:0 0 0 -620px;text-align:center;letter-spacing:-4px;font-size:0;opacity:0;transition:opacity .3s 8s ease;-webkit-transition:opacity .3s 8s ease;}
.JS_topBnr_roll:hover .btn{opacity:1.0;-webkit-opacity:1.0;transition-delay:0s;-webkit-transition-delay:0s;}
.JS_topBnr_roll .btn li{position:relative;display:inline-block;*display:inline;*zoom:1;width:15px;height:2px;margin:0 2px;background:#ccc;cursor:pointer;font-size:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_topBnr_roll .btn li span{position:absolute;left:0;display:block;width:0;height:100%;background:#111;text-indent:-9999px;}
.JS_topBnr_roll .btn li.on{width:25px;background:#999;}
.JS_topBnr_roll .DB_dir{position:absolute;z-index:10;left:50%;top:0;width:1260px;margin:0 0 0 -620px;height:0;cursor:pointer;opacity:0;-webkit-opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_topBnr_roll:hover .DB_dir{opacity:1;-webkit-opacity:1;}
.JS_topBnr_roll .arrow{position:absolute;width:30px;height:30px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_topBnr_roll .prev{top:-5px;background:url('img/arrow_prev.gif') no-repeat 50% 50% rgba(0,0,0,.2);}
.JS_topBnr_roll:hover .prev{top:0px}
.JS_topBnr_roll:hover .prev:hover{background:url('img/arrow_prev.gif') no-repeat 50% 50% rgba(0,0,0,.4);}
.JS_topBnr_roll .next{top:25px;background:url('img/arrow_next.gif') no-repeat 50% 50% rgba(0,0,0,.2);}
.JS_topBnr_roll:hover .next{top:30px;}
.JS_topBnr_roll:hover .next:hover{background:url('img/arrow_next.gif') no-repeat 50% 50% rgba(0,0,0,.4);}
@media all and (max-width:1285px){.JS_topBnr_roll .btn{width:980px;margin:0 0 0 -490px;}
.JS_topBnr_roll .DB_dir{width:980px;margin:0 0 0 -490px;}}#header{display:block;position:relative;background:none;}




#header_01{position:relative;z-index:30;width:100%;height:40px;border-bottom:1px solid rgba(0,0,0,0.05);background:rgba(255,255,255,0.1);}
#header_01.fixed{position:fixed;top:0;background:rgba(255,255,255,0.97);background:#fff \9;}
.goHome_wrap{position:absolute;top:0;left:-1px;width:52px;height:41px;overflow:hidden;}
.goHome a{position:absolute;z-index:11;top:-41px;left:0;width:52px;height:41px;line-height:41px;background:#222;text-align:center;cursor:pointer;transition:top .3s 1s ease;}
#header_01.fixed .goHome a{top:0px;transition-delay:1s;}
.goHome a:hover{text-decoration:none !important;}
.goHome i{line-height:38px;font-size:20px;color:#fff;}
#header_01 .goHome_move{float:left;width:0;height:40px;font-size:0;transition:all .3s 1.5s ease;}
#header_01.fixed .goHome_move{margin:0 0 0 55px;transition-delay:.5s;}
.sns_icon{position:relative;float:left;top:6px;margin:0 0 0 5px;}
.sns_icon li{position:relative;float:left;height:40px;margin:0 2px;}
.sns_icon li a{display:block;width:27px;height:28px;border-radius:100%;background:rgba(0,0,0,.05);font-size:15px;text-align:center;text-decoration:none;transition:all .7s ease;}
.sns_icon li:hover a{background:rgba(0,0,0,.1);transition:all .3s ease;transform:rotate(30deg);}
.sns_icon li a i{line-height:27px;color:#000;filter:alpha(opacity=80);opacity:.8;}
.sns_icon li.ico a{background:none;}
.sns_icon li.ico a img{line-height:28px;width:28px;opacity:.8;}
.JS_topMenu{position:relative;z-index:10;}
.JS_topMenu a{display:block;color:#333;font-size:12px;white-space:nowrap;text-decoration:none;}
.JS_topMenu a:hover{color:#000;font-weight:bold;text-decoration:none;}
.JS_topMenu li{position:relative;}
.JS_topMenu.left{float:left;}
.JS_topMenu.right{float:right;}
.JS_topMenu > li{float:left;background:url("img/line_20.png") 0 48% no-repeat;}
.JS_topMenu > li:first-child{background:none;}
.JS_topMenu > li > a{height:39px;padding:0 6px 1px 7px;line-height:40px;border-bottom:1px solid rgba(255,255,255,0);letter-spacing:0.08em;transition:color .3s,font-weight .3s ease;}
.JS_topMenu > li.arrow > a{padding:0 18px 1px 8px;background:url('img/arrow_menu_down.gif') no-repeat 93% 50%;}
.JS_topMenu > li.on > a,.JS_topMenu > li.fix > a{border-bottom:1px solid #333;font-weight:bold;color:#000;}
.JS_topMenu > li .count{display:inline-block;width:17px;height:17px;line-height:14px;margin:0;padding:2px ;background:rgba(115,0,35,.8);border-radius:50%;text-align:center;color:#fff;font-size:12px;font-weight:400;}
.JS_topMenu > li > ul{display:none;position:absolute;top:38px;left:50%;margin:0 0 0 -65%;padding:7px 0;border:1px solid #ddd;border-top:1px solid #333;background:#fff;}
.JS_topMenu > li > ul > li.arrow{background:url('img/arrow_menu.gif') no-repeat 95% 50%;}
.JS_topMenu > li > ul > li:first-child > a{border-top:none;}
.JS_topMenu > li > ul > li > a{height:25px;line-height:25px;margin:0 10px;padding:0 12px;border-top:1px solid #eee;color:#555;white-space:nowrap;}
.JS_topMenu > li > ul > li > a:hover,.JS_topMenu > li > ul > li.on > a{background:rgba(0,0,0,.05);}
.JS_topMenu > li > ul > li > ul{display:none;position:absolute;top:5px;left:90px;width:120px;padding:7px 0;border:1px solid #ddd;background:#fff;}
.JS_topMenu > li > ul > li > ul > li{display:block;}
.JS_topMenu > li > ul > li > ul > li:first-child{}
.JS_topMenu > li > ul > li > ul > li a{height:22px;padding:0 0 0 10px;line-height:23px;color:#555;font-size:11px;}
.JS_topMenu > li > ul > li > ul > li a:hover,.JS_topMenu > li > ul > li > ul > li.on a{background-color:rgba(0,0,0,.05);color:#111;}
.JS_topMenu .point_ico{position:absolute;top:32px;left:3px;width:60px;height:23px;line-height:23px;background:rgb(51,51,51);background:url('img/mileage_bg.png') no-repeat ;border-radius:3px;font-weight:bold;font-size:10px;letter-spacing:0;text-align:center;color:#fff;filter:alpha(opacity=100);opacity:1;transition:all .8s .5s ease !important;-webkit-transition:all .8s .5s ease !important;}
#header_01.fixed .JS_topMenu .point_ico{top:20px;filter:alpha(opacity=0);opacity:0;transition-delay:.8s;}
.JS_topMenu .multishop img{position:relative;top:14px;margin:0 7px 0 0;}
.JS_topMenu .multishop > ul{z-index:10;width:180px!important;}
.JS_topMenu .multishop > ul > li.selected{background:url('img/dot_notice.gif') no-repeat 16px 10px;}
.JS_topMenu .multishop > ul a img{top:6px!important;left:5px;}
.JS_topMenu .multishop > ul .name{display:inline-block;width:80px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.JS_topMenu .multishop > ul .unit{float:right;width:30px;font-size:10px;}
.JS_topMenu .multishop > ul > li > a{padding:0 0 0 10px;}




#header_02{min-width:1260px;position:relative;z-index:28;height:190px;background:rgba(255,255,255,0.1);}
#header_02 .logo{position:relative;z-index:2;top:20px;width:600px;height:120px;line-height:120px;margin:0 auto;}
#header_02 .logo  a{font-size: 36px; color: #666;letter-spacing: 5px;font-family: 'Old Standard TT',serif;}

#header_02 .logo.rOver.stop:hover .off{visibility:visible;filter:alpha(opacity=100);opacity:1.0;}
#header_02 .logo.stop .on{display:none;}
#header_02 .logo.fade .off{top:0;}
#header_02 .logo.fade:hover .off{top:0;}
#header_02 .logo.fade .on{top:0;}
#header_02 .logo.fade:hover .on{top:0;}
#header_02 .logo.upDown .off{top:0;}
#header_02 .logo.upDown:hover .off{top:12px;}
#header_02 .logo.upDown .on{top:-12px;}
#header_02 .logo.upDown:hover .on{top:0;}
#header_02 .logo.left .off{top:0;left:0;}
#header_02 .logo.left:hover .off{left:12px;}
#header_02 .logo.left .on{top:0;left:-12px;}
#header_02 .logo.left:hover .on{left:0;}
  
.join_box {position:absolute;left:50%;bottom:0;margin-bottom:-12px;margin-left:-20px;width:46px;background:#917a84;color:#fff;padding:5px 0;text-align:center;border-radius:3px;letter-spacing:0;font-size:9px;z-index:100;line-height:10px;}
.join_box:after{bottom:100%;left:10px;border: solid transparent;content: " ";height:0;width:0;position:absolute;pointer-events: none;border-bottom-color:#917a84;border-width:3px;margin-left: -3px;}


.-mov,.-mov img{-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.-mov:hover,.-mov:hover img{-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.-scale img{-khtml-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform:scale(1,1);}
.-scale:hover img{-khtml-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);transform:scale(1.05,1.05);}
.-opacity,.-opacity img{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;}
.-opacity:hover,.-opacity:hover img{filter:alpha(opacity=70);-khtml-opacity: .7;-moz-opacity: .7;-ms-opacity: .7;-o-opacity: .7;opacity: .7;}
.-spring_x{transition:all .3s ease;-webkit-transition:all .3s ease;animation-name:spring_x;animation-duration:3.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:normal;-webkit-animation-name:spring_x;-webkit-animation-duration:3.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction:normal;}




#header_03{min-width:1260px;position:relative;z-index:29;width:100%;height:50px;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.1);box-shadow:none;transition:box-shadow 1s ease;}
.header_03_inner{height:50px;border-left:1px solid rgba(0,0,0,0.08);border-right:1px solid rgba(0,0,0,0.08);text-align:center;}
#header_03 li{position:relative;}
#header_03.fixed{position:fixed;top:40px;left:0;background:rgba(255,255,255,.97);box-shadow:0 3px 4px rgba(0,0,0,0.15);border-bottom:none;border-bottom:1px solid #333 \9;}
#header_03.fixed .header_03_inner{border-top:none;border-bottom:none;}
#d_full_btn p{position:absolute;z-index:10;left:-1px;top:-1px;width:50px;height:50px;border-top:1px solid rgba(0,0,0,0);border-right:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);background:url('/_wg/img/_btn/btn_all_off_b.png') no-repeat 0 0;cursor:pointer;font-size:0;color:#fff;transition-delay:.05s;}
#d_full_btn p:hover,#d_full_btn.on p{z-index:21;height:51px;border:1px solid rgba(0,0,0,.5);border-bottom:0;background:url('/_wg/img/_btn/btn_all_on_b.png') no-repeat 0 0 rgba(255,255,255,.97);transition:border.5s,background .2s ease;}
#d_full_btn .close{display:none;}
#d_full_btn .scrollbar_box{height:500px;}
#category-full{position:absolute;z-index:20;display:none;top:50px;left:-1px;width:1255px;padding:10px 0 10px 5px;border:1px solid rgba(0,0,0,.5);background:url('/_wg/img/_bg/bg_category-full.gif') repeat-y right rgba(255,255,255,.97);cursor:default;text-align:left;}
#category-full h2{display:block;width:1010px;line-height:25px;margin:15px 15px 5px 10px;padding:0 0 10px;border-bottom:1px solid rgba(0,0,0,.08);font-size:18px;font-weight:normal;}
#category-full a{display:block;line-height:24px;text-transform:uppercase;white-space:nowrap;color:#777;}
#category-full a:hover{text-decoration:none;color:#111;}
#category-full .left_section{position:relative;float:left;width:1030px;height:500px;}
#category-full .close{position:absolute;right:10px;bottom:10px;cursor:pointer;}
#category-full .d1-wrap{position:relative;z-index:2;}
#category-full .d1-wrap .d1{position:relative;display:inline-block;*display:inline;*zoom:1;width:190px;margin:8px 2px 20px 10px;vertical-align:top;font-size:12px;line-height:28px;text-align:left;letter-spacing:0;}
#category-full .d1-wrap .d1 > a{height:30px;margin-bottom:10px;padding-left:10px;background:none;border-bottom:1px solid rgba(0,0,0,.08);font-size:13px;line-height:28px;font-weight:bold;transition:all .3s ease;-webkit-transition:all .3s ease;}
#category-full .d1-wrap .d1 > a:hover,#category-full .d1-wrap .d1.on > a{border-bottom:1px solid #555;color:#111;}
#category-full .d2-wrap .d2{position:relative;}
#category-full .d2-wrap .d2.be{background:url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;}
#category-full .d2-wrap .d2 > a{line-height:27px;padding:0 0 0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .2s ease;-webkit-transition:all .2s ease;}
#category-full .d2-wrap .d2 > a:hover,#category-full .d2-wrap .d2.on > a{background-color:rgba(0,0,0,.05);color:#111;}
#category-full .d2-wrap .img{display:none;}
#category-full .d3-wrap{position:absolute;display:none;left:190px;top:-11px;padding:10px 0;background:#fff;border:1px solid #ddd;}
#category-full .d3-wrap .d3{position:relative;}
#category-full .d2-wrap .d3.be{background:url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;}
#category-full .d3-wrap .d3 > a{line-height:27px;min-width:160px;padding:0 10px;transition:all .2s ease;-webkit-transition:all .2s ease;}
#category-full .d2-wrap .d3 > a:hover,#category-full .d3-wrap .d3.on > a{background-color:rgba(0,0,0,.05);color:#111;}
#category-full .d4-wrap{position:absolute;display:none;left:180px;top:-11px;padding:10px 0;background:#fff;border:1px solid #ddd;}
#category-full .d4-wrap .d4 > a{line-height:27px;min-width:160px;padding:0 10px;transition:all .2s ease;-webkit-transition:all .2s ease;}
#category-full .d3-wrap .d4 > a:hover{background-color:rgba(0,0,0,.08);color:#111;}
@media all and (max-width:1285px){#category-full{width:973px;}
#category-full h2{width:725px;}
#category-full .left_section{width:725px;}}#category-full .categorySub{position:relative;vertical-align:top;}
#category-full .categorySub.m02{z-index:1;}
#category-full .categorySub > li{position:relative;display:inline-block;*display:inline;*zoom:1;width:190px;margin:8px 2px 20px 10px;vertical-align:top;font-size:12px;line-height:28px;text-align:left;letter-spacing:0;}
#category-full .categorySub > li > a{height:30px;margin-bottom:10px;padding-left:10px;background:none;border-bottom:1px solid rgba(0,0,0,.08);font-size:13px;line-height:28px;font-weight:700;transition:all .3s ease;-webkit-transition:all .3s ease;}
#category-full .categorySub > li > a:hover,#category-full .categorySub > li.on > a{border-bottom:1px solid #555;color:#111;}
#category-full .categorySub > li > ul{display:block !important;}
#category-full .categorySub > li > ul > li{position:relative;}
#category-full .categorySub > li > ul > li.arrow{background:url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;}
#category-full .categorySub > li > ul > li > a{line-height:27px;min-width:160px;padding:0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .2s ease;-webkit-transition:all .2s ease;}
#category-full .categorySub > li > ul > li > a:hover,#category-full .categorySub > li > ul > li.on > a{background-color:rgba(0,0,0,.05);color:#111;}
#category-full .categorySub > li > ul > li > ul{position:absolute;display:none;left:190px;top:-11px;padding:10px 0;background:#fff;border:1px solid #ddd;}
#category-full .categorySub > li > ul > li > ul > li{position:relative;}
#category-full .categorySub > li > ul > li > ul > li.arrow{background:url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;}
#category-full .categorySub > li > ul > li > ul > li > a{line-height:27px;min-width:160px;padding:0 10px;transition:all .2s ease;-webkit-transition:all .2s ease;}
#category-full .categorySub > li > ul > li > ul > li > a:hover,#category-full .categorySub > li > ul > li > ul > li.on > a{background-color:rgba(0,0,0,.05);color:#111;}
#category-full .categorySub > li > ul > li > ul > li > ul{position:absolute;display:none;left:180px;top:-11px;padding:10px 0;background:#fff;border:1px solid #ddd;}
#category-full .categorySub > li > ul > li > ul > li > ul > li{position:relative;}
#category-full .categorySub > li > ul > li > ul > li > ul > li.arrow{background:url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;}
#category-full .categorySub > li > ul > li > ul > li > ul > li > a{line-height:27px;min-width:160px;padding:0 10px;transition:all .2s ease;-webkit-transition:all .2s ease;}
#category-full .categorySub > li > ul > li > ul > li > ul > li > a:hover,#category-full .categorySub > li > ul > li > ul > li > ul > li.on > a{background-color:rgba(0,0,0,.05);color:#111;}
#category-full .right_section{position:absolute;top:20px;right:15px;width:190px;height:100%;padding:0 0 0 15px;vertical-align:top;}
#category-full h4{display:block;margin:0 0 10px;padding:0 0 0 10px;font-size:13px;}
#category-full .menuList{margin:0 0 15px;padding:0 0 15px;border-bottom:1px solid #ddd;}
#category-full .menuList li a{display:block;line-height:24px;padding:0 0 0 10px;font-size:12px;}
#category-full .menuList li a:hover{background-color:rgba(0,0,0,.05);}
#header_03 h2{}
.nav{text-align:left;}
.nav li{position:relative;}
.nav li a{display:block;position:relative;font-size:12px;color:#444;}
.nav li a:hover{text-decoration:none !important;font-weight:bold;color:#000;transition:all .2s ease;-webkit-transition:all .2s ease;}
.nav > li > a{padding:0 12px;font-size:13px;color:#555;text-transform:;text-align:center;white-space:nowrap;}
.nav > li > a:hover,.nav > li.on > a{color:#000;font-weight:bold !important;background-color:rgba(255,255,255,.1);}
.nav > li > a color{color:#f21c35;}
@media all and (max-width:1285px){.nav > li > a{padding:0 6px;font-size:12px;}}#category-lnb{position:relative;z-index:11;max-width:85%;}
@media all and (max-width:1285px){#category-lnb{max-width:83%;}}#category-lnb *{box-sizing:border-box;}
#category-lnb .d1-wrap{position:relative;}
#category-lnb .d1-wrap .d1{position:relative;float:left;}
#category-lnb .d1-wrap .d1 > a{line-height:50px;}
#category-lnb .d1-wrap .d1 > a:hover,#category-lnb .d1-wrap .d1.on > a{}
#category-lnb .d1-wrap .d1:first-child i{top:-13px;left:3px;font-size:20px;}
#category-lnb .d2-wrap{display:none;position:absolute;left:0;top:50px;border:1px solid rgba(0,0,0,.1);background:#fff;white-space:nowrap;}
#category-lnb .d2-wrap > dl{display:inline-block;position:relative;min-width:160px;margin:0 -1px 0 0;padding:10px 0;border-right:1px solid #eee;vertical-align:top;}
#category-lnb .d2-wrap > dl.s1{border-left:0;}
#category-lnb .d2-wrap > dl:last-child{border-right:0;}
#category-lnb .d2-wrap .d2{position:relative;}
#category-lnb .d2-wrap .d2.be{background:url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;}
#category-lnb .d2-wrap .d2 > a{line-height:27px;padding:0 20px 0 15px;transition:all .2s ease;-webkit-transition:all .2s ease;}
#category-lnb .d2-wrap .d2 > a:hover,#category-lnb .d2-wrap .d2.on > a{background:rgba(0,0,0,.05);font-weight:bold;}
#category-lnb .d2-wrap .img{display:inline-block;position:relative;vertical-align:top;font-size:0;}
#category-lnb .d2-wrap .img a{display:inline-block;height:100%;border-left:1px solid #eee;vertical-align:top;}
#category-lnb .d2-wrap .img img{display:block;padding:15px;}
#category-lnb .d2-wrap .img a.map{position:absolute;background:rgba(5,255,252,.5);}
#category-lnb .d2-wrap.only .img a{border-left:0;}
#category-lnb iframe{position:relative;z-index:1;top:0;left:-1px;width:630px;height:380px;border-left:1px solid #eee;}
#category-lnb .d3-wrap{display:none;position:absolute;left:100%;top:-11px;padding:10px 0;background:#fff;border:1px solid rgba(0,0,0,.1);}
#category-lnb .d3-wrap .d3{position:relative;}
#category-lnb .d3-wrap .d3.be{background:url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;}
#category-lnb .d3-wrap .d3 > a{min-width:140px;line-height:27px;padding:0 10px;transition:all .2s ease;-webkit-transition:all .2s ease;}
#category-lnb .d3-wrap .d3 > a:hover,#category-lnb .d3-wrap .d3.on > a{background:rgba(0,0,0,.05);font-weight:bold;}
#category-lnb .d4-wrap{display:none;position:absolute;left:100%;top:-11px;padding:10px 0;background:#fff;border:1px solid rgba(0,0,0,.1);}
#category-lnb .d4-wrap .d4 > a{min-width:150px;line-height:27px;padding:0 10px;transition:all .2s ease;-webkit-transition:all .2s ease;}
#category-lnb .d4-wrap .d4 > a:hover{background:rgba(0,0,0,.05);font-weight:bold;}
.nav.categorySub{position:relative;z-index:11;}
.nav.categorySub.m01{margin:0 0 0 5px;}
.nav.categorySub.m02{margin:0;}
.nav.categorySub.m04{margin:0;}
.nav.categorySub.m05{margin:0;}
.nav.categorySub > li{float:left;}
.nav.categorySub > li:first-child{background:none;}
.nav.categorySub > li > a{line-height:50px;}
.nav.categorySub > li > a:hover,.nav.categorySub > li.on > a{}
.nav.categorySub > li > ul{display:none;position:absolute;top:50px;left:0;min-width:160px;padding:10px 0;border:1px solid rgba(0,0,0,.1);background:#fff;}
.nav.categorySub > li > ul > li.arrow{background:url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 50%;}
.nav.categorySub > li > ul > li > a{line-height:27px;padding:0 20px 0 15px;transition:all .2s ease;-webkit-transition:all .2s ease;}
.nav.categorySub > li > ul > li > a:hover,.nav.categorySub > li > ul > li.on > a{background:rgba(0,0,0,.05);font-weight:bold;}
.nav.categorySub > li > ul > li > ul{display:none;position:absolute;top:-11px;left:100%;min-width:150px;padding:10px 0;border:1px solid rgba(0,0,0,.1);background:#fff;}
.nav.categorySub > li > ul > li > ul > li.arrow{background:url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 50%;}
.nav.categorySub > li > ul > li > ul > li > a{line-height:27px;padding:0 0 0 15px;color:#555;transition:all .2s ease;-webkit-transition:all .2s ease;}
.nav.categorySub > li > ul > li > ul > li > a:hover,.nav.categorySub > li > ul > li > ul > li.on > a{background:rgba(0,0,0,.05);font-weight:bold;}
.nav.categorySub > li > ul > li > ul > li > ul{display:none;position:absolute;top:-5px;left:100%;min-width:150px;padding:7px 0;border:1px solid rgba(0,0,0,.1);background:#fff;}
.nav.categorySub > li > ul > li > ul > li > ul > li a{line-height:27px;padding:0 0 0 15px;color:#555;transition:all .2s ease;-webkit-transition:all .2s ease;}
.nav.categorySub > li > ul > li > ul > li > ul > li a:hover{background:rgba(0,0,0,.05);color:#111;}
.nav.categorySub.m03{position:absolute;z-index:12;right:0;top:0;height:50px;}
.nav.categorySub.m03 > li{float:left;}
.nav.categorySub.m03 > li > a{z-index:3;line-height:50px;padding:0 12px !important;background:url('/_wg/img/_bar/bar_b_10.png') no-repeat left 50%;background-size:1px 15px;text-align:center;transition:all .3s ease;-webkit-transition:all .3s ease;}
.nav.categorySub.m03 > li > a:hover,.nav.categorySub.m03 > li.on > a{background:url('/_wg/img/_bar/bar_b_10.png') no-repeat left 50% !important;background-size:1px 15px !important;}
.nav.categorySub.m03 > li a i{line-height:49px;font-size:22px;color:#111;}
.nav.categorySub.m03 > li a:hover i{color:#555;}
.nav.categorySub.m03 > li > ul{display:none;position:absolute;z-index:4;top:50px;width:300px;height:422px;margin:0 0 0 -190px;padding:0 0 5px;background:#fff;border:1px solid #ddd;text-align:left;overflow:hidden;}
.nav.categorySub .sale_ico{position:absolute;top:-13px;left:50%;width:51px;height:26px;line-height:23px;margin-left:-25px;background:url('/_wg/img/JS_timeSale/ico.png') no-repeat;border-radius:5px;font-family:'roboto';font-size:11px;text-align:center;color:#fff;filter:alpha(opacity=100);opacity:1;-webkit-opacity:1;transition:opacity .8s .5s,top .8s .5s ease !important;-webkit-transition:opacity .8s .5s,top .8s .5s ease;!important;}















/***  상단배너 ***/
.top_banner{width:100%;margin:0px auto;text-align:center;height:80px;overflow:hidden;position:relative;}
.top_banner:after{display:block;visibility:hidden;clear:both;content:""}
.top_banner .bx_area {z-index:3; position:relative;width:100%;}
.top_banner ul { }
.top_banner li{position:relative;overflow:hidden;text-align:center;height:80px;line-height:80px;font-size:16px;color:#7b7b7b;}
/* 페이지 버튼 */
.top_banner .bx-controls{display:block;width:100%;height:100%;top:0;left:0;}
.top_banner .bx-pager{position:absolute;left:50%;margin-left:-18px;z-index:500;bottom:12px;display:block;text-align:center;font-size: 0;line-height: 0;height: 0;}
.top_banner .bx-pager-item{display:inline-block;}
.top_banner .bx-pager-item .bx-pager-link{display:block;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;height:2px;width:15px;background:#ccc;margin:0 3px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.top_banner .bx-pager-item .bx-pager-link.active{background:#888;width:15px;}	
/* 이전,다음 버튼 */
.top_banner  .bx-controls-direction{position:absolute;z-index:550;left:0;top:50%;margin-top:-19px;width:100%;}
.top_banner .bx-controls-direction a{position:absolute;top:0;display:block;font-size:0;line-height:0; overflow:hidden;}
.top_banner .bx-controls-direction .bx-prev{width:30px;height:39px;background:url('img/zy_left1.gif') no-repeat 50% 50%;position:absolute;left:60px;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.top_banner:hover .bx-prev{left:50px;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
.top_banner .bx-controls-direction .bx-prev:hover{filter:alpha(opacity=30);opacity:.3;-webkit-opacity:.3;}
.top_banner .bx-controls-direction .bx-next{width:30px;height:39px;background:url('img/zy_right1.gif') no-repeat 50% 50%;position:absolute;right:60px;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.top_banner:hover .bx-next{right:50px;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
.top_banner .bx-controls-direction .bx-next:hover{filter:alpha(opacity=30);opacity:.3;-webkit-opacity:.3;}



.layout_box {width:1240px;margin:0 auto; position:relative;/*overflow:hidden*/} /* 전체 레이아웃 1240px */
.layout_box:after{display:block;visibility:hidden;clear:both;content:""}

/*맨 상단 메뉴*/
.top_menu {height:40px; width:100%; position:relative; background-color:#fff; border-bottom:0px solid #e3e3e3;}
.top_menu:after{display:block;visibility:hidden;clear:both;content:""}
.top_menu_area {width:1240px; height:40px; padding:0px; margin:0 auto; font-size:0px; border-left:0px solid #e3e3e3;  }
.top_menu .top_left  {float:left;}
.top_menu .top_left ul li {float:left; height:40px; background-color:#fff; border-right:0px solid #e7e7e7;}
.top_menu .top_left ul li a {color:#333;letter-spacing: 1px;  font-size:12px; line-height:40px;text-align:center; display:block; }
.top_menu .top_left ul li a:hover {text-decoration:underline;color:#999;}
.top_menu .top_right {float:right;}
.top_menu .top_right a {color:#222;letter-spacing: 1px; font-size:12px; line-height:40px; font-weight:normal;  }
.top_menu .top_right a:hover { color:#777;text-decoration:underline;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.top_menu .top_right ul li {position:relative;float:left; padding-right:8px; padding-left:8px; background:url("") no-repeat;}
#joinpoint{position:absolute;z-index:10;top:30px;left:50%;width:60px;margin:0 0 0 -28px;height:20px;line-height:20px;text-align:center;padding:6px 0 0;background:url("img/joinpoin_bg.png") no-repeat 50% 0;-webkit-animation:joinpointanimation 3s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function:ease-in-out;}
#joinpoint .text{display:block;width:60px;margin:0;background:#777;border-radius:2px;font-size:12px;padding:1px 0;color:#fff;line-height:20px;}

.top_menu .top_right ul li:first-child  {background:none;}

/*상단 중앙 로고*/
.header {background: #fff;overflow:hidden;margin:0 auto;}
.header:after{display:block;visibility:hidden;clear:both;content:""}
.header_box{position:relative;width:1240px;margin:0 auto; position:relative;text-align:center} 
.header .logo_top {overflow:hidden; margin:20px auto 30px auto;display:inline-block;}
.header .logo_top img {opacity:1.0;}
.header .logo_top img:hover{opacity:0.7; }


.header .top_search_area {  position:absolute;top:70px;right:0; border: 1px solid #888;background: #ffffff;z-index:0;}
.header .top_search_area .top_search_box {position:relative;width: 199px; background: #ffffff;height: 30px;padding: 3px 6px 3px 6px;}
.header .top_search_area .top_search_box .btn_input {border: 0px;width: 100%;  height: 26px;  border: 0px }
.header .top_search_area .top_search_box .btn_submit{;position: absolute;top:0px;right:0px;width:30px;height:30px;background:url('img/ser001.png') center center no-repeat; margin-right:2px;cursor:pointer;border-left:1px solid #888}





/*전체 카테고리  버턴*/
.all_cate_btn{position:absolute;z-index:10;left:-1px;top:-1px;width:50px;height:50px;border-top:1px solid rgba(0,0,0,0);border-right:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);background:url('img/btn_all_off_b.png') no-repeat 0 0;cursor:pointer;font-size:0;color:#fff;transition-delay:.05s;}


/*주메뉴 박스*/
#menu_box{position:relative;width:100%;height:59px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:rgba(255,255,255,.1);box-shadow:none;transition:box-shadow 1s ease;}
#menu_box:after {display:block;visibility:hidden;clear:both;content:""}
/* .menu_box_fix {width:1380px;margin:0 auto;*zoom:1;position:relative;} */
/* .menu_box_fix {width:1450px;margin:0 auto;*zoom:1;position:relative;} */
/* .menu_box_fix {width:1520px;margin:0 auto;*zoom:1;position:relative;} */
.menu_box_fix {width:1625px;margin:0 auto;*zoom:1;position:relative;}
@media all and (max-width:1285px) {
	.menu_box_fix {
		width:1260px;
	}
}

/*
#menu_box.fixed{position:fixed;top:59px;left:0;background:rgba(255,255,255,.97);box-shadow:0 3px 4px rgba(0,0,0,0.15);border-bottom:none;border-bottom:1px solid #ddd;z-index:898989}
#menu_box.fixed .header_03_inner{border-top:none;border-bottom:none;}
*/

.cdamdong-home{display:none}

#menu_box.fixed  {
	position:relative;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	z-index:898989898;width:100%;top:0px;position:fixed;
	background: #fff;
	/*background: rgba(253,253,253,0.8); */
	-webkit-transition: 0.35s ease-in-out;  -moz-transition: 0.35s ease-in-out;  -o-transition: 0.35s ease-in-out;  transition: 0.35s ease-in-out;
	/*box-shadow:0 1px 3px 0 rgba(0,0,0,.12);*/
}
#menu_box.fixed .menu_box_fix{width:1380px;margin:0 auto;*zoom:1;}



/*주메뉴*/
.menu_category {position:relative;/*width:1260px;*/text-align:center;height: 59px;border-left: 0px solid rgba(0,0,0,0.08);border-right: 0px solid rgba(0,0,0,0.08);}


.menu_category ul{display: inline-block;}
.menu_category .depth1 { float:left;position:relative;}
.menu_category .depth1_link{font-size:13px; color:#666;display:block;font-weight:700; line-height:59px;padding:0 22px;background: url("img/menu_line.gif") no-repeat;  }
/* .menu_category .depth1_link{font-size:13px; color:#666;display:block;font-weight:700; line-height:59px;padding:0 22px;background: url("img/000menu_line.gif") no-repeat;  } */
.menu_category .depth1_link:hover { text-decoration:none !important;font-weight:900;color:#aaa;transition:all .2s ease;-webkit-transition:all .2s ease; }
.menu_category .depth1_link_ico { display:none;content:""; position:absolute;bottom:0px;left:50%;margin-left:-8px;background:transparent url('img/000menu_on.gif') left top no-repeat; width:17px;height:6px;z-index:777; }

@media all and (max-width:1285px) {
	.menu_category { width:980px;}
}
@media all and (max-width:1285px){
	.menu_category .depth1_link{padding:0 10px;font-size:13px;}
}



.menu_category .show_menu{display:none;position:absolute;left:0;top:57px;border:1px solid rgba(0,0,0,.1);background:#fff;white-space:nowrap;}
.menu_category .show_menu > dl{display:inline-block;position:relative;min-width:150px;margin:0 -1px 0 0;padding:10px 0;border-right:1px solid #eee;vertical-align:top;}
.menu_category .show_menu > dl.s1{border-left:0;}
.menu_category .show_menu > dl:last-child{border-right:0;}

.menu_category .show_menu a {font-size:13px; display:block; text-align:left; color:#444;text-decoration:none; height:27px; line-height:27px; padding:0 20px 0 15px;width:156px; border-top:0px dashed #dedede;transition:all .2s ease;-webkit-transition:all .2s ease;}
.menu_category .show_menu a:hover {background:rgba(0,0,0,.05);font-weight:bold;text-decoration:none;  display:block; color:#000;  border-top:0px dashed #dedede;}
.menu_category .show_menu a:first-child {border-top:0px;}


/*쇼핑정보*/
.shop-info {position:absolute;top:6px;right:0;}
.shop-info a {display:block; padding:0 20px; color:#333; font-size:26px;font-weight:bold;}
.shop-info a:hover { color:#333; }


.search_section{position:absolute;top:4px;right:66px;height:26px;margin:7px 0 0 5px;}
.search_section .search_form{position:relative;z-index:2;font-size:0;}
.search_section .search_form #keyword{position:relative;width:138px;height:26px;line-height:28px;margin:0;padding:0 5px 0 10px;border:0;border-radius:3px 0px 0px 3px;background:url('img/bg_opacity_b_10.png');font-size:12px;color:#333;transition:background .3s ease;-webkit-transition:background .3s ease;}
.search_section .search_form:hover #keyword,.search_section .search_form #keyword:focus{background:url('img/bg_opacity_b_20.png');}
.search_section .search_form input[type=image]{position:relative;border-radius:0 5px 5px 0;background:url('img/bg_opacity_b_10.png');}
.search_section .search_form input[type=image]:hover{background:url('img/bg_opacity_b_20.png');}
@media all and (max-width:1285px){.search_section .search_form #keyword{width:65px;}}.JS_headerBnr{position:absolute;z-index:10;top:-41px;left:0px;width:210px;height:280px;overflow:hidden;}





/*  location 네비 */
.home_tit {padding: 0;position:relative; margin:0 auto;overflow:hidden;height:36px;margin-bottom:10px}
.home_tit:after {display:block;visibility:hidden;clear:both;content:""}
.home_tit h2 {display:none;font-size: 16px; line-height:36px;font-weight: 800;color:#555; float:left;font-weight:bold;}
.home_tit .location {position:relative; float:right;}
.home_tit .location li {float:left;line-height:36px;padding:0px 0px 0 23px; background:url('img/location_next.gif') no-repeat 8px 14px;color:#999;font-size:12px;}
.home_tit .location li a{color:#999;font-size:12px;}
.home_tit .location li.home {font-size:0;line-height:36px;text-indent:-9999px;padding: 5px 7px;background:url('img/path_home.png') no-repeat  0px 12px;}
.home_tit .location li.on { font-weight: 800;}

/* 팝업레이어 */
#hd_pop {z-index:3500;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#4d4d4d;color:#ccc;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#4d4d4d;text-align:left}
.hd_pops_footer .hd_pops_close{background:#333;position:absolute;top:0;right:0;width:42px;}



/* 중간 레이아웃 */
#main_wrapper {z-index:5;margin:0px auto 18px auto;width:100%;zoom:1}
#wrapper {z-index:5;margin:10px auto;width:1260px;zoom:1}
@media all and (max-width:1285px) {
	#wrapper { width:980px;}
}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}
#container {position:relative;width:1260px;margin:0px auto;min-height:500px;height:auto !important;height:500px;background:#fff;zoom:1}
@media all and (max-width:1285px) {
	#container { width:980px; }
}
#container:after {display:block;visibility:hidden;clear:both;content:""}


/* 텍스트 크기 조절 */
#text_size {display:none;position:absolute;top:-31px;left:-1px}
#text_size button {padding:0 10px;height:30px;border:1px solid #cfded8;border-bottom:0;background:#000;color:#fff;cursor:pointer}

/* 하단 레이아웃 */
#ft {clear:both;padding:0 0 40px;min-width:1200px;border-top:1px solid #e9e9e9;background:#f8f8f8}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}
#ft .ft_wr{margin:0 auto;width:1200px}
#ft .ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft .ft_ul{text-align:center;border-bottom:1px solid #e9e9e9;padding:15px 0;margin:0 0 20px}
#ft .ft_ul li{display:inline-block;font-weight:bold;margin:0 10px}
#ft_logo {float:left;width:200px;margin:10px 0 0 }
#ft .ft_info{float:left;width:700px;line-height:1.7em}
#ft .ft_cs{float:left;width:300px;text-align:right}
#ft .ft_cs strong{font-size:1.75em;margin:5px 0;display:block}
#ft .ft_cs p{font-size:0.92em;color:#877}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

 /* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/* Mobile화면으로 */
#mobile_cng {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 목록 바로가기 */
.sanchor {margin:30px 0 20px ;padding:0;zoom:1}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;width:33.33333%;text-align:center;;list-style:none}
.sanchor li a{display:block;position:relative;height:51px;margin-left:-1px;background-color:#fff;border:1px solid #dfdfdf;border-bottom:1px solid #707070;font-size:13px;color: #666;line-height: 49px;text-align: center;z-index:1}
.sanchor li .sanchor_on{margin:0 0 0 -1px;border:1px solid #707070;background:#fff;z-index:2;border-bottom-color:#fff;color:#000;font-weight:bold}
.sanchor li a .item_qa_count,.sanchor li a .item_use_count{display:inline-block;background:#fff;padding:0 5px;line-height:23px;border-radius:15px;color:#333;min-width:23px;font-size:12px}
.sanchor li .sanchor_on .item_qa_count,.sanchor li .sanchor_on .item_use_count{background:#fff}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}


.btn_join { line-height:36px;height:38px;background:#383838;color:#fff;border:1px solid #383838;cursor:pointer;padding:0 16px;text-align:center;border-radius:2px;font-weight:bold;}
.btn_join:hover{background:#333;border:1px solid #333;}

/* 버튼 */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;border-radius:2px;font-weight:bold;border:0;}

a.btn01 {display:inline-block;padding:0 7px;border:1px solid #ccc;border-bottom:1px solid #aaa;background:#fff;color:#333;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover,button.btn01:hover {text-decoration:none;background:#f3f3f3}
button.btn01 {display:inline-block;margin:0;padding:0 7px;border:1px solid #b3b3b3;background:#fff;color:#333;text-decoration:none}
a.btn02 {display:inline-block;padding:0 7px;border:1px solid #383838;background:#383838;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none;background:#333;border:1px solid #333;}
button.btn02 {display:inline-block;margin:0;padding:0 7px;border:1px solid #222;background:#222;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {background:#333;color:#fff;border:0;cursor:pointer;}
.btn_submit:hover{background:#222}
.btn_address{background:#383838;border:1px solid #383838;height:39px;color:#fff;padding:0 10px;font-size:13px;font-weight:bold}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:2px 10px;line-height: 30px;height: 30px;border:1px solid #222;color:#222;background:#fff;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */



a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em;line-height:24px}

.tbl_frm01 a.btn_frmline {line-height:26px;height:32px;}


/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;border:1px solid #e1e1e1; background:#fafafa;color:#333;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#fafafa}
a.btn_b02,.btn_b02 {display:inline-block;background:#383838;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#333}
a.btn_b03, .btn_b03 {display:inline-block;background:#none;border:1px solid #b9bdd3;color:#646982;background:none;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_admin,.btn_admin {display:inline-block;background:#ff8800;color:#fff;text-decoration:none;vertical-align:middle;padding:10px} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff7700}

/* 선택수정 버튼 */
.btn_list {margin:0 auto;width:93%}
.btn_list input, .btn_list button {background: none repeat scroll 0 0 #617D46;border: 0 none;color: #FFFFFF;height: 28px;line-height: 2.2em;padding: 0 15px;vertical-align: middle}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:10px 0}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden;}
.tbl_head01 thead th {line-height:38px;padding:8px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;color:#383838;font-size:13px;text-align:center;/*letter-spacing:-0.1em;*/}
.tbl_head01 thead a {color:#383838;font-size:13px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#fafafa;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:0px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:38px;word-break:break-all}
.tbl_head01 tr:hover {background:#fafafa;}
.tbl_head01 a {font-size:12px;}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:12px 0;border-top:1px solid #585858;border-bottom:1px solid #ddd;background:#F9F9F9;color:#383838;font-size:0.95em;text-align:center;}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:12px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}


.tbl_head03 {margin:0 0 10px}
.tbl_head03 table{border-bottom:1px solid #d3d3d3}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {padding:15px 0;border-top:1px solid #585858;border-bottom:1px solid #dddd;background:#f9f9f9;color:#383838;text-align:center;}
.tbl_head03 thead a {color:#383838}
.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head03 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all;}
.tbl_head03 td:first-child{border-left:0}
.tbl_head03 a {}




/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:110px;padding:5px 10px;background:none;text-align:right;font-weight:normal}
.tbl_frm01 td {padding:5px 10px;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {
	border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:2px;padding:5px;
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input,.frm_address{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본리스트*/
.list_01 li{border:1px solid #dbdbdb;border-radius:3px;margin:8px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}

.list_02 ul:after {display:block;visibility:hidden;clear:both;content:""}
.list_02 li{float:left;width:295px;margin:0px 0 20px 20px;}
.list_02 li:nth-child(4n+1){clear:both;margin-left:0}

/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.25em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}
.form_01 .form_left{float:left;width:49.5%}
.form_01 .form_right{float:right;width:49.5%}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center;color:#777 !important}
.empty_list ,.empty_li{padding:20px 0 !important;text-align:center;color:#777 !important}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:140px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_default {width:60px;text-align:center}
.td_dvr {width:100px;text-align:center}
.td_group {width:100px;text-align:center}
.td_imgsmall {width:60px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_namesmall {width:50px;text-align:left}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_mngsmall {width:50px;text-align:center}
.td_statsmall {width:50px;text-align:center}

.text_left{text-align:left  !important}
.text_center{text-align:center  !important}
.text_right{text-align:right  !important}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#f3f7f7;width:33.333%;text-align:center;border-left:1px solid #dfe6e7;border-bottom:1px solid #dfe6e7;border-top:1px solid #dfe6e7}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-bottom-color:#fff;border-top-color:#ae99da;}
.new_win .win_ul .selected a{color:#9781c5}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;padding: 0 5px;color:#777;line-height: 26px;border: 1px solid #ddd;border-radius: 3px;font-size: 0.92em;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden}
.new_win .btn_submit {padding:0 20px;height:38px;border-radius:2px;font-weight:bold;font-size:13px;float:right}
.new_win .win_btn{margin:10px 0}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current,.qa_page {display:inline-block;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page,.qa_page {background:#fdfdfd;border:1px solid #d4d4d4;color:#555;;font-size:1.083em;height:34px;line-height:32px;padding:0 5px;min-width:36px;text-decoration:none;border-radius:2px;}
.pg_page:hover{background-color:#f3f3f1}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50%;padding:0}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50%;padding:0}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50%;padding:0}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50%;padding:0}
.pg_current {display:inline-block;background:#585858;color:#fff;font-weight:bold;height:34px;line-height:34px;padding:0 10px;min-width:34px;border-radius:2px;}


/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img {margin:0 0 20px}
#sidx_img img {max-width:100%;height:auto}

/* 마이페이지 */
#smb_my {position:relative}

#smb_my_ov {margin:0 0 20px;position:relative}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#smb_my_ov .my_ov_name{display:block;background:#fff;border:1px solid #ccc;line-height:50px;padding:0 20px;font-size:1.167em;}
#smb_my_ov .my_ov_name img{width:20px;border-radius:50%}
#smb_my_act {position:relative;zoom:1;margin-bottom:10px;}
#smb_my_act:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_act ul {float:right;margin:0;padding:0;list-style:none}
#smb_my_act li {float:left;margin:0 0 0 4px}
#smb_my_act li a{line-height:32px;padding:0 12px}
#smb_my_act li .btn_admin{height:34px;}
#smb_my_ov .cou_pt{position:absolute;top:45px; right:0;}
#smb_my_ov .cou_pt dt{float:left;width:90px;line-height:50px;}
#smb_my_ov .cou_pt dd{float:left;width:110px;text-align:right;padding:0 30px 0 0;line-height:50px;}
#smb_my_ov .cou_pt dd a{color:#ff6600;font-weight:bold;font-size:1.167em}
#smb_my_ov .op_area{background:#f8f8f8;border:1px solid #ccc;border-top:0;padding:10px 15px;line-height:18px;color:#555}
#smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_ov .op_area dt{float:left;width:10%;margin:6px 0;font-weight:bold}
#smb_my_ov .op_area dd{float:left;width:40%;;margin:6px 0}
.my_ov_btn{text-align:center;}
.my_ov_btn button{background:#fff;border:1px solid #ccc;vertical-align:top;border-top:0;padding:0 20px;height:25px}
.my_ov_btn button:hover{background:#f3f3f3}

#smb_my_ovaddd{width:90%}

#smb_my_ovaddt {border-bottom:0 !important}
#smb_my_ovaddd {width:590px !important;border-bottom:0 !important}

#smb_my_od {margin:0 0 50px;position:relative}
#smb_my_od h2 {margin:0 0 10px;font-size:1.25em;}
#smb_my_od  td{text-align:center}
#smb_my_od  td a{font-weight:bold}
#smb_my_wish{position:relative;}
#smb_my_wish h2 {margin:0 0 10px;font-size:1.25em;}
.smb_my_img{margin:0 0 5px;}
.smb_my_tit{margin:5px 0 ; font-size:13px;}
.smb_my_date{font-size:0.92em;color:#777}
.smb_my_more {position:absolute;top:0;right:0;}
.smb_my_more a{display:block;background:url('../img/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:30px}

/*장바구니 주문서 공통*/
.od_prd_list .td_chk{border-left:0;}
.od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px}
.od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0}
.od_prd_list .td_prd .sod_name{min-height:80px}
.od_prd_list .td_prd .prd_name{font-size:13px}
.od_prd_list .total_prc{color:#e31836;font-weight:bold;font-size:1.167em}

.sod_opt {}
.sod_opt ul {margin:0;padding:0;list-style:none}
.sod_opt li {padding-left:10px;background:url('../img/bullet.gif') no-repeat 3px 8px;color:#777;margin:3px 0;line-height:1.3em}
.sod_option_btn .mod_options { height:30px;padding:0 10px;border:1px solid #e2e2e2;border-bottom:1px solid #c4c4c4;background:#fff;color:#666;margin:10px 0 0 }
.cp_btn {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;margin:10px 0 0 }
.cp_cancel {padding:0 7px;border:1px solid #aaa;color:#666;background:#fff;height:23px;margin:10px 0 0 2px;}

/* 장바구니 */
#sod_bsk {}
.btn_cart_del{margin:10px 0;}
.btn_cart_del button{height:30px;padding:0 10px;border:1px solid #e2e2e2;border-bottom:1px solid #c4c4c4;background:#fff;color:#666}
#sod_bsk_list {position:relative}
#sod_bsk #sod_bsk_tot {background:#f4f4f4;padding:15px;margin:20px 0;zoom:1}
#sod_bsk #sod_bsk_tot ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk #sod_bsk_tot li{float:left;width:33.333%;border-left:1px solid #e6e2e2;text-align:center;padding:10px 0;font-size:1.167em}
#sod_bsk #sod_bsk_tot li:first-child{border:0}
#sod_bsk #sod_bsk_tot li span{display:block;margin:0 0 5px}
#sod_bsk #sod_bsk_tot li strong{font-size:1.25em}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt strong{color:#e31836;}
#sod_bsk_act {text-align:center}
#sod_bsk_act .btn_submit{height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:14px}
#sod_bsk_act .btn01{height:50px;line-height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:14px}
#sod_bsk_act p {margin:0 0 10px}

/*장바구니 선택사항수정*/
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;width:540px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto;overflow-x:none;
-webkit-box-shadow:  1px 2px 5px #bbb;
-moz-box-shadow:  1px 2px 5px #bbb;
box-shadow: 1px 2px 5px #bbb;}
#mod_option_frm  h2{border-bottom:1px solid #cdcdcd;padding:0 20px;line-height:50px;margin:0 0 15px;font-size:1.25em;
-webkit-box-shadow:  1px 2px 2px #eee;
-moz-box-shadow:  1px 2px 2px #eee;
box-shadow: 1px 2px 2px #eee;}

.option_wr {background:#f3f3f3;margin:0 20px 10px;padding:15px}
.option_wr h3{font-size:1.167em}
.option_wr label{display:block;margin:10px 0 5px}
.option_wr select{width:100%;border:1px solid #ccc;height:35px}

#sit_opt_added {margin:0;border-bottom:0;background:#fff;list-style:none}
#sit_opt_added li {padding:20px 20px;border:1px solid #e9e9e9;position:relative}
#sit_opt_added li .opt_name{line-height:20px;font-weight:bold}
#sit_opt_added li .opt_count{position:absolute;top:50%;right:15px;margin-top:-15px}
#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #cdcdcd;background:#fff;color:#666;font-size:0.92em}
#sit_opt_added button:hover{color:#000}
#sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #cdcdcd;border-bottom:1px solid #ddd;text-align:center;font-weight: bold;}

#sit_opt_added .sit_opt_del{border:0;font-size:15px}
#sit_opt_added .sit_opt_del:hover{color:#be334a}
#sit_opt_added .sit_opt_prc{display:block;float:left;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}

#mod_option_frm #sit_sel_option{margin:20px;}
#mod_option_frm #sit_tot_price{margin:20px;}
#mod_option_frm #sit_opt_added {border-top:1px solid #e9e9e9;}
#mod_option_frm .btn_confirm{margin:20px ; }
#mod_option_frm .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:bold;width:100%;cursor:pointer}
#mod_option_frm .btn_confirm .btn_close{position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;border-left:1px solid #cdcdcd;font-size:1.25em}
#mod_option_frm .btn_confirm .btn_close:hover{background:#f3f3f3}

/* 주문서 작성 */
#sod_frm .od_prd_list{margin-bottom:20px}
#sod_frm  #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li{position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0}
#sod_frm  #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li span{display:block;color:#777;margin-bottom:5px;font-weight:bold;}
#sod_frm  #sod_bsk_tot .sod_bsk_sell,#sod_frm  #sod_bsk_tot .sod_bsk_coupon{border-right:1px solid #e7ebf1}
#sod_frm  #sod_bsk_tot .sod_bsk_point,#sod_frm  #sod_bsk_tot .sod_bsk_cnt{width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right}
#sod_frm  #sod_bsk_tot .sod_bsk_point span,#sod_frm  #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0;line-height:40px;}
#sod_frm  #sod_bsk_tot .sod_bsk_coupon:before{display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;}
#sod_frm  #sod_bsk_tot .sod_bsk_dvr:before{display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;}
#sod_frm  #sod_bsk_tot .sod_bsk_cnt strong{color:#e31836;font-size:1.25em}

.sod_left{display: table-cell;width:700px;background:#fafafa;padding:20px;vertical-align:top;}
.sod_right{display: table-cell;width:560px;background:#f5f6f7;padding:20px;vertical-align:top;
-webkit-box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.2);
-moz-box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.2);
box-shadow: inset 7px 0 11px -5px #e1e1e1;height:100%}




.display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9}
.display_setup_message strong {display:block;margin:0 0 10px}

#sod_frm {}
#sod_frm h2 {margin:0 0 10px}
#sod_frm p {margin:0 0 10px}
#sod_list {position:relative}
#sod_list #cp_frm {z-index:10000;position:absolute;top:0;left:99px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto;overflow-x:none;
-webkit-box-shadow:  1px 2px 5px #bbb;
-moz-box-shadow:  1px 2px 5px #bbb;
box-shadow: 1px 2px 5px #bbb;}
#sod_frm_orderer {margin:20px 0 40px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0}

#sod_frm_taker label{display:inline-block;}

#sod_frm_same {margin:0 0 10px}

#sod_frm #od_memo {height:50px}

#sod_frm #display_pay_process {text-align:center}
#sod_frm #display_pay_process span {display:block;margin:5px 0 0}

#sod_frm .btn_submit{width:100%;height:50px;font-weight:bold;font-size:13px;cursor:pointer}
#sod_frm .btn01 {width:100%;height:50px;line-height:50px;font-weight:bold;font-size:13px;margin:5px 0}


#sod_frm_pay {position:relative;margin:10px 0}
#sod_frm  #sod_frm_pay h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse}
#sod_frm_pay .pay_tbl th{text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777}
#sod_frm_pay .pay_tbl td{text-align:right;padding: 10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff}
#sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px}
#sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 0;}
#od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px}
#od_tot_price span{float:left;font-weight:bold;line-height:40px;}
#od_tot_price strong{font-size:1.5em;color:#e31836}
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;right:0;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto}
#sod_frm_deli {position:relative;line-height:2em}
.od_coupon h3{border-bottom: 1px solid #cdcdcd;padding: 0 20px;line-height: 50px;margin: 0 0 15px;font-size: 1.25em;text-align:left;
-webkit-box-shadow: 1px 2px 2px #eee;
-moz-box-shadow: 1px 2px 2px #eee;
box-shadow: 1px 2px 2px #eee;}
.od_coupon .btn_close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;border: 0;background: none;border-left: 1px solid #cdcdcd;font-size: 1.25em;}
.od_coupon .btn_close:hover{background:#f3f3f3}
.od_coupon .tbl_head02{margin:20px}
.od_coupon .cp_apply{padding: 0 5px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;}
.od_coupon td,#sod_frm_pay .od_coupon td{text-align:left;border-left:0;padding:7px}
#sod_frm_pay .od_coupon th{width:auto;text-align:center;padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;}
.od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig{text-align:center;}
.od_coupon .td_mngsmall{width:60px}
#sod_frm #sod_frm_pt_alert {margin:5px 0;color:#38b2bb }
#od_pay_sl h3{font-size:1.167em;margin:20px 0 5px}

#od_pay_sl input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;}
#od_pay_sl .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:2px solid #ccc;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:2px solid #333;z-index:3;margin-bottom:10px}

#sod_frm_paysel {}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYCO{background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_lpay{background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .bank_icon{background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .vbank_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#sod_frm_paysel .iche_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#sod_frm_paysel .hp_icon{background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff}
#sod_frm_paysel .card_icon{background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff}

.sod_frm_point{clear:both;padding:10px 0}
.sod_frm_point div{background:#fff;margin-bottom:1px;padding:10px;text-align:left;text-align:right}
.sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point div label{float:left;line-height:30px}
.sod_frm_point div span{display:block;font-size:0.92em}
.sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point div strong{float:left;color:#666;font-weight:normal}
.sod_frm_point .max_point_box em{font-style:normal !important}
.sod_frm_point #od_temp_point{height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;}

#settle_bank {margin:5px 0 10px;background:#fff;padding:10px; clear:both;line-height:22px;;}
#settle_bank select{height:30px;margin:0 0 5px;width:100%;border:1px solid #ccc;}
#settle_bank #od_deposit_name{height:30px;border:1px solid #ccc;padding:0 6px}

#sod_frm_escrow {margin:30px 0 0}
#sod_frm #sod_frm_escrow h2{margin:0;border:0}
#sod_frm #sod_frm_escrow p{margin:5px 0}
#display_pay_process {padding:20px;text-align:center}

/* 위시리스트 */
#sod_ws {}
.sod_ws_img {width:90px;text-align:center}
.sod_ws_img img{border: 1px solid #ddd;}
.sod_ws_img img:hover{border:1px solid #bbb;}
#sod_ws_act {text-align:center;padding:20px 0;}
#sod_ws_act button{height:42px;width:130px;font-weight:bold;font-size:12px}
#sod_ws li .info_link{display:block;margin:10px 0 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#646464;font-weight:bold}
#sod_ws li .info_date{color:#646464;font-size:0.92em}
#sod_ws li .wish_chk {position: absolute;top: 0;left: 0;width: 30px;text-align: center;line-height: 35px;color:#f00}
#sod_ws li .wish_info {padding: 0 35px 10px 30px;position: relative;border-bottom: 1px solid #e0e0e0;margin-top: 10px;height: 45px;}
#sod_ws li .wish_del {position: absolute;top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #e6e6e6;display: block;font-size: 1.25em;color: #777;}
#sod_ws li .wish_del:hover{background:#777;color:#fff}

/* 배송지 목록 */
#sod_addr .td_mng .sel_address{color:#fff;background:#fff;;border:1px solid #333;color:#333;;padding:0 5px;height:26px;}
#sod_addr .td_mng .del_address{display:inline-block;;border:1px solid #aaa;color:#888;padding:0 5px;height:26px;line-height:24px;vertical-align:middle}
#sod_addr input[type="radio"]{position:absolute;left:0;z-index:-1;visibility:hidden;;width:0;height:0;overflow:hidden;text-indent:-999px}
#sod_addr .default_lb {display: inline-block;background:#fff;border: 1px solid #3476be;color: #3476be;cursor: pointer;position:relative;padding:0 5px;height:26px;line-height:24px}
#sod_addr input[type="radio"]:checked+.default_lb {background:#3476be;color:#fff}
#sod_addr td{height:40px;vertical-align:top}
#sod_addr .td_name {width:100px;}
#sod_addr .frm_input {;height:30px}
#sod_addr .td_sbj{width:120px;text-align:left}
#sod_addr .ad_tel{display:block;color:#666}
#sod_addr .td_mng{width:100px;padding:10px}
#sod_addr .td_mng .mng_btn{width:100%;margin:2px 0;}

/* 주문내역 */
#sod_v {}
#sod_v td{text-align:center}
#sod_v td a{font-weight:bold}
#sod_v .basic_tbl {text-align:center}
#sod_v_info {margin:0 0 10px}
.status_01{display:inline-block;background:#585858;color:#fff;padding:3px 5px;line-height:21px;font-size:0.92em;border-radius: 2px;width:76px;text-align:center}
.status_02{display:inline-block;background:#68d0a7;color:#fff;padding:3px 5px;line-height:21px;font-size:0.92em;border-radius: 2px;width:76px;text-align:center}
.status_03{display:inline-block;background:#b668d0;color:#fff;padding:3px 5px;line-height:21px;font-size:0.92em;border-radius: 2px;width:76px;text-align:center}
.status_04{display:inline-block;background:#ffa700;color:#fff;padding:3px 5px;line-height:21px;font-size:0.92em;border-radius: 2px;width:76px;text-align:center}
.status_05{display:inline-block;background:#688fef;color:#fff;padding:3px 5px;line-height:21px;font-size:0.92em;border-radius: 2px;width:76px;text-align:center}
.status_06{display:inline-block;background:#fff;border:1px solid #ddd;color:#666;padding:3px 5px;line-height:21px;font-size:0.92em;border-radius: 2px;width:76px;text-align:center}

/* 주문상세내역 */
#sod_fin {}
#sod_fin th{padding:13px}
#sod_fin .th_line th{border-top:1px solid #ddd;}
#sod_fin_no {margin:0 0 20px;padding:15px;border:4px solid #f3f3f3;font-size:1.25em;text-align:center}

#sod_sts_wrap {margin:0 0 10px;text-align:right}
#sod_sts_explan {display:none}

#sod_fin_legend {padding:10px;background:#f3f3f3;margin:10px 0;border:1px solid #e9e9e9;text-align:left;zoom:1}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''}
#sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold}
#sod_fin_legend dd {float:left;margin:0}

#sod_fin #sod_bsk_tot li{background:#fff;border-bottom:1px solid #e7ebf1;height: 40px;;padding:0 15px;line-height:40px;text-align:right}
#sod_fin #sod_bsk_tot li span{float:left;clear:both;color: #777;}
#sod_fin #sod_bsk_tot li strong{}
#sod_fin #sod_bsk_tot .sod_bsk_cnt strong{color:#e31836;font-size:1.25em}

#request_form {position:relative}
#request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center}
#request_form .frm_input {width:300px;background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important}
#request_form .btn_frmline {padding:0 10px;line-height:1.6em}

#sod_req_btn {margin:0 0 10px}
#sod_req_btn button {background:#626870}

#sod_req_log {margin:0 0 20px}
#sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0}
#sod_req_log h3 {margin:20px 0 10px}
.sod_req_log_view table {margin:0}
.sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em}
.sod_req_log_view caption span {color:#ff3061}
.sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center}
.sod_req_log_view td {background:#fff;color:#000}
.sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000}
.sod_req_log_view .sod_req_it {width:270px}
.sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer}

#sod_fin_list h2 {margin:0 0 10px}

#sod_fin_list .td_bdno{border-left:0}
#sod_fin_list .td_bdno a{font-weight:bold}
#sod_fin_view {border:1px solid #e9e9e9}
#sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}

#sod_fin_pay {margin:0 0 30px}
#sod_fin_orderer {margin:0 0 30px}
#sod_fin_receiver {margin:0 0 30px;}
#sod_fin_dvr {}
#sod_fin .sod_left h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin .sod_left h3{font-size:1.167em ;margin:0 0 10px}
#sod_fin .sod_left .tbl_head01 {}
#sod_fin .sod_left th{padding:10px;border:0;border-top:1px solid #f3f3f3;text-align:left;width:100px;color:#666;background:#fff}
#sod_fin .sod_left td{padding:10px;border:0;border-top:1px solid #f3f3f3;background:#fff}

#sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline}

#sod_fin_tot {margin:10px 0}
#sod_fin_tot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_tot ul {margin:0;padding:0;list-style:none}
#sod_fin_tot li {padding:10px;background:#585858;border-bottom:1px solid #666;color:#fff;zoom:1}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot #alrdy .right{margin-top:10px;text-align:right;color:#f3f3f3;font-size:0.9em}
#sod_fin_tot #alrdy .right p{position:relative}
#sod_fin_tot #alrdy .right .title{position:absolute;left:0;padding-left:8px}
#sod_fin_tot strong {float:right}

#sod_fin_cancel {text-align:center}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {height:40px;border:1px solid #5e6b6f;font-weight:bold;width:100%;background:#fff;color:#5e6b6f}
#sod_fin_cancel button:hover{background:#fff}
#sod_fin_cancelfrm {display:none;margin:10px 0 0;text-align:center;background:#fff;padding:15px}
#sod_fin_cancelfrm .frm_input {background:#fff;margin: 0 0 5px;width:100%}
#sod_fin_cancelfrm .btn_frmline{background:#555;color:#fff;border:0;padding:13px;width:100%;cursor:pointer}
#sod_fin_test {padding:10px}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 20px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}

/* 공지사항 및 커뮤니티 새글 */
#sidx_lat h2{position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 배너 인덱스 출력 */
#sbn_idx {}

/* 쇼핑몰 이벤트 */
#sev {}
.sev_admin {margin:0 0 10px;text-align:right}
.sev_admin a{line-height:35px;padding:0 10px}

/* 쿠폰 */
#coupon div:after {display:block;visibility:hidden;clear:both;content:""}
#coupon .cou_tit {font-weight:bold}
#coupon .cou_pri{font-size: 1.25em;color: #00c4ac;font-weight: bold;float: right;}
#coupon .cou_target{color:#666}
#coupon .cou_date{float:right;color: #777;font-style: italic;}

/* 모바일일때 피시버전 주문폼*/
.sod_list {position:relative;margin:0;padding:0;list-style:none}
.sod_list .sod_li {position:relative;padding:0;border:1px solid #e9e9e9;margin:10px 0}
.sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_list .li_chk{position:absolute;top:10px;left:10px;}
.sod_list .li_name{min-height:130px}
.sod_list .li_name a,.sod_list .li_name strong{display:block;padding: 0 10px 0 25px;border-bottom:1px solid #e9e9e9;height:35px;line-height:35px}
.sod_list .li_name strong{padding-left:10px}
.sod_list .total_img{position:absolute;top:45px;left:10px;}
.sod_list .sod_opt{padding:10px 10px 5px;margin-left:90px;color:#9e9e9e;font-size:0.93em;background:none;border:none}
.sod_list .sod_opt li{margin-bottom:3px;border:none}
.sod_list .li_cp{position:relative}
.sod_list .li_cp .cp_btn, .sod_list .li_cp .cp_cancel, .sod_list .li_mod .mod_btn {margin:0;padding:5px 8px;border:0;background:#000;color:#fff;font-size:0.93em}
.sod_list .li_cp .cp_cancel,.odf_tbl #od_coupon_cancel,.odf_tbl #sc_coupon_cancel{border:1px solid #999;color:#777;background:#fafafa;margin-left:3px;padding:4px 5px}
.sod_list .li_prqty{margin:10px;}
.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""}
.sod_list .li_prqty .li_prqty_sp{width:33%;display:inline-block;float:left;text-align:center;line-height:2.2em;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-left:1px solid #e9e9e9;color:#9e9e9e;font-size:0.93em;margin-left:-1px}
.sod_list .li_prqty  .prqty_price{border-left:1px solid #d3d3d3;}
.sod_list .li_prqty  .prqty_sc{border-right:1px solid #d3d3d3;}
.sod_list .li_prqty .li_prqty_sp span{display:block;background:#f2f2f2;}
.sod_list .li_total {position:relative;border-top:1px solid #e9e9e9;margin:10px 10px 0;}
.sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right;color:#343434}
.sod_list .total_span span{position:absolute;top:5px;left:0}
.sod_list .total_span strong{font-size:1.2em}

#sod_frm {}
#sod_frm section{margin-bottom:10px}
#sod_frm section h2{border-bottom:1px solid #e2e4e7;font-size:1.167em;padding-bottom:10px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl{background:#ededed;margin-top:5px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th,#sod_bsk_list #mod_option_frm .sit_ov_tbl td{border:none;padding-left:5px;font-weight:normal}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th{width:90px}
#sod_frm_deli #order_address {display:block;;width:100px;background:#333;color:#fff;text-align:center}
#sod_frm_orderer {margin:0 0 30px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0}
#sod_frm .odf_tbl table{width:100%;margin:0;padding:0;border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-collapse:collapse}
#sod_frm .odf_tbl table tbody td,#sod_frm .odf_tbl table tbody th{;border-bottom:1px solid #e9e9e9;padding:5px 0px 5px 10px ;text-align:left;line-height:26px;position:relative;}
#sod_frm .odf_tbl table th{width:90px;color:#343434;font-weight:normal;letter-spacing:-0.1em}
#sod_frm .odf_tbl table .frm_input{background-color:#fff !important;height:24px;line-height:24px;text-indent:5px}
#sod_frm .odf_tbl table .frm_address{margin-top:5px}
#sod_frm .odf_tbl button.btn_frmline{font-size:0.92em;padding:0 8px;height:26px;line-height:26px}
#sod_frm .odf_tbl textarea{width:99%;border:1px solid #e4eaec;}
#sod_frm_same {margin:0 0 10px}
#sod_frm_pay {position:relative}
#sod_frm_pay .tbl_head01 caption {font-size:0;line-height:0;overflow:hidden}
#sod_frm_pay .tbl_head01 th {width:auto !important;font-weight:bold;text-align:center !important}
#sod_frm_pay .tbl_head01 td {border-top:1px solid #e9e9e9 !important;border-bottom:1px solid #e9e9e9 !important;line-height:1.5em !important;word-break:break-all !important}

html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_paysel ul {margin:0;padding:0;}
#sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_paysel li {float:left;padding:5px 2%;width:46%;height:21px;text-align:left;list-style:none}

/*네이버페이*/
.itemform-naverpay{margin:15px 0;clear:both}
.cart-naverpay{margin-top:15px}

/* theme.config.php 파일에서 G5_COMMUNITY_USE 를 false로 한 경우 1:1 문의와 게시판 css 처리 */
#bo_list table td, #fqalist table td{border-left:0;border-right:0}
#bo_v_top .btn_admin, #bo_list .btn_admin{padding-top:0}
.ctt_admin .btn_admin{padding-top:0  !important}
.btn_confirm .btn_cancel{padding-top:0  !important}

/*개인결제*/
.pesonal{background:#f3f3f3;padding:20px}
.pesonal td{font-weight:bold}
#sod_frm_pay h2{font-size: 1.167em;margin: 0px 0 10px;border-bottom:1px solid #ddd;padding: 0 0 10px}
#personal_pay h2{font-size: 1.167em;margin: 0px 0 10px;}
#personal_pay input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;text-indent:-999px;left: 0;z-index: -1px;visibility:hidden;}
#personal_pay .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1}
#personal_pay input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3}
#personal_pay legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#personal_pay .KPAY{background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#personal_pay .PAYNOW{background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#personal_pay .PAYCO{background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#personal_pay .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px}
#personal_pay .bank_icon{background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff}
#personal_pay .vbank_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#personal_pay .iche_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#personal_pay .hp_icon{background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff}
#personal_pay .card_icon{background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff}
#personal_pay .btn_submit{width:100%;height:40px;font-weight: bold;font-size: 1.25em;margin:10px 0 5px}
#personal_pay .btn01{width:100%;height:40px;line-height:38px;font-weight: bold;font-size: 1.25em;}






/*select 이미지 처리*/
select.it_option, select.it_supply { width:100%;height:30px;background:#fff url('img/select.gif') no-repeat  right center ;padding: 5px;border: 0;-webkit-appearance: none;border:1px solid #aaa;}

/* 장바구니 이용안내 */
.cart_help{margin:50px 0 50px 0;border:2px solid #eeeeee; padding:20px; line-height:20px;}
.cart_help h2{font-size:13px;border-bottom:1px solid #eeeeee;padding-bottom:6px }
.cart_help:after {display:block;visibility:hidden;clear:both;content:""}
.cart_help ul {margin-top:12px;display:block}
.cart_help li{padding-left:20px;font-size:12px; line-height:20px;}
.cart_help li.item1{background:url("img/001.gif") no-repeat 0 3px;padding-left:20px;font-size:12px}
.cart_help li.item2{background:url("img/002.gif") no-repeat 0 3px;padding-left:20px;font-size:12px}
.cart_help li.item3{background:url("img/003.gif") no-repeat 0 3px;padding-left:20px;font-size:12px}
.cart_help li.item4{background:url("img/004.gif") no-repeat 0 3px;padding-left:20px;font-size:12px}
.cart_help li.item5{background:url("img/005.gif") no-repeat 0 3px;padding-left:20px;font-size:12px}
.cart_help li.item6{background:url("img/006.gif") no-repeat 0 3px;padding-left:20px;font-size:12px}
.cart_help li.item7{background:url("img/007.gif") no-repeat 0 3px;padding-left:20px;font-size:12px}
.cart_help li.item8{background:url("img/008.gif") no-repeat 0 3px;padding-left:20px;font-size:12px}
.cart_help li.item9{background:url("img/009.gif") no-repeat 0 3px;padding-left:20px;font-size:12px}
.cart_help li.item10{background:url("img/010.gif") no-repeat 0 3px;padding-left:20px;font-size:12px}
.cart_help strong{color:#888}

/* 마이페이지 */
.mypage_table {margin:0}
.mypage_table table {width:100%;border-collapse:collapse;border-spacing:0}
.mypage_table .subject{ text-align:left;font-weight:bold;font-size:13px}
.mypage_table .tit{ text-align:left;}
.mypage_table .tit strong{ font-size:13px; color:#333;}
.mypage_table{margin:10px 0;table-layout:fixed;}
.mypage_table table{width:100%; border-top:1px solid #585858;}
.mypage_table th{ padding:12px 0 10px 20px; line-height:20px; font-size:13px;border-bottom:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; background:#f6f6f6;}
.mypage_table td{ padding:12px 0 10px 20px; line-height:20px; font-size:13px;border-bottom:1px solid #e1e1e1; background:#fff;}
.mypage_table td a{ vertical-align:middle;color:#ff6600}
.mypage_table td a:hover{ color:#ff3300; text-decoration:underline;}
.mypage_table td .icon_file{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:5px;}
.mypage_table th .icon_arrow{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:15px;}
.mypage_table td.view_con{ padding:40px 15px;}
.mypage_table td.view_con img{ max-width:740px;}
.mypage_table td.view_con iframe{ max-width:740px;}
.mypage_table td .cut_link{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}









/* 메인 BIG 배너 이미지 */
.main_banner {position:relative;width:100%;height:auto;/*height:620px;*/margin:0px auto;overflow:hidden;}
.main_banner:after{display:block;visibility:hidden;clear:both;content:""}
.main_banner ul:after{content:"";display:block;clear:both;}
.main_banner li{float:left;}
.main_banner .bx-controls{width: 100%;top: 0;left: 0;height: 100%;;}
/* 페이지 버튼 */
.main_banner .bx-pager{position:absolute;z-index:500;bottom:18px;display:inline-block;*display:inline;zoom:1;width: 100%;text-align: center;font-size: 0;line-height: 0;height: 0;}
.main_banner .bx-pager-item{display:inline-block;*display:inline;zoom:1;}
.main_banner .bx-pager-item .bx-pager-link{display:block;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;height:3px;width:19px;background:#ccc;margin:0 3px;/***filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;***/transition:all .3s ease;-webkit-transition:all .3s ease;}
/***
.main_banner:hover .bx-pager-link{filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
.main_banner .bx-controls-direction .bx-pager-link:hover{filter:alpha(opacity=30);opacity:.3;-webkit-opacity:.3;}
***/
.main_banner .bx-pager-item .bx-pager-link.active{background:#aaa;width:19px;}	

/* 이전,다음 버튼 */
.main_banner .bx-controls-direction{position:absolute;z-index:666;left:50%;top:50%;width:1260px;margin-left:-630px;margin-top:-45px;height:0;cursor:pointer;}
.main_banner .bx-controls-direction a{position:absolute;top:0;display:block;font-size:0;line-height:0; overflow:hidden;}

.main_banner .bx-prev{position:absolute;left:15px;width:65px;height:90px;background:url('img/zy_left.gif') no-repeat 50% 50% rgba(255,255,255,.2);opacity:0;-webkit-opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.main_banner:hover .bx-prev{left:10px;opacity:1.0;-webkit-opacity:1.0;}
.main_banner:hover .bx-prev:hover{opacity:.4;-webkit-opacity:.4;}

.main_banner .bx-next{position:absolute;right:15px;width:65px;height:90px;background:url('img/zy_right.gif') no-repeat 50% 50% rgba(255,255,255,.2);opacity:0;-webkit-opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.main_banner:hover .bx-next{right:10px;opacity:1.0;-webkit-opacity:1.0;}
.main_banner:hover .bx-next:hover{opacity:.4;-webkit-opacity:.4;}

.main_banner .bn-img {min-width:1200px;height:1080px;display:block;background-position:top center;background-repeat:no-repeat}



/* 메인 텝 */
#ux_tab_div{position:relative;width:1260px;margin:0 auto;overflow:hidden;}
#ux_tab_div:after{content:"";display:block;clear:both;*zoom:1;}
#ux_tab_div .ux_tabs{position:relative;z-index:2;width:100%;padding:0;display:block;}
#ux_tab_div .ux_tabs:after{content:"";display:block;clear:both;*zoom:1;}
#ux_tab_div .ux_tabs li{float:left;width:310px;height:46px;margin:0 0 0 0px;background:#f3f3f3;cursor:pointer;font-size:13px;font-weight:400;letter-spacing:0em;color:#232323;text-align:center;line-height:46px;}
#ux_tab_div .ux_tabs li:hover{ color:#e21836 }
#ux_tab_div .ux_tabs li.first{width:310px;}
#ux_tab_div .ux_tabs li.last{}
#ux_tab_div .ux_tabs li.active{color:#111;background:#e21836;color:#fff;font-weight:700;}
#ux_tab_div .tab_list{margin-left:1px;position:relative;background:#f7f7f7;border-top:none;width:1260px;text-align:center;padding:12px 0;margin-top:12px;}
/* 메인 텝 리스트 */
.hot_list{position:relative;z-index:1;overflow:hidden;text-align:center}
.hot_list ul{display:inline-block;}
.hot_list li{float:left;position:relative;width:232px;margin:0 6px;text-align:center}
.hot_list a.link_box{display:block;border:0px solid #ddd;width:232px;height:282px;background:#fff;}
.hot_list img{width:232px;height:282px;}
.hot_list .alpha{ display:none; opacity: 0.7;-moz-opacity: 0.7;-khtml-opacity: 0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);width:232px;height:282px;background-color:#000000;z-index:10;position:absolute;color:#fff;}
.hot_list .alpha_list{text-align:center;line-height:30px;padding:20px;margin-top:42%;;}
.hot_list .alpha_list span{display:block;margin-top:3px;}
.hot_list .alpha_list .sct_txt{ font-size:12px;font-weight:bold; }
.hot_list .alpha_list .sct_cost strike{ font-size:12px;}
.hot_list .alpha_list .sct_cost{ font-size:12px;font-weight:bold; }
.hot_list li:hover .alpha{display:block; /* animation: upper_bg 0.5s; -webkit-animation: upper_bg 0.5s; animation-timing-function:ease; animation-fill-mode:forwards */}

/* 오른쪽 fixed 오늘본상품 */
#floatDivBoxs{width:200px;background:#fff;position:fixed;top:0px;right:0;z-index:666;height:100%;background:#fff;border-left:1px solid #ddd;margin:0;padding:40px 0 0 0;}
#floatDivBoxs .box{padding:0 15px;margin:0 0 30px;letter-spacing:1px;}
#floatDivBoxs .box:after{display:block;visibility:hidden;clear:both;content:""}


#floatDivBoxs .box .title{font-size:13px;margin:0 0 10px;font-weight:bold;}
#floatDivBoxs .box .anne{margin-top:10px;padding-top:10px; border-top: 1px solid #dddddd;color: #737373; font-size: 12px; letter-spacing: -1px;}
#floatDivBoxs .box .data{}
#floatDivBoxs .box .data p{font-size:12px;line-height:1.6;}
#floatDivBoxs .box .data .pm{letter-spacing: -0.5px;}
#floatDivBoxs .box .data .tel{font-weight:bold;font-size:17px;color:#313131;letter-spacing: 0.05em;display:block;margin-bottom:5px}

#floatDivBoxs .box span{font-size:12px;letter-spacing:0;}
#floatDivBoxs .box a{}
#floatDivBoxs .box a:hover{color:#999;}
#floatDivBoxs .box .multishoplist{position:relative;margin:0;}
#floatDivBoxs .box .multishoplist > ul{font-size:0;line-height:0;}
#floatDivBoxs .box .multishoplist > ul li{margin:-1px 5px 0 0;display:inline-block;*display:inline;*zoom:1;}
#floatDivBoxs .box .multishoplist > ul li a img{height:18px;vertical-align:middle;}
#floatDivBoxs .box .multishoplist.show > ul{display:block;}
#floatDivBoxs .box .sidebarsearch.xans-layout-searchheader{position:relative;}
#floatDivBoxs .box .sidebarsearch.xans-layout-searchheader .searchbtn{position:absolute;right:0;top:0;border-left:1px solid #ddd;cursor:pointer;}
#floatDivBoxs .box .sidebarsearch.xans-layout-searchheader .searchbtn i{font-size:12px;padding:0 6px;height:28px;line-height:28px;color:#999;}
#floatDivBoxs .box .sidebarsearch.xans-layout-searchheader input#keyword{border:1px solid #ddd;padding-right:30px;}

#floatDivBoxs .box.snsarea {margin-top:26px;}
#floatDivBoxs .box.snsarea a {line-height:36px;border-radius:3px;background: #feea29; color: #3d3037;display: block;font-size: 12px; text-decoration: none;padding:2px 0px 2px 5px;font-weight:bold;}





#floatDivBoxs .box .recentview{text-align:center;width:80px;margin:0 auto;}
#floatDivBoxs .box .recentview .title{margin:0 0 10px 0;letter-spacing:1px;font-size:10px;}
#floatDivBoxs .box .recentview > ul{position:relative;width:80px;margin:0;font-size:0;}
#floatDivBoxs .box .recentview > ul > li{width:100%;display:inline-block;*display:inline;*zoom:1;margin:0;}
#floatDivBoxs .box .recentview > ul > li img{max-width:100%;}
#floatDivBoxs .box .recentview .player{overflow:hidden;*zoom:1;}
#floatDivBoxs .box .recentview .player img{margin:0;}
#floatDivBoxs .box .recentview .player.prev{position:absolute;top:50%;left:-20px;margin:-6px 0 0;}
#floatDivBoxs .box .recentview .player.next{position:absolute;top:50%;right:-20px;margin:-6px 0 0;}

#floatDivBoxs .box .black_line {width: 30px;height: 1px; margin: 0 0 15px;border-bottom: 1px solid #555;line-height: 0px;font-size: 0;}

#floatDivBoxs .box .search_box {background:#fff;position:relative; border:1px solid #ddd; height:28px;width:170px;text-align:left}
#floatDivBoxs .box .search_inner { letter-spacing:0; height:26px; line-height:26px;padding: 0 10px;width:110px;color:#333;border:0px;}
#floatDivBoxs .box .btn_search_box {width:30px;position:relative; position:absolute;right:0;top:-1px;height:26px;cursor:pointer}
#floatDivBoxs .box .btn_search { width:30px;height:28px;color:#000;background:#fff url('img/search_btn.png') center center no-repeat; margin-right:2px;border:0px;cursor:pointer;border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
#floatDivBoxs .box .btn_search:hover{background:#fff url('img/search_btn_on.png') center center no-repeat;}


#rightArrow{background:#353535;width:41px;height:41px;background:url('img/right_arrow.jpg') no-repeat;position:fixed;top:50%;margin-top:-21px;right:241px;z-index:888;display:block;}
#rightArrow a{display:block;height:41px;}

#rightArrow{width:41px;height:41px;background:url('img/right_arrow.jpg') no-repeat;position:fixed;top:50%;margin-top:-21px;right:241px;z-index:888;display:block;}
#rightArrow a{display:block;height:41px;}

#rightQuick{position:fixed;bottom:30px;right:78px;z-index:1002;cursor:pointer;}
#rightQuick .upbtn{margin:0 0 5px;}


#community{position:relative;text-align: center;overflow:hidden;padding: 0 15px;margin-top:40px}
#community:after{display:block;visibility:hidden;clear:both;content:""}
#community ul{font-size:0;margin-right:-2px;}
#community ul  li{display:inline-block;width:50%;}
#community a{display:block;font-size:12px;text-align:center;border:1px solid #eaeaea;line-height:30px;position:relative;z-index:1;margin:0 3px 3px 0px}
#community a:hover{z-index:2;color:#fff;background:#434343;border:1px solid #333;}



/******
#community{position:relative;text-align: center;vertical-align:top;overflow:hidden;padding: 0 15px;}
#community ul{font-size:0;margin-right:-2px;}
#community ul  li{display:inline-block;width:100%;}
#community a{display:block;font-size:12px;text-align:center;border:1px solid #eaeaea;line-height:30px;position:relative;z-index:1;margin:0 3px 3px 0px}
#community a:hover{z-index:2;color:#fff;background:#434343;border:1px solid #333;}
******/




/* 주문진행 */
#smb_order_ico{margin:40px 0 20px;}
#smb_order_ico h2 {margin:0 0 10px;}
#smb_order_ico .payment_process{margin-bottom:40px;border:1px solid #e9e9e9;border-top:1px solid #585858;width:100%}
#smb_order_ico .payment_process tr td{color:#222;}
#smb_order_ico .payment_process .process{padding:25px 20px;background:#f8f8f8;border-right:1px solid #e9e9e9;}
#smb_order_ico .payment_process .process ul{overflow:hidden;}
#smb_order_ico .payment_process .process ul li{position:relative;float:left;width:20%;text-align:center;}
#smb_order_ico .payment_process .process ul li:after{position:absolute;content:'';display:block;top:50%;right:-7px;width:10px;height:17px;background:url(img/smb_order_ico.png) no-repeat;margin-top:5px;}
#smb_order_ico .payment_process .process ul li:last-child:after{display:none}
#smb_order_ico .payment_process .process ul li strong{display:block;margin-bottom:15px;font-weight:400; font-size:14px}
#smb_order_ico .payment_process .process ul li .circle{display:block;width:81px;height:81px;line-height:75px;margin:0 auto;border-radius:50%;background:#fff;}
#smb_order_ico .payment_process .process ul li .circle.active{background:#585858;color:#fff}
#smb_order_ico .payment_process .process ul li .circle.active2{background:#e9e9e9;;}
#smb_order_ico .payment_process .process ul li .circle.active a{color:#fff;}
#smb_order_ico .payment_process .process ul li .circle{font-size:32px;color:#333;font-weight:400;line-height:81px;}
#smb_order_ico .payment_process .process ul li .circle a{position:relative;font-size:32px;color:#333;font-weight:400;}
#smb_order_ico .payment_process .process ul li .circle a:after{position:absolute;content:'';bottom:0px;left:1px;width:100%;height:1px;background:#333;}
#smb_order_ico .payment_process .process ul li .circle.active a:after{background:#fff;}
#smb_order_ico .payment_process .process_total{padding:22px 186px;border-top:1px solid #e9e9e9;text-align:center;}

#smb_order_ico .payment_process .process_total ul{display:table;width:100%;}
#smb_order_ico .payment_process .process_total ul li{display:table-cell;font-size:14px;color:#666;}

#smb_order_ico .payment_process .process_total ul li strong{margin-right:30px;color:#222;}
#smb_order_ico .payment_process .process_total ul li em{display:inline-block;margin-right:8px;font-weight:400;color:#666;text-decoration:underline;}


#device_change{ display:block;padding:20px;text-align:center }




/*메인 유형 타이틀*/
.main_type_title{position:relative;margin: 50px auto 50px auto;text-align:center}
.main_type_title:after{content:"";display:block;clear:both;*zoom:1;}
.main_type_title h2 {text-align: center;font-size:16px;color:#313131;font-weight:bold; letter-spacing: 0.5em;}
.main_type_title span {position: relative;display:inline-block; font-size:12px; letter-spacing: -0.01em;color:#999;font-weight: normal;margin-top:0px;padding-bottom:10px;border-bottom:1px solid #ddd}


/*서브카테고리*/
.box_smart{position: relative;margin-bottom:10px;}
.box_smart:after{display:block;visibility:hidden;clear:both;content:""}
.box_smart{display:table;width:100%;border-top:1px solid #333;border-bottom:1px solid #e4e4e4;}
.box_smart.type1{border-top:1px solid #585858;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}

.box_smart h4{display:table-cell;width:200px;background:#f8f8f8;vertical-align:top;font-family: "Nanum Gothic";border-right:1px solid #e4e4e4;}
.box_smart h4 strong{display:inline-block;padding:18px 0 0 19px;font-size:16px;font-weight:normal;color:#424242;vertical-align:top;}
.box_smart .in_list{display:table-cell;width:1000px;padding-bottom:12px;vertical-align:top;}
.box_smart.type1 ul{padding-bottom:10px;}
.box_smart ul{position:relative;margin:0 0 0 15px;/* padding-left:180px; */}

.box_smart ul:after{display:block;content:"";clear:both;}
.box_smart li{padding-bottom:8px;font-size:12px;}
.box_smart.type1 ul{margin-top:18px;}
.box_smart.type1 .in_list{padding-bottom:0;}
.box_smart.type1 li{float:left;width:20%;padding-right:35px;box-sizing:border-box;}
.box_smart.type1 li a{font-size:13px;white-space:nowrap;text-decoration:none;}
.box_smart.type1 li a b{display:inline-block;overflow:hidden;height:18px;font-weight:normal;font-size:12px;word-break:break-all;word-wrap:break-word;vertical-align:middle;white-space:normal;color:#212121;}
.box_smart.type1 li a span{padding-left:4px;color:#9e9e9e;}
.box_smart.type1 li a:hover{border-bottom:1px solid #616161;}
.box_smart.type1 li a.selected{color:#f22a2c;}
.box_smart.type1 li a.selected:hover{border-bottom:0;}
.box_smart.type1 li a.selected b{font-weight:bold;color:#e0002a;}







#container_title {margin:30px 0 0;padding:0;font-size:2em;text-align:center;font-weight:bold;}
#container_title span{display:inline-block;padding-bottom:10px;color: #333;font-size: 16px; text-align: center;letter-spacing: 1px;font-weight: bold;}




/* 서브페이지 메뉴001*/
.list_category_title{position:relative; margin:0 0 10px 0; padding:0 0 10px 0; font-size:13px; border-bottom: 0px solid #dedede;}
.list_category_title h2{display:block;height:30px;line-height:30px;text-align:center;font-size:17px}
.menuCategory_box{margin:0px 0 38px 0; text-align: center;}
.menuCategory{}
.menuCategory:after {display:block;visibility:hidden;clear:both;content:""}
.menuCategory   li {display:inline-block;background:#fff;}
.menuCategory a {display: inline-block;margin: 4px; padding: 0 9px;font-size: 11px; color: #222;border: 1px solid #ececec;background: #f0f0f0;vertical-align: top;height: 30px;line-height: 30px;border-radius: 5px;}




/* 메인 bxslider */
.main_visual {position:relative; height:550px;background:#fbfbfb;overflow: hidden;border-bottom:1px solid #f3f3f3;}
.main_visual:after {display:block;visibility:hidden;clear:both;content:""}
.main_visual .main_visual_bxslider {}
.main_visual .main_visual_bxslider li {overflow:hidden; position:relative;text-align:center}
.main_visual .main_visual_bxslider li img {text-align:center}

/* 페이지 버튼 */
.main_visual   .bx-pager{position:absolute;z-index:500;bottom:30px;display:inline-block;*display:inline;zoom:1;width: 100%;text-align: center;font-size: 0;line-height: 0;height: 0;}
.main_visual   .bx-pager-item{display:inline-block;*display:inline;zoom:1;}
.main_visual   .bx-pager-item .bx-pager-link{display:block;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;	width: 13px;height: 13px;border: 2px solid #fff;-webkit-border-radius: 50%;border-radius: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;background:#none;margin:0 3px;/***filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;***/transition:all .3s ease;-webkit-transition:all .3s ease;}
/***
.main_visual :hover .bx-pager-link{filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
.main_visual  .bx-controls-direction .bx-pager-link:hover{filter:alpha(opacity=30);opacity:.3;-webkit-opacity:.3;}
***/
.main_visual  .bx-pager-item .bx-pager-link.active{background:#fff;width:13px;height:13px;-webkit-border-radius: 50%;border-radius: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;}

/***이전,다음 버튼 ***/
.main_visual  .bx-controls-direction{position:absolute;z-index:550;left:50%;top:50%;margin-top:-40px;width:1050px;margin-left:-525px}
.main_visual  .bx-controls-direction a{position:absolute;top:0;display:block;font-size:0;line-height:0; overflow:hidden;}
.main_visual  .bx-controls-direction .bx-prev{width:60px;height:80px;background:url('img/zy_left.gif') no-repeat 50% 50%;position:absolute;left:0;filter:alpha(opacity=50);opacity:.5;-webkit-opacity:0.5;transition:all .2s ease;-webkit-transition:all .2s ease;left:-80px}
.main_visual:hover .bx-prev{left:0;filter:alpha(opacity=80);opacity:.8;-webkit-opacity:.8;left:-100px}
.main_visual  .bx-controls-direction .bx-prev:hover{filter:alpha(opacity=50);opacity:5.0;-webkit-opacity:5.0;}
.main_visual  .bx-controls-direction .bx-next{width:60px;height:80px;background:url('img/zy_right.gif') no-repeat 50% 50%;position:absolute;right:0;filter:alpha(opacity=50);opacity:.5;-webkit-opacity:.5;transition:all .2s ease;-webkit-transition:all .2s ease;right:-80px}
.main_visual:hover .bx-next{right:0;filter:alpha(opacity=80);opacity:.8;-webkit-opacity:.8;right:-100px}
.main_visual  .bx-controls-direction .bx-next:hover{filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}


/***오른쪽 ***/
.d_lightbox{display:none !important ;position:fixed;z-index:299;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.d_panel.right{display:block;position:fixed;z-index:300;right:0px;top:0;width:236px;height:100%;border-left:1px solid #ddd;background:#fff;box-shadow:-2px 0px 4px rgba(0,0,0,0.07);}
.d_panel.right .position{position:relative;z-index:2;top:0;left:20px;width:200px;background:#fff;transition:top .5s .5s ease;-webkit-transition:top .5s .5s ease;}
.d_panel.right .right_panel{position:absolute;top:50%;left:-40px;width:40px;margin-top:-148px;}
.d_panel.right .right_panel.fix{}
.d_panel.right .right_panel > li{position:relative;z-index:3 width:38px;height:38px;margin:0 0 -1px;border:1px solid #ddd;background:#fff;cursor:pointer;text-align:center;transition:all .2s ease;-webkit-transition:all .2s ease;}
.d_panel.right .right_panel > li.on{}
.d_panel.right .right_panel > li.fix{}
.d_panel.right .right_panel > li a{text-decoration:none;}
.d_panel.right .right_panel > li img{position:relative;left:0;top:12px;width:15px;}
.d_panel.right .right_panel > li > i,.d_panel.right .right_panel > li > a > i{position:relative;display:block;line-height:38px;color:#555;font-size:17px;}
.d_panel.right .right_panel .panel_naver{background:#01c73c;}
.d_panel.right .right_panel .panel_naver i{color:#fff;}
.d_panel.right .right_panel .panel_kakao{background:#fae100;}
.d_panel.right .right_panel .panel_kakao i{font-size:19px;}
.d_panel.right .right_panel span.count{display:;position:absolute;z-index:10;right:31px;top:2px;min-width:10px;height:19px;line-height:20px;padding:0 6px;text-align:center;background:#444;border-radius:16px;font-family:Roboto,Arial,sans-serif;font-size:9px;color:#fff;overflow:hidden;}
.d_panel.right .right_panel .-caption{top:5px;left:-8px!important;}
.d_panel.right .right_panel .-caption p{right:0;transform:none !important;}
.d_panel.right .right_pop > li.fix .-caption{display:none;}
.d_panel.right .right_panel > li p.caption{position:absolute;z-index:5;top:6px;right:-500px;height:26px;line-height:25px;padding:0 6px;border:1px solid #ddd;background:#fff;color:#333;text-align:center;font-size:12px;opacity:0;transition:opacity .2s,right .2s .4s ease;-webkit-transition:opacity .2s,right .2s .4s ease;}
.d_panel.right .right_panel > li:hover p.caption{display:block;right:45px;opacity:1;transition:opacity .2s ease;-webkit-transition:opacity .2s ease;}
.d_panel.right .right_pop > li.fix p.caption{display:none;}
.d_panel.right p.px30{width:30px;}
.d_panel.right p.px40{width:40px;}
.d_panel.right p.px50{width:50px;}
.d_panel.right p.px60{width:60px;}
.d_panel.right p.px70{width:70px;}
.d_panel.right p.px80{width:80px;}
.d_panel.right p.px90{width:90px;}
.d_panel.right p.px100{width:100px;}
.d_panel.right p.px110{width:110px;}
.d_panel.right p.px120{width:120px;}
.d_panel.right p.px130{width:130px;}
.d_panel.right p.px140{width:140px;}
.d_panel.right p.px150{width:150px;}
.d_panel.right .d_toggle{position:relative;border:1px solid #000!important;border-right:none;background:#000!important;transition:all .5s 1s ease!important;-webkit-transition:all .5s 1s ease!important;}
.d_panel.right .d_toggle.d_on{border:1px solid #ddd!important;border-right:1px solid #fff!important;background:#fff!important;}
.d_panel.right .d_toggle .bar{display:block;position:absolute;left:15px;width:9px;height:1px;background:#fff;transition:all .4s 1s ease;-webkit-transition:all .4s 1s ease;}
.d_panel.right .d_toggle.d_on .bar{background:#000;}
.d_panel.right .d_toggle .bar.l01{top:16px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.d_panel.right .d_toggle.d_on .bar.l01{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.d_panel.right .d_toggle .bar.l02{top:22px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.d_panel.right .d_toggle.d_on .l02{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
@media all and (min-height:850px){.d_panel.right .position{top:8%;}}.d_panel.right h4{margin:0 0 12px;font-size:12px;color:#222;}
.d_panel.right .h4_line{width:15px;height:1px;margin:0 0 15px;border-bottom:1px solid #555;line-height:0px;font-size:0;}
.d_panel.right .anne{margin-top: 10px;padding-top: 10px;border-top: 1px solid #dddddd;color: #737373;}
.d_panel.right .oper_time{margin:0 0 20px;font-size:11px;line-height:17px;}
.d_panel.right .oper_time .phone{line-height:25px;margin:0 0 10px;font-family:'Oswald';font-size:23px;font-weight:700;letter-spacing:.02em;}
.d_panel.right .oper_time .phone img{position:relative;top:3px;}
.d_panel.right .oper_time strong{padding-right:10px;color:#333;}
.d_panel.right .bank_info{display:none;font-size:11px;}
.d_panel.right .bank_info li{min-height:0;letter-spacing:0.1em;}

.d_panel.right .bank_info strong{display:block;float:left;width:30%;min-height:0;line-height:20px;font-weight:bold;}
.d_panel.right .bank_info span{min-height:0;line-height:20px;}
.d_panel.right .bank_info .bank_list{display:none;width:170px;margin:10px 0 0;}

#p_box{display:none;position:absolute;z-index:-999;right:1px;top:-130px;border:1px solid #ddd;background:#fff;}
#p_box > ul > li{display:block;padding:20px;}
#p_box .item_img{top:0px !important;}
.box_open > #p_box{display:block;}
.box_open{border-left:1px solid #fff !important;}
.box_open:hover{cursor:auto !important;}
.box_open:hover .caption{display:none !important;}
#p_box .scrollbar_box{width:440px;height:300px;}
#p_box .titlebox{text-align:left;font-weight:100;font-size:18px;padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid #ddd;}
#p_box .titlebox > em{display:inline-block;background:#333;width:4px;height:17px;position:relative;top:3px;margin-right:7px;}
_:-ms-fullscreen,:root #p_box .titlebox{margin:0 0 25px;}
[ax="boxclose"]{position:absolute;cursor:pointer;top:20px;right:20px;width:19px;height:19px;background-image:url('img/btn_close_003.gif');background-position:center center;background-repeat:no-repeat;}
#p_box .-panel-buttonbox{position:absolute;left:0;bottom:0;}
#p_box .-panel-tablebox{width:100%;font-size:11px;}
#p_box .-panel-tablebox th{font-weight:normal;}
#p_box .-panel-tablebox th i{margin:0 7px 0 5px;}
#p_box .-panel-tablebox th,#p_box .-panel-tablebox td{padding:5px;text-align:left;vertical-align:middle;}
#p_box .-panel-tablebox th img{top:0;}
#p_box .-panel-tablebox td img{top:4px;width:auto;height:auto;margin:0 3px 0 0;}
#p_box .-panel-tablebox th > p,#p_box .-panel-tablebox td > p{padding:1px 0;}
#p_box .-panel-tablebox td > p.-text{font-size:11px;color:#999;}
#p_box .-panel-tablebox tr + tr th,#p_box .-panel-tablebox tr + tr td{border-top:1px solid #eee;}
#p_box .-panel-tablebox td.-right{text-align:right;}
#p_box .-panel-tablebox td .strike{color:#999;}
#p_box .-panel-tablebox .-date{font-size:11px;display:inline-block;border:1px solid #dadada;color:#666;padding:4px 8px;border-radius:3px;margin-top:5px;}
#p_box .-maximg img{width:60px;height:60px;border:1px solid #ddd}
#p_box .-panelprod > ul > li{padding:5px 0;border-bottom:1px solid #eee;}
#p_box .-panelprod > ul > li p.-left{float:left;width:13%;}
#p_box .-panelprod > ul > li p a{display:block;}
#p_box .-panelprod > ul > li p.-left a img{width:100%;}
#p_box .-panelprod > ul > li p.-right{float:right;width:84%;}
#p_box .-panelprod > ul > li p.-right a{line-height:20px;}
#p_box .-panelprod > ul > li p.-left-text{float:left;width:23%;}
#p_box .-panelprod > ul > li p.-right-text{float:left;width:74%;}
#p_box .-panelBtn{border-top:1px solid #eee;text-align:right;padding:10px;background-image:url(/_wg/img/_bg/bg_opacity_b_02.png);}
#p_box .-panelempty{padding:40px 10px;text-align:center;}
#p_box .-panel-tablebox + .-panelempty{display:none;}
#p_box .-panel-tablebox.displaynone + .-panelempty{display:block;}
#p_box .-panelinfo{color:#666;background:#f0f0f0;padding:10px;font-size:11px;}
#p_box .-panelinfo .-date{margin:5px 0;font-size:11px;display:inline-block;border:1px solid #dadada;color:#666;padding:4px 8px;border-radius:3px;background-image:url(/_wg/img/_btn/bg_opacity_w_90.png);}
#p_box .-panelinfo .-title{font-weight:bold;border-left:2px solid #333;padding-left:7px;line-height:100%;}
#p_box .-panelinfo span{display:block;}
#p_box .-panel-bighead{text-align:center;font-weight:100;font-size:18px;padding:20px 20px 25px 20px;border-bottom:1px solid #f0f0f0;}
#p_box .-panel-poll ul{padding:20px 0;}
#p_box .-panel-poll ul li{padding:3px 10px;}
#p_box .-panel-poll ul li + li{border-top:1px solid #f0f0f0;}
#p_box .-panel-poll > p{text-align:center;border-top:1px solid #f0f0f0;padding:20px 0 0 0;}
#p_box .serch{}
#p_box .serch:after{display:block;clear:both;content: ''}
#p_box .serch li{position: relative;border-bottom:1px solid #eee;padding:6px 0px 6px 0px;}
#p_box .serch li:after{display:block;clear:both;content: ''}
#p_box .serch span{display:block;}
#p_box .serch .l_title{width:100px;padding:7px 0px 6px 0px;border:0px solid #ccc;float: left;text-align: left;padding-left:10px;font-size:11px !important;}
#p_box .serch .right{width:310px;float: right;border:0px solid #ccc;text-align: left;}
#p_box .serch li .fa{margin-right:5px;}
#p_box .serch .btn_wrap{text-align: right !important;border:0px !important;padding-top:20px !important;}
#p_box .serch input.inputTypeText.ss_width{width:242px !important;}
#p_box .serch input.inputTypeText{}
#p_box .serch #search_type{width:97px;}
#p_box .serch #category_no{width:310px;}
#p_box .serch a.-btn.-line.-xs.xans-record-{padding-left:5px;padding-right:5px;}
#p_box .serch input.input01{width:137px;}
#p_box .serch #order_by{width:310px;display:block !important;}
#p_box .serch a.-btn.-black.-xs.xans-record-{height:25px;line-height:24px;}
#p_box .serch a.-btn.-line.-xs.xans-record-{height:25px;line-height:24px;}
#p_box .serch .SD_searchColor{margin:0 0 10px;padding:10px 0 0;border-top:1px solid #eee;}
#p_box .serch .SD_searchColor:after{content:"";display:block;*zoom:1;clear:both;}
#p_box .serch .SD_searchColor ul{display:block;width:890px !important;font-size:0;}
#p_box .serch .SD_searchColor li{position:relative;float:left;margin:0 12px 0 0;}
#p_box .serch .SD_searchColor li a{display:block;width:22px;height:22px;border-radius:100%;box-shadow:0 0 2px rgba(0,0,0,0.3);transition:all .4s ease;-webkit-transition:all .4s ease;}
#p_box .serch .SD_searchColor li:hover a{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transition:all .15s ease;-webkit-transition:all .15s ease;}
.SD_searchColor li p{position:absolute;z-index:1;top:-29px;left:50%;width:74px;margin-left:-37px;line-height:25px;border:1px solid #ddd;border-radius:4px;background:#f4f4f4;font-size:11px;color:#333;text-align:center;white-space:nowrap;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;transition:all .2s ease;-webkit-transition:all .2s ease;}
.SD_searchColor li:hover p{top:-32px;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
#p_box .login_box{width:480px;height:423px;}
#p_box .login_box .lock_wr img{top:0px !important;}
#p_box .login_box input.inputTypeText{width:280px;height:25px;}
#p_box .login_box #member_passwd{width:280px;height:25px;}
#p_box .login_box #order_id1{width:123px;height:25px;margin:0 10px 0 5px;}
#p_box .login_box #order_id2{width:123px;height:25px;margin:5px 0 5px 10px;}
#p_box .login_box td.-c2.-uitrick{padding:0 !important;}
#p_box .login_box #order_password{height:25px;width:280px;}
#p_box .login_box td.-c1{padding-right:0;}
#p_box .login_box tbody tr td{padding-right:0;}
#p_box .login_box .-panel-sns-icons{margin:0 0 10px;}
#p_box .login_box .-panel-sns-icons a{display:inline-block;width:45px;height:25px;margin:0 3px 0 0;padding:0;text-align:center;transition:opacity .3s ease;-webkit-transition:opacity .3s ease;}
#p_box .login_box .-panel-sns-icons a:hover{opacity:.6;}
#p_box .login_box .-panel-sns-icons a span{display:block;height:25px;}
#p_box .login_box .-panel-sns-icons a i{line-height:23px;font-size:15px;color:#fff;}
#p_box .login_box .-panel-sns-icons a span.naver{background:#44ba2f;}
#p_box .login_box .-panel-sns-icons a span.facebook{background:#365bac;}
#p_box .login_box .-panel-sns-icons a span.kakao{background:#ebca12;}
#p_box .login_box .-panel-sns-icons a span.google{background:#d2281e;}
#p_box .login_box .-panel-sns-icons a span.line{background:#44ba2f;}
#p_box .login_box .-panel-sns-icons a span.yahoo{background:#ff0033;}




/***오른쪽  공지사항***/
.JS_quickNotice{position:relative;width:200px;height:22px;margin:0 auto 20px;border-bottom:1px solid #eee;}
.JS_quickNotice .tit a{position:relative;float:left;height:22px;margin-right:5px;font-size:15px;letter-spacing:0.1em;line-height:19px;color:#111;text-decoration:none;}
.JS_quickNotice .DB_mask{position:relative;width:170px;height:22px;overflow:hidden;}
.JS_quickNotice .DB_imgSet{position:absolute;width:170px;}
.JS_quickNotice .DB_imgSet li{width:100%;line-height:20px;margin-bottom:10px;}
.JS_quickNotice .DB_imgSet li a{display:block;color:#333;font-size:11px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.JS_quickNotice .DB_imgSet li a:hover{color:#999;text-decoration:none;}
.JS_quickNotice .DB_prevBtn{position:absolute;top:12px;right:14px;cursor:pointer;display:none;}
.JS_quickNotice .DB_nextBtn{position:absolute;top:12px;right:0px;cursor:pointer;display:none;}

.quickIco{width:200px;margin:0 0 20px;}
.quickIco:after{content:"";display:block;*zoom:1;clear:both;}
.quickIco li{float:left;width:50%;height:28px;margin-bottom:1px;}
.quickIco li:nth-child(even){margin-left:-1px;}
.quickIco li a{display:block;line-height:28px;border:1px solid #dfdfdf;font-size:11px;color:#333;text-indent:15px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.quickIco li a:hover{background:#f4f4f4;text-decoration:none;font-weight:bold;}
.quickIco li a i{display:none;top:2px;margin:0 3px 0 0;font-size:13px;color:#777;}
.d_sLightBox_introPopup{position:fixed;z-index:998;left:0px;bottom:90px;width:80px;height:80px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.d_sLightBox_introPopup:hover{opacity:.6;}
.d_sLightBox_introPopup img{transition:all .2s 1s ease;-webkit-transition:all .2s 1s ease;}
.d_sLightBox_introPopup.on img{opacity:0;transform:scale(0,0);-webkit-transform:scale(0,0);transition-delay:1s;-webkit-transition-delay:1s;}


/***오른쪽  매너롤링***/
.JS_panelBnr{position:relative;width:200px;height:120px;margin:20px auto;}
.JS_panelBnr .label{position:absolute;z-index:10;width:63px;left:-13px;top:-13px;}
.JS_panelBnr .img{position:relative;top:0;width:100%;height:100%;overflow:hidden;}
.JS_panelBnr .img li{position:absolute;width:100%;height:100%;left:100%;}
.JS_panelBnr .JS_btn{position:absolute;z-index:3;width:100%;bottom:5px;text-align:center;letter-spacing:-4px;font-size:0;line-height:0;opacity:0;-webkit-opacity:0;transition:opacity .3s 8s ease;-webkit-transition:opacity .3s 8s ease;}
.JS_panelBnr:hover .JS_btn{opacity:1.0;-webkit-opacity:1.0;transition-delay:0s;-webkit-transition-delay:0s;}
.JS_panelBnr .JS_btn li{position:relative;display:inline-block;*display:inline;*zoom:1;height:3px;margin:0 2px;padding:5px 0;cursor:pointer;}
.JS_panelBnr .JS_btn li div{width:10px;height:2px;background:#ccc;font-size:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_panelBnr .JS_btn li.on div{width:18px;background:#999;}
.JS_panelBnr .JS_btn li span{position:absolute;left:0;display:block;width:0;height:2px;background:#111;text-indent:-9999px;}
.JS_panelBnr .DB_dir{position:absolute;z-index:10;top:0;right:0;width:21px;height:0;cursor:pointer;opacity:0;-webkit-opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_panelBnr:hover .DB_dir{opacity:1;-webkit-opacity:1;}
.JS_panelBnr .arrow{position:absolute;width:21px;height:21px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_panelBnr .prev{top:-5px;background:url('img/arrowVLW_15.gif') no-repeat 50% 50% rgba(0,0,0,.2);}
.JS_panelBnr:hover .prev{top:0px;}
.JS_panelBnr .prev:hover{background:url('img/arrowVLW_15.gif') no-repeat 50% 50% rgba(0,0,0,.4);}
.JS_panelBnr .next{top:16px;background:url('img/arrowVRW_15.gif') no-repeat 50% 50% rgba(0,0,0,.2);}
.JS_panelBnr:hover .next{top:21px;}
.JS_panelBnr .next:hover{background:url('img/arrowVRW_15.gif') no-repeat 50% 50% rgba(0,0,0,.4);}


.scrollbar_box{overflow: hidden !important;padding:0 !important;position: relative;}
.scrollbar_box > .scroll-content{border: none !important;box-sizing:content-box !important;height:auto;left:0;margin:0;max-height: none;max-width: none !important;overflow: scroll !important;padding:0;position: relative !important;top:0;width:auto !important;}
.scrollbar_box > .scroll-content::-webkit-scrollbar{height:0;width:0;}
.scroll-element{display: none;}
.scroll-element,.scroll-element div{box-sizing:content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block;}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow{cursor:default;}
.scroll-textarea{border:1px solid #cccccc;border-top-color:#999999;}
.scroll-textarea > .scroll-content{overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea{border: none !important;box-sizing:border-box;height:100% !important;margin:0;max-height: none !important;max-width: none !important;overflow: scroll !important;outline: none;padding:2px;position: relative !important;top:0;width:100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar{height:0;width:0;}
.scrollbar_box > .scroll-element,.scrollbar_box > .scroll-element div{background: none;border: none;margin:0;padding:0;position:absolute;z-index:10;}
.scrollbar_box > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%;}
.scrollbar_box > .scroll-element .scroll-element_track{display: none;}
.scrollbar_box > .scroll-element .scroll-bar{background-color:#999;display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
.scrollbar_box:hover > .scroll-element .scroll-bar,.scrollbar_box > .scroll-element.scroll-draggable .scroll-bar{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity:0.7;}
.scrollbar_box > .scroll-element.scroll-x{bottom:0px;height:0px;left:0;min-width:100%;overflow: visible;width:100%;}
.scrollbar_box > .scroll-element.scroll-y{height:100%;min-height:100%;right:0px;top:0;width:0px;}
.scrollbar_box > .scroll-element.scroll-x .scroll-bar{cursor:move;height:7px;min-width:10px;top: -9px;}
.scrollbar_box > .scroll-element.scroll-y .scroll-bar{cursor:move;left: -5px;min-height:10px;width:5px;}
.scrollbar_box > .scroll-element.scroll-x .scroll-element_outer{left:2px;}
.scrollbar_box > .scroll-element.scroll-x .scroll-element_size{left: -4px;}
.scrollbar_box > .scroll-element.scroll-y .scroll-element_outer{top:2px;}
.scrollbar_box > .scroll-element.scroll-y .scroll-element_size{top: -4px;}
.scrollbar_box > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left: -11px;}
.scrollbar_box > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top: -11px;}

.-btn,.-btn *{-webkit-box-sizing :border-box;-khtml-box-sizing :border-box;-moz-box-sizing :border-box;-ms-box-sizing :border-box;-o-box-sizing :border-box;box-sizing :border-box;}
.-btn{display:inline-block;margin:0;border-radius:0px;background: transparent;outline:0;vertical-align: middle;font-family: inherit;font-size:12px;padding:0 1em 0 .95em;height:30px;line-height:27px;text-decoration: none !important;white-space: nowrap;cursor: pointer;text-align:center;position: relative;}
.-btns > .-btn{margin:0 0 0 -4px;border-radius:0px;}
.-btns > .-btn:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px;}
.-btns > .-btn:last-of-type{border-bottom-right-radius:3px;border-top-right-radius:3px;}
.-btns:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.-btn.-bold{font-weight:bold;}
.-btn.-disabled{opacity:0.5;}
.-btn.-block{display:block;width:100%;text-align:center;}
.-btn.-inblock{display:inline-block !important;}
.-btn.-ss{font-size:11px;height:17px;line-height:14px;padding:0 2px 0 2px;top:-1px;}
.-btn.-xs{font-size:11px;height:22px;line-height:20px;padding:0 8px;}
.-btn.-sm{font-size:12px;height:28px;line-height:24px;padding:0 10px;}
.-btn.-md{font-size:13px;height:33px;line-height:31px;padding:0 14px;}
.-btn.-md i{font-size:14px;top:1px;}
.-btn.-lg{font-size:13px;height:41px;line-height:39px;padding:0 18px;}
.-btn.-xl{font-size:15px;height:50px;line-height:47px;padding:0 24px;}
.-btn i{position:relative;top:0;}
.-btn.-xs i.-left{padding:0 5px 0 0;}
.-btn.-sm i.-left{padding:0 8px 0 0;}
.-btn.-md i.-left{padding:0 10px 0 0;}
.-btn.-lg i.-left{padding:0 14px 0 0;}
.-btn.-xl i.-left{padding:0 18px 0 0;}
.-btn.-xs i.-right{padding:0 0 0 5px;}
.-btn.-sm i.-right{padding:0 0 0 8px;}
.-btn.-md i.-right{padding:0 0 0 10px;}
.-btn.-lg i.-right{padding:0 0 0 14px;}
.-btn.-xl i.-right{padding:0 0 0 18px;}
.-btn:focus,.-btn:hover{z-index:1;}
.-btn:active,.-btn.-active{}
.-btn,.-btn:link,.-btn:visited{color:#555;}
.-btn:focus,.-btn:hover{color:#333;}
.-btn:active,.-btn.-active{color:#999;}
.-btn.-line,.-btn.-line:link,.-btn.-line:visited{color:#666;border:1px solid #ccc;box-shadow:0 2px 2px rgba(0,0,0,0.04);}
.-btn.-line:focus,.-btn.-line:hover{color:#333;border:1px solid #999;}
.-btn.-line:active,.-btn.-line.-active{color:#999;background:#fafafa;box-shadow: none;border:1px solid #ccc;}
.-btn.-white,.-btn.-white:link,.-btn.-white:visited{color:#555;border:1px solid #ebebeb;border-bottom-color:#c6c6c6;box-shadow:0 2px 2px rgba(0,0,0,0.04);text-shadow:0 0 2px rgba(255,255,255,1);background:#fff;background: linear-gradient(to bottom,#ffffff 40%,#f6f6f6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0 );}
.-btn.-white:focus,.-btn.-white:hover{background:#fff;background: linear-gradient(to bottom,#fafafa 0%,#fff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa',endColorstr='#ffffff',GradientType=0 );}
.-btn.-white:active,.-btn.-white.-active{color:#9298a1;text-shadow:0 1px 0px #fff;border-color:#ebebeb;border-top-color:#ddd;background:#f4f4f4;box-shadow: inset 0 2px 2px rgba(0,0,0,0.04);}
.-btn.-lgrey,.-btn.-lgrey:link,.-btn.-lgrey:visited{color:#333;border:1px solid #d3d4d6;border-bottom-color:#ccced0;box-shadow:0 2px 2px rgba(0,0,0,0.04);text-shadow:0 0 2px rgba(0,0,0,0.2);background:#e6e7e9;background: linear-gradient(to bottom,#e6e7e9 40%,#e0e2e4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e9',endColorstr='#e0e2e4',GradientType=0 );}
.-btn.-lgrey:focus,.-btn.-lgrey:hover{border:1px solid #d4d5d8;background:#dcdee0;background: linear-gradient(to bottom,#dcdee0 0%,#d9dadc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdee0',endColorstr='#d9dadc',GradientType=0 );}
.-btn.-lgrey:active,.-btn.-lgrey.-active{color:#333;border:1px solid #d4d5d8;background:#dcdee0;box-shadow: inset 0 2px 2px rgba(0,0,0,0.07);}
.-btn.-grey,.-btn.-grey:link,.-btn.-grey:visited{color:#fff;border:1px solid #aab0b7;border-bottom-color:#a2a9b0;box-shadow:0 2px 2px rgba(0,0,0,0.04);text-shadow:0 0 2px rgba(0,0,0,0.2);background:#b0b6bd;background: linear-gradient(to bottom,#bbbfc5 40%,#b0b6bd 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbfc5',endColorstr='#b0b6bd',GradientType=0 );}
.-btn.-grey:focus,.-btn.-grey:hover{border:1px solid #9ea4ab;background:#a6acb3;background: linear-gradient(to bottom,#adb2b9 0%,#a6acb3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adb2b9',endColorstr='#a6acb3',GradientType=0 );}
.-btn.-grey:active,.-btn.-grey.-active{color:#bbb;border:1px solid #9ea4ab;background:#a6acb3;box-shadow: inset 0 2px 2px rgba(0,0,0,0.07);}
.-btn.-dgrey,.-btn.-dgrey:link,.-btn.-dgrey:visited{color:#fff;border:1px solid #53565c;border-bottom-color:#4a4e53;box-shadow:0 2px 2px rgba(0,0,0,0.04);text-shadow:0 0 2px rgba(0,0,0,0.2);background:#5c6066;background: linear-gradient(to bottom,#666b70 40%,#5c6066 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbfc5',endColorstr='#b0b6bd',GradientType=0 );}
.-btn.-dgrey:focus,.-btn.-dgrey:hover{border:1px solid #44474c;background:#4d5056;background: linear-gradient(to bottom,#565a5f 0%,#4d5056 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adb2b9',endColorstr='#a6acb3',GradientType=0 );}
.-btn.-dgrey:active,.-btn.-dgrey.-active{color:#bbb;border:1px solid #44474c;background:#4d5056;box-shadow: inset 0 2px 2px rgba(0,0,0,0.07);}
.-btn.-black,.-btn.-black:link,.-btn.-black:visited{color:#fff;border:1px solid #131719;border-bottom-color:#0c0f10;box-shadow:0 2px 2px rgba(0,0,0,0.04);text-shadow:0 0 2px rgba(0,0,0,0.2);background:#1e2427;background: linear-gradient(to bottom,#262c2f 100%,#1e2427 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26353e',endColorstr='#26353e',GradientType=0 );}
.-btn.-black:focus,.-btn.-black:hover{border:1px solid #272f32;background:#323b3f;background: linear-gradient(to bottom,#3c4549 0%,#323b3f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374954',endColorstr='#374954',GradientType=0 );}
.-btn.-black:active,.-btn.-black.-active{color:#ddd;border:1px solid #272f32;background:#323b3f;box-shadow: inset 0 2px 2px rgba(0,0,0,0.07);}
.-btn.-green,.-btn.-green:link,.-btn.-green:visited{color:#fff;border:1px solid #04af37;border-bottom-color:#0c9e37;box-shadow:0 2px 2px rgba(0,0,0,0.04);text-shadow:0 0 2px rgba(0,0,0,0.2);background:#01c73c;background: linear-gradient(to bottom,#01c73c 100%,#00b235 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01c73c',endColorstr='#26353e',GradientType=0 );}
.-btn.-green:focus,.-btn.-green:hover{border:1px solid #20a94a;background:#24c756;background: linear-gradient(to bottom,#24c756 0%,#23bd52 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c756',endColorstr='#23bd52',GradientType=0 );}
.-btn.-green:active,.-btn.-green.-active{color:#ddd;border:1px solid #20a94a;background:#24c756;box-shadow: inset 0 2px 2px rgba(0,0,0,0.07);}
.-btn.-yellow,.-btn.-yellow:link,.-btn.-yellow:visited{color:#333;border:1px solid #ddbd0c;border-bottom-color:#d3b50e;box-shadow:0 2px 2px rgba(0,0,0,0.04);text-shadow:0 0 2px rgba(0,0,0,0.2);background:#ffd800;background: linear-gradient(to bottom,#ffd800 100%,#f2ce06 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800',endColorstr='#f2ce06',GradientType=0 );}
.-btn.-yellow:focus,.-btn.-yellow:hover{border:1px solid #f3ce06;background:#f9d302;background: linear-gradient(to bottom,#f9d302 0%,#f4cf04 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d302',endColorstr='#f4cf04',GradientType=0 );}
.-btn.-yellow:active,.-btn.-yellow.-active{color:#555;border:1px solid #f3ce06;background:#f9d302;box-shadow: inset 0 2px 2px rgba(0,0,0,0.07);}



.main_banner_center{margin-top:40px;}

.main_banner_center_left{position:relative;float:left;width:840px;margin:0 0 40px;}
.main_banner_center_left img{width:100%;}
.main_banner_center_left p{margin:0 0 10px;}
.main_banner_center_left ul{margin:0 0 20px;font-size:0;line-height:0;letter-spacing:-4px;}
.main_banner_center_left ul li{display:block;float:left;width:260px;margin:0 0 20px;}
.main_banner_center_left ul li:first-child{width:560px;height:300px;margin:0 20px 0 0;}
.main_banner_center_left ul li iframe{width:100%;height:100%;}
.main_banner_center_left img{transition:all .5s ease;-webkit-transition:all .5s ease;}
.main_banner_center_left img:hover{filter:alpha(opacity=60);opacity:.6;-webkit-opacity:.6;}
@media all and (max-width:1285px){.main_banner_center_left{width:655px;}
.main_banner_center_left ul{margin:0 0 11px;}
.main_banner_center_left ul li{width:202px;margin:0 0 12px;}
.main_banner_center_left ul li:first-child{width:436px;height:232px;margin:0 17px 0 0;}}

.JS_slide_01{position:relative;float:right;width:400px;height:600px;margin:0 0 40px;overflow:hidden;}
.JS_slide_01 .img{position:relative;width:100%;height:100%;}
.JS_slide_01 .img li{position:absolute;width:100%;height:100%;left:100%;}
.JS_slide_01 .img li:first-child{z-index:1;left:0;}
.JS_slide_01 .img li img{width:100%;}
.JS_slide_01 .btn{position:absolute;z-index:3;width:100%;bottom:20px;text-align:center;letter-spacing:-4px;font-size:0;line-height:0;opacity:0;-webkit-opacity:0;transition:opacity .3s 8s ease;-webkit-transition:opacity .3s 8s ease;}
.JS_slide_01:hover .btn{opacity:1.0;-webkit-opacity:1.0;transition-delay:0s;-webkit-transition-delay:0s;}
.JS_slide_01 .btn li{position:relative;display:inline-block;*display:inline;*zoom:1;height:3px;margin:0 2px;padding:5px 0;cursor:pointer;}
.JS_slide_01 .btn li div{width:15px;height:2px;background:#ccc;font-size:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_slide_01 .btn li.on div{width:25px;background:#999;}
.JS_slide_01 .btn li span{position:absolute;left:0;display:block;width:0;height:2px;background:#111;text-indent:-9999px;}
.JS_slide_01 .DB_dir{position:absolute;z-index:10;width:100%;top:50%;margin-top:-25px;height:0;cursor:pointer;opacity:0;-webkit-opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_slide_01:hover .DB_dir{opacity:1;-webkit-opacity:1;}
.JS_slide_01 .arrow{position:absolute;width:50px;height:50px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_slide_01 .prev{left:-5px;background:url('img/arrowLW_35.gif') no-repeat 50% 50% rgba(0,0,0,.2);}
.JS_slide_01:hover .prev{left:0px;}
.JS_slide_01 .prev:hover{background:url('img/arrowLW_35.gif') no-repeat 50% 50% rgba(0,0,0,.4);}
.JS_slide_01 .next{right:-5px;background:url('img/arrowRW_35.gif') no-repeat 50% 50% rgba(0,0,0,.2);}
.JS_slide_01:hover .next{right:0px;}
.JS_slide_01:hover .next:hover{background:url('img/arrowRW_35.gif') no-repeat 50% 50% rgba(0,0,0,.4);}
@media all and (max-width:1285px){.JS_slide_01{width:310px;height:466px;}}
.JS_tabRolling{position:relative;width:1258px;height:500px;margin:20px auto 100px;}



/* 메인타이틀 */
.main-tit{position:relative;width:1260px;margin:0 auto 0px;}
@media all and (max-width:1285px){.main-tit{width:980px;}}
.main-tit h2{display:block;margin:0 auto 40px;text-align:center;font-size:23px;color:#111;text-align:center;}
.main-tit h2 span{display:block;margin:0 0 3px;text-align:center;font-size:20px;font-weight:normal;color:#111;;font-weight:700}
.main-tit h2 strong{color:#dd2537;}
.main-tit h2 img{max-width:100%;}
.main-tit h2 .titImg{font-size:0;}


/* 메인 공지*/


.main_notice{position:relative;margin:0 0 40px;overflow:hidden;}

.main_notice{-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
@media all and (max-width:1285px){.main_notice{}}
.main_notice .m_title{position:relative;border-bottom:0px solid  #eee;padding:0px 0 8px;margin:0 0 6px}
.main_notice .m_title span{font-size:15px;color:#555;font-weight:bold;}
.main_notice .xi{vertical-align:middle;font-size:14px;}
.main_notice .m_title > .morebtn{position:absolute;font-size:14px;right:0px;top:5px;z-index:1;margin:0px;}

.main_notice .m_title > .morebtn a{color:#999;;}
.main_notice .m_title > .morebtn:hover a{color:#555;}
.main_notice span{ color:#555 }

.main_notice > .m_info{border:1px solid #e1e1e1;border-top: 1px solid #e1e1e1;padding:10px 20px;}
.main_notice > ul{}
.main_notice > ul > li{width:100%;padding:0px 0;}
.main_notice > ul > li .subject{float:left;width:76%;text-align:left;white-space:nowrap;overflow:hidden;}
.main_notice > ul > li .date{float:right;width:20%;text-align:right;color:#999;}
.main_notice > ul > li a{display:block;color:#999;text-decoration:underline;}
.main_notice > ul > li:hover a{display:block;color:#555;}

/* 인트로*/
.JS_layerBnr_position{position:fixed;z-index:998;bottom:0;width:0;height:0;}
.JS_layerBnr{display:block;position:absolute;left:80px;bottom:20px;width:80px;height:80px;}
.JS_layerBnr .d_open{transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_layerBnr .d_open:hover{opacity:.6;}
.JS_layerBnr .d_open img{position:absolute;left:-80px;transition:all .2s 1s ease;-webkit-transition:all .2s 1s ease;}
.JS_layerBnr .d_open.on img{opacity:0;transform:scale(0,0);transition-delay:1s;}
.JS_layerBnr .d_winBanner{position:absolute;left:0;bottom:10px;width:500px;height:500px;box-shadow:0 3px 10px rgba(0,0,0,0.2);overflow:hidden;visibility:hidden;}
.JS_layerBnr .d_winBanner .d_close{position:absolute;z-index:10;top:0px;right:0;width:27px;height:27px;background:url('img/btn_x_w_11.gif') no-repeat center rgba(0,0,0,.8);cursor:pointer;opacity:0;-webkit-opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_layerBnr:hover .d_winBanner .d_close{opacity:1;-webkit-opacity:1;}
.JS_layerBnr .d_winBanner #d_checkBox{display:none;}
.JS_layerBnr_roll{position:relative;width:500px;height:500px;background:rgba(255,255,255,.95);overflow:hidden;}
.JS_layerBnr_roll .img{position:relative;height:100%;}
.JS_layerBnr_roll .img li{position:absolute;width:100%;height:100%;left:100%;}
.JS_layerBnr_roll .img li:first-child{z-index:1;left:0;}
.JS_layerBnr_roll .img li img{width:100%;}
.JS_layerBnr_roll .btn{position:absolute;z-index:3;bottom:0;width:100%;height:30px;background:rgba(0,0,0,.4);text-align:center;letter-spacing:-4px;font-size:0;}
.JS_layerBnr_roll .btn li{position:relative;bottom:0;display:inline-block;*display:inline;*zoom:1;line-height:30px;padding:0 20px;color:#ccc;font-size:12px;cursor:pointer;letter-spacing:0;transition:all .2s ease;-webkit-transition:all .2s ease;}
.JS_layerBnr_roll .btn li span{position:absolute;left:0;top:0;width:0;height:2px;background:rgba(255,255,255,.4);text-indent:-9999px;}
.JS_layerBnr_roll .btn li.on{z-index:1;background:rgba(0,0,0,.6);color:#fff;}
.JS_layerBnr_roll .DB_dir{position:absolute;z-index:10;width:100%;top:50%;margin-top:-25px;height:0;cursor:pointer;opacity:0;-webkit-opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_layerBnr:hover .DB_dir{opacity:1;-webkit-opacity:1;}
.JS_layerBnr_roll .arrow{position:absolute;width:50px;height:50px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.JS_layerBnr_roll .prev{left:-5px;background:url('img/arrowLW_35.gif') no-repeat 50% 50% rgba(0,0,0,.2);}
.JS_layerBnr:hover .prev{left:0px;}
.JS_layerBnr .prev:hover{background:url('img/arrowLW_35.gif') no-repeat 50% 50% rgba(0,0,0,.4);}
.JS_layerBnr_roll .next{right:-5px;background:url('img/arrowRW_35.gif') no-repeat 50% 50% rgba(0,0,0,.2);}
.JS_layerBnr:hover .next{right:0px;}
.JS_layerBnr:hover .next:hover{background:url('img/arrowRW_35.gif') no-repeat 50% 50% rgba(0,0,0,.4);}
/* */
body.sLightBox{}
#d_sLightBox_win{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;}
#d_sLightBox_win .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url('img/bg_opacity_b_70.png');}
#d_sLightBox_win .inner{display:none;position:absolute;z-index:1;left:0;top:45%;width:100%;height:0;}
#d_sLightBox_win .inner .cont{}
#d_sLightBox_win .inner .close{position:absolute;z-index:10;left:50%;bottom:-40px;width:50px;height:50px;margin-left:-25px;background:url('img/btn_x_w_27.gif') no-repeat center;cursor:pointer;transition:all .3s ease;-webkit-transition:all .3s ease;}
#d_sLightBox_win .inner .-cap:after{left:-67%;top:-20px;padding:0 5px;border:1px solid rgba(0,0,0,.95);border-radius:15px;background:rgba(0,0,0,.8);color:#fff;text-align:center;}
#d_sLightBox_win .inner .-cap:hover:after{top:-25px;opacity:1;visibility:visible;}
#d_sLightBox_win .inner .check{display:none;}



/* 상단 레이아웃 */
#hd {position:relative;margin:0 0 ;padding: 0;text-align:center}
#hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#hd_tnb{position:relative;background:#000;height: 50px;}
#hd_tnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_tnb li{position:relative}
#hd_tnb li a{font-size:12px;line-height:50px;color:#fff;display:block;}
#hd_tnb li a:hover{color:#aaa}
#hd_tnb .join-point,#hd_tnb .cart-num{z-index: 1;position: absolute;bottom:-13px;text-align: center;width:100%;left: 0;}
#hd_tnb .join-point span{white-space: nowrap;padding: 2px 7px 1px 7px;border-radius: 4px;font-size: 0.833em;line-height: 18px;;background: #333;color: #fff;text-align: center;display:inline-block;}
#hd_tnb li:hover .join-point span{background:#111}
#hd_tnb .cart-num span{white-space: nowrap;padding: 2px 7px 1px 7px;border-radius: 4px;font-size: 0.833em;line-height: 18px;;background: #917a84;color: #fff;text-align: center;display:inline-block;}

.hd_wr{margin:0 auto;1;position:relative}
#logo{padding:50px 0 }
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch {display:none;z-index:10;}


#hd_ct{border-right:1px solid #eee;width:50px;height:38px;background-size:15px;}
#hd_ct:hover{background-color:#f3f3f3}
#hd_tnb ul{text-align:right;float:right;margin-right:6px;}
#hd_tnb ul li{width:auto;padding:0 12px;display:inline-block;float:none}
#hd_sch {display:block;float:left}
#hd_sch_open{display:none;}
#hd_sch .pop_close{display:none;}
#hd_sch .sch_inner{position:relative;background-color:#f2f2f2;border-radius: 20px;}
#hd_sch .frm_input{background:none;border:0px solid #ff0000;height:36px;padding:0 15px;width:220px;color: #948c8c;}
#hd_sch .frm_input:focus{outline:0;background:#f3f3f3}
#hd_sch .btn_submit{background: none;width:40px;height:38px;position:absolute;top:0;right:0;color:#666}





/*카테고리*/
#category{display:none;position:fixed;top:0;left:0;width:260px;overflow-y:auto;height:100%; -webkit-backface-visibility: hidden;background:#fff;z-index:909;padding:15px 10px;text-align:left;
-webkit-box-shadow:0 3px 5px #ccc; 
-moz-box-shadow:0 3px 5px #ccc;
box-shadow:3px 0 8px rgba(0,0,0,0.3);}

.ct_login h2{font-size:1.5em;margin:0 0 10px;}
.ct_login p{line-height:1.4em;margin:0 0 10px;color:#737373}
.ct_login ul:after {display:block;visibility:hidden;clear:both;content:""}
.ct_login .ct-btn li{float:left;width:50%;}
.ct_login .ct-btn a{display:block;border:1px solid #ddd;text-align:center;line-height:37px;color:#3d3e3e}
.ct_login .ct-btn a:hover{background:#f3f3f3;}
.ct_login .ct-btn .btn_1{background:#3d3e3e;border-color:#3d3e3e;color:#fff}
.ct_login .ct-btn .btn_1:hover{background:#111}

.ct_login .ct-info{margin:20px 0;position:relative}
.ct_login .ct-info li{float:left;width:25%;text-align:center}
.ct_login .ct-info a{display:block;position:relative}
.ct_login .ct-info img{width:20px;height:20px}
.ct_login .ct-info strong{display:block;font-weight:normal;font-size:0.92em;padding:5px 0 0;color:#777}
.ct_login .ct-info li .num{display:block;position:absolute;top:-5px;left:36px;padding:0 5px;background:#888;color:#fff;border-radius:15px;line-height:15px}
.ct_login .ct-info button{border:0;background:none}

.ct_logout h2{font-size:1.16em}
.ct_logout dl{padding:5px 10px;background:#f3f3f3;margin:10px 0}
.ct_logout dl:after {display:block;visibility:hidden;clear:both;content:""}

#category ul.cate{background:#fff;;width:100%;text-align:left;text-indent:10px;padding:8px 0}
#category ul.cate>li{line-height:20px;font-size:1.083em;font-weight:bold}
#category ul.cate li{position:relative;}
#category ul.cate li a{display:block;padding:9px 0;text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;padding-right:30px;font-weight: 700;}
#category ul.cate li .ct_op{display:inline-block;text-indent:-999px;background:url(../mobile/shop/img/cate_op.gif) no-repeat 10px 50% ;height:35px; width:30px;position:absolute;top:0;right:0;border:none}
#category ul.cate li a:hover{color:#d63154;font-weight:bold}
#category ul.cate li .ct_cl{background-position:-12px 50%}
#category ul.sub_cate{display:none;font-size:12px}
#category ul.sub_cate1 li{text-indent:14px;background:#fafafa;font-weight:normal}
#category ul.sub_cate2 li{text-indent:25px;background:#f6f6f6;}
#category ul.sub_cate3 li{text-indent:40px;background:#f3f3f3;}
#category ul.sub_cate4 li{text-indent:55px;background:#efefef;}
#category .pop_close{position:absolute;top:5px;right:5px;width:30px;height:30px; background:url('../mobile/shop/img/icon-close-bl.png') no-repeat 50% 50%;;border:none;text-indent:-99999px;background-size:15px;opacity:0.5}
#category .pop_close:hover,#category .pop_close:focus{opacity:1}

#category .cate-com:before{width:15px;height:2px;content:'';background:#000;display:block;margin:0 10px 20px}
#category ul.cate-com li a{padding:6px 0;font-weight:normal}
#category ul.cate-com li{font-size:1em}


/* gnb */

#gnb{border-bottom:1px solid #d8d8d8;border-top:1px solid #eee;text-align:center}
#gnb ul{list-style: none}
#gnb li{display:inline-block}
#gnb li a{line-height:40px;font-size:1em;color:#000;padding:0;display:block;font-weight:600;transition:all .2s;letter-spacing:1px;vertical-align:top;font-size:13px;padding:10px 15px}
#gnb li a:hover{background:#f3f3f3}#gnb ul{border:0;vertical-align:top}
#gnb ul:after{display:block;visibility:hidden;clear:both;content:""}





/*오늘본상품*/
#today-view{display:none;position:absolute;top:50px;right:0;width:100%;background:#fff;border:1px solid #ddd;z-index:9999}
#today-view h3{line-height:30px;background:#f5f6f7;font-size:12px;}
#today-view h3 span{font-weight:normal}
#today-view img{width:100%;height:auto}
#today-view ul{padding:0 10px}
#today-view li{width:50%;padding:12px;}
#today-view li:nth-child(2n+1){clear:both}
#today-view li:after{display:block;visibility:hidden;clear:both;content:""}
#today-view .stv_name{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#stv_ul{border-top:1px solid #e6e6e6;text-align:left;}
.c2{display:none}
#up{position:absolute;top:0;left:0;width:50px;height:30px;border-right:1px solid #ddd;background:#f3f3f3}
#down{position:absolute;top:0;right:0;width:50px;height:30px;border-left:1px solid #ddd;background:#f3f3f3}
#up:hover,#down:hover{background:#f3f3f3}
.stv_pgwr i{color:#aaa}
.stv_no{color:#999;padding:50px 0 }
#today-view .btn_close{width:100%;background:#f5f6f7;padding:10px 0;border-top:1px solid #ddd;}
.stv_item {display:none;padding:0 9px;text-align:center;word-break:break-all}





.btn_buy_wr{display:none;}
#sit_ov.static .scroll_show{display:block !important;}
#sit_ov.scroll_no {display:block;}
#sit_ov.fixed{position:fixed;bottom:0;left:0;width:400px;max-width:100%;z-index: 999;margin:0;padding:0;max-height:100%;overflow-y:auto}
#sit_ov.fixed .btn_buy_wr{display:block;text-align:left;padding-left:20px}
#sit_ov.fixed .btn_buy_wr button{;padding:0 15px;padding-right:55px;background:#d63154;border:0;line-height:40px;color:#fff;font-size:1.083em;position:relative}
#sit_ov.fixed .btn_buy_wr button:hover{;background:#c01d3f;}
#sit_ov.fixed .btn_buy_wr button i{position:absolute;top:0;right:0;background:#c01d3f;width:40px;line-height:40px;}
#sit_ov.fixed .scroll_no{display:none}
#sit_ov.fixed .scroll_show{display:none;background:#fff;border:1px solid #c01d3f;border-bottom:0;padding:10px 5%;}


#top_btn2{position:fixed;right:20px;bottom:20px;border:0;background:0 0;opacity:.9;z-index:99}
#top_btn2:hover,#top_btn2:focus{opacity:1}
#top_btn2 img{width:45px}

/*상단 / 하단으로 이동 */
.quickmove{display:none;position:fixed;right:20px;bottom:70px;z-index:999;}
.quickmove > ul{}
.quickmove > ul > li{display:block;width:45px;height:36px;background:none);text-align:center;margin:0px 0 0 0;cursor:pointer;}
.quickmove > ul > li i{color:#666;font-size:32px;}


/* 하단 정보*/
.footer_wrap{position:relative;display:block;padding:80px 0 0px 0;line-height:22px;margin-top:50px;color:#888}
.footer_wrap a{color:#888}
.footer_wrap:after{content:"";display:block;clear:both;}
#footer{max-width:1380px;margin:0 auto;}
#footer:after {display:block;visibility:hidden;clear:both;content:""}
#footer h4{margin:0 0 6px;font-size:12px;font-weight:normal}
#footer .h4_line{width:12px;height:1px;margin:0 0 20px;border-bottom:1px solid #555;line-height:0px;font-size:0;}
#footer ._section{min-height:190px;margin:0 0 10px;}
#footer ._line{width:100%;height:0;line-height:0;margin:15px 0 25px;border-top:1px solid #e6e6e6;}
#footer .info{color:#aaa;}
#footer i{font-size:13px;vertical-align:-2px;}
#footer .footer_menu{display:block;margin:15px 0 30px;padding:0 0 13px 10px;border-bottom:1px solid #e6e6e6;}
#footer .footer_menu ul{font-size:0;line-height:0;letter-spacing:-4px;}
#footer .footer_menu li{display:inline-block;*display:inline;*zoom:1;height:20px;padding:0 15px;background:url("img/bar_b_10.png") 0 5px no-repeat;font-size:12px;line-height:19px;letter-spacing:0;}
#footer .footer_menu li.home{padding-left:0;background:none;}
#footer .footer_menu li a{color:#333;}
#footer .footer_menu li a:hover{color:#000;text-decoration:none;font-weight:700;}
#footer .oper_time{float:left;width:20%;margin:0 1% 0 0%;}
#footer .oper_time li{min-height:0;}
#footer .oper_time .phone{min-height:0;line-height:25px;margin:0 0 10px;font-family:'Oswald';font-size:23px;font-weight:700;letter-spacing:.02em;}
#footer .oper_time .phone img{position:relative;top:3px;}
#footer .oper_time strong{min-height:0;line-height:20px;padding-right:10px;color:#333;}
#footer .oper_time span{min-height:0;line-height:20px;}
@media all and (max-width:1285px){#footer .oper_time{width:25%;}
#footer .oper_time .phone{font-size:18px;}}
#footer .bank_info{float:left;width:20%;margin:0 1% 0 0;}
#footer .bank_info li{min-height:0;letter-spacing:0.1em;}
#footer .bank_info strong{display:block;float:left;width:65px;min-height:0;line-height:20px;font-weight:bold;}
#footer .bank_info span{min-height:0;line-height:20px;}
#footer .bank_info .bank_list{width:188px;margin:10px 0 0;padding:3px}

@media all and (max-width:1285px){#footer .bank_info{width:28%;}}

#footer .footer_delivery{float:left;width:47%;margin: 0 1% 0 0%;}
#footer .footer_delivery h4{margin:0 0 5px;}
#footer .footer_delivery ul.first{margin:0 0 25px;}
#footer .footer_delivery li{font-size:12px;padding-right:50px}
#footer .footer_delivery strong,#footer .footer_delivery span{margin:0 10px 0 0;}
#footer .footer_delivery .v_returnAdd1{word-break:keep-all;}
#footer .footer_delivery .v_returnAdd2{width:96%;}
@media all and (max-width:1285px){#footer .footer_delivery{width:38%;background:none;}}

#footer .footer_menu2{float:right;width:6%;margin: 0 0% 0 0%;}

#footer .footer_menu2 li a{display:block;margin:0 0 2px;padding:0px 0px 0px 0px;line-height:18px;transition:all .3s ease;-webkit-transition:all .3s ease;}
#footer .footer_menu2 li a:hover{color:#cacaca;text-decoration:none;}
@media all and (max-width:1285px){#footer .footer_menu2{display:block;float:none;width:100%;margin:0 0 0 1%;}
#footer .footer_menu2 li{display:inline-block;*display:inline;*zoom:1;}}#footer .footer_company{float:left;width:55%;margin:0 0 0 1%;font-size:12px;line-height:23px;}
#footer .footer_company strong{padding-right:8px;color:#aaa;font-weight:normal;}
#footer .footer_company span{padding-right:23px;color:#333;}
#footer .footer_company a:hover{text-decoration:none;color:#999;}
#footer .footer_escrow{float:right;width:30%;margin:0 1% 15px 0;text-align:right;line-height:22px;}
#footer .footer_escrow .v_escrow1{padding:3px 7px;border-radius:3px;-webkit-border-radius:3px;background:#888;color:#fff;}
#footer .footer_escrow .btn_11_ff{margin:5px 0 0;}
#footer .footer_ico{float:right;width:43%;margin:0 1% 10px 0;font-size:0;line-height:0;text-align:right;}
#footer .footer_ico li{display:inline-block;*display:inline;*zoom:1;margin:0 0 10px 10px;}
.footer_end{margin-top:38px;display:block;position:relative;height:45px;line-height:45px;text-align:center;color:#fff;letter-spacing:0.2em;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;color: #acacac;}
.footer_end_inner{max-width:1380px;margin:0 auto;}
.footer_end .copyright{text-align:right}
.footer_end .made a{float:right;color:#ddd;}
.footer_end .made a:hover{text-decoration:none;}

.besong_btn{padding:3px 6px;color:#555;border:1px solid #ebebeb;border-bottom-color:#c6c6c6;box-shadow:0 2px 2px rgba(0,0,0,0.04);text-shadow:0 0 2px rgba(255,255,255,1);background:#fff;background: linear-gradient(to bottom,#ffffff 40%,#f6f6f6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0 ); }
.besong_btn:hover{background:#fff;background: linear-gradient(to bottom,#fafafa 0%,#fff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa',endColorstr='#ffffff',GradientType=0 );}









#board_main_list {height:20px;overflow:hidden;float:left;width:225px;margin-top:15px;text-align:left;padding-left:20px}
#board_main_list a {color:#fff;width:100%;float:left;font-size:12px;height:20px;margin:0;padding:0;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}
#board_main_list a .fa {margin-right:5px}
#board_main_list a:hover {color:#ccc}
#board_main_list img {padding:0;margin-right:3px;vertical-align:middle;}






/* keepgrowLogin */
#keepgrowLogin{margin: 0 auto;max-width: 500px;padding:10px}
#keepgrowLogin #tabMenu{padding-bottom:25px;font-size:0;letter-spacing:0}
#keepgrowLogin #tabMenu li{display:inline-block;width:50%}
#keepgrowLogin #tabMenu li a{display:inline-block;width:100%;height:45px;line-height:45px;background:#fafafa;border:1px solid #efefef;border-radius:0 5px 5px 0;font-size:13px;text-align:center;color:#888}
#keepgrowLogin #tabMenu li:first-child a{border-radius:5px 0 0 5px}
#keepgrowLogin #tabMenu li.active{background:#fff}
#keepgrowLogin #tabMenu li.active a{position:relative;background:#fff;border:1px solid #aaa;color:#222}
#keepgrowLogin #formWrap .text{margin-bottom:15px;font-size:14px}
#keepgrowLogin #formWrap .inputBox{border:1px solid #e1e1e1;border-radius:5px;overflow:hidden}
#keepgrowLogin #formWrap .inputBox input{padding:0 15px;width:100%;height:50px;line-height:50px;border:none;font-size:14px;color:#000;box-sizing:border-box}
#keepgrowLogin #formWrap .inputBox input#member_id{border-bottom:1px solid #e1e1e1}
#keepgrowLogin #formWrap .inputBox input#order_id{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#keepgrowLogin #formWrap .loginCheckBox{margin:15px 0}
#keepgrowLogin #formWrap .loginCheckBox li{padding-right:24px;display:inline-block;vertical-align:middle}
#keepgrowLogin #formWrap .loginCheckBox li input[type=checkbox]{position:relative;top:-1px;margin:0 6px 0 0;width:20px!important;height:20px!important;background-color:#eee!important;border-radius:100%!important;-webkit-appearance:none!important}
#keepgrowLogin #formWrap .loginCheckBox li input[type=checkbox]:checked{background-color:#fee500!important;background-image:url()!important;background-size:10px!important;background-position:50%!important;background-repeat:no-repeat!important}
#keepgrowLogin #formWrap .loginCheckBox li label{margin:0;font-size:12px}
#keepgrowLogin #formWrap .loginBtn,#keepgrowLogin #formWrap .nomemberLoginBtn,#keepgrowLogin #memberLogin .redirectBtn{background:#31363d;font-size:15px;color:#fff}
#keepgrowLogin #formWrap .loginBtn{margin-top:0}
#keepgrowLogin #memberLogin .redirectBtn{margin-bottom:30px}
#keepgrowLogin #formWrap .nomemberBuyBtn{display:none;border:1px solid #e1e1e1;font-size:15px;color:#222}
#keepgrowLogin .btn{margin-top:10px;padding:0;display:inline-block;width:100%;height:45px;line-height:45px;border:1px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;font-weight:700;text-align:center;cursor:pointer}
#keepgrowLogin #formWrap .utilMenu{float:inherit;margin:24px 0 0;width:100%;font-size:0;border:none}
#keepgrowLogin #formWrap .utilMenu a{display:inline-block;margin-left:12px;padding-left:12px;border-left:1px solid #e1e1e1;font-size:12px;font-weight:lighter;color:#222}
#keepgrowLogin #formWrap .utilMenu a:first-child{margin-left:0;padding-left:0;border-left:none}
#keepgrowLogin #formWrap .utilMenu a.right{float:right;border-left:none}
#keepgrowLogin #memberJoin .joinBtn{margin-top:-10px;color:#222}




.xans-product-basketadd{z-index: 100; position: fixed; top: 50%; left: 50%; width: 306px; margin-left:-153px; margin-top:-100px; border-radius: 5px; background: #fff; -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);}
.xans-product-basketadd h2{padding: 0 14px; font-size: 13px; line-height: 36px; border-bottom: 1px solid #ccc; background: #f1f1f1; border-radius: 5px 5px 0 0;}
.xans-product-basketadd .content{padding: 14px 14px 14px; text-align: center; line-height: 1.5em;}
.xans-product-basketadd .btnArea{margin: 0; padding: 6px 14px 7px; border-top: 1px solid #ccc; border-radius: 0 0 5px 5px; background: #f1f1f1;}
btnArea.type2{padding: 0 3px;}
.btnArea{max-width: 320px; margin: 10px auto; text-align: center; font-size: 0; line-height: 0; letter-spacing: -4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top;}
.btnArea.type2 > a:nth-child(1), .btnArea.type2 > button:nth-child(1){left: -3px;}
.btnArea.type2 > a, .btnArea.type2 > button{width: 50%; height: 34px; margin: 0; font-size: 13px; line-height: 34px;}
.btnArea > a:first-child, .btnArea > button:first-child{margin-left: 0;}
.btnArea .btnSubmit{height: 36px; line-height: 36px; color: #fff; border: 1px solid #000000; background: #000000;}
.btnArea > a, .btnArea > span, .btnArea > button{position: relative; display: inline-block; letter-spacing: 0; text-align: center; cursor: pointer; font-family: Verdana,"맑은 고딕",Malgun Gothic,"돋움",Dotum; font-weight: bold; border-radius: 2px; -moz-box-sizing: border-box; box-sizing: border-box;}
.btnArea .btnEm{height: 36px; line-height: 32px; border: 1px solid #d5d5d5; background: #fff;}