@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap');
/* CSS Document */
body{ font-size:16px}
.box0{ width:1920px; max-width:96%; margin:0 auto}
.box1{width:1200px; max-width:96%; margin:0 auto}
.pc_hide{ display:none}

.PC768{display:block !important;}

/*.main .wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}
.main .box0{ width:1920px; max-width:96%; margin:0 auto}
.main .box1{ width:1920px; max-width:96%; margin:0 auto}*/

/* Chrome, Safari용 스크롤 바 */

::-webkit-scrollbar {width: 15px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: url('./images/bg.png') #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

/**/
.blink{animation-name: blinkAni; animation-duration:1.8s ;animation-iteration-count:infinite;}
@keyframes blinkAni{
25% {opacity:0}
75% {opacity:1}
}

.con_tit{text-align:center; text-transform:uppercase; font-size:2em; letter-spacing:4px; font-weight:bold; margin-bottom:2.25rem;}
.con_tit_2{text-align:center; font-size:2em; letter-spacing:4px; font-weight:bold; margin-bottom:2.25rem;}
.con_tit_2 .con_tit_line{display:inline-block; vertical-align:baseline; font-size:0.75em; margin-left:1.5rem; letter-spacing:0;}
.con_tit_2 .con_tit_line:after{content:''; display:block; width:100%; height:7px; background:#fdd6d3; margin-top:-9px;}
.con_tit_3{text-align:center; text-transform:uppercase; font-size:1.125em; letter-spacing:4px; font-weight:bold; margin-bottom:2.25rem;}
.con_sub_tit{text-align:center; text-transform:uppercase; font-size:.938em; margin-bottom:2.5rem; margin-top:-1.5em; color:#666;}

.color_box.skin{background:#e9deda;}
.color_box.black{background:#000;}
.color_box.apricot{}
.color_box.pink{background:#f6d1dc;}
.color_box.white{background:#fff;}
.color_box.gray{background:#c8c7c6;}

.remark.remark_new{color:#fe8e3d; border-color:#fe8e3d;}
.remark.remark_best{color:#dc1054; border-color:#dc1054;}
.remark.remark_sale{color:#7444df; border-color:#7444df;}
.remark.remark_sold{color:#333; border-color:#333;}
.remark.remark_md{color:#3f9ee0; border-color:#3f9ee0; text-transform:none !important;}

.txt_red{color:#dc1054; vertical-align:baseline;}

/*header*/
#header{ z-index:999; position:relative; left:0; top:0; right:0; background:#fff;}
#header.fix{ position:fixed;}
#header.fix .banner_top{ display:none;}
#header.fix .top_wrap{ display:none;}
#header.fix .gnb_wrap{/*border-top:none;*/}
#header.fix .header_Member_wrap .top_top .vm_wrap {height:35px;}

#header .banner_top{ position:relative; z-index:10}
#header .banner_top .in{ display:block; height:auto; text-align:center; opacity:1; transition:.3s}
#header .banner_top .btn{ position:absolute; left:100%; margin-left:.5em; width:5em; height:3em; text-align:center; bottom:0; color:#111; font-size:1.8em;}
#header .banner_top .btn .xi:before{ content:"\e921"}
#header .banner_top .btn .xi {font-size:1.3em;}
#header .banner_top .btn .tt{ font-size:.750em; display:block;}
#header .banner_top .btn .tt:before{ content:""}
#header .banner_top .btn .xi:hover {transition:.3s; color:#dc1054}

#header .banner_top.on .in{ height:0; opacity:0; overflow:hidden}
#header .banner_top.on .btn{ bottom:-2.5em; opacity:1; color:#fff; background:#343434; font-size:1em;}
#header .banner_top.on .btn .xi:before{ content:"\e945"}
#header .banner_top.on .btn .tt:before{ content:"?앹뾽?닿린"}

/**/
#header .header_Member_wrap {position:relative; z-index:8;}
#header .header_Member_wrap .top_top{ position:relative; z-index:999; background:#fff;}
#header .header_Member_wrap .top_top .vm_wrap{ height:50px;}
#header .header_Member_wrap .top_top .logo{ display:inline-block; *display:inline; zoom:1;}
#header .header_Member_wrap .top_top .menu_wrap{text-align:right;}
#header .header_Member_wrap .top_top .menu_wrap a{ display:block;}
#header .header_Member_wrap .top_top .menu_wrap li:hover a{ color:#e2426c; transition:.2s;}
#header .header_Member_wrap .top_top .menuL .xi,
#header .header_Member_wrap .top_top .menuL .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}

#header .header_Member_wrap .top_top .menu_mem > li{margin-left:1em;}
#header .header_Member_wrap .top_top .menu_mem > li > a{color:#555;}
#header .header_Member_wrap .top_top .menu_mem > li:first-child > a{ padding-left:0;}
#header .header_Member_wrap .top_top .menu_mem .xi {font-size:.938em; vertical-align:middle; padding-right:5px;}
#header .header_Member_wrap .top_top .menu_mem .tt{ font-size:.750em; vertical-align:middle;}
#header .header_Member_wrap .top_top .menu_mem .tt.t_st {color:#111; font-weight:bold;}
#header .header_Member_wrap .top_top .menu_mem .arrow{ font-size:.688em; padding-left:.3em;}
#header .header_Member_wrap .top_top .menu_mem .arrow:before{ content:"\e941";}

#header .header_Member_wrap .top_top .menu_mem > li.down_btn{ position:relative;}
#header .header_Member_wrap .top_top .menu_mem > li.down_btn .down_con .list{ position:absolute; top:70%; left:-10px; right:-10px; background:#fff; border:1px solid #393a3e; padding:5px 0; z-index:10;}
#header .header_Member_wrap .top_top .menu_mem > li.down_btn .down_con .list > li > a{ display:block; text-align:left; padding:5px 8px; font-size:.750em; color:#555;}
#header .header_Member_wrap .top_top .menu_mem > li.down_btn .down_con .list > li > a:hover{ background:#f9f9f9; color:#000;}
#header .header_Member_wrap .top_top .menu_mem > li.down_btn .down_con{ display:none;}
#header .header_Member_wrap .top_top .menu_mem > li.down_btn:hover .down_con{ display:block;}

/**/
.m_search_wrap {display:none !important; text-align:center;}

#header .top_wrap{ position:relative; z-index:7;}
#header .top_wrap .logo{float:left;}
#header .top_wrap .logo a{display:inline-block; text-align:left;}
#header .top_wrap .vm_wrap {height:100px;}

#header .top_wrap .menu_shopping{ display:inline-block; *display:inline; zoom:1; padding:.5em 0 .9em 0; margin-right:.5em;}
#header .top_wrap .menu_shopping > li{ margin-left:.8em;}
#header .top_wrap .menu_shopping > li > a{ position:relative;}
#header .top_wrap .menu_shopping .xi{ font-size:1.750em; color:#2b2b2b;}
#header .top_wrap .menu_shopping .num{ position:absolute; top:36%; left:60%; width:1.8em; line-height:1.8em; border-radius:50%; background:#e2426c; font-size:.750em; color:#fff; font-weight:700; letter-spacing:-1px; text-align:center;}

#header .top_wrap .in_con_wrap1 { position:absolute; top:0; left:20em; right:10em;}
#header .top_wrap .in_con_wrap1 .search_dv{display:inline-block; vertical-align:middle; width:45%;}
#header .top_wrap .in_con_wrap1 .input_dv{margin-right:8%;}
#header .top_wrap .in_con_wrap1 .input_dv label{position:relative; padding:1em 6em 1em 0; display:block; border-bottom:2px solid #000}
#header .top_wrap .in_con_wrap1 .input_dv label input{width:100%; border:0; display:block; font-size:0.813em;  font-family:'ng'; font-weight:700; color:#999;}
#header .top_wrap .in_con_wrap1 .input_dv label button{position:absolute; right:13px; top:.7em; color:#000; font-size:1.125em; background:0; border:0;}

#header .top_wrap .in_con_wrap1 .keyword_dv{position:relative; width:42%; display:inline-block; vertical-align:middle;}
#header .top_wrap .in_con_wrap1 .keyword_dv .slider_btn{position:absolute; right:-32px; bottom:0;}
#header .top_wrap .in_con_wrap1 .keyword_dv .slider_btn > li{border:1px solid #ccc; color:#999; width:25px; height:15px; font-size:10px; text-align:center; margin-top:1px; cursor:pointer;}
#header .top_wrap .in_con_wrap1 .keyword_dv .slider_btn > li:hover{color:#333; border-color:#333;}

#header .top_wrap .in_con_wrap1 .keyword_dv .down_con{ display:none; position:absolute; top:0; left:0; right:0; background:#fff; border:1px solid #393a3e; padding:20px; z-index:10;}
#header .top_wrap .in_con_wrap1 .keyword_dv .down_con .tit {text-align:left;  font-weight:700; margin-bottom:7px;}
#header .top_wrap .in_con_wrap1 .keyword_dv .down_con .tit .xi {padding-right:3px; font-size:1.063em; color:#ffcc33;}
#header .top_wrap .in_con_wrap1 .keyword_dv .down_con .tit .tt {font-size:1.063em;}
#header .top_wrap .in_con_wrap1 .keyword_dv .down_con .list{}
#header .top_wrap .in_con_wrap1 .keyword_dv .down_con .list > li > a{ display:block; text-align:left; font-size:.750em; color:#555; padding:7px 0;}
#header .top_wrap .in_con_wrap1 .keyword_dv .down_con .list > li > a .numm {display:inline-block; width:1.4em; color:#dc1054; font-weight:700; font-size:1.188em; vertical-align:middle;}
#header .top_wrap .in_con_wrap1 .keyword_dv .down_con .list > li > a .ttt {font-size:1.125em; color:#555; font-weight:700; max-width:89%; display:inline-block; vertical-align:middle; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
#header .top_wrap .in_con_wrap1 .keyword_dv .down_con .list > li > a:hover{ background:#f9f9f9; color:#000;  }
#header .top_wrap .in_con_wrap1 .keyword_dv:hover .down_con{ display:block;}

#header .top_wrap .in_con_wrap1 .keyword_dv .keyword_slider{font-size:.875em;}
#header .top_wrap .in_con_wrap1 .keyword_dv .keyword_slider .slides > li { position:relative;}

#header .top_wrap .in_con_wrap1 .keyword_dv .keyword_slider .slides > li .t_w {cursor:pointer;}
#header .top_wrap .in_con_wrap1 .keyword_dv .keyword_slider .slides > li .t_w .vm_tt{ width:100%;}
#header .top_wrap .in_con_wrap1 .keyword_dv .keyword_slider .slides > li .t_w .num {border-radius:100%; background:#000; width:23px; height:23px; line-height:23px; vertical-align:middle; text-align:center; color:#fff; font-size:1em; display:inline-block}
#header .top_wrap .in_con_wrap1 .keyword_dv .keyword_slider .slides > li .t_w .tt {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:.938em; color:#222;  font-weight:700; display:inline-block; width:66%; vertical-align:inherit; text-align:left}
#header .top_wrap .in_con_wrap1 .keyword_dv .keyword_slider .slides > li .t_w .more {margin-left:2em;}
#header .top_wrap .in_con_wrap1 .keyword_dv .keyword_slider .slides > li .t_w .more .t {color:#222; font-size:.875em; vertical-align:middle; font-weight:700}
#header .top_wrap .in_con_wrap1 .keyword_dv .keyword_slider .slides > li .t_w .more .xi {color:#222; font-size:.625em; vertical-align:middle;  font-weight:700}

#header .top_wrap .in_con_wrap3 { position:relative; float:right;}
#header .top_wrap .in_con_wrap3 .in_con{display:inline-block; vertical-align:middle;}
#header .top_wrap .in_con_wrap3 .cart_icon{position:relative; cursor:pointer;}
#header .top_wrap .in_con_wrap3 .cart_icon .xi{font-size:1.8em; color:#111; position:relative; z-index:3;}
#header .top_wrap .in_con_wrap3 .cart_icon .count{position:absolute; right:-16px; top:0; z-index:4; display:block; width:25px; height:17px; line-height:17px; color:#fff; text-align:center; border-radius:34px; background:#dc1054; font-size:.813em;}
#header .top_wrap .in_con_wrap3 .cart_icon .tit{font-size:0.75em; margin-left:-6px; display:block; font-family:'ng'; color:#666;}
#header .top_wrap .in_con_wrap3 .cart_icon:hover .xi {color:#fb7b72; transition:.3s;}

#header .top_wrap .in_con_wrap3 .my_icon{text-align:center; cursor:pointer; padding:0 1em;}
#header .top_wrap .in_con_wrap3 .my_icon .xi{font-size:1.8em; color:#111; }
#header .top_wrap .in_con_wrap3 .my_icon .tit{font-size:0.75em; display:block; color:#666; font-family:'ng';}
#header .top_wrap .in_con_wrap3 .my_icon.down_st { position:relative;}
#header .top_wrap .in_con_wrap3 .my_icon.down_st .down_con{display:none;}
#header .top_wrap .in_con_wrap3 .my_icon.down_st .down_con .list{ position:absolute; top:100%; left:-10px; right:-10px; background:#fff; border:1px solid #393a3e; padding:5px 0; z-index:10;}
#header .top_wrap .in_con_wrap3 .my_icon.down_st .down_con .list > li > a{ display:block; text-align:left; padding:5px 8px; font-size:.750em; color:#555;}
#header .top_wrap .in_con_wrap3 .my_icon.down_st .down_con .list > li > a:hover{ background:#f9f9f9; color:#000;}
#header .top_wrap .in_con_wrap3 .my_icon.down_st:hover .down_con{ display:block;}
#header .top_wrap .in_con_wrap3 .my_icon:hover .xi {color:#fb7b72; transition:.3s;}

#header .top_wrap .in_con_wrap3 .today_icon{display:inline-block; text-align:center; cursor:pointer;}
#header .top_wrap .in_con_wrap3 .today_icon .xi{font-size:1.8em; color:#111;}
#header .top_wrap .in_con_wrap3 .today_icon .tit{font-size:0.75em;  display:block; color:#666; font-family:'ng';}
#header .top_wrap .in_con_wrap3 .today_icon:hover .xi {color:#fb7b72; transition:.3s;}

#header .top_wrap .menu_etc{ margin-right:-.8em;}
#header .top_wrap .menu_etc > li > a{ position:relative; padding:0 .8em; font-size:.875em; color:#111; font-weight:700;}
#header .top_wrap .menu_etc > li > a:before{ content:""; position:absolute; left:0; top:15%; width:1px; height:70%; background:#e0dbd6;}
#header .top_wrap .menu_etc > li:first-child > a:before{ display:none;}

#header .gnb_wrap{ position:relative; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #666; text-align:left; z-index:4;}
#header .gnb_wrap .vm_wrap{ height: 50px;}
#header .all_btn{ position:absolute; top:0; left:0; width:26px; height:100%;}
#header .all_btn .ham{ position:relative; display:block; margin:0 auto; width:20px !important; left:-2px;}
#header .all_btn .ham,
#header .all_btn .ham:before,
#header .all_btn .ham:after { width:25px; height:2px; background:#000; transition:.2s;}
#header .all_btn .ham:before,
#header .all_btn .ham:after { content:""; position:absolute; left:0;}
#header .all_btn .ham:before{ top:-8px;}
#header .all_btn .ham:after { bottom:-8px;}
#header .all_btn:hover .ham{ left:0; width:25px !important;}

html.on #header .all_btn .ham{ background-color:transparent !important;}
html.on #header .all_btn .ham:before,
html.on #header .all_btn .ham:after { left:0 !important; top:0; bottom:auto; height:3px;}
html.on #header .all_btn .ham:before{ transform: rotate(-45deg);}
html.on #header .all_btn .ham:after { transform: rotate(45deg);}

#header .gnb_wrap .gnb{ display:inline-block; *display:inline; zoom:1;}
#header .gnb_wrap .gnb .dp2 > li{ display:inline-block; *display:inline; zoom:1; position:relative;}
#header .gnb_wrap .gnb .dp2 > li:first-child > a {color:#dc1054}
#header .gnb_wrap .gnb .dp2 > li > a{padding:0 1em; font-weight:700; color:#222; font-size:.938em; font-family:'ng'; transform:skew(-0.3deg);}
#header .gnb_wrap .gnb .dp2 > li .arrow:after{ content:"\e941"; font-family:xeicon; font-size:.813em; padding-left:.3em;}
#header .gnb_wrap .gnb .dp2 > li:hover > a,
#header .gnb_wrap .gnb .dp2 > li.on > a{ color:#aaa;}
#header .gnb_wrap .gnb .dp3{ position:absolute; top:80%; left:50%; width:160px; margin-left:-81px; padding:.6em 0; background:#fff; border:1px solid #ccc; display:none;}
#header .gnb_wrap .gnb .dp3 > li{ padding:0 .6em;}
#header .gnb_wrap .gnb .dp3 > li > a{ display:block; position:relative; padding:.6em .6em; border-top:1px solid #eee; font-size:.750em; color:#444;}
#header .gnb_wrap .gnb .dp3 > li:first-child > a{ border-top:none;}
#header .gnb_wrap .gnb .dp3 > li:hover > a{ background:#f9f9f9; color:#000}
#header .gnb_wrap .gnb > li:not(.m_product),
#header .gnb_wrap .gnb > li .dp1,
#header .gnb_wrap .gnb .dp2 .item{ display:none;}

#header .gnb_wrap .opt_menu{ position:absolute; top:0; right:0; height:100%;}
#header .gnb_wrap .opt_menu > li{ position:relative; margin-left:1.2em;}
#header .gnb_wrap .opt_menu > li:first-child{ margin-left:0;}
#header .gnb_wrap .opt_menu > li > a{ font-size:.938em; color:#222; font-weight:700; }
#header .gnb_wrap .opt_menu > li.event .xi {color:#fb7b72}
#header .gnb_wrap .opt_menu .xi,
#header .gnb_wrap .opt_menu .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#header .gnb_wrap .opt_menu .xi{ padding-right:.1em;}
#header .gnb_wrap .opt_menu .tt{ font-weight:700;}

.point_Pink {color:#dc1054;}
#header .gnb_wrap .gNb {}
#header .gnb_wrap .gNb > li {position:relative;}
#header .gnb_wrap .gNb > li .arrow:after{ content:"\e941"; font-family:xeicon; font-size:.813em; padding-left:.3em;}
#header .gnb_wrap .gNb > li .tt {display:block; padding:0 1em; font-weight:700; font-size:.938em; font-family:'ng'; transform:skew(-0.3deg)}
#header .gnb_wrap .gNb > li .down_w{ position:absolute; top:80%; left:50%; width:160px; margin-left:-81px; padding:.6em 0; background:#fff; border:1px solid #ccc; display:none;}
#header .gnb_wrap .gNb > li .down_w .list > li { padding:0 .6em;}
#header .gnb_wrap .gNb > li .down_w .list > li > a{ display:block; position:relative; padding:.6em .6em; border-top:1px solid #eee; font-size:.750em; color:#444;}
#header .gnb_wrap .gNb > li .down_w .list > li:first-child > a{ border-top:none;}
#header .gnb_wrap .gNb > li .down_w .list > li:hover > a{ background:#f9f9f9; color:#000}
#header .gnb_wrap .gNb > li.down_wT:hover .down_w {display:block !important}

#header .siteMap_wrap{ position:absolute; z-index:99; top:100%; left:0; width:100%; padding:1em 0 3em 0; background:#fff; border-bottom:1px solid #e0dbd6; box-shadow:0 3px 8px rgba(0,0,0,.15); display:none;}
#header .siteMap_wrap .gnb{ text-align:left;}
#header .siteMap_wrap .gnb .vm_wrap{ text-align:left;}
#header .siteMap_wrap .gnb > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; text-align:left; width:13%;}
#header .siteMap_wrap .gnb > li.m_product{ width:59%;}
#header .siteMap_wrap .gnb > li .dp1{ height:50px; font-size:.938em; color:#000; font-weight:700; text-transform:uppercase;}
#header .siteMap_wrap .gnb > li .dp2{ margin-top:.6em;}
#header .siteMap_wrap .gnb > li .dp2 > li > a{ padding:.3em 0; font-size:.813em; text-transform:uppercase;}
#header .siteMap_wrap .gnb > li.m_product .dp2 > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:30%; padding-bottom:2em;}
#header .siteMap_wrap .gnb > li.m_product .dp2 > li > a{ padding:1em 0 .8em 0; border-top:1px solid #111; font-weight:700;}
#header .siteMap_wrap .gnb > li.m_product .dp2 .item{padding-bottom:0; width:15%;}
#header .siteMap_wrap .gnb > li.m_product .dp2 .item > a{ margin-top:-1px; padding:.8em 1.5em; background:#F8F5F2; border:1px solid #e0dbd6; color:#e2426c;}
#header .siteMap_wrap .gnb > li.m_product .dp3 > li > a{ display:block; padding:.3em 0; font-size:.750em; color:#777;}
#header .siteMap_wrap .gnb > li .dp2 a:hover,
#header .siteMap_wrap .gnb > li .dp2 a:hover > span{ text-decoration:underline;}
#header .siteMap_wrap .gnb > li.m_mypage,
#header .siteMap_wrap .gnb > li.m_guide { display:none;}
html.on #header .siteMap_wrap{ display:block;}


#header .search_wrap{ position:absolute; top:0; right:100%; margin-right:1em; width:240px; height:100%;}
#header .search_wrap .inp{ position:absolute; top:0; height:100%; background:transparent; border:1px solid #e0dbd6; box-sizing:border-box;}
#header .search_wrap .inp_txt{ right:0; width:100%; padding:0 2.5em 0 1em; background:#fff; font-size:.813em;}
#header .search_wrap .inp_btn{ right:.5em; border-color:transparent; font-size:.875em;}
#header .menu_shopping.on #searchBtn .xi:before{ content:"\e921";}

#header .temp_top_btn{position:fixed; bottom:100px; right:100px; width:70px; height:70px; background:#a7adbb; color:#fff; cursor:pointer; transition:.3s; opacity:0; border-radius:50%;}
#header .temp_top_btn:hover{background:#8c919e; bottom:110px;}
#header .temp_top_btn .vm_wrap{height:100%;}
#header .temp_top_btn .vm_tt{margin-left:-3px;}
#header .temp_top_btn.on{opacity:1 !important;}
#header .temp_top_btn.off{opacity:0 !important;}
#header .temp_top_btn.tl{right:180px;}

/*footer*/
#footer{border-top:2px solid #333;}
#footer .notice{ background:#fff; border:1px solid #ddd; border-left:none; border-right:none;}
#footer .notice .inner{ position:relative; height:70px; line-height:70px; max-width:600px; margin:0 auto;}
#footer .notice .inner > dt{ position:absolute; top:0; left:0; font-size:.938em; font-weight:700;}
#footer .notice .inner > dd{ padding:0 60px 0 80px;}
#footer .notice .inner > dd .list .link{ position:relative;}
#footer .notice .inner > dd .list .link .tt{ display:block; padding-right:50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:.813em; color:#555;}
#footer .notice .inner > dd .list .link .date{ position:absolute; top:0; right:0; text-align:right; font-size:.750em; color:#999;}
#footer .notice .inner > dd .list .link a:hover{ text-decoration:underline;}
#footer .notice .inner .more{ position:absolute; top:0; right:0; font-size:.688em; color:#000; font-weight:700;}
.main #footer .notice{ display:none;}

#footer .footer_wrap{ background:#fff;}
#footer .footer_wrap .menu_wrap{ border-bottom:1px solid #e8e8e8;}
#footer .footer_wrap .menu_wrap .vm_wrap{ height:60px;}
#footer .footer_wrap .menu_wrap a{ color:#333;}
#footer .footer_wrap .menu_wrap .menu > li > a{ padding:0 1.3em; font-size:.813em; font-weight:400; font-family:'ng';}
#footer .footer_wrap .menu_wrap .menu > li > a.tt {font-weight:700}
#footer .footer_wrap .menu_wrap .menu > li:first-child > a{ padding-left:0;}
#footer .footer_wrap .menu_wrap .menu > li:last-child > a { padding-right:0;}

#footer .footer_wrap .menu_wrap .right{width:60px; background:#a7adbb; color:#fff; text-align:center; cursor:pointer; transition:0.3s;}
#footer .footer_wrap .menu_wrap .right p{font-size:12px; margin-top:2px;}
#footer .footer_wrap .menu_wrap .right .xi{font-size:18px;}
#footer .footer_wrap .menu_wrap .right:hover{background:#8c919e}

#footer .footer_wrap .t_info_wrap{ padding:2.5em 0; border-bottom:1px solid #e8e8e8}
#footer .footer_wrap .t_info_wrap .info_sec{width:50%; max-width:none;}
#footer .footer_wrap .t_info_wrap .info_sec.info{}
#footer .footer_wrap .t_info_wrap .inner{ color:#555; position:relative; margin-left:50px;}
#footer .footer_wrap .t_info_wrap .inner:before {position:absolute; content:""; width:1px; height:100px; background:#e8e8e8; left:-10%; top:0;}
#footer .footer_wrap .t_info_wrap .inner.st:before {opacity:0;}
#footer .footer_wrap .t_info_wrap .inner .tit{ margin-bottom:1.2em; font-size:.813em; font-weight:400; font-family:'Rb'; color:#555; text-transform:uppercase;}

#footer .footer_wrap .t_info_wrap .info .list{}
#footer .footer_wrap .t_info_wrap .info .list > li{ margin-right:1.5em; padding:.3em 0; font-size:.813em;}
#footer .footer_wrap .t_info_wrap .info .list .BR{ clear:both;}
#footer .footer_wrap .t_info_wrap .info .list .copy{ margin-top:1.5em; font-size:.750em; color:#aaa; text-transform:uppercase;}
#footer .footer_wrap .t_info_wrap .info .list a{ color:#777;}
#footer .footer_wrap .t_info_wrap .info .list a:hover{ text-decoration:underline;}

#footer .footer_wrap .t_info_wrap .info .list.icon_wrap {}
#footer .footer_wrap .t_info_wrap .info .list.icon_wrap > li {width:14%; margin-right:0; padding:0; text-align:center; margin-right:9px;}
#footer .footer_wrap .t_info_wrap .info .list.icon_wrap > li .tt {color:#77787b; font-size:.938em;}
#footer .footer_wrap .t_info_wrap .info .list.icon_wrap > li .line {background:#77787b; width:1px; height:10px; display:block; margin:5px auto 5px auto; text-align:center;}
#footer .footer_wrap .t_info_wrap .info .list.icon_wrap > li > a {display:inline-block; }
#footer .footer_wrap .t_info_wrap .info .list.icon_wrap > li > a .icon {width:40px; height:40px; line-height:40px; text-align:center; background:#e0e3e4; border-radius:100%; display:block;}
#footer .footer_wrap .t_info_wrap .info .list.icon_wrap > li > a .icon .xi {color:#111; font-size:1.438em;}
#footer .footer_wrap .t_info_wrap .info .list.icon_wrap > li:hover .icon {background:#ffcccc; transition:.3s;}

#footer .footer_wrap .t_info_wrap .cs .list > li{ padding:.2em 0; font-family:'ng'; line-height:1.3;}
#footer .footer_wrap .t_info_wrap .cs .list > li.col {color:#111;  font-weight:700}
#footer .footer_wrap .t_info_wrap .cs .list > li:first-child{ padding-top:0;}
#footer .footer_wrap .t_info_wrap .cs .list .tel { font-size:1.250em; font-weight:700; color:#333; font-family:'Rb';}
#footer .footer_wrap .t_info_wrap .cs .list .bank{ font-size:1.25em; font-weight:700; color:#333;}
#footer .footer_wrap .t_info_wrap .cs .list .t1{ font-size:.75em;}
#footer .footer_wrap .t_info_wrap .cs .list .btn {display:inline-block}
#footer .footer_wrap .t_info_wrap .cs .list .btn .in_btn {border:1px solid #e8e8e8; padding:.3em 1em; display:inline-block; margin-top:20px;}
#footer .footer_wrap .t_info_wrap .cs .list .btn .in_btn .tt {font-size:.750em; color:#77787b; vertical-align:middle;}
#footer .footer_wrap .t_info_wrap .cs .list .btn .in_btn .xi {font-size:1em; padding-left:3px; color:#77787b; display:inline-block; vertical-align:middle;}
#footer .footer_wrap .t_info_wrap .cs .list .btn:hover .in_btn {background:#ffcccc; border:1px solid #ffcccc; transition:.3s;}
#footer .footer_wrap .t_info_wrap .cs .list .btn:hover .in_btn .tt {color:#444;}
#footer .footer_wrap .t_info_wrap .cs .list .btn:hover .in_btn .xi {color:#444;}

#footer .footer_wrap .info_wrap{ padding:2.5em 0 3.5em 0;}
#footer .footer_wrap .info_wrap .info_sec{width:37%;}
#footer .footer_wrap .info_wrap .info_sec.info{width:63%;}
#footer .footer_wrap .info_wrap .inner{ color:#777;  position:relative;}
#footer .footer_wrap .info_wrap .inner:before {position:absolute; content:""; width:1px; height:100px; background:#e8e8e8; left:0; top:0;}
#footer .footer_wrap .info_wrap .inner.st:before {opacity:0;}
#footer .footer_wrap .info_wrap .inner .tit{ margin-bottom:1.2em; font-size:1.063em; font-weight:700; text-transform:uppercase;}
#footer .footer_wrap .info_wrap .inner .nice_logo{width:23%; padding-left:5%;}
#footer .footer_wrap .info_wrap .inner .nice_logo .in {}

#footer .footer_wrap .info_wrap .info .list{}
#footer .footer_wrap .info_wrap .info .list > li{ margin-right:1.5em; padding:.3em 0; font-size:.813em;}
#footer .footer_wrap .info_wrap .info .list .BR{ clear:both;}
#footer .footer_wrap .info_wrap .info .list .copy{ margin-top:1.5em; font-size:.750em; color:#aaa; text-transform:uppercase;}
#footer .footer_wrap .info_wrap .info .list a{ color:#777;}
#footer .footer_wrap .info_wrap .info .list a:hover{ text-decoration:underline;}

#footer .footer_wrap .info_wrap .cs .list {width:72%;}
#footer .footer_wrap .info_wrap .cs .list > li{ padding:.2em 0;}
#footer .footer_wrap .info_wrap .cs .list > li:first-child{ padding-top:0;}
#footer .footer_wrap .info_wrap .cs .list .tel { font-size:.813em; font-weight:700; color:#111;}
#footer .footer_wrap .info_wrap .cs .list .bank{ font-size:1.25em; font-weight:700; color:#333;}
#footer .footer_wrap .info_wrap .cs .list .t1{ font-size:.688em; color:#666; line-height:1.5; padding-top:10px;}

#footer .footer_wrap .info_wrap .cs .list .btn {}
#footer .footer_wrap .info_wrap .cs .list .btn .in_btn {border:1px solid #e8e8e8; padding:.3em 1em; display:inline-block; margin-top:20px;}
#footer .footer_wrap .info_wrap .cs .list .btn .in_btn .tt {font-size:.750em; color:#77787b; vertical-align:middle;}
#footer .footer_wrap .info_wrap .cs .list .btn .in_btn .xi {font-size:1em; padding-left:3px; color:#77787b; display:inline-block; vertical-align:middle;}
#footer .footer_wrap .info_wrap .cs .list .btn:hover .in_btn {background:#ffcccc; border:1px solid #ffcccc; transition:.3s;}
#footer .footer_wrap .info_wrap .cs .list .btn:hover .in_btn .tt {color:#444;}
#footer .footer_wrap .info_wrap .cs .list .btn:hover .in_btn .xi {color:#444;}


#footer .footer_wrap .bt_wrap{background:#515661}
#footer .footer_wrap .bt_wrap .left{font-size:0.813em; color:rgba(255,255,255,0.7);}
#footer .footer_wrap .bt_wrap .vm_wrap{height:50px;}
#footer .footer_wrap .bt_wrap .right .sns a{color:#fff;}
#footer .footer_wrap .bt_wrap .right .sns li{margin-left:1.75em;}

/**/
#contents .subCon_wrap{ position:relative;}
#contents .subCon_wrap .con_gnb{ padding:2em 0 2em 0; border-top:5px solid #eee; text-align:center; background:#f1f1f1; margin-bottom:2em;}
#contents .subCon_wrap .con_gnb .gnb > li{ display:none;}
#contents .subCon_wrap .con_gnb .gnb > li.on{ display:block;}
#contents .subCon_wrap .con_gnb .gnb a{ display:block; text-transform:uppercase;}
#contents .subCon_wrap .con_gnb .gnb .dp1{ display:inline-block; font-size:1.500em; color:#000; font-weight:700;}
#contents .subCon_wrap .con_gnb .gnb .dp2{ padding-top:1em;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; background:#fff;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > li > a{ min-width:5em; padding:.5em 1.2em; border:1px solid #e0dbd6; border-top-width:3px; font-size:.813em; color:#888;}
#contents .subCon_wrap .con_gnb .gnb .dp3{ padding:5px 0 10px 0;}
#contents .subCon_wrap .con_gnb .gnb .dp3 > li > a{ padding:5px 0; font-size:.750em; color:#666;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > li:hover > a,
#contents .subCon_wrap .con_gnb .gnb .dp2 > li.on > a{ color:#000;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > li.on > a{ border-color:#333; font-weight:700;}

#contents{ position:relative;}
#contents .doc{padding-bottom:12em;}
#contents .doc_main{}

/*quick*/
#quick{ position:fixed; right:-15.625em; top:0; z-index:1001; width:10em; height:100%; background:#fff; transition:.3s}
#quick:after{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#eee}
#quick .quickBtn{ position:absolute; width:5em; height:5em; right:18em; top:50%; margin-top:-2em; background:#333; text-align:center; color:#fff; border:1px solid transparent; border-right:none; transition:.3s; z-index:1; border-radius:100%}
#quick .quickBtn .tt {display:block; font-size:.813em; font-weight:700; padding-bottom:6px;}
#quick .quickBtn .xi:before{content:"\ea3e"}
#quick .quickBtn:hover {background:#ffcccc; transition:.3s;}
#quick .quickBtn:hover .tt {color:#999;}
#quick .quickBtn:hover .xi {color:#999;}
.on#quick{ right:0}
.on#quick .quickBtn{ width:3em; line-height:4em; margin-left:0; background:#fff; color:#333; border-radius:0; border-color:#eee; right:10em;}
.on#quick .quickBtn .tt {display:none;}
.on#quick .quickBtn .xi:before{content:"\e93e"}

#quick .quick_IN {}
#quick .quick_IN .box{ padding:0 .75em;}
#quick .quick_IN .bookmark{ display:block; padding:.25em; border-radius:2em; border:1px solid #ddd; text-align:center; color:#666; transition:.2s; margin:1.5em 0;}
#quick .quick_IN .bookmark .xi{ font-size:1em; padding-right:.1em;}
#quick .quick_IN .bookmark .tt{ font-size:.688em; text-transform:uppercase;}
#quick .quick_IN .bookmark:hover{ background:#3db4b3; border-color:#3db4b3; color:#fff;}
#quick .quick_top {padding:0 .75em; margin-top:1em;}
#quick .quick_top .con {}
#quick .quick_top .con .list {margin-left:-5px;}
#quick .quick_top .con .list > li{}
#quick .quick_top .con .list > li > a{ display:block; font-size:.813em; border:1px solid #ddd; border-radius:.5em; color:#aaa; text-align:center; transition:.3s; margin-left:5px; margin-bottom:5px; padding:.5em 0; background:#f7f7f7}
#quick .quick_top .con .list > li > a .tt {display:block; color:#777; font-size:.875em;}
#quick .quick_top .con .list > li > a .xi{ font-size:1.75em; padding-bottom:5px;}
#quick .quick_top .con .list > li > a:hover{}
#quick .quick_top .con .list > li > a:hover .xi {color:#ffcccc; transition:.3s;}
#quick .quick_top .con .list > li > a:hover .tt {color:#ffcccc; transition:.3s;}

#quick .quick_mid { padding:1em .75em;}
#quick .quick_mid .tw {text-align:center;}
#quick .quick_mid .tw .line {width:20px; height:1px; background:#000; text-align:center; margin:0 auto; display:block;}
#quick .quick_mid .tw .tt {font-size:.875em; font-weight:700; color:#111; padding-top:15px;}

#quick .quick_mid .quick_prod_wrap {padding-top:30px; position:relative;}
#quick .quick_mid .quick_prod_wrap .Prod_List {margin-left:-10px;}
#quick .quick_mid .quick_prod_wrap .Prod_List .pro {}
#quick .quick_mid .quick_prod_wrap .Prod_List .pro .in {display:block; margin-left:10px;}
#quick .quick_mid .quick_prod_wrap .Prod_List .pro .in .img_wrap {border:1px solid #ddd; background:#fff; overflow:hidden; position:relative;}
#quick .quick_mid .quick_prod_wrap .Prod_List .pro .in .img_wrap .resize {padding-bottom:133.33% !important;}
#quick .quick_mid .quick_prod_wrap .Prod_List .pro .in .img_wrap img { width:100%;}
#quick .quick_mid .quick_prod_wrap .Prod_List .pro:hover .in .img_wrap {transition:.3s; border:1px solid #4391e3;}
#quick .quick_mid .quick_prod_wrap .Prod_List .pro:hover .in .img_wrap img {transition:.6s; transform:scale(1.1,1.1);}

#quick .quick_mid .quick_prod_wrap .quick_arrow_wrap{ position:absolute; top:0; right:0; left:0; width:100%;}
#quick .quick_mid .quick_prod_wrap .quick_arrow_wrap > li{ position:absolute; top:-1.4em; text-align:center; cursor:pointer;}
#quick .quick_mid .quick_prod_wrap .quick_arrow_wrap > li.prev{ left:0;}
#quick .quick_mid .quick_prod_wrap .quick_arrow_wrap > li.next{ right:0;}
#quick .quick_mid .quick_prod_wrap .quick_arrow_wrap > li .xi{ font-size:1.5em; transition:.2s; color:#000;}
#quick .quick_mid .quick_prod_wrap .quick_arrow_wrap > li:hover .xi{ }

#quick .quick_IN .cs{ background:#f8f8f8; border:1px solid #ddd; border-left:none; border-right:none; padding:1em 0}
#quick .quick_IN .cs .cs_tit{ font-size:.75em; color:#dc1054; font-weight:700; margin-bottom:1em}
#quick .quick_IN .cs .info{ margin-bottom:.75em}
#quick .quick_IN .cs .info .tit{ font-size:.688em; color:#777; margin-bottom:.25em}
#quick .quick_IN .cs .info .t1{ color:#000; font-size:1em; font-weight:700}
#quick .quick_IN .cs .info .t2{ font-size:.75em; line-height:1.4;}

#quick .quick_bot {}
#quick .quick_bot .tw {text-align:center; margin-bottom:15px;}
#quick .quick_bot .tw .line {width:20px; height:1px; background:#000; text-align:center; margin:0 auto; display:block;}
#quick .quick_bot .tw .tt {font-size:.875em; font-weight:700; color:#111; padding-top:15px;}

#quickM {display:none !important;}

/*MAIN*/
.mainVisual_wrap,
.mainVisual,
.mainVisual .item{ position:relative;}
.mainVisual .slick-track{ height:580px;}
.mainVisual .item{ overflow:hidden;}
.mainVisual .item .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:50% top; background-repeat:no-repeat; background-size:cover;}

.mainVisual_wrap .mainVisual .slogan_wrap {position:absolute; width:100%; top:13%; left:6%; }
.mainVisual_wrap .mainVisual .slogan_wrap .logo {}
.mainVisual_wrap .mainVisual .slogan_wrap .t1 {color:#222427; font-size:1.5em; font-family:'NotoSans'; font-weight:500; vertical-align:middle;}
.mainVisual_wrap .mainVisual .slogan_wrap .t1 .price {border-radius:50px; border:2px solid #222427; color:#222427; font-size:.813em; font-family:'Rb'; font-weight:700; padding:.2em .7em; margin-left:18px; vertical-align:middle; display:inline-block;}
.mainVisual_wrap .mainVisual .slogan_wrap .t2 {color:#222427; font-size:3.750em; padding:15px 0 35px 0; font-family:'NotoSans'; font-weight:700;}
.mainVisual_wrap .mainVisual .slogan_wrap .t3 {margin-bottom:10px;}
.mainVisual_wrap .mainVisual .slogan_wrap .t3 > span {color:#fff; font-size:1.375em; background:#ea574d; font-family:'NotoSans'; font-weight:400; }

.mainVisual_wrap .arrow_wrap.main_banner{ position:absolute; top:50%; left:0; right:0;}
.mainVisual_wrap .arrow_wrap.main_banner > li{ position:absolute; top:0; margin-top:-.7em;}
.mainVisual_wrap .arrow_wrap.main_banner > li .xi{text-align:center; color:#fff; cursor:pointer; font-size:.875em; display:block !important;}
.mainVisual_wrap .arrow_wrap.main_banner .prev{ left:.6em;}
.mainVisual_wrap .arrow_wrap.main_banner .next{ right:.6em;}
.mainVisual_wrap .arrow_wrap.main_banner > li:hover .xi{ transition:.3s;}

.mainVisual_wrap .arrow_wrap.main_banner .pagingInfo{ position:absolute; top:0; left:50%; transform:translateX(-50%);}
.mainVisual_wrap .arrow_wrap.main_banner .pagingInfo > i{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1em; color:#fff; font-weight:700;}
.mainVisual_wrap .arrow_wrap.main_banner .pagingInfo .t2{ padding-top:.2em;}
.mainVisual_wrap .arrow_wrap.main_banner .pagingInfo .t3{ padding-top:.4em;}

.mainVisual_wrap .control_box_wrap{ position:absolute; left:0; bottom:2.5em; width:100%; text-align:center;}
.mainVisual_wrap .control_box{position:relative; display:inline-block; vertical-align:middle; box-sizing:border-box; height:2.5em; padding:0 4.5em; background:rgba(0,0,0,.6); border-radius:6em;}
.mainVisual_wrap .control_pauseplay{ position:relative; z-index:100; display:inline-block; vertical-align:middle;}
.mainVisual_wrap .control_pauseplay a{ display:block; width:35px; line-height:35px; margin-right:-1px; color:#fff; text-align:center; filter:alpha(opacity=70); border-radius:100%; background:rgba(0,0,0,.6);}
.mainVisual_wrap .control_pauseplay a:before{ font-family:xeicon!important; font-size:1.063em}
.mainVisual_wrap .control_box a{-webkit-transition:.3s; transition:.3s}
.mainVisual_wrap .control_pauseplay .pause a:before{ content:"\ea3b";}
.mainVisual_wrap .control_pauseplay .play a:before{ content:"\ea3e";}
.mainVisual_wrap .control_box a:hover{ filter:alpha(opacity=100); opacity:1}
.mainVisual_wrap .control_pauseplay{ margin-left:1em}
.mainVisual_wrap .control_pauseplay .hide{ display:none;}

/*.mainVisual_wrap .control{ position:absolute; left:0; bottom:2.5em; width:100%; text-align:center;}
.mainVisual_wrap .control .in{ position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; height:2.5em; line-height:2.5em; padding:0 3em; background:rgba(0,0,0,.6); border-radius:6em;}
.mainVisual_wrap .control .in .xi{ color:#fff;}
.mainVisual_wrap .control .in button{ display:block; border:none; background:transparent; height:100%;}
.mainVisual_wrap .control .in .num{ color:rgba(255,255,255,.5); font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.mainVisual_wrap .control .in .num .t1{ color:#fff;}
.mainVisual_wrap .control .in .pos{ position:absolute; top:0;}
.mainVisual_wrap .control .in .prev{ left:.8em;}
.mainVisual_wrap .control .in .next{ right:.8em;}
.mainVisual_wrap .control .in2{ width:2.5em; padding:0;}
.mainVisual_wrap .control .in .pause{ width:100%;}
*/
.mainVisual_wrap .slick-dots{ position:absolute; bottom:30px; right:46%;}
.mainVisual_wrap .slick-dots > ul{ text-align:right; font-size:0;}
.mainVisual_wrap .slick-dots > ul > li{ display:inline-block; margin:0 5px;}
.mainVisual_wrap .slick-dots > ul > li button{ position:relative; width:50px; height:8px; border:1px solid #fff; background:transparent;}
.mainVisual_wrap .slick-dots > ul > li button:after{ content:""; position:absolute; z-index:3; bottom:0; left:0; width:0; height:100%; background:#fff;}
.mainVisual_wrap .slick-dots > ul > li.slick-active button:after{ z-index:2; width:100%; transition:4s;}

/************************************************************************************************************************************************/
.Main_big_tit {text-align:center; color:#222; font-size:1.875em; font-weight:700; font-family:'Rb'; letter-spacing:.2em; padding:80px 0 30px 0;}
.Main_big_tit.Main_con4_st {padding:0 0 30px 0;}

.Main_con1_Wrap {width:1920px; max-width:96%; margin:0 auto;}
.Main_con1_Wrap .Main_con1 {}
.Main_con1_Wrap .Main_con1 .list {margin-left:-20px; margin-top:50px;}
.Main_con1_Wrap .Main_con1 .list .in_w {width:20%;}
.Main_con1_Wrap .Main_con1 .list .in_w .in {margin-left:20px;}

.Main_con2_Wrap {margin-bottom:140px;}
.Main_pro_wrap .Main_pro_list {}
.Main_pro_wrap .Main_pro_list {margin:0 -20px -40px 0}
.Main_pro_wrap .Main_pro_list > li {}
.Main_pro_wrap .Main_pro_list > li .in {margin:0 20px 40px 0;}
.Main_pro_wrap .Main_pro_list > li .in .img_wrap {position:relative; overflow:hidden;}
.Main_pro_wrap .Main_pro_list > li .in .img_wrap:after {content:''; display:block; position:absolute; right:-45px; bottom:-45px; background:#fb7b72; z-index:10; width:90px; height:90px; transform:rotate(45deg);}
.Main_pro_wrap .Main_pro_list > li .in .img_wrap.suB_list:after {opacity:0;}
.Main_pro_wrap .Main_pro_list > li .in .img_wrap .pro_best_num {position:absolute; z-index:24; font-size:1.375em; color:#fff; right:10px; bottom:6px;}

.Main_pro_wrap .Main_pro_list > li .in{ background:#fff; }
.Main_pro_wrap .Main_pro_list > li .in .img_wrap{ position:relative; padding-bottom:133.33% !important;}
.Main_pro_wrap .Main_pro_list > li .in .img_wrap .img{ overflow:hidden;}
.Main_pro_wrap .Main_pro_list > li .in .img_wrap .img img{ transition:.3s; width:100%; height:100%;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap{ padding:20px 0 0 6px;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .con_Wrap_iN {}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_tit{font-size:1em; color:#222; font-family:'ng'; font-weight:700; /*padding-bottom:15px;*/ letter-spacing:-.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_review_num {font-size:.688em; padding:1em 0 1.3em 0; color:#666}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_txt{font-size:.813em; color:#77787b; font-family:'ng'; font-weight:400; margin-bottom:8px;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_price{/*padding-top:15px;*/}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_price .t1{ vertical-align:baseline; font-size:1.063em; color:#000; font-weight:700;  font-family:'Rb';}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_price .t2{ vertical-align:middle; color:#999; font-size:.875em;  margin-right:.5rem; margin-left:.5rem; text-decoration:line-through;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_price .t3{color:#dc1054}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_price .time {font-size:.688em; vertical-align:middle; color:#666; display:inline-block; padding-left:6px;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_price .price > *{ display:inline-block; vertical-align:middle;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_price .price strong{ font-size:.938em; font-weight:700;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_price .price span{ font-size:.813em;}
.Main_pro_wrap .Main_pro_list > li .in .icon_on{ position:absolute; left:0; bottom:-5%; opacity:0; transition:.3s;}
.Main_pro_wrap .Main_pro_list > li .in .icon_on > li{ margin-top:-1px;}
.Main_pro_wrap .Main_pro_list > li .in .icon_on > li .xi{ position:relative; z-index:1; width:30px; height:30px; line-height:30px; text-align:center; background:#fff; border:1px solid #ccc; font-size:1em; color:#888;}
.Main_pro_wrap .Main_pro_list > li .in .icon_on > li .label_st.wish input[type=checkbox] + .xi:before{ color:#888;}
.Main_pro_wrap .Main_pro_list > li .in .icon_on > li:hover .xi{ z-index:2; border-color:#666;}
.Main_pro_wrap .Main_pro_list > li .in .icon_on > li:hover .xi,
.Main_pro_wrap .Main_pro_list > li .in .icon_on > li:hover .xi:before{ color:#000 !important;}
.Main_pro_wrap .Main_pro_list > li .in .icon_on > li:hover .label_st.wish input[type=checkbox]:checked + .xi:before{ color:#c3061c !important;}
.Main_pro_wrap .Main_pro_list > li .in:hover .img_wrap img{ transform:scale(1.1,1.1);}
.Main_pro_wrap .Main_pro_list > li .in:hover .icon_on{ bottom:0; opacity:1;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_promo {font-size:.875em; padding-bottom:7px; color:#3c3c3d;}

.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_color_wrap{margin-top:.5rem;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_color_wrap .color_list {}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_color_wrap .color_list > li {margin-right:4px; width:15px; height:15px;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_color_wrap .color_list > li.col1 {background:#e9deda;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_color_wrap .color_list > li.col2 {background:#f6d1dc;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_color_wrap .color_list > li.col3 {background:#c8c7c6;}
.Main_pro_wrap .Main_pro_list > li .in .con_wrap .prod_color_wrap .color_list > li.col4 {background:#000000;}

/**/
.Main_con3_Wrap {margin-bottom:80px;}
.Main_con3_Wrap .con3Visual_wrap {}
.Main_con3_Wrap .con3Visual_wrap .con3Visual {}
/*.Main_con3_Wrap .con3Visual_wrap .con3Visual .in_btn {display:block; height:0; padding-bottom:12.5% !important; background:#f9f9f9}*/
.Main_con3_Wrap .con3Visual_wrap .con3Visual .in_btn {display:block;}
.Main_con3_Wrap .con3Visual_wrap .con3Visual .in_btn > img {position:relative; left:50%; transform:translatex(-50%); display:block; max-width:none; min-width:100%;}
.con3Visual_wrap,
.con3Visual,
.con3Visual .item{ position:relative;}
.con3Visual .slick-track{ height:250px;}
.con3Visual .item{ overflow:hidden;}
.con3Visual .item .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:50% top; background-repeat:no-repeat; background-size:cover;}

.Main_con3_Wrap .con3Visual_wrap .arrow_wrap.main_banner{}
.Main_con3_Wrap .con3Visual_wrap .arrow_wrap.main_banner > li{ position:absolute; top:0; margin-top:-1em;}
.Main_con3_Wrap .con3Visual_wrap .arrow_wrap.main_banner > li .xi{text-align:center; color:#111; cursor:pointer; font-size:2.5em;}
.Main_con3_Wrap .con3Visual_wrap .arrow_wrap.main_banner .prev{ left:-10em;}
.Main_con3_Wrap .con3Visual_wrap .arrow_wrap.main_banner .next{ right:-10em;}
.Main_con3_Wrap .con3Visual_wrap .arrow_wrap.main_banner > li:hover .xi{ transition:.3s; }

.Main_con3_Wrap .con3Visual_wrap .control_box_wrap{ position:absolute; left:50%; top:50%; right:0; text-align:center; transform:translateX(-50%);}
.Main_con3_Wrap .con3Visual_wrap .control_box a{-webkit-transition:.3s; transition:.3s}
.Main_con3_Wrap .con3Visual_wrap .control_box a:hover{ filter:alpha(opacity=100); opacity:1}

.Main_con3_Wrap .con3Visual_wrap .slick-dots{ position:absolute; bottom:30px; right:46%;}
.Main_con3_Wrap .con3Visual_wrap .slick-dots > ul{ text-align:right; font-size:0;}
.Main_con3_Wrap .con3Visual_wrap .slick-dots > ul > li{ display:inline-block; margin:0 5px;}
.Main_con3_Wrap .con3Visual_wrap .slick-dots > ul > li button{ position:relative; width:50px; height:8px; border:1px solid #fff; background:transparent;}
.Main_con3_Wrap .con3Visual_wrap .slick-dots > ul > li button:after{ content:""; position:absolute; z-index:3; bottom:0; left:0; width:0; height:100%; background:#fff;}
.Main_con3_Wrap .con3Visual_wrap .slick-dots > ul > li.slick-active button:after{ z-index:2; width:100%; transition:4s;}

/**/
.Main_con4_Wrap {margin-bottom:140px;}
.Main_pro_wrap.Main_con4_st .Main_pro_list > li .in .img_wrap:after {opacity:0;}

/**/
.Main_con5_Wrap{margin-bottom:80px !important; background:#fbf5ed; padding:60px 0 50px 0;}
.Main_con5_Wrap .main_Prod_wrap {position:relative;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List {margin-left:-20px;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro {width:25%;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro .in {display:block; margin-left:20px; margin-bottom:60px;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro .in .img_wrap {border:1px solid #ddd; background:#fff; overflow:hidden;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro .in .img_wrap .resize {padding-bottom:133.33% !important;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro .in .txt_box{box-sizing:border-box; padding:20px; background:#fff;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro .in .txt_box .txt_brand{font-size:.875em; color:#aaa; margin-bottom:.375em;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro .in .txt_box .txt_desc{font-size:.875em; margin-bottom:1rem; min-height:2rem;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro .in .txt_box .txt_price{margin-bottom:.875em; font-weight:bold;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro .in .txt_box .txt_price span{display:inline-block;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro .in .txt_box .txt_price .txt_price_ori{font-size:.875em; color:#999; text-decoration:line-through; margin-right:.5rem; margin-left:.5em;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro .in .txt_box .txt_price .txt_price_dc{color:#dc1054;}

.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro:hover .in .img_wrap {transition:.3s; border:1px solid #4391e3;}
.Main_con5_Wrap .main_Prod_wrap .Prod_List .pro:hover .in .img_wrap img {transition:.6s; transform:scale(1.1,1.1)}

.Main_con5_Wrap .arrow_wrap{ position:absolute; top:50%; left:0; width:100%;}
.Main_con5_Wrap .arrow_wrap > li{ position:absolute; top:-1.4em; text-align:center; cursor:pointer;}
.Main_con5_Wrap .arrow_wrap > li.prev{ left:-3em;}
.Main_con5_Wrap .arrow_wrap > li.next{ right:-3em;}
.Main_con5_Wrap .arrow_wrap > li .xi{ font-size:1.875em; transition:.2s; color:#000;}
.Main_con5_Wrap .arrow_wrap > li:hover .xi{ }

.Main_con5_Wrap .slick-dots{margin-top:30px;}
.Main_con5_Wrap .slick-dots > ul{ text-align:center; font-size:0; }
.Main_con5_Wrap .slick-dots > ul > li{ display:inline-block; margin:0 3px;}
.Main_con5_Wrap .slick-dots > ul > li button{ position:relative; width:15px; height:2px; border:none !important; background:#333; opacity:.5;}
.Main_con5_Wrap .slick-dots > ul > li.slick-active button {background:#333; width:35px; height:7px; opacity:inherit !important;}

.Main_con5_Wrap .slick-dots{ position:absolute; bottom:0; width:100%;/*  right:50%; transform:translateX(50%); */}
.Main_con5_Wrap .slick-dots > ul{ text-align:center; font-size:0;}
.Main_con5_Wrap .slick-dots > ul > li{ display:inline-block; margin:0 5px;}
.Main_con5_Wrap .slick-dots > ul > li button{ position:relative; width:15px; height:5px; background:#999; border:none; transition:.3s}
.Main_con5_Wrap .slick-dots > ul > li button:after{ content:""; position:absolute; z-index:3; bottom:0; left:0; width:0; height:100%; background:#000;}
.Main_con5_Wrap .slick-dots > ul > li.slick-active button{background:#999;}
.Main_con5_Wrap .slick-dots > ul > li.slick-active button:after{ z-index:2; width:100%; transition:4s;}

.Main_con5_Wrap .arrow_wrap.main_banner .pagingInfo{ position:absolute; top:0; left:50%; transform:translateX(-50%);}
.Main_con5_Wrap .arrow_wrap.main_banner .pagingInfo > i{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1em; color:#fff; font-weight:700;}
.Main_con5_Wrap .arrow_wrap.main_banner .pagingInfo .t2{ padding-top:.2em;}
.Main_con5_Wrap .arrow_wrap.main_banner .pagingInfo .t3{ padding-top:.4em;}

/**/
.Main_con6_Wrap{margin-bottom:80px !important;}
.Main_con6_Wrap .con6_brand_list{display:flex; flex-wrap:wrap; justify-content:space-between;}
.Main_con6_Wrap .con6_brand_list li{position:relative;}
.Main_con6_Wrap .con6_brand_list li .img_cap{position:absolute; width:100%; height:100%; top:0; left:0; color:#fff; text-align:center; display:flex; flex-wrap:wrap; align-content:center;}
.Main_con6_Wrap .con6_brand_list li:nth-of-type(1) .img_cap{background:rgba(16,69,134,.8);}
.Main_con6_Wrap .con6_brand_list li:nth-of-type(2) .img_cap{background:rgba(71,8,45,.8);}
.Main_con6_Wrap .con6_brand_list li .img_cap > *{width:100%;}
.Main_con6_Wrap .con6_brand_list li .img_cap .cap_tit{font-size:1.875em; font-family:'Noto Sans KR', sans-serif; font-weight:100;}
.Main_con6_Wrap .con6_brand_list li .img_cap .cap_tit span{vertical-align:baseline; font-family:'Rb','ng',sans-serif; font-weight:400;}
.Main_con6_Wrap .con6_brand_list li .img_cap .cap_ctt{margin-bottom:2.5em;}
.Main_con6_Wrap .con6_brand_list li .img_cap .cap_ctt img{transform:scale(.75,.75);}
.Main_con6_Wrap .con6_brand_list li .img_cap .cap_more a{color:#fff; display:inline-block; width:50px; height:50px; text-align:center; line-height:50px; box-sizing:border-box; border:1px solid #fff; border-radius:50%; transition:.3s;}
.Main_con6_Wrap .con6_brand_list li .img_cap .cap_more a:hover{color:#333; background:#fff;}

/**/
.Main_con7_Wrap {padding-bottom:140px;}
.Main_con8_Wrap {padding-bottom:140px;}
.Main_con9_Wrap {padding-bottom:140px;}
.Main_con10_Wrap {padding-bottom:140px;}
.Main_con11_Wrap {padding-bottom:140px;}
.Main_con12_Wrap {padding-bottom:140px;}
.Main_con13_Wrap {padding-bottom:140px;}

/**/
.Main_con14_Wrap{padding-top:60px; padding-bottom:60px; background:#f3f4f6;}
.Main_con14_Wrap .box1{position:relative;}
.Main_con14_Wrap .con8_more{position:absolute; top:2em; right:0; font-size:.8125em; width:100px; height:40px; border:3px solid #fff; border-radius:20px; text-align:center; line-height:34px; box-sizing:border-box; font-weight:bold;}
.Main_con14_Wrap .con8_more a{width:100%; height:100%; display:block;}
.Main_con14_Wrap .con8_more i{font-size:1em; vertical-align:baseline;}

.Main_con14_Wrap .con8_review_list{margin-right:-20px;}
.Main_con14_Wrap .con8_review_list li{/*background:#fff;*/ width:25%;}
.Main_con14_Wrap .con8_review_list li:nth-of-type(4n){margin-right:0;}
.Main_con14_Wrap .con8_review_list li:nth-last-type(4){margin-bottom:0;}
.Main_con14_Wrap .con8_review_list li > a {display:block; padding:15px; margin-bottom:20px; margin-right:20px; box-shadow: 2px 2px 20px 0px rgba(102,102,102,0.4);  box-sizing:border-box; background:#fff}
.Main_con14_Wrap .con8_review_list li .img_box{margin-bottom:20px;}
.Main_con14_Wrap .con8_review_list li .txt_box{min-height:45px; box-sizing:border-box; padding:0 4px;}
.Main_con14_Wrap .con8_review_list li .txt_box .txt_tit{font-size:.8125em; word-break:break-all; margin-bottom:1.25rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.Main_con14_Wrap .con8_review_list li .txt_box .txt_info{display:flex; flex-wrap:nowrap; justify-content:space-between; margin-bottom:1rem;}
.Main_con14_Wrap .con8_review_list li .txt_box .txt_info .txt_id{font-size:.8125em; color:#777;}
.Main_con14_Wrap .con8_review_list li .txt_box .txt_info .txt_star{font-size:.812em; color:#dc1054;}
.Main_con14_Wrap .con8_review_list li .prod_box{padding-top:15px; border-top:1px solid #ddd; width:100%; display:flex; flex-wrap:nowrap; justify-content:space-between;}
.Main_con14_Wrap .con8_review_list li .prod_box .thumb_box{width:55px; max-width:55px; min-width:55px;}
.Main_con14_Wrap .con8_review_list li .prod_box .thumb_cap{margin-left:15px; display:flex; flex-wrap:wrap; align-content:space-between;}
.Main_con14_Wrap .con8_review_list li .prod_box .thumb_cap .thumb_tit{font-size:.8125em; color:#777; font-weight:bold;}
.Main_con14_Wrap .con8_review_list li .prod_box .thumb_cap .thumb_ctt{font-size:.75em; line-height:1.4;}

/**/
.Main_con15_Wrap{float:none;}
.Main_con15_Wrap .con9_customer{width:100%; padding: 0; display:flex; flex-wrap:nowrap; justify-content:space-between; background:#fff;}
.Main_con15_Wrap .con9_customer > div{width:32%; max-width:45%; margin-right:4%;}
.Main_con15_Wrap .con9_customer > div:last-of-type{margin-right:0;}
.Main_con15_Wrap .con9_customer .con9_notice{margin-right:2%;}
.Main_con15_Wrap .con9_customer .con9_notice .notice_header{display:flex; flex-wrap:nowrap; width:100%; justify-content:space-between; border-bottom:2px solid #000; font-size:17px; font-weight:bold; padding-bottom:8px;}
.Main_con15_Wrap .con9_customer .con9_notice .notice_ctt{margin-top:20px;}
.Main_con15_Wrap .con9_customer .con9_notice .notice_ctt ul li{width:100%; margin-bottom:12px; font-weight:bold;}
.Main_con15_Wrap .con9_customer .con9_notice .notice_ctt ul li a{display:inline-block; display:flex; flex-wrap:nowrap; justify-content:space-between;}
.Main_con15_Wrap .con9_customer .con9_notice .notice_ctt ul li .notice_text{font-size:13px; width:270px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Main_con15_Wrap .con9_customer .con9_notice .notice_ctt ul li .notice_text .txt_dot{display:inline-block; width:4px; height:4px; background:#000; border-radius:50%; margin-right:10px; margin-bottom:2px;}
.Main_con15_Wrap .con9_customer .con9_notice .notice_ctt ul li .notice_date{color:#999; font-size:12px; margin-top:2px;}

.Main_con15_Wrap .con9_customer .con9_service{box-sizing:border-box; padding-top:0px; width:40%;}
.Main_con15_Wrap .con9_customer .con9_service .service_header{display:flex; flex-wrap:nowrap; margin-bottom:10px;}
.Main_con15_Wrap .con9_customer .con9_service .service_header .service_tit{font-size:24px; margin-right:1.5rem;}
.Main_con15_Wrap .con9_customer .con9_service .service_header .service_tel{font-size:2rem; margin-top:-6px; font-weight:bold;}
.Main_con15_Wrap .con9_customer .con9_service .service_header .service_tel i{font-size:1.5rem;}
.Main_con15_Wrap .con9_customer .con9_service .service_ctt{display:flex; flex-wrap:nowrap; margin-bottom:20px;}
.Main_con15_Wrap .con9_customer .con9_service .service_ctt .service_time{font-size:12px; width:50%;}
.Main_con15_Wrap .con9_customer .con9_service .service_ctt .service_time i{transform:translateY(4px);}
.Main_con15_Wrap .con9_customer .con9_service .service_ctt .service_time span{display:inline-block; padding:0 0rem; font-size:1rem; font-weight:bold;}
.Main_con15_Wrap .con9_customer .con9_service .service_ctt .service_time_sub{font-size:12px; color:#777; border-left:1px solid #777; display:inline-block; height:16px; margin-top:8px; padding-left:12px;}

.Main_con15_Wrap .con9_customer .con9_service .service_btn{display:flex; flex-wrap:wrap; justify-content:space-between;}
.Main_con15_Wrap .con9_customer .con9_service .service_btn .service_inquiry{display:flex; flex-wrap:nowrap; justify-content:flex-start; width:100%;}
.Main_con15_Wrap .con9_customer .con9_service .service_btn .service_inquiry li{padding:0 16px; box-sizing:border-box; border:1px solid #000; margin-right:5px; height:36px; line-height:26px;}
.Main_con15_Wrap .con9_customer .con9_service .service_btn .service_inquiry li a{font-size:14px; font-weight:bold; display:inline-block; width:100%; height:100%;}
.Main_con15_Wrap .con9_customer .con9_service .service_btn .service_inquiry li a i{padding-left:6px; transform:translateY(3px); font-weight:bold;}

.Main_con15_Wrap .con9_customer .con9_service .service_btn .service_sns{display:flex; flex-wrap:nowrap; justify-content:flex-start; box-sizing:border-box; padding-top:3px; width:100%; margin-top:6px;}
.Main_con15_Wrap .con9_customer .con9_service .service_btn .service_sns li{margin-left:5px; width:30px; height:30px; background:#000; border-radius:50%; text-align:center; line-height:30px; overflow:hidden;}
.Main_con15_Wrap .con9_customer .con9_service .service_btn .service_sns li a{color:#fff; width:100%; height:100%; display:inline-block;}

/**/
.list_wrap .list_top{ margin-bottom:2em; padding:2.5em 0; background:#f5f5f5; text-align:center;}
.list_wrap .list_top .list_tit{ font-size:1.875em; color:#3c3d3c; font-weight:700; text-transform:uppercase;}
.list_wrap .list_top .list_nav{ position:absolute; right:0; top:0; margin-top:0; font-size:.750em; color:#999; text-transform:uppercase; line-height:26px;}
.list_wrap .list_top .list_nav .xi{line-height:30px;}
.list_wrap .list_top .list_nav .xi.xi-home-o{width:30px; background:#393a3e; border-radius:100%; color:#fff; height:30px; line-height:30px;}
.list_wrap .list_top .list_nav .this{ font-weight:700; color:#222; vertical-align:baseline; display:inline-block; transform:translateY(-2px);}

.list_wrap .list_cate{ position:relative; z-index:10; margin-left:-10px; text-align:center;}
.list_wrap .list_cate .dp1,
.list_wrap .list_cate .dp2{ transition:.1s;}
.list_wrap .list_cate > li{ position:relative; margin-bottom:10px; width:15%;}
.list_wrap .list_cate > li .tt{ vertical-align:top;}
.list_wrap .list_cate > li .num{ color:#aaa; vertical-align:top;}
.list_wrap .list_cate > li .dp1{ position:relative; display:block; padding:.7em 1em; font-size:.875em; color:#555; line-height:1; border:1px solid #ddd; margin-left:10px; background:#fff;}
.list_wrap .list_cate > li:hover .tt {transition:.3s; color:#dc1054}
.list_wrap .list_cate > li.on .dp1{background:#f9f9f9; color:#333; font-weight:700;}
.list_wrap .list_cate > li .dp2{ position:absolute; top:100%; z-index:2; left:50%; margin-left:-81px; margin-top:-3px; width:160px; padding:10px 0; background:#fff; border:1px solid #aaa; visibility:hidden; opacity:0;}
.list_wrap .list_cate > li .dp2 > li > a{ display:block; text-align:left; padding:.3em 1.2em; font-size:.750em; color:#666; line-height:1.4;}
.list_wrap .list_cate > li .dp2 > li:hover > a .tt{ color:#000; text-decoration:underline;}
.list_wrap .list_cate > li .arrow{ position:absolute; width:1em; top:0; right:.3em; line-height:1; display:none;}
.list_wrap .list_cate > li .arrow:before{ content:"\e942"; color:#aaa}
.list_wrap .list_cate > li.more .dp1{ padding-right:2em;}
.list_wrap .list_cate > li.more .arrow{ display:block}
.list_wrap .list_cate > li.more:hover .dp2{ visibility:visible; opacity:1;}

.list_total{ margin:20px 0 30px 0; padding:15px 10px; border-top:1px solid #333; border-bottom:1px solid #eee;}
.list_total .total{ float:left;}
.list_total .total > *{ font-size:.813em; text-transform:uppercase; letter-spacing:.2em;}
.list_total .total .t1{ color:#000;}
.list_total .total .t2{ color:#c3061c; font-weight:700;}
.list_total .array_wrap{ float:right; text-align:right;}
.list_total .array_wrap > li{}
.list_total .array_wrap > li > a{ display:block; padding:0 .8em; line-height:2em; font-size:.750em; color:#888; transition:.3s;}
.list_total .array_wrap > li:hover > a,
.list_total .array_wrap > li.on > a{ color:#000;}
.list_total .array_wrap > li.group{ margin-left:1em;}
.list_total .array_wrap > li .sel{ height:2em; background-color:#fff; border:1px solid #ddd; font-size:.750em;}
.list_total.stl1{ margin-top:0; border-bottom:none; padding-left:0;}

/**/
.viewNav_wrap{ padding:.75em 0; background:#f5f5f5; text-align:right;}
.viewNav_wrap .nav{ display:inline-block; *display:inline; zoom:1;}
.viewNav_wrap .nav:after{ content:""; display:block; clear:both;}
.viewNav_wrap .nav > li{ float:left;}
.viewNav_wrap .nav > li > a{ display:block; font-size:.813em; color:#666; text-transform:uppercase; line-height:30px;}
.viewNav_wrap .nav > li > a:before{ content:"\e93f"; font-family:xeicon !important; font-style:normal; vertical-align:middle; font-size:1.125em; color:#999; padding:0 5px 0 2px;}
.viewNav_wrap .nav > li:first-child > a:before{ display:none;}
.viewNav_wrap .nav > li.home > a{ color:#fff;}
.viewNav_wrap .nav > li.home > a .xi{ width:30px; background:#393a3e; border-radius:100%; text-align:center;}
.viewNav_wrap .nav > li.this > a{ color:#111; font-weight:700;}
.viewNav_wrap .nav > li:not(.home) > a:hover .tt{ text-decoration:underline;}

.view_top_wrap{ padding:3.5em 0;}
.view_top_wrap .img_wrap{ float:left; width:35%}
.view_top_wrap .img_wrap .inner{padding:1em; border:1px solid #ddd;}
.view_top_wrap .img_wrap .thumb{ margin:10px -5px 0 0; text-align:center;}
.view_top_wrap .img_wrap .thumb .resize {padding-bottom:133.333333% !important;}
.view_top_wrap .img_wrap .thumb > li{ width:12.5%}
.view_top_wrap .img_wrap .thumb > li > a{ display:block; margin:0 5px 0 0; border:1px solid #eee;}
.view_top_wrap .img_wrap .thumb > li:hover > a{ border-color:#666}

.view_top_wrap .info_wrap{ float:left; width:65%}
.view_top_wrap .info_wrap .inner{ margin-left:8em;}
.view_top_wrap .info_wrap .info_top{ padding:1em 0 1em 0; border-top:2px solid #333;}
.view_top_wrap .info_wrap .info_top .tit{ position:relative;}
.view_top_wrap .info_wrap .info_top .tit .prodTit_hd{font-size:.938em; color:#3c3c3d;}
.view_top_wrap .info_wrap .info_top.on_time_ev .tit .prodTit{padding-right:140px;}
.view_top_wrap .info_wrap .info_top .tit .prodTit{ padding:5px 0px .5em 0; font-size:1.188em; color:#000; font-weight:700; letter-spacing:-.5px; line-height:1.4; word-break: break-all;}
.view_top_wrap .info_wrap .info_top .tit .prodTxt{ font-size:.813em; color:#444; line-height:1.5;}
.view_top_wrap .info_wrap .info_top .tit .modify{ margin-top:.6em;}
.view_top_wrap .info_wrap .info_top .tit .admin_modify{ display:inline-block; *display:inline; zoom:1; padding:0 15px; height:25px; line-height:25px; border:1px solid #888; font-size:.750em;}
.view_top_wrap .info_wrap .info_top .tit .admin_modify:hover{ border-color:transparent; background:#333; color:#fff; transition:.3s;}
.view_top_wrap .info_wrap .info_top .tit .share{ position:absolute; right:0; top:-60px; white-space:nowrap}
.view_top_wrap .info_wrap .info_top .tit .share .wish .xi:before{ font-size:1.375rem;}
.share{ font-size:0}
.share > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.share > li > a{ display:block}
.share > li .xi{ display:block; width:30px; line-height:30px; text-align:center; font-size:1.25rem; border:1px solid transparent; border-radius:100%;}
.share > li:first-child .xi{ margin-left:0;}
.share > li:hover .xi{ border-color:#ddd;}

.view_top_wrap .info_wrap .info_top .priceInfo{ margin-top:.5em;}
.view_top_wrap .info_wrap .info_top .priceInfo .discount{ font-size:.875em; color:#888; text-decoration:line-through;}
.view_top_wrap .info_wrap .info_top .priceInfo .price .tt{ color:#dc1054; font-weight:700; vertical-align:middle;}
.view_top_wrap .info_wrap .info_top .priceInfo .price .t1{ font-size:1.500em;}
.view_top_wrap .info_wrap .info_top .priceInfo .price .t2{ font-size:.938em;}

.view_top_wrap .info_wrap .info_middle{ padding:.5em 0 1em 0; border-top:1px solid #ddd;}
.info_table .info_table_tit{ width:140px;}
.popCon .info_table .info_table_tit{width:100px;}
.info_table .info_table_con{ width:auto;}
.info_table th,
.info_table td{ padding:0.6em 0.6em; font-size:.813em; text-align:left;}
.info_table th{ padding-left:0; font-weight:700; text-transform:uppercase;}
.info_table td{ padding-right:0; color:#555;}
.info_table td *{ vertical-align:middle}
.info_table.st2{ margin-top:10px;}
.info_table.st2 th,
.info_table.st2 td{ padding-top:0.5em; padding-bottom:0.5em;}

.info_table .c1{ color:#000000;}
.info_table .c2{ color:#e2426c;}
.info_table .select{ width:100%; height:28px; line-height:26px;}

.view_top_wrap .info_wrap .info_op{ margin-top:10px;}
.op_list > li{ margin-bottom:-1px}
.op_list > li .op{ display:table; table-layout:fixed; width:100%; position:relative; z-index:1; border:1px solid #ddd; background:#fff;}
.op_list > li .op .tit,
.op_list > li .op .con{ display:table-cell; vertical-align:middle; padding:.6em 1em;}
.op_list > li .op .tit .tt_name{ font-size:.813em; color:#000;}
.op_list > li .op .tit .tt_op{ position:relative; margin-top:5px; padding-left:10px; font-size:.750em; color:#888;}
.op_list > li .op .tit .tt_op:before{ content:""; position:absolute; top:6px; left:0; width:4px; height:1px; background:#999;}
.op_list > li .op .con{ text-align:right}
.op_list > li .op .con > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
.op_list > li .op .con .price{ min-width:100px; font-size:.813em; color:#000; font-weight:700;}
.op_list > li .op .con .btn_del{ border:1px solid #ccc; width:15px; height:15px; line-height:15px; background:#fff; text-align:center;}
.op_list > li .op .con .btn_del:before{content:"\e921"; font-family:xeicon!important; font-size:.688em;}
.op_list > li .op .con .btn_del:hover{ background:#444; border-color:#111; color:#fff;}
.op_list > li:hover .op{ z-index:2; border-color:#666}
.op_list > li:hover .op .tit{ color:#111}
.op_list .vol{ font-size:.813em;}
.vol{ display:inline-block; *display:inline; zoom:1;}
.vol .inp{ float:left; width:25px; padding:0 10px; line-height:26px; height:26px; border:1px solid #ccc; border-right:none; text-align:right}
.vol .btn{ float:left}
.vol .btn .btn_st{ display:block; width:25px; height:14px; background:#fff; border:1px solid #ccc;}
.vol .btn .btn_st:first-child{ border-bottom:none}
.vol .btn .btn_st:before{ font-family:xeicon!important; font-size:9px;}
.vol .btn .btn_st.up:before{ content:"\e92f";}
.vol .btn .btn_st.down:before{ content:"\e935";}
.vol .btn .btn_st:hover{ background:#666; border-color:#666; color:#fff}

.view_top_wrap .info_wrap .view_total{ border-top:2px solid #333;}

.view_top_wrap .info_wrap .info_bottom{ padding:1em 0 0 0;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap{ font-size:0; padding-left:1px}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1rem}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li.s1{ width:50%;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li.s2{}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .in{ display: block; margin-left:-1px;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn{ width:100%;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn > *{ vertical-align:middle;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn .xi{ font-size:1.250em;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn .tt{ padding-left:4px; font-size:.813em; font-weight:700;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn.c1{ box-shadow:5px 5px 10px rgba(0,0,0,.25);}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn:hover{ background-color:#fff; border-color:#393a3e; color:#000;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn.c1:hover{ background-color:#fb7b72; border-color:#fb7b72; color:#fff;}

.view_top_wrap .info_wrap .info_bottom .btn_wrap.cupon_St > li.s1 {width:100% !important; margin-top:.5em;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap.cupon_St > li .mall_btn {text-align:left; position:relative; border:1px solid #ddd; line-height:inherit; padding:1em; border-radius:.6em; background:#f5f5f5;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap.cupon_St > li .mall_btn .xi.icon1 {background:#dc1054; border-radius:50%; text-align:center; color:#fff; width:1.8em; height:1.8em; line-height:1.8em;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap.cupon_St > li .mall_btn .xi.icon2 {position:absolute; right:2%; top:50%; transform:translateY(-50%); font-size:1.6em;}

.view_total{ text-align:right; line-height:40px;border-top:1px dashed #aaa;margin-top:10px;}
.view_total.line_st {border-top:none;}
.view_total *{ vertical-align:middle; text-transform:uppercase;}
.view_total .price{ font-size:1.375em; padding:0 0 0 .3em; font-weight:700; color:#dc1054;}
.view_total .t1{ font-size:.813em; color:#111; font-weight:700;}
.view_total .t2{ font-size:.813em; color:#666;}

.order_total{ text-align:right; line-height:60px;}
.order_total *{ vertical-align:middle}
.order_total .t1{ font-size:.813em; color:#333;}
.order_total .price{ font-size:1.438em; padding:0 5px; font-weight:700; color:#111;}

.mall_btn{ display:block; cursor:pointer; min-width:80px; line-height:45px; padding:0 10px; text-align:center; box-sizing:border-box; border:1px solid #ddd; transition:.2s;}
.mall_btn.c1{ background:#222222; border-color:#222222; color:#fff}
.mall_btn.c2{ background:#2a8f93; border-color:#2a8f93; color:#fff}
.mall_btn.c3{ background:#849bff; border-color:#849bff; color:#fff}
.mall_btn.c4{ background:#ffffff; border-color:#cccccc; color:#333}

.view_top_wrap .info_wrap .soldOut_txt{ margin-top:1em; margin-bottom:2em; padding:1em; background:#e1e1e1; text-align:center; font-weight:700; line-height:1.4; text-transform:uppercase;}
.view_top_wrap .info_wrap .soldOut_txt.c1{ color:#fff;}
.view_top_wrap .info_wrap .soldOut_txt.c2{ color:#0054e0;}

.view_with_wrap{}
.view_with_wrap .tit_wrap{ position:relative; margin-bottom:2em; text-align:center;}
.view_with_wrap .tit_wrap .tit{ display:inline-block; *display:inline; zoom:1; padding:1em 2em; border:1px dashed #ddd; border-left:none; border-right:none; font-size:.813em; letter-spacing:.5em; text-transform:uppercase;}
.view_with_wrap .control_arrow{ position:absolute; top:0; right:0;}
.view_with_wrap .control_arrow > li{ padding:0 .1em;}
.view_with_wrap .control_arrow > li .xi{ width:1.8em; line-height:1.8em; text-align:center; border:1px solid #ddd; border-radius:50%; color:#000; cursor:pointer;}
.view_with_wrap .control_arrow > li:hover .xi{ border-color:#333; background:#333; color:#fff;}
.view_with_wrap .view_with_slide{ overflow:hidden;}
.view_with_wrap .with_slide{ margin-right:-20px;}
.view_with_wrap .with_slide .prod_st{ margin-right:20px;}
.view_with_wrap .with_slide .prod_st .con_wrap{ padding-left:0; padding-right:0;}
.view_with_wrap .with_slide .prod_st .con_wrap .prod_tit{ font-size:.938em;}

.view_con_wrap{ padding-top:2em;}
.view_con_wrap .view_con{ padding:3em 0 5em 0;}
.view_con_wrap .view_con:last-child{ padding-bottom:0;}
.view_con_wrap .detail_con{ text-align:center;}

.view_board_btn{ padding-bottom:20px; text-align:right;}
.view_board_btn > li{ margin-left:5px;}
.view_board_btn > li:first-child{ margin-left:0;}
.view_board_btn .btn{ padding:6px 20px; border:1px solid #ccc; font-size:.813em; font-weight:700;}
.view_board_btn .btn.c1{ background:#393a3e; border-color:#393a3e; color:#fff}
.view_board_btn .btn.c2{ border-color:#393a3e;}

/**/
.order_step_wrap{padding:3em 0 2em 0; text-align:center; width:600px; margin:0 auto; max-width:100%;}
.order_step_wrap .order_step_tit{ margin-bottom:2em; font-size:1.750em; font-weight:700; letter-spacing:-.5px;}
.order_step_wrap .step_order > li .in{ position:relative; height:70px; padding-left:70px; vertical-align:top; text-align:left; color:#b7b7b7;}
.order_step_wrap .step_order > li .in:after {content:''; position:absolute; z-index:1; left:10px; top:50%; margin-top:-2px; width:100%; height:3px; background-color:#ddd;}
.order_step_wrap .step_order > li .xi{ position:absolute;z-index:2;left:0;top:0; width:2em; height:2em; line-height:2em; text-align:center; border:1px solid #eaeaea; border-radius:100%; background-color:#f7f7f7; box-sizing:border-box; font-size:1.875em;}
.order_step_wrap .step_order > li .tit{ display:block; font-size:.750em; text-transform:uppercase;}
.order_step_wrap .step_order > li .tit strong{ display:block; font-size:1.250em; color:#c5c5c5;}
.order_step_wrap .step_order > li .no{ position:absolute; left:70px; bottom:.5em; font-size:.875em; font-weight:700;}
.order_step_wrap .step_order > li.on .in,
.order_step_wrap .step_order > li.on .tit strong{ color:#1c1c1c;}
.order_step_wrap .step_order > li.on .in:after{ background-color:#1c1c1c;}
.order_step_wrap .step_order > li.on .xi{ border-color:#1c1c1c; background-color: #1c1c1c; color:#fff;}

/**/
.prod_wrap{ margin:0 -15px -40px 0;}
.prod_wrap > li{ width:25%}
.prod_wrap > li .prod{ display:block; margin:0 15px 40px 0;}

.prod_st{ background:#fff;}
.prod_st .img_wrap{ position:relative; padding-bottom:133.33% !important;}
.prod_st .img_wrap .img{ overflow:hidden;}
.prod_st .img_wrap .img img{ transition:.3s;}
.prod_st .con_wrap{ padding:20px 0 0 6px;}
.prod_st .con_wrap .prod_tit{font-size:.813em; color:#222; font-family:'ng'; font-weight:700; padding-bottom:15px; letter-spacing:-.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.prod_st .con_wrap .prod_promo{font-size:.938em; color:#666; letter-spacing:-.5px; line-height:1.4; word-break:break-all; margin-bottom:4px;}
.prod_st .con_wrap .prod_txt{font-size:.813em; color:#77787b; font-family:'ng'; font-weight:400; margin-bottom:8px;}
.prod_st .con_wrap .prod_price{padding-top:15px;}
.prod_st .con_wrap .prod_price .t1{ vertical-align:middle; font-size:1.063em; color:#000; font-weight:700;  font-family:'Rb';}
.prod_st .con_wrap .prod_price .t2{ vertical-align:middle; font-size:.938em; color:#444;}
.prod_st .con_wrap .prod_price .price > *{ display:inline-block; vertical-align:middle;}
.prod_st .con_wrap .prod_price .price strong{ font-size:.938em; font-weight:700;}
.prod_st .con_wrap .prod_price .price span{ font-size:.813em;}
.prod_st .icon_on{ position:absolute; left:0; bottom:-5%; opacity:0; transition:.3s;}
.prod_st .icon_on > li{ margin-top:-1px;}
.prod_st .icon_on > li .xi{ position:relative; z-index:1; width:30px; height:30px; line-height:30px; text-align:center; background:#fff; border:1px solid #ccc; font-size:1em; color:#888;}
.prod_st .icon_on > li .label_st.wish input[type=checkbox] + .xi:before{ color:#888;}
.prod_st .icon_on > li:hover .xi{ z-index:2; border-color:#666;}
.prod_st .icon_on > li:hover .xi,
.prod_st .icon_on > li:hover .xi:before{ color:#000 !important;}
.prod_st:hover .img_wrap img{ transform:scale(1.1,1.1);}
.prod_st:hover .icon_on{ bottom:0; opacity:1;}

.prod_st .con_wrap .prod_color_wrap{}
.prod_st .con_wrap .prod_color_wrap .color_list {}
.prod_st .con_wrap .prod_color_wrap .color_list > li {margin-right:4px; width:15px; height:15px;}
.prod_st .con_wrap .prod_color_wrap .color_list > li.col1 {background:#e9deda;}
.prod_st .con_wrap .prod_color_wrap .color_list > li.col2 {background:#f6d1dc;}
.prod_st .con_wrap .prod_color_wrap .color_list > li.col3 {background:#c8c7c6;}
.prod_st .con_wrap .prod_color_wrap .color_list > li.col4 {background:#000000;}

.prod_icon_wrap{ margin-top:1rem;}
.prod_icon_wrap > li{ margin:1px 1px;}
.prod_icon_wrap > li > span{ display:block; padding:.5em 1em; font-weight:400; font-family:'Rb'; font-size:.688em; background:#fff; border:1px solid #ccc; border-radius:34px; text-transform:uppercase;}
.prod_icon_wrap > li .c1{ border-color:#ff8400; color:#ff8400;}
.prod_icon_wrap > li .c2{ border-color:#7444df; color:#7444df;}
.prod_icon_wrap > li .c3{ border-color:#dc1054; color:#dc1054;}
.prod_icon_wrap > li .c4{ border-color:#0977e7; color:#0977e7;}
.prod_icon_wrap > li .c5{ border-color:#393a3e; background:#393a3e; color:#fff;}

.star_wrap{}
.star_wrap > *{ vertical-align:middle;}
.star_wrap .icon{ color:#c3061c; font-size:.688em}
.star_wrap .no{ font-size:.813em; color:#999;}

/**/
.member_wrap{}
.member_wrap .login_w{width:1025px; max-width:100%; margin:0 auto;}
.member_wrap .id_w {width:400px; max-width:90%; margin:0 auto;}
.member_wrap .pw_w {width:400px; max-width:90%; margin:0 auto;}
.member_wrap .join_info_w {width:900px; max-width:90%; margin:0 auto;}
.member_wrap .login_w .login_con {padding:2.5em 1em;}
.member_wrap .login_w .login_con .left {width:55%;}
.member_wrap .login_w .login_con .right {width:35%;}

.member_wrap .login_w  .member_form{}
.member_wrap .login_w .login_con .left .member_form {}
.member_wrap .login_w .login_con .right .member_form {margin-top:1.28em; background:#f7f7f7; border:1px solid #ddd; padding:1.1em;}

.member_wrap .login_w .sns_login_wrap {margin-top:1em;}
.member_wrap .login_w .sns_login_wrap .list {margin-left:-10px;}
.member_wrap .login_w .sns_login_wrap .list > li {width:50%;}
.member_wrap .login_w .sns_login_wrap .list > li .in { display:block; text-align:center; line-height:2.8em; box-sizing:border-box; margin-left:10px;}
.member_wrap .login_w .sns_login_wrap .list > li .in.bg1 {background:#18b332;}
.member_wrap .login_w .sns_login_wrap .list > li .in.bg2 {background:#ffde00;}
.member_wrap .login_w .sns_login_wrap .list > li .in.bg3 {background:#1d4b98}
.member_wrap .login_w .sns_login_wrap .list > li .in .icon .xi {color:#fff; font-size:1em; vertical-align:middle;}
.member_wrap .login_w .sns_login_wrap .list > li .in .icon.st .xi {color:#3b1f1e; font-size:1.375em; }
.member_wrap .login_w .sns_login_wrap .list > li .in .tt {color:#fff; font-size:.875em; vertical-align:baseline; font-family:'ng'; font-weight:400;}
.member_wrap .login_w .sns_login_wrap .list > li .in .tt.st {color:#3b1f1e; font-weight:700;}

.member_wrap .member_tit{ text-align:center; padding:2.5em 0 2em 0; border-bottom:1px solid #ddd;}
.member_wrap .member_tit.join_info_st {border-bottom:none;}
.member_wrap .member_tit .tit { font-size:2.500em; color:#111; font-weight:700;}
.member_wrap .member_tit .tit2{ font-size:1.250em; color:#555; font-weight:400; font-family:'ng'; line-height:1.4; margin-top:.5em;}
.member_wrap .member_tit .tt{ font-size:.813em; color:#999; padding-top:10px}
.member_wrap .member_tit .tt2{ font-size:.938em; color:#666; padding-top:30px; line-height:1.5}
.member_wrap .member_tit .num{ padding-top:30px;}
.member_wrap .member_tit .num .in{ display:inline-block; *display:inline; zoom:1; padding:10px 20px; border:1px solid #ccc; border-radius:3px; box-shadow:1px 1px 3px rgba(0,0,0,.15); font-weight:700;}

.join_tit_wrap{ text-align:center; padding:2.5em 0 0 0;}
.join_tit_wrap .tit { font-size:2.500em; color:#111; font-weight:700;}

.member_wrap .join_fin{ display:inline-block; *display:inline; zoom:1; width:300px; max-width:70%; margin-top:30px; padding:1.5em 2em; background:#f9f9f9; border:1px solid #ccc; border-top:3px solid #333; text-align:left;}
.member_wrap .join_fin > li{ padding:0.3em 0; font-size:.813em; line-height:20px;}
.member_wrap .join_fin > li > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.member_wrap .join_fin > li .t1{ position:relative; width:80px; padding-left:10px; color:#333;}
.member_wrap .join_fin > li .t1:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:4px; height:2px; background:#666;}
.member_wrap .join_fin > li .t2{ color:#555;}

.member_wrap .member_box_wrap{ text-align:center}
.member_wrap .member_box{ border-bottom:1px solid #ddd; padding:2em 0; margin-bottom:2em}

.member_wrap .form{ text-align:left}
.member_wrap .form .inp_wrap{ position:relative; margin-top:5px}
.member_wrap .form .inp_wrap:first-child{ margin-top:0}
.member_wrap .form .inp_wrap .xi{ position:absolute; left:0; top:0; width:55px; line-height:55px; font-size:1.5em; text-align:center;}
.member_wrap .form .inp_wrap .inp{ padding:0 10px 0 70px; width:100%; height:55px; line-height:53px; box-sizing:border-box; border:1px solid #ddd; font-size:.813em; color:#999}
.member_wrap .form .inp_wrap .inp:focus{ color:#111}
.member_wrap .form .etc_wrap {margin:1em 0 1.6em 0;}
.member_wrap .form .etc_wrap .left {width:35%;}
.member_wrap .form .etc_wrap .left span {font-size:.813em; color:#666;}
.member_wrap .form .etc_wrap .right {width:60%; text-align:right;}
.member_wrap .form .etc_wrap .right span {font-size:1em; color:#666;}
.member_wrap .form .btn_wrap{margin-top:1em;}
.member_wrap .form .btn_wrap .btn{ width:100%; height:60px; font-size:.813em; color:#fff; font-weight:700; text-align:center; background:#333;}

.member_wrap .login_w .login_con .right .join_w{margin-top:1.25em;}
.member_wrap .login_w .login_con .right .join_w .tbox .t1{ font-size:.938em; font-weight:700;}
.member_wrap .login_w .login_con .right .join_w .tbox .t2{ font-size:.813em; color:#666; margin:1em 0;}
.member_wrap .login_w .login_con .right .join_w .join_btnw{ display:block}
.member_wrap .login_w .login_con .right .join_w .join_btnw .line{margin-top:1em;}
.member_wrap .login_w .login_con .right .join_w .join_btnw .btn{ width:100%; background:#333; border:none; padding:1em; border-radius:3px}
.member_wrap .login_w .login_con .right .join_w .join_btnw .btn.st1{background:#fb7b72; border:1px solid #fb7b72; color:#fff; font-weight:700; font-size:.938em; font-family:'ng';}
.member_wrap .login_w .login_con .right .join_w .join_btnw .btn .xi {opacity:0; padding-left:5px; vertical-align:middle; font-size:1em;}
.member_wrap .login_w .login_con .right .join_w .join_btnw .btn:hover .xi {opacity:1; transition:.3s; padding-left:15px;}

.member_wrap .link_wrap {display:block;}
.member_wrap .link_wrap .member_link{}
.member_wrap .link_wrap .member_link > span {position:relative;}
.member_wrap .link_wrap .member_link > span:before {position:absolute; content:""; left:0; top:0; height:100%; width:1px; background:#ccc;}
.member_wrap .link_wrap .member_link > span:first-child:before {opacity:0;}
.member_wrap .link_wrap .member_link > span > a{ font-size:.813em; color:#666; padding:0 .5em;}
.member_wrap .link_wrap .member_link > span > a:hover{ text-decoration:underline}

.member_wrap .member_link{ text-align:center; padding-top:1em}
.member_wrap .member_link > li > a{ font-size:.813em; color:#666; padding:0 1em;}
.member_wrap .member_link > li > a:hover{ text-decoration:underline}
.member_wrap .member_link > li.point > a{ color:#111}

.member_wrap .form .txt_wrap{ text-align:center; border:1px solid #eee; background:#fafafa; padding:3em 1em; border-top:3px solid #333; font-size:.875em; color:#666;}
.member_wrap .form .txt_wrap strong{ color:#000;}

.member_wrap .form2{margin-top:5px; position:relative; padding-right:5px;}
.member_wrap .form2 .inp_wrap{ position:relative; font-size:.75em;}
.member_wrap .form2 .inp_wrap .tit{ position:absolute; left:0; top:0; width:80px; border-right:1px solid #ccc; font-weight:700; color:#333; line-height:35px; padding:0 0 0 1em;}
.member_wrap .form2 .inp_wrap .inp{ background:#fff; border:1px solid #ddd; width:77%; box-sizing:border-box; margin-top:.5em; padding:1.2em 1em;}
.member_wrap .form2 .inp_wrap.st .inp {margin-top:0;}
.member_wrap .form2 .inp_wrap .inp:focus{ color:#111}
.member_wrap .form2 .btn_wrap{position:absolute; right:0; top:0; width:5.5em; height:100%;}
.member_wrap .form2 .btn_wrap .btn{ width:100%; height:100%; background:#888; text-align:center; font-size:.813em; color:#fff; font-weight:700; border:none;}

.member_wrap .nomem_tit{ text-align:left}
.member_wrap .nomem_tit .tit{ color:#000;  font-family:'ng'; font-weight:700; font-size:1.063em;}
.member_wrap .nomem_tit .tt { font-size:.75em; color:#777; padding-top:5px; line-height:1.4;  font-family:'ng'; font-weight:400; height:4em;}

.member_wrap .btn_wrap .btn{ border:1px solid transparent; transition:.2s;}
.member_wrap .btn_wrap .btn:hover{}

.member_wrap .btn_nomem{ margin-top:10px; width:100%; height:50px; text-align:center; background:#e2426c; border:none; font-size:.813em; color:#fff; font-weight:700; transition:.2s;}
.member_wrap .btn_nomem:hover{ background:#333;}

.member_benefit_wrap {width:1025px; max-width:100%; margin:3em auto 0 auto;}
.member_benefit_wrap .tit {border:1px solid #ddd; border-bottom:none; background:#f5f5f5; padding:1em; color:#111; font-size:1.313em; font-weight:700;font-family:'ng'; text-align:center;}
.member_benefit_wrap .benefit_w {text-align:center;}
.member_benefit_wrap .benefit_w .list {}
.member_benefit_wrap .benefit_w .list .in {border:1px solid #ddd; margin-left:-1px; padding:.3em .5em; background:#fff; height:12em;}
.member_benefit_wrap .benefit_w .list .in .icon {font-size:3.8em; color:#fb7b72; opacity:.8}
.member_benefit_wrap .benefit_w .list .in .tt {display:block; font-size:.875em; line-height:1.3; font-weight:400; color:#333;}

.join_agree_w {width:600px; max-width:100%; margin:0 auto;}

.join_info_wrap .sns_wrap{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:1em 0; margin:1em 0 1.5em 0;}
.join_info_wrap .sns_wrap .t1{ text-align:center; font-size:1em; color:#333; margin-bottom:.5em}
.join_info_wrap .sns_wrap .list > li > a{ display:block; width:3em; line-height:3em; font-size:1.25em; border-radius:100%; color:#fff; text-align:center; margin:.5em; position:relative}
.join_info_wrap .sns_wrap .list > li > a:before{ content:""; position:absolute; width:100%; height:100%; border-radius:100%; left:-3px; top:-3px; padding:3px; transition:.3s}
.join_info_wrap .sns_wrap .list > li > a .xi{ position:relative}
.join_info_wrap .sns_wrap .list > li > a.fb{ background:#3b5998}
.join_info_wrap .sns_wrap .list > li > a.fb:hover:before{ background:#3b5998}
.join_info_wrap .sns_wrap .list > li > a.ka{ background:#ffeb00; color:#392929; font-size:1.3em;}
.join_info_wrap .sns_wrap .list > li > a.ka:hover:before{ background:#ffeb00}
.join_info_wrap .sns_wrap .list > li > a.nv{ background:#00c63b}
.join_info_wrap .sns_wrap .list > li > a.nv:hover:before{ background:#00c63b}

.join_people_tw {margin-top:1em}
.join_people_tw .tx {color:#666; line-height:1.4; font-size:.750em;}

.agree_wrap{ position: relative; }
.agree_wrap .agree{ border:1px solid #ddd; border-top:2px solid #333; padding:3em; font-size:.813em; color:#666; line-height:1.6}
.agree_wrap .agree.H{ border-top-width:1px; height:145px; padding:2em; overflow-y:scroll!important; -ms-overflow-style: -ms-autohiding-scrollbar;}
.agree_wrap .agree p{ padding:.5em 0;}
.agree_wrap .agree strong{ color:#333;}
.agree_wrap .check{ border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; font-size:.813em; padding:10px 2em; font-weight:700; color:#333}
.agree_wrap .check label{ margin-left:2em}

.page_email{}
.page_email .email_top{ padding:20px 20px; background:#f9f9f9; border:1px solid #ddd; text-align:center; font-weight:700; font-size:.813em; color:#333; line-height:1.7;}
.page_email .email_con{ margin-top:30px;}
.page_email .email_con .tit{ text-align:center; font-weight:700; font-size:1em; color:#222;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; font-weight:700; font-size:.938em; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:.813em; color:#666; line-height:1.8;}

/**/
.page_sec { margin-top:4em !important;}
.page_sec2{ margin-top:1em !important;}
.page_sec3{ margin-top:-1px !important;}

.page_tit{ font-weight:700; color:#111; position:relative; padding-left:25px; margin-bottom:10px;}
.page_tit:before,
.page_tit:after{ content:""; position:absolute;}
.page_tit:before{ content:"\e928"; font-family:xeicon; font-size:1.500em; color:#fff; line-height:1; left:2px; top:-3px; z-index:2;}
.page_tit:after{ left:0; top:0; width:20px; height:20px; background:#333; border-radius:100%; z-index:1;}
.page_tt{ font-size:.813em; color:#666; padding:5px 0 10px 0}

.tab_st1{ margin:0 -5px 40px 0; text-align:center;}
.tab_st1 > li > a{ display:block; margin:0 30px 0 0; line-height:40px; border-bottom:3px solid #ddd; font-size:.813em; color:#777; font-weight:700; text-align:center}
.tab_st1 > li:hover > a,
.tab_st1 > li.on > a{ border-color:#e2426c; color:#000}

.tab_st2{ padding-left:1px; border-bottom:1px solid #333; text-align:center;}
.tab_st2 > li{}
.tab_st2 > li > a{ position:relative; z-index:1; display:block; margin:0 0 -1px -1px; line-height:40px; font-size:.813em; color:#888; border:1px solid #eee; border-bottom-color:transparent; transition:.1s;}
.tab_st2 > li .xi{ vertical-align:middle; display:none;}
.tab_st2 > li:hover > a,
.tab_st2 > li.on > a{ z-index:2; color:#000; border-color:#333; border-bottom-color:#fff;}
.tab_st2 > li.on > a{ font-weight:700;}

/**/
.ex_txt_wrap{ border:1px solid #ccc; padding:15px 25px; color:#444; line-height:1.5;}
.ex_list{}
.ex_list > li{ position:relative; padding:2px 0 2px 12px; font-size:.813em; color:#666;}
.ex_list > li:before{ content:""; position:absolute; top:10px; left:0; width:4px; height:2px; background:#999;}
.ex_txt_wrap .t1{ font-size:.813em;}
.ex_txt_wrap .t2{ font-size:.875em;}
.ex_txt_wrap .c1{ color:#bb0000;}
.ex_txt_wrap .c2{ color:#2a8f93;}
.ex_txt_wrap .c3{ color:#0054e0;}

/*?댁슜?덈궡*/
.page_csGuide{}
.page_csGuide .con_top{ width:100%; max-width:1060px; margin:0 auto; padding:50px 0 60px 0; background:url(../images/sub/cs_guide_img.png) no-repeat top right;}
.page_csGuide .con_top .txt_wrap{}
.page_csGuide .con_top .txt_wrap > dt{ margin-bottom:20px; font-weight:700; font-size:1.563em; color:#444; line-height:1.4;}
.page_csGuide .con_top .txt_wrap > dd{ color:#555; line-height:1.5;}
.page_csGuide .con_top .txt_wrap .c1{ color:#2a8f93;}
.page_csGuide .con_box{ padding:30px 8%; background:#dbeee9; text-align:center; font-size:.938em; line-height:1.6;}

.page_wrap{ margin-top:40px;}
.page_wrap:first-child{ margin-top:0;}
.page_wrap .tit_wrap{ margin-bottom:20px;}
.page_wrap .tit_wrap .tit{ position:relative; display:inline-block; *display:inline; zoom:1; padding-left:30px; font-size:1.250em; color:#000;}
.page_wrap .tit_wrap .tit:before{ content:"\eb2b"; font-family:xeicon; font-size:1.250em; color:#e2426c; line-height:1; position:absolute; top:-.1em; left:0;}
.page_wrap .con_wrap{ line-height:1.4;}
.page_wrap .con_wrap .txt{ padding:5px 0; font-weight:700; font-size:.938em; color:#333;}

.page_step_box{ margin:0 0 -10px -10px;}
.page_step_box .inner{ margin:0 0 10px 10px; padding:15px 15px; border:1px solid #ccc; border-top:2px solid #393a3e;}
.page_step_box .inner > dt{ margin-bottom:10px;}
.page_step_box .inner > dt .num{ display:inline-block; *display:inline; zoom:1; margin-bottom:10px; margin-left:-3px; padding:.3em 1.2em; background:#3c3d3c; border-radius:25px; font-size:.750em; color:#fff; text-transform:uppercase;}
.page_step_box .inner > dt .tt{ display:block; font-size:.938em;}
.page_step_box .inner > dd{ font-size:.750em; color:#555; line-height:1.5;}

.page_iconList{}
.page_iconList > li{ padding:3px 0;}
.page_iconList > li .tt{ position:relative; display:inline-block; *display:inline; zoom:1; padding-left:30px; font-size:.938em; color:#555;}
.page_iconList > li .tt:before{ content:"\e92b"; font-family:xeicon; font-size:1.375em; color:#3c3d3c; line-height:1; position:absolute; top:-1px; left:0;}

.page_wrap .c1{ color:#0054e0;}
.page_wrap .c2{ color:#e2426c;}

/*POPUP*/
/**************/
.pop .popWrap .popIn{ width:1000px;}
.pop .popWidth1 .popIn{ width:600px;}

.win_popWrap{ font-size:1.063em; padding:2em 2em;}
.win_popWrap .pop_tit{ overflow:hidden; padding-bottom:1em;}
.win_popWrap .pop_tit .tit{ float:left; font-size:1.500em; color:#2c2f34; font-weight:700;}
.win_popWrap .pop_tit .close{ float:right; font-size:1.250em;}

/**/
.pop .pop_cart_wrap{}
.pop .pop_cart_wrap .info_wrap{ position:relative; padding-left:190px; min-height:80px;}
.pop .pop_cart_wrap .info_wrap .img{ position:absolute; top:0; left:0; width:170px; height:227px;}
.pop .pop_cart_wrap .info_wrap .img img{ max-height:100%;}
.pop .pop_cart_wrap .info_wrap .prodTit_hd{color:#3c3c3d; font-size:.75em;}
.pop .pop_cart_wrap .info_wrap .name{ padding:.5em 0; border-bottom:1px dashed #aaa; color:#000; font-weight:700; letter-spacing:-.5px;}
.pop .pop_cart_wrap .op_wrap{ margin-top:20px;}

/**/
.pop .view_pop .pop_prod{ border:2px solid #ebebeb; overflow:hidden; margin:1em 0; padding:2em;}
.pop .view_pop .pop_prod .td{ padding:1em;}
.pop .view_pop .pop_prod .pop_img{ width:20%;}
.pop .view_pop .pop_prod .pop_tt { width:auto;}
.pop .view_pop .pop_prod .pop_tt .tt{ margin-left:1em;}
.pop .view_pop .pop_prod .pop_tt .tt1{ font-size:.813em;}
.pop .view_pop .pop_prod .pop_tt .tt2{ margin-top:10px;}
.pop .view_pop .pop_prod .star{ display:inline-block; font-family:sans-serif; margin:0 15px 5px 0; color:#000;}
.pop .view_pop .pop_prod .star input{ margin-right:5px; vertical-align:middle;}


/*term*/
.term_dv .term_tit{font-weight:600; font-size:2em; margin-bottom:.2em;}
.search_term{text-align:center;}
.search_term .ment_label{margin:0 0 15px; display:block;}
.search_term .ment_label .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#4971e3; font-size:28px; transform:rotateY(180deg)}
.search_term .ment_label > span{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#4971e3; font-size:1em; margin-left:5px;}

.search_term .cho_dv{font-size:0;}
.search_term .cho_dv > button{padding:10px; font-size:1rem; color:#707070; border:1px solid #ccc; margin-left:-1px; position:relative; z-index:1; display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#fff; transition:0.1s;}
.search_term .cho_dv > button.on,
.search_term .cho_dv > button:hover{background:#4971e3; border:1px solid #4971e3; z-index:2; color:#fff;}

.search_term .search_input{display:block; max-width:566px; width:100%; margin:50px auto 80px; position:relative;}
.search_term .search_input > input{width:94%; border:0; border-bottom:1px solid #000; padding:5px 5% 5px 1%; min-height:22px;}
.search_term .search_input .icon{ position:absolute; right:5px; top:0; font-size:21px; color:#000; background:none; border:0;}

.term_dv .term_list ul{border:1px solid #ccc; padding:3em ; border-radius:10px;}
.term_dv .term_list ul li{ margin-bottom:2em; padding-bottom:2em; border-bottom:1px dashed #ccc;}
.term_dv .term_list ul li .word{font-size:1.25em; font-weight:600; }
.term_dv .term_list ul li .txt{margin-top:10px; color:#666; font-size:0.875em; line-height:1.4;}
.term_dv .term_list ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}


.term_list_top{overflow:hidden; padding-bottom:5px;}
.term_list_top .l_dv{float:left;}
.term_list_top .l_dv .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:44px; line-height:44px; border:1px solid #999; border-radius:50%; text-align:center; font-size:25px;}
.term_list_top .l_dv .p1{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1em; color:#000;}
.term_list_top .l_dv .st1{font-size:1.5em; color:#4971e3; font-weight:600; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}

.term_list_top .r_dv{float:right; border:0; background:0;}
.term_list_top .r_dv .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:44px; font-size:30px;}
.term_list_top .r_dv .p1{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1em; color:#000;}

/****************/
.main_guide{}
.main_guide .guide_wrap .left { width:16.5%;}
.main_guide .guide_wrap .right{ width:83.5%;}
.main_guide .main_tit{ padding-top:1em;}
.main_guide .list > li{ overflow:hidden;}
.main_guide .list .resize{ padding-bottom:128%;}
.main_guide .list .inner{ display:block; text-align:center; transition:.3s;}
.main_guide .list .inner:after{ content:""; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:cover; opacity:0; transition:.3s;}
.main_guide .list .img1:after { background-image:url(../images/main/guide_img1.jpg);}
.main_guide .list .img2:after { background-image:url(../images/main/guide_img2.jpg);}
.main_guide .list .img3:after { background-image:url(../images/main/guide_img3.jpg);}
.main_guide .list .img4:after { background-image:url(../images/main/guide_img4.jpg);}

.main_guide .list .tit{ position:relative; z-index:2; padding:3.5em 0; color:#3c3d3c;}
.main_guide .list .tit:before{ content:""; position:absolute; top:0; left:50%; width:1px; height:2.5em; background:#e4ddd6;}
.main_guide .list .tit .t1{ font-size:1.125em; letter-spacing:-.5px;}
.main_guide .list .tit .t2{ font-size:1.500em; padding-top:.3em;}

.main_guide .list > li:hover .icon{ display:none;}
.main_guide .list > li:hover .inner{ transform:scale(1.1);}
.main_guide .list > li:hover .inner:after{ opacity:1;}

/*wh*/
.com_top { height: 448px; background: url('../images/sub/sub1_1img1.jpg') no-repeat 50% 50%; background-attachment: fixed; }
.com_top .txt_wrap { display: inline-block; padding: 40px 50px; background: rgba(255,255,255,.85); margin-top: 40px;}
.com_top .eng { font-size: 1.5em; color: #444; }
.com_top .kor { font-size: 2em; color: #222; font-weight: 600; letter-spacing: -1px; line-height: 1.3; margin-top: 25px; }
.com_top .line { width: 30px; height: 3px; background: #dc1054; margin: 15px 0; }
.com_top .st { font-size: 1.438em; color: #dc1054; }

.com_btm .btm_in { padding-top: 50px; box-sizing: border-box; }
.com_btm .btm { overflow: hidden; border: 1px solid #CCC; box-sizing: border-box; }
.com_btm .left { float: left; width: 45%; }
.com_btm .right { float: left; width: 55%; padding: 35px 45px; box-sizing: border-box; }
.com_btm .right .line { width: 26px; height: 2px; background: #e2426c; margin-top: 20px; margin-bottom: 12px; }
.com_btm .right .eng { color: #777; letter-spacing: 2px; }
.com_btm .right .t1 { font-size: 1.25em; line-height: 1.4; color: #222; font-weight: 600; margin-top: 25px; }
.com_btm .right .t2 { font-size: 1em; line-height: 2.2; color: #222; font-weight: 400; margin-top: 20px; }

.com_btm{margin-top:3em;}
.com_btm .p1{font-size:2.5em; font-weight:600;}
.com_btm .p2{font-size:1.125em; line-height:1.4; margin-top:1em;}
.com_btm .line_img{display:block; width:100%; height:43px; background:url(../images/sub/sub1_1img2.jpg) no-repeat right center; margin:2em 0;;}
.com_btm .dv01{overflow:hidden;}
.com_btm .dv01 .l_dv{float:left; width:37%;}
.com_btm .dv01 .r_dv{float:right;width:60%;}
.com_btm .dv01 .r_dv ul{padding-top:1em;}
.com_btm .dv01 .r_dv ul li{position:relative; padding-left:110px; margin-bottom:.8em; line-height:1.4; color:#666;}
.com_btm .dv01 .r_dv ul li span{position:absolute; left:10px; top:0; font-weight:600; color:#000;}
.com_btm .dv01 .r_dv ul li::before{content:''; position:absolute; left:0; top:6px; width:3px; height:3px; background:#f25252;}

.review_dv > ul{overflow:hidden; margin-left:-30px;}
.review_dv > ul li{float:left; width:33.33%; margin-bottom:20px;}
.review_dv > ul li .border_dv{margin-left:30px;}
.review_dv > ul li .border_dv .img_dv{overflow:hidden;}
.review_dv > ul li .border_dv .img_dv img{width:100%; height:100%; transition:0.3s;}
.review_dv > ul li .border_dv .txt_dv{padding:1em .5em;}
.review_dv > ul li .border_dv .txt_dv .tit{font-size:1.125em; font-weight:600; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.review_dv > ul li .border_dv .txt_dv .id{font-size:0.875em; color:#999; margin-top:1em;}
.review_dv > ul li .border_dv .txt_dv .star_dv .xi{color:#7f71d9; font-size:1em; margin-top:3px}
.review_dv > ul li .border_dv .txt_dv .txt{margin-top:1em; font-size:0.875em; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.review_dv > ul li .border_dv .prod_info_dv{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; box-sizing:border-box; position:relative; height:70px;}
.review_dv > ul li .border_dv .prod_info_dv .prod_img_dv{width:50px; height:50px; position:absolute; left:10px; top:10px;}
.review_dv > ul li .border_dv .prod_info_dv .prod_img_dv img{width:100%; height:100%;}
.review_dv > ul li .border_dv .prod_info_dv .in{padding:0 70px;}
.review_dv > ul li .border_dv .prod_info_dv .p1{color:#ff3333; font-size:0.75em; margin-top:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.review_dv > ul li .border_dv .prod_info_dv .p2{color:#000; font-size:0.813em; margin-top:4px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.review_dv > ul li .border_dv .prod_info_dv .more_btn{position:absolute; top:10px; right:10px; display:block; width:60px; height:50px; border:1px solid #ddd; text-align:center; box-sizing:border-box;}
.review_dv > ul li .border_dv .prod_info_dv .more_btn .xi{color:#999; margin-top:4px;}
.review_dv > ul li .border_dv .prod_info_dv .more_btn p{color:#999; margin-top:-2px; font-size:13px;}

.review_dv > ul li .border_dv > a:hover .img_dv img{transform:scale(1.1,1.1)}
.review_dv > ul li .border_dv .prod_info_dv .more_btn:hover{background:#ff3333; border-color:#ff3333; }
.review_dv > ul li .border_dv .prod_info_dv .more_btn:hover *{color:#fff;}

/*history*/
.his_tit {font-size:1.5em; padding-bottom:1.5em; text-align:center; position:relative; margin-bottom:2em;}
.his_tit:after {position:absolute; content:""; width:3%; height:2px; background:#90c820; bottom:0; left:50%;}
.his_tit:before {position:absolute; content:""; width:3%; height:2px; background:#22287b; bottom:0; left:47%;}

.his_tit .in {vertical-align:top; color:#1da1f2; font-family:'notokrB';}
.history_area{ position:relative;}
.history_area .history_lst{ margin-left:190px; }
.history_area .history_lst .list{ *zoom:1; padding:30px 0; border-bottom:1px solid #ccc;}
.history_area .history_lst .list:after{ content:""; display:block; clear:both;}
.history_area .history_lst .list:first-child{ margin-top:0;}
.history_area .history_lst .list dt{ float:left; width:125px; margin:0 0 0 -145px;  text-align:right; position:relative}
.history_area .history_lst .list dt span{ display:inline-block; *display:inline; zoom:1; letter-spacing:-1px;}
.history_area .history_lst .list dt .year {font-size:2.7em; color:#e17c9e; margin:-5px 10px 0 0; font-weight:500}
.history_area .history_lst .list dd{ font-size:16px; margin-left:-10px; padding:5px 0 5px 40px; line-height:24px;}
.history_area .history_lst .list dd.first { margin-left:-10px; padding:5px 0 5px 40px; line-height:30px;font-size: 1em;}
.history_area .history_lst .list dd strong { color:#888; padding-right:10px; font-size:14px; min-width: 35px; display: inline-block;}





.discount{ font-size:.875em; color:#888; text-decoration:line-through;}
.price .tt{ color:#dc1054; font-weight:700; vertical-align:middle;}
.price .t1{ font-size:1.500em;}
.price.sm .t1{ font-size:1.25em;}
.price .t2{ font-size:.938em;}

/*sm*/
.txt_ml{text-decoration:line-through;}
.info_table .price{color:#dc1054; font-weight:700; vertical-align:baseline; font-size:1.5em;}
.info_table .price.txt_ml{color:#555; font-weight:400; font-size:1em;}
.info_table .price.time{margin-left:.5rem;}
.info_table .price.time span{vertical-align:baseline; font-size:.75em; color:#a81a49;}
.info_table .price .price_Sale {font-size:.750em;}
.info_table .price .price_Sale .xi {font-size:.875em;}

.prod_icon_wrap_new img{vertical-align:middle;}

.board_tit th{ background:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#111; padding:10px; border-top:2px solid #333;  border-bottom:1px solid #ddd;}
.board_tit .bg_sec{ background-image:url(/images/board/sec.gif); background-repeat:no-repeat; background-position:right center;}
.board_tit td{color:#000; padding:10px; border-bottom:1px solid #cccccc}
.board_tit input{ vertical-align:top; *vertical-align:middle}

.board{ table-layout:fixed;background:#fff; letter-spacing:-1px; word-spacing:1px }
.board th{background:#999999;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:10px;}
.board .bg_sec{ background-image:url(/images/board/sec.gif); background-repeat:no-repeat; background-position:right center}
.board:hover{ background:#f9f9f9}
.board td{ color:#111; padding:10px; border-bottom:1px solid #dddddd; font-size:13px;}
.board td:nth-of-type(3){color:#666; font-size:13px;}
.board td:nth-of-type(3) strong{color:#111; font-size:16px;}
.board td a{ color:#999}

.board_re{table-layout:fixed;background:#f9f9f9; letter-spacing:-1px; word-spacing:1px  }
.board_re:hover{background:#ebebeb; }
.board_re td{ padding:10px; border-bottom:1px solid #dddddd; color:#999 }
.board_re .td_btn{ position:absolute; right:10px; bottom:0}

.board_on td{ background:#fbf6fd; color:#333}


#contents .page_box .page{ padding:10px 30px 40px 30px; box-sizing:border-box;}
.pop_wrap3{  width:100%; height:480px; text-align:center; overflow:auto;overflow-x: hidden;scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#CCCCCC; scrollbar-track-color:#F9F9F9; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;	scrollbar-highlight-color:#CCCCCC;scrollbar-shadow-color:#CCCCCC;}

.pop_cp_sm_tit{font-size:1.75rem; margin:0 !important; font-weight:700; letter-spacing:-.5px; font-family:'Rb','ng',sans-serif;}
.pop_cp_sm_sub{font-weight:700; color:#dc1054; font-size:13px; font-family:'Rb','ng',sans-serif;}

.sub .Main_con14_Wrap{background:none;}
.Main_con14_Wrap .con8_review_list .vm_wrap{overflow:hidden;}
.best_rv_icon{position:absolute; bottom:30px; right:-87px; display:inline-block; width:100%; height:18px; line-height:18px; font-size:.875em; color:#dc1054; background:rgba(255,255,255,.6); border-top:2px solid #dc1054; border-bottom:2px solid #dc1054; transform:rotate(-45deg);}

.rv_tab_wrap_sm{margin-top:2rem;}
.board .xi{color:#dc1054;}
.board .txt_black{color:#111 !important;}

.v_star i{font-size:1em; margin-top:-4px; color:#dc1054;}

.prod_box.v_prod_sm{padding-top:15px; border-top:1px solid #ddd; width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.prod_box.v_prod_sm .thumb_box{width:80px; max-width:80px; min-width:80px;}
.prod_box.v_prod_sm .thumb_box img{height:115px;}
.prod_box.v_prod_sm .thumb_cap{margin-left:30px; display:flex; flex-wrap:nowrap; flex-direction:column; width:calc(100% - 110px); justify-content:space-between;}
.prod_box.v_prod_sm .thumb_cap .thumb_tit{font-size:1.125em; color:#777; font-weight:bold; width:100%; margin-bottom:1rem;}
.prod_box.v_prod_sm .thumb_cap .thumb_ctt{font-size:1em; line-height:1.4; width:100%; margin-bottom:1rem;}
.prod_box.v_prod_sm .thumb_cap .thumb_table{margin-top:.75rem;}
.prod_box.v_prod_sm .thumb_link_btn{cursor:pointer; width:180px; height:40px; line-height:31px; border:1px solid #bbb; background:#f5f5f5; box-sizing:border-box; text-align:center;transition:.3s;}
.prod_box.v_prod_sm .thumb_link_btn:hover{color:#cd1054;}
.prod_box.v_prod_sm .thumb_link_btn span{font-size:.813em; vertical-align:baseline; line-height:1.4;}
.prod_box.v_prod_sm .thumb_link_btn i{font-size:1.125em; transform:translate(0px, 4px); transition:.3s;}
.prod_box.v_prod_sm .thumb_link_btn:hover i{transform:translate(5px, 4px);}

.v_prod_name{width:100%; margin-bottom:1rem; }
.v_prod_name i{font-size:1em; margin-top:-4px; color:#dc1054;}

/**/
.my_search_wrap{ padding:2em; border:1px solid #ddd; font-size:.938em; color:#666; margin-bottom:1em;}
.my_search_wrap .tit{ font-size:1em; font-weight:700; margin-bottom:.5em; color:#111}
.my_search_wrap .tit .xi{ font-size:1.5em; vertical-align: top; margin-top:-.2em}
.my_search_wrap .input_st{ min-width:5em}

/**/
.exchange_pop_Wrap {margin-top:.8em;}
.exchange_pop_Wrap .tw {display:block; text-align:center;}
.exchange_pop_Wrap .ti {background:#fb7b72; display:inline-block; text-align:center; padding:.3em 1em; border-radius:7px; margin-bottom:1em;}
.exchange_pop_Wrap .ti .xi {vertical-align:middle; font-size:1em; color:#fff}
.exchange_pop_Wrap .ti .tt {vertical-align:baseline; font-size:.813em; color:#fafafa }
.exchange_pop_Wrap .inner {padding:1.3em; border:1px dashed #ddd;}
.exchange_pop_Wrap .in_tbl_wrap  {margin-bottom:1.375em;}
.exchange_pop_Wrap .in_tbl_wrap:last-child {margin-bottom:0;}
.exchange_pop_Wrap .in_tbl_wrap > table {margin-bottom:.5em;}
.exchange_pop_Wrap .in_tbl_wrap .t1 {font-family: 'ns'; font-weight:700; font-size:1.063em;  padding-bottom:.250em;}
.exchange_pop_Wrap .in_tbl_wrap .tx {font-size:.750em; color:#333; padding-bottom:.5em; padding-left:.7em; position:relative}
.exchange_pop_Wrap .in_tbl_wrap .tx:before {position:absolute; content:""; width:2px; height:2px; border-radius:50%; left:2px; top:5px; background:#333}

/**/
.memo_st{ border:1px solid #ddd; background:#f7f7f7; padding:1.250em; margin-top:1em;}
.memo_st .tit {background:#fb7b72; display:inline-block; text-align:center; padding:.5em 1.250em; border-radius:7px; margin-bottom:1em; font-size:1.063em; color:#fafafa; font-family: 'ns'; font-weight:700; }
.memo_st > dl {padding:1em; border:1px dashed #ddd; background:#fff; margin-bottom:.5em;}
.memo_st > dl:last-child {margin-bottom:0;}
.memo_st > dl > dt {font-family: 'ns'; font-weight:700; font-size:1.063em;  padding-bottom:.7em;}
.memo_st > dl > dd {margin-left:1em;}
.memo_st > dl > dd .ti {font-size:.875em; padding-bottom:.5em;}
.memo_st > dl > dd .ti.st {padding-top:1em;}
.memo_st > dl > dd .tx {font-size:.813em; color:#333; line-height:2; padding-left:.7em; position:relative;}
.memo_st > dl > dd .tx:before {position:absolute; content:""; width:2px; height:2px; border-radius:50%; left:2px; top:11px; background:#333}

/*COMMENT***************************/
.comment_wrap{ max-width:1100px; margin:0 auto}
.board_comm_tit{ margin-top:60px; font-size:.875em; color:#666;}
.board_comm_tit .c1{ color:#ff3347; vertical-align:baseline}
.comment_area{ margin-top:15px; border:1px solid #ddd;}
.comment_area .inner{ padding:20px; background:#f5f5f5;}
.comment_area .comment_tit{ margin-bottom:15px; overflow:hidden;}
.comment_area .comment_tit .tit{ float:left;}
.comment_area .comment_tit .num{ float:right;}
.comment_area .comment_tit .tit > span{ padding-right:10px; color:#666; vertical-align:middle;}
.comment_area .comment_tit .tit .t1{ font-size:.875em; color:#000;}
.comment_area .comment_tit .tit .t2{ font-size:.813em;}
.comment_area .comment_tit .num{ float:right; font-size:.813em; color:#222;}
.comment_area .comment_tit .num .max{ color:#ff3347;}
.comment_area .comm_info{ margin-bottom:5px;}
.comment_area .comm_info .input_st{ font-size:0.875em;}
.comment_area .comment{ position:relative; padding-right:120px}
.comment_area .comment .comment_txt{ width:100%; height:80px; padding:10px 10px; font-size:.875em; background:#fff;}
.comment_area .comment .comment_btn{ position:absolute; top:0; right:0; width:100px; height:100%; text-align:center; font-size:0.938em; color:#fff; background:#444; border-radius:3px; border:0;}
.comment_area .comment_top{ padding:10px 20px 8px 20px; border-bottom:1px solid #ccc; overflow:hidden; background:#f8f8f8;}
.comment_area .left_area{ float:left; text-align:left;}
.comment_area .left_area > dt,
.comment_area .left_area > dd{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.comment_area .name{ font-size:.875em; color:#000;}
.comment_area .pass{ font-size:.875em; color:#000;}
.comment_area .date{ font-size:0.813em; color:#888; margin-left:10px;}
.comment_area .comm_txt{ font-size:.938em; color:#333; line-height:1.6;}
.comment_area .comment_edit{ float:right; text-align:right;}
.comment_area .comment_edit > a{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:0.750em; color:#333; border:1px solid #aaa; border-radius:3px; background:#fff; padding:0.3em 1em;}
.comment_area .comment_bottom{ padding:18px 24px 18px 24px; overflow:hidden;}
.comment_area .comment_bottom .re_comm{ margin-top:20px; padding:15px 15px 0 0; border-top:1px dashed #ccc;}
.comment_area .comment_bottom .re_comm > dt,
.comment_area .comment_bottom .re_comm > dd{ padding-left:30px;}
.comment_area .comment_bottom .re_comm > dt{ margin-bottom:8px; position:relative;}
.comment_area .comment_bottom .re_comm > dt:before{ content:"\e97e"; font-family:xeicon; font-size:1.625em; color:#aaa; position:absolute; top:-2px; left:0;}
.comment_area .comment_bottom .re_comm .edit_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:0.750em; color:#fff; background:#888; border:none; border-radius:3px; padding:0.3em 0.8em;}