/* ------ Color set ------ */
:root {
    --white-color: #ffffff;
    --black-color: #212121;
    --shadow-color: rgba(0,0,0,0.1);
    --gray-color: #AEAEAE;
    --gray-color2: #e6e6e6;
    --point-color-blue: #0d4e96;
    --point-color-blue2: #1475E3;
    --point-color-yellow: #E3C62B;
	--font-g : 'paybooc-Medium';

    --line : #E6E6E6;
    --shadow1: 0 5px 10px 0 rgb(0 0 0 / 8%);
    --shadow2: 0 -5px 10px 0 rgb(0 0 0 / 8%);

    --1px: 0.24vw;
    --2px: 0.48vw;
    --4px: 0.97vw;
    --6px: 1.45vw;
    --8px: 1.93vw;
    --10px: 2.42vw;
    --14px: 3.38vw;
    --18px: 4.35vw;
    --20px: 4.83vw;
    --30px: 7.25vw;
    --32px: 7.73vw;
    --40px: 9.66vw;

    --font-h1: 11.59vw;
    --font-h2: 8.70vw;
    --font-h3: 7.73vw;
    --font-h4: 5.80vw;
    --font-h5: 4.35vw;
    --font-h6: 3.38vw;
    --font-p: 3.38vw;
    --font-span: 2.42vw;
}
@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap');

