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

.PC { display: block; } 
.PHONE { display: none; } 

.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: #fff}
.scroll #header { position: fixed; box-shadow: 0 0 1em rgba(0, 0, 0, .1); } 
body:not(.main) #header { border-bottom: 1px solid #ddd}
#header .etc_wrap { background: var(--siteC2); color: #fff; overflow: hidden; } 
#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 > a:hover,
#header .etc_wrap .menu_wrap .menu > li > a:focus { background-color: #fff; color: #000; } 

/* #header .top_wrap .wrapH { height:7em; box-sizing:border-box; padding:1em 0; } 
#header .top_wrap .logo > a { display:block } 
#header .top_wrap .logo > a .in { display:block } 
#header .top_wrap .logo > a .in img { display:block; height:5.5em } 
#header .top_wrap .search_wrap { position:relative; margin-left:4em } 
#header .top_wrap .search_wrap .inp { height:3.3em; border-radius:3em; width:20em; padding:.5em 4em .5em 1.5em; border:none; background:var(--siteC); color:#fff; font-size:.96em; box-sizing:border-box; } 
#header .top_wrap .search_wrap input.inp::placeholder { color:#fff; } 
#header .top_wrap .search_wrap .btn { position:absolute; right:0; top:0; width:4em; height:100%; text-align:center; color:#fff; border:none; background:none } 
#header .top_wrap .icon_wrap { margin-left:auto; } 
#header .top_wrap .icon_wrap .icon { gap: .5em; } 
#header .top_wrap .icon_wrap .icon > li > a { position:relative; width: 2.5em; display: inline-block; border: 1px solid #ddd; height: 2.5em; line-height: 2.5em; text-align: center; border-radius: 50%; } 
#header .top_wrap .icon_wrap .icon > li > a .xi { font-size:1.5em } 
#header .top_wrap .icon_wrap .icon > li > a:hover .xi,
#header .top_wrap .icon_wrap .icon > li > a:focus .xi { color:var(--siteC2); } 
#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:var(--siteC); 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 { } 
#header .top_wrap .wrapH { height: var(--topH); } 
#header .top_wrap .logo { width: 10em; } 
#header .top_wrap .phone_num { background: var(--siteC); color: #fff; padding: 1em 2em; border-radius: 2em; font-weight: 600; } 
#header .top_wrap .shop_wrap { width: 22em; } 
#header .top_wrap .logo .in img { display: block; } 
#header .top_wrap .search_wrap { } 
#header .top_wrap .search_wrap .search { position: relative; width: 28em; max-width: 25vw; height: 3em; background: #fff; border: 2px solid var(--siteC); border-radius: 6em; overflow: hidden; } 
#header .top_wrap .search_wrap .search .inp { height: 100%; border: none; background: none; box-sizing: border-box; } 
#header .top_wrap .search_wrap .search .inp.txt { width: 100%; padding: 0 3.75em 0 1.5em; font-weight: 400; } 
#header .top_wrap .search_wrap .search .inp.btn { position: absolute; top: 0; right: 0; width: 3.25em; color: var(--siteC); transition: .2s; } 
#header .top_wrap .search_wrap .search .inp.btn .xi { font-size: 1.500em; } 
#header .top_wrap .search_wrap .search .inp.btn:hover { background: var(--siteC); color: #fff; } 

#header .top_wrap .shop_wrap { } 
#header .top_wrap .shop_wrap .menu { position: relative; z-index: 2; } 
#header .top_wrap .shop_wrap .menu > li { } 
#header .top_wrap .shop_wrap .menu > li .in { padding: .5em 0; color: #666; } 
#header .top_wrap .shop_wrap .menu > li:not(:last-child) .in:after { content: ""; width: 1px; height: 1em; margin: 0 .875em; background: #000; opacity: .2; } 
#header .top_wrap .shop_wrap .menu > li .in .tt { font-size: .813em; } 
#header .top_wrap .shop_wrap .menu > li .in .arrow { font-size: .938em; margin-left: 1em; } 
#header .top_wrap .shop_wrap .menu > li .in .arrow:before { content: "\e941"; } 
#header .top_wrap .shop_wrap .menu > li .drop { position: relative; } 
#header .top_wrap .shop_wrap .menu > li .drop .list { position: absolute; top: 100%; left: 50%; width: 8em; padding: .625em .5em; background: #fff; border-radius: .75em; box-shadow: 0 2px .5em rgba(0, 0, 0, .15); transform: translateX(-50%); box-sizing: border-box; display: none; } 
#header .top_wrap .shop_wrap .menu > li .drop .list > li > a { display: block; padding: .5em 1em; font-size: .750em; } 
#header .top_wrap .shop_wrap .menu > li:hover .in .tt { text-decoration: underline; } 
#header .top_wrap .shop_wrap .menu > li:hover .drop .list { display: block; } 
#header .top_wrap .shop_wrap .menu > li .drop .list > li > a:hover { color: var(--siteC); } 

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

#header .nav_wrap { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
#header .nav_wrap .wrapH { height: 4em; box-sizing: border-box}
#header .nav_wrap .menu_wrap { margin-left: auto}
#header .nav_wrap .cate_wrap .all_wrap .allBtn,
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li > .dp1 { font-weight: 500; font-size: 1.125em; padding: .5em 2em; position: relative; } 
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li > .dp1 .va { position: relative}
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li:hover > .dp1 { font-weight: 600; color: var(--siteC2); } 
/*#header .nav_wrap .cate_wrap .mall_wrap .gnb .dp2 { display:none } */
#header .nav_wrap .cate_wrap .mall_wrap .gnb li { position: relative; } 
#header .nav_wrap .cate_wrap .mall_wrap .gnb .dp2 { position: absolute; left: 50%; transform: translate(-50%, 0%); top: 0%; background: var(--siteC2); display: block; width: 12em; padding: .7em; box-sizing: border-box; box-shadow: 0 0 1em rgba(0, 0, 0, .1); visibility: hidden; opacity: 0; border-radius: .5em; } 
#header .nav_wrap .cate_wrap .mall_wrap .gnb .dp2:before { content: "\e92f"; font-family: xeicon; line-height: 1; position: absolute; left: 50%; transform: translate(-50%, .2em); bottom: 100%; color: var(--siteC)}
#header .nav_wrap .cate_wrap .mall_wrap .gnb .dp2 > li > a { padding: .5em; color: #fff; transition: .3s}
#header .nav_wrap .cate_wrap .mall_wrap .gnb .dp2 > li > a:hover { background: #fff; color: #000; } 
#header .nav_wrap .cate_wrap .mall_wrap .gnb .dp2 > li > a .va { font-weight: 500; } 
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li:hover { overflow: visible; } 
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li:hover .dp2 { visibility: visible; opacity: 1; top: 100%; transition: top .3s}
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li .dp3 { display: none; } 

