@charset "utf-8";
/* CSS Document */
.box0{ width:94%; margin:0 auto}
.box1{ width:1600px; margin:0 auto}
.box2{ width:1400px; margin:0 auto}

.gnb li.m_hide{ display:none}

/*body:not(.pop){ display:flex; flex-wrap:wrap}*/
body:not(.isIE){ height:100vh}
body.body_adm{flex-wrap:nowrap;}
#header,
#footer,
#contents{ width:100%; box-sizing:border-box; /*overflow-x:hidden;*/}
#footer{ margin-top:auto; z-index:1}

#header{ position: relative; left:0; top:0; width:100%; z-index:1000; background:#027041;}
body:not(.main) #header{}
#header .etc_wrap{ background:#e87f40; color:#fff}
#header .etc_wrap .wrapH{ height:3.125em}
#header .etc_wrap .add .icon{ position:relative; margin-right:.75em}
#header .etc_wrap .add .icon .line{ width:1px; margin-right:4px; position:relative}
#header .etc_wrap .add .icon .line:before{ content:""; position:absolute; left:0; bottom:0; width:100%; background:#fff; animation-name: lineAni; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate}
#header .etc_wrap .add .icon .line.line1{height:.625em;}
#header .etc_wrap .add .icon .line.line2{height:1.25em;}
#header .etc_wrap .add .icon .line.line3{height:1em;}
#header .etc_wrap .add .icon .line.line4{height:.3125em;}
#header .etc_wrap .add .icon .line.line1:before{ animation-delay: .2s;}
#header .etc_wrap .add .icon .line.line2:before{ animation-delay: .4s;}
#header .etc_wrap .add .icon .line.line3:before{ animation-delay: .6s;}
#header .etc_wrap .add .icon .line.line4:before{ animation-delay: .8s;}
@keyframes lineAni{
from { height:0}
to { height:100%}
}
#header .headerAddSlider .el{ display:flex; align-items:center}
#header .headerAddSlider .el .t1{}
#header .etc_wrap .menu_wrap{ margin-left:auto}
#header .etc_wrap .menu_wrap .menu > li > a{ font-size:.875em; padding:1.25em; margin:0 -1.25em 0 1.25em}
#header .etc_wrap .menu_wrap .menu > li:hover > a {font-weight: 700;}

#header .top_wrap {}
#header .top_wrap .wrapH{ height:6.25em; box-sizing:border-box;}
#header .top_wrap .logo > a{ display:block}
#header .top_wrap .logo > a .in{ display:block}
#header .top_wrap .logo > a .in img{ display:block; filter: brightness(0) invert(1);}
#header .top_wrap .search_wrap{ position:relative; margin-right:7em}
#header .top_wrap .search_wrap .inp{ height:3.3em; border-radius:2.5em; width:24em; padding:.5em 4em .5em 1.5em; border:none; color:#777; font-size:.96em; border: 2px solid #fff; box-sizing:border-box;}
#header .top_wrap .search_wrap .btn{ position:absolute; right:0; top:0; width:4em; height:100%; text-align:center; color:#027041; border:none; background:none}

#header .menu_wrap .search_wrap{ position:relative; margin-right:7em}
#header .menu_wrap .search_wrap .inp{ height:3.3em; border-radius:2.5em; width:24em; padding:.5em 4em .5em 1.5em; border:none; color:#777; font-size:.96em; border: 2px solid #fff; box-sizing:border-box;}
#header .menu_wrap .search_wrap .btn{ position:absolute; right:0; top:0; width:4em; height:100%; text-align:center; color:#027041; border:none; background:none}


#header .top_wrap .icon_wrap{ margin-left:auto}
#header .top_wrap .icon_wrap .icon > li > a{ padding:.75em 1.25em; position:relative}
#header .top_wrap .icon_wrap .icon > li > a .xi{ font-size:2em}
#header .top_wrap .icon_wrap .icon > li > a .no_wrap{ position:absolute; left:50%; top:50%; transform:translate(25%, -100%); padding:0 .625em; border-radius:1em; background:#027041; color:#fff; font-size:.688em; box-sizing:border-box; line-height:1.75em}
#header .top_wrap .icon_wrap .icon > li > a .no_wrap .no{ margin-top:.125em}

#header .top_wrap .icon_wrap .shop{ padding:.625em 0;}
#header .top_wrap .icon_wrap .shop > li > a{ display:block; text-align:center; padding:.5em .75em 0 .75em;}
#header .top_wrap .icon_wrap .shop > li > a .ico{ position:relative; display:inline-block;}
#header .top_wrap .icon_wrap .shop > li > a .ico .img{ width:1.5em; filter: brightness(0) invert(1);}
#header .top_wrap .icon_wrap .shop > li > a .ico .xi{ font-size:2em}
#header .top_wrap .icon_wrap .shop > li > a .ico .no{ position:absolute; right:0; top:0; padding:.375em .625em; overflow:hidden; border-radius:3em; background:#fff; color:#027041; font-size:.688em; font-weight:700; transform:translate(70%, -30%);}
#header .top_wrap .icon_wrap .shop > li > a .tt{ display:block; font-size:.688em; margin-top:.5em; color: #fff;}
#header .top_wrap .icon_wrap .shop > li > a:hover .tt{ color:#fff;}
#header .top_wrap .icon_wrap .shop > li.m_cart > a .ico .no{ background:#fff;}

.gnbhSlide {padding-left: 5em;}
.gnbhSlide .gnbh_control {}
.gnbhSlide .gnb_con {width: 90%;}

