@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: 'ONE-Mobile-Regular', 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: #024ea1;
    --point2: #40d2de;
    --point_red: #eb1c24;
    --btn_c: #333;
    --bor_c: #ddd;
    --event__color--point: #035ab6;
    --event__color--end: #b3b3b3;


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


}

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

.pVar,/*1281 이상*/
.ptVar,/*1024 이상*/
.tVar{display:block;}/*841 이상*/
.mVar,/*640 이상*/
.mmVar,/* 480 이상*/
.mmmVar{display:none;}/* 240이상*/

img.pVar,
img.ptVar,
img.tVar{display:inline;}

.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; margin:0 auto;}
#container.container .inConts{padding: 0}
#container.idx-container{padding-bottom:14rem;}
html *{letter-spacing:-0.04em; word-break:keep-all; word-wrap:break-word; box-sizing: border-box;}
html.hide{height:100vh;overflow: hidden;}

/*[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{height:7rem;border-top:0.1rem solid #ddd;border-bottom:0.1rem solid #ddd;}
.cateNav>.inConts{display:flex;}

/* #gnbMenu, */
#gnbMenu #list,
#gnbMenu #list>li,
#gnbMenu #list>li>a{height:6.9rem;}

#gnbMenu{position: relative;display:flex;justify-content:center;width:calc(100% - 3rem);}
#gnbMenu #list{width:100%; display: flex; justify-content: center;}
#gnbMenu #list>li{display:inline-block;padding:0 4.8rem; vertical-align: top; position: relative;}
#gnbMenu #list>li>a{width:100%; font-weight:500; font-size:1.8rem; line-height:1; color: #1b1b1b; font-weight:600; 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;transition:all 0.3s ease-out;}
#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) > a{color:var(--point)}
#gnbMenu #list .gnbSub>li:is(:hover, .oPage, .active)>a{ color:var(--point);font-weight:700;}
/* #gnbMenu #list .gnbSub>li:hover>a{color:var(--point)} */

#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{margin-top:-0.1rem;width:7rem; height:7rem; display:flex;justify-content:center;align-items:center;transition:all 0.3s ease-out;cursor:pointer;background-color:var(--point);}
.mMenu_btn .mMenu{width:2.5rem; height:2rem; 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: 100%; height: 0.2rem; background-color:rgba(255,255,255,1); display: inline-block; position:absolute;top:50%; right:50%;margin-right:-1.25rem;}

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

