@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.otf') format('opentype');
    font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.otf') format('opentype');
    font-weight: 700;
	font-style: normal;
}


@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-ExtraBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-ExtraBold.ttf') format('truetype');
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {color: black;text-decoration: none;}
a:link {color: black;text-decoration: none;}
button {background: none; font-size: inherit; font-family: inherit; cursor: pointer; color: inherit; box-sizing: border-box; border: 0; padding: 0; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

body {font-family: "Noto Sans KR", sans-serif; color: #191919;}

.inner {max-width: 1200px; margin: 0 auto; height: 100%;}
.wrap {min-height: 1000px;}

header {height: 50px; background: #fff;}
header .inner {display: flex; align-items: center; justify-content: center; position: relative; }
header .logo {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
header h2 {font-size: 1.19rem; color:#3f4756; font-family: 'Apple SD Gothic Neo'; margin-top: 2px;text-align:center; font-weight: 800;}


.s_con_visual {height: 230px;background:url('../images/winter_bg_pc.png') no-repeat;background-position: center;background-size: cover;position:relative;display: flex; align-items: center; justify-content: center;image-rendering: pixelated;}
.s_con_visual .visual_con{display:block;margin:-35px auto 0 auto;text-align:center;}
.s_con_visual .visual_con .blind{opacity:0;}

.main {width: 1200px;position: relative; margin:0px auto; padding:50px 0px;}
.contents {width: 90%; margin:0 auto;}
.sub_em{vertical-align:sub; color:#a40000;}
.text1{color:#a40000; font-size:1.19rem;}

.br_text{display:none;}

.tab_list {margin: 0 auto 40px auto; display: flex;justify-content: start;align-items: center;flex-wrap: wrap;}
/*.tab_list .tab {font-size: 1.19rem; font-weight: 500;  padding: 13.75px 20px; background: #d4edff; border-radius:25px;line-height:22.5px; min-width: 250px;display:flex; justify-content: center;align-items: center;margin-right:15px; margin-bottom:15px;}*/
.tab_list .tab {font-size: 1.19rem; font-weight: 500;  padding: 13.75px 20px; min-height:56.5px; background: #d4edff; border-radius:28.5px;line-height:22.5px; width:calc(100% / 4 - 20px);/*min-width: 250px;*/display:flex; justify-content: center;align-items: center;margin-right:15px; margin-bottom:15px;}
.tab_list .tab.snowclear{width: 47.55%;}/* 탭버튼 갯수가 홀수인 경우 PC  25.12.02 */
.tab_list .tab.active {background: #004373; color:#fff; font-weight: 500;}
.tab_list .tab:last-child {margin-right: 0;}
/*.tab_list button:nth-child(n+3){margin-right:0;}*/
.tab_list .tab img{margin-right:10px;}

.main_txt {font-family: 'Pretendard';font-size: 1.57rem; font-weight: 700; margin-top: 30px; margin-bottom: 10px;color:#1d4875;padding-left: 47px;text-indent: -23px;line-height: 1.3; padding-bottom:15px;border-bottom:1px solid #004373;margin-bottom:30px;}
.main_txt::before{content:url('../images/ico_bul1_0.png');display:inline-block;width:auto;height:30px;margin-right:15px;vertical-align: -8px;}
.main_txt:first-child {margin-top: 0;}

.main_txt.shelter::before{content:url('../images/ico_shelter.png');display:inline-block;width:auto;height:25px;vertical-align: -2px;}
.main_txt.tips::before{content:url('../images/ico_tips.png');display:inline-block;width:auto;height:25px;vertical-align: -5px;}
.main_txt.vulnerable::before{content:url('../images/ico_vulnerable.png');display:inline-block;width:auto;height:25px;vertical-align: -3px;}
.main_txt.road::before{content:url('../images/ico_road.png');display:inline-block;width:auto;height:25px;vertical-align: -3px;}
.main_txt.snowclear::before{content:url('../images/ico_snowclear.png');display:inline-block;width:auto;height:25px;vertical-align: -3px;}
.main_txt.sledding::before{content:url('../images/ico_sledding.png');display:inline-block;width:auto;height:25px;vertical-align: -3px;}
.main_txt.safewinter::before{content:url('../images/ico_safewinter.png');display:inline-block;width:auto;height:25px;vertical-align: -3px;}

.content_box{width:92%;margin:0 auto;}

.box{font-family: 'Pretendard';border:1px solid #ddd;padding:15px;margin-bottom:20px;color:#555;font-size:1.32rem;line-height:1.5}
.box.black{color:#1d1d1d;}
.bul1 > li {color:#1d1d1d; line-height:28px; padding-left: 18px; text-indent: -18px;font-family: 'Pretendard';font-size: 1.32rem;padding-bottom:5px;}
.bul1 > li::before{content:'';background:#004373;display:inline-block;width:8px;height:8px;border-radius:4px;vertical-align: 3px;margin-right: 10px;}
.bul1 > li b{font-size:1.32rem;}
.bul1 > li a{font-size:1.32rem;}

.bul1 > li.small::before{content:'※';width:5px;margin-right:5px;background:none;border-radius:0;vertical-align: 0px;}
.bul1 > li.small{padding-left: 20px;text-indent: -11px;}

.bul1 > li b{font-weight:600;}
.bul1 > li span{color:#cb0010;font-size:0.89rem;font-weight:bold;}
.bul1 > li.none::before{background:transparent;}
/*.bul1 > li + li {margin-top: 25px;}*/

.bul2 {padding:0 0 5px 25px;}
.bul2 > li {font-weight: 400; line-height: 1.5;text-indent:-12px;font-size:1.32rem;}
.bul2 > li::before{content:url('../images/ico_bul3.png');display:inline-block;width:11px;height:5px;vertical-align: 3px;}
.bul2 > li.small::before{content:'※';width:5px;margin-right:5px;background:none;border-radius:0;vertical-align: 0px;}
.bul2 > li.small{padding-left: 0;text-indent: -11px;}

.bul3 {padding-top: 0;}
.bul3 > li {font-weight: 400; line-height: 1.5; text-indent: 0;padding-left:0;font-size:1.32rem;}

.bul3 > li.num1::before{content:'➀';width:5px;margin-right:5px}
.bul3 > li.num2::before{content:'➁';width:5px;margin-right:5px}

.table_ul{border-top:2px solid #004373;display:flex;margin:20px 0;}
.table_ul li{width:50%;text-align:center;padding:10px 0;border-bottom:1px solid #dadada;border-right:1px solid #dadada;font-size:1.32rem;}
.table_ul li:last-child{border-right:none;}
.table_ul li div{border-top:1px solid #dadada;padding:10px 0 0 0;font-size:1.32rem;}

.qr_img{width:200px;}
.mt20{margin-top:20px;}
.redFont{color: #cb0010;}
.blueFont{color: blue;}

.poster{width:100%; max-width:fit-content;}

/* 컨텐츠 표 */
.table1 {border-top:2px solid #004373;margin-top:0; clear: both;width: 100%;margin-top: 5px;border-collapse: collapse;border-spacing: 0px;empty-cells: show;margin:20px auto;}

.table1 .bd0 {border-left: 0;}
.table1 thead th {vertical-align: middle;height:26px;font-weight: bold;text-align: center;line-height:20px;padding:10px 5px;color:#171717;font-size:0.84rem;background:#D4EDFF;border-bottom:1px solid #dadada;border-left:1px solid #dadada;}
.table1 tbody th {vertical-align: middle;line-height:18px;padding:10px 7px;color:#171717;font-size:1.19rem;background:#D4EDFF;border-bottom:1px solid #dadada;border-left:1px solid #dadada;}
.table1 tbody td {vertical-align: middle;text-align: center;line-height:18px;padding:10px 10px;color:#171717;font-size:1.19rem;border-bottom:1px solid #dadada;border-left:1px solid #dadada;}
.table1 tbody td span{color:#0000FF; font-weight:bold;}
.table1 tbody td.strong{color:#cb0010}
.table1 tbody td a{font-size:0.84rem;color:#171717;}
.table1 tbody th.bgn {color:#171717;}
.table1 .bg1 {color:#171717;background:#fdf7f5;}
.table1 .bg2 {color:#171717;background:#fdf7f5;}
.table1 .bg3 {background:#fdf7f5;}
.table1 .bg4 {background:#fdf7f5;}

.table1 caption.dns {overflow: hidden;width: 0; height: 0;font-size: 0;}
.responsive_table + .icon_scroll {display: none;}

@media (max-width: 1200px){
	header .logo {left: 20px;}
	.main {width:100%}
	
	.s_con_visual {background-size: cover;}
}

@media (max-width: 1024px){
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		font-size: 15px;
	}

	.wrap {min-height: auto;height:auto;}
	header .logo {left: 20px;}
	
	.tab_list .tab {width:calc(100% / 4 - 15px);}
	.tab_list .tab img{display:none}
	
	
	.main {padding:0 0 70px;width:100%}
	.main .inner {flex-direction: column;justify-content:center;}
	
	.s_con_visual {height: 230px;background:url('../images/winter_bg_tab.png') no-repeat;background-position: center;}
}

@media (max-width: 820px){
	.contents {padding: 30px 20px; width: 100%;}
	.tab_list .tab {padding:13.75px 13px;}
}

@media (max-width: 768px){
	.wrap {min-height: 800px;}	
	.main {padding-top: 0;width:100%;margin:40px auto;}
	.main .inner {flex-direction: column;}
	.br_text{display:block;}
	
	.tab_list .tab{height: 72.5px;}
}



@media (max-width: 750px){
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		font-size: 14px;
	}
	
	.tab_list .tab {width: calc(100% / 2 - 10px);}
	.tab_list .tab:nth-child(3n){margin-right:15px;}
	.tab_list .tab:nth-child(2n){margin-right:0;}	
	
	
	.s_con_visual {height: 230px;background:url('../images/winter_bg_mo.png') no-repeat;background-position: center;}	
	
	.table_ul{flex-direction:column;}
	.table_ul li{width:100%;border-right:none;}
}

@media (max-width: 700px){
	.s_con_visual {height: 200px;background-size:100%;}	
}

@media (max-width: 500px){
	header .logo img {width: 80px;}
	.s_con_visual {height: 180px;}
	/*.tab_list .tab {
		height: 72.5px;
	}*/
}

@media (max-width: 430px){
	.s_con_visual {height: 140px;}
	.contents {
        padding: 10px 20px 30px 20px;
    }
}


@media (max-width: 360px){
	.s_con_visual {height: 110px;}
}