@charset "utf-8";

/**************************************************
	Layout CSS Document
	IEETU Web Standardization Team
	2019-07-10
**************************************************/

/**************************************************
	공식 배너
**************************************************/
#g-masthead {
	--g-masthead--color-surface:#eef2f7;
	--g-masthead--inner-gap-y:4px;
	--g-masthead--inner-gap-x:16px;
	--g-masthead--inner-min-size-height:32px;
	--g-masthead--inner-padding-y:4px;
	--g-masthead--pc-font-size:15px;
	--g-masthead--mobile-font-size:15px;
}
@media (max-width: 1023px) {
	#g-masthead {
		--g-masthead--inner-padding-y: 0;
	}
}
#g-masthead {
	position: relative;
	z-index: 70;
	background-color:#eef2f7;
}
#g-masthead .toggle-head .inner {
	position: relative;
	gap: var(--g-masthead--inner-gap-y) var(--g-masthead--inner-gap-x);
	max-width:1748px;
	min-height:32px;
	margin:0 auto;
	padding-top:4px;
	padding-bottom:4px;
	padding-left: var(--g-contents-padding-x);
	padding-right: var(--g-contents-padding-x);
}
#g-masthead .toggle-head .nuri-txt {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: 8px;
	font-size: 15px;
	word-break: break-all;
}
@media (max-width: 767px) {
	#g-masthead .toggle-head .nuri-txt {
		font-size: var(--g-masthead--mobile-font-size);
	}
}
#g-masthead .toggle-head .nuri-txt::before {
	content: "";
	display: inline-flex;
	width: 24px;
	height: 24px;
	background-color: var(--g-light-color-text-basic);
	background-color: transparent !important;
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_flag.svg);
	mask-image: url(../images/common/2025/icon/ico_flag.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/2025/icon/ico_flag.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
#g-masthead .toggle-body {
	height: 0;
	transition: var(--g-transition-base);
	overflow: hidden;
}
#g-masthead .inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}

/**************************************************
	Common
**************************************************/
/* 스프라이트 이미지 */
.sp_ui{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap;}
#wrap{position:relative; min-width:320px;}