/* 주사위형 */
.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{margin-left:auto;width:40rem;height:100%;background-color: #fff;overflow-y:auto;}
/* #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:2rem;height:2rem;border:none;background-color:transparent;position:absolute;right:1rem;top:1rem;}
#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 -1rem}
#gnbCate .gnbClose::before{transform:rotate(45deg);}
#gnbCate .gnbClose::after{transform:rotate(-45deg);}

#gnbCate .gnbCateSide_top{padding:0 3rem}
#gnbCate .gnbCateSide_top .gcs_btn{display:flex;}
#gnbCate .gnbCateSide_top .gcs_btn>li{width:50%;text-align:center;border:0.1rem solid #d3d3d3}
#gnbCate .gnbCateSide_top .gcs_btn>li+li{border-left:none;}
#gnbCate .gnbCateSide_top .gcs_btn>li>a{font-size:1.6rem;line-height:4.8rem;color:#111}
#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:0.5rem;}

#gnbCate #list{}
#gnbCate #list li{}
#gnbCate #list a{display:inline-block;width:100%;padding:0 3rem;font-size:1.6rem;text-align:center;line-height:4rem;color: #333;}
#gnbCate #list>li>a{font-size:1.8rem;position:relative;background-color:#eee;border-bottom: 0.1rem solid #ccc;line-height:7rem;}
#gnbCate #list>li>a i{width:2.6rem; height:1.4rem; display:inline-block; margin-left:2rem; position:relative; vertical-align:middle;}
#gnbCate #list>li.one>a i{display:none;}
#gnbCate #list>li>a i::before,
#gnbCate #list>li>a i::after{content: ""; width:1.2rem; height:0.2rem; margin:-0.1rem 0 0 0; background-color: #111; display: block; position:absolute; top:50%;}
#gnbCate #list>li>a i::before{right:0; transform:rotate(-45deg);}
#gnbCate #list>li>a i::after{right:0.8rem; 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;padding:2rem 0;background-color:#f5f5f5;}
#gnbCate #list .gnbSub>li{}
#gnbCate #list .gnbSub>li>a{}
#gnbCate #list .gnbSub>li>a:hover{color:var(--point_red);}

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

#gnbCate .gnbCateSide_bttm{}
#gnbCate .gcs_qMenu{display:flex;justify-content:center;flex-wrap:wrap;margin-top:2rem;}
#gnbCate .gcs_qMenu li{position:relative;}
#gnbCate .gcs_qMenu li+li::before{content:'';display:inline-block;width:0.1rem;height:1.2rem;background-color:#d3d3d3;}
#gnbCate .gcs_qMenu li a{padding:0.8rem 1.5rem;display:inline-block;font-size:1.6rem;color:#111;}

#gnbCate .gnbCateSide_login{width:100%;display:flex;padding:2rem 3rem 0}
#gnbCate .gnbCateSide_login li{flex:1;text-align:center;border:0.1rem solid #d3d3d3}
#gnbCate .gnbCateSide_login li+li{border-left:none;}
#gnbCate .gnbCateSide_login li a{line-height:4.8rem;display:inline-block;width:100%;}
#gnbCate .gnbCateSide_login li:not(.hd_admin) a{color:#111}
#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:2rem;padding-bottom:5.5rem;}
.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:0.6rem;height:0.8rem;background:url("/img/subNavArrow.png") no-repeat center;background-size:contain;vertical-align:middle;}
.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;}
.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:0.9rem;}

/*[e] HEADER*/


@media only screen and (max-width : 1340px) {}
@media only screen and (max-width : 1280px) {
    .pVar{display:none;}
}
@media only screen and (max-width : 1024px) {
    .ptVar{display:none;}

    /*[s] HEADER*/
    /* #hd{border-bottom: 0.1rem solid #e6eaed;} */
    #hd_wr{display:flex;justify-content:space-between;align-items:center;border-bottom:0.1rem solid #bbb;}
    .hd_middle{flex:1;}
    .cateNav{border:none;background-color:transparent;}
    .cateNav>.inConts{justify-content: flex-end;}
    .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;}
    
    #gnbMenu{display:none;}
    /*[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) {
    body{font-size:2.2rem;line-height:3.2rem;;}

    :root,
	html{font-size:6.5px;}

    .pVar,/*1281 이상*/
    .ptVar,/*1024 이상*/
    .tVar{display:none;}/*841 이상*/
    .mVar,/*640 이상*/
    .mmVar,/* 480 이상*/
    .mmmVar{display:block;}/* 240이상*/
    img.tVar{display:none;}
    img.mVar{display:inline;}
    
    #logo img{height:5.5rem;}
    #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 .gnbCateWrap{}
    #gnbCate.open .gnbCateWrap{}
    #gnbCate .gnbClose{width:4rem;height:4rem;}
    #gnbCate #list a{font-size:2rem;}
    #gnbCate #list>li>a{font-size:2.4rem;line-height:8rem;}
    #gnbCate .gnbCateSide_top .gcs_btn>li>a{font-size:2.2rem;line-height:6.2rem;}
    #gnbCate .gcs_qMenu li a{font-size:2.2rem;}
    #gnbCate .gnbCateSide_login li a{font-size:2.2rem;line-height:7rem;}

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

    .cateNav{height:auto}
    .mMenu_btn{width:9.3rem;height:9.3rem;margin:0 0 -0.1rem;}

    .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;}
    /*[e] HEADER*/
}
@media only screen and (max-width : 480px) {
    .mVar{display:none;}
}