@font-face  {
	font-family:'Pretendard Variable'; font-weight:45 920;font-style:normal; font-display:swap; 
	src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/variable/woff2/PretendardVariable.woff2') format('woff2-variations')
}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {list-style:none;}
html {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;}
body,code,button,input,label,select,td,textarea {zoom:1;font-family:'Pretendard Variable','Roboto','Verdana','Open Sans','Dotum','AppleGothic','돋움','Dotum','Helvetica','sans-serif','xeicon';font-size:1em;font-weight:450;color:#111;-webkit-overflow-scrolling: touch;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}
body {width:100%!important;min-width:320px!important ;background:#fff;}
body:focus {outline:none;}
a,a:focus,a:active,a:hover,button {text-decoration:none;outline:none;}
a:hover {text-decoration:none !important;}
select {appearance:none;-webkit-appearance:none;}
select::-ms-expand {display:none;}

#wrap {position:relative;width:100%;overflow-x:hidden;}
#container {position:relative;*zoom:1;}
#container:after {content:"";display:block;clear:both;}
#contents_main {position:relative;}
#contents {position:relative;min-height:700px;margin:40px 0 0;}

@media all and (max-width:575px) {
	body {overflow-x:hidden;font-size:.80rem;}
	#left {display:none !important;}
	.xans-myshop-couponlist .layer {font-size:0!important;}
}

@media all and (min-width:576px) and (max-width:960px) {
	body {overflow-x:hidden;}
	#left {display:none !important;}
}

@media all and (min-width:961px) {
	#left {position:relative;float:left;width:200px;margin:40px 0 0;}
	#contents.left {position:relative;float:right;width:calc(100% - 260px);}
}

#wrap.left {background:#f4f4f4;}
#wrap.left #left {background-color:#fff;padding:10px;border-radius:9px;border:1px solid #eee;}
#wrap.left #header,#wrap.left .footer_wrap {background-color:#fff;}
#wrap.left #contents {background-color:#fff;padding:15px;border-radius:9px;border:1px solid #eee;}
#header {display:block;position:relative;z-index:101;width:100%;transition:background-color .3s ease;}
#header:after {content:"";display:block;*zoom:1;clear:both;}
#header:hover {background-color:rgba(255,255,255,0.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}
#header.fixed {position:fixed;top:-0px;box-shadow:0 3px 4px rgba(0,0,0,0.15);background-color:rgba(255,255,255,0.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}


.section {display:block;position:relative;width:100%;margin:0 auto;word-wrap:break-word;}
.section {max-width:1260px;}
.section:after {content:"";display:block;clear:both;*zoom:1;}
@media all and (max-width:1270px) {
    .section  { width: calc(100% - 20px); }
	.section  #contents {margin:50px 0 0;width:calc(100% - 20px);}
}

/* clearfix */
.clearfix  { zoom:1;}
.clearfix:after  { clear:both;}
.clearfix:before, .clearfix:after  { content:""; display:table;}
 
.mColor, .-btn.mColor, btn span {background-color:#5a994c;color:#fff;}
.mColor i {color:#fff;}
.mColor:hover,btn span:hover {color:#fff;}

/* dis_web dis_mob */
.dis_web  { }
.dis_mob  { display:none;}
@media screen and (max-width:575px)  {
	.dis_web  { display:none;}
	.dis_mob  { display:block;}  
}

/* 각종효과 */
.fade-in,.fade-in img { -moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.fade-in:hover,.fade-in:hover img { -moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}

.scale-up 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-up:hover img {-khtml-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.display_block  { display:block!important; }
.display_none  { display:none!important; }


/* 헤더 */
#header.fixed .head_icons { top: 50%;}
.head_icons {    display: flex;   flex-flow: wrap row;   justify-content: flex-end;   position: absolute;   z-index: 30;   top: 20%;   right: 0px;   width: 400px;   height: 35px;   transform: translateY(-50%);}
.head_icons li {position:relative;}
.head_icons a {display:block;color:#777;white-space:nowrap;text-decoration:none;}
.head_icons a:hover {color:#111;text-decoration:none;}
.head_icons img {position:relative;top:-1px;height:15px;}
.head_icons > li {position:relative;align-self:flex-start;}
.head_icons > li > a {line-height:40px;padding:0 .5rem;font-size:14px;}
.head_icons > li.arrow > a {}
.head_icons > li.on > a,.head_icons > li.fix > a {color:#111;}
.head_icons > li > ul {display:none;position:absolute;z-index:10;top:37px;right:-15px;padding:7px 0;border:1px solid rgba(0,0,0,.1);border-radius:4px;background:#fff;}
.head_icons > li._multishop > ul {right:0px;}
.head_icons > li > ul > li.arrow {background:url('../img/arrow_menu.gif') no-repeat 95% 50%;}
.head_icons > li > ul > li:first-child > a {border-top:none;}
.head_icons > li > ul > li > a {line-height:2.3em;padding:0 20px;font-size:13px;color:#555;white-space:nowrap;transition:all .3s ease;}
.head_icons > li > ul > li > a:hover,.head_icons > li > ul > li.on > a {background-color:rgba(0,0,0,.03);}
@media all and (max-width:575px) {
	.head_icons {display:none;}
	.head_icons {justify-content:space-between;float:none;width:100%;}
	.head_icons > li {flex:0 0 33.33%;align-self:flex-start;position:relative;vertical-align:top;text-align:center;}
}
@media all and (min-width:576px) and (max-width:960px) {
	.head_icons > li > ul {display:none!important;}
}


/* 헤더 - 기본 */
.header_area {position:relative;z-index:99;}
.header_area .gnb_line {border-top:1px solid rgba(150,150,150,0.2);border-bottom:1px solid rgba(150,150,150,0.2);}
.header_area .gnb_line {background:none;color:#111;}
.header_area .gnb_line .nav  {color:#111;}
.header_area .gnb_line i  {color:#111;}
.header_area.fixed .gnb_line {background:rgba(250,250,250,0.8);}

/*  헤더 - 검색상자 */
#header.fixed .search_box { top: 50%; right:50%;}
.search_box {position:absolute;z-index:11;top:60%;right:00px;width:200px;height:33px;border:1px solid rgba(0,0,0,.08);border-radius:30px;background:rgba(0,0,0,.03);transition:background .3s,width .3s ease;transform:translateY(-50%);}
.search_box:hover {background:rgba(0,0,0,.15);}
.search_box.long {width:300px;background:rgba(0,0,0,.15);}
.search_box #keyword {position:relative;width:calc(100% - 30px);min-height:33px;height:33px;line-height:30px;border:0;background:none;font-size:90%;color:#111;text-indent:10px;text-decoration:none;transition:background .3s ease;}
.search_box input[type=button] {position:absolute;top:5px;right:8px;width:22px;height:22px;background:url('../img/btn_search.png') no-repeat;background-size:19px 19px;border:0;cursor:pointer;transition:opacity .3s ease;}
.search_box input[type=button]:hover {opacity:.6;}
.btn_search_box {display:none;position:fixed;bottom:20px;right:20px;width:35px;width:35px;}
.btn_search_box img {width:100%;}
.btn_search_box.on {right:5px;} 
@media all and (max-width:575px) {
	.search_box { display:none; }
	.search_box.on { display:block;top:50%; }
}

/*    헤더 - 검색상자 옆 아이콘 */
.head_icon  {display: flex; flex-flow: wrap row; justify-content: flex-end; position: absolute; z-index: 1;right: 15px; width: 150px; height: 35px;    top:50%; transform: translateY(-50%);}
.head_icon a  {line-height: 40px;padding: 0 .5rem; font-size:14px;} 
.head_icon a:hover  { opacity:0.6; }
.head_icon > li:nth-child(1)  {display: none;} 
.head_icon > li i  {   line-height: 35px;  font-size: 22px;color: #111;transition: all .3s ease;}
@media all and (max-width: 575px)  {
    .head_icon  {left:3%; width: calc(100% - 6%);}
	.head_icon li  {display: block;position: absolute;align-self: flex-start;float: none;margin: 0;}
	.head_icon li:nth-child(1)  {display: block;left: 0;}
	.head_icon li:nth-child(2)  {right: 10%;}
	.head_icon .-caption  {display: none;}
} 


/* 햄버거 버튼 토글 애니메이션 */
.hb_ico  {  position: relative;  float: left; z-index: 21;width:20px; height:20px; transform:translatey(70%); cursor:pointer;}
.hb_ico > div  {position:absolute; top:0; width:100%; height:2px; background-color:#000000;}
.hb_ico > div:nth-child(2)  {top:40%; transition:visibility 0s .15s;}
.hb_ico > div:nth-child(3)  {top:80%;}
.hb_ico > div:nth-child(1), .hb_ico > div:nth-child(3)  {transition:top .15s .15s, transform .15s;}
.hb_ico.active > div:nth-child(1)  {top:40%; transform:rotate(45deg); transition:top .15s, transform .15s .15s;}
.hb_ico.active > div:nth-child(2)  {visibility:hidden; transition:visibility 0s;}
.hb_ico.active > div:nth-child(3)  {top:40%; transform:rotate(-45deg); transition:top .15s, transform .15s .15s;}




/*  모든제품보기  */
#gnb_all_view {top:170px! important;}
#gnb_all_view {position:fixed;display:none;z-index:20;top:240px;left:0;width:100%;height:600px;padding:20px 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);background-color:#fff;box-shadow:0 3px 4px rgba(0,0,0,.2);cursor:default;text-align:left;text-indent:0;}
#header.fixed #gnb_all_view {top:102px!important;}
#gnb_all_view a {display:block;line-height:28px;font-size:90%;color:#777;text-transform:uppercase ;overflow:hidden;white-space:nowrap;transition:all .2s ease;}
#gnb_all_view a:hover {text-decoration:none;color:#111;}

#gnb_all_view .depth1_menu {position:relative;z-index:2;margin:0 0 30px;vertical-align:top;}
#gnb_all_view .depth1_menu .d1 {position:relative;display:inline-block;*display:inline;*zoom:1;width:210px;margin:0 10px 40px 0;vertical-align:top;}
#gnb_all_view .depth1_menu .d1 > a  {height:30px; text-indent:10px; background-color:#efefef; transition:all .2s ease; margin-bottom:10px; }
#gnb_all_view .depth1_menu .d1:hover > a {color:#111;}
#gnb_all_view .depth1_menu .d1.on > a {border-bottom:1px solid #555;color:#111;}
#gnb_all_view .depth1_menu .d1:hover > depth3_gnbmenu {opacity:1;}
#gnb_all_view .depth2_menu .d2 {position:relative;}
#gnb_all_view .depth2_menu .d2 > a  {padding:0 0 0 10px;;color:#111;}
#gnb_all_view .depth2_menu .d2 > a:hover  {background-color:rgba(0,0,0,.03);color:#111;}
#gnb_all_view .depth2_menu .d2.on > a  {background-color:rgba(0,0,0,.03);color:#111;}
#gnb_all_view .depth2_menu .img {display:none;}
#gnb_all_view .depth2_menu .d3 > a:hover {background-color:rgba(0,0,0,.03);color:#111;}
#gnb_all_view .depth3_menu  {padding:0 0 0 10px;}
#gnb_all_view .depth3_menu .d3.on > a {background-color:rgba(0,0,0,.03);color:#111;}
#gnb_all_view .depth3_menu .d3 {position:relative;}
#gnb_all_view .depth3_menu .d3 > a {min-width:120px;padding:0 10px;}

#gnb_all_view .categorySub {position:relative;vertical-align:top;margin:0 0 30px;}
#gnb_all_view .categorySub ul {position:relative;}
#gnb_all_view .categorySub li {display:block;position:relative;line-height:28px;text-indent:10px;vertical-align:top;font-size:100%;color:#777;transition:all .2s ease;}
#gnb_all_view .categorySub li:hover,#gnb_all_view .categorySub li.on {background-color:rgba(0,0,0,.03);color:#111;}
#gnb_all_view .categorySub li.arrow {background-image:url('../img/dotB_3.png');background-repeat:no-repeat;background-position:94% 50%;transition:all .2s ease;}
#gnb_all_view .categorySub li.on.arrow {background-image:url('../img/dotB_3.png');background-repeat:no-repeat;background-position:96% 50%;}
#gnb_all_view .categorySub a {position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;font-size:0;}
#gnb_all_view .categorySub > li {position:relative;display:inline-block;*display:inline;*zoom:1;width:190px;line-height:30px;margin:0 10px 30px 0;font-size:90%;text-indent:10px;}
#gnb_all_view .categorySub > li:hover {background:none;color:#111;}
#gnb_all_view .categorySub > li.on {background:none;color:#111;}
#gnb_all_view .categorySub > li > ul {padding:10px 0 0;border-top:1px solid rgba(0,0,0,.1);transition:all .2s ease;}
#gnb_all_view .categorySub > li:hover > ul {border-top:1px solid #555;}
#gnb_all_view .categorySub > li > ul > li {text-overflow:ellipsis;white-space:nowrap;}
#gnb_all_view .categorySub > li > ul > li > ul {display:none;position:absolute;left:190px;top:-11px;min-width:120px;padding:10px 0;background:#fff;border:1px solid #ddd;}
#gnb_all_view .categorySub > li > ul > li > ul > li > ul {display:none;position:absolute;left:140px;top:-11px;min-width:120px;padding:10px 0;background:#fff;border:1px solid #ddd;}
#gnb_view  {float: left;}



/* LNB */
#left_wrap {z-index:40;height:0;}
#left_section {position:absolute;z-index:30;left:0;width:220px;height:auto;margin:15px 0 15px;}
@media all and (max-width:960px) {
	#left_wrap {display:none!important;}
}
@media all and (max-width:1260px) {
	#left_wrap.-switch.st1 {margin:0;}
}
@media all and (max-width:1900px) {
	#left_wrap.-switch.st2 {margin:0;}
}
#left_section .nav li {position:relative;}
#left_section .nav li a {display:block;position:relative;transition:all .3s ease;}
#left_section .nav li a:hover {text-decoration:none;transition:all .3s ease;}
#left_section .nav > li > a color {color:#f21c35;}
.left_category {display:;position:absolute;z-index:1;width:100%;height:330px;padding:10px 0 0;border-radius:9px;background-color:;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden;transition:background .2s .5s,height .2s .5s ease;}
.left_category:hover {overflow:visible;}
.left_dummy {height:350px;}
/*  마우스 롤오버시 아래로 확장되는 CSS
.left_category:hover {height:600px;box-shadow:0 4px 5px rgb(0 0 0 / 15%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:height .2s ease;} */

#lnb_view {}
#lnb_view a {display:block;position:;line-height:1.8rem;font-size:90%;white-space:nowrap;transition:all .2s ease;}
#lnb_view a:hover,#lnb_view .on > a,#lnb_view .on > a.on {background-color:rgba(30,30,30,.05);text-decoration:none !important;}
#lnb_view * { box-sizing:border-box;}
#lnb_view .depth1_menu {position:relative;width:220px;}
#lnb_view .depth1_menu .d1 {display:block;position:relative;}
#lnb_view .depth1_menu .d1 > a {line-height:36px;font-size:15px;text-indent:20px;white-space:nowrap;overflow-x:hidden;}
#lnb_view .depth1_menu .d1 > a:hover,#lnb_view .depth1_menu .d1.on > a {}
#lnb_view .depth1_menu .d1.be {background:url('../img/dotG_3.png') no-repeat 95% 50%;}
#lnb_view .depth1_menu .d1.on.be {background:url('../img/dotG_3.png') no-repeat 97% 50%;transition:background .2s ease;}
#lnb_view .depth1_menu .d1:hover a.ko {color:rgb(17 17 17 / 0%);}
#lnb_view .depth2_menu {display:none;position:absolute;z-index:10;top:-10px;left:220px;max-height:520px;border:1px solid rgba(0,0,0,.1);background:#fff;white-space:nowrap;}
#lnb_view .depth2_menu > 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;}
#lnb_view .depth2_menu .d2  {position:relative;}
#lnb_view .depth2_menu .d2 > a {padding:0 20px 0 15px;color:#555;transition:all .2s ease;}
#lnb_view .depth2_menu .d2 > a:hover,#lnb_view .depth2_menu .d2.on > a {color:#111;}
#lnb_view .depth2_menu .d2.be {background:url('../img/dotB_3.png') no-repeat 95% 50%;}
#lnb_view .depth2_menu .d2.on.be {background:url('../img/dotB_3.png') no-repeat 97% 50%;transition:all .2s ease;}
#lnb_view .depth2_menu .img {display:inline-block;position:relative;margin:0 0 -10px 0;line-height:0;vertical-align:top;font-size:0;}
#lnb_view .depth2_menu .img a {display:inline-block;height:100%;margin:0;padding:0;border-left:1px solid #e5e5e5;background:none;vertical-align:top;}
#lnb_view .depth2_menu .img img {display:block;margin:0;padding:0;}
#lnb_view .depth2_menu .img a.map {position:absolute;background:rgba(5,255,252,.5);}
#lnb_view .depth2_menu.only .img a {margin:0 0 10px;border-left:0;}
#lnb_view .depth3_menu {display:none;position:absolute;left:100%;top:-11px;padding:0;background:#fff;border:1px solid rgba(0,0,0,.1);white-space:nowrap;}
#lnb_view .depth3_menu > 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;}
#lnb_view .depth3_menu .d3 {position:relative;}
#lnb_view .depth3_menu .d3 > a {min-width:140px;padding:0 10px;color:#555;transition:all .2s ease;}
#lnb_view .depth2_menu .d3 > a:hover,#lnb_view .depth3_menu .d3.on > a {color:#111;}
#lnb_view .depth3_menu .d3.be {background:url('../img/dotB_3.png') no-repeat 95% 50%;}
#lnb_view .depth3_menu .d3.on.be {background:url('../img/dotB_3.png') no-repeat 97% 50%;transition:background .2s ease;}
#left_section .nav.categorySub {position:relative;}
#left_section .nav.categorySub li {display:block;position:relative;line-height:1.8rem;white-space:nowrap;transition:all .2s ease;}
#left_section .nav.categorySub li:hover,#left_section .nav.categorySub li.on {background:rgba(0,0,0,.05);}
#left_section .nav.categorySub li.arrow {background-image:url('../img/dotG_3.png');background-repeat:no-repeat;background-position:94% 50%;}
#left_section .nav.categorySub li.on.arrow {background-image:url('../img/dotG_3.png');background-repeat:no-repeat;background-position:96% 50%;}
#left_section .nav.categorySub a {position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;width:100%;overflow:hidden;text-indent:999px;}
#left_section .nav.categorySub > li {width:220px;line-height:36px;font-size:15px;text-indent:20px;}
#left_section .nav.categorySub > li.on {background-color:rgba(0,0,0,.05);}
#left_section .nav.categorySub > li.arrow,#left_section .nav.categorySub > li.on.arrow { }
#left_section .nav.categorySub > li h {position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:opacity .2s ease;}
#left_section .nav.categorySub > li:hover h {opacity:1;}
#left_section .nav.categorySub > li.ko {transition:all .2s ease;}
#left_section .nav.categorySub > li.ko:hover {color:rgb(17 17 17 / 0%);}
#left_section .nav.categorySub li ul {display:none;position:absolute;z-index:10;top:-10px;left:220px;min-width:160px;padding:10px 0;border:1px solid rgba(0,0,0,.1);background:#fff;}
#left_section .nav.categorySub > li > ul {}
#left_section .nav.categorySub > li > ul > li {font-size:90%;color:#555;}
#left_section .nav.categorySub > li > ul > li:hover {color:#111;}
#left_section .nav.categorySub > li > ul > li > ul {top:-11px;left:100%;}
#left_section .nav.categorySub > li > ul > li > ul > li {font-size:100%;color:#555;}
#left_section .nav.categorySub > li > ul > li > ul > li:hover {color:#111;}
#left_section .nav.categorySub > li > ul > li > ul > li > ul {top:-11px;left:100%;}
#left_section .nav.categorySub > li > ul > li > ul > li > ul > li {font-size:100%;color:#555;}
#left_section .nav.categorySub > li > ul > li > ul > li > ul > li:hover {color:#111;}
#left_section .more {position:absolute;z-index:20;left:0;bottom:0;width:100%;height:22px;border-radius:0 0 9px 9px;text-align:center;opacity:1;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transition:all .2s ease;}
#left_section:hover .more {opacity:.6;}
#left_section .more i {line-height:22px;font-size:15px;}
#left_section .more .mColor {display:block;}
#left_wrap .oper_time {line-height:20px;margin:0;padding:15px 0 10px 15px;border-radius:9px;background-color:rgba(248,248,248,0.9);color:#111;transition:background-color .3s ease;}
#left_wrap .oper_time:hover {background-color:rgba(250,250,250,1);}
#left_wrap .oper_time h4.title {display:none;}
#left_wrap .oper_time .left {margin:0 0 10px;}
#left_wrap .oper_time li {min-height:0;font-size:.8rem;}
#left_wrap .oper_time .phone {min-height:0;line-height:25px;margin:0 0 5px;font-weight:600;font-size:20px;color:#111;letter-spacing:0;}
#left_wrap .oper_time strong {min-height:0;padding-right:10px;}
#left_wrap .oper_time span {min-height:0;}
#left_wrap .oper_time .right {display:none;}
#left_section .nav_bnr_02 {}
#left_section .nav_bnr_02 li {display:block;margin:0 0 10px;}
#left_section .nav_bnr_02 li a {}
@media all and (max-width:1199px) {
	#left_section {display:none;}
}
#left_wrap {display:block!important;}
@media all and (max-width:1260px) {
	#left_wrap.-switch.st1 {margin:0 0 0 10px;}
}
@media all and (max-width:1900px) {
	#left_wrap.-switch.st2 {margin:0 0 0 20px;}
}




/* 로그인 페이지 */
@media (min-width: 961px)  {
	#contents.left  {position: relative;float: none !important;max-width: 420px;width: 100% !important;margin: 0 auto !important;}
}
.cp930 .navBar  {display: block;height: 50px;line-height: 50px;margin: 0 auto 20px;font-size: 22px;}
.cp930 .navBar span:last-child  {float: right;}
.titleBox  {display: block;margin: 0 0 20px;font-size: 110%;}
.titleBox p  {margin: 5px 0 0;color: #999;font-size: 85%;}
.cp930 .kakao_login .-btn  {background-color: #fde500;height: 50px;line-height: 48px;border: 1px solid #f0da0a;border-radius: 5px;font-size: 15px;font-weight: 600;}
.cp930 .or_line  {display: block;margin: 40px 0;background: url(./img/hyphen_eee.png) repeat-x 50% 50%;text-align: center;color: #aaa;font-size: 15px;	}
.cp930 .member_tab  {position: relative;width: 100%;max-width: 450px;margin: 0 auto 10px;overflow: hidden;border-radius: 25px;background-color: #f6f6f6;}
.cp930 .member_tab ul  {display: flex;flex-flow: wrap row;justify-content: space-between;position: relative;z-index: 2;width: 100%;}
.cp930 .member_tab li  {flex: 0 0 50%;align-self: flex-start;align-self: center;position: relative;width: 100%;height: 45px;line-height: 45px;padding: 0 10px;background-color: #f6f6f6;text-align: center;color: #aaa;font-size: 95%;font-weight: 600;cursor: pointer;box-sizing: border-box;overflow: hidden;transition: background-color .3s, border .3s ease;}

.cp930 .member_tab li.on  {z-index: 1;border-radius: 25px;background-color: #333;}
.cp930 .member_tab li.on a  {color: #fff;}
.cp930 fieldset .id, .cp930 fieldset .password  {overflow: hidden;display: block;margin: 0 0 10px;}
.cp930 fieldset label input  {display: block;width: 100%;height: 45px;line-height: 42px;border-radius: 5px;border: 0;border: 1px solid #ddd;background-color: #ff!important;font-size: 15px !important;text-indent: 10px;letter-spacing: 0;overflow: hidden;}
.cp930 .option  {margin: 0 0 10px 10px;}
.cp930 .option > span  {display: inline-block !important;margin: 0 10px 5px 0;font-size: 95%;}
.cp930 fieldset .-btn  {height: 50px;line-height: 48px;border-radius: 5px;font-weight: 700;}
.cp930 .user-login fieldset .btn  {display: block;margin: 15px 0 0;text-align: center;}
.cp930 .user-login fieldset .btn li  {display: inline-block;padding: 0 5%;background: url(./img/bar_b_20.png) no-repeat 100% 50%;text-align: center;}
.cp930 .snsArea li a:hover  {font-weight: 900;text-decoration: none;}
.cp930 .snsArea li a  {display: block;position: relative;height: 50px;line-height: 50px;margin: 0 0 5px;border-radius: 5px;font-size: 15px;font-weight: 700;color: #fff;text-align: center;transition: all .3s ease;}
.cp930 .snsArea li .naver  {background-color: #44ba2f;}
.cp930 .snsArea li .facebook  {background-color: #177bf2;}
.cp930 .snsArea li .google  {border: 1px solid #bbb;background-color: #fff;color: #111;}
.cp930 .snsArea li i  {position: absolute;left: 5px;width: 50px;height: 50px;line-height: 50px;font-size: 20px;}


/* 가로 3개 배너 */
.cp012 {display:;position:relative;margin:0 auto 120px;}
.cp012 h2 {margin:0 0 30px;vertical-align:middle;}
.cp012 h2 span {font-weight:normal;font-size:75%;}
.cp012 > ul {display:flex;flex-flow:wrap row;justify-content:space-between;position:relative;width:100%;}
.cp012 > ul > li {flex:0 1 31.906%;align-self:flex-start;position:relative;padding:0 0 40px;border-radius:9px;border:1px solid #eee;}
.cp012 > ul > li a {display:block;margin:0 0 15px;overflow:hidden;font-size:0;}
.cp012 > ul > li img {width:100%;}
.cp012 > ul > li strong {display:block;position:relative;z-index:1;line-height:30px;margin:-70px 0 5px 30px;padding:30px 0 20px;font-size:170%;}
.cp012 > ul > li p {display:block;max-width:65%;line-height:130%;padding:0 0 0 30px;font-size:100%;color:#777;}
.cp012 > ul > li span {color:#ff0000;}
.cp012 > ul > li go {position:absolute;right:30px;bottom:40px;width:35px;height:35px;line-height:33px;background:#555;color:#fff;text-align:center;font-size:90%;}
@media all and (max-width:575px) {
	.cp012 > ul {font-size:70%;}
	.cp012 > ul > li {flex:0 1 100%;margin:0 0 25px;align-self:flex-start;}
}