@charset "utf-8";

:root {
	/* 날씨 팁 */
	--aiw-main-color:#2563eb; 
	--aiw-sub-color:#3acb93; 
	--aiw-font-family:'KakaoBig'; 
	--aiw-point-font-family:'Paperozi'; 
	--aiw-point2-font-family:'SchoolSafetyRoundedSmile'; 
	--aiw-background-image:linear-gradient(270deg,#3acb93 0%,#2563eb 100%);
}


/* 스크롤바 */
.all_AI *::-webkit-scrollbar {width:6px; height:6px;}
.all_AI *::-webkit-scrollbar-thumb {background:#d9d9d9; border-radius:360px;}

.all_AI *,
.all_AI *:before,
.all_AI *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.v2_all_AI *::-webkit-scrollbar {width:6px; height:6px; background:#f7f7f7;}
.v2_all_AI *::-webkit-scrollbar-thumb {background:#d9d9d9; border-radius:360px;}

.v2_all_AI *,
.v2_all_AI *:before,
.v2_all_AI *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.mz_pop *::-webkit-scrollbar {width:6px; height:6px; background:#f7f7f7;}
.mz_pop *::-webkit-scrollbar-thumb {background:#d9d9d9; border-radius:360px;}

.mz_pop *,
.mz_pop *:before,
.mz_pop *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

@font-face {
	font-family:'KakaoBig'; 
	font-weight:400; 
	src:url('/font/KakaoBig-Regular-v1.0.woff2') format('woff2'); 
	font-display:swap; 
}
@font-face {
	font-family:'KakaoBig'; 
	font-weight:700; 
	src:url('/font/KakaoBig-Bold-v1.0.woff2') format('woff2'); 
	font-display:swap; 
}
@font-face {
	font-family:'KakaoBig'; 
	font-weight:800; 
	src:url('/font/KakaoBig_ExtraBold_OTF.woff2') format('woff2'); 
	font-display:swap; 
}
@font-face {
	font-family:'RiaSans'; 
	font-weight:400; 
	font-display:swap; 
	src:url('/font/RiaSans-Regular.woff') format('woff2'); 
}
@font-face {
	font-family:'RiaSans'; 
	font-weight:600; 
	font-display:swap; 
	src:url('/font/RiaSans-Bold.woff') format('woff2'); 
}
@font-face {
	font-family:'RiaSans'; 
	font-weight:900; 
	font-display:swap; 
	src:url('/font/RiaSans-ExtraBold.woff') format('woff2'); 
}
@font-face {
	font-family:'Paperozi'; 
	font-weight:800; 
	font-display:swap; 
	src:url('/font/Paperlogy-8ExtraBold.woff2') format('woff2'); 
}
@font-face {
	font-family:'SchoolSafetyRoundedSmile'; 
	font-weight:normal; 
	font-display:swap; 
	src:url('/font/HakgyoansimDunggeunmisoTTF-R.woff2') format('woff2'); 
}
@font-face {
	font-family:'SchoolSafetyRoundedSmile'; 
	font-weight:bold; 
	font-display:swap; 
	src:url('/font/HakgyoansimDunggeunmisoTTF-B.woff2') format('woff2'); 
}
@font-face {
	font-family:'remixicon'; 
	src:url("/font/remixicon.woff2") format('woff2'),
         url("/font/remixicon.woff") format('woff'); 
} 


/* AI 버튼 */
.BTN_AI {display:inline-flex; align-items:center; border:0 none; background:none; font-size:14px; font-weight:600; color:var(--ai-main-color); cursor:pointer;}
.BTN_AI span {
	position:relative; display:inline-block; 
	background-image:linear-gradient(-240deg, #3f51b5 25%, #ec308d 100%); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
	font-family:var(--ai-font-family); 
	transition:all .3s ease-out; 
}
.BTN_AI i {transition:all .3s ease-out; display:block; width:30px; height:30px; font-weight:normal; font-family:var(--icon-font-family); position:relative; font-style:normal;}
.BTN_AI i:before {
	position:absolute; top:0; left:0; 
	display:block; content:'\F56A'; width:30px; height:30px;
	font-size:20px; line-height:30px; color:#3f51b5; transition:all .3s ease-out; 
}

@media(min-width:1280px) {
	.BTN_AI {font-size:18px}
	.BTN_AI:hover i {transform:translateY(-5px);}
	.BTN_AI i:before {font-size:22px}
}


/* AI 버튼_챗봇 및 날씨팁 */
.ai_btn_group {position:fixed; bottom:60px; right:20px; display:flex; flex-direction:column; gap:4px; width:60px; z-index:10;}

@media(min-width:1280px) {
	.ai_btn_group {bottom:30px; right:20px; width:110px; gap:30px; z-index:999;}
}


/* AI 의견(자가검진, 온라인상담) */
.AI_self_BG {
	position:relative; margin:20px auto; padding:3px; font-size:.9em; 
	box-shadow:3px 4px 20px 0px rgba(0, 0, 0, 0.1); 
	background-image:linear-gradient(-240deg, #3f51b5 25%, #ec308d 100%); 
    background-origin:border-box; 
    background-clip:content-box, border-box; 
}

.AI_self_result {margin:3px; padding:20px; line-height:1.6; background:#fff;}
.AI_self_result .inner {margin:10px auto; padding:20px; font-size:0.85em; text-align:center; color:#fff; background:#1c263e; border-radius:1em;}
.AI_self_result .inner .imp {color:#ec308d; font-weight:bold;}
.AI_self_result > h1 {position:relative; display:flex; align-items:center; justify-content:center; margin:0 auto; font-size:1.65em; text-align:center;}
.AI_self_result > h1 i {
	position:relative; display:block; width:30px; height:30px; margin:0 5px 0 0;
	font-weight:700; font-family:var(--icon-font-family); font-style:normal;
	transition:all .3s ease-out; 
}
.AI_self_result > h1 i:before {
	position:absolute; top:0; left:0; content:'\F56A'; 
	display:block; width:30px; height:30px; 
	font-size:20px; line-height:30px; color:#3f51b5; transition:all .3s ease-out; 
}
.AI_self_result > h1 span {
	position:relative; color:#3f51b5; font-family:'RiaSans'; 
	background-image:linear-gradient(-240deg, #3f51b5 25%, #ec308d 100%); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.ai_self_ass > h2 {
	display:inline-block; margin:0 0 5px; font-size:1.35em;
	text-decoration-line:underline; 
	text-decoration-thickness:1px; 
	text-underline-offset:5px; 
	text-decoration-color:#111
}
.ai_self_ass h2 + ul {margin:0 0 10px 0;}
.ai_self_ass ul {margin:0 0 10px 0; padding:0.8em 1.5em; background:#ec308d10; border-radius:1em;}
.ai_self_ass ul > li {padding:1px 0;}
.ai_self_ass > p {margin:0 0 10px;}

.ai_self_ass > table {border:1px solid #ddd; table-layout:fixed; border-collapse:collapse;}
.ai_self_ass > table thead th {
	padding:5px; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; 
	background:#f8f8f8; color:#111; line-height:1.35; 
}
.ai_self_ass > table tbody th {
	border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; 
	padding:5px; color:#333; background:#f8f8f8; line-height:1.35; 
}
.ai_self_ass > table tbody td {
	border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; 
	padding:12px; line-height:1.35; background:#fff; 
}

@media(min-width:700px) {
	.AI_self_result {padding:40px;}
}

@media(min-width:1280px) {
	.AI_self_result > h1 {font-size:2em;}
	.AI_self_result > h1 i {margin:0 15px 0 0;}
	.AI_self_result > h1 i:before {font-size:40px;}
	.ai_self_ass > h2 {font-size:1.35em;}
	.ai_self_ass ul {padding:20px; margin:0 0 20px 0;}
}

@media print {
	.AI_self_BG {font-size:.75em;}
	.AI_self_result .inner {padding:5px;}
}


/* AI 도우미(게시판) */
.board_ai {
	position:relative; padding:3px; 
    background-image:linear-gradient(-240deg, #3f51b5 25%, #ec308d 100%); 
    background-origin:border-box; 
    background-clip:content-box, border-box; 
	box-sizing:border-box; 
}
.board_ai > div {background:#fff; padding:20px; margin:3px; box-sizing:border-box;}
.board_ai > div > h2 {
	margin:0 0 5px; 
	font-size:1.35em; 
	text-decoration-line:underline; 
	text-decoration-thickness:1px; 
	text-underline-offset:5px;
	text-decoration-color:#111;
}
.board_ai > div h2 + ul {margin:0 0 10px 0;}
.board_ai > div ul {padding:10px; border-radius:1em; margin:0 0 10px 0;}
.board_ai > div > ul {background:#ec308d10;}
.board_ai ul > li {padding:initial; margin:initial;}
.board_ai > div > p {margin:0 0 10px;}

.board_ai table {width:100%; margin:.5em 0 1em; overflow:hidden; border-collapse:collapse;}
.board_ai table tr td {padding:5px;}

@media(min-width:1280px) {
	.board_ai {box-shadow:3px 4px 20px 0px rgba(0, 0, 0, 0.1);}
	.board_ai > div > h2 {font-size:1.35em;}
	.board_ai > div {padding:30px;}
	.board_ai > div > ul {padding:20px 30px; margin:0 0 20px 0;}
}


/* 3줄요약 추가*/
.ai_summary {position:relative; margin:20px auto !important; border-bottom:1px solid #ddd; padding:0 0 20px;}
.ai_summary .inner {background:#f5f6f9; border-radius:20px; padding:30px;}
.ai_summary .tit {
	position:absolute; top:-15px; left:20px; 
	display:flex; align-items:center; gap:10px; height:35px; 
	padding:0 20px 0 0; font-size:18px; color:#fff; font-weight:700; 
	background:#3f51b5; border-radius:50px;box-shadow:0 5px 10px rgba(0, 0, 0, .1); 
}
.ai_summary .tit > .icon {
	position:relative; display:block; width:35px; height:35px; 
	font-family:var(--icon-font-family); color:#fff; font-style:normal; font-weight:normal; 
	background:#ec308d; border-radius:50%; box-sizing:border-box; 
}
.ai_summary .tit > .icon::before {
	position:absolute; top:0; left:0; display:block; content:'\F56A'; width:100%; height:100%; 
	font-family:var(--icon-font-family); color:#fff; font-size:18px; line-height:35px; text-align:center; 
}
.ai_summary .ai_summary_imp {padding:0 30px; font-size:14px;}
.ai_summary .ai_summary_imp ul li {list-style:none;}

@media(min-width:1280px) {
	.ai_summary .inner {padding:40px;}
	.ai_summary .tit {gap:20px; height:40px; padding:0 30px 0 0; font-size:20px; box-shadow:0 5px 10px rgba(0, 0, 0, .1);}
	.ai_summary .tit > .icon {width:40px; height:40px;}
	.ai_summary .tit > .icon::before {line-height:40px;}
}


/* 날씨 팁 바로가기 버튼 */
#weahter_widjet_ai {position:relative !important; left:initial !important; right:0 !important; bottom:0 !important; z-index:initial !important;}
.weather_info {display:none;}
.weather_widget {
	background:var(--aiw-background-image); border-radius:20px;
	background-size:100% 100%;
	background-position:0% 0%;
	box-shadow:rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
	transition:background-position 0.6s ease;
}
.weather_tit {
	display:flex; align-items:center; flex-direction:column; justify-content:center;
	width:60px; height:60px; 
	font-family:var(--aiw-point-font-family); font-weight:normal; font-size:12px; line-height:1.3;
	text-align:center; color:#fff; letter-spacing:-.025em;
}
.weather_tit i {color:#fcff03; font-style:normal; font-weight:bold;}
.weather_icon {display:block; width:40px; height:40px; font-size:0; margin:0 auto;}
.weather_icon.w_i01 {background:url('/images/ai/weather_i01.svg') center no-repeat; background-size:contain;}
.weather_icon.w_i02 {background:url('/images/ai/weather_i02.svg') center no-repeat; background-size:contain;}
.weather_icon.w_i03 {background:url('/images/ai/weather_i03.svg') center no-repeat; background-size:contain;}
.weather_icon.w_i04 {background:url('/images/ai/weather_i04.svg') center no-repeat; background-size:contain;}
.weather_icon.w_i05 {background:url('/images/ai/weather_i05.svg') center no-repeat; background-size:contain;}
.weather_icon.w_i06 {background:url('/images/ai/weather_i06.svg') center no-repeat; background-size:contain;}
.weather_icon.w_i07 {background:url('/images/ai/weather_i07.svg') center no-repeat; background-size:contain;}
.weather_icon.w_i08 {background:url('/images/ai/weather_i08.svg') center no-repeat; background-size:contain;}
.weather_icon.w_i09 {background:url('/images/ai/weather_i09.svg') center no-repeat; background-size:contain;}
.weather_icon.w_i10 {background:url('/images/ai/weather_i10.svg') center no-repeat; background-size:contain;}
.weather_num {font-size:20px; font-family:var(--aiw-point-font-family); font-weight:bold;}

@media(min-width:1280px) {
	.weather_info {display:block; padding:4px 10px 8px; font-size:12px; line-height:1.6; color:#fff; text-align:center; background:rgba(255,255,255,.0);}
	.weather_widget {position:relative; width:110px; height:110px; padding:15px 5px; border-radius:30px; cursor:pointer;}
	.weather_widget:hover {background-size:150% 150%; background-position:100% 100%;}
	.weather_widget:before {
		position:absolute; top:-10px; left:-10px; content:""; width:130px; height:130px; z-index:-1; opacity:.15;
		background:var(--aiw-background-image); border-radius:34px; 
		-webkit-animation-name:hvr-pulse; animation-name:hvr-pulse; 
		-webkit-animation-duration:1.5s; animation-duration:1.5s; 
		-webkit-animation-timing-function:linear; animation-timing-function:linear; 
		-webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; 
	}
	.weather_tit {display:block; width:100%; height:auto; font-size:16px;}	
	.weather_data {font-size:14px;}
	.weather_icon {display:block; width:50px; height:50px; font-size:0; margin:-8px auto 0;}
	.weather_num {font-size:20px; font-family:var(--aiw-point-font-family); font-weight:bold;}
}


/* 날씨 팁 레이어팝업 */
#weathertip_popup.mz_pop {
	position:fixed; left:0px; top:0px; width:100%; height:100%;
	display:none; justify-content:center; align-items:center; 
	background:rgba(0, 0, 0, 0.5); z-index:9991;
}
#weathertip_popup .mz_inner {position:relative; width:100%; margin:auto; max-width:1100px; max-height:90vh; font-size:13px; line-height:1.3;}

@media(min-width:700px) {
	#weathertip_popup .mz_inner {width:70%; font-size:14px;}
}

@media(min-width:1280px) {
	#weathertip_popup .mz_inner {width:100%; padding:0 0 0 60px; font-size:17px;}
}


/* 날씨 준비중 애니메이션 */
.weather_wait {display:flex; align-items:center; justify-content:center; flex-direction:column; gap:0;}
.weather_wait > p {font-family:var(--aiw-point2-font-family); font-size:1em; color:#505050; animation:star 1.5s ease-in-out infinite alternate;}

.wt_container {display:flex; align-items:center; justify-content:center; width:140px; height:140px; padding:8px;}
.wt_cloud {width:140px;}
.wt_front {position:absolute; display:inline; margin-left:14px; padding-top:24px; z-index:11; animation:clouds 8s infinite; animation-timing-function:ease-in-out;}
.wt_back {margin-top:-14px; margin-left:75px; z-index:12; animation:clouds 12s infinite; animation-timing-function:ease-in-out;}
.wt_right_front {display:inline-block; width:24px; height:24px; margin-left:-12px; border-radius:50% 50% 50% 0%; background-color:#4c9beb; z-index:5;}
.wt_left_front {display:inline-block; width:32px; height:32px; border-radius:50% 50% 0% 50%; background-color:#4c9beb; z-index:5;}
.wt_right_back {display:inline-block; width:25px; height:25px; border-radius:50% 50% 50% 0%; background-color:#4c9beb; margin-left:-10px; z-index:5;}
.wt_left_back {display:inline-block; width:15px; height:15px; border-radius:50% 50% 0% 50%; background-color:#4c9beb; z-index:5;}
.wt_sun {
	position:absolute; display:inline; width:60px; height:60px; 
	background:-webkit-linear-gradient(to right, #fcbb04, #fffc00);
	background:linear-gradient(to right, #fcbb04, #fffc00);
	border-radius:60px;
}
.wt_sunshine {animation:sunshines 2s infinite;}

@keyframes sunshines {
	0% {transform:scale(1); opacity:0.6;}
	100% {transform:scale(1.4); opacity:0;}
}
@keyframes clouds {
	0% {transform:translateX(15px);}
	50% {transform:translateX(0px);}
	100% {transform:translateX(15px);}
}
@-webkit-keyframes star {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes star {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes star {
	0% {opacity:0;}
	100% {opacity:1;}
}

@media(min-width:1280px) {
	.weather_wait {min-height:360px;}
}


/* 날씨 팁 컨텐츠 */
#weathertip_popup .vs_title {position:relative; color:#fff; padding:1em 20px 1em 40px; font-size:.85em;}
#weathertip_popup .vs_title::before {
	position:absolute; top:0; left:-24px; content:''; 
	display:flex; width:80%; height:300px; 
	background:var(--aiw-background-image); color:#fff; border-radius:0 100px 100px 0; z-index:-1; 
}
#weathertip_popup .vs_title h3 {margin:0; font-family:var(--aiw-point-font-family); font-weight:bold; font-size:1.5em; line-height:1.3;}
#weathertip_popup .vs_inner {position:relative; width:calc(100% - 40px); margin:0 auto; padding:30px 20px; background:#fff; border-radius:30px;}
#weathertip_popup .vs_inner .vs_scroll {max-height:calc(80vh - 100px); overflow-x:hidden; overflow-y:auto;}

@media (min-width:700px) {
	#weathertip_popup .vs_title::before {border-radius:4em 100px 100px;}
}

@media (min-width:1024px) {
	#weathertip_popup .vs_title {display:flex; align-items:end; gap:30px;}
	#weathertip_popup .vs_title::before {left:-60px; width:50%; height:30em;}
	#weathertip_popup .vs_inner {width:100%; margin:0; padding:40px; border-radius:30px;}
}

@media (min-width:1280px) {
	#weathertip_popup .vs_title {align-items:end; gap:30px; padding:20px 0 20px 60px;}
	#weathertip_popup .vs_title h3 {font-size:1.5em;}
	#weathertip_popup .vs_inner {padding:50px 60px; border-radius:60px;}
}

#weathertip_popup .weather_info {display:block; position:relative; width:auto; background:none; color:#111; font-size:1em; text-align:left; cursor:auto;}
#weathertip_popup .weather_info > p {position:relative; z-index:2;}
#weathertip_popup .weather_info .t1 {margin:0 0 .25em; font-family:var(--aiw-point2-font-family); font-weight:bold; font-size:2em; line-height:1.3; text-align:center; letter-spacing:-.025em;}
#weathertip_popup .weather_info .t1 strong {color:var(--aiw-main-color);}
#weathertip_popup .weather_info .t2 {display:flex; align-items:center; gap:4px; margin:20px auto 10px; font-size:1.3em; font-weight:bold;}
#weathertip_popup .weather_info .t2 strong {
	display:inline-block; padding:4px 10px; font-family:var(--aiw-point2-font-family); font-weight:bold; font-size:.7em; color:#fff;
	background:var(--aiw-background-image); box-shadow:0 4px 16px rgba(15, 19, 64, 0.1); border-radius:50px; 
}
#weathertip_popup .weather_current {position:relative; margin:20px 0; color:#111; z-index:1;}
#weathertip_popup .weather_visual {position:relative; width:100%; height:auto; min-height:240px; aspect-ratio:1 / 1; border-radius:20px; z-index:1;}
#weathertip_popup .weather_visual.w_img01 {background:url('/images/ai/weather_img01.jpg') center no-repeat; background-size:cover;} /* 맑음 */
#weathertip_popup .weather_visual.w_img02 {background:url('/images/ai/weather_img02.jpg') center no-repeat; background-size:cover;} /* 구름많음 */
#weathertip_popup .weather_visual.w_img03 {background:url('/images/ai/weather_img03.jpg') center no-repeat; background-size:cover;} /* 흐림 */
#weathertip_popup .weather_visual.w_img04 {background:url('/images/ai/weather_img04.jpg') center no-repeat; background-size:cover;} /* 비 */
#weathertip_popup .weather_visual.w_img05 {background:url('/images/ai/weather_img05.jpg') center no-repeat; background-size:cover;} /* 비/눈 */
#weathertip_popup .weather_visual.w_img06 {background:url('/images/ai/weather_img06.jpg') center no-repeat; background-size:cover;} /* 눈 */
#weathertip_popup .weather_visual.w_img07 {background:url('/images/ai/weather_img07.jpg') center no-repeat; background-size:cover;} /* 소나기 */
#weathertip_popup .weather_visual.w_img08 {background:url('/images/ai/weather_img08.jpg') center no-repeat; background-size:cover;} /* 빗방울 */
#weathertip_popup .weather_visual.w_img09 {background:url('/images/ai/weather_img09.jpg') center no-repeat; background-size:cover;} /* 빗방울/눈날림 */
#weathertip_popup .weather_visual.w_img10 {background:url('/images/ai/weather_img10.jpg') center no-repeat; background-size:cover;} /* 눈날림 */
#weathertip_popup .weather_data {
	position:absolute; right:20px; top:20px; 
	display:flex; justify-content:center; align-items:center; gap:1em; width:calc(100% - 40px);
	padding:8px 15px; border-radius:24px; font-size:12px; line-height:1.3; color:#fff;
	background:rgba(46, 122, 239, 0); backdrop-filter:blur(6px); 
}
#weathertip_popup .weather_visual.w_img02 .weather_data {background:rgba(46, 122, 239, .3); backdrop-filter:blur(20px);}
#weathertip_popup .weather_icon {position:relative; top:initial; left:initial; flex-shrink:0; display:block; width:60px; height:60px; font-size:0; margin:0;}
#weathertip_popup .weather_num {margin:0 0 4px; font-size:24px; font-weight:bold; line-height:1.3;}

#weathertip_widget_tips {position:relative; z-index:1; counter-reset:tip_list;}
#weathertip_widget_tips dl {margin:0 0 10px; padding:20px; border-radius:20px; font-size:14px; line-height:1.5;}
#weathertip_widget_tips dl:nth-child(1) {background:#f4fbed;}
#weathertip_widget_tips dl:nth-child(2) {background:#fef6f6;}
#weathertip_widget_tips dl:nth-child(3) {background:#f7f4fe;}
#weathertip_widget_tips dl i {display:inline-block; width:16px; height:16px; line-height:16px; text-align:center; font-size:12px; border-radius:50px;}
#weathertip_widget_tips dl dt {position:relative; margin:0 0 10px; padding:0 0 0 30px; font-size:1.15em; line-height:1.3; font-family:var(--aiw-point2-font-family); font-weight:bold; letter-spacing:-.025em;}
#weathertip_widget_tips dl dt::before {
	position:absolute; top:0; left:0; width:20px; height:20px; line-height:20px;
	text-align:center; font-size:14px; font-weight:800; 
	border-radius:50px; counter-increment:tip_list; content:counter(tip_list);
}
#weathertip_widget_tips dl:nth-child(1) dt {color:#136f4a;}
#weathertip_widget_tips dl:nth-child(2) dt {color:#a5424e;}
#weathertip_widget_tips dl:nth-child(3) dt {color:#5746b0;}
#weathertip_widget_tips dl:nth-child(1) dt::before {background:#c4e0c6;}
#weathertip_widget_tips dl:nth-child(2) dt::before {background:#fdd1d2;}
#weathertip_widget_tips dl:nth-child(3) dt::before {background:#d4ccf7;}
#weathertip_widget_tips dl dd {color:#505050; font-size:13px; word-break:break-all;}

.weather_notice {color:#505050; font-size:11px;}

@media (min-width:1024px) {
	#weathertip_popup .weather_info .t1 {font-size:2.5em;}
	#weathertip_popup .weather_info .t2 {display:flex; align-items:center; gap:10px; margin:0 0 10px 15px;}
	#weathertip_popup .weather_info .t2 strong {padding:4px 1em; font-size:.8em;}
	#weathertip_popup .weather_current {display:flex; gap:30px; margin:30px 0; padding:0; font-size:1em;}
	#weathertip_popup 	.weather_visual {display:block; width:40%; height:auto; border-radius:20px;}
	#weathertip_popup .weather_icon {display:block; width:80px; height:80px; font-size:0;}
	#weathertip_popup .weather_num {font-size:24px;}
	
	.weather_tips {width:auto; flex:1;}
	#weathertip_widget_tips {position:relative; display:flex; flex-direction:column; gap:10px;}
	#weathertip_widget_tips dl {width:auto; flex:1; margin:0; padding:15px; border-radius:20px; font-size:16px; line-height:1.5;}
	#weathertip_widget_tips dl i {width:24px; height:24px; line-height:24px; font-size:14px;}
	#weathertip_widget_tips dl dt {margin:0 0 5px; padding:0 0 0 36px; font-size:1.15em;}
	#weathertip_widget_tips dl dt::before {top:0; left:0; width:24px; height:24px; line-height:24px; font-size:14px;}
	#weathertip_widget_tips dl dd {padding:0 0 0 36px; font-size:13px; word-break:keep-all;}
	
	.weather_notice {font-size:13px; text-align:center;}
}

@media (min-width:1280px) {
	#weathertip_popup .weather_info .t2 {margin:0 0 16px 30px;}
	#weathertip_popup .weather_current {gap:40px;}
	#weathertip_popup 	.weather_visual {border-radius:30px;}
	#weathertip_popup .weather_num {font-size:30px;}
	
	#weathertip_widget_tips dl {padding:20px 30px; border-radius:30px; font-size:16px;}
	#weathertip_widget_tips dl dd {font-size:15px;}
}