@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] Reset Css */
	html,body{width:100%; min-height:100%; background-color: #fff; -webkit-text-size-adjust:none}
	input,button,textarea{background-color: transparent; border:none; -webkit-border-radius:0; -webkit-appearance:none}
	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%; max-height: 100%;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend{margin:0;padding:0}
	fieldset,img,abbr,acronym{border:none}
	fieldset{display:block}
	ol,ul,li{list-style:none outside}
    em{font-style:normal;}
	h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var{font-size:100%;font-weight:normal}

	hr,legend,caption,hr{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-1000em}

    
	img{
		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;
        vertical-align:top;
	}
    

	/* 다국어
	html[lang="ko"]{font-family:'Noto Sans KR', sans-serif;}
	html[lang="en"]{font-family:'Noto Sans KR', sans-serif;}
	html[lang="zh"]{font-family:'Noto Sans SC', 'Noto Sans KR', sans-serif;}
	html[lang="ja"]{font-family:'Noto Sans JP', 'Noto Sans KR', sans-serif;}
	*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,legend{ font-style:normal; font-weight:normal;}
	body{font-size:1.8rem; line-height: 2.8rem; color:#666;font-family: 'Pretendard', sans-serif;}
/*[e] Reset Css */


/*[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 */

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


    /* font family */
    --prtd:'Pretendard';
    --play:'Play';
    --mtsr:"Montserrat", sans-serif;


}

.mt5{margin-top:0.5rem !important;}
.mt10{margin-top:1rem !important;}
.mt15{margin-top:1.5rem !important;}
.mt20{margin-top:2rem !important;}
.mt25{margin-top:2.5rem !important;}
.mt30{margin-top:3rem !important;}
.mt35{margin-top:3.5rem !important;}
.mt40{margin-top:4rem !important;}
.mt45{margin-top:4.5rem !important;}
.mt50{margin-top:5rem !important;}
.mt55{margin-top:5.5rem !important;}
.mt60{margin-top:6rem !important;}
.mt65{margin-top:6.5rem !important;}
.mt70{margin-top:7rem !important;}
.mt75{margin-top:7.5rem !important;}
.mt80{margin-top:8rem !important;}
.mt85{margin-top:8.5rem !important;}
.mt90{margin-top:9rem !important;}
.mt95{margin-top:9.5rem !important;}
.mt100{margin-top:10rem !important;}
.mt160{margin-top: 16rem !important;}

.mb30{margin-bottom:3rem !important;}
.mb35{margin-bottom:3.5rem !important;}

.wVar,
.pVar,
.ptVar{display:block;}
img.pVar,
img.ptVar{display:inline-block;}
th.pVar,
td.pVar{display:table-cell;}
.xVar,
.tVar,
.mVar,
.xmVar,
.tmVar,
.br_t{display:none;}
.br_p{}


html.hide{height:100vh;overflow:hidden;}
.inConts{width:100%; max-width:132rem; margin:0 auto; padding:0 2rem; position: relative;}
#container{width:100%; margin:0 auto; background-color:#fff; position:relative; overflow:hidden;}
#container.container{padding: 0 2rem 14rem; max-width:132rem; min-height:60rem; margin:0 auto;}
#container.container .inConts{padding: 0}
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:1.5rem;right:2rem;}
.today_noneWrap .today_chk{padding-right:1.3rem;display:inline-block;}
.today_noneWrap .today_chk input[type=checkbox]{display: none;}
.today_noneWrap .today_chk input[type=checkbox]+label{font-size:1.5rem;color:rgba(255,255,255,0.9);padding-left:2.2rem;cursor:pointer;position:relative;}
.today_noneWrap .today_chk input[type=checkbox]+label::before{content:'';display:inline-block;width:1.4rem;height:1.4rem;background:url("/img/today_chkBox.png") no-repeat center;background-size:contain;position:absolute;left:0;top:calc(50% - 0.7rem)}
.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:1.6rem;display:inline-block;position:relative;}
.today_noneWrap .todayClose::before{content:'';display:inline-block;width:0.1rem;height:1rem;background-color:rgba(195,195,195,0.75);position:absolute;left:0;top:calc(50% - 0.5rem);}
.today_noneWrap .todayClose button{border:none;background-color:transparent;display:flex;align-items:center;}