.gnbh_control {background: #027041; padding: .3em .6em; border-radius: 3em; gap: 0.5em; z-index: 10; position: absolute;}
.gnbh_control .swiper-button-prev,
.gnbh_control .swiper-button-next {position: unset; margin-top: unset; width: 2em; height: 2em; line-height: 2em; background: #fff; color: #027041; border-radius: 50%;}
.gnbh_control .btn:before {font-family:xeicon;}
.gnbh_control .gnbh_prev:before {content:"\e93b";}
.gnbh_control .gnbh_next:before {content:"\e93e";}

#header .icon_wrap .all{ width:3em;}
#header .icon_wrap .all_btn{ position:relative; display:block; width:2em; height:1.125em;}
#header .icon_wrap .all_btn .ham,
#header .icon_wrap .all_btn .ham:before,
#header .icon_wrap .all_btn .ham:after { display:block; width:100%; height:2px; background:#000; transition:.2s, background 0s;}
#header .icon_wrap .all_btn .ham:before,
#header .icon_wrap .all_btn .ham:after { content:""; position:absolute; left:0;}
#header .icon_wrap .all_btn .ham:before{ top:calc(50% - 1px); width:75%;}
#header .icon_wrap .all_btn .ham:after { top:calc(100% - 2px); width:88%;}
#header .icon_wrap .all_btn:hover .ham:before{ width:100%;}
#header .icon_wrap .all_btn:hover .ham:after { width:100%;}

#header .all_wrap .all_layer{ position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; pointer-events:none;}
#header .all_wrap .all_layer .all_close{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); opacity:0;}
#header .all_wrap .all_layer .all_close .all_btn{ z-index:999; position:absolute; top:1em; left:31em; width:3em; height:3em; transition:.3s;}
#header .all_wrap .all_layer .all_close .all_btn .ham{ background:transparent !important; transition:0s;}
#header .all_wrap .all_layer .all_close .all_btn .ham:before,
#header .all_wrap .all_layer .all_close .all_btn .ham:after { height:4px; width:100% !important; top:50% !important; background:#fff;}
#header .all_wrap .all_layer .all_close .all_btn .ham:before{ transform:rotate(45deg);}
#header .all_wrap .all_layer .all_close .all_btn .ham:after { transform:rotate(-45deg);}
#header .all_wrap .all_layer .all_close .all_btn:hover{ transform:rotate(180deg);}
#header .all_wrap .all_layer .all_inner{ position:relative; width:30em; max-width:100%; height:100%; background:#fff; box-shadow:.5em 0 1em rgba(0,0,0,.15); transform:translateX(-100%);}
#header .all_wrap .all_layer .all_inner > .wrap_in{}

#header .all_wrap .all_layer .wrap_top{ padding-top:1.5em;}
#header .all_wrap .all_layer .wrap_top a{ transition:.2s;}
#header .all_wrap .all_layer .wrap_top .all_name{ gap:1em; padding:.5em 1em;}
#header .all_wrap .all_layer .wrap_top .all_name .ico{ font-size:2.500em;}
#header .all_wrap .all_layer .wrap_top .all_name .name{ flex:1;}
#header .all_wrap .all_layer .wrap_top .all_name .name .tt{}
#header .all_wrap .all_layer .wrap_top .all_name .name .t1{ font-size:.875em; color:#555;}
#header .all_wrap .all_layer .wrap_top .all_name .name .t2{ font-size:1.375em; font-weight: 800;}
#header .all_wrap .all_layer .wrap_top .all_name .name .po{ font-weight:700; vertical-align:baseline;}
#header .all_wrap .all_layer .wrap_top .all_name .name a:hover{ text-decoration:underline;}
#header .all_wrap .all_layer .wrap_top .all_mem{ gap:.25em; padding:1em 1em;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in{ height:2.25em; padding:0 1em; border:1px solid #ddd; border-radius:.25em; line-height:normal;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .tt{ font-size:.938em; font-weight:500; line-height: 2.25em;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover{ background:#59595b; border-color:#59595b; color:#fff;}
#header .all_wrap .all_layer .wrap_top .all_menu{ border:solid #eee; border-width:1px 0;}
#header .all_wrap .all_layer .wrap_top .all_menu > li{ flex:1;}
#header .all_wrap .all_layer .wrap_top .all_menu > li .in{ gap:.375em; height:4em; padding:1em .5em 0;}
#header .all_wrap .all_layer .wrap_top .all_menu > li .ico{ filter:invert(50%) sepia(56%) saturate(5104%) hue-rotate(337deg) brightness(92%) contrast(94%);;}
#header .all_wrap .all_layer .wrap_top .all_menu > li .ico img{ height:1.25em;}
#header .all_wrap .all_layer .wrap_top .all_menu > li .tt{ font-size:.938em; font-weight:500;}
#header .all_wrap .all_layer .wrap_top .all_menu > li .in:hover{ background:#59595b; color:#fff;}
#header .all_wrap .all_layer .wrap_top .all_menu > li .in:hover .ico{ filter:brightness(0) invert(1);}
#header .all_wrap .all_layer .wrap_middle{ padding:1em 1em 3em 1em; background:#edeff1;}
#header .all_wrap .all_layer .wrap_middle .all_cate{}
#header .all_wrap .all_layer .wrap_middle .all_gnb{ margin-top:1em;}
#header .all_wrap .all_layer .wrap_middle .gnb{ flex-wrap:wrap;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{ flex:1 1 100%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_best,
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_new{ flex:1 1 50%; margin-top:1em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_best .dp1,
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_new .dp1{ display:flex; align-items:center; justify-content:center; gap:0 .25em; border-left-width:1px; margin-left:-1px; text-align:center;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_best .dp1 .arrow,
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_new .dp1 .arrow{ order:-1;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_best .dp1 .arrow:before{ content:"\ec0d";}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_new .dp1 .arrow:before { content:"\ea16";}
#header .all_wrap .all_layer .wrap_middle .gnb ul.flex{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb a{ position:relative; text-align:left; font-weight:500; transition:.2s;}
#header .all_wrap .all_layer .wrap_middle .gnb .m_hide{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb li.plus{}
#header .all_wrap .all_layer .wrap_middle .gnb li.plus > a.link{ display:none;}
#header .all_wrap .all_layer .wrap_middle .gnb li.plus > a.layer{ display:block !important; padding-right:2.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb li.plus > a .arrow{ position:absolute; right:1em; top:50%; transform:translateY(-50%); font-size:1em;}
#header .all_wrap .all_layer .wrap_middle .gnb li.plus > a .arrow:before{ content:"\e943"; font-size:1.250em; display:block; transition:.2s;}
#header .all_wrap .all_layer .wrap_middle .gnb li.plus > ul{ display:none;}
#header .all_wrap .all_layer .wrap_middle .gnb li.plus.open > a .arrow:before{ transform:rotate(-180deg);}
#header .all_wrap .all_layer .wrap_middle .gnb li.plus.open > ul{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb > li:hover .dp1,
#header .all_wrap .all_layer .wrap_middle .gnb > li.plus.open .dp1{ background:#e87f40; color:#fff;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.plus.open > a{ color:#e87f40;}
#header .all_wrap .all_layer .wrap_middle .gnb ul{ padding:1em 1em;}
#header .all_wrap .all_layer .wrap_middle .gnb ul li > a{ padding:.75em .5em;}
#header .all_wrap .all_layer .wrap_middle .gnb ul li.plus .arrow{ right:.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{ background:#fff;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1{ height:3.75em; padding:0 1.5em; border:solid #edeff1; border-width:1px 0; margin-bottom:-1px;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .va{ font-size:1.125em;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 {display: none !important;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a{ padding-left:1.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a:before{ content:""; position:absolute; left:.75em; top:50%; width:.313em; height:.313em; background:#e87f40; border-radius:50%; transform:translateY(-50%);}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a .va{ font-size:1.063em;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li:hover > a{ background:#edeff1}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3{ background:#f8f6f3;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li > a{ color:#444;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li + li > a{ border-top:1px dashed #ddd;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li:hover > a .va{ text-decoration:underline;}

#header .all_wrap .all_layer .wrap_middle .gnb > li.m_mall {display: none;}

#header .all_wrap .all_layer .wrap_bottom {padding:1em 1em 3em 1em; background:#fff;}
#header .all_wrap .all_layer .wrap_bottom .best_tit {}
#header .all_wrap .all_layer .wrap_bottom .best_tit p { font-size:1.375em; font-weight:800;}
#header .all_wrap .all_layer .wrap_bottom .best_tit p .xi { color:#e87f40; vertical-align: bottom; margin-right: 0.3em;}
#header .all_wrap .all_layer .wrap_bottom .best_tit p span { vertical-align:baseline;}
#header .all_wrap .all_layer .wrap_bottom .best_inn { margin-top:1em; border-top:1px solid #e87f40; border-bottom:1px solid #e87f40;}
#header .all_wrap .all_layer .wrap_bottom .best_inn li > .in { height: 3.75em; padding: 0 1.5em; border: solid #edeff1; border-width: 1px 0; margin-bottom: -1px; display: block !important; line-height:3.75em; font-size:1.125em; position:relative;}
#header .all_wrap .all_layer .wrap_bottom .best_inn li > .in:before { position:absolute; content:''; width:100%; height:100%; top:0; left:0; background-color:#e87f40; opacity:0;}
#header .all_wrap .all_layer .wrap_bottom .best_inn li > .in .num {color:#e87f40; margin-right:.5em;}
#header .all_wrap .all_layer .wrap_bottom .best_inn li > .in .name {}
#header .all_wrap .all_layer .wrap_bottom .best_inn li:first-child { font-weight:600;}
#header .all_wrap .all_layer .wrap_bottom .best_inn li > .in:hover:before { opacity:.1;}

.allGnbOn{ overflow-y:hidden}
.allGnbOn body{ overflow-y:scroll}
.allGnbOn #header .all_wrap .all_layer{ z-index:99; opacity:1; visibility:visible; pointer-events:all;}
.allGnbOn #header .all_wrap .all_layer .all_close{ opacity:1; transition:.4s;}
.allGnbOn #header .all_wrap .all_layer .all_inner{ transform:translateX(0); transition:.4s;}

.scroll #header { position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0 8px 15px rgba(0, 0, 0, .1);}
.scroll #header .banner_top {display: none;}

#quick{ position:fixed; right:2em; top: 30%; z-index:1001; width:5.625em; transition:.3s}
#quick .inner{background:#fff; border:1px solid #ddd; border-radius:2em; padding:1.250em .5em;box-shadow: 0 0.25em 0.75em rgba(27,60,111,.15);}
#quick .inner .list{  }
#quick .inner .list > li{padding-bottom:1em; margin-bottom:1em; border-bottom:1px solid #ddd;}
#quick .inner .list > li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:none;}
#quick .inner .list > li .in{}
#quick .inner .list > li .in .icon{transition:.4s;}
#quick .inner .list > li .in .icon img { width: 2em; }
#quick .inner .list > li .in .tt{}
#quick .inner .list > li .in .tt > p{font-size:.813em; color:#333; padding-top:1em; letter-spacing:-.5px; font-weight:500;}
#quick .inner .list > li:hover .in .icon{transform:rotateY(360deg);}
#quick .inner .goTop{ width:3.125em; height:3.125em; background:#027041; border:3px solid #027041; border-radius:50%; color:#fff; margin:1.5em auto 0 auto;}
#quick .inner .goTop .xi{ font-size:1.250em; line-height:1; display:block;}
#quick .inner .goTop .tt{ font-size:.750em; font-weight:500; display:block; }
#quick .inner .goTop:hover {background-color: #e87f40; color: #fff; border-color: #e87f40;}




/* bottom menu  */

#header .menu_wrap .wrapH{ height:3.125em}
#header .menu_wrap {padding: .5em 0;}
#header .menu_wrap .cateAll_wrap .wrapBtn{ color:#027041; background: #fff; border-radius: .8em; font-weight: 600; width: 3em; height: 3em; text-align: center;}
#header .menu_wrap .cateAll_wrap .wrapBtn .xi{ font-size:1.575em;}
#header .menu_wrap .cateAll_wrap .wrapBtn .ico:before{ content:"\e960"}
#header .menu_wrap .cateAll_wrap .wrapBtn .tt{ font-weight:500; margin:0 .25em}
#header .menu_wrap .cateAll_wrap .wrapBtn:hover {background: #111; color: #fff;}
#header .menu_wrap .cateAll_wrap.on .wrapBtn .ico:before{ content:"\e922"}
#header .menu_wrap .cateAll_wrap .all_wrap,
#header .menu_wrap .cateAll_wrap .all_wrap .moreClose{background:#fff; border:solid #ccc; box-shadow:0 3px 10px rgba(0,0,0,.1);}
#header .menu_wrap .cateAll_wrap .all_wrap{ position:absolute; z-index:100; left:0; right:0; border-bottom: 3px solid #027041; box-sizing:border-box; padding:.5em 0 1em 0; border-width:0 0 1px 0; opacity:0; visibility:hidden;border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb{ flex-wrap:wrap; height: 25em; overflow-y: auto;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li{ width:16.6666%;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li.m_best {display: none;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li a{ padding:.25em .5em;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp1,
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp2{ margin:1em .5em}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp2{ display:block}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp1{ padding-top:.75em; padding-bottom:.75em; text-align: left; border-bottom:1px solid #e76406; color:#000;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp1 .va{ font-size:1.05em; font-weight:600;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp1 .arrow{ display:none;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp2 > li{ position:relative; z-index:1; margin-top:.063em; border-bottom: 1px dashed #ddd; padding: .3em 0;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp2 > li > a{ color:#000; text-align: left;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp2 > li > a .va{ font-size:.875em;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp3{ position:absolute; top:0; left:100%; width:12em; padding:.5em .5em; background:#fff; border:1px solid #ddd; box-sizing:border-box; display:none;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp3 > li > a{ display:block; padding: .3em 0;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp3 > li > a .va{ font-size:.913em;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li:nth-child(6n) .dp3{ right:100%; left:auto;}

#header .menu_wrap .cateAll_wrap .all_wrap .moreClose{ position:absolute; bottom:-3em; margin-bottom:-1px; left:50%; background:#027041; transform:translateX(-50%); line-height:3em; padding:0 1.5em; border-width:0 1px 1px 1px;border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;}
#header .menu_wrap .cateAll_wrap .all_wrap .moreClose .tt{ font-size:.938em; font-weight:800; color: #fff;}
#header .menu_wrap .cateAll_wrap .all_wrap .moreClose .xi{ font-size:1em; margin-left:.5em; color: #fff;}
#header .menu_wrap .cateAll_wrap .all_wrap .moreClose:hover {background:#58585a; }
#header .menu_wrap .cateAll_wrap .all_wrap .moreClose:hover .tt,
#header .menu_wrap .cateAll_wrap .all_wrap .moreClose:hover .xi {color:#fff;}

#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li:hover .dp1 .va { font-weight: 800;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp2 > li:hover{ z-index:2;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp2 > li:hover > a{ background:#f4f4f4; font-weight: 600;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp2 > li:hover .dp3{ display:block;}
#header .menu_wrap .cateAll_wrap .all_wrap .gnb > li .dp3 > li:hover > a { background:#f4f4f4; font-weight: 600;}

#header .menu_wrap .cateAll_wrap:hover .all_btn .icon .ham:before{ width:80%;}
#header .menu_wrap .cateAll_wrap:hover .all_btn .icon .ham:after{ width:120%;}
#header .menu_wrap .cateAll_wrap.on .all_wrap{ opacity:1; visibility:visible;}
#header .menu_wrap .cateAll_wrap.on .all_btn .arrow:before{ content:"\e921";}

#header .menu_wrap .cate_wrap{ margin:0 3em;}
#header .menu_wrap .cate_wrap .left {width: 50%;}
#header .menu_wrap .cate_wrap .right {width: 50%;}
#header .menu_wrap .cate_wrap .right .right_menu {gap: 2em; justify-content: flex-end;}
#header .menu_wrap .cate_wrap .right .right_menu a { line-height: 1.1; font-weight: 600; display: inline-block;}
#header .menu_wrap .cate_wrap .right .right_menu a:hover {color: #357907;}
#header .menu_wrap .cate_wrap ul > li > .dp1 {color: #fff; font-weight: 500; font-size: 1.05em;}

#header .menu_wrap .cate_wrap .gnb{gap: 3em;}
#header .menu_wrap .cate_wrap .gnb,
#header .menu_wrap .cate_wrap .gnb > li,
#header .menu_wrap .cate_wrap .gnb > li > .dp1{ height:100%}
#header .menu_wrap .cate_wrap .gnb > li:nth-child(11),
#header .menu_wrap .cate_wrap .gnb > li:nth-child(12),
#header .menu_wrap .cate_wrap .gnb > li:nth-child(13),
#header .menu_wrap .cate_wrap .gnb > li:nth-child(14),
#header .menu_wrap .cate_wrap .gnb > li:nth-child(15) {display: none;}
#header .menu_wrap .cate_wrap .gnb > li{ position:relative}
#header .menu_wrap .cate_wrap .gnb > li > .dp1{ padding:0 .5em;}
#header .menu_wrap .cate_wrap .gnb > li > .dp1 .va{ font-weight: 600;}
/* #header .menu_wrap .cate_wrap .gnb > li:hover > .dp1,
#header .menu_wrap .cate_wrap .gnb > li.on > .dp1{ color:#027041} */
#header .menu_wrap .cate_wrap .gnb > li:hover > .dp1 .va,
#header .menu_wrap .cate_wrap .gnb > li.on > .dp1 .va {font-weight: 800; color: #fff;}
#header .menu_wrap .cate_wrap .gnb > li.m_best > .dp1 {color: #fff;}
#header .menu_wrap .cate_wrap .gnb > li .dp2{ position:absolute; left:50%; top:100%; background:#fff; width:10em; transform:translateX(-50%); display:block; padding:0.75em 0 .75em 0; box-shadow: 0 3px .75em rgba(27, 60, 111, .1); border-top-color:#fff; opacity:0; visibility:hidden; border-radius: .5em; border: 1px solid #ddd;}
#header .menu_wrap .cate_wrap .gnb > li:first-child .dp2{ left:-.5em; transform:translateX(-1px)}
#header .menu_wrap .cate_wrap .gnb > li .dp2 > li > a{ padding:.5em .5em; margin:0 .5em; text-align:left; line-height:1.1; border-bottom: 1px dashed #ddd;}
#header .menu_wrap .cate_wrap .gnb > li .dp2 > li:last-child > a {border-bottom: unset;}
#header .menu_wrap .cate_wrap .gnb > li .dp2 > li > a .va{ font-size:.9em}
#header .menu_wrap .cate_wrap .gnb > li .dp2 > li:hover > a{ background:#f4f4f4; font-weight: 600;}
#header .menu_wrap .cate_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible}
#header .menu_wrap .cate_wrap .gnb .arrow,
#header .menu_wrap .cate_wrap .gnb > li .dp3{ display:none}
#header .menu_wrap .cate_wrap ul > li > a:hover {font-weight: 800;}

#header .menu_wrap .cate_wrap .cate_right {gap: 3em; height: 100%;}
#header .menu_wrap .cate_wrap .cate_right > li {}
#header .menu_wrap .cate_wrap .cate_right > li > a {color: #fff; font-size: 1.05em; font-weight: 600;}

#header .menu_wrap .ico_menu{ padding:0 .75em; gap: 0.5em;}
#header .menu_wrap .ico_menu > li .in{ position:relative; display:block; padding:0 .375em; color:#fff;}
#header .menu_wrap .ico_menu > li .in .xi{ font-size:1.625em;}
#header .menu_wrap .ico_menu > li .in .tt{ position:absolute; top:100%; left:50%; transform:translateX(-50%); padding:.5em .75em; background:#000; border-radius:.25em; font-size:.750em; color:#fff; white-space:nowrap; display:none;}
#header .menu_wrap .ico_menu > li .in .no{ position:absolute; top:-.313em; left:50%; margin-left:.5em; padding:.25em .5em; background:#000; border-radius:3em; line-height:1em; text-align:center; font-size:.813em; color:#fff; font-weight:700;}
#header .menu_wrap .ico_menu > li .in:hover .tt{ display:block;}

.menu_wrap .arrow {padding-left:1em;}
.menu_wrap .arrow > li{ display:inline-block; cursor:pointer;}
.menu_wrap .arrow > li .xi{ color:#222; width:1em; line-height:1em; text-align:center;  }
.menu_wrap .arrow > li:hover .xi{transition:.3s;}
.menu_wrap .arrow .slick-hidden{ display:inline-block;}
.menu_wrap .family .item > a{ display:block; margin:0 .2em; padding:0 .813em;}

/*quick*/

#quick_recon .mQuick{position:fixed; z-index:1002; right:0; top:45%; width:3.5em; transform:translateY(-50%);}
#quick_recon .mQuick .va_wrap{}
#quick_recon .mQuick ul > li{}
#quick_recon .mQuick ul > li > .in{ display:flex; align-content:center; align-items:center; text-align: center; width:8em; background:#e87f40; color:#fff; white-space:nowrap; transition:.3s; border-top-left-radius: .8em; border-bottom-left-radius: .8em;}
/* #quick_recon .mQuick ul > li > a:hover, #quick_recon .mQuick ul > li > a:focus { background-color:#fff; color:#3d53f6;} */
#quick_recon .mQuick ul > li:last-of-type > a{}
#quick_recon .mQuick ul > li > a .icon{ width:3.5em; height:3.5em; line-height: 3.5em;}
#quick_recon .mQuick ul > li > a .xi{ font-size:1.200em;}
#quick_recon .mQuick ul > li > a .tt{ font-size:.700em; flex:1;}


#quick_recon .mQuick ul > li:hover > .in{ transform:translateX(calc(-100% + 3.5em));}
#quick_recon .mQuick ul > li:hover > a span{}

#footer .cs_wrap{ background:#fff; padding:3em 0; border-top: 1px solid #ddd;}
#footer .cs_wrap .list{gap: 2em;}
#footer .cs_wrap .list .left {width: 30%;}
#footer .cs_wrap .list .left .wrap_cs{padding: 1.4em;}
#footer .cs_wrap .list .left .wrap_cs.point {background: #027041; border-radius: .5em;}
#footer .cs_wrap .list .left .wrap_cs .tit{ display:flex; flex-direction:column; gap:1em; margin-bottom:1.5em;}
#footer .cs_wrap .list .left .wrap_cs .tel .in .tt{ width:3.5em;}
#footer .cs_wrap .list .left .wrap_cs .tel .in .con{ flex:1;}
#footer .cs_wrap .list .left .wrap_cs .tel .in + .in{ margin-top:.5em;}
#footer .cs_wrap .list .left .wrap_cs .txt{ margin-top:1.5em; border-radius: .5em;}
#footer .cs_wrap .list .left .wrap_cs .txt.bg{ padding:1em; background:#fff;}
#footer .cs_wrap .list .left .wrap_cs .txt.flex{ gap:.75em;}
#footer .cs_wrap .list .left .wrap_cs .txt .xi {background: #000; color: #fff; width: 1.6em; height: 1.6em; text-align: center; line-height: 1.6em; border-radius: 50%;}
#footer .cs_wrap .list .left .wrap_cs .t1{ font-size:1.25em; font-weight:800; color: #fff;}
#footer .cs_wrap .list .left .wrap_cs .t2{ font-size:.938em; color:#fff;}
#footer .cs_wrap .list .left .wrap_cs .t3{ font-size:1.500em; font-weight:900;}
#footer .cs_wrap .list .left .wrap_cs .t4{ font-size:.938em; font-weight:700; color: #fff;}
#footer .cs_wrap .list .left .wrap_cs .t5{ font-size:.875em; font-weight: 600;}
#footer .cs_wrap .list .left .wrap_cs .t6 {font-size: 1.20em; font-weight: 800; color: #fff;}
.wrap_cs .bank{}
.wrap_cs .bank > li{}
.wrap_cs .bank > li + li{ margin-top:0.5em; padding-top:0.5em; border-top:1px dashed #ddd;}
.wrap_cs .bank > li .in{ gap:1em; padding:.5em;}
.wrap_cs .bank > li .in .ico img{ width:1.5em;}
.wrap_cs .bank > li .in .tt{font-size: 0.9em;}
.wrap_cs .bank > li .in .num{ flex:1; font-weight:800; font-size: 0.9em;}
#footer .cs_wrap .list .middle {width: 40%;}
#footer .cs_wrap .list .wrap_in{} 
#footer .cs_wrap .list .wrap_in .wrap_tit{ font-weight:800; font-size:1.25em}
#footer .cs_wrap .list .wrap_in .wrap_con{ padding:1em 0}
#footer .cs_wrap .list .wrap_in .wrap_con .no{ font-weight:700; font-size:1.5em}
#footer .cs_wrap .list .wrap_in .wrap_con .t1{ color:#666}
#footer .cs_wrap .list .wrap_in .wrap_con .t2{ color:#999; font-size:.875em}
#footer .cs_wrap .list .wrap_in .wrap_con .board > li:not(:first-child){ margin-top:.5em}
#footer .cs_wrap .list .wrap_in .wrap_con .sns > li{ margin:0 .25em}
#footer .cs_wrap .list .wrap_in .wrap_con .sns > li > a{ width:3em; line-height:3em}
#footer .cs_wrap .list .wrap_in .wrap_con .board > li > a {background: #f4f4f4; padding: 1em; border-radius: 2em;}
#footer .cs_wrap .list .wrap_in .wrap_con .board > li > a:hover .t1,
#footer .cs_wrap .list .wrap_in .wrap_con .board > li > a:hover .t2 {color: #000; font-weight: 600;}
#footer .cs_wrap .list .right {width: 30%;}
#footer .cs_wrap .list .wrap_in .wrap_link{ gap:.5em .5em;}
#footer .cs_wrap .list .wrap_in .wrap_link > li {width: calc(50% - .5em);}
#footer .cs_wrap .list .wrap_in .wrap_link > li .in{ padding:0.67em; background:#fff; border-radius: .5em; border: 1px solid #027041; transition:.2s; text-align: center; display: block;}
#footer .cs_wrap .list .wrap_in .wrap_link > li .in .icon {background: #027041; border-radius: 50%; padding: .5em; width: 2em; height: 2em; line-height: 2em; color: #fff; margin: 0 auto;}
#footer .cs_wrap .list .wrap_in .wrap_link > li .in .txt{}
#footer .cs_wrap .list .wrap_in .wrap_link > li .in .txt .xi {font-size: 1.9em;}
#footer .cs_wrap .list .wrap_in .wrap_link > li .in .txt .t1{ font-size:0.96em; font-weight:600; margin-top: .5em;}
#footer .cs_wrap .list .wrap_in .wrap_link > li .in .txt .t2{ font-size:.938em; opacity:.7;}
#footer .cs_wrap .list .wrap_in .wrap_link > li .in .arrow{ display:flex; align-items:center; justify-content:center; text-align:center; width:2.5em; height:2.5em; background:#fff; border-radius:50%;}
#footer .cs_wrap .list .wrap_in .wrap_link > li .in .arrow .xi{ font-size:1em; color:#000;}
#footer .cs_wrap .list .wrap_in .wrap_link > li .in .arrow .xi:before{ content:"\e907";}
#footer .cs_wrap .list .wrap_in .wrap_link > li .in:hover{ background:#027041;}
#footer .cs_wrap .list .wrap_in .wrap_link > li .in:hover .txt {color: #fff;}
#footer .cs_wrap .list .wrap_in .wrap_link > li .in:hover .icon {color: #000; background: #fff;}
#footer .cs_wrap .list .right .wrap_cs {border: 1px solid #ddd; padding: 1.4em; border-radius: .5em;}
#footer .cs_wrap .list .right .wrap_cs .tit{ display:flex; flex-direction:column; gap:1em; margin-bottom:1.5em;}
#footer .cs_wrap .list .right .wrap_cs .txt{ margin-top:1.5em; border-radius: .5em;}
#footer .cs_wrap .list .right .wrap_cs .txt.bg{ padding:1em; background:#fff;}
#footer .cs_wrap .list .right .wrap_cs .txt.flex{ gap:.75em;}
#footer .cs_wrap .list .right .wrap_cs .t1{ font-size:1.25em; font-weight:800; }
#footer .cs_wrap .list .right .wrap_cs .t2{ font-size:.938em; color:#fff;}
#footer .cs_wrap .list .right .wrap_cs .t3{ font-size:1.500em; font-weight:900;}
#footer .cs_wrap .list .right .wrap_cs .t4{ font-size:.938em; font-weight:700; }
#footer .cs_wrap .list .right .wrap_cs .t5{ font-size:.875em; font-weight: 600;}
#footer .cs_wrap .list .right .wrap_cs .t6 {font-size: 1.20em; font-weight: 800; }

#footer{ }
#footer .gotop{ position:fixed; right:1em; bottom:1em; width:3.5em; line-height:3.5em; background:#000; text-align:center; color:#fff; border-radius:50%; transition:.3s; transform:translateY(100%); opacity:0; visibility:hidden; border:1px solid rgba(255,255,255,.2); z-index:3;}
#footer .gotop .xi{ font-size:1.5em}
body.scroll #footer .gotop{ transform:translateY(0); opacity:1; visibility:visible}
#footer .logo_wrap {background:#111; color:#fff;}
#footer .logo_wrap .wrapH{ height:8.125em; border-bottom:1px solid rgba(255,255,255,.2)}
#footer .logo_wrap .logo img{ display:block; height:3.125em}
#footer .logo_wrap .menu > li > a{ padding:.25em 1.5em}
#footer .logo_wrap .site_wrap{ position:relative}
#footer .logo_wrap .site_wrap .btn{ display:block; padding:.75em 1em; padding-right:3em; background:#000; width:9em; position:relative;}
#footer .logo_wrap .site_wrap .btn .xi{ position:absolute; right:0; width:2.5em; text-align:center; top:50%; line-height:1em; margin-top:-.5em; transition:.3s}
#footer .logo_wrap .site_wrap .siteBtn{ border:1px solid rgba(255,255,255,.2); font-weight:500}
#footer .logo_wrap .site_wrap .list{ position:absolute; bottom:100%; width:100%; transition:.3s; opacity:0; visibility:hidden}
#footer .logo_wrap .site_wrap .list .btn{ overflow:hidden}
#footer .logo_wrap .site_wrap .list .btn .xi{ right:-2em}
#footer .logo_wrap .site_wrap .list .btn .xi:before{ transform:scale(.75)}
#footer .logo_wrap .site_wrap .list .btn:hover{ background:#222}
#footer .logo_wrap .site_wrap .list .btn:hover .xi{ right:0}
#footer .logo_wrap .site_wrap.on .list{ opacity:1; visibility:visible}
#footer .logo_wrap .site_wrap.on .siteBtn .xi{ transform:rotate(180deg)}
#footer .info_wrap{ padding:3.5em 0 5.5em 0; background:#111; color:#fff;}
#footer .info_wrap .info > li{ float:left; margin-right:2em; opacity:.8; margin-bottom:.25em}
#footer .info_wrap .info > li.br{ clear:left}
#footer .info_wrap .info > li.copyright{ font-size:.75em; opacity:.5; text-transform:uppercase; letter-spacing:0; margin-top:1.5em}
#footer .info_wrap .info:after{ content:""; display:block; clear:both}
#footer .info_wrap .cs_wrap{ margin-left:auto}
#footer .info_wrap .cs_wrap .cs .wrap_in{ margin-left:3em}
#footer .info_wrap .cs_wrap .cs .t1{ display:block; margin-bottom:.75em}
#footer .info_wrap .cs_wrap .cs .t2{ display:block; font-size:1.688em; letter-spacing:0}

#contents .sub_nav{ padding:1.75em 0 0 0}
.sub_nav_st > li{ font-size:1.125em; font-weight: 600;}
.sub_nav_st > li:before{ content:"\e940"; font-family: xeicon; padding:0 .5em; vertical-align:middle; opacity:.5}
.sub_nav_st > li:first-child:before{ display:none} 
.sub_nav_st > li.home{}
.sub_nav_st > li.home a {background: #027041; color: #fff; width: 1.7em; height: 1.7em; line-height: 1.7em; text-align: center; border-radius: .5em;}
.sub_nav_st > li.home .xi{ font-size:1.125em}
#contents .sub_tit{ text-align:center; padding:1.5em 0 3em 0}
#contents .sub_tit .t1{ font-size:1.25em; opacity:.3; text-transform:uppercase; font-weight:100; letter-spacing:.063em; word-spacing:.25em; margin-bottom:.25em}
#contents .sub_tit .t2{ font-size:2.625em; font-weight:800}
#contents .sub_tab{ padding:1.5em 0 0 0; background:#f5f5f5; border-bottom:1px solid #eee}
#contents .sub_tab .gnb > li{ width:100%}
#contents .sub_tab .gnb > li > .dp2{ justify-content:center}
#contents .sub_tab .gnb > li > .dp2 > li{ flex:1 1 12.5em; max-width:12.5em}
#contents .sub_tab .gnb > li.m_mypage > .dp2 > li { flex:1 1 10em; max-width:10em;}
#contents .sub_tab .gnb > li > .dp2 > li > a{ display:flex; justify-content:center; align-items:center; height:4.25em; background:#fff; padding:.5em; color:#777; position:relative; box-sizing:border-box}
#contents .sub_tab .gnb > li > .dp2 > li > a .va{ font-weight:500; font-size:1.125em}
#contents .sub_tab .gnb > li > .dp2 > li.on > a{ background:#e87f40; color:#fff; padding-top:.25em}
#contents .sub_tab .gnb > li > .dp2 > li.on > a:before,
#contents .sub_tab .gnb > li > .dp2 > li.on > a:after{ content:""; position:absolute; background:#d06f34; bottom:100%; font-size:.5em}
#contents .sub_tab .gnb > li > .dp2 > li.on > a:before{ right:0; height:1em; width:1em; transform:rotate(-45deg); transform-origin:right bottom}
#contents .sub_tab .gnb > li > .dp2 > li.on > a:after{ left:0; height:.725em; width:calc(100% - .75em)}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3{ display:none!important}
.dp2on .gnb > li.on{ display:block!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}

#contents .doc{ padding:0 0 10em 0}
#contents .sub_tab + .doc{ padding-top:3em}
#contents .doc:first-child{ padding-top:2em}

/**/
.login_wrap .login{ width:32em; max-width:94%; margin:0 auto}
.login_wrap .login.w1{ width:38em}
.login_wrap .login .tabIdx{ margin-bottom:1em}

.login_wrap .link_wrap{ padding:0 .5em; margin:1em 0}
.login_wrap .link_wrap .link{ font-size:.938em; margin:0 1em; color:#666}
.login_wrap .link_wrap .link .tt{ padding:0 .25em; display:inline-block}
.login_wrap .link_wrap .link:hover .tt{ text-decoration:underline; color:#111}

.login_wrap .check_wrap{ margin:.75em 0 0 0}
.login_wrap .btn_wrap{ margin-top:2em}
.login_wrap .btn_wrap + .btn_wrap{ margin-top:.5em}
.login_wrap .btn_wrap .btn{ padding:0 2em; height:3.5em; box-shadow:1px 1px 2px rgba(0,0,0,.2); background:#027041; color:#fff; border:none; width:100%; box-sizing:border-box; border:2px solid transparent; margin-bottom:.5em; font-size:1.063em; font-weight:500; border-radius:.25em}
.login_wrap .btn_wrap .btn.c1{ border-color:#333; color:#333; background:#fff}
.login_wrap .btn_wrap .btn.c2{ background:#fff; color:#027041; border-color:#027041}
.login_wrap .btn_wrap .btn.s1{ font-size:1.25em}
.login_wrap .btn_wrap .btn.s2{ font-size:.875em}
.login_wrap .btn_wrap .btn.w1{ width:49%}

.login_wrap .btn_wrap .btn.sns_naver{background:#2db400;}
.login_wrap .btn_wrap .btn.sns_kakao{background:#ffe812; color:#000}

.login_wrap .tt_st{ color:#027041}

.form_wrap{ border:1px solid #ddd; border-radius:1em; padding:3em}
.form_wrap .tit_wrap{ float:left; width:20%}
.form_wrap .tit_wrap .in{ border-top:2px solid #333; padding:1.125em}
.form_wrap .con_wrap{ float:right; width:75%}

.form_st{}
.form_st > li{ margin-top:1em}
.form_st > li:first-child{ margin-top:0}
.form_st > li .in{ position:relative; padding:0 1em 0 4em; margin-top:.5em}
.form_st > li .in .icon{ position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#666}
.form_st > li .in .icon:before{ font-size:1.313em}
.form_st > li .in .lab{ position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em}
.form_st > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0; height:4em; border:none; position:relative; z-index:1; background:none; font-weight:bold; color:#666}
.form_st > li .in .inp[type=file]{ padding:0 !important; height:3em}
.form_st > li .in .inp[readonly=readonly]{ background:#f5f5f5}
.form_st > li .in textarea.inp{ height:10em; padding:1em !important}
.form_st > li .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; transition:.3s; border-radius:.25em}
.form_st > li .in .inp:focus ~ .lab,
.form_st > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:#027041; margin-left:-.5em; transition:.3s}
.form_st > li .in .inp:focus ~ .icon,
.form_st > li .in .inp.on ~ .icon{ color:#333}
.form_st > li .in .inp:focus ~ .line,
.form_st > li .in .inp.on ~ .line{ border-color:#027041}
.form_st > li .in .inp.c1{ background:#f1f1f1}

.form_st.st1 > li{ display:flex; flex-wrap:wrap; align-items:center}
.form_st.st1 > li:not(.btn_wrap){ margin-top:1.5em}
.form_st.st1 > li.line{ margin-top:1.25em; padding-top:1.25em; border-top:1px solid #027041}
.form_st.st1 > li.line > .label_st{ width:100%; margin-top:-1em}
.form_st.st1 > li.line2{ border-top:1px solid #ddd; padding-top:1em !important}
.form_st.st1 > li .in{ padding:0; flex:1 1 1%; min-width:0; word-break:break-all}
.form_st.st1 > li .in_sec{ width:1.5em; text-align:center; color:#999; display:inline-block}
.form_st.st1 > li .in_sec2{ width:.5em}
.form_st.st1 > li .in_br{ flex-basis:100%}
.form_st.st1 > li .in_tit{ font-weight:500; font-size:1.063em; color:#333; width:100%}
.form_st.st1 > li .in_tit .ess:before{ font-size:.875em; margin-left:.5em}
.form_st.st1 > li .in_tit.c1{ color:#777}
.form_st.st1 > li .in_tit.s1{ font-size:1.25em}
.form_st > li .in_tt{ width:100%; color:#777; font-size:.938em; margin-top:1em; line-height:1.5}
.form_st.st1 > li .in.fix{ flex:0 0 auto}
.form_st.st1 > li .in .inp{ padding:1em 1em; height:3.5em; font-size:.938em;font-weight:400}
.form_st.st1 > li .in .inp[type=file]{ height:3em}
.form_st.st1 > li .in .inp.s1{ font-size:1em}
.form_st.st1 > li .in .btn{ color:#fff}
.form_st.st1 > li .in .btn + .line{ background:#333; border-color:transparent}
.form_st.st1 > li .in .w100{ width:100%}
.form_st.st1 > li .in.w1{ max-width:26%}
.form_st.st1 > li .in.w50{ max-width:50%}
.form_st.st1 > li .in.w100{ flex-basis:100%}
.form_st.st1 > li .agree{ border:1px solid #ddd; width:100%; margin:.75em 0; border-radius:.25em}
.form_st.st1 > li .agree > li{ padding:.75em 1em; position:relative; transition:.3s}
.form_st.st1 > li .agree > li.all{ border-bottom:1px solid #ddd}
.form_st.st1 > li .agree > li .more{ background:#aaa; color:#fff; padding:.25em 1em; font-size:.875em}
.form_st.st1 > li .agree > li .more:before{ content:"보기"}
.form_st.st1 > li .agree > li .agree_box{ display:none}
.form_st.st1 > li .agree > li .on .more{ background:#333}
.form_st.st1 > li .agree > li .on .more:before{ content:"접기"}
.form_st.st1 > li .agree > li .on .agree_box{ display:block}
.form_st.st1 > li.flex{ padding:0 .5em}
.form_st.st1 > li.flex .in_tit{ flex-basis:8em; font-size:.938em; padding-left:0; height:4em; display:flex; align-items:center}
.form_st.st1 > li.flex .in{ margin-top:0}
.form_st.st1 > li.flex .in.w100{ margin-left:8em}
.form_st.st1 > li.flex .in .inp{ font-size:.938em}

.form_st.text{ border-bottom:1px solid #ddd}
.form_st.text > li{ border-top:1px solid #ddd; margin-top:0}
.form_st.text > li .in .t1{ font-size:.938em; color:#666}
.form_st.text > li .in a:hover{ text-decoration:underline}

.fin_wrap{ border:1px solid #ddd; padding:2em 4em 4em 4em; text-align:center; box-sizing:border-box}
.fin_wrap.w1{ width:70em; margin:0 auto; max-width:94%; padding:2em 2em 4em 2em;}
.fin_wrap .fin_icon{ opacity:.1; font-size:4em}
.fin_wrap .fin_tit{ font-weight:300; font-size:2em;}
.fin_wrap .fin_tit:after{ content:""; display:block; margin:.75em auto; width:1em; height:1px; background:#aaa}
.fin_wrap .fin_tt{ color:#888; line-height:1.6}
.fin_wrap .fin_tt.t1{ color:#666; font-size:1.188em}

.fin_wrap.st1{ border:none; padding:0}

.agree_box{ border:1px solid #ddd; box-shadow:1px 1px 1em rgba(0,0,0,.2); padding:2em}
.agree_box .tit{ font-size:1.188em; font-weight:500; color:#111; margin-bottom:1em; margin-top:2em}
.agree_box .tit:first-child{ margin-top:0}
.agree_box .con{ font-size:.938em; color:#666; line-height:1.8em}
.agree_box .con.h1{ height:10.8em; overflow-y:auto}
.agree_box .con *{ vertical-align: top}
.agree_box .check{ border-top:1px solid #ddd; margin-top:1.5em; padding-top:1em}
.agree_box .con h3,
.agree_box .con h4{ margin-top:1em; font-weight:700}
.agree_box.st1{ box-shadow:none; padding:1.5em; background:#f9f9f9}

.label_st.agree_box ul{ margin-top:1em}
.agree_box table{ margin:1em 0; width:100%}
.agree_box table th,
.agree_box table td{ border:1px solid #ddd; padding:1em}
.agree_box table th{ background:#f5f5f5}
.agree_box p strong{ font-size:1.125em; color:#333}
.agree_box a{ vertical-align:top; color:#666; text-decoration:underline}
.agree_box a:hover{ opacity:.6}
.agree_box strong{ vertical-align:top; font-weight:500}

/**/
.mall_list_top{ padding:0 0 1.5em 0}
.mall_list_top .tit_wrap{}
.mall_list_top .tit_wrap .tit{ font-size:1.5em; font-weight:800}
/* .mall_list_top .tit_wrap .sub_nav_st{ margin-left:auto} */
.mall_list_top .gnb_wrap{ position:relative}
.mall_list_top .gnb_wrap:before{ content:""; position:absolute; right:0; bottom:0; width:100%; height:1px; background:#eee}
.mall_list_top .gnb_wrap:after{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff}
.mall_list_top .gnb_wrap .gnb > li.on{ display:flex; flex-wrap:wrap; width:100%;}
.mall_list_top .gnb_wrap .all{ width:14.28%; position:absolute; left:0; top:0}
.mall_list_top .gnb_wrap .gnb > li .dp2{ flex-wrap:wrap}
.mall_list_top .gnb_wrap .gnb > li .dp2 > li{ width:14.28%}
.mall_list_top .gnb_wrap .gnb > li .dp2 > li:first-child{ margin-left:14.28%}
.mall_list_top .gnb_wrap a{ padding:.5em 1.5em; height:4em; border-bottom:1px solid #eee; box-sizing:border-box; display:flex; align-items:center; font-weight:300; color:#666; position:relative}
.mall_list_top .gnb_wrap a:after{ content:""; position:absolute; right:-1px; top:0; width:1px; height:100%; background:#eee}
.mall_list_top .gnb_wrap a.dp1{ font-weight:500; color:#111}
.mall_list_top .gnb_wrap .all.on,
.mall_list_top .gnb_wrap .dp2 > li.on a{ font-weight:500; color:#111}
.mall_list_top .gnb_wrap a .va:after{ content:"\e942"; font-family:xeicon; margin:0 .5em; vertical-align:middle}
.mall_list_top .gnb_wrap a .va{ font-size:1.063em}

.prod_list_top {border-bottom: 1px dashed #ddd; margin-bottom: 1em;}
.prod_cate_wrap {border: 2px solid #027041; border-radius: .5em; margin-bottom: 1em; white-space: nowrap; overflow: auto;}
.prod_cate_wrap .cate2_wrap {gap: 2em; border-bottom: 1px dashed #ddd; padding: .3em;}
.prod_cate_wrap .cate2_wrap:last-child {border-bottom: unset;}
.prod_cate_wrap .cate2_wrap:hover {background: #f4f4f4;}
.prod_cate_wrap .cate2_wrap .cate2 {display: inline-block; padding: .5em 1em; text-align: center; font-weight: 800; font-size: 0.9em; width: 13em; background: #fff;}
.prod_cate_wrap .cate2_wrap .cate2:hover {color: #027041;}
.prod_cate_wrap .cate3_wrap {gap: 1em;}
.prod_cate_wrap .cate3_wrap li .cate3 {display: inline-block; padding: .5em; text-align: center; position: relative; font-size: 0.9em;}
.prod_cate_wrap .cate3_wrap li .cate3::before {position: absolute; top: 50%; right: -9%; transform: translate(-50%, -50%); content: ''; background: #000; width: 2px; height: 2px;}
.prod_cate_wrap .cate3_wrap li:last-child .cate3::before {display: none;}
.prod_cate_wrap .cate3_wrap li .cate3:hover {font-weight: 600;}

.page_tit2{ font-size:1.125em; color:#222; font-weight:500; padding-bottom:.5em;}
.page_tit2 .xi{ margin:-.125em .25em 0 0}
.page_tit2 .xi:before{ content:"\e937"}
.page_tit2 .t1{ font-size:.875em; color:#027041}
.page_tit2 .no{ display:inline-block; margin:0 .25em 0 .5em; width:1.875em; height:1.875em; line-height:1.875em; background:#111; border-radius:50%; font-size:1.375em; color:#fff; font-weight:700; text-align:center;}

.shopping_search{ padding:1em; background: #f9efe5; border-radius: .5em; gap: 2em; margin-bottom: 1em;}
.shopping_search .page_tit2 {font-weight: 800; padding-bottom: unset; color: #111;}
.shopping_search .page_tit2 .xi {transform: rotate(-90deg); margin: 0 .3em 0 .3em; color: #027041;}
.shopping_search .search {display: inline-block; background: #fff; padding: .5em; border-radius: 5em; border: 1px solid #027041; overflow: auto;}
.shopping_search .search:hover {box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);}
.shopping_search .search > *{ display:inline-block; vertical-align:middle;}
.shopping_search .search > dt{ font-size:.938em; color:#fff; font-weight:600; padding:0 1.5em;}
.shopping_search .search > dd{ font-size:.875em;}
.shopping_search .search .input_st {border: unset;}
.shopping_search .search button{ height: unset; background: unset; color: #027041; border: none; line-height: unset; padding: .5em; width: 3em; min-width: 3em;}
.shopping_search .search button:hover {color: #000;}

.mall_list_total{ padding:0 0 1em 0}
.mall_list_total .total .t1{ font-size:.938em; color:#666}
.mall_list_total .total .t2{ font-size:1.5em; font-weight:700; margin-left:.25em}
.mall_list_total .etc{ margin-left:auto}

.mall_prod_wrap{}
.prod_list{ margin:-2em 0 0 -2em}
.prod_list > li{ width:20%}
.prod_list > li .wrap_in{ margin:2em 0 0 2em; cursor:pointer}
.prod_list > li .wrap_in .wrap_img{ border:1px solid #ddd; overflow:hidden; position:relative;}
.prd_icon_wrap{position:absolute; left:4px; bottom:4px; display:flex;}
.prd_icon_wrap .prd_icon{display:flex; justify-content:center; align-items:center; width:50px; height:24px; color:#fff; border-radius:12px; font-size:.875em; margin-right:8px;}
.prd_icon_wrap .prd_icon.icon_sold{background:#aaa;}
.prd_icon_wrap .prd_icon.icon_best{background:#46cd66;}
.prd_icon_wrap .prd_icon.icon_sale{background:#47b3d6;}
.prd_icon_wrap .prd_icon.icon_new{background:#d66c47;}
.prod_list > li .wrap_in .wrap_con{ padding:1em 0}
.prod_list.d1 > li{ width:20%}
.prod_list.d1 > li .wrap_in .wrap_con{ font-size:.813em}

.mall_view_top{ padding-bottom:5em}
.mall_view_top .prod_img,
.mall_view_top .prod_info{ width:calc(50% - 2.5em)}
.mall_view_top .prod_img .imgBig {border: 1px solid #ddd;}
.mall_view_top .prod_img .imgBig img{ display:block; width:70%; margin: 0 auto;}
.mall_view_top .prod_info{ padding:0 0}
.mall_view_top .prod_info .tit_wrap .tit{ font-weight:700; font-size:1.4em}
.mall_view_top .prod_info .tit_wrap .t1{ opacity:.4; font-size:.96em; margin-top:1em}
.mall_view_top .prod_info .tit_wrap .t2{ font-size:.96em; font-weight:300; margin-top:.5em}
.mall_view_top .prod_info .prod_price{ margin-top:1em; font-size:1.125em}
.mall_view_top .prod_info .info_wrap{ margin:1em 0 2em 0; min-height: 19em;}
.mall_view_top .prod_info .info_wrap .list{ border-top:1px solid #eee; padding:.5em 0}
.mall_view_top .prod_info .info_wrap .list > li{ padding:.75em 0}
.mall_view_top .prod_info .info_wrap .list .tit{ width:7em; margin-right:1em}
.mall_view_top .prod_info .info_wrap .list .tit .t1{ font-weight:500; font-size:1em}
.mall_view_top .prod_info .info_wrap .list .con .t1{ font-weight:300; color:#666}
.mall_view_top .prod_info .op_wrap > li .wrap_in{ padding:1.5em 2.5em; background:#f5f5f5; margin-bottom:1em}
.mall_view_top .prod_info .op_wrap > li .wrap_in .wrap1{ margin-bottom:.75em}
.mall_view_top .prod_info .op_wrap > li .wrap_in .tit{ font-size:1.125em}
.mall_view_top .prod_info .op_wrap > li .wrap_in .tt_price{ font-size:.938em; width:120px;}
.mall_view_top .prod_info .total_price{ margin:2.5em 0}
.mall_view_top .prod_info .total_price .tt_price{ font-size:1.375em}
.mall_view_top .prod_info .buy_btn_wrap .btn{ line-height:3.5em; min-width:3.5em; text-align:center; width:100%; border:1px solid transparent; background:#fff; font-size:1.188em; font-weight:500}
.mall_view_top .prod_info .buy_btn_wrap > li.btnWish{ margin-left:1em}
.mall_view_top .prod_info .buy_btn_wrap > li.btnCart .btn{ color:#fff; background:#222}
.mall_view_top .prod_info .buy_btn_wrap > li.btnBuy .btn{ color:#fff; background:#0b54bb}
.mall_view_top .prod_info .buy_btn_wrap > li.btnWish .btn{ border-color:#222}
.mall_view_top .prod_info .buy_btn_wrap.on{ position:fixed; left:50%; bottom:0; z-index:1; width:50em; max-width:100%; transform:translateX(-50%)}
.mall_view_top .prod_info .buy_btn_wrap.on > li.btnWish{ margin-left:0}
.mall_view_con .view_tab{ max-width:none}
.mall_view_con .view_tab.on{ position:fixed; top:0; z-index:1}
.mall_view_con .view_con{ padding:4em 0}

.vol_st{ padding-left:1px}
.vol_st .btn,
.vol_st .inp{ width:2.5em; line-height:2.5em; height:2.5em; text-align:center; border:1px solid #ddd; background:#fff; margin-left:-1px}
.vol_st .inp{ width:3.5em; box-sizing:border-box; font-family:gs,sans-serif}
.vol_st .btn .xi{ font-size:1em}
.vol_st .btn.down .xi:before{content:"\e91a"}
.vol_st .btn.up .xi:before{content:"\e913"}
.vol_st.st1{ font-size:.875em}
.vol_st.st1 .inp{ width:3em}

.zoomWrap{ position: relative}
.zoomWrap .magnifierWrap{ position:absolute; left:100%; margin-left:5em; top:0; width:100%; height:100%; overflow:hidden; z-index: 5; box-shadow:0 0 1em rgba(0,0,0,.1); display: none}
.zoomWrap .magnifierWrap .magnifier{ position:absolute; background-repeat:no-repeat; background-size:100% 100%;}
.zoomWrap .pointer{ position:absolute; width:30%; height:30%; background:rgba(0,0,0,.1); transform:translate(-50%,-50%);display:none}
.zoomThumbWrap{ margin:1em 0}
.zoomThumbWrap > li{ width:20%}
.zoomThumbWrap > li .in{ border:1px solid transparent; margin:.5em}
.zoomThumbWrap > li.on .in{ border-color:#ddd}

.tooltipWrap{ position:relative}
.tooltipWrap .tooltip{ position:absolute; background:#fff; border:2px solid #333; bottom:calc(100% + 1em); padding:2em; min-width:18em; box-sizing:border-box; display:none; box-shadow:0 0 1em rgba(0,0,0,.1); z-index:3;}
.tooltipWrap.on .tooltip{ display:block}
.tooltipWrap .tooltip:after{ content:""; width:1em; height:1em; border:2px solid #333; position:absolute; left:2.5em; bottom:0; transform:rotate(45deg); transform-origin:left bottom; background:#fff; border-top:none; border-left:none; margin-bottom:-2px}
.tooltipWrap .tooltip .twrap{ margin-bottom:.75em}
.tooltipWrap .tooltip .closeBtn{ position:absolute; right:0; top:0; width:2.5em; line-height:2.5em; text-align:center}
.tooltipWrap .tooltip .closeBtn:before{ font-family:xeicon; content:"\e921"}

.mall_total_wrap{ padding:1em 2em; text-align:right; background:#f5f5f5; border-bottom:1px solid #ddd}

.mall_order_wrap{ position:relative; padding-right:24em}
.mall_order_wrap .mall_order_con{ position:relative; z-index:1}
.mall_order_wrap .mall_order_fix{ position:absolute; right:0; top:0; width:100%; display:flex; transition: .3s;}
.mall_order_wrap .mall_order_fix .fix_wrap{ width:20em; background:#fff; margin-left:auto; border:1px solid #ddd; box-sizing:border-box}
.mall_order_wrap .mall_order_fix.on{ position:fixed; top: 30%; transition: .3s;}
body.footerCheck .mall_order_wrap .mall_order_fix.on{ position:absolute; bottom:0; top:auto}
.mall_order_wrap .mall_order_fix .fix_wrap .add_wrap{ background:#f5f5f5; padding:1em 1.5em}
.mall_order_wrap .mall_order_fix .fix_wrap .con_wrap{ padding:1.5em}
.mall_order_wrap .mall_order_fix .fix_wrap .wrap_t1{ font-weight:500}
.mall_order_wrap .mall_order_fix .fix_wrap .wrap_t2{ font-size:.938em; color:#666}
.mall_order_wrap .mall_order_fix .fix_wrap .price_wrap > dl:not(:first-child){ margin-top:.5em}
.mall_order_wrap .mall_order_fix .fix_wrap .price_wrap > dl.line{ border-top:1px solid #ddd; margin-top:1em; padding-top:1em}
.mall_order_wrap .mall_order_fix .fix_wrap .payment_wrap{ border:2px solid #333; padding:.75em 1.5em; margin:1.5em 0}

.page_sec_list > li:not(:first-child){ margin-top:5em}

.mark_list {gap: .5em; margin-top: 1em;}
.mark_list li {}
.mark_list li span {background: #fff; border: 1px solid #ddd; padding: .5em 1em; font-size: .9em;}
.prod_list .mark_list {margin-top: .5em;}
.prod_list .mark_list li img {width: 1.5em;}

/**/
.tab_st1{ padding-bottom:1em}
.tab_st1 > li{ flex:1 1 1%}
.tab_st1 > li > a{ display:flex; justify-content:center; align-items:center; height:3.5em; border:2px solid transparent; background:#f5f5f5; position:relative; font-size:1.125em; font-weight:500; color:#666; box-sizing:border-box}
.tab_st1 > li:not(:first-child):not(.on) > a{ border-left:none; padding-left:2px}
.tab_st1 > li:not(:last-child):not(.on) > a{ border-right:none; padding-right:2px}
.tab_st1 > li:first-child > a{ border-radius:.25em 0 0 .25em}
.tab_st1 > li:last-child > a{ border-radius:0 .25em .25em 0}
.tab_st1 > li.on > a{ border-color:#333; color:#333; background:#fff; z-index:1; box-shadow:0 0 1em rgba(0,0,0,.2); z-index:1}
.tab_st1 > li > a:before{ content:""; position:absolute; left:-3px; top:50%; height:50%; width:1px; background:#ddd; transform:translateY(-50%)}
.tab_st1 > li:first-child > a:before,
.tab_st1 > li.on > a:before{ display:none}
.tab_st1.c1 > li > a{ background:#fff; border-color:#027041; color:#027041}
.tab_st1.c1 > li.on > a{ background:#027041; color:#fff}
.tab_st1.c2 > li > a{ background:#fff; color:#888; border-top:1px solid #027041; border-bottom:1px solid #ddd; border-radius:0; border-left:none; border-right:none; box-shadow:none}
.tab_st1.c2 > li.on > a{ color:#111; border-bottom-color:#027041}
.tab_st1.arrow > li.on > a:after{ content:"\e935"; font-family:xeicon; position:absolute; left:50%; top:100%; transform:translate(-50%,-.313em); color:#333}
.tab_st1.arrow.c1 > li.on > a:after{ color:#027041}

/*main*/

.main_visual {padding: 2em 0;}
.main_visual > .box1 {gap: 1em;}
.main_visual .left_menu {width: 20%;}
.main_visual .left_menu .gnb {display: block; border: 2px solid #027041; padding: 1em; background: #fff; border-radius: .8em;}
.main_visual .left_menu .gnb > li {border-bottom: 1px dashed #ddd; position: relative;}
.main_visual .left_menu .gnb > li:last-child {border-bottom: unset;}
.main_visual .left_menu .gnb > li > a {padding: .7em; font-size: 0.96em; font-weight: 500;}
.main_visual .left_menu .gnb > li:hover > a {background: #e87f40; font-weight: 600; color: #fff; border-radius: .5em;}
.main_visual .left_menu .gnb > li.m_best {display: none;}
.main_visual .left_menu .gnb > li > .dp2 {position: absolute; background: #fff; top: 0; right: -67%; display: none; width: 200px; z-index: 100; border: 1px solid #ddd; opacity: 0; padding: .5em; border-radius: .8em;}
.main_visual .left_menu .gnb > li:hover > .dp2 {opacity: 1; display: block;}
.main_visual .left_menu .gnb > li > .dp2 li {border-bottom: 1px dashed #ddd;}
.main_visual .left_menu .gnb > li > .dp2 li:last-child {border-bottom: unset;}
.main_visual .left_menu .gnb > li > .dp2 li > .va_wrap {padding: .5em;}
.main_visual .left_menu .gnb > li > .dp2 li:hover > .va_wrap,
.main_visual .left_menu .gnb > li > .dp2 li:focus > .va_wrap {background: #e87f40; color: #fff; font-weight: 600; border-radius: .5em;}
.main_visual .left_menu .gnb > li > .dp2 > li .dp3 {position: absolute; top: 0; right: -95%; background: #fff; padding: .5em; border: 1px solid #ddd; border-radius: .8em; width: 200px; opacity: 0; display: none;}
.main_visual .left_menu .gnb > li > .dp2 > li:hover .dp3 {opacity: 1; display: block;}

.main_quick {border: 2px solid #e87f40; margin-top: 1em; border-radius: 1em; padding: 1em;}
.main_quick li {border-bottom: 1px dashed #ddd;}
.main_quick li:last-child {border-bottom: unset;}
.main_quick li > a {display: block; padding: 0.6em; text-align: center;}
.main_quick li:hover > a {background: #e87f40; font-weight: 600; color: #fff; border-radius: .5em;}

.main_visual .right_visual {width: 80%; }

.mainVisualWrap{height:520px; position:relative; overflow: hidden; border-radius: .8em;}
.mainVisualWrap .slides{height:100%;}
.mainVisualWrap .slides .el{width:100%; height:100%; cursor:pointer;}
.mainVisualWrap .slides .el:not(.swiper-slide-active){position:relative;}
.mainVisualWrap .slides .el:not(.swiper-slide-active):after{content:''; display:block; width:100%; height:100%; background:rgba(255,255,255,.5); position:absolute; left:0; top:0;}
.mainVisualWrap .slides .el .img{width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.mainVisualWrap .mV_button_wrap{position:absolute; left:7.5%; bottom:0; transform:translateX(-50%); background:#2f2e2d; z-index:3; display:flex; border-radius: 1em; overflow: hidden;}
.mainVisualWrap .mV_button_wrap .mV_pagination{width:90px; height:50px; color:#fff; display:flex; justify-content:center; align-items:center; border-left:1px solid #666; border-right:1px solid #666; box-sizing:border-box;}
.mainVisualWrap .mV_button_wrap .mV_pagination .swiper-pagination-current{margin-right:.25em; font-weight:bold;}
.mainVisualWrap .mV_button_wrap .mV_pagination .swiper-pagination-total{margin-left:.25em;}
.mainVisualWrap .mV_button_wrap .btn_prev,
.mainVisualWrap .mV_button_wrap .btn_next{width:50px; height:50px; display:flex; justify-content:center; align-items:center; color:#fff; opacity:.7; background:rgba(255,255,255,0); cursor:pointer; transition:.3s;}
.mainVisualWrap .mV_button_wrap .btn_prev:hover,
.mainVisualWrap .mV_button_wrap .btn_next:hover{opacity:1; background:rgba(255,255,255,.2);}

.visual_quick_list {gap: .5em; margin-top: 1em;}
.visual_quick_list li {flex: 1; border-radius: .8em; overflow: hidden; border: 1px solid #027041;}  
.visual_quick_list li .in {background: #ddd; padding: .8em 1em; background: #027041; }
.visual_quick_list li .in .icon { margin-right: 1em; background: #fff; border: 1px solid #027041; color: #027041; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%;}
.visual_quick_list li .in .tt {font-size: 1.05em; font-weight: 700; color: #fff;}
.visual_quick_list li:hover .in {background: #fff;}
.visual_quick_list li:hover .in .icon {background: #027041; color: #fff;}
.visual_quick_list li:hover .in .tt {color: #027041;}

/*  */

.main_con1_wrap {}
.main_con1_wrap .main_tit {font-size: 1.4em; font-weight: 800; margin-bottom: 1em;}
.main_con1_wrap .con1_box {gap: 1em;}
.main_con1_wrap .con1_box .left_box {width: 17%; padding: 2em 1.5em 1em; background: #027041; border-radius: .8em;}
.main_con1_wrap .con1_box .right_box {width: 76%; padding: 2em 1.5em 1em; background: #fff; border-radius: .8em;}
.main_con1_wrap .con1_box .prod_cover {max-width: unset !important; flex: unset;}
.main_con1_wrap .con1_box .prod_list_wrap {gap: unset;}

.focus_pagination {position: unset !important; margin-top: 1em;}
.focus_pagination .swiper-pagination-bullet {background: #fff !important;}
.new_control .btn {box-sizing:border-box; width:2.5em; height:2.5em; position:absolute; display:flex; align-items:center; justify-content:center; text-align:center; z-index:100; cursor:pointer; font-size:1.125em; color:#000; transition:.2s; 
  line-height: unset; background: #fff; border: 1px solid #ddd; border-radius: 50%; opacity: .7;}
.new_control .btn:hover,
.new_control .btn:focus {opacity: 1; background: #027041; color: #fff;}
.new_control .new_prev {left:0}
.new_control .new_next {right:0}
.new_control .btn:before {font-family:xeicon;}
.new_control .new_prev:before {content:"\e93b";}
.new_control .new_next:before {content:"\e93e";}
.new_pagination {position: unset !important; margin-top: 1em;}
.new_pagination .swiper-pagination-bullet {background: #027041 !important;}

.main_banenr {padding: 3em 0;}
.main_banenr .banner_list {gap: 1em;}
.main_banenr .banner_list li {flex: 1 1 50%; overflow: hidden; position: relative;}
.main_banenr .banner_list li::before {position: absolute; top: 0; left: 0; content: ''; background: rgba(0,0,0,.1); width: 100%; height: 100%; z-index: 1;}
.main_banenr .banner_list li .in {padding-bottom: 14em; display: block; position: relative; background-repeat: no-repeat; background-position: center; background-color: #f4f4f4;}
.main_banenr .banner_list li .in .tx_wrap {position: absolute; top: 50%; left: 3em; transform: translateY(-50%); z-index: 10; color: #fff;}
.main_banenr .banner_list li .in .tx_wrap .tit {font-size: 1.8em; font-weight: 600;}
.main_banenr .banner_list li .in .tx_wrap .tx {margin-top: 1em; font-size: 1.125em;}
.main_banenr .banner_list li:hover:before {background: rgba(0,0,0,.4); transition: .3s;}

/*  */

.main_prod{padding: 4em 0;}
.main_prod.bg {background: #e87f40;}
.main_prod.bg2 {background: #f4f4f4;}
.main_prod .main_prod_title{font-size:2em; margin-bottom:1.75rem;}
.main_prod .main_prod_title .bold_span {font-weight: 800; vertical-align: baseline;}
.main_prod .main_prod_title .fr{font-size:1rem; font-weight:bold; transition:.3s; background: #fff; color: #000; padding: .5em 1em; border-radius: 3em;}
.main_prod .main_prod_title .fr:hover{color:#027041;}
.main_prod .main_prod_title .fr .xi{transition:.3s; color: #fff; background: #e87f40; width: 1.2em; height: 1.2em; line-height: 1.2em; text-align: center; border-radius: 50%; vertical-align: middle; margin-left: .5em;}
.main_prod .main_prod_title .fr:hover .xi{margin-left:1em; transform:rotate(180deg); background:#027041;}
.main_prod .prod_list_wrap{gap: .5em;}
.main_prod .prod_list_wrap .prod_cover{flex: 1 20%; max-width:22%; cursor:pointer; background: #fff; border: 1px solid #ddd; padding: 1em;}
.main_prod .prod_list_wrap .prod_cover:nth-of-type(4n){margin-right:0;}
.main_prod .prod_list_wrap .prod_cover:nth-of-type(n+5){margin-bottom:0;}
.main_prod .prod_list_wrap .prod_cover .thumb_wrap{box-sizing:border-box; width:100%; height:245px; margin-bottom:1rem; transition:.3s; overflow:hidden;}
.main_prod .prod_list_wrap .prod_cover:hover {border-color:#e87f40; box-shadow:0 0 8px 3px rgba(0,0,0,.1);}
.main_prod .prod_list_wrap .prod_cover .thumb_wrap .thumb{width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; transition:.3s;}
.main_prod .prod_list_wrap .prod_cover:hover .thumb_wrap .thumb{transform:scale(1.1);}
.main_prod .prod_list_wrap .prod_cover .info_wrap{}
.main_prod .prod_list_wrap .prod_cover .info_wrap .prod_sum{font-size:.9em; color:#888; margin-bottom:.25rem;}
.main_prod .prod_list_wrap .prod_cover .info_wrap .prod_name{font-size:1.05em; color:#111; margin-bottom:1.125em;}
.main_prod .prod_list_wrap .prod_cover .info_wrap .prod_price{}
.main_prod .prod_list_wrap .prod_cover .info_wrap .prod_price .price_num{font-weight:bold; font-size:1.125em;}

.main_prod .prod_list_wrap.w2 .prod_cover {flex: 1 17%; max-width: 18%;}
.main_prod .prod_list_wrap.h1 .prod_cover .thumb_wrap {height: 220px;}

.pd_best_wrap {position: relative; z-index: 10;}
.pd_best_wrap .mainShape{ width:20em; bottom:2.5em; right:1em; opacity:.3; z-index: -1;}
.mainShape{ position:absolute;}
.mainShape img{ width:100%;}

.moveDownAni{ animation-name:moveDownAni; animation-duration: 3s; transform-origin:center; animation-iteration-count:infinite}
@keyframes moveDownAni{
100% { top:150%}
}

.moveUpDownAni{ animation:moveUpDownAni 1.5s ease-in-out infinite;}
@keyframes moveUpDownAni {
0%  { transform:translateY(-.5em);}
50% { transform:translateY(.5em);}
100%{ transform: translateY(-.5em);}
}

.pd_best_wrap .prod_list_wrap {gap: unset;}
.pd_best_wrap .prod_list_wrap .prod_cover {max-width:unset !important; flex: unset;}

.bestSlide_control .btn {box-sizing:border-box; width:2.5em; height:2.5em; position:absolute; display:flex; align-items:center; justify-content:center; text-align:center; z-index:100; cursor:pointer; font-size:1.125em; color:#000; transition:.2s; 
  line-height: unset; background: #fff; border: 1px solid #ddd; border-radius: 50%; opacity: .7; margin-top: unset;}
.bestSlide_control .btn:hover,
.bestSlide_control .btn:focus {opacity: 1; background: #027041; color: #fff;}
.bestSlide_control .best_prev {left:4.5%;}
.bestSlide_control .best_next {right:4.5%;}
.bestSlide_control .btn:before {font-family:xeicon;}
.bestSlide_control .best_prev:before {content:"\e93b";}
.bestSlide_control .best_next:before {content:"\e93e";}
.best_pagination {width: 84% !important;}
.best_pagination .swiper-pagination-bullet {background: #fff !important;}

/*  */
.pd_category_wrap {}
.pd_category_wrap .category_con {}
.pd_category_wrap .category_con .main_cate_tab_wrap {width: 99%; border: 2px solid #58585a; border-radius: .8em;}
.pd_category_wrap .category_con .cate_prod {width: 100%;}
.pd_category_wrap .prod_list_wrap .prod_cover {flex: 1 17%; max-width: 20%;}
.pd_category_wrap .category_con .cate_prod .nocon {height: 45.7em; background: #fff;}

.main_mid_banner_wrap{width:100%; height:360px;}
.main_mid_banner_wrap .img{width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; cursor:pointer;}

.main_md_wrap{/*width:1760px; margin:0 auto;*/ margin-bottom:70px;}
.main_md_wrap .main_md_top{width:100%;/* margin-bottom:100px;*/}
.main_md_wrap .main_md_top .main_md_in{width:100%;}
.main_md_wrap .main_md_in{padding-top:86px;}
.main_md_wrap .main_md_in .main_md_img_wrap{width:660px;}
.main_md_wrap .main_md_in .main_md_img_wrap .img{width:100%; height:440px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.main_md_wrap .main_md_in .main_md_img_wrap .main_md_title{font-size:2.25em; margin-bottom:.5rem;}
.main_md_wrap .main_md_in .main_md_list_wrap{width:calc(100% - 660px); padding-left:80px; padding-top:54px; box-sizing:border-box;}
.main_md_wrap .main_md_bottom .main_md_in .main_md_list_wrap{padding-left:0; padding-right:80px;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_hash{font-size:1.375em; color:#aaa; padding-top:.5rem; margin-bottom:1.25rem;}
.main_md_wrap .main_md_bottom .main_md_in .main_md_list_wrap .main_md_hash{display:flex; align-items:center; justify-content:flex-end;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_hash .hash{margin-right:1.75em; position:relative; padding-left:.875em; box-sizing:border-box; font-weight:bold;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_hash .hash:last-of-type{margin-right:0;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_hash .hash:before{content:'#'; font-size:1em; position:absolute; left:0; top:0;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap{width:calc(100% + 180px); overflow:hidden;}
.main_md_wrap .main_md_bottom .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap{margin-left:-180px;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .slides{width:100%;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .slides .el{width:260px; height:340px; border:1px solid #ddd; box-sizing:border-box; transition:.3s; cursor:pointer;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .slides .el:hover{border-color:#027041; box-shadow:0 0 8px 3px rgba(0,0,0,.2);}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .slides .el .img{width:100%; height:260px; background-size:contain; background-position:center; background-repeat:no-repeat;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .slides .el .md_prod_name{font-size:1.0625em; font-weight:bold; text-align:center; margin-top:1rem;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS1_button_wrap{display:flex; align-items:center; margin-top:.5rem;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS1_button_wrap > div{cursor:pointer;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS1_button_wrap > div.btn_play.off,
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS1_button_wrap > div.btn_pause.off{display:none;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS1_button_wrap .xi{font-size:1.5em; color:#555; transition:.3s; opacity:.7}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS1_button_wrap > div:hover .xi{color:#027041; opacity:1;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS1_button_wrap .xi.xi-pause,
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS1_button_wrap .xi.xi-play{padding-top:2px;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS1_button_wrap .xi:not(.xi-pause):not(.xi-play){font-size:1.75em;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS2_button_wrap{display:flex; align-items:center; margin-top:.5rem; flex-direction:row-reverse;}
.main_md_wrap .main_md_bottom .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS2_button_wrap{flex-direction:row;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS2_button_wrap > div{cursor:pointer;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS2_button_wrap > div.btn_play.off,
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS2_button_wrap > div.btn_pause.off{display:none;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS2_button_wrap .xi{font-size:1.5em; color:#555; transition:.3s; opacity:.7}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS2_button_wrap > div:hover .xi{color:#027041; opacity:1;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS2_button_wrap .xi.xi-pause,
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS2_button_wrap .xi.xi-play{padding-top:2px;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .mdPS2_button_wrap .xi:not(.xi-pause):not(.xi-play){font-size:1.75em;}

.main_cate_tab_wrap{background: #fff; padding: .5em; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #e87f40;}
.main_cate_tab_wrap .main_cate_tab{padding:.7em; border-radius:4px; font-size:1em; transition:.3s; cursor:pointer; font-weight:bold; flex: 1;}
.main_cate_tab_wrap .main_cate_tab:last-of-type{margin-right:0; border-bottom: unset;}
.main_cate_tab_wrap .main_cate_tab:hover,
.main_cate_tab_wrap .main_cate_tab.on{background:#e87f40; color:#fff; box-shadow:0 0 8px 2px rgba(0,0,0,.1);}

.main_brand_wrap{padding-top:85px; margin-bottom:160px;}
.main_brand_wrap .main_wrap_title{font-size:2.25em; text-align:center; margin-bottom:40px; font-weight:bold;}
.main_brand_wrap .brand_link_wrap{}
.main_brand_wrap .brand_link_wrap .brand_link{flex:1 1 25%; margin-right:26px; height:330px; background-position:center; background-size:cover; background-repeat:no-repeat; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center; position:relative; color:#fff; cursor:pointer;}
.main_brand_wrap .brand_link_wrap .brand_link:before{content:''; display:block; width:100%; height:100%; background:#000; opacity:.3; position:absolute; left:0; top:0; z-index:0; transition:.3s;}
.main_brand_wrap .brand_link_wrap .brand_link:hover:before{opacity:.6;}
.main_brand_wrap .brand_link_wrap .brand_link:last-of-type{margin-right:0;}
.main_brand_wrap .brand_link_wrap .brand_link.n1{background-image:url('../images/main/main_brand_bg01.jpg');}
.main_brand_wrap .brand_link_wrap .brand_link.n2{background-image:url('../images/main/main_brand_bg02.jpg');}
.main_brand_wrap .brand_link_wrap .brand_link.n3{background-image:url('../images/main/main_brand_bg03.jpg');}
.main_brand_wrap .brand_link_wrap .brand_link.n4{background-image:url('../images/main/main_brand_bg04.jpg');}
.main_brand_wrap .brand_link_wrap .brand_link p{position:relative; z-index:1; transition:.45s;}
.main_brand_wrap .brand_link_wrap .brand_link p.bl_title{font-size:1.5em; margin-bottom:-3rem;}
.main_brand_wrap .brand_link_wrap .brand_link:hover p.bl_title{font-size:1em; margin-bottom:2.5rem;}
.main_brand_wrap .brand_link_wrap .brand_link p.bl_text{font-size:1.3125em; font-weight:bold; height:55px; padding-top:55px; box-sizing:border-box; overflow:hidden;}
.main_brand_wrap .brand_link_wrap .brand_link:hover p.bl_text{padding-top:0; margin-bottom:2rem;}
.main_brand_wrap .brand_link_wrap .brand_link p.more_btn{font-size:.8125em; font-weight:bold;}
.main_brand_wrap .brand_link_wrap .brand_link p.more_btn .xi{font-weight:400;}

.main_cs_wrap{height:300px; padding-top:60px; background:#f5f5f5; box-sizing:border-box;}
.main_cs_wrap .box1{display:flex;}
.main_cs_wrap .box1 .main_cs_title{font-size:1.375em; font-weight:700; margin-bottom:20px;}
.main_cs_wrap .box1 .main_cs_info_wrap{width:30%;}
.main_cs_wrap .box1 .main_cs_info_wrap .cs_num{font-size:1.5em; font-weight:800; margin-bottom:.875rem; color: #e87f40;}
.main_cs_wrap .box1 .main_cs_info_wrap .cs_time{font-size:.9375em; color:#777;}
.main_cs_wrap .box1 .main_cs_notice_wrap{width:40%;}
.main_cs_wrap .box1 .main_cs_notice_wrap .ul_board_st{display:flex; flex-direction:column;}
.main_cs_wrap .box1 .main_cs_notice_wrap .ul_board_st li{margin-bottom:.5rem; font-size:.96em; cursor:pointer; background: #fff; padding: .5em 1em; border-radius: .5em;}
.main_cs_wrap .box1 .main_cs_notice_wrap .ul_board_st li .notice_title{width:calc(100% - 80px); padding-left:8px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_cs_wrap .box1 .main_cs_notice_wrap .ul_board_st li:hover .notice_title{text-decoration:underline;}
.main_cs_wrap .box1 .main_cs_notice_wrap .ul_board_st li .notice_title:before{content:''; display:block; width:4px; height:1px; background:#111; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.main_cs_wrap .box1 .main_cs_notice_wrap .ul_board_st li .notice_date{width:80px; text-align:right; opacity:.5;}
.main_cs_wrap .box1 .main_cs_sns_wrap{width:calc(100% - 850px); display:flex; justify-content:flex-end; align-items:center;}
.main_cs_wrap .box1 .main_cs_sns_wrap .sns_wrap{}
.main_cs_wrap .box1 .main_cs_sns_wrap .sns_wrap li{margin-left:10px; cursor:pointer;}

.main_use_wrap .use_con {}
.main_use_wrap .use_tab {border-radius: 3em; overflow: hidden; margin-bottom: 1em; background: #f4f4f4;}
.main_use_wrap .use_tab li {flex: 1;}
.main_use_wrap .use_tab li a {position: relative; height: 3.5em; color: rgb(119, 119, 119); padding: 0px 2em; border-radius: 6em; transition: 0.2s;}
.main_use_wrap .use_tab li a:after {content: ""; position: absolute; top: 50%; right: 0px; width: 1px; height: 1.25em; transform: translateY(-50%); background: rgba(0, 0, 0, 0.15);}
.main_use_wrap .use_tab li:last-child a:after {display: none;}
.main_use_wrap .use_tab li a span {}
.main_use_wrap .use_tab li.on a,
.main_use_wrap .use_tab li:hover a {background: #027041; color: #fff; font-weight: 600;}

/**/
.subscribe_wrap{}
.subscribe_wrap .subscribe_head .img_wrap{height:350px;}
.subscribe_wrap .subscribe_head .img_wrap .img{width:100%; height:100%;}
.subscribe_wrap .subscribe_head .text_wrap{width:1200px; padding:2em 3em; box-sizing:border-box; background:#fff; margin:-3rem auto 0; box-shadow:0px 4px 22px 2px rgba(0,0,0,.2);}
.subscribe_wrap .subscribe_head .text_wrap .tt{font-size:2.5em; width:300px; letter-spacing:-2.5px;}
.subscribe_wrap .subscribe_head .text_wrap .tt .first{vertical-align:baseline; letter-spacing:9px; font-weight:bold;}
.subscribe_wrap .subscribe_head .text_wrap .t1{width:calc(100% - 310px); font-size:1.25em; color:#777; line-height:1.6; padding-top:.25em;}
.subscribe_wrap .subscribe_body{margin-top:3rem;}
.subscribe_wrap .subscribe_body .subscribe_title{font-size:1.25em; margin-bottom:2rem;}
.subscribe_wrap .subscribe_body .subscribe_title i.xi{margin-right:6px; margin-top:-2px;}
.subscribe_wrap .subscribe_body .subscribe_sel_list{display:flex; justify-content:space-between;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li{width:30%; cursor:pointer;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap{border-radius:8px; position:relative; overflow:hidden;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap:before{content:''; display:block; width:30px; height:30px; border-radius:50%; background:#fff; position:absolute; left:-18px; top:50%; transform:translateY(-50%); z-index:5; border:2px solid #f69500; box-sizing:border-box;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c2 .subscribe_sel_wrap:before{border-color:#ff4d4b;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c3 .subscribe_sel_wrap:before{border-color:#2667ff;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.off .subscribe_sel_wrap:before{border-color:#aaa;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap:after{content:''; display:block; width:30px; height:30px; border-radius:50%; background:#fff; position:absolute; right:-18px; top:50%; transform:translateY(-50%); z-index:5; border:2px solid #f69500; box-sizing:border-box;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c2 .subscribe_sel_wrap:after{border-color:#ff4d4b;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c3 .subscribe_sel_wrap:after{border-color:#2667ff;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.off .subscribe_sel_wrap:after{border-color:#aaa;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .ssw_check{position:absolute; right:.5em; top:-1em; font-size:1.375em; color:#aaa; transition:.3s;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c1 .subscribe_sel_wrap .ssw_check{color:#f69500;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c2 .subscribe_sel_wrap .ssw_check{color:#ff4d4b;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c3 .subscribe_sel_wrap .ssw_check{color:#2667ff;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.off .subscribe_sel_wrap .ssw_check{color:#aaa;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li:hover .subscribe_sel_wrap .ssw_check,
.subscribe_wrap .subscribe_body .subscribe_sel_list li:not(.off) .subscribe_sel_wrap .ssw_check{top:.375em;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .ssw_shape{width:20px; height:20px; background:#fff; border:2px solid #f69500; box-sizing:border-box; position:absolute; transform:rotate(45deg); z-index:10;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c2 .subscribe_sel_wrap .ssw_shape{border-color:#ff4d4b;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c3 .subscribe_sel_wrap .ssw_shape{border-color:#2667ff;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.off .subscribe_sel_wrap .ssw_shape{border-color:#aaa;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .ssw_shape.s1{left:63px; top:-17px;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .ssw_shape.s2{left:63px; bottom:-17px;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in{border:2px solid #f69500; box-sizing:border-box; border-radius:8px; overflow:hidden;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c2 .subscribe_sel_wrap .subscribe_sel_wrap_in{border-color:#ff4d4b;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c3 .subscribe_sel_wrap .subscribe_sel_wrap_in{border-color:#2667ff;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.off .subscribe_sel_wrap .subscribe_sel_wrap_in{border-color:#aaa;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_l{width:70px; display:flex; justify-content:center; align-items:center; background:#f7c476; border-right:3px dotted #fff;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c2 .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_l{background:#ffafae;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c3 .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_l{background:#a6bef7;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.off .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_l{background:#ddd;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_l img{transform:rotate(-90deg) scale(1.4);}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r{padding:2em; box-sizing:border-box; width:calc(100% - 70px); overflow:hidden; position:relative;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r:before{content:'\ea7d'; font-family:'xeicon'; font-size:6em; color:#ddd; position:absolute; left:0; bottom:-.375em; transform:rotate(-12deg);}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_name{display:inline-flex; padding:.25em .75em; background:#f69500; color:#fff; justify-content:center; align-items:center; border-radius:18px; margin-bottom:1rem; font-size:1.125em; margin-top:-.5rem; position:relative;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c2 .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_name{background:#ff4d4b;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c3 .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_name{background:#2667ff;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.off .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_name{background:#aaa;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_name:before{content:''; display:; width:80px; height:100%; background:#f69500; position:absolute; left:-50px; top:0; z-index:-1;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c2 .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_name:before{background:#ff4d4b;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c3 .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_name:before{background:#2667ff;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.off .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_name:before{background:#aaa;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_ori_price{font-size:1.25em; color:#999; text-decoration:line-through; text-align:right;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_price{text-align:right;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_price span{vertical-align:baseline;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_price .ssw_discount{display:inline-flex; width:55px; height:26px; justify-content:center; align-items:center; border:1px solid #f69500; color:#f69500; border-radius:15px; box-sizing:border-box; padding-top:2px; margin-right:12px;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c2 .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_price .ssw_discount{border-color:#ff4d4b; color:#ff4d4b;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.c3 .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_price .ssw_discount{border-color:#2667ff; color:#2667ff;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li.off .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_price .ssw_discount{border-color:#aaa; color:#aaa;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_price .tt{font-size:1.625em; font-weight:bold;}

.notice_wrap{height:140px; border: 1px solid #ddd; box-sizing:border-box; border-radius:12px;}
.notice_wrap .xi{font-size:1.5em; color:#999; margin-bottom:.5rem;}
.notice_wrap .notice_ctt{font-size:1.125em; color:#777;}

.subscribe_prod_list{display:flex; flex-direction:column;}
.subscribe_prod_list > li{width:100%; padding:1em 2em; border-radius:12px; border:1px solid #ddd; margin-bottom:.75rem; box-sizing:border-box; transition:.3s;}
.subscribe_prod_list:not(.noHover) > li:hover,
.subscribe_prod_list:not(.noHover) > li:focus-within{border-color:#027041;}
.subscribe_prod_list > li .subscribe_prod_in{}
.subscribe_prod_list > li .subscribe_prod_in .spi_month{font-size:1.25em; color:#027041;}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box{}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div{}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div .tt{margin-right:1rem;}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div.same_check{width:120px;}

.price_st{font-size:1.25em;}
.price_st .num{color:#f70847; vertical-align:baseline;}

/*txt_setting*/
.bg_gray{background:#f5f5f5;}
.txt_bold{font-weight:bold; vertical-align:baseline;}
.txt_small{font-size:.875em; vertical-align:baseline;}
.txt_light{font-weight:200; vertical-align:baseline;}

.vb{vertical-align:baseline;}

.about_index_wrap{}
.about_index_wrap .sub_page_bg_wrap{}
.about_index_wrap .sub_page_bg_wrap .img_wrap{height:580px;}
.about_index_wrap .sub_page_bg_wrap .img_wrap .img{width:100%; height:100%;}

.sub_page_wrap{padding-top:70px; padding-bottom:100px;}
.sub_page_wrap.st2{padding-bottom:150px;}
.sub_page_wrap.st3{padding:0;}
.sub_page_wrap.st4{padding:120px 0;}

.sub_page_wrap .sub_page_title_wrap{margin-bottom:40px;}
.sub_page_wrap .sub_page_title_wrap .title_sub{opacity:.5; font-size:.9375em; letter-spacing:.5px; margin-bottom:24px;}
.sub_page_wrap .sub_page_title_wrap .title{font-size:2.375em; margin-bottom:24px;}
.sub_page_wrap .sub_page_title_wrap .t1{font-size:1.375em; color:#555; line-height:1.6;}
.sub_page_wrap .sub_page_ctt_wrap{}
.sub_page_wrap .sub_page_ctt_wrap .box_st{background:#fff; box-shadow:0 0 15px 2px rgba(0,0,0,.1); padding:30px 0; width:300px; text-align:center; margin-bottom:2rem;}
.sub_page_wrap .sub_page_ctt_wrap .box_st .t1{font-size:1.0625em; color:#027041; font-weight:bold; margin-bottom:1rem;}
.sub_page_wrap .sub_page_ctt_wrap .box_st .t2{font-size:1.1250em; color:#666;}
.sub_page_wrap .sub_page_ctt_wrap .box_st .t3{font-size:1.3750em; font-weight:bold;}
.sub_page_wrap .sub_page_ctt_wrap .t_caption{font-size:.875em; color:#777;}
.sub_page_wrap .sub_page_ctt_wrap .btns_wrap{margin-top:4rem;}
.sub_page_wrap .sub_page_ctt_wrap .btns_wrap .btn_st{cursor:pointer;}
.sub_page_wrap .sub_page_ctt_wrap .btns_wrap .btn_st.st1{background:#027041; color:#fff; width:240px; padding:18px 0;}
.sub_page_wrap .sub_page_ctt_wrap .btns_wrap .btn_st.st1 .tt{font-size:1.1875em;}
.sub_page_wrap .sub_page_ctt_wrap .btns_wrap .btn_st.st1 .xi{margin-left:1rem; transition:.3s;}
.sub_page_wrap .sub_page_ctt_wrap .btns_wrap .btn_st.st1:hover .xi{margin-left:2rem; margin-right:-1rem;}

.sp_brand{}
.sp_brand .brand_ctt_wrap{margin-top:60px;}
.sp_brand .brand_ctt_wrap > div{width:570px;}
.sp_brand .brand_ctt_wrap > div .img_wrap{height:380px;}
.sp_brand .brand_ctt_wrap > div .img_wrap .img{width:100%; height:100%;}
.sp_brand .brand_ctt_wrap > div .txt_wrap{margin-top:30px; text-align:center;}
.sp_brand .brand_ctt_wrap > div .txt_wrap .t1{opacity:.5; font-size:.9375em; letter-spacing:.5px; margin-bottom:1.125rem;}
.sp_brand .brand_ctt_wrap > div .txt_wrap .t2{font-size:1.0625em; letter-spacing:-.5px; color:#555; font-weight:200; margin-bottom:20px;}
.sp_brand .brand_ctt_wrap > div .txt_wrap .t3{font-size:1.5em; margin-bottom:24px;}

.sp_product{position:relative;}
.sp_product .sp_product_bg_wrap{height:400px;}
.sp_product .sp_product_bg_wrap > div{width:50%; height:100%;}
.sp_product .sp_product_bg_wrap > div .img{width:100%; height:100%;}
.sp_product .sp_product_ctt_wrap{position:absolute; left:0; top:0; height:400px; width:100%; color:#fff; transition:.3s; transition-delay:.3s;}
.sp_product .sp_product_ctt_wrap.on{background:rgba(0,0,0,.4);}
.sp_product .sp_product_ctt_wrap .box2{height:100%; position:relative;}
.sp_product .sp_product_ctt_wrap .box2 > div:not(.sp_product_in_wrap){width:50%; height:100%; padding-top:4rem; box-sizing:border-box;}
.sp_product .sp_product_ctt_wrap .box2 > div:not(.sp_product_in_wrap).off{transform:translateY(30px); opacity:0; transition-delay:0s;}
.sp_product .sp_product_ctt_wrap .box2 > div.product_ctt_r{padding-left:80px;}
.sp_product .sp_product_ctt_wrap .box2 > div .product_Q{font-weight:200; font-size:3.125em;}
.sp_product .sp_product_ctt_wrap .box2 > div .product_title{font-size:1.875em; margin-top:-.5rem; margin-bottom:46px;}
.sp_product .sp_product_ctt_wrap .box2 > div .btns_wrap{}
.sp_product .sp_product_ctt_wrap .box2 > div .btns_wrap .btn_st{cursor:pointer;}
.sp_product .sp_product_ctt_wrap .box2 > div .btns_wrap .btn_st.st2{background:#fff; color:#555; width:140px; padding:6px 0;}
.sp_product .sp_product_ctt_wrap .box2 > div .btns_wrap .btn_st.st2 .tt{}
.sp_product .sp_product_ctt_wrap .box2 > div .btns_wrap .btn_st.st2 .xi{margin-top:2px; margin-left:8px; transition:.3s;}
.sp_product .sp_product_ctt_wrap .box2 > div .btns_wrap .btn_st.st2:hover .xi{margin-left:14px; margin-right:-6px;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap{width:100%; height:100%; padding:0; transition:.3s; transition-delay:.9s; opacity:0; position:absolute; left:0; top:30px; z-index:-3;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap.on{display:flex; opacity:1; top:0; z-index:1; transition-delay:0;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .sp_product_in_close{position:absolute; right:0; top:2em; color:#ccc; font-size:1.5em; cursor:pointer; transition:.3s;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .sp_product_in_close:hover{color:#fff;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap > .flex{height:100%;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .title{font-size:1.5em; margin-bottom:1rem;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .t1{line-height:1.6; padding-right:3em; opacity:.8;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st{padding-left:80px;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap.n2 .gram_st{padding-left:30px;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st li:not(:nth-last-of-type(-n+2)){margin-bottom:1.5rem;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st .icon_wrap{width:80px; height:80px; background:rgba(31,59,119,.7); color:#ddd; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing:0; font-size:2.5em; border-radius:50%; display:flex; justify-content:center; align-items:center; margin-right:1rem;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st .icon_wrap .num{padding-bottom:.25em; box-sizing:border-box;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st .gram_txt{width:calc(calc(100% - 80px) - 1rem);}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st .gram_txt .t1{padding-right:0; font-size:1.125em;}

.sp_contact{}
.sp_contact .btns_wrap{}
.sp_contact .btns_wrap .btn_st{cursor:pointer;}
.sp_contact .btns_wrap .btn_st.st1{background:#027041; color:#fff; width:240px; padding:18px 0;}
.sp_contact .btns_wrap .btn_st.st1.c2{background:#333;}
.sp_contact .btns_wrap .btn_st.st1 .tt{font-size:1.1875em;}
.sp_contact .btns_wrap .btn_st.st1 .xi{margin-left:1rem; transition:.3s; margin-top:2px;}
.sp_contact .btns_wrap .btn_st.st1:hover .xi{margin-left:2rem; margin-right:-1rem;}

/*secAni*/
.conSection .ani{ opacity:0; transition:.5s;}
.conSection .ani.aniT{ transform:translateY(60px)}
.conSection .ani.aniB{ transform:translateY(-60px)}
.conSection .ani.aniL{ transform:translateX(30px)}
.conSection .ani.aniR{ transform:translateX(-30px)}
.conSection.secAni .ani{ opacity:1;}
.conSection.secAni .ani.aniT{ transform:translateY(0)}
.conSection.secAni .ani.aniB{ transform:translateY(0)}
.conSection.secAni .ani.aniL{ transform:translateX(0)}
.conSection.secAni .ani.aniR{ transform:translateX(0)}
.conSection.secAni .ani.delay1 { transition-delay:.3s;}
.conSection.secAni .ani.delay2 { transition-delay:.6s;}
.conSection.secAni .ani.delay3 { transition-delay:.9s;}
.conSection.secAni .ani.delay4 { transition-delay:1.2s;}
.conSection.secAni .ani.delay5 { transition-delay:1.5s;}
.conSection.secAni .ani.delay6 { transition-delay:1.8s;}
.conSection.secAni .ani.delay7 { transition-delay:2.1s;}
.conSection.secAni .ani.delay8 { transition-delay:2.4s;}
.conSection.secAni .ani.delay9 { transition-delay:2.7s;}
.conSection.secAni .ani.delay10{ transition-delay:3.0s;}

.flex.dv50{}
.flex.dv50 > *{width:50%;}

.location_wrap{}
.location_wrap .location_in{}
.location_wrap .location_in:not(:last-of-type){margin-bottom:4rem;}
.location_wrap .location_in .location_title{overflow:hidden; font-size:1.25em; position:relative; margin-bottom:1rem;}
.location_wrap .location_in .location_title:after{content:''; display:block; width:100%; height:3px; background:#ddd; position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:-1;}
.location_wrap .location_in .location_title .xi{color:#027041; padding-right:.125em; background:#fff;}
.location_wrap .location_in .location_title .tt{background:#fff; padding-right:1rem;}
.location_wrap .location_in .map_cv{box-shadow:0 0 12px 2px rgba(0,0,0,.2); border-radius:0 0 10px 10px; overflow:hidden;}
.location_wrap .location_in .map_box{padding:1.5em; box-sizing:border-box; border-top:2px solid #027041;}
.location_wrap .location_in .map_box .root_daum_roughmap{width:100% !important;}
.location_wrap .location_in .map_info{padding:1.5em; box-sizing:border-box; border-top:1px solid #ddd;}
.location_wrap .location_in .map_info li:not(:last-of-type){margin-right:2rem;}
.location_wrap .location_in .map_info .map_icon{display:flex; justify-content:center; align-items:center; background:#027041; color:#fff; width:36px; height:36px; border-radius:50%; margin-right:6px;}
.location_wrap .location_in .map_info .map_icon .xi{font-size:1.125em;}


.sub_page_head_img_wrap{position:relative; margin-bottom:3.5rem; max-height:320px; overflow:hidden;}
.sub_page_head_img_wrap img{margin-top:-4rem;}
.sub_page_head_img_wrap .img_cover{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4); color:#fff;}
.sub_page_head_img_wrap .img_cover .sub_page_head_title{font-size:2.5em; font-weight:bold; position:relative;}
.sub_page_head_img_wrap .img_cover .sub_page_head_title:before{content:''; display:block; width:120px; height:4px; background:#fff; position:absolute; left:-150px; top:48%; transform:translateY(-50%);}
.sub_page_head_img_wrap .img_cover .sub_page_head_title:after{content:''; display:block; width:120px; height:4px; background:#fff; position:absolute; right:-150px; top:48%; transform:translateY(-50%);}

.sub_page_body_wrap{}
.sub_page_body_wrap > div:not(.info_wrap){width:50%;}
.sub_page_body_wrap > div.grt_box{padding-left:3rem; padding-right:3rem; box-sizing:border-box;}
.sub_page_body_wrap > div.grt_box .c_point{font-weight:bold; display:inline;}
.sub_page_body_wrap > div .tt{font-size:1.75em; margin-bottom:1.25rem;}
.sub_page_body_wrap > div.grt_box .t1{line-height:1.6; color:#777; margin-bottom:1.5rem;}
.sub_page_body_wrap > div.grt_box .t2{font-size:1.25em; font-weight:bold; margin-bottom:.875rem;}
.sub_page_body_wrap > div.grt_box .t3{color:#999; font-weight:bold;}
.sub_page_body_wrap > div.grt_box .t_centerline{display:inline-block; width:20px; height:1px; background:#333; margin:0 .5rem;}

.sub_page_body_wrap > div.graphic_wrap{padding-top:3rem;}
.sub_page_body_wrap > div.graphic_wrap .title{font-size:1.375em; colro:#555; line-height:1.6; text-align:center;}
.sub_page_body_wrap > div.graphic_wrap .box_st{background:#fff; box-shadow:0 0 15px 2px rgba(0,0,0,.1); padding:30px 0; width:80%; text-align:center; margin-bottom:2rem;}
.sub_page_body_wrap > div.graphic_wrap .box_st .t1{font-size:1.0625em; color:#027041; font-weight:bold; margin-bottom:1rem;}
.sub_page_body_wrap > div.graphic_wrap .box_st .t2{font-size:1.1250em; color:#666;}
.sub_page_body_wrap > div.graphic_wrap .box_st .t3{font-size:1.3750em; font-weight:bold;}
.sub_page_body_wrap > div.graphic_wrap .t_caption{font-size:.875em; color:#777;}

.link_st{color:#027041; font-size:1.125em; font-weight:bold;}
.link_st .xi{transition:.3s; font-weight:400;}
.link_st:hover .xi{transform:rotate(45deg);}

.mall_banner_wrap{gap: 1em;}
.mall_banner_wrap > div{width:50%; max-width:50%; height:200px; background-size:100%; background-position:center; background-repeat:no-repeat; cursor:pointer; position:relative; transition:.3s;}
.mall_banner_wrap > div:before{content:''; display:block; width:100%; height:100%; background:#000; opacity:.3; position:absolute; left:0; top:0; z-index:1;}
.mall_banner_wrap > div:hover{background-size:110%;}
.mall_banner_wrap > div .mb_in{display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; position:relative; color:#fff; z-index:2;}
.mall_banner_wrap > div .mb_in .mb_title{font-size:1.8em; font-weight:bold; letter-spacing:1px;}
.mall_banner_wrap > div .mb_in .mb_ctt{text-align:center; line-height:1.6; font-size:1.125em;}

.option_prd_name{font-size:.9375em;/* padding-bottom:.75rem;*/ /*border-bottom:2px solid #777;*/ flex:1 1 auto; width:calc(100% - 332px);}
/*.option_prd_name > span:first-of-type{max-width:60%;}*/
/*.option_prd_name > span:nth-of-type(2){max-width:40%;}
.option_prd_name > span.prd_count{margin-left:auto;}*/
.option_prd_name span{/*margin-right:2em;*/ position:relative; line-height:1.6;}
/*.option_prd_name span:not(:last-of-type):after{content:'\e93f'; font-family:'xeicon'; font-size:.9375em; color:#333; position:absolute; right:-1.5em; top:50%; transform:translateY(-50%);}*/
.option_prd_name span:last-of-type{margin-right:0;}

.opt_cancle{font-size:1.25em; cursor:pointer; margin-left:10px;}
.opt_cancle:hover{color:#0b54bb;}

.mall_prod_cate_name{font-size:1.4em; font-weight:800; position:relative; display:inline-block; margin-top:2em; margin-bottom:1em;}
.mall_prod_cate_name:before{content:''; display:block; width:calc(100% + 1em); height:100%; background:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:-1;}
.mall_prod_cate_name:after{content:''; display:block; width:100vw; height:4px; background:#027041; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:-2;}

.subscribe_history_wrap{}
.subscribe_history_wrap .subscribe_history{}
.subscribe_history_wrap .subscribe_history th{background:#f5f5f5; border-top:2px solid #666;}
.subscribe_history_wrap .subscribe_history td{text-align:center;}
.subscribe_history_wrap .subscribe_history td:not(:last-of-type){border-right:1px solid #ddd;}
.subscribe_history_wrap .subscribe_history td.viewDetail{cursor:pointer;}
.subscribe_history_wrap .subscribe_history td.viewDetail:hover{text-decoration:underline; color:#027041;}

.coupon_list_pop .table_notice{display:none; font-size:.875em; color:#555; margin-bottom:.5rem;}

.order_notice{display:none; font-size:.875em; color:#555; margin-top:1rem; margin-bottom:-2rem;}

.board_tit ~ .table_notice{display:none; font-size:.875em; color:#555; margin:.5rem 0;}
.subscribe_title ~ .table_notice{display:none; font-size:.875em; color:#555; margin:.5rem 0;}


.sub #footer .info_wrap .cs_wrap .cs .wrap_in.sub_dn{display:none;}
#footer .info_wrap .cs_wrap .cs .wrap_in.main_dn{display:block;}
.main #footer .info_wrap .cs_wrap .cs .wrap_in.main_dn{display:none;}

.dp2_best .tt_price.before{display:none;}

/*ceo message*/

.page_tit1{ margin-bottom:30px;}
.page_tit1 .subtit{ margin-bottom:10px; font-weight:600; font-size:16px; color:#e76406;}
.page_tit1 .tit-g{font-weight:600; font-size:40px; line-height:48px;}
.page_tit1 .tit-g p:first-child{margin-bottom: 5px; font-weight:200; }
.page_tit1 .tit-g strong{color:#027041; vertical-align:baseline;}
/*
.sub_section{
	width:100%; height:100%; box-sizing:border-box;
	background-color: #f7f7f7;
}
*/
.sub_section .box1{display:flex;}
.sub_section .page_txt{   
	width:60%; margin-right: 30px; 
	font-weight:400; font-size:18px; padding:30px 0 80px; color:#333; line-height:32px;
}
.sub_section .page_txt *{ vertical-align:baseline;}
.sub_section .page_txt p{ margin-bottom:20px;}
.sub_section .page_txt p:nth-child(4){ margin-bottom:60px;}
.sub_section .page_txt span{ font-weight:600; color:#027041}
.sub_section .page_txt .ceo_sig{ padding-right: 80px; font-size: 20px; text-align: right;}
.sub_section .page_bg{ 
	width: calc( 40% - 30px); height: 580px;
	margin-top: -150px;
	background-image:url(../images/sub/about_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
  background-color: #ddd;
}

.memo_box {border: 1px solid #f4e5c3; padding: 2em; background: #fff9f1;}