@charset "utf-8";
/* NotoSans */
@font-face {
	font-family: 'Pretendard GOV';
	src: url('font/PretendardGOV-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Pretendard GOV';
	src: url('font/PretendardGOV-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Pretendard GOV';
	src: url('font/PretendardGOV-Medium.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Pretendard GOV';
	src: url('font/PretendardGOV-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Pretendard GOV';
	src: url('font/PretendardGOV-Bold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Pretendard GOV';
	src: url('font/PretendardGOV-ExtraBold.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 300;
	src:url(font/NotoSansKR-Light.woff2) format('woff2'),
	url(font/NotoSansKR-Light.woff) format('woff'),
	url(font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 400;
	src:url(font/NotoSansKR-Regular.woff2) format('woff2'),
	url(font/NotoSansKR-Regular.woff) format('woff'),
	url(font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 700;
	src:url(font/NotoSansKR-Medium.woff2) format('woff2'),
	url(font/NotoSansKR-Medium.woff) format('woff'),
	url(font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 800;
	src:url(font/NotoSansKR-Bold.woff2) format('woff2'),
	url(font/NotoSansKR-Bold.woff) format('woff'),
	url(font/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'NotoSansJP';
	font-style: normal;
	font-weight: 300;
	src:url(font/NotoSansJP-Light.woff2) format('woff2');
}
@font-face {
	font-family: 'NotoSansJP';
	font-style: normal;
	font-weight: 400;
	src:url(font/NotoSansJP-Regular.woff2) format('woff2');
}
@font-face {
	font-family: 'NotoSansJP';
	font-style: normal;
	font-weight: 700;
	src:url(font/NotoSansJP-Medium.woff2) format('woff2');
}
@font-face {
	font-family: 'NotoSansJP';
	font-style: normal;
	font-weight: 800;
	src:url(font/NotoSansJP-Bold.woff2) format('woff2');
}


:root {
	--global-gray-05:#F3F3FA;
	--global-gray-10:#E9E9F4;
	--global-gray-20:#E0E0EA;
	--global-gray-30:#D6D6E2;
	--global-gray-40:#C4C4D2;
	--global-gray-50:#9696A3;
	--global-gray-60:#71717C;
	--global-gray-70:#58585F;
	--global-gray-80:#3D3D43;
	--global-gray-90:#29292C;

	--brand-primary-05:#E9F0FE;
	--brand-primary-10:#DEE9FE;
	--brand-primary-20:#BBD1FC;
	--brand-primary-30:#9ABBFB;
	--brand-primary-40:#4F89F8;
	--brand-primary-50:#236CF6;
	--brand-primary-60:#2061DD;
	--brand-primary-70:#1C56C5;
	--brand-primary-80:#133B87;
	--brand-primary-90:#0F2D67;

	--pastel-blue-100:#EDF6FF;
	--pastel-blue-200:#D7EDFF;
	--pastel-blue-300:#86C1FF;
	--pastel-blue-400:#007CFF;
	--pastel-blue-500:#004BA9;

	--pastel-green-100:#E9FFE6;
	--pastel-green-200:#CDF9CD;
	--pastel-green-300:#49CC93;
	--pastel-green-400:#008F5D;
	--pastel-green-500:#00422C;

	--pastel-yellow-100:#FFFEDB;
	--pastel-yellow-200:#FFFD92;
	--pastel-yellow-300:#FDD700;
	--pastel-yellow-400:#B88400;
	--pastel-yellow-500:#765708;

	--pastel-red-100:#FFF3F7;
	--pastel-red-200:#FFDFE9;
	--pastel-red-300:#FF989E;
	--pastel-red-400:#D83841;
	--pastel-red-500:#9B0000;

	--pastel-teal-100:#F7FDFC;
	--pastel-teal-200:#CCF6EE;
	--pastel-teal-300:#4CD6CE;
	--pastel-teal-400:#009990;
	--pastel-teal-500:#005C62;

	--pastel-violet-100:#F3EDFF;
	--pastel-violet-200:#E9E4FF;
	--pastel-violet-300:#BD8DFF;
	--pastel-violet-400:#8A39FA;
	--pastel-violet-500:#550AA9;

	--pastel-orange-100:#FFF6EB;
	--pastel-orange-200:#FFE4C1;
	--pastel-orange-300:#FFBB63;
	--pastel-orange-400:#F68511;
	--pastel-orange-500:#7A2F00;
}
/* reset */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins, input, select, textarea, button,
kbd,
keygen,
label, legend, li,
meter,
nav, menu,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, colgroup, col, tdvideo, tt,
u, ul,
var{ margin:0; padding:0; }
article,aside,canvas,dialog,details,eventsource,figcaption,figure,
footer,header,hgroup,menu,meter,nav,output,progress,section,
time,video{ display:block; }
fieldset,img{ border:0 none; }
img, label{vertical-align:middle;}
dl,ul,ol,menu,li{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{ content:''; content:none; }
/* img,input,select,textarea,button,textarea{ vertical-align:middle;outline:0 none;} */
button{ border:0 none; background-color:transparent; cursor:pointer;/*outline:0 none;*/}/*웹접근성1차수정 outline:0 none 삭제*/
legend, hr { overflow:hidden; position:absolute; top:0; left:0;visibility:hidden; font-size:0; width:0; height:0; line-height:0;}
address,caption,cite,code,dfn,em,var{ font-style:normal; font-weight:normal; }
a{font-family: "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;color:#333; text-decoration:none; word-wrap: break-word !important;word-break:keep-all !important;}
a:link, a:visited, a:hover, a:focus, a:active{ text-decoration:none; }
a.under{ text-decoration:underline; }
input::-ms-clear{ display: none; }

/* Skip Navigation */
#skipToContent{position:fixed;left:0;top:0;width:100%;overflow:hidden;margin:0 auto;z-index:300}
#skipToContent a{display:block;height:1px;margin-top:-2px;overflow:hidden;text-align:center;font-size:0;line-height:0;background:#333}
#skipToContent a:active,#skipToContent a:focus{height:auto;padding:7px 0;font-size:0;font-size:1em;line-height:1;font-weight:800;color:#fff;z-index:10000;}
#skipToContent a:active:after,#skipToContent a:focus:after{content:'';display:block;width:100%;box-sizing: border-box;height: 100%;position:absolute;left:0;top:0;border:4px solid red;}

.opacity{ opacity:0; filter:alpha(opacity=0);}
.ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }

html{min-width:320px;height:100%;font-size: 62.5%;}
body{min-width:320px;height:100%;background:#fff;overflow-x:hidden;}

table{ width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed; word-wrap: break-word !important;word-break:keep-all !important;}
@-moz-document url-prefix(){ table {border-collapse:separate; border-spacing:0; } } /* for FireFox */
body, input, textarea, button, select, table{font-size:13px;font-family:"Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;line-height:1.4; color:#666; -webkit-text-size-adjust:none; word-wrap: break-word !important;word-break:keep-all !important; }
h1, h2, h3, h4, h5, h6{ font-size:1em; font-family: "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; word-wrap: break-word !important;word-break:keep-all !important;}
input, button, textarea, select{ font-size:1em; font-family:"Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; word-wrap: break-word !important;word-break:keep-all !important;}
code, pre{ font-size:1em; }
div{box-sizing: border-box; word-wrap: break-word !important;word-break:keep-all !important;}
button span{font-family:"Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; word-wrap: break-word !important;word-break:keep-all !important;}
input::placeholder, textarea::placeholder{color: #767676 !important;}
/* //reset */

/*screenReader*/
caption,.blind,.hidden,.ir{overflow:hidden;position:absolute;top:auto;left:-9999px;width:1px;height:1px;text-indent:-9999px;}

/* input */
.inp-txt{ border:1px solid #bbb; color:#535455; height:20px; padding:0 5px; line-height:21px; background:#fff; }
input[type=text]{padding: 0 5px;border-radius:0;}
textarea{ color:#535455; padding:5px; border:1px solid #bbb; line-height:1.167; resize:none;/* chrome control */ }
label { display:inline-block; display:inline; zoom:1; vertical-align:middle; }
select{padding:3px 2px 3px 2px;background-color:#fff;font-size:13px; line-height:18px; border:1px solid #bbb; color:#666; vertical-align:top; }

/*skipnavi*/
#skipNavi{width:970px;position:relative;overflow:hidden;margin:0 auto}
#skipNavi a{display:block;background:#555555;font-weight:800;width:0;height:0;font-size:0;line-height:0;margin:0 -1px -2px 0;overflow:hidden;font-size:16px;text-align:center}
#skipNavi a:hover, #skipNavi a:active, #skipNavi a:focus{height:30px;line-height:1.5;margin:0;padding-top:6px;width:auto;text-decoration:none;color:#53b0cf}

.clfix:after{ content: "."; display:block; height:0px; clear:both; visibility:hidden; }
/* .clfix{ display:inline-block; } */
* html .clfix { height:1%; } /* Hides from IE-mac */

.pc_none{display: none;}
.pc_block{display: block;}

/* position */
.pos-r{ position:relative; }
.pos-a{ position:absolute; }
.pos-f{ position:fixed; }
.pos-r0{ right: 0 !important; }

/*float*/
.fl{ float:left !important;}
.fr{ float:right !important;}
.flnon{ float:none !important;}

/* align */
.align-l{ text-align:left !important; }
.align-c{ text-align:center !important; }
.align-r{ text-align:right !important; }
.align-t{ vertical-align:top; }
.align-m{ vertical-align:middle; }
.align-b{ vertical-align:bottom; }

/*font*/
.f11{ font-size:11px; }
.f12{ font-size:12px; }
.f14{ font-size:14px; }
.f16{ font-size:16px; }
.f-bold{ font-weight:800 !important; }
.f-nor{ font-weight:normal !important; }
.f-dec{ text-decoration:underline; }

/* background */
.back-non{ background:none !important; }

/* border */
.bdrnon{ border:0 !important; }
.bdrtnon{ border-top:0 !important; }
.bdrrnon{ border-right:0 !important; }
.bdrbnon{ border-bottom:0 !important; }
.bdrlnon{ border-left:0 !important; }

/* margin */
.margnon{margin: 0 !important;}
.marTnon{margin-top: 0 !important;}
.marRnon{margin-right: 0 !important;}
.marBnon{margin-bottom: 0 !important;}
.marLnon{margin-left: 0 !important;}
.mt10{margin-top: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.mt18{margin-top:18px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}
.mgt38{margin-top:38px;}

/* side menu */
#sideMenu{ position:absolute; top:0; right:20px; }
#sideMenu a{ display:block; width:50px; height:50px; background-color:#0C6; color:#fff; }

/* Button List */
.serviceApply + .btn_center.typeA{margin:40px 0 39px;}
.btn_center.typeA{margin-bottom:39px}
.btn_left{text-align: left;}
.btn_center{text-align: center;}
.btn_right{text-align: right;}
.btn_grey{display: inline-block; height: 40px; border: 1px solid #dcdcdc; background: #f6f6f6; vertical-align: middle;}
.btn_grey a{display: block; padding: 10px 20px; font-size: 14px;}
.btn_grey button{display: block; padding: 10px 20px; font-size: 14px;}
.btn_white{display: inline-block; margin-top: 20px; width: 150px; padding: 10px 10px; border: 1px solid #bababa; text-align: center; font-size: 16px; color: #000;}
.btn_greyS{display: inline-block; padding: 5px 15px; border: 0; text-align: center; font-size: 14px; color: #fff; background: #333; box-sizing: border-box;}
.btn_greyM{display: inline-block; padding: 10px 30px; border: 0; text-align: center; font-size: 16px; color: #fff; background: #333; box-sizing: border-box;line-height:20px;}
.btn_greyL{display: inline-block; width: 150px; padding: 10px 10px; border: 0; text-align: center; font-size: 16px; color: #fff; background: #333; border: 1px solid #333; box-sizing: border-box;}
.btn_greyS:focus, .btn_greyM:focus, .btn_greyL:focus, .btn_whiteL:focus{outline: 3px solid red; outline-offset: 1px;}
.btn_center a + a:focus{outline:3px solid red;outline-offset: 2px;}
.btn_whiteL{display: inline-block; margin-top: 20px; width: 150px; padding: 10px 10px; border: 1px solid #333; text-align: center; font-size: 16px; color: #333; box-sizing: border-box;}
.type_arrow_right:after{content:"";display:inline-block;width:8px;height:15px;margin-left:10px;background:url(../images/common/ico_w_btnarrow_right.png) no-repeat 50% 50%;vertical-align:baseline}
.btn_blank{display:inline-block;padding-right:14px;background:url(../images/common/ico_blank.png) no-repeat 100% 50%;font-weight:400;color:#666;font-size:14px;}

.btnWhite_auto{display: inline-block; margin-top: 20px; padding: 8px 53px; border: 1px solid #bababa; text-align: center; font-size: 16px; color: #000;}
.btndark_auto{display: inline-block; margin-top: 20px; padding: 8px 53px; border: 1px solid #333;background:#333; text-align: center; font-size: 16px; color: #fff;}
.btndark_auto:focus{outline: 2px solid red;}

#contents{width: 980px; margin: 0 auto; padding:14.2rem 20px 0 20px; min-height: calc(100vh - 61rem);}
#contents.cont_blank{padding-top:14.2rem !important;}
#contents.contents_all{width: 100%; margin: 0 auto; padding: 0 0 30px 0;}
#contents.contents_all .contents_in{width: 980px; margin: 0 auto; padding: 20px 20px 0 20px;}
#contents.partnersMainContents{width:100%;margin:0;padding:0;}
#contents.main_contents{width:100%;padding:0 !important;}
#contents.main_contents .mc_inner{width:980px;margin:0 auto;padding:0 20px 27px;}
.header{position: relative; width: 980px; height: 154px; margin: 0 auto; padding: 60px 20px 30px 20px; box-sizing: border-box;}
#contents.contents_wide {max-width:128rem;width:auto;padding: 15rem 0 0;}

/* Top Menu */
.top_menu_wrap{border-bottom:1px solid #e6e6e6;background-color:#f7f7f7;}
.top_menu_wrap .inner{width:980px;margin:0 auto;line-height:35px}
.top_menu_wrap .inner:after{content:'';display:block;clear:both;}
.top_menu_wrap .inner .util_list{float:right;}
.top_menu_wrap .inner .util_list:after{content:'';display:block;clear:both;}
.top_menu_wrap .inner .util_list li{float:left;position:relative;margin-left:10px;padding-left:10px;}
.top_menu_wrap .inner .util_list li:first-child{margin-left:0;padding-left:0;}
.top_menu_wrap .inner .util_list li:before{content:'';display:inline-block;position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background-color:#666;}
.top_menu_wrap .inner .util_list li:first-child:before{content:none;}
.top_menu_wrap .inner .util_list a{font-weight:400;color:#666;font-size:13px;}

/* Gnb */
#gnb{position:fixed;top:60px;z-index:102;width:284px;opacity:1;transition:top .3s ease-in-out, opacity .3s ease-in-out;}
#gnb.off{position: fixed;top: -70px;opacity:0;}
#gnb .menu_top{width: 100%; height: 64px; background: #333;}
#gnb .menu_top h1{padding: 15px 25px;}
#gnb .menu_top .btn_list{position: absolute; top: 0; left: 0px;right:0;bottom:0;}
#gnb .menu_top .btn_list button:focus{border:1px solid #abc7fd;}
#gnb .menu_top .btn_list .btn_prev{overflow:hidden;position:absolute;top:14px;left:20px;width:18px;height:38px;background:url(../images/common/gnb_prev.png) 50% 0 no-repeat;text-indent:-9999px;}
#gnb .menu_top .btn_list .btn_home{overflow:hidden;position:absolute;top:14px;left:72px;width: 22px; height: 36px;background:url(../images/common/gnb_home.png) 0 0 no-repeat;text-indent:-9999px;}
#gnb .menu_top .btn_list .btn_search{overflow:hidden;position:absolute;top:14px;left:127px;width: 22px; height: 37px;background:url(../images/common/gnb_search.png) 50% 0 no-repeat;text-indent:-9999px;}
#gnb .menu_top .btn_list .btn_search.on{width:24px;height:37px;background:url(../images/common/btn_w_close.png) 50% 50% no-repeat;}
#gnb .menu_top .btn_list .btn_location{overflow:hidden;position:absolute;top:14px;left:179px;width:28px; height:36px;background:url(../images/common/gnb_location.png) 0 0 no-repeat;text-indent:-9999px;}
#gnb .menu_top .btn_list .btn_menu{overflow:hidden;position:absolute;top:14px;right:25px;width: 24px;height:37px;background:url(../images/common/gnb_menu.png) 50% 0 no-repeat;;text-indent:-9999px;}
#gnb .menu_top .btn_list .btn_menu.on{width:20px;height:35px;background:url(../images/common/btn_w_close.png) 50% 50% no-repeat;}
#gnb .btn_search.on + .gnb_search{display: block;}
#gnb .gnb_search{display:none;position:absolute;top:64px;left:0;width:100%;padding:15px;background:rgba(19,41,75, 0.95)}
#gnb .gnb_search .searchBar{position: relative; width: 100%;}
#gnb .gnb_search .searchBar .wordsList{display:none;position:absolute;top:40px;left:0;width:100%;box-sizing:border-box;border:1px solid #ccc;border-top:none; background:#fff;}
#gnb .gnb_search .searchBar .wordsList li{padding: 7px 10px;}
#gnb .gnb_search .searchBar .wordsList li:hover{background-color:#f0f0f0;}
#gnb .gnb_search .searchBar .wordsList li button{width:100%;text-align: left; font-size: 16px; color: #000;letter-spacing:-0.02em;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
#gnb .gnb_search .searchBar .wordsList li button em{font-weight:800;}
#gnb .gnb_search .searchBar .inp_search{width: 100%; height: 40px; font-size: 16px; color: #000; box-sizing: border-box;border:1px solid #ccc;}
#gnb .gnb_search .searchBar .btn_search2{overflow: hidden; text-indent: -9999px; position: absolute; top: 9px; right: 10px; width: 22px; height: 22px; background:url(../images/common/gnb_search2.png) 0 0 no-repeat;}
#gnb .gnb_search .searchBar .btn_del{display:none;overflow:hidden;position:absolute;top:50%;right:40px;width:20px;height:20px;margin-top:-10px;background:url(../images/common/btn_del.png) 0 0 no-repeat; text-indent: -9999px;}
#gnb .gnb_search .searchBar .btn_del.on{display: block;}
#gnb .gnb_search .area_keyword{padding-top: 15px;}
#gnb .gnb_search .area_keyword h2{color: #fff; font-size: 18px;}
#gnb .gnb_search .area_keyword ul{margin-top:-4px;}
#gnb .gnb_search .area_keyword ul li{float: left; width: 49%; margin-top:20px;}
#gnb .gnb_search .area_keyword ul li .num{float: left; width: 16px; height: 16px; background: #fff; border-radius: 3px; font-size: 10px; font-weight:800; text-align: center; vertical-align: middle;}
#gnb .gnb_search .area_keyword ul li a{overflow: hidden;float:left;width:88px;margin-left:5px;line-height:1;color:#fff;font-size:15px;vertical-align:middle;text-overflow: ellipsis;white-space: nowrap;}
#gnb .btn_menu.on + .box_menu{display: block;}
#gnb .box_menu{display:none;position:absolute;right:0;top:64px;width:120px;padding:20px 25px;background:rgba(19,41,75, 0.95);}
#gnb .box_menu li{width:100%;margin-bottom:26px;}
#gnb .box_menu li a{display: block; height: 24px;color: #fff; font-size: 18px;}
#gnb .box_menu li.menu1 a{background-position: 0 5px;}
#gnb .box_menu li.menu2 a{background-position: 0 -45px;}
#gnb .box_menu li.menu3 a{background-position: 0 -96px;}
#gnb .box_menu li.menu4 a{background-position: 0 -146px;}
#gnb .box_menu li.menu5 a{background-position: 0 -196px;}
#gnb .box_menu .btn_log{display: block; width: 100%; padding: 5px 5px; box-sizing: border-box; color: #fff; border: 1px solid #fff;font-size:14px;text-align: center;}
#gnb .mbti{display: inline-block;right: -140px;top: 0;position: absolute;width: 123px;height: 64px;background: url(../images/sub/btn_mbti_gnb.gif) no-repeat;}
#gnb .mbti a {display: block;overflow: hidden;height: 64px;font-size: 0;text-indent: -9999px;}

/* gnb 고도화 2025 */
.feedback_system_top_banner ~ #gnbCommon{top: auto;}
#gnbCommon{position: fixed; top: 0; left: 0; z-index: 110; width: 100%; background: #fff; box-shadow: 1px 1px 6px rgba(26, 26, 26, 0.12);}
#gnbCommon .inner{display: flex; align-items: center; justify-content: space-between; max-width: 128rem; width: 100%; margin-inline: auto; text-align: left;}
#gnbCommon.up, #gnbCommon.down{position: fixed; top: 0; background: rgba(255, 255, 255, 0.75); box-shadow: 1px 1px 6px rgba(26, 26, 26, 0.12); backdrop-filter: blur(30px);}
#gnbCommon .lottie_wrap{display: none;}
#gnbCommon .lottie_logo{display: none;}
#gnbCommon.active{background: #fff;}
#gnbCommon.main_gnb ~ .gnb_bg{display: none;}
#gnbCommon .logo .mo{display: none;}
#gnbCommon.db_gnb .db_header{display: none;}
#gnbCommon.sub .db_header{display: none;}
.depth1_wrap{display: flex; gap: 3.2rem;}
.depth1_wrap > li.add_type a{gap: 0;}
.depth1_wrap > li > a{display: flex; align-items: center; gap: 1rem; height: 9rem; padding-inline: 1rem; color: var(--global-gray-90); font-size: 2rem; font-weight: 600; letter-spacing: -0.01em; line-height: 1;}
.depth1_wrap > li > a [class*="ai"]{margin-left: -0.6rem;}
.depth1_wrap > li > a [class*="chevron"]{transition: all .3s;}
.depth1_wrap > li > a [class*="chevron"] svg path{stroke: var(--global-gray-60);}
.depth1_wrap > li.active > a, .depth1_wrap > li > a:hover,  .depth1_wrap > li > a:focus-visible{color: var(--brand-primary-50);}
.depth1_wrap > li > a:focus-visible{outline-offset: -0.2rem;}
.depth1_wrap > li.active > a [class*="chevron"] svg path, .depth1_wrap > li > a:hover [class*="chevron"] svg path, .depth1_wrap > li > a:focus-visible [class*="chevron"] svg path{stroke: var(--brand-primary-50);}
.depth1_wrap > li.active > a [class*="chevron"]{transform: rotate(180deg); transition: all .3s;}
.depth1_wrap > li.on > a{color: var(--brand-primary-50);}
.depth1_wrap > li.on > a [class*="chevron"] svg path{stroke: var(--brand-primary-50);}
.depth1_wrap > li .depth2_wrap{display: none; width: 100%; padding-block: 5.6rem; background-color: #fff; }
.depth1_wrap > li .depth2_wrap.active{position: absolute; left: 0; right: 0; display: block; border-top: 0.1rem solid #F0F0F0; box-shadow: 0 0.4rem 0.6rem rgba(26, 26, 26, .12);}
.depth2_wrap .depth2_sub{flex: 1; padding-right: 3%; height: 100%; position: relative;}
.depth2_wrap .depth2_sub .btn_depth2{font-size: 1.8rem; font-weight: 600; letter-spacing: -0.02em; color: var(--brand-primary-50); pointer-events: none; }
.depth2_wrap .depth2_sub + .depth2_sub{padding-inline: 3% 0;}
.depth2_wrap .depth2_sub + .depth2_sub::before{content: ''; position: absolute; top: 0; left: 0; display: block; width: 0.1rem; height: 100%; background-color: #F0F0F0;}
.depth2_wrap .depth2_sub .btn_depth2 + p{margin-top: 0.8rem; color: var(--global-gray-60); font-size: 1.4rem; line-height: 1.3;}
.depth2_wrap .depth2_sub > a{display: block; width: 32rem; height: 9.9rem; margin-inline: auto; padding: 1.6rem; border-radius: 0.8rem; box-sizing: border-box;}
.depth2_wrap .depth2_sub > a:hover{background-color: #F6F9FF;}
.depth2_wrap .depth2_sub > a:focus-visible{outline-offset: -0.2rem; background-color: #F6F9FF;}
.depth3_wrap{margin-top: 2.8rem;}
.depth3_wrap ul{flex-wrap: wrap; gap: 2rem 2.3%; justify-content: space-between;}
.depth3_wrap li{flex-shrink: 0; width: 29rem; height: 9.9rem; margin-right: 0 !important;}
.depth3_wrap li a{display: inline-block; width: 100%; padding: 2rem 1.6rem; border-radius: 0.8rem; box-sizing: border-box;}
.depth3_wrap .depth3_title{padding-left: 1rem; font-size: 1.9rem; line-height: 1; font-weight: 600; color: var(--global-gray-90); letter-spacing: -0.01em;}
.depth3_wrap [class^='icon']{margin-top: -0.1rem;}
.depth3_wrap li a p{margin-top: 0.8rem; padding-left: 3.6rem; color: var(--global-gray-60); font-size: 1.4rem; line-height: 1.3;}
.depth3_wrap li a:focus-visible{outline-offset: -0.2rem; background-color: #F6F9FF;}
.depth3_wrap li a:hover{background-color: #F6F9FF;}
.depth3_wrap .swiper_button_more{display: none;}
.header_util{display: flex; align-items: center; height: 3.8rem; gap: 1.2rem;}
.header_util .btn_search{display: inline-flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; border-radius: 50%; background-color: var(--brand-primary-50);}
.header_util .btn_search:hover, .header_util .btn_search.press{background-color: var(--brand-primary-60);}
.header_util .btn_search:focus-visible{outline-offset: 0.2rem;}
.header_util .btn_search svg{width: 1.8rem; height: 1.8rem;}
.header_util .btn_search svg path{stroke: #fff; stroke-width: 2.2px;}
.header_util .util_sub{display: flex; align-items: center; gap: 0.4rem;}
.header_util .util_sub [class*="btn_"]{display: inline-flex; align-items: center; justify-content: center; width: 3.8rem; height: 3.8rem; border-radius: 50%;}
.header_util .util_sub [class*="btn_"]:hover, .header_util .util_sub [class*="btn_"]:focus-visible{background-color: var(--global-gray-05);}
.header_util .util_sub [class*="btn_"] svg{width: 2.4rem; height: 2.4rem;}
.header_util .util_sub .btn_login{position: relative;}
.header_util .util_sub .btn_login .profile{display: block; width: 2.6rem; height: 2.6rem; border-radius: 50%; background-size: 100% 100%; background-repeat: no-repeat;}
.header_util .util_sub .btn_login .nickname{position: absolute; top: calc(100% + 0.1rem); left: -50%; width: 8.1rem; height: 4.1rem; padding: 1.2rem; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: #fff; border-radius: 0.6rem; border: 0.1rem solid rgba(0, 0, 0, .1); box-shadow: 0 0.1rem 0.4rem 0 rgba(26, 26, 26, 0.08); color: var(--global-gray-60); font-size: 1.3rem; line-height: 1.3;}
.header_util .util_sub .btn_lang:hover{background-color: #fff;}
.header_util .util_sub .btn_lang path{stroke-width: 1.4px;}
.language_wrap {position: relative;}
.language_wrap.active .language_layer{display: block;}
.language_wrap button{display: flex; align-items: center;}
.language_wrap .language{color: var(--global-gray-90); font-size: 1.5rem; letter-spacing: -0.01em; margin-right: 0.4rem;}
.language_wrap [class*="chevron"]{transition: all 0.3s;}
.language_wrap.active [class*="chevron"]{transform: rotate(180deg); transition: all 0.3s;}
.language_wrap [class*="chevron"] svg path{stroke: var(--global-gray-60);}
.language_wrap .language_layer{display: none; position: absolute; top: 3.8rem; width: 10.4rem; max-height: 15.6rem; overflow-y: auto; padding: 0.8rem 0 0.8rem 0.8rem; background-color: #fff; border-radius: 0.4rem; border: 0.1rem solid rgba(0, 0, 0, .1); box-shadow: 0 0 0.8rem 0 rgba(26, 26, 26, 0.08);}
.language_wrap .language_layer::-webkit-scrollbar{width: 1.1rem;}
.language_wrap .language_layer::-webkit-scrollbar-thumb{border-radius: 0.6rem; border: 0.3rem solid #fff; background-color: var(--global-gray-40);}
.language_wrap .language_layer::-webkit-scrollbar-track{margin-block: 0.4rem;}
.language_wrap .language_layer ul li{height: 2.8rem;}
.language_wrap .language_layer ul li a{display: flex; align-items: center; height: 2.8rem; padding-left: 1rem; border-radius: 0.4rem; color: var(--global-gray-60); font-size: 1.3rem; letter-spacing: -0.05em; line-height: 1;}
.language_wrap .language_layer ul li a:hover, .language_wrap .language_layer ul li a:focus-visible{background-color: var(--global-gray-05); outline-offset: -0.1rem;}
.language_wrap .language_layer ul li.active a{background-color: var(--global-gray-05);}
.header_dim {position: fixed;width: 100%; height: 100vh; background: rgba(0, 0, 0, .4); z-index: -1;}


/* 모바일 탭바 및 햄버거메뉴 고도화 2025 */
#tabBar{display: none;}
#moMenu{display: none;}
#langSelect{display: none;}


/* footer 고도화 2025 */
#footer{position: relative; width: 100%; margin-top: 8rem; padding: 0; background: #f0f0f0; border-top: 0.1rem solid #E4E4E4; box-sizing: border-box; font-size: 1.7rem; color: var(--global-gray-90);}
#footer .inner{max-width: 128rem; width: 100%; margin-inline: auto; text-align: left;}
.footer_related{background: #fff;}
.footer_related .related_detail{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; background: #F0F0F0; z-index: 130;}
.footer_related .related_detail .inner{align-items: center; justify-content: center; height: 100%;}
.footer_related .related_detail .item{position: relative; width: 100%;}
.footer_related .related_detail .title{font-size: 3.2rem; font-weight: 600; letter-spacing: -0.02em;}
.footer_related .related_detail .list{display: flex; flex-wrap: wrap; gap: 5.6rem 2rem; margin-top: 8rem;}
.footer_related .related_detail .list li{flex: 0 0 calc((100% - (2rem * 3)) / 4); height: 2.2rem;}
.footer_related .related_detail .list li a{display: flex; align-items: center; gap: 1.2rem; width: fit-content; padding-inline: 0.4rem; font-size: 2rem; font-weight: 500; line-height: 1.3;}
.footer_related .related_detail .list li a::before{content: ''; flex-shrink: 0; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: var(--global-gray-90);}
.footer_related .related_detail [class*="close"]{position: absolute; top: 0; right: 0; justify-content: center; width: 4rem; height: 4rem; padding: 0.2rem; transition: all .3s;}
.footer_related .related_detail [class*="close"] svg{width: 100%; height: 100%;}
.footer_related .related_detail [class*="close"] svg path{stroke-width: 2px;}
.footer_related .related_detail [class*="close"]:hover, .footer_related .related_detail [class*="close"]:focus{transform: rotate(180deg); transform-origin: 50% 50%;}
.footer_related .layer-talk-menu{left: 0;}
.footer_related .layer-talk-menu.on{bottom: 7rem;}
.footer_related .inner{display: flex;}
.footer_related .group{position: relative; flex: 0 0 25%; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; border-left: 0.1rem solid #E4E4E4;}
.footer_related .group:last-child{border-right: 0.1rem solid #E4E4E4;}
.footer_related .group .link{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 5.6rem; padding-inline: 7.5%; box-sizing: border-box; color: var(--global-gray-90);}
.footer_related .group .link:hover{background: var(--global-gray-05);}
.footer_related .group .link.press{background: var(--global-gray-10);}
.footer_related .group .link.tourinfo{gap: 7.5%;}
.footer_related .group .link.tourinfo div{display: flex; flex: 1; justify-content: space-between; align-items: center; line-height: 1; width: 40%; height: 2rem;}
.footer_related .group .link.tourinfo div img{height: auto; width: 39.75%;}
.footer_wrap{margin-inline: auto; padding-block: 4rem; border-top: 0.1rem solid #E4E4E4;}
.footer_wrap .footer_top .logo{display: block; width: 15rem;}
.footer_wrap .footer_top .logo img{width: 100%;}
.footer_wrap .footer_info{display: flex; justify-content: space-between; gap: 2.4rem; padding-block: 4rem;}
.footer_wrap .footer_info .addr address{line-height: 1;}
.footer_wrap .footer_info .addr ul{margin-top: 2rem;}
.footer_wrap .footer_info .addr ul li{margin-top: 1.6rem; line-height: 1;}
.footer_wrap .footer_info .addr ul li span{font-weight: 800; padding-right: 0.5rem;}
.footer_wrap .footer_info .link-area{width: 32rem;}
.footer_wrap .footer_info .link-area .directions{display: flex; align-items: center; width: fit-content; gap: 0.4rem; line-height: 1; font-weight: 800;}
.footer_wrap .footer_info .sns-link-wrap{display: flex; gap: 0.8rem; margin-block: 4rem 0.8rem;}
.footer_wrap .footer_info .sns-link-wrap a{display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 50%; border: 0.1rem solid #E4E4E4; background: #fff;}
.footer_wrap .footer_bottom{padding-top: 4rem; border-top: 0.1rem solid #E4E4E4;}
.footer_bottom .fnb{display: flex; justify-content: space-between; gap: 2.4rem;}
.footer_bottom .fnb_list{display: flex; flex-wrap: wrap; gap: 1.2rem 2.4rem;}
.footer_bottom .fnb_list li a{display: block; height: 2.4rem; line-height: 2.4rem; padding-inline: 0.2rem;}
.footer_bottom .fnb_list li .emphasis{color: var(--brand-primary-60); font-weight: 600;}
.footer_bottom .logo_list{display: flex; flex-shrink: 0; gap: 2rem; width: 32rem;}
.footer_bottom .logo_list li a{display: block; height: 2.6rem;}
.footer_bottom .logo_list li a img{height: 100%;}
.footer_bottom .copyright{margin-top: 2.4rem; line-height: 1;}

/** footer **/
footer .box_footer{width: 940px; margin: 0 auto;}
footer .box_footer:after{content:'';display:block;clear:both;}
footer .btn_topMove{overflow: hidden; position: absolute; top: -68px; right: 0; width: 40px; height: 40px; border: 1px solid #ccc; background:#fff url(../images/common/ico_arrow_top.png) 50% 50%/14px 8px no-repeat; text-indent: -9999px;}
footer .footer_data{padding:20px 0;border-top:1px solid #e6e6e6; position: relative;}
footer .footer_data:after{content:'';display:block;clear:both}
footer .footer_banner{float:left;}
footer .footer_banner .mo{display:none;}
footer .footer_banner + .footer_banner{margin-left:10px;}
footer .footer_data .footer_banner span{float:left;}
footer .footer_data .footer_banner span + span{margin-left:10px;}
footer .footer_banner:after{content:'';display:block;clear:both;}
footer .footer_data .footer_banner:after{content:'';display:block;clear:both;}
footer .footer_data .footer_banner .btn_1330{float:left;}
footer .footer_data .footer_banner .btn_1330:after{content:'';display:block;clear:both;}
footer .footer_data .footer_banner .btn_1330 a{float:left;}
footer .footer_data .footer_banner .link_partners{float:left;margin-left:20px;}

footer .footer_data .layer-talk-menu{right: 0;}
footer .footer_data .btm_menu{width:100%;padding-top:20px; display: flex; gap: 12px;}
footer .footer_data .btm_menu li{float: left; line-height:1;}
footer .footer_data .btm_menu li:last-child a{margin-right: 0;}
footer .footer_data .btm_menu a{ color:#666;font-size: 13.5px;letter-spacing:-0.02em;}
footer .footer_data .btm_menu a.personal_info{color:#2c47dc;font-weight: 700; position: relative;}
footer .footer_data .ft_address{clear:both;padding-top:18px; line-height: 1; font-size: 0;}
footer .footer_data .ft_address li{display: inline-block; margin-right: 15px; line-height: 1; color: #666; font-size: 13.5px;}
footer .footer_data .ft_address li > span{padding-right: 15px;}
footer .footer_data .ft_address li > a{color:#666;font-size:13.5px;}

/*sns*/
footer .footer_sns_list{display:block;clear:both;text-align:center;}
footer .footer_sns_list .tit{display:block; margin-top:15px;font-weight:700;color:#333;font-size:16px;line-height:1;}
footer .footer_sns_list .tit::before{content: ''; display: inline-block; margin-right: 10px; vertical-align: -3px; width: 25px; height: 26px; background: url(../images/common/ico_footer_sns.png) no-repeat 0 50%/25px 26px;}
footer .footer_sns_list ul{padding:20px 0;}
footer .footer_sns_list ul:after{content:'';display:block;clear:both;}
footer .footer_sns_list li{display:inline-block;margin-left:33px;}
footer .footer_sns_list li:first-child{margin-left:0;}
footer .footer_sns_list a{display:block;}
footer .footer_sns_list .ico{display:inline-block;width:40px;height:40px;background-repeat:no-repeat;background-position:0 0;background-size:40px 40px;vertical-align:middle;}
footer .footer_sns_list .ico_blog{background-image:url(../images/common/ico_sns1.png);}
footer .footer_sns_list li:hover .ico_blog{background-image:url(../images/common/ico_sns1_1.png);}
footer .footer_sns_list .ico_post{background-image:url(../images/common/ico_sns2.png);}
footer .footer_sns_list li:hover .ico_post{background-image:url(../images/common/ico_sns2_1.png);}
footer .footer_sns_list .ico_facebook{background-image:url(../images/common/ico_sns3.png);}
footer .footer_sns_list li:hover .ico_facebook{background-image:url(../images/common/ico_sns3_1.png);}
footer .footer_sns_list .ico_twitter{background-image:url(../images/common/ico_sns4.png);}
footer .footer_sns_list li:hover .ico_twitter{background-image:url(../images/common/ico_sns4_1.png);}
footer .footer_sns_list .ico_kakaostory{background-image:url(../images/common/ico_sns5.png);}
footer .footer_sns_list li:hover .ico_kakaostory{background-image:url(../images/common/ico_sns5_1.png);}
footer .footer_sns_list .ico_brunch{background-image:url(../images/common/ico_sns06.png);}
footer .footer_sns_list li:hover .ico_brunch{background-image:url(../images/common/ico_sns06_1.png);}
footer .footer_sns_list .ico_instagram{background-image:url(../images/common/ico_sns7.png);}
footer .footer_sns_list li:hover .ico_instagram{background-image:url(../images/common/ico_sns7_1.png);}
footer .footer_sns_list .ico_odii{background-image:url(../images/common/ico_sns8.png);}
footer .footer_sns_list li:hover .ico_odii{background-image:url(../images/common/ico_sns8_1.png);}
footer .footer_sns_list .sns_name{display:inline-block;margin-left:3px;color:#666;font-size:15px;line-height:16px;vertical-align:middle;text-align:left;}

footer .footer_sns_list .ico_naver{background-image:url(../images/common/ico_sns9.png);}
footer .footer_sns_list li:hover .ico_naver{background-image:url(../images/common/ico_sns9_1.png);}

footer .footer_pcLogo{width: 100%;padding-bottom:16px;border-top:1px solid #e6e6e6;}
footer .footer_pcLogo:after{content:'';display:block;clear:both;}
footer .footer_pcLogo .btn_footLogo{float: left; width:89px;padding-top:23px;}
footer .footer_pcLogo .btn_footLogo img{width:89px;height:14px;}
footer .footer_pcLogo .logo_list{float: right;padding-top:14px;}
footer .footer_pcLogo .logo_list li{float: left; margin-left:20px;}
footer .footer_pcLogo .logo_list li a{display: block;}
footer .footer_pcLogo .logo_list li:nth-child(4){margin-left: 40px;}
footer .footer_mLogo{display: none;}
/* footer : 공지사항 Swiper Slider */
.area_notice{width:100%;height:65px;border-top:1px solid #e6e6e6; background: #f0f0f0;overflow: hidden;}
.area_notice > div{position: relative; width: 940px; margin: 0 auto;}
.area_notice .notice_slider{position:relative;height:65px;margin-right:620px;line-height:65px;}
.area_notice .notice_slider .swiper-container{height:65px !important;}
.area_notice .notice_slider .swiper-slide.swiper-slide-active{display:block;opacity:1;}
.area_notice .notice_slider .swiper-slide a{display:inline-block;width:100%;font-size: 14px;color: #333;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;position: relative;}
.area_notice .notice_slider .swiper-slide a:focus:after{content:'';display:block;width:100%;height:100%;border:2px solid #000;box-sizing: border-box;position:absolute;left:0;top:0;}
.area_notice .notice_slider .swiper-slide a:hover{text-decoration: underline}
.area_notice .notice_slider .swiper-slide img{width: 100%; height: 100%;}
.area_notice .notice_slider .paging{position:absolute;top:0;left:361px;z-index:5;width:19px;text-align:center;}
.area_notice .notice_slider .swiper-button-next{overflow:hidden;top:50%;left:385px;width:19px;height:19px;margin-top:-10px; background:url(../images/common/btn_notice_next.png) 0 0 no-repeat;background-size:19px 19px;text-indent: -9999px;}
.area_notice .notice_slider .swiper-button-prev{overflow:hidden;top:50%;left:337px;width:19px;height:19px;margin-top:-10px; background:url(../images/common/btn_notice_prev.png) 0 0 no-repeat;background-size:19px 19px;text-indent: -9999px;}
.area_notice .notice_slider .ns_more_link{overflow: hidden;position:absolute; left:417px;top:50%; width:19px; height:19px;margin-top:-10px; background:url(../images/common/btn_notice_more.png) 0 0 no-repeat;background-size:19px 19px;text-indent: -9999px;}
.area_notice .notice_slider .paging .btn_autoStop{overflow: hidden; display: inline-block; width:19px; height:19px;margin-top:22px; background:url(../images/common/btn_notice_stop.png) 0 0 no-repeat;background-size:19px 19px;vertical-align:top;text-indent: -9999px;}
.area_notice .notice_slider.active .paging .btn_autoStop{background:url(../images/common/btn_notice_play.png) 0 0 no-repeat;background-size: 19px 19px;}
.area_notice .sel_area{position:absolute;right:0;top:15px;}
.area_notice .sel_area .sel_member{float:left;width:190px;position:relative;background:none;border:0;margin:0;}
.area_notice .sel_area .sel_member + .sel_member{width:265px;margin-left:15px;}
.area_notice .sel_member select{padding:0 0 0 15px;height:35px;width: calc(100% - 45px);border-radius:5px;font-size:13px;-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-sizing: border-box;background:#fff url(../images/main/ico_select5.png) 100% 50%/24px 7px no-repeat;border:0;}
.area_notice .sel_member a{display:inline-block;width:40px;height:35px;line-height:35px;color:#fff;background:#777676;border-radius: 5px;text-align: center;font-size:13px;position:absolute;right:0;top:0;}
.area_notice .sel_member a:focus{outline: 3px solid red; outline-offset: 1px;}
.area_notice .sel_member select::-ms-expand{display:none;/* 화살표 없애기 for IE10, 11*/}

/* Article (메인, 유관부서에만 적용) */
#contents.main_contents .article.pd0,
.wrap_sevice3col .article.pd0{padding:0;}
#contents.main_contents .article.bd0,
.wrap_sevice3col .article.bd0{border:none;}
#contents.main_contents .article .tit_atc,
.wrap_sevice3col .article .tit_atc{overflow:hidden;position:relative;display:block;margin-top:-5px;height:38px;padding:3px 15px 0 2px;font-weight:800;color:#000;font-size:16px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

#contents.main_contents .article .tit_atc h3,
.wrap_sevice3col .article .tit_atc h3,
#contents.main_contents .article .tit_atc a,
#contents.main_contents .article .tit_atc h3 a,
.wrap_sevice3col .article .tit_atc h3{font-weight:800;font-size:16px;color:#000;letter-spacing:-0.02em;}


#contents.main_contents .article .tit_atc span,
.wrap_sevice3col .article .tit_atc span{display:inline-block;margin-left:8px;font-weight:400;color:#666;font-size:14px;}
#contents.main_contents .article{padding:0;}
.wrap_sevice3col .article{padding:21px 19px 20px !important;border:1px solid #e6e6e6;border-radius:10px;}
.wrap_sevice3col .article.type1{padding: 19px 19px !important;}
#contents.main_contents .article.bd0 .tit_atc{padding: 0 15px 0 0;font-weight: 400;}
#contents.main_contents .article.bd0 .tit_atc em{font-weight:800;}
#contents.main_contents .article.bd0 .tit_atc:before{display:none;}
.article.mWide {margin-top: 20px;}

/* Top Button2 */
.btn_topWrap .inner{position:relative;margin:0 auto;}
.btn_topWrap .btn_topMove2{position: absolute; overflow: hidden; top: -8rem; right: 0; z-index: 99; border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; text-indent: 0; background: #fff; box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, .15);}
.btn_topWrap.scroll{position:fixed;top:auto;left:0;bottom:0;right:0;z-index:99;}
.btn_topWrap.scroll .btn_topMove2{top:auto;bottom:4rem;}

/** dimmed **/
.dimmed{content:'';position:fixed;top:0;left:0;z-index:199;width:100vw;height:100vh;background: rgba(0, 0, 0, 0.4);}
.dimmed2{content:'';position:fixed;top:0;left:0;z-index:199;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}

/** layerpop **/
#login, #combineLogin{z-index:120;}
.wrap_layerpop{display:none;position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;}
.wrap_layerpop2{position: absolute;top:0;left:0;z-index:110;width: 100%;height: 100%;}
.wrap_layerpop2.active:after{content:'';	position:fixed;	top:0;left:0;z-index:-1;width:100%;height:100%;background: url(../images/common/dim.png) repeat 0 0;}
.wrap_layerpop2.view{overflow: hidden; width: 0; height: 0;}/*슬라이드 대응*/
.wrap_layerpop2 .swiper-container1 .swiper-wrapper .swiper-slide .swiper-zoom-container{height:451px !important;}

/* 기본 */
.layerpop{position:absolute;z-index:200;padding:20px 20px;background: #fff;}
.layerpop .tit > h2{padding: 15px; background: #333; font-weight:700; color: #fff; font-size: 16px;}
.layerpop .inp_cos{display: block; width: 100%; margin-top: 10px; margin-bottom: 20px; padding-bottom: 10px; border: 0; border-bottom: 1px solid #767676; font-size: 14px; box-sizing: border-box;}
.layerpop .inp_cos::placeholder{color: #ccc;}
.layerpop .btn_ok{display: inline-block; padding: 5px 15px; color: #fff; font-size: 14px; background: #333;}
.layerpop .btn_ok:focus{outline:3px solid red; outline-offset: 1px;}
.layerpop .btn_save{display: inline-block; padding: 5px 15px; color: #fff; font-size: 14px; background: #333;}
.layerpop .btn_cancel{display: inline-block; margin-right: 5px; padding: 4px 15px; color: #333; font-size: 14px; background: #fff;border:1px solid #333;}
.layerpop .btn_cancel:focus{outline:3px solid red; outline-offset: 1px;}
.layerpop .btn_close{color: #767676; margin-right: 10px;}
.layerpop .btn_close2{overflow:hidden;position:absolute;top:8px;right:8px;width:16px;height:16px;padding:23px;background:url(../images/common/btn_b_close_32x32.png) no-repeat 50% 50%;background-size:22px auto;text-indent:-9999px;z-index: 100;}
.layerpop .btn_close3{overflow:hidden;position:absolute;top:0;right:0;width:16px;height:16px;padding:26px 23px;background:url(../images/common/btn_w_close_32x32.png) no-repeat 50% 50%;background-size:16px auto;text-indent:-9999px;}
.layerpop .btn_close3:focus{outline:3px solid red; outline-offset: 1px;}

.layerpop .box_cont{padding: 15px;background:#fff;}
.layerpop .box_cont .btn_def{display: inline-block; padding: 5px 10px; color: #fff; font-size: 14px; background: #333;}
.layerpop .box_cont .txt_confirm{padding: 10px 0 20px 0; font-size: 16px; color: #000; text-align: center;}
.layerpop .txt_def{padding: 10px 10px; margin-bottom: 10px; color: #000; font-size: 16px; text-align: center;}
/* 내비게이션 */
#popNavi.wrap_layerpop .layerpop{width:290px;padding:0;border-radius: 5px;overflow: hidden;}
#popNavi.wrap_layerpop .layerpop .tit > h2{padding:20px 15px 15px !important;line-height: 20px;background:none;color:#333;font-size:18px;letter-spacing:-0.02em;}
#popNavi.wrap_layerpop .box_cont{padding:15px 0 15px;}
.layerpop .list_navi{text-align:center;padding:0 0 15px;}
.layerpop .list_navi li{display:inline-block;width:88px;}
.layerpop .list_navi a{display:inline-block;width:100%;padding-top: 58px; font-size:14px; text-align: center;color:#666;}
.layerpop .list_navi .navi_kakao a{background: url(../images/sub/ico_mnavi1.png) no-repeat 50% 0; background-size: 50px 50px;}
.layerpop .list_navi .navi_tmap a{background: url(../images/sub/ico_mnavi2.png) no-repeat 50% 0; background-size: 50px 50px;}
.layerpop .list_navi .navi_apple a{background: url(../images/sub/ico_mnavi3.png) no-repeat 50% 0; background-size: 50px 50px;}
#popNavi.wrap_layerpop .layerpop .btn_close3{right:15px;top:22px;padding:0 !important;width:13px;height:13px;background: url(../images/common/pop_area_close1.png) 0 0 / 100% 100%;}

/* 알림 */
#cosConfirm.wrap_layerpop .layerpop{width:300px;padding:0;}
#pNoticepop.wrap_layerpop .layerpop{width:300px;padding:0;}
#loginConfirm.wrap_layerpop .layerpop{width:300px;padding:0;}
/* 반려사유 */
#cosConfirm3.wrap_layerpop .layerpop{width:600px;padding:0;}
#cosConfirm3 .txt_def.scroll{margin-bottom:20px;max-height:330px;overflow-y:auto;}
/* 저작권 보증 및 제공 동의 */
#cosConfirm2.wrap_layerpop .layerpop{width:600px;padding:0;}
.copyrightLayer{text-align:left;font-size:16px;color:#666;}
.copyrightLayer strong{display:block;font-size:18px;color:#222;}
.copyrightLayer p{padding:20px 0 0 0;}
.copyrightLayer strong + p{padding:10px 0 0 0;}
/* 로그인 */
#login.wrap_layerpop .layerpop{width:300px;padding:0;}
.layerpop .login{padding: 15px 0 15px 0px;}
.layerpop .login p{text-align:center;}
.layerpop .list_sns li{float: left; width: 33%; margin-bottom: 20px;}
.layerpop .list_sns li a{display: block; width: 75px; height: 65px; box-sizing: border-box; margin: 0 auto; padding-top: 50px; background-image: url(../images/common/ico_logins.png?v=20240116001); background-repeat: no-repeat; color: #000; font-size: 13px; text-align: center;}
.layerpop .list_sns li.naver a{background-position: 18px 0;}
.layerpop .list_sns li.kakao a{background-position: -64px 0;}
.layerpop .list_sns li.facebook a{background-position: -142px 0;}
.layerpop .list_sns li.twitter a{background-position: 18px -72px;}
.layerpop .list_sns li.google a{background-position: -64px -72px;}
.layerpop .list_sns li.apple a{background-position: -142px -142px;}
.layerpop .list_sns li.instar  a{background-position: -142px -72px;}
.layerpop .list_sns li.kakaostory  a{background-position: 18px -142px;}
.layerpop .list_sns li.band  a{background-position: -64px -142px;}
.layerpop .list_sns.type4 li{width:50%;}
.auto_login{padding:9px 0 0 20px;text-align: left;overflow:hidden;color:#333;font-size:14px;}
.auto_login label{vertical-align: 1px;margin:0 0 0 5px;}
.auto_login input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.auto_login input[type="checkbox"] + label {position:relative; display:inline-block; min-height:16px; padding-left:24px; font-weight:400; vertical-align:middle;}
.auto_login input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:-1px; width:20px; height:20px;background: url(../images/common/bg_ckeckbox.png) 0 0 / 100% 100% no-repeat;}
.auto_login input[type="checkbox"]:checked + label {font-weight:700;}
.auto_login input[type="checkbox"]:checked + label:before {border-color:#2469b0;}
.auto_login input[type="checkbox"]:checked + label:after {content:''; position:absolute; left:0; top:-1px; width:20px; height:20px; background:url('../images/common/bg_ckeckbox_on.png') 0 0 / 100% 100% no-repeat;}
.auto_login input[type="checkbox"]:focus + label {outline:1px dotted red; outline:-webkit-focus-ring-color auto 5px;}

/* 공유하기 */
#popShare.wrap_layerpop .layerpop, #popShare0.wrap_layerpop .layerpop, #popShare01.wrap_layerpop .layerpop{width:300px;padding:0;}
.layerpop .share{padding: 15px 0 15px 0px;}
.layerpop .share .inp_url{width: 100%;}
.layerpop .share .inp_url input[type=text]{float: left; width: 75%; height: 40px; box-sizing: border-box; padding: 10px 10px; border: 1px solid #ccc; border-right: 0;}
.layerpop .share .inp_url > button{float: left; width: 25%; height: 40px; background: #333; color: #fff; font-size: 14px;position: relative;}
.layerpop .share .inp_url > button:focus{outline:3px solid red; outline-offset: 1px;}

/* 코스만들기 */
#cosMake.wrap_layerpop .layerpop, #courseBuild.wrap_layerpop .layerpop, #courseBuildFinish.wrap_layerpop .layerpop{width:300px;padding: 0;}
#courseBuildFinish.wrap_layerpop .layerpop p{text-align:center;font-size:14px;line-height: 45px;padding-bottom: 10px;color: #333;}
/* 코스선택 */
#cosChoice.wrap_layerpop .layerpop{width:300px;padding: 0;}
.layerpop .list_choice{overflow: hidden; overflow-y: auto; height: 220px;}
.layerpop .list_choice li{width: 100%; overflow: hidden; padding: 10px 0 10px 0; border-bottom: 1px solid #e6e6e6;}
.layerpop .list_choice li > span{float: left; width: 75%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding-top: 5px; color: #000; font-size: 14px;}
.layerpop .list_choice li .area_btn{float: right; width: 25%; text-align: right; padding-right: 5px;}
.layerpop .list_choice li .area_btn button{width: 46px;}
.layerpop .list_choice li .area_btn button:focus{outline:3px solid red; outline-offset: 1px;}
/* 사진 크게 보기, 슬라이드 */
/*퍼블리싱 화면에서는 margin-top: -300px;은 삭제해야합니다. 개발화면 이슈로 적용된 상태입니다. */
.layerpop.pop100{left:50%;width: 980px; height: 600px; margin-top: -300px;margin-left: -489px; padding: 30px 46px;}
/* 올해의관광도시 */
#popTc.wrap_layerpop .layerpop{width:640px;height:556px;padding: 0}
#popTc.wrap_layerpop .layerpop .tit > h2{padding:9px 15px;}
#popTc.wrap_layerpop .layerpop .btn_close3{padding:20px 23px;}
#popTc.wrap_layerpop .layerpop .box_cont{width:100%;height:461px;background:url(../images/main/pop_tc_bg.jpg) no-repeat 0 0;text-align:center;}
#popTc.wrap_layerpop .layerpop .box_cont .city_list{display:inline-block;margin:0 auto;padding-top:30px;text-align:center;}
#popTc.wrap_layerpop .layerpop .box_cont .city_list li{display:inline-block;margin-left:17px;}
#popTc.wrap_layerpop .layerpop .box_cont .city_list li:first-child{margin-left:0;}
#popTc.wrap_layerpop .layerpop .box_cont .city_list img{width:92px;height:87px;}
#popTc.wrap_layerpop .layerpop .box_cont .city_list .btn_link{margin-top:12px;}
#popTc.wrap_layerpop .layerpop .box_cont .city_list .btn_link a{display:inline-block;padding:6px 7px;border-radius:4px;background-color:#221f20;color:#fff;font-size:14px;}
#popTc.wrap_layerpop .layerpop .box_cont .txt_top{padding:31px 33px 0;font-weight:400;color:#333;font-size:16px;letter-spacing:-0.02em;word-break:keep-all;text-align:center;line-height:27px;}
#popTc.wrap_layerpop .layerpop .box_cont .txt_mid{margin-top:30px;font-weight:700;color:#0f74c4;font-size:16px;letter-spacing:-0.02em;text-align:center;line-height:24px;}
#popTc.wrap_layerpop .layerpop .box_cont .txt_bot{margin-top:27px;text-align:center;}
#popTc.wrap_layerpop .layerpop .box_cont .txt_bot img{width:290px;height:24px;}
/* 굿 콘텐츠 서비스 */
#popGoodct.wrap_layerpop .layerpop{width:770px;padding:0;}
#popGoodct.wrap_layerpop .layerpop .tit > h2{padding:9px 15px;}
#popGoodct.wrap_layerpop .layerpop .btn_close3{padding:20px 23px;}
#popGoodct.wrap_layerpop .layerpop .box_cont{padding:10px;}
#popGoodct.wrap_layerpop .layerpop .box_cont .city_list{width:490px;margin:0 auto;padding-top:30px;text-align:center;}
/* 등록예시보기 */
#popRegView.wrap_layerpop .layerpop{width:800px !important;;padding:0;}
#popRegView.wrap_layerpop .layerpop .tit > h2{padding:9px 15px;}
#popRegView.wrap_layerpop .layerpop .btn_close3{padding:20px 23px;}
#popRegView.wrap_layerpop .layerpop .box_cont{padding:30px 20px;}
#popRegView.wrap_layerpop .layerpop .box_cont .btn_wrap{text-align:center;}
#popRegView.wrap_layerpop .layerpop .box_cont .btn_confirm{display:inline-block;width:57px;height:30px;margin-top:20px;font-size:14px;color:#fff;background-color:#333;line-height:17px;text-align:center;}
#popRegView.wrap_layerpop .layerpop .box_cont .btn_confirm:focus{outline: 3px solid red; outline-offset: 1px;}
/* 사용결과등록 */
#popRegView2.wrap_layerpop .layerpop{width:800px !important;;padding:0;}
#popRegView2.wrap_layerpop .layerpop .tit > h2{padding:9px 15px;}
#popRegView2.wrap_layerpop .layerpop .btn_close3{padding:20px 23px;}
#popRegView2.wrap_layerpop .layerpop .box_cont{padding:20px;}
#popRegView2.wrap_layerpop .layerpop .box_cont p{color:#000;line-height:24px;}
#popRegView2.wrap_layerpop .layerpop .box_cont .btn_confirm{display:inline-block;width:57px;height:30px;margin-top:10px;font-size:14px;color:#fff;background-color:#333;line-height:30px;text-align:center;}
#popRegView2.wrap_layerpop .layerpop .box_cont .table_info{margin-top:17px;}
#popRegView2.wrap_layerpop .layerpop .box_cont .table_info th{padding-top:13px;font-weight:700;color:#333;font-size:14px;text-align:left;vertical-align:top;}
#popRegView2.wrap_layerpop .layerpop .box_cont .table_info td{padding:10px 0;}
#popRegView2.wrap_layerpop .layerpop .box_cont .table_info input[type="text"]{width:100%;height:30px;border:1px solid #ccc;box-sizing:border-box;color:#333;font-size:14px;}
#popRegView2.wrap_layerpop .layerpop .box_cont .table_info textarea{width:100%;border:1px solid #ccc;box-sizing:border-box;color:#333;font-size:14px;line-height:24px;}
#popRegView2.wrap_layerpop .layerpop .box_cont .table_info .rdo_col{display:inline-block;}
#popRegView2.wrap_layerpop .layerpop .box_cont .table_info .rdo_col + .rdo_col{margin-left:20px;}
#popRegView2.wrap_layerpop .layerpop .box_cont .table_info .rdo_col label{color:#000;font-size:14px;}
#popRegView2.wrap_layerpop .layerpop .box_cont .table_info .rdo_col input{vertical-align:middle;}
/* 파트너스 > 이용가이드 보기 */
#popUserGuide.wrap_layerpop .layerpop{width:632px !important;padding:0;}
#popUserGuide.wrap_layerpop .layerpop .tit > h2{padding:9px 15px;}
#popUserGuide.wrap_layerpop .layerpop .btn_close3{padding:20px 23px;}
#popUserGuide.wrap_layerpop .layerpop .box_cont{padding:60px 0;}
#popUserGuide.wrap_layerpop .layerpop .box_cont .pop_userguide_list:after{content:'';display:block;clear:both;}
#popUserGuide.wrap_layerpop .layerpop .box_cont .pop_userguide_list li{float:left;width:50%;text-align:center;}
#popUserGuide.wrap_layerpop .layerpop .box_cont .pop_userguide_list a{display:block;}
#popUserGuide.wrap_layerpop .layerpop .box_cont .pop_userguide_list .tit{position:relative;color:#000;font-size:20px;}
#popUserGuide.wrap_layerpop .layerpop .box_cont .pop_userguide_list .tit:after{content:'';position:absolute;left:50%;bottom:-20px;width:20px;height:1px;margin-left:-10px;background-color:#767676;}
#popUserGuide.wrap_layerpop .layerpop .box_cont .pop_userguide_list p{height:48px;margin-top:40px;color:#000;font-size:16px;line-height:24px;}
#popUserGuide.wrap_layerpop .layerpop .box_cont .pop_userguide_list .link_view{display:inline-block;margin-top:32px;padding:8px 16px;border:1px solid #ccc;font-size:16px;font-weight:700;letter-spacing:-0.02em;}
/* 마이페이지 > 코스 > 코스 이용가이드 */
#popCosUserGuide.wrap_layerpop .layerpop{width:940px;padding:0;}
#popCosUserGuide.wrap_layerpop .layerpop .tit h2{padding:9px 15px;}
#popCosUserGuide.wrap_layerpop .layerpop .btn_close3{overflow:hidden;position:absolute;top:0;right:0;width:16px;height:16px;padding:20px 23px;background:url(../images/common/btn_w_close_32x32.png) no-repeat 50% 50%;background-size:16px auto;text-indent:-9999px;}
#popCosUserGuide.wrap_layerpop .layerpop .box_cont{padding-top:0;padding-bottom:40px;}
#popCosUserGuide.wrap_layerpop .cosGuideScr{max-height:700px;overflow-y:auto;}
#popCosUserGuide .cug_slider_wrap > ul{text-align:center;}
#popCosUserGuide .cug_slider_wrap > ul li{width:100% !important;}
#popCosUserGuide .cug_slider_wrap > ul .swiper-slide-active .tit_cug{opacity:1;}
#popCosUserGuide .cug_slider_wrap .tit_cug{padding:40px 0 70px;font-weight:800;color:#000;font-size:28px;letter-spacing:-0.02em;text-align:center;opacity:0;}
#popCosUserGuide .cug_slider_wrap.type1 .tit_cug{padding:40px 0 30px;}
#popCosUserGuide .cug_slider_wrap a{display:block;}
#popCosUserGuide .cug_slider_wrap .view_w{display:inline-block;}
#popCosUserGuide .cug_slider_wrap .view_m{display:none;}
#popCosUserGuide .cug_slider_wrap .swiper-button-prev,
#popCosUserGuide .cug_slider_wrap .swiper-button-next{overflow:hidden;top:460px;width:40px;height:40px;background-position:0 0;background-repeat:no-repeat;background-size:40px 40px;text-indent:-9999px;}
#popCosUserGuide .cug_slider_wrap .swiper-button-prev{left:60px;background-image:url(../images/sub/btn_slider_prev.png);}
#popCosUserGuide .cug_slider_wrap .swiper-button-next{right:60px;background-image:url(../images/sub/btn_slider_next.png);}
#popCosUserGuide .cug_slider_wrap .swiper-button-next.swiper-button-disabled,
#popCosUserGuide .cug_slider_wrap .swiper-button-prev.swiper-button-disabled{display:none;}
#popCosUserGuide .cug_slider_wrap .swiper-pagination{top:100px;bottom:inherit;}
#popCosUserGuide .cug_slider_wrap .swiper-pagination button{width:10px;height:10px;}
#popCosUserGuide .cug_slider_wrap .swiper-pagination button.swiper-pagination-bullet-active{background:#333;}
#popCosUserGuide .cug_slider_wrap .swiper-pagination button{margin:0 5px;background:#c1c1c1;opacity:1}

#popCosUserGuide .cug_slider_wrap.type1 .swiper-button-prev{top:360px;left:31px;}
#popCosUserGuide .cug_slider_wrap.type1 .swiper-button-next{top:360px;right:31px;}

/* 양식 작성예시 가이드 */
#popCosUserGuide1.wrap_layerpop .layerpop{width:940px;padding:0;}
#popCosUserGuide1.wrap_layerpop .layerpop .tit{height:40px;background:#333;}
#popCosUserGuide1.wrap_layerpop .layerpop .btn_close3{overflow:hidden;position:absolute;top:0;right:0;width:16px;height:16px;padding:20px 23px;background:url(../images/common/btn_w_close_32x32.png) no-repeat 50% 50%;background-size:16px auto;text-indent:-9999px;}
#popCosUserGuide1.wrap_layerpop .layerpop .box_cont{padding-top:0;padding-bottom:40px;}
#popCosUserGuide1 .cug_slider_wrap > ul{text-align:center;}
#popCosUserGuide1 .cug_slider_wrap > ul li{width:100% !important;}
#popCosUserGuide1 .cug_slider_wrap > ul .swiper-slide-active .tit_cug{opacity:1;}
#popCosUserGuide1 .cug_slider_wrap .tit_cug{padding:40px 0 70px;font-weight:800;color:#000;font-size:28px;letter-spacing:-0.02em;text-align:center;opacity:0;}
#popCosUserGuide1 .tit_cug01{padding:40px 0 70px;font-weight:800;color:#000;font-size:28px;letter-spacing:-0.02em;text-align:center;}
#popCosUserGuide1 .cug_slider_wrap.type1 .tit_cug{padding:40px 0 30px;}
#popCosUserGuide1 .cug_slider_wrap a{display:block;}
#popCosUserGuide1 .cug_slider_wrap .view_w{display:inline-block;}
#popCosUserGuide1 .cug_slider_wrap .view_m{display:none;}
#popCosUserGuide1 .cug_slider_wrap .swiper-button-prev,
#popCosUserGuide1 .cug_slider_wrap .swiper-button-next{overflow:hidden;top:460px;width:40px;height:40px;background-position:0 0;background-repeat:no-repeat;background-size:40px 40px;text-indent:-9999px;}
#popCosUserGuide1 .cug_slider_wrap .swiper-button-prev{left:60px;background-image:url(../images/sub/btn_slider_prev.png);}
#popCosUserGuide1 .cug_slider_wrap .swiper-button-next{right:60px;background-image:url(../images/sub/btn_slider_next.png);}
#popCosUserGuide1 .cug_slider_wrap .swiper-button-next.swiper-button-disabled,
#popCosUserGuide1 .cug_slider_wrap .swiper-button-prev.swiper-button-disabled{display:none;}
#popCosUserGuide1 .cug_slider_wrap .swiper-pagination{top:100px;bottom:inherit;}
#popCosUserGuide1 .cug_slider_wrap .swiper-pagination button{width:10px;height:10px;}
#popCosUserGuide1 .cug_slider_wrap .swiper-pagination button.swiper-pagination-bullet-active{background:#333;}
#popCosUserGuide1 .cug_slider_wrap .swiper-pagination button{margin:0 5px;background:#c1c1c1;opacity:1}

#popCosUserGuide1 .cug_slider_wrap.type2 .swiper-button-prev{top:240px;left:31px;}
#popCosUserGuide1 .cug_slider_wrap.type2 .swiper-button-next{top:240px;right:31px;}
#popCosUserGuide1 .cug_slider_wrap.type2 .btn_down{padding:20px 0 39px;}
#popCosUserGuide1 .cug_slider_wrap.type2 .btn_down a{display:inline-block;width:237px;height:30px;line-height:28px;font-size:14px;background:#ebeef0;border:1px solid #ccc;}
#popCosUserGuide1 .cug_slider_wrap.type2 .btn_down a:last-child{margin-left:7px;}
#popCosUserGuide1 .cug_slider_wrap.type2 .btn_down a:after{content:'';display:inline-block;width:16px;height:16px;background:url(../images/sub/bg_btn_down.png);vertical-align: -3px;margin-left:9px;}
#popCosUserGuide1 .category_type{position:absolute;right:103px;top:85px;z-index: 10;}

/* 사용자 사진 등록하기 */
#userPicReg.wrap_layerpop .layerpop{width:580px;padding: 0;}
#userPicReg .layerpop .box_cont{padding:40px;}
#userPicReg .imgReg{max-height:600px;overflow-y:scroll;}
#userPicReg .imgReg .file{position:relative;height:323px;border:1px solid #e5e5e5;background:#f7f7f7;}
#userPicReg .imgReg .file .img{position: absolute;left:0;top:0;width:100%;height:323px;text-align:center;}
#userPicReg .imgReg .file .img span{display:table-cell;vertical-align: middle;}
#userPicReg .imgReg .file .img img{max-width:100%;max-height:100%;}
.fileBtn{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: inline-block;line-height: 79px;}
.fileBtn input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.fileBtn label {cursor: pointer;display:inline-block;width: 79px;border-radius: 100%;height:79px;background:url(../images/sub/btn_reg_file.png) no-repeat;background-size:100%;text-indent: -9999px;font-size:0;}
#userPicReg .btn_center{padding-top:33px;}
#userPicReg .imgReg .fileBtn input[type="file"]:focus + label{border:2px solid #000;}

/* 위치서비스 이용 팝업 */
#positionPop.wrap_layerpop .layerpop{width:460px;border:1px solid #767676;padding:0;}
#mappositionPop.wrap_layerpop .layerpop{width:480px;border:1px solid #767676;padding:0;}
.wrap_layerpop .positionCont {padding:59px 0 30px;font-size:20px;text-align:center;color:#666;line-height: 30px;background: #fff;}
.wrap_layerpop .positionCont p{padding:9px 0 19px;line-height: 23px;letter-spacing:-0.02em;}
.wrap_layerpop .positionCont strong{display:block;font-weight:700;font-size:28px;color:#333;letter-spacing:-0.02em;}
.wrap_layerpop .positionCont strong em{color:#ff3333;font-weight:700;letter-spacing:-0.02em;}
.wrap_layerpop .positionCont .btn_center a{display:inline-block;font-size:15px;color:#fff;padding:0 17px;background:#666;line-height:35px;}
.wrap_layerpop .positionCont .btn_center a:focus-visible{outline:2px solid red}
.wrap_layerpop .layerpop .positionCont .btn_close3{padding: 23px 23px;top:17px;right:17px;background: url(../images/common/btn_close_posipop.png) no-repeat 50% 50%;background-size: 23px auto;}

#mappositionPop.wrap_layerpop .positionCont {padding:50px 0 40px;}
#mappositionPop.wrap_layerpop .positionCont strong{font-size:35px;line-height:38px;letter-spacing:-0.02em;}
#mappositionPop.wrap_layerpop .positionCont strong:before{content:'';display:block;width:100%;height:87px;margin-bottom:8px;background: url(../images/common/icon_map_posipop.png) no-repeat 50% 50%;background-size: 83px 100%;}
#mappositionPop.wrap_layerpop .positionCont strong em{display:block;color:#ff3333;font-weight:700;}
#mappositionPop.wrap_layerpop .positionCont p{padding:25px 0 29px;color:#333;}
#mappositionPop.wrap_layerpop .positionCont p span{display:inline-block;position: relative;}
#mappositionPop.wrap_layerpop .positionCont p span:after{content:'';display:block;width:100%;height:7px;background:#ffded6;margin-top: -5px;}

/* 분기처리 로그인 */
#popMemberLogin .layerpop{width:650px;padding:30px;}
#popMemberLogin .layerpop .tit > h2{background:none;width:186px;height:33px;padding:0;}
#popMemberLogin .layerpop .btn_close3{top:18px;right:18px;padding:20px;background: url(../images/common/btn_b_close_16x16.png) no-repeat 50% 50%;background-size: 16px auto;}
#popMemberLogin .layerpop .box_cont{padding:0;}
#popMemberLogin .popQuarter h3{padding:40px 0 0 0;letter-spacing:-0.02em;font-size:40px;font-weight:400;color:#333;text-align:center;line-height: 44px;}
#popMemberLogin .popQuarter h3 strong{font-weight:700;}
#popMemberLogin .popQuarter ul{overflow:hidden;margin:34px 0 0;padding:40px 0 34px 0;background:#f7f7f7;display:flex;}
#popMemberLogin .popQuarter ul li{flex-grow: 1;text-align: center;width:50%;}
#popMemberLogin .popQuarter ul li + li a{border-left:1px solid #ccc}
#popMemberLogin .popQuarter ul li a{display:block;}
#popMemberLogin .popQuarter .mo{display:none;}

/* 서비스 이용가이드 */
.tit_cont.tit_userguide{position:relative;padding:6px 0 10px;border-bottom:2px solid #000;}
.tit_cont.tit_userguide h2{overflow:hidden;height:32px;background:url(../images/temp/tit_img_guide_pc.png) no-repeat 0 0;text-indent:-9999px}
.userguide_cont_pc{display:block;position:relative;margin-top:50px;}
.userguide_cont_pc:after{content:'';display:block;clear:both;}
.userguide_cont_pc .swiper-thumbnails{float:left;width:380px;margin-top:-2px;}
.userguide_cont_pc .swiper-thumbnails button{margin-top:45px;}
.userguide_cont_pc .swiper-thumbnails button:first-child{margin-top:0;}
.userguide_cont_pc .swiper-thumbnails button img{display:block;}
.userguide_cont_pc .swiper-thumbnails button .img_on{display:none;}
.userguide_cont_pc .swiper-thumbnails button.is-active img{display:none;}
.userguide_cont_pc .swiper-thumbnails button.is-active .img_on{display:block;}
.userguide_cont_pc .swiper-container{float:left;width:560px;}
.userguide_cont_pc .swiper-container a{display:block;}
.userguide_cont_pc .paging{position:absolute;right:-8px;top:-38px;}
.userguide_cont_pc .paging .btn_autoArea button{overflow:hidden;text-indent:-9999px;}
.userguide_cont_pc .paging .btn_autoArea .btn_autoPlay{display:none;width:36px;height:36px;background:url(../images/temp/btn_guide_play_pc.png) no-repeat 0 0;}
.userguide_cont_pc .paging .btn_autoArea .btn_autoStop{width:36px;height:36px;background:url(../images/temp/btn_guide_stop_pc.png) no-repeat 0 0;}
.userguide_cont_pc.active .paging .btn_autoArea .btn_autoPlay{display:block;}
.userguide_cont_pc.active .paging .btn_autoArea .btn_autoStop{display:none;}

/* 예약하기 */
#reservationPop.wrap_layerpop .layerpop{width:428px;padding: 0;}
#reservationPop.wrap_layerpop .layerpop .tit > h2{font-size:22px;padding: 10px 15px;}
#reservationPop.wrap_layerpop .layerpop .box_cont{max-height:300px;overflow-y:auto;}
.reserve_list .top{padding:30px 38px 28px 36px;}
.reserve_list .top li a{position:relative;display:block;overflow:hidden;font-size:22px;line-height:32px;margin-bottom:12px;letter-spacing:-0.02em;color:#000;}
.reserve_list .top li a span{float:left;width:115px;vertical-align: -2px;}
.reserve_list .top li a em{float:left;}
.reserve_list .top li a:after{content:'';display:inline-block;width:22px;height:22px;position:absolute;right:0;top:6px;background:url(../images/sub/reserve_link.gif) no-repeat 0 0;}
.reserve_list .mo{display:none;}
.reserve_list .btm{padding:0 0 30px;text-align: center;}
.reserve_list .btm:after{content:'';display:block;clear: both;}
.reserve_list .btm li{float:left;width:50%;color:#000;font-size:20px;letter-spacing:-0.02em;}
.reserve_list .btm li > a{display:block;color:#000;}
.reserve_list .btm li span.pc{display:block;}
.reserve_list .btm li > a:before, .reserve_list .btm li span.pc:before{content:'';display:block;width:100%;height:58px;margin-bottom:5px;}
.reserve_list .btm li > a:after{content:'';display:inline-block;width:22px;height:22px;vertical-align: -3px;margin-left:8px;background:url(../images/sub/reserve_link.gif) no-repeat 0 0;}
.reserve_list .btm .icon1 a:before{background:url(../images/sub/reserve_icon1.gif) 50% 0 no-repeat;}
.reserve_list .btm .icon2 span.pc:before{background:url(../images/sub/reserve_icon2.gif) 50% 0 no-repeat;}

.userguide_cont_m{display:none;}

/* 지도크게보기 */
.layer_mapView{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background: none;}
.layer_mapView .btn_close2{display:none;overflow:hidden;position:absolute;top:0;right:0;z-index:10;width:16px;height:16px;padding:20px;background:#333 url(../images/common/btn_w_close_32x32.png) no-repeat 50% 50%;background-size:16px auto;text-indent:-9999px;}
.layer_mapView.on .btn_close2{display:block;}

/* 의사표현 */
#expressionPop.wrap_layerpop .layerpop{width:430px;padding: 37px 40px 0;}
#expressionPop strong{display:block;margin:0 0 25px;text-align: center;font-weight: 800;font-size:18px;letter-spacing:-0.02em;line-height: 26px;color:#131313;}
#expressionPop textarea{width:100%;margin:10px 0 0;box-sizing: border-box;height:80px;border:1px solid #ccc;font-size:16px;line-height:20px;color:#000;}
#expressionPop ul li{margin:0 0 10px;}
#expressionPop input[type="radio"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#expressionPop input[type="radio"] + label {position:relative; display:inline-block; min-height:22px; padding-left:33px;line-height: 22px;font-weight:700;font-size:16px;color:#666;letter-spacing:-0.02em;box-sizing: border-box;}
#expressionPop input[type="radio"] + label:before {content:''; position:absolute; left:0; top:0; width:22px; height:22px; border:1px solid #666; background:#fff; border-radius:100%;box-sizing: border-box;}
#expressionPop input[type="radio"] + label:after {display:none; content:''; position:absolute; left:6px; top:6px; width:10px; height:10px; background:#000; border-radius:100%;}
#expressionPop input[type="radio"]:checked + label {color:#000;}
#expressionPop input[type="radio"]:checked + label:before {border-color:#000;}
#expressionPop input[type="radio"]:checked + label:after {display:block;}
#expressionPop input[type="radio"]:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
#expressionPop .btn_center{padding:20px 0 40px;}
#expressionPop .btn_center a{display:inline-block;height:30px;width:110px;line-height:28px;text-align: center;box-sizing: border-box;border:1px solid #333;color:#333;font-size:14px;}
#expressionPop .btn_center a + a{background:#333;color:#fff;margin-left:8px;}
#expressionPop .layerpop .btn_close{position:absolute;text-indent:-9999px;top:30px;right:30px;margin:0;width:16px;height:16px;background: url(../images/common/btn_b_close_16x16.png) no-repeat 50% 50%;background-size: 16px auto;}

/* 모든테마보기(서브메인) */
#themeViewPop.wrap_layerpop .layerpop{width:830px;border-radius: 5px;padding:0;}
#themeViewPop .tit{display:block;padding-left:40px;line-height:100px;font-weight: 800;font-size:22px;letter-spacing:-0.02em;color:#000;}
#themeViewPop.wrap_layerpop .box_cont{padding: 0 20px 0 40px;}
#themeViewPop.wrap_layerpop .box_cont ul{max-height:600px;overflow-y:auto;}
#themeViewPop.wrap_layerpop .box_cont ul li{float:left;width:340px;margin:0 0 30px;word-break:keep-all;}
#themeViewPop.wrap_layerpop .box_cont ul li:nth-child(2n){float:right;}
#themeViewPop.wrap_layerpop .box_cont ul li a{display:flex;align-items: center;}
#themeViewPop.wrap_layerpop .box_cont ul li .img{width:110px;flex-shrink: 0;height:110px;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;border-radius: 100%;}
#themeViewPop.wrap_layerpop .box_cont ul li .cont{flex-grow: 1;margin-left:20px;}
#themeViewPop.wrap_layerpop .box_cont ul li .cont strong{display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:20px;font-weight: 700;letter-spacing:-0.02em;line-height: 23px;}
#themeViewPop.wrap_layerpop .box_cont ul li .cont p{overflow:hidden;max-height:40px;line-height:20px;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:16px;letter-spacing:-0.02em;color:#767676;margin:6px 0 0;}
#themeViewPop .box_cont ul::-webkit-scrollbar {width: 5px;}
#themeViewPop .box_cont ul::-webkit-scrollbar-thumb {background: #c4c0c0;border-radius: 10px;}
#themeViewPop .box_cont ul::-webkit-scrollbar-track {background:#fff;}
#themeViewPop .layerpop .btn_close3 {overflow: hidden;position: absolute;top: 40px;right: 40px;width: 21px;height: 21px;padding:0 !important;background: url(../images/submain/btn_pop_close1.png) no-repeat;text-indent: -9999px;}

/* 서비스가입 선택 */
#serviceJoinPop .layerpop{width:900px;border-radius: 5px;padding:0;background:#f3f5f7;}
#serviceJoinPop .mo, #serviceJoinPop1 .mo, #serviceJoinPop2 .mo{display:none;}
#serviceJoinPop .layerpop .tit{display:block;padding:28px 0 0 28px;font-weight: 400;font-size:20px;letter-spacing:-0.02em;color:#333;line-height: 23px;}
#serviceJoinPop .box_cont{display:flex;justify-content: space-between;background:#f3f5f7;padding:30px;}
#serviceJoinPop .box_cont > div{background:#fff;padding:0 25px;width:410px;border-radius:5px 5px 5px 5px;position: relative;}
#serviceJoinPop .box_cont > div.vip:before{background:url(../images/sub/bg_servicejoinpop1.png) no-repeat;}
#serviceJoinPop .box_cont > div:before{content:'';display:inline-block;width:52px;height:52px;background:url(../images/sub/bg_servicejoinpop.png) no-repeat;position:absolute;left:-10px;top:-10px;z-index: 5;}
#serviceJoinPop .box_cont > div:after{content:'';display:inline-block;width:40px;height:40px;position:absolute;left:-12px;top:-12px;background:#f3f5f7}
#serviceJoinPop .box_cont strong{display:block;padding:160px 0 0;text-align: center;font-size:24px;font-weight: 800;line-height:27px;letter-spacing:-0.02em;color:#333;background:url(../images/sub/icon_servicejoinpop_general.png) 50% 50px / 96px auto no-repeat;}
#serviceJoinPop .box_cont .vip strong{background:url(../images/sub/icon_servicejoinpop_general1.png) 50% 50px / 96px auto no-repeat;}
#serviceJoinPop .tab{display:none;}
#serviceJoinPop p{padding:8px 0 18px;min-height:38px;border-bottom:1px solid #f1f3f5;text-align: center;font-size:16px;line-height: 19px;color:#333;}
#serviceJoinPop ul{padding:20px 0 0;}
#serviceJoinPop ul li{position: relative;padding:0 0 10px 0;font-size:16px;color:#333;line-height: 19px;letter-spacing:-0.02em;}
#serviceJoinPop ul li button{position:absolute;right:0;top:0;width:15px;height:21px;background: url(../images/sub/join_view_btn2.png) 100% 50% no-repeat;text-indent: -9999px;}
#serviceJoinPop .general ul li{padding:0 0 10px 12px;}
#serviceJoinPop .general ul li:before{content:'';display:inline-block;position:absolute;left:0;top:6px;background:#666;width:4px;height:4px;border-radius: 100%;}
#serviceJoinPop input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#serviceJoinPop input[type="checkbox"] + label {position:relative; display:inline-block;padding-left:30px;font-size:16px;line-height: 21px;letter-spacing:-0.02em;cursor: pointer;}
#serviceJoinPop input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:0; width:21px; height:21px;background: url(../images/sub/join_s_ckeckbox.png) no-repeat;}
#serviceJoinPop input[type="checkbox"]:checked + label:before {background-position: 0 -21px;}
#serviceJoinPop input[type="checkbox"]:focus + label {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}
#serviceJoinPop .btn{text-align: center;padding:23px 0 30px;}
#serviceJoinPop .btn button{display:inline-block;background:#333;border-radius: 5px;font-size:16px;letter-spacing:-0.02em;line-height: 50px;width:180px;color:#fff;}
#serviceJoinPop .btn button.off{background:#8c8b8b;cursor: default;}
#serviceJoinPop .btn button:focus-visible{outline-color: red;}
#serviceJoinPop .layerpop .btn_close{margin:0;position:absolute;right:27px;top:29px;text-indent: -9999px;width:27px;height:27px;background: url(../images/sub/joinpop_close.png) 50% 50% no-repeat;}

#serviceJoinPop1 .layerpop{padding:0;background:none;}
#serviceJoinPop1 .box_cont{padding:0;background:none;}
#serviceJoinPop1 .layerpop .btn_close{margin:0;position:absolute;right:27px;top:29px;text-indent: -9999px;width:27px;height:27px;background: url(../images/sub/joinpop_close1.png) 50% 50% no-repeat;}

#serviceJoinPop2 .layerpop{padding:0;background:none;}
#serviceJoinPop2 .box_cont{padding:0;background:none;}
#serviceJoinPop2 .layerpop .btn_close{margin:0;position:absolute;right:27px;top:29px;text-indent: -9999px;width:27px;height:27px;background: url(../images/sub/joinpop_close.png) 50% 50% no-repeat;}

#serviceStopPop .layerpop{padding:0;background:#5992fb;width:580px;border-radius: 5px;overflow: hidden;}
#serviceStopPop .layerpop .mo{display:none;}
#serviceStopPop .box_cont{padding:25px 25px 0;background: none;}
#serviceStopPop .bot_box {height: 50px;padding:0 20px;display: flex;justify-content: space-between;align-items: center;background:#fff;}
#serviceStopPop .bot_box button{font-size:18px;color:#333;}
#serviceStopPop label{vertical-align: 1px;}
#serviceStopPop input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#serviceStopPop input[type="checkbox"] + label {position:relative;line-height: 22px;display:inline-block; height:22px; padding-left:30px;font-size:18px;color:#333;}
#serviceStopPop input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:0; width:22px; height:22px;background: url(../images/common/bg_ckeckbox1.png) no-repeat;}
#serviceStopPop input[type="checkbox"]:checked + label:before {border-color:#2469b0;}
#serviceStopPop input[type="checkbox"]:checked + label:before {background-position: 0 -22px;}
#serviceStopPop input[type="checkbox"]:focus + label {outline:1px dotted red; outline:-webkit-focus-ring-color auto 5px;}

#notiCommPop2 .box_cont{position: relative;}
#notiCommPop2 .box_cont a{position:absolute;left:20px;bottom:84px;text-indent: -9999px;width:460px;height:40px;}
.layerpop.noti_comm{padding:0;width:500px;border-radius: 5px;overflow: hidden;}
.layerpop.noti_comm .mo{display:none;}
.layerpop.noti_comm .box_cont{padding:0;background: none;}
.layerpop.noti_comm .bot_box{height: 50px;padding:0 20px;display: flex;justify-content: space-between;align-items: center;background:#fff;}
.layerpop.noti_comm .bot_box button{font-size:18px;color:#333;}
.layerpop.noti_comm .swiper-pagination{bottom:auto;left:auto;right:25px;top:30px;width:60px;height:35px;line-height:35px;letter-spacing:-0.02em;border-radius: 100px;background:#1B58CA;font-size:16px;color:#fff;}
.layerpop.noti_comm .swiper-pagination-total{opacity: .5;}
.layerpop.noti_comm label{vertical-align: 1px;}
.layerpop.noti_comm  input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.layerpop.noti_comm  input[type="checkbox"] + label {position:relative;line-height: 22px;display:inline-block; height:22px; padding-left:30px;font-size:18px;color:#333;}
.layerpop.noti_comm  input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:0; width:22px; height:22px;background: url(../images/common/bg_ckeckbox1.png) no-repeat;}
.layerpop.noti_comm  input[type="checkbox"]:checked + label:before {border-color:#2469b0;}
.layerpop.noti_comm  input[type="checkbox"]:checked + label:before {background-position: 0 -22px;}
.layerpop.noti_comm  input[type="checkbox"]:focus + label {outline:1px dotted red; outline:-webkit-focus-ring-color auto 5px;}

.layerpop.join_clause{width:940px;height:85%;border-radius: 5px;padding:0;word-break:keep-all;overflow: hidden;}
.layerpop.join_clause .tit{display:block;padding:28px 30px 18px;font-weight:700;font-size:24px;letter-spacing:-0.02em;color:#333;line-height: 27px;}
.layerpop.join_clause .box_cont{height:calc(100% - 113px);border:1px solid #333;margin:0 30px 30px;padding:30px 10px 30px 30px;border-radius: 5px;overflow: hidden;}
.layerpop.join_clause .clause{max-height:100%;overflow-y:auto;font-size:16px;letter-spacing:-0.02em;line-height:22px;font-weight: 300;color:#666;}
.layerpop.join_clause .clause .stit{display:block;font-weight: 700;color:#333;padding:0 0 27px;}
.layerpop.join_clause .clause .sstit{display:block;font-weight: 700;padding:0 0 27px;}
.layerpop.join_clause .clause em{display:block;}
.layerpop.join_clause .clause p{padding:0 0 17px;}
.layerpop.join_clause .clause ul{padding:0 0 17px;}
.layerpop.join_clause .clause ul li ul{padding:0;}
.layerpop.join_clause .clause::-webkit-scrollbar {width: 12px;}
.layerpop.join_clause .clause::-webkit-scrollbar-thumb {background: #959595;}
.layerpop.join_clause .clause::-webkit-scrollbar-track-piece {background: #fff;}
.layerpop.join_clause .btn_close{margin: 0;position: absolute;right: 27px;top: 29px;text-indent: -9999px;width: 27px;height: 27px;background: url(../images/sub/joinpop_close.png) 50% 50% no-repeat;}
.layerpop.join_clause.type1{height:auto;}
.layerpop.join_clause strong.type1 {font-weight: 700;color: #333;font-size: 17px;}

.layerpop.join_clause .clause table{font-size: 14px;margin:0 0 20px;}
.layerpop.join_clause .clause table thead th{height:30px;line-height:30px;border:1px solid #ccc;border-bottom:0;font-weight: 300;text-align: center;}
.layerpop.join_clause .clause table tbody th{border:1px solid #ccc;font-weight: 300;padding:0 0 0 20px;}
.layerpop.join_clause .clause table td{padding:6px 0 4px 20px;border:1px solid #ccc;font-weight: 300;}
.layerpop.join_clause .clause table td ul li{position: relative;padding:0 0 0 10px;}
.layerpop.join_clause .clause table td ul li:before{content:'';display:inline-block;width:2px;height:2px;background:#666;position:absolute;left:0;top:8px;}

.layerpop.overlap_join{width:460px;border-radius: 5px;padding:0;word-break:keep-all;overflow: hidden;text-align: center;}
.layerpop.overlap_join .box_cont{padding: 0 30px 0;}
.layerpop.overlap_join .tit{display:block;padding:28px 30px 0;font-weight:400;font-size:20px;text-align: left;letter-spacing:-0.02em;color:#333;line-height: 23px;}
.layerpop.overlap_join .stit{padding:140px 0 0;font-size:22px;font-weight: 300;letter-spacing:-0.02em;line-height:26px;color:#333;background:url(../images/sub/icon_joinoverlap_pop.png) 50% 48px / 71px auto no-repeat;}
.layerpop.overlap_join .stit strong{font-weight: 800;}
.layerpop.overlap_join .stit + p strong{font-weight: 700;}
.layerpop.overlap_join .stit + p{padding:15px 0 27px;font-weight: 300;color:#666;line-height:24px;border-bottom:1px solid #f1f3f5;}
.layerpop.overlap_join p{padding:26px 0 0;font-size:18px;line-height:24px;color:#333;letter-spacing:-0.02em;}
.layerpop.overlap_join .btn_area{padding:27px 0 40px;display:flex;margin-left:-10px;overflow: hidden;}
.layerpop.overlap_join .btn_area a{width:calc(50% - 10px);margin-left:10px;flex-wrap: wrap;display: flex;align-content: center;justify-content: center;font-size:16px;letter-spacing:-0.02em;line-height:18px;height:50px;border:1px solid #333;border-radius: 5px;box-sizing: border-box;}
.layerpop.overlap_join .btn_area a span{width: 100%;}
.layerpop.overlap_join .btn_area a + a{background:#333;color:#fff;}

.layerpop.join_guide{width:460px;border-radius: 5px;padding:0;word-break:keep-all;overflow: hidden;text-align: center;}
.layerpop.join_guide .tit{display:block;padding:28px 30px 0;font-weight:400;font-size:20px;text-align: left;letter-spacing:-0.02em;color:#333;line-height: 23px;}
.layerpop.join_guide .box_cont{padding: 0 30px 0;}
.layerpop.join_guide .stit{padding:140px 0 0;font-size:22px;font-weight: 300;letter-spacing:-0.02em;line-height:26px;color:#333;background:url(../images/sub/icon_joinoverlap_pop.png) 50% 48px / 71px auto no-repeat;}
.layerpop.join_guide .stit strong{font-weight: 800;}
.layerpop.join_guide .stit + p strong{font-weight: 700;}
.layerpop.join_guide .stit + p{font-size:18px;letter-spacing:-0.02em;padding:15px 0 0;font-weight: 300;color:#666;line-height:24px;}
.layerpop.join_guide .btn_close{margin: 0;position: absolute;right: 24px;top: 24px;text-indent: -9999px;width: 27px;height: 27px;background: url(../images/sub/joinpop_close.png) 50% 50% no-repeat;}
.layerpop.join_guide .btn_area{padding:27px 0 40px;display:flex;margin-left:-10px;overflow: hidden;justify-content: center;}
.layerpop.join_guide .btn_area a{width:calc(50% - 10px);margin-left:10px;display: flex;align-items: center;justify-content: center;font-size:16px;letter-spacing:-0.02em;line-height:18px;height:50px;border:1px solid #333;border-radius: 5px;box-sizing: border-box;}
.layerpop.join_guide .btn_area a + a{background:#333;color:#fff;}
.layerpop.join_guide .btn_area a:first-child:nth-last-child(1) {background:#333;color:#fff;width:180px;}

.layerpop .btn_digilost{display: block; font-size: 16px; line-height: 18px; margin: -18px auto 40px;}
.layerpop .btn_digilost::after{content: ''; display: inline-block; margin-left: 10px; width: 8px; height: 12px; background: url(../images/sub/btn_digilost.png) 0 0 / 100% 100% no-repeat;}

.layerpop.join_recommendation{width:500px;border-radius: 5px;padding:0;word-break:keep-all;overflow: hidden;}
.layerpop.join_recommendation .mo{display:none;}
.layerpop.join_recommendation .box_cont{padding: 0 30px 40px;}
.layerpop.join_recommendation .box_cont strong{display:block;padding:50px 0 30px;font-size:26px;font-weight: 800;text-align:center;letter-spacing:-0.02em;line-height: 29px;color:#333;}
.layerpop.join_recommendation .banner a{display:block;margin:0 0 20px;}
.layerpop.join_recommendation .banner a:focus-visible{outline-color: red;}
.layerpop.join_recommendation .banner a img{width:100%;}
.layerpop.join_recommendation .tit{display:block;padding:28px 30px 0;font-weight:400;font-size:20px;text-align: left;letter-spacing:-0.02em;color:#333;line-height: 23px;}
.layerpop.join_recommendation .btn_area{padding:10px 0 30px;display:flex;overflow: hidden;justify-content: center;}
.layerpop.join_recommendation .btn_area a{width:180px;display: flex;align-items: center;justify-content: center;font-size:16px;letter-spacing:-0.02em;line-height:18px;height:50px;border-radius: 5px;box-sizing: border-box;background:#333;color:#fff;}
.layerpop.join_recommendation .bot_box{display:flex;justify-content: space-between;}
.layerpop.join_recommendation .bot_box button{font-size:16px;color:#666;}
.layerpop.join_recommendation input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.layerpop.join_recommendation input[type="checkbox"] + label {position:relative;line-height: 22px;display:inline-block; height:22px; padding-left:30px;font-size:16px;color:#666;}
.layerpop.join_recommendation input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:0; width:22px; height:22px;background: url(../images/common/bg_ckeckbox1.png) no-repeat;}
.layerpop.join_recommendation input[type="checkbox"]:checked + label:before {border-color:#2469b0;}
.layerpop.join_recommendation input[type="checkbox"]:checked + label:before {background-position: 0 -22px;}
.layerpop.join_recommendation input[type="checkbox"]:focus + label {outline:1px dotted red; outline:-webkit-focus-ring-color auto 5px;}

#digitalIssuePop .layerpop{padding:0;width:495px;border-radius: 5px;overflow: hidden;word-break:keep-all;max-height:90%;overflow-y: auto;}
#digitalIssuePop .layerpop::-webkit-scrollbar {width: 12px;}
#digitalIssuePop .layerpop::-webkit-scrollbar-thumb {background: #959595;}
#digitalIssuePop .layerpop::-webkit-scrollbar-track-piece {background: #fff;margin:10px;}
#digitalIssuePop .box_cont{padding:0 30px 0;}
#digitalIssuePop .tit{display:block;padding:28px 30px 0;font-weight:400;font-size:20px;letter-spacing:-0.02em;color:#333;line-height: 23px;}
#digitalIssuePop .stit{padding:47px 0 15px;text-align: center;font-size:26px;letter-spacing:-0.02em;line-height: 30px;font-weight: 300;color:#333;}
#digitalIssuePop .stit strong{font-weight: 800;}
#digitalIssuePop .digital_account{background:#fff;margin:0;padding:0;}
#digitalIssuePop .digital_account ul {margin:0;}
#digitalIssuePop .digital_account .login{padding:0;}
#digitalIssuePop .digital_account ul + p {margin: 10px 0 0;}
#digitalIssuePop .btn_close{margin: 0;position: absolute;right: 27px;top: 29px;text-indent: -9999px;width: 27px;height: 27px;background: url(../images/sub/joinpop_close.png) 50% 50% no-repeat;}
#digitalIssuePop .btn_area{padding:30px 0 30px;display:flex;overflow: hidden;justify-content: center;}
#digitalIssuePop .btn_area a{width:180px;display: flex;align-items: center;justify-content: center;font-size:16px;letter-spacing:-0.02em;line-height:18px;height:50px;border-radius: 5px;box-sizing: border-box;background:#333;color:#fff;}
.digital_account{margin:10px 0 0;padding:0 0 40px;background:#f1f3f5;border-radius: 5px;text-align: center;}
.digital_account p{padding:37px 0 25px;font-size:22px;font-weight: 300;line-height:28px;letter-spacing:-0.02em;color:#333;text-align: center;}
.digital_account p strong{font-weight: 800;}
.digital_account ul{margin:0 133px;border-bottom:1px solid #e8e6e6;}
.digital_account ul li:last-child{border:0;}
.digital_account ul li{position: relative;height:96px;display:flex;align-items: center;box-sizing: border-box;border-bottom:1px dashed #e8e6e6}
.digital_account ul li strong{font-size:18px;font-weight: 800;line-height: 21px;letter-spacing:-0.02em;color:#333;}
.digital_account ul li em{font-size:18px;font-weight: 300;letter-spacing:-0.02em;line-height:21px;color:#333;}
.digital_account ul li em:before{content:'';display:inline-block;height:17px;width:1px;background:#999;margin:0 10px;vertical-align: -2px;}
.digital_account .profile{display:inline-block;width:65px;height:65px;position:absolute;right:0;top:15px;}
.digital_account .profile img{object-fit: cover;width:100%;height:100%;border-radius: 100%;}
.digital_account .sns{position:absolute;left:36px;top:25px;display:inline-block;width:45px;height:45px;background: url(../images/sub/icon_join_sns.png) 0 0 / 100% auto no-repeat;text-indent: -9999px;}
.digital_account .kakao{background-position: 0 -45px;}
.digital_account .face{background-position: 0 -90px;}
.digital_account .google{background-position: 0 -135px;}
.digital_account .apple{background-position: 0 -180px;}
.digital_account .login{margin:7px 0 0;width: 100%;font-size:16px;letter-spacing:-0.02em;font-weight: 300;line-height: 19px;color:#666;text-align: left;}
.digital_account ul + p{position:relative;margin:15px 0 0;padding:0 0 0 22px;font-size:16px;color:#767676;letter-spacing:-0.02em;line-height: 20px;text-align: left;font-weight: 400;display:inline-block;}
.digital_account ul + p:before{content:'';display:inline-block;width:19px;height:19px;position:absolute;left:0;top:2px;background: url(../images/sub/icon_join_noti1.png);}
.digital_account input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.digital_account input[type="radio"] + label {width:100%;padding:20px 70px 20px 92px;position:relative;display: flex;flex-wrap: wrap;}
.digital_account input[type="radio"] + label:before {content:''; position:absolute; left:0; top:50%;transform: translateY(-50%);  width:22px; height:22px; border:1px solid #8c8b8b; border-radius:100%;box-sizing: border-box;}
.digital_account input[type="radio"] + label:after {display:none; content:''; position:absolute; left:6px; top:50%;transform: translateY(-50%); width:10px; height:10px; background:#333; border-radius:100%;box-sizing: border-box;}
.digital_account input[type="radio"]:checked + label:before {border-color:#333;}
.digital_account input[type="radio"]:checked + label:after {display:block;}
.digital_account input[type="radio"]:focus + label {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}

#locationServicePop .layerpop{width:460px;border-radius: 5px;padding:0;word-break:keep-all;overflow: hidden;}
#locationServicePop .layerpop .box_cont {padding: 30px 30px 40px;}
#locationServicePop strong:before{content:'';display:block;width:100%;height:70px;margin:0 0 8px;background: url(../images/sub/img_locationservice.png) 50% 0 no-repeat;}
#locationServicePop strong{display:block;font-size:22px;font-weight: 800;color:#333;text-align: center;line-height:24px;letter-spacing:-0.02em;}
#locationServicePop p{padding:18px 0; font-size:18px;font-weight: 300;line-height: 22px;text-align: center;letter-spacing:-0.02em;}
#locationServicePop .link{padding:14px 20px 12px;background:#f1f3f5;border-radius: 5px;}
#locationServicePop .link a{display:block;font-size:18px;color:#333;letter-spacing:-0.02em;line-height:33px;}
#locationServicePop .link a:before{content:'';display:inline-block;width:4px;height:4px;vertical-align: 4px;margin-right:8px;background:#333;border-radius: 100%;}
#locationServicePop .link a:after{content:'';display:inline-block;width:19px;height:19px;vertical-align: -2px;margin-left:8px;background: url(../images/sub/icon_locationservice.png);}
#locationServicePop .btn_close{position:absolute;right:30px;top:30px;width:21px;height:21px;margin:0;text-indent:-9999px;background: url(../images/sub/joinpop_close.png) 50% 50% no-repeat;}
#locationServicePop .btn{display:flex;padding:30px 0 0;margin:0 -5px;}
#locationServicePop .btn a {flex-grow: 1;flex-basis: 0;color:#333;font-size:16px;display:flex;justify-content: center;border-radius:5px;align-items: center;height:50px;margin:0 5px;letter-spacing:-0.02em;line-height: 50px;border:1px solid #333;}
#locationServicePop .btn a + a{background:#333;color:#fff;}

/*** 새 창 팝업 ***/
.new_popup{height:100%;background-color:#fff;}
.new_popup > .tit{position:relative;line-height:64px;}
.new_popup > .tit .tit_c{display:block;padding:0 15px;background: #333;color:#fff;font-size:16px;font-weight:700;}
.new_popup .btn_close{overflow:hidden;position:absolute;top:50%;right:30px;width:24px;height:24px;margin-top:-12px;text-indent:-9999px;background:url(../images/common/btn_w_close_24x24.png) repeat 0 0;}
.new_popup .btn_close3{overflow:hidden;position:absolute;top:0;right:0;width:16px;height:16px;padding:20px 23px;background:url(../images/common/btn_w_close_32x32.png) no-repeat 50% 50%;background-size:16px auto;text-indent:-9999px;}
/** 새 창 팝업 > 인쇄 : 공통 **/
.new_popup.pop_print{position:relative;width:940px;}
.new_popup.pop_print .tit_cont .area_address{padding-top:10px}
.new_popup.pop_print .tit .btn_print{overflow:hidden;position:absolute;right:82px;top:50%;width:25px;height:24px;margin:-12px 0 0 0;background: url(../images/sub/ico_print.png) 0 50% no-repeat;background-size:25px auto;text-indent:-9999px;}
.new_popup.pop_print .tit .btn_close3{top:50%;right:30px;margin-top:-10px;}
.new_popup.pop_print .box_cont{padding:40px 30px 44px;}
.new_popup.pop_print .box_cont .tit_cont h2{margin-top:5px;}
.new_popup.pop_print .box_cont .tit_cont .btn_titview{display:none;}
.new_popup.pop_print .box_cont .tit_cont .area_tag{padding-bottom:0;}
.new_popup.pop_print .box_cont .tit_cont .area_tag > span a{color:#666;}
.new_popup.pop_print .box_cont .box_txtPhoto .img_typeBox{margin:40px 0 0 0;}
.new_popup.pop_print .box_cont .box_txtPhoto .img_typeBox.type2 > div{width:435px}
.new_popup.pop_print .box_cont .box_txtPhoto .img_typeBox.type3 > div{width:288px;}
.new_popup.pop_print .box_cont .box_leftType1{float:none;width:100%;}
.new_popup.pop_print .box_cont .box_rightType2{float:none;margin-top:40px;}
.new_popup.pop_print .box_cont .map_allPc{display:none;}
.new_popup.pop_print .box_cont .list_thumType{width:100%;}
.new_popup.pop_print .box_cont .list_thumType > li .btn_view{display:none;}
.new_popup.pop_print .box_foot{padding:0 0 37px 30px;font-weight:400;color:#666;font-size:14px;}
/* 새 창 팝업 > 인쇄 : 추천 */
.new_popup.pop_print .box_cont .wrap_contView .area_imgView{float:none;width:100%;text-align:center;}
.new_popup.pop_print .box_cont .wrap_contView .area_imgView img{max-width: 100%;}
.new_popup.pop_print .box_cont .wrap_contView .area_imgView li{display:none;margin-bottom:40px;}
.new_popup.pop_print .box_cont .wrap_contView .area_imgView li:first-child{display:inline-block;}
.new_popup.pop_print .box_cont .wrap_contView .area_imgView .btn_right{display:none;}
.new_popup.pop_print .box_cont .wrap_contView .area_txtView_wrap {float:none;width:100%;}
.new_popup.pop_print .box_cont .wrap_contView .area_txtView .inr_wrap{overflow:visible !important;height:auto !important;}
.new_popup.pop_print .box_cont .wrap_contView .area_txtView p{font-size:18px;}
.new_popup.pop_print .box_cont .wrap_contView .area_txtView .tag a{font-weight:400;}
.new_popup.pop_print .box_cont .wrap_contView .area_txtView .btn_more{display:none !important;}
.new_popup.pop_print .box_cont .wrap_contView .area_txtView .btn_more{display:none !important;}
/* 새 창 팝업 > 한국관광 100선 지도 */
.new_popup.pop_tourism{width:100%;}
.new_popup.pop_tourism > .tit{line-height:40px}
.new_popup.pop_tourism .box_cont{padding:20px;}
.new_popup.pop_tourism .box_cont img{width:100%;height:auto;}
.new_popup.pop_tourism .box_cont .btn_wrap{text-align:center;}
.new_popup.pop_tourism .box_cont .btn_download{margin-top:20px;padding:6px 15px;font-size:14px;color:#fff;background-color:#333;}

/** 타부서 컴포넌트 **/
.margT_def{margin-top: 40px;}
/* 타이틀 1 */
.area_tit{position: relative; padding-bottom: 10px; border-bottom: 2px solid #000;}
.area_tit.tit_thumType{margin-bottom: 20px;}
.area_tit h3{color: #000;font-size: 20px;}
.area_tit h3 a{display:block;color: #000;font-size: 20px;}
.area_tit h3 .btn_more{overflow: hidden; position: absolute; top: 8px; right: 0; width: 12px; height: 12px; background:url(../images/sub/ico_moreplus.png) 0 0 no-repeat; text-indent: -9999px;}
/* 타이틀 2 */
.area_tit2{position: relative; padding-bottom: 10px;}
.area_tit2 h3{color: #000; font-size: 20px;}
.area_tit2 h3 a{display:block;color: #000;font-size: 20px;}
.area_tit2 .btn_more{overflow: hidden; position: absolute; top: 8px; right: 0; width: 12px; height: 12px; background:url(../images/sub/ico_moreplus.png) 0 0 no-repeat; text-indent: -9999px;}

.wrap_sevice3col{width: 100%; margin: 30px 0 40px;}
.wrap_sevice3col:after{content:'';display:block;clear:both;}
.wrap_sevice3col > .tit_atc{font-weight:800;font-size:22px;letter-spacing:-0.02em;padding:4px 0 15px;color:#333;}
.wrap_sevice3col .left_service{float: left; width: 300px;}
.wrap_sevice3col .mid_service{float: left; width: 300px; margin: 0 20px;}
.wrap_sevice3col .right_service{float: right; width: 300px;}
.wrap_sevice3col.typeA .right_service{margin-top:-860px;}
.wrap_sevice3col .img_star{width: 100%; height: 341px; margin-bottom: 10px;}
.wrap_sevice3col .img_star img{width: 100%; height: 100%;}
.wrap_sevice3col .list_thum li{float: left; width: 143px; height: 200px; margin-bottom: 10px; border: 1px solid #e1e1e1;}
.wrap_sevice3col .list_thum li:nth-child(2n){float: right;}
.wrap_sevice3col .list_thum li a{display: block; box-sizing: border-box;}
.wrap_sevice3col .list_thum li a.btn_more{width: 100%; height: 100%; line-height: 10; color: #666; font-size: 18px; text-align: center;}
.wrap_sevice3col .list_thum li a > span, .wrap_sevice3col .list_thum li a > strong{display: block; padding-right: 10px; padding-left: 10px;}
.wrap_sevice3col .list_thum li a > span{padding-top: 10px; color: #0a97cd;}
.wrap_sevice3col .list_thum li a > strong{padding-top: 1px; padding-bottom: 10px; color: #000; font-size: 18px;}
.wrap_sevice3col .txt_imgView{width: 100%;}
.wrap_sevice3col .txt_imgView img{width: 100%;}
/*타이틀(텍스트1형)*/
.mdu_txt1row{width: 100%;}
.mdu_txt1row .box_txt{margin-bottom: 10px; border: 1px solid #ccc;}
.mdu_txt1row .box_txt:last-child{margin-bottom: 0;}
.mdu_txt1row .box_txt a{display: block; padding: 20px 15px;}
.mdu_txt1row .box_txt em{display: block; padding-bottom: 2px; font-size: 16px; color: #000;}
.mdu_txt1row .box_txt strong{display: block; padding-bottom: 5px; font-size: 20px; color: #000; font-weight: 700;}
.mdu_txt1row .box_txt span{font-size: 13px; color: #767676;}
/*타이틀(텍스트2형)*/
.mdu_txt2row{width: 100%;}
.mdu_txt2row > ul li{border-bottom: 1px solid #ccc;}
.mdu_txt2row > ul li a{display: block; padding: 14px 0;}
.mdu_txt2row > ul li strong{display: block; font-size:16px; color: #000; font-weight: 700;}
.mdu_txt2row > ul li strong + span{margin-top:5px;}
.mdu_txt2row > ul li span{font-size: 13px; color: #767676;}
/*타이틀 이미지가로1형*/
.mdu_thum1row{width: 100%;}
.mdu_thum1row > ul li{position:relative;border-bottom: 1px solid #ccc;}
.mdu_thum1row > ul li a{overflow: hidden; display: block; padding: 10px 0;}
.mdu_thum1row > ul li a > img{position:absolute;left:0;top:10px;width: 100px; height: 80px;}
.mdu_thum1row > ul li a .name{height:80px;padding-top:10px;padding-left:110px;}
.mdu_thum1row > ul li .name strong{display: block;font-size: 16px; color: #000;word-break:keep-all;overflow:hidden;display:block;display:-webkit-box;height:42px;line-height:20px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;}
.mdu_thum1row > ul li .name span{font-size: 13px; color: #767676;}
/*타이틀(텍스트2형)*/
.mdu_thum2row{width: 100%; margin-bottom: 40px;}
.mdu_thum2row > ul li{position:relative;border-bottom: 1px solid #ccc;}
.mdu_thum2row > ul li a{overflow: hidden; display: block; padding: 10px 0;}
.mdu_thum2row > ul li a > img{position:absolute;left:0;top:10px;width:100px;height:68px;}
.mdu_thum2row > ul li a .name{display:table;height:68px;padding-left:109px;}
.mdu_thum2row > ul li .name strong{display: block;  margin-top:3px;font-size: 16px; color: #000;overflow:hidden;display:block;display:-webkit-box;height:42px;line-height:20px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;}
.mdu_thum2row > ul li .name span{font-size: 13px; color: #767676;}
/*타이틀(이미지1형)*/
.mdu_img1type{position:relative;width: 100%;}
#contents.main_contents .mdu_img1type .tit_atc{height:auto;padding:0;position:absolute !important;left:20px;top:20px;font-weight:700;font-size:16px;color:#fff;z-index: 10;line-height: 21px;}
.mdu_img1type .img{margin-bottom:10px;}
.mdu_img1type .img a{border-radius:5px;display:block;overflow:hidden;width:100%;height:100%;}
.mdu_img1type .img a:focus{outline: 3px solid red; outline-offset: 1px;}
.mdu_img1type .img a:after{content: '';display: block;width: 100%;height: 100%;border-radius:5px;position: absolute;left: 0;top: 0;background: transparent url(../images/main/img_dim_bg_04.png) no-repeat left bottom;background-size: 100% 100%;}
.mdu_img1type .img img{width:100%;height:316px;}/*width:260px*/
.mdu_img1type .img:last-child{margin-bottom:0;}
/*타이틀(태그N형)*/
.mdu_tagType{width: 100%;}
.mdu_tagType ul{margin-bottom: 10px;}
.mdu_tagType ul:last-child{margin-bottom: 0;}
.mdu_tag1type{width: 100%; padding: 15px 15px; box-sizing: border-box; border: 1px solid #ccc;}
.mdu_tag1type li{display: block; margin-right: 10px; font-size: 14px; text-align: center;}
.mdu_tag2type{width: 100%; padding: 15px 15px; box-sizing: border-box; border: 1px solid #ccc;}
.mdu_tag2type li{display: inline-block; width: 49%; box-sizing: border-box; font-size: 14px; text-align: center;}
.mdu_tag2type li:first-child{border-right: 1px solid #ccc;}
.mdu_tag3type{width: 100%; padding: 15px 10px 10px 10px; box-sizing: border-box; border: 1px solid #ccc;}
.mdu_tag3type li{overflow: hidden; display: inline-block; width: 32%; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; border-left: 1px solid #ccc; text-align: center;}
.mdu_tag3type li:first-child{border-left: 0;}
/*타이틀(이미지제목형)*/
.mdu_imgTit{width: 100%;}
.mdu_imgTit .imgView{width: 100%; margin-bottom: 10px;}
.mdu_imgTit .imgView:last-child{margin-bottom: 0;}
.mdu_imgTit .imgView a{position: relative; display: block;}
.mdu_imgTit .imgView a img{width: 100%;}
.mdu_imgTit .imgView strong{position: absolute; bottom: 0; left: 0; overflow: hidden; width: 100%; padding: 10px 10px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; background: url(../images/sub/bg_dim.png) 0 0 repeat;font-size: 16px; color: #fff;}

/* 타이틀 이미지 사각형 */
.mdu_img2col ul{margin-bottom:20px;}
.mdu_img2col ul:last-child{margin-bottom:0;}
.mdu_img2col li{float:left;width:150px;padding:20px 0 10px;border-bottom:1px solid #ccc;}
.mdu_img2col li:nth-child(2n){float:right;text-align:right;}
.mdu_img2col li:nth-child(2n) a > strong{text-align:left;}
.mdu_img2col li:nth-child(2n) a > span{text-align:left;}
.mdu_img2col li:nth-of-type(1){padding-top:0;}
.mdu_img2col li:nth-of-type(2){padding-top:0;}
.mdu_img2col li a{display:inline-block;width:145px;box-sizing: border-box;}
.mdu_img2col li a > span, .mdu_img2col li a > strong{display: block;}
.mdu_img2col li a > strong{overflow:hidden;display: block; padding-top: 5px; padding-bottom: 5px; font-size: 16px; color: #000; font-weight:700;text-overflow:ellipsis;white-space: nowrap;}
.mdu_img2col li a > span{ font-size: 13px; color: #767676;}
.mdu_img2col li a .img_area{position:relative;}
.mdu_img2col li a .img_area img{display: block;width:145px;height:145px;}
.mdu_img2col li a .img_area .img{position:absolute;left:0;top:0;z-index:40;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;text-align:center;}

/*타이틀 이미지라운드형*/
.mdu_img2colRd ul{margin-bottom:20px;}
.mdu_img2colRd ul:last-child{margin-bottom:0;}
.mdu_img2colRd li{float:left;width:150px;padding:20px 0 10px;border-bottom:1px solid #ccc;}
.mdu_img2colRd li:nth-child(2n){float:right;text-align:right;}
.mdu_img2colRd li:nth-child(2n) a > strong{text-align:center;}
.mdu_img2colRd li:nth-of-type(1){padding-top:0;}
.mdu_img2colRd li:nth-of-type(2){padding-top:0;}
.mdu_img2colRd li a{display:inline-block;position:relative;width:145px;}
.mdu_img2colRd li a strong{overflow:hidden;display: block; padding-top: 5px; padding-bottom: 15px; font-size:16px; color: #000; font-weight:700; text-align: center;text-overflow:ellipsis;white-space: nowrap;}
.mdu_img2colRd li a .img_area{position:relative;}
.mdu_img2colRd li a .img_area img{display: block;width:145px;height:145px;border-radius:100%;}
.mdu_img2colRd li a .img_area .img{position:absolute;left:0;top:0;z-index:40;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;text-align:center;border-radius:100%;}
/*타이틀(코스형)*/
.mdu_cos .area_course{width: 300px; margin-bottom: 13px;}
.mdu_cos .area_course:last-child{margin-bottom: 0;}
.mdu_cos .area_course .course_des{overflow: hidden; position: relative;background: #358bd9;}
.mdu_cos .area_course .course_des > a{position:absolute;left:0;top:0;right:0;bottom:0;z-index:100;background:rgba(0,0,0,0.3);box-sizing: border-box; padding: 20px 20px;}
.mdu_cos .area_course .course_des strong{overflow:hidden;display:block;display:-webkit-box;height:47px;font-size:20px;color:#fff;margin-bottom:7px;font-weight:700;line-height:1.2;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.mdu_cos .area_course .course_des ul li{color: #e4f0fa;}
.mdu_cos .area_course > ul{border: 1px solid #e5e4e4; padding: 0 20px 20px 20px;}
.mdu_cos .area_course > ul li{background:url(../images/sub/line_leftobj.png) 0 0 repeat-y; line-height: 2.8;}
.mdu_cos .area_course > ul li:first-child{padding-top: 10px;}
.mdu_cos .area_course > ul li:last-child{background:url(../images/sub/line_leftobj.png) 0 0 no-repeat;}
.mdu_cos .area_course > ul li > span{display: block; margin-left: -5px; padding-left: 20px; background:url(../images/sub/ico_leftobj.png) 0 50% no-repeat; color: #000; font-size: 16px;}
.mdu_cos .area_course .course_des .img_thumBg{width: 100%;}
.mdu_cos .course_des .distance{position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; color: #fff; font-size: 20px; text-align: center; background: url(../images/sub/bg_dim.png) 0 0 repeat;}

/** 타부서 컴포넌트 V2 **/

.tit_atc .btn_more{overflow:hidden;position:absolute;top:8px;right:0;width:12px;height:12px;background:url(../images/sub/ico_moreplus.png) 0 0 no-repeat;text-indent: -9999px;}
/*V2 타이틀 이미지라운드형*/
.article .mdu_img2colRd2 ul{margin-bottom:20px;margin-top:-20px;}
.article .mdu_img2colRd2 ul:last-child{margin-bottom:0;}
.article .mdu_img2colRd2 li{float:left;width:125px;margin-top:20px !important;}
.article .mdu_img2colRd2 li:nth-of-type(1){margin-top:0;}
.article .mdu_img2colRd2 li:nth-of-type(2){margin-top:0;}
.article .mdu_img2colRd2 li:nth-child(2n){float:right;text-align:right;}
.article .mdu_img2colRd2 li:nth-child(2n) a > strong{text-align:center;}
.article .mdu_img2colRd2 li a{display:inline-block;position:relative;width:120px;}
.article .mdu_img2colRd2 li a strong{display:block;width:100%;overflow: hidden;height:42px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-top:9px;font-size:16px; color: #000; font-weight:400; text-align: center;line-height: 20px;max-height:40px;}
.article .mdu_img2colRd2 li a .img_area{position:relative;}
.article .mdu_img2colRd2 li a .img_area img{display: block;width:120px;height:120px;border-radius:100%;}
.article .mdu_img2colRd2 li a .img_area .img{position:absolute;left:0;top:0;z-index:40;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;text-align:center;border-radius:100%;}
/*V2 타이틀(텍스트2형)*/
.article .mdu_txt2row2{width: 100%;}
.article .mdu_txt2row2 > ul li{margin-top:6px;height:67px;background-color:#f7f7f7;border-radius:5px;}
.article .mdu_txt2row2 > ul li:first-child{margin-top:0;}
.article .mdu_txt2row2 > ul li a{display: block; padding: 14px 20px 13px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.article .mdu_txt2row2 > ul li strong{display: block; font-size:16px; color: #000; font-weight: 400;margin:0 0 4px;letter-spacing:-0.02em;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.article .mdu_txt2row2 > ul li strong + span{margin-top:5px;}
.article .mdu_txt2row2 > ul li span{font-size: 13px; color: #666;}
/*V2 타이틀(텍스트2형)*/
.article .mdu_thum2row2{width: 100%; margin-bottom:0;}
.article .mdu_thum2row2 > ul li{position:relative;margin-top:9px;}
.article .mdu_thum2row2 > ul li:first-child{margin-top:0;}
.article .mdu_thum2row2 > ul li a{overflow: hidden; display: table;width:100%;}
.article .mdu_thum2row2 > ul li a .img{display:table-cell;width:94px;height:64px;}
.article .mdu_thum2row2 > ul li a img{width:100%;height:100%;border-radius: 5px;}
.article .mdu_thum2row2 > ul li a .name{display:table-cell;padding-left:10px;height:64px;vertical-align:middle;}
.article .mdu_thum2row2 > ul li .name strong{display: block; font-size: 16px; color: #000;margin:0 0 5px;overflow:hidden;display:block;display:-webkit-box;max-height:42px;line-height:20px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;}
.article .mdu_thum2row2 > ul li .name span{font-size: 13px; color: #666;}
/*V2 타이틀(이미지제목형)*/
.article .mdu_imgTit2{width: 100%;}
.article .mdu_imgTit2 .moveView{height:140px;}
.article .mdu_imgTit2 .moveView .videoArea{height:140px;margin:0;}
.article .mdu_imgTit2 .moveView .videoArea iframe{height:100%;border-radius: 5px;}
.article .mdu_imgTit2 .moveView .videoArea .youtube_area{height:100%;}
.article .mdu_imgTit2 .imgView{width: 100%; margin-bottom: 10px;}
.article .mdu_imgTit2 .imgView:last-child{margin-bottom: 0;}
.article .mdu_imgTit2 .imgView a{position: relative; display: block;}
.article .mdu_imgTit2 .imgView a:focus{outline: 3px solid red; outline-offset: 1px;}
.article .mdu_imgTit2 .imgView a img{width:100%;height:140px;border-radius: 5px;}
.article .mdu_imgTit2 .imgView strong{font-weight:400;z-index:10;position: absolute; bottom: 0; left: 0; overflow: hidden; width: 100%; padding: 10px 10px 18px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap;font-size: 16px; color: #fff;text-align:left;}
.article .mdu_imgTit2.dim .imgView a:after{content: "";display: block;position: absolute;border-radius: 5px;right: 0;bottom: 0;left: 0;height: 50%;background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.7));}
/* V2 타이틀 이미지 사각형 */
.article .mdu_img2col2 ul{margin-top:-20px;}
.article .mdu_img2col2 li{float:left;width:125px;margin-top:6px;margin-top:20px !important;}
.article .mdu_img2col2 li:nth-child(2n){float:right;text-align:right;}
.article .mdu_img2col2 li:nth-child(2n) a > strong{text-align:left;}
.article .mdu_img2col2 li:nth-child(2n) a > span{text-align:left;}
.article .mdu_img2col2 li:nth-of-type(1){margin-top:0;}
.article .mdu_img2col2 li:nth-of-type(2){margin-top:0;}
.article .mdu_img2col2 li a{display:block;box-sizing: border-box;}
.article .mdu_img2col2 li a > span, .article .mdu_img2col2 li a > strong{display: block;}
.article .mdu_img2col2 li a > strong{overflow:hidden;display: block;margin-top:9px;font-size: 16px; color: #000; font-weight:400;text-overflow:ellipsis;white-space: nowrap;}
.article .mdu_img2col2 li a > span{margin-top:4px;font-size: 13px; color: #666;}
.article .mdu_img2col2 li a .img_area{position:relative;}
.article .mdu_img2col2 li a .img_area img{display: block;width:125px;height:85px;}
.article .mdu_img2col2 li a .img_area .img{border-radius: 5px;position:absolute;left:0;top:0;z-index:40;width:125px;height:83px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;text-align:center;}

/* 이미지 슬라이드 컴퍼넌트*/
.imgSlide{position:relative;height:356px;padding:19px 19px 19px;border:1px solid #e6e6e6;border-radius:10px;}
.imgSlide .swiper-container{position: static;}
.imgSlide h3{overflow: hidden;padding:2px 20px 0 2px;position: relative;display: block;height:38px;font-weight: 800;color: #000;font-size: 16px;letter-spacing:-0.02em;}
.imgSlide h3 a{box-shadow: none;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;margin:0;font-size:16px;font-weight:800;color:#000;letter-spacing:-0.02em;}
.imgSlide .swiper-wrapper{position: static;}
.imgSlide .swiper-slide{position:relative;float:left;width:200px;height:295px;}
.imgSlide .swiper-slide a{display:block;height:100%; position: relative;}
.imgSlide .swiper-slide a:focus{outline: none;}
.imgSlide .swiper-slide a:focus::after{content: ''; display: block; border: 3px solid red; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; }
.imgSlide .swiper-slide .img{position:relative;border-radius: 5px;display:block;height:204px;width:100%;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.imgSlide .swiper-slide .img img{width:100%;height:100%;}
.imgSlide .swiper-slide .txtWrap{margin-top:11px;width:100%;padding: 0 0 0 5px;}
.imgSlide .swiper-slide .txtWrap span{padding:5px 0 0 0;font-weight:400;display:block;font-size:13px;color:#666;}
.imgSlide .swiper-slide .txtWrap p{padding:0 20px 0 0;font-size:16px;color:#000;line-height: 19px;letter-spacing:-0.02em;overflow: hidden;height:40px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.imgSlide .swiper-container-horizontal>.swiper-pagination-bullets{bottom:-2px;}
.imgSlide .swiper-button-next, .imgSlide .swiper-button-prev{width:30px;height:30px;top:179px;right:0;margin-top:0;font-size:0;text-indent: -9999px;}
.imgSlide .swiper-button-prev{left:31px;background: url(../images/main/btn_slider_prev02.png) no-repeat;background-size:100% 100%;}
.imgSlide .swiper-button-next{right:31px;background: url(../images/main/btn_slider_next02.png) no-repeat;background-size:100% 100%;}
.imgSlide .swiper-button-prev.swiper-button-disabled, .imgSlide .swiper-button-next.swiper-button-disabled{opacity: .5;pointer-events: auto;}
.imgSlide .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity: .6;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);}
.imgSlide .swiper-pagination-bullet-active{background:#000;}
.imgSlide .swiper-pagination{left: 50%;margin-left: -100px;top: 237px;width: 200px;height: 20px;}
.imgSlide.mo{display:none;}

.titImgType1{position:relative;height:168px;padding:0 19px;border:1px solid #e6e6e6;background:#fff;border-radius:10px;}
.titImgType1:after{content:'';display:inline-block;width:48px;height:129px;position:absolute;left:50%;top:19px;margin-left:-25px;background: url(../images/main/bg_titImgType1_line_1.png) no-repeat;background-size:48px 129px;}
.titImgType1 .left{display:table;margin:19px 0 0;position:relative;float:left;width:42%;height:128px;}
.titImgType1 .left .txtWrap{display:table-cell;vertical-align:middle;}
.titImgType1 .left strong{display:inline-block;margin:0 15px 0 9px;font-size:16px;font-weight:400;color:#000;line-height: 20px;max-height: 62px;letter-spacing:-0.02em;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.titImgType1 .left em{display:block;font-size:13px;font-weight:400;color:#666;padding:0 0 0 10px;margin-top:6px;}
.titImgType1 .left p{padding:8px 15px 0 19px;font-size:16px;color:#333;line-height: 18px;}
.titImgType1 a{display:block;overflow:hidden; position: relative;}
.titImgType1 a:focus{outline: none;}
.titImgType1 a:focus::after{content: ''; display: block; box-sizing: border-box; border: 2px solid #000; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1;}
.titImgType1 .left span{display:inline-block;padding-right:13px;position:absolute;left:18px;bottom:19px;color:#666;}
.titImgType1 .left span:after{content:'';display:inline-block;width:7px;height:11px;position:absolute;right:0;top:4px; background: url(../images/main/bg_titImgType1.png) no-repeat;}
.titImgType1 .img{float:left;width:58%;height:128px;margin:19px 0 0;border-radius: 5px 0 0 5px;background-position:50% 50%;background-size:cover;background-repeat: no-repeat;}
.titImgType1 .img img{width:100%;height:100%;border-radius:8px 0 0 8px;}

/** 동영상 **/
.video_wrap{position:relative;}
.video_wrap img{width:100%;}
.video_wrap .video_area{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;}

/** common (메인, 지역) 지역 정보 및 전체보기 **/
/* 지역 정보 */
.zone_cont{display: none; width: 100%;}
.zone_cont.on{display: block;}
.zone_cont .area_left{float: left;width:322px;}
.list_zone .box_logo .logo{float:left;}
.list_zone .box_logo .name{display: inline-block;margin-left:5px;font-weight:800;color: #222; font-size: 30px; vertical-align: middle;}
.list_zone .box_logo p{float:left;font-size:18px;letter-spacing:-0.02em;margin-top: 10px;color:#333;}
.list_zone .box_logo p:before{content:'';display:inline-block;width:1px;height:25px;background:#efefef;margin:0 15px 0 16px;vertical-align: -6px;}
.zone_cont .area_left span{display:inline-block;font-size:13px;color:#aeaeae;font-weight: 300;padding:17px 0 0;}
.zone_cont .area_left span:after{content:'';display:block;width:100%;height:1px;background:#aeaeae;}
.zone_cont .area_left .txt_info{margin-top:48px;}
.zone_cont .area_left .txt_info strong{color: #000; font-size:30px;;font-weight:700; letter-spacing:-0.02em; line-height:36px;}
.zone_cont .area_left .txt_info p{margin-top:2px;color:#353535;font-size:18px;}
.zone_cont .area_left .btn_detail{display: inline-block;margin-top:37px;width:108px;height:34px;padding-left:20px;line-height:34px; border: 1px solid #666;border-radius:50px;letter-spacing:-0.02em;background: url(../images/main/ico_narrow2.gif) 94px 50% no-repeat;color:#666; font-size: 15px;}
.zone_cont .area_left .btn_detail:hover{border:1px solid #000;color:#000;}

.zone_cont .area_mid{float: left;width:257px;margin:0 0 26px;}
.zone_cont .area_mid a{display:block;}
.zone_cont .area_mid a:focus{outline: 3px solid red; outline-offset: 1px;}
.zone_cont .area_mid .img{text-align: center;display:inline-block;width:226px;height:320px;border-radius:10px;box-shadow: 14px 14px 43px 0px rgba(15, 37, 72, 0.2);}
.zone_cont .area_mid .img img{width:100%;height:100%;}
.zone_cont .area_right{float: right;width:300px;}
.zone_cont .area_right ul{padding: 0 0;}
.zone_cont .area_right ul li{width: 100%;margin-top:10px;}
.zone_cont .area_right ul li:first-child{margin-top:0;}
.zone_cont .area_right ul li > div:hover{border:1px solid #666;}
.zone_cont .area_right ul li > div{position:relative;overflow: hidden; width: 100%;height:100px;padding: 28px 45px 25px 20px;border: 1px solid #e6e6e6;box-sizing: border-box;border-radius:10px;}
.zone_cont .area_right ul li > div.img_full{padding:0}
.zone_cont .area_right ul li > div.img_full img{width:100%;height:100%;}
.zone_cont .area_right ul li.obj3 > div.img_full img{width:144px;height:99px;}
.zone_cont .area_right ul li.obj1 > div.img_full img{width:299px;height:99px;}
.zone_cont .area_right ul li strong{display: block;letter-spacing:-0.02em;padding-bottom: 5px; font-size: 14px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.zone_cont .area_right ul li .bn_txtR{color: #ff0068;}
.zone_cont .area_right ul li .bn_txtB{color: #0a97cd;}
.zone_cont .area_right ul li .bn_txtG{color: #00b500;}
.zone_cont .area_right ul li a{display:block; color: #000; font-size: 18px;letter-spacing:-0.02em;line-height: 1.2;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.zone_cont .area_right ul li .leftBox{float: left; width: 146px; padding: 12px 20px 0;}
.zone_cont .area_right ul li .rightBox{float: right; width: 146px; padding: 12px 20px;}
.zone_cont .area_right ul li .leftBox strong,.zone_cont .area_right ul li .rightBox strong{font-size:14px;letter-spacing:-0.02em;}
.zone_cont .area_right ul li a:after{content:'';display:inline-block;width:100%;height:16px;position:absolute;right:30px;top:39px;background: url(../images/main/ico_zone_cont.png) 100% 0  no-repeat;color:#fff;}
.zone_cont .area_right ul li > div:hover a:after{background-position:100% -16px;}
.zone_cont .area_right ul li.obj3 a:after{position:static;display:block;margin:8px auto 0;}

.zone_cont .list_sub{position:relative;clear:both;padding:13px 40px 12px 40px; background:#f7f7f7;border-radius:10px;}
.zone_cont .list_sub .inr{overflow:hidden;height:25px;}
.zone_cont .list_sub.on .inr{overflow:visible !important;;height:auto !important;}
.zone_cont .list_sub ul{margin-left:-20px;}
.zone_cont .list_sub ul:after{content:'';display:block;clear:both;}
.zone_cont .list_sub li{float: left;margin-left:20px;}
.zone_cont .list_sub li a{display:block;padding:2px 0;font-size:15px;color: #000;}
.zone_cont .list_sub li a:hover{font-weight:800;}
.zone_cont .list_sub .btn_more{display:none;position:absolute;bottom:15px;right:30px;height:20px;padding-right: 14px; color: #666; font-size: 16px; background: url(../images/sub/ico_arrowbtm.png) 100% 50%/7px 4px no-repeat;line-height:20px;}
.zone_cont .list_sub.on .btn_more{background:url(../images/sub/ico_arrowtop.png) 100% 50%/7px 4px no-repeat;}
/* 지역 정보 전체보기 (모바일 화면 없음) */
.contents_zone .zone_cont{display:block;min-width:940px !important;margin-bottom:0;padding:60px 0;border-style: solid;border-width: 0 0 4px 0;border-image: url(../images/sub/dot_line.gif) 0 0 4 0 fill repeat}
.contents_zone .zone_cont:last-child{border-width: 0 0 0 0;}
.contents_zone .zone_cont .area_right{clear:none;width: 32%;}
.contents_zone .zone_cont .area_right ul li > div.img_full{padding:0}
.contents_zone .zone_cont .area_right ul li a{font-size: 20px;}
.contents_zone .zone_cont .area_right ul li .leftBox{width: 146px; padding:13px 14px;}
.contents_zone .zone_cont .area_right ul li .rightBox{width: 146px; padding:13px 14px;}

.contents_zone .zone_cont.logo_list{width: 100%; padding: 40px 0 30px 0;}
.contents_zone .zone_cont.logo_list li{display: inline-block; margin-right: 26px; margin-bottom: 20px;}

/* 축제 지도 */
.fes_map{overflow:hidden;position:relative;padding-bottom:125.586%;border:1px solid #94c8ea;background:url(../images/sub/bg_fesmain_map.jpg) no-repeat 50% 50%/100% 100%}
#map_svg{position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;pointer-events: fill;}
#map_svg g{pointer-events: fill;}
#map_svg .st0{fill:#BAD6E8;stroke:#BAD6E8;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#map_svg .st1{fill:#FFFFFF;stroke:#BAD6E8;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#map_svg .st2{fill:#4B5365;stroke:#BAD6E8;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#map_svg .st3{fill:none;stroke:#91C1E1;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#map_svg .st4{fill:#B6C3CA;}
#map_svg .st5{fill:#FFFFFF;}
#map_svg .st6{fill:#E83A37;}
#map_svg .st_districttext{fill:#040000;}
#map_svg .st7{fill:#4B5365;}
#map_svg .st8{font-weight:700;}
#map_svg .st9{font-size:18px;font-weight:700;}
#map_svg .st10{fill:#666666;}
#map_svg .st11{font-weight:400;}
#map_svg .st12{font-size:14px;}
#map_svg a, #map_svg .pin, #map_svg .btn_close_fil{cursor:pointer;}
#map_svg .fi_layer{display:none;}

/** 추천 **/
/* As-Is Event 불러오는 영역 */
.tit_cont + .box_txtPhoto{margin-top:30px !important;}
.box_txtPhoto{width:940px;}
.box_txtPhoto .travelContent img{width:100%;}

/** 작업공지 **/
.notice_info img{position:absolute;top:50%;left:50%;}
.notice_info .m_view{display:none;}
/* 지금변신중 */
.notice_info .pc_view{display:block;width:940px;height:759px;margin:-380px 0 0 -470px;}
/* 정기점검안내 */
.notice_info.type_notice_info .pc_view{width:700px;height:587px;margin:-294px 0 0 -350px;}
/* 준비중 */
.notice_info2 h1{position:absolute;top:50%;width:100%;margin-top:-45px;font-weight:800;color:#000;font-size:60px;text-align:center}
/* 서비스 일시 중단 */
.service_temporary_suspension{height:100%;text-align: center;display:table;width:100%;}
.service_temporary_suspension span{display:table-cell;vertical-align: middle;}
.system_halt{text-align: center;background:#4e87f0 url(../images/common/bg_system_halt.jpg) 50% 0 no-repeat;}
.system_halt .cont{padding:203px 0 115px;}
.system_halt div{width:100%;}
.system_halt .mo{display:none;}

/** 에러 페이지 **/
.error404{position:absolute;left:50%;top:50%;width:550px;margin:-165px 0 0 -275px;text-align:center;}
.error404 h1{width:207px;height:36px;}
.error404 .text01{margin-top:50px;font-weight:800;color:#333;font-size:36px;letter-spacing:-0.02em;}
.error404 .text02{margin-top:24px;color:#333;font-size:20px;line-height:36px;}
.error404 .text02 .num_s{font-weight:700;color:#e0340d;font-size:20px;}
.error404 .link_home{display:inline-block;margin-top:52px;padding:14px 58px;background-color:#333;font-weight:400;color:#fff;font-size:16px;}

/* 여행예보 로고추가 */
#gnb.btnAdd .btnForecast{display:inline-block;right: -139px;top: 0;position: absolute;width:129px;height:64px;background:url(../images/event/travel_forecast/btn_forecast_go.gif) no-repeat;}
#gnb.btnAdd .btnForecast a{display:block;overflow:hidden;height:64px;font-size:0;text-indent: -9999px;}
#gnbMain.btnAdd .btnForecast{display:inline-block;right: -139px;top: 0;position: absolute;width:129px;height:64px;background:url(../images/sub/btn_mbti_gnb.gif) no-repeat;}
#gnbMain.btnAdd .btnForecast a{display:block;overflow:hidden;height:64px;font-size:0;text-indent: -9999px;}
.animated {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

.ji_sp {
	color: #fff;
	opacity: 0.7;
	padding: 0 5px 0 5px;
}

.ji_sp_more {
	position: absolute;
	right: 10px;
	font-size: x-small;
	border: 1px solid #9E9E9E;
	padding: 1px 3px 1px 3px;
	border-radius:10px;
}
/* 통합로그인 */
#combineLogin.wrap_layerpop .layerpop, #combineReceipt.wrap_layerpop .layerpop{width:410px;padding:0;}
#combineLogin .combineInfo{margin-bottom:20px;padding:16px 15px 5px;background:#f7f7f7;letter-spacing:-0.02em;}
#combineLogin .combineInfo strong{display:block;font-size:15px;font-weight:400;color:#572eb0;}
#combineLogin .combineInfo p{padding:0 0 11px;font-size:14px;color:#666;text-align:left;}
#combineLogin .login p + .combineInfo{margin-top:25px;}
.combineReceipt strong{padding-top:13px;display:block;font-weight:700;font-size:20px;color:#572eb0;text-align:center;line-height: 24px;}
.combineReceipt p{padding:3px 0 27px;font-size:18px;color:#333;text-align:center;}
.combineReceipt .info{margin-bottom:20px;padding:20px 15px 17px;background:#f7f7f7;font-size:14px;line-height:17px;}
.combineReceipt .info ul li{padding:0 0 3px;}
.instagramClose h2{padding:196px 0 0;font-size:36px;color:#572eae;font-weight:400;text-align:center;letter-spacing:-0.02em;line-height: 40px;background:url(../images/common/ico_instagram_close.png) 50% 80px no-repeat;}
.instagramClose h2 strong{font-weight:800;display:block;}
.instagramClose .info{margin:40px 0 0;padding:35px 0 0;font-size:20px;color:#333;text-align:center;line-height:26px;border-top:1px dashed #d6d6d6; }
.instagramClose .info p{padding:0 0 13px;}
.instagramClose .info p strong{font-weight:700;color:#572eae;}
.instagramClose .step{margin-top:23px;background:#f7f7f7;border-radius:10px;padding:0 92px 40px;letter-spacing:-0.02em;}
.instagramClose .step h3{color:#fff;margin-bottom:35px;font-size:20px;line-height:38px;text-align:center;font-weight:400;background:url(../images/common/bg_instagram_tit.png) 50% 0 no-repeat;background-size:195px 38px;}
.instagramClose .step ul li{overflow:hidden;display:table;margin-top:14px;}
.instagramClose .step ul li em{display:table-cell;width:82px;vertical-align: middle;}
.instagramClose .step ul li span{display:block;width:82px;font-size:16px;font-weight:700;color:#572eae;border:1px solid #572eae;background:#fff;border-radius:50px;width:73px;line-height:33px;text-align:center;}
.instagramClose .step ul li p{display:table-cell;font-size:18px;color:#666;line-height:23px;vertical-align: middle;}
.instagramClose .step > p{padding-top:16px;font-size:16px;color:#666;line-height:20px;}
.instagramClose .choice strong{padding:43px 0 28px;display:block;text-align:center;font-size:25px;font-weight:700;color:#333;letter-spacing:-0.02em;}
.instagramClose .choice ul{text-align:center;overflow:hidden;}
.instagramClose .choice ul li{display:inline-block;width:92px;}
.instagramClose .choice ul li a{display:block;font-size:16px;color:#000;}
.instagramClose .choice ul li a:before{content:'';display:inline-block;width:52px;height:52px;background:url(../images/common/icon_combine.png) no-repeat;background-size:260px 52px;}
.instagramClose .choice ul li em{display:block;padding-top:2px;}
.instagramClose .choice ul li .kakaotalk:before{background-position:-52px 0;}
.instagramClose .choice ul li .facebook:before{background-position:-104px 0;}
.instagramClose .choice ul li .twitter:before{background-position:-156px 0;}
.instagramClose .choice ul li .google:before{background-position:-208px 0;}

/* ios 대응 레이어 */
.video_wrap .iosLayer p{font-size:26px;line-height:32px;}
.video_wrap .iosLayer a{width:190px;line-height:40px;font-size:16px;margin: 27px 0 0;}
.iosLayer{display:table;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);color:#fff;text-align:center;z-index: 10;}
.iosLayer > div{display:table-cell;vertical-align: middle;}
.iosLayer p{font-size:16px;line-height:22px;}
.iosLayer a{display:inline-block;margin:20px 0 0;color:#333;font-size:14px;background:#fff;line-height:35px;border-radius:5px;width:160px;letter-spacing:-0.02em;}
.iosLayer button{position:absolute;right:16px;top:15px;display:inline-block;width:16px;height:16px;background:url(../images/common/btn_ios_layer.png) 0 0 / 100% 100% no-repeat;text-indent:-9999px;}

.area_keyword, .words_list{position:absolute;left:0;top:55px;width:100%;border:1px solid #666;background:#fff;border-radius: 10px;z-index: 102;text-align:left;}
.area_keyword ul{float:left;width:50%;padding-bottom: 32px;}
.area_keyword ul li{margin-top:20px;padding-left: 28px;}
.area_keyword ul li:after{content:'';display:block;clear: both;overflow: hidden;}
.area_keyword ul + ul li{padding-left:0;padding-right: 28px;}
.area_keyword ul + ul li .num{background: #949494;}
.area_keyword ul + ul li a{font-weight:400;color:#666;}
.area_keyword ul li .num{float: left;width: 20px;height: 20px;background: #666;border-radius: 3px;color: #fff;font-size: 13px;text-align: center;vertical-align: middle;}
.area_keyword ul li a{overflow: hidden;float: left;width: 140px;height:20px;line-height:20px;margin-left: 10px;font-size: 15px;font-weight:700;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;}
.words_list ul{padding:19px 0 21px;}
.words_list ul li{padding:1px 0 0;/*overflow: hidden;*/}
.words_list ul li a{display:block;height:34px;line-height:34px;padding:0 28px;overflow: hidden;font-size:16px;text-overflow: ellipsis;white-space: nowrap;}
.words_list ul li a strong{font-weight:800;}

.detail_tab.menuFixed{top: 89px !important;}

/* main, sub 퀵메뉴 */
.main_quick{position: fixed;left: 0;bottom: 0;right: 0;z-index: 100;transition: bottom .5s ease-in-out;}
.main_quick.on{bottom: 465px;}
.main_quick .inr{position: relative;width: 940px;margin: 0 auto;}
.main_quick .inr a.img{display:inline-block;width:135px;height:128px;position: absolute;right: -125px;bottom: 40px;}
.main_quick .inr button.close{width: 37px;height: 37px;position: absolute;right: -141px;bottom: 117px;background:none;z-index: 5;}
.main_quick .btn_go{position: absolute;right: -125px;bottom: 40px;width: 108px;height: 108px;background: url(../images/main/main_quick_02.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
.main_quick button{position: absolute;right: -118px;bottom: 142px;width: 18px;height: 18px;background: url(../images/main/main_quick_close.png) 0 0 no-repeat;text-indent: -9999px;}
.main_quick .inr.type1 a.img{bottom: 155px;}
.main_quick .inr.type1 button.close{bottom: 222px;}

.main_quick .ev .btn_go{position: absolute;left:-128px;bottom:40px;width: 122px;height: 184px;background: url(../images/sub/ev_quick.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
.main_quick .ev button{position: absolute;left:-23px;bottom:209px;width: 18px;height: 18px;background: url(../images/main/main_quick_close.png) 0 0 no-repeat;text-indent: -9999px;}

.main_quick .safety .btn_go{position: absolute;right: -135px;bottom:183px;width: 131px;height: 134px;background: url(../images/sub/safety_quick.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
.main_quick .safety button{position: absolute;right:-150px;bottom:182px;width: 29px;height: 29px;background: url(../images/sub/safety_quick_close.png) 0 0 no-repeat;text-indent: -9999px;}

.main_quick .safety01 .btn_go{position: absolute;right: -145px;bottom:40px;width: 141px;height: 130px;background: url(../images/sub/safety_quick01.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
.main_quick .safety01 button{position: absolute;right:-151px;bottom:37px;width: 29px;height: 29px;background: url(../images/sub/safety_quick_close.png) 0 0 no-repeat;text-indent: -9999px;}

.main_quick .inr + .inr .btn_go{position: absolute;right: -170px;bottom:170px;width: 161px;height: 160px;background: url(../images/sub/reserve_quick.png) 0 0 no-repeat;text-indent: -9999px;}
.main_quick .inr + .inr .close{display: inline-block;width: 27px;height: 27px;position: absolute;right: -156px;bottom: 295px;background: url(../images/sub/reserve_quick01.png) 0 0 no-repeat;text-indent: -9999px;}

.main_quick .inr + .inr .ev1{position: absolute;right: -154px;bottom:253px;width: 174px;height: 273px;background: url(../images/sub/ev_rel_quick1.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
.main_quick .inr + .inr .ev1_btn{position: absolute;right: -135px;bottom:222px;width:145px;height:35px;line-height:35px;text-align: center;background-color: #000;color: #fff;font-weight: bold;}
.main_quick .inr + .inr .ev1:hover{background: url(../images/sub/ev_rel_quick2.png) 0 0 / 100% 100% no-repeat;}

/* 메인 퀵 문자채팅 레이어 */
.layer-talk-menu{display:none;opacity:1;transition:bottom .3s ease-in-out, 1s ease-in-out;position: absolute; bottom:-740px;right:-350px; z-index: 122;width: 355px;padding: 8px 20px 10px;border-radius: 10px;border: 1px solid #ccc;background: #f5f5f5; /*text-align: center;*/box-sizing: border-box;box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.layer-talk-menu.on{display:block;bottom:170px;opacity:1;}
.layer-talk-menu .close{position: absolute;right: 21px;top: 21px;width: 18px;height: 18px;background: url(../images/main/main_quick_close.png) 0 0 no-repeat;text-indent: -9999px;}
.layer-talk-menu h1{font-family:"Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-size: 17px;padding: 10px 0 10px;}
.group-talk-menu{width: 100%;margin-bottom: 10px;padding: 15px 15px;border-radius: 6px;border: 1px solid #d5d5dd;background: #fff;font-family:"Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;text-align: center;box-sizing: border-box;}
.group-talk-menu.is-ttalk{display: inline-flex;align-items: center;padding: 10px 15px 10px 20px;text-align: left;}
.group-talk-menu > a{display: inline-block;width: 65px;height: 65px;border-radius: 50%;overflow: hidden;}
.group-talk-menu > a + a{margin-left: 6px;}
.group-talk-menu div{width: 100%;margin: 7px 0 0;font-size: 15px;font-weight: 600;}
.group-talk-menu span{display: inline-block;width: 100%;font-size: 13px;font-weight: 400;color: #666;}
.group-talk-menu p{flex: 1 0 0px;min-width: 0;max-width: 100%;width: auto;margin-left: 15px;font-size: 15px;font-weight: 600;}
.layer-talk-menu .report_120 a{display:block;width:100px;height:100px;margin:2px auto 10px;}
.layer-talk-menu .report_120 img{width:100%;height:100%;}

/* 이벤트 참여동의 팝업 */
#evAgreeForm .layerpop {width: 635px;padding: 0;background:none;text-align:left;border:3px solid #00981f;border-radius: 13px;}
#evAgreeForm .layerpop .agrTxt{padding:0 0 22px;margin:0 0 22px;font-size:16px;color:#2c2c2c;border-bottom: 1px solid #363636;line-height: 22px;letter-spacing:-0.02em;}
#evAgreeForm .write{padding:0 0 22px 0;margin:0 0 22px;border-bottom:1px solid #666;}
#evAgreeForm .write li{display:table;padding:15px 0 0 0;}
#evAgreeForm .write li em{display:table-cell;width: 108px;vertical-align:top;padding-top: 5px;color:#303030;font-size:16px;}
#evAgreeForm .write li > div{display:table-cell;}
#evAgreeForm .write input{box-sizing: border-box;border:1px solid #cdcdcd;height:40px;font-size:15px;}
#evAgreeForm .write select{width:99px;height:40px;border:1px solid #cdcdcd;line-height:40px;font-size:15px;}
#evAgreeForm .write textarea{width:445px;height:70px;box-sizing: border-box;color:#767676;font-size:15px;border:1px solid #cdcdcd;}
#evAgreeForm .phoneForm select{width:99px;}
#evAgreeForm .phoneForm input{width:99px;margin-left:18px;}
#evAgreeForm .phoneForm input{width:99px;margin-left:8px;}
#evAgreeForm .write .adrsForm input{width:97px;margin-right:8px;vertical-align: middle;}
#evAgreeForm .write .adrsForm div{margin-top:10px;}
#evAgreeForm .write .adrsForm div input{width:319px;margin-right:0;}
#evAgreeForm .write .adrsForm button{width:120px;line-height:40px;background:#cbcbcb;color:#333;font-size:15px;vertical-align: middle;}
#evAgreeForm .write .form_txt{padding: 12px 0 0 0;font-size:15px;color:#989898;}
#evAgreeForm .enentClause .clause{border:1px solid #ccc;width:100%;height:156px;overflow-y:auto;}
#evAgreeForm .enentClause .clause > div{font-size:15px;padding:18px 5px 18px 18px;color:#767676;}
#evAgreeForm .enentClause .clause p{padding:0 0 20px;}
#evAgreeForm .enentClause .clause div > ul{padding:0 0 20px;}
#evAgreeForm .enentClause .clause div > ul > li{position:relative;padding:0 0 0 10px;}
#evAgreeForm .enentClause .clause div > ul > li:before{content:'';display:inline-block;width:4px;height:4px;background:#9a9a9a;border-radius: 100%;position:absolute;left:0;top:7px;}
#evAgreeForm .enentClause .clause div > ul > li strong{display:block;font-weight:400;}
#evAgreeForm .enentClause .clause div > ul > li ul li{margin-left:10px;text-indent: -10px;}
#evAgreeForm .enentClause .clause div > ul > li p{padding:0;}
#evAgreeForm .enentClause .clause div > .type1 li:first-child{margin-top:0;}
#evAgreeForm .enentClause .clause div > .type1 > li{padding:0;}
#evAgreeForm .enentClause .clause div > .type1 li:before{display:none;}
#evAgreeForm .enentClause .clause div > .type1 li ul li{padding:0 0 0 16px;}
#evAgreeForm .enentClause .assent{overflow:hidden;padding:10px 0 0 0;}
#evAgreeForm .enentClause .assent p{float:left;font-size:16px;color:#2c2c2c;}
#evAgreeForm .enentClause .assent span{float:right;}
#evAgreeForm .enentClause .assent label{font-size:14px;vertical-align: 1px;margin-left:5px;}
#evAgreeForm .enentClause .assent label.first{margin-right:30px;}
#evAgreeForm .layerpop .tit > h2{background:#00981f;border-radius: 10px 10px 0 0;font-size:20px;font-weight:400;text-align: left;color:#fff5b0;}
#evAgreeForm .layerpop .box_cont{padding: 15px 40px 0;}
#evAgreeForm .layerpop .box_cont .sstit{position:relative;display:block;padding:0 0 11px 8px;font-size:20px;font-weight:700;color:#363636;letter-spacing:-0.02em;}
#evAgreeForm .layerpop .box_cont .sstit:before{content:'';position:absolute;left:0;top:11px;display:inline-block;width:4px;height:4px;background:#363636;border-radius: 100%;}
#evAgreeForm .layerpop .box_cont .sstit span{display:inline-block;color:#d93c63;}
#evAgreeForm .layerpop .box_cont input.txtForm{width:319px;}
#evAgreeForm .layerpop .box_cont input:disabled{background:#ebeef0;}
#evAgreeForm .btn_center{padding-top:32px;height:121px;background:#fff;border-radius: 0 0 10px 10px;}
#evAgreeForm .layerpop .btn_center a{background: #00981f;color:#fff5b0;padding:0;width:84px;height:46px;line-height:46px;border-radius:5px;font-size:20px;font-weight:700;}
#evAgreeForm .layerpop .btn_cancel{background:#a4a6a6;}
#evAgreeForm .layerpop .scrollArea{max-height:644px;padding: 15px 40px 0;overflow-y:auto;}

/* 정보입력 팝업 */
#informationInputPop .layerpop {word-break:keep-all;padding:0;width: 410px;background: #fff;border-radius: 5px;}
#informationInputPop .layerpop .box_cont{padding:30px;}
#informationInputPop .layerpop p{padding:0 0 12px;font-size: 18px;color:#333;line-height:130%;letter-spacing: -0.02em;}
#informationInputPop .layerpop .box_cont > ul{margin:24px 0 0;background:#F4F6F8;border-radius: 5px;padding:20px 20px 16px;}
#informationInputPop .layerpop .box_cont > ul > li{display:flex;margin:0 0 12px;height:36px;align-items: center;}
#informationInputPop .layerpop .box_cont > ul > li strong{flex-shrink: 0;width: 84px;font-weight: 700;font-size:16px;color:#000;letter-spacing:-0.02em;}
#informationInputPop .layerpop .box_cont > ul > li span, #informationInputPop .layerpop ul li > div{flex-grow: 1;}
#informationInputPop .layerpop .btn{display:flex;gap:0.8rem;padding:30px 0 0;gap:10px;}
#informationInputPop .layerpop .btn a{width:50%;text-align: center;}
#informationInputPop .layerpop .btn a span{display:block;width:100%;}
#informationInputPop input[type="radio"].radio_md + label{width: 109px;box-sizing: border-box;}

/* 공통 팝업 */
#commonPop.active:after{content:'';position:fixed;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);}
#commonPop .layerpop{/*width:376px;*/width:500px;padding:0;left:50%;margin-left:-250px;top:0;}
#commonPop .layerpop img{width:100%;}
#commonPop .layerpop .box_cont{padding:0;}
#commonPop .viewNone{position:relative;padding:0 0 0 15px;line-height:38px;background:#efefef;color:#545454;font-size:11px;}
#commonPop .viewNone button{position:absolute;right:15px;top:12px;font-size:13px;padding:0 15px;line-height:20px;width: 58px;background: #333;color: #fff;}
#commonPop .layerpop label{margin-left:8px;vertical-align: 2px;font-size:14px;line-height: 42px;}
#commonPop .layerpop .btn_close3{padding:0;overflow: hidden;position: absolute;top: -18px;right: -11px;width: 43px;height: 43px;z-index: 10;background: url(../images/sub/btn_close_kq.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
#commonPop.wrap_layerpop {visibility: hidden;display: inline-block;opacity: 0;height: 0;text-indent: -9999px;}
#commonPop.wrap_layerpop.active {height: 100%;text-indent: 0;opacity: 1;visibility: inherit;}
#commonPop .layerpop .mo{display:none;}

#safetyStay1.active:after{content:'';position:fixed;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);}
#safetyStay1 .layerpop{/*width:376px;*/width:500px;padding:0;left:50%;margin-left:-250px;top:0;}
#safetyStay1 .layerpop img{width:100%;}
#safetyStay1 .layerpop .box_cont{padding:0;}
#safetyStay1 .viewNone{position:relative;padding:0 0 0 15px;line-height:38px;background:#efefef;color:#545454;font-size:11px;}
#safetyStay1 .viewNone button{position:absolute;right:15px;top:12px;font-size:13px;padding:0 15px;line-height:20px;width: 58px;background: #333;color: #fff;}
#safetyStay1 .layerpop label{margin-left:8px;vertical-align: 2px;font-size:14px;line-height: 42px;}
#safetyStay1 .layerpop .btn_close3{padding:0;overflow: hidden;position: absolute;top: -18px;right: -11px;width: 43px;height: 43px;z-index: 10;background: url(../images/sub/btn_close_kq.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
#safetyStay1.wrap_layerpop {visibility: hidden;display: inline-block;opacity: 0;height: 0;text-indent: -9999px;}
#safetyStay1.wrap_layerpop.active {height: 100%;text-indent: 0;opacity: 1;visibility: inherit;}
#safetyStay1 .layerpop .mo{display:none;}

#safetyStay1 .slide_pop .paging{display: flex; align-items: center; justify-content: center; position: absolute;bottom: 30px;left: 0;z-index: 100;width: 100%;font-size: 0;text-align: center;}
#safetyStay1 .slide_pop .btn_autoArea{display: inline-block;vertical-align: middle;}
#safetyStay1 .slide_pop .btn_autoArea .btn_autoPlay{overflow: hidden;display: none;width: 11px;height: 14px;background: url(../../resources/images/main/btn_slide_play.png) no-repeat;text-indent: -9999px;vertical-align: top;}
#safetyStay1 .slide_pop.active .btn_autoArea .btn_autoPlay {display: inline-block;}
#safetyStay1 .slide_pop .btn_autoArea .btn_autoStop {overflow: hidden;display: inline-block;width: 11px;height: 14px;background: url(../../resources/images/main/btn_slide_stop.png) no-repeat;text-indent: -9999px;vertical-align: top;}
#safetyStay1 .slide_pop.active .btn_autoArea .btn_autoStop {display: none;}
#safetyStay1 .slide_pop .swiper-pagination {display: inline-block;position: relative;font-size: 0;text-align: center;left: auto !important;bottom: 0 !important;}
#safetyStay1 .slide_pop .swiper-pagination button.swiper-pagination-bullet {width: 12px;height: 12px;background: #fff;opacity: 1;margin-left: 10px;border:1px solid #b9b9bb;}
#safetyStay1 .slide_pop .swiper-pagination button.swiper-pagination-bullet-active {width: 24px;background: #333;border-radius: 50px;border:1px solid #333;}
#safetyStay1 .slide_pop .swiper-container{border-radius: 20px 20px 0 0;}
#safetyStay1 .layerpop.slide .viewNone{height:50px;padding: 0 0 0 12px;background:#fff;line-height: 50px;border-radius:0 0 20px 20px;}
#safetyStay1 .layerpop.slide{border-radius:20px;overflow: hidden;}
#safetyStay1 .layerpop.slide .box_cont{border-radius:20px;}
#safetyStay1 .layerpop.slide .box_cont img{border-radius: 20px 20px 0 0;}
#safetyStay1 .layerpop.slide .viewNone button{background:none;color:#333;font-size:18px;width:auto;height:50px;line-height:50px;top:0;right:6px;}
#safetyStay1 .layerpop.slide label{font-size:18px;line-height:50px;color:#333;}
#safetyStay1 .layerpop.slide input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
#safetyStay1 .layerpop.slide input[type="checkbox"] + label{position: relative;display: inline-block;min-height: 26px;padding-left: 33px;font-weight: 400;vertical-align: middle;}
#safetyStay1 .layerpop.slide input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 12px;width: 26px;height: 26px;background: url('../../resources/images/main/bg_ckeckbox.png') 0 0 / 100% 100% no-repeat}
#safetyStay1 .layerpop.slide input[type="checkbox"]:checked + label:after{content: '';position: absolute;left: 0;top: 12px;width: 26px;height: 26px;background: url('../../resources/images/main/bg_ckeckbox01.png') 0 0 / 100% 100% no-repeat;}

#safetyStay1 .slide01 .slide_pop .paging{left:50%;margin-left:-44px;bottom:12px;width:88px;height:24px;line-height:24px;background:rgba(0, 0, 0, 0.2);border-radius: 50px;}
#safetyStay1 .slide01 .slide_pop .swiper-pagination button.swiper-pagination-bullet {width: 10px;height: 10px;background: #fff;opacity: 1;margin-left: 8px;border:0;}
#safetyStay1 .slide01 .slide_pop .swiper-pagination button.swiper-pagination-bullet-active {width: 10px;background: #ff3333;}
#safetyStay1 .slide01 .slide_pop .btn_autoArea .btn_autoPlay{overflow: hidden;display: none;width: 7px;height: 24px;background: url(../../resources/images/main/btn_slide_play01.png) 0 50% no-repeat;text-indent: -9999px;vertical-align: top;}
#safetyStay1 .slide01 .slide_pop.active .btn_autoArea .btn_autoPlay {display: inline-block;}
#safetyStay1 .slide01 .slide_pop .btn_autoArea .btn_autoStop {overflow: hidden;display: inline-block;width:8px;height: 24px;background: url(../../resources/images/main/btn_slide_stop01.png) 0 50% no-repeat;text-indent: -9999px;vertical-align: top;}
#safetyStay1 .slide01 .slide_pop.active .btn_autoArea .btn_autoStop {display: none;}
#safetyStay1 .slide01 .slide_pop .swiper-container{border-radius:0;}

/* 큐레이션 지역선택 팝업 */
#curationAreaPop .layerpop{width: 440px;padding: 0;border-radius: 20px;}
#curationAreaPop .layerpop .tit > h2{padding:35px 0 0 30px;background:none;color:#333;font-size: 20px;letter-spacing:-0.02em;}
#curationAreaPop .layerpop .box_cont{padding:0 0 0 30px;border-radius: 0 0 20px 20px;max-height: 460px;overflow-y: auto;}
#curationAreaPop .layerpop .btn_center{padding:20px 0 30px;}
#curationAreaPop .layerpop .btn_center a{display:inline-block;width:130px;height:40px;line-height: 40px;border-radius: 10px;background:#31aae2;color:#000;font-size: 16px;}
#curationAreaPop ul{padding: 27px 0 0;}
#curationAreaPop ul:after{content:'';display:block;clear:both;}
#curationAreaPop ul li{float:left;padding: 0 0 10px 10px;}
#curationAreaPop input[type="radio"], #curationAreaPop input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#curationAreaPop input[type="radio"] + label, #curationAreaPop input[type="checkbox"] + label {position: relative;display: inline-block;height: 35px;padding-left:80px;vertical-align: middle;cursor: pointer;}
#curationAreaPop input[type="radio"] + label span, #curationAreaPop input[type="checkbox"] + label span{position: absolute;left: 0;top: 0;display: block;width: 100%;font-size: 16px;height:35px;line-height:35px;text-align: center;color:#000;}
#curationAreaPop input[type="radio"] + label:before, #curationAreaPop input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 0;width: 80px;height: 35px;border-radius:50px;background:#eef0f2;}
#curationAreaPop input[type="radio"] + label:after, #curationAreaPop input[type="checkbox"] + label:after {display:none; content:''; position:absolute; left:5px; top:7px; width:15px; height:16px; background:url(../images/icon_radio_check.png) 0 0 / 100% 100%; border-radius:100%;}
#curationAreaPop input[type="radio"]:checked + label, #curationAreaPop input[type="checkbox"]:checked + label {font-weight:400;}
#curationAreaPop input[type="radio"]:checked + label:before, #curationAreaPop input[type="checkbox"]:checked + label:before {background:#31aae2;box-shadow: 3px 4px 12px 0px rgba(76, 79, 86, 0.38);}
#curationAreaPop input[type="radio"]:checked + label span, #curationAreaPop input[type="checkbox"]:checked + label span{font-weight: 700;}
#curationAreaPop input[type="radio"]:focus + label, #curationAreaPop input[type="checkbox"]:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
#curationAreaPop .layerpop .btn_close3{width:16px;height:16px;padding:0;top:41px;right:31px;background: url(../images/common/btn_curation_area_close.png) no-repeat;}
#curationAreaPop .s_menu{margin:10px 30px 0 10px;border-top:1px solid #dfe0e0;}
#curationAreaPop .s_menu .btn_smenu{text-align: center;overflow: hidden;}
#curationAreaPop .s_menu .btn_smenu button{width:100%;padding:16px 0 5px;font-size: 16px;font-weight: 700;color:#000;}
#curationAreaPop .s_menu .btn_smenu button:after{content:'';display:inline-block;width:14px;height:9px;vertical-align: 1px;margin-left:7px;background: url(../images/common/btn_curation_area01.png) no-repeat;}
#curationAreaPop .s_menu ul{margin-left:-10px;padding:20px 0 0;}
#curationAreaPop .s_menu input[type="checkbox"] + label:before{background:#fff;border:2px solid #e8e8e8;box-sizing: border-box;}
#curationAreaPop .s_menu input[type="checkbox"]:checked + label:before{border:2px solid #000;box-shadow:none;}
#curationAreaPop .s_menu input[type="checkbox"]:checked + label span{color:#000;}
#curationAreaPop .s_menu input[type="checkbox"] + label.all:before{background:#969696;border:0;}
#curationAreaPop .s_menu input[type="checkbox"] + label.all span{color:#fff;}

#curationAreaPop01 .layerpop{width: 410px;padding: 0;border-radius: 20px;}
#curationAreaPop01 .layerpop .tit > h2{padding:35px 0 0 30px;background:none;color:#000;font-size: 24px;letter-spacing:-0.02em;}
#curationAreaPop01 .layerpop .box_cont{padding:0 0 0 20px;border-radius: 0 0 20px 20px;overflow: hidden;}
#curationAreaPop01 .layerpop .btn_center{padding:20px 0 30px;}
#curationAreaPop01 .layerpop .btn_center a{display:inline-block;width:130px;height:40px;line-height: 40px;border-radius: 10px;background:#31aae2;color:#000;font-size: 16px;}
#curationAreaPop01 ul{padding: 27px 0 0;}
#curationAreaPop01 ul:after{content:'';display:block;clear:both;}
#curationAreaPop01 ul li{float:left;padding: 0 0 10px 10px;}
#curationAreaPop01 input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#curationAreaPop01 input[type="checkbox"] + label {position: relative;display: inline-block;height: 35px;padding-left:80px;vertical-align: middle;cursor: pointer;}
#curationAreaPop01 input[type="checkbox"] + label span{position: absolute;left: 0;top: 0;display: block;width: 100%;font-size: 16px;height:35px;line-height:35px;text-align: center;color:#000;}
#curationAreaPop01 input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 0;width: 80px;height: 35px;border-radius:50px;background:#eef0f2;}
#curationAreaPop01 input[type="checkbox"] + label:after {display:none; content:''; position:absolute; left:5px; top:7px; width:15px; height:16px; background:url(../images/icon_radio_check.png) 0 0 / 100% 100%; border-radius:100%;}
#curationAreaPop01 input[type="checkbox"]:checked + label {font-weight:400;}
#curationAreaPop01 input[type="checkbox"]:checked + label:before {background:#31aae2;box-shadow: 3px 4px 12px 0px rgba(76, 79, 86, 0.38);}
#curationAreaPop01 input[type="checkbox"]:checked + label span{color:#fff;}
#curationAreaPop01 input[type="checkbox"]:focus + label {outline: 2px solid red;outline-offset: 1px;}
#curationAreaPop01 .layerpop .btn_close3{width:16px;height:16px;padding:0;top:41px;right:31px;background: url(../images/common/btn_curation_area_close.png) no-repeat;}
#curationAreaPop01 .s_menu{margin:0 30px 0 10px;}
#curationAreaPop01 .s_menu ul{margin-left:-10px;padding:22px 0 0;}
#curationAreaPop01 .s_menu input[type="checkbox"] + label:before{background:#fff;border:2px solid #e8e8e8;box-sizing: border-box;}
#curationAreaPop01 .s_menu input[type="checkbox"]:checked + label:before{border:2px solid #000;box-shadow:none;}
#curationAreaPop01 .s_menu input[type="checkbox"]:checked + label span{color:#000;}
#curationAreaPop01 .s_menu input[type="checkbox"] + label.all:before{background:#969696;border:0;}
#curationAreaPop01 .s_menu input[type="checkbox"] + label.all span{color:#fff;}

/* 메인 개인정보 수집 및 이용 동의 팝업 */
#mainAgreement.wrap_layerpop .layerpop{width: 650px;padding: 0;color:#333;max-height:95%;overflow-y:auto;}
#mainAgreement .box_cont{padding:40px;}
#mainAgreement .top_cont strong{display:block;height:33px;width: 100%;}
#mainAgreement .top_cont p{padding:12px 0 35px;font-size: 16px;letter-spacing:-0.02em;text-align: center;}
#mainAgreement .clause_wrap .tit{display:block;padding:0 0 11px;}
#mainAgreement .clause_wrap + .clause_wrap{padding:25px 0 0;}
#mainAgreement .clause{height:200px;padding:15px;overflow-y:auto;border:1px solid #ccc;font-size: 14px;color:#666;font-weight: 300;}
#mainAgreement .clause strong{display:block;font-weight: 700;color:#333;}
#mainAgreement .clause .stit{display:block;padding:20px 0 0;}
#mainAgreement .clause .sstit{display:block;padding:20px 0 0;}
#mainAgreement .clause ul li ul li{padding:0 0 0 15px;}
#mainAgreement .clause .type1{padding:20px 0 0;}
#mainAgreement .clause .board{margin:12px 0 0;}
#mainAgreement .clause .board.type1{margin:12px 0 10px;}
#mainAgreement .clause table{font-size: 14px;}
#mainAgreement .clause table thead th{height:30px;line-height:30px;border:1px solid #ccc;border-bottom:0;font-weight: 300;text-align: center;}
#mainAgreement .clause table tbody th{border:1px solid #ccc;font-weight: 300;padding:0 0 0 20px;}
#mainAgreement .clause table td{padding:6px 0 4px 20px;border:1px solid #ccc;font-weight: 300;}
#mainAgreement .clause table td ul li{position: relative;padding:0 0 0 10px;}
#mainAgreement .clause table td ul li:before{content:'';display:inline-block;width:2px;height:2px;background:#666;position:absolute;left:0;top:8px;}
#mainAgreement .layerpop .btn_center a{padding:0;width:153px;height:38px;line-height: 38px;font-size:16px;border: 1px solid #333;}
#mainAgreement .layerpop .btn_center{padding:30px 0 0;}
#mainAgreement input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#mainAgreement input[type="checkbox"] + label {overflow:hidden;position:relative; display:inline-block; min-height:20px; padding-left:26px;vertical-align:middle;font-size:18px;font-weight: 700;color:#000;letter-spacing:-0.02em;}
#mainAgreement input[type="checkbox"] + label em{font-weight: 700;color:#ff3333;}
#mainAgreement input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:2px; border: 0;width:20px; height:20px;background: url(../images/main/clause_pop_chk.png) no-repeat;}
#mainAgreement input[type="checkbox"]:checked + label {font-weight:700;}
#mainAgreement input[type="checkbox"]:checked + label:before {background-position: 0 -20px;}
#mainAgreement input[type="checkbox"]:focus + label {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}
#mainAgreement input[type="checkbox"]:checked + label:after{display:none;}

/* 소셜로그인 */
#socialLogin.wrap_layerpop .layerpop{width: 450px;padding: 0;border-radius: 5px;overflow: hidden;}
#socialLogin .layerpop .box_cont{padding:40px 0 0;background:#f1f3f5;}
#socialLogin .layerpop .tit h2{padding:10px 15px;background:#333;font-weight: 400;}
#socialLogin .layerpop .btn_close3{padding:0 !important;width:22px;height:22px;right:13px;top:9px;}
#socialLogin .logo{display:block;width:300px;margin:0 auto;text-indent: -9999px;height:60px;border-radius:5px;background: url(../images/common/pop_sociallogin_logo.png) 50% 0 no-repeat;box-shadow: 0px 12px 38px 0px rgba(6, 0, 1, 0.15);}
#socialLogin .img{display:block;width:300px;height:30px;margin:0 auto;text-indent: -9999px;background: url(../images/common/pop_sociallogin_logo01.gif) 50% 0 no-repeat;}
#socialLogin p{padding:13px 0 18px;font-size: 16px;text-align: center;}
#socialLogin .auto_login{padding:25px 0 50px 0;text-align: center;}
#socialLogin .auto_login input[type="checkbox"] + label{font-weight: 700;font-size: 18px;padding-left: 27px;margin:0;overflow: hidden;}
#socialLogin .auto_login input[type="checkbox"] + label:before{top: 4px;border:0;}
#socialLogin .auto_login input[type="checkbox"]:checked + label:after{top: 4px !important;}

/* 서브 팝업 */
#subPop01.wrap_layerpop .mo{display:none;}
#subPop01.wrap_layerpop .layerpop{padding:0;width:410px;border:0;border-radius: 0;}
#subPop01 .layerpop .box_cont{padding:0;}
#subPop01 .layerpop .box_cont .btn a{float:left;}
#subPop01 .layerpop .swiper-button-next, #subPop01 .layerpop .swiper-button-prev{margin:0;text-indent: -9999px;width:40px;height:40px;background: url(../images/main/swiper_button_prev01.png) no-repeat;}
#subPop01 .layerpop .swiper-button-disabled{display:none;}
#subPop01 .layerpop .swiper-button-next{background: url(../images/main/swiper_button_next01.png) no-repeat;}
#subPop01 .layerpop .swiper-pagination{display:none;}

/* 여행콕콕 여행지안내 팝업 */
#travelinfoPop.wrap_layerpop .layerpop{width: 480px;padding: 0;border-radius: 12px;}
#travelinfoPop .layerpop .box_cont{padding:27px 30px 29px;font-size: 16px;color:#333;border-radius:0 0 10px 10px}
#travelinfoPop .layerpop .tit > h2{padding:0 0 0 30px;height:60px;line-height: 60px;letter-spacing:-0.02em;color:#000;background:#31aae2;font-size: 24px;font-weight: 300;border-radius: 10px 10px 0 0;}
#travelinfoPop .layerpop .tit > h2 strong{font-weight: 700;}
#travelinfoPop .layerpop p{padding:0 0 35px;text-align: center;line-height:20px ;}
#travelinfoPop .layerpop p strong{padding:0 0 3px;display:block;font-size: 18px;font-weight: 700;line-height:22px ;color:#000;}
#travelinfoPop .layerpop .mo{display:none;}
#travelinfoPop .layerpop .btn_close3{top: 4px;right: 16px;background: url(../images/common/btn_pop_close.png) no-repeat 50% 50%;}

#footprintLayer1 .layerpop{background: #fff;}

/* 사진신고 팝업 */
#reportPop .layerpop{width: 305px;padding: 0;}
#reportPop .report_cont{padding:10px 13px 0 13px;}
#reportPop .report_cont ul li{padding:0 0 2px;}
#reportPop .report_cont ul li span{display:block;padding:8px 0 0 24px;}
#reportPop input[type="radio"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#reportPop input[type="radio"] + label {position:relative; display:inline-block; min-height:14px; padding-left:23px;font-size:16px;color:#333;letter-spacing:-0.02em;overflow: hidden;}
#reportPop input[type="radio"] + label:before {content:''; position:absolute; left:0; top:4px; width:14px; height:14px; border:1px solid #333; background:#fff; border-radius:100%;}
#reportPop input[type="radio"] + label:after {display:none; content:''; position:absolute; left:4px; top:8px; width:8px; height:8px; background:#333; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
#reportPop input[type="radio"]:checked + label:after {display:block;}
#reportPop input[type="radio"]:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
#reportPop input[type=text]{ width:200px; border-radius:0;}
#reportPop .btn_center{padding:15px 0;}
#reportPop .btn_center a{display:inline-block;width:60px;height:30px;line-height: 30px;color:#fff;font-size:14px;box-sizing: border-box;}
#reportPop .btn_center a + a{margin-left:7px;}
#reportPop .btn_center .btn01{border:1px solid #333;color:#333;}
#reportPop .btn_center .btn02{background:#333;}
#reportPop .btn_center .btn02:focus, #reportPop .btn_center .btn01:focus{outline:3px solid red; outline-offset: 1px;}

/* 댓글/답글 신고 팝업 */
#reportPop1 .layerpop{width: 410px;padding: 32px; border-radius: 4px;}
#reportPop1 .layerpop .tit{display:flex; align-items: center; justify-content: space-between;}
#reportPop1 .layerpop .tit > h2{ background: none; font-size: 24px; letter-spacing:-0.02em; line-height: 1; color: #333; padding: 0;}
#reportPop1 .layerpop .box_cont{padding: 32px 0 0 0;}
#reportPop1 .icon_close2_sm {display:none;}
#reportPop1 ul li{margin-bottom: 16px;}
#reportPop1 ul li:last-child{margin-bottom: 0;}
#reportPop1 input[type="radio"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#reportPop1 input[type="radio"] + label {position:relative; font-size:16px; padding-left: 25px; letter-spacing:-0.02em;}
#reportPop1 input[type="radio"]:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
#reportPop1 textarea{ width:100%; height: 80px; box-sizing: border-box; padding: 16px; font-size: 16px; border-radius:6px; border: 1px solid #CCCCCC; background: #FCFCFC; color: #333;}
#reportPop1 textarea.on{background: #fff; border: 1px solid #000;}
#reportPop1 textarea::placeholder{color: #666 !important; font-weight: 300;}
#reportPop1 label + span{display: block; margin-top: 16px; font-size: 0;}
#reportPop1 .btn_center{margin-top: 32px; display: flex; align-items: center; gap: 8px;}
#reportPop1 .btn_center a{height: 40px; line-height: 38px; flex: 1; border-radius: 4px; border: 1px solid #767676; box-sizing: border-box; color: #333; font-size: 16px; letter-spacing:-0.02em;}
#reportPop1 .btn_center a + a{background: #333; border: none; color: #fff;}

/* 여행톡 이미지뷰어 팝업 */
#imgViewPop.wrap_layerpop{position:fixed;}
#imgViewPop .layerpop{width:100% !important;height:100%;left:0 !important;top:0 !important;margin:0 !important;background:rgba(0,0,0,.8) !important;padding:0 !important;}
#imgViewPop .layerpop .btn_close_imgview{position:absolute; right: 60px;top:40px;width:24px;height:24px;background: url(../images/common/btn_close_imgview.png) 0 0 / 100% 100% no-repeat;z-index: 10;text-indent: -9999px;}
#imgViewPop button:focus{outline-color: red;}
.img_view{height:100%;}
.img_view .topWrap{position: absolute;top: 84px;width:100%; height: calc(100% - 310px); left: 0;text-align: center;}
.img_view .gallery-top{height:100%;text-align:center;}
.img_view .gallery-top .swiper-slide{padding: 0;}
.img_view .gallery-top .swiper-slide .wrap{position: absolute;top: 0; left:204px;right:204px; height: calc(100% - 128px);}
.img_view .gallery-top .swiper-slide .wrap img{position:absolute;left:50%;top:50%;transform: translate(-50%, -50%); border-radius: 4px; overflow: hidden;}
.img_view .gallery-top .swiper-slide .tit_wrap{position:absolute;left:0;bottom:32px;color:#fff;width:100%;font-size:0;}
.img_view .gallery-top .swiper-slide .tit_wrap em{display:inline-block;vertical-align: middle;margin-left:8px;font-size: 16px;}
.img_view .gallery-top .swiper-slide .profile{position: relative;width: 36px;display:inline-block;height: 36px;vertical-align: middle;}
.img_view .gallery-top .swiper-slide .profile .photo{width: 36px;height: 36px; border: 1px solid #E5E5E5; background: url(../images/sub/ico_profile.png) 0 0 / 100% auto no-repeat;border-radius: 100%;}
.img_view .gallery-top .swiper-slide .profile .photo img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%; object-fit: cover; object-position: center; border-radius: 100%;}
.img_view .gallery-top .swiper-slide .profile .ico{position: absolute;bottom: 0;right: 0;z-index: 101;width: 12px;height: 12px;}
.img_view .gallery-top .swiper-slide .profile .ico img{width: 100%;height: 100%;}
.img_view .gallery-top img{width: auto;display: inline-block;height: auto;max-width:100%;max-height:100%;}
#imgViewPop.active .img_view .gallery-top .swiper-button-next, #imgViewPop.active .img_view .gallery-top .swiper-button-prev{display:block;}
.img_view .gallery-top .swiper-button-prev, .img_view .gallery-top .swiper-button-next{top: calc((100% - 212px) / 2); transform: translateY(-50%); width:84px;height:84px;}
.img_view .gallery-top .swiper-button-prev:focus, .img_view .gallery-top .swiper-button-next:focus{outline-color: red;}
.img_view .gallery-top .swiper-button-prev{position: fixed;left: 3.125%;background: url(../images/sub/btn_slider_prev_black.png) 0 0 / 100% 100% no-repeat;}
.img_view .gallery-top .swiper-button-next{position: fixed;right: 3.125%;background: url(../images/sub/btn_slider_next_black.png) 0 0 / 100% 100% no-repeat;}
#imgViewPop .gallery-top .swiper-button-next.swiper-button-disabled, #imgViewPop .gallery-top .swiper-button-prev.swiper-button-disabled{display:none;}

.img_view .thumbsWrap{height:auto; max-height: 186px; position:absolute;width:auto;left: 5.4% !important; right: 5.4% !important; bottom:40px;}
.img_view .thumbsWrap .swiper-container{height:100%;}
.img_view .gallery-thumbs .swiper-slide{width: 120px; height: 120px; margin-right:12px; border-radius: 4px; overflow: hidden;}
.img_view .gallery-thumbs .swiper-slide a{position: relative; display:block;height:100%;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;text-indent: -9999px;font-size:0;}
.img_view .gallery-thumbs .swiper-slide a:focus::before {content: ''; position: absolute; z-index: 10; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 4px; border: 1px solid red; box-sizing: border-box;}
.img_view .gallery-thumbs a.on:after {content:'';display:block;width:100%;height:100%;box-sizing:border-box;position:absolute;left:0;top:0;border: 2px solid #10a9f9;}
#imgViewPop .gallery-thumbs .swiper-scrollbar{position: static; margin-top: 24px; width: 100%; height: 6px; background: #fff; border-radius: 10px;}
#imgViewPop .gallery-thumbs .swiper-scrollbar .swiper-scrollbar-drag{background: #0A97CD;}
#imgViewPop .gallery-thumbs .swiper-pagination{position: static; margin-top: 12px; color: #fff;text-align: right;font-size: 17px;width:auto;font-weight: 300;}
#imgViewPop .gallery-thumbs .swiper-pagination-current{color:#10a9f9;font-weight: 800;margin-right: 5px;}
#imgViewPop .gallery-thumbs .swiper-pagination-total{margin-left: 5px;}



/* 댓글평가 팝업 */
#commentPop .layerpop{width: 410px;padding: 0;}
#commentPop ul:after{content:'';display:block;clear: both;}
#commentPop ul li{float:left;width:50%;text-align: center;}
#commentPop input[type="radio"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#commentPop input[type="radio"] + label { padding-top:75px;position:relative; display:inline-block; min-height:22px; padding-left:32px;font-size:14px;color:#000;font-weight: 700;}
#commentPop input[type="radio"] + label:before {content:''; position:absolute; left:0; top:74px;border:0;width:22px; height:22px;background: url(../images/common/radio_estimate01.png) no-repeat;}
#commentPop input[type="radio"]:checked + label:before {background-position: 0 -22px;border:0;}
#commentPop input[type="radio"]:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
#commentPop input[type="radio"] + label:after{content:'';display:block;width:62px;height:61px;position:absolute;left:50%;margin-left:-31px;top:0;}
#commentPop input[type="radio"] + label.icon1:after{background: url(../images/common/icon_estimate01.png) no-repeat;}
#commentPop input[type="radio"] + label.icon2:after{background: url(../images/common/icon_estimate02.png) no-repeat;}
#commentPop .estimate_txt{padding:20px 0;margin:0 0 20px;background:#f7f7f7;font-size:14px;color:#666;line-height:18px;text-align: center;}
#commentPop .estimate_txt strong{display:inline-block;color:#000;font-weight: 800;}
#commentPop .btn_center{padding:20px 0 5px;}
#commentPop .btn_center a{background: #333;display: inline-block;width: 80px;height: 30px;line-height: 30px;color: #fff;font-size: 14px;}
#commentPop .btn_center a:focus{outline:3px solid red; outline-offset: 1px;}

/* 승인불가사유 팝업 */
#approvalImpossible .layerpop{width: 510px;padding: 0;}
#approvalImpossible ul{padding:20px;max-height: 360px;overflow-y:auto;}
#approvalImpossible ul li:first-child{padding:0 0 17px;}
#approvalImpossible ul li:first-child p:before{top:0;}
#approvalImpossible ul li{padding:17px 0;border-bottom:1px solid #ddd;position: relative;min-height:50px;}
#approvalImpossible ul li p{margin-left:70px;font-size:16px;color:#333;letter-spacing:-0.02em;line-height:22px;}
#approvalImpossible ul li p:before{content:'';display:inline-block;width:50px;height:50px;background: url(../images/common/icon_impossible_pop.png) no-repeat;position:absolute;left:0;top:20px;}
#approvalImpossible ul li .date{margin:8px 0 0 70px;font-size:14px;line-height:17px;font-weight: 300;overflow: hidden;}
#approvalImpossible ul li .date span{float:left;color:#333;}
#approvalImpossible ul li .date span + span{color:#666;}
#approvalImpossible ul li .date span + span:before{content:'';float:left;width:1px;height:11px;background:#ccc;margin: 3px 10px;}

/* 지역 축제 */
.local_fair{width:980px;margin:50px auto 0;position: relative;}
.local_fair h2{float:left;width:172px;height:77px;margin:4px 0 0 20px;background:url(../images/common/stit_local_fair.png) no-repeat;text-indent: -9999px;font-size:0;}
.local_fair .fair_slide{position: relative;margin-left:192px;text-align: left;width:788px;}
.local_fair .swiper-container{position:static;margin: -2px 0 0 10px;padding: 2px 0 25px;}
.local_fair .swiper-container a{display:block;width:236px;height:235px;position: relative;border-radius: 10px;box-sizing: border-box;}
.local_fair .swiper-container a:focus{outline: 3px solid red; outline-offset: 1px;}
.local_fair .swiper-container a:after{content:'';display:block;width:236px;height:235px;border:1px solid #f4f3f3;box-sizing: border-box;position:absolute;left:0;top:0;z-index: 13;border-radius: 10px;}
.local_fair .swiper-container a:hover{box-shadow: 9px 14px 24px 0px rgba(178, 177, 176, 0.13);}
.local_fair .img{height:235px;display:block;width:236px;background-position: 50% 50%;background-repeat: no-repeat;background-size:cover;border-radius: 13px;}
.local_fair .date{display:block;padding:0 0 6px;font-weight: 300;font-size:15px;line-height:18px;color:#357cae;letter-spacing:-0.02em;}
.local_fair .swiper-slide{width:236px !important; padding: 2px 0 0 0;}
.local_fair .hover_cont{position:absolute;width:236px;left: 1px;right:1px;bottom:0;opacity:0;z-index: 10;padding:17px 18px 0;height:95px;background:#fff;transition: all .5s ease-in-out;border-radius:0 0 8px 8px;}
.local_fair .swiper-container a:hover .hover_cont{bottom: 0px;opacity:1;}
.local_fair strong{display:block;font-size:16px;letter-spacing:-0.02em;color:#000;line-height:20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.local_fair .area{display:block;padding:5px 0 0;font-weight: 300;font-size:13px;line-height:16px;color:#666;}
.local_fair .swiper-button-next, .local_fair .swiper-button-prev{margin-top:0;top:96px;text-indent: -9999px;width:39px;height:39px;background:url(../images/common/btn_slide_fair.png) no-repeat;}
.local_fair .swiper-button-prev{left:0;}
.local_fair .swiper-button-next{right:0;background-position: 0 -39px;}
.local_fair .more{display:inline-block;font-size:14px;color:#333;position:absolute;left:20px;top:107px;line-height:17px;}
.local_fair .more:after{content:'';display:inline-block;width:12px;height:12px;margin-left:5px;vertical-align: -1px;background:url(../images/common/btn_local_fair_more.png) no-repeat;}
.local_fair .calendar{display:inline-block;height:32px;line-height:30px;padding:0 12px;border:1px solid #e6e6e6;border-radius:50px;font-size:15px;letter-spacing:-0.02em;color:#333;position:absolute;left:20px;top:199px;}
.local_fair .calendar span{color:#ef386e;}
.local_fair .calendar:after{content:'';display:inline-block;width:6px;height:11px;margin-left:5px;background:url(../images/common/btn_local_fair_calendar.png) no-repeat;}

/* 홈메인 발도장 팝업 */
#mainStampPop{position: fixed;left: 0;top:auto;height:auto;width:auto;bottom:-100%;right: 0;z-index: 100;transition: bottom .5s ease-in-out;display: block;}
#mainStampPop.on{bottom:30px;}
#mainStampPop .layerpop{position: relative;margin: 0 auto;padding:0;}
#mainStampPop .layerpop .inr{overflow: hidden;position: absolute;right:30px;bottom:0;width: 380px;border-radius: 30px 30px 0 0;box-shadow: 3px 3px 16px 0px rgba(51, 51, 51, 0.2);text-align: center;}
#mainStampPop .layerpop .mo{display:none;}
#mainStampPop .layerpop .cont{padding:0 25px 27px;background:#fff;}
#mainStampPop .layerpop strong{display:block;padding:26px 0 6px;text-align:left;font-weight: 700;font-size:16px;line-height:18px;color:#333;letter-spacing:-0.02em;}
#mainStampPop .layerpop p{padding:0 0 25px;font-weight: 300;text-align:left;font-size:16px;word-break:keep-all;color:#666;line-height: 18px;letter-spacing:-0.02em;}
#mainStampPop .layerpop a{display:inline-block;padding:0 18px;height:34px;line-height:34px;border-radius: 50px;font-size:16px;letter-spacing:-0.02em;color:#fff;background:#009084;}
#mainStampPop .layerpop a:after{content:'';display:inline-block;width:18px;height:18px;background:url(../images/common/btn_stamp_pop.png) no-repeat;vertical-align: -3px;margin-left:5px;}
#mainStampPop .layerpop .close{background:#333;height:40px;display:flex;}
#mainStampPop .layerpop .close button{font-size:16px;width:50%;position: relative;color:#9b9f9e;letter-spacing:-0.02em;}
#mainStampPop .layerpop .close button + button{color:#fff;}
#mainStampPop .layerpop .close button + button:before{content:'';display:inline-block;width:1px;height:14px;background:#fff;position:absolute;left:0;top:14px;}

/* 개인정보처리방침 변경 안내 팝업 */
#personalInformationPop .layerpop{width:940px;padding: 0 30px;border-radius: 10px;}
#personalInformationPop .mo{display:none;}
#personalInformationPop .cont{padding:60px 0 9px}
#personalInformationPop .btn_close{position:absolute;right:30px;top:30px;margin:0;width:30px;height:28px;background: url(../images/common/btn_close_30x28.png) no-repeat;text-indent: -9999px;}
#personalInformationPop .bot_box{height:88px;display:flex;justify-content: space-between;align-items: center;}
#personalInformationPop .bot_box button{width:80px;height:34px;color:#fff;border-radius: 5px;background:#222;font-size:16px;}
#personalInformationPop label{vertical-align: 1px;}
#personalInformationPop input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#personalInformationPop input[type="checkbox"] + label {position:relative;line-height: 22px;display:inline-block; height:22px; padding-left:30px;font-size:17px;color:#333;}
#personalInformationPop input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:0; width:22px; height:22px;background: url(../images/common/bg_ckeckbox1.png) no-repeat;}

#personalInformationPop input[type="checkbox"]:checked + label:before {border-color:#2469b0;}
#personalInformationPop input[type="checkbox"]:checked + label:before {background-position: 0 -22px;}
#personalInformationPop input[type="checkbox"]:focus + label {outline:1px dotted red; outline:-webkit-focus-ring-color auto 5px;}

/*** 2023 고도화 ***/
/* gnb*/
body.dim:after{content:'';display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:100;}
.submain_cont{margin:9rem 0 0;}
.swiper-tabs-content{position: static;}
.swiper-tabs-content > .swiper-wrapper{transform: none !important; z-index: auto; height: auto !important;}
.swiper-tabs-content > .swiper-wrapper > .swiper-slide{transform: none !important;}

/* 검색 */
.search_index{position: fixed;top: 0;left: 0;z-index: 999;color:var(--global-gray-90);width:100%;height:100%;background: rgba(0,0,0,.3);overflow-y:auto;}
.search_index .box{background:#fff;padding-bottom: 6rem;}
.search_index .mo{display:none;}
.search_index [class^="icon_"].page_back{display:none;}
.search_index .search_wrap{max-width: 1920px;margin: 0 auto;position:relative;max-height:100%;}
.search_index h2{margin:6rem 0 3.2rem; color: var(--global-gray-90); font-weight: 800;font-size:2.4rem;letter-spacing:-0.02em;line-height:1;}
.search_index h2 em{font-weight: 800;}
.search_index .logo{display: none;}
.search_index .logo a{display:block;height:100%;/* text-indent: -9999px;background: url(../images/common/logo_search.png); */}
.search_index .layer_close{position:fixed;right:6rem;top:4rem;text-indent: -9999px;}
.search_index .layer_close path{stroke-width: 2px;}
.search_index .wrap{max-width:128rem;margin:0 auto;padding:12rem 0 0;position: relative;}
.search_index .form{position: relative;display:flex;height:6.6rem;margin: 0 0 6rem;padding-right:7.2rem;border-bottom:1px solid #949499;}
.search_index .form button.area{height:66px;margin-right:30px;flex-shrink: 0;width:81px;text-align: left;font-weight: 700;font-size:20px;color:#767676;letter-spacing:-0.02em;background: url(../images/common/btn_search_area.png) 100% 50% no-repeat;}
.search_index .form button.area.on{color:#333;background: url(../images/common/btn_search_area_on.png) 100% 50% no-repeat;}
.search_index .form button.area.active{color:#333;background: url(../images/common/btn_search_area_active.png) 100% 50% no-repeat;}
.search_index .form.on{border:0 !important;}
.search_index .form.on:after{content:'';display:block;width:100%;height:2px;background:var(--brand-primary-50);position:absolute;left:0;bottom:0;}
.search_index .form input{flex-grow: 1;padding:0;font-size:20px;color:var(--global-gray-90);height:100%;border:0;box-sizing: border-box;}
.search_index .form input:focus{outline:none;}
.search_index .form input::placeholder{color:var(--global-gray-60) !important;}
.search_index .form input:focus::placeholder {color: transparent !important;}
.search_index .form.on input{font-weight: 600;}
.search_index .form .wrap_layerpop{overflow: hidden;position:absolute;width:379px;height:280px;top: 65px;border-radius: 5px;left:-45px;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);background:#fff;}
.search_index .form .wrap_layerpop .layerpop{position:static;margin:0 !important;padding:0;}
.search_index .form .wrap_layerpop .dimmed{display:none;}
.search_index .form .wrap_layerpop .box_cont{padding:30px 0;}
.search_index .form .wrap_layerpop ul{display:flex;flex-wrap: wrap;padding:0 27px;}
.search_index .form .wrap_layerpop ul li{margin:0 3px 15px;}
.search_index .form .wrap_layerpop input[type="radio"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.search_index .form .wrap_layerpop input[type="radio"] + label{position: relative;display: inline-block;height: 32px;padding-left:59px;vertical-align: middle;cursor: pointer;}
.search_index .form .wrap_layerpop input[type="radio"] + label span{position: absolute;left: 0;top: 0;display: block;width: 100%;font-size: 16px; letter-spacing:-0.02em; height:32px;line-height:32px;text-align: center;color:#333;}
.search_index .form .wrap_layerpop input[type="radio"] + label:before{content: '';position: absolute;left: 0;top: 0;width: 59px;height: 32px;border-radius:15px; box-sizing: border-box;}
.search_index .form .wrap_layerpop input[type="radio"] + label:after{display:none; content:''; position:absolute; left:5px; top:7px; width:15px; height:16px; background:url(../images/icon_radio_check.png) 0 0 / 100% 100%; border-radius:100%;}
.search_index .form .wrap_layerpop input[type="radio"]:checked + label:before{background:#333;}
.search_index .form .wrap_layerpop input[type="radio"]:checked + label span{color: #fff; }
.search_index .form .wrap_layerpop input[type="radio"]:focus + label{outline:3px solid #000}
.search_index .form .wrap_layerpop .btn_areaselect{width: calc(100% - 54px); margin: 0 auto; border-radius: 5px; background-color: #333; font-size: 16px; color: #fff; height: 32px; display: flex; align-items: center; justify-content: center;}
.search_index .form .wrap_layerpop .btn_areaselect:focus{outline: 2px solid red;}
.search_index button.btn_search{position:absolute;right:0;top:13.7rem;text-indent: -9999px;}
.search_index button.btn_search svg path{stroke-width: 2.4px;}
.search_index .form button.delete{position:absolute;right:5.2rem;top:2rem;width:2.4rem;height:2.4rem;}
.search_index .form button.delete path{stroke: var(--global-gray-05);}
.search_index .recent_search{position: relative;}
.search_index .recent_search .close{position:absolute;right:0;top:0.2rem; display: inline-flex; align-items: center; vertical-align: top; font-size:1.6rem; line-height: 1; color: #717171;}
.search_index .recent_search .close span[class^="icon_"]{margin-left: 0.4rem;}
.search_index .recent_search .close svg path{stroke: var(--global-gray-60); stroke-width: 1.3px;}
.search_index .recent_search .swiper-wrapper{flex-wrap:wrap;margin-left:-0.8rem;}
.search_index .recent_search ul li{width:auto;padding:0 2.8rem 0 1.3rem;margin:0 0 0.8rem 0.8rem;min-width: 0;box-sizing:border-box;max-width:100%;line-height:3.8rem;border-radius: 50rem;background:#fff; border: 1px solid rgba(0, 0, 0, .1); position: relative;}
.search_index .recent_search ul li a{display:block;white-space: nowrap;position: relative; color: var(--global-gray-80); font-size:1.4rem;line-height: 3.6rem; font-weight: 700;}
.search_index .recent_search ul li a:focus-visible{outline:none;}
.search_index .recent_search ul li a:focus-visible:after{content:'';display:block;position:absolute;right:2px;left:2px;top:2px;bottom:2px;outline:2px solid #000;box-sizing: border-box;}
.search_index .recent_search ul li a.ellipsis{text-overflow: ellipsis;overflow: hidden;}
.search_index .recent_search ul li button.delete{position:absolute;right:0.9rem;top:1rem;width:1.6rem;height:1.6rem;text-indent: -9999px;}
.search_index .recent_search ul li button.delete svg{width:100%;height:100%;}
.search_index .recent_search ul li button.delete path{stroke-width: 2.2px;stroke:#3D3D43;}

.search_index .recent_search .swiper-container{height:3.8rem;}
.search_index .recent_search .swiper-wrapper + .swiper-wrapper{display:none;}
.search_index .recent_search.open .swiper-wrapper + .swiper-wrapper{display:block;}
.search_index .recent_search.open .more_btn{display:block;}
.search_index .recent_search.open .swiper-container{height:auto;}

.search_index .recent_search .swiper-container.moview{display:none;}
.search_index .recent_search .swiper-container{margin-right:6rem;}
.search_index .recent_search .more_btn button{position:absolute; top: 5.6rem; right: 0; width:3.8rem;height:3.8rem; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .1); text-indent: -9999px;}
.search_index .recent_search .more_btn .fold{display: none;}
.search_index .recent_search .more_btn.up .more{display: none;}
.search_index .recent_search .more_btn.up .fold{display: inline-flex;}
.search_index .recent_search .more_btn button svg{width: 2rem; height: 2rem;}
.search_index .recent_search .no_data{padding:1.1rem 0;font-size:1.6rem; line-height: 1; letter-spacing:-0.02em;color:var(--global-gray-80);text-align: center;}

.search_index .popular_search{position: relative;display:none;}
.search_index [class^="icon_"].icon_help{display: none;}

.search_index .keyword{position: relative;display: none;}
.search_index .info_txt{font-size:1.6rem; color: #767676;position:absolute;right:0;top:0; line-height: 1;}
.search_index .info_txt > span{vertical-align: -0.2rem;}
.search_index .layerPopup{display: none;}
.search_index .bg_dimmed{display: none;}
.search_index .keyword .inr{position: relative;margin: 0 0 0 -10px;overflow: hidden;transition:all .3s ease-in-out;}
.search_index .keyword .inr.view{max-height: 100vh;}
.search_index .keyword ul{display:flex;flex-wrap: wrap;margin-left:-10px;}
.search_index .keyword .swiper-container.moview{display:none;}
.search_index .keyword .swiper-container{height:40px;}
.search_index .keyword.open .swiper-container{height:auto;}
.search_index .keyword.open .more_btn{display:block;}
.search_index .keyword .swiper-wrapper + .swiper-wrapper{display:none}
.search_index .keyword.open .swiper-wrapper + .swiper-wrapper{display:block}
.search_index .keyword .more_btn{display:none;position:absolute;right:0;top:45px;}
.search_index .keyword .more_btn button{width:40px;height:40px;background: url(../images/common/btn_search_more1.png) no-repeat;text-indent: -9999px;}
.search_index .keyword .more_btn button.up{background-position: 0 -40px;}

.search_index .keyword ul li{width:auto;margin:0 0 10px 10px;padding:0 20px 0;box-sizing:border-box;height:40px;max-width:100%;line-height:40px;border-radius: 50px;position: relative;border:1px solid #ccc;}
.search_index .keyword ul li a{display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:16px;line-height: 38px;color:#666;}
.search_index .keyword ul li a:focus-visible{outline:none;}
.search_index .keyword ul li a:focus-visible:after{content:'';display:block;position:absolute;right:2px;left:2px;top:2px;bottom:2px;outline:2px solid #000;box-sizing: border-box;}
.search_index .keyword .inr.view button{background-position: 0 -40px;}
.search_index .keyword .no_data {padding: 8px 0 10px;font-size: 16px;letter-spacing:-0.02em;color: #333;text-align: center;}
.search_index .popular_more{position: relative;}
.search_index .popular_more ul li{width:19.3rem; margin-right: 2.4rem;}
.search_index .popular_more a{display:block;}
.search_index .popular_more a:focus-visible{outline:none;}
.search_index .popular_more a:focus-visible:after {content: '';display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 2px solid red;}
.search_index .popular_more a img{height:14.5rem;border-radius: 0.6rem;object-fit: cover;width:100%;}
.search_index .popular_more strong{display:block;font-size:1.8rem;line-height:1;color:var(--global-gray-90);letter-spacing:-0.02em;text-align:center;margin-top: 2rem;font-weight:700;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.search_index .popular_more .mo_page{display:none;}
.search_index .related_search{margin-top:-4rem;padding-bottom:3rem; border-bottom: 1px solid var(--global-gray-10);}
.search_index .related_search ul li a{display:block;padding-inline:2.4rem;height:5.4rem;line-height:5.4rem;font-size:2rem; border-radius: 0.4rem; letter-spacing:-0.05em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}
.search_index .related_search ul li a:hover{background: var(--global-gray-05);}
.search_index .related_search ul li a strong{display:inline-block;font-weight: 800;}
.search_index .related_search ul li.on a{background:var(--global-gray-05);}

.search_index.location .form{margin: 0;}
.search_index.location .related_search{margin-top: 2rem;}

/* svg 로고 */
.svgLogo{display: inline-block;font-size: 0 !important;line-height: 0 !important;width:100%;fill: #231F20;}
.svgLogo svg{width:100%;height:100%;}

.m_coach_mark{display:none;}
.main_mo .quick_menu{display:none !important;}

/* 검색 홍보관 팝업 */
#travel100Detail .layerpop {box-shadow:none;width:610px;padding:0;border-radius: 20px;border:0;background:none;}
#travel100Detail .pop_scr{max-height:730px;overflow-x:hidden;overflow-y:auto;border-radius: 20px;}
#travel100Detail .layerpop .tit{height:50px;padding-left:30px;border-radius: 18px 18px 0 0;line-height:50px;font-size:22px;letter-spacing:-0.02em;font-weight:700;color:#fff;background:#393e46;}
#travel100Detail .detail_100scene .top_img{position:relative;height:338px;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
#travel100Detail .detail_100scene .top_img:after{content:'';display:block;height:55px;background:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;width:100%;}
#travel100Detail .top_img .area{position:absolute;left:40px;bottom:0;line-height:55px;z-index: 5;}
#travel100Detail .top_img .area span{float:left;width:143px;height:55px;text-indent: -9999px;background: url(../images/img_area.png) no-repeat;}
#travel100Detail .top_img .area em{float:left;font-size:18px;color:#fff;margin-left:10px;}
#travel100Detail .btn{display:inline-block;height:26px;position:absolute;right:40px;bottom:18px;z-index: 5;}
#travel100Detail .btn button{height:22px;float:left;margin-left:10px;}
#travel100Detail .btn button.good{width:24px;height:20px;background: url(../images/btn_good01.png) no-repeat;}
#travel100Detail .btn button.good.on{background-position: 0 -20px;}
#travel100Detail .btn button.share{width:20px;height:22px;margin-top: 4px;background: url(../images/btn_share.png) no-repeat;}
#travel100Detail .btn span{position:absolute;text-indent: -9999px;}
#travel100Detail .btn span.good{position:static;text-indent: 0;float:left;margin-top:4px;}
#travel100Detail .btn span.good em{float:left;line-height:20px;height:20px;color:#fff;font-size:16px;}
#travel100Detail .pdt_cont{padding:28px 40px 5px;position: relative;text-align: center;background:#fff;}
#travel100Detail .pdt_cont + .btn_reserve{padding-top:25px;}
#travel100Detail .principal_travel:before{content:'';position:absolute;left:0;top: -30px;width:100%;display:block;height:30px;background: url(../images/bg_detail_pop.png) 100% 100% / 100% 100% no-repeat;}
#travel100Detail .pdt_cont .provider{display: inline-block;margin: 0 0 18px;font-size: 18px;line-height: 22px;font-weight: 300;color: #666;letter-spacing:-0.02em;}
#travel100Detail .pdt_cont .provider:after {content: '';display: block;height: 1px;background: #666;margin-top: 2px;}
#travel100Detail .pdt_cont .stit{display:block;font-size:28px;line-height:35px;font-weight: 700;letter-spacing:-0.02em;color:#000;overflow:hidden;display: -webkit-box;max-height: 70px;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#travel100Detail .pdt_cont .stit em{display:inline-block;padding-right:10px;color:#fe5d63;}
#travel100Detail .pdt_cont p{padding:13px 0 15px;font-size: 18px;line-height:24px;letter-spacing:-0.02em;color:#666;font-weight: 300;word-break : keep-all;}
#travel100Detail .pdt_cont .date em{padding:0 18px;height:31px;line-height:31px;color:#fff;background:#8e9299;font-size:18px;letter-spacing:-0.02em;display:inline-block;border-radius: 50px;}
#travel100Detail .pdt_cont .date span{display:inline-block;margin-left:7px;font-size:20px;line-height: 31px;font-weight: 300;color:#333;letter-spacing:-0.02em;}
#travel100Detail .pdt_cont .price{display:block;padding:17px 0 5px;font-size:26px;line-height:30px;font-weight: 700;letter-spacing:-0.02em;color:#fe5d63;}
#travel100Detail .principal_travel{position: relative;margin-top: 30px;background:#fff;}
#travel100Detail .principal_travel .stit{display:block;padding:13px 0 16px 40px;font-size: 22px;font-weight: 700;letter-spacing:-0.02em;color:#333;}
#travel100Detail .slide_wrap{overflow: hidden;width:528px;margin:0 auto;padding:0 0 30px;text-align: center;}
#travel100Detail .swiper-container{margin-left:-20px;}
#travel100Detail .principal_travel .swiper-slide{width:117px !important;margin-left:20px;}
#travel100Detail .principal_travel a{display:block;position: relative;}
#travel100Detail .principal_travel a:focus{outline: none;}
#travel100Detail .principal_travel a:focus:after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid red;box-sizing: border-box;}
#travel100Detail .principal_travel a .img{display:block;width:100%;height: 117px;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;border-radius: 30px;}
#travel100Detail .principal_travel a strong{display:block;padding-top:12px;font-size: 16px;line-height:19px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}
#travel100Detail .btn_reserve{padding:3px 0 20px;width:100%;text-align: center;background: #fff;}
#travel100Detail .btn_reserve a{display: inline-block;width:530px;margin:0 auto;height: 60px;line-height: 60px;font-size: 24px;font-weight: 700;border-radius: 50px;color: #fff;letter-spacing:-0.02em;background: #393e46;}
#travel100Detail .btn_reserve a:focus{outline:3px solid red;}
#travel100Detail .principal_travel .page_wrap{display:none;position: relative;width:158px;height: 20px;line-height: 18px;margin:20px 0 0;}
#travel100Detail .swiper-button-next, #travel100Detail .swiper-button-prev{opacity: 1;text-indent: -9999px;margin: 0;top: 0;display: inline-block;width: 20px;height: 20px;}
#travel100Detail .swiper-button-next:focus, #travel100Detail .swiper-button-prev:focus{outline:none;}
#travel100Detail .swiper-button-next:focus:after, #travel100Detail .swiper-button-prev:focus:after {content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 3px solid red;}
#travel100Detail .swiper-button-prev {left: 0;background: url('../images/button_prev01.png') no-repeat;}
#travel100Detail .swiper-button-next {right: 0;background: url('../images/button_next01.png') no-repeat;}
#travel100Detail .swiper-pagination{position:static;}
#travel100Detail .swiper-pagination button.swiper-pagination-bullet:focus {outline: 1px solid red;}
#travel100Detail .swiper-pagination button.swiper-pagination-bullet {width: 8px;height: 8px;background: #c4bfbf;opacity: 1;margin: 0 4px;vertical-align: middle;}
#travel100Detail .swiper-pagination button.swiper-pagination-bullet-active {width: 24px;background: #333;border-radius: 30px;}
#travel100Detail .layerpop .popup_close{top:8px;right:-46px;width:36px;height:36px;background: url(../images/btn_pop_close03.png) no-repeat;}
#travel100Detail .principal_travel.js_slider.js_slider .page_wrap{display:inline-block;}
#travel100Detail .inquiry{padding:0 0 20px;background:#fff;border-radius: 0 0 20px 20px;text-align: center;font-size:16px;letter-spacing:-0.02em;color:#666;line-height:19px;}

#travel100Detail .pop_scr::-webkit-scrollbar {width: 6px;height: 6px;}
#travel100Detail .pop_scr::-webkit-scrollbar-thumb {background: #666;}
#travel100Detail .pop_scr::-webkit-scrollbar-track-piece {background: #e5e5e5;margin:10px;}

/* 로그인 페이지 */
.login_page{height:100%;background:#f1f3f5;display:flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.login_page .wrap_layerpop{display:block;position:static;height:auto;width:auto;text-align: center;}
.login_page .wrap_layerpop .layerpop{position:static;width:420px !important;padding:30px 30px 0 !important;border-radius: 5px;box-shadow: 0px 13px 29px 0px rgba(130, 130, 129, 0.16);}
.login_page .logo1{display: inline-block;width: 130px;height: 27px;}
.login_page .wrap_layerpop h2{padding:37px 0 18px;font-weight: 800;font-size:32px;line-height:36px;letter-spacing:-0.02em;color:#000;border-bottom:1px solid #eae6e6;}
.login_page .layerpop .box_cont{padding:0 !important;}
.login_page .layerpop .login{padding: 30px 0 0;}
.login_page .layerpop .list_sns{padding:0 0 10px;border-bottom:1px solid #eae6e6;}
.login_page .layerpop .list_sns li a{font-size:14px;}
.login_page .layerpop .login p{font-size:14px;font-weight: 300;padding:12px 0 0;}
.login_page .auto_login{padding: 20px 0 30px 0 !important;text-align: center;}
.login_page .auto_login label{font-size:18px;color:#000;line-height: 20px;margin:0;}
.login_page .auto_login input[type="checkbox"] + label:before, .auto_login input[type="checkbox"]:checked + label:after{top:0 !important;}
.login_page #socialLogin .layerpop .box_cont{background:#fff;}
.login_page #socialLogin .img{width:100%;height:30px;margin:30px 0 0;background: url(../images/common/pop_sociallogin_touronepass.png) 50% 0 / 101px 30px no-repeat;}
.login_page #socialLogin p{padding: 8px 0 30px;}
.login_page #socialLogin .btn{display:block;font-size:20px;letter-spacing:-0.02em;color:#fff;background:#333;height:60px;line-height:60px;border-radius: 5px;}
.login_page #socialLogin .btn strong{font-weight: 800;}

.layerpop.submain_area .btn_center{padding:10px 0 0;}
.layerpop.submain_area .btn_center a{display:flex;justify-content: center;align-items: center;height:40px;border-radius: 5px;background:#333;color:#fff;font-size:16px;}
.layerpop.submain_area {width: 410px;padding: 0;border-radius: 5px;overflow: hidden;}
.layerpop.submain_area .box_cont {padding: 30px;}
.layerpop.submain_area strong{display:block;padding:0 0 18px;font-size:24px;line-height:27px;font-weight: 700;letter-spacing:-0.02em;color:#333;}
.layerpop.submain_area ul{display:flex;flex-wrap:wrap;}
.layerpop.submain_area ul li{width:80px;height:40px;margin:0 7px 10px 0;}
.layerpop.submain_area .btn_close{position:absolute;right:30px;top:35px;text-indent: -9999px;width:16px;height:17px;background: url(../images/common/pop_area_close.png);margin:0;}
.layerpop.submain_area input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.layerpop.submain_area input[type="checkbox"] + label{position: relative;display: inline-block;height: 40px;padding-left:80px;vertical-align: middle;cursor: pointer;}
.layerpop.submain_area input[type="checkbox"] + label span{position: absolute;left: 0;top: 0;display: block;width: 100%;font-size: 16px;height:40px;line-height:40px;text-align: center;color:#666;}
.layerpop.submain_area input[type="checkbox"] + label:before{content: '';position: absolute;left: 0;top: 0;border:1px solid #D6D6D6;width: 80px;height: 40px;border-radius:50px;box-sizing: border-box;}
.layerpop.submain_area input[type="checkbox"].off + label:before{border:1px dashed #D6D6D6;cursor:default}
.layerpop.submain_area input[type="checkbox"].off + label span{cursor: default;color:#939393;}
.layerpop.submain_area input[type="checkbox"] + label:after{display:none; content:''; position:absolute; left:5px; top:7px; width:15px; height:16px; background:url(../images/icon_radio_check.png) 0 0 / 100% 100%; border-radius:100%;}
.layerpop.submain_area input[type="checkbox"].all:checked + label:before{background:#333;border-color:#333;box-shadow:none;}
.layerpop.submain_area input[type="checkbox"].all:checked + label span{font-weight: 700;}
.layerpop.submain_area input[type="checkbox"]:checked + label{font-weight:400;}
.layerpop.submain_area input[type="checkbox"]:checked + label:before{background:#666;border-color:#666;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.24);}
.layerpop.submain_area input[type="checkbox"]:checked + label span{color:#fff;}
.layerpop.submain_area input[type="checkbox"]:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}

.layerpop.submain_area .category_chk .stit{font-size:18px;line-height: 20px;letter-spacing:-0.02em;font-weight: 700;}
.layerpop.submain_area .category_chk .btn_center{padding: 0;}
.layerpop.submain_area .category_chk .theme{justify-content: flex-start;margin-left:-7px;padding:0 0 20px;}
.layerpop.submain_area .category_chk .theme li {width:auto;margin:0 0 10px 7px;padding:0;}
.layerpop.submain_area .category_chk .theme li button:after, .layerpop.submain_area .category_chk .theme li button:before{display:none;}
.layerpop.submain_area .category_chk .theme li button{height:40px;width:auto;border:1px solid #D6D6D6;padding:0 15px;border-radius: 50px;font-size:16px;letter-spacing:-0.02em;}
.layerpop.submain_area .category_chk .theme li button.on{background: #666;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.24);color:#fff;}
.layerpop.submain_area .category_chk ul{display:flex;justify-content: center;padding:0 0 30px;margin:0 -10px;}
.layerpop.submain_area .category_chk ul li{width:122px;margin:0;height:auto;padding: 0 0 25px;text-align: center;position: relative;}
.layerpop.submain_area .category_chk ul li span{display: block;position: absolute;left: 0;bottom: 0;width: 122px;font-size: 16px;color: #333;letter-spacing:-0.02em;line-height: 18px;}
.layerpop.submain_area .category_chk ul li button.on span {font-weight: 700;}
.layerpop.submain_area .category_chk ul li button{width: 72px;}
.layerpop.submain_area .category_chk ul li button:after{content: '';display: inline-block;width: 18px;height: 18px;position: absolute;left: 78px;top: 0;background: url(../images/submain/icon_restaurant_check.png) 0 0 / 100% auto no-repeat;}
.layerpop.submain_area .category_chk ul li button.on:after{background-position: 0 -18px;}
.layerpop.submain_area .category_chk ul li button:before{content: '';display: block;width: 100%;height: 72px;background: url(../images/submain/icon_option_category.png) 0 0 / 72px auto no-repeat;}
.layerpop.submain_area .category_chk ul li button.culture:before{background-position: 0 -72px;}
.layerpop.submain_area .category_chk ul li button.sports:before{background-position: 0 -144px;}
.layerpop.submain_area .category_chk ul li button.restaurant:before{background-position: 0 -216px;}
.layerpop.submain_area .category_chk ul li button.cafe:before{background-position: 0 -288px;}
.layerpop.submain_area .category_chk ul li button.hotel:before{background-position: 0 -360px;}
.layerpop.submain_area .category_chk ul li button.traditional:before{background-position: 0 -432px;}
.layerpop.submain_area .category_chk ul li button.pension:before{background-position: 0 -504px;}
.layerpop.submain_area .category_chk ul li button.camping:before {background-position: 0 -576px;}
#popularTravelPop .layerpop.submain_area .btn_center a:focus-visible{outline-color:red;}
#popularStayPop .submain_area .category_chk ul{flex-wrap: wrap;}
#popularStayPop .submain_area .category_chk ul li{width: 130px;}
#popularStayPop .submain_area .category_chk ul li span {width: 130px;}
#popularStayPop .submain_area .category_chk ul li:nth-child(3), #popularStayPop .submain_area .category_chk ul li:nth-child(4){margin-top:50px;}

#submainCategoryPop .layerpop{width:290px;}
#submainCategoryPop .box_cont {padding:20px 15px;}
#submainCategoryPop .layerpop strong{font-size:18px;line-height: 20px;letter-spacing:-0.02em;}
#submainCategoryPop ul{display:flex;flex-wrap: wrap;justify-content: center;}
#submainCategoryPop ul li{width:115px;height:auto;text-align: center;position: relative;padding:0 0 40px;margin:0;}
#submainCategoryPop ul li button span{display:block;position:absolute;left:0;top:60px;width:115px;font-size:14px;color:#333;letter-spacing:-0.02em;line-height:16px;}
#submainCategoryPop ul li button{width:52px;}
#submainCategoryPop ul li button.on span{font-weight: 700;}
#submainCategoryPop ul li button:before{content:'';display:block;width:100%;height:52px;border-radius:20px;background: url(../images/submain/icon_restaurant_chart.png) 0 0 / 100% auto no-repeat;}
#submainCategoryPop ul li button.korean:before {background-position: 0 -156px;}
#submainCategoryPop ul li button.foreign:before {background-position: 0 -52px;}
#submainCategoryPop ul li button.cafe:before {background-position: 0 -104px;}
#submainCategoryPop ul li button:after{content:'';display:inline-block;width:14px;height:14px;position:absolute;left:71px;top:0;background: url(../images/submain/icon_restaurant_check.png) 0 0 / 100% auto no-repeat;}
#submainCategoryPop ul li button.on:after{background-position: 0 -14px;}
#submainCategoryPop .btn_close{right: 15px;top: 22px;width: 13px;height: 13px;background: url(../images/common/pop_area_close1.png) 0 0 / 100% 100%;}
#submainCategoryPop .all_chk{padding:0 0 10px;}
#submainCategoryPop .all_chk button{font-size:12px;color:#333;}
#submainCategoryPop .all_chk button:before{content:'';display:inline-block;margin-right:5px;vertical-align: -3px;width:14px;height:14px;background: url(../images/submain/icon_restaurant_check.png) 0 0 / 100% auto no-repeat;}
#submainCategoryPop .all_chk button.on:before{background-position: 0 -14px;}
#submainCategoryPop .layerpop.submain_area .btn_center a {height: 30px;font-size: 12px;}

#submainAreaPop1 .layerpop.submain_area, #submainAreaPop2 .layerpop.submain_area {width: 670px;}
#submainAreaPop1 .btn_list, #submainAreaPop2 .btn_list{padding-left: 20px;margin:0 0 30px;font-size: 16px;color: #333;line-height: 17px;background: url(../images/common/icon_map_list01.png) 0 50% no-repeat;}
#submainAreaPop1 .layerpop.submain_area ul, #submainAreaPop2 .layerpop.submain_area ul{padding:0 0 10px;}

#submainMapPop .layerpop {width: 670px;padding: 0;border-radius: 5px;overflow: hidden;}
#submainMapPop .layerpop .box_cont {padding:30px;}
#submainMapPop .layerpop strong.tit{display: block;padding:0 0 27px;font-size: 24px;line-height: 27px;font-weight: 700;letter-spacing:-0.02em;color: #333;}
#submainMapPop .btn_center a {display: flex;justify-content: center;align-items: center;height: 40px;border-radius: 5px;background: #333;color: #fff;font-size: 16px;}
#submainMapPop .btn_close {position: absolute;right: 30px;top: 35px;text-indent: -9999px;width: 16px;height: 17px;background: url(../images/common/pop_area_close.png);margin: 0;}
#submainMapPop .btn_list{padding-left: 20px;font-size: 16px;color: #333;line-height: 17px;background: url(../images/submain/icon_map_list.png) 0 50% no-repeat;}
#submainMapPop .select_all{padding:0 0 30px;}
#submainMapPop input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#submainMapPop input[type="checkbox"] + label {position:relative; display:inline-block;padding-left:20px;font-size:15px;line-height: 15px;color:#333;}
#submainMapPop input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:0; width:15px; height:15px; border:1px solid #8C8B8B;border-radius: 100%;background: url(../images/common/btn_check_map1.png) 50% 50% no-repeat;box-sizing: border-box;}
#submainMapPop input[type="checkbox"]:checked + label {font-weight:700;}
#submainMapPop input[type="checkbox"]:checked + label:before {border-color:#333; background:#333 url(../images/common/btn_check_map.png) 50% 50% no-repeat;}
#submainMapPop input[type="checkbox"]:focus + label {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}

#trafficControlPop .layerpop {width: 438px;padding: 0;text-align: center;color:#333;}
#trafficControlPop .layerpop .svgLogo{display:block;height:22px;}
#trafficControlPop .layerpop .svgLogo svg{width: 130px;}
#trafficControlPop .layerpop .box_cont{padding:30px;}
#trafficControlPop .layerpop em{display:block;margin:50px 0 7px;padding:190px 0 0;font-size:20px;line-height:22px;letter-spacing:-0.02em;background: url(../images/common/bg_traffic_controlpop.png) 50% 0 / 172px auto no-repeat;}
#trafficControlPop .layerpop .num{display:block;font-size:40px;font-weight: 800;letter-spacing:-0.02em;line-height: 42px;}
#trafficControlPop .layerpop .stit{display:block;font-size:22px;font-weight: 800;letter-spacing:-0.02em;line-height: 25px;}
#trafficControlPop .layerpop .stit + p{padding:7px 0 20px;border-bottom: 1px dashed #D6D6D6;font-size:18px;line-height: 24px;letter-spacing:-0.02em;}
#trafficControlPop .layerpop p + p{padding:20px 0 0;color:#666;font-size:16px;line-height: 20px;letter-spacing:-0.02em;}
#trafficControlPop .progress_bar{width: 100%;height: 10px;margin:25px 0 45px;background-color: #F0F2F4;border-radius: 100px;position: relative;overflow: hidden;}
#trafficControlPop .progress_bar span{position: absolute;top: 0;left: 0;width: 10px;height: 10px;border-radius: 100px;background-color: #333;animation-name: loading-bar;animation-duration: 2500ms;animation-iteration-count: infinite;animation-timing-function: ease-out;}
@keyframes loading-bar{
	0% {
		width: 0;
	}
	90%{
		width: 100%;
	}
	100%{
		width: 100%;
	}
}

/* 피드백 시스템 배너, 팝업 */
.feedback_system_banner{height:120px;position:fixed;left:0;bottom:0;width:100%;z-index: 9999;}
.feedback_system_banner .inr{width:940px;margin:0 auto;position: relative;}
.feedback_system_banner .inr a{position:absolute;right:0;top:0;background:#333;display:inline-block;padding:0 20px;height:35px;line-height:35px;color:#fff;border-radius: 0 0 6px 6px;font-size:15px;letter-spacing:-0.02em;}
.feedback_system_banner .inr a:after{content:'';display:inline-block;width:6px;height:10px;margin-left:6px;background: url(../images/common/btn_feedback_banner.png);}
.feedback_system_banner .mo{display:none;}
.feedback_system_banner .btn{position:absolute;padding:0 15px;right:0;top:-30px;display:flex;align-items: center;height:30px;background:rgba(0,0,0,.6);}
.feedback_system_banner .btn button{color:#fff;font-size:12px;letter-spacing:-0.02em;}
.feedback_system_banner .btn .close{margin-left:20px;text-indent: -9999px;width:10px;height:10px;background: url(../images/common/btn_feedback_banner1.png);}

.feedback_system_top_banner{height:120px;position:relative;width:100%;z-index: 110;}
.feedback_system_top_banner .inr{width:940px;margin:0 auto;position: relative;}
.feedback_system_top_banner .inr a{position:absolute;right:0;top:0;background:#333;display:inline-block;padding:0 20px;height:35px;line-height:35px;color:#fff;border-radius: 0 0 6px 6px;font-size:15px;letter-spacing:-0.02em;}
.feedback_system_top_banner .inr a:after{content:'';display:inline-block;width:6px;height:10px;margin-left:6px;background: url(../images/common/btn_feedback_banner.png);}
.feedback_system_top_banner .mo{display:none;}
.feedback_system_top_banner .btn{position:absolute;padding:0 15px;right:0; bottom:0;display:flex;align-items: center;height:30px;background:rgba(0,0,0,.6);}
.feedback_system_top_banner .btn button{color:#fff;font-size:12px;letter-spacing:-0.02em;}
.feedback_system_top_banner .btn .close{margin-left:20px;text-indent: -9999px;width:10px;height:10px;background: url(../images/common/btn_feedback_banner1.png);}

.feedbackSystemPop .layerpop {width: 500px;padding: 0;border-radius: 6px;overflow: hidden;background:none;}
.feedbackSystemPop .feedback_system{padding:0 0 50px;}
.feedbackSystemPop .feedback_system img{width:100%;}
.feedbackSystemPop .feedback_system a{display:block;height:100%;}
.feedbackSystemPop .feedback_system a:focus-visible{outline-offset: -2px;}
.feedbackSystemPop .feedback_system a.btn_join{position:absolute; bottom: 60px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: calc(100% - 30px); height: 50px; border-radius: 6px; background: #000; color: #fff; font-size: 16px; text-align: center;}
.feedbackSystemPop .feedback_system a.btn_join:focus-visible{outline: 2px solid red;}
.feedbackSystemPop .btn{position:absolute;padding:0;right:0;left:0;top:auto;bottom:0;height:50px;background:#fff;display:flex;}
.feedbackSystemPop .btn button{flex-grow: 1;flex-basis: 0;color:#333;height:100% !important;position: relative;font-size:14px;letter-spacing:-0.02em;}
.feedbackSystemPop .btn .close{margin-left:0;text-indent:0;width:100%;}
.feedbackSystemPop .btn .close:before{content:'';display:inline-block;width:1px;height:100%;background:#E6E6E6;position:absolute;left:0;top:0;}

/* 이벤트 스티커팝업 */
.wrap_layerpop .layerpop.sticker{padding:0;width:38.8rem;overflow: hidden;border-radius: 0.6rem;text-align: center;}
.wrap_layerpop .layerpop.sticker .box_cont{padding:3.2rem;}
.wrap_layerpop .layerpop.sticker p{padding:0 0 4rem;font-size:2.2rem;line-height: 2.7rem;color:var(--global-gray-90);font-weight: 700;}
.wrap_layerpop .layerpop.sticker .btn_close{margin:0;position:absolute;right:2.4rem;top:2.4rem;}
.wrap_layerpop .layerpop.sticker .btn_close svg path{stroke-width: 2.2px;}
.wrap_layerpop .layerpop.sticker .btn{margin:0 auto;width:20.1rem;}
.wrap_layerpop .layerpop.sticker .btn a{padding:0;width:100%;}
.wrap_layerpop .layerpop.sticker .btn a + a{margin:1.2rem 0 0;}
.wrap_layerpop .layerpop.sticker .btn a + a svg path{stroke: var(--global-gray-80);}
.wrap_layerpop .layerpop.sticker .btn a svg path{stroke-width: 1.5px;}

/* 이미지 대체텍스트 팝업 */
#altTextPop .layerpop {width: 41rem;padding: 0;border-radius: 0.8rem;overflow: hidden;}
#altTextPop .stit{display:block;margin:0 0 3.2rem;font-size:2.4rem;letter-spacing: -0.02em;text-align: center;font-weight: 800;line-height: 1;color:var(--global-gray-90)}
#altTextPop .box_cont{padding:3.2rem;}
#altTextPop .pg_inline_banner_md{padding: 1.6rem 3.2rem;margin:0 0 1.2rem;}
#altTextPop .btn{display:flex;gap:0.8rem;margin:3.2rem 0 0;}
#altTextPop .btn button{flex-grow: 1;flex-basis: 0;}

/* 이미지 대체텍스트 팝업 */
#altTextPop .layerpop {width: 41rem;padding: 0;border-radius: 0.8rem;overflow: hidden;}
#altTextPop .stit{display:block;margin:0 0 3.2rem;font-size:2.4rem;letter-spacing: -0.02em;text-align: center;font-weight: 800;line-height: 1;color:var(--global-gray-90)}
#altTextPop .box_cont{padding:3.2rem;}
#altTextPop .pg_inline_banner_md{padding: 1.6rem 3.2rem;margin:0 0 1.2rem;}
#altTextPop .btn{display:flex;gap:0.8rem;margin:3.2rem 0 0;}
#altTextPop .btn button{flex-grow: 1;flex-basis: 0;}

/* 컨텐츠 공통 퀵배너 */
.quick_banner_wrap {position: fixed;right:3.6rem;bottom: 3rem;/*left: 50%;  transform: translateX(470px);  */ display: flex;flex-direction: column;align-items: flex-end;gap: 2rem; z-index: 100;}
.quick_banner_wrap .quick_banner a {display: block;}
.quick_banner_wrap .inner{width:auto !important;}
.quick_banner_wrap .quick_banner {width:15.2rem;}
.quick_banner_wrap .quick_banner img{width:100%;}
.quick_banner_wrap .close{position:absolute;right:0.8rem;top:0;width:2.8rem;height:2.8rem;text-indent:-9999px;background: url(../images/common/btn_quick_close.png) 0 0 / 100% 100% no-repeat;}


/* 배지랜드 토스트메시지 */
.badge_toast{position: fixed; z-index: 110; bottom: 2rem; right: 2rem; overflow: hidden;}
.badge_toast .inr{position: relative; width: 45rem; opacity: 0; transform: translateY(100%); transition: opacity 0.15s ease, transform 0.15s ease; display: flex; align-items: center; justify-content: space-between; height: 8.1rem; margin-top: 2.4rem; padding-inline: 2rem 1.6rem; background-color: var(--brand-primary-50); border-radius: 0.8rem;}
.badge_toast .inr.show{opacity: 1; transform: translateY(0);}
.badge_toast .inr.hide{opacity: 0; transform: translateX(100%);}
.badge_toast .txt{color: #fff;}
.badge_toast .txt span{font-size: 2rem; font-weight: 800; line-height: 1;}
.badge_toast .txt p{margin-top: 1.2rem; line-height: 1;}
.badge_toast a{height: 3.2rem; padding-inline: 1.2rem; align-content: center; line-height: 1; border-radius: 0.4rem; background-color: #fff; font-size: 1.4rem; font-weight: 700; color: #1D1D1D;}
.badge_toast a:hover, .badge_toast a.press{background-color: rgba(255, 255, 255, 0.75);}
.badge_toast a:focus-visible{outline-offset: 0.2rem; outline-color: #fff;}


/*** 공통 컴퍼넌트 및 아이콘 시작 ***/
/* 기존 대구석 스타일 시작 */
[class^="icon_"][class*="_xs"]{width:16px;height:16px; display: inline-flex;justify-content: center;align-items: center;text-align: center;}
[class^="icon_"][class*="_sm"]{width:16px; height:16px; display: inline-flex;justify-content: center;align-items: center; text-align: center;}
[class^="icon_"][class*="_lg"]{width:24px; height:24px; display: inline-flex;justify-content: center;align-items: center; text-align: center;}
[class^="icon_"][class*="_md"]{width:20px; height:20px; display: inline-flex;justify-content: center;align-items: center; text-align: center;}
[class^="icon_"][class*="_xlg"]{width:32px;height:32px; display: inline-flex;justify-content: center;align-items: center;text-align: center;}
[class^="icon_"][class*="_xxlg"]{width:36px;height:36px; display: inline-flex;justify-content: center;align-items: center;text-align: center;}

[class^="icon_"][class*="_xs"] svg{width:14px;height:14px;}
[class^="icon_"][class*="_sm"] svg, [class^="icon_"][class*="_lg"] svg,
[class^="icon_"][class*="_md"] svg, [class^="icon_"][class*="_xlg"] svg, [class^="icon_"][class*="_xxlg"] svg {width:100%;height:100%;}

[class^="icon_"][class*="_xs"] svg path{stroke-width: 1.2px;}
[class^="icon_"][class*="_sm"] svg path{stroke-width: 1.2px;}
[class^="icon_"][class*="_md"] svg path{stroke-width: 1.2px;}
[class^="icon_"][class*="_lg"] svg path{stroke-width: 1.4px;}

:is([class^="icon_heart_"]).on svg{fill: #F24A6E;}
:is([class^="icon_heart_"]).on svg path{stroke-width:0 !important;}
:is([class^="icon_edit_"]).on svg path{stroke-width: 1.4px;stroke: #fff;}

[class^="icon_chevron_"][class$="_lg"]{width: 24px !important;height:24px !important;}
[class^="icon_chevron_"][class$="_md"]{width: 20px !important;height:20px !important;}
[class^="icon_chevron_"][class$="_sm"]{width: 16px !important;height:16px !important;}
[class^="icon_chevron_"][class$="_xs"]{width: 12px !important;height:12px !important;}
[class^="icon_chevron_"][class$="_xs"] svg{width:100%;height:100%;}

[class^="icon_chevron_"][class$="_lg"] svg path{stroke-width: 2.2px !important;}
[class^="icon_chevron_"][class$="_md"] svg path{stroke-width: 1.8px !important;}
[class^="icon_chevron_"][class$="_sm"] svg path{stroke-width: 2px !important;}
[class^="icon_chevron_"][class$="_xs"] svg path{stroke-width: 2px !important;}

:is([class^="icon_pin_"]).on svg path{fill: #333;}

.icon_faq_xs svg path{stroke-width: 0.8px !important;}
.icon_faq_sm svg path{stroke-width: 0.8px !important;}

.icon_faq_xs svg path{stroke-width: 0.8px !important;}
.icon_faq_sm svg path{stroke-width: 0.8px !important;}
.icon_faq_md svg path{stroke-width: 0.8px !important;}
.icon_faq_lg svg path{stroke-width: 1px !important;}

.icon_ai_xs{width:20px !important;height:20px !important;}
.icon_ai_xs svg{width:18px !important;height:18px !important;}
.icon_ai_sm{width:24px !important;height:24px !important;}
.icon_ai_md{width:28px !important;height:28px !important;}
.icon_ai_lg{width:32px !important;height:32px !important;}

[class^="icon_play_"] .play{display:none;}
[class^="icon_play_"] span{display:inline-flex;align-items: center;}
.icon_play_xs span, .icon_play_sm span{width:16px;height:16px;}
.icon_play_md span{width:20px !important;height:20px !important;}
.icon_play_lg span{width:24px !important;height:24px !important;}
.icon_play_xs .play svg path{stroke-width: 1.7px;}
.icon_play_sm .play svg path{stroke-width: 1.5px;}
.icon_play_md .play svg path{stroke-width: 1.4px;}

.icon_close2_xxs{width:14px !important;height:14px !important;}
.icon_close2_xxs svg{width:10px;height:10px;}

.icon_arwleft_xs svg path{stroke-width: 1.8px !important;}
.icon_arwleft_sm svg path{stroke-width: 1.8px !important;}
.icon_arwleft_md svg path{stroke-width: 2px !important;}
.icon_arwleft_lg svg path{stroke-width: 2.3px !important;}

.icon_info_xs, .icon_info1_xs, .icon_help_xs, .icon_help1_xs, .icon_alert_xs, .icon_alert1_xs{width: 14px !important;height:14px !important;}
.icon_info_md, .icon_info1_md, .icon_help_md, .icon_help1_md, .icon_alert_md, .icon_alert1_md{width:18px !important;height:18px !important;}
.icon_info_lg, .icon_info1_lg, .icon_help_lg, .icon_help1_lg, .icon_alert_lg, .icon_alert1_lg{width:20px !important;height:20px !important;}

:is(input[type="radio"], input[type="checkbox"]):is([class^="radio_"], [class^="checkbox_"]) {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}

input[type="radio"][class^="radio_"] + label,
input[type="checkbox"][class^="checkbox_"] + label{position:relative; display:inline-block;font-size:16px;line-height: 16px;vertical-align: top;cursor: pointer;}

input[type="radio"][class^="radio_"] + label:before,
input[type="checkbox"][class^="checkbox_"] + label:before{content:''; position:absolute; left:0; top:0;}

[class^="icon_"][class*="checkbox"]{border-radius: 50%; border: 1px solid #8C8B8B; box-sizing: border-box;}
[class*="checkbox_lg"] svg path{stroke-width: 2px !important;}
[class*="checkbox_md"] svg path{stroke-width: 1.8px !important;}
[class*="checkbox_sm"] svg path{stroke-width: 2px !important;}
input[type="checkbox"][class^="checkbox_"] + label{ display: flex !important; align-items: center; width: fit-content; gap: 5px;}
input[type="checkbox"][class^="checkbox_"]:not(.noaction) + label:hover span{border-color: #333;}
input[type="checkbox"][class^="checkbox_"]:not(.noaction) + label:hover span svg path{stroke: #333;}
input[type="checkbox"][class^="checkbox_"]:checked + label span{border-color: #333; background-color: #333;}
input[type="checkbox"][class^="checkbox_"]:checked + label span svg path{stroke: #fff;}
input[type="checkbox"][class^="checkbox_"]:checked + label:hover span svg path{stroke: #fff;}
input[type="checkbox"][class^="checkbox_"] + label em{flex: 1;}
input[type="checkbox"][class^="checkbox_"]:disabled + label{pointer-events: none;}
input[type="checkbox"][class^="checkbox_"]:disabled + label span{border-color: #ccc; background-color: #E5E5E5; pointer-events: none;}
input[type="checkbox"][class^="checkbox_"]:disabled + label span svg path{stroke:#ccc;}

input[type="radio"][class^="radio_"] + label::before{border: 1px solid #8C8B8B; border-radius: 50%; box-sizing: border-box;}
input[type="radio"][class^="radio_"] + label::after{content: ''; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%;}
input[type="radio"].radio_sm + label{ padding-left:20px;}
input[type="radio"].radio_sm + label::before{width:16px;height:16px;}
input[type="radio"].radio_sm + label::after{left: 4px; width: 8px; height: 8px;}
input[type="radio"].radio_md + label{ padding-left:26px;line-height: 20px;}
input[type="radio"].radio_md + label::before{width:20px;height:20px;}
input[type="radio"].radio_md + label::after{left: 5px; width: 10px; height: 10px;}
input[type="radio"].radio_lg + label{ padding-left:28px;line-height: 24px;}
input[type="radio"].radio_lg + label::before{width:24px;height:24px;}
input[type="radio"].radio_lg + label::after{left: 6px; width: 12px; height: 12px;}
input[type="radio"][class^="radio_"]:not(.noaction) + label:hover::before{border: 1px solid #333;}

input[type="radio"][class^="radio_"]:checked + label{color:#333;}
input[type="radio"][class^="radio_"]:checked + label::before{border: 1px solid #333;}
input[type="radio"][class^="radio_"]:checked + label::after{background-color: #333;}
input[type="radio"][class^="radio_"]:disabled + label{pointer-events: none;}
input[type="radio"][class^="radio_"]:disabled + label::before{background: #E5E5E5 !important; border: 1px solid #ccc;}
input[type="radio"][class^="radio_"]:disabled:checked + label{color: #666;}
input[type="radio"][class^="radio_"]:disabled:checked + label::after{background-color: #ccc;}

input[type="radio"][class^="radio_"]:focus + label,
input[type="checkbox"][class^="checkbox_"]:focus + label{outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}

.wrap_layerpop.ui_tooltip{position:absolute;width:auto;height:auto;background:#fff;border-radius: 4px;z-index:200;word-break:keep-all;font-size:14px;color:#333;letter-spacing: -0.03em;line-height: 130%;}
.ui_tooltip .tit{display:block;margin:0 0 8px;font-size:14px;font-weight: 800;line-height: 130%;letter-spacing: -0.02em;}
.ui_tooltip .cont{padding:20px 48px 20px 20px;}
.ui_tooltip .link{display:flex;margin:12px 0 0;font-size:12px;letter-spacing: -0.02em;color:#666;line-height: 12px;}
.ui_tooltip .link svg path{stroke:#666;}
.ui_tooltip .close{position:absolute;right:20px;top:20px;width:16px;height:16px;}
.ui_tooltip .close svg{width:14px;height:14px;}
.ui_tooltip:before{content:'';position: absolute; z-index: 101; right:10px;top:-17px;width:15px;height:17px;background: url(../images/common/icon/ui_tooltip_arw.png);}
.ui_tooltip .dimmed{display:block;}
.ui_tooltip .layerpop{z-index: 200; padding: 0; position: relative;left: 0 !important;top: 0 !important;border-radius: 4px;margin-left: 0 !important;margin-top: 0 !important;box-shadow: none;}
.ui_tooltip.dark{box-shadow: none;}
.ui_tooltip.dark .layerpop{background:#666;color:#fff;}
.ui_tooltip.dark .link{color:#fff;}
.ui_tooltip.dark .link svg path{stroke:#fff;}
.ui_tooltip.dark .close svg path{fill:#fff;}
.ui_tooltip.dark:before{height:14px;top: -14px;background: url(../images/common/icon/ui_tooltip_arw1.png);}
.wrap_layerpop.ui_pg_tooltip{position:absolute;width:auto;height:auto;overflow: hidden;background:#fff;border-radius: 0.6rem;z-index:200;color:var(--global-gray-90);border: 1px solid rgba(0, 0, 0, 0.1);}
.ui_pg_tooltip .layerpop{padding: 0; position: relative;left: 0 !important;top: 0 !important;margin-left: 0 !important;margin-top: 0 !important;box-shadow: none; z-index: 200;}
.ui_pg_tooltip .cont{padding:1.6rem 5.2rem 1.6rem 1.6rem;}
.ui_pg_tooltip .close{position:absolute;right:1.6rem;top:1.6rem;width:2rem;height:2rem;}
.ui_pg_tooltip [class^="icon_pg"].close svg path{stroke-width: 0.2rem;}
.ui_pg_tooltip .stit{display:block;margin:0 0 0.8rem;font-size:1.6rem;font-weight: 600;color:var(--global-gray-90);line-height:100%;}
.ui_pg_tooltip p{letter-spacing: -0.02em;line-height: 130%;font-size:1.4rem;}
.ui_pg_tooltip p + .stit{margin:2rem 0 0.8rem;}

[class^="btn_default_"], [class^="btn_tertiary_"],
[class^="btn_secondary_"], [class^="btn_primary_"],
[class^="btn_noline_"]{display:inline-flex;align-items: center;vertical-align: top;font-weight:700;color:#333;box-sizing: border-box;border:1px solid #333;letter-spacing: -0.02em;background:#fff;}

[class^="btn_"][class*="_xxs"]{height:22px;padding:0 8px;font-size:11px;}
[class^="btn_"][class*="_xs"]{height:24px;padding:0 8px;font-size:12px;}
[class^="btn_"][class*="_ssm"]{height:32px;padding:0 12px;font-size:12px;}
[class^="btn_"][class*="_sm"]{height:32px;padding:0 12px;font-size:14px;}
[class^="btn_"][class*="_md"]{height:36px;padding:0 14px;font-size:15px;}
[class^="btn_"][class*="_lg"]{height:40px;padding:0 14px;font-size:16px;}
[class^="btn_"][class*="_xl"]{height:48px;padding:0 16px;font-size:16px;}

[class^="btn_default_"].disabled svg path,
[class^="btn_tertiary_"].disabled svg path,
[class^="btn_secondary_"].disabled svg path,
[class^="btn_primary_"].disabled svg path,
[class^="btn_noline_"].disabled svg path{stroke:#767676}

[class^="btn_default_"]:not(.noaction):hover{background:#F7F7F7;}
[class^="btn_default_"]:not(.noaction).press{background:#E9EBEC;}
[class^="btn_default_"].disabled, [class^="btn_default_"].disabled:hover{background:#E5E5E5;border-color:#D6D6D6;cursor:default;color:#767676;}

[class^="btn_tertiary_"]{border-color:#D6D6D6 !important;color:#666}
[class^="btn_tertiary_"] svg path{stroke:#666}
[class^="btn_tertiary_"]:not(.noaction):hover{background:#F7F7F7;}
[class^="btn_tertiary_"]:not(.noaction).press{background:#E9EBEC;}
[class^="btn_tertiary_"].disabled, [class^="btn_tertiary_"].disabled:hover{background:#E5E5E5;border-color:#D6D6D6 !important;cursor:default;color:#767676;}

[class^="btn_secondary_"]{border-color:#8C8B8B !important;background:#8C8B8B !important;color:#fff !important;}
[class^="btn_secondary_"]:not(.noaction):hover{background:#767676 !important;}
[class^="btn_secondary_"]:not(.noaction).press{background:#666 !important;}
[class^="btn_secondary_"].disabled, [class^="btn_secondary_"].disabled:hover{background:#E5E5E5 !important;border-color:#D6D6D6 !important;cursor:default;color:#767676 !important;}
[class^="btn_secondary_"] svg path{stroke:#fff}

[class^="btn_primary_"]{border-color:#333 !important;background:#333 !important;color:#fff !important;}
[class^="btn_primary_"]:not(.noaction):hover{background:#000 !important;}
[class^="btn_primary_"]:not(.noaction).press{background:#000 !important;}
[class^="btn_primary_"].disabled, [class^="btn_primary_"].disabled:hover{background:#E5E5E5 !important;border-color:#D6D6D6 !important;cursor:default;color:#767676 !important;}
[class^="btn_primary_"] svg path{stroke:#fff}

[class^="btn_noline_"]{height:16px !important;padding: 0 4px !important;border:0 !important;background:none !important;}
[class^="btn_noline_"]:not(.noaction):hover{background:#F7F7F7 !important;}
[class^="btn_noline_"]:not(.noaction).press{background:#E9EBEC !important;}
[class^="btn_noline_"].disabled, [class^="btn_noline_"].disabled:hover{cursor:default;color:#8C8B8B !important;background:none !important;}
[class^="btn_noline_"].disabled svg path{stroke:#8C8B8B}
.btn_noline_lg{height:20px !important;}

[class^="btn_default_"] :is([class^="icon_"]) + span:not([class]),
[class^="btn_tertiary_"] :is([class^="icon_"]) + span:not([class]),
[class^="btn_secondary_"] :is([class^="icon_"]) + span:not([class]),
[class^="btn_primary_"] :is([class^="icon_"]) + span:not([class]),
[class^="btn_noline_"] :is([class^="icon_"]) + span:not([class]){margin-left:4px;}

[class^="btn_default_"] span:not([class]) + :is([class^="icon_"]),
[class^="btn_tertiary_"] span:not([class]) + :is([class^="icon_"]),
[class^="btn_secondary_"] span:not([class]) + :is([class^="icon_"]),
[class^="btn_primary_"] span:not([class]) + :is([class^="icon_"]),
[class^="btn_noline_"] span:not([class]) + :is([class^="icon_"]){margin-left:4px;}

[class^="btn_default_"].base, [class^="btn_tertiary_"].base,
[class^="btn_secondary_"].base, [class^="btn_primary_"].base,[class^="btn_noline_"].base{border-radius: 4px;}

[class^="btn_default_"].lg, [class^="btn_tertiary_"].lg,
[class^="btn_secondary_"].lg, [class^="btn_primary_"].lg, [class^="btn_noline_"].lg{border-radius: 6px;}

[class^="btn_default_"].full, [class^="btn_tertiary_"].full,
[class^="btn_secondary_"].full, [class^="btn_primary_"].full, [class^="btn_noline_"].full{border-radius: 100px;}

[class^="textfield_input_"]{position: relative;padding:0 15px;height:32px;display:flex;align-items: center;border:1px solid #E5E5E5;border-radius: 4px;background:#fff;overflow: hidden;}
[class^="textfield_input_"]:focus-within{border-color: #333;}
[class^="textfield_input_"] input{width:100%;height:100%;padding:0;box-sizing: border-box;border:0;outline:none;font-size:12px;letter-spacing: -0.02em;color:#333;}
[class^="textfield_input_"] input::placeholder{color:#929292 !important;}
[class^="textfield_input_"] input:disabled{background:#F7F7F7}
[class^="textfield_input_"]:has(input:disabled){background:#F7F7F7;border-color:#E5E5E5;}
[class^="textfield_input_"]:has(input:disabled) button{cursor:default;}
[class^="textfield_input_"] button{margin-left:15px;flex-shrink: 0;}
.textfield_input_md{height:36px;}
.textfield_input_md input{font-size:13px;}
.textfield_input_lg{height:44px;}
.textfield_input_lg input{font-size:16px;}

[class^="selectbox_field_"]{position: relative;}
[class^="selectbox_field_"] .trigger{position: relative;width:100%;height:32px;padding:0 15px;border-radius:4px;text-align: left;font-size:12px;color:#333;letter-spacing:-0.02em;background:#fff;border:1px solid #E5E5E5}
[class^="selectbox_field_"] button [class^="icon_chevron_"]{position:absolute;right:15px;top:50%;transform: translateY(-50%);transition: transform 0.2s;}
[class^="selectbox_field_"] .layer{display:none;position:absolute;left:0;top:39px;width:100%;border:1px solid #333;background:#fff;border-radius: 4px;overflow: hidden;}
[class^="selectbox_field_"] .layer ul{margin:8px 8px;max-height: 208px;overflow-y:auto;overflow-x: hidden;}
[class^="selectbox_field_"] .layer ul li a{display:block;padding:0 7px;height:32px;line-height: 32px;border-radius: 4px;font-size: 12px;letter-spacing: -0.02em;}
[class^="selectbox_field_"] .layer ul li:hover{background:#F4F6F8;}
[class^="selectbox_field_"].on .trigger{border-color:#333;}
[class^="selectbox_field_"].on button [class^="icon_chevron_"]{transform: translateY(-50%) rotate(180deg);}
[class^="selectbox_field_"] .layer ul::-webkit-scrollbar {width: 5px;}
[class^="selectbox_field_"] .layer ul::-webkit-scrollbar-thumb {background: #999;border-radius: 10px;}
[class^="selectbox_field_"] .layer ul::-webkit-scrollbar-track-piece {border-radius: 10px;margin:5px 0 0 0;}

.selectbox_field_md .trigger{height:36px !important;font-size:13px !important;}
.selectbox_field_md .layer{top:43px;}
.selectbox_field_md .layer ul{max-height: 232px;}
.selectbox_field_md .layer ul li a{height: 36px;line-height: 36px;font-size: 13px !important;}
.selectbox_field_lg .trigger{height:44px !important;font-size:16px !important;}
.selectbox_field_lg .layer{top:51px;}
.selectbox_field_lg .layer ul{max-height: 280px;}
.selectbox_field_lg .layer ul li a{height: 44px;line-height: 44px;font-size: 16px !important;}
.selectbox_field_lg button [class^="icon_chevron_"]{width:20px !important;height:20px !important;}

[class^="layer_field_"]{display:none;width:90px;position: absolute;left:0;top:0;background:#fff;border-radius: 4px;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);}
[class^="layer_field_"] ul{max-height: 200px;overflow-y:auto;}
[class^="layer_field_"] ul::-webkit-scrollbar {width: 5px;}
[class^="layer_field_"] ul::-webkit-scrollbar-thumb {background: #999;border-radius: 10px;}
[class^="layer_field_"] ul::-webkit-scrollbar-track-piece {border-radius: 10px;margin:5px 0;}
[class^="layer_field_"] ul li{padding:0 12px;}
[class^="layer_field_"] ul li a{display:block;line-height: 40px;font-size:16px;color:#333;letter-spacing: -0.02em;}
[class^="layer_field_"] ul li:hover{background:#F4F6F8;}
.layer_field_sm ul li a{line-height: 28px;font-size:12px;}
.layer_field_md ul li a{line-height: 32px;font-size:13px;}
.layer_field_open{width:auto;display: flex;align-items: center;color: #333;gap: 8px;font-size: 16px;font-weight: 700;position:static;box-shadow:none;border-radius:0;}
.layer_field_open [class^="icon_chevron_dw_"]{transition: transform 0.2s;}
.layer_field_open.on [class^="icon_chevron_dw_"]{transform: rotate(180deg);}

[class^="area_field_"]{padding:16px 20px;height:80px;color:#333;box-sizing: border-box;border-radius: 6px;font-size:16px;border-color: #E5E5E5;}
[class^="area_field_"]:focus{outline:1px solid #333;}
[class^="area_field_"]::placeholder{color:#929292 !important;font-weight: 300;}
.area_field_md{height:100px;}
.area_field_lg{height:140px;}

.pagination_wrap{display:flex;justify-content: center;gap:14px;}
.pagination_wrap .page_links{display:flex;}
.pagination_wrap .page_links a{margin:0 2px;}
.pagination_wrap .nav-text{margin:0 4px}
.pagination_wrap .page_navi:hover{background:#f3f3fa;}
.pagination_wrap .page_navi.press{background:#e9e9f4;}
.pagination_wrap .page_navi.disabled{color:#C4C4D2;cursor:default;}
.pagination_wrap .page_navi.disabled:hover{background:none;}
.pagination_wrap .page_navi.disabled svg path{stroke:#C4C4D2;}
.pagination_wrap .page_navi:focus, .pagination_wrap .page_navi:focus-visible{outline: none;background:none;border: 2px solid #29292c;}
.pagination_wrap a.page_navi{width:90px;}
.pagination_wrap a, .pagination_wrap .ellipsis{display:flex;align-items: center;justify-content: center;width:44px;height:44px;border-radius: 8px;font-size:17px;font-weight: 700;color:#58585F;line-height: 100%;box-sizing: border-box;}
.pagination_wrap .ellipsis{margin:0 -2px;}
.pagination_wrap .ellipsis svg path{fill:#C4C4D2;}
.pagination_wrap .current{background:#3D3D43;color:#fff;}
.pagination_wrap .current:hover{color:#58585F;background:#3D3D43;color:#fff;}
.pagination_wrap .press{background:#E5EAEF}
.pagination_wrap a:hover{background:#F1F5F9}
.pagination_wrap a:focus, .pagination_wrap a:focus-visible{outline: none;background:#F1F5F9;border: 2px solid rgba(0, 0, 0, 0.25);}
.pagination_wrap .current:focus, .pagination_wrap .current:focus-visible{color: #58585F;}

.custom_pagination_progressbar{display:flex;justify-content: center;align-items: center;gap:1.2rem;height:2.4rem;width:100%;}
.custom_pagination_progressbar .pagination-progressbar{width:12rem;height:0.6rem;position:relative;border-radius: 5rem;overflow: hidden;background:#EAEAEA;}
.custom_pagination_progressbar .swiper-pagination-progressbar-fill{background:#474747;border-radius: 100px;}
.custom_pagination_progressbar .pagination-fraction{display:flex;height:100%;font-size:1.2rem;font-weight:700;color:#8E8E8E;border-radius: 10rem;background:#333;padding:0 0.8rem;text-align: center;line-height: 2.4rem;}
.custom_pagination_progressbar .pagination-fraction strong{color:#fff;padding-right:0.3rem;font-weight: 700;}
.custom_pagination_progressbar .pagination-fraction span{padding-left:0.3rem;color:#D6D6E2;}
/* 기존 대구석 스타일 끝 */

/* new 공통 시작 */
[class^="icon_pg"][class*="_xs"]{width:1.6rem;height:1.6rem;}
[class^="icon_pg"][class*="_sm"]{width:1.6rem; height:1.6rem;}
[class^="icon_pg"][class*="_md"]{width:2rem; height:2rem;}
[class^="icon_pg"][class*="_lg"]{width:2.4rem; height:2.4rem;}
[class^="icon_pg"][class*="_xlg"]{width:3.2rem;height:3.2rem;}
[class^="icon_pg"][class*="_xxlg"]{width:3.6rem;height:3.6rem;}

[class^="icon_pg"][class*="_xs"] svg {width: 1.4rem;height: 1.4rem;}
[class^="icon_pg_"][class*="_xs"] svg{width: 1.4rem;height:1.4rem;}

[class^="icon_pg"][class*="_xs"] svg path{stroke-width: 0.18rem;}
[class^="icon_pg"][class*="_sm"] svg path{stroke-width: 0.2rem;}
[class^="icon_pg"][class*="_md"] svg path{stroke-width: 0.18rem;}
[class^="icon_pg"][class*="_lg"] svg path{stroke-width: 0.18rem;}
[class^="icon_pg_squaremenu_md"] svg path{stroke-width: 0.13rem !important;}

[class^="icon_pg_close"][class*="_sm"] svg path{stroke-width: 2px;}
[class^="icon_pg_close"][class*="_lg"] svg path{stroke-width: 1.6px;}
[class^="icon_pg_close"][class*="_md"][class*="bold"] svg path{stroke-width: 2.4px;}
[class^="icon_pg_close"][class*="_lg"][class*="bold"] svg path{stroke-width: 2.2px;}

[class^="btn_pg_"], [class^="icon_pg_"] {display: inline-flex;justify-content: center; align-items: center;line-height: 100%;vertical-align: top;font-weight: 700;color: var(--global-gray-80);box-sizing: border-box;background: #fff;border:1px solid #949499;}
[class^="icon_pg_"]{border:0;background:none;}
[class^="btn_pg_"]:hover{background:#F3F3FA;}
[class^="btn_pg_"].press{background:#E9E9F4;}
[class^="btn_pg_"].disabled{cursor: default;background:#fff;color:#949499;border-color: var(--global-gray-30);}
[class^="btn_pg_"].disabled svg path{stroke: var(--global-gray-40);}
[class^="btn_pg_"]:focus-visible{outline: 2px solid var(--global-gray-90);outline-offset: 2px; }
[class^="btn_pg_"].noline{border: 0 !important;}

[class^="icon_pg_heart"].on path{stroke:#ee376a;fill:#ee376a;fill-opacity:1;}

[class^="btn_pg_"][class*="_xxxs"] {height: 2rem;padding: 0 0.4rem;font-size: 1.1rem;border-radius: 0.2rem;}
[class^="btn_pg_"][class*="_xxs"] {height: 2.8rem;padding: 0 0.8rem;font-size: 1.2rem;border-radius: 0.4rem;}
[class^="btn_pg_"][class*="_xs"]{height: 3.2rem;padding: 0 1.2rem;font-size: 1.4rem;border-radius: 0.6rem;}
[class^="btn_pg_"][class*="_sm"] {height: 4rem;padding: 0 1.4rem;font-size: 1.6rem;border-radius: 0.6rem;}
[class^="btn_pg_"][class*="_md"] {height: 4.8rem;padding: 0 1.8rem;font-size: 1.6rem;border-radius: 0.8rem;}
[class^="btn_pg_"][class*="_lg"] {height: 5.6rem;padding: 0 1.8rem;font-size: 1.8rem;border-radius: 0.8rem;}

[class^="btn_pg_"][class*="_xxxs"] :is([class^="icon_"]) + span:not([class]){margin-left:0.2rem;}
[class^="btn_pg_"][class*="_xxs"] :is([class^="icon_"]) + span:not([class]){margin-left:0.3rem;}
[class^="btn_pg_"][class*="_xs"] :is([class^="icon_"]) + span:not([class]){margin-left:0.4rem;}
[class^="btn_pg_"][class*="_sm"] :is([class^="icon_"]) + span:not([class]){margin-left:0.4rem;}
[class^="btn_pg_"][class*="_md"] :is([class^="icon_"]) + span:not([class]){margin-left:0.4rem;}
[class^="btn_pg_"][class*="_lg"] :is([class^="icon_"]) + span:not([class]){margin-left:0.6rem;}

[class^="btn_pg_"][class*="_xxxs"] span:not([class]) + :is([class^="icon_"]){margin-left:0.2rem;}
[class^="btn_pg_"][class*="_xxs"] span:not([class]) + :is([class^="icon_"]){margin-left:0.3rem;}
[class^="btn_pg_"][class*="_xs"] span:not([class]) + :is([class^="icon_"]){margin-left:0.4rem;}
[class^="btn_pg_"][class*="_sm"] span:not([class]) + :is([class^="icon_"]){margin-left:0.4rem;}
[class^="btn_pg_"][class*="_md"] span:not([class]) + :is([class^="icon_"]){margin-left:0.4rem;}
[class^="btn_pg_"][class*="_lg"] span:not([class]) + :is([class^="icon_"]){margin-left:0.6rem;}

[class^="btn_pg_"].gray_80{background:var(--global-gray-80);color:#f3f3fa;border-color: var(--global-gray-80);}
[class^="btn_pg_"].gray_80:hover{background:var(--global-gray-90)}
[class^="btn_pg_"].gray_80.press{background:var(--global-gray-90)}
[class^="btn_pg_"].gray_80.disabled{background:var(--global-gray-10);border-color: var(--global-gray-10);color:var(--global-gray-60)}
[class^="btn_pg_"].gray_80.disabled svg path{stroke:var(--global-gray-60);}
[class^="btn_pg_"].gray_80 svg path{stroke:#f3f3fa;}

[class^="btn_pg_"].gray_05{background:var(--global-gray-05);color:var(--global-gray-90);border:0;}
[class^="btn_pg_"].gray_05:hover{background:var(--global-gray-10)}
[class^="btn_pg_"].gray_05.press{background:var(--global-gray-10)}
[class^="btn_pg_"].gray_05.disabled{background:var(--global-gray-10);color:var(--global-gray-60)}
[class^="btn_pg_"].gray_05.disabled svg path{stroke:var(--global-gray-60);}
[class^="btn_pg_"].gray_05 svg path{stroke:var(--global-gray-80);}
[class^="btn_pg_"].gray_05:focus-visible {background: rgba(0, 0, 0, 0.075);}

[class^="btn_pg_"].primary_50{background:var(--brand-primary-50);color:#f3f3fa;border-color: var(--brand-primary-50);}
[class^="btn_pg_"].primary_50:hover{background:var(--brand-primary-60)}
[class^="btn_pg_"].primary_50.press{background:var(--brand-primary-60)}
[class^="btn_pg_"].primary_50.disabled{background:var(--global-gray-10);border-color: var(--global-gray-10);color:var(--global-gray-40)}
[class^="btn_pg_"].primary_50.disabled svg path{stroke:var(--global-gray-40);}
[class^="btn_pg_"].primary_50 svg path{stroke:#f3f3fa;}

[class^="icon_pg_play"] .play{display:none;}
[class^="icon_pg_play"] span{display:inline-flex;align-items: center;}
.icon_pg_play span, .icon_pg_play span{width:1.4rem;height:1.4rem;}
.icon_pg_play span svg {width:100%;height:100%;}

[class^="icon_pg_chevron_"].up svg{transform: rotate(180deg);}
[class^="icon_pg_chevron_"].lt svg{transform: rotate(90deg);}
[class^="icon_pg_chevron_"].rt svg{transform: rotate(-90deg);}

[class^="icon_pg_message_circle_md"][class*="_md"] svg path{stroke-width: 1.3px;}
[class^="icon_pg_bookmark_"].on path {stroke: var(--global-gray-80);fill: var(--global-gray-80);}
[class^="icon_pg_bookmark1_"].on path {stroke: var(--global-gray-80);fill: var(--global-gray-80);fill-opacity:1;}

[class^="btn_pg_icon_"] span[class^="icon_"]{flex-shrink: 0;}
[class^="btn_pg_icon_full_"]{border-radius: 100% !important;justify-content: center;padding: 0;}
[class^="btn_pg_icon_"]{justify-content: center;padding: 0 !important;}
[class^="btn_pg_icon_full_"][class*="_xxs"], [class^="btn_pg_icon_"][class*="_xxs"] {width:2.8rem;height: 2.8rem;}
[class^="btn_pg_icon_full_"][class*="_xs"], [class^="btn_pg_icon_"][class*="_xs"]{width:3.2rem;height: 3.2rem;}
[class^="btn_pg_icon_full_"][class*="_sm"], [class^="btn_pg_icon_"][class*="_sm"] {width:4rem;height: 4rem;}
[class^="btn_pg_icon_full_"][class*="_md"], [class^="btn_pg_icon_"][class*="_md"] {width:4.8rem;height: 4.8rem;}
[class^="btn_pg_icon_full_"][class*="_lg"], [class^="btn_pg_icon_"][class*="_lg"] {width:5.6rem;height: 5.6rem;}

[class^="btn_pg_"][class*="big"]:focus-visible{outline-offset: 0;}
[class^="btn_pg_icon_"][class*="_xxxs"][class*="big"] {border-radius: 0.4rem;}
[class^="btn_pg_icon_"][class*="_xxs"][class*="big"], [class^="btn_pg_icon_"][class*="_xs"][class*="big"]{border-radius: 0.8rem;}

[class^="btn_pg_icon_full_"].gray_70 {border:none;background:var(--global-gray-70)}
[class^="btn_pg_icon_full_"].gray_70 svg path{fill:#fff;}
[class^="btn_pg_icon_full_"].gray_70 svg path{stroke:#fff;}
[class^="btn_pg_icon_full_"].gray_70:hover{background:var(--global-gray-90)}
[class^="btn_pg_icon_full_"].gray_70.press{background:var(--global-gray-90)}
[class^="btn_pg_icon_full_"].gray_70.disabled{background:var(--global-gray-10)}
[class^="btn_pg_icon_full_"].gray_70.disabled svg path{fill:var(--global-gray-40);}
[class^="btn_pg_icon_full_"].gray_70.disabled svg path{stroke:var(--global-gray-60);}

[class^="tag_chip_"]{width: 100%; height:4rem;line-height: 4rem;border-radius:0.4rem;color:var(--global-gray-60);font-weight: 700;font-size:1.5rem;padding:0 1.6rem;text-align: left;}
[class^="tag_chip_"].select{color:var(--global-gray-90); font-weight: 600;}
[class^="tag_chip_"]:hover{background: var(--global-gray-05);}
[class^="tag_chip_xs"]{font-size:1.3rem;height:2.8rem;line-height: 2.8rem;padding:0 1rem;}
[class^="tag_chip_sm"]{font-size:1.4rem;height:3.2rem;line-height: 3.2rem;padding:0 1.2rem;}

[class^="tag_standard_"]{height:3rem;line-height: 3rem;border-radius:10rem;color:var(--global-gray-80);font-weight: 700;background:#fff;font-size:1.5rem;padding:0 1.6rem;border: 1px solid rgba(0, 0, 0, 0.1);}
[class^="tag_standard_sm"]{font-size:1.3rem;height:2.4rem;line-height: 2.4rem;padding:0 1rem;}
[class^="tag_standard_lg"]{font-size:1.4rem;height:3.8rem;line-height: 3.8rem;padding:0 1.4rem;}

[class^="chip_option_layer_"]{position: relative;display: inline-flex;}
[class^="chip_option_layer_"] .layer{display:none;position:absolute;left:50%;top:0;transform: translateX(-50%);z-index:20;padding: 0.8rem 0.4rem;box-shadow: 0px 0px 0.4rem rgba(26, 26, 26, 0.08);border-radius: 0.6rem;background: #fff;border: 1px solid rgba(0, 0, 0, 0.1);}
[class^="chip_option_layer_"] .layer ul{padding:0 0.4rem;max-height: 21.6rem;overflow-y:auto;}
[class^="chip_option_layer_"] .layer ul::-webkit-scrollbar {width: 4px;}
[class^="chip_option_layer_"] .layer ul::-webkit-scrollbar-thumb {background: #949499; border-radius: 30px;}
[class^="chip_option_layer_xs"] .layer{top:3.6rem;}
[class^="chip_option_layer_sm"] .layer{top:4rem;}
[class^="chip_option_layer_md"] .layer{top:4.8rem;}
[class^="chip_option_layer_xs"] .layer ul{max-height: 15.6rem;}
[class^="chip_option_layer_sm"] .layer ul{max-height: 17.6rem;}
[class^="chip_option_layer_"] [class^="chip_pg_"] [class^="icon_pg_chevron_"]{transition: transform 0.2s;}
[class^="chip_option_layer_"] [class^="chip_pg_"].select [class^="icon_pg_chevron_"]{transform: rotate(180deg);}

[class^="btn_pg_icon_noline_"]{border:0;}

[class^="chip_pg_"]{display: inline-flex;align-items: center;line-height: 100%;background:#fff;vertical-align: top;font-weight: 700;color: var(--global-gray-90);box-sizing: border-box;background: var(--global-gray-05);border-radius: 5rem;}
[class^="chip_pg_"].press{background:var(--global-gray-10) !important;}
[class^="chip_pg_"].select{border:1px solid var(--global-gray-90);color:var(--global-gray-90);background:#fff;}
[class^="chip_pg_"].select svg path{stroke:var(--global-gray-90)}
[class^="chip_pg_"].disabled{cursor: default;background:#fff !important;color:#949499;border:1px solid var(--global-gray-05) !important;}
[class^="chip_pg_"]:focus-visible{outline: 2px solid var(--global-gray-90);outline-offset: 2px; }
[class^="chip_pg_"] span:not([class]) + :is([class^="icon_"]){margin-left:0.2rem;}
[class^="chip_pg_"][class*="_xs"] span:not([class]) + :is([class^="icon_"]){margin-right:-0.4rem;}
[class^="chip_pg_"][class*="_sm"] span:not([class]) + :is([class^="icon_"]){margin-right:-0.4rem;}
[class^="chip_pg_"][class*="_md"] span:not([class]) + :is([class^="icon_"]){margin-right:-0.6rem;}
[class^="chip_pg_"] svg path{stroke:var(--global-gray-90)}
[class^="chip_pg_"][class*="_xs"] {height: 2.8rem;line-height:2.8rem;padding: 0 0.9rem;font-size: 1.3rem;}
[class^="chip_pg_"][class*="_sm"] {height: 3.2rem;line-height:3.2rem;padding: 0 1.1rem;font-size: 1.4rem;}
[class^="chip_pg_"][class*="_md"]{height: 4rem;line-height:4rem;padding: 0 1.5rem;font-size: 1.5rem;}
[class^="chip_pg_"].outline{border:1px solid rgba(0, 0, 0, .2);background:#fff; color: var(--global-gray-60);}
[class^="chip_pg_"].outline.select{background:var(--global-gray-90);color:#fff;border: 1px solid var(--global-gray-90);}
[class^="chip_pg_"].outline.select svg path{stroke:#fff}
[class^="chip_pg_"].outline.disabled{cursor: default;background:#fff !important;color:#949499;border:1px solid var(--global-gray-05) !important;}
[class^="chip_pg_"].outline.black{border: 1px solid var(--global-gray-90); color: var(--global-gray-90);}
[class^="chip_pg_"].outline.black.select{color: #fff;}
[class^="chip_pg_"].outline.black.select svg path{stroke:#fff}

input[type="radio"][class^="radio_pg_"] + label{display: inline-flex; align-items: center; gap: 0.8rem; line-height: 1; color: var(--global-gray-90); font-weight: 700;}
input[type="radio"][class^="radio_pg_"][class*="_sm"] + label{font-size: 1.4rem;}
input[type="radio"][class^="radio_pg_"][class*="_md"] + label{font-size: 1.6rem;}
input[type="radio"][class^="radio_pg_"][class*="_lg"] + label{font-size: 1.8rem;}
input[type="radio"][class^="radio_pg_"] + label::before{position: static; border: 1px solid #949499; background: #fff;}
input[type="radio"][class^="radio_pg_"][class*="_sm"] + label::before{width: 1.6rem; height: 1.6rem;}
input[type="radio"][class^="radio_pg_"][class*="_md"] + label::before{width: 2rem; height: 2rem;}
input[type="radio"][class^="radio_pg_"][class*="_lg"] + label::before{width: 2.4rem; height: 2.4rem;}
input[type="radio"][class^="radio_pg_"]:checked + label::before{border-color: #949499; background: var(--global-gray-05);}
input[type="radio"][class^="radio_pg_"]:checked + label::after{background: var(--global-gray-80);}
input[type="radio"][class^="radio_pg_"][class*="_sm"]:checked + label::after{width: 0.8rem; height: 0.8rem; left: 0.4rem;}
input[type="radio"][class^="radio_pg_"][class*="_md"]:checked + label::after{width: 1rem; height: 1rem; left: 0.5rem;}
input[type="radio"][class^="radio_pg_"][class*="_lg"]:checked + label::after{width: 1.4rem; height: 1.4rem; left: 0.5rem;}
input[type="radio"][class^="radio_pg_"].primary_50:checked + label::before{border-color: var(--brand-primary-60);}
input[type="radio"][class^="radio_pg_"].primary_50:checked + label::after{background-color: var(--brand-primary-60);}
input[type="radio"][class^="radio_pg_"]:not(.noaction) + label:hover::before{border-color: #949499; background: var(--global-gray-05);}
input[type="radio"][class^="radio_pg_"]:checked + label:hover::before{border-color: #949499;}
input[type="radio"][class^="radio_pg_"].primary_50:checked + label:hover::before{border-color: var(--brand-primary-60);}
input[type="radio"][class^="radio_pg_"].press + label::before{background: var(--global-gray-20);}
input[type="radio"][class^="radio_pg_"]:focus + label{outline: none;}
input[type="radio"][class^="radio_pg_"]:focus + label::before{outline: 0.2rem solid rgba(0, 0, 0, 0.5); outline-offset: 0.2rem;}
input[type="radio"][class^="radio_pg_"]:disabled + label:before{background: var(--global-gray-05) !important; border: 1px solid var(--global-gray-30);}
input[type="radio"][class^="radio_pg_"]:disabled + label, input[type="radio"][class^="radio_pg_"]:disabled:checked + label{color: var(--global-gray-40);}
input[type="radio"][class^="radio_pg_"]:disabled:checked + label::after{background: var(--global-gray-30);}
input[type="radio"][class^="radio_pg_"].primary_50:disabled:checked + label::before{border-color: var(--global-gray-40);}

input[type="checkbox"][class^="checkbox_pg_"] + label{gap: 0.8rem; line-height: 1; color: var(--global-gray-90);}
input[type="checkbox"][class^="checkbox_pg_"] + label em{font-weight: 700;}
input[type="checkbox"][class^="checkbox_pg_"][class*="_sm"] + label{font-size: 1.4rem;}
input[type="checkbox"][class^="checkbox_pg_"][class*="_md"] + label{font-size: 1.6rem;}
input[type="checkbox"][class^="checkbox_pg_"][class*="_lg"] + label{font-size: 1.8rem;}
input[type="checkbox"][class^="checkbox_pg_"][class*="_sm"] + label svg path{stroke-width: 2px !important;}
input[type="checkbox"][class^="checkbox_pg_"][class*="_md"] + label svg path{stroke-width: 2px !important;}
input[type="checkbox"][class^="checkbox_pg_"][class*="_lg"] + label svg path{stroke-width: 2.6px !important;}
input[type="checkbox"][class^="checkbox_pg_"] + label span{background: #fff; border-radius: 0.4rem; border: 1px solid #949499;}
input[type="checkbox"][class^="checkbox_pg_"]:not(.noaction) + label:hover{border-color: var(--global-gray-40);}
input[type="checkbox"][class^="checkbox_pg_"]:not(.noaction) + label:hover span{border-color: #949499; background: var(--global-gray-05);}
input[type="checkbox"][class^="checkbox_pg_"]:not(.noaction) + label:hover span svg path{stroke: var(--global-gray-05);}
input[type="checkbox"][class^="checkbox_pg_"]:not(.noaction):checked + label span{background: var(--global-gray-80); border-color: var(--global-gray-40);}
input[type="checkbox"][class^="checkbox_pg_"]:not(.noaction):checked + label span svg path{stroke: #fff;}
input[type="checkbox"][class^="checkbox_pg_"].primary_50:checked + label span{background: var(--brand-primary-60); border-color: var(--brand-primary-60);}
input[type="checkbox"][class^="checkbox_pg_"].press + label span{background: var(--global-gray-20);}
input[type="checkbox"][class^="checkbox_pg_"].press + label span svg path{stroke: var(--global-gray-20);}
input[type="checkbox"][class^="checkbox_pg_"].press + label:hover span svg path{stroke: var(--global-gray-20);}
input[type="checkbox"][class^="checkbox_pg_"]:focus + label{outline: none;}
input[type="checkbox"][class^="checkbox_pg_"]:focus + label span{outline: 0.2rem solid rgba(0, 0, 0, .5); outline-offset: 0.2rem;}
input[type="checkbox"][class^="checkbox_pg_"]:disabled + label{color: var(--global-gray-40);}
input[type="checkbox"][class^="checkbox_pg_"]:disabled + label span{background: var(--global-gray-05); border-color: var(--global-gray-40);}
input[type="checkbox"][class^="checkbox_pg_"]:disabled + label span svg path{stroke:var(--global-gray-05)}
input[type="checkbox"][class^="checkbox_pg_"]:disabled:checked + label span{background: var(--global-gray-30); border-color: var(--global-gray-30);}

[class^="selectbox_field_pg_"] .trigger{display:flex;align-items: center;gap:0.6rem;height:4rem;padding:0 1.6rem;border-radius:0.6rem;font-size:1.4rem;color:var(--global-gray-60);letter-spacing:0;background:#fff;border:1px solid #949499}
[class^="selectbox_field_pg_"] button [class^="icon_pg_chevron_"]{position:absolute;right:1.6rem;top:50%;transform: translateY(-50%);transition: transform 0.2s;}
[class^="selectbox_field_pg_"] button [class^="icon_pg_chevron_"] svg path{stroke:var(--global-gray-60);stroke-width: 2.3px;}
[class^="selectbox_field_pg_"] .layer{top:4.8rem;border:1px solid var(--global-gray-80);border-radius: 0.6rem;}
[class^="selectbox_field_pg_"] .layer ul li label::before, [class^="selectbox_field_pg_"] .layer ul li label::after{display: none;}
[class^="selectbox_field_pg_"] .layer .m_tit{display:none;}
[class^="selectbox_field_pg_"] .layer .inner [class^="icon_pg_close_"]{display:none;}
[class^="selectbox_field_pg_"] .layer ul{margin:1.6rem 0.8rem;max-height: 21.6rem; position: relative; top: 0;}
[class^="selectbox_field_pg_"] .layer ul li{padding:0 0.8rem;}
[class^="selectbox_field_pg_"] .layer ul li:hover{background: none;}
[class^="selectbox_field_pg_"] .layer ul li .radio_wrap{display:block; width: 100%; height: 100%; align-content: center; box-sizing: border-box;}
[class^="selectbox_field_pg_"] .layer ul li .radio_wrap:hover{background:var(--global-gray-05);border-radius: 0.6rem;}
[class^="selectbox_field_pg_"] .layer ul li a, [class^="selectbox_field_pg_"] .layer ul li label{width:100%;text-align:left;padding:0 1.6rem;height:4rem;line-height: 4rem;font-size: 1.4rem;color:var(--global-gray-60);box-sizing: border-box;}
[class^="selectbox_field_pg_"] .layer ul li .select{color:var(--global-gray-90);font-weight: 600;}
[class^="selectbox_field_pg_"] input[type="radio"][class^="radio_"]:checked + label{color:var(--global-gray-90);font-weight: 600;}
[class^="selectbox_field_pg_"] .layer ul li a:hover{background:var(--global-gray-05);border-radius: 0.6rem;}
[class^="selectbox_field_pg_"] .layer ul li a:focus-visible, [class^="selectbox_field_pg_"] .layer ul li .radio_wrap label:focus-visible{outline-offset: -1px;}
[class^="selectbox_field_pg_"].on .trigger{border-color:var(--global-gray-80);}
[class^="selectbox_field_pg_"].on button [class^="icon_pg_chevron_"]{transform: translateY(-50%) rotate(180deg);}
[class^="selectbox_field_pg_"] .layer ul::-webkit-scrollbar {width: 4px;}
[class^="selectbox_field_pg_"] .layer ul::-webkit-scrollbar-thumb {background: #949499;border-radius: 10px;}
[class^="selectbox_field_pg_"] .layer ul::-webkit-scrollbar-track-piece {border-radius: 10px;}
[class^="selectbox_field_pg_"] .trigger:hover{background:var(--global-gray-05);}
[class^="selectbox_field_pg_"] .trigger.completed{border-color: var(--global-gray-80);color:var(--global-gray-90)}
[class^="selectbox_field_pg_"] .trigger.disabled{border-color:var(--global-gray-30);color:rgba(41,41,44,.6);cursor:default;background:var(--global-gray-05)}
[class^="selectbox_field_pg_"] .trigger.disabled [class^="icon_pg_chevron_"] svg path{stroke:var(--global-gray-40);}
[class^="selectbox_field_pg_"] .trigger.disabled:focus-visible{outline:none;}
[class^="selectbox_field_pg_"] .trigger:focus-visible{outline: 3px solid rgba(0, 0, 0, 0.25);}
[class^="selectbox_field_pg_"].on .trigger.disabled [class^="icon_pg_chevron_"] {transform: translateY(-50%) rotate(0);}

.selectbox_field_pg_sm .trigger{height:3.2rem !important;font-size:1.3rem !important;}
.selectbox_field_pg_sm .layer{top:4rem;}
.selectbox_field_pg_sm .layer ul li a, .selectbox_field_pg_sm .layer ul li label{height: 3.2rem;line-height: 3.2rem;font-size: 1.2rem !important;}
.selectbox_field_pg_md .layer ul li a, .selectbox_field_pg_md .layer ul li label{font-size: 1.4rem !important;}
.selectbox_field_pg_lg .trigger{height:4.8rem !important;font-size:1.6rem !important;}
.selectbox_field_pg_lg .layer{top:5.6rem;}
.selectbox_field_pg_lg .layer ul li a, .selectbox_field_pg_lg .layer ul li label{height: 4.8rem;line-height: 4.8rem;font-size: 1.6rem !important;}
.selectbox_field_pg_xl .trigger{height:5.6rem !important;font-size:1.8rem !important;}
.selectbox_field_pg_xl .layer{top:6.4rem;}
.selectbox_field_pg_xl .layer ul li a, .selectbox_field_pg_xl .layer ul li label{height: 5.6rem;line-height: 5.6rem;font-size: 1.8rem !important;}

[class^="textbox_pg_"]{box-sizing: border-box;height:4rem;padding:0 1rem !important;border-radius:0.4rem !important;font-size:1.4rem;color:var(--global-gray-90);letter-spacing:0;background:#fff;border:1px solid var(--global-gray-30)}
[class^="textbox_pg_"]:focus{border:1px solid var(--global-gray-30);outline:3px solid rgba(0,0,0,.25)}
[class^="textbox_pg_"]:hover{background:var(--global-gray-05);border-color: var(--global-gray-60);}
[class^="textbox_pg_"].disabled{border-color:rgba(214,214,226,.6);color:rgba(41,41,44,.6);}
[class^="textbox_pg_"].disabled::placeholder{color:rgba(41,41,44,.6) !important;}
[class^="textbox_pg_"].disabled:hover{background:#fff;}
[class^="textbox_pg_"].value{border-color: var(--global-gray-80);}
[class^="textbox_pg_"]::placeholder{color: var(--global-gray-90) !important;}
.textbox_pg_sm{height:3.2rem;font-size:1.3rem;}
.textbox_pg_lg{height:4.8rem;font-size:1.6rem;}

[class^="switch_pg_"] { display:inline-flex; align-items:center;}
[class^="switch_pg_"] button { display:inline-flex; align-items:center; gap:0.8rem;}
[class^="switch_pg_"] button:focus-visible{outline: none;}
[class^="switch_pg_"] .toggle { position:relative; border-radius:999rem; background: #949499; --switch--padding: 0.3rem; transition:background 160ms ease; }
[class^="switch_pg_"][class*="_sm"] .toggle{width: 2.6rem; height: 1.4rem; --switch--padding: 0.2rem; --toggle-size: 1rem}
[class^="switch_pg_"][class*="_md"] .toggle{width: 3.6rem; height: 2rem; --toggle-size: 1.4rem}
[class^="switch_pg_"][class*="_lg"] .toggle{width: 4.2rem; height: 2.4rem; --toggle-size: 1.8rem}
[class^="switch_pg_"] .toggle::before { content:""; position:absolute; top:50%; left: var(--switch--padding); transform: translateY(-50%); width: var(--toggle-size); height: var(--toggle-size); border-radius:100%; background:#fff; box-shadow:1px 0 0 0 rgba(0,0,0,.2); transition:left 160ms ease, background 160ms ease;}
[class^="switch_pg_"] button:hover .toggle, [class^="switch_pg_"] button.press .toggle { background:var(--global-gray-60);}
[class^="switch_pg_"] button[aria-pressed="true"]:hover .toggle{ background:var(--brand-primary-60); }
[class^="switch_pg_"] button[aria-pressed="true"] .toggle { background:var(--brand-primary-60); }
[class^="switch_pg_"] button[aria-pressed="true"] .toggle::before {left: calc(100% - var(--toggle-size) - var(--switch--padding));}
[class^="switch_pg_"] button:focus-visible .toggle {outline:2px solid rgba(0,0,0,.5); outline-offset:0.2rem; }
[class^="switch_pg_"] button:disabled { cursor:not-allowed; }
[class^="switch_pg_"] button:disabled .toggle{background: var(--global-gray-30);}
[class^="switch_pg_"] button:disabled .toggle::before {box-shadow: none;}
[class^="switch_pg_"] button[aria-pressed="true"]:disabled .toggle{background: var(--global-gray-30);}
[class^="switch_pg_"] .text { color: var(--global-gray-90); font-weight: 700; line-height: 1;}
[class^="switch_pg_"][class*="_sm"] .text{font-size: 1.4rem;}
[class^="switch_pg_"][class*="_md"] .text{font-size: 1.6rem;}
[class^="switch_pg_"][class*="_lg"] .text{font-size: 1.8rem;}

[class^="pg_inline_banner_"]{display:flex;gap:0.8rem;background:var(--global-gray-05);border-radius: 0.8rem;padding:1.6rem 2rem;}
[class^="pg_inline_banner_"] [class^="icon_pg_info_"]{flex-shrink: 0;margin-top:0.2rem;}
[class^="pg_inline_banner_"] [class^="icon_pg_info_"] rect{fill:var(--global-gray-60)}
[class^="pg_inline_banner_"] p{flex-grow: 1;font-size:1.6rem;font-weight: 700;color:var(--global-gray-90);line-height: 130%;}
.pg_inline_banner_sm{gap:0.6rem;border-radius: 0.6rem;padding:0.8rem 1.2rem;}
.pg_inline_banner_sm p{font-size:1.3rem;}
[class^="pg_inline_banner_"].warning{background:#FEF9C3;}
[class^="pg_inline_banner_"].warning [class^="icon_pg_info_"] rect{fill:var(--pastel-orange-400);}
[class^="pg_inline_banner_"].informative{background:#E0F2FF;}
[class^="pg_inline_banner_"].informative [class^="icon_pg_info_"] rect{fill:#3892F3;}
[class^="pg_inline_banner_"].success{background:#DDF8E9;}
[class^="pg_inline_banner_"].success [class^="icon_pg_info_"] rect{fill:var(--pastel-teal-400);}
[class^="pg_inline_banner_"].error{background:#FFEBE7;}
[class^="pg_inline_banner_"].error [class^="icon_pg_info_"] rect{fill:var(--pastel-red-400);}

.text_fields_pg{display: block;width:100%;height:96px;padding:1.6rem;font-size:1.6rem;line-height:150%;border:0;border-radius: 0.8rem;background:#fff;border:1px solid var(--global-gray-30);box-sizing: border-box;}
.text_fields_pg::placeholder{color:var(--global-gray-90) !important;line-height:130%;}
.text_fields_pg:hover{border-color: var(--global-gray-60);background:var(--global-gray-05);}
.text_fields_pg:focus{border:1px solid var(--global-gray-30);outline:3px solid rgba(0,0,0,.25)}
.form_helper:has(> textarea.text_fields_pg) .char_count{display:flex;justify-content: flex-end;font-size:1.5rem;color:var(--global-gray-70);line-height: 1;margin:1.2rem 0 0;}
.form_helper:has(> textarea.text_fields_pg) .char_count em{color:var(--brand-primary-50)}

/* new 공통 끝 */
/*** 공통 컴퍼넌트 및 아이콘 끝 ***/

/* 공통 컴퍼넌트 및 아이콘 끝 */

/* 도움말 기능 바텀(모바일만 노출) */
.view_helpguide{display: none;}
.bottom_helpguide{display: none;}

@media screen and (min-width:1024px) and (max-height:650px) {
	#safetyStay1 .layerpop {
		max-height: 100%;
		overflow-y: auto;
		width: auto;
		left: 35% !important;
		right: 35% !important;
		width: auto;
		margin-left: 0 !important;
	}
}

/* mobile */
@media screen and (max-width: 1023px) {
	#contents.contents_wide {padding: 7.8rem 0 0;overflow: hidden;}

	body.submain_dim{overflow: hidden;}
    body.submain_dim:after{content: ''; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); z-index: 1000;}

	.m_none{display: none !important;}
	.m_block{display: block !important;}

	.btn_greyM{padding:4px 15px 3px;font-size:12px;}
	.btn_greyL{width: auto; min-width: 90px; padding: 6px 20px;font-size:14px;}
	.btn_whiteL{width: auto; min-width: 90px; padding: 6px 20px;font-size:14px;}
	.btn_white{width: auto; min-width: 100px; padding: 10px 20px;}
	.type_arrow_right:after{width:6px;height:10px;background-image:url(../images/common/ico_m_btnarrow_right.png);background-size:100% 100%;}

	.header{width: 100%; height: 80px; padding: 15px 15px 15px 15px; box-sizing: border-box;}

	/*** 공통 컴퍼넌트 및 아이콘 시작 ***/
	/* 기존 대구석 스타일 시작 */
	.ui_tooltip .dimmed, .ui_pg_tooltip .dimmed{display:block;}
	.ui_tooltip:before, .ui_pg_tooltip:before{display:none;}
	.wrap_layerpop.ui_tooltip{position: fixed;width: 100%;z-index: 100;height: 100%;top: 0 !important;left: 0 !important;box-shadow:none;background:none;line-height: 120%;font-size:13px;letter-spacing: -0.05em;}
	.wrap_layerpop.ui_tooltip .tit {line-height: 100%;text-align: left;}
	.wrap_layerpop.ui_tooltip .cont:has(.tit) > p,
	.wrap_layerpop.ui_tooltip .cont:has(.link) > p {text-align: left;}
	.ui_tooltip .layerpop{position:absolute;top: 50% !important;left: 15px !important;text-align:center;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 4px;transform: translateY(-50%); }
	.wrap_layerpop.ui_tooltip .cont {padding: 30px 20px 30px 20px;}
	.ui_tooltip .close{right:12px;top:12px;}
    .wrap_layerpop.ui_pg_tooltip{position: fixed;width: 100%;z-index: 200;height: 100%;top: 0 !important;left: 0 !important;box-shadow:none;background:none;}
	.ui_pg_tooltip .layerpop{position:absolute;top: 50% !important;left: 1.6rem !important;text-align:center;right: 1.6rem !important;width: auto !important;margin-left: 0 !important;transform: translateY(-50%); border-radius: 0.6rem;}
    .ui_pg_tooltip .close{right:1.6rem;top:0.8rem;}
	.ui_pg_tooltip .cont {padding: 3.2rem 1.6rem;}

	.pagination_wrap .nav-text{display:none;}
	.pagination_wrap {gap: 0.8rem;}
	.pagination_wrap a, .pagination_wrap .ellipsis {width: 3.2rem;height: 3.2rem;border-radius: 0.4rem;font-size: 1.6rem;}
	.pagination_wrap a.page_navi {width: 3.2rem;}

	[class^="btn_default_"] span:not([class]), [class^="btn_tertiary_"] span:not([class]),
	[class^="btn_secondary_"] span:not([class]), [class^="btn_primary_"] span:not([class]),
	[class^="btn_noline_"] span:not([class]){position: relative;top:1px;}

	.custom_pagination_progressbar{justify-content: flex-start;}
	/* 기존 대구석 스타일 끝 */

    /* new 공통 시작 */
	[class^="selectbox_field_pg_"] .layer{transform: translateY(100%);transition: transform 0.3s ease;display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index: 150;background:none;border:0;border-radius:0;}
	[class*="selectbox_field_pg_"].on .layer {transform: translateY(0);}
	[class^="selectbox_field_pg_"] .layer:after{content:'';display:block;width:100%;height:100vh;position:fixed;left:0;top:0;background:rgba(0,0,0,.5)}
	[class^="selectbox_field_pg_"] .layer .inner{position:absolute;left:0;bottom:0;width:100%;background:#fff;z-index: 100;margin:0;border-radius:1.4rem 1.4rem 0 0;}
	[class^="selectbox_field_pg_"] .layer .inner [class^="icon_pg_close_"]{display: inline-flex;position:absolute;right:1.7rem;top:1.7rem;}
	[class^="selectbox_field_pg_"] .layer .radio_wrap{display:block;}
	[class^="selectbox_field_pg_"] .layer .m_tit{display:block;font-size:1.8rem;line-height:2.3rem;padding:1.5rem 1.6rem;border-bottom:1px solid var(--global-gray-20);font-weight: 600;color:var(--global-gray-90);letter-spacing: -0.02em;}
	[class^="selectbox_field_pg_"] .layer ul{max-height: 26.8rem;margin:0;padding:1rem 0; box-sizing: border-box;}
	[class^="selectbox_field_pg_"] .layer ul li{height:4.8rem;display:flex;align-items: center;padding: 0 2rem;}
	[class^="selectbox_field_pg_"] .layer ul li button, [class^="selectbox_field_pg_"] .layer ul li a{display:none;}
	[class^="selectbox_field_pg_"] .layer ul li label{padding: 0; font-size: 1.6rem !important; line-height: 1; height: 100%;}
	[class^="selectbox_field_pg_"] .layer ul li label::before, [class^="selectbox_field_pg_"] .layer ul li label::after{display: block;}
	[class^="selectbox_field_pg_"] .layer ul li .radio_wrap:hover{background: none;}
	/* new 공통 끝 */

	/*** 공통 컴퍼넌트 및 아이콘 끝 ***/


	/* 피드백 시스템 배너, 팝업 */
	.feedback_system_banner{bottom: 40px;height: 100%;border-radius: 10px 10px 0 0;background:rgba(0,0,0,.5) !important;}
	.feedback_system_banner img{width:100%;}
	.feedback_system_banner .inr{width:100%;border-radius: 10px 10px 0 0;position:absolute;left:0;bottom:0;}
	.feedback_system_banner .pc{display:none;}
	.feedback_system_banner .mo{display:block;}
	.feedback_system_banner .inr a{text-indent: -9999px;background:none;height:100%;padding:0;left:0;}
	.feedback_system_banner .btn{position:absolute;padding:0;right:0;left:0;top:auto;bottom:-40px;height:40px;background:#fff;}
	.feedback_system_banner .btn button{flex-grow: 1;flex-basis: 0;color:#333;height:100% !important;position: relative;}
	.feedback_system_banner .btn .close{margin-left:0;text-indent:0;width:100%;}
	.feedback_system_banner .btn .close:before{content:'';display:inline-block;width:1px;height:100%;background:#E6E6E6;position:absolute;left:0;top:0;}

	.feedback_system_top_banner{height: 70px; overflow: hidden;}
	.feedback_system_top_banner .pc{display:none;}
	.feedback_system_top_banner .mo{display:block;}
	.feedback_system_top_banner .inr{position: static; width: 100%; height: 100%; border-radius: 0;}
	.feedback_system_top_banner .inr a{text-indent: -9999px;background:none;height:100%;padding:0;left:0;}
	.feedback_system_top_banner .btn{left: 0; right: auto;}
	.feedback_system_top_banner img{object-fit: cover; object-position: center; width: 100%; height: 100%;}

	.feedbackSystemPop .feedback_system{padding: 0 0 40px;}
	.feedbackSystemPop .layerpop {left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
	.feedbackSystemPop .feedback_system a.btn_join{bottom: 50px; height: 40px; font-size: 15px;}
	.feedbackSystemPop .btn{height:40px;}
	.feedbackSystemPop .btn button{font-size:12px;letter-spacing:-0.02em;}

	/* 이벤트 스티커팝업 */
	.wrap_layerpop .layerpop.sticker{left: 1.6rem !important;right: 1.6rem !important;width: auto !important;margin-left: 0 !important;}
	.wrap_layerpop .layerpop.sticker .btn_close {right: 1.6rem;top: 1.6rem;}
	.wrap_layerpop .layerpop.sticker .box_cont {padding: 2.4rem 1.6rem;}
	.wrap_layerpop .layerpop.sticker p {padding: 0 0 3.2rem;font-size: 2rem;line-height: 2.6rem;}

	/* 이미지 대체텍스트 팝업 */
	#altTextPop .layerpop{left: 1.6rem !important;right: 1.6rem !important;width: auto !important;margin-left: 0 !important;}
	#altTextPop .box_cont {padding: 2rem 1.6rem;}
	#altTextPop .stit {margin: 0 0 2.4rem;font-size: 1.8rem;font-weight:600;}
	#altTextPop .pg_inline_banner_md {padding: 1.2rem;}
	#altTextPop .pg_inline_banner_md p {font-size: 1.3rem;}
	#altTextPop .text_fields_pg{font-size:1.4rem;}
	#altTextPop .form_helper .char_count {font-size: 1.4rem;}
	#altTextPop .btn {margin: 2.4rem 0 0;}

	/* 컨텐츠 공통 퀵배너 */
	.quick_banner_wrap {right: 1rem;bottom: 6.4rem;}
	.quick_banner_wrap .quick_banner {width: 9.3rem;}
	.quick_banner_wrap .close {right: 0.4rem;width: 2rem;height: 2rem;}


	/* 로그인 페이지 */
	.login_page{padding:0 15px;}
	.login_page .wrap_layerpop{width:100%}
	.login_page .wrap_layerpop .layerpop {width: auto !important;padding: 20px 25px 0 !important;border-radius: 3px;box-shadow: 0px 7px 15px 0px rgba(130, 130, 129, 0.16);}
	.login_page .logo1 {width: 85px;height: 15px;}
	.login_page .wrap_layerpop h2 {padding: 25px 0 13px;font-size: 20px;line-height: 24px;letter-spacing:-0.02em;}
	.login_page .layerpop .login {padding: 20px 0 0;}
	.login_page .layerpop .list_sns {padding: 0;}
	.login_page .layerpop .login p {font-size: 11px;padding: 8px 0 0;letter-spacing:-0.02em;}
	.login_page .auto_login {padding: 15px 0 20px 0 !important;}
	.login_page .auto_login label {font-size: 14px;line-height: 20px;}
	.login_page #socialLogin .img {height: 21px;margin: 20px 0 0;background: url(../images/common/pop_sociallogin_touronepass.png) 50% 0 / 71px 21px no-repeat;}
	.login_page #socialLogin p {padding: 8px 0 15px;}
	.login_page #socialLogin .btn {font-size: 15px;letter-spacing:-0.02em;height: 40px;line-height: 40px;border-radius: 3px;}

	/* 검색 홍보관 팝업 */
	#travel100Detail.wrap_layerpop{z-index: 300;}
	#travel100Detail .layerpop:focus-visible{border: 0;outline: none;}
	#travel100Detail .layerpop{border-radius: 10px;}
	#travel100Detail .layerpop .tit {height: 35px;padding-left: 15px;border-radius: 8px 8px 0 0;line-height: 35px;font-size: 14px;letter-spacing:-0.02em;}
	#travel100Detail .layerpop .popup_close {top: -33px;right: 0;width: 23px;height: 23px;background: url(../images/common/btn_pop_m_close03.png) 0 0 / 100% 100% no-repeat;}
	#travel100Detail .pop_scr{max-height: 500px;border-radius: 10px;}
	#travel100Detail .detail_100scene .top_img {height: 175px;}
	#travel100Detail .detail_100scene .top_img:after{height:28px;}
	#travel100Detail .top_img .area {left: 20px;line-height: 28px;}
	#travel100Detail .top_img .area span {width: 86px;height: 28px;background: url(../images/common/img_m_area.png) 0 0 / 100% 100% no-repeat;}
	#travel100Detail .top_img .area em {font-size: 11px;margin-left: 5px;font-weight: 11px;}
	#travel100Detail .btn {height: 16px;right: 20px;bottom: 6px;}
	#travel100Detail .btn span.good{margin-top: 3px;}
	#travel100Detail .btn span.good em{height: 10px;line-height: 10px;font-size:11px;}
	#travel100Detail .btn button.good {width: 12px;margin-left: 5px;height: 10px;background: url(../images/common/btn_m_good01.png) 0 0 / 100% auto no-repeat;}
	#travel100Detail .btn button.good.on {background-position: 0 -10px;}
	#travel100Detail .btn button.share {width: 13px;height: 16px;margin-top: 0px;background: url(../images/common/btn_m_share.png) 0 0 / 100% 100% no-repeat;}
	#travel100Detail .pdt_cont{padding: 18px 20px 5px;}
	#travel100Detail .pdt_cont .provider {margin: 0 0 8px;font-size: 11px;line-height: 13px;letter-spacing:-0.02em;}
	#travel100Detail .pdt_cont .stit {font-size: 17px;line-height: 22px;letter-spacing:-0.02em;max-height: 44px;}
	#travel100Detail .pdt_cont p {padding: 7px 0 8px;font-size: 11px;line-height: 15px;letter-spacing:-0.02em;}
	#travel100Detail .pdt_cont .date em {padding: 0 8px;height: 20px;line-height: 20px;font-size: 12px;letter-spacing:-0.02em;}
	#travel100Detail .pdt_cont .date span {margin-left: 5px;font-size: 12px;line-height: 20px;letter-spacing:-0.02em;}
	#travel100Detail .pdt_cont .price {padding: 17px 0 0;font-size: 16px;line-height: 19px;letter-spacing:-0.02em;}
	#travel100Detail .principal_travel:before{top: -15px;height: 15px;background: url(../images/common/bg_detail_pop01.png) 100% 100% / 100% 100% no-repeat;}
	#travel100Detail .principal_travel{margin-top: 15px;}
	#travel100Detail .principal_travel .stit {padding: 7px 0 19px 20px;font-size: 13px;letter-spacing:-0.02em;}
	#travel100Detail .slide_wrap{width:auto;margin:0 20px;padding: 0 0 15px;}
	#travel100Detail .principal_travel .swiper-slide{width:33.3% !important;margin-left: 0;}
	#travel100Detail .principal_travel .swiper-slide a{margin-left:10px;}
	#travel100Detail .swiper-container {margin-left: -10px;}
	#travel100Detail .principal_travel a .img{height:77px;border-radius: 15px;}
	#travel100Detail .principal_travel a strong{padding-top: 7px;font-size: 12px;line-height: 15px;}
	#travel100Detail .page_wrap {width: auto;height: 9px;line-height: 9px;margin: 13px 0 0;}
	#travel100Detail .swiper-button-next, #travel100Detail .swiper-button-prev{display:none;}
	#travel100Detail .swiper-pagination button.swiper-pagination-bullet{width:9px;height:9px;margin:0 2px;}
	#travel100Detail .swiper-pagination button.swiper-pagination-bullet-active{width:18px;}
	#travel100Detail .btn_reserve{padding: 0 20px 10px;bottom: 10px;}
	#travel100Detail .btn_reserve a{width:auto;display:block;font-size: 16px;height: 45px;line-height: 45px;letter-spacing:-0.02em;}
	#travel100Detail .inquiry{font-size:12px;margin-top: -1px;letter-spacing:-0.02em;border-radius: 0 0 10px 10px;}

	#travel100Detail.search .layerpop{width: auto !important;left: 0 !important;margin-top: 0 !important;top:0 !important;margin-left: 0 !important;right: 0 !important;border-radius: 0;height:100%;background:#fff;}
	#travel100Detail.search .pop_scr {max-height: 100%;border-radius: 0;}
	#travel100Detail.search .inquiry{border-radius: 0;}
	#travel100Detail.search .pdt_cont:after{content:'';display:inline-block;width:15px;height:15px;z-index: 10;position:absolute;left:0;bottom:-15px;background:#fff}
	#travel100Detail.search .pdt_cont:before{content:'';display:inline-block;width:15px;height:15px;z-index: 10;position:absolute;right:0;bottom:-15px;background:#fff}
	#travel100Detail.search .layerpop .tit {position:fixed;left:0;top:0;width:100%;z-index: 10;height: 45px;padding-left: 0;border-radius:0;line-height: 45px;text-align: center;}
	#travel100Detail.search .layerpop .tit .back{position:absolute;left:15px;top:15px;width:17px;height:16px;text-indent: -9999px;background: url(../images/common/btn_pop_back.png) 0 0 / 100% 100% no-repeat;}
	#travel100Detail.search .detail_100scene{height:100%;padding-top:45px;}

	/*** 2023 고도화 ***/

	/* app 페이지 header */
	body.app #gnbCommon{position:static !important;}
	body.app #contents{padding: 0 15px 30px;}
	body.app .app_main #contents{padding: 0;}

	/* gnb*/
	body.dim:after{display:none;}

	.swiper-tabs-nav{height:50px;padding: 11px 15px 0;background:#f4f6f8 url(../images/common/bg_gnb_depth2.gif) 0 0 / 2px auto repeat-x;}
	.swiper-tabs-content{padding: 0;}
    .swiper-tabs-content > .swiper-wrapper > .swiper-slide{padding:9.9rem 0 0 0;}
	.swiper-tabs-content > .swiper-wrapper > .swiper-slide .loading_wrap{position:absolute;left:0;top:195px;bottom:0;width:100%;z-index: 1000;}
	.swiper-tabs-content > .swiper-wrapper > .swiper-slide .loading_wrap:after{content: '';position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0, 0.7);}
	.swiper-tabs-content > .swiper-wrapper > .swiper-slide .loading_wrap .loading{position:absolute;left:50%;top:50%;width:80px;height:80px;margin:-40px 0 0 -40px;}

	.swiper-tabs-nav .swiper-slide {width:auto;text-align: center;}
	.swiper-tabs-nav .swiper-slide a{display:inline-block;padding:0 10px;height:28px;line-height:28px;font-size:12px;transition: all 0.3s ease-in-out;}
	.swiper-tabs-nav .swiper-slide.active a{border-radius:50px;background:#333;color:#fff;}
	.swiper-tabs-nav .swiper-slide.active a:before{content:'';display:inline-block;width:16px;height:15px;vertical-align: -3px;margin-right:4px;background: url(../images/common/icon_depth2.png) 0 0 / 16px auto no-repeat;}
	.swiper-tabs-nav .swiper-slide a.icon2:before{background-position:0 -15px;}
	.swiper-tabs-nav .swiper-slide a.icon3:before{background-position:0 -30px;}

	.swiper-tabs-nav .swiper-slide a.icon01:before{background-position:0 -45px;}
	.swiper-tabs-nav .swiper-slide a.icon02:before{background-position:0 -60px;}
	.swiper-tabs-nav .swiper-slide a.icon03:before{background-position:0 -75px;}
	.swiper-tabs-nav .swiper-slide a.icon04:before{background-position:0 -90px;}
	.swiper-tabs-nav .swiper-slide a.icon05:before{background-position:0 -105px;}
	.swiper-tabs-nav .swiper-slide a.icon06:before{background-position:0 -120px;}
	.swiper-tabs-nav .swiper-slide a.icon07:before{background-position:0 -135px;}
	.swiper-tabs-nav .swiper-slide a.icon08:before{background-position:0 -150px;}
	.swiper-tabs-nav .swiper-slide a.icon09:before{background-position:0 -165px;}
	.swiper-tabs-nav .swiper-slide a.icon10:before{background-position:0 -180px;}

    .submain_cont{margin:16rem 0 0;}

	/* 코치마크 */
	.m_coach_mark{display:block;height:100%;width:100%;position:fixed;left:0;top:0;z-index: 1000;background:rgba(0,0,0,.88);word-break:keep-all;text-align: center;}
	.m_coach_mark .ta{display:none;}
	.m_coach_mark .cont{padding:40px 14px 0;overflow-y:auto;max-height: 100%;}
	.m_coach_mark .cont .stit{display:block;font-weight:400;font-size:15px;line-height:19px;color:#fff;letter-spacing:-0.02em;}
	.m_coach_mark .cont .stit em{font-weight:800;color:#236cf6;}
	.m_coach_mark img{width:100%;}
	.m_coach_mark ul{padding:13px 0 0;color:#fff;margin:0 0 80px;}
	.m_coach_mark ul li{margin:0 0 5px;padding-left:14px;font-size:12px;border:1px dotted #726b6c;border-radius: 5px;display:flex;height:44px;align-items: center;}
	.m_coach_mark ul li strong{margin-right:10px;font-weight: 800;font-size:15px;color:#236cf6;}
	.m_coach_mark button{position:absolute;left:50%;transform: translateX(-50%); bottom:30px;width:30px;height:30px;background: url(../images/common/btn_coach_mark_close.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}

	/* 하단 퀵메뉴 */
	.main_mo .quick_menu.none{display:none;}
	.main_mo .quick_menu{display:block !important;position:fixed;left:0;bottom:0;width:100%;background:#fff;z-index: 11;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);}
	.main_mo .quick_menu .menu{height:50px;}
	.main_mo .quick_menu ul{display:flex;}
	.main_mo .quick_menu ul li{flex-grow: 1;flex-basis: 0;text-align: center;}
	.main_mo .quick_menu ul li a{display:block;font-size:11px;color:#000;}
	.main_mo .quick_menu ul li a:before{content:'';display:block;margin:10px 0 2px;height:19px;background: url(../images/main/icon_quick_menu1.png) 50% 0 / 21px auto no-repeat;}
	.main_mo .quick_menu ul li .home:before{background-position:50% 0;}
	.main_mo .quick_menu ul li .search:before{background-position:50% -14px;}
	.main_mo .quick_menu ul li .mypage:before{background-position:50% -28px;}
	.main_mo .quick_menu ul li .more:before{background-position:50% -42px;margin:17px 0 0;}
	.main_mo .quick_menu ul li .more.on:before{background-position:50% -56px;}
	.main_mo .quick_menu ul li .more{text-indent: -9999px;font-size:0;}
	.main_mo .quick_menu ul li .map:before{background: url(../images/main/icon_quick_map.png?v=20220929001) 50% 0 / 22px 14px no-repeat;}
	.main_mo .quick_menu .s_menu{height:50px;display: none;}
	.main_mo .quick_menu .s_menu ul li a:before{background: url(../images/main/icon_quick_menu2.png?v=20220929001) 50% 0 / 14px auto no-repeat;}
	.main_mo .quick_menu .s_menu ul li .smenu2:before{background-position:50% -14px;}
	.main_mo .quick_menu .s_menu ul li .smenu3:before{background-position:50% -28px;}
	.main_mo .quick_menu .s_menu ul li .smenu4:before{background: url(../images/main/icon_quick_map.png?v=20220929001) 50% 0 / 22px 14px no-repeat;}

	.main_mo .quick_menu .menu ul li a:before{background: url(../images/main/icon_quick_menu3.png) 50% 0 / 24px auto no-repeat;}
	.main_mo .quick_menu .menu ul li a.search:before{background-position: 50% -19px;}
	.main_mo .quick_menu .menu ul li a.map:before{background-position: 50% -38px;}
	.main_mo .quick_menu .menu ul li a.cockcock:before{background-position: 50% -57px;}
	.main_mo .quick_menu .menu ul li a.mypage:before{display:none;}
	.main_mo .quick_menu .menu ul li a.mypage .profile{display:block;margin:10px 0 2px}
	.main_mo .quick_menu .menu ul li a.mypage .profile.type1 span {background-image: url(../images/common/icon_header_profile2.png);}
	.main_mo .quick_menu .menu ul li a.mypage .profile span{display:inline-block;width:20px;height:20px;text-indent: -9999px;background-repeat: no-repeat;background-size: cover;background-position: 50% 50% !important;border-radius: 100%;background-image: url(../images/common/icon_header_profile1.png);}

	.quick_menu.app .menu{height:68px;}/* 앱(ios) */

	/* 검색 */
	#gnbCommon.db_gnb .serch_form{position: relative;}
	#gnbCommon.sub .serch_form{position: relative;}
	.search_index{background:#fff;}
	.search_index.location .form{margin: 0 1.6rem 1.6rem auto;}
	.search_index.location .related_search{margin-top: 0;}
	.search_index .pc{display:none;}
	.search_index .mo{display:block;}
	.search_index .layer_close{display:none;}
	.search_index [class^="icon_"].page_back{position:absolute;left:1.6rem;top:1.5rem; display: inline-flex; width:2.4rem;height:2.4rem;text-indent: -9999px; transform: rotate(180deg);}
    .search_index .logo{display: inline-block; position: absolute; left: 6rem;top:1.4rem;}
	.search_index .logo a{width:2.6rem; height: 2.6rem;display:inline-block;}
	.search_index .logo a img{width: 100%;}
	.search_index .box{padding-bottom: 3.2rem;}
	.search_index .wrap{width:auto;padding: 0.8rem 0 0;}
	.search_index .form ~ div:not(.form):not(.form + div) {border-top: 1px solid var(--global-gray-10); padding: 3.2rem 1.6rem 0; margin-top: 3.2rem;}
	.search_index h2 {display: inline-block; margin: 0 0 2rem; font-size: 2rem;letter-spacing:-0.02em;}
	.search_index h2:first-of-type{border-top: none;}
	.search_index .form {width: calc(100% - 11.4rem); height: 3.8rem;margin: 0 1.6rem 3.2rem auto;padding:0 9.2rem 0 1.6rem;border-bottom:0;background:var(--global-gray-05);border-radius: 50px;}
	.search_index .form.on:after{display:none;}
	.search_index .form button.area {height: 35px;margin-right: 10px;width: 47px;font-size: 13px;letter-spacing:-0.02em;background: url(../images/common/btn_search_m_area.png) 100% 50% / 13px 8px no-repeat;}
	.search_index .form button.area.on{background: url(../images/common/btn_search_area_m_on.png) 100% 13px / 13px 8px no-repeat;}
	.search_index .form button.area.active{background: url(../images/common/btn_search_area_m_active.png) 100% 13px / 13px 8px no-repeat;}
	.search_index .form input {width: calc(100% - 9.2rem); font-size: 1.6rem;background:none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.search_index .form .wrap_layerpop {width: 264px;height: 145px;top: 45px;border-radius: 5px;left: 0;right:0;}
	.search_index .form .wrap_layerpop .box_cont {padding: 15px 0;}
	.search_index .form .wrap_layerpop ul {padding: 0;width:240px;margin:0 auto;}
	.search_index .form .wrap_layerpop ul li {width:42px;height:25px;margin: 0 3px 5px;}
	.search_index .form .wrap_layerpop input[type="radio"] + label {height: 25px;padding-left: 42px;}
	.search_index .form .wrap_layerpop input[type="radio"] + label span{font-size: 12px; letter-spacing:-0.02em; height:25px;line-height:25px;}
	.search_index .form .wrap_layerpop input[type="radio"] + label:before{width: 42px;height: 25px;}
	.search_index .form .wrap_layerpop .btn_areaselect{display: none;}
	.search_index button.btn_search {width: 2.4rem;height: 2.4rem;top:1.5rem;right:3.2rem;}
	.search_index button.btn_search svg path{stroke-width: 2px;}
	.search_index .recent_search .close {font-size: 1.4rem; right: 1.6rem;}
	.search_index .recent_search .swiper-wrapper {flex-wrap: nowrap;margin-left:0;}
	.search_index .recent_search ul li {margin:0;}
	.search_index .recent_search ul li.more_btn{display:none;}
	.search_index .recent_search ul li a {font-size: 1.4rem;}
	.search_index .recent_search .swiper-container{margin:0 -1.6rem;padding-left:1.6rem;height:auto !important;}
	.search_index .recent_search .swiper-container.moview{display:block;}
	.search_index .recent_search .swiper-container.pcview{display:none;}
	.search_index .popular_search{display:block;}
	.search_index .popular_search em {position: absolute; top: 0; right: 0;}
	.search_index .popular_search .popular {display: flex; justify-content: space-between; gap: 1.2rem;}
	.search_index .popular_search ul{width:calc((100% - 1.2rem) / 2)}
	.search_index .popular_search ul + ul{float:right;}
	.search_index .popular_search ul li{display: flex; align-items: center; gap: 0.8rem; margin-bottom: 2rem; overflow: hidden;}
	.search_index .popular_search ul li.top .num{color: var(--brand-primary-50);}
	.search_index .popular_search ul li.top a{color: var(--global-gray-80);}
	.search_index .popular_search ul li:last-child{margin-bottom: 0;}
	.search_index .popular_search .num {flex-shrink: 0; width: 2.2rem;height: 2.2rem; text-align: center; color: var(--global-gray-70);font-size: 1.6rem;line-height: 2.2rem; font-weight: 800; letter-spacing:-0.02em;}
	.search_index .popular_search ul li a {width: auto;height: 2.2rem;line-height: 2.2rem;font-size: 1.6rem;color: var(--global-gray-60); font-weight: 700; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.search_index .keyword .inr {margin: -7px 0 15px -7px;max-height: 70px;}
	.search_index .keyword .info_txt{display:none;}
	.search_index .keyword ul {padding-right: 0;flex-wrap:nowrap;margin:0;}
	.search_index .keyword ul li {margin: 0;padding: 0 10px 0;height: 28px;line-height: 26px;}
	.search_index .recent_search .more_btn{display:none !important;}
	.search_index .keyword ul li a {font-size: 12px;line-height: 26px;}
	.search_index .keyword button {width:100%;height:auto;text-indent: 0;position:static;font-size:12px;background:none;color:#666;}
	.search_index .keyword button:after{content:'';display:inline-block;width:9px;height:6px;vertical-align: 1px;margin-left:4px;background: url(../images/common/btn_search_m_keyword.png) 0 0 / 100% auto no-repeat;}
	.search_index .keyword .inr.view + button:after{background-position: 0 -6px;vertical-align: 2px;}
	.search_index .keyword .more_btn{display:none !important;}
	.search_index .keyword .swiper-container {height: auto !important;margin:0 -15px;padding-left:15px;}
	.search_index .keyword .swiper-container.moview{display:block;}
	.search_index .keyword .swiper-container.pcview{display:none;}
	.search_index .keyword .no_data{padding: 5px 0 0;font-size: 12px;letter-spacing:-0.02em;}
	.search_index [class^="icon_"].icon_help {display: inline-flex; margin-left: 0.8rem; text-indent: -9999px; vertical-align: 0;}
	.search_index .layerPopup{z-index: 2000; padding: 3.2rem 1.6rem; text-align: center; position: absolute; left:1.6rem; right: 1.6rem; top:6rem; width: auto; letter-spacing:-0.02em; background: #fff; font-size: 1.4rem; line-height: 1.3; border-radius: 0.6rem;}
	.search_index .layerPopup.on{display: block;}
	.search_index .layerPopup button{ position: absolute; text-indent: -9999px; top: 1rem; right: 1rem;}
	.search_index .bg_dimmed{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); z-index: 1000;}
	.search_index .info_txt{display: none;}
	.search_index .popular_more .swiper-container{margin: 0 -1.6rem; padding-left: 1.6rem;}
    .search_index .popular_more ul li {width: 43.85%; margin-right: 1rem;}
    .search_index .popular_more a img{width: 100%; height: auto; aspect-ratio: 164 / 123;}
	.search_index .popular_more .inr {padding: 0 0 40px;}
	.search_index .popular_more strong {font-size: 1.6rem; margin-top: 1.4rem ; color:#333; text-align: left; height: auto;}
	.search_index .popular_more .swiper-button-next, .search_index .popular_more .swiper-button-prev{display:none;}
	.search_index .popular_more .mo_page{display:block;margin:20px 0 0;position: relative;height:14px;}
	.search_index .popular_more .swiper-scrollbar{position: absolute;left:0;width:auto;right:45px;bottom:auto;top:6px;height: 2px;background:#ededee;}
	.search_index .popular_more .swiper-scrollbar-drag{background:#333;}
	.search_index .popular_more .swiper-pagination{height:14px;display:inline-block;width:auto;left:auto;right:0;bottom:0;line-height:14px;font-size:11px;font-weight: 300;color:#333;}
	.search_index .popular_more .swiper-pagination-current{font-weight: 700;color:#000;}
	.search_index .recent_search{padding: 0 1.6rem;}
	.search_index .recent_search .no_data {padding: 0.6rem 0;font-size: 1.4rem;}
	.search_index .related_search {margin-top: 0; padding: 0 1.6rem; border-bottom: none; width: 100%; height: calc(100vh - 7.8rem); max-height: calc(100vh - 7.8rem); overflow-y: auto; position: absolute; top: 6rem; z-index: 10; background: #fff;}
	.search_index .related_search ul li a {height: 4.2rem; line-height: 4.2rem; padding-inline: 2rem; font-size: 1.6rem;}
	.search_index .form button.delete {right:5.6rem;top:0.9rem;width: 2rem;height: 2rem;}
	.search_index .form button.delete span{width: 1.2rem; height: 1.2rem;}

	/* 지역 축제 */
	.local_fair{width: auto;margin: 30px auto 20px;}
	.local_fair h2{padding:0 0 13px;margin: 0 0 0 15px;float:none;width:auto;height:auto;background:none;text-indent: 0;font-size:17px;letter-spacing:-0.02em;line-height: 20px;color:#000;font-weight: 300;}
	.local_fair h2 strong{display:inline-block;height:auto;font-size:17px;letter-spacing:-0.02em;line-height: 20px;overflow: inherit;}
	.local_fair .fair_slide{width:auto;margin-left: 0;}
	.local_fair .swiper-container{margin: 0 0 0 15px;padding: 0 0 13px;}
	.local_fair .swiper-button-next, .local_fair .swiper-button-prev{display:none;}
	.local_fair .swiper-slide {width: 130px !important;}
	.local_fair .swiper-container a:after{display:none;}
	.local_fair .swiper-container a{width:130px;height:auto;border-radius: 7px;}
	.local_fair .swiper-container a:hover{box-shadow:none;}
	.local_fair .img{width:130px;height:130px;}
	.local_fair .hover_cont{opacity: 1;position:static;width: auto;padding: 13px 0 0;height: auto;}
	.local_fair .date{padding: 0 0 6px;font-size: 12px;line-height: 15px;letter-spacing:-0.02em;}
	.local_fair strong{font-size: 16px;letter-spacing:-0.02em;line-height: 20px;height:40px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: inherit;}
	.local_fair .calendar{display: block;position:static;width:150px;margin:0 auto;padding: 0;text-align: center;font-size:13px;}
	.local_fair .calendar:after{width: 7px;height: 12px;vertical-align: -1px;background: url(../images/common/btn_local_fair_calendar01.png) 0 0 / 100% 100% no-repeat;}
	.local_fair .more{top:5px;left:auto;right:15px;width:12px;height:12px;font-size: 14px;text-indent: -9999px;background: url(../images/sub/ico_moreplus.png) 0 0 no-repeat;}
	.local_fair .more:after{display:none;}

	/* 현위치 팝업 */
	#positionPop01 .layerpop{padding: 20px 15px 15px;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;text-align: center;}
	#positionPop01 .layerpop strong:before{content:'';display:block;width:100%;margin-bottom:8px;height:42px;background: url(../images/common/icon_position_pop.png) 50% 0 / 40px 100% no-repeat;}
	#positionPop01 .layerpop strong{display:block;font-size:16px;letter-spacing:-0.02em;line-height:19px;color:#333;}
	#positionPop01 .layerpop strong em{color:#4880ed;font-weight: 800;}
	#positionPop01 .layerpop p{padding:7px 0 18px;font-size:13px;line-height:16px;color:#666;}
	#positionPop01 .layerpop .btn_area{margin-left:-5px;overflow: hidden;}
	#positionPop01 .layerpop .btn_area a{margin-left:5px;float:left;width:calc(50% - 5px);height:30px;line-height:30px;color:#fff;font-size:13px;border-radius: 5px;background:#4880ed;}
	#positionPop01 .layerpop .btn_area a + a{background:#666;}
	#positionPop01 .btn_none{padding:20px 0 0;}
	#positionPop01 .btn_none button{font-size:12px;color:#666;}

	/* 승인불가사유 팝업 */
	#approvalImpossible ul {padding: 15px;max-height: 220px;}
	#approvalImpossible ul li{padding: 13px 0 12px;}
	#approvalImpossible ul li:first-child {padding: 0 0 12px;}
	#approvalImpossible ul li p {margin-left: 62px;font-size: 13px;letter-spacing:-0.02em;line-height: 18px;}
	#approvalImpossible ul li .date {margin: 6px 0 0 62px;font-size: 12px;line-height: 15px;}
	#approvalImpossible ul li .date span + span:before{height:8px;margin: 4px 10px;}
	#approvalImpossible ul li p:before {background: url(../images/common/icon_impossible_pop01.png) 0 0 / 100% 100% no-repeat;}

	/* 댓글평가 팝업 */
	#commentPop .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
	#commentPop .estimate_txt br{display:none;}
	#commentPop .estimate_txt .mo{display:block;}
	#commentPop .estimate_txt{word-break:keep-all;padding:15px 15px;}
	#commentPop input[type="radio"] + label:after{width:55px;height:55px;margin-left: -27.5px;}
	#commentPop input[type="radio"] + label.icon1:after{background: url(../images/common/icon_m_estimate01.png) 0 0 / 100% 100% no-repeat;}
	#commentPop input[type="radio"] + label.icon2:after{background: url(../images/common/icon_m_estimate02.png) 0 0 / 100% 100% no-repeat;}
	#commentPop input[type="radio"] + label{padding-top: 70px;min-height: 20px;padding-left: 28px;font-size:13px;}
	#commentPop input[type="radio"] + label:before{top: 70px;width: 20px;height: 20px;background: url(../images/common/radio_m_estimate01.png) 0 0 / 100% auto no-repeat;}
	#commentPop input[type="radio"]:checked + label:before {background-position: 0 -20px;}
	#commentPop .btn_center a{width:90px;font-size:12px;}

	/* 사진신고 팝업 */
	#reportPop .layerpop{left: 50% !important;right: 15px !important;width: 300px !important;margin-left: -150px !important;}
	#reportPop input[type="radio"] + label{padding-left: 18px;min-height: 12px;font-size:13px;letter-spacing:-0.02em;}
	#reportPop input[type="radio"] + label:before{top: 3px;width: 12px;height: 12px;border: 1px solid #000;}
	#reportPop .report_cont{padding: 2px 5px 0 5px;}
	#reportPop input[type="radio"] + label:after{width: 6px;height: 6px;top: 7px;}
	#reportPop .report_cont ul li span{padding: 6px 0 0 20px;}
	#reportPop .btn_center {padding: 20px 0 5px;}
	#reportPop input[type=text]{border-radius:0;}

	/* 댓글/답글 신고 팝업 */
	#reportPop1 .layerpop{width: auto; left: 15px !important; right: 15px !important; margin-left: 0 !important; padding: 20px; border-radius: 4px;}
	#reportPop1 .layerpop .tit > h2{padding: 0 !important; font-size: 16px;}
	#reportPop1 .layerpop .box_cont{padding: 24px 0 0 0;}
	#reportPop1 ul li{margin-bottom: 12px;}
	#reportPop1 input[type="radio"] + label{font-size: 13px; padding-left: 21px; line-height: 16px;}
	#reportPop1 input[type="radio"] + label:before{width: 16px; height: 16px;}
	#reportPop1 input[type="radio"] + label::after{width: 8px; height: 8px; left: 4px;}
	#reportPop1 .btn_center{margin-top: 24px;}
	#reportPop1 .btn_center a{border-radius: 3px; height: 30px; line-height: 28px; font-size: 12px;}
	#reportPop1 .icon_close2_md {width: 16px; height: 16px;}
	#reportPop1 .icon_close2_md svg{width: 100%; height: 100%;}
	#reportPop1 label + span{margin-top: 12px;}
	#reportPop1 textarea{font-size: 12px; padding: 16px; border-radius: 4px;}


	/* 여행톡 이미지 뷰어 팝업 */
	#imgViewPop .layerpop .btn_close3{top:14px;right:9px;width:17.5px;height:17.5px;background-size:17.5px auto !important;}
	#imgViewPop .layerpop .btn_close_imgview{top: 20px; right: 15px; width: 16px; height: 16px; background: url(../images/common/btn_close_imgview_m.png) 0 0 / 100% 100% no-repeat;}
	.img_view .topWrap{top: 56px;right: 15px;left: 15px; width: auto; height: calc(100% - 173px);}
	.img_view .gallery-top .swiper-slide .wrap {left: 0;right: 0; height: calc(100% - 62px);}
	.img_view .gallery-top .swiper-slide .img_wrap{top: 58px;right: 15px;left: 15px;bottom: 113px;}
	.img_view .thumbsWrap{bottom: 20px;left: 15px !important;right: 0 !important;}
	.img_view .gallery-top .swiper-slide .tit_wrap{bottom:18px;}
	.img_view .gallery-top .swiper-slide .profile{height:20px;width:20px;}
	.img_view .gallery-top .swiper-slide .profile .photo{height:20px;width:20px;}
	.img_view .gallery-top .swiper-slide .profile .ico{width:8px;height:8px;bottom: -2px;}
	.img_view .gallery-top .swiper-slide .tit_wrap em{margin-left:5px; font-size: 12px;}
	.img_view .gallery-top .swiper-button-prev, .img_view .gallery-top .swiper-button-next{display: none;}
	.img_view .thumbsWrap .swiper-container{overflow-x:hidden;}
	.img_view .gallery-thumbs .swiper-slide{width:60px; height: 60px; margin-right: 8px;}
	.img_view .gallery-thumbs a.on:after {border:2x solid #10a9f9;}
	#imgViewPop .gallery-thumbs .swiper-scrollbar{height: 2px; margin-top: 16px; width: calc(100% - 15px);}
	#imgViewPop .gallery-thumbs .swiper-pagination{margin:0;font-size:11px;width: calc(100% - 15px); margin-top: 8px; line-height: 1;}


	/* 여행콕콕 여행지안내 팝업 */
	#travelinfoPop.travelinfoPop .mo{display:block;}
	#travelinfoPop.travelinfoPop .pc{display:none;}
	#travelinfoPop .layerpop .tit > h2{height:40px;line-height:40px;padding: 0 0 0 15px !important;font-size: 16px;letter-spacing:-0.02em;}
	#travelinfoPop .layerpop .box_cont{padding:18px 15px 20;font-size: 12px;}
	#travelinfoPop .layerpop img{width:100%;}
	#travelinfoPop .layerpop p{padding: 0 0 18px;line-height: 15px;}
	#travelinfoPop .layerpop p br{display:none;}
	#travelinfoPop .layerpop p strong{font-size: 13px;line-height: 17px;}
	#travelinfoPop.wrap_layerpop .layerpop {left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
	#travelinfoPop .layerpop .btn_close3{padding:0 !important;top: 12px;right: 16px;width:16px;height:16px;background: url(../images/common/btn_pop_mclose.png) 0 0 / 100% 100% no-repeat;}

	/* 서브 팝업 */
	#subPop01.wrap_layerpop img{width:100%;}
	#subPop01.wrap_layerpop .mo{display:block;}
	#subPop01.wrap_layerpop .pc{display:none;}
	#subPop01 .layerpop .box_cont .btn a{width:50%;}
	#subPop01.wrap_layerpop .layerpop {left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
	#subPop01 .layerpop .swiper-button-next, #subPop01 .layerpop .swiper-button-prev{display:none;}
	#subPop01 .layerpop .swiper-pagination{display:block;bottom:0}
	#subPop01 .layerpop .swiper-pagination-bullet{width:12px;height:12px;background: #fff;opacity: .6;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);}
	#subPop01 .layerpop .swiper-pagination-bullet-active{background: #000;}

	/* 소셜로그인 */
	#socialLogin.wrap_layerpop .layerpop{left: 15px !important;right: 15px !important;width: auto;margin-left: 0 !important;border-radius: 3px;}
	#socialLogin .layerpop .tit h2 {padding: 12px 15px !important;font-size:13px;line-height:16px;}
	#socialLogin .layerpop .box_cont{padding: 25px 0 0;}
	#socialLogin .logo{width: 200px;height: 50px;background: url(../images/common/pop_sociallogin_mlogo.png) 50% 0 / 100% 100% no-repeat;box-shadow: 3px 5px 19px 0px rgba(6, 0, 1, 0.15);}
	#socialLogin .img{width: 200px;height: 21px;background: url(../images/common/pop_sociallogin_mlogo01.gif) 50% 0 / 100% 100% no-repeat;}
	#socialLogin p{padding: 8px 0 16px;font-size:12px;}
	#socialLogin p br{display:block;}
	#socialLogin .auto_login{padding: 13px 0 25px 0;}
	#socialLogin .auto_login input[type="checkbox"] + label{font-size:14px;padding-left: 25px;min-height: 21px;}
	#socialLogin .auto_login input[type="checkbox"] + label:before{top: 0px;}
	#socialLogin .auto_login input[type="checkbox"]:checked + label:after{top: 0px !important;}

	/* 메인 개인정보 수집 및 이용 동의 팝업 */
	#mainAgreement.wrap_layerpop .layerpop{max-height: 100%;overflow-x: hidden;overflow-y: auto;left: 15px !important;right: 15px !important;width: auto;margin-left: 0 !important;}
	#mainAgreement .box_cont{padding: 15px;}
	#mainAgreement .top_cont strong{height:24px;margin: 5px 0 0;}
	#mainAgreement .top_cont p{padding: 7px 0 17px;font-size: 12px;letter-spacing:-0.02em;font-weight: 300;}
	#mainAgreement .top_cont p br{display:none;}
	#mainAgreement .clause_wrap .tit{padding: 0 0 5px;}
	#mainAgreement input[type="checkbox"] + label{padding-left: 26px;font-size: 14px;letter-spacing:-0.02em;}
	#mainAgreement input[type="checkbox"] + label:before{top: 0px;background: url(../images/main/clause_pop_mchk.png) 0 0 / 100% auto no-repeat;}
	#mainAgreement .clause_wrap + .clause_wrap{padding: 18px 0 0;}
	#mainAgreement .clause{padding: 10px;font-size: 12px;overflow-x: hidden;}
	#mainAgreement .clause .type1 {padding: 15px 0 0;}
	#mainAgreement .clause .stit{padding: 15px 0 0;}
	#mainAgreement .clause .sstit{padding: 15px 0 0;}
	#mainAgreement .clause ul li ul li{padding: 0 0 0 10px;}
	#mainAgreement .layerpop .btn_center{margin-top: 20px;padding:10px 0;background:#333;}
	#mainAgreement .layerpop .btn_center a{box-sizing: border-box;width:110px;height:35px;line-height: 35px;font-size: 14px;border:0;}
	#mainAgreement .layerpop .btn_cancel{background:#a1a9b7;color:#fff;}
	#mainAgreement .layerpop .btn_ok{background:#fff;color:#333;}
	#mainAgreement .clause table{font-size: 12px;width: 460px;table-layout: unset;}
	#mainAgreement .clause .board{overflow-x: scroll;}
	#mainAgreement .clause table tbody th{padding: 0 0 0 15px;}
	#mainAgreement .clause table td{padding: 7px 0 5px 15px;}
	#mainAgreement .clause .board.type1{margin:0 0 10px;}

	/* 큐레이션 지역선택 팝업 */
	#curationAreaPop .layerpop{width:310px;border-radius: 10px;}
	#curationAreaPop .layerpop .tit > h2{font-size:16px;line-height:20px;padding:21px 0 0 15px !important;letter-spacing:-0.02em;}
	#curationAreaPop .layerpop .box_cont{padding: 0 0 0 10px;max-height: 375px;}
	#curationAreaPop .layerpop .btn_center{padding: 10px 0 25px;}
	#curationAreaPop .layerpop .btn_center a{border-radius: 5px;width:90px;height:30px;line-height: 30px;font-size: 13px;}
	#curationAreaPop ul{padding: 29px 0 0;}
	#curationAreaPop ul li{padding: 0 0 10px 9px;}
	#curationAreaPop input[type="radio"] + label, #curationAreaPop input[type="checkbox"] + label{height: 30px;padding-left: 58px;}
	#curationAreaPop input[type="radio"] + label:before, #curationAreaPop input[type="checkbox"] + label:before{width: 58px;height: 30px;}
	#curationAreaPop input[type="radio"] + label span, #curationAreaPop input[type="checkbox"] + label span{font-size: 13px;height: 30px;line-height: 30px;}
	#curationAreaPop .layerpop .btn_close3{padding:0 !important;top:24px;right:15px;background: url(../images/common/btn_curation_area_mclose.png) 0 0 / 100% 100% no-repeat;}
	#curationAreaPop .s_menu{margin: 10px 15px 0 10px;}
	#curationAreaPop .s_menu input[type="checkbox"] + label:before{border: 1px solid #cecece;}
	#curationAreaPop .s_menu input[type="checkbox"]:checked + label:before{border:1px solid #000;}
	#curationAreaPop .s_menu .btn_smenu button{padding: 13px 0 5px;font-size: 13px;}
	#curationAreaPop .s_menu .btn_smenu button:after{vertical-align: 0px;background: url(../images/common/btn_curation_marea01.png) 0 0 / 100% 100% no-repeat;}

	#curationAreaPop01 .layerpop{width:290px;}
	#curationAreaPop01 .layerpop .tit > h2{font-size:20px;line-height:20px;padding:21px 0 0 15px !important;letter-spacing:-0.02em;}
	#curationAreaPop01 .layerpop .box_cont{padding: 0 0 0 5px;}
	#curationAreaPop01 .layerpop .btn_center{padding: 10px 0 25px;}
	#curationAreaPop01 .layerpop .btn_center a{border-radius: 5px;width:90px;height:30px;line-height: 30px;font-size: 13px;}
	#curationAreaPop01 ul{padding: 28px 0 0 !important;}
	#curationAreaPop01 ul li{padding: 0 0 10px 9px;}
	#curationAreaPop01 input[type="checkbox"] + label{height: 30px;padding-left: 58px;}
	#curationAreaPop01 input[type="checkbox"] + label:before{width: 58px;height: 30px;}
	#curationAreaPop01 input[type="checkbox"] + label span{font-size: 13px;height: 30px;line-height: 30px;}
	#curationAreaPop01 .layerpop .btn_close3{padding:0 !important;top:24px;right:15px;background: url(../images/common/btn_curation_area_mclose.png) 0 0 / 100% 100% no-repeat;}
	#curationAreaPop01 .s_menu{margin: 0 15px 0 10px;}
	#curationAreaPop01 .s_menu input[type="checkbox"] + label:before{border: 1px solid #cecece;}
	#curationAreaPop01 .s_menu input[type="checkbox"]:checked + label:before{border:1px solid #3eaee1;}

	/* 정보입력 팝업 */
	#informationInputPop .layerpop {left: 1.6rem !important;right: 1.6rem !important;width: auto !important;margin-left: 0 !important;}
	#informationInputPop .layerpop .box_cont{padding:2rem 1.6rem;}
	#informationInputPop .layerpop p{padding:0 0 1.2rem;font-size:1.6rem;color:var(--global-gray-90);line-height: 130%;text-align: center;}
	#informationInputPop .layerpop p strong{font-weight: 800;}
	#informationInputPop .layerpop .box_cont > ul{margin:2rem 0 0;padding:2rem;}
	#informationInputPop .layerpop .box_cont > ul > li{height: 4rem;margin:0 0 2rem;}
	#informationInputPop .layerpop .box_cont > ul > li + li{margin:0;}
	#informationInputPop .layerpop .box_cont > ul > li strong{width: 7.2rem;font-weight: 700;font-size:1.4rem;}
	#informationInputPop .layerpop .box_cont > ul > li span{display:flex;}
	#informationInputPop .agree_check{display:flex;justify-content: flex-end;}
	#informationInputPop .layerpop .btn{padding:2rem 0 0;}
	#informationInputPop .selectbox_field_md .trigger {height: 4rem !important;font-size: 1.4rem !important;border-radius: 0.4rem;border: 1px solid #D6D6E2;}
	#informationInputPop .selectbox_field_md .trigger .icon_chevron_dw_sm path{stroke:#949499;}
	#informationInputPop .selectbox_field_md .layer ul li a {height: 32px;line-height: 32px;font-size: 1.4rem !important;}
	#informationInputPop .selectbox_field_md .layer ul {max-height: 150px;}
	#informationInputPop .selectbox_field_md .layer {top: 4.7rem;border: 1px solid #D6D6E2;}
	#informationInputPop input[type="radio"].radio_pg_sm + label {width: 109px;box-sizing: border-box;}

	/* 공통 팝업 */
	#commonPop .layerpop {max-height:100%;overflow-y:auto;width: auto;left: 40px !important;right: 40px !important;width: auto;margin-left: 0 !important;}
	#commonPop .layerpop .box_cont a{width:auto;height:24.5px;margin:0;}
	#commonPop .layerpop img{width:100%;}
	#commonPop .layerpop .btn_close3{width:21.5px;height:21.5px;top: -9px;right: -6px;}
	#commonPop .swiper-button-next {width: 30px;height: 30px;margin-top: -15px !important;right:0;}
	#commonPop .swiper-button-prev {width: 30px;height: 30px;margin-top: -15px !important;left:0;}
	#commonPop .layerpop .pc{display:none;}
	#commonPop .layerpop .mo{display:block;}
	#commonPop .layerpop label{font-size:13px;}
	#commonPop .viewNone button{font-size:13px;}

	#safetyStay1 .layerpop {max-height:100%;overflow-y:auto;width: auto;left: 40px !important;right: 40px !important;width: auto;margin-left: 0 !important;}
	#safetyStay1 .layerpop .box_cont a{width:auto;height:24.5px;margin:0;}
	#safetyStay1 .layerpop img{width:100%;}
	#safetyStay1 .layerpop .btn_close3{width:21.5px;height:21.5px;top: -9px;right: -6px;}
	#safetyStay1 .swiper-button-next {width: 30px;height: 30px;margin-top: -15px !important;right:0;}
	#safetyStay1 .swiper-button-prev {width: 30px;height: 30px;margin-top: -15px !important;left:0;}
	#safetyStay1 .layerpop .pc{display:none;}
	#safetyStay1 .layerpop .mo{display:block;}
	#safetyStay1 .layerpop label{font-size:13px;}
	#safetyStay1 .viewNone button{font-size:13px;}

	#safetyStay1 .layerpop.slide{left: 35px !important;right: 35px !important;}
	#safetyStay1 .slide_pop .paging{bottom:15px;}
	#safetyStay1 .slide_pop .swiper-pagination button.swiper-pagination-bullet{width:8px;height:8px;margin-left: 5px;}
	#safetyStay1 .slide_pop .swiper-pagination button.swiper-pagination-bullet-active{height:8px;width:16px;}
	#safetyStay1 .slide_pop .btn_autoArea .btn_autoPlay{width:7px;height:8px;background: url(../../resources/images/main/btn_slide_mplay.png) 0 0 / 100% 100% no-repeat;}
	#safetyStay1 .slide_pop .btn_autoArea .btn_autoStop{width:7px;height:8px;background: url(../../resources/images/main/btn_slide_mstop.png) 0 0 / 100% 100% no-repeat;}
	#safetyStay1 .layerpop.slide .viewNone{height:30px;line-height:30px;padding: 0 0 0 2px;border-radius:0 0 10px 10px;}
	#safetyStay1 .layerpop.slide .viewNone button{font-size:12px;height:30px;line-height: 30px;padding:0;right:10px;}
	#safetyStay1 .layerpop.slide{border-radius:10px;}
	#safetyStay1 .layerpop.slide .box_cont{border-radius:10px;}
	#safetyStay1 .layerpop.slide .box_cont img{border-radius:10px 10px 0 0;}
	#safetyStay1 .slide_pop .swiper-container{border-radius: 10px 10px 0 0;}
	#safetyStay1 .layerpop.slide input[type="checkbox"] + label{min-height: 16px;font-size: 12px;line-height: 29px;padding-left: 20px;}
	#safetyStay1 .layerpop.slide input[type="checkbox"] + label:before{width:16px;height:16px;top:7px;background: url(../../resources/images/main/bg_m_ckeckbox.png) 0 0 / 100% 100% no-repeat;}
	#safetyStay1 .layerpop.slide input[type="checkbox"]:checked + label:after{width:16px;height:16px;top:7px;background: url(../../resources/images/main/bg_m_ckeckbox01.png) 0 0 / 100% 100% no-repeat;}

	#safetyStay1 .slide01 .slide_pop .paging{height:18px;line-height: 18px;bottom: 2px;}
	#safetyStay1 .slide01 .slide_pop .swiper-pagination button.swiper-pagination-bullet{width:8px;height:8px;}
	#safetyStay1 .slide01 .slide_pop .btn_autoArea .btn_autoPlay{height: 20px;}
	#safetyStay1 .slide01 .slide_pop .btn_autoArea .btn_autoStop{height: 20px;}

	/* 이벤트 참여동의 팝업 */
	#evAgreeForm .popSpc{display:block;margin:0 15px;border: 3px solid #00981f;border-radius:14px;}
	#evAgreeForm .layerpop .tit > h2{padding:9px 9px 9px 25px;font-size:13px;}
	#evAgreeForm .layerpop .agrTxt{font-size:11.5px;line-height: 16px;padding: 0 0 10px;margin: 0 0 10px;}
	#evAgreeForm .layerpop .btn_close3{width:15px;height:15px;background-size:15px 15px;right: 15px;padding: 18px 18px;}
	#evAgreeForm .layerpop{width:100% !important;height:auto;border:0;border-radius: 0;}
	#evAgreeForm .layerpop .box_cont .sstit{font-size:13px;padding: 0 0 8px 5px;}
	#evAgreeForm .layerpop .box_cont .sstit:before{top: 7px;width:2px;height:2px;}
	#evAgreeForm .layerpop .eventForm .sstit:first-child{padding: 0 0 0 5px;}
	#evAgreeForm .write li{width:100%;padding: 11px 0 0 0;}
	#evAgreeForm .layerpop .box_cont input.txtForm{width:100%;}
	#evAgreeForm .layerpop .write li em{display:block;width:100%;font-size:11.5px;padding: 0 0 5px 0;}
	#evAgreeForm .write{padding: 0 0 10px 0;margin: 0 0 10px;}
	#evAgreeForm .write textarea{width:100%;font-size:11.5px;height:35px;line-height: 26px;}
	#evAgreeForm .write input{height:35px;}
	#evAgreeForm .write li > div{display:block;width:100%;}
	#evAgreeForm .write .adrsForm button{font-size:11.5px;width:88px;line-height:35px;}
	#evAgreeForm .write .adrsForm div input{width:100%;}
	#evAgreeForm .write .adrsForm p{font-size:10px;}
	#evAgreeForm .write .form_txt{padding: 9px 0 0 0;font-size:11px;}
	#evAgreeForm .btn_center{padding-top: 20px;height:80px;}
	#evAgreeForm .layerpop .btn_center a{width:90px;font-size:14px;height:35px;line-height:35px;}
	#evAgreeForm .write select{height:35px;line-height:35px;}
	#evAgreeForm .phoneForm select{width: calc(33% - 2px); width: -webkit-calc(33% - 2px);	width: -moz-calc(33% - 2px);}
	#evAgreeForm .phoneForm input{width: calc(33% - 9px); width: -webkit-calc(33% - 9px); width: -moz-calc(33% - 9px); margin-left:7px;}
	#evAgreeForm .enentClause .clause{height:125px;}
	#evAgreeForm .enentClause .assent p{font-size:11.5px;display:block;float:none;overflow:hidden;text-align:center;}
	#evAgreeForm .enentClause .assent span{padding:13px 0 0 0;font-size:11.5px;display:block;float:none;overflow:hidden;text-align:center;}
	#evAgreeForm .enentClause .assent label.first{margin-right:15px;}
	#evAgreeForm .enentClause .assent label{font-size:11.5px;}
	#evAgreeForm .write select{font-size:11.5px;}
	#evAgreeForm .enentClause .clause > div{font-size:11px;padding: 10px;}
	#evAgreeForm .enentClause .clause p{padding:0 0 10px;}
	#evAgreeForm .enentClause .clause div > ul{padding:0 0 10px;}
	#evAgreeForm .enentClause .clause div ul li strong{display:block;font-weight:400;}
	#evAgreeForm .enentClause .clause .type1 li:first-child{margin-top:0;}
	#evAgreeForm .layerpop .scrollArea{max-height:370px;padding: 15px 15px 0;}
	#evAgreeForm .scrollArea::-webkit-scrollbar {width: 3px;}
	#evAgreeForm .scrollArea::-webkit-scrollbar-thumb {background: rgba(0,0,0,.3);}

	.layerpop.submain_area {width: 290px;}
	.layerpop.submain_area .box_cont {padding: 20px 15px;}
	.layerpop.submain_area strong {font-size: 18px;line-height: 20px;letter-spacing:-0.02em;}
	.layerpop.submain_area .btn_close {right:15px;top: 22px;width: 13px;height: 13px;background: url(../images/common/pop_area_close1.png) 0 0 / 100% 100%;}
	.layerpop.submain_area ul li {width: 58px;height: 30px;}
	.layerpop.submain_area .btn_center a {height: 30px;font-size: 12px;}
	.layerpop.submain_area input[type="checkbox"] + label {height: 30px;padding-left: 58px;}
	.layerpop.submain_area input[type="checkbox"] + label:before {width: 58px;height: 30px;}
	.layerpop.submain_area input[type="checkbox"] + label span {font-size: 12px;height: 30px;line-height: 30px;}
	#submainMapPop .layerpop{left: 0 !important;border-radius:0;right: 0 !important;top:0 !important;width: auto !important;margin: 0 !important;height: 100%;background: #fff;}
	#submainMapPop .layerpop strong.tit {padding: 0 0 18px;font-size: 18px;line-height: 20px;letter-spacing:-0.02em;}

	#trafficControlPop .layerpop {width: 290px;}
	#trafficControlPop .layerpop .box_cont {padding: 30px 20px;}
	#trafficControlPop .layerpop .svgLogo {height: 19px;}
	#trafficControlPop .layerpop .svgLogo svg {width: 110px;}
	#trafficControlPop .layerpop em {margin: 40px 0 5px;padding: 135px 0 0;font-size: 15px;line-height: 17px;letter-spacing:-0.02em;background-size:121px 105px;}
	#trafficControlPop .layerpop .num {font-size: 35px;line-height: 39px;}
	#trafficControlPop .progress_bar {height: 6px;margin: 20px 0 35px;}
	#trafficControlPop .progress_bar span {height: 6px;width:5px;}
	#trafficControlPop .layerpop .stit {font-size: 17px;letter-spacing:-0.02em;line-height: 20px;}
	#trafficControlPop .layerpop .stit + p {padding: 7px 0 15px;font-size: 14px;line-height: 18px;letter-spacing:-0.02em;}
	#trafficControlPop .layerpop p + p {padding: 15px 0 0;font-size: 13px;line-height: 17px;letter-spacing:-0.02em;}

	.layerpop.submain_area .category_chk .stit {font-size: 14px;line-height: 16px;letter-spacing:-0.02em;}
	.layerpop.submain_area .category_chk strong {padding: 0 0 18px;}
	.layerpop.submain_area .category_chk .theme {margin-left: -10px;padding: 0 0 20px;}
	.layerpop.submain_area .category_chk .theme li {margin: 0 0 10px 10px;}
	.layerpop.submain_area .category_chk .theme li button {height: 30px;padding: 0 10px;font-size: 12px;}

	.layerpop.submain_area .category_chk ul li {width: 90px;padding: 0 0 23px;}
	.layerpop.submain_area .category_chk ul li span {width: 90px;font-size: 14px;line-height: 16px;}
	.layerpop.submain_area .category_chk ul li button {width: 52px;}
	.layerpop.submain_area .category_chk ul li button:after {width: 14px;height: 14px;left: 57px;}
	.layerpop.submain_area .category_chk ul li button.on:after {background-position: 0 -14px;}
	.layerpop.submain_area .category_chk ul li button:before {height: 52px;background-size:52px auto;}
	.layerpop.submain_area .category_chk ul li button.culture:before {background-position: 0 -52px;}
	.layerpop.submain_area .category_chk ul li button.sports:before {background-position: 0 -104px;}
	.layerpop.submain_area .category_chk ul li button.restaurant:before{background-position: 0 -156px;}
	.layerpop.submain_area .category_chk ul li button.cafe:before{background-position: 0 -208px;}
	.layerpop.submain_area .category_chk ul li button.hotel:before{background-position: 0 -260px;}
	.layerpop.submain_area .category_chk ul li button.traditional:before{background-position: 0 -312px;}
	.layerpop.submain_area .category_chk ul li button.pension:before{background-position: 0 -364px;}
	.layerpop.submain_area .category_chk ul li button.camping:before {background-position: 0 -416px;}
	#popularStayPop .submain_area .category_chk ul{width:180px;margin:0 auto;}
	#popularStayPop .submain_area .category_chk ul li{width: 90px;}
	#popularStayPop .submain_area .category_chk ul li span {width: 90px;}
	#popularStayPop .submain_area .category_chk ul li:nth-child(3), #popularStayPop .submain_area .category_chk ul li:nth-child(4){margin-top:20px;}

	#submainAreaPop1 .layerpop.submain_area.full, #submainAreaPop2 .layerpop.submain_area.full{left: 0 !important;border-radius:0;right: 0 !important;top:0 !important;width: auto !important;margin: 0 !important;height: 100%;background: #fff;}
	#submainAreaPop1 .layerpop.submain_area, #submainAreaPop2 .layerpop.submain_area{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
	#submainAreaPop1 .layerpop strong.tit, #submainAreaPop2 .layerpop strong.tit {padding: 0 0 18px;font-size: 18px;line-height: 20px;letter-spacing:-0.02em;}
	#submainAreaPop1 .btn_list, #submainAreaPop2 .btn_list {padding-left: 15px;margin: 0 0 18px;font-size: 11px;line-height: 12px;background: url(../images/common/icon_map_m_list01.png) 0 50% / 10px 10px no-repeat;}

	/* 메인 퀵 문자채팅 레이어 */
	.layer-talk-menu{width:auto;}
	.layer-talk-menu h1{float:none;padding: 10px 0 9px !important;}
	#submainMapPop .layerpop .box_cont {padding:20px 15px;}
	#submainMapPop .btn_close {right: 15px;top: 22px;width: 13px;height: 13px;background: url(../images/common/pop_area_close1.png) 0 0 / 100% 100%;}
	#submainMapPop .btn_list{padding-left: 15px;font-size: 11px;line-height: 13px;background: url(../images/submain/icon_map_list1.png) 0 50% / 10px 10px no-repeat;}
	#submainMapPop input[type="checkbox"] + label {font-size: 12px;line-height: 14px;}
	#submainMapPop input[type="checkbox"] + label:before {width: 14px;height: 14px;background: url(../images/common/btn_check_m_map1.png) 50% 50% / 8px 7px no-repeat;}
	#submainMapPop input[type="checkbox"]:checked + label:before {background: #333 url(../images/common/btn_check_m_map.png) 50% 50% / 8px 7px no-repeat;}
	#submainMapPop .select_all {padding: 0 0 20px;}
	#submainMapPop .btn_center a {height: 30px;font-size: 12px;}

	/* main, sub 퀵메뉴 */
	.main_quick .inr{width: auto;}
	.main_quick .inr a.img{bottom: 120px;right: 10px;width:100px;height:101px;}
	.main_quick .inr a.img img{width:100%;height:100%;}
	.main_quick .inr button.close{right:10px;bottom: 187px;width:25px;height:25px;}
	.main_quick .btn_go{bottom: 80px;right: 10px;width: 74px;height: 74px;background: url(../images/main/main_quick_m01.png) 0 0 / 100% 100% no-repeat;}
	.main_quick button{position: absolute;right:13px;bottom: 152px;width: 11px;height:11px;background: url(../images/main/main_mquick_close01.png) 50% 50% / 100% 100% no-repeat;}
	.main_quick.on {bottom: 395px;}

	.main_quick .ev .btn_go{left:10px;bottom: 72px;width: 73px;height: 109px;background: url(../images/sub/ev_mquick.png) 0 0 / 100% 100% no-repeat;}
	.main_quick .ev button{position: absolute;left:72px;bottom: 173px;width: 9px;height: 9px;background-size:100% 100%;}
	.main_quick .safety .btn_go{bottom: 185px;right: 14px;width: 97px;height: 98px;background: url(../images/sub/safety_mquick.png) 0 0 / 100% 100% no-repeat;}
	.main_quick .safety button{right: 7px;bottom: 182px;width: 21px;height: 21px;background: url(../images/sub/safety_quick_mclose.png) 50% 50% / 100% 100% no-repeat;}

	.main_quick .safety01 .btn_go{bottom: 80px;right: 10px;width: 102px;height: 95px;background: url(../images/sub/safety01_mquick.png) 0 0 / 100% 100% no-repeat;}
	.main_quick .safety01 button{right: 7px;bottom: 78px;width: 21px;height: 21px;background: url(../images/sub/safety_quick_mclose.png) 50% 50% / 100% 100% no-repeat;}

	.main_quick .inr + .inr .btn_go{right:0;width:112.5px;height:112.5px;background: url(../images/sub/reserve_quick_mquick.png) 0 0 / 100% 100% no-repeat;}
	.main_quick .inr + .inr .close{right: 4px;bottom: 253px;width:19px;height:19px;background: url(../images/sub/travel_box_mquick01.png) 0 0 / 100% 100% no-repeat;}

	.main_quick .inr + .inr .ev1{right:0;width: 100px;height: 157px;background: url(../images/sub/ev_rel_quick1.png) 0 0 / 100% 100% no-repeat;}
	.main_quick .inr + .inr .ev1_btn{width:123px;right:0;bottom:232px;font-size:12px;height:25px;line-height:25px;}
	.layer-talk-menu{right:0;}
	.layer-talk-menu.on{bottom:0;}

	/* 고도화 gnb */
	.detail_tab.menuFixed{top:5.3rem !important;}

	.area_keyword, .words_list{top: 40px;border:0;border-radius: 0;}
	.area_keyword ul{padding-bottom:20px;}
	.area_keyword ul li{margin-top:11px;padding-left:30px;}
	.area_keyword ul + ul li{padding-right:30px;}
	.area_keyword ul + ul li a{padding:0 0 0 7px;}
	.area_keyword ul li .num{width:14px;height:14px;padding:0;font-size: 10px;letter-spacing:-0.02em;border-radius: 2px;}
	.area_keyword ul li a{float:none;display:block;width:auto;font-size:12px;margin:0;padding:0 15px 0 7px;height:14px;line-height: 14px;}
	.words_list ul{padding: 14px 0 14px;}
	.words_list ul li{padding:0;}
	.words_list ul li a{font-size:13px;padding: 0 30px;height:24.5px;line-height:24.5px;}

	@-webkit-keyframes homemenu {
		from {left: -92%}
		to {left: 0;}
	}

	/* ios 대응 레이어 */
	.video_wrap .iosLayer p{font-size:12px;line-height:16px;}
	.video_wrap .iosLayer a{width:auto;padding:0 8px;line-height:25px;font-size:12px;margin: 11px 0 0;}
	.iosLayer p{font-size:12px;line-height:16px;}
	.iosLayer a{margin: 11px 0 0;width:auto;padding:0 8px;font-size:12px;letter-spacing:-0.02em;line-height:25px;}
	.iosLayer button{width:13px;height:13px;right:10px;top:10px;}

	/* 통합로그인 */
	#combineLogin.wrap_layerpop .layerpop, #combineReceipt.wrap_layerpop .layerpop {left: 15px !important;right: 15px !important;width: auto;margin-left: 0 !important;}
	#combineLogin .layerpop .box_cont{max-height: 400px;overflow-y: auto;}
	#combineLogin .combineInfo strong{line-height: 19px;padding-bottom: 4px;}
	.combineReceipt strong{font-size:18px;line-height:22px;}
	.combineReceipt p{font-size:17px;}
	.instagramClose .info .type2 br{display:none;}
	.instagramClose h2{padding: 98px 0 0;background-position:50% 27px;background-size:46px 46px;font-size:20px;line-height: 23px;}
	.instagramClose .info{margin: 30px 0 0;padding: 27px 0 0;font-size: 14px;line-height: 17px;}
	.instagramClose .info p{padding: 0 0 10px;}
	.instagramClose .step{padding: 0 15px 20px;margin-top: 20px;}
	.instagramClose .step h3{margin-bottom: 28px;font-size:15px;line-height: 27.5px;background-size:129px 27.5px;}
	.instagramClose .step ul li{display:block;text-align:center;}
	.instagramClose .step ul li em{display:block;width:100%;}
	.instagramClose .step ul li span{display:inline-block;font-size:12.5px;line-height:22px;width:65px;}
	.instagramClose .step ul li p{padding:8px 0 5px;display:block;font-size:13px;line-height: 16px;}
	.instagramClose .step > p{padding-top: 10px;font-size:12px;line-height:15px;text-align:center;}
	.instagramClose .choice strong{font-size:16px;padding: 26px 0 19px;}
	.instagramClose .choice ul{margin: 0 auto;width: 248px;}
	.instagramClose .choice ul li{width:80px;margin-bottom:17px;}
	.instagramClose .choice ul li a{font-size:14px;}
	.instagramClose .choice ul li a:before{width:40px;height:40px;background-size:200px 40px;}
	.instagramClose .choice ul li .kakaotalk:before{background-position:-40px 0;}
	.instagramClose .choice ul li .facebook:before{background-position:-80px 0;}
	.instagramClose .choice ul li .twitter:before{background-position:-120px 0;}
	.instagramClose .choice ul li .google:before{background-position:-160px 0;}

	/* 여행예보 로고추가 */
	#gnb.btnAdd .btnForecast{width:88px;height:48px;right: -93px;background-size:100% 100%;}
	#gnb.btnAdd .btnForecast a{height:48px;}
	#gnbMain.btnAdd .btnForecast{width:50px;height:47px;top:0;right: -55px;background:url(../images/sub/btn_mbti_mgnb.gif) no-repeat;background-size:100% 100%;}
	#gnbMain.btnAdd .btnForecast a{height:47px;}

	#gnb{top:15px;width:250px;}
	#gnb .menu_top{height:48px;}
	#gnb .menu_top h1{padding:14px 14px;}
	#gnb .menu_top h1 img{width: 122px;}
	#gnb .menu_top .btn_list .btn_prev{left:0;top:0;width:46px;height:48px;background:url(../images/common/gnb_prev_m.png)  no-repeat 50% 50%/18px 32px;}
	#gnb .menu_top .btn_list .btn_home{left:48px;top:0;width:46px;height:48px;background: url(../images/common/gnb_home_m.png)  no-repeat 50% 50%/18px 31px;}
	#gnb .menu_top .btn_list .btn_search{left:100px;top:0;width:46px;height:48px;background:url(../images/common/gnb_search_m.png) no-repeat 50% 50%/17px 30px;}
	#gnb .menu_top .btn_list .btn_search.on{width:46px;height:48px;background: url(../images/common/btn_m_close.png) no-repeat 50% 50%;background-size:16px 30px;}
	#gnb .menu_top .btn_list .btn_location{left:151px;top:0;width:46px;height:48px;background:url(../images/common/gnb_location_m.png) no-repeat 50% 50%/27px 30px;}
	#gnb .menu_top .btn_list .btn_menu{left:204px;top:0;width:46px;height:48px;background: url(../images/common/gnb_menu_m.png) no-repeat 50% 50%/18px 29px;}
	#gnb .menu_top .btn_list .btn_menu.on{width:46px;height:48px;background: url(../images/common/btn_m_close.png) no-repeat no-repeat 50% 50%;background-size:16px 30px}
	#gnb .gnb_search{top: 48px; padding:14px;}
	#gnb .gnb_search .area_keyword{padding-top:10px;}
	#gnb .gnb_search .area_keyword h2{font-weight:800;font-size:14px;}
	#gnb .gnb_search .area_keyword ul li a{width:80px; font-size:13px;}
	#gnb .gnb_search .searchBar .inp_search{height:35px;padding:0 69px 0 14px;font-size:15px;}
	#gnb .gnb_search .searchBar .btn_search2{right:8px;width:17px;height:17px;background:url(../images/common/gnb_search2_m.png) 0 0 no-repeat;background-size:17px auto;}
	#gnb .gnb_search .searchBar .wordsList{top:35px;}
	#gnb .gnb_search .searchBar .wordsList li{padding:5px 14px;}
	#gnb .gnb_search .searchBar .wordsList li button{font-size:14px;}
	#gnb .gnb_search .searchBar .btn_del{right:35px;}
	#gnb .mbti{width: 59.5px;height: 47px;right: -74px;background: url(../images/sub/btn_mbti_mgnb.gif) no-repeat;background-size: 100% auto;}
	#gnb .mbti a{height:47px;}

	#gnb .box_menu{right:0;top:48px;padding:18px 20px 20px;}
	#gnb .box_menu li{margin-bottom:21px;line-height:15px;}
	#gnb .box_menu li a{height:14px;font-size:16px;}
	#gnb .box_menu li.menu1 a{background-position: 0 0;}
	#gnb .box_menu li.menu2 a{background-position: 0 -16px;}
	#gnb .box_menu li.menu3 a{background-position: 0 -32px;}
	#gnb .box_menu li.menu4 a{background-position: 0 -48px;}
	#gnb .box_menu li.menu5 a{background-position: 0 -64px;}
	#gnb .box_menu .btn_log{font-size:14px;}

	#contents{width:100%;padding:8.6rem 15px 0; min-height: auto;}
    #contents.cont_blank{padding-top:8.6rem !important;}
	#contents.main_contents .mc_inner{width:100%;padding:0}
	#contents.contents_all .contents_in{width: 100%; margin: 0 auto; padding: 0px 15px 0 15px;}

    /* gnb 고도화 2025 */
	#gnbCommon{box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, .15); background: #fff; transition: all 0.3s;}
	#gnbCommon .inner{padding-inline: 1.6rem; max-width: 100%; gap: clamp(0.2rem, 6%, 3.2rem);}
    #gnbCommon.main_gnb .lottie_wrap{display: block; position: absolute; z-index: 30; top: 0; left: 0; width: 100%; height: 5.4rem; }
    #gnbCommon.main_gnb .lottie_wrap #lottie{position: absolute; display: block; height: 2.6rem; top: 1.4rem; width: auto; z-index: 50;}
    #gnbCommon.main_gnb .lottie_logo{position: absolute; top: 1.4rem; left: 1.6rem; display: block; width: 2.6rem; height: 2.6rem; z-index: 100;}
    #gnbCommon.main_gnb #siteHeader{opacity: 0; visibility: hidden;}
    #gnbCommon.main_gnb .header_util{opacity: 0; visibility: hidden;}
    #gnbCommon.main_gnb .logo{opacity: 0;}
	#gnbCommon.up, #gnbCommon.down {top: 0; background: #fff; box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, .15); backdrop-filter: none;}
	#gnbCommon.main_gnb{background: transparent;box-shadow: none;}
	#gnbCommon.main_gnb.up, #gnbCommon.main_gnb.down{background: #fff; box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, .15);}
    .feedback_system_top_banner ~ #gnbCommon.main_gnb ~ .gnb_bg{top:auto;}
    #gnbCommon.main_gnb ~ .gnb_bg{position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; height: 39rem; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;}
    #gnbCommon.sub_gnb .depth3_wrap{box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, .15);}
    #gnbCommon.db_gnb{box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, .15);}
    #gnbCommon.db_gnb.search{box-shadow: none;}
    #gnbCommon.db_gnb.up, #gnbCommon.db_gnb.down{box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, .15);}
    #gnbCommon.db_gnb.menuFixed{box-shadow: none;}
    #gnbCommon.db_gnb .serch_form{position: relative;}
    #gnbCommon.sub{box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, .15);}
    #gnbCommon.sub.search{box-shadow: none;}
    #gnbCommon.sub.up, #gnbCommon.sub.down{box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, .15);}
    #gnbCommon.sub.menuFixed{box-shadow: none;}
    #gnbCommon.sub .serch_form{position: relative;}

    /* 상세 모바일 헤더 */
	#gnbCommon.db_gnb h1.logo{display: none;}
	#gnbCommon.db_gnb .depth1_wrap, #gnbCommon.db_gnb .header_util{display: none;}
	#gnbCommon.db_gnb .logo_db{width: 2.6rem; height: 2.6rem; margin-left: 2rem; flex-shrink: 0;}
	#gnbCommon.db_gnb .logo_db img{width: 100%; height: 100%;}
	#gnbCommon.db_gnb .db_header{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 5.4rem; background: #fff;}
	#gnbCommon.db_gnb [class*="arwright"]{transform: rotate(180deg); flex-shrink: 0;}
	#gnbCommon.db_gnb [class*="arwright"] path{stroke-width: 1.6px;}
	#gnbCommon.db_gnb .serch_form{position: relative; flex: 1 1 auto; display: flex; align-items: center; justify-content: space-between; height: 3.8rem; margin-left: 1.4rem; background: var(--global-gray-05); border-radius: 10rem; padding-inline: 1.6rem;}
	#gnbCommon.db_gnb .serch_form .btn_search{width: 2.4rem; height: 2.4rem; flex-shrink: 0;}
	#gnbCommon.db_gnb .serch_form .btn_search svg{width: 100%; height: 100%;}
	#gnbCommon.db_gnb .serch_form input{width: 100%; font-size: 1.6rem; color: var(--global-gray-90); font-weight: 600; border: none; background: var(--global-gray-05); text-overflow: ellipsis; white-space: nowrap;}
	#gnbCommon.db_gnb .serch_form input::placeholder{color: var(--global-gray-60); font-weight: 400;}
	#gnbCommon.db_gnb .btn_navi{margin-left: 2rem; flex-shrink: 0;}
	#gnbCommon.db_gnb .btn_navi path{stroke-width: 1.6px;}
	#gnbCommon.sub h1.logo{display: none;}
	#gnbCommon.sub .depth1_wrap, #gnbCommon.sub .header_util{display: none;}
	#gnbCommon.sub .logo_db{width: 2.6rem; height: 2.6rem; margin-left: 2rem; flex-shrink: 0;}
	#gnbCommon.sub .logo_db img{width: 100%; height: 100%;}
	#gnbCommon.sub .db_header{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 5.4rem; background: #fff;}
	#gnbCommon.sub [class*="arwright"]{transform: rotate(180deg); flex-shrink: 0;}
	#gnbCommon.sub [class*="arwright"] path{stroke-width: 1.6px;}
	#gnbCommon.sub .serch_form{position: relative; flex: 1 1 auto; display: flex; align-items: center; justify-content: space-between; height: 3.8rem; margin-left: 1.4rem; background: var(--global-gray-05); border-radius: 10rem; padding-inline: 1.6rem;}
	#gnbCommon.sub .serch_form .btn_search{width: 2.4rem; height: 2.4rem; flex-shrink: 0;}
	#gnbCommon.sub .serch_form .btn_search svg{width: 100%; height: 100%;}
	#gnbCommon.sub .serch_form input{width: 100%; font-size: 1.6rem; color: var(--global-gray-90); font-weight: 600; border: none; background: var(--global-gray-05); text-overflow: ellipsis; white-space: nowrap;}
	#gnbCommon.sub .serch_form input::placeholder{color: var(--global-gray-60); font-weight: 400;}
	#gnbCommon.sub .btn_navi{margin-left: 2rem; flex-shrink: 0;}
	#gnbCommon.sub .btn_navi path{stroke-width: 1.6px;}
	#gnbCommon .logo {width: 2.6rem; height: 2.6rem; flex-shrink: 0;}
	#gnbCommon .logo img{width: 100%; height: 100%;}
	#gnbCommon .logo .pc{display: none;}
	#gnbCommon .logo .mo{display: block;}
    #siteHeader{width: 100%;}
	.depth1_wrap{gap: clamp(0.57rem, 3%, 7.2rem); justify-content: space-between; }
    .depth1_wrap > li{width: auto;}
	.depth1_wrap > li > a .pc{display: none;}
	.depth1_wrap > li > a{width: auto; height: 5.4rem; padding-inline: 0.2rem; font-size: 1.6rem; font-weight: 800;}
    .depth1_wrap > li > a [class*="chevron"]{display: none !important;}
	.header_util{display: none;}
	.header_util .util_sub{display: none !important;}
    .header_util .btn_search{width: 2.4rem; height: 2.4rem; border-radius: 0; background: transparent;}
    .header_util .btn_search:hover, .header_util .btn_search.press{background: transparent;}
    .header_util .btn_search svg{width: 100%; height: 100%;}
    .header_util .btn_search svg path{stroke: var(--global-gray-80);}
    #gnbCommon .depth2_wrap .inner{display: block; width: 100%; padding-inline: 0;height:100%;}
    .depth1_wrap > li .depth2_wrap{display: none; position: absolute; left: 0; top: 5.4rem; height: 4.6rem; padding-block: 0;}
    .depth1_wrap > li.active .depth2_wrap {display: block; border-bottom: 0.1rem solid #f0f0f0; box-shadow: 0 0.2rem 0.4rem -0.2rem rgba(0, 0, 0, .15);}
    .depth2_wrap .depth2_sub{width: 100%; padding-right: 0;}
    .depth2_wrap .depth2_sub + .depth2_sub{padding-inline: 0; top: -4.53rem;}
    .depth2_wrap .depth2_sub + .depth2_sub::before{display: none;}
    .depth2_wrap .depth2_sub .btn_depth2{pointer-events: all; z-index: 10; position: absolute; top: 0; left: 1.6rem; width: calc((100% - 3.2rem) / 2); height: 4.6rem; color: var(--global-gray-70);text-align: center; font-size: 1.6rem; font-weight: 600;}
    .depth2_wrap .depth2_sub .btn_depth2 + .depth3_wrap{display: none;}
    .depth2_wrap .depth2_sub .btn_depth2.active{color: var(--global-gray-90); font-weight: 800;}
    .depth2_wrap .depth2_sub .btn_depth2.active + .depth3_wrap{display: block;}
    .depth2_wrap .depth2_sub + .depth2_sub .btn_depth2{left: auto; right: 1.6rem;}
    .depth2_wrap .depth2_sub .btn_depth2.active::after{content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 0.26rem; background-color: var(--global-gray-90);}
    .depth2_wrap .depth2_sub > a{height: 100%; width: auto; padding: 0; border-radius: 0; line-height: 4.6rem;}
    .depth2_wrap#depth2-2 .depth2_sub > a{width: calc((100% - 3.2rem) / 2); margin: 0 auto 0 1.6rem;}
    .depth2_wrap#depth2-2 .depth2_sub + .depth2_sub > a{ margin: 0 1.6rem 0 auto;}
    .depth2_wrap .depth2_sub > a:hover{background: transparent;}
    .depth2_wrap .depth2_sub > a.active .btn_depth2{color: var(--global-gray-90);}
    .depth2_wrap .depth2_sub > a.active .btn_depth2::after{content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 0.26rem; background-color: var(--global-gray-90);}
    .depth2_wrap .depth2_sub .btn_depth2 + p{display: none;}
    .depth3_wrap{width: 100%; top: 4.6rem; background-color: #F4F4F4; margin-top: 0; padding: 1.4rem 1.6rem 0.2rem;}
    .depth3_wrap ul{flex-wrap: nowrap; justify-content: flex-start; gap: 0;}
    .depth3_wrap li{width: auto; height: auto; align-content: center; margin: 0 0.8rem 1.2rem 0 !important;}
    .depth3_wrap .depth3_title{font-size: 1.4rem; color: var(--global-gray-70); font-weight: 700; padding: 0;}
    .depth3_wrap li a{display: flex; align-items: center; gap: 0.6rem; height: 3.2rem; padding: 0 1.2rem; border-radius: 0.4rem; background: #fff;}
    .depth3_wrap li a:hover{background: #fff;}
    .depth3_wrap li a p{display: none;}
    .depth3_wrap li.active a{background-color: var(--global-gray-80);}
    .depth3_wrap li.active .depth3_title{color: #fff;}
    .depth3_wrap ul li [class^='icon']{display: none;}
    .depth3_wrap .swiper_button_more{position: absolute; z-index: 10; right: 0; top: auto; bottom: 0; width: 7rem; height: 6rem; display: flex; background: linear-gradient(90deg, rgba(255, 255, 255, 0) -2.78%, #FFFFFF 37.43%);}
    .depth3_wrap .swiper_button_more button{position: absolute; right: 1rem; bottom: 1.6rem; width: 2.8rem; height: 2.8rem; border: 0.1rem solid #E4E4E4; box-shadow: 0 0.1rem 0.4rem 0 rgba(26, 26, 26, 0.08);}
    .depth3_wrap .swiper_button_more button:hover{background: #fff;}
    .depth3_wrap [class^='icon']{margin-top: 0;}
    .depth3_wrap .swiper-button-next.swiper-button-lock{display: none;}
    .depth3_wrap .swiper-button-next:after{display: none;}
    .depth3_wrap.active ul{flex-wrap: wrap;}
    .depth3_wrap.active .swiper_button_more{background: none;}
    .depth3_wrap.active .swiper_button_more button{transform: rotate(180deg);}

	/* 모바일 탭바 및 햄버거메뉴 고도화 2025 */
	#tabBar{display: block; z-index: 150; position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; box-shadow: 0.1rem 0 0.6rem 0 rgba(0, 0, 0, .15);}
	#tabBar.app .tabbar_list{padding-bottom: 2.1rem;}
	#tabBar .tabbar_list{display: flex; align-items: center; gap: 1.2rem; height: 6.4rem; padding-inline: 2rem;}
	#tabBar .tabbar_list li{flex: 1;}
	#tabBar .tabbar_list li a{display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 0.8rem;}
	#tabBar .tabbar_list li a .name{font-size: 1.1rem; font-weight: 700; color: var(--global-gray-80); line-height: 1;}
	#tabBar .tabbar_list li a .profile{display: inline-block; width: 2.4rem; height: 2.4rem; border-radius: 50%; background-size: cover;}
	#tabBar .tabbar_list .menu a [class^='icon_pg'] path, #tabBar .tabbar_list .search a [class^='icon_pg'] path{stroke-width: 2px;}
	#tabBar .tabbar_list .travelmap a [class^='icon_pg'] path, #tabBar .tabbar_list .login a [class^='icon_pg'] path{stroke-width: 1.8px;}
	#tabBar .tabbar_list .home [class^='icon_pg']{width: 4.2rem; height: 4.2rem;}
	#tabBar .tabbar_list .home [class^='icon_pg'] svg{width: 100%; height: 100%;}

	#moMenu {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #fff;overflow-y: auto;-webkit-overflow-scrolling: touch; z-index: 200;}
	#moMenu.open{display: block;}
    .menu_header{position: fixed; z-index: 10; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 7.6rem; padding-inline: 1.6rem; background: #fff; box-shadow: 0 0 0.4rem 0 rgba(26,26,26,0.08);}
	.menu_header a{line-height: 1;}
	.menu_header button{width: 2.8rem !important; height: 2.8rem !important; padding: 0.4rem;}
	.menu_list_wrap{padding-top: 7.6rem; }
	.menu_nav{position: fixed; z-index: 1; top: 0; bottom: 0; width: 15rem; height: 100vh; padding-top: 7.6rem; background: #F3F3FA;}
	.menu_nav ul{position: relative; z-index: 1; background-color: #fff;}
	.menu_nav ul li{background: #F3F3FA; position: relative;}
	.menu_nav ul li.on:last-child::after{content: ''; display: block; width: 100%; height: 1.2rem; border-radius: 0 1rem 0 0; background: #F3F3FA;}
	.menu_nav ul li.on{background-color: #fff;}
	.menu_nav ul li.prev{border-radius: 0 0 1rem 0; overflow: hidden;}
	.menu_nav ul li.next{border-radius: 0 1rem 0 0;}
	.menu_nav ul li button{display: flex; align-items: center; width: 100%; height: 5.6rem; padding-inline: 1.6rem; text-align: left;}
	.menu_nav ul li button span{font-size: 1.6rem; line-height: 1.2; letter-spacing: -0.02em;}
	.menu_nav ul li button [class*=ai]{margin-left: 0.4rem;}
	.menu_nav ul li button [class*=chevron]{margin-left: auto;}
	.menu_nav ul li button [class*=chevron] path{stroke: var(--global-gray-60);}
	.menu_nav ul li.on button span{font-weight: 800; color: var(--global-gray-80);}
	.menu_nav .util_wrap{position: fixed; bottom: 3.2rem; padding-left: 1.6rem;}
	.menu_nav .util_wrap .util{display: flex; align-items: center; gap: 0.4rem; color: var(--global-gray-90); font-size: 1.4rem; letter-spacing: -0.02em; line-height: 1;}
	.menu_nav .util_wrap .util + .util{margin-top: 1.6rem;}
	.menu_nav .util_wrap .util .icon{width: 2rem; height: 2rem;}
	.menu_nav .util_wrap .util [class*=chevron]{margin-left: 2.4rem;}
	.menu_list{position: relative; padding-left: 14.6rem; background-color: #fff; overflow-y: auto;}
	.menu_list .menu_group{position: relative; padding-inline: 1.6rem; margin-bottom: 1.6rem;}
	.menu_list .menu_group:last-child::after{display: none;}
	.menu_list .menu_group .title_depth1{ display: flex; align-items: center; gap: 0.8rem; height: 6rem; font-size: 1.8rem; font-weight: 800; letter-spacing: -0.02em; color: var(--global-gray-70); border-bottom: 0.1rem solid var(--global-gray-10)}
	.menu_list .menu_group .title_depth1 .category_icon{display: inline-flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem; border-radius: 50%; background: var(--global-gray-05);}
	.menu_list .menu_group .title_depth1 [class*=chevron]{margin-left: auto;}
	.menu_list .menu_group .title_depth1 [class*=chevron] path{stroke: var(--global-gray-60);}
	.menu_list .menu_group.on .title_depth1{color: var(--brand-primary-50);}
	.menu_list .menu_group.on .title_depth1 .category_icon{background: var(--brand-primary-05);}
	.menu_list .menu_group.on .title_depth1 .category_icon path{stroke: var(--brand-primary-40);}
	.menu_list .menu_group .category_list{margin-top: 1rem;}
	.menu_list .menu_group .category_list a{display: block; align-content: center; height: 4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--global-gray-70); font-size: 1.4rem; font-weight: 700; letter-spacing: -0.02em;}
	.menu_list .menu_group .small_category{margin-top: 1.2rem;}
	.menu_list .menu_group .small_category + .small_category{margin-top: 1.2rem; padding-top: 1.2rem; border-top: 0.1rem dashed var(--global-gray-10);}
	.menu_list .menu_group .title_depth2{display: block; align-content: center; height: 4rem; color: var(--global-gray-80); font-size: 1.6rem; font-weight: 800; letter-spacing: -0.02em;}
	.menu_list .menu_group .small_category .category_list{margin-top: 0;}
	#langSelect{display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 201;}
	#langSelect.open{display: block;}
	#langSelect.open::after{content: ''; z-index: -1; position: absolute; bottom: calc(100% - 1.2rem); left: 0; display: block; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4);}
	#langSelect .lang_top{display: flex; align-items: center; justify-content: space-between; height: 5.4rem; padding-inline: 1.6rem 1.3rem; background: #fff; border-radius: 1.2rem 1.2rem 0 0; border-bottom: 0.1rem solid var(--global-gray-20);}
	#langSelect .lang_top strong{font-size: 1.8rem; font-weight: 600; color: var(--global-gray-80); letter-spacing: -0.02em;}
	#langSelect .lang_top button{width: 2.8rem !important; height: 2.8rem !important; padding: 0.4rem;}
	#langSelect .lang_list{padding: 2.4rem 1.6rem 3.2rem; background: #fff;}
	#langSelect .lang_list li{margin-top: 2.8rem;}
	#langSelect .lang_list li:first-child{margin-top: 0;}


	/* footer 고도화 2025 */
	#footer{font-size: 1.4rem; margin-top: 8rem;}
	#footer .inner{max-width: 100%;}
	.footer_related .inner{flex-wrap: wrap;}
	.footer_related .group{flex: 0 0 100%; border-left: none; border-bottom: 0.1rem solid #E4E4E4;}
	.footer_related .group:nth-child(3){flex: 0 0 50%; border-bottom: none;}
	.footer_related .group:last-child{flex: 0 0 calc(50% - 0.1rem); border-right: none; border-bottom: none; border-left: 0.1rem solid #E4E4E4;}
	.footer_related .group .link{height: 5.4rem; padding-inline: 1.6rem;}
	.footer_related .group .link:hover{background: none;}
    .footer_related .group .link.tourinfo{gap: 4rem;}
    .footer_related .group .link.tourinfo div img{width: auto; height: 100%;}
	.footer_related .group:nth-child(3) .link{padding-right: 2rem;}
	.footer_related .group:last-child .link{padding-left: 2rem;}
	.footer_related .layer-talk-menu.on{left: 1.6rem; right: 1.6rem;}
	.footer_related .related_detail .inner{align-items: baseline; padding: 2rem 1.6rem; height: 100vh; max-height: 100vh; overflow-y: auto;}
	.footer_related .related_detail .title{font-size: 1.8rem;}
    .footer_related .related_detail .list{gap: 3rem 2rem; margin: 3.6rem 0.4rem 0;padding:0 0 8rem}
	.footer_related .related_detail .list li{flex: 0 0 calc((100% - 2rem) / 2); height: auto;}
	.footer_related .related_detail .list li a{gap: 0.8rem; padding-inline: 0.2rem; font-size: 1.4rem;}
	.footer_related .related_detail .list li a::before{width: 0.3rem; height: 0.3rem;}
	.footer_related .related_detail [class*="close"]{width: 2rem; height: 2rem; padding: 0;}
	.footer_related .related_detail [class*="close"]:hover, .footer_related .related_detail [class*="close"]:focus{transform: rotate(0);}
    .footer_related .related_detail [class*="close"] svg path{stroke-width: 2.4px;}
	.footer_wrap{padding: 3.2rem 1.6rem 9.6rem;}
	.footer_wrap .footer_top .logo{width: 14rem;}
	.footer_wrap .footer_info{flex-direction: column; padding-block: 1.6rem 3.2rem; gap: 2rem;}
	.footer_wrap .footer_info .addr ul li{margin-top: 1.2rem;}
	.footer_wrap .footer_info .link-area{width: 100%;}
	.footer_wrap .footer_info .link-area a span{width: 1.6rem; height: 1.6rem;}
	.footer_wrap .footer_bottom{padding-top: 3.2rem;}
	.footer_bottom .fnb{flex-direction: column;}
	.footer_bottom .fnb_list{gap: 1.2rem 1.6rem;}
	.footer_wrap .footer_info .sns-link-wrap{margin-block: 3.2rem 0;}
	.footer_bottom .logo_list li a{height: 2.4rem;}

	/* footer */
	footer.active .footer_data .btm_menu{display:flex; flex-wrap: wrap; gap: 12px 20px; width:auto;margin-top:20px;margin-left:0;}
	footer.active .footer_data .ft_address{display:block;margin-top:20px;padding-top:0;}
	footer .btn_topMove{top: -53px; right: 15px;background: #fff url(../images/common/ico_arrow_top_m.png) 50% 50%/15px 9px no-repeat;}
	footer.active .footer_mLogo{display:block;padding-top:10px;border-top:1px solid #e6e6e6;}
	footer.active .footer_mLogo .logo_list{display:block;}
	footer.active .footer_mLogo .logo_list img{width:auto;height:20px;}
	footer.active .footer_mLogo .logo_list2{display:block;}
	footer.active .footer_mLogo .logo_list2 img{width:auto;height:20px;}
	footer .box_footer{width: 100%; padding:0 15px 75px !important;}
	footer .box_footer.padding{padding:0 15px 0 15px;}
	footer .footer_data{float: none; width: auto;padding:21px 0;border-top:none;}
	footer .footer_data .btm_menu{float: none;display:none;vertical-align:middle;padding-top:0;}
	footer .footer_data .btm_menu li{line-height:1;}
	footer .footer_data .btm_menu a{font-size: 12px; display: block;}
	footer .footer_data .ft_address{display:none;}
	footer .footer_data .ft_address li{display: inline-block; margin-right: 0;line-height:17px; font-size: 12px;}
	footer .footer_data .ft_address li a{font-size:12px;}
	footer .footer_data .ft_address li span{font-size:12px;}
	/* 파트너스 배너 추가 전 */
	/*footer .footer_banner .btn_1330{padding-right:0;}*/
	/* // 파트너스 배너 추가 전 */

	/* 파트너스 배너 추가 후 */
	footer .footer_data .footer_banner{float:none;display:block;overflow:hidden; /*margin-left:-10px !important;*/}
	footer .footer_banner .mo{display:block;}
	footer .footer_banner .pc{display:none;}
	footer .footer_data .footer_banner .btn_1330{float:none;-webkit-flex:1;-ms-flex:1;flex:1;}
	footer .footer_data .footer_banner .btn_1330 a{width:50%;}
	footer .footer_data .footer_banner span{width:50%;margin:0 0 10px;}
	footer .footer_data .footer_banner span.last{width:100%;margin:0;}
	footer .footer_data .footer_banner span img{width:100%;}
	footer .footer_data .footer_banner span + span{margin:0;}
	footer .footer_data .footer_banner span a{display:block; /*margin:0 0 0 10px;*/}
	footer .footer_data .footer_banner span:first-of-type > a{margin-right: 5px;}
	footer .footer_data .footer_banner span:nth-of-type(2) > a{margin-left: 5px;}
	footer .footer_banner + .footer_banner{margin:0; padding: 0 2px;}

	footer .footer_data .footer_banner1{float:none;display:-webkit-flex;display:-ms-flex;display:flex;margin-top:10px;}
	footer .footer_data .footer_banner1 span{float:none;-webkit-flex:1;-ms-flex:1;flex:1;}
	footer .footer_data .footer_banner1 span + span{float:none;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:10px;}
	footer .footer_data .footer_banner1 img{width:100%;}

	footer .footer_data .footer_banner .btn_1330 img{width:100%;}
	footer .footer_data .footer_banner .link_partners{float:none;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:10px;}
	footer .footer_data .footer_banner .link_partners img{width:100%;}
	/* // 파트너스 배너 추가 후 */

	/*모바일 슬라이드로 변경 후*/
	footer .footer_data .footer-swiper{overflow: hidden; position: relative;}
	footer .footer_data .footer-swiper .swiper-pagination{bottom: 0;}
	footer .footer_data .footer-swiper .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; background-color: #d2d2d2; margin: 0 3px; opacity: 1; }
	footer .footer_data .footer-swiper .swiper-pagination .swiper-pagination-bullet-active{background-color: #333; }
	footer .footer_data .layer-talk-menu.on{bottom: 110px;}
	/* //모바일 슬라이드로 변경 후*/

	footer .footer_areaLogo{padding-top: 10px;}
	footer .footer_pcLogo{display: none;}
	footer .footer_mLogo{position: relative; display: block; width: 100%;border-top:none;}
	footer .footer_mLogo .logo_list{display:none;width: 60%;}
	footer .footer_mLogo .logo_list:after{content:'';display:block;clear:both;}
	footer .footer_mLogo .logo_list li{float: left; margin-left: 20px;}
	footer .footer_mLogo .logo_list li:first-child{margin-left: 0;}
	footer .footer_mLogo .logo_list li a{display: block;}
	footer .footer_mLogo .logo_list2{display:none;position: absolute; top:10px; right: 0;}
	footer .footer_mLogo .logo_list2:after{content:'';display:block;clear:both;}
	footer .footer_mLogo .logo_list2 li{float: left; margin-left: 20px;}
	footer .footer_mLogo .logo_list2 li:first-child{margin-left: 0;}
	footer .footer_mLogo .logo_list2 li a{display: block;}
	footer .footer_mLogo .logo_btm{position: relative;margin-top:0px;}
	footer .footer_mLogo .logo_btm img{width:89px;height:14px;}
	footer .footer_mLogo .btn_footClose{position: absolute; top: 0; right: 0; z-index:10; }
	footer.active .footer_mLogo .logo_btm{margin-top:21px;}
	footer.active .footer_mLogo .btn_footClose span.btn_x{display:block;}
	footer.active .footer_mLogo .btn_footClose span.btn_o{display:none;}
	footer .footer_mLogo .btn_footClose span.btn_x{display:none;padding-right: 16px;background: url(../images/common/ico_m_close.png) no-repeat 100% 50%; background-size: 8px auto;font-size:13px}
	footer .footer_mLogo .btn_footClose span.btn_o{display:block;padding-right: 15px;background: url(../images/common/ico_m_close_on.png) no-repeat 100% 50%; background-size: 8px auto;font-size:1em}
	footer .footer_mLogo .togMt{margin-top:21px;}
	footer .footer_mLogo.bdrTnon{border-top: 0;}
	footer .footer_data.off{display: none;}
	footer .footer_mLogo .logo_list.off{display: none;}
	footer .footer_mLogo .logo_list2.off{display: none;}
	/*sns*/
	footer .footer_sns_list{text-align:center;}
	footer .footer_sns_list .tit{margin-block:20px 16px;padding-left:0;font-size:13px;}
	footer .footer_sns_list .tit::before{display: none;}
	footer .footer_sns_list.off{display:none;}
	footer .footer_sns_list ul{margin:0 -15px;padding:0;text-align:center;}
	footer .footer_sns_list li{display:inline-block;float:none;margin-left:1%}
	footer .footer_sns_list li:first-child{margin-left:0}
	footer .footer_sns_list a{display:block;}
	footer .footer_sns_list .ico{width:31px;height:31px;background-repeat:no-repeat;background-position:0 0;background-size:31px 31px;}
	footer .footer_sns_list .ico_blog{background-image:url(../images/common/ico_sns1_m.png);}
	footer .footer_sns_list .ico_blog:hover{background-image:url(../images/common/ico_sns1_m2.png);}
	footer .footer_sns_list .ico_post{background-image:url(../images/common/ico_sns2_m.png);}
	footer .footer_sns_list .ico_post:hover{background-image:url(../images/common/ico_sns2_m2.png);}
	footer .footer_sns_list .ico_facebook{background-image:url(../images/common/ico_sns3_m.png);}
	footer .footer_sns_list .ico_facebook:hover{background-image:url(../images/common/ico_sns3_m2.png);}
	footer .footer_sns_list .ico_twitter{background-image:url(../images/common/ico_sns4_m.png?v=20240116001);}
	footer .footer_sns_list .ico_twitter:hover{background-image:url(../images/common/ico_sns4_m2.png);}
	footer .footer_sns_list .ico_kakaostory{background-image:url(../images/common/ico_sns5_m.png);}
	footer .footer_sns_list .ico_kakaostory:hover{background-image:url(../images/common/ico_sns5_m2.png);}
	footer .footer_sns_list .ico_brunch{background-image:url(../images/common/ico_sns06_m.png);}
	footer .footer_sns_list .ico_brunch:hover{background-image:url(../images/common/ico_sns06_m2.png);}
	footer .footer_sns_list .ico_instagram{background-image:url(../images/common/ico_sns7_m.png);}
	footer .footer_sns_list .ico_instagram:hover{background-image:url(../images/common/ico_sns7_m2.png);}
	footer .footer_sns_list .ico_odii{background-image:url(../images/common/ico_sns8_m.png);}
	footer .footer_sns_list .ico_odii:hover{background-image:url(../images/common/ico_sns8_m2.png);}
	footer .footer_sns_list .ico_naver{background-image:url(../images/common/ico_sns9_m.png);}
	footer .footer_sns_list li:hover .ico_naver{background-image:url(../images/common/ico_sns9_m2.png);}

	footer .footer_sns_list .sns_name{display:none;}
	.area_notice .sel_area{position:static;overflow: hidden;padding: 0 15px 6px;}
	.area_notice .sel_area .sel_member{float:none;width:auto !important;margin-left:0 !important;padding: 0 55px 0 0;margin:2px 0 15px;}
	.area_notice .sel_area .sel_member + .sel_member{margin:0 0 15px;}
	.area_notice .sel_member select{width: 100%;background: #fff url(../images/main/ico_mselect5.png) 100% 50%/30px 8px no-repeat;}
	.area_notice .sel_member a{width:50px;font-size:14px;}

	/* footer : 공지사항 Swiper Slider */
	.area_notice{height:auto;padding:0;}
	.area_notice > div{width:100%;}
	.area_notice .notice_slider{height:40px;padding: 0 70px 0 15px;margin-right: 42px;line-height:38px;}
	.area_notice .notice_slider .swiper-container{height:40px !important;}
	.area_notice .notice_slider .swiper-slide a{font-size:12px;}
	.area_notice .notice_slider .paging{top:-1px;left:auto;right:23px;}
	.area_notice .notice_slider .paging .btn_autoPlay{margin-top:11px;}
	.area_notice .notice_slider .paging .btn_autoStop{margin-top:11px;}
	.area_notice .notice_slider .swiper-button-next{top:50%;left:auto;right:0;margin-top:-10px;}
	.area_notice .notice_slider .swiper-button-prev{top:50%;left:auto;right:46px;margin-top:-10px;}
	.area_notice .notice_slider .ns_more_link{left:auto;right:-27px;}
	.area_notice .sel_member{float:none;width:100%;margin-right:0;padding: 15px 15px;}

	/* Article (메인, 유관부서에만 적용) */
	#contents.main_contents .article,
	.wrap_sevice3col.article{min-height:auto;margin-top:0;padding:15px;padding: 20px 15px 20px!important;}

	#contents.main_contents .article .tit_atc h3,
	.wrap_sevice3col .article .tit_atc h3,
	#contents.main_contents .article .tit_atc a,
	#contents.main_contents .article .tit_atc h3 a,
	.wrap_sevice3col .article .tit_atc h3{font-weight:800;font-size:15px;letter-spacing:-0.02em;}

	#contents.main_contents .article.bd0,
	.wrap_sevice3col .article.bd0{border-bottom:10px solid #f0f0f0;}
	#contents.main_contents .article .tit_atc,
	.wrap_sevice3col .article .tit_atc{height:29px;padding: 0 15px 0 0;font-weight:800;font-size:15px;color:#000;}
	#contents.main_contents .article .tit_atc:before,
	.wrap_sevice3col .article .tit_atc:before{display:none;}
	#contents.main_contents .article .tit_atc span,
	.wrap_sevice3col .article .tit_atc span{margin-left:3px;font-size:12px;}
	.wrap_sevice3col .article{border:none;border-bottom:1px solid #efefef;border-radius:0;}
	.tit_atc .btn_more{top:6px;}

    /* Top Button2 */
    .btn_topWrap .inner{width:100%;}
    .btn_topWrap .btn_topMove2{width: 3.6rem; height: 3.6rem; right: 1.6rem !important ; top: auto; bottom: 8rem !important;}
    .btn_topWrap .btn_topMove2 span{width: 1.8rem; height: 1.8rem;}
    .btn_topWrap .btn_topMove2.app{bottom:75px !important;}
    .btn_topWrap.scroll{height:auto;}
    .btn_topWrap.main.scroll .btn_topMove2{/*bottom: 65px;*/}
    .btn_topWrap .btn_topMove2.festival{bottom: 110px !important;}

	/* 기본 */
	.layerpop{width:auto;}
	.layerpop h2{font-size: 1.5em;}
	/* 로그인 */
	.layerpop .login{padding: 15px 0 0 0;}
	/* 공유하기 */
	.layerpop .share{padding: 15px 0 0 0;}
	/* 코스만들기 */
	.layerpop .inp_cos{font-size: 1.1em;}
	/* 사진 크게 보기, 슬라이드 */
	/* 퍼블화면에서는 margin-top:0 적용해야합니다.개발 화면 이슈로 미적용 상태 */
	/* 높이 값 400px 로 지정 되면서 정렬 변경 됨 margin-top:-200px; */
	.layerpop.pop100{width: 94%; height:400px; top: 120px; margin-left: -47%;}
	.wrap_layerpop2 .tit_cap{font-size: 1.5em;}
	.wrap_layerpop2 .swiper-container1 .swiper-wrapper .swiper-slide .swiper-zoom-container{height:271px !important;}
	/* 올해의 관광도시 */
	#popTc.wrap_layerpop .layerpop{left:15px !important;right:15px !important;width:auto;height:auto;margin-left:0 !important;}
	#popTc.wrap_layerpop .layerpop .box_cont{height:auto;padding:15px 8px;background:none;}
	#popTc.wrap_layerpop .layerpop .box_cont .city_list{width:auto;padding-top:20px;}
	#popTc.wrap_layerpop .layerpop .box_cont .city_list li{display:inline-block;float:none;margin:0 10px 20px;}
	#popTc.wrap_layerpop .layerpop .box_cont .city_list li:nth-child(1){float:none;}
	#popTc.wrap_layerpop .layerpop .box_cont .city_list li:nth-child(3){float:none;}
	#popTc.wrap_layerpop .layerpop .box_cont .city_list .btn_link{margin-top:10px;}
	#popTc.wrap_layerpop .layerpop .box_cont .city_list .btn_link a{padding:5px 6px;font-size:11px;}
	#popTc.wrap_layerpop .layerpop .box_cont .txt_top{padding-top:5px;font-size:12px;line-height:20px;}
	#popTc.wrap_layerpop .layerpop .box_cont .txt_mid{display:none;}
	#popTc.wrap_layerpop .layerpop .box_cont .txt_bot{display:none;}
	/* 굿 콘텐츠 서비스 */
	#popGoodct.wrap_layerpop .layerpop{left:15px !important;right:15px !important;width:auto;height:auto;margin-left:0 !important;}
	#popGoodct.wrap_layerpop .layerpop .box_cont{padding:8px;}
	#popGoodct.wrap_layerpop .layerpop .box_cont img{width:100%;height:auto;}
	/* 마이페이지 > 코스 > 코스 이용가이드 */
	#popCosUserGuide.wrap_layerpop .layerpop{left:15px !important;right:15px !important;width:auto;margin-left:0 !important;}
	#popCosUserGuide.wrap_layerpop .cosGuideScr{max-height:450px;}
	#popCosUserGuide.wrap_layerpop .layerpop .box_cont{padding-top:0;padding-bottom:20px;}
	#popCosUserGuide .cug_slider_wrap .tit_cug{padding:20px 0 40px;font-size:16px;}
	#popCosUserGuide .cug_slider_wrap .view_w{display:none;}
	#popCosUserGuide .cug_slider_wrap .view_m{display:inline-block;width:100%;}
	#popCosUserGuide .cug_slider_wrap .swiper-button-prev,
	#popCosUserGuide .cug_slider_wrap .swiper-button-next{top:18px;width:25px;height:25px;margin-top:0;background-position:50% 50%;background-size:8px 14px;}
	#popCosUserGuide .cug_slider_wrap .swiper-button-prev{left:1px;background-image:url(../images/common/arrow_prev.png);background-position:0 50%;}
	#popCosUserGuide .cug_slider_wrap .swiper-button-next{right:1px;background-image:url(../images/common/arrow_next.png);background-position:100% 50%;}
	#popCosUserGuide .cug_slider_wrap .swiper-pagination{top:45px;}
	#popCosUserGuide .cug_slider_wrap .swiper-pagination button{width:5px;height:5px;}
	#popCosUserGuide .cug_slider_wrap .swiper-pagination button{margin:0 2px 0 3px;}

	/* 위치서비스 이용 팝업 */
	#positionPop.wrap_layerpop .layerpop, #mappositionPop.wrap_layerpop .layerpop{left: 15px !important;right: 15px !important;width: auto;margin-left: 0 !important;}
	.wrap_layerpop .positionCont{line-height: 24px;padding: 33px 0 25px;}
	.wrap_layerpop .positionCont strong{font-size:17.5px;}
	.wrap_layerpop .positionCont p{font-size:12.5px;line-height: 16px;padding: 3px 0 12px;}
	.wrap_layerpop .positionCont .btn_center a{padding: 0 11px;line-height: 25px;font-size:12.5px;}
	.wrap_layerpop .layerpop .positionCont .btn_close3{background-size:15.5px auto;padding: 15px 15px;top: 8px;right: 8px;}

	#mappositionPop.wrap_layerpop .positionCont{padding: 30px 0 30px;}
	#mappositionPop.wrap_layerpop .positionCont strong{font-size:20px;line-height: 24px;}
	#mappositionPop.wrap_layerpop .positionCont strong:before{height:61.5px;background-size: 58.5px 100%;}
	#mappositionPop.wrap_layerpop .positionCont p{font-size:13.5px;padding: 12px 0 20px;}
	#mappositionPop.wrap_layerpop .positionCont p span:after{height:3.5px;margin-top: -3px;}

	/* 분기처리 로그인 */
	#popMemberLogin .layerpop{width:auto;height:auto;max-height: 100%;overflow-x: hidden;overflow-y: auto;left: 15px !important;right: 15px !important;width: auto;margin-left: 0 !important;padding: 15px;}
	#popMemberLogin .popQuarter h3{font-size:22.5px;line-height: 25px;}
	#popMemberLogin .layerpop .tit > h2{padding:0 !important;width: 120px;height:21px;line-height: 0;}
	#popMemberLogin .layerpop .btn_close3{right:3px;top:3px;}
	#popMemberLogin .popQuarter ul{margin:25px 0 0;padding:26px 0 25px;display:block;}
	#popMemberLogin .popQuarter ul li{width:100%;}
	#popMemberLogin .popQuarter ul li + li a{border:0;}
	#popMemberLogin .popQuarter ul li a{height:auto;}
	#popMemberLogin .popQuarter ul li a img{width:100%;height:auto;}
	#popMemberLogin .popQuarter ul li .mem{margin-bottom:26px;background: url(../images/common/img_mpoplogin01.gif) no-repeat;background-size:cover;}
	#popMemberLogin .popQuarter ul li .pmem{background: url(../images/common/img_mpoplogin02.gif) no-repeat;background-size:cover;}
	#popMemberLogin .popQuarter .pc{display:none;}
	#popMemberLogin .popQuarter .mo{display:block;}

	/* 서비스 이용가이드 */
	.tit_cont.tit_userguide{position:relative;padding:6px 0 10px;border-bottom:2px solid #000;}
	.tit_cont.tit_userguide h2{height:20px;background:url(../images/temp/tit_img_guide_m.png) no-repeat 0 0/auto 20px;}
	.userguide_cont_m{display:block;position:relative;padding:20px 0 10px;text-align:center;}
	.userguide_cont_m:after{content:'';display:block;clear:both;}
	.userguide_cont_m .top_cont{position:relative;display:inline-block;}
	.userguide_cont_m .top_cont .swiper-thumbnails{display:inline-block;position:relative;margin-right:42px;}
	.userguide_cont_m .top_cont .swiper-thumbnails:after{content:'';display:block;clear:both;}
	.userguide_cont_m .top_cont .swiper-thumbnails button{position:relative;float:left;margin-left:10px;text-align:center;}
	.userguide_cont_m .top_cont .swiper-thumbnails button:first-child{margin-left:0;}
	.userguide_cont_m .top_cont .swiper-thumbnails button:before{content:'';display:inline-block;position:absolute;left:-10px;top:50%;width:10px;height:1px;background-color:#ccc;}
	.userguide_cont_m .top_cont .swiper-thumbnails button:first-child:before{margin-left:0;}
	.userguide_cont_m .top_cont .swiper-thumbnails button:first-child:before{content:none;}
	.userguide_cont_m .top_cont .swiper-thumbnails button img{display:inline-block;width:32px;height:32px;}
	.userguide_cont_m .top_cont .swiper-thumbnails button .img_on{display:none;}
	.userguide_cont_m .top_cont .swiper-thumbnails button.is-active img{display:none;}
	.userguide_cont_m .top_cont .swiper-thumbnails button.is-active .img_on{display:inline-block;}
	.userguide_cont_m .top_cont .paging{display:inline-block;position:absolute;right:0;top:0;}
	.userguide_cont_m .top_cont .paging .btn_autoArea button{overflow:hidden;text-indent:-9999px;}
	.userguide_cont_m .top_cont .paging .btn_autoArea .btn_autoPlay{display:none;width:32px;height:32px;background:url(../images/temp/btn_guide_play_m.png) no-repeat 0 0/32px 32px;}
	.userguide_cont_m .top_cont .paging .btn_autoArea .btn_autoStop{width:32px;height:32px;background:url(../images/temp/btn_guide_stop_m.png) no-repeat 0 0/32px 32px;}
	.userguide_cont_m .swiper-container{width:290px;}
	.userguide_cont_m .swiper-container .swiper-wrapper li{width:100%;text-align:center;}
	.userguide_cont_m .swiper-container .swiper-wrapper img{display:inline-block;width:290px;margin-top:20px;}
	.userguide_cont_m.active .paging .btn_autoArea .btn_autoPlay{display:block;}
	.userguide_cont_m.active .paging .btn_autoArea .btn_autoStop{display:none;}
	.userguide_cont_pc{display:none;}

	.userguide_cont_m{display:block;position:relative;padding:20px 0 10px;text-align:center;}
	.userguide_cont_m:after{content:'';display:block;clear:both;}
	.userguide_cont_m .top_cont{position:relative;display:inline-block;}
	.userguide_cont_m .top_cont .swiper-thumbnails{display:inline-block;position:relative;margin-right:42px;}
	.userguide_cont_m .top_cont .swiper-thumbnails:after{content:'';display:block;clear:both;}
	.userguide_cont_m .top_cont .swiper-thumbnails button{position:relative;float:left;margin-left:10px;text-align:center;}
	.userguide_cont_m .top_cont .swiper-thumbnails button:first-child{margin-left:0;}
	.userguide_cont_m .top_cont .swiper-thumbnails button:before{content:'';display:inline-block;position:absolute;left:-10px;top:50%;width:10px;height:1px;background-color:#ccc;}
	.userguide_cont_m .top_cont .swiper-thumbnails button:first-child:before{margin-left:0;}
	.userguide_cont_m .top_cont .swiper-thumbnails button:first-child:before{content:none;}
	.userguide_cont_m .top_cont .swiper-thumbnails button img{display:inline-block;width:32px;height:32px;}
	.userguide_cont_m .top_cont .swiper-thumbnails button .img_on{display:none;}
	.userguide_cont_m .top_cont .swiper-thumbnails button.is-active img{display:none;}
	.userguide_cont_m .top_cont .swiper-thumbnails button.is-active .img_on{display:inline-block;}
	.userguide_cont_m .top_cont .paging{display:inline-block;position:absolute;right:0;top:0;}
	.userguide_cont_m .top_cont .paging .btn_autoArea button{overflow:hidden;text-indent:-9999px;}
	.userguide_cont_m .top_cont .paging .btn_autoArea .btn_autoPlay{display:none;width:32px;height:32px;background:url(../images/temp/btn_guide_play_m.png) no-repeat 0 0/32px 32px;}
	.userguide_cont_m .top_cont .paging .btn_autoArea .btn_autoStop{width:32px;height:32px;background:url(../images/temp/btn_guide_stop_m.png) no-repeat 0 0/32px 32px;}
	.userguide_cont_m .swiper-container{width:290px;}
	.userguide_cont_m .swiper-container .swiper-wrapper li{width:100%;text-align:center;}
	.userguide_cont_m .swiper-container .swiper-wrapper img{display:inline-block;width:290px;margin-top:20px;}
	.userguide_cont_m.active .paging .btn_autoArea .btn_autoPlay{display:block;}
	.userguide_cont_m.active .paging .btn_autoArea .btn_autoStop{display:none;}

	/* 예약하기 */
	#reservationPop.wrap_layerpop .layerpop{width:255px;}
	#reservationPop.wrap_layerpop .layerpop .tit > h2{font-size:14px;}
	.reserve_list .top{padding: 10px 16px 16px 15px;}
	.reserve_list .top li a:after{top: 4px;width: 13px;height: 13px;background: url(../images/sub/reserve_mlink.gif) 0 0 / 100% 100% no-repeat;}
	.reserve_list .top li a{letter-spacing:-0.02em;font-size:13px;line-height:20px;margin-bottom:6px;}
	.reserve_list .top li a span{width:70px;}
	.reserve_list .top li a span img{width:55px;}
	#reservationPop.wrap_layerpop .layerpop .box_cont{max-height: 200px;}
	.reserve_list .btm li{font-size:13px;letter-spacing:-0.02em;}
	.reserve_list .btm li > a:after{width: 13px;height: 13px;background: url(../images/sub/reserve_mlink.gif) 0 0 / 100% 100% no-repeat;vertical-align: -2px;margin-left: 5px;}
	.reserve_list .btm li span.pc{display:none;}
	.reserve_list .btm li span.mo{display:block;}
	.reserve_list .btm li span.mo:before{content: '';display: block;width: 100%;margin-bottom: 5px;}
	.reserve_list .btm li > a:before, .reserve_list .btm li span.mo:before{height:34.5px;}
	.reserve_list .btm .icon1 a:before{background: url(../images/sub/reserve_micon1.gif) 50% 0 / 34.5px 34.5px no-repeat;}
	.reserve_list .btm .icon2 span.mo:before {background: url(../images/sub/reserve_micon2.gif) 50% 0 / 34.5px 34.5px no-repeat;}
	.reserve_list .btm{padding: 0 0 13px;}

	/* 의사표현 */
	#expressionPop.wrap_layerpop .layerpop{padding:25px 20px 0;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
	#expressionPop strong {font-size: 15px;letter-spacing:-0.02em;line-height: 20px;}
	#expressionPop input[type="radio"] + label {min-height: 20px;padding-left: 30px;line-height: 18px;font-size: 14px;letter-spacing:-0.02em;}
	#expressionPop input[type="radio"] + label:before {width: 20px;height: 20px;}
	#expressionPop input[type="radio"] + label:after {width: 8px;height: 8px;}
	#expressionPop ul li {margin: 0 0 15px;}
	#expressionPop textarea {margin: 15px 0 0;height: 75px;font-size: 14px;line-height:17px;}
	#expressionPop .btn_center {padding: 10px 0 30px;}
	#expressionPop .btn_center a {width: 95px;font-size: 12px;}
	#expressionPop .layerpop .btn_close{right:15px;top:15px;}

	/* 모든테마보기(서브메인) */
	#themeViewPop.wrap_layerpop .layerpop{height:100%;top:0 !important;left:0 !important;right:0 !important;width: auto !important;margin: 0 !important;border-radius:0;}
	#themeViewPop .tit {padding-left: 15px;line-height: 55px;font-size: 15px;letter-spacing:-0.02em;}
	#themeViewPop.wrap_layerpop .box_cont {padding: 0 10px 0 15px;height: calc(100% - 55px);}
	#themeViewPop.wrap_layerpop .box_cont ul{max-height: 100%;}
	#themeViewPop.wrap_layerpop .box_cont ul li {float: none;width: 100%;margin: 0 0 15px;}
	#themeViewPop.wrap_layerpop .box_cont ul li:nth-child(2n){float:none;}
	#themeViewPop.wrap_layerpop .box_cont ul li .img {width:70px;height: 70px;}
	#themeViewPop.wrap_layerpop .box_cont ul li .cont {margin-left:10px;}
	#themeViewPop.wrap_layerpop .box_cont ul li .cont strong {font-size: 14px;letter-spacing:-0.02em;line-height:17px;}
	#themeViewPop.wrap_layerpop .box_cont ul li .cont p {max-height: 30px;line-height: 15px;font-size: 12px;letter-spacing:-0.02em;margin: 7px 0 0;}
	#themeViewPop .layerpop .btn_close3 {top: 20px;right: 20px;width: 16px;height: 16px;background: url(../images/submain/btn_pop_m_close1.png) 0 0 / 100% 100% no-repeat;}
	#themeViewPop .box_cont ul::-webkit-scrollbar {width: 5px;}

	/* 서비스가입 선택 */
	#serviceJoinPop .mo, #serviceJoinPop1 .mo, #serviceJoinPop2 .mo{display:block;}
	#serviceJoinPop .pc, #serviceJoinPop1 .pc, #serviceJoinPop2 .pc{display:none;}
	#serviceJoinPop .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;background:#fff;}
	#serviceJoinPop .layerpop .tit {padding: 18px 0 0 15px;font-size: 13px;letter-spacing:-0.02em;line-height: 16px;}
	#serviceJoinPop .box_cont{display:block;padding: 15px;background:#fff;}
	#serviceJoinPop .box_cont > div:before, #serviceJoinPop .box_cont > div:after{display:none;}
	#serviceJoinPop .tab{display:block;}
	#serviceJoinPop .tab ul{padding:0 3px;margin: 10px 0 0;display:flex;background:#f3f5f7;border-radius: 3px;box-sizing: border-box;}
	#serviceJoinPop .tab ul li {width:50%;padding: 0;height:35px;display:flex;align-items: center;}
	#serviceJoinPop .tab ul li a{display:block;height:30px;line-height:30px;width: 100%;text-align: center;font-weight: 300;color:#666;font-size:13px;}
	#serviceJoinPop .tab ul li.on a{background:#fff;box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.1);font-weight: 700;color:#333;}

	#serviceJoinPop .box_cont > div{padding: 0;width: auto;border-radius:0;}
	#serviceJoinPop .box_cont .tab_cont{display:none;}
	#serviceJoinPop .box_cont .tab_cont.active{display:block;}
	#serviceJoinPop .box_cont strong {padding: 100px 0 0;font-size: 17px;line-height: 20px;letter-spacing:-0.02em;background-position: 50% 30px !important;background-size:63px auto !important;}
	#serviceJoinPop p {padding: 6px 0 30px;min-height: 28px;font-size: 11px;line-height: 14px;}
	#serviceJoinPop ul {padding: 15px 0 0;}
	#serviceJoinPop ul li {padding: 0 0 6px 0;font-size: 11px;line-height: 14px;letter-spacing:-0.02em;}
	#serviceJoinPop .general ul li {padding: 0 0 6px 10px;}
	#serviceJoinPop .general ul li:before {top: 4px;width: 3px;height: 3px;}
	#serviceJoinPop input[type="checkbox"] + label {padding-left: 20px;font-size: 11px;line-height: 14px;letter-spacing:-0.02em;vertical-align: top;}
	#serviceJoinPop input[type="checkbox"] + label:before {top:-1px;width: 14px;height: 14px;background: url(../images/sub/join_s_ckeckbox1.png) 0 0 / 100% auto no-repeat;}
	#serviceJoinPop input[type="checkbox"]:checked + label:before {background-position: 0 -14px;}
	#serviceJoinPop ul li button {width: 8px;height: 14px;background: url(../images/sub/join_view_m_btn2.png) 100% 50% / 6px 10px no-repeat;}
	#serviceJoinPop .btn {padding: 20px 0 25px;}
	#serviceJoinPop .btn button {border-radius: 3px;font-size: 13px;line-height: 30px;width: 128px;}
	#serviceJoinPop .layerpop .btn_close {right: 15px;top: 20px;width: 16px;height: 16px;background: url(../images/sub/joinpop_m_close.png) 0 0 / 100% 100% no-repeat;}

	#serviceJoinPop1 .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
	#serviceJoinPop1 img{width:100%;}
	#serviceJoinPop1 .layerpop .btn_close {right: 15px;top: 20px;width: 16px;height: 16px;background: url(../images/sub/joinpop_m_close1.png) 0 0 / 100% 100% no-repeat;}

	#serviceJoinPop2 .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
	#serviceJoinPop2 img{width:100%;}
	#serviceJoinPop2 .layerpop .btn_close {right: 15px;top: 20px;width: 16px;height: 16px;background: url(../images/sub/joinpop_m_close.png) 0 0 / 100% 100% no-repeat;}

	#serviceStopPop .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 3px;}
	#serviceStopPop .layerpop .mo{display:block;}
	#serviceStopPop .layerpop img{width:100%;}
	#serviceStopPop .layerpop .pc{display:none;}
	#serviceStopPop .box_cont{padding:15px 15px 0;}
	#serviceStopPop .bot_box {height: 30px;line-height: 30px;padding: 0 15px;}
	#serviceStopPop .bot_box button{font-size:12px;height: 30px;line-height: 30px;}
	#serviceStopPop input[type="checkbox"] + label {min-height: 16px;font-size: 12px;padding-left: 20px;}
	#serviceStopPop input[type="checkbox"] + label:before {top:4px;width: 17px;height: 16px;background: url(../images/common/bg_m_ckeckbox1.png) 0 0 / 100% auto no-repeat;}
	#serviceStopPop input[type="checkbox"]:checked + label:before {background-position: 0 -16px;}

	#notiCommPop2 .box_cont a{left:5.2%;right:5.2%;bottom:13%;width:auto;height:7.8%;}
	.layerpop.noti_comm{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 3px;}
	.layerpop.noti_comm .mo{display:block;}
	.layerpop.noti_comm img{width:100%;}
	.layerpop.noti_comm .swiper-pagination{right:16px;top:20px;width:42px;height:20px;line-height:20px;letter-spacing:-0.02em;font-size:11px;}
	.layerpop.noti_comm .pc{display:none;}
	.layerpop.noti_comm .bot_box {height: 30px;line-height: 30px;padding: 0 15px;}
	.layerpop.noti_comm .bot_box button{font-size:12px;height: 30px;line-height: 30px;}
	.layerpop.noti_comm input[type="checkbox"] + label {min-height: 16px;font-size: 12px;padding-left: 20px;}
	.layerpop.noti_comm input[type="checkbox"] + label:before {top:4px;width: 17px;height: 16px;background: url(../images/common/bg_m_ckeckbox1.png) 0 0 / 100% auto no-repeat;}
	.layerpop.noti_commp input[type="checkbox"]:checked + label:before {background-position: 0 -16px;}

	.layerpop.join_clause{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 3px;}
	.layerpop.join_clause .tit {padding: 18px 15px 18px;font-size: 16px;letter-spacing:-0.02em;line-height: 19px;}
	.layerpop.join_clause .box_cont {height:calc(100% - 70px);margin: 0 15px 15px;padding: 10px 3px 10px 10px;border-radius: 3px;}
	.layerpop.join_clause .clause {font-size: 11px;letter-spacing:-0.02em;line-height: 16px;}
	.layerpop.join_clause .clause .stit {padding: 0 0 12px;}
	.layerpop.join_clause .clause .sstit {padding: 0 0 12px;}
	.layerpop.join_clause .clause p {padding: 0 0 12px;}
	.layerpop.join_clause .clause::-webkit-scrollbar {width: 7px;}
	.layerpop.join_clause .btn_close {right: 15px;top: 20px;width: 16px;height: 16px;background: url(../images/sub/joinpop_m_close.png) 0 0 / 100% 100% no-repeat;}
	.layerpop.join_clause strong.type1 {font-size: 12px;}

	.layerpop.join_clause .clause table{font-size: 12px;width: 460px;table-layout: unset;}
	.layerpop.join_clause .clause .board{overflow-x: scroll;}
	.layerpop.join_clause .clause table tbody th{padding: 0 0 0 15px;}
	.layerpop.join_clause .clause table td{padding: 7px 0 5px 15px;}

	.layerpop.overlap_join{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 3px;}
	.layerpop.overlap_join p br{display:none;}
	.layerpop.overlap_join .tit {padding: 18px 15px 0;font-weight: 700;font-size: 13px;letter-spacing:-0.02em;line-height: 16px;}
	.layerpop.overlap_join .box_cont {padding: 0 15px 0;}
	.layerpop.overlap_join .stit {padding: 82px 0 0;font-size:16px;letter-spacing:-0.02em;line-height: 20px;background-position: 50% 30px;background-size:auto 45px;}
	.layerpop.overlap_join .stit + p {padding: 16px 0 22px;line-height:16px;margin: 0 0 5px;}
	.layerpop.overlap_join .stit + p br{display:none;}
	.layerpop.overlap_join p {padding:17px 0 0;font-size: 12px;line-height: 18px;letter-spacing:-0.02em;}
	.layerpop.overlap_join .btn_area {padding: 18px 0 25px;margin-left: -5px;}
	.layerpop.overlap_join .btn_area a span{font-size:11px;letter-spacing:-0.02em;}
	.layerpop.overlap_join .btn_area a {width: calc(50% - 5px);margin-left: 5px;font-size: 13px;letter-spacing:-0.02em;line-height: 15px;height: 38px;border-radius: 3px;}

	.layerpop.join_guide{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 3px;}
	.layerpop.join_guide br{display:none;}
	.layerpop.join_guide .tit {padding: 18px 15px 0;font-weight: 700;font-size: 13px;letter-spacing:-0.02em;line-height: 16px;}
	.layerpop.join_guide .box_cont {padding: 0 15px 0;}
	.layerpop.join_guide .stit {padding: 82px 0 0;font-size:16px;letter-spacing:-0.02em;line-height: 20px;background-position: 50% 30px;background-size:auto 45px;}
	.layerpop.join_guide .stit + p {padding: 16px 0 0;line-height:16px;font-size: 12px;line-height: 18px;letter-spacing:-0.02em;}
	.layerpop.join_guide .btn_area {padding: 18px 0 25px;margin-left: -5px;}
	.layerpop.join_guide .btn_area a {width: calc(50% - 5px);margin-left: 5px;font-size: 13px;letter-spacing:-0.02em;line-height: 15px;height: 38px;border-radius: 3px;}
	.layerpop.join_guide .btn_area a:first-child:nth-last-child(1) {width:128px;}
	.layerpop.join_guide .btn_close{right: 15px;top: 20px;width: 16px;height: 16px;background: url(../images/sub/joinpop_m_close.png) 0 0 / 100% 100% no-repeat;}

	.layerpop .btn_digilost{font-size: 11px; font-weight: 300; line-height: 10px; letter-spacing:-0.02em; margin: -10px auto 20px;}
	.layerpop .btn_digilost::after{width: 5px; height: 8px; vertical-align: 1px; margin-left: 5px; background: url(../images/sub/btn_mo_digilost.png) 0 0 / 100% 100% no-repeat;}

	.layerpop.join_recommendation .mo{display:block;}
	.layerpop.join_recommendation .pc{display:none;}
	.layerpop.join_recommendation{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 3px;}
	.layerpop.join_recommendation .box_cont {padding: 0 15px 25px;}
	.layerpop.join_recommendation .tit {padding: 18px 15px 0;font-weight: 700;font-size: 13px;letter-spacing:-0.02em;line-height: 16px;}
	.layerpop.join_recommendation .box_cont strong {padding: 30px 0 20px;font-size: 17px;letter-spacing:-0.02em;line-height:20px;}
	.layerpop.join_recommendation .banner a {margin: 0 0 10px;}
	.layerpop.join_recommendation .btn_area {padding: 10px 0 15px;}
	.layerpop.join_recommendation .btn_area a {width:128px;font-size: 13px;letter-spacing:-0.02em;line-height: 15px;height: 38px;border-radius: 3px;}
	.layerpop.join_recommendation .bot_box button {font-size: 12px;}
	.layerpop.join_recommendation input[type="checkbox"] + label {line-height: 15px;height: 15px;padding-left: 22px;font-size: 12px;}
	.layerpop.join_recommendation input[type="checkbox"] + label:before {width: 16px;height: 15px;background: url(../images/common/bg_m_ckeckbox1.png) 0 0 / 100% auto no-repeat;}
	.layerpop.join_recommendation input[type="checkbox"]:checked + label:before {background-position: 0 -15px;}

	#digitalIssuePop .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 3px;}
	#digitalIssuePop .layerpop::-webkit-scrollbar {width: 6px;}
	#digitalIssuePop .layerpop::-webkit-scrollbar-track-piece {margin:5px;}
	#digitalIssuePop .stit {padding: 27px 0 12px;font-size: 17px;letter-spacing:-0.02em;line-height:21px;}
	#digitalIssuePop .tit{padding: 18px 15px 0;font-weight: 700;font-size: 13px;letter-spacing:-0.02em;line-height: 16px;}
	#digitalIssuePop .box_cont {padding: 0 15px 0;}
	#digitalIssuePop .digital_account ul + p {margin: 10px 0 0;}
	#digitalIssuePop .btn_area {padding: 18px 0 25px;}
	#digitalIssuePop .btn_close{right: 15px;top: 20px;width: 16px;height: 16px;background: url(../images/sub/joinpop_m_close.png) 0 0 / 100% 100% no-repeat;}
	#digitalIssuePop .btn_area a {width:128px;font-size: 13px;letter-spacing:-0.02em;line-height: 15px;height: 38px;border-radius: 3px;}
	.digital_account {padding: 0 0 25px;border-radius: 3px;}
	.digital_account p {padding: 23px 60px 10px;font-size: 15px;line-height: 19px;letter-spacing:-0.02em;}
	.digital_account ul {margin: 0 15px;}
	.digital_account ul li {height: 67px;}
	.digital_account .sns {left: 27px;top: 18px;width: 30px;height: 30px;}
	.digital_account .kakao{background-position: 0 -30px;}
	.digital_account .face{background-position: 0 -60px;}
	.digital_account .google{background-position: 0 -90px;}
	.digital_account .apple{background-position: 0 -120px;}
	.digital_account .profile {width: 40px;height: 40px;top: 13px;}
	.digital_account ul li strong {font-size: 12px;line-height: 15px;letter-spacing:-0.02em;}
	.digital_account ul li em {font-size: 12px;letter-spacing:-0.02em;line-height: 15px;}
	.digital_account ul li em:before {height: 11px;margin: 0 6px;vertical-align: -1px;}
	.digital_account .login {margin: 4px 0 0;font-size: 11px;letter-spacing:-0.02em;line-height: 14px;}
	.digital_account ul + p {margin: 8px 15px 0;padding: 0 0 0 16px;font-size: 11px;letter-spacing:-0.02em;line-height: 15px;}
	.digital_account ul + p:before {top: 1px;width: 12px;height: 12px;background: url(../images/sub/icon_join_m_noti1.png) 0 0 / 100% 100%;}
	.digital_account input[type="radio"] + label {padding: 10px 45px 10px 65px;}
	.digital_account input[type="radio"] + label:before {width: 16px;height: 16px;}
	.digital_account input[type="radio"] + label:after {left: 4px;width: 8px;height: 8px;}

	#locationServicePop .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 3px;}
	#locationServicePop .layerpop .box_cont {padding: 20px 15px 25px;}
	#locationServicePop strong {font-size: 16px;font-weight: 700;line-height: 18px;letter-spacing:-0.02em;}
	#locationServicePop strong:before {height: 50px;background: url(../images/sub/img_m_locationservice.png) 50% 0 / auto 100% no-repeat;}
	#locationServicePop p{padding: 8px 0 18px;font-size:12px;letter-spacing:-0.02em;line-height: 15px;font-weight: 400;}
	#locationServicePop p br{display:none;}
	#locationServicePop .link {padding: 8px 15px 8px;border-radius: 3px;}
	#locationServicePop .link a {font-size: 12px;letter-spacing:-0.02em;line-height: 26px;}
	#locationServicePop .link a:before {width: 3px;height: 3px;margin-right: 6px;}
	#locationServicePop .link a:after {width: 11px;height: 11px;vertical-align: -1px;margin-left: 4px;background: url(../images/sub/icon_m_locationservice.png) 0 0 / 100% 100%;}
	#locationServicePop .btn_close {right: 15px;top: 15px;width: 16px;height: 16px;background: url(../images/sub/joinpop_m_close.png) 0 0 / 100% 100% no-repeat;}
	#locationServicePop .btn{padding:20px 0 0;margin:0 -3px;}
	#locationServicePop .btn a {font-size:13px;border-radius:3px;height:30px;margin:0 3px;line-height: 30px;}

	/** 타부서 컴포넌트 **/
	.margT_def{padding:0 15px;}
	/* 타이틀 1 */
	.area_tit h3{font-size:18px;}
	.area_tit h3 a{font-size:18px;}
	/* 타이틀 2 */
	.area_tit2 h3{font-size:18px;}
	.area_tit2 h3 a{font-size:18px;}

	.main_contents .wrap_sevice3col .article{margin:0;}
	.wrap_sevice3col{margin:0;}
	.wrap_sevice3col .article{margin:0 -15px;}
	.wrap_sevice3col.type1{margin-top:0;}
	.wrap_sevice3col.type1 .area_mid{margin-top:0 !important;}
	.wrap_sevice3col.type1 .area_right{margin-top:0 !important;}
	.wrap_sevice3col .list_thum{width: 100%;}
	.wrap_sevice3col .list_thum li{width: 48.5%; height: auto;}
	.wrap_sevice3col .list_thum li img{width: 100%;}
	.wrap_sevice3col .img_star{height: auto;}
	.wrap_sevice3col > .tit_atc{font-size:17px;padding:6px 0 0 15px;}


	/* 메인, 서비스 컴포넌트 적용 */
	.btm_cont .area_left,
	.wrap_sevice3col .left_service{float: none !important; width: 100% !important;}
	.btm_cont .area_mid,
	.wrap_sevice3col .mid_service{float: none !important; width: 100% !important; margin: 0 !important;}
	.btm_cont .area_mid .mdu_txt2row,
	.wrap_sevice3col .mid_service .mdu_txt2row{margin-top: 30px !important;}
	.btm_cont .area_right,
	.wrap_sevice3col .right_service{float: none !important; width: 100% !important; margin-top:0 !important;}
	#contents .wrap_sevice3col .right_service .article:last-child{border-bottom:0;}
	/*타이틀(코스형)*/
	.mdu_cos .area_course{width: 100%; margin-right: 0;}
	.mdu_cos .area_course:last-child{margin-bottom: 0;}
	.mdu_cos .area_course .course_des{height: 80px;}
	.mdu_cos .area_course .course_des > div{width: 100%; padding: 10px 10px;}
	.mdu_cos .area_course .course_des > a{width: 100%; height: 100%; padding: 15px 20px;}
	.mdu_cos .area_course .course_des strong{display:block !important;height:auto;font-size: 14px;white-space:nowrap;}
	.mdu_cos .area_course .course_des ul li{font-size: 0.9em;}
	/* 타이틀 이미지 사각형 */
	.mdu_img2col li{width:50%;}
	.mdu_img2col li a{width:98%;}
	.mdu_img2col li a .img_area img{width:100%;height:auto;}
	.mdu_img2col li a > strong{font-size:15px;}

	.mdu_thum1row .area_tit h3{font-size: 1.385em;}
	.mdu_thum1row > ul li a > img{width:90px;height:72px;}
	.mdu_thum1row > ul li a .name{height: 72px;padding-top: 7px;padding-left:100px;}
	.mdu_thum1row > ul li .name strong{font-size: 1em;}
	.mdu_thum1row > ul li .name span{font-size: 0.923em;}

	.mdu_thum2row > ul li .name strong{height:33px;margin-top:1px;font-size:15px;line-height:16px}
	.mdu_thum2row > ul li a > img{width:80px;height:52px;}
	.mdu_thum2row > ul li a .name{height:52px;padding-left:90px;}
	.mdu_thum2row > ul li .name span{display:block;margin-top:1px;}

	.mdu_bn2col li{width: 48%;}
	/*타이틀 이미지라운드형*/
	.mdu_img2colRd li{width:50%;}
	.mdu_img2colRd li:first-child a{margin-right:5px;}
	.mdu_img2colRd li:last-child a{margin-left:5px;}
	.mdu_img2colRd li a{width:98%;}
	.mdu_img2colRd li a strong{font-size:15px;}
	.mdu_img2colRd li a .img_area img{width:100%;height:100%;}
	.mdu_img2colRd li a .img_area .q_mask img{width:100%;height:100%;}
	/*타이틀(텍스트2형)*/
	.mdu_txt2row{display:block;}
	.mdu_txt2row > ul li strong{font-size:14px;}
	/*타이틀(이미지1형)*/
	.mdu_img1type .img{position:relative;}
	.mdu_img1type .img a:after{border-radius:0;}
	.mdu_img1type .img img{width:100%;height:auto}
	.mdu_img1type .img a{border-radius:0;}
	.mdu_img1type .img .tit_atc{height: auto !important;left:15px !important;padding: 4px 15px 0 0 !important;color:#fff !important;font-size:15px !important;font-weight: 700 !important;line-height: 20px !important;}


	/** 타부서 컴포넌트 V2 **/
	/*V2 타이틀 이미지라운드형*/
	.article .mdu_img2colRd2 ul{margin-top: -10px;}
	.article .mdu_img2colRd2 li{width:50%;margin-top: 10px !important;}
	.article .mdu_img2colRd2 li:first-child a{margin-right:5px;}
	.article .mdu_img2colRd2 li:last-child a{margin-left:5px;}
	.article .mdu_img2colRd2 li a{width:90%;}
	.article .mdu_img2colRd2 li a strong{font-size:15px;line-height: 19px;max-height: 40px;}
	.article .mdu_img2colRd2 li a .img_area img{width:100%;height:100%;}
	.article .mdu_img2colRd2 li a .img_area .q_mask img{width:100%;height:100%;}
	/*V2 타이틀(텍스트2형)*/
	.article .mdu_txt2row2 > ul li{margin-top: 10px;background:#eee;border-radius:5px;}
	.article .mdu_txt2row2 > ul li a{padding:12px 15px 13px 15px;}
	.article .mdu_txt2row2 > ul li strong{overflow:hidden;display:block;font-size:15px;text-overflow: ellipsis;white-space: nowrap;color:#000;}
	.article .mdu_txt2row2 > ul li strong + span{display:block;margin-top:3px;}
	/*V2 타이틀(텍스트2형)*/
	.article .mdu_thum2row2 > ul li{height:80px;}
	.article .mdu_thum2row2 > ul li a .img{width:120px;height:80px;}
	.article .mdu_thum2row2 > ul li a img{border-radius:5px;}
	.article .mdu_thum2row2 > ul li a .name{height:80px;}
	.article .mdu_thum2row2 > ul li .name strong{font-size:15px;line-height: 18px;margin:0 0 4px;color:#000;max-height: 38px;}
	/* V2 타이틀 이미지 사각형 */
	.article .mdu_img2col2 li{width:50%;}
	.article .mdu_img2col2 li a .img_area img{width:100%;height:95px;}
	/*V2 타이틀(이미지제목형)*/
	.article .mdu_imgTit2 .imgView a img{width:100%;height:auto;border-radius:0;}
	.article .mdu_imgTit2.dim .imgView a:after{border-radius:0;}
	.article .mdu_imgTit2 .imgView strong{font-size:15px;padding: 10px 10px 15px;}
	.article .mdu_imgTit2 .moveView{height:auto;}
	.article .mdu_imgTit2 .moveView .videoArea{height:auto;padding:0;}
	.article .mdu_imgTit2 .moveView .videoArea iframe{border-radius: 0;}
	/* V2 타이틀 이미지 사각형 */
	.article .mdu_img2col2 ul{margin-top: -10px;}
	.article .mdu_img2col2 li{width:49%;margin-top: 10px !important;}
	.article .mdu_img2col2 li a .img_area .img{width:100%;height:95px;border-radius: 5px;}
	.article .mdu_img2col2 li a > strong{font-size:15px;color:#000;}
	.article .mdu_img2col2 li a > span{margin-top:3px;}

	/* 모바일 와이드 */
	#contents.main_contents .article.mWide{padding: 20px 0 20px !important;border:0;border-bottom: 1px solid #efefef;}
	#contents.main_contents .article.mWide .tit_atc{height: 29px;padding: 0 35px 0 15px;font-size:15px;font-weight:800;}
	#contents.main_contents .article.mWide .tit_atc .btn_more{right:15px;}

	/* 이미지 슬라이드 컴퍼넌트*/
	.imgSlide.mo{display:block;}
	.imgSlide.pc{display:none;}
	.imgSlide{height:auto;padding: 20px 15px 20px;border:0;border-radius:0;border-bottom:1px solid #f0f0f0;margin-top: 0 !important;}
	.imgSlide h3{font-weight:800;font-size:15px;letter-spacing:-0.02em;}
	.imgSlide h3 a{font-size:15px;font-weight:800;}
	.imgSlide .swiper-container{height: 100%;position:relative;}
	.imgSlide .swiper-slide{width:85%;height:auto;}
	.imgSlide .swiper-slide a{border-radius:0;}
	.imgSlide .swiper-slide .txtWrap p{height:36px;font-size:15px;padding: 0 20px 0 0;line-height: 18px;}
	.imgSlide .swiper-slide .txtWrap{position: static;margin-top: 13px;}
	.imgSlide .swiper-slide .txtWrap span{padding: 5px 0 0 0;}
	.imgSlide .swiper-button-next, .imgSlide .swiper-button-prev{top: 186px;width:24px;height:24px;}
	.imgSlide .swiper-button-next{right:30px;}
	.imgSlide .swiper-button-prev{right:auto;left:30px;}
	.imgSlide .number{position:absolute;left:30px;right:30px;top:205px;width:auto;height:20px;}
	.imgSlide .swiper-pagination{top: 0;left:auto;right:0;font-size:10px;color:#fff;width:33px;height:15px;line-height:15px;border-radius:50px;background:rgba(0,0,0,.5);}
	.imgSlide .swiper-pagination .swiper-pagination-total{opacity: .5;}
	.imgSlide .swiper-slide .img{height:230px;background-size:cover;background-position:50% 50%;background-repeat: no-repeat;}

	.titImgType1{border-radius:0;height: auto;overflow: hidden;padding: 0 15px 20px;margin-top:0;border:0;border-bottom:1px solid #f0f0f0;}
	.titImgType1 .img{position:relative;height:122px;width:55%;}
	.titImgType1 .left{width:45%;height:122px;}
	.titImgType1 .img:after{content: '';display: inline-block;position: absolute;right: -1px;top:0;width:37px;height:123px;background: url(../images/main/bg_titImgType1_mline_1.png) no-repeat;background-size:100% 100%;}
	.titImgType1 .left strong{margin: 0 0 0 10px;font-size:15px;line-height: 18px;}
	.titImgType1 .left a span{font-size:13.5px;padding: 0 0 0 10px;}
	.titImgType1 .left p{font-size:15px;line-height: 17px;}
	.imgSlide .tit_atc{height: 29px;padding: 0 15px 0 0;font-size:15px;font-weight:800;}
	.imgSlide .tit_atc:before{top: 3px;width: 3px;height: 14px;}
	.titImgType1:after{display:none;}
	.titImgType1 .left em{padding: 0 0 0 10px;margin-top:5px;}

	/** 지역 정보 및 전체보기 **/
	/* 지역 정보 */
	.zone_cont{margin-top:10px;position: relative;padding-top:0 !important;}
	.zone_cont .area_left{width:auto;padding-right:0;position: absolute;left: 165px;top: 0;}
	.list_zone .box_logo{overflow:hidden;position: absolute;left: 0;top: 96px;width: 100% !important;padding-left:15px;margin-top:0 !important;}
	.list_zone .box_logo .logo{float:left;width:auto;padding:0 10px 0 0;}
	.list_zone .box_logo .logo img{width:auto !important;height:18px !important;}
	.list_zone .box_logo .name{margin-left:2px;font-size:18px;}
	.list_zone .box_logo p{float:left;margin-top:5px;letter-spacing:-0.02em;font-size:11px;color:#333;}
	.list_zone .box_logo p:before{height:14.5px;margin:0 10px 0 0;vertical-align: -3px;}
	.zone_cont .area_left .txt_info{margin-top:23px;}
	.zone_cont .area_left .txt_info strong{font-size:15px;line-height:19px;font-weight:700;}
	.zone_cont .area_left .txt_info p{margin-top:6px;font-size:13px;line-height:15px;}
	.zone_cont .area_left .btn_detail{margin-top:18px;padding:5px 25px 5px 13px;background:#666 url(../images/main/ico_marrow1.png) 80px 50%/4px 8px no-repeat;font-size:12px;color:#fff;}
	.zone_cont .area_left .btn_detail:hover{background-color:#333;border:1px solid #333;}
	.zone_cont .area_mid{width: 165px; float: left;padding-bottom: 16px;}
	.zone_cont .area_mid .img{display:inline-block;width:140px;overflow:hidden;border-radius:5px;}
	.zone_cont .area_mid .img img{width:140px;height:150px;}
	.zone_cont .area_right{clear: both; width: 100%;margin-bottom:26px;}
	.zone_cont .area_right ul li{margin-top:10px;}
	.zone_cont .area_right ul li a{font-size:14px;}
	.zone_cont .area_right ul li a:after{width: 8.5px;height: 13.5px;right: 15px;top: 22px;background: url(../images/main/ico_zone_mcont.png) 0 0 no-repeat;background-size:8.5px 27px;}
	.zone_cont .area_right ul li > div:hover a:after{background-position: 0 -13.5px;}
	.zone_cont .area_right ul li.obj3 a:after{position:absolute;margin:0;}
	.zone_cont .area_right ul li strong{padding-bottom:4px;font-size:12px;}
	.zone_cont .area_right ul li > div{height:60px; padding:11px 25px 14px 14px;border-radius:5px;}
	.zone_cont .area_right ul li.obj3 > div.img_full img{width:100%;height:60px;}
	.zone_cont .area_right ul li.obj1 > div.img_full img{width:100%;height:60px;}
	.zone_cont .area_right ul li .leftBox{width:49%; padding:11px 25px 14px 14px;overflow:hidden;text-align:left;}
	.zone_cont .area_right ul li .leftBox strong{font-size:12px;}
	.zone_cont .area_right ul li .rightBox{width:49%;padding:11px 25px 14px 14px;overflow:hidden;text-align:left;}
	.zone_cont .area_right ul li .rightBox strong{font-size:12px;}
	.zone_cont .list_sub{margin-top:0;padding:8px 75px 7px 15px;border-radius:5px;}
	.zone_cont .list_sub ul{margin-left:-14px;}
	.zone_cont .list_sub li{margin-left:14px;line-height:16px;}
	.zone_cont .list_sub li a{font-size:12px;}
	.zone_cont .list_sub .btn_more{right:15px;bottom:6px;padding-right:11px;font-size:12px;}
	/* 지역 정보 전체보기 (모바일 화면 없음) */
	.contents_zone .zone_cont .area_left{width:32%;}
	.contents_zone .zone_cont .area_mid{width:34%;float:left;padding-top:0;}
	.contents_zone .zone_cont .area_right ul li a{font-size:14px;}

	/** 추천 **/
	/* As-Is Event 불러오는 영역 */
	.box_txtPhoto{width:100%;}

	/** 작업 공지 **/
	.notice_info{text-align:center;}
	.notice_info .pc_view{display:none;}
	/* 지금변신중 */
	.notice_info .m_view{display:inline-block;width:320px;height:auto;margin:-210px 0 0 -160px;}
	/* 정기점검안내 */
	.notice_info.type_notice_info .m_view{width:320px;height:auto;margin:-185px 0 0 -160px;}
	/* 준비중 */
	.notice_info2 h1{font-size:30px;}
	/* 서비스 일시 중단 */
	.service_temporary_suspension{padding:0 15px;}
	.service_temporary_suspension img{width:100%;}
	.system_halt{background:#4d87f0;display:block;}
	.system_halt .cont{padding: 0 0 170px;}
	.system_halt .btn{background:#4d87f0;padding:0 5% 30px;}
	.system_halt img{width:100%;}
	.system_halt .mo{display:block;}
	.system_halt .pc{display:none;}

	/** 에러 페이지 **/
	.error404{width:320px;margin:-129px 0 0 -160px;}
	.error404 h1{width: 100%;height:23px;}
	.error404 .text01{font-size:18px;}
	.error404 .text02{margin-top:20px;font-size:16px;line-height:26px;}
	.error404 .text02 .num_s{font-size:16px;}
	.error404 .text02 span{display:block;}
	.error404 .link_home{margin-top:26px;padding:8px 26px;font-size:14px;}
	/* Button List */
	.btn_blank{font-size:12px;}
	.serviceApply + .btn_center.typeA{margin:20px 0 40px;}

	.btn_blank + .area_titDate{margin-top:-12px;}

	/* 새 창 팝업 > 한국관광 100선 지도 */
	.new_popup.pop_tourism .box_cont{padding:10px;}
	.layerpop .btn_close2{top: 3px;right: 3px;background-size: 16px auto;width: 12px;height: 12px;padding: 15px}

	/* 홈메인 발도장 팝업 */
	#mainStampPop.on{position:fixed;z-index: 200;width:100%;height:100%;background:rgba(0,0,0,.5);}
	#mainStampPop .layerpop .pc{display:none;}
	#mainStampPop .layerpop .mo{display:block;}
	#mainStampPop .layerpop img{width:100%;}
	#mainStampPop.on {bottom: 0;}
	#mainStampPop .layerpop{width:auto;position: absolute;left: 0;right: 0;bottom: 0;}
	#mainStampPop .layerpop .inr{right:0;width:100%;}
	#mainStampPop .layerpop strong {padding: 18px 0 6px;font-size: 12px;line-height: 14px;letter-spacing:-0.02em;}
	#mainStampPop .layerpop p {padding: 0 0 15px;font-size: 12px;line-height: 14px;letter-spacing:-0.02em;}
	#mainStampPop .layerpop a {padding: 0 14px;height: 28px;line-height: 28px;font-size: 12px;letter-spacing:-0.02em;}
	#mainStampPop .layerpop a:after {width: 14px;height: 14px;background: url(../images/common/btn_stamp_m_pop.png) 0 0 / 100% 100% no-repeat;vertical-align: -3px;margin-left: 5px;}
	#mainStampPop .layerpop .close button {font-size: 12px;letter-spacing:-0.02em;}
	#mainStampPop .layerpop .close button + button:before{height:10px;top:16px;}

	/* 개인정보처리방침 변경 안내 팝업 */
	#personalInformationPop.wrap_layerpop .layerpop {left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;padding: 0 15px;max-height:95%;overflow-y:auto;border-radius: 5px;}
	#personalInformationPop .layerpop::-webkit-scrollbar{width: 6px;height: 6px;}
	#personalInformationPop .layerpop::-webkit-scrollbar-thumb{background: #666;}
	#personalInformationPop .layerpop::-webkit-scrollbar-track-piece{background: #e5e5e5;margin:10px;}
	#personalInformationPop.wrap_layerpop .mo{display:block}
	#personalInformationPop.wrap_layerpop .pc{display:none}
	#personalInformationPop.wrap_layerpop .layerpop img{width:100%;}
	#personalInformationPop .cont {padding: 44px 0 0;}
	#personalInformationPop .btn_close {right: 15px;top: 15px;width: 16px;height: 16px;background: url(../images/common/btn_curation_area_mclose.png) 0 0 / 100% 100% no-repeat;}
	#personalInformationPop .bot_box {height: 65px;}
	#personalInformationPop input[type="checkbox"] + label {line-height: 15px;height: 15px;padding-left: 22px;font-size: 12px;}
	#personalInformationPop input[type="checkbox"] + label:before {width: 16px;height: 15px;background: url(../images/common/bg_m_ckeckbox1.png) 0 0 / 100% auto no-repeat;}
	#personalInformationPop input[type="checkbox"]:checked + label:before {background-position: 0 -15px;}
	#personalInformationPop .bot_box button {width: 60px;height: 25px;border-radius: 3px;font-size: 12px;}

	/* 배지랜드 토스트메시지 */
    .badge_toast{width: 100%; right: auto; left: 50%; transform: translateX(-50%); bottom: 8rem;}
	.badge_toast .inr{height: 7.1rem; width: 29rem; margin-inline: auto; margin-top: 2rem;}
	.badge_toast .txt span{font-size: 1.5rem;}
	.badge_toast .txt p{font-size: 1.2rem; margin-top: 0.8rem;}
	.badge_toast a{height: 2.8rem; padding-inline: 0.8rem; font-size: 1.2rem;}

	/* 도움말 기능 바텀(모바일만 노출) */
	.view_helpguide{display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.6rem; margin: 8rem 1.6rem 0; background: var(--brand-primary-05); border-radius: 0.4rem;}
	.view_helpguide p{color: var(--brand-primary-50); font-size: 1.6rem; font-weight: 700;}

	.bottom_helpguide{position: fixed; bottom: 0; top: auto; left: 0; right: 0; display: block; background: #fff; width: 100%; height: auto; z-index: 1000; transition: bottom 0.5s ease;}
	.bottom_helpguide.close{bottom: -100%;}
	.bottom_helpguide .dimmed{background: rgba(0, 0, 0, .4); pointer-events: none;}
    .bottom_helpguide .layerpop{position: relative; background: #fff; z-index: 200; width: 100%; left: 0 !important; right: 0 !important; margin: 0 !important; padding: 3.8rem 2.4rem 2.4rem; border-radius: 1.2rem 1.2rem 0 0; border: none;}
	.bottom_helpguide .btn_wrap{position: absolute; top: -3.4rem; left: 0; z-index: 110; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 1.6rem;}
	.bottom_helpguide input[type="checkbox"][class^="checkbox_pg_"] + label{color: #fff;}
	.bottom_helpguide input[type="checkbox"][class^="checkbox_pg_"] + label span{background: rgba(255, 255, 255, 0.15);}
	.bottom_helpguide input[type="checkbox"][class^="checkbox_pg_"]:not(.noaction) + label:hover span{background: rgba(255, 255, 255, 0.15);}
	.bottom_helpguide input[type="checkbox"][class^="checkbox_pg_"] + label svg path{opacity: 0;}
	.bottom_helpguide input[type="checkbox"][class^="checkbox_pg_"]:checked + label span{background: rgba(0, 0, 0, .25); opacity: 1;}
	.bottom_helpguide input[type="checkbox"][class^="checkbox_pg_"]:checked + label svg path{stroke: #fff; opacity: 1;}
	.bottom_helpguide input[type="checkbox"][class^="checkbox_pg_"]:checked + label:hover span{background: rgba(0, 0, 0, .25); opacity: 1;}
	.bottom_helpguide .btn_close{margin-right: 0; color: #fff; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.02em;}
	.bottom_helpguide .page_btn{width: 100%; margin-top: 1.2rem; display: flex; justify-content: center; align-items: center; gap: 2rem;}
	.bottom_helpguide .page_btn .swiper-pagination{position: static; display: flex; gap: 0.8rem; width: fit-content; margin: 0;}
	.bottom_helpguide .page_btn .swiper-pagination .swiper-pagination-bullet{width: 0.8rem; height: 0.8rem; margin: 0; background: #8E8E8E; opacity: 1;}
	.bottom_helpguide .page_btn .swiper-pagination .swiper-pagination-bullet-active{width: 1.6rem; background: var(--global-gray-80); border-radius: 999rem;}
	.bottom_helpguide .rolling{height: 1.2rem;}
	.bottom_helpguide .icon_pg_play span{width: 1.2rem; height: 1.2rem;}
	.bottom_helpguide .rolling .play{display: none;}
	.bottom_helpguide.active .rolling .play{display: block;}
	.bottom_helpguide.active .rolling .stop{display: none;}
	.bottom_helpguide .swiper-container .swiper-slide{text-align: center;}
	.bottom_helpguide .swiper-container .swiper-slide span{display: block; font-size: 2rem; font-weight: 800; line-height: 1; color: var(--global-gray-90);}
	.bottom_helpguide .swiper-container .swiper-slide p{margin: 1.2rem 0 1.4rem; font-size: 1.6rem; line-height: 1.3; color: var(--global-gray-70); letter-spacing: -0.02em;}
	.bottom_helpguide .swiper-container .swiper-slide img{width: 100%; height: auto;}
	.bottom_helpguide .btn_helpguide{width: 100%; margin-top: 2.8rem; color: #fff; font-size: 1.6rem; font-weight: 700;}

}

@media screen and (min-width: 1024px) and (max-width: 1279px){
    .search_index .layer_close{right: 0;}
    #gnbCommon .inner{padding-inline: 2rem;}
	.depth1_wrap{gap: 0.8rem;}
	.depth1_wrap > li .depth2_wrap{padding-block: 3.6rem;}
    .depth2_wrap .depth2_sub{padding-right: 1.1%;}
    .depth2_wrap .depth2_sub + .depth2_sub{padding-inline: 1.1% 0;}
    .depth3_wrap ul{gap: 2rem 0;}
    .depth3_wrap .depth3_title{font-size: 1.8rem;}
    .depth3_wrap li{width: 50%;}
    .depth3_wrap li a{padding: 1.6rem 1.4rem;}
    .depth3_wrap li a p{padding-left: 3.4rem; font-size: 1.3rem; letter-spacing: -0.02em;}
    .depth3_wrap li a p br{display: none;}
}


@media screen and (min-width: 721px) and (max-width: 1023px) {

	footer .footer_data .address li{display: inline-block; margin-right: 5px;}
	.imgSlide .swiper-slide{width:230px;}
	.imgSlide .swiper-slide .img{height:230px;}
	.imgSlide .number{left:50%;top: 203px;}
	.imgSlide .swiper-pagination{right:30px;right: 20px;}
	.titImgType1 .img{width:55%;height:150px;border-radius: 8px;}
	.titImgType1 .left{width:45%;height:150px;}
	.titImgType1 .img:after{height: 151px;}
	.article .mdu_img2col2 li a .img_area img{height:130px;}
	.article .mdu_img2col2 li a .img_area .img{height:100%;background-size:cover;}
	.banner_pcTop ul li ul a, .zone_cont .area_mid a, .article .mdu_img2col2 li a .img_area{height: 150px;}
	.article .mdu_img2colRd2 li{text-align: center;}
	.article .mdu_img2colRd2 li:nth-child(2n){text-align: center;}
	.article .mdu_img2colRd2 li a{width: 60%;margin:0 !important;}

	.login_page .wrap_layerpop {width: 70%;}
	.menu_list .menu_group .category_list li.vacuum{height: 16rem;}


}

@media screen and (max-width: 320px) {
	footer .footer_areaLogo li{width:82px;}
	footer .footer_areaLogo li img{width: 100%;}
	footer .footer_mLogo .logo_list li{margin-left: 10px;}
	footer .footer_mLogo .logo_list2 li{margin-left: 10px;}
	footer .footer_sns_list li{margin-left:0.9%;}

}

@media all and (min-width:768px) and (max-width:1023px) {
	html{font-size: 80%;}
	.m_coach_mark .mo{display:none;}
	.m_coach_mark .ta{display:block;}
	.m_coach_mark .cont {padding: 50px 25px 0;}
	.m_coach_mark .cont .stit, .m_coach_mark ul{display:none;}
	.m_coach_mark button {bottom: 75px;width: 60px;height: 60px;background: url(../images/common/btn_coach_mark_close.png) 0 0 / 100% 100% no-repeat;}

	.depth1_wrap{gap: 10%; justify-content: center;}
	.search_index .popular_more ul li{width: 16.4rem;}

}

@media screen and (max-width: 389px) {
	.pagination_wrap{position:relative;padding:6.4rem 0 0;}
	.pagination_wrap a.page_navi{height:48px;position:absolute;left:calc(50% - 8.8rem);top:0;width:8.8rem;}
	.pagination_wrap a.page_navi.next{left:auto;right:calc(50% - 8.8rem);}
	.pagination_wrap .nav-text {display: block;}
}