@charset "utf-8";

/* font */
@font-face {
	font-family:"Pretendard";
    font-weight:800;
    font-style:normal;
	src:url(../css/font/Pretendard-ExtraBold.otf) format('truetype'),
    url(../css/font/Pretendard-ExtraBold.woff) format('woff');
    font-display:block;
}
@font-face {
	font-family:"Pretendard";
    font-weight:700;
    font-style:normal;
	src:url(../css/font/Pretendard-Bold.otf) format('truetype'),
    url(../css/font/Pretendard-Bold.subset.woff) format('woff'),
	url(../css/font/Pretendard-Bold.subset.woff2) format('woff2');
    font-display:block;
}
@font-face {
	font-family:"Pretendard";
    font-weight:600;
    font-style:normal;
	src:url(../css/font/Pretendard-SemiBold.otf) format('truetype'),
    url(../css/font/Pretendard-SemiBold.subset.woff) format('woff'),
	url(../css/font/Pretendard-SemiBold.subset.woff2) format('woff2');
    font-display:block;
}
@font-face {
	font-family:"Pretendard";
    font-weight:400;
    font-style:normal;
	src:url(../css/font/Pretendard-Regular.otf) format('truetype'),
    url(../css/font/Pretendard-ExtraBold.woff) format('woff'),
	url(../css/font/OTTOGISans-ExtraLight.woff2) format('woff2');
    font-display:block;
}