#header .nav_wrap .cate_wrap .mall_wrap .m_mall .dp2 { display: none; } 

#header .nav_wrap .cate_wrap .all_wrap .allBtn { padding-left: 0; } 
#header .nav_wrap .cate_wrap .all_wrap .allBtn .xi { font-size: 1.2em; margin-right: .5em; background: var(--siteC2); width: 1.6em; height: 1.6em; line-height: 1.6em; text-align: center; color: #fff; border-radius: 50%; } 
#header .nav_wrap .cate_wrap .all_wrap .allBtn:hover .tt { color: var(--siteC2); font-weight: 500; } 
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li.on > .dp1 { color: var(--siteC2)}
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li.on > .dp1 .va:after { content: ""; position: absolute; left: 100%; bottom: 100%; width: 1em; height: 1em; border-radius: 50%; background: var(--siteC2); font-size: .375em}

#header .nav_wrap .menu_wrap .gnb > li { position: relative}
#header .nav_wrap .menu_wrap .gnb > li > .dp1 { font-size: 1.063em; padding: .5em 1.5em; margin: 0 -1em 0 1em; background-color: var(--siteC); color: #fff; border-radius: 2em; } 
#header .nav_wrap .menu_wrap .gnb > li > .dp1:hover,
#header .nav_wrap .menu_wrap .gnb > li > .dp1:focus { background-color: #1d4835; transition: .3s; } 
#header .nav_wrap .menu_wrap .gnb > li > .dp2 { position: absolute; left: calc(50% + .813em); background: #fff; padding: .5em; width: 7em; margin-left: -3.5em; box-shadow: 0 0 1em rgba(0, 0, 0, .2); border-radius: .5em; display: block; transition: .3s; visibility: hidden; opacity: 0; transform: translateY(-1em)}
#header .nav_wrap .menu_wrap .gnb > li:hover > .dp2 { visibility: visible; opacity: 1; transform: translateY(0)}
#header .nav_wrap .menu_wrap .gnb > li > .dp2 > li > a { padding: .375em 0; opacity: .5}
#header .nav_wrap .menu_wrap .gnb > li > .dp2 > li > a .va { white-space: nowrap; font-size: .875em}
#header .nav_wrap .menu_wrap .gnb > li > .dp2 > li:hover > a { opacity: 1}
#header .nav_wrap .menu_wrap .gnb > li.m_regular > .dp2 { display: none; } 

#header .nav_wrap .search_wrap { } 
#header .nav_wrap .search_wrap .search { position: relative; width: 15em; height: 2.5em; background: #fff; border: 2px solid var(--siteC); border-radius: 6em; overflow: hidden; } 
#header .nav_wrap .search_wrap .search .inp { height: 100%; border: none; background: none; box-sizing: border-box; } 
#header .nav_wrap .search_wrap .search .inp.txt { width: 100%; padding: 0 3.75em 0 1.5em; font-weight: 400; font-size: 0.8em;} 
#header .nav_wrap .search_wrap .search .inp.btn { position: absolute; top: 0; right: 0; width: 3.25em; color: var(--siteC); transition: .2s; } 
#header .nav_wrap .search_wrap .search .inp.btn .xi { font-size: 1.500em; } 
#header .nav_wrap .search_wrap .search .inp.btn:hover { background: var(--siteC); color: #fff; } 

#header .prod_cate .dp1 { font-weight: 700; color: var(--siteC); } 

#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 { transition: 0s; position: relative; width: 3em; height: 3em; } 
#header .all_wrap .all_layer .all_close .all_btn .ham:before { position: absolute; height: 4px; width: 100% !important; top: 50% !important; background: #fff; content: ''; } 
#header .all_wrap .all_layer .all_close .all_btn .ham:after { position: absolute; height: 4px; width: 100% !important; top: 50% !important; background: #fff; content: ''; } 
#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; } 
#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; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover { background: var(--crBlack); border-color: var(--crBlack); 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: 4.5em; padding: 0 .5em; } 
#header .all_wrap .all_layer .wrap_top .all_menu > li .ico { filter: var(--siteC2); } 
#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: var(--crBlack); color: #fff; } 
#header .all_wrap .all_layer .wrap_top .all_menu > li .in:hover .ico { filter: var(--crWhitefil); } 
#header .all_wrap .all_layer .wrap_middle { padding: 1em 1em 3em 1em; background: var(--crGray); } 
#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_sejong,
#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_sejong .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_sejong .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,
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_sejong .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: none; } 
#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.more { } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.link { display: none; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.layer { display: block !important; padding-right: 2.5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a .arrow { position: absolute; right: 1em; top: 50%; transform: translateY(-50%); font-size: 1em; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a .arrow:before { content: "\e943"; font-size: 1.250em; display: block; transition: .2s; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > 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: var(--siteC); color: #fff; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.plus.open > a { color: var(--siteC); } 
#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 var(--crGray); 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 > 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: var(--siteC); 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: var(--crGray)}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 { background: var(--crGray2); } 
#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_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: 600; } 
#header .all_wrap .all_layer .wrap_bottom .best_tit p .xi { color: var(--siteC); vertical-align: baseline; 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 var(--siteC); border-bottom: 1px solid var(--siteC); } 
#header .all_wrap .all_layer .wrap_bottom .best_inn li > .in { height: 3.75em; padding: 0 1.5em; border: solid var(--crGray); 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: var(--siteC); opacity: 0; } 
#header .all_wrap .all_layer .wrap_bottom .best_inn li > .in .num { color: var(--siteC); 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; } 

#header .all_wrap .all_layer .wrap_middle .gnb li.m_customer .dp2,
#header .all_wrap .all_layer .wrap_middle .gnb li.m_guide .dp2,
#header .all_wrap .all_layer .wrap_middle .gnb li.m_mypage .dp2,
#header .all_wrap .all_layer .wrap_middle .gnb li.m_mall,
#header .all_wrap .all_layer .wrap_middle .gnb li.m_member { display: none; } 

#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; width: 8em; background: #34b30a; 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; } 
#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 { background: #555; color: #fff}
#footer .gotop { position: fixed; right: 1em; bottom: 1em; width: 3.5em; line-height: 3.5em; background: var(--siteC2); 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}
#footer .gotop:hover,
#footer .gotop:focus { background: #8d0c22; } 
body.scroll #footer .gotop { transform: translateY(0); opacity: 1; visibility: visible}