.cateNav{background-color:#ff163c;}
.cateNav>.inConts{display:flex;justify-content:space-between;}

#gnbMenu,
#gnbMenu #list,
#gnbMenu #list>li,
#gnbMenu #list>li>a{height:6rem;}

#gnbMenu{position: relative;display:flex;justify-content:center;}
#gnbMenu #list{width:100%; display: flex; justify-content: center;}
#gnbMenu #list>li{display:inline-block;padding:0 4.2rem; vertical-align: top; position: relative;}
#gnbMenu #list>li>a{width:100%; font-weight: 600; font-size:1.8rem; line-height:1; color: #fff; 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 .gnbSub{min-width:100%; padding:3rem 2rem; background-color:#f5f5f5; 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:4.5rem; font-size:1.7rem; line-height:1.4; color:#666; display:table;position:relative;}
#gnbMenu #list .gnbSub>li>a::before{content: ""; display:none; width: 0.5rem; height: 0.5rem; background-color: #00bcc8; margin-left:0%; border-radius:50%; position:absolute; right:0; top:0; z-index:5;}
#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>li:is(:hover, .oPage, .active){background-color:#333;}
#gnbMenu #list .gnbSub>li:is(:hover, .oPage, .active)>a{font-weight: 500; color:#00bcc8;}
#gnbMenu #list .gnbSub>li:is(:hover, .active, .oPage)>a::before{display:block;}

#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:6rem; height:6rem; display:flex;justify-content:center;align-items:center;transition:all 0.3s ease-out;}
.mMenu_btn.open{background-color:#333;}
.mMenu_btn .mMenu{width:1.8rem; height:1.4rem; background-color:transparent; border:none; font-size:0; line-height:0; z-index:4; cursor: pointer; display:inline-block; position: relative;vertical-align:top;}
.mMenu_btn .mMenu:before,
.mMenu_btn .mMenu:after,
.mMenu_btn .mMenu>span{content: ""; width: 2rem; height: 0.2rem; background-color:rgba(255,255,255,1); display: inline-block; position:absolute;top:50%; right:50%;margin-right:-1rem;}

.mMenu_btn .mMenu:before{top:0}
.mMenu_btn .mMenu:after{bottom:0;top:auto}
.mMenu_btn .mMenu>span{margin-top:-0.1rem;}

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

@media (hover: hover) and (pointer: fine) {
    .mMenu_btn:hover{background-color:#333;}
}

/* 막대형2 */
#btn_all_cate.mAllMenu{display:none; width:5rem; height:1.4rem; margin-left:1rem; background-color:transparent; border:none; font-size:0; line-height:0; z-index:4; cursor: pointer; position: relative;vertical-align:top;}
#btn_all_cate.mAllMenu:before,
#btn_all_cate.mAllMenu:after,
#btn_all_cate.mAllMenu>span{content: ""; width: 100%; height: 0.2rem; background-color:#666; display: inline-block; position:absolute;top:50%; right:50%;margin-right:-2.5rem;}

#btn_all_cate.mAllMenu:before{top:0}
#btn_all_cate.mAllMenu:after{width: 50%;bottom:0;top:auto}
#btn_all_cate.mAllMenu>span{margin-top:-0.1rem;}

/* #btn_all_cate.mAllMenu.open{width:3.2rem;height:3.2rem;}
#btn_all_cate.mAllMenu.open:before,
#btn_all_cate.mAllMenu.open:after{width:100%;bottom:auto; right:auto; left:0%; top:50%; transform:rotate(45deg) translate(0%, 0%); transform-origin: 0% 0%;}
#btn_all_cate.mAllMenu.open:after{transform:rotate(-45deg) translate(0%, 0%);}
#btn_all_cate.mAllMenu.open>span{opacity:0;} */

/* 주사위형 */
.mMenu_dice{display:flex;align-items:center;}
.mMenu_dice .mMenu{width:3rem; min-width:3rem; height:3rem; background-color:transparent; border:none; font-size:0; line-height:0; z-index:4; cursor: pointer; overflow:hidden; display:block; position: relative;}
.mMenu_dice .mMenu>span:before,
.mMenu_dice .mMenu>span:after,
.mMenu_dice .mMenu:before,
.mMenu_dice .mMenu:after{content: ""; width: 1rem; height: 1rem; background-color:#fff; display: inline-block; position:absolute; border-radius:99px;}
.mMenu_dice .mMenu>span:before{right:0; top:0;}
.mMenu_dice .mMenu>span:after{left:0; bottom:0;}
.mMenu_dice .mMenu:before{left:0; top:0;}
.mMenu_dice .mMenu:after{right:0; bottom:0;}

.mMenu_dice .mMenu.open{transform:rotate(90deg);}
.mMenu_dice .mMenu.open>span:before,
.mMenu_dice .mMenu.open>span:after{opacity:0;}
.mMenu_dice .mMenu.open:before,
.mMenu_dice .mMenu.open:after{width:100%; height:2px; background-color:#fff;}
.mMenu_dice .mMenu.open:before{left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg);}
.mMenu_dice .mMenu.open:after{right:auto; bottom:auto; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg);}


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

#gnbCate{position:fixed;right:0;top:0;z-index:100;width:100%;height:100%;min-height:max-content;overflow-y:auto;background-color: rgba(0, 0, 0, 0.5)}
#gnbCate .gnbCateWrap{width:40rem;height:100vh;padding:5.5rem 0 0;background-color: #fff;margin-left:auto;}
#gnbCate .gnbCateWrap .innr{padding:0 0 9rem;height:100%;overflow-y:auto;}
#gnbCate .gnbClose{display:inline-block;width:2rem;height:2rem;border:none;background-color:transparent;position:absolute;right:2rem;top:2rem;}
#gnbCate .gnbClose::before,
#gnbCate .gnbClose::after{content:'';display:inline-block;width:100%;height:0.2rem;background-color:#1b1b1b;position:absolute;left:0%;top:50%;margin:-0.1rem 0 0 -0.1rem}
#gnbCate .gnbClose::before{transform:rotate(45deg);}
#gnbCate .gnbClose::after{transform:rotate(-45deg);}

#gnbCate .gnbCateSide{padding:0 2rem;}
#gnbCate .gnbCateSide .nav_tit{padding-top:3.5rem;font-size:2.3rem;line-height:5rem;color:#111;font-weight:700;}
#gnbCate .gnbCateSide .mNav_list{padding:3.5rem 0;border-bottom: 1px solid #e8e8ea;}
#gnbCate .gnbCateSide .nav_tit + .mNav_list{padding-top:0;}
#gnbCate .mNav_list > li{}
#gnbCate .mNav_list > li > a{line-height:4rem;}
#gnbCate .mNav_list a{font-size:1.8rem;color:#646773;font-weight:400;}

#gnbCate .gnbCateSide.area_top .login_btn{color:var(--point)}

#gnbCate .gnbCateSide.area_bttm .side_cstmr{padding:3rem 0;color:#111;}
#gnbCate .gnbCateSide.area_bttm .t_num{padding-left:9rem;background:url("/theme/soda/img/side_tel_icon.png") no-repeat center left;background-size:6.2rem;}
#gnbCate .gnbCateSide.area_bttm .tel{font-size:2.3rem;line-height:4rem;font-family:var(--mtsr);font-weight:700;}
#gnbCate .gnbCateSide.area_bttm .cstmr_time{margin-top:2rem;padding:3rem;background-color:#f6f6f6;border-radius:1rem;display:flex;gap:2rem}
#gnbCate .gnbCateSide.area_bttm .cstmr_time dt{font-weight:600;color:#333}
#gnbCate .gnbCateSide.area_bttm .cstmr_time dd{color:#666}


#gnbCate #list{}
#gnbCate #list li{}
#gnbCate #list a{display:inline-block;width:100%;}
#gnbCate #list>li>a{position:relative;}
#gnbCate #list>li>a i{width:2.4rem; height:1.4rem; margin-top:-0.7rem; position: absolute; right:0; 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:1.5rem; height:0.2rem; margin:0 0 0 0; background-color: #aaa; display: block; position:absolute; top:50%;}
#gnbCate #list>li>a i::before{right:-0.1rem; transform:rotate(-45deg);}
#gnbCate #list>li>a i::after{right:0.9rem; transform:rotate(45deg);}
#gnbCate #list>li:is(.active)>a{color:#111;font-weight:600;}
#gnbCate #list>li.active>a i{transform:rotate(180deg);}
#gnbCate #list>li:is(.active)>a i::before,
#gnbCate #list>li:is(.active)>a i::after{background-color:#111;}

#gnbCate #list .gnbSub{display:none;margin-top:1.2rem;padding:1.7rem 2.2rem;background-color:#f7f8fb;border-radius:1rem;}
#gnbCate #list .gnbSub>li{}
#gnbCate #list .gnbSub>li>a{line-height:4rem;}
#gnbCate #list .gnbSub>li>a::before{content:"-";display:inline-block;margin-right:1.2rem;}

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

/* pc 전체메뉴 */
.gnbMenuAll{display:none;width:100%;position:absolute;top:100%;left:0;z-index:15;padding:0 2rem;}
.gnbMenuAll .innr{background-color:#fff;}
.gnbMenuAll .gnbAll_tit{display:none;padding:0 2rem;font-size:3.5rem;line-height:9.2rem;font-weight:700;color:#fff;}
.gnbMenuAll .gnbAll_tit::before{content:"";display:inline-block;margin-right:3.2rem;width:5rem;height:9.2rem;vertical-align:middle;background:url("/theme/soda/img/gnbAll_tit_icon.png") no-repeat right center;background-size:3.9rem;}
.gnbMenuAll #list{display:flex;border:1px solid #333}
.gnbMenuAll #list a{display:block;font-size:1.6rem;}
.gnbMenuAll #list > li{width:25%;padding-bottom:2.8rem;}
.gnbMenuAll #list > li > a{position:relative;}
.gnbMenuAll #list > li > a::before{content:"";display:inline-block;margin-top:-0.85rem;width:1px;height:1.7rem;background-color:rgba(255,255,255,0.2);position:absolute;left:0;top:50%;}
.gnbMenuAll #list > li:first-child > a::before{display:none;}
.gnbMenuAll #list > li > a{padding:1.1rem;color:#fff;text-align:center;font-weight:500;background-color:#333;}

.gnbMenuAll #list .gnbSub a{line-height:2.2rem;}

.gnbMenuAll #list .gnbSub.d2{height:calc(100% - 6.6rem);padding:0 3rem;margin-top:1.6rem;}
.gnbMenuAll #list .gnbSub.d2 > li > a{color:#111;font-weight:600;}
.gnbMenuAll #list .gnbSub.d2 > li + li{margin-top:1.3rem;}
.gnbMenuAll #list > li + li .gnbSub.d2{position:relative;}
.gnbMenuAll #list > li + li .gnbSub.d2::before{content:"";display:inline-block;width:1px;height:calc(100% - 0.7rem);background-color:#e6e6e6;position:absolute;left:0;top:50%;transform:translateY(-50%);}

.gnbMenuAll #list .gnbSub.d3{margin-top:0.3rem;padding:0 1rem;}
.gnbMenuAll #list .gnbSub.d3 > li > a{color:#666;}
.gnbMenuAll #list .gnbSub.d3 > li > a:hover{text-decoration:underline;text-underline-offset:0.2rem;}




#snb{width:100%; /* margin-top:-6rem; */ font-size:0; line-height:0; border-bottom: 1px solid #e6e6e6; position: relative; z-index:4; background-color: #f5f5f5;}
/* #snb:before{content: "";width: 50%;height: 100%;background-color: #f5f5f5;border-bottom:1px solid #e6e6e6;display: inline-block;position:absolute;right: 0;top:0px;} */
#snb #nav{width:100%; position: relative; z-index:2; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: flex-start;}
#snb #nav>li{flex:0 1 20rem; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; position:relative;}
#snb #nav>li>a{width:100%; height:5.4rem; padding:0 5rem 0 2rem; font-size:1.5rem; line-height:1.2; color:#999; display:table; position: relative;}
#snb #nav>li>a>span{display:table-cell; vertical-align: middle; word-break:break-all !important;}

#snb #nav>li>a i{width:1.5rem; height:1rem; margin-top:-0.5rem; position: absolute; right:2rem; top:50%; display:inline-block;}
#snb #nav>li>a i:after,
#snb #nav>li>a i:before{content: ""; width:1rem; height: 0.2rem; margin:0 0 0 0; background-color: #b2b2b2; display: block; position:absolute; top:50%;}
#snb #nav>li>a i:after{right:0.6rem; transform:rotate(45deg);}
#snb #nav>li>a i:before{right:0px; transform:rotate(-45deg);}

#snb #nav>li.home{flex-basis: 5.5rem; max-width:5.5rem; border-left:1px solid #e6e6e6;}
#snb #nav>li.home>a{width:100%; margin:-1px 0 -1px -1px; padding:0; font-size:1.5rem; line-height:5.4rem;color:#111;font-weight:600;text-align:center;}

/* #snb #nav>li:last-child{flex-basis: 20%;} */
#snb #nav>li:last-child>a{font-weight: 500; color: #333;}
#snb #nav>li:last-child>a:before{content: ""; width: 100%; height: 2px; background-color:#222; position:absolute; left: 0; bottom:-1px; z-index:3;}
#snb #nav>li:last-child>a i:before,
#snb #nav>li:last-child>a i::after{background-color:#111;}

#snb #nav .lnbSub{background-color: #fff; border:1px solid #e6e6e6; position:absolute; left:-1px; right:-1px; top:100%; z-index:3; display:none;}
#snb #nav .lnbSub>a{width:100%; height:5.8rem; padding:0px 2rem; font-size:1.7rem; line-height:1.3; color:#666; display:table;}
#snb #nav .lnbSub>a>span{padding:0.5rem 0; display:table-cell; vertical-align: middle; word-break:break-all !important;}
#snb #nav .lnbSub>a+a{border-top:1px solid #e6e6e6;}
#snb #nav .lnbSub>a:hover,
#snb #nav .lnbSub>a.active{background-color: #f0f0f0; color: var(--point);}
#snb #nav .lnbSub>a.active{font-weight: 500;}

#snb #nav>li.active>a i{transform:rotate(180deg);}
#snb #nav>li[data-class="hide"]{display:none !important;}

#snb.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;}
#snb.sub_nav #nav>li{display:flex;align-items:center;}
#snb.sub_nav #nav>li+li::before{content:'';display:inline-block;width:0.6rem;height:0.8rem;background:url("/img/subNavArrow.png") no-repeat center;background-size:contain;vertical-align:middle;}
#snb.sub_nav #nav>li>a{width:100%; padding:0 0.7rem; font-weight: 400; font-size:1.5rem; line-height:1.2; color: #898989; display: flex; align-items: center; position: relative;}
#snb.sub_nav #nav>li>a>span{word-break:break-all !important;}
#snb.sub_nav #nav>li:last-child>a{color:#666}
#snb.sub_nav #nav>li.home a span {display:inline-block;margin-left:0.9rem;}

.hd_event_move{font-size:1.5rem;color:#fff;display:flex;align-items:center;white-space:nowrap;}
.hd_event_move::before{content:"";display:inline-block;margin-right:1rem;width:2.4rem;height:2.2rem;background:url("/theme/soda/img/hd_event_icon.png") no-repeat center;background-size:contain;}
.hd_event_move .hd_event_wr{width:25.6rem;overflow:hidden;}
.hd_event_move .hd_event_wr p{padding-right:1rem;}
.hd_event_move .hd_event_wr p a{color:#fff;}
.hd_event_move .hd_event_cont{display:flex;}

/*[e] HEADER*/

/* q_right */
.q_right{width:10rem;border-top:0.2rem solid #111;background-color:#fff;position:absolute;left:calc(50% + 67rem);top:0;z-index:10;}
.q_right .today_box{padding:0 1.5rem}
.q_right .today_top{padding:0.8rem 0;font-size:1.5rem;line-height:1.6rem;color:#111;text-align:center;font-weight:600;}
.q_right .today_top > p{color:var(--point);font-weight:600;}
.q_right .today_sw{overflow:hidden;}
.q_right .today_sw .sw_slide_box{display:flex;flex-direction:column;gap:0.9rem;}
.q_right .today_sw .slide_btn_wr{margin-top:1rem;display:flex;gap:0.5rem;justify-content:center;}
.q_right .today_sw .slide_btn_wr .slide_btn{margin:0;width:2.6rem;height:1.5rem;position:static;background-color:var(--point);border:1px solid var(--point);border-radius:0.5rem;}
.q_right .today_sw .slide_btn_wr .slide_btn::after{color:#fff;font-size:0.7rem;font-weight:bold;}
.q_right .today_sw .swiper-button-next.swiper-button-disabled,
.q_right .today_sw .swiper-button-prev.swiper-button-disabled{border-color:#ddd;background-color:#fff;opacity:1;}
.q_right .today_sw .swiper-button-next.swiper-button-disabled::after,
.q_right .today_sw .swiper-button-prev.swiper-button-disabled::after{color:#666;}

.q_right .q_menu{padding:1.5rem 1.5rem 2rem;text-align:center;}
.q_right .q_menu li+li{margin-top:1rem;}
.q_right .q_menu li a{display:flex;justify-content:center;flex-direction:column;width:7rem;height:7rem;font-size:1.4rem;line-height:1.8rem;color:#111;font-weight:500;border-radius:1rem;}
.q_right .q_menu li:nth-child(1) a{background-color:#f8f4f4;}
.q_right .q_menu li:nth-child(2) a{background-color:#fff3db;}
.q_right .q_menu li:nth-child(3) a{background-color:#e1ecf8;}
.q_right .q_menu li span{display:block;}
.q_right .q_menu .icon_box{margin-bottom:0.2rem;}
.q_right .q_menu .cart_total em{font-weight:700;}

.q_right .scroll_btn a{display:block;font-size:1.3rem;line-height:2.9rem;text-align:center;font-weight:600;color:#111;border-top:1px solid #666;border-bottom:1px solid #666;}

/* SUB */
.sVisual{height:24rem;display:flex;align-items:center;justify-content:center;background-image:url("/theme/soda/img/sVisual_bg01.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;}
.sVisual h2{width:100%;text-align:center;font-size:3.5rem;line-height:4.5rem;font-weight:700;color:#fff;}

.bar_tit{padding-left:1.7rem;margin-bottom:1.3rem;font-size:2.5rem;line-height:3.5rem;font-weight:700;color:#111;position:relative;}
.bar_tit::before{content:"";display:block;width:0.9rem;height:2.7rem;background-color:#111;border-radius:0.3rem;position:absolute;left:0;top:0.4rem}
#best_item .bar_tit::before{background-color:var(--point);}

/* 고객센터 */
.customer_nav{margin-bottom:5rem}

@media only screen and (max-width : 1540px) {
    .q_right{display:none;}
}

@media only screen and (max-width : 1340px){
	.wVar{display:none !important;}
}

@media only screen and (max-width : 1200px) {
    .cateNav{padding:0 0 0 6rem;position:relative;}
    .cateNav>.inConts{padding:0;position:static;overflow-x:auto;}
}

@media only screen and (max-width : 1024px) {
    .pVar,
	th.pVar,
	td.pVar{display:none !important;}

	.xVar,
	.mVar,
	.xmVar,
	.br_p{display:none;}

	.tVar{display:block;}
	.br_t{display:block;}
	.ptVar{display:block;}
	.tmVar{display:block;}

	img.tVar,
	img.ptVar,
	img.tmVar{display:inline-block;}

    /*[s] HEADER*/
    #hd{border-bottom: 0.1rem solid #e6eaed;}
    #hd_wr{}
    .hd_middle{flex:1;}
    .cateNav{padding:0 0 0 6rem;position:relative;}
    /* .cateNav>.inConts{padding:0;position:static;overflow-x:auto;} */
    .mMenu_btn{position:absolute;left:0;top:0;}

    #gnbMenu #list>li>a>span{white-space:nowrap;}

    #btn_all_cate.mAllMenu{display:inline-block;margin-left:3rem;}
    .gnbMenuAll .innr{padding:0;}

    .mMenu_dice .mMenu:before{background-color:#00282b;}
    .mMenu_dice .mMenu>span:before,
    .mMenu_dice .mMenu>span:after,
    .mMenu_dice .mMenu:after{background-color:var(--point);}
    
    .mMenu_dice .mMenu.open:before,
    .mMenu_dice .mMenu.open:after{background-color:#00282b;}

    .hd_event_move{padding-right:2rem;}
    
    /*[e] HEADER*/
    /* .hd_middle{padding:0 2rem}
    .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:2rem;}
    .memb_qa_list .mb_qaYes{margin-left: 2rem;}
    
}
@media only screen and (max-width : 840px) {
    .br_p,
	.pVar,
	.tVar,
	.xVar,
	.ptVar{display:none !important;}
	.mVar,
	.xmVar,
	.tmVar,
	.br_t{display:block !important;}
	img.mVar,
	img.xmVar,
	img.tmVar{display:inline-block !important;}

    body{font-size:2.2rem;line-height:3.2rem;;}

    :root,
	html{font-size:6.5px;}
    
    #logo{position:relative;z-index:110;}
    #logo img{height:5.4rem;}
    #gnbCate{width:100%;box-shadow:none;}
    #gnbCate.open .gnbCateWrap{width:100%;}

    .myTab li{width:calc(50% - 0.5rem);}
    .myTab li a{width:100%;}

    /*[s] HEADER*/
    #gnbCate{background-color:transparent;}
    #gnbCate .gnbCateWrap{padding-top:8rem;}
    #gnbCate .gnbClose{width:4rem;height:4rem;}
    #gnbCate .gnbCateSide .nav_tit{font-size:3rem;line-height:6rem;}

    #gnbCate .gnbCateSide.area_bttm .t_num{padding-left:11rem;background-size:8.2rem;}
    #gnbCate .gnbCateSide.area_bttm .tel{font-size:3.5rem;line-height:4.8rem;}
    #gnbCate .gnbCateSide.area_bttm .fax{font-size:3rem;line-height:4.2rem;}
    #gnbCate .gnbCateSide.area_bttm .cstmr_time{font-size:3rem;line-height:4.2rem;}

    #gnbCate .mNav_list a{font-size:3rem;}
    #gnbCate .mNav_list > li > a{line-height:6rem;}
    
    #gnbCate #list .gnbSub>li>a{line-height:5rem;}

    #gnbCate .gcs_qMenu li a{font-size:2.2rem;}

    #snb.sub_nav #nav>li>a{font-size:1.6rem;}

    .cateNav{padding-left:9rem;}

    #gnbMenu,
    #gnbMenu #list,
    #gnbMenu #list>li,
    #gnbMenu #list>li>a{height:9rem;}

    #gnbMenu #list>li>a{font-size:2.4rem;line-height:2.8rem;}

    .mMenu_btn{width:9rem;height:9rem;}
    .mMenu_btn .mMenu{width:2.6rem;height:2rem;}

    .mMenu_dice .mMenu{width:4.1rem;height:4.1rem;}
    .mMenu_dice .mMenu>span:before,
    .mMenu_dice .mMenu>span:after,
    .mMenu_dice .mMenu:before,
    .mMenu_dice .mMenu:after{width:1.4rem;height:1.4rem;}

    #hd_btn .hd_quick{display:none;}

    .gnbMenuAll{padding:3.5rem 0;background-color:#333;}
    .gnbMenuAll .innr{background-color:#333;}
    .gnbMenuAll .gnbAll_tit{display:block;}
    .gnbMenuAll #list{display:block;padding:0 2rem}
    .gnbMenuAll #list > li{width:100%;padding:0;border-bottom:1px solid #515151;}
    .gnbMenuAll #list > li:last-child{border-bottom:none;}
    .gnbMenuAll #list > li > a{padding:0;height:13rem;display:flex;align-items:center;font-size:3rem;;text-align:left;}
    .gnbMenuAll #list > li > a::before{content:"";display:inline-block;margin:0 2.2rem 0 0;width:6.1rem;height:12.9rem;background-repeat:no-repeat;background-position:center left;background-size:contain;background-color:transparent;position:static;}
    .gnbMenuAll #list > li:nth-child(1) > a::before{display:inline-block;background-image:url("/theme/soda/img/prdt_nav_icon01.png");}
    .gnbMenuAll #list > li:nth-child(2) > a::before{background-image:url("/theme/soda/img/prdt_nav_icon02.png");}
    .gnbMenuAll #list > li:nth-child(3) > a::before{background-image:url("/theme/soda/img/prdt_nav_icon03.png");}
    .gnbMenuAll #list > li:nth-child(4) > a::before{background-image:url("/theme/soda/img/prdt_nav_icon04.png");}
    .gnbMenuAll #list > li:nth-child(5) > a::before{background-image:url("/theme/soda/img/prdt_nav_icon05.png");}
    .gnbMenuAll #list .gnbSub{display:none;}

    .hd_event_move{font-size:2.1rem;line-height:3.8rem;}

    #snb{display:none;}
    /*[e] HEADER*/

    /* SUB */
    .bar_tit{padding-left:2.3rem;margin-bottom:2.6rem;font-size:4rem;line-height:5rem;}
    .bar_tit::before{width:1.1rem;height:3.9rem;}


}
@media only screen and (max-width : 480px) {
    .br_p,
	.pVar,
	.tVar,
	.tmVar,
	.mVar,
	.ptVar{display:none !important;}

	.xmVar,
	.xVar{display:block !important;}
	img.xVar{display:inline-block !important;}
}