@charset "UTF-8";

@font-face {
    font-family: 'ONE-Mobile-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*[s] Transition Style */
#hd .mMenu,
#hd .mMenu>span,
#hd .mMenu:before,
#hd .mMenu:after,
.mMenu.open:before,
.mMenu.open:after,
.mMenu.open>span,
#hd #gnb:after,
#hd #gnb:before,
#hd #gnb>li>a:before,
#hd #gnb>li>a i:before,
#hd #gnb>li>a i:after,
#hd #gnb>li,
#hd #gnb a,
#hd #gnb>li>a>span:before,
#hd #gnb .gnbSub>li>a,
#hd #gnb>li>a em,
#hd #gnb>li>a em:after,
#hd #gnb>li>a em:before,
#hd #gnbMenu,
#hd #gnbMenu:before,
#hd #gnbMenu .bg,
#hd #gnbMenu #list:before,
#hd #gnbMenu #list>li,
#hd #gnbMenu #list>li>a,
#hd #gnbMenu #list>li>a i,
#hd #gnbMenu #list>li>a>span:before,
#hd #gnbMenu #list .gnbSub>li>a,

#hd_menu li a,

#gnbCate #list>li>a i,

.paging_all *,
.pg_wrap *,
.multi-tab ul.multi-list>li a,
.myTab li:hover a,
.myTab li.active a,

.idx_evenSw .swiper-slide img,
.idx_sortList .idx_ssch_sort li>a,
.idx_sctAll>li:hover .sctImg img{transition: all .3s ease-out; transform-origin: 50% 50%;}

#gnbCate{transition: all .5s ease-in-out; transform-origin: 50% 50%;}

/*[e] Transition Style */
/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;background:#fff;height:100%;font-family:'ONE-Mobile', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {margin:0;padding:0;}
input[type=submit],input[type=image],input[type=button],button,a{cursor: pointer; text-decoration: none;}
img,video,audio,object,embed,iframe{max-width:100%;}
button, input[type=submit] {cursor:pointer}
input[type=text], input[type=password], input[type=image], button {-webkit-appearance:none}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
fieldset,img,abbr,acronym{border:none}
fieldset{display:block}
ol,ul{list-style:none outside}
h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var{font-size:100%; font-weight:normal}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#111;text-decoration:none}
em{font-style:normal;}
ul,li,dl,dt,dd{padding:0;margin:0}
img{
    max-width: 100%;
    vertical-align:top;
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*[s] Bace Css */
:root,
html{font-size:16px}
:root {
    /* color */
    --point: #b59165;
    --point_red: #f01b24;
    --btn_c: #333;
    --bor_c: #ddd;
    --event__color--point: #035ab6;
    --event__color--end: #b3b3b3;


    /* font family */
    --prtd:'Pretendard';
    --play:'Play';


}

.inConts{width:100%; max-width:1320px; margin:0 auto; padding:0 20px; position: relative;}
#container{width:100%; margin:0 auto; background-color:#fff; position:relative; overflow:hidden;}
#container.container{padding: 0 20px 140px; max-width:1320px; margin:0 auto;}
#container.container .inConts{padding: 0}
#container.idx-container{padding-bottom:140px;}
html *{letter-spacing:-0.04em; word-break:keep-all; word-wrap:break-word; box-sizing: border-box;}

/*[s] HEADER*/
.ribbon_bann .inConts{}
.today_noneWrap{position:absolute;bottom:15px;right:20px;}
.today_noneWrap .today_chk{padding-right:13px;display:inline-block;}
.today_noneWrap .today_chk input[type=checkbox]{display: none;}
.today_noneWrap .today_chk input[type=checkbox]+label{font-size:15px;color:rgba(255,255,255,0.9);padding-left:22px;cursor:pointer;position:relative;}
.today_noneWrap .today_chk input[type=checkbox]+label::before{content:'';display:inline-block;width:14px;height:14px;background:url("/img/today_chkBox.png") no-repeat center;background-size:contain;position:absolute;left:0;top:calc(50% - 7px)}
.today_noneWrap .today_chk input[type=checkbox]:checked+label::before{background:url("/img/today_chkBox_on.png") no-repeat center;background-size:contain;}
.today_noneWrap .todayClose{padding-left:16px;display:inline-block;position:relative;}
.today_noneWrap .todayClose::before{content:'';display:inline-block;width:1px;height:10px;background-color:rgba(195,195,195,0.75);position:absolute;left:0;top:calc(50% - 5px);}
.today_noneWrap .todayClose button{border:none;background-color:transparent;display:flex;align-items:center;}

.cateNav>.inConts{display:flex;}

#gnbMenu,
#gnbMenu #list,
#gnbMenu #list>li,
#gnbMenu #list>li>a{height:70px;}

#gnbMenu{position: relative;display:flex;justify-content:center;width:calc(100% - 70px);}
#gnbMenu #list{width:100%; display: flex; justify-content: center;}
#gnbMenu #list>li{display:inline-block;padding:0 48px; vertical-align: top; position: relative;}
#gnbMenu #list>li>a{width:100%; font-weight: 700; font-size:18px; line-height:1; color: #1b1b1b; text-align: center; display:table; position: relative; z-index:3;font-family:var(--prtd);}
#gnbMenu #list>li>a>span{display:table-cell; vertical-align:middle;}
#gnbMenu #list>li>a>span:before{content: ""; width: 0; height: 2px; background-color: var(--point); margin-left:0%; display: inline-block; position:absolute; left: 50%; bottom:-1px; z-index:5;}

#gnbMenu #list .gnbSub{min-width:100%; padding:30px 20px; background-color:#fff; display:none; position: absolute; left:50%; top:100%; white-space: nowrap; z-index:6;transform:translateX(-50%);}
#gnbMenu #list .gnbSub>li{}
#gnbMenu #list .gnbSub>li>a{width:100%; height:45px; font-size:17px; line-height:1.4; color:#666; display:table;}
#gnbMenu #list .gnbSub>li>a>span {display:table-cell; vertical-align: middle; word-break:keep-all; word-wrap:break-word;text-align:center;}

#gnbMenu #list .gnbSub>li:is(:hover, .oPage, .active)>a{font-weight: 500; color:#1b1b1b; text-decoration: underline; text-underline-position:under;}
#gnbMenu #list>li:is(:hover, .active, .oPage)>a>span:before{width: calc(100% + 28px); margin-left:-14px; left: 0; opacity: 1}

#gnbMenu #list>li.one .gnbSub,
#gnbMenu #list .gnbSub>li.hide{display:none !important;}

#header #list:hover .gnbSub,
#header.all #list .gnbSub{opacity: 1;}

.mMenu_btn{width:70px; height:70px; background-color:var(--point);display:flex;justify-content:center;align-items:center;}
.mMenu{width:19px; height:20px; background-color:var(--point); border:none; font-size:0; line-height:0; z-index:4; cursor: pointer; display:inline-block; position: relative;vertical-align:top;}
.mMenu:before,
.mMenu:after,
.mMenu>span{content: ""; width: 20px; height: 2px; background-color:rgba(255,255,255,1); display: inline-block; position:absolute;top:50%; right:50%;margin-right:-10px;}

.mMenu:before{top:0}
.mMenu:after{bottom:0;top:auto}
.mMenu>span{margin-top:-1px;}

.mMenu.open:before,
.mMenu.open:after{bottom:auto; right:auto; left:50%; top:50%; transform:rotate(45deg) translate(-50%, -50%); transform-origin: 0% 0%;}
.mMenu.open:after{transform:rotate(-45deg) translate(-50%, -50%);}
.mMenu.open>span{opacity:0;}

#gnbMenu .gnbCateSide_top,
#gnbMenu .gnbCateSide_bttm,
#gnbMenu .gnbClose{display:none;}

#gnbCate{position:fixed;left:0;top:0;z-index:100;width:400px;height:100%;min-height:max-content;overflow-y:auto;background-color: #fff;box-shadow:10px 0 15px rgba(0,0,0,0.2);}
#gnbCate.open .gnbCateWrap{width:400px;min-height:100%;padding:50px 0 90px;background-color: #fff}
#gnbCate.open::after{content:'';position:fixed;inset:0 0 0 0;z-index:-1;background-color:rgba(0,0,0,0.5);}
#gnbCate .gnbClose{display:inline-block;width:20px;height:20px;border:none;background-color:transparent;position:absolute;right:10px;top:10px;}
#gnbCate .gnbClose::before,
#gnbCate .gnbClose::after{content:'';display:inline-block;width:20px;height:2px;background-color:#1b1b1b;position:absolute;left:50%;top:50%;margin:-1px 0 0 -10px}
#gnbCate .gnbClose::before{transform:rotate(45deg);}
#gnbCate .gnbClose::after{transform:rotate(-45deg);}

#gnbCate .gnbCateSide_top{padding:0 30px}
#gnbCate .gnbCateSide_top .gcs_btn{display:flex;}
#gnbCate .gnbCateSide_top .gcs_btn>li{width:50%;text-align:center;border:1px solid #d3d3d3}
#gnbCate .gnbCateSide_top .gcs_btn>li+li{border-left:none;}
#gnbCate .gnbCateSide_top .gcs_btn>li>a{line-height:48px;}
#gnbCate .gnbCateSide_top #btn_cartop{display:flex;justify-content:center;align-items:center;}
#gnbCate .gnbCateSide_top #btn_cartop .cart-count{position:static;display:inline-block;margin-left:5px;}

#gnbCate #list{border-top:2px solid #333;margin-top:30px;}
#gnbCate #list li{}
#gnbCate #list a{display:inline-block;width:100%;padding:0 30px;line-height:70px;border-bottom: 1px solid #ccc}
#gnbCate #list>li>a{position:relative;}
#gnbCate #list>li>a i{width:26px; height:14px; margin-top:-7px; position: absolute; right:30px; top:50%; display:inline-block;}
#gnbCate #list>li.one>a i{display:none;}
#gnbCate #list>li>a i::before,
#gnbCate #list>li>a i::after{content: ""; width:15px; height:2px; margin:0 0 0 0; background-color: #aaa; display: block; position:absolute; top:50%;}
#gnbCate #list>li>a i::before{right:-1px; transform:rotate(-45deg);}
#gnbCate #list>li>a i::after{right:9px; transform:rotate(45deg);}
#gnbCate #list>li:is(.active, :hover)>a{background-color:var(--point);color:#fff;}
#gnbCate #list>li.active>a i{transform:rotate(180deg);}
#gnbCate #list>li:is(.active, :hover)>a i::before,
#gnbCate #list>li:is(.active, :hover)>a i::after{background-color:#fff;}

#gnbCate #list .gnbSub{display:none;}
#gnbCate #list .gnbSub>li{}
#gnbCate #list .gnbSub>li>a{}
#gnbCate #list .gnbSub>li>a:hover{color:var(--point_red);}

#gnbCate{left:-100%;}
#gnbCate.open{left:0;}

#gnbCate .gnbCateSide_bttm{}
#gnbCate .gcs_qMenu{display:flex;justify-content:center;flex-wrap:wrap;margin-top:20px;}
#gnbCate .gcs_qMenu li{position:relative;}
#gnbCate .gcs_qMenu li+li::before{content:'';display:inline-block;width:1px;height:12px;background-color:#d3d3d3;}
#gnbCate .gcs_qMenu li a{padding:8px 15px;display:inline-block;}

#gnbCate .gnbCateSide_login{width:100%;display:flex;padding:20px 30px 0}
#gnbCate .gnbCateSide_login li{flex:1;text-align:center;border:1px solid #d3d3d3}
#gnbCate .gnbCateSide_login li+li{border-left:none;}
#gnbCate .gnbCateSide_login li a{line-height:48px;display:inline-block;width:100%;}
#gnbCate .gnbCateSide_login li #ol_after_logout{background-color:var(--point);color:#fff;border:none}
#gnbCate .gnbCateSide_login li .hd_icon{display: none}

.sub_top{margin-top:20px;padding-bottom:55px;}
.sub_nav #nav{background-color: transparent;  position: relative; z-index:2; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-end;}
.sub_nav #nav>li{display:flex;align-items:center;}
.sub_nav #nav>li+li::before{content:'';display:inline-block;width:6px;height:8px;background:url("/img/subNavArrow.png") no-repeat center;background-size:contain;vertical-align:middle;}
.sub_nav #nav>li>a{width:100%; padding:0 7px; font-weight: 400; font-size:15px; line-height:1.2; color: #898989; display: flex; align-items: center; position: relative;}
.sub_nav #nav>li>a>span{word-break:break-all !important;}
.sub_nav #nav>li:last-child>a{color:#666}
.sub_nav #nav>li.home a span {display:inline-block;margin-left:9px;}

/*[e] HEADER*/

/* my page */
.myTab{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;gap:10px;margin:20px 0 60px;}
.myTab li{}
.myTab li a{width:180px; height:60px; padding:0 20px; background-color:#ddd; font-weight: 400; font-size:18px; font-family:var(--prtd); line-height:1.4; color: #666; display: flex; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center; white-space: nowrap; border-radius:6px;}
.myTab li:hover a,
.myTab li.active a{background-color:var(--point); border-color:var(--point); color:#fff;}


.my_page .myPg_tit{font-size:24px;font-weight:700;color:#333;padding-bottom:20px;border-bottom:1px solid #111;}

.memb_quit .mb_quit_tit{padding:40px 0 20px;font-size:24px;color:#333;text-align:center;font-weight:700;}
.memb_quit .mb_quitCont{padding:50px 40px;border-radius:10px;background-color:#f5f5f5;font-family:var(--prtd);}
.memb_quit .mb_quitCont em{font-size:20px;font-weight:600;color:var(--point);}
.memb_quit .mb_quitCont ol{list-style-type:decimal;padding-left:20px;}
.memb_quit .mb_quitCont ol>li{font-size:18px;line-height:28px;font-weight:500;padding-left:5px;}

.memb_quit .mb_quitBtns{display:flex;justify-content:center;gap:10px;margin-top:60px;}
.memb_quit .mb_quitBtns li a{display:inline-block;width:140px;height:50px;line-height:50px;border-radius:4px;font-size:18px;text-align:center;}
.memb_quit .mb_quitBtns li .bef_btn{background-color:#ddd;color:#666;}
.memb_quit .mb_quitBtns li .cancel_btn{background-color:#111;color:#fff;}

.memb_my_od{}
.memb_my_od .my_odList{font-size:18px;margin-bottom:80px;overflow-x:auto;}
.memb_my_od .my_odList>li{min-width:1140px;padding:20px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;}
.memb_my_od .od_it{display:flex;align-items:center;gap:0 40px}
.memb_my_od .od_itDate{padding-left:20px;}
.memb_my_od .od_itImg{aspect-ratio:220/170;}
.memb_my_od .od_itTit{width:230px;}
.memb_my_od .od_itCate{display:inline-block;width:100%;font-size:16px;font-weight:700;color:var(--point);margin-bottom:8px;font-family:var(--prtd);}
.memb_my_od .od_itTxt{font-size:20px;width:100%;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all;}
.memb_my_od .od_state li+li{margin-top:10px;}
.memb_my_od .od_itCost{font-family: var(--prtd);text-align:right;}
.memb_my_od .od_itCost .od_totalCst{font-size:24px;font-weight:600;}
.memb_my_od .od_itCost .od_itSale{margin-top:15px;}
.memb_my_od .od_itCost .od_itSale_pct{color:var(--point_red);font-weight:600;font-size:20px;}
.memb_my_od .od_itCost .od_itSale_prime{display:inline-block;margin-left:10px;;font-size:17px;color:#999;text-decoration:line-through;}
.memb_my_od .od_delete .od_del_btn{font-size:2rem; border:1px solid #ccc; padding:8px 10px; border-radius:5px;}

.memb_qa_list{}
.memb_qa_list .memb_qaUl{}
.memb_qa_list .memb_qaUl>li{font-size:18px;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;align-items:center;gap:30px 0;padding:30px 0}
.memb_qa_list .mb_qaNum{width:40px;text-align:center;}
.memb_qa_list .mb_qaTit{max-width:969px;padding:0 20px;width:calc(100% - 351px);display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all;}
.memb_qa_list .mb_qaFile{width:24px;}
.memb_qa_list .mb_qaFile img{vertical-align:middle;}
.memb_qa_list .mb_qaWait{display:inline-block;margin-left:80px;color:#fff;text-align:center;font-size:15px;line-height:35px;width:80px;border-radius:4px;background-color:#f17f06;}
.memb_qa_list .mb_qaYes{display:inline-block;margin-left:80px;color:#929292;text-align:center;font-size:15px;line-height:35px;width:80px;border-radius:4px;background-color:#fff;border:1px solid #ddd;}
.memb_qa_list .mb_qaData{padding:0 20px 0 30px;font-size:15px;color:#929292;}


@media only screen and (max-width : 1340px) {}
@media only screen and (max-width : 1280px) {
    /*[s] HEADER*/
    #hd{border-bottom: 1px solid #e6eaed;}
    #hd_wr{display:flex;justify-content:space-between;align-items:center;}
    .hd_middle{flex:1;}
    .cateNav{border:none}
    .cateNav>.inConts{justify-content: flex-end;}
    #gnbMenu{display:none;}
    /*[e] HEADER*/
}
@media only screen and (max-width : 1024px) {
    .hd_middle{padding:0 20px}
    .hd_middle>.inConts{padding:0}
    .cateNav>.inConts{padding:0}

    .memb_qa_list .memb_qaUl>li{}
    .memb_qa_list .mb_qaNum{display:none;}
    .memb_qa_list .mb_qaTit{width:100%;max-width:none;}
    .memb_qa_list .mb_qaFile{display:none}
    .memb_qa_list .mb_qaWait{margin-left:20px;}
    .memb_qa_list .mb_qaYes{margin-left: 20px;}
    
}
@media only screen and (max-width : 840px) {
    #logo img{height:40px;}
    #gnbCate{width:100%;box-shadow:none;}
    #gnbCate.open .gnbCateWrap{width:100%;}

    .myTab li{width:calc(50% - 5px);}
    .myTab li a{width:100%;}
}
@media only screen and (max-width : 480px) {
    
}