@charset "utf-8";
@import url("../../fonts/font.css");

body {font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif";font-size:12px;color:#fff;letter-spacing:-1px;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre, section{margin: 0; padding: 0;}
input, select {font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif";}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 12px;}
em {font-style:normal;}
ul, ol, li{list-style: none}
fieldset, img {border: none}
body a {color:#555;text-decoration: none;}
body a:hover, body a:active,body a:focus {text-decoration: none;}
pre {padding-top: 5px;}
table {margin:0;padding:0;border-spacing:0;border-collapse:collapse;border:0;}
td {text-align:left;}
hr {display:none}
caption, legend{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;display: none;text-indent:-9999px;font-size:0;}
#skipNavi {position: absolute;margin: 0 auto;width: 100%;list-style: none;font-size: 1.15em;top: -10.5em; left: 0;z-index: 99999;}
#skipNavi a:active, #skipNavi a:focus {position: absolute;padding-top: 0.5em;width: 100%;height: 2em;top: 10.5em;text-align: center;color: #000;font-weight:bold;background: #fff;border: 1px solid #475470;outline: 0;}
.invisible {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;}
body{margin:0;}
*{box-sizing: border-box}

img {max-width: 100%;}

.centents{position:relative;margin:0 auto;padding:0 15px 20px;text-align:center;}
body.links .contents {padding: 45px 15px 20px}
#slide1 .centents { display:table; table-layout:fixed; width:100%; height:100%; padding:0; }
#slide1 .middle {display:table-cell;vertical-align:middle;}
#slide1 .slide1-txt1{padding:0;text-align:center;margin-top:24px;}
#slide1 .slide1-txt2{margin:24px 0 24px 0;text-align:center;font-size:1.5em;line-height:1.6;}
#slide1 .photo-wrap{margin:0 auto;width:920px;}
#slide1 .photo-wrap li{position:relative;float:left;width:306px;height:306px;cursor:pointer;margin-right:1px;background-image:url(../img/tab-off.png);background-repeat:no-repeat;}
#slide1 .photo-wrap li span{display:inline-block;width:306px;height:306px;background-image:url(../img/tab-on.png);background-repeat:no-repeat;}
#slide1 .photo-wrap li.tab1{background-position:0px 0px}
#slide1 .photo-wrap li.tab1 span{background-position:0px 0px}
#slide1 .photo-wrap li.tab2{background-position:-307px 0px}
#slide1 .photo-wrap li.tab2 span{background-position:-307px 0px}
#slide1 .photo-wrap li.tab3{background-position:-614px 0px;margin-right:0px;}
#slide1 .photo-wrap li.tab3 span{background-position:-614px 0px}
#slide1 .arrow{position:absolute;left:50%;top:920px;z-index:1;margin-left:-25px;}

#slide2 h3{padding:150px 0 0 0;text-align:center;}
.winter2024 #slide2 h3 {position: relative;z-index: 3;}
.winter2024 #slide2 h3:after{content:''; position:absolute;  left:-8px; width:100%; height:86px; background:url(../img/bg-title-slide2_2024.png) no-repeat top center; z-index:-1;	background-size: 100% auto;}
@media screen and (min-width:768px) {
	.winter2024 #slide2 h3:after{background-size: auto;}	
}
#slide2 .slide2-graph{margin:240px 0 0 0;text-align:center}
#slide2 .slide2-btn{margin:50px 0 0 0;text-align:center}

#slide3 .title-wrap{margin:0 40px;padding:15px 20px 15px 100px;background:url(../img/icon-snow.png) no-repeat 40px center;background-size:contain;background-color:#616191;}
#slide3 .title-wrap h3{font-size:2em;color:#fff;}
#slide3 .s3-txt-wrap{text-align:center;margin-top:20px;}
#slide3 .s3-txt-wrap .txt1{font-size:1.5em;color:#333333;}
#slide3 .s3-txt-wrap span{font-weight:bold}
#slide3 .s3-txt-wrap .txt1 span.blue{font-size:1.8em;color:#38a6d9;width:100%;border-bottom:3px solid #38a6d9;}
#slide3 .s3-txt-wrap .txt1 span.red{font-size:1.8em;color:#fd801b;width:100%;border-bottom:3px solid #fd801b;}
#slide3 .s3-txt-wrap .txt2{font-size:1.3em;color:#444;margin-top:25px;line-height:1.6}
#slide3 .s3-txt-wrap .txt2 span.black{color:#000;}

#slide3 .rolling-wrap .btn-view-wrap .btn-view a{color:#fff;}
#slide3 .rolling-wrap .btn-view-wrap .btn-view span{display:inline-block;background-image:url(../img/icon-slide-ct.png);background-repeat:no-repeat;vertical-align:middle}
#slide3 .rolling-wrap .btn-view-wrap .btn-view span.icon-view{width:24px;height:24px;background-position:-306px 0px;margin-right:15px;}
#slide3 .rolling-wrap .btn-view-wrap .btn-view span.icon-arrow{width:14px;height:13px;background-position:-330px 0px;margin-left:15px;}
.slide3-bg{margin-top:71px;width:100%;height:135px;background-image: url(../img/bg-slide4.jpg);background-repeat: no-repeat;background-position: 50% top;}

#slide4 .title-wrap{margin:30px 0;text-align:center;}
#slide4 .title-wrap .title{display:inline-block;border:1px solid #fd801b;font-size:2em;color:#fd801b;padding-right:1em;}
#slide4 .title-wrap .title span{display:inline-block;background:#fd801b;color:#fff;padding:15px 30px;text-align:center;margin-right:20px;}
#slide4 .tit1 span{position:absolute;left:10px;top:0px;display:inline-block;width:50px;background:#454545;width:40px;height:60px;}
#slide4 .time-wrap{display:table;table-layout:fixed;width:100%;margin:0 auto;padding:20px 0 0 0;}
#slide4 .time-wrap .m-box{display:table-cell;width:50%;background:#dde2ee;color:#333; }
#slide4 .time-wrap .m-box .m-tit, #slide4 .time-wrap .n-box .n-tit{font-size:28px;text-align:center;vertical-align:middle;padding-top:20px;}
#slide4 .time-wrap .m-box .m-tit:before {content:'';display:inline-block;width:70px;height:70px;margin-right:10px;background:url(../img/icon-sun.png) no-repeat;background-size:contain;vertical-align:middle;}
#slide4 .time-wrap .m-box .m-txt, #slide4 .time-wrap .n-box .n-txt{margin:10px;font-size:1.25em;text-align:center;}
#slide4 .time-wrap .n-box .n-txt span {font-size:0.8em;}
#slide4 .time-wrap .n-box{display:table-cell;width:50%;background:#444c61;color:#fff; }
#slide4 .time-wrap .n-box .n-tit:before{content:'';display:inline-block;width:70px;height:70px;margin-right:10px;background:url(../img/icon-moon.png) no-repeat;background-size:contain;vertical-align:middle;}

#slide4 .snow-pic-wrap{margin:0 auto;overflow:hidden;padding:20px 0 0 0;font-size:1.2em;}
#slide4 .snow-pic-wrap img{width:100%;}
#slide4 .snow-pic-wrap .snow-pic-l{float:left;margin-right:10px;width:218px;}
#slide4 .snow-pic-wrap .snow-pic-r{float:left;width:452px;}
#slide4 .snow-pic-wrap .snow-tit{height:40px;background:#438a9c;text-align:center;color:#fff;width:100%;line-height:40px}
#slide4 .movie-wrap {position:relative;margin-top:20px;width:100%;height:0;padding-bottom:56.26%;margin-bottom:20px;background:url(../img/movie_pic1.jpg) no-repeat;background-size:100%;}
#slide4 .movie-wrap .movie-box1{position:absolute;left:0;right:0;bottom:0;top:0;}

#slide5 .title-wrap{margin:0 60px;background:#2b85ee url(../img/icon-temperature.png) no-repeat 30px center;background-size:contain;padding:15px 20px 15px 120px;}
#slide5 .title-wrap h3{font-size:2.3em;color:#fff;}
#slide5 .s5-txt-wrap{position:relative;text-align:center;margin:0px auto;overflow:hidden;padding:30px 0 20px 0px;}
#slide5 .s5-txt-wrap:before, #slide5 .s5-txt-wrap:after {position:absolute;top:50px;display:inline-block;height:1px;width:33.333%;content:'';background:#7f7f7f;}
#slide5 .s5-txt-wrap:before {left:0;}
#slide5 .s5-txt-wrap:after {right:0;clear:both;}

#slide5 .s5-txt-wrap .txt1{font-size:2.5em;color:#111;margin-bottom:20px;}
#slide5 .s5-txt-wrap .s5-txt-l{text-align:center;margin:0;background:url(../img/slide5-pic1.jpg) no-repeat center -40px;padding-bottom:12px;}
#slide5 .s5-txt-wrap .s5-txt-r{text-align:center;margin:0;background:url(../img/slide5-pic2.jpg) no-repeat center -40px;padding-bottom:12px;}
#slide5 .s5-txt-wrap .txt2{font-size:2em;color:#12dbff;margin-top:20px;}
#slide5 .s5-txt-wrap .txt3{font-size:1.3em;color:#fff;margin-top:100px;}
#slide5 .s5-txt-wrap span{font-weight:bold}

#slide6 .title-wrap { margin:18px 0; text-align:center; }
#slide6 .title-wrap .title { display:inline-block; padding-right:0.5em; font-size:2em; color:#fd801b; border:1px solid #fd801b; }
#slide6 .title-wrap .title span { display:inline-block; margin-right:15px; padding:15px 20px; color:#fff; text-align:center; background:#fd801b; }

#slide6 .pic-wrap { position:relative; margin-top:1em; background:#444c61; }
#slide6 .pic-wrap .txt-list{ position:relative; padding:0.5em; padding-left:2.7em; font-size:14px; color:#fff; line-height:1.5; text-align:left; word-break:keep-all; word-wrap:break-word; background:#444c61; box-sizing: border-box; }
#slide6 .pic-wrap .txt-list.fc{color:#444c61;background:#dee2ee;}
#slide6 .pic-wrap .txt-list:nth-child(1):before { position:absolute; left:0.5em; top:0.5em; width:1.5em; height:1.5em; background:url('../img/slide5_pic3_1.png') no-repeat center center; background-size:contain; content:''; }
#slide6 .pic-wrap .txt-list:nth-child(2):before { position:absolute; left:0.5em; top:0.5em; width:1.5em; height:1.5em; background:url('../img/slide5_pic3_2.png') no-repeat center center; background-size:contain; content:''; }
#slide6 .pic-wrap .txt-list:nth-child(3):before { position:absolute; left:0.5em; top:0.5em; width:1.5em; height:1.5em; background:url('../img/slide5_pic3_3.png') no-repeat center center; background-size:contain; content:''; }

#slide6 .time-wrap{width:757px;margin:0 auto;padding:50px 0 70px 0;overflow:hidden}
#slide6 .time-wrap .m-box{float:left;width:378px;height:220px;background:#dde2ee;color:#333; }
#slide6 .time-wrap .m-box .m-tit{background:url(../img/icon-sun.png) no-repeat 0px 30px;font-size:28px;height:103px;padding:30px 0 0 150px;margin:10px 0 0 50px;line-height:100px}
#slide6 .time-wrap .m-box .m-txt{margin:10px 0 0 80px;font-size:18px;}
#slide6 .time-wrap .n-box{float:left;width:378px;height:220px;background:#444c61;color:#fff; }
#slide6 .time-wrap .n-box .n-tit{background:url(../img/icon-moon.png) no-repeat 30px 30px;font-size:28px;height:88px;padding:30px 0 0 150px;margin:10px 0 0 50px;line-height:88px}
#slide6 .time-wrap .n-box .n-txt{margin:10px 0 0 20px;font-size:18px;text-align:center}
#slide6 .snow-pic-wrap{width:680px;margin:0 auto;overflow:hidden;padding:50px 0 70px 0;font-size:14px;}
#slide6 .snow-pic-wrap .snow-pic-l{float:left;margin-right:10px;width:218px;}
#slide6 .snow-pic-wrap .snow-pic-r{float:left;width:452px;}
#slide6 .snow-pic-wrap .snow-tit{height:40px;background:#438a9c;text-align:center;color:#fff;width:100%;line-height:40px}
#slide6 .movie-box{position:relative;text-align:center;margin-top:40px;}
#slide6 .movie-box .movie{position:absolute;left:50%;top:0px;margin-left:-241px;width:482px;z-index:99;font-size:16px;color:#333;}
#slide6 .phone-table{margin:20px 0;width:100%;table-layout:fixed;}
#slide6 .phone-table thead th{font-size:14px;color:#fff;background:#47aeb7;border-right:1px solid #31969f;padding:5px;}
#slide6 .phone-table thead th.last{border-right:1px solid #47aeb7 }
#slide6 .phone-table tbody td{font-size:14px;color:#555555;text-align:center;border:1px solid #a7dadb;border-top:0px;padding:7px 0;}
#slide6 .dongpa{margin:0 auto;}
#slide6 img {width:100%;}
#slide6 .movie-wrap {position:relative;margin-top:20px;width:100%;height:0;padding-bottom:56.26%;margin-bottom:20px;background:url(../img/movie_pic4.jpg) no-repeat;background-size:100%;}
#slide6 .movie-wrap .movie-box4{position:absolute;left:0;right:0;bottom:0;top:0;}

#slide7 .title-wrap{margin:0 60px;padding:15px 20px 15px 120px;background:#fd801b url(../img/icon-fire.png) no-repeat 20px center;background-size:contain;}
#slide7 .title-wrap h3{font-size:2.3em;color:#fff;}
#slide7 .s3-txt-wrap{text-align:center;margin-top:20px;}
#slide7 .s3-txt-wrap .txt1{font-size:1.3em;color:#333333;}
#slide7 .s3-txt-wrap span{font-weight:bold}
#slide7 .s3-txt-wrap .txt1 span.blue{font-size:1.5em;color:#38a6d9;width:100%;border-bottom:2px solid #38a6d9;}
#slide7 .s3-txt-wrap .txt1 span.red{font-size:1.5em;color:#fd801b;width:100%;border-bottom:2px solid #fd801b;}
#slide7 .s3-txt-wrap .txt2{font-size:1.3em;color:#444;margin-top:25px;line-height:1.6}
#slide7 .s3-txt-wrap .txt2 span.black{color:#000;}

#slide8 .fire-step-1 {margin:20px 0;}
#slide8 .fire-step-1 li{position:relative;font-size:1.2em;color:#333;padding:10px 0 10px 70px;text-align:left;min-height:60px;}
#slide8 .fire-step-1 li:before {position:absolute;left:0;top:5px;width:50px;height:50px;content:'';}
#slide8 .fire-step-1 li:nth-child(1)::before {background:url(../img/m/ico_fire1_1.png) no-repeat;background-size:contain;}
#slide8 .fire-step-1 li:nth-child(2)::before {background:url(../img/m/ico_fire1_2.png) no-repeat;background-size:contain;}
#slide8 .fire-step-1 li:nth-child(3)::before {background:url(../img/m/ico_fire1_3.png) no-repeat;background-size:contain;}
#slide8 .fire-step-1 li:nth-child(4)::before {background:url(../img/m/ico_fire1_4.png) no-repeat;background-size:contain;}

#slide8 .fire-step-2 {margin:20px 0;}
#slide8 .fire-step-2 li{position:relative;font-size:1.2em;color:#333;padding:10px 0 10px 70px;text-align:left;min-height:60px;}
#slide8 .fire-step-2 li:before {position:absolute;left:0;top:5px;width:50px;height:50px;content:'';}
#slide8 .fire-step-2 li:nth-child(1)::before {background:url(../img/m/ico_fire2_1.png) no-repeat;background-size:contain;}
#slide8 .fire-step-2 li:nth-child(2)::before {background:url(../img/m/ico_fire2_2.png) no-repeat;background-size:contain;}
#slide8 .fire-step-2 li:nth-child(3)::before {background:url(../img/m/ico_fire2_3.png) no-repeat;background-size:contain;}

#slide8 .movie-wrap{margin:20px 0;}
#slide8 .movie-wrap:after {display:block;clear:both;content:'';}
#slide8 .movie-wrap .movie-fire-l, #slide8 .movie-wrap .movie-fire-r {position:relative;width:100%;height:0;padding-bottom:56.26%;margin-bottom:20px;}
#slide8 .movie-wrap .movie-fire-l{background:url(../img/movie_pic2.jpg) no-repeat;background-size:cover;}
#slide8 .movie-wrap .movie-fire-r{background:url(../img/movie_pic3.jpg) no-repeat;background-size:cover;}
.movie-fire-txt{text-align:center;font-size:1.5em;color:#333;}
.paly-movie-btn1,.paly-movie-btn2,.paly-movie-btn3,.paly-movie-btn4{position:relative;width:100%;height:0;padding-bottom:56.26%;}
.movie-txt{font-size:16px;color:#333;text-align:center;margin:20px 0 10px;}
.movie-wrap a{position:absolute;width:90px;height:90px;top:50%;left:50%;margin-left:-45px;margin-top:-45px;}
#slide8 .movie-wrap .movie-fire-l>div, #slide8 .movie-wrap .movie-fire-r>div {position:absolute;top:0;left:0;bottom:0;right:0;}

#slide9 .title-wrap{margin:0 40px;padding:15px 20px 15px 100px;background:#4b911d url(../img/icon-sos.png) no-repeat 20px center;background-size:contain;}
#slide9 .title-wrap h3{font-size:2em;color:#fff;}
#slide9 .slide-day-wrap{margin:0 auto;padding:60px 0 0 0px;}
#slide9 .slide-day-wrap:after {display:block;content:'';clear:both;}
#slide9 .slide-day-wrap .slide-day-l{width:48%;height:200px;float:left;background:url(../img/pic-sos1.png) no-repeat center top;background-size:contain;text-align:center}
#slide9 .slide-day-wrap .slide-day-l .slide-day-title{margin-top:80px;font-size:1.8em;color:#fff;}
#slide9 .slide-day-wrap .slide-day-l .slide-day-txt{text-align:center;font-size:1.4em;color:#a6fe47;}
#slide9 .slide-day-wrap .slide-day-r{width:48%;height:200px;float:right;background:url(../img/pic-sos2.png) no-repeat center top;background-size:contain;text-align:center}
#slide9 .slide-day-wrap .slide-day-r .slide-day-title{margin-top:50px;font-size:1.6em;color:#fff;}
#slide9 .slide-day-wrap .slide-day-r .slide-day-txt{text-align:center;font-size:1.4em;color:#a6fe47;}
#slide9 .slide9-txt{margin:0 auto;padding:18px 0px;font-size:1.5em;color:#fff;line-height:1.6;text-align:center;font-weight:bold;}
span.txt-fc1{color:#24ffe3;}
span.txt-fc2{color:#fb4141;}
span.txt-fc3{color:#fbc83e;}
.txt-fc4{color:#fa6c0e;font-weight:normal;}

#slide9 .slide9-btn{margin:0 auto;text-align:center;}
#slide9 .slide9-btn a.btn-l{display:inline-block;}

#slide10 .title-wrap{text-align:center;font-size:2.5em;color:#fff;margin:0 auto;padding:50px 0 0 0;}
#slide10 .title-wrap span{font-size:2em;color:#e75280;}
#slide10 .comment-wrap{margin:0 auto;padding-bottom:10px;display:inline-block;}
#slide10 .comment-wrap .comment-txt1{width:250px;height:250px;background:url(../img/bg-tip.png) no-repeat;background-size:contain;text-align:center;margin:20px 0 0 30px;}
#slide10 .comment-wrap .comment-txt1 p{padding-top:50px;font-size:26px;color:#2b85ee;letter-spacing:-2px}
#slide10 .comment-wrap .comment-txt2{width:222px;height:184px;background:url(../img/bg-tip1.png) no-repeat;text-align:center;margin:-20px 0 0 0;}
#slide10 .comment-wrap .comment-txt2 p{padding-top:30px;font-size:26px;color:#ba60fe;letter-spacing:-2px}
#slide10 .txt{font-size:1.5em;color:#fff;margin:0 auto;padding:10px 0px 30px 0;line-height:1.6;letter-spacing:-1px;text-align:center}
#slide10 .ban-wrap{margin:0 auto;padding:0;}
#slide10 .ban-wrap .ban-box{display: flex;flex-direction:column;align-items: center;width: 50%;margin: 1% auto;padding: 10px;height:180px;background:#fff;text-align:center}
#slide10 .ban-wrap .ban-box span.txt{display:block;margin:0;width: 100%; padding:2px 5px;background:#e7525d;color:#fff;font-size:1.2em;line-height:25px;min-height:30px;}
#slide10 .ban-wrap img {width:70%;max-width: 140px;height:auto;}
#slide10 .ban-wrap .ban-box p {display: flex;flex: 1 1 auto;align-items: center}
@media (max-width: 640px) {
	#slide10 .ban-wrap .ban-box {width: 98%;}
}

.make-day{width:138px;margin:0 auto;height:22px;border:1px solid #a5a5a5;border-radius:3px;}
.make-day li{float:left;text-align:center;font-size:11px;padding:0px 7px;line-height:22px;color:#888;}
.make-day li.txt{background:#a5a5a5;color:#fff;width:40%;}
.copyright {position:relative;margin:0 auto;text-align: center;color:#888;letter-spacing:0px;line-height:35px;font-size: 14px;}

#ie8 {height:50px; background-color: #14cccc; color:#fff; font-size: 16px; font-weight: bold; padding-top:15px;display: none;}
#ie8 div {width:600px; padding-left:0; text-align: center; margin:0 auto; /* background:url('images/back_ie8.png') no-repeat 0 center;*/}
.sub-tit { clear:both; position:relative; margin:0 auto 0.5em; padding-top:8px; font-size:1.8em; color:#333; text-align:left; word-break:keep-all; word-wrap:break-word; }
/* .sub-tit > span{position:absolute;left:10px;top:0px;display:block;width:57px;height:3px;background:#454545;} */
.sub-tit:before { position:absolute; left:0; top:0; width:1.5em; height:2px; background:#454545; content:""; }
.sub-tit-1{font-size:1.3em;color:#333;line-height:30px;margin-top:30px;text-align:center}
.sub-tit-2{clear:both;font-size:18px;color:#fff;line-height:30px;padding-top:50px;text-align:center}

.text-align{text-align:center}
.mt50{margin-top:30px;}

/* 2017 */
h2.tit-txt1 {font-family: 'NanumSquare'; font-size: 1.5em;font-weight: 700;text-align: center;line-height:1.2;}
h2.tit-txt1 span {display: block;}
h2.tit-txt1 span.tit-txt1-line1 {margin-bottom: 15px;font-weight: 400;}
h2.tit-txt1 span.tit-txt1-line2 {font-size:2em;}

h2.tit-txt1 span .em1 {color: #6cff00}
h2.tit-txt1 span .em2 {color: #ffeb0f}

.tit-txt2 {font-family: 'NanumSquare'; font-size: 3em;color: #253a6f;font-weight: 800;}
.tit-txt3 {display: block;margin-bottom: 10px;font-family: 'NanumSquare'; font-size: 20px; color: #454545;line-height: 1.7}
.winter2020 .tit-txt3 {font-size: 18px;letter-spacing: -0.025em;}
.winter2020.winter2021 .tit-txt3 {font-size: 1.04rem;}
.tit-txt3 em {font-weight: 700}

em.color-orange {color: #f36336}
em.color-green {color: #35921c}
em.color-blue {color: #277de1}

/* common header, footer */
.header {position:fixed; top:0; left:0; right:0; width:100%; height:45px; background:#222; text-align:center; z-index:10}
.header.seoul {background:#34353d;}
.header h1 {display:inline-block; color:#fff; font-size:18px; font-weight:700; line-height:45px;}
.header.seoul h1 {width:90px; height:15px; margin-top:14px; background:url(../img/common/logo_bi.png) 0 0 no-repeat; background-size:90px auto; text-indent:-9999em;}
.header .btn_back {position:absolute; top:50%; left:12px; display:block; width:20px; height:20px; margin-top:-11px; background:url(../img/common/btn_back.png) 0 0 no-repeat; background-size:100%; text-indent:-9999em;-webkit-transition: all 2s ease;transition: all 2s ease;}

/*
.footer {position:relative;width:100%;box-sizing:border:box;}
.footer_link {border-top:1px solid #414146; background:#505055;box-sizing:border:box;}
.footer_link li {display:block; float:left; width:33.33%; border-left:1px solid #777;box-sizing:border-box;}
.footer_link li:first-child {border-left:0}
.footer_link li > * {display:block; width:100%; height:36px; font-size:12px; color:#fff; text-align:center; line-height:36px;box-sizing:border:box;}
.footer_link li .btn_top:after {display:inline-block; content:''; width:8px; height:5px; margin-left:5px; background:url(../img/common/btn_top.png) 0 0 no-repeat; background-size:8px 5px; vertical-align:middle;box-sizing:border:box;}
.footer_link:after {display:block; content:''; clear:both;}
.footer_info {padding:24px 0; background:#eee; text-align:center;box-sizing:border:box;}
.footer_info .footer_logo {width:90px; height:22px; margin:0 auto; background:url(../img/common/logo_bi.png) 0 -16px; background-size:90px auto; text-indent:-9999em;box-sizing:border:box;}
.footer_info * {font-size:11px; color:#999}
.footer_info .address {margin-top:12px;box-sizing:border:box;}
.footer_info .copyright {margin-top:6px; padding-top:6px; border-top:1px solid #ddd;box-sizing:border:box;}
*/
button {background:transparent;border:0;}

.wrap {position:relative;padding:0;}
.menu {position:fixed;top:0px;left:0;right:0;height:38px;box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);background:#3d3b47;border-top:1px solid #fff;z-index:10;}
.menu ul{display:inline-block;overflow:auto;white-space:nowrap;width:100%;text-align:center;font-size:0;}
.menu li{display:inline-block;padding:7px 0;}
.menu li a{display:inline-block;height:22px;line-height:22px;font-size:14px;padding:0 13px;border-right:1px solid #2b2932;border-left:1px solid #514f5a;text-align:center;color:#309ec2;font-weight:bold;}
.menu li:first-child a{border-left:0;}
.menu li:last-child a{border-right:0;}
.menu li a.current {color:#fff;}

#slide1,#slide2,#slide3,#slide4, #slide5,#slide6, #slide7,#slide8, #slide9,#slide10 {position:relative;}
#slide1 { background:url(../img/bg-slide1-201711.jpg) no-repeat center top; }
#slide2 {background:url(../img/bg-slide2-2019.jpg) no-repeat center top;}
.winter2020 #slide2 {background:url(../img/bg-slide2-2020.jpg) no-repeat center top;}
.winter2020.winter2021 #slide2 {background:url(../img/bg-slide2-2021.jpg) no-repeat center top;}
.winter2020.winter2024 #slide2 {background:url(../img/bg-slide2-2024.jpg) no-repeat center top;}
#slide3 {background:url(../img/bg-slide3.jpg) no-repeat center top;}
#slide4, #slide6, #slide8 {background:#fff;}
#slide5 {background:url(../img/bg-slide5.jpg) no-repeat center top;}
#slide7 {background:url(../img/bg-slide7.jpg) no-repeat center top;}
#slide9 {background:url(../img/bg-slide9.jpg) no-repeat center top;}
#slide10 {background:url(../img/bg-slide10.jpg) no-repeat center top;}

@media all and (max-width:480px){
	#slide1 { background-position:center center; background-size:cover; }
	#slide2	{ background-position:20% top; background-size:auto 100%; }
	.winter2020 #slide2 {background-size: cover;}
 /* 2018-12-03 add */
	#slide2 h3 {padding: 30px 0 0 0;}
	#slide2 .slide2-graph {margin: 30px 0 0;}
	.tit-txt2{font-size:2.75em;}
	.winter2024 #slide2 h3:after{display:none;}
}

#slide3 .action_wrap{color:#616191;}
#slide5 .action_wrap{color:#2b85ee;}
#slide7 .action_wrap{color:#fd801b;}
#slide3 .action_wrap .textbox{background:#f1ebed;}
#slide5 .action_wrap .textbox{background:#e8eefc;}
#slide7 .action_wrap .textbox{background:#fcf6e6;}

.action_wrap {background:#fff;padding:20px 15px;}
.action_wrap h4{font-size:1.8em;text-align:center;padding:0 0 1em;font-weight:bold;letter-spacing:-0.1em;}
.action_wrap h5{font-size:1.5em;font-weight:bold;}
.action_wrap .textbox {padding:1.5em;margin:0.5em 0 1em;}
.action_wrap li { position:relative; margin-bottom:1em; padding-left:0.65em; font-size:1.25em; line-height:1.5; word-break:keep-all; word-wrap:break-word; }
.action_wrap li:nth-last-child(1) { margin-bottom:0; }
.action_wrap li:before { position:absolute; display:block; left:0; top:10px; width:4px; height:4px; line-height:0; content:"·"; }

.action_wrap .btn-view {font-size:1.5em;text-align: center;margin: 0 60px;background: rgba(125,125,164,0.8);border: 1px solid #7d7da4;padding:0.8em 0;}
.action_wrap .btn-view-wrap .btn-view a {color:#fff;}

#slide1 {padding-top:36px;}
#slide1 .logo-wrap{border-bottom: 1px solid rgba(255, 255, 255, .2);padding:15px 18px 10px;box-sizing:border-box;}
#slide1 .logo-wrap:after {display:block;clear:both;content:'';}
#slide1 .logo-wrap h1 {float:left;font-size: 14px;font-weight: bold;color: #fff;line-height: 25px;box-sizing:border-box}
#slide1 .logo-wrap .logo {float:right;box-sizing:border-box}
#slide1 .logo-wrap .logo img{height:25px;width:auto;box-sizing:border-box}

@media all and (max-width:400px) {
	#slide3 .title-wrap {margin:0 30px;}
	#slide5 .title-wrap {margin:0 30px;}
	#slide7 .title-wrap {margin:0 30px;}
	#slide9 .slide-day-wrap .slide-day-l .slide-day-title {font-size:18px;}

	.action_wrap .btn-view {margin:0 30px;}

	#slide4 .title-wrap .title {font-size:1.5em;}
	#slide4 .time-wrap .m-box .m-txt, #slide4 .time-wrap .n-box .n-txt {font-size:1em;}
	#slide5 .s5-txt-wrap:before, #slide5 .s5-txt-wrap:after {width:29%;}
	.winter2020.winter2021 .tit-txt3 {font-size: 0.94rem; letter-spacing: -0.03rem;}
}

@media all and (max-width:340px){
.winter2020.winter2021 .tit-txt3 {font-size: 0.85rem; letter-spacing: -0.05rem;}
}
.dl_chart { margin-top:0.5em; overflow:hidden; }
.dl_chart > dt { position:relative; padding:0.8em; font-size:1.3em; text-align:left; overflow:hidden; }
.dl_chart > dd { margin-bottom:1px; padding:0.8em; font-size:1.2em; text-align:left; word-break:keep-all; word-wrap:break-word; overflow:hidden; }

.dl_chart em { font-size:170%; text-shadow:2px 2px 2px rgba(0,0,0,0.5); }
.dl_chart .txt_1 { position:absolute; right:0.5em; top:1em; display:inline-block; padding:0.3em; font-size:70%; background:#fff; border-radius:0.4em; vertical-align:top; }
.dl_chart .txt_2 { display:block; margin-top:0.5em; }
.dl_chart ul { list-style:circle; margin-left:2em; }
.dl_chart li { list-style:circle; margin-bottom:0.5em; line-height:1.5; }
.dl_chart li:nth-last-child(1) { margin-bottom:0; }

.dl_chart > dt:nth-child(1) { background:#448be3; }
.dl_chart > dt:nth-child(1) .txt_1 { color:#276bd8; }
.dl_chart > dd:nth-child(2) { background:#276bd8; }

.dl_chart > dt:nth-child(3) { background:#f9d529; }
.dl_chart > dt:nth-child(3) .txt_1 { color:#dabc2a; }
.dl_chart > dd:nth-child(4) { background:#dabc2a; }

.dl_chart > dt:nth-child(5) { background:#ff7c34; }
.dl_chart > dt:nth-child(5) .txt_1 { color:#f25619; }
.dl_chart > dd:nth-child(6) { background:#f25619; }

.dl_chart > dt:nth-child(7) { background:#ff3833; }
.dl_chart > dt:nth-child(7) .txt_1 { color:#e41a16; }
.dl_chart > dd:nth-child(8) { background:#e41a16; }


#footer { position: relative;;width:100%; text-align:center; background:#fff; border-top:1px solid #777; overflow:hidden; letter-spacing:-1px;}
#footer > ul { list-style:none; margin:0; padding:10px 16px; overflow:hidden; }
#footer > ul:after { display:block; content:""; clear:both; }
#footer > ul > li { float:left; height:100%; overflow:hidden; }
#footer > ul > li:nth-last-child(1) { float:right; }

#footer .f_link { display:inline-block; vertical-align:top;}
#footer .f_link > li { }
#footer .f_link > li:nth-last-child(1) { margin-left:32px; }

#footer .f_left_link { height:25; overflow:hidden; }
#footer .f_left_link > li { position:relative; float:left; height:100%; }
#footer .f_left_link > li:after { position:absolute; right:0; top:50%; width:1px; height:50%; background:#878787; content:""; transform:translateY(-50%); }
#footer .f_left_link > li:nth-last-child(1):after { display:none; }
#footer .f_left_link > li > a { position:relative; display:block; padding:6px 14px; font-size:12px; color:#222; font-weight:400; }
#footer .f_left_link > li:nth-child(1) > a { padding-left:0; }

#footer .f_right_link { float:right; }
#footer .f_right_link > li { float:left; margin-left:14px; }
#footer .f_right_link > li > a { display:block; width:26px; height:26px; border:1px solid #555; border-radius:50%; }
#footer .f_right_link > li > a > em { position:absolute; left:-9999px; top:-9999px; }
#footer .f_right_link > li:nth-child(1) > a { background:#fff url("../img_f/foot_icon_1.png") no-repeat center center; background-size:40% auto; }
#footer .f_right_link > li:nth-child(2) > a { background:#fff url("../img_f/foot_icon_2.png?ver2023") no-repeat center center; background-size:70% auto; }
#footer .f_right_link > li:nth-child(3) > a { background:#555 url("../img_f/foot_icon_3.png") no-repeat center center; background-size:60% auto; }

#footer > .txt_group { padding:14px 0; border-top:1px solid #777; }
#footer > .txt_group > p { line-height:21px; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
#footer .txt1 { font-size:13px; color:#222; font-weight:700; }
#footer .txt2 { font-size:12px; color:#222; font-weight:400; }
#footer .txt2 > span { position:relative; display:inline-block; margin:0 8px; padding-right:9px; }
#footer .txt2 > span:after { position:absolute; right:0; top:50%; width:1px; height:30%; background:#878787; transform:translateY(-50%); content:""; }
#footer .txt2 > span:nth-last-child(1) { padding-right:0; }
#footer .txt2 > span:nth-last-child(1):after { display:none; }
#footer .txt3 { font-size:10px; color:#222; font-weight:400; }

.txt-large {font-size: 20px !important;}