#footer .cs_wrap { padding-top: 60px; box-sizing: border-box; text-align: center; } 
#footer .cs_wrap .box1 { display: flex; } 
#footer .cs_wrap .box1 .main_cs_title { font-size: 1.375em; font-weight: bold; margin-bottom: 30px; } 
#footer .cs_wrap .box1 .main_cs_info_wrap { width: 40%; } 
#footer .cs_wrap .box1 .main_cs_info_wrap .cs_num { font-size: 1.5em; font-weight: bold; margin-bottom: .5rem; } 
#footer .cs_wrap .box1 .main_cs_info_wrap .cs_num .xi { margin-right: .5em; } 
#footer .cs_wrap .box1 .main_cs_info_wrap .cs_time { font-size: 1em; color: #fff; } 
#footer .cs_wrap .box1 .main_cs_info_wrap .cs_banknum { font-size: 1.125em; margin-top: 1em; font-weight: 600; } 
#footer .cs_wrap .box1 .main_cs_notice_wrap { width: 60%; position: relative; } 
#footer .cs_wrap .box1 .main_cs_notice_wrap::before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #fff; opacity: .7; } 
#footer .cs_wrap .box1 .main_cs_notice_wrap .link { display: flex; padding: 1em; } 
#footer .cs_wrap .box1 .main_cs_notice_wrap .link li { width: 13%; } 
#footer .cs_wrap .box1 .main_cs_notice_wrap .link li .xi { background-color: #fff; color: var(--siteC2); width: 4em; line-height: 4em; border-radius: 100%; font-size: 1.2em; margin-bottom: 1em; } 
#footer .cs_wrap .box1 .main_cs_notice_wrap .link li a:hover .xi,
#footer .cs_wrap .box1 .main_cs_notice_wrap .link li a:focus .xi { background-color: #fccfcf; } 

#footer .logo_wrap .wrapH { height: 8.125em; } 
#footer .logo_wrap .logo img { display: block; height: 6.125em; margin: 2em auto; } 
#footer .logo_wrap .menu > li > a { padding: .25em 1.5em; font-size: 1.125em; font-weight: 500; position: relative; } 
#footer .logo_wrap .menu > li > a::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 1em; background: rgba(255, 255, 255, .2); transform: translateY(-50%); } 
#footer .logo_wrap .menu > li:first-child > a::before { display: none; } 
#footer .logo_wrap .menu > li > a:hover,
#footer .logo_wrap .menu > li > a:focus { color: #cadcff; } 
#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 .bottom_box { padding: 3.5em 0 5.5em 0}
#footer .info_wrap { } 
#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 .copyright { font-size: .86em; 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}
#footer .link_wrap { padding: 1em 0}
#footer .link_wrap .link { gap: .75em}
#footer .link_wrap .link > li > a { padding: .75em 2em; background: #383843; color: #fff; font-weight: 500; border-radius: 2em}
#footer .link_wrap .link > li > a .xi { font-size: 1em; margin-left: 1em; transition: .3s}
#footer .link_wrap .link > li > a:hover .xi { transform: translateX(.5em)}
#footer .link_wrap .sns { gap: 1em}
#footer .link_wrap .sns > li > a { width: 2.25em; line-height: 2.25em; border-radius: 50%; text-align: center}
#footer .link_wrap .sns > li > a:hover { background: #8cc63e; color: #fff}
#footer .logo { margin-right: 3em; } 

#contents .sub_nav { padding: 1.75em 0 0 0}
.sub_nav_st > li { color: #666; font-size: .938em}
.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 { color: #111}
.sub_nav_st > li.home .xi { font-size: 1.125em; background-color: var(--siteC); color: #fff; padding: 0.2em; border-radius: 50%; width: 1.4em; height: 1.4em; text-align: center; line-height: 1.4em; } 
#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: 700}
#contents .sub_tab { padding: 1.5em 0 0 0; background: #ffeaea; 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 > .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: #1d4835; 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: var(--siteC); 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)}

#contents .sub_tab .gnb > li > .dp2 > li.m2_adminView { display: none;}

.dp1_mall #contents .sub_tab .gnb { display: block; } 
.dp1_mall #contents .sub_tab .gnb > li > .dp2 > li { width: 100%; flex: 1 1 100%; max-width: 100%; } 
#contents .sub_tab .gnb > li > .dp2 .dp3 { justify-content: center}
#contents .sub_tab .gnb > li > .dp2 .dp3 > li { flex: 1 1 12.5em; max-width: 12.5em}
#contents .sub_tab .gnb > li > .dp2 .dp3 > 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 .dp3 > li > a .va { font-weight: 500; font-size: 1.125em}
#contents .sub_tab .gnb > li > .dp2 .dp3 > li.on > a { background: #1d4835; color: #fff; padding-top: .25em}
#contents .sub_tab .gnb > li > .dp2 .dp3 > li.on > a:before,
#contents .sub_tab .gnb > li > .dp2 .dp3 > li.on > a:after { content: ""; position: absolute; background: var(--siteC); bottom: 100%; font-size: .5em}
#contents .sub_tab .gnb > li > .dp2 .dp3 > li.on > a:before { right: 0; height: 1em; width: 1em; transform: rotate(-45deg); transform-origin: right bottom}
#contents .sub_tab .gnb > li > .dp2 .dp3 > 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.on .dp2 > li.on { display: block !important}
.dp4on .gnb > li,
.dp4on .gnb > li .dp1,
.dp4on .gnb > li .dp2 > li,
.dp4on .gnb > li .dp2 > li > a,
.dp4on .gnb > li .dp2 > li > .dp3 > li,
.dp4on .gnb > li .dp2 > li > .dp3 > li > a { display: none !important}
.dp4on .gnb > li.on,
.dp4on .gnb > li.on .dp2 > li.on,
.dp4on .gnb > li.on .dp2 > li.on .dp3 > 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 } */

.dp1_mall.dp2_view #contents .doc { padding: 3em 0 10em 0; } 

/**/
.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: var(--siteC); 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: var(--siteC); border-color: var(--siteC)}
.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: #1d4835; } 

.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: #1f3b77; 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: #1f3b77}
.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 #1d4835; } 
.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 2.5em 0}
.mall_list_top .tit_wrap { padding: 1em 0; border-bottom: 1px solid #222}
.mall_list_top .tit_wrap .tit { font-size: 2.25em; font-weight: 700}
.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}

.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: 25%}
.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 > li .wrap_in .wrap_con .tt_prod.s1 { padding: .5em 0; } 
.prod_list > li .wrap_in:hover .wrap_con .tt_prod { font-weight: 600; } 

.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 img { display: block; width: 100%}
.mall_view_top .prod_info { padding: 0 0}
.mall_view_top .prod_info .tit_wrap .tit { font-weight: 700; font-size: 2.125em}
.mall_view_top .prod_info .tit_wrap .t1 { opacity: .4; font-size: 1.125em; margin-top: 1.5em}
.mall_view_top .prod_info .tit_wrap .t2 { font-size: 1.125em; font-weight: 300; margin-top: 1em}
.mall_view_top .prod_info .prod_price { margin-top: 1.5em; font-size: 1.25em}
.mall_view_top .prod_info .info_wrap { margin: 1em 0 2em 0}
.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: 10em; margin-right: 1em}
.mall_view_top .prod_info .info_wrap .list .tit .t1 { font-weight: 500; font-size: 1.063em}
.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: var(--siteC)}
.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: 19%; 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: 1.5em 0}
.zoomThumbWrap > li { width: 20%}
.zoomThumbWrap > li .in { border: 1px solid transparent; margin: .5em}
.zoomThumbWrap > li.on .in { border-color: #111}

.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}
.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%; } 
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}