@font-face {
    font-family: 'paybooc-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

button {background: transparent; border:none;}

/* 삭제 처리 
body {overflow: hidden;}
*/
html {width:100%;}
body>.wrap {margin-top: 171px; position: relative; overflow-x: hidden;}
body>.wrap.on {margin-top: 119px;}
#hd_sch {overflow: initial;}

/*--------------------- Popup_box ---------------------*/
.header_ys {position: relative; top:0; z-index: 99; width: 100%; font-family: 'Gothic A1', sans-serif;}
.header_ys .bx-controls {display:none;}
#top_banner {height:140px; overflow:hidden;}
#top_banner .bx-viewport {height:140px;}
#top_banner .swiper-slide {text-align:center;}
.popup_box {width: 274px; position: absolute; top: 1790px; right: 8%; z-index:3;}
.popup_box img {width:100%;}
/*--------------------- Popup_box 끝 ---------------------*/

/*--------------------- ad Top ---------------------*/
.ad_top {width: 100%; height: 52px; text-align: center; background: var(--black-color); color: var(--white-color);}
.ad_top.on {display: none;}
.ad_top span {font-weight: lighter; line-height: 52px;}
.ad_top a {color: var(--point-color-yellow); font-weight: bold;}
.ad_top .close_btn {float: right; line-height: 52px; margin-top:16px;}
/*--------------------- ad Top 끝 ---------------------*/

/*--------------------- Header ---------------------*/
.header_main {width: 100%; padding: 0; background: var(--white-color);}
.header_main .wrap1 {height:140px; width: 1280px; _max-width: 1680px; margin:0 auto; display: flex; justify-content: space-between;}
.header_main .wrap1 > div {position: relative; display: flex; align-items: center; overflow:hidden;}
.header_main .wrap1 .sec0 .btn_member_mn {justify-content: flex-start; color: var(--white-color); font-size: 1rem !important;}
.header_main .wrap1 .sec01 img {height: 44px;}

.header_main .sec02 {border-radius: 8px !important; border: none;}
.header_main .sec02 #hd_sch #sch_str {background: var(--white-color); color: var(--black-color);}
.header_main .sec02 fieldset {border:3px solid var(--point-color-blue); border-radius: 8px !important;}
.header_main .sec02 fieldset #sch_submit {border-radius: 0 !important; background: var(--point-color-blue); border-left: none;}
#hd_sch #sch_submit {background: var(--point-color-blue);}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {border:none !important; border-radius: 0; box-shadow:none !important;}

.header_main .sec03 a {font-size: 14px; padding: 10px 12px !important; border-radius: 8px !important; border:none !important;}
/*.header_main .sec03 .sign_in {background: transparent; color: var(--black-color);}*/
.header_main .sec03 .log_in {margin-left: 20px; background: var(--point-color-blue); color: var(--white-color);}
.header_main .sec03 .log_in a {font-size:16px; font-weight:300;}
.header_main .sec03 .log_in:hover {background: var(--point-color-blue2);}
.header_main .sec03 .shop_cart i {color: var(--black-color);}
.btn_member_mn {color: var(--black-color);}
.hd_login {top:0; position: relative; display:flex;align-items: center;}
.hd_login>li {margin:0;}
.hd_login>li.shop_login {margin-top:0;}
.btn_member_mn {padding: 0; min-width: 180px; top: 53px;}
.btn_member_mn_on {border:none;}
.btn_member_mn .profile_name {max-width: 100px !important;}
.member_mn {top:55px; width:180px;}
.mobile_close {position: absolute; top: 20px; right: 20px;}

aside.lnb {width: 240px; float: left; position: absolute; z-index: 6; top: 53px; left:0;}
aside.lnb.on {top: 120px;}
aside.lnb .lnb_menu {overflow: hidden; height: auto; opacity: 1; transition: all 0.5s;}
aside.lnb .lnb_menu.on {height: 0; opacity: 0;}
aside.lnb ul li {border-bottom:1px solid var(--shadow-color); border-right:1px solid var(--shadow-color); background: var(--white-color);}
aside.lnb ul li:hover {background: var(--gray-color2);}
aside.lnb ul li a {padding: 10px 20px; width: 100%; height: 100%; display: block; color: var(--black-color);}
aside.lnb .left_gnb_2dul {display:none !important;}

#nav {width:100%; background: #343434;}
#nav .gnb {position: relative; width:1280px; margin:0 auto;}
#nav .gnb .wrap {display: grid; grid-template-columns: auto 1fr; gap: 40px;}
#nav > .wrap {position: fixed; z-index: 8; width: 100%; _padding-left: 240px; border-top: 1px solid var(--shadow-color); box-shadow: 0px 5px 8px var(--shadow-color); background: var(--white-color); font-family: 'Godo';}
/*.nav > .wrap:after {height:118px; width:100%;background: url(/images/after_img.png) no-repeat 50% 0;content: '';position: absolute;top:52px;left:0;right:0;background-size: 2400px 118px;}*/
#nav .wrap ul {width:100%; margin: 0 auto;}
#nav .wrap ul li {display: inline-block; position: relative; margin-right: 10px; font-family: var(--font-g); font-weight: 600;}
#nav .wrap ul li img {position: absolute; top: 0px; left:0; transition: top 0.3s;z-index: -1; width:100%;}
.depth-1 ul li a:visited {color:blue !important;}
#nav .wrap ul li:hover img {top:47px;}
#nav .wrap ul li a {width: 100%; height: 100%; display: block; padding: 15px 0 14px 15px; transition: all 0.25s; color: var(--black-color); font-weight: 500;}
#nav .wrap ul li:hover a {_color: var(--point-color-blue);}
#nav .wrap ul li:active a {_color: var(--point-color-blue);}
#nav .wrap .gnb_menu li a {color:var(--white-color); font-family: 'Godo'; font-size: 16px;}
#nav .wrap .gnb_menu li a.log_in {padding: 6px 10px; color: var(--black-color); background: var(--white-color);}
#nav .wrap .gnb_login {position:absolute; right:0;}
#nav .wrap .gnb_login a {border:none;}
#nav .wrap .gnb_login .mobile_btn {position:absolute; right:0; top:0;}
#nav .wrap .gnb_login .mobile_btn > button {width:100%; background:transparent;}
.gnb button {position: inherit; left: 0; z-index: 9; background: url(/images/menu_bg.jpg); width: 240px; padding:15px 20px; border:none; border-radius: 0 !important;}
.gnb button a {color: var(--white-color); _font-family: 'Godo'; font-family: var(--font-g);}
.gnb button a p {text-align: left;}
.gnb .lnb_btn > a > p {display:flex; align-items:center; gap:20px;}
.gnb .lnb_btn > a > p i {font-size:22px;}
#category {left:200px; top:52px;}



#lnb {position:fixed; z-index:9; left:1vw; top:calc(50vh - 280px);}
#lnb .wrap li {margin-bottom: 14px; border-radius:4px; border: 1px solid var(--gray-color2); box-shadow:0 5px 10px 0 rgb(0 0 0 / 8%); overflow:hidden;}
#lnb .wrap li:nth-child(1) {display:none;}

#nav .lnb ul {display:none; background: var(--white-color); border-left:1px solid var(--shadow-color);}
#nav .lnb ul li {width:100%;}

.lnb-menu {background: #fff; display: inline-block; width: 230px;}

.depth-1 {position:absolute; top:54px; left:0; width:240px !important; margin: 0; padding: 0; text-align:left; text-align:left; border-left:1px solid var(--shadow-color); border-right:1px solid var(--shadow-color); background:#ffffff;}
.depth-1 ul {left:239px; background: #eee; border: 1px solid silver; display: none; padding: 0; position: absolute; top: -1px; width: 230px;}
.depth-1 > li {width:100%; height:50px; display:block;}
.depth-1 > li:hover {background:#eee;}
.depth-1 li {width:100%; list-style:none; position: relative; border-bottom:1px solid var(--shadow-color);}
.depth-1 a {color: white; display: block; padding: 20px; text-decoration: none;}
.depth-1 ul li { float: none; }
.depth-1 ul li:hover { background: #ddd; }
.depth-1 ul li:hover a { color: black; }
.depth-1 ul a { color: black; }
.depth-1 ul ul { left: 100%; top: 0; }
.depth-1 ul ul li {float:left; margin-right:10px;}

.qk_con {position:relative;}
.qk_con_wr .con_close {position: absolute; bottom:0; right:0;}
#side_menu {height:600px; top:220px; border-radius: 8px 0 0 8px;}
#side_menu > #tabs_con #ol_pwlabel strong {display: none !important; color: #fff !important;}
#side_menu > #tabs_con #ol_idlabel strong {display: none !important; color: #fff !important;}
#sbsk .go_cart {top: 36px !important;}
#quick {top:40%;}
#quick li button a {width:100%; height:100%; display:block;}
#quick li button img {width:32px; margin-top: 10px;}
#top_btn {background: var(--black-color); border-radius: 0 0 0 8px;}
.nav .remote {position: fixed; right: 30px; top: 220px;}
.nav .remote hr {margin:14px 0;}
.nav .remote .wrap {position: relative; _width: 100px; border:none; background: transparent; box-shadow: none;}
.nav .remote .wrap > section {box-shadow: 0px 3px 6px rgba(0,0,0,0.5);}
.nav .remote .box1 {margin-bottom: 10px; text-align: center; border-radius: 8px; padding: 14px; background: var(--white-color);}
.nav .remote .box1 .view {width: 100%; height: 80px; background: var(--gray-color2); margin-bottom: 4px;}
.nav .remote .box1 button {width: 100%; height: 28px; border-radius: 8px; background: var(--black-color);}
.nav .remote .box1 span {margin-bottom: 14px;}
.nav .remote .box1 a > span {display: block;}

.nav .remote .box2 {text-align: center; border-radius: 8px;}
.nav .remote .box2 a {width: 100%; height: 100%; display: block; padding: 10px; border-radius: 8px; color: var(--white-color); background: var(--black-color); transition: background 0.3s;}
.nav .remote .box2 a:hover {background: var(--point-color-blue);}

.head_after {width:100%; height:120px; background-image: url(/images/after_img.png); margin-top: -40px; z-index:2; background-repeat: no-repeat; background-size: cover; overflow: hidden;}
/*--------------------- Header 끝 ---------------------*/



/*--------------------- Main Content ---------------------*/
#container {margin:0 auto; max-width: 1280px; padding-top: 20px; float:none;}
.main {margin-top:0px;}
.main section {width: 100%; margin:0 auto;}
.main h3 {position: relative; margin-bottom: 24px; font-weight: 500; font-family: var(--font-g); font-weight: 600; letter-spacing: 2px; color: var(--black-color);}

/* sec01 : Banner */
.main .sec01 {height: fit-content !important; background: var(--gray-color); text-align:center;}
.main .sec01 .sec01_slide {position: relative; overflow:hidden;}
.main .sec01 .banner_img1 {background: url(/images/banner_bg1.jpg); height:100%;}
.main .sec01 .banner_img2 {background: url(/images/main_banner_02_bg.jpg) ; height:100%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 60px !important;}
.swiper-pointer-events {position: relative;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 90px !important;}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left:74vw !important;}

/* sec02 : Search */
.main .sec02 {margin-top: -32px; margin-bottom: 120px;display: flex; display: -webkit-flex; justify-content: center; position: relative;}
.main .sec02 > div {_width: 620px; margin:0 auto; border-radius: 8px; display: flex; align-items: center;}
.main .sec02 > div:first-child {position: absolute; z-index: 2; margin-bottom: 20px; box-shadow: 0px 3px 6px var(--gray-color); background: var(--white-color);}
.main .sec02 img {padding:0px 20px;}
.main .sec02 button { color: var(--black-color); word-break: keep-all;}
.main .sec02 input {margin: 10px; width: 100%; height:44px; border:none; box-sizing: border-box;}
.main .sec02 #hd_sch #sch_str {background:none; color: var(--black-color); font-size: 0.9rem;}
.main .sec02 #hd_sch #sch_submit {background:none; height: 48px; border-left: 1px solid var(--gray-color); margin:8px 0;}
.main .sec02 .popular {padding-top:90px;}
.main .sec02 .popular a {margin-right: 4px; padding:4px 8px; background: var(--gray-color); color: var(--white-color); border-radius: 8px;word-break: keep-all;}
.main .sec02 .popular a:hover {background: var(--point-color-blue);}

/* thisMonth */
#thisMonth {padding-top:60px; width:100%; margin-bottom:80px;}
#thisMonth .wrap {width:1280px; margin:0 auto; padding-left:290px;}
#thisMonth h3 {margin-bottom:30px; text-align:right;}
#thisMonth .sec_01 {margin-bottom:20px; display:grid; grid-template-columns: 1fr 300px; gap: 20px;}
#thisMonth .sec_01 a {border:1px solid #707070; height:280px; overflow: hidden;}
#thisMonth .sec_02 {height: 260px; border:1px solid #707070; overflow: hidden;}
#thisMonth .sec_02 a {display: block; width: 100%; height: 100%;}

/* sec03 : About us */
.main .sec03 {margin-bottom: 180px; max-width: 1480px; display: grid; grid-template-columns: 1fr 1fr;}
.main .sec03 div {padding:0px;}
.main .sec03 h5 {font-weight: 500; margin-bottom: 42px; letter-spacing: -2px; word-spacing: 4px;}
.main .sec03 button a:nth-child(1) {padding:8px 18px; width: 100%; height: 100%; border-radius: 8px; background: var(--black-color); color: var(--white-color); transition: all 0.3s;}
.main .sec03 button a:nth-child(2) {padding: 6px 18px 6px 22px; margin-left: -8px; border-radius: 0px 8px 8px 0px; border: 2px solid var(--black-color); background:var(--white-color); color:var(--black-color);}
.main .sec03 .left {word-break: keep-all;}
.main .sec03 .right .bg {width: 100%; height: 280px; position: absolute; background: url(/images/main_sec03.jpg) no-repeat;}

/* sec04 : Main items */
.main .sec04 {margin-bottom: 60px; padding:60px 0 20px; background: url(/images/main_sec04.jpg) fixed 100% center no-repeat; position: relative; z-index:1;}
_.main .sec04:before {position: absolute; width: 100%; height:100%; content:''; left:0; top:0; background: url(/images/main_sec04_before.png) no-repeat;}
_.main .sec04:after {position: absolute; width: 98px; height:100px; content:''; right:0; bottom:-1px; _background: url(/images/main_sec04_after.png) no-repeat;}
.main .sec04 .wrap {max-width: 1280px; margin:0 auto;overflow: hidden;}
.main .sec04 .wrap:after {position: absolute; z-index:-2; width: 68%; height:86%; background: var(--white-color); opacity:0; border-radius: 8px; content:''; left:50%; top:50%; transform: translate(-50%, -50%);}
.main .sec04 h3:before {position:absolute; top:0; left:-80px; width: 62px; height: 56px; opacity: 0.8; transform: rotate(15deg); content:''; background: url(/images/i_recomend.png) no-repeat;}
.main .sec04 h3 > a, .main .sec04 div, .main .sec04 span {color: var(--white-color);}
.main .sec04 .smt_20 .sct_li {width:auto;}
.main .sec04 .sct_txt {font-size:18px;}
.main .sec04 .sct_txt a {color: var(--white-color);}
.main .sec04 .sct_img {width:180px; height:180px;}
.main .sec04 .sct_img a {width: 100%;}
.main .sec04 .sct_img a img {width: 100%; height:100%;}
.main .sec04 .smt_20 .sct_icon {text-align:left; margin:10px 0;}

.main .sec04 .wrap .swiper-container {overflow:hidden;}
.main .sec04 .swiper-wrapper {height:440px !important;}
.main .sec04 .swiper-slide {font-size:20px;}
.main .sec04 .swiper-slide .item_img {width:240px; height:240px; margin-bottom: 10px; border: 1px solid var(--gray-color); border-radius: 8px; overflow: hidden;}
.main .sec04 .swiper-slide .item_img a {width:100%; display:block;}
.main .sec04 .swiper-slide .item_img a img {width:100%; height:100%;}
.main .sec04 .swiper-slide .item_icon {margin-bottom:10px;}
.main .sec04 .swiper-slide .item_icon span {padding: 2px 4px; font-size:14px; border-radius: 2px;}
.main .sec04 .swiper-slide .item_title a {color: var(--white-color);}
.main .sec04 .swiper-slide .line {margin: 6px 0px 8px 0px; width: 100%; border-top: 1px solid var(--white-color);}
.main .sec04 .swiper-slide .item_text {font-size:14px;}
.main .sec04 .swiper-slide .item_price {margin-top:4px;}
.main .sec04 .page_btn {position: absolute; top: 50%; left: 0; width: 100%;}
.main .sec04 .page_btn .wrap {max-width: 1480px; margin:0 auto; position: relative;}


/* sec05 : Hot items */
.main .sec05 {margin-bottom: 60px; overflow: hidden;}
.main .sec05 .wrap {width: 1280px; margin:0 auto;}
.main .sec05 h3:before {position:absolute; top:-15px; left:-50px; width: 44px; height: 84px; transform: rotate(35deg); content:''; background: url(/images/i_popular.png) no-repeat; background-size: 80%;}
.main .sec05 .wrap .smt_40 {border:none; padding:0;}
.main .sec05 ul {display:grid; transform: none !important; grid-template-columns: repeat(5, 1fr); width:auto !important; grid-gap: 34px 10px;}
.main .sec05 .sct_img {width:240px; height:240px; border:1px solid var(--gray-color2);border-radius: 8px; overflow: hidden;}
.main .sec05 .sct_img img {width:100%; height:auto;}
.main .sec05 .smt_40 .sct_li {margin:0;}
.main .sec05 .smt_40 .sct_li .sct_basic {font-size:16px; margin-top:6px;}
.main .sec05 .smt_40 .sct_txt{font-size:18px; margin:10px 0;}
.main .sec05 .owl-carousel.owl-drag .owl-item {padding-right:10px;}
.owl-carousel .owl-item img {height:100%; _border: 1px solid var(--gray-color);border-radius: 8px;}
.main .sec05 .owl-nav {display:none;}

/* sec06 : Event */
.main .sec06 {padding-top:20px; margin-bottom: 60px; position: relative; color: var(--white-color);}
.main .sec06::before {background: url(/images/main_sec06.jpg) 100% center no-repeat; filter: brightness(0.85); content: ''; position: absolute; top: 0; left: 0; right: 0; height: 160px; width: 100%; z-index:-1;}
.main .sec06 .wrap {width: 1280px; margin:0 auto;}
.main .sec06 .wrap a {color: var(--white-color);}
.main .sec06 .wrap h5 {margin-bottom: 4px;}

/* sec07 : Costomer Review */
.main .sec07 {padding:40px 0; margin-bottom: 190px; }
.main .sec07 .wrap1 {width:1280px; margin:0 auto; display: flex; display: -webkit-flex; align-items: center; margin-bottom: 40px;}
.main .sec07 .wrap1 h3 {display: inline-block; margin:0;}
.main .sec07 h3:before {position:absolute; top:-20px; left:-50px; width: 44px; height: 64px; content:''; background: url(/images/i_review.png) center/86% no-repeat;}
.main .sec07 .wrap2 {width:1280px; margin:0 auto;}
.main .sec07 .wrap2 table {width:100%; text-align: center; border-bottom: 1px solid var(--gray-color2);}
.main .sec07 .wrap2 table thead {background: var(--gray-color2); line-height: 42px;}
.main .sec07 .wrap2 table tbody tr {line-height:42px;}
.main .sec07 .wrap2 table tbody tr:hover {background: rgba(0,0,0,0.05);}
.main .sec07 .wrap2 table .t_title {text-align: left; padding:0 20px; overflow:hidden; word-break: keep-all;}
/*--------------------- Main Content 끝 ---------------------*/

/* TEST */
.mobile_open {transition: top 0.2s ease-in-out;}
.mobile_up {bottom:-100px;}

/*--------------------- Footer ---------------------*/
.mobile_gnb {display:none; position: fixed; z-index: 9; top: 0; left: -100%; opacity: 0; width: 100%; height: 100%; background: var(--white-color);}
.mobile_gnb.on {display:block; opacity: 1;}
.mobile_gnb .login {display: flex; justify-content: space-between; align-items: center; padding: 15% 15% 20%; background: url(/images/mobile_gnb_bg.jpg) no-repeat;}
.mobile_gnb .login h4 {color: var(--white-color);}
.mobile_gnb .login i {font-size:2rem; color: var(--white-color);}
.mobile_gnb .login .fa-angle-down {font-size:1.48rem;}
.mobile_gnb .login .profile_img {margin-right: 10px;}
.mobile_gnb .login .profile_img img {width:3rem; height:3rem;}
.mobile_gnb .login .profile_name {font-size:1rem;}
.mobile_gnb .mobile_close img {width:1.4rem;}
.mobile_gnb .m_gnb {padding:0 5%;}
.mobile_gnb .m_gnb ul > li {padding-bottom:4%; transition: all .3s; _display: flex; align-items: center;}
.mobile_gnb .m_gnb ul > li:hover {padding-left:10px;}
.mobile_gnb .m_gnb ul > li h5 > i {font-size:16px; margin-right:10px;}
.mobile_gnb .m_gnb > ul {padding: 10%; width:100%;margin-top: -10%; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); background: var(--white-color); border-radius: 8px;}
.mobile_gnb section.ol {width:100%;}
.mobile_gnb #ol_auto {float:right;}
.mobile_gnb #ol_auto input {margin-right:6px;}
.mobile_gnb #ol_auto label {color: var(--white-color); font-size: 0.8rem;}
.mobile_gnb #ol_submit {border-left:none; margin-bottom: 4px;}
.mobile_gnb #ol_svc {color: var(--white-color);}
.mobile_gnb #ol_svc a {color: var(--white-color);}
#m_li div {display:none;}
#m_li:hover div {display:block; padding: 4% 5% 0; margin-top: 2%; border-top: 1px solid var(--gray-color2); border-bottom: 1px solid var(--gray-color2);}
#m_li div .count {margin-left: 10px; padding: 0 0.4rem; border-radius: 50%; background: var(--gray-color2);}
.mobile_open {display:none; width: 60px; text-align:right;}

.footer {position: relative; margin-top: 70px;}
.footer:before {height: 72px; width: 100%; background: url(/images/before_img.png) no-repeat 50% 0; content: ''; 
    position: absolute; top: -70px; left: 0; right: 0; background-size: 2400px 72px;}
.footer p {position: relative; font-weight: 600; margin-bottom: 16px; font-family: var(--font-g); color: var(--black-color);}
.footer p img {width:36px; position: absolute; opacity: 0.3;}

.footer .wrap1 {width: 100%; background: var(--gray-color2); overflow:hidden;}
.footer .sec01 {width: 1080px; margin: 0 auto; padding: 30px 0px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10%; background: var(--gray-color2);}
.footer .sec01 .left span, .footer .sec01 .right span {display: block; line-height: 24px;}
.footer .sec01 .left {float: left; padding-right:46px;}
.footer .sec01 .right {float: left;}

.footer .wrap2 {background: var(--white-color); border-top: 1px solid var(--gray-color); border-bottom: 1px solid var(--gray-color);}
.footer .sec02 {width: 1280px; margin:0 auto; padding: 14px 0px;}
.footer .sec02 span {margin-right: 1vw;}
.footer .sec02 a {font-size: 16px; font-weight: bold;}

.footer .wrap3 {background: var(--black-color); color: var(--white-color);}
.footer .sec03 {display: grid; grid-template-columns: auto 1fr; gap: 60px; align-items: center; width: 1280px; position: relative; margin:0 auto; padding: 40px 20px;}
.footer .sec03 img {height: 42px;}
.footer .sec03 strong {display: block; padding-bottom:10px;}
.footer .sec03 strong > svg {width:10px; margin-right:8px;}
.footer .sec03 span {display: block; padding: 0 0px 2px 0; color: var(--white-color);}
.footer .sec03 span a {color: var(--white-color);}
.footer .sec03 .box2 {position: relative;}
.footer .sec03 .box2 > .box2_1 {display: inline-block;}
.footer .sec03 .box2 > .box2_2 {display: inline-block; padding: 0 0 0 3%;}
.footer .sec03 .box2 > .box2_3 a {position: absolute; right: 0; bottom: 0; padding: 8px; border: 1px solid var(--white-color); border-radius: 8px; font-size: 14px; color: var(--white-color);}

#footer_m {display: none; opacity: 0;}
/*--------------------- Footer 끝 ---------------------*/


/*--------------------- sub_공통 ---------------------*/
#container {width:100%;}
#container #wrapper_title {font-family: 'Godo'; font-weight: 100; _text-decoration: underline; text-underline-offset: 12px; font-size:2rem;padding: 20px 0;}
.sub_title {font-family: 'Godo'; font-weight: 100; _text-decoration: underline; text-underline-offset: 12px; font-size:2rem; padding: 20px 20px 20px 0; display:inline-block;}
.sit_icon_li {margin:10px 0;}
.sit_sel_option {height:auto;}
.sit_use_top {text-align:center; min-height:auto;}
#bo_v_con {font-size:1rem;}
#bo_v_title .bo_v_tit {font-size:2rem;}
#bo_v_info strong {margin: 0px 10px 4px 0px;}
#sit_ov_wrap {width:auto;}
#sit_pvi_thumb {_float:none;}
#sit_pvi_thumb li {text-align:left;}
#sit_pvi_thumb img {margin: 10px 10px 0 0;}
#sit_use_wbtn {position: initial;}
#sit_qa {margin:0 0 20px;}
#sit_qa_wbtn {border: 2px solid #efeff1; padding: 15px; text-align: center;}
#sit_dex h2 {font-size:24px;}
#sit_dvr h3 {font-size:24px;}
#sit_ex h3 {font-size:24px;}
#sit_inf h2 {margin-bottom:10px;}
#ssch h2 strong {font-size:24px;}
#ssch_frm .ssch_scharea {display: grid; grid-template-columns: 1fr 90px 30px;}
#ssch_frm .ssch_scharea .ssch_input {width: calc(100% - 10px) !important;}
.btn_bo_user li a {display: flex; align-items: center;}
.btn_bo_user li button {display: flex; align-items: center;}
#container .shop-content.is_item {padding-left: 260px;}
#container #sit_ov_wrap {padding:20px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px;}
#sit_pvi, #sit_ov {float: none;}
#sit_title {font-size: 28px; line-height: 38px; margin:20px 0 40px;}
/*--------------------- sub_공통 끝 ---------------------*/

/*--------------------- sub_menu ---------------------*/
.sub_menu {width:100%; position: relative; margin-bottom: 40px;}
.sub_menu .wrap {width:100%;}
.sub_menu .wrap ul li {display: inline-block;margin-right: 4px;}
.sub_menu .wrap ul li:hover a {background: var(--point-color-blue2);}
.sub_menu .wrap ul li:active a {background: var(--point-color-blue2);}
#menu_active a {background: var(--point-color-blue2);}
.title_none {display:none;}
.sub_menu .wrap ul li a {display: flex; padding: 4px 8px; border-radius: 6px; background: var(--gray-color); color: var(--white-color);}
/*--------------------- sub_menu 끝 ---------------------*/



/*--------------------- sub_0401 ---------------------*/
.sub0401 {width:100%; text-align: center; position: relative; padding-bottom: 100px; margin-bottom:40px;}
.sub0401 p {word-break: keep-all;}
.sub0401 strong {font-size:18px;}
.sub0401 .box2 {position: absolute; right: 0; bottom: 0; text-align: right;}
.sub0401 .box2 img {opacity:0.5; margin-bottom:10px; width:94%;}
/*--------------------- sub_0401 끝 ---------------------*/

/*--------------------- sub_0402 끝 ---------------------*/
.sub0402 {margin-bottom:40px;}
.sub0402 .wrap_controllers {display:none;}
.sub0402 .box1 {margin-bottom: 20px;}
.sub0402 .box1 strong {font-size:18px; width:50px; display: inline-block;}
.sub0402 .box1 p {margin-bottom:4px;}
.sub0402 .box2 .map_0402 {width: 100% !important;}
/*--------------------- sub_0402 끝 ---------------------*/

/*--------------------- sub_0501 ---------------------*/
#container .shop-content h5 {font-family: 'Godo'; font-weight: 100; _text-decoration: underline; text-underline-offset: 12px; font-size:2rem;padding: 20px 0;}
/*--------------------- sub_0501 끝 ---------------------*/

/*--------------------- log-in/sign-in ---------------------*/
.mbskin {margin:0 auto;}
#mb_login h2 {font-size:14px;}
.mb_log_cate h2 {padding:10px 0;}
.mb_log_cate .join {padding: 36px 0;}

#container .shop-content {margin-bottom:80px;}
/*--------------------- log-in/sign-in 끝 ---------------------*/







/* ------ 반응형 ------ */

/* 1980px */
@media screen and (max-width: 1980px) {



/* 1620px */
@media screen and (max-width: 1620px) {

#lnb {display:none;}
	
	
}

/* 1400px */
@media screen and (max-width: 1400px) {

.main .sec04 .swiper-slide .item_img {width:200px; height:200px;}
.main .sec05 .sct_img {width:200px; height:200px;}
.popup_box {width:240px; top:1850px;}
#wrapper .sub_width {padding-left:250px;}
#container {max-width:1080px;}

.main .sec04 .wrap {max-width:1080px;}
.main .sec05 .wrap {max-width:1080px;}
.main .sec05 .sct_img {width:200px; height:200px;}
.main .sec06 .wrap {max-width:1080px;}
.main .sec07 .wrap1 {width:1080px;}
.main .sec07 .wrap2 {width:1080px;}

#container .shop-content.is_item {margin-left: 220px; padding-left: 0;}
}

/* 1380px */
@media screen and (max-width: 1380px) {
    .main .sec05 ul {grid-template-columns:repeat(4 ,1fr);}
}

/* 1280px */
@media screen and (max-width: 1280px) {

.header_main .wrap1 {width:1080px;}
#nav .gnb {width:100%;}
#nav .wrap .gnb_login {display:none;}
.main .sec01 picture img {width:100%;}
#thisMonth .wrap {width:1080px; padding-left:250px;}
.main .sec05 h3:before, .main .sec07 h3:before {display:none;}
.main .sec07 {margin-bottom:80px;}

.footer .sec02, .footer .sec03 {width:100%; padding:14px 20px;}

#sit_pvi_big {float: none;}
#sit_pvi_big img {width: 400px;}
}

/* 1080px */
@media screen and (max-width: 1080px) {

#top_banner {display:none;}
.header_main .wrap1 {width:100%; height:100px; padding:0 20px;}
.header_main .wrap1 .sec01 img {height:36px;}
.header_main .wrap1 .sec03 {text-align:right;}
.header_main .wrap1 .sec03 .bx-viewport {height:100% !important;}
.header_main .wrap1 .sec03 .bx-viewport img {height:100%;}

#thisMonth {padding-top:40px;}
#thisMonth .wrap {width:100%; padding-left:260px; padding-right:20px;}
#thisMonth h3 {margin-bottom:10px;}
#thisMonth .sec_01 {margin-bottom: 10px; gap: 10px; grid-template-columns:1fr;}
#thisMonth .sec_02 {height: fit-content;}
.header_main .sec02 {display:none !important;}
.main .sec04 .swiper-wrapper {height:380px !important;}
.main .sec04 .wrap, .main .sec05 .wrap, .main .sec06 .wrap {max-width:780px;}
.main .sec05 ul {grid-template-columns:repeat(3 ,1fr);}
.main .sec06 .wrap h5 {padding: var(--10px) 0 var(--8px) !important;}
.main .sec07 {margin-bottom:60px;}
.main .sec07 .wrap1, .main .sec07 .wrap2, .footer .wrap1 {width:780px; margin:0 auto;}

#side_menu {display:none;}

.footer {background:var(--gray-color2); width:100%;}
.footer .sec01 {width:100%;}

aside#sct_ct_1 > ul {display:grid; grid-template-columns:repeat(4,1fr);}
aside#sct_ct_1 > ul > li {float:none; width:100%;}
#container .shop-content h5 {width:100%; padding: 20px;}
#container .shop-content > #bo_list {padding:0 20px;}
#container .shop-content > #bo_gall {padding:0 20px;}
#container .shop-content > .sub_menu {padding:0 20px; margin-bottom:20px;}
#container .shop-content.is_item {margin-left: 250px;}

.sub0401, .sub0402 {padding:0 20px;}
.sub0401 .box2 {right:20px;}

.lists-row {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--8px);}
.lists-row > li {width: 100% !important; float: none;}

#bo_gall #gall_ul {display: grid; grid-template-columns: repeat(3, 1fr);}
#bo_gall .gall_li {width: 100%;}

#sit_info {display: grid; grid-template-columns: 1fr;}
#sit_info > #sit_tab {width: 100%; border-bottom: 1px solid #e8e8e8;}
#sit_info > #sit_buy {width: 100%; border-left: none;}
#sit_pvi, #sit_ov {width: 100%; float: none;}
#sit_pvi, #sit_ov #sit_title {font-size: 32px; line-height: 34px;}
#container #sit_ov_wrap {grid-template-columns: 1fr; gap: 0 var(--20px);}
#sit_pvi_big #popup_item_image {display: none;}
#container .shop-content.is_item p img {width: 100%;}
}


/* 820px -- 태블릿 */
@media screen and (max-width: 820px) {

.popup_box {display:none;}
#nav .gnb .wrap {gap:0; padding: 0 var(--20px); grid-template-columns:1fr;}
#nav .wrap ul li:hover img {display:none;}
#nav .wrap ul li a {padding:15px 0 14px 2vw;}
#nav .gnb .lnb_btn {width:150px; display:none;}
#nav .gnb .wrap > .gnb_menu {display:grid; grid-template-columns:repeat(6, auto);}
.depth-1 {width:150px !important;}
.depth-1 ul {left:149px;}
.depth-1 > li {height:fit-content;}
.depth-1 > li > a {padding:1.72vw 1.72vw 1.72vw 2vw !important; font-size:2.4vw; line-height:3.4vw;}

#thisMonth .wrap {padding-left:4.83vw; padding-right:4.83vw;}
#thisMonth h3 {text-align: left;}
.main .sec04 .swiper-wrapper {height:380px !important;}
.main .sec04 {width: 100%; padding: 4.83vw 4.83vw 0;}
.main .sec05 ul {grid-template-columns:repeat(2 ,1fr);}
.main .sec05 .wrap {max-width: 100%;}
.main .sec05 .smt_40 .sct_li {margin:0 auto;}
.main .sec05, .main .sec06 .wrap, .main .sec07 .wrap1, .main .sec07 .wrap2 {width:100%; padding:2.41vw 4.83vw;}

.footer .wrap1 {width: 100%;}
.footer .sec01 {padding:4.83vw; grid-template-columns: repeat(3, auto);}
.footer .sec02, .footer .sec03 {padding: var(--6px) var(--20px);}
.footer .sec03 {grid-template-columns: 1fr; gap:14.49vw; padding: var(--20px);}
.footer .sec03 .box2 {display: grid; grid-template-columns: 1fr; gap: var(--14px);}
.footer .sec03 .box2 > .box2_2 {padding: 0;}
.footer p img {left:10px !important; opacity:0.2;}
.footer .wrap3 .box1 {display: none;}

#wrapper .sub_width {padding: 0 var(--20px);}
#container #wrapper_title {margin-bottom: 0; padding: var(--30px) 0 var(--10px); font-size: var(--font-h4);}
#sct_location {display: none;}
aside#sct_ct_1 > ul {grid-template-columns:repeat(3,1fr);}
#smb_my {width: 100%; padding: 0 20px;}

#bo_gall #gall_ul {display: grid; grid-template-columns: repeat(2, 1fr);}
#container .shop-content.is_item {margin-left:0; padding:0 var(--20px);}
#container #sit_ov_wrap {grid-template-columns: 1fr;}
#sit_tab {width: 100%; border-bottom: 1px solid var(--gray-color);}
.sit_btn_wish {float: right; width: var(--32px); height: var(--32px); margin-top: var(--10px);}

}


/* 620px -- 모바일 */
@media screen and (max-width: 620px) {

p {font-size: var(--font-p);}

.header_main .wrap1 {padding:0 4.83vw; height:14.49vw;}
.header_main .wrap1 .sec01 {overflow:initial;}
.header_main .wrap1 .sec01 img {height:5.31vw;}
#nav .gnb .wrap > .gnb_menu {padding:0 4.83vw; height:9.66vw; align-items:center;}
#nav .wrap ul li {margin:0;}
#nav .gnb .wrap {display:block;}
#nav .gnb .wrap > .gnb_menu {grid-template-columns: repeat(4, auto);}
#nav .wrap .gnb_menu li {height:fit-content; text-align: center;}
/* #nav .wrap .gnb_menu li:nth-child(n+4):nth-child(n+5) {display: none;} */
#nav .wrap .gnb_menu li:nth-child(4) {display: none;}
#nav .wrap .gnb_menu li:nth-child(5) {display: none;}
#nav .wrap .gnb_menu li a {padding:0; font-size:var(--18px);}

.header_ys {position: fixed;}
#wrapper {margin-top: 24vw;}
.main h3 {font-size: var(--font-h4); letter-spacing: var(--0px);}
aside#sct_ct_1 > ul {grid-template-columns:repeat(2,1fr);}
.main .sec04 {margin-bottom: var(--40px);}
.main .sec04 .swiper-slide .item_img {width: 43.47vw !important; height: 43.47vw !important;}
.main .sec04 .swiper-slide .item_title a {font-size: var(--font-p);}
.main .sec04 .swiper-slide .item_price {font-size: var(--font-p);}
#idx_hit {overflow: visible;}
.main .sec01 {background: var(--white-color);}
.main .sec01 .sec01_slide img {width: 100% !important;}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50% !important; bottom: 3vw !important;
}
.main .sec01 {margin-bottom:var(--20px);}
#thisMonth {display:none;}
#thisMonth .sec_01 {margin-bottom: var(--10px); gap: var(--10px);}
.main .sec04 {margin-top:-4vw; background:url(/images/main_sec04.jpg) 100% center no-repeat;}
.main .sec05 ul {gap: 0;}
.main .sec05 ul .sct_img {width: 43.47vw !important; height: 43.47vw !important;}
#container .shop-content h5 {padding: var(--10px) 0;}
.main .sec05 .smt_40 .sct_li {width: 41.06vw !important;}
.main .sec05 .smt_40 .sct_txt {font-size: var(--font-p);}
#container .shop-content h5 {font-size: var(--font-h5);}
.main .sec06 {margin-bottom: var(--40px); padding-top: var(--20px);}
.main .sec07 {margin-bottom: var(--40px); padding: 0;}

.footer {margin-bottom: 15.45vw;}
.footer .sec01 {gap: 0;}
.footer .sec02 a {font-size: var(--16px);}
.footer .sec03 {grid-template-columns: 1fr;}


#footer_m {border-top: var(--1px) solid var(--line); width: 100%; height: 15.45vw; box-shadow: var(--shadow2); background: #fcfcfc; display: block; opacity: 1; position: fixed; bottom: 0; left: 0; z-index: 9;}
#footer_m > ul {display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; height: 100%;}
#footer_m > ul li {display: flex;}
#footer_m > ul li a {text-align: center; width: 100%; height: 100%; display: block;}
#footer_m > ul li a img {width: var(--30px);}
#footer_m > ul li a svg {width: var(--20px);}
#footer_m > ul li a span {display: grid; font-size: var(--10px);}
.footer .sec03 .box2 > .box2_3 a {display: none;}

#wrapper_title {padding: 0 var(--20px); margin-bottom: var(--14px); text-align: center;}
#mb_login {width: 100%; box-sizing: border-box; padding: 0 var(--20px);}
#container .register {padding: 0 var(--20px); margin-bottom: var(--20px);}
#smb_my {margin-top:var(--32px);}
.tbl_head03 thead th {font-size:var(--font-span);}
#smb_my_ov .op_area dt {float:none;}

#smb_my_wish ul {display:grid; grid-template-columns:1fr 1fr;}
#smb_my_wish ul > li {width:100%;}

.lists-row {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--4px);}
.sct_admin {position: absolute; top: var(--40px); right: 0;}
#ssch_sort {float: none; width: auto;}
#sct_lst {float: none;}
#sit_pvi, #sit_ov #sit_title {line-height: var(--32px);}
}

/* 580px */
@media screen and (max-width: 580px) {
    .sct_10 .sct_txt {font-size: var(--font-p);}
	.sct_10 .sct_cost {font-size: var(--font-p);}
    .footer .sec02 a.fr {display:none;}
    #sit_pvi_big img {width: 100%;}
    #container .shop-content h5 {font-size: var(--font-h4);}
}

/* 480px -- 모바일 */
@media screen and (max-width: 480px) {
	.swiper-slide {height:80% !important;}
}