@charset "utf-8";
/* font, body lock */
html{font-size:62.5%; -webkit-font-smoothing: antialiased;}
html.lock{position:fixed; top:0; left:0; width:100%; overflow:hidden;}
body{overflow-x:hidden; font-family:"Pretendard",sans-serif; word-break: keep-all; word-wrap: break-word; letter-spacing: -0.05em; line-height:1.1em; font-size:1.6rem; color:#333;}
.score{font-family: 's-core', sans-serif; letter-spacing: -0.11em;}
.mont{font-family: 'Montserrat', "Pretendard",sans-serif; line-height: 1.2em;}
#app{overflow-x:hidden}	
@media screen and (max-width:1023px){html{font-size:56.25%}}
@media screen and (max-width:500px){html{font-size:56%}}

/* helper */
.cl:after{content:""; display:block; clear:both;}
.ellipsis2{ overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.a11y, .hidden{position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; white-space: nowrap;}

/* common css - browser alert, layer popu p */
.browser_alert{position:fixed;bottom:40px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#000;color:#fff;width:800px;height:100px;border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.5em;z-index:99999999;text-align:center;display:none;font-size:1.6rem}
.ie11 .browser_alert,.ie10 .browser_alert,.ie9 .browser_alert,.ieOld .browser_alert,.oldEdge .browser_alert{display:-webkit-box;display:-ms-flexbox;display:flex}
.browser_alert .close{display:block;width:40px;height:40px;position:absolute;top:10px;right:10px;text-indent:-9999px}
.browser_alert .close:after{content:"";display:block;width:16px;height:2px;background:#fff;position:absolute;top:18px;left:12px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.browser_alert .close:before{content:"";display:block;width:16px;height:2px;background:#fff;position:absolute;top:18px;left:12px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
@media screen and (max-width:1080px){
	.browser_alert{display:none!important}
}

/* common layer popup - white */
.cm-popup{position: fixed; top:0; right:0; bottom:0; left:0; z-index: 999999; text-align:center; display:none; color:#333; background:rgba(0,0,0,0.5); width:100vw; height: 100%; overflow-y:scroll; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);}
.cm-popup .popup_wrapper{max-width:400px; width:calc(100% - 4rem); margin:15vh auto 80px; background:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow:hidden; padding:3.4em 2.4em 2.4em; position: relative;}
.cm-popup .close{width:40px; height:40px; background:url('../img/sub/close_black.png') no-repeat center center / 40px 40px; text-indent: -9999px; position: absolute; right:16px; top:16px;}
.cm-popup .popup_header{padding-top:2rem; margin-bottom:3rem; padding-bottom:2rem; border-bottom:1px solid #eee; }
.cm-popup .popup_header .title{font-weight:800; font-size:2.4rem; margin-bottom:0.4em;}
.cm-popup .popup_header .exp{color:#888; font-size:1.5rem;}
.cm-popup .cm-btn-wrapper{margin-top: 1rem;}
.cm-popup .cm-btn-wrapper .row{display:flex; justify-content: space-between;}
.cm-popup .cm-btn-wrapper .row .cm-btn{width:calc(50% - 1.5px); margin-top:4px;}
.cm-popup .cm-btn-wrapper .row .cm-btn + .cm-btn{margin-top:4px;}
.login_popup .cm-btn-wrapper{margin-top:3rem;}
.login_popup .sns-area{text-align: center; margin-top:4rem;}
.login_popup .sns-area .title {position: relative; margin-bottom: 2em;}
.login_popup .sns-area .title span{display:inline-block; padding:0 2em; background:#fff;  font-size:1.6rem; letter-spacing: -0.05em; color:#333; position: relative; z-index: 2;}
.login_popup .sns-area .title:after{content:""; display:block; width:100%; height:1px; background:#eee; position: absolute; top:50%; left:0; z-index: 1;}

/* common input */
.cm-input + .cm-input{margin-top:3rem}
.cm-input-top{display:flex; justify-content: space-between; margin-bottom:1.5rem;}
.cm-input .label{font-weight:500; font-size:1.5rem; color:#222}
.cm-input .guide{font-size:1.5rem; color:#888}
.cm-input-box{font-size:1.4rem; border:1px solid #eee; border-radius: 2px; height:5rem; line-height: 5rem; overflow: hidden;}
.cm-input-box input{width:100%; height:100%; padding:0 1.2em;  color:#333}

/* common button */
.cm-btn{width:100%; height:5rem; display:flex; align-items: center; justify-content: center; font-size:1.5rem; color:#fff; font-weight:500; background:#305bca; border-radius: 2px;}
.cm-btn.blue{ color:#fff; background:#305bca;}
.cm-btn.l-blue{ color:#333; background:#eee}
.cm-btn-wrapper .cm-btn + .cm-btn{margin-top:5px;}

/* common table */
.cm-table{border:1px solid #eee; border-collapse: collapse; width:100%; table-layout: fixed;}
.cm-table th{background:#f8f9fa}
.cm-table th, .cm-table td , .cm-table tr{border:1px solid #eee; padding:0.8em 1em;}
.cm-table .right,  .cm-table .right *{text-align: right;}
.cm-table .center,  .cm-table .center *{text-align: center;}

/*소셜로그인 공통*/
.social_option .option_list .option_list_item .signup{width:100%; height:40px; margin-bottom: 5px; border:none; color:#fff;}
.social_option .option_list .option_list_item .signup.naver{background:#18c716}
.social_option .option_list .option_list_item .signup.kakao{background:#ffe22c;  color:#222;}
.social_option .option_list .option_list_item .signup.google{background:#fff; color:#222;}
.social_option .option_list .option_list_item .signup.facebook{background:#007ED9}
.social_option .option_list .option_list_item .signup.email{background:#000000}

/*공통 버튼 스타일*/
.common_btn{color:#fff; border:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size:16px;}
.common_btn.round{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.common_btn.big{width:114px; height:44px;}
.common_btn.small{width:114px; height:44px;}
.common_btn.yellow{background:#f8b122}
.common_btn.grey{background:#263643}
.common_btn.blue_g{background: #2e98cc;}

/*레이어팝업공지*/
.winpop{position: fixed; top:130px; left:80px; z-index:9999; max-width:400px;box-shadow: 0 0 20px rgb(0,0,0,0.2);}
.winpop .control{background:#333; display:flex; align-items:center; justify-content:space-between; height:40px;}
.winpop .control .check{display:flex; align-items:center; line-height:20px; padding:10px; color:#fff;}
.winpop .control .close{display:block; height:100%; padding:0 1em; background:#305bca; line-height: 40px; color:#fff;}
.winpop img{max-width:100%; height:auto }
.winpop input[type=checkbox]:checked+label{color:#fff;}
.winpop label:hover{color:#fff;}
@media screen and (max-width:680px){
	.winpop{left:50%; top:50px; transform:translateX(-50%); width:calc(100% - 40px);}
}

/* browser support*/
.ie-alert-page{height:100vh; display:flex; align-items: center; justify-content: center;  flex-direction: column; }
.ie-alert-page .logo{text-align: center; margin-bottom:4.2rem;}
.ie-alert-page .logo img{width:14rem;}
.ie-alert-page .alert-title{font-size:3rem; color:#000; margin-bottom:0.4em; font-weight:700; letter-spacing: -0.05em;}
.ie-alert-page .alert-ment{margin-bottom:2em; font-weight:500; color:#888; line-height: 1.4; font-size:2rem; text-align: center;}
.ie-alert-page .browser-btn-wrapper{display:flex; align-items: center; justify-content: center;}
.ie-alert-page .browser-btn{border:4px solid #eee; padding:1em; width:30rem; margin:0 10px; display:flex; align-items: center; justify-content: center; font-size:2rem; font-weight:700; letter-spacing: -0.05em; color:#111; transition:border 0.2s}
.ie-alert-page .browser-btn:hover{border-color:#000;}
.ie-alert-page .browser-btn img{width:3rem; margin-right:16px;}

/* layout - common */
.inner{width:100%; max-width:1480px; padding:0 20px; margin: 0 auto;}
#app{overflow-x:hidden}	
.m-container{min-height:50vh; margin-top:200px;}
html.noBnr .m-container{margin-top:117px;}

/* layout - header */
#header{position: fixed; top:0; left:0; width:100%; border-bottom:1px solid #eee; background:#fff; z-index: 100;}
#header .inner{max-width:1880px; display:flex; align-items: center; padding:0 3.2rem; height:86px;}

/* header : 상단 띠배너 */
#header .top-bnr{background:#000; color:#fff; height:76px; position: relative; font-size:1.8rem; text-align: center; padding:0 100px}
#header .top-bnr .swiper-container{height:100%;}
#header .top-bnr .marquee{display:flex; align-items: center; justify-content: center; height:100%;}
#header .top-bnr .marquee-content{display:flex; font-weight:600; line-height:1.2; width:100%; height:100%; align-items: center; justify-content: center; opacity:0; transition: opacity 0.2s; white-space: nowrap;}
#header .top-bnr .marquee-content .js-marquee-wrapper{display: flex;}
#header .top-bnr .item{display:inline-block;}
#header .top-bnr .item + .item{margin-left:50px;}
#header .top-bnr .tbnr-blk{display:inline-block; line-height:26px; border-radius: 2px; background:#D94539; font-weight: 800; margin-right:10px; padding:0 10px;}
#header .top-bnr .close-btn{position: absolute; right:10px; top:50%; width:50px; height:50px; margin-top:-25px; font-size:24px; display:flex; align-items: center; justify-content: center; background:#000; border-radius: 50%;}

/* layout - header logo*/
#header .logo{flex:none; margin-right:auto;}
#header .logo a{display:block;}

/* layout - header gnb*/
#gnb{height:100%;}
#gnb .mn_u1{display:flex; align-items: center; height:100%; margin-right:20px; position: relative; padding-right:44px; margin-right:28px;}
#gnb .mn_u1:after{content:""; display:block; width:1px; height:14px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-7px;}
#gnb .mn_l1{height:100%; position: relative;}
#gnb .mn_l1 + .mn_l1{margin-left:6rem}
#gnb .mn_l1.more .mn_a1:after{content:""; display:block; width:9px; height:8px; background:url(/share/img/2022/gnb-arrow.svg) no-repeat center; margin-left:10px;}
#gnb .mn_a1{height:100%; color:#000; font-size:18px; font-weight:700; display:flex; align-items: center; justify-content: center;}
#gnb .sub{display:block; position: absolute; top:80%; left:50%; transform: translateX(-50%); background:#000; border-radius: 4px; min-width:12rem; text-align: center; opacity: 0; visibility: hidden; transition: opacity 0.2s; z-index:1; overflow: hidden;}
#gnb .mn_a2{display:block; padding:1em 1.4em; font-size:1.5rem; white-space: nowrap; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; position: relative; color:#fff;}
#gnb .mn_l2:first-child .mn_a2{border-radius: 4px 4px 0 0;}
#gnb .mn_l2:last-child .mn_a2{border-radius: 0 0 4px 4px;}
#gnb .mn_l2 + .mn_l2{border-top:1px solid rgba(255,255,255,0.2)}
#gnb .mn_l1:hover .sub{visibility: visible; opacity: 1;}
#gnb .mn_a2:hover{background:#143280}

/* layout - header utill*/
#utill{display:flex; height:100%;}
#utill .utill-item{text-align: center; position: relative; height:100%;}
#utill .utill-item + .utill-item{margin-left:8px;}
#utill .utill-item a{position: relative; display:flex;flex-direction: column;justify-content: center;height: 100%;color: #fff;}
#utill .utill-item .name{font-size:9px; font-weight:500; color:#999; font-family: 'Montserrat', sans-serif;}
#utill .utill-item .number{position: absolute; background:#000;border-radius: 9999px; min-width:2rem; height:2rem; font-size:1.4rem; font-weight:800; color:#fff; padding:0 0.4em; text-align:center; line-height:2rem;bottom: -14px; left:50%;transform: translateX(-50%);transition: opacity 0.2s;}
#utill .utill-item .number:before{content:""; display:block; width:10px; height:8px; position: absolute; top:-6px; left:50%; margin-left: -5px;}
#utill .utill-item .shop .number{background:#19447A;}
#utill .utill-item .shop .number:before{background:url(/share/img/2022/icon-number-blue.svg) no-repeat; }
#utill .utill-item .my .number{background:#D94539}
#utill .utill-item .my .number:before{background:url(/share/img/2022/icon-number-red.svg) no-repeat; }
#utill .utill-sub{display:block;position: absolute;top: 94%; left:50%;transform: translateX(-50%);background: #000;border-radius: 4px; min-width:8rem;text-align: center;opacity: 0;visibility: hidden;transition: opacity 0.2s; z-index:1;}
#utill .utill-sub-item{display:block; padding:1em 1.4em; font-size:1.5rem; white-space: nowrap; transition: background 0.2s; position: relative;}
#utill .utill-sub-item:first-child{border-radius: 4px 4px 0 0;}
#utill .utill-sub-item:last-child{border-radius: 0 0 4px 4px;}
#utill .utill-sub-item + .utill-sub-item{border-top: 1px solid rgba(255,255,255,0.2);}
#utill .utill-item.on .utill-sub{visibility: visible; opacity: 1;}

/* layout - header menu btn*/
.m-nav-btn{display:flex; align-items: center; padding-left:24px; background:#000; width:78px; height:64px; border-radius: 9999px 0 0 9999px; position: absolute; right:0; bottom:12px;  z-index: 55; transition:background 0.2s; display:none;}
.m-nav-btn .icon-menu{width:18px; position: relative;}
.m-nav-btn .icon-menu:after{top:0;}
.m-nav-btn .icon-menu:before{bottom:0;}
.m-nav-btn .icon-menu:after, .m-nav-btn .icon-menu:before{content:""; width:100%; height:2px; background:#fff; display:block; position: absolute; left:0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.m-nav-btn .icon-menu .bar{display:block; height:2px; background:#fff; margin:6px 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s;}    
.m-nav-btn.on .icon-menu .bar{opacity: 0;}
.m-nav-btn.on {background:#f8c822; display:flex;}
.m-nav-btn.on .icon-menu:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); top:6px;}
.m-nav-btn.on .icon-menu:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); bottom:6px;}

/* layout - header search panel */
#search{display:none; width:100%; background:#fff; position:absolute; bottom:-121px; left:0; height:120px; border-bottom:1px solid #eee; z-index: -1;    box-shadow: 0 61px 52px rgb(0 0 0 / 2%);}
#search.on{display:block;}
#search .inner{max-width:830px; height:100%; padding:44px 20px; margin:0 auto;}
#search .inner form{width:100%;}
#search .inner .input_box{border-radius: 4px;overflow: hidden;background: #eee;  height:64px; display:-webkit-box; display:-ms-flexbox; display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#search .inner .input_box input{width:100%; padding:1em 2em; height:100%; background:none; border:none; font-size:18px;color: #000;}
#search .inner .input_box input::placeholder{color:#888;}
#search .inner .input_box input:-webkit-autofill,
#search .inner .input_box input:-webkit-autofill:hover,
#search .inner .input_box input:-webkit-autofill:focus, 
#search .inner .input_box input:-webkit-autofill:active{-webkit-transition: background-color 5000s; transition: background-color 5000s; -webkit-text-fill-color: #fff !important; -webkit-box-shadow: 0 0 0 30px #333 inset;}
#search .inner .input_box .btn{font-size:18px; width:100px; height:48px; color:#fff; background:#000; text-align:center; border:none; -webkit-box-flex:0; -ms-flex:none; flex:none; margin-left: auto; margin-right:8px; border-radius: 4px; font-weight:700}
#search .inner .popular{margin-top:1.2em; display:-webkit-box; display:-ms-flexbox; display:flex; font-size:18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#search .inner .popular .title{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right:48px; position: relative;}
#search .inner .popular .title:after{content:""; display:block; width:2px; height:12px; position: absolute; top:50%; right:-26px; background:#dee4e4; margin-top:-6px; opacity: 0.5;}
#search .inner .popular .title .icon{display:block; width:24px; height:24px; background:url('../img/common/mini_search_icon.png') no-repeat center / 24px 24px; text-indent:-9999px; margin-right: 0.5em;}
#search .inner .popular .content{height:100%; display:-webkit-box; display:-ms-flexbox; display:flex;}
#search .inner .popular .content ul{display:-webkit-box;display:-ms-flexbox;display:flex; height:100%; color:#a7a9ab;}
#search .inner .popular .content ul li{margin-right:1em;}
#search .inner .popular .time{-webkit-box-flex:0;-ms-flex:none;flex:none; margin-left:auto; font-family: "Malgun Gothic", "맑은 고딕", sans-serif; font-size:14px; opacity: 0.7;}

/* layout - mobile nav panel */
#mo-nav{display:none; position: fixed; top:0; left:0; right:0; bottom:0; width:100vw; height:100vh; overflow-y:scroll; background:#fff; z-index: 54; color:#000; transition:transform 0.2s; transform: translateX(-100%);}
#mo-nav.on{transform: translateX(0);}
#mo-nav .top{background:#000; padding:0 3rem 6rem;}
.mo-lang-list{display: flex; padding:30px 0;}
.mo-lang-list .lang-item{display: flex; width: 42px; height: 22px; background: #555; margin-right: 2px; color: #fff; align-items: center; justify-content: center; font-size: 13px; font-weight: 700;}
.mo-lang-list .lang-item.active{background: #D94539;}
.slogan{ color: #fff;}
.slogan .title{font-family: 'Versa', sans-serif; font-size: 54px; letter-spacing: -0.075em; margin-bottom: 0.2em; line-height:0.85}
.slogan .title .emp{color:#F5E054; line-height:0.85}
.slogan .sub{font-family: 'Versa', sans-serif; font-size: 14px; letter-spacing: -0.05em;}
.slogan .etc{font-size: 14px;letter-spacing: -0.05em; display:flex;margin-top: 10px;font-weight: 800;}
.slogan .etc .item{display:flex;margin-right: 16px; color:#5a5a5a;}
.slogan .etc .label{margin-right: 8px;}
.slogan .etc .date{letter-spacing: -0.06em;}
.mo-utill-list{display:none; width:100%; justify-content:space-evenly; margin-bottom:3px; font-size:1.5rem; font-weight:500; width:calc(100% - 6rem); margin:-2rem auto 2rem; background:#ddd;}
.mo-utill-list .menu-item{margin-right:1px; display:block; line-height:5rem;text-align: center;background: #eee;color: #000; width:100%;}
.mo-utill-list .menu-item.active{background:#0557ff; color:#fff;}
.mo-utill-list .menu-item:first-child{border-radius: 4px 0 0 4px;}
.mo-utill-list .menu-item:last-child{margin-right:0; border-radius: 0 4px 4px 0;}
.mo-nav-list{padding:0 3rem 14rem; font-size:1.6rem;}
.mo-nav-list .mn_a1{padding:1.5em 0; display:block; font-weight: 500; font-size:1.7rem;}
.mo-nav-list .mn_l1 .sub{ border-bottom:1px solid#eee;}
.mo-nav-list .mn_l1:last-child .sub{border-bottom:none;}
.mo-nav-list .mn_u2{background:#f8f9fa; padding:2em; display:none;}
.mo-nav-list .mn_a2{display:block; padding:0.6em 0;}
.mo-nav-list .mn_l2 + .mn_l2{margin-top:0.3em;}

/* layout - footer */
#footer{background:#eee; position: relative; color:#000; border-top:6px solid #FFA800;}
#footer .f-inner{max-width:1472px; padding:60px 16px; margin:0 auto; display:flex;}
#footer .f-left{width:340px;}
#footer .f-logo{margin-bottom:44px}
#footer .f-right{width:calc(100% - 340px); position: relative;}
#footer .f-info{display:flex; margin-bottom:24px; padding-bottom:16px; border-bottom:1px solid #ddd}
#footer .f-info .info-col.help{max-width:472px; min-width:304px;}
#footer .f-info .info-title{font-family: 'Versa', sans-serif; font-size:20px; margin-bottom:1.2em;}
#footer .f-info .info-list li{display:table-row;}
#footer .f-info .info-list .label{display:table-cell; font-weight:700; padding-bottom:1em; padding-right:2em; line-height:1.1}
#footer .f-info .info-list .txt{display:table-cell; font-weight:600; opacity: 0.5; padding-bottom:1em; line-height:1.1}
#footer .f-copy span{font-size:12px;}
#footer .f-menu{display:flex; margin-top:40px; white-space: nowrap;}
#footer .f-copy{font-size:1.6rem; opacity: 0.5; letter-spacing: 0; padding-top: 12px; line-height:1.1em;}
#footer .f-bottom{display:flex; justify-content: space-between; gap:20px;}
#footer .sns_list{display:flex;}
#footer .sns_list .icon{display:flex;}
#footer .sns_list .icon + .icon{margin-left:5px}
#footer .sns_list .icon a{display:block; width:42px; height:42px; background-repeat: no-repeat; background-position: center; background-size: 100%; border-radius: 8px; overflow: hidden;}
#footer .sns_list .icon.twitter a{background-image:url(/share/img/2022/f-sns-twitter.svg)}
#footer .sns_list .icon.instagram a{background-image:url(/share/img/2022/f-sns-instagram.svg)}
#footer .sns_list .icon.facebook a{background-image:url(/share/img/2022/f-sns-facebook.svg)}
#footer .sns_list .icon.blog a{background-image:url(/share/img/2022/f-sns-naver.svg)}
#footer .sns_list .icon.youtube a{background-image:url(/share/img/2022/f-sns-youtube.svg)}

/* layout - login popup */
.login_popup .cm-btn.blue{background:#000}
.cm-popup .popup_wrapper{margin-top:20vh; padding: 2em 2em 2.4em; width:calc(100% - 2rem); max-width:380px; border-top:6px solid #000; border-radius: 0;}
.cm-popup .cm-btn-etc{margin-top:20px; display:flex;}
.cm-popup .cm-btn-etc .etc-btn{width:50%; text-align: center; position: relative; color:#888; font-weight:500}
.cm-popup .cm-btn-etc .etc-btn:first-child:after{content:""; display:block; width:1px; height:14px; background:#ddd; position: absolute; right:0; top:50%; margin-top:-7px}

/* layout - responsive */
@media screen and (min-width:1024px){
	#utill .utill-item:hover .utill-sub{visibility: visible; opacity: 1;}
	#utill .utill-item:hover .number{opacity: 0;}
	#utill .utill-sub-item:hover{background:#143280}
}
@media screen and (max-width:1200px){
	#gnb{display:none;}	
	#utill{padding-right:68px;}
	#utill .utill-item .number{bottom:28px; left:38px;}
	#utill .utill-item .number:before{display:none;}
	.m-nav-btn{display:flex;}
	#footer .f-inner{display:block; padding-top:40px;}
	#footer .f-logo{display:none;}
	#footer .f-left .content{margin:0;}
	#footer .f-left{width:100%; background:none; margin:0; padding:0 0 20px; text-align: center;}
	#footer .f-left:before{display:none;}
	#footer .f-right{padding-left:0; width:100%;}
	#footer .f-info-zone{max-width:500px; margin:0 auto;}
	#footer .f-info{display:block; }
	#footer .f-info .info-col.help{max-width:100%; margin-bottom: 40px;}
	#footer .f-left .slogan .title{font-size:60px}
	#footer .f-bottom{display:block; text-align: center;}
	#footer .f-menu{margin-top:0;}
	#footer .f-copy{font-size:13px; margin-bottom: 2em;}		
}
@media screen and (max-width:768px){
	.m-container{min-height:100vh; margin-top:192px;}
	html.noBnr .m-container{margin-top:109px;}
	#header .top-bnr{font-size:1.6rem; height:58px; padding: 0 20px;}	
	#header .logo img{width:65px;}
	#utill{padding-right:44px;}
	#utill .utill-item + .utill-item{margin-left:2px;}
	#utill .btn-my, #utill .btn-lang{display:none;}
	#utill .utill-item .shop .number{display:none;}
	.mo-utill-list{display:flex;}
	.m-nav-btn{width:64px; height:54px; bottom:16px;}
	#search .inner .input_box{height:56px;}
	#search .inner .input_box input{padding-left:1em; font-size:16px;}
	#search .inner .input_box .btn{font-size:16px; width:70px; height:40px;}
	#footer .f-left .slogan .title{font-size:44px}
	#footer .f-left .slogan .sub{font-size:15px;}
	#footer .f-left .slogan .etc{display:block;}
	#footer .f-left .slogan .etc .item{justify-content: center;}
	#footer .f-right{padding-top:10px;}
}
@media screen and (max-width:374px){
	#header .inner{padding:0 2rem;}
	#mo-nav .top{padding:0 2rem 6rem;}
	#utill .btn-shop, #utill .btn-search{display:none;}
	#search{display:none !important}
	.slogan .title{font-size:42px;}
	.slogan .sub{font-size:12px;}
	.mo-utill-list{width:calc(100% - 4rem)}
	.mo-nav-list{padding:0 2rem 6rem;}
}

/* input, select, form common style */
input:disabled{background:#eee;}
input{color:#555;}
input::-webkit-input-placeholder{color:#8f9294}
input::-moz-placeholder{color:#8f9294}
input:-ms-input-placeholder{color:#8f9294}
input::-ms-input-placeholder{color:#8f9294}
input::placeholder{color:#8f9294}
input[type=checkbox] {margin: 0 0.8em 0 0; width: 20px; height: 20px; cursor: pointer; background: url('../img/signup/check_off.svg') no-repeat center / 18px 18px;-webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; opacity: 0.5;}
input[type=checkbox]:checked{background: url('../img/signup/check_on.svg') no-repeat center / 18px 18px; opacity: 1;}
input[type=radio] {margin: 0 0.8em 0 0; width: 20px; height: 20px; cursor: pointer; background: url('../img/signup/radio_off.svg') no-repeat center /  20px 20px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px;  opacity: 0.5;}
input[type=radio]:checked{background: url('../img/signup/radio_on.svg') no-repeat center / 20px 20px;  opacity: 1;}
label{cursor: pointer; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s;}
label:hover{cursor: pointer; color:#333;}
input[type=checkbox]:checked+label{color:#333;}
input[type=radio]:checked+label{color:#333;}
select {width:100%; height: 5rem; font-size:1em; padding: 0.4em 1.2em; border:1px solid #eee; background:#fff url('../img/signup/select_off.svg') no-repeat right 20px  center;color:#333;}
select:focus{background:#fff url('../img/signup/select_on.svg') no-repeat right 20px center; border: 1px solid #1079e3; -webkit-box-shadow: 0 0 2px #1079e3; box-shadow: 0 0 2px #1079e3;}
.select-box + .input-box{margin-top: 0.4em;}
.multi-box .select-box + .input-box{margin-top: 0;}
.off{display:none !important;}

/* image */
img[data-enlargeable]{cursor: -webkit-zoom-in;cursor: zoom-in;}
.temp_img{text-align:center; max-width:320px; margin:0 auto 1em;}
.temp_img img{width:100%; height:auto;}
.temp{text-align:center;}
.temp .ment{text-align:center; display:inline-block;  margin:0 auto; padding:0.7em 1.4em; background:#f8b122; color:#fff; border-radius:9999px 9999px;}

/*빈글*/
.empty-list {padding-top:4rem;}
.empty-list .badge{width:100px; margin:0 auto; font-size:1.5rem; font-weight:700; line-height:3rem; background:#305bca; color:#fff; text-align: center; position: relative; z-index: 1; }
.empty-list .ment{ padding:8rem 4rem; width:100%; margin:-1.5rem auto 0; text-align: center; color:#888; line-height:1.6em; font-size:1.6rem;}

/* heading */
.h_01, .h_02, .h_03{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size:24px; color:#333; font-weight:900; margin-bottom:1.22em;}
.h_01{background:url(/share/img/rnw/common/titleBadge.svg) no-repeat left top / 5px auto; padding-left:1em; min-height:25px;}
.h_02:before{content:""; display:block; width:1em; height:1em; border:0.25em solid #4bc8d0; margin-top:0.1em; margin-right:0.67em; border-radius: 4px 4px;}
.h_03:before{content:""; display:block; width:0.9em; height:0.9em; border:0.25em solid #cbda31; margin-top:0.1em; margin-right:0.67em; border-radius: 4px 4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* paragraph */
.p_01{font-size:1.8rem; line-height: 1.5em;}

/*common notice box*/
.cm-notice-box{padding:8rem 3rem; border:8px solid #eee; margin-bottom:4rem; }
.cm-notice-box.center{text-align: center;}
.cm-notice-box p{margin-bottom:0.5em; font-size:1.7rem;}
.cm-notice-box .title{font-size:2rem; font-weight:700; color:#222; margin-bottom:0.5em; line-height:1.3em;}
.cm-notice-box .small{font-size:1.8rem; color:#888; line-height:1.3em;}
.cm-notice-box .alert{font-size:2rem; font-weight:700; color:#305bca; padding:0.8em 1.5em; border-radius: 3px; letter-spacing: 0; line-height:1.3em;}
.cm-notice-box .cm-btn{max-width:24rem; margin:2em auto 0;}

/* tab ui */
.tab_01.depth03{margin-top:-2rem;}
.tab_01 .top{font-size:20px; height:4em;font-weight: 500; color:#ccc; margin:2.4em 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom:1px solid #eee; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.tab_01 .top .downExcel{border:1px solid #eee; padding:0.6em 1em; border-radius:4px;     margin-left: auto;}
.tab_01 .top ul{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height:100%;}
.tab_01 .top ul li{margin-right:1em; height:100%;}
.tab_01 .top ul li a{height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; font-weight:600; font-size:18px}
.tab_01 .top ul li.on a{color:#333; font-weight:700}
.tab_01 .top ul li.on a:after{content:""; display:block; width:100%; height:4px; background:#000; position: absolute; bottom:-1px; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.tab_01 .top .pager{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.tab_01 .top .pager .button{text-indent:-9999px; display:block; width:40px; height:40px; border-radius: 4px; border:1px solid #fff; background-repeat:no-repeat; background-size:40px 40px; background-position: center center; -webkit-transition:border 0.2s; -o-transition:border 0.2s; transition:border 0.2s; }
.tab_01 .top .pager .button.prev{background-image:url('../img/sub/icon_pager_prev.png')}
.tab_01 .top .pager .button.next{background-image:url('../img/sub/icon_pager_next.png')}
.tab_01 .top .pager .num{font-size:22px; font-family: 'Montserrat', sans-serif; color:#444; font-weight:700; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin:0 20px;}
.tab_01 .top .pager .num .devider{margin:0 10px; }
.tab_01 .tabpanel{display:none;}
.tab_01 .tabpanel.on{display:block;}
.tab_01 li a .num{border-radius: 9999px; min-width:2rem; height:2rem; background:#222; font-size:1.4rem; font-weight:800; padding:0 0.3em; text-align: center; line-height:2rem; opacity: 0.5; color:#fff; margin-left:1rem;}
.tab_01 li.on a .num{opacity: 1;}
@media screen and (max-width:1200px){
    .tab_01{margin:0}
    .tab_01 .top {border-bottom: none; height:auto;}
    .tab_01 .top ul{-ms-flex-wrap: wrap;flex-wrap: wrap; width:100%; border-left:1px solid #eee;}
    .tab_01 .top ul li{width:50%; margin:0; border-right:1px solid #eee; border-bottom:1px solid #eee;  border-top:1px solid #eee;}
    .tab_01 .top ul li a{height:5.4rem; font-size:1.5rem}
	.tab_01 .top ul li:nth-child(3), .tab_01 .top ul li:nth-child(4){margin-top:-1px;}
    .tab_01 .top ul li.on a{font-weight:700;}
    .tab_01 .top ul li.on a:after{display:none;}
}

/* button ui */
.common_button{display:block; width:140px; height:46px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.common_button.border{border:1px solid #ddd; color:#333; font-weight:500; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s}

/* 포인트모달 추가 */
.point-modal{background:rgba(0,0,0,0.85); position:fixed; left:20px; bottom:20px; border-radius: 8px; padding:14px; z-index: 99; max-width:400px; width:100%;}
.point-modal .modal-inner{display:flex;}
.point-modal .modal-content{color:#fff; font-size:1.5rem; font-weight: 500; letter-spacing: -0.05em; width:calc(100% - 30px); padding-right:1em; padding-top:0.5em; padding-left:0.8em;}
.point-modal .confirm-btn{display:flex; width:30px; height:30px; align-items: center; justify-content: center; color:#fff; font-size:1.8rem;}