/**/
.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: #1f3b77; color: #1f3b77}
.tab_st1.c1 > li.on > a { background: #1f3b77; color: #fff}
.tab_st1.c2 > li > a { background: #fff; color: #888; border-top: 1px solid #1d4835; 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: #1f3b77}
.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: #1f3b77}

/*main*/

.main_con { padding: 8em 0; word-break: keep-all; } 
.main_con2 { padding: 4em 0; word-break: keep-all; } 
.main_con.bg1 { background: #e5e1d3;; } 
.main_con.bg2 { background: #f5f5f5; } 

.main_coverBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: multiply; z-index: -1; } 
.main_coverBg.st1 { opacity: .03; } 
.main_coverBg.st2 { opacity: .04; } 
.main_coverBg.st3 { opacity: .04; } 
.main_coverBg.st4 { opacity: .25; } 
.main_coverBg.st5 { opacity: .35; } 

.main_txt { margin-bottom: 2em; } 
.main_txt:last-child { margin-bottom: 0; } 
.main_txt.m1 { margin-bottom: 1em; } 
.main_txt.m2 { margin-bottom: 5em; } 
.main_txt .tit { margin-top: 1.25em; } 
.main_txt .txt { margin-top: 2em; line-height: 1.6; } 
.main_txt .tit:first-child,
.main_txt .txt:first-child { margin-top: 0; } 
.main_txt .line { } 
.main_txt .line:before { content: ""; display: inline-block; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } 
.main_txt .line.w { margin: 1.75em 0; } 
.main_txt .line.w:before { width: 10em; height: 1em; background-image: url(../images/icon/line.svg); } 
.main_txt .line.h { margin: 1.5em 0; } 
.main_txt .line.h:before { width: 1em; height: 6em; } 
.main_txt .line:first-child { margin-top: 0; } 
.main_txt .line:last-child { margin-bottom: 0; } 
.main_txt .line + .tit,
.main_txt .line + .txt { margin-top: 0; } 
.main_txt .o1 { opacity: .7; } 
.main_txt .t1 { font-size: 1.000em; } 
.main_txt .t2 { font-size: 1.063em; } 
.main_txt .t3 { font-size: 1.125em; } 
.main_txt .t4 { font-size: 1.250em; } 
.main_txt .t5 { font-size: 1.375em; } 
.main_txt .t6 { font-size: 1.500em; } 
.main_txt .t7 { font-size: 1.750em; } 
.main_txt .t8 { font-size: 2.250em; } 
.main_txt .t9 { font-size: 2.625em; } 
.main_txt .t10 { font-size: 3.000em; } 
.main_txt .t11 { font-size: 3.750em; } 
.main_txt .t12 { font-size: 6.750em; } 

.main_txt .dot > .tt { position: relative; padding: 0 1em .5em; } 
.main_txt .dot > .tt:before { content: ""; position: absolute; top: .625em; left: 0; width: .25em; height: .25em; background: #c9ab81; border-radius: 50%; } 

.main_more > .more { position: relative; gap: 0 1em; padding: .5em .125em; font-weight: 500; } 
.main_more > .more:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000; } 
.main_more > .more:after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 4px; background: #c9ab81; transform: scaleX(0); transform-origin: left bottom; transition: .2s; } 
.main_more > .more .in_tt { font-size: 1.063em; } 
.main_more > .more .xi { font-size: 1.250em; } 
.main_more > .more:hover:after { transform: scaleX(1); } 

.main_more > .more.st1 { width: 3.75em; height: 3.75em; border: 1px solid rgba(0, 0, 0, .4); border-radius: 50%; transition: .2s; } 
.main_more > .more.st1:before,
.main_more > .more.st1:after { display: none; } 
.main_more > .more.st1 .xi { font-size: 1.250em; } 
.main_more > .more.st1:hover { background: #c9ab81; border-color: #c9ab81; color: #fff; } 

.main_txt.cw .tt { color: #fff; } 
.main_txt .nw { white-space: nowrap; } 
.main_more.cw > .more { color: #c9ab81; } 
.main_more.cw > .more:before { background: rgba(255, 255, 255, .4); } 
.main_more.cw > .more.st1 { border-color: #c9ab81; } 

.filW { filter: brightness(0) invert(1); } 
/*화이트*/
.filB { filter: brightness(0) invert(0); } 
/*블랙*/

.verB { vertical-align: baseline; } 

/* */

.main_bna { position: relative; overflow: hidden; } 
.main_bna:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #37771d; opacity: .75; } 

.mainVisualWrap { height: 550px; position: relative; padding: 1em 0; background: #fff; } 
.mainVisualWrap .slides { height: 100%; } 
.mainVisualWrap .slides .el { width: 1400px; height: 100%; cursor: pointer; border-radius: 3em; overflow: hidden; } 
.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: 50%; bottom: 2.5%; transform: translateX(-50%); margin-left: calc(-700px + 95px); background: #2f2e2d; z-index: 3; display: flex; border-radius: 3em; } 
.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); } 

.main_section { padding: 5em 0; } 
.main_section.bg1 { background: #f4f4f4; } 
.main_section.bg2 { background: #956732; } 

.main_tit { font-size: 2.2em; margin-bottom: 1.875em; position: relative; } 
.main_tit b { font-weight: 900; } 
.main_tit.c1 { color: #fff; } 

/*NEW BEST*/
.main_newB { } 
.main_newB .newB_wrap { margin-bottom: 1em; gap: 0.5em;} 
.main_newB .newB_wrap > li { flex: 1 19%; max-width: 19%; cursor: pointer; border: 1px solid #ddd; background: #fff; border-radius: .8em; overflow: hidden; } 
.main_newB .newB_wrap > li:last-child { margin-right: 0; } 
.main_newB .newB_wrap > li .img_wrap .resize {padding-bottom: 73.6%; overflow: hidden;}
.main_newB .newB_wrap .one_con { background: #fff; } 

.main_recom_tit > p { font-size: 2.4em; margin-bottom: 1.5em; color: #fff; } 
.main_recom_tit > p b { font-weight: 900; } 
.main_recom { position: relative; } 
.main_recom::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: #0b4d16; opacity: .75; } 
.main_recom .list_prod_wrap { z-index: 10; position: relative; } 
.main_recom .list_prod_wrap .list_prod { margin: 0; } 
.main_recom .list_prod_wrap .list_prod .prod { margin: 0 1px 1px 0}
.main_recom .list_prod_wrap .list_prod .prod .el { width: calc(25% - 1em); margin-left: .5em; background: #fff; } 
.main_recom .list_prod_wrap .list_prod .prod .el:last-child { margin-right: 0; } 
.main_recom .list_prod_wrap .list_prod .prod .el:hover,
.main_recom .list_prod_wrap .list_prod .prod .el:focus { background: #f4f4f4; } 

.main_recom .mainShape { width: 22em; bottom: 2.5em; right: 1em; opacity: .3; } 
.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); } 
 }

.gradientAni { background-size: 200% 200%; animation: gradientAni 6s infinite cubic-bezier(0.65, 0, 0.35, 1); } 
@keyframes gradientAni { 
 0% { background-position: 0% 50%; } 
 50% { background-position: 100% 50%; } 
 100% { background-position: 0% 50%; } 
 }

.rotateAni { animation: rotateAni 8s linear infinite; } 
@keyframes rotateAni { 100% { transform: rotate(360deg); } 
 }

.list_prod .in { display: block; } 
.list_prod .con_wrap { display: flex; flex-direction: column; flex: 1; gap: .875em 0; padding: 1.5em; margin: auto; } 
.list_prod .con_wrap .tt * { display: inline; vertical-align: baseline; } 
.list_prod .con_wrap .t1 { font-size: 1.125em; font-weight: 600; white-space: normal; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: .3s; } 
.list_prod .con_wrap .t2 { font-size: .938em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.list_prod .con_wrap .type { font-size: .938em; font-weight: 600; text-transform: uppercase; } 
.list_prod .con_wrap .info { display: flex; align-items: center; gap: 0 1em; } 
.list_prod .con_wrap .info * { vertical-align: baseline; } 
.list_prod .con_wrap .info .num { flex: 1; } 
.list_prod .con_wrap .info .date { font-weight: 600; } 
.list_prod:hover .con_wrap .t1 { } 

.list_prod .con_wrap .priceBox { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; gap: .125em .75em; margin-top: auto; text-align: right; } 
.list_prod .con_wrap .price { width: 100%; } 
.list_prod .con_wrap .price > i { vertical-align: baseline}
.list_prod .con_wrap .price .no { font-size: 1.188em; font-weight: 800; } 
.list_prod .con_wrap .price .won { padding-left: .125em; } 
.list_prod .con_wrap .discount { font-size: .938em; color: var(--siteC2); text-decoration: line-through; } 
.list_prod .con_wrap .per { font-size: 1.063em; color: var(--siteC2); font-weight: 700}
.list_prod .con_wrap .priceBox.st2 .price { flex: 1; width: auto; } 

.main_prod_control2 { justify-content: flex-start !important}
.main_prod_control2 .btn { width: 2.5em; line-height: 2.5em; text-align: center; border-radius: 50%; border: 1px solid #ddd; background: var(--siteC2); cursor: pointer; color: #fff; } 
.main_prod_control2 .btn .xi { font-size: 1.2em}
.main_prod_control2 .btn.prev .xi:before { content: "\e93d"}
.main_prod_control2 .btn.next .xi:before { content: "\e940"}
.main_prod_control2 .btn:hover { box-shadow: 0 0 .5em rgba(0, 0, 0, .2)}
.main_prod_control2 .btn.pause .xi:before { content: "\ea3b"}
.main_prod_control2 .btn.play .xi:before { content: "\ea3e"}
.main_prod_control2 .btn.pause { border-color: transparent; background: #333; color: #fff}
.main_prod_control2 .btn.play { border-color: transparent; background: #0063ba; color: #fff}
.main_prod_control2 .btn:not(:first-child) { margin-left: .25em}
.main_prod_control2 .progress { flex: 1 1 0%; min-width: 0; height: 5px; overflow: hidden; background-color: #ddd; background-image: linear-gradient(to right, #72b30a, #cf0829); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; margin-left: 1em; border-radius: 1em; } 
.main_prod_control2 .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0}

.data_wrap { gap: 3em; } 
.main_data { background: #f5f5f5; } 
.notice_wrap { width: 68%; border: 1px solid #ddd; border-radius: 1.5em; background: #fff; } 
.notice_wrap .notice_top { padding: 1.5em 2em; border-bottom: 1px solid #ddd; } 
.notice_wrap .notice_top .main_tab { gap: 4em; } 
.notice_wrap .notice_top .main_tab > li { position: relative; font-size: 1.25em; font-weight: 600; color: #999; cursor: pointer; } 
.notice_wrap .notice_top .main_tab > li:before { position: absolute; top: 50%; left: -1.75em; width: 5px; height: 5px; background: #999; border-radius: 50%; content: ''; } 
.notice_wrap .notice_top .main_tab > li:first-of-type:before { display: none; } 
.notice_wrap .notice_top .main_tab > li > .tab_btn { } 
.notice_wrap .notice_top .main_tab > li:hover,
.notice_wrap .notice_top .main_tab > li.on { color: #111; font-weight: 700; } 
.notice_wrap .plus { position: absolute; right: 2em; top: -3em; width: 1.5em; height: 1.5em; background: #a6a4a4; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .25s; } 
.notice_wrap .plus > .xi { color: #fff; } 
.notice_wrap .plus:hover { background: #111; } 
.notice_wrap .notice_list { padding: 1.5em 2em; } 
.notice_wrap .notice_list .list_top { } 
.notice_wrap .notice_list .list_top > .con { gap: 1.5em; align-items: center; padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px dashed #ddd; } 
.notice_wrap .notice_list .list_top > .con:hover { background: #f4f4f4; } 
.notice_wrap .notice_list .list_top > .con .dcon { display: flex; min-width: 4em; flex-direction: column; color: #fff; text-align: center; padding: .8em 1em; background: var(--siteC2); border-radius: .5em; } 
.notice_wrap .notice_list .list_top > .con .dcon > .day { font-size: 1.35em; font-weight: 800; } 
.notice_wrap .notice_list .list_top > .con .dcon > .date { font-size: .9em; font-weight: 400; } 
.notice_wrap .notice_list .list_top > .con .tit_con { } 
.notice_wrap .notice_list .list_top > .con .tit_con .tit { margin-bottom: .25em; font-size: 1.25em; font-weight: 600; color: #111; } 
.notice_wrap .notice_list .list_top > .con .tit_con .txt { font-size: 1em; font-weight: 500; color: #444; } 
.notice_wrap .notice_list .list_top > .con:hover .tit_con .tit { text-decoration: underline; } 
.notice_wrap .notice_list .list_btm { } 
.notice_wrap .notice_list .list_btm .btm_list { } 
.notice_wrap .notice_list .list_btm .btm_list > li { } 
.notice_wrap .notice_list .list_btm .btm_list > li > a { display: flex; gap: 2em; align-items: center; } 
.notice_wrap .notice_list .list_btm .btm_list > li > a > .tit { width: 80%; font-weight: 600; color: #111; } 
/* .notice_wrap .notice_list .list_btm .btm_list>li>a:hover .tit { text-decoration: underline; } */
.notice_wrap .notice_list .list_btm .btm_list > li > a > .date { width: auto; font-size: .9em; font-weight: 600; color: #666; } 
.notice_wrap .notice_list .list_btm .btm_list > li > a:hover { background: #f4f4f4; } 

/*팝업존*/
.banner_wrap { border: 1px solid #ddd; border-radius: 1.5em; background: #fff; } 
.banner_wrap .banner_top { padding: 1em 2em; } 
.banner_wrap .banner_top > .tit { font-size: 1.25em; font-weight: 600; color: #111; } 
.banner_wrap { width: 32%; } 
.bannerSlide_wrap { } 
.bannerSlide_wrap .bannerSlide { } 
.bannerSlide_wrap .bannerSlide .swiper-slide { } 
.bannerSlide_wrap .bannerSlide .swiper-slide.el { } 
.bannerSlide_wrap .bannerSlide .banner_img { width: 100%; height: 15.5em; } 
.bannerSlide_wrap .bannerSlide .banner_img > img { width: 100%; height: 100%; object-fit: cover; } 
.bannerSlide_wrap .banner_control { padding: .5em 1.5em; box-sizing: border-box; display: flex; align-items: center; } 
.bannerSlide_wrap .cotrol_con { position: relative; } 

/*page_dot 공통*/
.page_dot_list { padding: 0 1.25em; margin-top: 1.25em; } 
.page_dot_list > li { position: relative; margin-bottom: .5em; } 
.page_dot_list > li > .txt { font-size: 1em; } 
.page_dot_list > li:before { position: absolute; left: -13px; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); content: ''; } 
.page_dot_list > li:last-of-type { margin-bottom: 0em; } 
.page_dot_list.s1 { margin-top: 0em; } 
.page_dot_list.s1 > li:before { width: none; height: none; background: none; top: unset; left: -15px; content: '-'; } 


/**/
.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: #1f3b77; } 
.subscribe_prod_list > li .subscribe_prod_in { } 
.subscribe_prod_list > li .subscribe_prod_in .spi_month { font-size: 1.25em; color: #1f3b77; } 
.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; font-weight: 600; } 
.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.275em; color: #555; line-height: 1.6; } 
.sub_page_wrap .sub_page_title_wrap .img_wrap { height: 25em; margin-top: 3em; } 
.sub_page_wrap .sub_page_title_wrap .img_wrap .img { width: 100%; height: 100%; } 
.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: #1f3b77; 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: #1f3b77; 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: #1d4835; 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: var(--siteC); 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 var(--siteC); } 
.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: var(--siteC); 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; } 

/* 오시는길 */

.root_daum_roughmap .wrap_controllers { display: none; } 
.map-Con .list { } 
.map-Con .list { gap: 1em 1em; margin: 2.5em 0; } 
.map-Con .list > li { flex: 1; text-align: center; } 
.map-Con .list > li .in { flex: 1; } 
.map-Con .list > li + li .in { padding-left: 1em; border-left: 1px solid #ddd; } 
.location-Wrap .map-Con .tit { font-size: 1.25em; font-weight: 600; } 
.location-Wrap .map-Con .txt { font-size: 1.05em; } 

.page_txt .mark { margin-bottom: 3em; } 
.page_txt .mark img { width: 5em; } 

.page_txt > .ico + * { margin-top: 1em; } 
.page_txt > .ico img { width: 2.25em; } 

.map-Con .map { border-radius: 1.5em; overflow: hidden; box-shadow: 3px 0 9px rgba(0, 0, 0, .15); } 


.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: #1f3b77; 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; } 

.ttdot { padding-left: 1em; position: relative; margin-bottom: .5em; } 
.ttdot:before { content: ""; position: absolute; left: 0; top: .5em; width: .313em; height: .313em; background: var(--siteC2); border-radius: 50%; } 

.apple_con1 { gap: 2em; } 
.apple_con1 .left { width: 30%; border: 1px solid #000; padding: 5.3em 0; border-radius: .8em; } 
.apple_con1 .right { width: 70%; } 

.con2_list { gap: 2em; } 
.con2_list li { width: 33.3%; text-align: center; } 
.con2_list li .img { border-radius: 50%; overflow: hidden; width: 20em; height: 20em; background: #fff; margin: 0 auto 2em; } 
.con2_list li .tt { font-size: 1.05em; line-height: 1.4; } 
.con2_list li .tt span { color: var(--siteC2); font-weight: 600; vertical-align: baseline; } 

.apple_con3 .apple3_top { gap: 1em; } 
.apple_con3 .apple3_top .left { width: 20% !important; border: 1px solid #000; padding: 2em; border-radius: .8em; text-align: center; } 
.apple_con3 .apple3_top .right { width: 80%; border: 1px solid #000; padding: 2em; border-radius: .8em; } 
.apple_con3 .apple3_top .right .apple_Tt { text-align: center; width: 30%; } 
.apple_con3 .apple3_top .apple_Tt .icon { width: 5em; height: 5em; border: 1px solid #000; border-radius: 50%; margin: 0 auto 1em; } 
.apple_con3 .apple3_top .apple_Tt .ti { background: var(--siteC2); color: #fff; border-radius: 3em; padding: .5em 1.5em; font-size: 1.125em; font-weight: 500; display: inline-block; margin-bottom: 0.5em; } 
.apple_con3 .apple3_top .apple_Tt .tx { font-weight: 500; } 
.apple_con3 .apple3_top .right .right_rcon { width: 70%; background: var(--crGray); padding: 2em; border-radius: .8em; } 
.apple_con3 .apple3_top .right .right_rcon li:last-child .ttdot { margin-bottom: unset; } 

.con3_list { gap: 2em; border: 1px solid #000; padding: 3em 2em 2em; border-radius: .8em; margin-top: 3em; position: relative; } 
.con3_list_tit { position: absolute; top: -4%; left: 0; background: var(--siteC2); color: #fff; border-radius: 3em; padding: .5em 1.5em; font-size: 1.125em; font-weight: 500; } 
.con3_list li { width: 31.3%; } 
.con3_list li .tit { background: var(--siteC); color: #fff; padding: .8em; border-radius: 5em; font-size: 1.05em; text-align: center; } 
.con3_list li .detail_box { background: var(--crGray3); padding: 1em; border-radius: 1em; margin-top: .5em; min-height: 9.9em; } 


.link_st { color: #1f3b77; 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 { } 
.mall_banner_wrap > div { width: 682px; max-width: 48.5%; height: 220px; 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.5em; font-weight: bold; letter-spacing: 1px; margin-bottom: 2rem; } 
.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.25em; font-weight: bold; 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: #a8a8a8; 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: #1f3b77; } 

.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; } 

.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; } 

.esg_wrap li { width: calc((100% - 9em) /2); } 
.esg_wrap li .tit { margin-top: .5em; font-size: 1.125; font-weight: 500; } 

.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; } 

.mainBest_wrap { position: relative; } 
.mainBest_wrap > .inner { position: relative; } 
.mainBestSlide { padding: 0 10vw; box-sizing: border-box; z-index: 2; } 
.mainBestSlide .item .item_inner { position: relative; } 
.mainBestSlide .item .img { width: 35%; margin: 0 auto; } 
.mainBestSlide .item .img .bg { border-radius: 50%; box-shadow: 0 1em 3.625em rgba(112, 139, 60, .15); overflow: hidden; } 
.mainBestSlide .item .txt_wrap { position: absolute; top: 0; left: -100%; width: 100%; box-sizing: border-box; padding: 2.75em 2.5em 0 2.5em; opacity: 1; } 
.mainBestSlide .item .txt_wrap .tit { } 
.mainBestSlide .item .txt_wrap .txt { margin-top: 1.25em; line-height: 1.4; } 
.mainBestSlide .item .txt_wrap .t1 { font-size: 4.5em; font-weight: 700; padding-bottom: .125em; color: #222; } 
.mainBestSlide .item .txt_wrap .t2 { font-size: 2.500em; font-weight: 700; color: #222; } 
.mainBestSlide .item .txt_wrap .t3 { font-size: 1.125em; font-weight: 400; color: #333; } 
.mainBestSlide .item .txt_wrap .btn { margin-top: 3vh; padding: .75em 1.5em; background: #1f4329; border: 1px solid #1f4329; border-radius: 6em; color: #fff; transition: .2s; display: inline-block; } 
.mainBestSlide .item .txt_wrap .btn .tt { font-size: .875em; letter-spacing: .063em; } 
.mainBestSlide .item .txt_wrap .btn .xi { font-size: 1em; margin-left: .5em; } 
.mainBestSlide .item .txt_wrap .btn:hover { background: var(--siteC); color: #fff; transition: .3s; border-color: var(--siteC); } 
.mainBestSlide .item.swiper-slide-active { width: 70%}
.mainBestSlide .item.swiper-slide-next { width: 30%; } 


.mainBest_wrap .mainControl_wrap { display: flex; align-items: center; margin-top: .5rem; } 
.mainBest_wrap .mainControl_wrap > div { cursor: pointer; } 
.mainBest_wrap .mainControl_wrap > div.btn_play.off,
.mainBest_wrap .mainControl_wrap > div.btn_pause.off { display: none; } 
.mainBest_wrap .mainControl_wrap .xi { font-size: 1.5em; color: #555; transition: .3s; opacity: .7}
.mainBest_wrap .mainControl_wrap > div:hover .xi { color: #1f3b77; opacity: 1; } 
.mainBest_wrap .mainControl_wrap .xi.xi-pause,
.mainBest_wrap .mainControl_wrap .xi.xi-play { padding-top: 2px; } 
.mainBest_wrap .mainControl_wrap .xi:not(.xi-pause):not(.xi-play) { font-size: 1.75em; } 

.mainBest_wrap .main_slogan { position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden; text-align: center; } 
.mainBest_wrap .main_slogan .tt { padding: 0 0 .5vw 2vw; font-size: 5.625em; font-weight: 900; color: #708b3c; text-transform: uppercase; letter-spacing: .125em; opacity: .08; } 

/* company */

.company_con { gap: 3em; } 
.company_con .tx_box { width: 50%; } 
.company_con .tx_box .tt { font-size: 1.125em; margin-bottom: .5em; line-height: 1.6; } 
.company_con .tx_box .tt span { color: var(--siteC); font-weight: 600; vertical-align: baseline; } 
.company_con .img_box { width: 50%; } 

/* apple */

.v_base {vertical-align: baseline;}

.recipe_list {border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 2em 0;}
.recipe_list > li {border-bottom: 1px dashed #ddd; margin-bottom: 2em; padding-bottom: 2em;}
.recipe_list > li:last-child {border-bottom: unset; margin-bottom: unset; padding-bottom: unset;}
.recipe_list li .inn {gap: 4em;}
.recipe_list li .img {width: 40%;}
.recipe_list li .recipe_con {width: 60%;}
.recipe_list .recipe_con .tit1 {font-size: 1.6em; font-weight: 700; margin-bottom: .5em;}
.recipe_list .recipe_con .tit2 {background: var(--siteC2); display: inline-block; padding: .4em 1em; border-radius: 3em; color: #fff; margin-bottom: 0.5em;}
.recipe_list .recipe_con .tt {margin-bottom: 1em;}
.recipe_list .recipe_con .recipe {}
.recipe_list .recipe_con .recipe li {margin-bottom: 1em;}
.recipe_list .recipe_con .recipe li:last-child {margin-bottom: unset;}
.recipe_list .recipe_con .recipe li .num {background: var(--siteC); color: #fff; width: 1.5em; height: 1.5em; text-align: center; line-height: 1.5em; border-radius: 50%; margin-right: .5em;}

.bu_Wrap { } 
.bu_Wrap .bu_list { margin: 0 0 0 -1.5em; } 
.bu_Wrap .bu_list > li { flex: 1 1 50%; max-width: 50%; } 
.bu_Wrap .bu_list > li > .in { margin: 0 0 1.5em 1.5em; border: 1px solid #ddd; border-radius: 1em; overflow: hidden; } 
.bu_Wrap .bu_list > li > .in > .img_con { width: 100%; height: 18em; } 
.bu_Wrap .bu_list > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.bu_Wrap .bu_list > li > .in > .info_con { padding: 2.5em; } 
.bu_Wrap .bu_list > li > .in > .info_con .tit_con { position:relative; font-size: 1.25em;} 
.bu_Wrap .bu_list > li > .in > .info_con .tit_con > .gray_t { position: absolute; top: -.7em; left: 0; font-size: 6.25em; font-weight: 800; color: #f1f1f1; z-index: -1; } 
.bu_Wrap .bu_list > li > .in > .info_con .info_list { } 
.bu_Wrap .bu_list > li > .in > .info_con .info_list > li { position:relative; padding-left: 1em; min-height: 8.3em;} 
.bu_Wrap .bu_list > li > .in > .info_con .info_list > li:last-of-type { margin-bottom: 0em; } 
.bu_Wrap .bu_list > li > .in > .info_con .info_list > li > span { font-size: 1.05em; } 
.bu_Wrap .bu_list > li > .in > .info_con .info_list > li:before { position: absolute; left: 0; content: '-'; } 

.value_list{ justify-content: space-between; margin-top: 3em; gap: 1em;}
.value_list > li{ display: flex; flex-direction: column; gap:3em; width: 24%;}
.value_list > li .txt_wrap{ text-align: center;}
.value_list > li .txt_wrap .tit{ margin-bottom: 1em; font-weight: 700; font-size: 1.5em;}
.value_list > li .txt_wrap .desc{ font-size: 1em; color:#666;}
.value_list > li .img_wrap{ order:-1}
.value_list > li .img_wrap .img{ width: 21em; height: 21em; border-radius: 50%; margin:0 auto; box-shadow: 0 5px 20px rgba(0, 0, 0, .2);}

/* 연혁 */
/* .history_wrap { position: relative; overflow: hidden; padding: 2em 0; } 
.history_wrap:before,
.history_wrap .lineAni { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #ddd}
.history_wrap .lineAni { height: 0; background: var(--siteC2); transition: .3s}
.history_wrap .lineAni:before,
.history_wrap:after { content: ""; position: absolute; left: 50%; top: 0; margin-left: -.5em; width: 1em; height: 1em; background: #fff; border: .25em solid var(--siteC2); border-radius: 100%; box-sizing: border-box}
.history_wrap:after { top: auto; bottom: 0}
.history_wrap .history > li { margin-top: 4em}
.history_wrap .history > li:first-child { margin-top: 0}
.history_wrap .history > li .year { width: 50%; overflow: hidden; justify-content: flex-end}
.history_wrap .history > li .year .wrap_in { position: relative; overflow: hidden; width: 15em}
.history_wrap .history > li .year .tt { display: inline-block; position: relative; padding: 0 .5em; font-size: 2.5em; font-weight: 700; color: var(--siteC2); } 
.history_wrap .history > li .year .tt:before { content: ""; position: absolute; left: 100%; top: 50%; margin-top: -1px; width: 100%; border-top: 2px dotted #aaa; } 
.history_wrap .history > li .year .tt:after { content: ""; width: .5em; height: .5em; border-radius: 50%; background: var(--siteC); opacity: .2; position: absolute; right: 10px; top: 3px; } 
.history_wrap .history > li .list { width: 50%; margin-top: 1em}
.history_wrap .history > li .list > li { margin-top: .5em}
.history_wrap .history > li .list > li:first-child { margin-top: 0}
.history_wrap .history > li .list .wrap_in { margin: 0 2em; background: #fff; padding: 1em 1.5em; border-radius: 1em; } 
.history_wrap .history > li .list .wrap_in .img_wrap .resize { padding-bottom: 45% !important; } 
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r { text-align: right !important; } 
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l { text-align: left !important; } 
.history_wrap .history > li .list .month { flex: 0 0 3em}
.history_wrap .history > li .list .month .tt { color: #555; font-size: 1.125em; font-weight: 600; } 
.history_wrap .history > li .list .detail { flex: 0 90%; } 
.history_wrap .history > li .list .detail > li { border-bottom: 1px dashed #ddd; margin-bottom: .3em; padding-bottom: .5em; } 
.history_wrap .history > li .list .detail > li:last-child { border-bottom: unset; margin-bottom: unset; padding-bottom: unset; } 
.history_wrap .history > li .list .detail .tt { position: relative; padding: 0 1.5em; color: #333; line-height: 1.7; font-weight: 400; word-break: keep-all; } 
.history_wrap .history > li .list .detail .tt:before { content: ""; position: absolute; left: 0; top: 10px; width: .3em; height: .3em; background: var(--siteC2); border-radius: 50%; } 
.history_wrap .history > li .list .detail .desc { width: calc(100% - 1.125em); margin: .5em 0 .5em 1.25em; padding: .8em; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em; font-size: .9375em; line-height: 1.5; color: #555; } 
.history_wrap .history > li .list .img { width: 100%; margin: 1em 0; box-sizing: border-box; } 
.history_wrap .history > li .list .img.img_l { padding-left: 4em; padding-right: 1em; } 
.history_wrap .history > li .list .img.img_r { padding-right: 4em; padding-left: 1em; } 
.history_wrap .history > li .list .img img { } 
.history_wrap .history > li:nth-child(2n) .year { justify-content: flex-start; text-align: right}
.history_wrap .history > li:nth-child(2n) .year .tt:before { left: auto; right: 100%}
.history_wrap .history > li:nth-child(2n) .list { order: -1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex { justify-content: flex-end}
.history_wrap .history > li:nth-child(2n) .list .month { text-align: right}
.history_wrap .history > li:nth-child(2n) .list .detail { order: -1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt { text-align: right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before { left: auto; right: 0} */

/* popup */

body.pop { background: transparent}
body.pop .popWrap { position: absolute; left: 2%; top: 2%; width: 96%; height: 96%; text-align: center; white-space: nowrap}
body.pop .popWrap:before { content: ""; display: inline-block; width: 0; height: 100%; margin-right: -4px; vertical-align: middle}
body.pop .popWrap .popIn { display: inline-block; vertical-align: middle; background: #fff; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 10px #333; position: relative; text-align: left; white-space: normal; max-height: 100%; max-width: 100%; } 
body.pop .popWrap .popIn:before { content: attr(data-tit); position: absolute; left: 0; top: 0; width: 100%; z-index: 1; color: #fff; display: block; left: 0; top: 0; padding: .7em 4em .7em 1em; font-weight: 700; font-size: 1.25em; letter-spacing: -1px; background: var(--siteC); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box}
body.pop .popWrap .popIn .popCon { padding: 4.5em 1.25em 2em 1.25em; min-width: 250px}
body.pop .popWrap .popIn .popClose { position: absolute; z-index: 10000; right: 0; top: 0; width: 1.75em; color: #fff; text-align: center; font-size: 2rem; opacity: .8}
body.pop .popWrap .popIn .popClose:hover { opacity: 1}
body.pop .popWrap.popPrivacy .popIn { width: 900px; margin: 0 auto; max-height: 80%; } 
body.pop .popWrap.popAdminview .popIn { width: 1000px; margin: 0 auto; max-height: 80%; } 

body.pop .popWrap .popIn .popCon .member_agree p { font-size: 0.96em; margin-bottom: 1em; } 
body.pop .popWrap .popIn .popCon .member_agree strong { font-size: 1em; font-weight: 600; margin-bottom: .5em; } 


/* adminview */

.dp2_adminView #contents .sub_tab {display: none;}
.dp2_adminView #contents .sub_tab + .doc {padding-top: 1em;}
.adminview_tit {font-size: 1.125em; font-weight: 600; margin-bottom: 1em;}

#postlayer {height: 400px !important; margin-top: -100px !important; bottom: 20% !important; top: unset !important;}

.isafm_wrap .board_search_wrap.st2 .right {flex-wrap: wrap; gap: .5em;}
.isafm_wrap .board_search_wrap.st2 .right .input_st {font-size: 0.86em; display: block; flex: 1 19%;}
.isafm_wrap .admin_extt {font-size: 0.9em; color: #555;}