/* Reset */
html,body{height:100%;}
body {position:relative;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale;color:#000;}
body::before{position:fixed;left:0;top:0;width:100%;height:0;content:'';}/* fix webkit bug(scroll event delay) */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td,a,select,input,textarea{margin:0;padding:0;font-family:'Pretendard';font-weight:400;color:#000;line-height:1;font-size:inherit;box-sizing:border-box}
var {font-style:normal;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary,main{display:block;margin:0;padding:0;}
img,fieldset,iframe{border:0;}
li{list-style:none;}
button{overflow:visible;border:0;color:inherit;line-height:inherit;background:transparent;cursor:pointer;}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;}
hr{display:none;}
legend{position:absolute; left:-9999px; top:0}
.sr_only, caption {position:absolute; top:-9999px; font-size:0 !important; height:0 !important;}
select, input, textarea{color:#000;border-radius:0;border:0;-webkit-appearance:none;}
i, em, u, cite {font-style:normal;}
strong{font-weight:700;}
b{font-weight:700;}
img{max-width:100%;border:0;vertical-align:middle;}
a{color:#000;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
address{font-style:normal;}
textarea{overflow-y:auto;resize:none;display:block}
input::-webkit-input-placeholder{color:#ccc !important;}
input:-ms-input-placeholder{color:#ccc !important;}
textarea::-webkit-input-placeholder{color:#666 !important;}
textarea:-ms-input-placeholder{color:#666 !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance:none;margin:0;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator{
    opacity:0;
    -webkit-appearance:none;
}
input::-ms-clear,
input::-ms-reveal{
	display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	display:none;
}

input[type="text"]:focus-visible,
input[type="password"]:focus-visible,
input[type="number"]:focus-visible,
input[type="email"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible,
button:focus-visible,
a:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline-offset:1px;
    transition:none !important;
}

#skip {display:none;}
body.layer_activated{overflow:hidden;touch-action:none;}
body.search_activated{overflow:hidden;touch-action:none;}
.dim {background:rgba(0, 0, 0, 0.6) !important;}
.dim_inactivate {background: rgba(0, 0, 0, 0.6) !important;pointer-events:none;}

.scroller::-webkit-scrollbar {width:5px;}
.scroller::-webkit-scrollbar-thumb {background:#666;border-radius:50px}
.scroller::-webkit-scrollbar-track {background:transparent}

/****************** guide [s] ******************/
.wrap{word-break:keep-all;}
/* input */
input::placeholder{font-size:16px;color:#ccc;line-height:24px;}
.search_box{position:relative;}
.search_box input{width:100%;padding:10px 40px 10px 14px;border:2px solid #000;border-radius:8px;background:#fff;font-size:18px;font-weight:600;line-height:26px;}
.search_box .btn_search{position:absolute;right:8px;top:11px;width:28px;height:28px;background:url(../images/common/ico_search.svg) no-repeat 50% 50% / 20px;}
.search_box.type_border_gray{border:1px solid #E6E6E6;border-radius:8px;background:#fff;}
.search_box.type_border_gray input{padding:14px 40px 14px 16px;border:0;font-size:14px;line-height:20px;}
.search_box.type_border_gray input::placeholder{font-size:14px;color:#999;line-height:20px;}
.search_box.type_border_gray .btn_search{right:6px;top:8px;width:30px;height:30px;background:url(../images/common/ico_search2.svg) no-repeat 50% 50% / 16px;}
.search_box.type_border_bottom input{padding:8px 40px 8px 0;border:0;border-bottom:1px solid #000;border-radius:0;}
.search_box.type_border_bottom input::placeholder{font-size:16px;font-weight:400;line-height:24px;}
.search_box.type_border_bottom .btn_search{top:6px;right:0;background:url(../images/common/ico_search2.svg) no-repeat 50% 50% / 24px;}
.sel_box{min-width:110px;}
.sel_base{width:100%;height:48px;padding:10px 40px 10px 20px;border-radius:8px;border:1px solid #E6E6E6;background:#fff url(../images/common/ico_arrow_sel.svg) no-repeat right 20px top 50% / 16px;font-size:14px;line-height:20px;cursor:pointer;}
.form_wrap{display:flex;gap:8px;}
.form_wrap > .search_box{width:100%;}
.form_box{display:inline-block;position:relative;cursor:pointer;}
.form_box input[type="checkbox"] {position:absolute;width:16px;height:16px;margin:0;}
.form_box input[type="checkbox"]+label {display:inline-block;padding-left:22px;font-size:14px;font-weight:300;line-height:20px;cursor:pointer;}
.form_box input[type="checkbox"]+label span{color:#E50A59;}
.form_box input[type="checkbox"]+label::before {content:'';position:absolute;top:2px;left:0;width:16px;height:16px;background:url(../images/common/ico_chkbox.svg) no-repeat 0 0 / 100%;}
.form_box input[type="checkbox"]:checked+label::before {background:url(../images/common/ico_chkbox_active.svg) no-repeat 0 0 / 100%;}
.form_box input[type="checkbox"]:disabled+label{color:#ccc;}
.form_box input[type="checkbox"]:disabled+label::before {background:url(../images/common/ico_chkbox_disabled.svg) no-repeat 0 0 / 100%;}

/* button */
[class*="btn_type"]{display:block;width:100%;height:48px;padding:12px 0;border-radius:8px;font-size:16px;font-weight:600;line-height:22px;letter-spacing:-.2px;text-align:center;}
.btn_type_default, .btn_type_s_default{background:#0055FF;color:#fff;}
.btn_type_line, .btn_type_s_line{border:1px solid #333;background:#fff;color:#333;}
.btn_type_gray, .btn_type_s_gray{background:#6B7584;color:#fff;}
.btn_type_white{background:#fff;color:#000;}
[class*="btn_type"].ico_arrow{position:relative;}
[class*="btn_type"].ico_arrow::after{content:'';display:inline-block;width:20px;height:20px;margin-left:4px;background:url(../images/common/ico_arrow.svg) no-repeat 50% 50% / 20px;vertical-align:top;}
.btn_type_line.ico_arrow::after, .btn_type_s_line.ico_arrow::after{background-image:url(../images/common/ico_arrow_black.svg);}
[class*="btn_type_s"]{display:inline-block;width:auto;height:40px;padding:11px 16px;font-size:13px;line-height:18px;}
[class*="btn_type_s"].ico_arrow::after{width:16px;height:16px;background-size:16px;}
.btn_wrap{display:flex;gap:16px;justify-content:center;}
.btn_more{padding-right:14px;font-size:14px;color:#333;line-height:20px;background:url(../images/common/ico_more.svg) no-repeat 100% 50% / 12px;}
.btn_detail{padding-right:14px;border-bottom:1px solid #000;background:url(../images/common/ico_arrow_round.svg) no-repeat 100% 50% / 12px;font-size:14px;color:#333;line-height:20px;}
.btn_more.type_s{background-position:100% 50%;}
.btn_like{width:24px;height:24px;background:url(../images/common/ico_like.svg) no-repeat 50% 50% / 24px;}
.btn_like.type_gray{background-image:url(../images/common/ico_like_gray.svg);}
.btn_like.active{background-image:url(../images/common/ico_like_active.svg) !important;}
.btn_bookmark{width:24px;height:24px;background:url(../images/common/ico_bookmark_opacity.svg) no-repeat 50% 50% / 24px;}
.btn_bookmark.type_gray{background-image:url(../images/common/ico_bookmark_gray.svg);}
.btn_bookmark.active{background-image:url(../images/common/ico_bookmark_active.svg);}
.tooltip_box{position:relative;}
.tooltip_box .btn_tooltip{width:20px;height:20px;background:url(../images/common/ico_tooltip.svg) no-repeat 50% 50% / 20px;}
.tooltip_box .desc{display:none;z-index:1;position:absolute;top:20px;left:0;width:300px;padding:12px 16px;border:1px solid #E6E6E6;border-radius:8px;background:#fff;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);}
.tooltip_box .desc strong{font-size:14px;font-weight:700;color:#000;line-height:20px;letter-spacing:-.2px;}
.tooltip_box .desc p{padding-top:8px;font-size:14px;line-height:20px;color:#666;letter-spacing:-.2px;}
.tooltip_box .desc .btn_close{position:absolute;right:16px;top:12px;width:16px;height:16px;background:url(../images/common/ico_tip_close.svg) no-repeat 50% 50% / 16px;}
.tooltip_box .btn_tooltip.active + .desc{display:block;}
.paging_box{display:flex;gap:3px;justify-content:center;padding-top:32px;}
.paging_box a{width:32px;height:32px;border:1px solid #ccc;background-color:#fff;font-size:14px;font-weight:400;line-height:30px;text-align:center;}
.paging_box a.active{border-color:#0055FF;background-color:#0055FF;color:#fff;}
.paging_box .first, .paging_box .last{background:#fff url(../images/common/ico_first.svg) no-repeat 50% 50% / 12px;}
.paging_box .prev, .paging_box .next{margin-right:5px;background:#fff url(../images/common/ico_prev.svg) no-repeat 50% 50% / 12px;}
.paging_box .next{margin-right:0;margin-left:5px;}
.paging_box .next, .paging_box .last{transform:rotate(180deg);}
.paging_box .prev.active, .paging_box .next.active{background:#fff url(../images/common/ico_next.svg) no-repeat 50% 50% / 12px;transform:rotate(180deg);}
.paging_box .first.active, .paging_box .last.active{background:#fff url(../images/common/ico_last.svg) no-repeat 50% 50% / 12px;transform:rotate(180deg);}
.paging_box .next.active, .paging_box .last.active{transform:rotate(0deg);}
.paging_box .first.active, .paging_box .prev.active, .paging_box .next.active, .paging_box .last.active{border-color:#ccc;background-color:#fff;}

/* flag */
[class*="flag"]{padding:3px 6px 3px 23px;border:1px solid #0055FF;border-radius:4px;background:#fff url(../images/common/ico_activity.svg) no-repeat 4px 50% / 16px;font-weight:700;font-size:12px;color:#0055FF;line-height:16px;}
.flag_show{border-color:#E50A59;background-image:url(../images/common/ico_show.svg);color:#E50A59;}
.flag_food{border-color:#A300C3;background-image:url(../images/common/ico_food.svg);color:#A300C3;}
.flag_shopping{border-color:#7321E8;background-image:url(../images/common/ico_shopping.svg);color:#7321E8;}
.flag_stay{border-color:#007E58;background-image:url(../images/common/ico_stay.svg);color:#007E58;}
.flag_etc{border-color:#ccc;background-image:url(../images/common/ico_etc_gray.svg);color:#6B7584;}
.flag_fest{border-color:#FA6000;background-image:url(../images/common/ico_fest.svg);color:#FA6000;}
.flag_trns{border-color:#4D8C00;background-image:url(../images/common/ico_trns.svg);color:#4D8C00;}
[class*="flag"].type_l{padding:2px 6px 2px 28px;font-size:16px;line-height:24px;background-position:6px 50%;background-size:20px;}

/* share_ico */
.share_box{display:flex;gap:8px;justify-content:center;}
.share_box button{display:block;width:40px;height:40px;background:no-repeat 50% 50% / 40px;}
.share_box .btn_facebook{background-image:url(../images/common/ico_facebook.svg);}
.share_box .btn_facebook:hover{background-image:url(../images/common/ico_facebook_hover.svg) !important;}
.share_box .btn_twitter{background-image:url(../images/common/ico_twitter.svg);}
.share_box .btn_twitter:hover{background-image:url(../images/common/ico_twitter_hover.svg) !important;}
.share_box .btn_kakao{background-image:url(../images/common/ico_kakao.svg);}
.share_box .btn_kakao:hover{background-image:url(../images/common/ico_kakao_hover.svg) !important;}
.share_box .btn_blog{background-image:url(../images/common/ico_blog.svg);}
.share_box .btn_blog:hover{background-image:url(../images/common/ico_blog_hover.svg) !important;}
.share_box .btn_url{background-image:url(../images/common/ico_url.svg);}
.share_box .btn_url:hover{background-image:url(../images/common/ico_url_hover.svg) !important;}
.share_box .btn_bookmark:hover{background-image:url(../images/common/ico_bookmark_active2.svg) !important;}
.share_box .btn_bookmark.active{background-image:url(../images/common/ico_bookmark_active2.svg) !important;}
.share_box.type_white .btn_facebook{width:40px;height:40px;background:url(../images/common/ico_facebook_white.svg) no-repeat 50% 50% / 40px;}
.share_box.type_white .btn_twitter{width:40px;height:40px;background:url(../images/common/ico_twitter_white.svg) no-repeat 50% 50% / 40px;}
.share_box.type_white .btn_kakao{width:40px;height:40px;background:url(../images/common/ico_kakao_white.svg) no-repeat 50% 50% / 40px;}
.share_box.type_white .btn_blog{width:40px;height:40px;background:url(../images/common/ico_blog_white.svg) no-repeat 50% 50% / 40px;}
.share_box.type_white .btn_url{width:40px;height:40px;background:url(../images/common/ico_url_white.svg) no-repeat 50% 50% / 40px;}
.share_box.type_white .btn_bookmark{width:40px;height:40px;background:url(../images/common/ico_bookmark_white.svg) no-repeat 50% 50% / 40px;}

/******** swiper ********
*************************/
/* tab_swiper */
.tab_swiper_wrap .swiper-slide{width:auto;}
.tab_swiper_wrap .swiper-slide button,
.tab_swiper_wrap .swiper-slide a{padding:7px 19px;border:1px solid #E6E6E6;border-radius:30px;background:#fff;font-size:16px;font-weight:600;color:#838383;line-height:24px;letter-spacing:-.2px;}
.tab_swiper_wrap .swiper-slide.active button,
.tab_swiper_wrap .swiper-slide.active a{border-color:#000;background:#000;color:#fff;font-weight:700;color:#fff;}

.tab_swiper_wrap.type_underline .swiper-slide button,
.tab_swiper_wrap.type_underline .swiper-slide a{padding:8px 0 6px;border:0;border-radius:0;background:transparent;}
.tab_swiper_wrap.type_underline .swiper-slide.active button,
.tab_swiper_wrap.type_underline .swiper-slide.active a{color:#000;border-bottom:2px solid #000;border-radius:0;}

.tab_list_wrap{padding-top:32px;}
.tab_list_wrap .tab_swiper_wrap{margin:0 -20px;}
.tab_list_wrap .tab_swiper_wrap .swiper-container{padding:0 20px;}
.tab_list_wrap .tab_con_wrap{padding-top:16px;}
.tab_con_wrap .con{display:none;}
.tab_con_wrap .con.active{display:block;}

.square_tab_wrap{display:flex;justify-content:center;padding:2px;border-radius:4px;background:#F0F0F0;}
.square_tab_wrap li{width:50%;text-align:center;}
.square_tab_wrap li button{width:100%;padding:8px;border-radius:4px;font-size:16px;color:#666;line-height:24px;}
.square_tab_wrap li button.active{background:#fff;font-weight:700;color:#000;box-shadow:0px 4px 12px 0px rgba(20, 25, 50, 0.05);}
.square_tab_con_wrap{padding-top:32px;}
.square_tab_con_wrap > div{display:none;}
.square_tab_con_wrap > div.active{display:block;}

/* slide */
.swiper-container{overflow:hidden;position:relative;}
.swiper-container img{width:100%;}
/* .swiper_wrap .swiper-container{padding-bottom:40px;} */
.swiper_wrap .swiper-pagination{bottom:0;}
.swiper_wrap .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#ccc;opacity:1;}
.swiper_wrap .swiper-pagination .swiper-pagination-bullet-active{width:24px;height:8px;border-radius:8px;background:#0055FF;}
.only_mo_slide_wrap{overflow:hidden;}

/******** popup ********
*************************/
.dim {background:rgba(0, 0, 0, 0.3) !important;}
.dim_inactivate {background: rgba(0, 0, 0, 0.6) !important;pointer-events:none;}
.layer_wrap{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;}
.layer_wrap .btn_pop_close{position:absolute;top:16px;right:20px;z-index:101;width:24px;height:24px;background:url(../images/common/ico_close.svg) no-repeat 50% 50%/ 24px;}
.layer_wrap .dim{position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;}
.layer_wrap .dim_inactivate{position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;}
.full_pop {background:#fff;}
.full_pop .inner::-webkit-scrollbar {width:5px}
.full_pop .inner::-webkit-scrollbar-thumb {background:#666;border-radius:50px}
.full_pop .inner::-webkit-scrollbar-track {background:transparent}
.full_pop .tit_box{position:fixed;left:0;top:0;width:100%;background:#fff;box-shadow: 0px 0px 10px 0px #33333333;}
.full_pop .tit_box h1{padding:15px 20px;font-size:18px;font-weight:800;line-height:26px;}
.full_pop .pop_con{overflow-y:auto;position:absolute;top:80px;left:20px;right:20px;bottom:0;padding-bottom:20px;background-color:#fff;box-sizing:border-box;}
.full_pop .pop_con::-webkit-scrollbar {width:5px}
.full_pop .pop_con::-webkit-scrollbar-thumb {background:#666;border-radius:50px}
.full_pop .pop_con::-webkit-scrollbar-track {background:transparent}
.full_pop .dim{display:none;}
.full_pop .br{display:block;}
.alert_pop .pop_con{z-index:1002;position:fixed;left:20px;right:20px;top:50%;padding:24px;border-radius:16px;background:#fff;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.alert_pop .tit_box{position:relative;padding-right:35px;}
.alert_pop .tit_box h1{font-size:18px;font-weight:700;line-height:32px;letter-spacing:-.8px;}
.alert_pop .btn_pop_close{width:32px;height:32px;right:0;top:0;}
.alert_pop .con{padding:16px 0;}
.alert_pop .btn_wrap{gap:8px;}
.pop_con.type_border{border:1px solid #000;}

/* header */
.header{z-index:100;position:fixed;left:0;top:0;right:0;background:#fff;box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.2);}
.header .inner{position:relative;display:flex;gap:14px;height:56px;padding:15px 50px 15px 12px;}
.header .btn_back{display:block;width:24px;height:24px;background:url(../images/common/ico_back.svg) no-repeat 50% 50% / 24px;}
.header .logo .link_digt{display:block;width:122px;height:26px;background:url(../images/common/logo.svg) no-repeat 50% 50% / 122px 26px;}
.header .logo .link_visitkorea{display:none;}
.header .util{display:none;}
.header .btn_menu{position:absolute;right:15px;top:12px;width:30px;height:30px;background:url(../images/common/ico_menu.svg) no-repeat 50% 50% / 24px;}
.header .nav{z-index:100;position:fixed;right:-100%;top:0;width:100%;height:100%;background:#EEF0F2;transition:all 0.3s ease-in-out;}
.header .nav .user_info{display:flex;gap:15px;align-items:center;padding:80px 30px 24px;}
.header .nav .user_info .user_img{overflow:hidden;position:relative;display:block;width:50px;height:50px;border-radius:50%;}
.header .nav .user_info .user_img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.header .nav .user_info .user_txt .btn_login{display:inline-block;padding-right:14px;background:url(../images/common/ico_login_arrow.svg) no-repeat right 40% / 12px;font-size:13px;font-weight:700;color:#666;line-height:18px;}
.header .nav .user_info .user_txt p{padding-top:5px;}
.header .nav .user_info .user_txt .txt{font-size:11px;color:#333;line-height:14px;}
.header .nav .user_info .user_txt .user_name{display:block;font-size:14px;font-weight:700;color:#333;line-height:20px;}
.header .nav .user_info .user_txt ul{display:flex;gap:15px;padding-top:8px;}
.header .nav .user_info .user_txt ul a{display:block;padding-left:16px;background:url(../images/common/ico_mypage.svg) no-repeat 0 0 / 14px;font-size:11px;color:#333;line-height:16px;}
.header .nav .user_info .user_txt .btn_logout{background-image:url(../images/common/ico_logout.svg);}
.header .nav .navbar{overflow-y:auto;position:absolute;left:0;right:0;top:157px;bottom:0;padding:18px 30px 90px;border-radius:20px 20px 0 0;background:#fff;}
.header .nav .navbar > li:first-child{margin:0;}
.header .nav .navbar > li{margin-top:10px;}
.header .nav .navbar > li > a{display:block;padding-left:28px;background:url(../images/common/ico_main.svg) no-repeat 0 50% / 20px;font-size:15px;font-weight:700;color:#333;line-height:30px;cursor:pointer;}
.header .nav .navbar > .ico_info > a{background-image:url(../images/common/ico_info.svg);}
.header .nav .navbar > .ico_event > a{background-image:url(../images/common/ico_event.svg);}
.header .nav .navbar > .ico_myid > a{position:relative;background-image:url(../images/common/ico_myid.svg);}
.header .nav .navbar > .ico_myid > a::after{content:'';position:absolute;right:0;top:50%;width:16px;height:16px;margin-top:-8px;background:url(../images/common/ico_arrow_black.svg) no-repeat 50% 50% / 16px;transform:rotate(90deg);}
.header .nav .navbar > .ico_myid.sub_active > a::after{transform:rotate(-90deg);}
.header .nav .sub_menu{margin-top:4px;padding:15px 30px;background:#F4F6F8;}
.header .nav .sub_menu li{margin-top:7px;}
.header .nav .sub_menu li:first-child{margin-top:0;}
.header .nav .sub_menu a{font-size:13px;color:#666;line-height:22px;}
.header .nav.login_state .user_info{position:relative;padding-bottom:104px;}
.header .nav.login_state .user_info .user_grade{position:absolute;left:30px;right:30px;bottom:24px;}
.header .nav.login_state .navbar{top:242px;}
.mo_menu_active .header .logo .link_visitkorea{display: block;width: 28px;height: 28px;background: url(../images/common/logo_gusuk.svg) no-repeat 50% 50% / 100%;}
.mo_menu_active{overflow:hidden;}
.mo_menu_active .header .nav{right:0;}
/*.mo_menu_active .header .inner{padding:19.5px 20px;}*/
.mo_menu_active .header .logo{display: flex;gap: 10px;align-items: center;z-index:101;position:relative;}
.mo_menu_active .header .logo .link_digt{width:124px;height:18px;background:url(../images/common/logo.svg) no-repeat 50% 50% / 100%;}
.mo_menu_active .header h2.tit{display:none;}
/* 260106 */
.mo_menu_active .header .us-mobile-sub-top{display:none;}
/* //260106 */
.mo_menu_active .header .btn_back{display:none;}
.mo_menu_active .header .btn_menu{z-index:101;background-image:url(../images/common/ico_close.svg);}

.user_grade{margin-top:16px;border-radius:8px;background:#fff;box-shadow: 0px 4px 12px 0px rgba(20, 25, 50, 0.05);}
.user_grade > a{display:flex;gap:12px;align-items:center;padding:20px;}
.user_grade dl{display:flex;flex:1;gap:12px;align-items:center;}
.user_grade dl:last-child{flex:0.8;}
.user_grade dt{font-size:13px;color:#666;line-height:24px;}
.user_grade dd{display:flex;gap:6px;align-items:center;font-size:14px;font-weight:700;line-height:24px;}
.user_grade .level .img_box{width:24px;height:24px;}
.user_grade .exp_num{gap:4px;font-weight:400;}
.user_grade .exp_num em{font-weight:700;}

/* footer */
.footer{border-top:1px solid #E6E6EB;}
.footer .inner{padding:32px 20px;}
.footer .top_box ul{display:flex;flex-wrap:wrap;gap:16px;}
.footer .top_box ul a{font-size:14px;color:#666670;line-height:22px;}
.footer .top_box ul a span{font-weight:700;}
.footer address{padding-top:16px;}
.footer address dt{display: inline;}
.footer address dt,
.footer address dd{font-size:14px;color:#666670;line-height:24px;}
.footer address dd{padding-left:5px; display: inline;}
.footer .bottom_box{padding-top:16px;}
.footer .bottom_box .copyright{font-size:14px;color:#666670;line-height:24px;}
.footer .bottom_box ul{display:flex;align-items:center;gap:10px;padding-top:16px;}
.footer .bottom_box .web a{display:none;width:39px;}
.footer .bottom_box .conlab a{display:block;width:61px;}
.footer .bottom_box .tourism a{display:block;width:84px;}
.footer .bottom_box .culture a{display:block;width:116px;}

/* top 버튼 */
.btn_top_box{z-index:11;position:fixed;bottom:92px;right:10px;opacity:0;transition:all .5s;}
.btn_top_box .btn_top{display:block;width:48px;height:48px;background:url(../images/common/ico_btn_top.svg) no-repeat 50% 50% / 48px;border-radius:50%;box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.2);}
.btn_top_box.active{opacity:1;}

/* 퀵메뉴 */
.quick_menu_box{z-index:101;position:fixed;bottom:0;left:0;right:0;height:72px;padding:11px 22px;border-top-left-radius:20px;border-top-right-radius:20px;background:#fff;box-shadow: 0px 0px 20px 0px #0000001A;}
.quick_menu_box ul{display:flex;gap:16.5px;}
.quick_menu_box ul li{width:calc(20% - 13.2px);text-align:center;}
.quick_menu_box ul li a{display:block;padding:32px 0 4px;background:no-repeat 50% 4px / 24px;font-size:10px;font-weight:600;color:#6B7486;line-height:14px;}
.quick_menu_box ul li.active a{font-weight:600;color:#000;}
.quick_menu_box ul li.ico_main a{background-image:url(../images/common/ico_quick_main.svg);}
.quick_menu_box ul li.ico_main.active a{background-image:url(../images/common/ico_quick_main2.svg);}
.quick_menu_box ul li.ico_search a{background-image:url(../images/common/ico_quick_search.svg);}
.quick_menu_box ul li.ico_search.active a{background-image:url(../images/common/ico_quick_search2.svg);}
.quick_menu_box ul li.ico_event a{background-image:url(../images/common/ico_quick_event.svg);}
.quick_menu_box ul li.ico_event.active a{background-image:url(../images/common/ico_quick_event2.svg);}
.quick_menu_box ul li.ico_idcard a{background-image:url(../images/common/ico_quick_idcard.svg);}
.quick_menu_box ul li.ico_idcard.active a{background-image:url(../images/common/ico_quick_idcard2.svg);}
.quick_menu_box ul li.ico_my a{background-image:url(../images/common/ico_quick_my.svg);}
.quick_menu_box ul li.ico_my.active a{background-image:url(../images/common/ico_quick_my2.svg);}

/* layout */
.wrap{padding-bottom:72px;}
.header .logo{display:none;}
.header h2.tit{font-size:18px;font-weight:700;line-height:26px;}
/* 260106 */
.header .us-mobile-sub-top{font-size:18px;font-weight:700;line-height:26px;}
/* //260106 */
.container h2.tit{display:none;}
h3.tit{font-size:18px;font-weight:800;color:#33333D;line-height:26px;}

/****************** guide [e] ******************/

/* container */
.container{padding:96px 0 64px;}
.container .inner{padding:0 20px;}

/* 로딩 */
.loading{z-index:100;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.8);}
.loading .lottie_box{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.loading .lottie_box lottie-player{width:160px;height:90px;}

/* 404 에러 */
.error_404{display:flex;align-items:center;justify-content:center;height:100%;padding:0;}
.error_404 .container{padding:0;}
.error_404 .notice{font-size:18px;font-weight:700;color:#202225;line-height:26px;text-align:center;}
.error_404 .notice::before{content:'';display:block;width:135px;height:120px;margin:0 auto 40px;background:url(../images/common/ico_404_error.svg) no-repeat 50% 50% / 100%;}
.error_404 .desc{padding-top:12px;font-size:14px;font-weight:400;color:#6F7277;line-height:20px;text-align:center;}
.error_404 button{margin-top:40px;}

/* 메인 */
.main{padding-bottom:120px;}
.main .container{padding-top:100px;}
.header .gnb{display:none;}
.main .header .inner{display:block;height:100px;padding:17px 20px 0 20px;}
.main .header .logo{display:flex;align-items:center;gap:10px;padding-right:30px;}
.main .header .logo .link_visitkorea{display:block;width:28px;height:28px;background:url(../images/common/logo_gusuk.svg) no-repeat 50% 50% / 100%;}
.main .header .logo .link_digt{width:124px;height:18px;background-size:124px 18px;}
.main .header .btn_back{display:none;}
.main .header h2{display:none;}
.main .header .gnb{display:block;padding-top:16px;}
.main .header .gnb ul{display:flex;justify-content:space-between;margin:0 -11px;}
.main .header .gnb li a{display:block;padding:10px;font-size:14px;line-height:20px;}
.main .header .gnb li.active a{font-weight:700;}
.main .header .gnb li.active a::after{content:'';display:block;width:4px;height:4px;margin:2px auto 0;border-radius:50%;background:#0055FF;}
.main .btn_top_box{bottom:141px;}

.main_idcard_box{z-index:11;position:fixed;bottom:0;left:0;right:0;height:119px;}
.main_idcard_box::before{content:'';position:absolute;left:-1px;top:-1px;right:-1px;height:120px;border-radius:20px;background:linear-gradient(90deg, #0055FF 0%, #7321E8 100%);}
.main_idcard_box .btn_open_idcard{position:relative;width:100%;padding:14px 20px 40px 40px;border-top-left-radius:20px;border-top-right-radius:20px;background:#FCFCFC url(../images/common/ico_qr.svg) no-repeat 20px 16px / 16px;font-size:14px;font-weight:600;line-height:20px;text-align:left;}
.main_idcard_box .btn_open_idcard::after{content:'';position:absolute;right:20px;top:16px;width:16px;height:16px;background:url(../images/common/ico_arrow_black.svg) no-repeat 50% 50% / 100%;-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg);}
.main_idcard_box [class*="state"]{position:relative;bottom:-150px;padding:1px;background:#fff;border-radius:8px;transition:all 0.3s ease-in-out;}
.main_idcard_box .btn_close{position:absolute;right:16px;top:-16px;width:32px;height:32px;background:url(../images/common/ico_circle_close.svg) no-repeat 50% 50% / 100%;}
.main_idcard_box .top{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:20px 16px;border-top-left-radius:8px;border-top-right-radius:8px;background:#fff;}
.main_idcard_box .img_box{width:48px;height:48px;}
.main_idcard_box .txt_box{width:calc(100% - 110px);padding:2px 0 2px 4px;}
.main_idcard_box .txt_box strong{font-size:16px;font-weight:600;line-height:24px;}
.main_idcard_box .txt_box p{padding-top:4px;font-size:12px;color:#666;line-height:16px;}
.main_idcard_box .btn_login{min-width:43px;padding-right:12px;background:url(../images/common/ico_arrow_s.svg) no-repeat 100% 50% / 12px;font-size:12px;font-weight:700;line-height:16px;}
.main_idcard_box .btn_wrap{position:relative;gap:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:#fff;}
.main_idcard_box .btn_wrap::before{content:'';position:absolute;top:0;left:16px;right:16px;height:1px;background:#E6E6E6;}
.main_idcard_box .btn_temporary_login{width:100%;padding:12px 16px;font-size:12px;color:#666;line-height:16px;}
.main_idcard_box .btn_temporary_login::after{content:'';display:inline-block;width:12px;height:12px;background:url(../images/common/ico_arrow_s_gray.svg) no-repeat 50% 50% / 12px;vertical-align:middle;}
.main_idcard_box .btn_wrap a{width:53%;padding:12px 0;font-size:12px;font-weight:600;line-height:16px;text-align:center;}
.main_idcard_box .btn_wrap .btn_qr_scan{width:47%;}
.main_idcard_box .btn_qr_scan::before{content:'';display:inline-block;width:20px;height:20px;background:url(../images/common/ico_qr_scan_black.svg) no-repeat 50% 50%/ 20px;vertical-align:-5px;}
.main_idcard_box .btn_qr_download::before{content:'';display:inline-block;width:20px;height:20px;background:url(../images/common/ico_qr_down_balck.svg) no-repeat 50% 50% / 20px;vertical-align:-5px;}
.main_idcard_box .state_login .top{justify-content:flex-start;}
.main_idcard_box.active{left:10px;right:10px;bottom:82px;height:unset;}
.main_idcard_box.active::before{display:none;}
.main_idcard_box.active .btn_open_idcard{display:none;}
.main_idcard_box.active [class*="state"]{bottom:0;background:linear-gradient(90deg, #0055FF 0%, #7321E8 100%);}

.main_visual_wrap{overflow:hidden;}
.main_visual_wrap h2{padding:32px 0;font-size:22px;font-weight:300;line-height:32px;letter-spacing:-.2px;}
.main_visual_wrap h2 span{font-weight:800;}
.main_visual_wrap .main_visual_tab{background:linear-gradient(350.73deg, #EAFBE2 9.01%, #AFD8CA 95.21%);}
.main_visual_wrap .main_visual_tab .top{position:relative;display:flex;}
.main_visual_wrap .main_visual_tab .tab_list{display:flex;flex-wrap:wrap;width:calc(100% - 200px);margin-top:5px;}
.main_visual_wrap .main_visual_tab .tab_list li{margin-right:20px;}
.main_visual_wrap .main_visual_tab .tab_list button{width:40px;font-size:16px;color:#666;line-height:50px;}
.main_visual_wrap .main_visual_tab .tab_list button.active{position:relative;font-size:18px;font-weight:800;color:#000;}
.main_visual_wrap .main_visual_tab .tab_list button.active::after{content:'';position:absolute;left:50%;bottom:0;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#0055FF;}
.main_visual_wrap .main_visual_tab .img_list{position:absolute;right:-100px;bottom:-20px;width:296px;}
.main_visual_wrap .main_visual_tab .img_list li{display:none;}
.main_visual_wrap .main_visual_tab .img_list li.active{display:block;}
.main_visual_wrap .main_visual_tab .tab_con_list > li{display:none;}
.main_visual_wrap .main_visual_tab .tab_con_list > li.active{display:block;}
.main_visual_wrap .main_visual_tab .tab_con_list ul{display:flex;gap:24px;flex-wrap:wrap;padding:38px 0 32px;}
.main_visual_wrap .main_visual_tab .tab_con_list .area_box{display:block;text-align:center;}
.main_visual_wrap .main_visual_tab .tab_con_list .area_box .img_box{width:60px;height:60px;border:1px solid #ccc;}
.main_visual_wrap .main_visual_tab .tab_con_list .area_box .area_name{padding-top:8px;font-size:14px;font-weight:400;line-height:20px;}

.main .user_tab_wrap .tab_con_wrap{margin:0 -20px;}
.main .user_tab_wrap .swiper-container{padding:0 20px;}
.main .user_tab_wrap .swiper-wrapper .swiper-slide{position:relative;max-width:222px;max-height:300px;}
.main .user_tab_wrap .swiper-wrapper .img_box{overflow:hidden;width:222px;height:300px;border-radius:8px;border:1px solid #ccc;}
.main .user_tab_wrap .swiper-wrapper .img_box::before{content:'';position:absolute;left:1px;right:1px;top:1px;bottom:1px;border-radius:8px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.69%, rgba(0, 0, 0, 0.2) 62.15%, rgba(0, 0, 0, 0.7) 100%);}
.main .user_tab_wrap .swiper-wrapper .img_box img{width:100%;height:100%;object-fit:cover;}
.main .user_tab_wrap .swiper-wrapper a{position:absolute;left:0;top:0;right:0;bottom:0;padding:16px;border-radius:8px;}
.main .user_tab_wrap .swiper-wrapper a span[class*="flag_"]{display:inline-block;}
.main .user_tab_wrap .swiper-wrapper a strong{display:block;padding-top:168px;font-size:12px;font-weight:700;color:#fff;line-height:16px;}
.main .user_tab_wrap .swiper-wrapper a p{padding-top:4px;font-size:16px;font-weight:700;color:#fff;line-height:24px;}
.main .user_tab_wrap .swiper-wrapper a .txt_discount{display:block;padding-top:12px;font-size:13px;color:#fff;line-height:18px;}
.main .user_tab_wrap .swiper-wrapper a strong,
.main .user_tab_wrap .swiper-wrapper a p,
.main .user_tab_wrap .swiper-wrapper a .txt_discount{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main .user_tab_wrap .swiper-wrapper .btn_bookmark{position:absolute;top:16px;right:16px;}
.main .user_tab_wrap .swiper_wrap .swiper-pagination{display:none;}

.main .sub_tit{font-size:18px;font-weight:800;color:#33333D;line-height:26px;}
.main .btn_more{color:#333;}

.main .event_wrap{padding-top:64px;}
.main .event_wrap .swiper-container{margin:16px -20px 0;padding:0 20px;}
.main .event_wrap .swiper-container .event_list{flex-wrap:nowrap;gap:0;}
.main .event_wrap .swiper-slide{max-width:222px;}
.main .event_wrap .swiper-slide a strong{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:unset;word-break:break-all;}
.main .event_wrap .swiper_wrap .swiper-pagination{display:none;}

.main .notice_wrap{padding-top:64px;}
.main .notice_wrap .inner{position:relative;padding-top:42px;}
.main .notice_wrap .sub_tit{position:absolute;top:0;left:20px;}
.main .notice_wrap ul{padding:20px 24px;border-radius:8px;background:#FAFAFA;}
.main .notice_wrap ul a{font-size:14px;line-height:20px;}
.main .notice_wrap .btn_more{position:absolute;top:3px;right:20px;}

/* 메인- 통합관광주민증_모바일만 있는 페이지 */
.main_qr .container{padding-top:80px;}
.main_qr .btn_close{position:fixed;right:17px;top:13px;width:30px;height:30px;background:url(../images/common/ico_close.svg) no-repeat 50% 50% / 24px;}
.main_qr p{font-size:24px;line-height:34px;text-align:center;}
.main_qr p em{font-weight:700;}
.main_qr .img_box{max-width:200px;margin:80px auto 0;border:4px solid transparent;border-radius:10px;background-image:linear-gradient(#fff, #fff),linear-gradient(0deg, #0055FF 0%, #7321E8 100%);background-origin:border-box;background-clip:content-box, border-box;}
.main_qr .btn_wrap{position:fixed;bottom:0;left:0;right:0;padding:20px 20px 30px;background:#fff;}

.main_qr.download.wrap .container{padding:120px 0 0;}

/* 여행 정보 검색- 검색 결과 있음 */
.info_search.container{padding-top:80px;}
.info_search .tab_list_wrap{padding-top:4px;}
.info_search .tab_list_wrap .tab_con_wrap{padding-top:40px;}
.info_search .tab_list_wrap section{position:relative;}
.info_search .tab_list_wrap section + section{margin-top:64px;}
.info_search .tab_list_wrap .sub_tit_box{margin-bottom:16px;}
.info_search .tab_list_wrap .sub_tit{font-size:18px;font-weight:800;color:#33333D;line-height:26px;}
.info_search .tab_list_wrap .sub_tit_box .btn_more{display:none;}
.info_search .tab_list_wrap .end .sub_tit_box .btn_more{z-index:1;display:block;position:absolute;right:20px;top:50%;width:43.5px;height:43.5px;background:url(../images/common/ico_swiper_prev.png) no-repeat 50% 50% / 100%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);font-size:0;color:transparent;}
.info_search .tab_list_wrap .mobile_none{display:none !important;}
.info_search .area_wrap .list_box a{display:block;padding:12px 8px;border-radius:8px;background:#FAFAFA;font-size:16px;font-weight:700;line-height:24px;text-align:center;}
.info_search .area_wrap .list_box .img_box{overflow:hidden;width:60px;height:60px;margin:0 auto 8px;border-radius:50%;background:#fff;}
.info_search .area_wrap .list_box .img_box img{width:100%;height:100%;object-fit:cover;}
.info_search .area_wrap .list_box .area_name{font-size:16px;line-height:24px;}
.info_search .area_wrap .list_box .area_name::before{display:none;}
.info_search .area_wrap .list_box .area_name em{color:#1567E2;}
.info_search .area_wrap .sub_tit_box .btn_more,
.info_search .idcard_wrap .sub_tit_box .btn_more{display:block;position:absolute;right:0;top:0;line-height:26px;}
.info_search .area_wrap .list_box{display:flex;flex-wrap:wrap;gap:16px;}
.info_search .area_wrap .list_box li{width:calc(50% - 8px);}
.info_search .tab_list_wrap .only_mo_slide_wrap{margin:0 -20px;}
.info_search .tab_list_wrap .only_mo_slide_wrap .event_list{flex-wrap:nowrap;gap:0;}
.info_search .tab_list_wrap .coupon_info_wrap .sub_tit_box .btn_more{-webkit-transform:rotate(180deg) translateY(-45%);-moz-transform:rotate(180deg) translateY(-45%);-o-transform:rotate(180deg) translateY(-45%);transform:rotate(180deg) translateY(-45%);}
.info_search .tab_list_wrap .event_wrap .sub_tit_box .btn_more{-webkit-transform:rotate(180deg) translateY(70%);-moz-transform:rotate(180deg) translateY(70%);-o-transform:rotate(180deg) translateY(70%);transform:rotate(180deg) translateY(70%);}
.info_search .idcard_wrap .idcard_list{padding:20px 24px;border-radius:8px;background:#FAFAFA;}
.info_search .idcard_wrap .idcard_list strong{padding-right:28px;background:url(../images/common/ico_idcard_arrow.svg) no-repeat 100% 50% / 22px;font-size:16px;font-weight:700;line-height:24px;}
.info_search .idcard_wrap .idcard_list .d1 strong span{color:#1567E2;}
.info_search .idcard_wrap .idcard_list .d1 .desc{display:block;padding-top:4px;font-size:13px;color:#666;line-height:18px;}
.info_search .idcard_wrap .idcard_list li + li{padding-top:16px;}

/* 여행 정보 검색- 검색 결과 없음 */
.info_search .no_data{margin:0;padding:0;}
.info_search .before_search .desc,
.no_data .desc{padding-top:24px;font-size:18px;line-height:26px;text-align:center;}
.info_search .no_data .desc{background:#FAFAFA;}
.no_data .desc{position:relative;padding:20px 37px 20px;}
.no_data .desc::after{content:'';position:absolute;top:40px;left:50%;width:77px;height:100px;margin-left:-37px;
	/*  background:url(../images/common/ico_search_none.png) no-repeat 50% 50% / 100%; */
}
.no_data_icon .desc{padding-top:24px;font-size:18px;line-height:26px;text-align:center;}
.no_data_icon .desc{position:relative;padding:164px 37px 40px;}
.no_data_icon .desc::after{content:'';position:absolute;top:40px;left:50%;width:77px;height:100px;margin-left:-37px;background:url(../images/common/ico_search_none.png) no-repeat 50% 50% / 100%;}


/* 여행 정보 검색- 검색 전 */
.info_search .before_search{position:relative;margin:80px 0;padding-top:96px;text-align:center;}
.info_search .before_search .desc::after{content:'';position:absolute;top:0;left:50%;width:140px;height:96px;margin-left:-70px;background:url(../images/common/ico_search.png) no-repeat 50% 50% / 100%;}
.info_search .before_search .br_mo{display: block;}

/* 디지털 관광주민증 소개 */
.digt_info{padding:56px 0 0;}
.digt_info .top{padding-top:40px;background:linear-gradient(180deg, #0055FF, #0091E3);}
.digt_info .top .tit_box{display:flex;flex-direction:column-reverse;gap:24px;position:relative;padding-bottom:276px;}
.digt_info .top .tit_box::after{content:'';position:absolute;left:50%;bottom:0;width:330px;height:240px;margin-left:-165px;background:url(../images/common/img_digt_info_top.png) no-repeat 50% 50% / 100%}
.digt_info .top .tit{display:block;font-size:24px;font-weight:800;color:#fff;line-height:34px;text-align:center;}
.digt_info .top .tit br{display:none;}
.digt_info .top .txt_box{margin:0 -20px;padding:23px 20px;background:#036ED1;text-align:center;}
.digt_info .top .txt_box span{display:inline-block;padding:5px 16px;border-radius:50px;background:linear-gradient(90deg, rgba(0, 85, 255, 1), rgba(115, 33, 232, 1));font-size:18px;font-weight:700;color:#fff;line-height:26px;}
.digt_info .top .txt_box p{padding-top:8px;font-size:16px;color:#fff;line-height:24px;}
.digt_info .top .txt_box p br{display:none;}
.digt_info .method_info{padding:40px 0;background:#F6F8FD}
.digt_info h3{font-size:24px;font-weight:800;line-height:34px;text-align:center;}
.digt_info .method_info h3 + div,
.digt_info .method_info h4 + div{margin-top:24px;padding:40px 20px;border-radius:16px;background:#fff;box-shadow: 0px 0px 10px 0px rgba(39, 65, 130, 0.1);text-align:center;}
.digt_info .method_info ul{border-radius:16px;background:#F9FAFC;}
.digt_info .method_info li{position:relative;padding:200px 20px 24px;}
.digt_info .method_info li span{padding:3.5px 16px;border-radius:50px;background:linear-gradient(90deg, rgba(0, 85, 255, 1), rgba(115, 33, 232, 1));font-size:16px;font-weight:700;color:#fff;line-height:24px;}
.digt_info .method_info li p{padding-top:8px;font-size:14px;line-height:20px;}
.digt_info .method_info li p br{display:none;}
.digt_info .method_info li::before{content:'';position:absolute;left:50%;top:24px;width:240px;height:160px;margin-left:-120px;background:url(../images/common/img_digt_info1.png) no-repeat 50% 50% / 100%;}
.digt_info .method_info .issuance_info .step1::before{background-image:url(../images/common/img_digt_info1.png);}
.digt_info .method_info .issuance_info .step2::before{background-image:url(../images/common/img_digt_info1_2.png);}
.digt_info .method_info .issuance_info .step3::before{background-image:url(../images/common/img_digt_info1_3.png);}
.digt_info .method_info .issuance_info button{margin-top:24px;}
.digt_info .method_info .issuance_info + h3{padding-top:40px;}
.digt_info .method_info h4{padding-top:8px;font-size:16px;line-height:24px;text-align:center;}
.digt_info .method_info .coupon_info [class*="txt_num"]{display:block;font-size:18px;font-weight:700;color:#0055FF;line-height:26px;}
.digt_info .method_info .coupon_info [class*="txt_num"] + ul{margin-top:24px;}
.digt_info .method_info .coupon_info .desc + [class*="txt_num"]{padding-top:24px;}
.digt_info .method_info .coupon_info .txt_num + ul .step1::before{background-image:url(../images/common/img_digt_info2.png);}
.digt_info .method_info .coupon_info .txt_num + ul .step2::before{background-image:url(../images/common/img_digt_info2_2.png);}
.digt_info .method_info .coupon_info .txt_num + ul .step3::before{background-image:url(../images/common/img_digt_info2_3.png);}
.digt_info .method_info .coupon_info .desc{padding-top:16px;font-size:14px;color:#E50A59;line-height:20px;text-align:left;}
.digt_info .method_info .coupon_info .txt_num2 + ul .step1::before{background-image:url(../images/common/img_digt_info3.png);}
.digt_info .method_info .coupon_info .txt_num2 + ul .step2::before{background-image:url(../images/common/img_digt_info3_2.png);}
.digt_info .method_info .coupon_info .txt_num2 + ul .step3::before{background-image:url(../images/common/img_digt_info3_3.png);}
.digt_info .method_info .coupon_info .txt_num3 + ul .step1::before{background-image:url(../images/common/img_digt_info4.png);}
.digt_info .method_info .coupon_info .txt_num3 + ul .step2::before{background-image:url(../images/common/img_digt_info4_2.png);}
.digt_info .method_info .coupon_info .txt_num3 + ul .step3::before{background-image:url(../images/common/img_digt_info4_3.png);}
.digt_info .service_info{padding:40px 0;}
.digt_info .service_info ul{padding-top:24px;}
.digt_info .service_info li{position:relative;padding:24px 116px 24px 20px;border:1px solid #D7E2FF;border-radius:16px;background:#F6F8FD;}
.digt_info .service_info li + li{margin-top:16px;}
.digt_info .service_info li::after{content:'';position:absolute;top:35px;right:20px;width:80px;height:108px;background:url(../images/common/img_call.png) no-repeat 50% 50% / 100%;}
.digt_info .service_info li:last-child::after{background-image:url(../images/common/img_kakaotalk.png);}
.digt_info .service_info li span{display:block;font-size:14px;font-weight:700;line-height:20px;}
.digt_info .service_info li strong{display:block;font-size:18px;font-weight:700;line-height:26px;}
.digt_info .service_info li p{padding-top:8px;font-size:14px;color:#666;line-height:20px;}
.digt_info .service_info li a{margin-top:16px;}
.digt_info .service_info .desc{position:relative;margin-top:16px;padding-left:17px;font-size:13px;color:#666670;line-height:18px;}
.digt_info .service_info .desc + .desc{margin-top:0;}
.digt_info .service_info .desc::before{content:'';position:absolute;left:5px;top:7px;width:3px;height:3px;background:#666670;border-radius:50%;}

/* 지역 메인 */
.area_main{padding-top:56px;}
.area_main h4.tit{font-size:18px;font-weight:800;line-height:26px;}
.area_main .top{overflow:hidden;padding:40px 0;background:#DFE9FF;}
.area_main .top .tit_box{text-align:center;}
.area_main .top .tit_box > div{display:inline-block;position:relative;}
.area_main .top .tit_box > div::before,
.area_main .top .tit_box > div::after{content:'';position:absolute;left:-133px;top:-13px;width:99px;height:27px;background:url(../images/common/img_cloud.png) no-repeat 50% 50% / 100%;}
.area_main .top .tit_box > div::after{left:unset;right:-109px;top:11px;width:79px;height:23px;}
.area_main .top .tit_box h3.tit{font-size:24px;font-weight:800;line-height:34px;}
.area_main .top .tit_box h3.tit span{color:#0055FF;}
.area_main .top .tit_box .share_box{padding-top:16px;}
.area_main .top ul li:last-child{position:relative;}
.area_main .top ul li:last-child::before{content:'';position:absolute;right:-140px;top:0;width:40px;height:55px;background:url(../images/common/img_whole_balloon.png) no-repeat 50% 50% / 100%;}
.area_main .top .txt_box{position:relative;margin-top:32px;padding:24px 32px;border-radius:16px;background:#fff;font-size:14px;font-weight:600;line-height:20px;}
.area_main .top .txt_box::before{content:'';position:absolute;left:-20px;top:-25px;width:33px;height:101px;background:url(../images/common/img_balloon.png) no-repeat 0 0 / 100%;}
.area_main .top .txt_box::after{content:'';position:absolute;right:-20px;bottom:-40px;width:117px;height:97px;background:url(../images/common/img_person.png) no-repeat 0 0 / 100%;}
.area_main .coupon_info_wrap{padding:40px 0;}
.coupon_info_wrap .tab_list_wrap{padding-top:16px;}
.coupon_info_wrap .tab_list_wrap .tab_swiper_wrap .swiper-slide.active button{background-color:#000;}
.coupon_info_wrap .tab_list_wrap .btn[class*="ico"]{padding-left:40px;background:#fff url(../images/common/ico_show_gray.svg) no-repeat 20px 50% / 16px;}
.coupon_info_wrap .tab_list_wrap .btn.ico_activity{background-image:url(../images/common/ico_activity_gray.svg);}
.coupon_info_wrap .tab_list_wrap .btn.ico_stay{background-image:url(../images/common/ico_stay_gray.svg);}
.coupon_info_wrap .tab_list_wrap .btn.ico_food{background-image:url(../images/common/ico_food_gray.svg);}
.coupon_info_wrap .tab_list_wrap .btn.ico_shopping{background-image:url(../images/common/ico_shopping_gray.svg);}
.coupon_info_wrap .tab_list_wrap .btn.ico_etc{background-image:url(../images/common/ico_etc_gray.svg);}
.coupon_info_wrap .tab_list_wrap .btn.ico_fest{background-image:url(../images/common/ico_fest_gray.svg);}
.coupon_info_wrap .tab_list_wrap .btn.ico_trns{background-image:url(../images/common/ico_trns_gray.svg);}
.coupon_info_wrap .tab_list_wrap .swiper-slide.active .btn[class*="ico"]{background-image:url(../images/common/ico_show_white.svg);}
.coupon_info_wrap .tab_list_wrap .swiper-slide.active .btn.ico_activity{background-image:url(../images/common/ico_activity_white.svg);}
.coupon_info_wrap .tab_list_wrap .swiper-slide.active .btn.ico_stay{background-image:url(../images/common/ico_stay_white.svg);}
.coupon_info_wrap .tab_list_wrap .swiper-slide.active .btn.ico_food{background-image:url(../images/common/ico_food_white.svg);}
.coupon_info_wrap .tab_list_wrap .swiper-slide.active .btn.ico_shopping{background-image:url(../images/common/ico_shopping_white.svg);}
.coupon_info_wrap .tab_list_wrap .swiper-slide.active .btn.ico_etc{background-image:url(../images/common/ico_etc_white.svg);}
.coupon_info_wrap .tab_list_wrap .swiper-slide.active .btn.ico_fest{background-image:url(../images/common/ico_fest_white.svg);}
.coupon_info_wrap .tab_list_wrap .swiper-slide.active .btn.ico_trns{background-image:url(../images/common/ico_trns_white.svg);}
.area_main .coupon_info_wrap .event_list li a{height:174px;padding:47px 11px;border:1px solid #ccc;border-radius:8px;background:#fff;}
.area_main .coupon_info_wrap .event_list li a strong{padding-top:0;}
.area_main .coupon_info_wrap .event_list li .btn_coupon_save{position:absolute;left:12px;bottom:12px;height:unset;padding:0 20px 0 0;border:0;border-radius:0;background:url(../images/common/ico_coupon_down.svg) no-repeat right bottom 3px / 16px;font-size:13px;font-weight:600;line-height:18px;}
.area_main .coupon_info_wrap .event_list li .btn_coupon_save::before{content:'';display:inline-block;width:24px;height:24px;margin-right:4px;background:url(../images/common/ico_coupon_purple.png) no-repeat 0 50% / 24px;vertical-align:-6px;}
.area_main .event_wrap{padding:40px 0;background:#EFF4FF;}
.area_main .event_wrap .swiper_wrap{margin-top:16px;}
.area_main .event_wrap .swiper_wrap .swiper-wrapper{padding-bottom:24px;}
.area_main .event_wrap .swiper_wrap .swiper-slide a{position:relative;display:flex;flex-wrap:wrap;flex-direction:column-reverse;padding-top:58%;}
.area_main .event_wrap .swiper_wrap .swiper-slide a img{position:absolute;left:0;top:0;height:calc(100% - 60px);border-radius:8px;object-fit:cover;}
.area_main .event_wrap .swiper_wrap .swiper-slide .txt_box{width:100%;}
.area_main .event_wrap .swiper_wrap .swiper-slide strong{display:block;font-size:16px;font-weight:700;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.area_main .event_wrap .swiper_wrap .swiper-slide span{padding-top:4px;font-size:13px;color:#666;line-height:18px;}
.swiper_wrap .swiper-button-prev.type_circle,
.swiper_wrap .swiper-button-next.type_circle{display:none;}
.area_main .knowhow_wrap{padding:40px 0;background:#FAFAFA;}
.area_main .knowhow_wrap .tit_box{position:relative;padding:40px 0 64px;}
.area_main .knowhow_wrap .tit_box::before{content:'';position:absolute;left:0;top:0px;width:28px;height:24px;background:url(../images/common/ico_double_mark.png) no-repeat 50% 50% / 28px 24px;}
.area_main .knowhow_wrap .tit_box p{padding-top:8px;font-size:13px;font-weight:600;color:#666;line-height:18px;}
.area_main .knowhow_wrap .tit_box button{position:absolute;left:0;bottom:0;}
.area_main .knowhow_wrap ul{position:relative;display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;}
.area_main .knowhow_wrap ul::before{content:'';position:absolute;top:-71px;right:0;width:95px;height:100px;background:url(../images/common/img_bear.png) no-repeat 50% 50% / 95px 100px;}
.area_main .knowhow_wrap ul li{width:100%;padding:24px 24px 16px;border-radius:8px;background:#fff;box-shadow: 0px 4px 12px 0px rgba(20, 25, 50, 0.05);}
.area_main .knowhow_wrap ul li:first-child{position:relative; }
.area_main .knowhow_wrap li .txt{overflow:hidden;max-height:48px;font-size:16px;line-height:24px;}
.area_main .knowhow_wrap li .btn_more{margin-top:24px;}
.area_main .knowhow_wrap li.active .txt{overflow:unset;max-height:unset;word-break: break-all;}
.area_main .knowhow_wrap li.active .btn_more{display:none;}
.area_main .knowhow_wrap li .writer_box{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid #E6E6E6;}
.area_main .knowhow_wrap li .writer_box .user_info{display:flex;align-items:center;gap:8px;}
.area_main .knowhow_wrap li .writer_box .user_info .user_img{flex-shrink: 0; overflow:hidden;width:32px;height:32px;border-radius:50%;}
.area_main .knowhow_wrap li .writer_box .user_info .user_img img{width: 100%; height: 100%;object-fit: cover;object-position: center;}
.area_main .knowhow_wrap li .writer_box .user_info span{font-size:13px;font-weight:600;line-height:18px;}
.area_main .knowhow_wrap li .writer_box .btn_like_wrap{display:flex;align-items:center;gap:4px;}
.area_main .knowhow_wrap li .writer_box .btn_like_wrap span{font-size:13px;line-height:24px;}
.area_main .other_area_wrap{padding:32px 0;background:#EFF4FF;}
.area_main .other_area_wrap .tit{color:#33333D;}
.area_main .other_area_wrap .tab_list_wrap{padding-top:16px;}
.area_main .other_area_wrap .tab_btn_wrap{display:flex;flex-wrap:wrap;border-left:1px solid E6E6E6;border-top:1px solid #E6E6E6;}
.area_main .other_area_wrap .tab_btn_wrap li{width:20%;border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;}
.area_main .other_area_wrap .tab_btn_wrap li button{width:100%;padding:11px;background:#fff;font-size:16px;font-weight:700;line-height:24px;}
.area_main .other_area_wrap .tab_btn_wrap li.active button{position:relative;background:#000;color:#fff;}
.area_main .other_area_wrap .tab_btn_wrap li.active button::before{content:'';position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border:1px solid #000;}
.area_main .other_area_wrap .tab_con_wrap{padding-top:16px;}
.area_main .other_area_wrap .tab_con_wrap ul{display:flex;flex-wrap:wrap;margin-left:-16px;}
.area_main .other_area_wrap .tab_con_wrap ul li{position:relative;}
.area_main .other_area_wrap .tab_con_wrap ul li::before{content:'';position:absolute;left:0;top:2px;width:2px;height:16px;background:#ccc;}
.area_main .other_area_wrap .tab_con_wrap ul li:first-child::before{display:none;}
.area_main .other_area_wrap .tab_con_wrap ul li a{display:block;padding:0 16px;font-size:14px;font-weight:600;line-height:20px;letter-spacing:-.5px;}

/* 지역 메인- 팝업 */
.txtarea_box{position:relative;padding-bottom:36px;border:1px solid #E6E6E6;border-radius:8px;}
.txtarea_box textarea{width:100%;height:200px;padding:16px;border-radius:8px;}
.txtarea_box textarea::placeholder{font-size:14px;color:#666;line-height:20px;}
.txtarea_box:focus-within{outline:2px solid #000;}
.txtarea_box textarea{outline:none}
.txtarea_box .txt_length{z-index:1;position:absolute;right:20px;bottom:12.5px;}
.txtarea_box .txt_length{font-size:12px;color:#666;line-height:16px;}
.txtarea_box .txt_length span{color:#000;}

/* 혜택 */
.benefit .tit_wrap.type_detail .txt{font-size:16px;font-weight:600;line-height:24px;}
.benefit .tit_wrap.type_detail .desc{display:block;padding-top:8px;font-size:16px;color:#666;line-height:24px;}
.type_detail.tit_wrap ul .btn_bookmark{background-image:url(../images/common/ico_bookmark.svg);}
.benefit .tit_wrap{text-align:center;}
.benefit .tit_wrap [class*="flag"]{display:inline-block;}
.benefit .detail_content{padding-bottom:64px;}
.benefit .swiper_wrap.type_quarter{margin:32px -20px 0;}
.benefit .swiper_wrap.type_quarter .swiper-container{padding:0 0 32px;}
.benefit .swiper_wrap.type_quarter .swiper-slide button{overflow:hidden;position:relative;width:100%;padding-top:67%;border-radius:8px;}
.benefit .swiper_wrap.type_quarter .swiper-slide button img{position:absolute;left:0;right:0;top:0;bottom:0;height:100%;object-fit:cover;}
.benefit .swiper_wrap.type_quarter.no_swiper .swiper-container{padding-bottom:0;}
.benefit .swiper_wrap.type_quarter.no_swiper .swiper-wrapper{gap:16px;}
.benefit .swiper_wrap.type_quarter.no_swiper .swiper-wrapper{justify-content:center;transform:unset !important;}
.benefit .swiper_wrap.type_quarter.no_swiper .swiper-pagination{display:none;}
.benefit .btn_coupon_box{position:relative;margin-top:32px;border:1px solid #0055FF;border-radius:8px;box-shadow: 0px 0px 8px 0px rgba(0, 85, 255, 0.3);text-align:right;}
.benefit .btn_coupon_box .txt{position:absolute;left:0;right:56px;top:0;bottom:0;padding:12px 16px 12px 61px;border-radius:8px;background:#fff url(../images/common/ico_coupon_save.png) no-repeat 16px 50% / 40px;text-align:left;}
.benefit .btn_coupon_box .txt span{display:block;font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.benefit .btn_coupon_box .txt strong{display:block;font-size:14px;font-weight:700;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.benefit .btn_coupon_box .btn_save{width:64px;padding:11px 16px 11px 24px;border-top-right-radius:5px;border-bottom-right-radius:5px;background:#0055FF;font-size:12px;font-weight:700;color:#fff;line-height:16px;}
.benefit .btn_coupon_box .btn_save::before{content:'';display:block;width:24px;height:24px;background:url(../images/common/ico_save.svg) no-repeat 0 0 / 24px;}
.benefit .detail_info dt{padding-top:32px;font-size:16px;font-weight:700;line-height:24px;}
.benefit .detail_info dd{margin-top:8px;font-size:16px;line-height:24px;}
.benefit .detail_info dd a{word-break: break-all;}
.benefit .detail_info dd span{display:block;font-size:12px;color:#666;line-height:16px;}
.benefit .detail_info .map_box{position:relative;height:200px;}
.benefit .detail_info .map_box img{overflow:hidden;width:100%;height:100%;border-radius:8px;object-fit:cover;}
.benefit .detail_info .btn_map_info{position:absolute;right:13px;bottom:12px;padding:10px 35px 10px 15px;border:1px solid #000;border-radius:8px;background:#fff url(../images/common/ico_map_info.svg) no-repeat right 15px center / 16px;font-size:13px;font-weight:600;line-height:18px;}
.benefit .btn_wrap{margin-top:40px;flex-direction:column-reverse;}
.benefit .coupon_info_wrap{padding:40px 0;background:#F7F7F7;}
.benefit .coupon_info_wrap .inner{padding:0;}
.benefit .coupon_info_wrap h3.tit{padding:0 20px;}
.benefit .coupon_info_wrap .only_mo_slide_wrap{margin-top:16px;}

.coupon_info_wrap li{position:relative;}
.coupon_info_wrap li a{height:158px;padding:47px 11px 11px;border:1px solid #ccc;border-radius:8px;background:#fff;}
.coupon_info_wrap li [class*="flag"]{position:absolute;left:12px;top:12px;}
.coupon_info_wrap li strong{display:block;font-size:16px;font-weight:700;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.coupon_info_wrap li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:4px;font-size:14px;font-weight:600;line-height:20px;}
.coupon_info_wrap li p span{font-size:14px;color:#1567E2;line-height:20px;}
.coupon_info_wrap li .txt_discount{display:block;height:32px;padding-top:12px;font-size:13px;color:#666;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.coupon_info_wrap li .txt_discount span{color:#1567E2;}
.coupon_info_wrap li .btn_bookmark{position:absolute;right:12px;top:12px;}
.coupon_info_wrap li .txt_area{font-size:12px;font-weight:700;color:#666;line-height:16px;}
.coupon_info_wrap li .txt_area span{color:#1567E2;}

.only_mo_slide_wrap .swiper-slide{position:relative;}
.only_mo_slide_wrap .swiper-slide a{display:block;}
.only_mo_slide_wrap .swiper-slide img{overflow:hidden;border-radius:8px;}
.only_mo_slide_wrap [class*="flag"]{position:absolute;left:8px;top:8px;}
.only_mo_slide_wrap .info_box{padding-top:12px;}
.only_mo_slide_wrap .info_box span{font-size:12px;font-weight:700;color:#666;line-height:16px;}
.only_mo_slide_wrap .info_box strong{padding-top:4px;font-size:16px;font-weight:700;line-height:24px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.only_mo_slide_wrap .info_box p{padding-top:4px;font-size:13px;color:#666;line-height:18px;}
.only_mo_slide_wrap .btn_like{position:absolute;right:10px;top:10px;}

/* 혜택- viewer 팝업 */
.img_view_pop .dim{background:rgba(0, 0, 0, 0.7) !important;}
.img_view_pop .inner{height:100%;}
.img_view_pop .pop_con{z-index:1002;position:absolute;top:0;bottom:0;left:0;right:0;padding-top:72px;}
.img_view_pop .btn_pop_close{z-index:1002;position:fixed;top:20px;right:20px;width:36px;height:36px;background:url(../images/common/ico_close_white_circle.png) no-repeat 50% 50% / 100%;}
.img_view_pop .pop_con .con{height:100%;}
.img_view_pop .swiper_wrap.img_detail_top{height:100%;}
.img_view_pop .swiper_wrap.img_detail_top .swiper-container{height:100%;}
.img_view_pop .swiper_wrap.img_detail_top .swiper-slide img{position:absolute;left:0;top:0;right:0;bottom:0;max-width:100%;width:unset;max-height:100%;margin:auto;object-fit:cover;}
.img_view_pop .swiper_wrap.img_detail_top .swiper-button-prev,
.img_view_pop .swiper_wrap.img_detail_top .swiper-button-next{display:none;}
.img_view_pop .swiper_wrap.img_detail_bottom{z-index:1002;position:fixed;left:0;right:0;bottom:0;padding:24px 0 40px;}
.img_view_pop .swiper_wrap.img_detail_bottom .swiper-container{height:100%;}
.img_view_pop .swiper_wrap.img_detail_bottom .swiper-wrapper.no_transform{-webkit-transform:translateX(20px) !important;-o-transform:translateX(20px) !important;-moz-transform:translateX(20px) !important;transform:translateX(20px) !important;}
.img_view_pop .swiper_wrap.img_detail_bottom .swiper-slide{width:72px !important;height:72px !important;margin-right:12px;transition:.3s;}
.img_view_pop .swiper_wrap.img_detail_bottom .swiper-slide:last-child{margin-right:0;}
.img_view_pop .swiper_wrap.img_detail_bottom .swiper-slide button{position:relative;width:100%;height:100%;cursor:pointer;}
.img_view_pop .swiper_wrap.img_detail_bottom .swiper-slide button::after{content:' ';position:absolute;left:0;top:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.3);}
.img_view_pop .swiper_wrap.img_detail_bottom .swiper-slide-active button::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;border:2px solid #fff;}
.img_view_pop .swiper_wrap.img_detail_bottom .swiper-slide-active button::after{display:none;}
.img_view_pop .swiper_wrap.img_detail_bottom .swiper-slide img{height:100%;object-fit:cover;cursor:pointer;}

/* 혜택쿠폰- 사용전_가맹점 */
.bg_sky{background-color:#F4F8FF}
.pb0{padding-bottom:0 !important;}
.digt_issuance {display:flex;align-items:center;position:relative;height:100vh;min-height:600px;padding:0}
.digt_issuance::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border:16px solid transparent;background-image:linear-gradient(transparent, transparent),linear-gradient(0deg, #0055FF 0%, #7321E8 100%);background-origin: border-box;background-clip: content-box, border-box;}
.digt_issuance .inner {display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:32px;margin:auto;max-width:unset;width:calc(100% - 32px);height:calc(100% - 32px);border-radius:16px;background-color:#fff}
.digt_issuance .logo {flex:none;width:232px;height:32px;background:url(../images/common/logo_menu.svg) no-repeat 0 0 / 100% 100%}
.digt_issuance .qrcode {max-width:200px;margin:0 auto}
.digt_issuance .qrcode .tit {display:block;font-size:24px;line-height:34px;text-align:center}
.digt_issuance .qrcode .imgbox {margin-top:24px;border:4px solid transparent;border-radius:10px;background-image:linear-gradient(#fff, #fff),linear-gradient(0deg, #0055FF 0%, #7321E8 100%);background-origin: border-box;background-clip: content-box, border-box;}
.digt_issuance .gray_box {width:calc(100% - 26px);padding:20px;border-radius:8px;background-color:#EFF4FF;}
.digt_issuance .gray_box p {font-size:16px;line-height:24px;text-align:center}

/* 혜택쿠폰- 사용후_가맹점 */
.digt_issuance2 {padding:64px 0 108px}
.digt_issuance2 .logo .ico {display:block;height:24px;background:url(../images/common/logo_menu.svg) no-repeat 50% 0 / 174px 24px}
.digt_issuance2 .logo strong {display:block;margin-top:4px;font-size:24px;line-height:34px;letter-spacing: -.48px;text-align: center;}
.digt_issuance2 .con_body .text {margin-top:24px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.32px;}
.digt_issuance2 .con_body .sample {margin-top:16px;padding:24px 20px;border-radius:8px;border:1px solid #0055FF;background:#FFF;}
.digt_issuance2 .con_body .sample ol li {font-size:18px;font-weight:700;color:#333;line-height:26px;letter-spacing:-.36px;}
.digt_issuance2 .con_body .sample .noti {margin-top:16px;padding-top:16px;border-top:1px solid #E6E6E6;font-size:13px;color:#E50A59;line-height:18px;letter-spacing:-.26px;}
.digt_issuance2 .btn_wrap {position:fixed;bottom:0;left:0;right:0;padding:30px 20px;}

.digt_issuance2 .sample.type_after{margin-top:64px;padding:35px 0;font-size:18px;font-weight:700;line-height:26px;text-align:center;}

/* 혜택쿠폰- 사용전_사용자 */
.coupon_issuance .inner {display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:40px;flex:1 1 auto;margin:auto}
.coupon_issuance .logo {flex:none;width:232px;height:32px;background:url(../images/common/logo_menu.svg) no-repeat 0 0 / 100% 100%}
.coupon_issuance .process {width:100%}
.coupon_issuance .process ul li {position:relative;margin-top:12px;padding:12px 16px;border-radius:4px;background-color:#F7F7F7;font-size:16px;line-height:24px}
.coupon_issuance .process ul li:first-child {margin-top:0}
.coupon_issuance .process ul li.complete {background-color:#0055FF;color:#FFF}
.coupon_issuance .process ul li.complete::after {content:'';position:absolute;top:50%;right:16px;width:20px;height:20px;margin-top:-10px;background:url(../images/common/ico_check.svg) no-repeat 0 0 / 100% 100%}
.coupon_issuance .process ul li.ongoing {background-color:#FFF;border:1px solid #0055FF}
.coupon_issuance .process ul li.ongoing .ico {position:absolute;top:50%;right:16px;margin-top:-11px;}
.coupon_issuance .process ul li.ongoing .ico span {display:inline-flex;width:4px;height:4px;border-radius:50%;background-color:#CCC;  animation-name: changeColor;animation-duration:3s;animation-iteration-count:infinite;}
.coupon_issuance .process ul li.ongoing .ico span:nth-child(1) {animation-delay: 0s;}
.coupon_issuance .process ul li.ongoing .ico span:nth-child(2) {animation-delay: .5s;}
.coupon_issuance .process ul li.ongoing .ico span:nth-child(3) {animation-delay: 1s;}
.coupon_issuance .gray_box {width:calc(100% - 26px);padding:20px;border-radius:8px;background-color:#F7F7F7;}
.coupon_issuance .gray_box p {font-size:16px;line-height:24px;text-align:center}

@keyframes changeColor {
    0% { background-color: #CCC; }
    50% { background-color: #0055FF; }
    100% { background-color: #CCC; }
}

/* 혜택쿠폰- 사용후_사용자 */
.coupon_issuance2 .container{padding:88px 0 0;}
.coupon_issuance2 .logo{display:block;}
.coupon_issuance2 .header .inner{gap:6px;}
.coupon_issuance2 .header .btn_close{position:absolute;right:13px;top:12px;width:30px;height:30px;background:url(../images/common/ico_close.svg) no-repeat 50% 50% / 24px;}
.coupon_issuance2 .text {font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.32px;}
.coupon_issuance2 .coupon_list {margin-top:16px}
.coupon_issuance2 .coupon_list li {min-height:144px}
.coupon_issuance2 .coupon_list li .limit {padding-top:10px;font-size:12px;color:#666;line-height:16px;}
.coupon_issuance2 .coupon_list li .tit_box strong {font-size:22px;line-height:32px;letter-spacing: -.44px;}
.coupon_issuance2 .coupon_list li .tit_box .level span {color:#E50A59}
.coupon_issuance2 .coupon_list li.add {border:1px solid #E50A59;border-right-style:dashed}
.coupon_issuance2 .coupon_list li.add .tit_box strong {font-size:18px;line-height:26px}
.coupon_issuance2 .coupon_list li.add .btn_coupon {background:#E50A59}
.coupon_issuance2 .coupon_list .btn_coupon span{padding:0;background:0;}
.coupon_issuance2 .coupon_list .btn_coupon {padding:18px}
.coupon_issuance2 .btn_wrap {position:fixed;bottom:0;left:0;right:0;padding:30px 20px;}

/* 이벤트 레이어 팝업 */
.event_pop .pop_con{z-index:1002;position:fixed;left:20px;right:20px;top:50%;max-width:320px;margin:0 auto;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.event_pop .evt_swiper a {display:block;overflow:hidden;position:relative;padding-top:125%}
.event_pop .evt_swiper img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;min-width:100%;max-height:100%;min-height:100%;margin:auto}
.event_pop .evt_swiper .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content:''}
.event_pop .evt_swiper .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content:''}
.event_pop .evt_swiper .swiper-button-prev {width:40px;height:40px;background:url(../images/common/ico_prev_40.svg) no-repeat 0 0 / cover}
.event_pop .evt_swiper .swiper-button-next {width:40px;height:40px;background:url(../images/common/ico_next_40.svg) no-repeat 0 0 / cover}
.event_pop .evt_swiper .swiper-pagination-bullet {background:#CCC;opacity: 1;}
.event_pop .evt_swiper .swiper-pagination-bullet-active {width:24px;background:#0055FF;border-radius: 8px;}
.event_pop .btn_wrap {gap:0}
.event_pop .btn_wrap button {flex:1;padding:12px 0;background:#FFF;font-size:16px;line-height:24px;}
.event_pop .btn_wrap button + button {border-left:1px solid #D9D9D9}
.event_pop .btn_pop_close {position:static;width:auto;height:auto}

/* 이벤트- 리스트 */
.event .week_calendar_wrap{overflow:hidden;position:relative;margin:0 -20px;padding-top:20px;}
.event .week_calendar_wrap::before{content:'';position:absolute;left:20px;right:20px;top:8px;height:1px;background:#ccc;}
.event .week_calendar_wrap::after{content:'';position:absolute;left:20px;right:20px;bottom:0;height:1px;background:#ccc;}
.event .week_calendar_wrap .swiper_wrap{position:relative;padding:0 30px 12px;}
.event .week_calendar_wrap .swiper_wrap::before,
.event .week_calendar_wrap .swiper_wrap::after{content:'';z-index:2;position:absolute;left:0;top:-20px;width:20px;height:92px;background:#fff;}
.event .week_calendar_wrap .swiper_wrap::after{left:unset;right:0;}
.event .week_calendar_wrap .swiper_wrap .swiper-container{overflow:unset;}
.event .week_calendar_wrap .swiper_wrap .swiper-slide ul{display:flex;justify-content:space-between;}
.event .week_calendar_wrap .swiper_wrap .swiper-slide li{position:relative;}
.event .week_calendar_wrap .swiper_wrap .swiper-slide li.color_red{color:#E50A59;}
.event .week_calendar_wrap .swiper_wrap .swiper-slide li:first-child{color:#E50A59;}
.event .week_calendar_wrap .swiper_wrap .swiper-slide li:last-child{color:#0055FF;}
.event .week_calendar_wrap .swiper_wrap .swiper-slide li .month{position:absolute;left:50%;top:-20px;-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);padding:0 5px;border:1px solid #ccc;border-radius:30px;background:#fff;font-size:10px;font-weight:400;color:#333;line-height:14px;letter-spacing:-.2px;}
.event .week_calendar_wrap .swiper_wrap .swiper-slide li button{width:36px;padding:16px 0;font-size:12px;line-height:16px;}
.event .week_calendar_wrap .swiper_wrap .swiper-slide li button span{display:block;font-size:16px;font-weight:700;line-height:24px;}
.event .week_calendar_wrap .swiper_wrap .swiper-slide li button.active{border-radius:80px;background:#000;color:#fff;}
.event .week_calendar_wrap .swiper_wrap .swiper-button-prev:after,
.event .week_calendar_wrap .swiper_wrap .swiper-button-next:after{content:'';width:20px;height:20px;background:url(../images/common/ico_arrow_black.svg) no-repeat 50% 50% / 20px;font-family:unset;}
.event .week_calendar_wrap .swiper_wrap .swiper-button-prev:after{transform:rotate(180deg);}
.event .week_calendar_wrap .swiper_wrap .swiper-button-prev{left:-32px;}
.event .week_calendar_wrap .swiper_wrap .swiper-button-next{right:-31px;}
.event .week_calendar_wrap .swiper_wrap .btn_month{position:absolute;right:20px;top:-72px;padding:0 16px 0 48px;border-radius:32px;background:#6B7584 url(../images/common/ico_month.svg) no-repeat left 16px center / 24px;font-size:16px;color:#fff;line-height:40px;}
.event .tab_list_wrap .tab_con_wrap{padding-top:24px;}
.event_list{display:flex;gap:16px;flex-wrap:wrap;}
.event_list li{width:calc(50% - 8px);}
.event_list li a{display:block;}
.event_list li .img_box{overflow:hidden;position:relative;border-radius:8px;padding-top:100%;}
.event_list li .img_box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.event_list li strong{display:block;padding-top:16px;font-size:16px;font-weight:700;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.event_list li strong span{color:#1567E2;}
.event_list li .date{display:block;padding-top:4px;font-size:13px;color:#666;line-height:18px;}

.event .month_con_wrap .month{font-size:24px;font-weight:700;line-height:34px;}
.event .month_con_wrap .top_wrap{display:flex;align-items:center;}
.event .month_con_wrap .top_wrap button{width:32px;height:32px;background:url(../images/common/ico_btn_prev.svg) no-repeat 50% 50% / 24px;}
.event .month_con_wrap .top_wrap .btn_next{-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
.event .month_con_wrap .calendar_wrap{position:relative;display:flex;gap:24px;flex-wrap:wrap;padding-top:8px;}
.event .month_con_wrap .calendar_wrap .calendar_con_box{padding:12px 20px;border:1px solid #ccc;border-radius:8px;}
.event .month_con_wrap .calendar_wrap .calendar_head{display:flex;flex-wrap:wrap;border-bottom:1px solid #000;}
.event .month_con_wrap .calendar_wrap .calendar_head li{width:14.28%;padding:10px;font-size:14px;font-weight:700;line-height:20px;text-align:center;}
.event .month_con_wrap .calendar_wrap .calendar_head li.sat{color:#0055FF;}
.event .month_con_wrap .calendar_wrap .calendar_head li.sun{color:#E50A59;}
.event .month_con_wrap .calendar_wrap .calendar_days{display:flex;flex-wrap:wrap;}
.event .month_con_wrap .calendar_wrap .calendar_days li{width:14.28%;border-bottom:1px solid #E6E6E6;text-align:center;}
.event .month_con_wrap .calendar_wrap .calendar_days li button{position:relative;width:100%;height:56px;padding:8px 10px 24px;font-size:16px;color:#ccc;line-height:24px;}
.event .month_con_wrap .calendar_wrap .calendar_days li.active button{padding:6px 10px 22px;border:1px solid #0055FF;background:#EFF4FF;font-weight:700;color:#000;}
.event .month_con_wrap .calendar_wrap .calendar_days li.has_list button{color:#000;}
.event .month_con_wrap .calendar_wrap .calendar_days li.sat.has_list button{color:#0055FF;}
.event .month_con_wrap .calendar_wrap .calendar_days li.sun.has_list button{color:#E50A59;}
.event .month_con_wrap .calendar_wrap .calendar_days li.has_list button::after{content:'';position:absolute;left:50%;bottom:13px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#E50A59;}
.event .month_con_wrap .calendar_wrap .calendar_days li.none_line{border:0;}
.event .month_con_wrap .calendar_wrap .calendar_days li .list_box{overflow-y:auto;display:none;position:absolute;left:0;top:0;width:100%;min-height:90px;text-align:left;}
.event .month_con_wrap .calendar_wrap .calendar_days li .list_box a{display:flex;align-items:center;position:relative;height:104px;padding:16px 0 16px 88px;border-bottom:1px solid #E6E6E6;}
.event .month_con_wrap .calendar_wrap .calendar_days li .list_box a:first-child{margin-top:-16px;}
.event .month_con_wrap .calendar_wrap .calendar_days li .list_box a .img_box{overflow:hidden;position:absolute;left:0;top:16px;width:72px;height:72px;border-radius:8px;}
.event .month_con_wrap .calendar_wrap .calendar_days li .list_box a .img_box img{width:100%;height:100%;object-fit:cover;}
.event .month_con_wrap .calendar_wrap .calendar_days li .list_box a strong{font-size:14px;font-weight:700;line-height:20px;}
.event .month_con_wrap .calendar_wrap .calendar_days li .list_box a span{display:block;padding-top:8px;font-size:12px;color:#666;line-height:16px;}
.event .month_con_wrap .calendar_wrap .calendar_days li.active .list_box{display:block;}
.event .month_con_wrap .calendar_wrap .calendar_list_box{width:100%;}
.event .month_con_wrap .calendar_wrap .calendar_list_box .top{display:flex;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #000;}
.event .month_con_wrap .calendar_wrap .calendar_list_box .top strong{font-size:16px;font-weight:700;line-height:24px;}
.event .month_con_wrap .calendar_wrap .calendar_list_box .top span{font-size:14px;color:#666;line-height:20px;}
.event .month_con_wrap .calendar_wrap .calendar_list_box .top span em{font-weight:700;color:#0055FF;}

.event .tab_list_wrap .tab_con_wrap .no_data{padding:40px 0;}
.event .month_con_wrap .calendar_wrap.no_data{gap:32px;}
.event .month_con_wrap .calendar_wrap.no_data .calendar_list_box{padding:40px 0;}

/* 마이페이지 */
.bg_gray{background:#f7f7f7;}
.mypage .user_info{position:relative;}
.mypage .user_info > div{display:flex;gap:12px;align-items:center;}
.mypage .user_info .user_img{overflow:hidden;position:relative;width:48px;height:48px;border-radius:50%;}
.mypage .user_info .user_img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.mypage .user_info span{font-size:18px;line-height:26px;}
.mypage .user_info .user_name{font-weight:700;}
.mypage .btn_setting_box.type_logout{top:12px;}
.mypage .btn_setting_box.type_logout .setting_menu{width:unset;}
.mypage .btn_setting_box.type_logout .setting_menu button{padding:10px 12px 10px 30px;background:url(../images/common/ico_logout.svg) no-repeat 12px 50% / 14px;}
.mypage .btn_setting_box.type_logout .setting_menu .ico_withdrawal button{background-image:url(../images/common/ico_withdrawal.svg)}
.mypage .user_grade{padding:20px;}
.mypage .idcard_box{display:flex;flex-wrap:wrap;flex-direction:column-reverse;gap:32px;margin-top:32px;}
.mypage .idcard_box .idcard_menu{padding:20px;border-radius:16px;background:#fff;box-shadow:0px 4px 12px 0px rgba(20, 25, 50, 0.05);}
.mypage .idcard_box .idcard_menu strong{font-size:18px;font-weight:700;line-height:26px;}
.mypage .idcard_box .idcard_menu ul{display:flex;flex-wrap:wrap;}
.mypage .idcard_box .idcard_menu li{width:50%;margin-top:24px;}
.mypage .idcard_box .idcard_menu li a{display:block;padding-left:44px;background:transparent no-repeat 0 50% / 32px;font-size:14px;font-weight:600;line-height:32px;white-space: nowrap; /* 줄바꿈 방지 추가 */}
.mypage .idcard_box .idcard_menu .ico_history a{background-image:url(../images/common/ico_history.png);}
.mypage .idcard_box .idcard_menu .ico_coupon a{background-image:url(../images/common/ico_coupon.png);}
.mypage .idcard_box .idcard_menu .ico_exp a{background-image:url(../images/common/ico_exp.png);}
.mypage .idcard_box .idcard_menu .ico_favorite a{background-image:url(../images/common/ico_favorite.png);}
.mypage .idcard_box .idcard_menu .ico_report a{background-image:url(../images/common/ico_report.png);}
.mypage .idcard_box .idcard_menu .ico_pocket a{background-image:url(../images/common/ico_pocket.png);}
.mypage .idcard_box .qr_box{display:none;/*padding:32px 60px 34px;*/border-radius:16px;background: linear-gradient(123.81deg, #3373F4 9.02%, #7321E8 91.07%);}
.mypage .idcard_box .qr_box strong{display: block; font-size:23px;font-weight:700;color:#fff;line-height:26px;text-align:center; margin-top: 30px;}
.mypage .idcard_box .qr_box .qr_title{display:none; }
.mypage .idcard_box .qr_box .qr_img{display: none; width:83%; height:83%; margin:24px auto 0px; text-align:center;}
.mypage .idcard_box .qr_box .btn_wrap{justify-content:space-around;gap:0;margin:5px -16.5px 5px;}
.mypage .idcard_box .qr_box .btn_wrap a{width:100%;padding-left:28px;background:no-repeat 0 50% / 24px;font-size:14px;color:#fff;line-height:24px;
										text-align: center;  font-size: 18px; 
										background-position: calc(50% - 48px) 50%; background-size: 30px 30px;}
.mypage .idcard_box .qr_box .btn_wrap .btn_qr_scan{display:none; background-image:url(../images/common/ico_scan.svg); background-position: calc(50% - 48px) 50%; padding: 30px 0 30px 35px}
.mypage .idcard_box .qr_box .btn_wrap .btn_qr_empty{display:block;padding: 10px 0;}
.mypage .idcard_box .qr_box .btn_wrap .btn_qr_download{display:none; background-image:url(../images/common/ico_download.svg); background-position: calc(50% - 60px) 50%; padding: 30px 20px 30px 50px;}


/* 마이페이지- 나의 활동이력 */
.mypage .history_list li{margin-top:16px;padding:20px 24px;border-radius:8px;background:#fff;}
.mypage .history_list li:first-child{margin-top:0;}
.mypage .history_list .tit_box{display:flex;justify-content:space-between;align-items:center;}
.mypage .history_list .tit_box strong{padding-left:24px;background:no-repeat 0 0 / 20px;font-size:16px;font-weight:700;line-height:24px;}
.mypage .history_list .tit_box span{font-size:13px;color:#666;line-height:18px;}
.mypage .history_list .ico_celebrate .tit_box strong{background-image:url(../images/common/ico_celebrate.svg);}
.mypage .history_list .ico_issue .tit_box strong{background-image:url(../images/common/ico_issue.svg);}
.mypage .history_list .ico_benefit .tit_box strong{background-image:url(../images/common/ico_benefit.svg);}
.mypage .history_list p{padding-top:16px;font-size:14px;color:#333;line-height:20px;}
.mypage .history_list .exp_box{position:relative;padding-left:75px;}
.mypage .history_list .exp_box .btn_detail{position:absolute;left:0;bottom:5px;}
.mypage .history_list .exp_box span{display:block;padding-top:16px;font-size:22px;font-weight:700;color:#003399;line-height:32px;text-align:right;}

/* 마이페이지- 쿠폰함 */
.coupon_list li{position:relative;margin:16px 61px 0 0;padding:20px;border:1px solid #0055FF;border-right-style:dashed;border-radius:8px;background:#fff;}
.coupon_list li:first-child{margin-top:0;}
.coupon_list li .tit_box{padding-bottom:20px;}
.coupon_list li .tit_box p{font-size:13px;line-height:18px;}
.coupon_list li .tit_box p em{font-weight:700;}
.coupon_list li .tit_box .level{display:flex;gap:4px;align-items:center;padding-top:8px;font-size:12px;font-weight:600;color:#6B7584;line-height:16px;}
.coupon_list li .tit_box .level .img_box{width:16px;height:16px;line-height:unset;}
.coupon_list li .tit_box strong{display:block;padding-top:4px;font-size:18px;font-weight:700;line-height:26px;}
.coupon_list dl{position:relative;padding-left:49px;}
.coupon_list dl + dl{margin-top:4px;}
.coupon_list dl dt{position:absolute;left:0;top:0;font-size:12px;font-weight:400;color:#666;line-height:16px;}
.coupon_list dl dd{font-size:12px;color:#666;line-height:16px;}
.coupon_list .btn_coupon,
.coupon_list .coupon_complete{position:absolute;right:-61px;top:0;bottom:0;width:60px;border-radius:8px;background:#0055FF;font-size:14px;font-weight:700;color:#fff;line-height:16px;}
.coupon_list .btn_coupon span,
.coupon_list .coupon_complete span{position:absolute;left:50%;top:50%;width:18px;height:100%;-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;writing-mode:vertical-lr;}
.coupon_list .btn_coupon span{height:auto;}
.coupon_list .btn_coupon span{padding-top:28px;background:url(../images/common/ico_coupon_down_white.svg) no-repeat 50% 0 / 24px;}
.coupon_list .btn_coupon::after,
.coupon_list .coupon_complete::after{content:'';position:absolute;left:12px;bottom:-10px;width:52px;height:51px;background:url(../images/common/ico_coupon_opacity.png) no-repeat 50% 50% / 51px;}
.coupon_list .complete{border-color:#6B7584 !important;}
.coupon_list .complete .coupon_complete{padding:44px 23px;background:#6B7584 !important;}
.add_coupon .coupon_list li{border-color:#E50A59;}
.add_coupon .coupon_list li .btn_coupon{background-color:#E50A59;}
.default_coupon .coupon_list li .tit_box strong{padding-top:8px;font-size:22px;line-height:32px;}
.default_coupon .coupon_list li .desc{display:block;padding-top:10px;font-size:12px;color:#666;line-height:16px;}

/* 마이페이지- 경험치 보유현황 */
.mypage .my_exp_box{margin:32px 0;text-align:right;}
.mypage .my_exp_box .noti_box{text-align:initial;}
.mypage .my_exp_box .noti_box .tit_box{display:flex;justify-content:space-between;}
.mypage .my_exp_box .noti_box h3{font-size:18px;font-weight:800;line-height:26px;}
.mypage .my_exp_box .noti_box .btn_noti{padding-right:20px;background:url(../images/common/ico_noti.svg) no-repeat 100% 50% / 16px;font-size:14px;color:#333;line-height:20px;}
.mypage .my_exp_box .noti_box .txt_box{display:none;margin-top:8px;padding:20px;border-radius:8px;background:#F0F0F0;}
.mypage .my_exp_box .noti_box .txt_box .tit_box strong{font-size:16px;font-weight:700;line-height:24px;}
.mypage .my_exp_box .noti_box .txt_box .tit_box .btn_close{padding-right:20px;background:url(../images/common/ico_arrow_close.svg) no-repeat 100% 50% / 16px;font-size:14px;color:#333;line-height:20px;}
.mypage .my_exp_box .noti_box .txt_box p{padding-top:8px;font-size:14px;color:#333;line-height:20px;}
.mypage .my_exp_box .noti_box .txt_box ul{margin-top:8px;}
.mypage .my_exp_box .noti_box .txt_box li{position:relative;margin-top:0;padding-left:17px;font-size:13px;color:#666670;line-height:18px;}
.mypage .my_exp_box .noti_box .txt_box li::before{content:'・';position:absolute;left:0;top:0;}
.mypage .my_exp_box .btn_detail{display:inline-block;margin-top:16px;}
.mypage .exp_percentage{margin-top:16px;padding:44px 24px 32px;border-radius:8px;background:#fff;}
.mypage .exp_percentage > div{position:relative;}
.mypage .exp_percentage .percentage{position:absolute;left:77px;top:3px;bottom:0;width:10px;border-radius:5px;background:#E6E6E6;}
.mypage .exp_percentage .percentage span{position:absolute;width:100%;height:100%;border-radius:5px;background:linear-gradient(180deg, #1975FF 0%, #9A1AFF 100%);}
.mypage .exp_percentage li{position:relative;display:flex;align-items:flex-start;min-height:48px;margin-top:24px;padding-left:116px;}
.mypage .exp_percentage li:first-child{margin-top:0;}
.mypage .exp_percentage li .img_box{content:'';position:absolute;left:0;top:0;width:48px;height:48px;padding:0;margin-top:-14px;}
.mypage .exp_percentage li.off .img_box img{filter:grayscale(1);}
.mypage .exp_percentage li .grade{flex:2;font-size:16px;font-weight:700;line-height:24px;}
.mypage .exp_percentage li .grade::before{z-index:1;content:'';position:absolute;left:74px;top:3px;width:16px;height:16px;background:url(../images/common/ico_circle.svg) no-repeat 50% 50% / 16px;}
.mypage .exp_percentage li .exp{width:70px;font-size:16px;line-height:24px;letter-spacing:-.2px;text-align:right;}
.mypage .exp_percentage p{padding-top:24px;font-size:18px;font-weight:700;color:#E50A59;line-height:26px;text-align:center;}

.mypage .history_list p span{display:block;font-size:13px;font-weight:600;color:#6B7584;line-height:18px;}
.mypage .history_list .exp_box .expiration_date{padding-top:0;font-size:12px;font-weight:400;color:#666;line-height:16px;}

/* 마이페이지- 지역 경험치 확인하기 */
.mypage .area_exp_list li{margin-top:16px;}
.mypage .area_exp_list li:first-child{margin-top:32px;}
.mypage .area_exp_list li a{display:block;padding:20px;border-radius:8px;background:#fff url(../images/common/ico_arrow_black.svg) no-repeat right 20px top 26px / 20px;}
.mypage .area_exp_list li .area_box{padding-right:30px;}
.mypage .area_exp_list li .area_box .img_box{border:1px solid #E6E6E6;}
.area_box{display:flex;gap:12px;align-items:center;}
.area_box .img_box{overflow:hidden;width:32px;height:32px;border-radius:50%;background:#fff;}
.area_box .img_box img{width:100%;height:100%;object-fit:cover;}
.area_name{display:block;font-size:18px;font-weight:700;line-height:32px;}
.mypage li .user_grade{display:flex;gap:12px;align-items:center;margin-top:20px;padding:0;border-radius:0;box-shadow:none;}

/* 마이페이지- 나의 즐겨찾기 */
.mypage .area_wrap .list_box{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px;padding-top:16px;}
.mypage .area_wrap .list_box li{width:calc(33.33% - 11px);border-radius:8px;background:#fff;}
.mypage .area_wrap .list_box li a{display:block;padding:12px;}
.mypage .area_wrap .list_box li .area_box{display:block;text-align:center;}
.mypage .area_wrap .list_box li .area_box .img_box{width:60px;height:60px;margin:0 auto;}
.mypage .area_wrap.no_data .tit + .desc{margin-top:16px;}

.coupon_info_wrap{padding-top:0px;}
.coupon_info_wrap .txt_area{display:block;font-size:12px;font-weight:700;color:#666;line-height:16px;letter-spacing:-0.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.coupon_info_wrap .txt_area + strong{padding-top:4px;}

/* 마이페이지- 활동 리포트 */
.mypage .report_wrap h3{text-align:center;}
.mypage .report_wrap ul{padding-top:36px;}
.mypage .report_wrap li + li{margin-top:32px;}
.mypage .report_wrap li{position:relative;height:108px;padding:28px 24px 20px;border-radius:8px;}
.mypage .report_wrap li.type_area{background:#E1F1F0;}
.mypage .report_wrap li.type_store{background:#E1EEF7;}
.mypage .report_wrap li.type_division{background:#FDEFE6;}
.mypage .report_wrap li .flag_txt{position:absolute;top:-12px;left:16px;padding:4px 11px;border:none;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:0px;background:linear-gradient(90deg, #0055FF 0%, #7321E8 100%);color:#fff;}
.mypage .report_wrap li .img_box{overflow:hidden;width:60px;height:60px;border:2.5px solid #fff;border-radius:50%;box-sizing:border-box;}
.mypage .report_wrap li .area_box{gap:16px;}
.mypage .report_wrap li strong{display:block;font-size:18px;font-weight:700;line-height:24px;}
.mypage .report_wrap .type_division strong{line-height:60px;}
.mypage .type_division strong{position:relative;padding-left:76px;}
.mypage .type_division strong::before{content:'';position:absolute;left:0;top:0;width:60px;height:60px;background:no-repeat 0 0 / 100%;}
.mypage .type_division .ico_viewing::before{background-image:url(../images/common/ico_viewing.png);}
.mypage .type_division .ico_food::before{background-image:url(../images/common/ico_food.png);}
.mypage .type_division .ico_activity::before{background-image:url(../images/common/ico_activity.png);}
.mypage .type_division .ico_shopping::before{background-image:url(../images/common/ico_shopping.png);}
.mypage .type_division .ico_stay::before{background-image:url(../images/common/ico_stay.png);}
.mypage .type_division .ico_etc::before{background-image:url(../images/common/ico_etc.png);}
.mypage .type_division .ico_none::before{background-image:url(../images/common/ico_none.png);}

.mypage .ranking_wrap{padding-top:40px;}
.mypage .ranking_wrap h3{text-align:center;}
.mypage .ranking_wrap > ul > li{position:relative;margin-top:36px;}
.mypage .ranking_wrap > ul > li + li{margin-top:32px;}
.mypage .ranking_wrap li .flag_txt{position:absolute;top:-12px;left:16px;padding:4px 11px;border:none;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:0px;background:linear-gradient(90deg, #E50A59 0%, #FF4640 100%);font-size:12px;line-height:16px;color:#fff;}
.mypage .ranking_wrap li ul{padding:12px 20px;border-radius:8px;background:#fff;}
.mypage .ranking_wrap li li{position:relative;height:60px;padding:0 40px 4px 48px;background:url(../images/common/ico_rank1.png) no-repeat 0% 50% / 32px;box-sizing:unset;}
.mypage .ranking_wrap li li:nth-child(2){background-image:url(../images/common/ico_rank2.png);}
.mypage .ranking_wrap li li:nth-child(3){background-image:url(../images/common/ico_rank3.png);padding-bottom:0;}
.mypage .ranking_wrap li li + li{padding-top:4px;border-top:1px solid #E6E6E6;}
.mypage .ranking_wrap li li .img_box{overflow:hidden;width:60px;height:60px;border-radius:50%;}
.mypage .ranking_wrap li li strong{overflow:hidden;display:block;font-size:16px;line-height:60px;white-space:nowrap;text-overflow:ellipsis;}
.mypage .ranking_wrap li li span{position:absolute;right:0;top:50%;margin-top:-12px;font-size:16px;font-weight:700;line-height:24px;}
.mypage .ranking_wrap .type_division strong{padding-left:68px;}

/* 마이페이지- 활동 리포트_내역없음 */
.mypage li.result_none{height:108px;padding-right:10px;}
.mypage li.result_none strong{display:block;position:relative;padding-left:76px;font-size:18px;color:#666 !important;line-height:60px;}
.mypage li.result_none strong::before{content:'';position:absolute;left:0;top:0;width:60px;height:60px;background:url(../images/common/ico_none.png) no-repeat 50% 50% / 100%;}
.mypage .ranking_wrap .result_none{padding:24px 20px;background:#fff;}

/* 마이페이지- 관광주민증 보관함 */
.square_tab_wrap.type_list{gap:4px;flex-wrap:wrap;justify-content:unset;padding:0;background:unset;}
.square_tab_wrap.type_list li{width:calc(25% - 3px);}
.square_tab_wrap.type_list li button{padding:9px;border:1px solid #E6E6E6;border-radius:8px;background:#fff;font-size:14px;color:#000;line-height:20px;}
.square_tab_wrap.type_list li button.active{border:1px solid #000;background:#000;color:#fff;}
.mypage .idcard_pocket_list li{position:relative;height:84px;border-top-left-radius:16px;border-top-right-radius:16px;}
.mypage .idcard_pocket_list li::after{content:'';position:absolute;left:-2px;right:-2px;top:80px;height:50px;border-radius:16px;background:#fff;}
.mypage .idcard_pocket_list li::before{content:'';position:absolute;left:0;right:0;bottom:-10px;height:10px;background:inherit;}
.mypage .idcard_pocket_list li:last-child{height:168px;border-radius:16px;}
.mypage .idcard_pocket_list li:last-child::after,
.mypage .idcard_pocket_list li:last-child::before{display:none;}
.mypage .idcard_pocket_list li a{display:block;height:100%;padding:20px;}
.mypage .idcard_pocket_list li .name_box{display:flex;align-items:center;gap:8px;padding-right:35px;}
.mypage .idcard_pocket_list li .area_box{gap:6px;}
.mypage .idcard_pocket_list li .area_box .img_box{width:24px;height:24px;border:1px solid #E6E6E6;}
.mypage .idcard_pocket_list li .area_name{font-size:16px;color:#fff;line-height:24px;}
.mypage .idcard_pocket_list li .area_name::before{width:24px;height:24px;margin-right:6px;vertical-align:-8px;}
.mypage .idcard_pocket_list li .level_name{display:block;padding:0 12px;border:1px solid #fff;border-radius:28px;font-size:12px;font-weight:600;color:#fff;line-height:22px;}
.mypage .idcard_pocket_list li .btn_bookmark{position:absolute;right:20px;top:20px;}
.mypage .idcard_pocket_list li p{padding-top:6px;font-size:13px;font-weight:600;color:#fff;line-height:18px;}
.mypage.idcard_pocket .btn_type_default.ico_arrow{margin-top:32px;}
.bg_andong{background:#00C0FF;}
.bg_busan_seogu{background:#0B8BF4;}
.bg_danyang{background:#E45B44;}
.bg_ganghwa{background:#F9AB4E;}
.bg_gapyeong{background:#00B4FA;}
.bg_geochang{background:#F0424C;}
.bg_gochang{background:#0096FF;}
.bg_goesan{background:#87C058;}
.bg_goryeong{background:#2CD27A;}
.bg_hadong{background:#4268D7;}
.bg_haenam{background:#1388F1;}
.bg_hapcheon{background:#F15A41;}
.bg_hongcheon{background:#1DD674;}
.bg_imsil{background:#00CC9A;}
.bg_jangheung{background:#0D74F2;}
.bg_jecheon{background:#00CCBE;}
.bg_jeongseon{background:#87C058;}
.bg_muju{background:#00D690;}
.bg_namwon{background:#EF85B1;}
.bg_okcheon{background:#00C758;}
.bg_pyeongchang{background:#E24146;}
.bg_samcheok{background:#1E69DB;}
.bg_shinan{background:#1384D8;}
.bg_taean{background:#00B3FF;}
.bg_taebaek{background:#00BD7D;}
.bg_yangyang{background:#FF5E33;}
.bg_yeoncheon{background:#FFCF36;}
.bg_yeongdeok{background:#ECA2C7;}
.bg_yeongdo{background:#0C9DE9;}
.bg_yeongdong{background:#FD9F3A;}
.bg_yeonggwang{background:#01C9DF;}
.bg_yeongju{background:#00BD5C;}
.bg_yeongwol{background:#0146DF;}
.bg_yesan{background:#3D41BD;}

/* 마이페이지- 관광주민증 보관함 상세 */
.mypage .idcard_detail_box{padding:24px;border:1px solid #000;border-radius:16px;background-color:#fff;}
.mypage .idcard_detail_box .top_box{position:relative;}
.mypage .idcard_detail_box .area_box{gap:6px;padding-right:35px;font-size:22px;}
.mypage .idcard_detail_box .area_box .img_box{width:28px;height:28px;border:1px solid #E6E6E6;}
.mypage .idcard_detail_box .area_box .area_name{font-size:22px;}
.mypage .idcard_detail_box .btn_bookmark{position:absolute;top:4px;right:0;}
.mypage .idcard_detail_box .top_box .txt{display:block;padding-top:4px;font-size:14px;font-weight:600;color:#666;line-height:20px;text-align:center;}
.mypage .idcard_detail_box .profile_box{position:relative;width:160px;height:160px;margin:32px auto 0;}
.mypage .idcard_detail_box .profile_box img{width:100%;height:100%;border-radius:50%;object-fit:cover;}
.mypage .idcard_detail_box .user_grade{padding:0;background:transparent;box-shadow:unset;text-align:center;}
.mypage .idcard_detail_box .user_grade dt{font-size:14px;font-weight:600;line-height:20px;}
.mypage .idcard_detail_box .user_grade dd{padding-top:4px;}
.mypage .idcard_detail_box .user_grade .level{gap:4px;justify-content:center;}
.mypage .idcard_detail_box .user_grade .level span{font-size:28px;font-weight:700;line-height:38px;}
.mypage .idcard_detail_box .desc_box{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding-top:16px;}
.mypage .idcard_detail_box .desc_box + .desc_box{padding-top:4px;}
.mypage .idcard_detail_box .desc_box dt{font-size:13px;color:#666;line-height:18px;text-align:right;}
.mypage .idcard_detail_box .desc_box dd{font-size:13px;font-weight:600;line-height:18px;}
.mypage .idcard_detail_box .btn_wrap{gap:8px;margin-top:51px;}
.mypage .idcard_history_box{padding-top:32px;}
.mypage .idcard_history_box .sub_tit{font-size:18px;font-weight:800;color:#33333D;line-height:26px;}
.mypage .idcard_history_box .history_list{margin-top:16px;}
.mypage .idcard_history_box .history_list .exp_box{padding-left:0;}

/* 마이페이지- 관광주민증 보관함 상세_편집중 */
.mypage .btn_setting_box{position:absolute;right:0;top:4px;}
.mypage .btn_setting_box .btn_setting{width:24px;height:24px;background:url(../images/common/ico_setting_opacity.svg) no-repeat 50% 50% / 24px;}
.mypage .btn_setting_box .setting_menu{z-index:1;display:none;position:absolute;right:0;top:36px;width:161px;border:1px solid #E6E6E6;border-radius:4px;background:#EFF4FF;}
.mypage .btn_setting_box .setting_menu li + li{border-top:1px solid #E6E6E6;}
.mypage .btn_setting_box .setting_menu li button{width:100%;padding:9.5px 9px;font-size:14px;line-height:20px;text-align:left;}
.mypage .idcard_detail_box .profile_box .btn_camera{position:absolute;right:0;bottom:0;}
.mypage .idcard_detail_box .btn_wrap .btn_type_white{width:calc(50% - 25px);}
.mypage .idcard_detail_box .btn_camera{display:block;width:40px;height:48px;background:url(../images/common/ico_camera.svg) no-repeat 50% 50% / 40px;}

/* 마이페이지- 관광주민증 보관함 상세_편집완료 */
.mypage .idcard_detail_box.type_setting_bg{overflow:hidden;position:relative;border:0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.mypage .idcard_detail_box.type_setting_bg::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.3));}
.mypage .idcard_detail_box.type_setting_bg .area_name{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.5);}
.mypage .idcard_detail_box.type_setting_bg .top_box span{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.5);}
.mypage .idcard_detail_box.type_setting_bg .user_grade{position:relative;}
.mypage .idcard_detail_box.type_setting_bg .user_grade dt{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.5);}
.mypage .idcard_detail_box.type_setting_bg .user_grade dd{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.5);}
.mypage .idcard_detail_box.type_setting_bg .desc_box{position:relative;}
.mypage .idcard_detail_box.type_setting_bg .desc_box dt{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.5);}
.mypage .idcard_detail_box.type_setting_bg .desc_box dd{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.5);}
.mypage .idcard_detail_box.type_setting_bg .btn_wrap{position:relative;}
.mypage .idcard_detail_box.type_setting_bg .btn_wrap .btn_type_white{background:transparent;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.5);}

/* 마이페이지- 군수인사말 팝업 */
.greeting_pop.alert_pop .pop_con::after{content:'';position:absolute;right:0;width:93px;height:137px;background:url(../images/common/ico_greeting_pop.png) no-repeat 0 0 / 100%;}
.greeting_pop.alert_pop .tit_box h1{line-height:26px;}
.greeting_pop.alert_pop .con{padding:0 32px 0 0;font-size:14px;line-height:20px;}

/* 공지사항 */
.board_list .top span{font-size:14px;color:#666;line-height:20px;}
.board_list .top span span{font-weight:700;}
.board_list .top span em{color:#0055FF;}
.board_list ul{margin-top:12px;border-top:2px solid #000;}
.board_list ul li{border-bottom:1px solid #E6E6E6;}
.board_list ul li a{display:block;padding:10px 0;}
.board_list ul li strong{height:44px;font-size:14px;font-weight:700;color:#333;line-height:20px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.board_list ul li span{padding-top:8px;font-size:12px;color:#666;line-height:16px;}

/* 공지사항- 상세 */
.type_detail.tit_wrap h2.tit{display:block;padding-top:8px;font-size:24px;font-weight:700;line-height:50px;text-align:center;}
.type_detail.tit_wrap .date,
.type_detail.tit_wrap .txt{display:block;padding-top:8px;font-size:16px;color:#333;line-height:24px;text-align:center;}
.type_detail.tit_wrap .share_box{padding:24px 0 32px;border-bottom:2px solid #000;}
.board_detail .detail_content{padding-top:32px;}
.board_detail .detail_edit{font-size:14px;font-weight:400;line-height:20px;}
.board_detail .file_box{padding-top:32px;}
.board_detail .file_box span{padding-left:28px;background:url(../images/common/ico_file.svg) no-repeat 0 50% / 24px;font-size:16px;font-weight:700;color:#2C3038;line-height:24px;}
.board_detail .file_box ul{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;}
.board_detail .file_box ul li{padding:7px 11px;border-radius:4px;border:1px solid #ccc;}
.board_detail .file_box ul li a{font-size:16px;color:#333;line-height:24px;}
.board_detail .btn_link{margin-top:32px;}
.board_detail .paging_move{margin-top:32px;border-top:1px solid #E6E6E6;}
.board_detail .paging_move li{border-bottom:1px solid #E6E6E6;}
.board_detail .paging_move li a{display:flex;align-items:center;height:60px;padding:8px 16px;}
.board_detail .paging_move li a span{width:43px;font-size:12px;color:#666;line-height:16px;}
.board_detail .paging_move li a strong{width:calc(100% - 123px);font-size:12px;font-weight:700;line-height:16px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.board_detail .paging_move li a .date{width:80px;text-align:right;}
.board_detail .paging_move .btn_wrap{display:block;margin-top:32px;text-align:center;}

/* 에디트 영역 리셋 */
.detail_edit {font-size:14px;font-weight:400;}
.detail_edit > * {font-weight:400;line-height:1.4;}
.detail_edit button {background:transparent;}
.detail_edit strong {font-weight:700;}
.detail_edit ul,
.detail_edit ol{margin-left:20px;}
.detail_edit li {margin:0;border:none;font-weight:400;list-style:unset;}
.detail_edit li > * {font-weight:400;line-height:1.4;}
.detail_edit li > strong {font-weight:700;}
.detail_edit dl dt {font-weight:400;line-height:1.4;}
.detail_edit dl dd {font-weight:400;line-height:1.4;}
.detail_edit dl dt > * {font-weight:400;line-height:1.4;}
.detail_edit dl dd > * {font-weight:400;line-height:1.4;}
.detail_edit dl dt strong {font-weight:700;}
.detail_edit dl dd strong {font-weight:700;}
.detail_edit table th {padding:14px 16px;border-top:1px solid #E8ECF5;background:#F5F7FA;font-size:14px;font-weight:700;color:#2C3038;line-height:1.4;text-align:center;}
.detail_edit table td {padding:13px 16px;font-size:14px;font-weight:400;line-height:1.4;text-align:center;border: 1px solid #eaeaea;}
.detail_edit table th > * {font-size:14px;font-weight:700;line-height:1.4;text-align:center;}
.detail_edit table td > * {font-size:14px;font-weight:400;color:#2C3038;line-height:1.4;text-align:center;}
.detail_edit .form_box{display:block;position:relative;}
.detail_edit .form_box input[type="checkbox"] {position:absolute;width:16px;height:16px;margin:0;}
.detail_edit .form_box input[type="checkbox"]+label {display:inline-block;padding-left:22px;font-size:14px;font-weight:400;line-height:1.4;}
.detail_edit .form_box input[type="checkbox"]+label::before {content:'';position:absolute;top:1px;left:0;width:16px;height:16px;margin-right:10px;background:url(../images/common/ico_chkbox.svg) no-repeat 0 0 / 16px;}
.detail_edit .form_box input[type="checkbox"]:checked+label::before {background:url(../images/common/ico_chkbox_active.svg) no-repeat 0 0 / 16px;}
.detail_edit h1, .detail_edit h2, .detail_edit h3, .detail_edit h4, .detail_edit h5, .detail_edit h6 {font-size: revert;}

/* 서비스 가입 */
.service .desc{font-size:18px;color:#33333D;line-height:26px;text-align:center;}
.service .desc strong{font-weight:800;}
.service .agree_box{margin-top:32px;padding:20px;border-radius:8px;background:#fff;box-shadow: 0px 4px 12px 0px #1419320D;}
.service .agree_box strong{font-size:18px;font-weight:800;line-height:26px;}
.service .agree_box .detail{overflow-y:auto;height:300px;margin-top:16px;padding:16px;border:1px solid #E6E6E6;border-radius:8px;font-size:14px;color:#666;line-height:20px;}
.service .agree_box .form_box{margin-top:16px;}
.service  .btn_wrap{margin-top:40px;}

/* 서비스 가입- 발급지 선택 */
.service .desc .mo_br{display:block;}
.service .tit_box{display:flex;justify-content:space-between;align-items:flex-end;padding:32px 0 8px;}
.service h3{font-size:16px;font-weight:700;line-height:24px;}
.service .residence_place{padding:20px;border-radius:8px;background:#fff;box-shadow:0px 4px 12px 0px #1419320D;}
.service .residence_place .sel_wrap{display:flex;gap:8px;}
.service .residence_place .sel_wrap .sel_box{flex:1;}
.service .residence_place .desc{position:relative;margin-top:16px;padding-left:17px;font-size:13px;color:#666670;line-height:18px;text-align:left;}
.service .residence_place .desc::before{content:'';position:absolute;left:4px;top:7px;width:2px;height:2px;border-radius:50%;background:#666670;}
.service .issuance_place{padding:20px;border-radius:8px;background:#fff;box-shadow:0px 4px 12px 0px #1419320D;}
.service .issuance_place ul{display:flex;flex-wrap:wrap;gap:16px;}
.service .issuance_place ul li{width:calc(50% - 8px);}
.service .issuance_place ul li .form_box input[type="checkbox"]{margin-top:8px;}
.service .issuance_place ul li .form_box input[type="checkbox"]+label{padding-left:24px;font-weight:700;line-height:32px;}
.service .issuance_place ul li .form_box input[type="checkbox"]+label::before{top:8px;}
.service .issuance_place ul li label img{width:32px;height:32px;margin-right:8px;object-fit:cover;}
.service .issuance_place ul li.disabled,
.service .issuance_place ul li.complete{position:relative;}
.service .issuance_place ul li.disabled::after,
.service .issuance_place ul li.complete::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;}
.service .issuance_place ul li.disabled .form_box input[type="checkbox"]+label{color:#ccc;}
.service .issuance_place ul li.disabled .form_box input[type="checkbox"]+label::after{content:'';position:absolute;left:24px;top:0;width:32px;height:32px;background:#fff;opacity:.7;}
.service .issuance_place ul li.complete .form_box input[type="checkbox"]+label{color:#ccc;}
.service .issuance_place ul li.complete .form_box input[type="checkbox"]+label::before{background:url(../images/common/ico_chkbox_active_disabled.svg) no-repeat 0 0 / 100%;}
.service .issuance_place ul li.complete .form_box input[type="checkbox"]+label::after{content:'';position:absolute;left:24px;top:0;width:32px;height:32px;border-radius:50%;background:url(../images/common/ico_img_complete.png) no-repeat 50% 50% / 100%;}
.service .issuance_place .btn_type_default{margin-top:24px;}

/* 서비스 가입- 발급지 선택(header, footer 없는 버전) */
.height100{height:100%;}
.height100 .wrap{padding-bottom:0;}
.height100 .container{padding:80px 0;}

/* 서비스 가입- 발급완료 */
.service .complete_box{padding:32px 20px;border-radius:8px;background:#fff;box-shadow:0px 4px 12px 0px #1419320D;}
.service .complete_box .desc{font-weight:800;color:#000;}
.service .complete_box .desc::before{content:'';display:block;width:200px;height:160px;margin:0 auto 16px;background:url(../images/common/ico_service_complete.png) no-repeat 50% 50% / 100%;}
.service .complete_box .btn_idcard_box p{padding-top:64px;font-size:14px;font-weight:700;line-height:20px;}
.service .complete_box .btn_idcard_box a{display:block;margin-top:16px;}
.service .complete_box .btn_idcard_box .pc{display:none;}

/* 서비스 이용동의 */
.service_pop .con{padding:24px 0;}
.service_pop .txt_noti{padding:12px 24px;border-radius:8px;background:#FAFAFA;font-size:14px;font-weight:700;line-height:20px;text-align:center;}
.service_pop .txt_noti span{color:#0055FF;}
.service_pop .agree_box{padding-top:24px;}
.service_pop .agree_box span{font-size:14px;line-height:20px;}
.service_pop .agree_box span span{color:#E50A59;}
.service_pop .agree_box div{overflow:auto;max-height:200px;margin-top:16px;padding:16px 16px 12px;border:1px solid #E6E6E6;border-radius:8px;font-size:14px;color:#666;line-height:20px;}
.service_pop .agree_box div strong{font-weight:700;}

/* 260106  */
/* 상단 메뉴 하단에 점찍기 */
.header .nav .navbar > li{
    position: relative;
}


.header .nav .navbar > .ico_info > a{
    display: inline-block;
}

.share_box.type_white.cus-svcIntro{
    justify-content: center;
    margin-bottom: 2rem;
}

.digt_info .top .inner.cus-svcIntro::after{
    background: url(../images/common/img_digt_info_top_pc.png) no-repeat 50% 100% / 100%;
    height: 365px;
}

.header .cus-mobile-logo{
    display: flex;
    flex-direction: column;
    column-gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.header .cus-mobile-logo > div{
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
    justify-content: flex-start;
    width: 100%; 
    min-width: 0;
}

.sub-top{
    display: none;
}

.digt_info .top .tit_box.cus-svcIntro .tit{
       display: none;
}

.tab_list_wrap .tab_con_wrap .cus-morder{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 20px 0;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
}   

.tab_list_wrap .tab_con_wrap .cus-morder > *:after{
    content: '|';
    padding: 0 10px;
    font-weight: 400;
}

.tab_list_wrap .tab_con_wrap .cus-morder > *:last-child:after{
    content: none;
}

.tab_list_wrap .tab_con_wrap .cus-morder > *.on{
    font-weight: 800;
}

.tit_wrap.type_detail h3{
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
    margin-top: 36px;
}



.header .cus-mobile-sub-top{
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    margin-top: 20px;
    align-items: center;
	width: 100%;
}

.header .cus-mobile-sub-top .tit {
    flex: 1;            /* 1. 버튼을 제외한 남은 공간을 모두 차지 */
    min-width: 0;       /* 2. 최소 너비를 해제해야 말줄임이 계산됨 */
    white-space: nowrap;/* 3. 줄바꿈 방지 */
    overflow: hidden;   /* 4. 넘치는 부분 숨김 */
    text-overflow: ellipsis; /* 5. ... 표시 */
}

.header .inner{
    height: auto;
}

.header .cus-mobile-sub-top .btn_back{
    width: 20px;
    height: 20px;
    background: url(../images/common/ico_back.svg) no-repeat 50% 50% / 20px;
}

.main .header .logo{display:none;}

.cus-search-top{
    padding: 0p;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-shadow: 0px 10px 10px rgba(51, 51, 51, 0.2);
    position: fixed;
    top:56px;
    background: #fff;
    z-index: 10;
    height: auto;
    overflow: hidden;
    max-height: 0;
    transition: all 0.5s;
}

.cus-search-top.on{
    max-height: 600px;
}

.cus-search-top .center{
    max-width: 940px;
    width: 100%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    row-gap: 15px;
    padding: 0 15px;
}

.cus-search-top .right{
    display: block;
    margin-left: auto;
    padding-right: 20px;
    margin-bottom: 10px;
    font-size: 0;
}

.cus-search-top .right:after{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../images/common/btn_close.svg);
    background-size: cover;
}

.cus-search-top  h3{
    font-weight: 800;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #33333D;
}

.cus-search-top .center hgroup{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}

.cus-search-top .center hgroup .cus-all-del{
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.02em;
    justify-content: center;
    column-gap: 5px;
}

.cus-search-top .center hgroup .cus-all-del:after{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(../images/common/ico_del.svg);
    background-size: cover;
}

.cus-search-top .center .d1{
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    row-gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.cus-search-top .center .d1 > li{
    height: 36px;
    padding: 0 15px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 38px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cus-search-top .center .d1 > li button{
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}

.cus-search-top .center .d1 > li button:after{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(../images/common/btn_close.svg);
    background-size: cover;
}


.cus-search-top .center .d2{
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    row-gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.cus-search-top .center .d2 > li{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding:0px 16px;
    max-width: 320px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.02em;
    color: #666666;
    flex-basis:calc((100% - 32px) / 3) ;
    border: 1px solid #333;
}

.cus-search-top .center .d2 > li:hover{
    border:1px solid #ccc;
}

.cus-search-top .center .d2 > li button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    width: 100%;
    height: 100%;
}

.cus-search-top .center .d2 > li button:after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../images/common/ico_search.svg);
    background-size: cover;
}

.cus-search-top .cus-search-text{
    padding: 12px 16px;
    height: 52px;
    border: 2px solid #000000;
    border-radius: 8px;
    position: relative;
    margin-bottom: 20px;
}

.cus-search-top .cus-search-text button{
    font-size: 0;
}

.cus-search-top .cus-search-text button:after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../images/common/ico_search.svg);
    background-size: cover;
    position: absolute;
    right:3%;
    top:50%;
    transform: translateY(-50%);
}

.cus-search-top .cus-search-prev{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
    box-shadow: 0px 10px 10px rgba(51, 51, 51, 0.2);
    padding: 10px;
    width: 100%;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 800;
}

.cus-search-top .cus-search-prev > a{
    width: 20px;
    height: 20px;
    background: url(../images/common/ico_back.svg) no-repeat 50% 50% / 20px;
}

.cus-search-sub{
    padding: 0p;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background: #fff;
    height: auto;
    overflow: hidden;
    max-height: 0;
    transition: all 0.5s;
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
}

.cus-search-sub.on{
    max-height: 600px;
}

.cus-search-sub .center{
    max-width: 940px;
    width: 100%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    row-gap: 15px;
    padding: 0 15px;
}

.cus-search-sub  h3{
    font-weight: 800;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #33333D;
}

.cus-search-sub .center hgroup{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}

.cus-search-sub .center hgroup .cus-all-del{
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.02em;
    justify-content: center;
    column-gap: 5px;
}

.cus-search-sub .center hgroup .cus-all-del:after{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(../images/common/ico_del.svg);
    background-size: cover;
}

.cus-search-sub .center .d1{
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    row-gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.cus-search-sub .center .d1 > li{
    height: 36px;
    padding: 0 15px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 38px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cus-search-sub .center .d1 > li button{
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}

.cus-search-sub .center .d1 > li button:after{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(../images/common/btn_close.svg);
    background-size: cover;
}


.cus-search-sub .center .d2{
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    row-gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.cus-search-sub .center .d2 > li{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 11px 16px;
    max-width: 320px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.02em;
    color: #666666;
    flex-basis:calc((100% - 32px) / 3) ;
    border: 1px solid #333;
}

.cus-search-sub .center .d2 > li button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    width: 100%;

}

.cus-search-sub .center .d2 > li button:after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../images/common/ico_search.svg);
    background-size: cover;
}

.cus-search-sub h5{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #666666;
    margin-top: 20px;
}

.cus-search-sub .right{
    display: block;
    margin-left: auto;
    padding-right: 20px;
    margin-bottom: 10px;
    font-size: 0;
}

.cus-search-sub .right:after{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../images/common/btn_close.svg);
    background-size: cover;
}


.cus-search-top h5{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #666666;
    margin-top: 20px;
}

.info_search .tab_list_wrap .sub_tit span{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #33333D;
    margin-left: 5px;
}

.cus-tab-swiper{
    margin-bottom: 20px;
}
.cus-tab-swiper .swiper-slide{width:auto;}
.cus-tab-swiper .swiper-slide button,
.cus-tab-swiper .swiper-slide a{padding:8px 14px;border:1px solid #E6E6E6;border-radius:30px;background:#fff;font-size:16px;font-weight:600;color:#838383;line-height:24px;letter-spacing:-.2px;}
.cus-tab-swiper .swiper-slide.active button,
.cus-tab-swiper .swiper-slide.active a{border-color:#000;background:#000;color:#fff;font-weight:700;color:#fff;}

.cus-tab-swiper .swiper-slide button img{
    max-width: 20px;
    margin-right: 5px;
}

.cus-tab-swiper .swiper-slide.on button{
    border: 2px solid #333;
    color: #333;
    font-weight: 700;
}

.cus-tour-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.cus-tour-info > li{
    display: block;
    width: 100%;
    padding-bottom: 24px;
    padding-top: 24px;
    border-bottom: 1px solid #E6E6E6;
}

.cus-tour-info > li .d1{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    column-gap: 24px;
}


.cus-tour-info > li .d1 > div:first-child img{
    display: none;
}

.cus-tour-info > li .d1 > div:last-child{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    align-items: flex-start;
     flex-basis: calc(100% - 217px);
}

.cus-tour-info > li .d1 h4{
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
}

.cus-tour-info > li .d1 h4 span{
    color: #1567E2;
}

.cus-tour-info > li .d1 h5{
    display: inline-block;
    width: auto;
    padding: 4px 10px;
    background: #003399;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

.cus-tour-info > li .d1 p{
    line-height: 1.5em;
    height: 46px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cus-tour-news{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.cus-tour-news > li{
    display: block;
    width: 100%;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #E6E6E6;
   
}

.cus-tour-news > li .d1{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: 100%;
}

.cus-tour-news > li h4{
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
}

.cus-tour-news > li h4 span{
    color: #1567E2;
}

.cus-tour-news > li p{
    line-height: 1.5em;
    height: 46px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info_search .idcard_wrap .idcard_list{
    background: #fff;
    padding-left: 0;
    padding-right: 0;
}

.info_search .idcard_wrap .idcard_list > li{
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 14px;
    padding-top: 14px;
}

.info_search .idcard_wrap .idcard_list .d1{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info_search .idcard_wrap .idcard_list .d1 > div{
    display: flex;
    align-items: center;
}

.info_search .idcard_wrap .idcard_list .d1 > div > img{
    max-width: 32px;
    margin-right: 4px;
}


.info_search .idcard_wrap .idcard_list .d1 .desc{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.info_search .idcard_wrap .idcard_list .d1 .desc a{
    padding: 0px 12px;
    background: #0055FF;
    border-radius: 50px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

.info_search .con .idcard_wrap .idcard_list{
    padding-top: 0;
}

.info_search .con .idcard_wrap .idcard_list >li:first-child{
    padding-top: 0;
}

.mypage .inner{
    padding-top: 30px;
}

.mypage.np .inner{
    padding-top: 0;
}

.cus-tour-news > li:last-child{
    margin-bottom: 0;
}

.cus-tour-info > li:first-child{
    padding-top: 0;
}


/* 260121 */
.cus-agree{
    display: flex;
    flex-direction: column;
    row-gap:10px ;
    width: 100%;
    border-top:1px solid #E6E6EB;
    padding-top: 24px;
    margin-top: 24px;
}

.cus-agree > .d1 label{
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #000000;
}

.cus-agree > .d1 button{
    margin-left: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-decoration-line: underline;
    color: #838383;
}

.cus-agree > .d2{
    background-color: #F7F7F7;
    padding:10px ;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    width: 100%;
}

.cus-agree > .d2 dl{
    display: flex;
    width: 100%;
    flex-direction: row;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #666666;
    column-gap: 3px;
}

.cus-agree > .d2 dl > dt{
    font-weight:700 ;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    color: inherit;
}

.cus-agree > .d2 dl > dt:before{
    content: '';
    display: inline-flex;
    width: 4px;
    height: 4px;
    background-color: #666;
    border-radius: 50%;
}

.cus-agree > .d2 dl > dd{
    color: inherit;
}

.cus-agree > .d3{
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #666666;
}

.cus-popup{
    position: fixed;
    left:50%;
    top:50%;
    background-color: #fff;
    padding: 16px 20px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(20, 25, 50, 0.05);
    border-radius: 16px;
    transform: translate(-50%,-50%);
    max-width: 80%;
    width: 100%;
    z-index: 1011;
    display: none;
    box-sizing: border-box;
}

.cus-popup.on{
    display: block;
}

.cus-popup > .d1{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.cus-popup > .d1 h3{
    font-weight: 800;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #000000;
}

.cus-popup > .d2{
    padding: 16px 16px 12px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    display: block;
    max-height: 300px;
    overflow-y: auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #666666;
    display: flex;
    width: 100%;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 15px;
}

.cus-popup > .d2 p{
    line-height: 1.3em;
}

.cus-popup-bg{
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1002;
    background-color: rgba(0,0,0,0.6);
    left:0;
    top:0;
}

.cus-popup-bg.main{
    background-color: rgba(0,0,0,0.4);
}

.cus-popup-bg.sub{
    z-index: 1020;
}

.cus-popup .cus-agree{
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.cus-popup.main{
    max-width:100%;
    top: initial;
    bottom: 0;
    transform: none;
    left: 0;
    z-index: 1011;
    padding-bottom: 30px;
    box-sizing: border-box;
    border-radius: 16px 16px 0 0;
} 

.cus-popup.sub{
    z-index: 1021;
}

.cus-popup.main .cus-agree > .d4{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    column-gap:8px;
    margin-top:14px ;
}

.cus-popup.main .cus-agree > .d4 > *{
    flex-basis: calc( (100% - 8px) / 2);
    height: 48px;
    background: #FFFFFF;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    border: 1px solid #333;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.02em;
}

.cus-popup.main .cus-agree > .d4 > .btn-ok{
    background: #0055FF;
    color: #fff;
}

.mypage .btn_setting_box.type_logout .setting_menu button{
    white-space: nowrap;
}

.mypage .btn_setting_box.type_logout .setting_menu .ico_marketing_ok button{
    background-image:url(../images/common/ico_marketing_ok.svg);
    background-position: 11% 28%;
}

.mypage .btn_setting_box.type_logout .setting_menu .ico_marketing_not button{
    background-image:url(../images/common/ico_marketing_not.svg);
    background-position: 11% 28%;
}

.cus-popup.fit{
    width: 100%;
    max-width: 80%;
}

.cus-popup.fit > .d2{
    border: none;
    margin-top: 0;
    padding-top: 0;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.cus-popup.fit > .d4{
    margin-top: 14px;
}

.cus-popup.fit > .d4 > *{
    height: 48px;
    background: #0055FF;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    width: 100%;
    color: #fff;
}

/************************************************* 358px 이하 [s] *************************************************/
@media screen and (max-width:358px){
    /* 혜택- viewer 팝업 */
    .img_view_pop .swiper_wrap.img_detail_bottom .swiper-wrapper.no_transform{-webkit-transform:translateX(12px) !important;-o-transform:translateX(12px) !important;-moz-transform:translateX(12px) !important;transform:translateX(12px) !important;}
}
/************************************************* 358px 이하 [e] *************************************************/

/************************************************* 350px 이하 [s] *************************************************/
@media screen and (max-width:350px){
    /* 여행 정보 검색- 검색 결과 있음 */
    .event_list li .date{font-size:12px;}

    /* 이벤트- 리스트 */
    .event .week_calendar_wrap .swiper_wrap .swiper-slide li button{width:30px;}

    .user_grade > a{padding:13px;}
    .user_grade dl{gap:4px;flex:unset !important;}

    /* 마이페이지 */
    .mypage .user_info .user_grade{padding:13px;}
    .mypage .idcard_box .qr_box .btn_wrap a{padding-left:24px;background-size:22px;font-size:12px;}
}
/************************************************* 350px 이하 [e] *************************************************/

/************************************************* 450px 이상 [s] *************************************************/
@media screen and (min-width:450px){
    /* 혜택- viewer 팝업 */
    .img_view_pop .swiper_wrap.img_detail_bottom .swiper-wrapper{justify-content:center;transform:unset !important;}
    .img_view_pop .swiper_wrap.img_detail_bottom .swiper-wrapper.no_transform{transform:unset !important;}
}
/************************************************* 450px 이상 [e] *************************************************/
@media screen and (max-width:720px){

    /* 260106 */
    .cus-search-top .center .d2 > li{
        flex-basis: calc((100% - 16px) / 2);
    }
    .cus-search-sub .center .d2 > li{
        flex-basis: calc((100% - 16px) / 2);
    }
}

/************************************************* 720px 이상 [s] *************************************************/
@media screen and (min-width:720px){
    /* 디지털 관광주민증 소개 */
    .digt_info .top .tit_box{flex-direction:column;gap:16px;padding-bottom:290px;}
    .digt_info .method_info li{padding-bottom:40px;}
    .digt_info .method_info li:last-child{padding-bottom:24px;}
    .digt_info .service_info ul{display:flex;gap:16px;}
    .digt_info .service_info ul li{flex:1;margin-top:0;}

    /* 혜택 */
    .benefit .swiper_wrap.type_quarter{margin:32px 0 0;}
    .benefit .swiper_wrap.type_quarter.no_swiper .swiper-slide{width:40% !important;margin-right:0 !important;}
    .benefit .swiper_wrap.type_quarter.no_swiper.length3 .swiper-wrapper{justify-content:unset;}
    .benefit .swiper_wrap.type_quarter.no_swiper.length3 .swiper-slide{width:calc(33.333% - 11px) !important;}
    .benefit .btn_wrap{flex-direction:unset;}
    .benefit .coupon_info_wrap .only_mo_slide_wrap{padding:0 20px;}
    .benefit .coupon_info_wrap .only_mo_slide_wrap .swiper-wrapper{gap:16px;}
    .benefit .coupon_info_wrap .only_mo_slide_wrap .swiper-wrapper .swiper-slide{width:31.5%;}

    .img_view_pop .swiper_wrap.img_detail_bottom .swiper-slide{width:85px !important;height:85px !important;margin-right:20px;}

    /* 이벤트- 리스트 */
    .event .week_con_wrap{position:relative;}
    .event .week_con_wrap::after{content:'';z-index:2;position:absolute;left:0;top:8px;width:35px;height:1px;background:#ccc;}
    .event .week_calendar_wrap .swiper_wrap{padding:0 40px 12px;}
    .event .week_calendar_wrap .swiper_wrap .swiper-button-prev{left:-42px;}
    .event .week_calendar_wrap .swiper_wrap .swiper-button-next{right:-41px;}

    /* 마이페이지 */
    .mypage .idcard_box .qr_box strong{margin-top:20px;}
    .mypage .idcard_box .qr_box .qr_img{width:220px; height:207px;margin-top:12px;}
	.mypage .idcard_box .btn_qr_empty {display:none;}
	.mypage .idcard_box .qr_box .btn_wrap .btn_qr_download{display:none; background-image:url(../images/common/ico_download.svg);background-position: calc(50% - 60px) calc(50% - 5px); padding: 0px 20px 10px 50px;}
	.mypage .idcard_box .qr_box .btn_wrap .btn_qr_scan{background-position: calc(50% - 60px) calc(50% - 5px); padding: 0px 20px 10px 50px;}
	

    .mypage .idcard_box{flex-direction:unset;flex-wrap:unset;gap:24px;}
    .mypage .idcard_box .idcard_menu{/*width:calc(100% - 300px);*/ width: 100%; padding:0;background:transparent;box-shadow:unset;}
    .mypage .idcard_box .idcard_menu strong{display:none;}
    .mypage .idcard_box .idcard_menu ul{gap:16px;justify-content:space-between;}
    .mypage .idcard_box .idcard_menu li{width:calc(32.5% - 8px);margin-top:0;}
    .mypage .idcard_box .idcard_menu li a{padding:98.5px 20px 34.5px;border-radius:8px;background-color:#fff;background-position:50% 34.5px;background-size:48px;box-shadow: 0px 4px 12px 0px rgba(20, 25, 50, 0.05);line-height:20px;text-align:center;}
    /*.mypage .idcard_box .qr_box{width:300px;padding:32px 70px; display: none;}*/
    .mypage .idcard_box .qr_box{width:400px; display: none;}
    .mypage .idcard_box .qr_box .btn_wrap{margin:24px -45px 0;}


     /* 마이페이지- 나의 즐겨찾기 */
    .mypage .area_wrap .list_box li{width:100px;}
    
    /* 메인 이벤트 팝업 */
    .event_pop .pop_con{z-index:1002;position:fixed;left:20px;right:20px;top:50%;max-width:440px;margin:0 auto;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
}
/************************************************* 720px 이상 [e] *************************************************/

/************************************************* 1023px 이하 [s] *************************************************/
@media screen and (max-width:1023px){
	.type_detail.tit_wrap h2.tit.noline{display: block;padding-top: 8px;font-size: 24px;font-weight: 700;line-height: 34px;text-align: center;}
}
/************************************************* 1023px 이하 [e] *************************************************/

/************************************************* 1024px 이상 [s] *************************************************/
@media screen and (min-width:1024px){
    /* skip */
    #skip {display:block;position:absolute; top:0px; left:0; width:100%; z-index:3000;}
    #skip a {display:block; height:1px; left:0; line-height:0; margin-top:-1px; overflow:hidden; position:absolute; top:0;outline-offset: -3px;}
    #skip a:hover, #skip a:focus, #skip a:active {background:none repeat scroll 0 0 #666; color:#FFFFFF; font-size:14px; font-weight:bold; padding:20px 0; text-align:center; width:100%; z-index:100;}

    /****************** guide [s] ******************/
    /* button */
    [class*="btn_type"]{width:320px;margin:0 auto;}
    [class*="btn_type_s"]{width:auto;height:46px;padding:11px 24.5px;font-size:16px;line-height:24px;}
    [class*="btn_type_s"].ico_arrow::after{vertical-align:-3px;}
    .btn_wrap [class*="btn_type"]{margin:0;}
    .btn_detail{padding-right:20px;font-size:16px;line-height:24px;background-size:16px;}
    .btn_more{padding-right:20px;font-size:16px;line-height:24px;background-size:16px;}
    .paging_box{padding-top:40px;}

    /* input */
    input::placeholder{font-size:18px;line-height:26px;}
    .search_box input{padding:12px 45px 12px 22px;font-size:22px;font-weight:700;line-height:32px;}
    .search_box .btn_search{right:5px;top:10px;width:40px;height:40px;}
    .search_box.type_border_gray input{padding:11px 40px 11px 16px;font-size:16px;font-weight:400;line-height:24px;}

    .form_box input[type="checkbox"]{width:20px;height:20px;}
    .form_box input[type="checkbox"]+label{padding-left:28px;font-size:16px;line-height:24px;}
    .form_box input[type="checkbox"]+label::before{top:1px;width:20px;height:20px;background-size:19px;}

    /******** swiper ********
    *************************/
    /* tab_swiper */
    .tab_swiper_wrap .swiper-slide button{padding:10px 23px;font-size:18px;font-weight:600;color:#838383;line-height:26px;letter-spacing:-.2px;}
    .tab_swiper_wrap .swiper-slide.active button{color:#fff;}
    .tab_swiper_wrap.type_underline .swiper-slide button,
    .tab_swiper_wrap.type_underline .swiper-slide a{padding:5px 0;}

    .tab_list_wrap .tab_swiper_wrap{margin:0;}
    .tab_list_wrap .tab_swiper_wrap .swiper-container{padding:0;}

    /* slide */
    .swiper-container{overflow:hidden;}
    .only_mo_slide_wrap .swiper-container .swiper-wrapper{gap:24px !important;}
    /* .only_mo_slide_wrap .swiper-container .swiper-wrapper .swiper-slide{width:calc(50% - 25px) !important;margin-right:0 !important;}pc에서 mo로 넘어가는 어느 순간에 화면 떨림 방지 */
    .only_mo_slide_wrap .swiper-container .swiper-pagination,
    .only_mo_slide_wrap .swiper-container .swiper-button-prev,
    .only_mo_slide_wrap .swiper-container .swiper-button-next{display:none;}

    /******** popup ********
    *************************/
    .full_pop {background:none;}
    .full_pop .tit_box{top:0;height:unset;padding:32px 40px 16px;box-shadow:unset;}
    .full_pop .tit_box h1{padding:0;background:#fff;font-size:28px;line-height:38px;}
    .full_pop .btn_pop_close{position:absolute;top:33px;right:40px;z-index:101;}
    .full_pop .pop_con{overflow:hidden;position:fixed;left:50%;top:50%;right:unset;bottom:unset;z-index:1002;width:1020px;padding:86px 40px 32px;border-radius:25px;-webkit-transform:translate( -50%, -50%);-o-transform:translate( -50%, -50%);-moz-transform:translate( -50%, -50%);transform:translate( -50%, -50%);box-sizing:border-box;}
    .full_pop .pop_con .inner{overflow-y:auto;position:relative;max-height:calc(100vh - 300px);background:#fff;}
    .layer_wrap{word-break:keep-all;}
    .layer_wrap .dim{display:block; position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;}
    .full_pop .br{display:inline;}
    .full_pop .btn_wrap {display:none}
    .alert_pop .pop_con{width:650px;left:50%;right:unset;padding:32px 40px;-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
    .alert_pop .tit_box h1{font-size:28px;font-weight:800;line-height:38px;}
    .alert_pop .btn_pop_close{width:38px;height:38px;}

    /* header */
    .header .inner{justify-content:space-between;align-items:center;height:90px;padding:0 40px !important;}
    .header .btn_back{display:none;}
    .header .logo .link_digt{width:159.5px;height:22px;background-size:159.5px 22px;}
    .header .nav{display:block;position:unset;width:unset;height:unset;width:calc(100% - 532px);padding-top:0;border:0;background:#fff;visibility:visible;opacity:1;transition:usnet;}
    .header .nav .user_info{display:none;}
    .header .nav .navbar{overflow:unset;display:flex;justify-content:center;position:unset;padding:0;}
    .header .nav .navbar > li{margin:0 0 0 3%;}
    .header .nav .navbar > li > a {position:relative;padding:26px 3px;background:0 !important;}
    .header .nav .navbar > li span{font-size:22px;font-weight:400;line-height:32px;}
    .header .nav .navbar > li.active span{font-weight:700;}
    .header .nav .navbar > li.active span::after{content:'';position:absolute;left:50%;bottom:15px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#0055FF;}
    .header .nav .navbar > .ico_myid > a::after{display:none;}
    .header .nav .sub_menu{display:none;}
    .header .util{display:flex;gap:24px;align-items:center;}
    .header .util .search_box{width:240px;}
    .header .util .search_box input{padding:11px 35px 11px 0;border:0;border-bottom:1px solid #000;border-radius:0;font-size:18px;font-weight:600;line-height:26px;}
    .header .search_box .btn_search{top:9px;right:0;width:33px;height:33px;}
    .header .util .btn_mypage{overflow:hidden;position:relative;display:block;width:32px;height:32px;border-radius:50%;}
    .header .util .btn_mypage img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
    .header .btn_menu{display:none;}

    /* footer */
    .footer .inner{max-width:940px;margin:0 auto;padding:32px 0;}
    .footer .top_box address{display:flex; flex-wrap: wrap; gap:0 16px;}
    .footer .bottom_box{display:flex;justify-content:space-between;}
    .footer .bottom_box ul{gap:32px;align-items:center;padding-top:0;}
    .footer .bottom_box .web a{display:block;}

    /* top 버튼 */
    .btn_top_box{right:20px;bottom:20.67px !important;}

    /* layout */
    .header .logo{display:flex;gap:12px;align-items:center;}
    .header h2.tit{display:none;}
    /* 260106 */
    .header .us-mobile-sub-top{display:none;}
/* //260106 */
    .container h2.tit{display:block;}
    h3.tit{font-size:24px;line-height:34px;}

    .container{padding:154px 0 80px;}
    .container .inner{max-width:940px;margin:0 auto;padding:0;}
    .container .inner h2.tit{display:block;padding:0 0 64px;font-size:36px;font-weight:800;line-height:50px;text-align:center;}

    /****************** guide [e] ******************/
    /* 로딩 */
    .loading .lottie_box lottie-player{width:320px;height:180px;}

    /* 404 에러 */
    .error_404 .notice{font-size:24px;line-height:34px;}
    .error_404 .notice::before{margin-bottom:50px;}
    .error_404 .desc{padding-top:20px;font-size:18px;line-height:26px;}

    /* 메인 */
    .main{padding-bottom:0;}
    .main .container{padding-top:170px;}
    .main .header .inner{display:flex;height:90px;padding:0 40px;}
    .main .header .logo{display:flex;gap:12px;align-items:center;padding:0;}
    .main .header .logo .link_digt{width:159.5px;height:22px;background-image:url(../images/common/logo.svg);background-size:159.5px 22px;}
    .main .header .logo .link_visitkorea{display:none;}
    .main .header .gnb{display:none;}
    .quick_menu_box{display:none;}
    .main_idcard_box{bottom:88.67px;right:20px;left:unset;height:unset;text-align:right;}
    .main_idcard_box::before{height:48px;border-radius:24px;}
    .main_idcard_box .btn_open_idcard{width:unset;padding:13px 19px 13px 39px;border-radius:24px;box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.2);}
    .main_idcard_box .btn_open_idcard::after{display:none;}
    .main_idcard_box [class*="state"]{display:none;}
    .main_idcard_box .top{gap:4px;flex-wrap:wrap;padding:24px 24px 20px 124px;text-align:left;}
    .main_idcard_box .img_box{position:absolute;left:24px;top:24px;width:80px;height:80px;}
    .main_idcard_box .txt_box{width:100%;padding:0;}
    .main_idcard_box .txt_box strong{font-size:18px;line-height:26px;}
    .main_idcard_box .txt_box p{font-size:14px;line-height:20px;}
    .main_idcard_box .btn_login{font-size:14px;line-height:26px;}
    .main_idcard_box .btn_temporary_login{padding:16px;font-size:14px;line-height:23px;}
    .main_idcard_box .state_login .top{height:124px;align-items:center;}
    .main_idcard_box .btn_wrap a{width:100%;}
    .main_idcard_box .btn_wrap .btn_qr_scan{display:none;}
    .main_idcard_box.active{bottom:88.67px;right:20px;left:unset;}
    .main_idcard_box.active [class*="state"]{display:block;width:400px;}

    .main_visual_wrap .inner{max-width:1200px;}
    .main_visual_wrap h2{padding:0 0 100px;font-size:40px;line-height:52px;}
    .main_visual_wrap .main_visual_tab{background:linear-gradient(279.88deg, #EAFBE2 62.27%, #AFD8CA 96.3%);}
    .main_visual_wrap .main_visual_tab .inner{position:relative;display:flex;gap:40px;align-items:center;padding:32px 0;}
    .main_visual_wrap .main_visual_tab .inner::after{content:'';position:absolute;left:752px;top:0;width:448px;height:600px;background:url(../images/common/img_map.png) no-repeat 0 0 / 100%;}
    .main_visual_wrap .main_visual_tab .top{width:688px;}
    .main_visual_wrap .main_visual_tab .tab_list{width:168px;margin-right:520px;}
    .main_visual_wrap .main_visual_tab .tab_list button{width:64px;font-size:24px;line-height:84.4px;}
    .main_visual_wrap .main_visual_tab .tab_list button.active{font-size:36px;}
    .main_visual_wrap .main_visual_tab .img_list{bottom:unset;top:-84px;right:0;width:450px;}
    .main_visual_wrap .main_visual_tab .tab_con_list{z-index:1;position:relative;max-width:472px;min-width:472px;min-height:306px;}
    .main_visual_wrap .main_visual_tab .tab_con_list ul{gap:8px;}
    .main_visual_wrap .main_visual_tab .tab_con_list ul li{width:112px;}
    .main_visual_wrap .main_visual_tab .tab_con_list .area_box .img_box{width:80px;height:80px;margin:0 auto;}
    .main_visual_wrap .main_visual_tab .tab_con_list .area_box .area_name{font-size:18px;line-height:26px;}

    .main .user_tab_wrap .tab_list_wrap{padding-top:80px;}
    .main .user_tab_wrap .tab_list_wrap .tab_swiper_wrap{width:940px;margin:0 auto;}
    .main .user_tab_wrap .tab_list_wrap .tab_con_wrap{margin:0;padding-top:24px;}
    .main .user_tab_wrap .swiper-container{padding:0;}
    .main .user_tab_wrap .swiper-wrapper .img_box{width:auto;}
    .main .user_tab_wrap .tab_con_wrap .swiper-container{padding-bottom:48px;}
    .main .user_tab_wrap .swiper_inner .swiper_wrap .swiper-button-prev.type_circle,
    .main .user_tab_wrap .swiper_inner .swiper_wrap .swiper-button-next.type_circle{margin-top:-50px;}
    .main .user_tab_wrap .swiper_wrap .swiper-pagination{display:block;}

    .main .event_wrap .sub_tit{max-width:940px;margin:0 auto;font-size:24px;line-height:34px;}
    .main .event_wrap .swiper_inner .swiper-container{margin-top:24px;padding:0 0 48px;}
    .main .event_wrap .swiper_inner .swiper_wrap .swiper-button-prev.type_circle,
    .main .event_wrap .swiper_inner .swiper_wrap .swiper-button-next.type_circle{margin-top:-92px;}
    .main .event_wrap .swiper_wrap .swiper-pagination{display:block;}

    .main .notice_wrap{padding-top:80px;}
    .main .notice_wrap .inner{padding-top:0;}
    .main .notice_wrap .sub_tit{top:20.5px;left:42px;font-weight:700;}
    .main .notice_wrap ul{margin-top:0;padding:20px 128px;}
    .main .notice_wrap ul a{z-index:1;position:relative;font-size:18px;line-height:26px;}
    .main .notice_wrap .btn_more{top:20.5px;right:42px;}

    /* 여행 정보 검색- 검색 결과 있음 */
    .info_search.container{padding-top:154px;}
    .info_search .tab_list_wrap{padding-top:12px;}
    .info_search .tab_list_wrap .tab_con_wrap{padding-top:64px;}
    .info_search .tab_list_wrap .inner{position:relative;}
    .info_search .tab_list_wrap .sub_tit_box{margin-bottom:24px;}
    .info_search .tab_list_wrap .sub_tit{font-size:24px;line-height:34px;}
    .info_search .tab_list_wrap .sub_tit_box .btn_more{display:block;position:absolute;right:0;top:0;font-size:16px;line-height:34px;}
    .info_search .tab_list_wrap .mobile_none{display:block !important;}
    .info_search .area_wrap .list_box{gap:24px;}
    .info_search .area_wrap .list_box li{width:calc(16% - 14px);}
    .info_search .area_wrap .list_box a{padding:16px 12px;}
    .info_search .area_wrap .list_box .img_box{width:80px;height:80px;}
    .info_search .area_wrap .list_box .area_name{font-size:18px;line-height:26px;}
    .info_search .tab_list_wrap .only_mo_slide_wrap{margin:0;}
    .info_search .tab_list_wrap .only_mo_slide_wrap .swiper-container .swiper-wrapper{flex-wrap:nowrap;gap:0;}
    .info_search .tab_list_wrap .coupon_info_wrap{padding-top:0;}
    .info_search .tab_list_wrap .coupon_info_wrap .sub_tit_box .btn_more,
    .info_search .tab_list_wrap .event_wrap .sub_tit_box .btn_more{-webkit-transform:unset;-moz-transform:unset;-o-transform:unset;transform:unset;}
    .info_search .idcard_wrap .idcard_list strong{font-size:18px;line-height:26px;}
    .info_search .idcard_wrap .idcard_list .d1{display:flex;justify-content:space-between;align-items:center;}
    .info_search .idcard_wrap .idcard_list .d1 .desc{padding-top:0;font-size:14px;line-height:20px;}

    /* 여행 정보 검색- 검색 결과 없음 */
    .info_search .search_none{margin: 120px 0;}

    /* 여행 정보 검색- 검색 전 */
    .info_search .before_search{margin:100px 0;padding-top:170px;}
    .info_search .before_search .desc{font-size:18px;line-height:26px;}
    .info_search .before_search .desc::after{top:0;width:248px;height:170px;margin-left:-124px;}
    .info_search .before_search .br_mo{display: inline;}

    /* 디지털 관광주민증 소개 */
    .digt_info{padding:90px 0 0;}
    .digt_info .top{overflow:hidden;padding:64px 0;}
    .digt_info .top .inner{position:relative;}
    .digt_info .top .inner::after{content:'';position:absolute;right:-135px;bottom:-64px;width:660px;height:276px;background:url(../images/common/img_digt_info_top_pc.png) no-repeat 50% 50% / 100%;}
    .digt_info .top .tit_box{gap:unset;flex-direction:unset;align-items:flex-start;justify-content:space-between;padding-bottom:68px;}
    .digt_info .top .tit_box::after{display:none;}
    .digt_info .top h2.tit{padding:0;text-align:left;}
    .digt_info .top .tit br{display:block;}
    .digt_info .top .txt_box{margin:0;padding:0;background:unset;text-align:left;}
    .digt_info .top .txt_box span{padding:4px 16px;font-size:22px;line-height:32px;}
    .digt_info .top .txt_box p{padding-top:12px;font-size:18px;line-height:26px;}
    .digt_info .top .txt_box p br{display:block;}
    .digt_info h3{font-size:32px;line-height:40px;}
    .digt_info .method_info{padding:80px 0;}
    .digt_info .method_info ul{display:flex;gap:16px;justify-content:space-between;}
    .digt_info .method_info li{flex:1;padding:204px 32px 24px;}
    .digt_info .method_info li::before{width:175px;height:140px;margin-left:-87.5px;}
    .digt_info .method_info li span{padding:3.5px 11.5px;}
    .digt_info .method_info li p{font-size:16px;line-height:26px;}
    .digt_info .method_info li p br{display:block;}
    .digt_info .method_info li p em{font-weight:700;}
    .digt_info .method_info h3 + div,
    .digt_info .method_info h4 + div{margin-top:40px;padding:40px;}
    .digt_info .method_info .issuance_info button{margin-top:40px;}
    .digt_info .method_info .issuance_info + h3{padding-top:60px;}
    .digt_info .method_info h4{padding-top:16px;}
    .digt_info .method_info .coupon_info [class*="txt_num"]{font-size:28px;font-weight:800;line-height:38px;}
    .digt_info .method_info .coupon_info .desc{font-size:16px;line-height:26px;}
    .digt_info .method_info .coupon_info .desc + [class*="txt_num"]{padding-top:32px;}
    .digt_info .service_info{padding:80px 0;}
    .digt_info .service_info ul{gap:24px;padding-top:48px;}
    .digt_info .service_info ul li{padding:24px 136px 24px 40px;}
    .digt_info .service_info li::after{right:40px;}
    .digt_info .service_info li span{font-size:18px;font-weight:800;line-height:26px;}
    .digt_info .service_info li strong{font-size:20px;font-weight:800;line-height:26px;}
    .digt_info .service_info li a{height:40px;padding:11px 20px;font-size:13px;line-height:18px;}

    /* 지역 메인 */
    .area_main{padding-top:90px;}
    .area_main h4.tit{font-size:24px;line-height:34px;}
    .area_main .top{padding:64px 0;}
    .area_main .top .inner{position:relative;}
    .area_main .top .inner::before,
    .area_main .top .inner::after{content:'';position:absolute;left:-718px;bottom:-91px;width:658px;height:318px;background:url(../images/common/img_cloud_left.png) no-repeat 50% 50% / 100%;}
    .area_main .top .inner::after{left:unset;right:-1028px;bottom:-77px;width:1068px;height:360px;background-image:url(../images/common/img_cloud_right.png );}
    .area_main .top .tit_box{display:flex;justify-content:space-between;align-items:flex-start;text-align:left;}
    .area_main .top .tit_box > div::before{left:-264px;top:unset;bottom:-11px;width:103px;height:30px;}
    .area_main .top .tit_box > div::after{right:unset;left:-367px;top:unset;bottom:-135px;width:183px;height:52px;}
    .area_main .top .tit_box h3.tit{font-size:36px;line-height:50px;}
    .area_main .top .tit_box ul{padding-top:0;}
    .area_main .top ul li:last-child::before{right:-425px;top:13px;width:67px;height:91px;}
    .area_main .top .txt_box{min-height:236px;padding:40px 48px;font-size:18px;line-height:26px;}
    .area_main .top .txt_box::before{left:-160px;top:43px;width:85px;height:130px;background:url(../images/common/img_whole_balloon_pc.png) no-repeat 50% 50% / 85px 130px;}
    .area_main .top .txt_box::after{z-index:1;right:-334px;bottom:-64px;width:357px;height:388px;background:url(../images/common/img_person_pc.png) no-repeat 50% 50% / 357px 388px;}
    .area_main .coupon_info_wrap{padding:64px 0;}
    .area_main .event_wrap{padding:64px 0;background:#EFF4FF url(../images/common/bg_circle.png) no-repeat 50% 50% / cover;}
    .area_main .event_wrap .inner{overflow:unset;position:relative;}
    .area_main .event_wrap .tit{position:absolute;left:0;top:11px;}
    .area_main .event_wrap .swiper_wrap{margin-top:0;}
    .area_main .event_wrap .swiper_wrap .swiper-wrapper{padding-bottom:0;}
    .area_main .event_wrap .swiper_wrap .swiper-slide a{flex-wrap:unset;flex-direction:unset;gap:24px;padding:0;}
    .area_main .event_wrap .swiper_wrap .swiper-slide a .txt_box{width:calc(100% - 482px);padding-top:53px;}
    .area_main .event_wrap .swiper_wrap .swiper-slide a .txt_box strong{overflow:unset;min-height:108px;padding-top:0;font-size:36px;line-height:50px;white-space:unset;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
    .area_main .event_wrap .swiper_wrap .swiper-slide a .txt_box span{padding-top:8px;font-size:16px;line-height:24px;}
    .area_main .event_wrap .swiper_wrap .swiper-slide a img{position:unset;width:458px;height:240px;}
    .area_main .event_wrap .swiper_wrap .swiper-pagination{left:0;bottom:8px;width:unset;}
    .swiper_wrap .swiper-button-prev.type_circle,
    .swiper_wrap .swiper-button-next.type_circle{display:block;left:-88px;width:48px;height:48px;background:url(../images/common/ico_swiper_prev.png) no-repeat 50% 50% / 48px;}
    .swiper_wrap .swiper-button-prev.type_circle::after,
    .swiper_wrap .swiper-button-next.type_circle::after{display:none;}
    .swiper_wrap .swiper-button-next.type_circle{left:unset;right:-88px;transform:rotate(180deg);}
    .swiper_inner .swiper_wrap .swiper-button-prev.type_circle,
    .swiper_inner .swiper_wrap .swiper-button-next.type_circle{display:none;}
    .area_main .knowhow_wrap{padding:40px 0 80px;}
    .area_main .knowhow_wrap .tit_box::before{left:-64px;width:48px;height:40px;background-size:48px 40px;}
    .area_main .knowhow_wrap .tit_box p{padding-top:16px;font-size:18px;line-height:26px;}
    .area_main .knowhow_wrap .tit_box button{width:unset;}
    .area_main .knowhow_wrap ul{margin-top:48px;}
    .area_main .knowhow_wrap ul::before{top:-112px;width:152px;height:160px;background-size:152px 160px;}
    .area_main .knowhow_wrap ul li{display:flex;gap:40px;padding:32px 32px 24px;}
    .area_main .knowhow_wrap li .txt_box{width:calc(100% - 94px);}
    .area_main .knowhow_wrap li .txt{max-height:26px;font-size:18px;line-height:26px;}
    .area_main .knowhow_wrap li .writer_box{display:block;width:94px;margin-top:0;padding-top:0;border:0;}
    .area_main .knowhow_wrap li .writer_box .user_info span{font-size:14px;line-height:20px;}
    .area_main .knowhow_wrap li .writer_box .btn_like_wrap{margin-top:16px;justify-content:flex-end;}
    .area_main .knowhow_wrap li .writer_box .btn_like_wrap span{font-size:14px;}
    .area_main .other_area_wrap{padding:40px 0;}
    .area_main .other_area_wrap .tab_list_wrap{padding-top:24px;}
    .area_main .other_area_wrap .tab_con_wrap ul{margin-left:-24px;}
    .area_main .other_area_wrap .tab_btn_wrap li{width:10%;}
    .area_main .other_area_wrap .tab_btn_wrap li button{font-size:18px;line-height:26px;}
    .area_main .other_area_wrap .tab_con_wrap ul li a{padding:0 24px;font-size:16px;line-height:24px;}
    .tab_list_wrap .tab_con_wrap{padding-top:16px;}

    .event_list li{width:calc(25% - 18px);}
    .coupon_info_wrap .tab_list_wrap .btn[class*="ico"]{padding:10px 23px 10px 47px;background-size:20px;}
    .area_main .coupon_info_wrap .event_list li a{height:158px;padding:52px 16px 16px;box-sizing:border-box;}
    .area_main .coupon_info_wrap .event_list li a:hover{border:1px solid #0055FF;border-radius:8px;box-shadow: 0px 4px 12px 0px rgba(0, 85, 255, 0.2);}
    .area_main .coupon_info_wrap .event_list li a:hover a{border:0;}
    .area_main .coupon_info_wrap .event_list li a:hover [class*="flag"]{left:15px;top:15px;}
    .area_main .coupon_info_wrap .event_list li a:hover .btn_bookmark{right:15px;top:15px;}
    .area_main .coupon_info_wrap .event_list li .btn_coupon_save{display:none;}
    .coupon_info_wrap li a{height:184px;padding:50px 11px 14px;}
    .coupon_info_wrap li [class*="flag"]{left:16px;top:16px;}
    .coupon_info_wrap li .btn_bookmark{right:16px;top:16px;}
    .coupon_info_wrap li strong{font-size:18px;line-height:26px;}
    .coupon_info_wrap li p{padding-top:8px;font-size:16px;line-height:24px;}
    .coupon_info_wrap li p span{font-size:16px;line-height:24px;}
    .coupon_info_wrap li span{font-size:14px;line-height:20px;}
    .coupon_info_wrap li [class*="flag"]{font-size:12px;line-height:16px;}
    .coupon_info_wrap li .txt_discount{font-size:14px;line-height:20px;}
    .coupon_info_wrap li .txt_area{font-size:13px;line-height:18px;}
    .coupon_info_wrap li .txt_area + strong{padding-top:8px !important;}

    /* 혜택 */
    .benefit .tit_wrap.type_detail .txt{font-size:18px;line-height:26px;}
    .benefit .tit_wrap.type_detail .desc{font-size:18px;line-height:26px;}
    .benefit .detail_content{padding-bottom:80px;}
    .benefit .swiper_wrap.type_quarter{margin-top:40px;}
    .benefit .swiper_wrap.type_quarter .swiper-container{padding:0 0 32px;}
    .benefit .swiper_wrap.type_quarter.no_swiper .swiper-wrapper{gap:32px;}
    .benefit .swiper_wrap.type_quarter.no_swiper.length3 .swiper-slide{width:calc(33.333% - 21px) !important;}
    .benefit .swiper_wrap.type_quarter.no_swiper .swiper-button-prev,
    .benefit .swiper_wrap.type_quarter.no_swiper .swiper-button-next{display:none;}
    .benefit .btn_coupon_box{display:none;}
    .benefit .detail_info{display:flex;flex-wrap:wrap;}
    .benefit .detail_info dt{width:176px;padding-top:40px;font-size:18px;line-height:26px;}
    .benefit .detail_info dd{width:calc(100% - 176px);margin-top:40px;font-size:18px;line-height:26px;}
    .benefit .detail_info dd span{font-size:13px;line-height:18px;}
    .benefit .detail_info .map_box{height:320px;}
    .benefit .coupon_info_wrap{padding:64px 0;}
    .benefit .coupon_info_wrap h3.tit{padding:0;}
    .benefit .coupon_info_wrap .only_mo_slide_wrap{padding:0;}
    .benefit .coupon_info_wrap .only_mo_slide_wrap .swiper-slide .btn_like{right:8px;top:8px;}
    .only_mo_slide_wrap .swiper-slide .info_box{padding-top:16px;}
    .only_mo_slide_wrap .swiper-slide .info_box span{font-size:13px;line-height:18px;}
    .only_mo_slide_wrap .swiper-slide .info_box strong{padding-top:6px;font-size:18px;line-height:26px;}
    .only_mo_slide_wrap .swiper-slide .info_box p{font-size:14px;line-height:20px;}

    /* 혜택- viewer 팝업 */
    .img_view_pop .swiper_wrap.img_detail_top .swiper-slide img{max-width:calc(100% - 250px);}
    .img_view_pop .swiper_wrap.img_detail_top .swiper-button-prev.type_circle,
    .img_view_pop .swiper_wrap.img_detail_top .swiper-button-next.type_circle{display:block;left:24px;width:43px;height:43px;border-radius:50%;background:#fff url(../images/common/ico_swiper_prev.png) no-repeat 50% 50% / 48px;}
    .img_view_pop .swiper_wrap.img_detail_top .swiper-button-prev.type_circle:hover,
    .img_view_pop .swiper_wrap.img_detail_top .swiper-button-next.type_circle:hover{background:transparent url(../images/common/ico_swiper_prev_hover.png) no-repeat 50% 50% / 48px;}
    .img_view_pop .swiper_wrap.img_detail_top .swiper-button-prev.type_circle::after,
    .img_view_pop .swiper_wrap.img_detail_top .swiper-button-next.type_circle::after{display:none;}
    .img_view_pop .swiper_wrap.img_detail_top .swiper-button-next.type_circle{left:unset;right:24px;transform:rotate(180deg);}
    .img_view_pop .swiper_wrap.img_detail_bottom{top:calc(100% - 204px) !important;padding:32px 0 72px;}
    .img_view_pop .swiper_wrap.img_detail_bottom .swiper-slide{width:100px !important;height:100px !important;margin-right:24px;}

    /* 이벤트- 리스트 */
    .square_tab_wrap{width:420px;margin:0 auto;}
    .square_tab_wrap li button{padding:12px;font-size:18px;line-height:26px;}
    .square_tab_con_wrap{padding-top:40px;}
    .event .week_con_wrap::before{content:'';z-index:2;position:absolute;left:0;top:0;width:80px;height:30px;background:#fff;}
    .event .week_con_wrap::after{top:14px;width:80px;}
    .event .week_calendar_wrap{margin:0;padding-top:40px;}
    .event .week_calendar_wrap::before{z-index:1;top:14px;left:0;right:0;}
    .event .week_calendar_wrap::after{left:0;right:0;}
    .event .week_calendar_wrap .swiper_wrap{padding:0 64px 24px;}
    .event .week_calendar_wrap .swiper_wrap::before,
    .event .week_calendar_wrap .swiper_wrap::after{top:-8px;width:64px;height:137px;}
    .event .week_calendar_wrap .swiper_wrap .swiper-slide ul{justify-content:space-between;}
    .event .week_calendar_wrap .swiper_wrap .swiper-slide li .month{top:-38px;padding:3px 10px;font-size:14px;line-height:20px;}
    .event .week_calendar_wrap .swiper_wrap .swiper-slide li button{width:72px;padding:24px 0;font-size:16px;line-height:24px;}
    .event .week_calendar_wrap .swiper_wrap .swiper-slide li button span{padding-top:4px;font-size:22px;line-height:32px;}
    .event .week_calendar_wrap .swiper_wrap .swiper-button-prev,
    .event .week_calendar_wrap .swiper_wrap .swiper-button-next{width:32px;height:100%;top:22px;left:-66px;}
    .event .week_calendar_wrap .swiper_wrap .swiper-button-next{left:unset;right:-65px;}
    .event .week_calendar_wrap .swiper_wrap .swiper-button-prev:after,
    .event .week_calendar_wrap .swiper_wrap .swiper-button-next:after{width:24px;height:24px;background-size:24px;}
    .event .week_calendar_wrap .swiper_wrap .btn_month{z-index:10;top:0;right:0;width:64px;padding:52px 18px 20px;background-position:center top 20px;font-size:16px;line-height:18px;}
    .event .tab_list_wrap .tab_con_wrap{padding-top:32px;line-height:26px;}
    .event_list{gap:24px;}
    .event .event_list li{width:31.5%;}
    .event_list li strong{max-height:52px;font-size:18px;}
    .event_list li strong span{font-size:18px;}
    .event_list li .date{font-size:14px;line-height:20px;}

    .event .month_con_wrap .month{font-size:28px;line-height:38px;}
    .event .month_con_wrap .calendar_wrap{flex-wrap:nowrap;}
    .event .month_con_wrap .calendar_wrap .calendar_con_box,
    .event .month_con_wrap .calendar_wrap .calendar_list_box{width:50%;padding:15px 23px;border:1px solid #ccc;border-radius:8px;}
    .event .month_con_wrap .calendar_wrap .calendar_list_box{padding-bottom:23px !important;}
    .event .month_con_wrap .calendar_wrap .calendar_days li button{height:89px;padding:22px 18px 40px;}
    .event .month_con_wrap .calendar_wrap .calendar_days li.active button{padding:17px 9px 37px;}
    .event .month_con_wrap .calendar_wrap .calendar_days li.has_list button::after{bottom:28px;}
    .event .month_con_wrap .calendar_wrap .calendar_days li .list_box{left:calc(50% + 12px);top:77px !important;width:calc(50% - 15px);padding:0 24px;}
    .event .month_con_wrap .calendar_wrap .calendar_days li .list_box a:last-child{height:88px;border-bottom:0;}
    .event .month_con_wrap .calendar_wrap .calendar_days li .list_box a:last-child .desc{padding-top:15px;}
    .event .month_con_wrap .calendar_wrap .calendar_list_box .top{padding-bottom:11px;}
    .event .month_con_wrap .calendar_wrap .calendar_list_box .top strong{font-size:18px;line-height:26px;}
    .event .month_con_wrap .calendar_wrap .calendar_list_box .top span{font-size:16px;line-height:24px;}

    .event .tab_list_wrap .tab_con_wrap .no_data{padding:80px 0;}
    .event .month_con_wrap .calendar_wrap.no_data .calendar_list_box{display:flex;align-items:center;justify-content:center;padding:0;}

    /* 마이페이지 */
    .mypage .user_info{display:flex;padding:32px 40px;border-radius:8px;background:#fff;box-shadow:0px 4px 12px 0px rgba(20, 25, 50, 0.05);}
    .mypage .user_info > div{min-width:305px;}
    .mypage .user_info .user_img{width:72px;height:72px;}
    .mypage .user_info span{font-size:28px;line-height:38px;}
    .mypage .btn_setting_box.type_logout{top:56px;right:40px;}
    .mypage .user_info .user_grade{gap:115px;width:100%;margin-top:0;padding:0;background:transparent;box-shadow:none;}
    .mypage .user_info .user_grade dl{flex:unset;gap:16px;}
    .mypage .user_info .user_grade dl dt{font-size:18px;line-height:32px;}
    .mypage .user_info .user_grade dl dd{background-size:32px;font-size:22px;line-height:32px;}
    .mypage .idcard_box{gap:40px;margin-top:40px;}
    .mypage .idcard_box .idcard_menu li a{padding:124px 0 28px;background-size:80px;font-size:16px;line-height:24px;}
    .mypage .idcard_box .qr_box{width:400px;padding:32px 0 24px; display: none;}
    .mypage .idcard_box .qr_box strong{font-size:22px;line-height:32px;}
    .mypage .idcard_box .qr_box .qr_img{width:200px;height:200px;margin:24px auto 0;}
    .mypage .idcard_box .qr_box .qr_img img{width:100%;height:100%;object-fit:cover;}
    .mypage .idcard_box .qr_box .btn_wrap{justify-content:center;margin:24px 0 0;}
    .mypage .idcard_box .qr_box .btn_wrap .btn_qr_scan{display:none;background-position: calc(50% - 60px) calc(50% - 3px); padding: 5px 20px 5px 50px;}

    .mypage .idcard_box .qr_box strong{margin-top:0px;}
    .mypage .idcard_box .qr_box .qr_img{width:220px; height:207px;margin-top:12px;}
	.mypage .idcard_box .btn_qr_empty {display:none;}
	.mypage .idcard_box .qr_box .btn_wrap .btn_qr_download{display:none; background-image:url(../images/common/ico_download.svg); background-position: calc(50% - 60px) calc(50% - 3px); padding: 5px 20px 5px 50px;}



    /* 마이페이지- 나의 활동이력 */
    .mypage .history_list li{position:relative;padding:28px 170px 28px 32px;}
    .mypage .history_list .tit_box{justify-content:unset;gap:8px;}
    .mypage .history_list .tit_box strong{padding-left:32px;background-size:24px;font-size:18px;line-height:26px;}
    .mypage .history_list .tit_box span{font-size:14px;line-height:20px;}
    .mypage .history_list p{padding-top:8px;}
    .mypage .history_list .exp_box{position:absolute;right:32px;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);padding-left:0;text-align:right;}
    .mypage .history_list .exp_box span{padding:0;font-size:24px;line-height:34px;}
    .mypage .history_list .exp_box .btn_detail{position:unset;padding-top:4px;}

    /* 마이페이지- 쿠폰함 */
    .coupon_list{display:flex;flex-wrap:wrap;gap:24px;margin:0;}
    .coupon_list li{width:calc(33% - 24px);margin:0 0 48px;border-right-style:solid;border-bottom-style:dashed;}
    .coupon_list li .tit_box p{font-size:16px;line-height:24px;}
    .coupon_list li .tit_box .level span{font-size:14px;line-height:20px;}
    .coupon_list li .tit_box strong{font-size:22px;line-height:32px;}
    .coupon_list .btn_coupon,
    .coupon_list .coupon_complete{left:0;right:0;top:unset;bottom:-49px;width:unset;height:48px;padding:0;text-align:center;}
    .coupon_list .btn_coupon::after,
    .coupon_list .coupon_complete::after{display:none;}
    .coupon_list .btn_coupon span,
    .coupon_list .coupon_complete span{display:inline-block;position:unset;width:unset;line-height:48px;-webkit-transform:unset;-o-transform:unset;-moz-transform:unset;transform:unset;writing-mode:unset;}
    .coupon_list .btn_coupon span{padding:0 0 0 26px;background-position:0 11px;}
    .coupon_list .complete .coupon_complete{padding:0;}
    .coupon_list dl{padding-left:54px;}
    .coupon_list dl dt{font-size:13px;line-height:18px;}
    .coupon_list dl dd{font-size:13px;line-height:18px;}
    .default_coupon .coupon_list li .desc{padding-top:0;}

    .mypage .history_list p span{display:initial;}

    /* 마이페이지- 경험치 보유현황 */
    .mypage .exp_percentage{padding:40px;}
    .mypage .exp_percentage ul{display:flex;text-align:center;}
    .mypage .exp_percentage li{display:block;flex:1;padding:120px 0 0;margin-top:0;}
    .mypage .exp_percentage li .img_box{left:50%;top:0;width:80px;height:80px;margin:0 0 0 -40px;background-size:80px;}
    .mypage .exp_percentage li .grade{display:block;}
    .mypage .exp_percentage li .grade::before{top:92px;left:50%;margin:0 0 0 -8px;}
    .mypage .exp_percentage .percentage{top:95px;left:80px;width:calc(100% - 160px);height:10px;}
    .mypage .exp_percentage .percentage span{background:linear-gradient(90deg, #1975FF 0%, #9A1AFF 100%);}

    /* 마이페이지- 지역 경험치 확인하기 */
    .mypage .sel_base{width:140px;font-size:16px;line-height:24px;}
    .mypage .form_wrap{justify-content:center;}
    .mypage .form_wrap > .search_box{width:412px;}
    .mypage .area_exp_list li a{display:flex;padding:40px;background-position:right 40px center;background-size:24px;}
    .mypage .area_exp_list li .area_box{width:262px;padding-right:0;}
    .mypage .area_exp_list li .area_box .img_box{width:64px;height:64px;margin-right:16px;background-size:64px;vertical-align:-25px;}
    .mypage .area_exp_list li .area_box .area_name{font-size:24px;line-height:64px;}
    .mypage .area_exp_list li .user_grade{gap:104px;margin-top:0;}
    .mypage .area_exp_list li .user_grade dl{flex:unset;}
    .mypage .area_exp_list li .user_grade dt{font-size:18px;line-height:32px;}
    .mypage .area_exp_list li .user_grade dd{font-size:22px;line-height:32px;}
    .user_grade .level .img_box{width:32px;height:32px;}

    /* 마이페이지- 나의 즐겨찾기 */
    .mypage .area_wrap .list_box{gap:16px 24px;padding-top:24px;}
    .mypage .area_wrap .list_box li{width:calc(16.6% - 20px);}
    .mypage .area_wrap .list_box li a{padding:16px 12px;}
    .mypage .area_wrap .list_box li .area_box .img_box{width:80px;height:80px;}
    .mypage .area_wrap .list_box li .area_box .area_name{padding-top:8px;font-size:18px;line-height:26px;}
    .mypage .area_wrap.no_data .tit + .desc{margin-top:24px;}

    .mypage .coupon_info_wrap{padding-top:64px;}
    .mypage .coupon_info_wrap .tab_list_wrap{padding-top:24px;}
    .mypage .coupon_info_wrap .txt_area{font-size:13px;line-height:18px;}
    .mypage .coupon_info_wrap .txt_area + strong{padding-top:8px;}

    /* 마이페이지- 활동 리포트 */
    .mypage .report_wrap ul{display:flex;gap:24px;padding-top:40px;}
    .mypage .report_wrap li{display:block;flex:1;height:282px;padding:64px 10px 48px;text-align:center;}
    .mypage .report_wrap li + li{margin-top:0;}
    .mypage .report_wrap li .flag_txt{top:-16px;padding:6px 16px;border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-right-radius:16px;border-bottom-left-radius:0;font-size:14px;line-height:20px;}
    .mypage .report_wrap li .area_box{display:block;}
    .mypage .report_wrap li .area_box .img_box{width:120px;height:120px;margin:0 auto;border-width:5px;}
    .mypage .report_wrap li .area_box strong{padding-top:24px;}
    .mypage .report_wrap .type_division{display:block;}
    .mypage .report_wrap .type_division strong{padding:144px 0 0;line-height:26px;}
    .mypage .report_wrap .type_division strong::before{left:50%;width:120px;height:120px;margin-left:-60px;}

    .mypage .ranking_wrap{padding-top:64px;}
    .mypage .ranking_wrap > ul{display:flex;gap:24px;padding-top:40px;}
    .mypage .ranking_wrap > ul > li{width:calc(33.333% - 16px);margin-top:0;}
    .mypage .ranking_wrap > ul > li + li{margin-top:0;}
    .mypage .ranking_wrap li .flag_txt{top:-16px;padding:6px 16px;border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-right-radius:16px;border-bottom-left-radius:0;font-size:14px;line-height:20px;}
    .mypage .ranking_wrap li ul{height:246px;padding:16px 24px;}
    .mypage .ranking_wrap li li{padding-bottom:8px;}
    .mypage .ranking_wrap li li + li{padding-top:8px;}

    /* 마이페이지- 활동 리포트_내역없음 */
    .mypage li.result_none{height:282px;padding:64px 10px 48px;text-align:center;}
    .mypage li.result_none strong{padding:144px 0 0;line-height:26px;}
    .mypage li.result_none strong::before{left:50%;width:120px;height:120px;margin-left:-60px;}
    .mypage .ranking_wrap .result_none{height:246px;padding:46px 10px;}
    .mypage .ranking_wrap .result_none strong{padding:128px 0 0 !important;}

    /* 마이페이지- 관광주민증 보관함 */
    .mypage.idcard_pocket .square_tab_wrap{width:482px;}
    .square_tab_wrap.type_list li{width:calc(16% - .2px);}
    .mypage.idcard_pocket .square_tab_con_wrap{width:482px;margin:0 auto;}
    .mypage .idcard_pocket_list li{height:120px;}
    .mypage .idcard_pocket_list li:last-child{height:240px;}
    .mypage .idcard_pocket_list li::after{top:116px;}
    .mypage .idcard_pocket_list li .area_box{gap:8px;}
    .mypage .idcard_pocket_list li .area_box .img_box{width:40px;height:40px;}
    .mypage .idcard_pocket_list li .area_box .area_name{font-size:22px;line-height:32px;}
    .mypage .idcard_pocket_list li .level_name{line-height:28px;}
    .mypage .idcard_pocket_list li .btn_bookmark{top:24px;}
    .mypage.idcard_pocket .btn_type_default.ico_arrow{margin-top:40px;}

    /* 마이페이지- 관광주민증 보관함 상세 */
    .mypage .inner{position:relative;}
    .mypage .idcard_detail_box{position:absolute;left:0;top:114px;width:calc(40% - 12px);padding:22px;}
    .mypage .idcard_detail_box .top_box .txt{text-align:left;}
    .mypage .idcard_detail_box .user_grade .level .img_box{width:24px;height:24px;}
    .mypage .idcard_history_box{padding:0 0 0 calc(40% + 12px);}
    .mypage .idcard_history_box .sub_tit{font-size:24px;line-height:34px;}
    .mypage .idcard_history_box .history_list{overflow-y:auto;min-height:471px;max-height:471px;margin-top:24px;}
    .mypage .idcard_history_box .history_list li{margin-top:24px;}
    .mypage .idcard_history_box .history_list li:first-child{margin-top:0;}

    /* 마이페이지- 관광주민증 보관함 상세_편집완료 */
    .mypage .idcard_detail_box.type_setting_bg{position:absolute;}

    /* 마이페이지- 군수인사말 팝업 */
    .greeting_pop.layer_wrap .dim{cursor:pointer;}
    .greeting_pop.alert_pop .tit_box h1{line-height:38px;}
    .greeting_pop.alert_pop .tit_box h1 br{display:none;}
    .greeting_pop.alert_pop .pop_con::after{bottom:-109px;right:-90px;width:130px;height:191px;}
    .greeting_pop.alert_pop .btn_pop_close{top:-1px;}
    .greeting_pop.alert_pop .con{padding-right:39px;font-size:18px;line-height:26px;}
    .greeting_pop.alert_pop .con .pc_br{display:block;}

    /* 공지사항 */
    .board_list .top span{font-size:16px;line-height:24px;}
    .board_list ul li a{display:flex;justify-content:space-between;align-items:center;height:100px;padding:24px 0 24px 0;}
    .board_list ul li a strong{width:calc(100% - 120px);height:unset;font-size:18px;line-height:26px;}
    .board_list ul li a span{width:120px;padding-top:0;font-size:14px;line-height:20px;text-align:right;}

    /* 공지사항- 상세 */
    .type_detail.tit_wrap h2.tit{padding:16px 0;font-size:36px;line-height:50px;}
    .type_detail.tit_wrap h3.tit{font-size:18px;}
    .type_detail.tit_wrap .date,
    .type_detail.tit_wrap .txt{padding-top:0;font-size:18px;line-height:26px;}
    .type_detail.tit_wrap ul{padding:32px 0 40px;}
    .type_detail.tit_wrap ul button{width:40px;height:40px;background-size:40px;}
    .board_detail .detail_content{padding-top:40px;}
    .board_detail .detail_edit{font-size:16px;line-height:24px;}
    .board_detail .file_box{padding-top:40px;}
    .board_detail .file_box span{font-size:18px;line-height:26px;}
    .board_detail .btn_link{margin-top:40px;}
    .board_detail .paging_move{margin-top:64px;}
    .board_detail .paging_move li a span{width:60px;font-size:14px;line-height:20px;}
    .board_detail .paging_move li a strong{width:calc(100% - 168px);font-size:14px;line-height:20px;}
    .board_detail .paging_move li a .date{width:108px;}
    .board_detail .paging_move .btn_wrap a{width:auto;}

    /* 에디트 영역 리셋 */
    .detail_edit {font-size:16px;}
    .detail_edit table th {padding:12px 16px;font-size:16px;}
    .detail_edit table td {padding:13px 16px;font-size:16px;}
    .detail_edit table th > * {font-size:16px;}
    .detail_edit table td > * {font-size:16px;}
    .detail_edit .form_box input[type="checkbox"] {width:20px;height:20px;}
    .detail_edit .form_box input[type="checkbox"]+label {padding-left:28px;font-size:16px;}
    .detail_edit .form_box input[type="checkbox"]+label::before {width:20px;height:20px;margin-right:8px;background-size:20px;}
    .detail_edit .form_box input[type="checkbox"]:checked+label::before {background-size:20px;}

    /* 서비스 가입 */
    .service .desc{font-size:24px;line-height:34px;}
    .service .agree_box{margin-top:40px;}
    .service .agree_box{padding:32px;}
    .service .agree_box strong{font-size:24px;line-height:34px;}
    .service .btn_wrap{margin-top:64px;}

    /* 서비스 가입- 발급지 선택 */
    .service .desc .mo_br{display:inline;}
    .service .tit_box{padding:40px 0 16px;}
    .service h3{font-size:18px;line-height:26px;}
    .service .residence_place{padding:32px 40px;}
    .service .issuance_place{padding:32px 40px;}
    .service .issuance_place ul li{width:calc(33.3% - 10.4px);}
    .service .issuance_place ul li label{line-height:48px;}
    .service .issuance_place ul li label img{width:48px;height:48px;margin-right:16px;}
    .service .issuance_place ul li .form_box input[type="checkbox"]{margin-top:13px;}
    .service .issuance_place ul li .form_box input[type="checkbox"]+label{padding-left:36px;}
    .service .issuance_place ul li .form_box input[type="checkbox"]+label::before{top:13px;background-size:19px;}
    .service .issuance_place ul li.disabled .form_box input[type="checkbox"]+label::after{left:36px;width:48px;height:48px;}
    .service .issuance_place ul li.complete .form_box input[type="checkbox"]+label::after{left:36px;width:48px;height:48px;}
    .service .issuance_place .btn_type_default{margin-top:32px;}

    /* 서비스 가입- 발급완료 */
    .service .complete_box{padding:48px 40px;}
    .service .complete_box .desc br{display:none;}
    .service .complete_box .desc::before{width:250px;height:200px;margin-bottom:24px;}
    .service .complete_box .btn_idcard_box{width:560px;margin:0 auto;}
    .service .complete_box .btn_idcard_box p{padding-top:80px;font-size:16px;line-height:24px;}
    .service .complete_box .btn_idcard_box a img{display:none;}
    .service .complete_box .btn_idcard_box a .pc{display:block;}

    /* 서비스 이용동의 */
    .service_pop .txt_noti{font-size:18px;line-height:26px;}
    .service_pop .agree_box span{font-size:16px;line-height:24px;}
    
    
    /* 메인 이벤트 팝업 */
    .event_pop .pop_con{z-index:1002;position:fixed;left:20px;right:20px;top:50%;max-width:440px;margin:0 auto;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}

   
   /*260106 */
    .header .cus-mobile-logo{display: none}
    .header .logo .link_visitkorea{display:block !important;width:28px;height:28px;background:url(../images/common/logo_gusuk.svg) no-repeat 50% 50% / 100%;}
    .main .header .logo .link_visitkorea{display:block !important;width:28px;height:28px;background:url(../images/common/logo_gusuk.svg) no-repeat 50% 50% / 100%;}
    .share_box.type_white.cus-svcIntro{justify-content: flex-start;}

    .sub-top{
        display: flex;
        font-weight: 800;
        font-size: 32px;
        line-height: 40px;
        text-align: center;
        letter-spacing: -0.02em;
        color: #000000;
        padding-top: 80px;
        padding-bottom: 40px;
        justify-content: center;
    }

    .digt_info .top .tit_box2.cus-svcIntro .tit{
       display: none;
    }

    

    .digt_info .top .tit_box.cus-svcIntro .tit{
       display: block;
    }

    .digt_info .top .txt_box.cus-svcIntro span{
       display: none;
    }

    .digt_info .top .tit_box.cus-svcIntro{
        padding-bottom: 26px;
    }

    .digt_info .top .inner.cus-svcIntro{
        padding: 30px 0;
    }

    .cus-search-top .cus-search-text{
        display:none ;
    }

    .cus-search-top .cus-search-prev{
        display:none ;
    }

    .cus-search-top .right{
        display: block;
        padding-right: 40px;
    }

    .cus-search-top{
        border-top: 1px solid #E6E6E6;
        top:90px;
    }

    .cus-search-top.on{
        padding: 30px 15px;
    }

    .cus-search-sub{
        display: none;
    }

    .cus-tour-info > li .d1{
        flex-direction: row;
        row-gap: 20px;
    }

    .info_search .idcard_wrap .idcard_list .d1 .desc{
        flex-direction: row;
    }

    .tit_wrap.type_detail h3{
        margin-top: 16px;
        margin-bottom: 24px;
    }
    
   /* 1. 글자(span)를 기준으로 설정 */
	.header .nav .navbar > li.on a span {
	    position: relative;
	    display: inline-block; /* 텍스트 너비만큼만 영역을 잡기 위해 필수 */
	}
	
	/* 2. 점을 span 하단 중앙에 배치 */
	.header .nav .navbar > li.on a span:after {
	    content: '';
	    display: block;
	    position: absolute;
	    width: 6px;
	    height: 6px;
	    background: #0055FF;
	    border-radius: 50%;
	    
	    /* 가로 중앙 정렬 공식 */
	    left: 50%;
	    transform: translateX(-50%); 
	    
	    /* 세로 위치: 글자 바로 아래 */
	    bottom: -10px; /* 값이 작아질수록(예: -5px) 글자에 더 가까워집니다 */
	}


    .header .nav .navbar > li.ico_main.on:after{
        left: 30%;
    }

    .header .nav .navbar > li.ico_info.on:after{
        left: 44%;
    }

    .header .nav .navbar > li.ico_event.on:after{
        left: 34%;
    }

    .header .nav .navbar > li.ico_myid.on:after{
        left: 40%;
    }
    
    .cus-agree .d2{
        padding: 24px;
        row-gap: 10px;
    }

    .cus-agree .d2 dl{
        font-size: 14px;
    }

    .cus-agree .d3{
        font-size: 14px;
    }

    .cus-agree .d1 button{
        font-size: 16px;
    }

    .cus-popup{
        padding: 32px 40px;
        max-width: 700px;
    }

    .cus-popup.main{
        left:50%;
        top:50%;
        bottom: initial;
        transform: translate(-50%,-50%);
        max-width:450px ;
        border-radius: 16px 16px 16px 16px;
    }

    .cus-popup.fit{
        max-width: 370px;
    }
    
    .cus-popup > .d2{
	    max-height: 80vh;
	}
    

    


}
/************************************************* 1024px 이상 [e] *************************************************/

/************************************************* 1120px 이상 [s] *************************************************/
@media screen and (min-width:1150px){
    .header .nav .navbar > li{margin-left:8%;}

    .container .swiper_inner{overflow:hidden;position:relative;max-width:1116px;}
    .swiper_inner .swiper_wrap .swiper-container{overflow:unset;width:940px;margin:0 auto;}
    .swiper_inner .swiper_wrap .swiper-button-prev.type_circle,
    .swiper_inner .swiper_wrap .swiper-button-next.type_circle{display:block;}
    .swiper_inner .swiper_wrap .swiper-button-prev.type_circle.swiper-button-lock,
    .swiper_inner .swiper_wrap .swiper-button-next.type_circle.swiper-button-lock{display:none;}

    /* 지역 메인 */
    .area_main .event_wrap .tit{left:88px;}
    .area_main .swiper_inner::before,
    .area_main .swiper_inner::after{display:none;}

    /* 혜택 */
    .swiper_inner::before,
    .swiper_inner::after{content:'';z-index:2;position:absolute;left:0;top:0;bottom:0;width:88px;background:#fff;}
    .swiper_inner::after{left:unset;right:0;}
    .benefit .swiper_wrap .swiper-button-prev.type_circle,
    .benefit .swiper_wrap .swiper-button-next.type_circle{margin-top:-40px;}
    /*260106 */
    .header .cus-mobile-logo{display: none}
    .digt_info .top .tit_box2.cus-svcIntro{
        display: none;
    }

    .digt_info .top .tit_box2.cus-svcIntro{
        display: none;
    }

    .cus-tour-info > li .d1 > div:first-child{
        flex-basis: 217px;
    }

    .cus-tour-info > li .d1 > div:first-child img{
        border-radius: 8px;
        display: block;
    }

    .cus-tab-swiper .swiper-slide button,
    .cus-tab-swiper .swiper-slide a{padding:11px 24px}

    
}
/************************************************* 1120px 이상 [e] *************************************************/


/************************************************* 1300px 이상 [s] *************************************************/
@media screen and (min-width:1300px){
    .header .nav .navbar > li{margin-left:6%;}
    .header .nav .navbar > li a{padding-left:10px;padding-right:10px;}
    .header .logo .link_visitkorea{display:block !important;width:192px;height:33px;background:url(../images/common/logo_visitkorea.svg) no-repeat 50% 50% / 100%;}
    .main .header .logo .link_visitkorea{display:block !important;width:192px;height:33px;background:url(../images/common/logo_visitkorea.svg) no-repeat 50% 50% / 100%;}



}
/************************************************* 1300px 이상 [e] *************************************************/

/************************************************* 1600px 이상 [s] *************************************************/
@media screen and (min-width:1600px){
    /* header */
    .header .inner{padding:0 60px !important;}
    .header .logo .link_visitkorea{display:block !important;width:192px;height:33px;background:url(../images/common/logo_visitkorea.svg) no-repeat 50% 50% / 100%;}
    .main .header .logo .link_visitkorea{display:block !important;width:192px;height:33px;background:url(../images/common/logo_visitkorea.svg) no-repeat 50% 50% / 100%;}
    .header .nav .navbar > li{margin-left:80px;}
    .header .nav .navbar > li span{font-size:22px;line-height:32px;}
}
/************************************************* 1600px 이상 [e] *************************************************/