/**************************************************
	Header
**************************************************/
/* 헤더 스크롤 고정 */
body.fixed #header{}
/* 헤더 상단 */
#header{position:relative; z-index: 100; background:#fff; transition:all .3s;}
#header .area_util{background-color:#4e84c4;}
#header .area_util > .inr{display:flex; justify-content:space-between; width:100%; max-width:1748px; margin:0 auto; padding:0 var(--g-contents-padding-x);}
#header .au_l{}
#header .au_l .lst{display:flex; height:100%;}
#header .au_l .lst li{position:relative;}
#header .au_l .lst li:not(:first-child){border-right:1px solid rgba(255,255,255,.3);}
#header .au_l .lst li a{display:flex; align-items:center; justify-content:center; position:relative; height:48px; padding:0 17px; font-family:"GmarketSans"; font-size:17px; color:#fff; text-align:center;}
#header .au_l .lst li a:hover{text-decoration:underline;}
#header .au_l .lst li.n01{background-color:#fff;}
#header .au_l .lst li.n01 a:after{content:''; width:60px; height:36px; background:url(../images/common/2025/ico_top_suseong.svg) no-repeat 0 0/contain;}
#header .au_r{display:flex; align-items:center; margin-right:180px;}
#header .au_r > .lst{display:flex; gap:0 20px;}
#header .au_r > .lst > li{position:relative;}
#header .au_r > .lst > li > a{display:block; height:48px; line-height:48px; padding:0 2px;}
.g-drop-wrap{display:inline-flex; position:relative;}
.g-drop-wrap.on .drop-menu{display:block;}
.g-drop-wrap .drop-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	display: none;
	z-index: 6;
	min-width: 120px;
	border-radius: 8px;
	padding: 8px;
	margin-top: 16px;
	background-color: #fff;
	border: 1px solid #cdd1d5;
	box-shadow: 0 0 2px 0 #0000000d, 0 4px 8px 0 #00000014;
	transform: translateX(-50%);
}
.g-drop-wrap .drop-menu::before {
	content: "";
	box-sizing:border-box;
	width: 12px;
	height: 12px;
	position: absolute;
	bottom: 100%;
	left: 50%;
	display: block;
	margin-bottom: -5px;
	margin-left: -6px;
	transform: rotate(-135deg);
	background-color:#fff;
	border:1px solid #cdd1d5;
	border-top-color: transparent;
	border-left-color: transparent;
}
.g-drop-wrap .drop-menu .drop-list {
	width: 100%;
}
.g-drop-wrap .drop-menu .drop-list .item-link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	width: 100%;
	gap: 8px;
	padding: 0 16px;
	border-radius: 6px;
	height: 48px;
	background-color: #fff;
	font-size:16px;
}
@media (max-width: 767px) {
	.g-drop-wrap .drop-menu .drop-list .item-link {
		font-size: 16px;
	}
}
.g-drop-wrap .drop-menu .drop-list .item-link .ico-go {
	display: inline-flex;
	width: 16px;
	height: 16px;
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
}
.g-drop-wrap .drop-menu .drop-list .item-link:hover {
	background-color: #eef2f7;
}
.g-drop-wrap .drop-menu .drop-list .item-link:active {
	background-color: #d6e0eb;
}
.g-drop-wrap .drop-menu .drop-list .item-link.active {
	font-weight: 700;
	color: #052b57;
	background-color: #eef2f7;
}
.g-drop-wrap .drop-btn{display:flex; align-items:center; background-color:transparent; color:#fff;}
.g-drop-wrap .drop-btn .ico-toggle{width:20px; height:20px; background-color:#fff;}
#header .btn_f_z{letter-spacing:-1px; white-space:nowrap;}
#header .btn_f_z:before{content:'가'; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:21px; height:21px; border:1px solid #d8d8d8; border-radius:4px; font-size:15px; background:#fff;}
#header .btn_f_z.active:before{border-color:#003675; background-color:#003675; color:#fff;}
#header li:nth-child(2) .btn_f_z:before{width:24px; height:24px;}
#header li:nth-child(3) .btn_f_z:before{width:25px; height:25px;}
#header li:nth-child(4) .btn_f_z:before{width:27px; height:27px;}
#header li:nth-child(5) .btn_f_z:before{width:30px; height:30px;}

#header .area_util .lang_area > .lst{display:none; position:absolute; top:100%; left:0; right:0; z-index:100; opacity:0; height:0; background:#6d6c6c; transition:all .25s;}
#header .area_util .lang_area.on > .lst{display:block; opacity:1; height:auto; padding:0 0 10px;}
#header .area_util .lang_area > .lst a{display:block; height:30px; line-height:30px; padding:0 20px; color:#fff; white-space:nowrap;}
/* 구글언어 선택 */
#header .lang_google{position:relative;}
#header .lang_google button{display:block; position:relative; width:156px; height:30px; padding:0 20px; background:#6d6c6c; color:#fff;}
#header .lang_google button:before{content:''; position:absolute; top:0; left:17px; bottom:0; width:18px; height:18px; margin:auto; background:url(../images/common/ico_google.png) 0 0/cover;}
#header .lang_google .lst{display:none; position:absolute; top:100%; left:0; z-index:100; width:100%;}
#header .lang_google.on .lst{display:block; padding:5px 0; background:#6d6c6c;}

/* 헤더 중간 */
#header .logo_wrap{position:relative;}
#header .logo_wrap > .inr{display:flex; justify-content:space-between; align-items:center; gap:24px; position:relative; max-width:1748px; margin:0 auto; padding:24px var(--g-contents-padding-x);}
#header .logo_wrap .group_logo{display:flex; flex-direction:column; align-items:center; gap:20px;}
#header .logo_wrap .logo a{display:block; aspect-ratio:293/52; width:293px; height:auto; background:url(../images/common/2025/logo_h.svg) no-repeat 0 0/contain;}
/* 날씨 */
#header .area_weather{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:relative; /*width:350px;*/}
#header .area_weather .weather{display:flex; flex:0 0 auto; align-items:center; letter-spacing:-2px;}
#header .area_weather .weather a{display:flex; align-items:center; font-weight:600; font-size:14px;}
#header .area_weather .weather .ico{display:flex; align-items:center;}
#header .area_weather .weather .ico img{display:inline-block; width:34px; margin:0; vertical-align:middle;}
#header .area_weather .weather .wt_deg{display:flex; align-items:center; margin:0 0 0 5px; font-size:20px; color:#1d7af6;}
#header .area_weather .weather .wt_deg .deg{color:#333;}
#header .area_weather .dust_water{flex:0 0 auto;}
#header .area_weather .dust_water dl{display:flex; font-size:12px; letter-spacing:-1px;}
#header .area_weather .dust_water dl dt{position:relative; margin:0 0 0 5px; padding:0 0 0 8px;}
#header .area_weather .dust_water dl dt:before{content:'/'; position:absolute; top:0; left:0; color:#ccc;}
#header .area_weather .dust_water dl dd[data-dust-text="좋음"] strong{color:#0072bc;}
#header .area_weather .dust_water dl dd[data-dust-text="보통"] strong{color:#299d3f;}
#header .area_weather .dust_water dl dd[data-dust-text="정상"] strong{color:#0072bc;}
#header .area_weather .btn_open{position:relative; overflow:hidden; width:30px; height:30px; background:none; white-space:nowrap; color:transparent;}
#header .area_weather .btn_open:after{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; right:0; background:url(../images/common/ico_weather_arr.png) no-repeat 50% 50%/12px 7px; transition:all .25s;}
#header .area_weather.open .btn_open:after{transform:rotate(-180deg);}
#header .area_weather .pop_weather{display:none; position:absolute; top:100%; left:0; right:0; z-index:20; padding:5px 5px 20px; border:1px solid #ccc; background:#fff; font-size:13px; letter-spacing:-1px; text-align:center;}
#header .area_weather.open .pop_weather{display:block;}
#header .area_weather .pop_weather:after{content:''; display:block; clear:both;}
#header .area_weather .pop_weather dl{display:inline-block; margin:10px 0 0; vertical-align:top;}
#header .area_weather .pop_weather dl dt,
#header .area_weather .pop_weather dl dd{float:left;}
#header .area_weather .pop_weather dl dt{position:relative; margin:0 0 0 5px; padding:0 0 0 8px;}
#header .area_weather .pop_weather dl dt:before{content:'/'; position:absolute; top:0; left:0;}
#header .area_weather .pop_weather dl:first-child dt:before{display:none;}
#header .area_weather .pop_weather dl dd[data-dust-text="좋음"] strong{color:#0072bc;}
#header .area_weather .pop_weather dl dd[data-dust-text="보통"] strong{color:#299d3f;}
#header .area_weather .pop_weather dl dd[data-dust-text="정상"] strong{color:#0072bc;}
#header .area_weather .pop_weather .more_weather{display:block; clear:both; width:159px; height:31px; line-height:31px; margin:10px auto 0; border-radius:31px; background:#2893d7; font-size:14px; color:#fff; letter-spacing:-1px; text-align:center; vertical-align:top;}
/* 검색/sns */
#header .srch_wrap{flex:1; position:relative; max-width:700px;}
/* 검색 pc */
#header .srch_wrap .srch_area{position:relative; padding:7px; background:linear-gradient(to right, #8cbf3b, #29a67a, #35a5de, #3781dd);}
#header .srch_wrap .srch_area:before{content:''; display:none; position:absolute; top:0; left:0; bottom:0; right:calc(100% - 48px); width:27px; height:28px; margin:auto; background:url(../images/common/ico_srch.png) no-repeat 0 0/cover;}
#header .srch_wrap .srch_area .inp_word{display:block; position:relative; height:46px; background:#fff;}
#header .srch_wrap .srch_area .inp_word label{position:absolute; top:0; left:20px; bottom:0; height:26px; margin:auto 0; font-family:'GmarketSans'; font-weight:600; font-size:20px; color:#2f7ade; letter-spacing:-1px; transition:all .3s;}
#header .srch_wrap .srch_area .inp_word.over label{display:none;}
#header .srch_wrap .srch_area .inp_word label .c01{color:#44a261;}
#header .srch_wrap .srch_area .inp_word label .c02{color:#054286;}
#header .srch_wrap .srch_area .inp_word input{width:100%; height:100%; padding-right:45px; border:0; border-radius:0; box-shadow:none;}
#header .srch_wrap .srch_area .btn_srch{position:absolute; top:7px; right:7px; bottom:7px; overflow:hidden; width:40px; background:#fff url(../images/main/2022/ico_srch.png) no-repeat 50% 50%; color:transparent;}
/* 인기검색어 */
#header .srch_wrap .hotkeyword_area{display:flex; align-items:center; margin-top:16px; letter-spacing:-1px; text-align:center;}
#header .srch_wrap .hotkeyword_area .tit{flex:0 0 auto; position:relative; box-sizing:border-box; margin-right:14px; padding:5px 8px 1px; border-radius:30px; background:#c5df90; font-family:"GmarketSans"; font-weight:400; font-size:16px;}
#header .srch_wrap .hotkeyword_area .keyword{display:flex; flex-wrap:wrap; gap:5px 20px;}
#header .srch_wrap .hotkeyword_area .keyword a{font-size:16px; color:#666;}
#header .srch_wrap .hotkeyword_area .keyword a:nth-child(n + 4){display:none;}
/* 수성 sns */
#header .area_sns{position:relative; margin-right:190px;}
#header .area_sns .btn_open{position:relative; width:260px; height:92px; background:url(../images/common/2025/ico_header_sns.png) no-repeat 0 0/cover;}
#header .area_sns .btn_open:hover{background-image:url(../images/common/2025/ico_header_sns_over.png);}
#header .area_sns .btn_open:after{content:''; position:absolute; top:50%; right:0; transform:translate(50%, -50%); width:26px; height:26px; border:1px solid #3982db; border-radius:50%; background:#fff url(../images/common/2024/ico_header_sns_barr.png) no-repeat 50%; box-shadow:0 3px 5px rgba(0,0,0,.1);}
#header .area_sns.open .btn_open:after{transform:translate(50%, -50%) scaleY(-1); box-shadow:0 -3px 5px rgba(0,0,0,.1);}
#header .area_sns .btn_open span{display:block; overflow:hidden; color:transparent;}
.area_sns .ly_sns{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000;}
.area_sns.open .ly_sns{display:block;}
.area_sns .ly_sns .dimm{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.7);}
.area_sns .ly_sns > .inr{display:flex; flex-direction:column; position:absolute; top:50px; right:20px; bottom:50px; left:20px; z-index:10; max-width:700px; max-height:780px; margin:auto; border-radius:30px; background:#fff;}
.area_sns .ly_sns .btn_sns_close{position:absolute; top:0; right:46px; transform:translateY(-50%); width:72px; height:72px; overflow:hidden; border-radius:50%; background:#0778b6 url(../images/main/2024/ico_mymenu_close.png) no-repeat 50%; box-shadow:5px 5px 10px rgba(0,0,0,.2);}
.area_sns .ly_sns .sns_head{display:flex; align-items:flex-end; gap:20px; padding:20px 50px 0;}
.area_sns .ly_sns .sns_head:before{content:''; flex-shrink:0; position:relative; bottom:-18px; width:122px; height:154px; background:url(../images/common/2025/ico_sns_ddubi.png) no-repeat 0 0/contain;}
.area_sns .ly_sns .sns_head .head_cont{padding:0 0 30px;}
.area_sns .ly_sns .sns_head .head_title{font-family:"GmarketSans"; font-size:32px; color:#0e356b;}
.area_sns .ly_sns .sns_head .desc{margin-top:12px; font-size:16px;}
.area_sns .ly_sns .sns_head .desc em{color:#e8322f;}
.area_sns .ly_sns .sns_body{flex:1; overflow:hidden; overflow-y:auto; padding:50px 30px; border-radius:0 0 30px 30px; background-color:#e2f8f5;}
.area_sns .ly_sns .sns_body > .inr{max-width:610px; margin:0 auto;}
.area_sns .ly_sns .sns_title{display:flex; align-items:center; gap:8px; margin-bottom:10px; font-family:"GmarketSans"; font-size:22px;}
.area_sns .ly_sns .sns_title:before{content:''; width:36px; height:29px; background:url(../images/common/2025/ico_sns_ddubi_tit.svg) no-repeat 0 0/contain;}
.area_sns .ly_sns .sns_body .lst{display:grid; grid-template-columns:repeat(5,1fr); gap:16px; padding:20px; border:3px solid #fff; border-radius:15px;}
.area_sns .ly_sns .sns_body .lst + .sns_title{margin-top:26px;}
.area_sns .ly_sns .lst li a{display:block; overflow:hidden; width:100%; height:auto; aspect-ratio:100/90; background-repeat:no-repeat; background-position:0 0; background-size:contain; color:transparent;}
.area_sns .ly_sns .lst li.facebook a{background-image:url(../images/common/2025/ico_sns_facebook.png);}
.area_sns .ly_sns .lst li.blog a{background-image:url(../images/common/2025/ico_sns_blog.png);}
.area_sns .ly_sns .lst li.instagram a{background-image:url(../images/common/2025/ico_sns_instagram.png);}
.area_sns .ly_sns .lst li.threads a{background-image:url(../images/common/2025/ico_sns_threads.png);}
.area_sns .ly_sns .lst li.x a{background-image:url(../images/common/2025/ico_sns_x.png);}
.area_sns .ly_sns .lst li.flickr a{background-image:url(../images/common/2025/ico_sns_flickr.png);}
.area_sns .ly_sns .lst li.kakaoch a{background-image:url(../images/common/2025/ico_sns_ch.png);}
.area_sns .ly_sns .lst li.youtube a{background-image:url(../images/common/2025/ico_sns_youtube.png);}
.area_sns .ly_sns .lst li.kakaostory a{background-image:url(../images/common/2025/ico_sns_kakaostory.png);}

/* 나만의 메뉴 */
.main_area_info{position:absolute; top:-48px; right:var(--g-contents-padding-x); z-index:100;}
.main_area_info .lst{}
.main_area_info .lst li{}
.btn_mysuseong{display:block; width:150px; height:180px; background:url(../images/common/2025/img_mysuseong.png) no-repeat 0 0/contain;}
.btn_mysuseong:hover{background-image:url(../images/common/2025/img_mysuseong_over.png);}
/* 나만의 메뉴 */
.ly_mymenu,
.ly_mymenu_set{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000;}
.ly_mymenu.open,
.ly_mymenu_set.open{display:block;}
.ly_mymenu .dimm,
.ly_mymenu_set .dimm{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.7);}
.ly_mymenu_set .dimm{background:none;}
.ly_mymenu > .inr,
.ly_mymenu_set > .inr{position:absolute; top:50px; right:20px; bottom:50px; left:20px; z-index:10; max-width:1000px; max-height:680px; margin:auto; border-radius:30px; background:#fff;}
.ly_mymenu .close,
.ly_mymenu_set .close{position:absolute; top:0; right:46px; transform:translateY(-50%);}
.ly_mymenu .close button,
.ly_mymenu_set .close button{width:72px; height:72px; overflow:hidden; border-radius:50%; background:#0778b6 url(../images/main/2024/ico_mymenu_close.png) no-repeat 50%; box-shadow:5px 5px 10px rgba(0,0,0,.2); color:transparent;}
.ly_mymenu > .inr{display:flex; flex-direction:column; background:linear-gradient(to bottom, #fff 168px, #e1f7f4 0);}
.ly_mymenu .area_tit{position:relative; height:168px; margin-left:37.8%; padding-top:50px;}
.ly_mymenu .area_tit:before{content:''; position:absolute; top:30px; right:calc(100% + 20px); width:122px; height:154px; background:url(../images/main/2024/ico_mymenu_ddubi.png) no-repeat 0 0;}
.ly_mymenu .area_tit .tit{font-family:"GmarketSans"; font-size:32px; line-height:1.2; color:#0e356b; letter-spacing:-3px;}
.ly_mymenu .area_tit .txt{margin-top:10px; font-size:16px; letter-spacing:-1px;}
.ly_mymenu .area_tit .txt em{color:#e8322f;}
.ly_mymenu .area_lst{flex:1; overflow:hidden; overflow-y:auto; padding:43px 40px 37px;}
.ly_mymenu .area_lst .lst{display:flex; flex-wrap:wrap;}
.ly_mymenu .area_lst .lst li{position:relative; width:calc(20% - 12px); margin:6px;}
.ly_mymenu .area_lst .lst .menu{display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:78px; padding:0 5px; border-radius:10px; background:#00a098; font-family:"GmarketSans"; font-size:17px; color:#fff; text-align:center;}
.ly_mymenu .area_lst .lst li .del{position:absolute; right:0; bottom:-7px; overflow:hidden; width:23px; height:23px; background:url(../images/main/2024/ico_mymenu_del.png) no-repeat 0 0; color:transparent;}
.ly_mymenu .area_lst .lst .add{display:block; overflow:hidden; width:100%; height:78px; border:2px solid #b5d5d1; border-radius:10px; background:#fff url(../images/main/2024/ico_mymenu_add.png) no-repeat 50%; color:transparent;}
.ly_mymenu .area_weekly{display:flex; align-items:center; margin:0 46px 45px; padding:25px 10px 25px 38px; border:3px solid #fff; border-radius:15px; font-family:"GmarketSans";}
.ly_mymenu .area_weekly .title_group{display:flex; flex:0 0 auto; align-items:center; margin-right:43px;}
.ly_mymenu .area_weekly .title_group:before{content:''; flex:0 0 auto; width:50px; height:42px; margin-right:18px; background:url(../images/main/2024/ico_weekly.png) no-repeat 0 0;}
.ly_mymenu .area_weekly .title_group .title{font-size:22px; line-height:1.2; letter-spacing:-2px;}
.ly_mymenu .area_weekly .title_group .date{font-size:14px; color:#d61f74; letter-spacing:-1px;}
.ly_mymenu .area_weekly .lst{display:flex; flex-wrap:wrap; align-items:center;}
.ly_mymenu .area_weekly .lst li{margin:3px 20px 3px 0;}
.ly_mymenu .area_weekly .lst li:nth-child(5) ~ li{display:none;}
.ly_mymenu .area_weekly .lst li a{display:flex; align-items:center; font-size:18px; letter-spacing:-1px;}
.ly_mymenu .area_weekly .lst li a .num{flex:0 0 auto; width:22px; height:22px; margin-right:9px; padding-top:1px; background:#0b5e8f; font-size:15px; line-height:22px; text-align:center; color:#fff;}
.ly_mymenu .area_weekly .lst li:first-child a .num{background:#d52073;}
.ly_mymenu .area_weekly .lst li a em{line-height:22px;}
.ly_mymenu_set > .inr{display:flex; flex-direction:column;}
.ly_mymenu_set .area_tit{padding:25px 0 20px; text-align:center;}
.ly_mymenu_set .area_tit .tit{display:flex; justify-content:center; align-items:center; font-family:"GmarketSans"; font-size:28px; color:#0e356b; letter-spacing:-2px;}
.ly_mymenu_set .area_tit .tit:before{content:''; width:24px; height:22px; margin-right:15px; background:url(../images/main/2024/ico_mymenu_title.png) no-repeat 0 0;}
.ly_mymenu_set .area_tit .txt{margin-top:5px; font-size:16px;}
.ly_mymenu_set .area_srch{position:relative; margin:0 68px; padding-right:60px; border:3px solid #ced4f1; border-radius:10px;}
.ly_mymenu_set .area_srch .word{width:100%; height:56px; border:0; background:none; box-shadow:none;}
.ly_mymenu_set .area_srch .btn_srch{position:absolute; top:-3px; right:-3px; bottom:-3px; overflow:hidden; width:60px; border-radius:10px; background:#4a5ca7 url(../images/main/2024/ico_mymenu_srch.png) no-repeat 50%; color:transparent;}
.ly_mymenu_set .area_domain{display:flex; justify-content:space-between; align-items:center; margin:20px 68px 0;}
.ly_mymenu_set .area_domain label{margin-top:5px; font-family:"GmarketSans"; font-weight:400; font-size:22px;}
.ly_mymenu_set .box_menu{flex:1; overflow:hidden; overflow-y:auto; margin-top:20px; padding:0 68px 22px;}
.ly_mymenu_set .box_menu .tit2{display:flex; align-items:baseline; margin-top:22px; font-family:"GmarketSans"; font-weight:400; font-size:22px; letter-spacing:-1px;}
.ly_mymenu_set .box_menu .tit2:after{content:''; flex:1; margin-left:8px; border-bottom:1px dotted #bbb;}
.ly_mymenu_set .box_menu .tit2:first-child{margin-top:0;}
.ly_mymenu_set .box_menu .tit2 span{box-shadow:inset 0 -14px rgba(57,126,219,.3);}
.ly_mymenu_set .box_menu .tit3{display:flex; align-items:baseline; margin-top:15px; font-family:"GmarketSans"; font-size:18px; letter-spacing:-1px;}
.ly_mymenu_set .box_menu .lst_menu{display:flex; flex-wrap:wrap; margin-top:10px; padding:15px 24px; border-radius:10px; background:#f2f2f2;}
.ly_mymenu_set .box_menu .lst_menu li{display:flex; align-items:baseline; width:25%; margin:5px 0; padding-right:10px; font-size:15px;}
.ly_mymenu_set .area_btn{display:flex; overflow:hidden; height:66px; border-radius:0 0 30px 30px;}
.ly_mymenu_set .area_btn button{display:flex; flex:1; justify-content:center; align-items:center; background:#0778b6; font-family:"GmarketSans"; font-weight:600; font-size:16px; color:#fff;}
.ly_mymenu_set .area_btn .btn_reset{border-left:1px solid #7fbbdb;}
.ly_mymenu_set .area_btn .btn_set:before{content:''; width:17px; height:16px; margin:-2px 5px 0 0; background:url(../images/main/2024/ico_mymenu_set.png) no-repeat 0 0;}
.ly_mymenu_set .area_btn .btn_reset:before{content:''; width:16px; height:15px; margin:-2px 5px 0 0; background:url(../images/main/2024/ico_mymenu_reset.png) no-repeat 0 0;}
/* 헤더 GNB */
body.fixed .gnb_wrap{box-shadow:0 3px 5px rgba(0,0,0,.25);}
.gnb_wrap{position:sticky; top:0; left:0; z-index:30; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#fff;}
.gnb_wrap > .inr{max-width:1748px; margin:0 auto; padding:0 var(--g-contents-padding-x);}
#gnb{display:flex; justify-content:center; align-items:center; gap:110px;}
#gnb a{display:block;}
#gnb > li{}
#gnb > li > a{display:flex; justify-content:center; align-items:center; position:relative; box-sizing:border-box; height:64px; padding:0 20px; font-family:'GmarketSans'; font-weight:600; font-size:24px;}
#gnb > li > a:after{content:''; display:none; position:absolute; left:0; right:0; bottom:0; z-index:31; box-sizing:border-box; width:16px; height:16px; margin:0 auto; border:1px solid #ccc; border-width:1px 1px 0 0; background:linear-gradient(-135deg,#fff 50%, transparent 0); transform:translateY(50%) rotate(-45deg);}
#gnb > li.open > a:after{display:block;}
#gnb > li > a span{display:block; transform:scale(1); transition:all 0.15s;}
#gnb > li.open > a{color:#1e6cb4;}
#gnb > li.open > a span{transform:scale(1.2);}
/* 2차 */
#gnb > li > div{display:none; position:absolute; top:64px; left:0; right:0; z-index:30; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:linear-gradient(to right, #eff4fa 50%, #fff 0); letter-spacing:-1px;}
#gnb > li.open > div{display:block;}
body.fixed #gnb > li.open > div{ /*position:fixed;*/}
#gnb > li > div > .inr{display:flex; position:relative; width:100%; max-width:1260px; margin:0 auto; min-height:480px;}
#gnb > li > div > .inr > .area_head{display:none; position:relative; width:227px; padding:70px 0 0 20px; vertical-align:top;}
#gnb > li > div > .inr > .area_head:before{content:url(../images/common/2021/bg_gnb_t.png); display:inline-block; position:absolute; top:0; right:0; font-size:0;}
#gnb > li > div > .inr > .area_head:after{content:url(../images/common/2023/bg_gnb_b2.png); display:inline-block; position:absolute; right:0; bottom:0; font-size:0;}
#gnb > li > div > .inr > .area_head.s01:after{content:url(../images/common/2025/bg_gnb_b01.png);}
#gnb > li > div > .inr > .area_head.s02:after{content:url(../images/common/2025/bg_gnb_b02.png);}
#gnb > li > div > .inr > .area_head.s03:after{content:url(../images/common/2025/bg_gnb_b03.png);}
#gnb > li > div > .inr > .area_head.s04:after{content:url(../images/common/2025/bg_gnb_b04.png);}
#gnb > li > div > .inr > .area_head.s05:after{content:url(../images/common/2025/bg_gnb_b05.png);}
#gnb > li.sub01 > div > .inr > .area_head.s01,
#gnb > li.sub02 > div > .inr > .area_head.s02,
#gnb > li.sub03 > div > .inr > .area_head.s03,
#gnb > li.sub04 > div > .inr > .area_head.s04,
#gnb > li.sub05 > div > .inr > .area_head.s05{display:table-cell;}
#gnb > li > div > .inr > .area_head .title{display:inline-block; position:relative; font-family:'GmarketSans'; font-weight:600; font-size:26px; line-height:1.2; color:#3e3a39; letter-spacing:-1px; animation:reveal-slideup .6s backwards;}
#gnb > li > div > .inr > .area_head .title:before{content:''; display:block; position:absolute; top:-22px; left:0; width:100%; height:15px; background:radial-gradient(#878787 2px, transparent 3px); background-size:24px 24px;}
@keyframes reveal-slideup{
	0%{opacity:0; transform:translateY(50px);}
	100%{opacity:1; transform:translateY(0);}
}
#gnb > li > div > .inr > .area_head .txt{position:relative; z-index:10; margin-top:20px; padding-top:20px; font-size:14px; line-height:1.6; animation:reveal-fade .6s .3s backwards;}
#gnb > li > div > .inr > .area_head .txt:before{content:''; display:inline-block; position:absolute; top:0; left:1px; width:43px; height:1px; background:#6d6c6c;}
@keyframes reveal-fade{
	0%{opacity:0;}
	100%{opacity:1;}
}
#gnb > li > div > .inr > ul{
	flex:1; display:grid; grid-template-columns:repeat(4,1fr); gap:20px 30px; position:relative; overflow:hidden; overflow-y:auto; max-height:60vh; padding:25px 30px; background-color:#fff;
}
#gnb > li > div > .inr > ul > li{position:relative;}
#gnb > li > div > .inr > ul > li:before{/*content:'';*/ display:inline-block; position:absolute; top:0; bottom:0; border-left:1px solid #d9d9d9; transform:translateX(-15px);}
#gnb > li > div > .inr > ul > li:nth-child(4n + 1):before{display:none;}
#gnb > li > div > .inr > ul > li > a{position:relative; padding:9px 0 11px; background:linear-gradient(90deg, #2ca6e0 3px, #2ca6e0 0) 0 0/100% 3px no-repeat,linear-gradient(0deg,#ccc 50%,#ccc 0) 100% 100%/1px 100% no-repeat,linear-gradient(90deg,#ccc 10%,#ccc 0) 0 100%/100% 1px no-repeat,linear-gradient(180deg,#ccc 50%,#ccc 0) 0 0/1px 100% no-repeat; font-weight:600; font-size:17px; text-align:center;}
#gnb > li > div > .inr > ul > li > a[target="_blank"]:after{content:''; display:inline-block; width:15px; height:13px; margin:-5px 0 0 5px; background:url(../images/common/ico_blank.png) no-repeat 0 0; vertical-align:middle;}
/* 2차(분야별) */
#gnb > li.sub03 > div > .inr > ul{position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:30px; padding-left:30px;}
#gnb > li.sub03 > div > .inr > ul > li{/*padding-bottom:75px;*/ float:none; width:auto; padding:0 0 20px;}
#gnb > li.sub03 > div > .inr > ul > li:before{display:none;}
#gnb > li.sub03 > div > .inr > ul > li > a{overflow:hidden; padding:0 15px; border:0; background:#fff;}
#gnb > li.sub03 > div > .inr > ul > li.open > a{color:#1c73d2;}
#gnb > li.sub03 > div > .inr > ul > li > a:before{content:''; display:block; width:auto; height:85px; margin:0 auto 10px; border:1px solid #ccc; border-radius:10px; background:url(../images/main/2023/ico_part01.png) no-repeat 50% 50%; transition:all .3s;}
#gnb > li.sub03 > div > .inr > ul > li.open > a:before{border-color:#1c73d2; background-color:#1c73d2;}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(1) > a:before{background-image:url(../images/main/2023/ico_part01.png);}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(2) > a:before{background-image:url(../images/main/2023/ico_part02.png);}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(3) > a:before{background-image:url(../images/main/2023/ico_part03.png);}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(4) > a:before{background-image:url(../images/main/2023/ico_part04.png);}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(5) > a:before{background-image:url(../images/main/2023/ico_part05.png);}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(6) > a:before{background-image:url(../images/main/2023/ico_part06.png);}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(7) > a:before{background-image:url(../images/main/2023/ico_part07.png);}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(8) > a:before{background-image:url(../images/main/2023/ico_part08.png);}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(9) > a:before{background-image:url(../images/main/2023/ico_part09.png);}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(10) > a:before{background-image:url(../images/main/2023/ico_part10.png);}
#gnb > li.sub03 > div > .inr > ul > li > ul{display:none; position:absolute; left:30px; right:0; padding:0; transform:translateY(5px);}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(2) > ul{padding-left:260px;}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(3) > ul{padding-right:260px; text-align:right;}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(4) > ul{text-align:right;}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(7) > ul{text-align:right;}
#gnb > li.sub03 > div > .inr > ul > li:nth-child(8) > ul{text-align:right;}
#gnb > li.sub03 > div > .inr > ul > li.open > ul{display:none; font-size:0;}
#gnb > li.sub03 > div > .inr > ul > li > ul > li{display:inline-block; margin:2px; padding:0; border:1px solid #bbb; border-radius:3px; font-size:15px; line-height:24px;}
#gnb > li.sub03 > div > .inr > ul > li > ul > li:before{display:none;}
#gnb > li.sub03 > div > .inr > ul > li > ul > li > a{padding:0 8px;}
#gnb > li.sub03 > div > .inr > ul > li > ul > li > a[target="_blank"]:after{margin-top:5px;}
/* 3차 */
#gnb > li > div > .inr > ul > li > ul{padding:5px 0 0 13px;}
#gnb > li > div > .inr > ul > li > ul > li{position:relative; margin:10px 0; padding:0 0 0 10px; font-size:15px; line-height:18px;}
#gnb > li > div > .inr > ul > li > ul > li:before{content:''; display:inline-block; position:absolute; top:7px; left:0; width:5px; height:5px; border-radius:50%; background:#aaa;}
#gnb > li > div > .inr > ul > li > ul > li > a[target="_blank"]:after{content:''; display:inline-block; width:15px; height:13px; margin:3px 0 0 4px; background:url(../images/common/ico_blank.png) no-repeat 0 0; vertical-align:top;}

#gnb > li > div > .inr > ul > li > ul > li > a:hover{font-weight:700; text-decoration: underline;}

#header .nav_minwon{display:none; float:right; margin:33px 0 0;}
#header .nav_minwon a{display:block; position:relative; width:156px; height:44px; line-height:44px; padding:0 0 0 45px; border-radius:44px; background:#2893d7; font-weight:600; font-size:15px; color:#fff; letter-spacing:-2px;}
#header .nav_minwon a:before{content:''; position:absolute; top:0; left:14px; bottom:0; width:27px; height:23px; margin:auto; background:url(../images/common/ico_online.png) no-repeat 0 0/cover;}

/* 구청안내 인포 */
#header .srch_wrap .area_info{width:406px;}
#header .srch_wrap .area_info .lst{display:flex; justify-content:space-around;}
#header .srch_wrap .area_info .lst li{position:relative;}
#header .srch_wrap .area_info .lst li a{display:flex; flex-direction:column; align-items:center; text-align:center;}
#header .srch_wrap .area_info .lst li a:hover{color:#f22579;}
#header .srch_wrap .area_info .lst li a:before{content:''; width:60px; height:60px; border-radius:50%; background:#99d9d6; transition:transform .3s;}
#header .srch_wrap .area_info .lst li a:hover:before{transform:scale(1.1);}
#header .srch_wrap .area_info .lst li.n01 a:before{background:#99d9d6;}
#header .srch_wrap .area_info .lst li.n02 a:before{background:#e9ec66;}
#header .srch_wrap .area_info .lst li.n03 a:before{background:#c6e08f;}
#header .srch_wrap .area_info .lst li.n04 a:before{background:#abdbf3;}
#header .srch_wrap .area_info .lst li a:after{content:''; display:inline-block; position:absolute; top:0; left:0; right:0; bottom:calc(100% - 60px); width:40px; height:40px; margin:auto; background:url(../images/main/2021/sp_main.png) no-repeat 0 0;}
#header .srch_wrap .area_info .lst li.n01 a:after{background-position:-94px -34px;}
#header .srch_wrap .area_info .lst li.n02 a:after{background-position:-138px -34px;}
#header .srch_wrap .area_info .lst li.n03 a:after{background-position:-182px -34px;}
#header .srch_wrap .area_info .lst li.n04 a:after{background-position:-226px -34px;}
#header .srch_wrap .area_info .lst li a span{margin:5px 0 0;}


.lypop171 .btm{padding: 5px;    background: #fff;}

#footer .footer_copy .sms_bell {position: relative; right: 0; top: 28px;}

/* 모바일 전체메뉴 */
.wholeview_wrap{display:none;}
/* 모바일 검색 */
.wv_srch_wrap{display:none;}
#header .lang_m{display:none;}

/**************************************************
	Footer
**************************************************/
#footer{background-color:#f0f0f0;}
/* 패밀리사이트 */
.footer_site{background:#112441;}
.footer_site .inr{display:flex; position:relative; max-width:1748px; margin:0 auto; padding:0 var(--g-contents-padding-x);}
#wrap:not(.main) .footer_site .inr{max-width:1308px;}
#wrap:not(.main) #footer > .inr{max-width:1308px;}
#wrap:not(.main) #footer .f-btm{max-width:1308px;}
.footer_site .fs_box{position:relative; width:20%; border-right:1px solid #999898;}
.footer_site .fs_box:first-of-type{border-left:1px solid #999898;}
.footer_site .fs_box > button{display:flex; align-items:center; gap:4px; position:relative; box-sizing:border-box; width:100%; height:60px; padding:0 20px; background:none; font-size:17px; color:#fff; text-align:left;}
.footer_site .fs_box > button .ico-toggle{flex-shrink:0; margin-left:auto; background-color:#fff;}
.footer_site .fs_box > ul{display:none; position:absolute; bottom:100%; left:-1px; right:-1px; z-index:20; overflow:auto; height:262px; padding:10px 20px; border:1px solid #dbdbdb; background:#fff;}
.footer_site .fs_box > ul li a{display:block; padding:6px 0; font-size:14px; line-height:18px;}
#footer > .inr{display:flex; flex-direction:column; gap:35px; max-width:1748px; margin:0 auto; padding:40px var(--g-contents-padding-x);}
#footer .f-logo{aspect-ratio:308/44; width:308px; height:auto; background:url(../images/common/2025/logo_f.svg) no-repeat 0 0/contain;}
#footer .f-cnt{display:flex; justify-content:space-between; gap:24px;}
#footer .f-cnt .f-info{display:flex; flex-direction:column; flex:1; gap:16px; font-size:17px;}
#footer .f-cnt .f-info .info-cs{display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
#footer .f-cnt .f-info .info-cs .key-info{display:flex; align-items:center; gap:8px;}
#footer .f-cnt .f-info .info-cs .key-info + .key-info:before{content:'/'; font-weight:400;}
#footer .f-cnt .f-link{display:flex; flex-direction:column; gap:16px;}
#footer .f-cnt .f-link .link-go a{display:inline-block; font-weight:700; font-size:17px;}
#footer .f-cnt .f-link .link-go .ico-angle{width:20px; height:20px; margin-bottom:-3px;}
#footer .f-cnt .f-link .link-mark{display:flex; align-items:center; gap:20px;}
#footer .f-cnt .f-link .link-mark a.wa img{height:50px;}
#footer .f-btm{max-width:1748px; margin:0 auto; padding:0 var(--g-contents-padding-x);}
#footer .f-btm > .inr{display:flex; align-items:center; justify-content:space-between; padding:20px 0; border-top:1px solid #ccc; font-size:15px;}
#footer .f-btm .f-menu{display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
#footer .f-btm .f-menu a{display:inline-block; padding:0 2px;}


/**************************************************
	Container
**************************************************/
.area_visual{position:relative; overflow:hidden; width:100%; height:130px;}
.area_visual:after{content:''; display:block; position:absolute; top:0; left:50%; width:100vw; height:100%; background-image:url(../images/common/bg_sub01.jpg); background-repeat:no-repeat; background-position:50% 0; transform:translateX(-50%) scale(1.2); transition:transform 3s;}
body.c00000001 .area_visual:after{background-image:url(../images/common/bg_sub01.jpg);}
body.c00000011 .area_visual:after{background-image:url(../images/common/bg_sub02.jpg);}
body.c00000021 .area_visual:after{background-image:url(../images/common/bg_sub03.jpg);}
body.c00000031 .area_visual:after{background-image:url(../images/common/bg_sub04.jpg);}
body.c00000032 .area_visual:after{background-image:url(../images/common/bg_sub05.jpg);}
.area_visual.start:after{transform:translateX(-50%) scale(1);}
#container > .inr{max-width:1260px; margin:0 auto;}
#container > .inr:after{content:''; display:block; clear:both;}

/**************************************************
	Side
**************************************************/
#side{float:left; width:240px; padding-bottom:110px;}
/* SNB */
#side .snb_wrap .title{position:relative; height:160px; background:url(../images/common/bg_st.png) no-repeat 0 0; font-weight:600; font-size:28px; color:#fff; letter-spacing:-1px;}
#side .snb_wrap .title span{position:absolute; top:50%; left:0; right:0; line-height:1.2; text-align:center; transform:translateY(-50%);}
#side .snb{border:1px solid #e0e1e3;}
#side .snb a{display:block; position:relative; line-height:1.2; letter-spacing:-1px;}
#side .snb a:after,
#side .snb a .unfd{position:absolute; top:50%; right:25px; overflow:hidden; color:transparent; white-space:nowrap; transform:translateY(-50%);}
#side .snb a:after{content:''; width:7px; height:11px; background-position:-120px -10px;}
#side .snb a[target="_blank"]:after{right:20px; width:15px; height:13px; background:url(../images/common/ico_blank.png) no-repeat 0 0;}
#side .snb a .unfd{width:10px; height:10px; background:url(../images/common/ico_snb_fd.png) no-repeat 0 0;}
#side .snb a.on{}
#side .snb a.on .unfd{background-position:100% 0;}
#side .snb a.parent:after{display:none;}
/* 2차 */
#side .snb > li{border-bottom:1px solid #e0e1e3;}
#side .snb > li:last-child{border-bottom:0;}
#side .snb > li > a{padding:12px 35px 12px 20px; font-size:16px;}
#side .snb > li > a.on{background:#1b3f60; color:#fff;}
/* 3차 */
#side .snb > li > ul{display:none; padding:15px; background:#eef3f8;}
#side .snb > li.open > ul{display:block;}
#side .snb > li > ul > li > a{padding:7px 25px 6px 20px; font-size:15px;}
#side .snb > li > ul > li > a:before{content:''; display:inline-block; box-sizing:border-box; position:absolute; top:13px; left:6px; width:5px; height:5px; border:1px solid #838484;}
#side .snb > li > ul > li > a.on{font-weight:600; color:#1e5da5; text-decoration:underline;}
#side .snb > li > ul > li > a.on:before{border:0; background:#4d85c5;}
#side .snb > li > ul > li a:after{display:none;}
#side .snb > li > ul > li a .unfd{right:10px; background:none;}
#side .snb > li > ul > li a .unfd:before{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; right:0; width:1px; height:9px; margin:auto; background:#333;}
#side .snb > li > ul > li a .unfd:after{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; right:0; width:9px; height:1px; margin:auto; background:#333;}
#side .snb > li > ul > li a.on .unfd:before{display:none;}
#side .snb > li > ul > li a[target="_blank"]:after{display:inline-block; position:relative; top:auto; right:auto; margin:2px 0 -3px 5px; vertical-align:top; transform:none;}
/* 4차 */
#side .snb > li > ul > li > ul{display:none; margin:5px 0; padding:8px 10px; background:#fff;}
#side .snb > li > ul > li.open > ul{display:block;}
#side .snb > li > ul > li > ul > li > a{padding:6px 5px 5px 10px; font-size:14px;}
#side .snb > li > ul > li > ul > li > a:before{content:''; display:inline-block; box-sizing:border-box; position:absolute; top:11px; left:0; width:5px; height:5px; border:1px solid #c7c7c7; border-width:0 0 1px 1px;}
#side .snb > li > ul > li > ul > li a.on{font-weight:600; color:#1e5da5;}
#side .snb > li > ul > li > ul > li a.on:before{border-color:#4d85c5;}

/**************************************************
	Content
**************************************************/
/* 컨텐츠 */
.cont_wrap{float:right; width:960px; padding:0 0 110px;}
/* 컨텐츠 헤드 */
.cont_head{margin:0 0 45px; padding:45px 0 0;}
.cont_head:after{content:''; display:block; clear:both;}
.cont_head .title{float:left; margin:0 0 10px; font-size:2em; line-height:1.2; letter-spacing:-2px;}
.cont_head .util_area{float:right; margin:0 0 14px;}
.cont_head .util_area button{float:left; position:relative; width:30px; height:30px; margin:0 0 0 5px; border:1px solid #d9d9d9; border-radius:3px; background:#fff url(../images/common/2023/ico_zoom.png) no-repeat 0 0; overflow:hidden; color:transparent; white-space:nowrap;}
.cont_head .util_area .btn_zin{display:none; background-position:0 0;}
.cont_head .util_area .btn_zout{display:none; background-position:-30px 0;}
.cont_head .util_area .btn_print{background-position:-60px 0;}
.cont_head .util_area .c_share_box{float:left; position:relative;}
.cont_head .util_area .c_share_box .btn_share{background-position:-90px 0;}
.cont_head .util_area .c_share_box .ly_share{display:none; position:absolute; top:calc(100% + 10px); right:0; z-index:20; padding:9px 20px; border:1px solid #ccc; background:#fff;}
.cont_head .util_area .c_share_box .ly_share:after{content:''; display:block; position:absolute; right:10px; top:-5px; width:7px; height:7px; border-top:1px solid #ccc; border-right:1px solid #ccc; background:#fff; transform:rotate(-45deg);}
.cont_head .util_area .c_share_box.open .ly_share{display:flex; align-items:center;}
.cont_head .util_area .c_share_box .ly_share .sp_sns{width:37px; height:37px; margin:0 5px; border:0; background:url(../images/common/2023/ico_sns_sub.png) no-repeat 0 0;}
.cont_head .util_area .c_share_box .ly_share .btn_facebook{background-position:0 0;}
.cont_head .util_area .c_share_box .ly_share .btn_twitter{background-position:-40px 0;}
.cont_head .util_area .c_share_box .ly_share .btn_kakao{background-position:-80px 0;}
.cont_head .util_area .c_share_box .ly_share .btn_blog{background-position:-120px 0;}
.cont_head .util_area .c_share_box .ly_share .btn_close{width:22px; height:22px; margin:0 0 0 13px; background-position:-200px 0;}

/* location */
.cont_head .area_location{clear:both; margin:10px 0 0; padding:10px 0 10px; border-top:1px solid #d8d9db;}
.cont_head .area_location .location{position:relative;}
.cont_head .area_location .location:after{content:''; display:block; clear:both;}
.cont_head .area_location .location li{float:left; position:relative; overflow:hidden; margin:5px 0; padding:0 10px 0 14px;}
.cont_head .area_location .location li:before{content:''; position:absolute; top:0; left:0; bottom:0; width:7px; height:12px; margin:auto; background:url(../images/common/bg_loc.png) no-repeat 0 0/cover;}
.cont_head .area_location .location li:first-child{padding-left:20px;}
.cont_head .area_location .location li:first-child:before{width:12px; height:13.5px; background:url(../images/common/ico_home.png) no-repeat 0 0/cover;}
.cont_head .area_location .location li:last-child{font-weight:600; color:#224e80; text-decoration:underline;}
/* 컨텐츠 바디 */
.cont_body{margin-bottom:40px; line-height:1.6; word-break:normal; word-wrap:break-word; page-break-before: always;}
.cont_body:after{content:''; display:block; clear:both;}
/* 컨텐츠 탭메뉴 */
.cont_body .lnb{margin-bottom:40px;}
.cont_body .lnb ul:after{content:''; display:block; clear:both;}
.cont_body .lnb ul li{float:left; position:relative; padding:0; font-size:14px;}
.cont_body .lnb ul li:before{display:none;}
.cont_body .lnb ul li a{display:block; letter-spacing:-1px;}
/* 탭메뉴01 */
.cont_body .lnb.tmn01 ul{}
.cont_body .lnb.tmn01 li{width:25%; height:48px; line-height:47px; margin-bottom:-1px; margin-left: -1px; border:1px solid #6e6f73; background:#fff;}
.cont_body .lnb.tmn01 li a{position:relative; overflow:hidden; height:100%; padding:0 37px 0 20px; white-space:nowrap; text-overflow:ellipsis;}
.cont_body .lnb.tmn01 li.on{line-height:45px;}
.cont_body .lnb.tmn01 li.on a{z-index:10; height:calc(100% + 2px); margin:-1px; border:2px solid #5d68a4; font-weight:600; color:#5d68a4;}
.cont_body .lnb.tmn01 li.on a:after{content:''; display:inline-block; position:absolute; top:0; bottom:0; right:15px; width:22px; height:21px; margin:auto; background:url(../images/common/ico_tab_on.png) no-repeat 0 0/cover;}
.cont_body .lnb.tmn01 li a[target="_blank"]:after{content:''; display:inline-block; position:absolute; top:0; bottom:0; right:15px; width:15px; height:13px; margin:auto; background:url(../images/common/ico_blank.png) no-repeat 0 0/cover;}
/* 탭메뉴02 */
.cont_body .lnb.tmn02 ul{}
.cont_body .lnb.tmn02 li{width:20%; height:48px; line-height:47px; margin-bottom:-1px; margin-left: -1px; border:1px solid #6e6f73; background:#fff;}
.cont_body .lnb.tmn02 li:nth-child(5n){border-right:0;}
.cont_body .lnb.tmn02 li:nth-child(-n+5){border-top:0;}
.cont_body .lnb.tmn02 li a{position:relative; overflow:hidden; height:100%; padding:0 37px 0 20px; white-space:nowrap; text-overflow:ellipsis;}
.cont_body .lnb.tmn02 li.on{line-height:45px;}
.cont_body .lnb.tmn02 li.on a{z-index:10; height:calc(100% + 2px); margin:-1px; border:2px solid #5d68a4; font-weight:600; color:#5d68a4;}
.cont_body .lnb.tmn02 li.on a:after{content:''; display:inline-block; position:absolute; top:0; bottom:0; right:15px; width:22px; height:21px; margin:auto; background:url(../images/common/ico_tab_on.png) no-repeat 0 0/cover;}
/* 탭메뉴03 */
.cont_body .lnb.tmn03{padding:25px 0; background:#f7f7f7;}
.cont_body .lnb.tmn03 ul{position:relative;}
.cont_body .lnb.tmn03 li{position:static; width:33.33%;}
.cont_body .lnb.tmn03 li:before{content:''; display:inline-block; position:absolute; top:0; bottom:0; border-left:1px dotted #bcbcbc;}
.cont_body .lnb.tmn03 li:nth-child(3n+1){clear:left;}
.cont_body .lnb.tmn03 li:nth-child(3n+1):before{display:none;}
.cont_body .lnb.tmn03 li a{position:relative; margin:0 0 0 35px; padding:5px 5px 4px 15px; line-height:1.2;}
.cont_body .lnb.tmn03 li a:before{content:''; display:inline-block; position:absolute; top:11px; left:0; width:5px; height:5px; border-radius:50%; background:#5d68a4;}
.cont_body .lnb.tmn03 li.on a{font-weight:600; color:#5d68a4; text-decoration:underline;}
/* 탭메뉴04 */
.cont_body .lnb.tmn04{padding:0 7px; border:1px solid #ddd;}
.cont_body .lnb.tmn04 ul{overflow:hidden; background-image:repeating-linear-gradient(#fff, #fff 50px, #dedede 50px, #dedede 51px, #fff 51px);}
.cont_body .lnb.tmn04 li{position:relative; margin:7px 0;}
.cont_body .lnb.tmn04 li:before{content:''; display:inline-block; position:absolute; top:0; left:-1px; bottom:0; height:15px; margin:auto; border-left:1px dotted #bcbcbc;}
.cont_body .lnb.tmn04 li a{display:block; position:relative; height:36px; margin:0 7px; padding:0 12px; line-height:36px;}
.cont_body .lnb.tmn04 li.on:after{content:''; display:inline-block; position:absolute; left:calc(50% - 5px); top:100%; border:5px solid transparent; border-top-color:#5d68a4;}
.cont_body .lnb.tmn04 li.on a{background:#5d68a4; color:#fff;}
/* 컨텐츠 평가 */
.cont_foot{margin-top:40px; border:1px solid #bababa; font-size:14px; letter-spacing:-1px;}
.cont_foot .cont_rating{padding:29px 24px; background:#f7f7f7;}
.cont_foot .cont_rating > .inr{position:relative;}
.cont_foot .cont_rating > .inr:after{content:''; display:block; clear:both;}
.cont_foot .cont_rating h2{display:inline-block; position:relative; margin-top:5px; padding-left:35px; vertical-align:top; letter-spacing:-1px;}
.cont_foot .cont_rating h2:before{content:''; position:absolute; top:50%; left:0; width:27px; height:25px; background:url(../images/common/ico_rating_x2.png) no-repeat 0 0/cover; transform:translateY(-50%);}
.cont_foot .cont_rating .inp_area{display:inline-block; margin-left:30px; vertical-align:top;}
.cont_foot .cont_rating .inp_area .inp_rdo{float:left; margin:8px 2px 0 0;}
.cont_foot .cont_rating .inp_area label{float:left; margin:5px 15px 0 0; font-size:14px; letter-spacing:-1px;}
.cont_foot .cont_rating .inp_area .btn_rate{display:inline-block; position:absolute; top:0; right:0; height:36px; line-height:36px; margin-top:-5px; padding:0 10px; border:0; border-radius:5px; background:#555; font-size:14px; color:#fff;}
/* 컨텐츠 담당자 */
.cont_foot .cont_manager{padding:10px 24px;}
.cont_foot .cont_manager:after{content:''; display:block; clear:both;}
.cont_foot .cont_manager dl{float:left; margin-left:40px;}
.cont_foot .cont_manager dl:first-of-type{margin-left:0;}
.cont_foot .cont_manager dt,
.cont_foot .cont_manager dd{float:left; position:relative;}
.cont_foot .cont_manager dt{margin:0 10px 0 0; padding:0 10px 0 0; font-weight:600;}
.cont_foot .cont_manager dt:after{content:''; display:inline-block; position:absolute; top:50%; right:0; width:1px; height:14px; background:#d6d6d6; transform:translateY(-50%);}
/* 공공누리 */
.cont_foot .openType {padding:10px;}
.cont_foot .openType figure{position:relative; margin:0px;}
.cont_foot .openType figure:after{content:''; display:block; clear:both;}
.cont_foot .openType figure .fi_link{float:left; padding:0 10px 0 0;}
.cont_foot .openType figure img {height:75px;}
.cont_foot .openType figure figcaption {display:table-cell; padding:10px 0 0; font-size:0.86em; word-break:keep-all;}

.openType {padding:10px; margin-top:25px !important; border:1px solid #d2d2d2; page-break-before: always;}
.openType figure{position:relative; margin:0px;}
.openType figure:after{content:''; display:block; clear:both;}
.openType figure .fi_link{float:left; padding:0 10px 0 0;}
.openType figure img {height:75px;}
.openType figure figcaption {display:table-cell; padding:10px 0 0; font-size:0.86em; word-break:keep-all;}


/**************************************************
	구글 자동 번역시 CSS
**************************************************/
html:not([lang=ko]) #header .au_l{display:none;}
html:not([lang=ko]) #header .nav_minwon{display:none;}
html:not([lang=ko]) .gnb_wrap{float:right; margin:0;}
html:not([lang=ko]) #gnb > li > a{margin:0 20px; font-size:16px;}
html[lang=en] #gnb > li > div > .inr > ul > li > a{word-break:break-word;}
html[lang=en] .footer_copy .area_copy{max-width:800px; font-size:12px;}
html[lang=en] .footer_site .fs_box > button{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* Tablet 1024px ~ 1259px */
@media screen and (max-width:1259px){
	/**************************************************
		Header
	**************************************************/
	/* 헤더 상단 */
	#header .au_r{margin-right:0;}
	#header .logo_wrap > .inr{gap:16px;}
	#header .logo_wrap .group_logo{gap:12px;}
	#header .logo_wrap .logo a{width:136px;}
	#header .srch_wrap{flex:0 0 400px;}
	#header .area_sns{margin-right:0;}
	#header .area_sns .btn_open{aspect-ratio:260/92; width:auto; height:56px;}
	#header .area_sns .btn_open:after{width:20px; height:20px; background-size:8px auto;}
	.main_area_info{position:static; z-index:0;}
	.btn_mysuseong{aspect-ratio:312/113; width:auto; height:56px; background-image:url(../images/common/2025/img_mysuseong_m.png) !important;}
	#gnb{gap:60px;}
	#gnb > li > div{max-height:55vh;}


	/**************************************************
		Footer
	**************************************************/
	#footer{}
	.footer_site .fs_box{width:25%;}
	.footer_site .fs_box > button{padding:0 16px;}
	/* 푸터메뉴 */
	.footer_menu{margin:20px -10px 0; border-top:1px solid #ccc;}
	.footer_menu .fm_lst{margin:0 10px; text-align:center;}
	.footer_menu .fm_lst li{display:inline-block; float:none;}
	.footer_menu .fm_lst li a{padding:3px 5px;}
	/* Copyright */
	.footer_copy .logo{float:none; margin:0; text-align:center;}
	.footer_copy .logo img{height:25px;}
	.footer_copy .area_copy{float:none; margin:15px 0 0; font-size:12px; text-align:center;}
	.footer_copy .area_mark{display:none;}

	/**************************************************
		Container
	**************************************************/
	#container > .inr{margin:0 10px;}
	/* 컨텐츠 */
	.cont_wrap{width:calc(100% - 300px);}

	/**************************************************
		구글 자동 번역시 CSS
	**************************************************/
	html[lang=en] .footer_copy .area_copy{max-width:none;}
	html[lang=en] #header .area_util,
	html[lang=ja] #header .area_util,
	html[lang=zh-CN] #header .area_util{display:none;}
	html[lang=en] .wholeview_wrap .btn_wv,
	html[lang=ja] .wholeview_wrap .btn_wv,
	html[lang=zh-CN] .wholeview_wrap .btn_wv{top:30px;}
	html[lang=en] #header .wv_srch_wrap .btn_open,
	html[lang=ja] #header .wv_srch_wrap .btn_open,
	html[lang=zh-CN] #header .wv_srch_wrap .btn_open{top:30px;}
	html:not([lang=ko]) body.fixed #header{top:0;}
	html:not([lang=ko]) .wholeview_wrap #wholeview{top:103px;}
	html:not([lang=ko]) .wholeview_wrap .dim_wv{top:103px;}
}

/* Tablet 1024px ~ 1100px */
@media screen and (max-width:1100px){
	/**************************************************
		Container
	**************************************************/
	.area_visual{display:none;}

	/**************************************************
		Side
	**************************************************/
	#side{display:none;}

	/**************************************************
		Content
	**************************************************/
	/* 컨텐츠 */
	.cont_wrap{width:100%; padding-bottom:30px;}
	.cont_head{padding-top:20px;}
}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/
	body.fixed #header{box-shadow:0 3px 5px rgba(0,0,0,.25);}
	#header{position:sticky; top:0; left:0;}
	#header .area_weather{display:none;}
	#header .srch_wrap{display:none;}
	#header .area_sns .btn_open{display:none;}
	.main_area_info{display:none;}

	/**************************************************
		Header
	**************************************************/
	#header .area_util > .inr{padding:0;}
	#header .au_r{display:none;}
	#header .au_l .lst li a{height:36px; padding:0 4px; font-size:14px;}
	#header .au_l .lst li.n01 a:after{aspect-ratio:60/36; height:30px;}
	#header .logo_wrap > .inr{display:block; flex-wrap:wrap; justify-content:center; padding:0;}
	#header .logo_wrap .group_logo{align-items:normal; gap:0; width:100%;}
	#header .logo_wrap .group_logo .logo{display:flex; align-items:center; height:60px; padding:0 var(--g-contents-padding-x); border-bottom:1px solid #d6d6d6;}
	#header .area_weather{margin-top:16px; padding:0 var(--g-contents-padding-x);}
	#header .srch_wrap{flex:0 0 100%; max-width:none; padding:0 var(--g-contents-padding-x);}

	.gnb_wrap{display:none;}
	/* 모바일 전체메뉴 */
	body.open_wv{overflow:hidden; /*position:fixed !important;*/ width:100%; height:100%;}
	.wholeview_wrap{display:block;}
	.wholeview_wrap > .btn_wv{position:absolute; top:0; bottom:calc(100% - 60px); right:var(--g-contents-padding-x); overflow:hidden; width:35px; height:35px; margin:auto 0; background:url(../images/common/2025/ico_wv_m.png) no-repeat 0 0/contain;}
	.wholeview_wrap.open > .btn_wv{background-image:url(../images/common/2025/ico_close_m.png);}
	.wholeview_wrap #wholeview{position:fixed; top:0; left:0; bottom:0; z-index:1000; overflow:auto; width:100%; margin-left:-48px; transition:all 0.3s; transform:translate(-100%, 0);}
	.wholeview_wrap .dim_wv{position:fixed; top:0; left:0; z-index:999; width:100%; background:transparent; transition:all .3s;}
	.wholeview_wrap.open #wholeview{margin-left:0; transform:translate(0, 0);}
	.wholeview_wrap.open .dim_wv{bottom:0; background:rgba(0,0,0,0.9);}

	/* 모바일 전체메뉴 head */
	#wholeview .head{padding:var(--g-contents-padding-x); background:#fff;}
	#wholeview .head .area_top{display:flex; justify-content:space-between; align-items:center;}
	#wholeview .head .home{display:flex; align-items:center; gap:4px; font-size:15px;}
	#wholeview .head .home:before{content:''; box-sizing:border-box; width:24px; height:24px; background-color:#1e2124; forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/2025/icon/ico_home.svg);}
	#wholeview .head .btn_wv{width:24px; height:24px; background:none;}
	#wholeview .head .area_wv_util{display:none; text-align:center; letter-spacing:-1px;}
	#wholeview .head .area_wv_util > li{display:inline-block; margin:1px;}
	#wholeview .head .area_wv_util > li > a{display:block; padding:0 10px; border-radius:30px; background:#6d6c6c; font-size:14px; line-height:30px; color:#fff;}
	#wholeview .head .area_wv_util > li.minwon > a{position:relative; padding-left:35px; background:#2893d7;}
	#wholeview .head .area_wv_util > li.minwon > a:before{content:''; position:absolute; top:0; left:14px; bottom:0; width:18px; height:15px; margin:auto; background:url(../images/common/ico_online.png) no-repeat 0 0/cover;}
	#wholeview .head .area_wv_util .lang_area{position:relative;}
	#wholeview .head .area_wv_util .lang_area > button{display:block; position:relative; width:118px; height:30px; padding-left:30px; border:0; border-radius:30px; background:#6d6c6c; font-size:12px; color:#fff; text-align:left;}
	#wholeview .head .area_wv_util .lang_area > button:before{content:''; position:absolute; left:10px; bottom:0; top:0; width:15px; height:15px; margin:auto; background:url(../images/common/ico_lang.png) 0 0/cover;}
	#wholeview .head .area_wv_util .lang_area > button:after{content:''; position:absolute; top:0; right:9px; bottom:0; width:8px; height:5px; margin:auto; background:url(../images/common/ico_lang_arr.png) 0 0/cover; transition:all .25s;}
	#wholeview .head .area_wv_util .lang_area.on > button:after{transform:rotate(-180deg);}
	#wholeview .head .area_wv_util .lang_area > .lst{display:none; position:absolute; top:100%; left:0; right:0; z-index:100; opacity:0; height:0; border-radius:15px; background:#6d6c6c; transition:all .25s;}
	#wholeview .head .area_wv_util .lang_area.on > .lst{display:block; opacity:1; height:auto; padding:20px 0;}
	#wholeview .head .area_wv_util .lang_area > .lst a{display:block; height:30px; line-height:30px; padding:0 20px; color:#fff;}
	#header .lang_google button{width:100%; padding:0 0 0 25px;}
	#header .lang_google button:before{left:8px;}
	/* 모바일 전체메뉴 gnb */
	.wholeview_wrap #wholeview .nav{padding:0 var(--g-contents-padding-x) 40px; background:#fff;}
	.wholeview_wrap #wholeview .nav a{display:block; position:relative; line-height:1.2;}
	.wholeview_wrap #wholeview .nav a .unfd{position:absolute; top:50%; right:10px; transform:translateY(-50%); overflow:hidden; text-indent:-9999em;}
	.wholeview_wrap #wholeview .nav a .unfd:after{content:''; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;}
	/* 1차 */
	.wholeview_wrap #wholeview .nav>li{border-bottom:1px solid #adcadc;}
	.wholeview_wrap #wholeview .nav>li>a{padding:15px 30px 14px 10px; background:#1e6cb4; font-weight:600; font-size:18px; color:#fff;}
	.wholeview_wrap #wholeview .nav>li>a .unfd{width:20px; height:20px;}
	.wholeview_wrap #wholeview .nav>li>a .unfd:after{background:url(../images/common/ico_wv_fd.png) no-repeat 100% 0/cover;}
	.wholeview_wrap #wholeview .nav>li.open>a .unfd:after{background-position:0 0;}
	/* 2차 */
	.wholeview_wrap #wholeview .nav>li>div{display:none;}
	.wholeview_wrap #wholeview .nav>li.open div{display:block;}
	.wholeview_wrap #wholeview .nav>li .area_head{display:none !important;}
	.wholeview_wrap #wholeview .nav>li div>ul>li{border-bottom:1px solid #ededed;}
	.wholeview_wrap #wholeview .nav>li div>ul>li:last-child{border:0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a{padding:11px 30px 10px 20px; font-weight:600; font-size:16px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>a{background:#1b3f60; color:#fff;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a .unfd{width:20px; height:20px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a .unfd:after{background:url(../images/common/ico_wv_fd2.png) no-repeat 0 0/cover;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>a .unfd:after{background-position:100% 0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li a[target="_blank"]:after{content:''; display:inline-block; width:15px; height:13px; margin:4px 0 0 5px; background:url(../images/common/ico_blank.png) no-repeat 0 0/cover; vertical-align:top;}
	/* 3차 */
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul{display:none; padding:0 10px 0 20px; border-top:1px solid #e4e7e9; background:#eef3f8;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>ul{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li{border-bottom:1px solid #e4e7e9;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li:last-child{border:0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a{padding:11px 20px 10px 20px; font-size:14px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a.on{font-weight:600; color:#1e6cb4;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a:before{content:''; display:inline-block; position:absolute; top:17px; left:4px; width:4px; height:4px; border-radius:50%; background:#c1cbe4;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a .unfd{right:6px; width:8px; height:5px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a .unfd:after{background:url(../images/common/ico_wv_fd3.png) no-repeat 0 0/cover;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li.open>a .unfd:after{transform:rotate(180deg);}
	/* 4차 */
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul{display:none; padding:5px 0 5px 15px; border-top:1px solid #ededed;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li.open>ul{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a{padding:11px 0 10px 13px; font-size:14px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a:before{content:''; display:inline-block; position:absolute; top:14px; left:0px; width:5px; height:5px; border:1px solid #cbcbcb; border-width:0 0 1px 1px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a.on{font-weight:600; color:#1e6cb4;}
	/* 모바일 검색 */
	#header .wv_srch_wrap{display:block;}
	#header .wv_srch_wrap .btn_open{position:absolute; top:0; bottom:calc(100% - 60px); right:calc(70px + 16px + var(--g-contents-padding-x)); overflow:hidden; width:35px; height:35px; margin:auto 0; background:url(../images/common/2025/ico_srch_m.png) no-repeat 0 0/contain;}
	#header .wv_srch_wrap.open .btn_open{background-image:url(../images/common/2025/ico_close_m.png);}
	#header .wv_srch_area{display:none; position:absolute; top:60px; left:0; right:0; z-index:1001; padding:var(--g-contents-padding-x); background:#fff;}
	#header .wv_srch_wrap.open .wv_srch_area{display:block;}
	#header .wv_srch_area > .inr{position:relative; padding:10px; border:7px solid; border-image:linear-gradient(to right, #8cbf3b, #29a67a, #35a5de, #3781dd); border-image-slice:1;}
	#header .wv_srch_area .inp_word{display:block; position:relative;}
	#header .wv_srch_area .inp_word label{position:absolute; top:50%; left:5px; font-family:'GmarketSans'; font-size:15px; line-height:1.2; letter-spacing:-1px; transform:translateY(-50%); transition:all .3s;}
	#header .wv_srch_area .inp_word.over label{display:none;}
	#header .wv_srch_area .inp_word label .c01{font-weight:600; color:#3780dd;}
	#header .wv_srch_area .inp_word input{width:100%; height:30px; padding:0 40px 0 0; border:0; box-shadow:none;}
	#header .wv_srch_area .btn_srch{position:absolute; top:8px; right:10px; width:30px; height:30px; background:#fff url(../images/main/2022/ico_srch_m.png) no-repeat 50%/19px 19px; color:transparent;}
	#header .wv_srch_area .hotkeyword_area{padding-top:8px; border-top:1px solid #cbcbcb; background:#fff;}
	#header .wv_srch_area .hotkeyword_area .tit{display:none;}
	#header .wv_srch_area .hotkeyword_area .keyword{display:flex; flex-wrap:wrap;}
	#header .wv_srch_area .hotkeyword_area .keyword a{margin:0 2px; padding:4px 6px; border-radius:30px; background:#eee; font-weight:600; font-size:12px; color:#666;}
	#header .wv_srch_area .hotkeyword_area .keyword a:nth-child(n + 4){display:none;}
	#header .lang_m{display:block; position:absolute; top:0; bottom:calc(100% - 60px); right:calc(35px + 8px + var(--g-contents-padding-x)); width:35px; height:35px; margin:auto 0;}
	#header .lang_m .drop-btn{width:35px; height:35px; background:url(../images/common/2025/ico_lang_m.png) no-repeat 0 0/contain;}
	#header .lang_m .drop-btn.active{background-image:url(../images/common/2025/ico_close_m.png);}


	/**************************************************
		Footer
	**************************************************/
	/* 패밀리사이트 */
	.footer_site .fs_box > button{padding:0 6px; font-size:14px;}
	.footer_site .fs_box > button .ico-toggle{width:20px; height:20px;}
	#footer > .inr{gap:24px; padding-bottom:24px; padding-top:24px;}
	#footer .f-logo{width:210px;}
	#footer .f-cnt .f-info{font-size:15px;}
	#footer .f-cnt .f-link .link-go a{font-size:15px;}


	/**************************************************
		Container
	**************************************************/

	/**************************************************
		Side
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 컨텐츠 */
	/* 컨텐츠 헤드 */
	.cont_head{position:relative; margin:0 -10px 20px; padding:15px 0 0;}
	.cont_head .title{float:none; padding:0 70px 0 10px; font-size:1.57em;}
	.cont_head .util_area{position:absolute; top:15px; right:10px;}
	.cont_head .util_area button{/*width:23px; height:23px;*/}
	.cont_head .util_area .btn_zin,
	.cont_head .util_area .btn_zout,
	.cont_head .util_area .btn_print{display:none;}
	.cont_head .util_area .btn_twitter{background-position:-23px 0;}
	.cont_head .util_area .btn_blog{background-position:-46px 0;}
	.cont_head .util_area .btn_kakao{background-position:-69px 0;}
	.cont_head .area_location{padding:10px 10px 0;}
	/* 컨텐츠 평가 */
	.cont_foot .cont_rating{padding:10px;}
	.cont_foot .cont_rating > .inr{text-align:center;}
	.cont_foot .cont_rating .inp_area{display:block; margin:10px 0 0;}
	.cont_foot .cont_rating .inp_area .inp_rdo,
	.cont_foot .cont_rating .inp_area label{float:none;}
	.cont_foot .cont_rating .inp_area .inp_rdo{margin:5px 0 0;}
	.cont_foot .cont_rating .inp_area label{margin-right:10px;}
	.cont_foot .cont_rating .inp_area .btn_rate{display:block; position:relative; top:auto; right:auto; margin:10px auto 0;}

	/**************************************************
		구글 자동 번역시 CSS
	**************************************************/
	html[lang=en] .wholeview_wrap .btn_wv{top:18px;}
	html[lang=en] #header .wv_srch_wrap .btn_open{top:18px;}
	html[lang=ja] .wholeview_wrap .btn_wv{top:18px;}
	html[lang=ja] #header .wv_srch_wrap .btn_open{top:18px;}
	html[lang=zh-CN] .wholeview_wrap .btn_wv{top:20px;}
	html[lang=zh-CN] #header .wv_srch_wrap .btn_open{top:18px;}
	html:not([lang=ko]) .wholeview_wrap #wholeview{top:70px;}
	html:not([lang=ko]) .wholeview_wrap .dim_wv{top:70px;}

}
/* Mobile 640px ~ 767px */
@media screen and (max-width:767px){
	/**************************************************
		Header
	**************************************************/
	#header .au_l{width:100%;}
	#header .au_l .lst{display:grid; grid-template-columns:repeat(4,1fr); width:100%;}
	#header .au_l .lst li:nth-child(n + 5){border-top:1px solid rgba(255,255,255,.3);}
	/* 수성 sns */
	.area_sns .ly_sns .btn_sns_close{right:20px; width:40px; height:40px;}
	.area_sns .ly_sns .sns_head{padding:20px 16px 0;}
	.area_sns .ly_sns .sns_head:before{bottom:0; aspect-ratio:122/154; width:80px; height:auto;}
	.area_sns .ly_sns .sns_head .head_cont{padding-bottom:20px;}
	.area_sns .ly_sns .sns_head .head_title{font-size:24px;}
	.area_sns .ly_sns .sns_head .desc{font-size:15px;}
	.area_sns .ly_sns .sns_body{padding:24px 16px;}
	.area_sns .ly_sns .sns_body .lst{grid-template-columns:repeat(4,1fr); gap:8px; padding:16px;}


	/* 나만의 메뉴 */
	.ly_mymenu .close,
	.ly_mymenu_set .close{right:20px;}
	.ly_mymenu .close button,
	.ly_mymenu_set .close button{width:40px; height:40px;}
	.ly_mymenu > .inr{background:linear-gradient(to bottom, #fff 148px, #e1f7f4 0);}
	.ly_mymenu .area_tit{height:148px; margin-left:30%; margin-right:10px; padding-top:30px;}
	.ly_mymenu .area_tit:before{width:61px; height:77px; background-size:cover;}
	.ly_mymenu .area_tit .tit{font-size:24px;}
	.ly_mymenu .area_tit .txt{margin-top:5px; font-size:14px;}
	.ly_mymenu .area_lst{padding:20px;}
	.ly_mymenu .area_lst .lst li{width:calc(33.33% - 12px);}
	.ly_mymenu .area_lst .lst .menu,
	.ly_mymenu .area_lst .lst .add{height:60px; font-size:15px;}
	.ly_mymenu .area_weekly{display:block; margin:0 20px 20px; padding:15px 20px;}
	.ly_mymenu .area_weekly .title_group{margin:0 0 10px;}
	.ly_mymenu .area_weekly .title_group:before{width:35px; height:40px; margin-right:10px; background-size:contain; background-position:50%;}
	.ly_mymenu .area_weekly .title_group .title{font-size:16px;}
	.ly_mymenu .area_weekly .lst li{margin-right:10px;}
	.ly_mymenu .area_weekly .lst li a{font-size:14px;}
	.ly_mymenu .area_weekly .lst li a .num{width:18px; height:18px; margin-right:5px; font-size:12px; line-height:18px;}
	.ly_mymenu_set .area_srch{margin:0 20px;}
	.ly_mymenu_set .area_domain{margin:20px 20px 0;}
	.ly_mymenu_set .box_menu{padding:0 20px 22px;}
	.ly_mymenu_set .box_menu .lst_menu li{width:50%;}



	/**************************************************
		Footer
	**************************************************/
	.footer_site .inr{flex-direction:column;}
	.footer_site .fs_box{width:100%; border:0;}
	.footer_site .fs_box:first-of-type{border-left:0;}
	.footer_site .fs_box:not(:last-child){border-bottom:1px solid #999898;}
	.footer_site .fs_box > button{height:46px; padding:0;}
	.footer_site .fs_box > ul{left:-16px; right:-16px; height:200px; border-width:1px 0;}
	#footer .f-cnt{flex-direction:column;}
	#footer .f-btm > .inr{flex-direction:column; align-items:flex-start; gap:16px;}
	#footer .f-btm .f-copy{font-size:14px;}


	/**************************************************
		Container
	**************************************************/
	/* 컨텐츠 탭메뉴 */
	/* 탭메뉴01 */
	.cont_body .lnb.tmn01 li{width:50%; height:40px; line-height:39px;}
	.cont_body .lnb.tmn01 li.on{line-height:37px;}
	.cont_body .lnb.tmn01 li a{padding:0 25px 0 10px;}
	.cont_body .lnb.tmn01 li.on a:after{right:10px; width:14px; height:14px;}
	/* 탭메뉴02 */
	.cont_body .lnb.tmn02 li{width:50%; height:40px; line-height:39px;}
	.cont_body .lnb.tmn02 li.on{line-height:37px;}
	.cont_body .lnb.tmn02 li a{padding:0 25px 0 10px;}
	.cont_body .lnb.tmn02 li.on a:after{right:10px; width:14px; height:14px;}
	/* 탭메뉴03 */
	.cont_body .lnb.tmn03{padding:15px 0;}
	.cont_body .lnb.tmn03 li{width:50%; word-break:normal;}
	.cont_body .lnb.tmn03 li:nth-child(3n+1){clear:none;}
	.cont_body .lnb.tmn03 li:nth-child(3n+1):before{display:inline-block;}
	.cont_body .lnb.tmn03 li:nth-child(2n+1){clear:left;}
	.cont_body .lnb.tmn03 li:nth-child(2n+1):before{display:none;}
	.cont_body .lnb.tmn03 li a{margin-left:15px;}
	.cont_body .lnb.tmn03 li a:before{top:10px;}
	/* 컨텐츠 평가 */

}
/* Mobile 320px ~ 639px */
@media screen and (max-width:639px){
	/**************************************************
		Header
	**************************************************/


	/**************************************************
		Footer
	**************************************************/
	/* 패밀리사이트 */

	/**************************************************
		Container
	**************************************************/
	/* 컨텐츠 평가 */
	.cont_foot .cont_rating{padding:10px 5px;}
	.cont_foot .cont_rating .inp_area label{margin-left:-3px; margin-right:5px; font-size:12px;}
	.cont_foot .cont_manager{padding:5px 10px; text-align:center;}
	.cont_foot .cont_manager dl{display:inline-block; float:none; margin:5px 0 5px 15px;}
	/* 공공누리 */
	.openType figure .fi_link {display:block; float:none; text-align:center;}
}