@charset "utf-8"; /*** PC , 모바일 display none, block 구분 ***/ .__pc{display: block !important;} .__mo{display: none !important;} @media screen and (max-width: 640px){.__pc{display: none !important;} .__mo{display: block !important;} } /*** 공통 (common) ***/ /* @font-face{ font-family: Meiryo; src: url(../font/Meiryo.eot); src: local('※'), url(../font/Meiryo.woff) format('woff'); } */ .testWrap{overflow: hidden;padding-bottom: 100px;} .headerTest{width: 1920px;position: relative;left:50%;margin-left: -960px;} #eventDay{overflow: hidden;} #eventDay *{list-style: none;padding: 0;margin: 0;-x-ms-word-break: keep-all;x-word-break: keep-all;x-font-family: meiryo;} #eventDay img{max-width:100%;} #eventDay .inner{width: 1035px;margin: 0 auto;} #eventDay .fullCon{width: 1920px;position: relative;left:50%;margin-left: -960px;} #eventDay .topLNB{padding-top: 30px;background: url(./images/ev-top-lnb-ptrn.gif) repeat-x;font-size: 0;} #eventDay .topLNB li{display: inline-block;vertical-align: top;height: 75px;font-size: 0;text-align: center;width: 20%;} #eventDay .topLNB li:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;} #eventDay .topLNB li a{display: inline-block;vertical-align: middle;font-size: 22px;line-height:normal;font-weight: bold;color: #525252;text-decoration: none;} #eventDay .topLNB li.home a{background: url(./images/lnb-home-ico.gif) no-repeat 0 30%;padding-left: 24px;} #eventDay .topLNB li a:hover, #eventDay .topLNB li.active a{color: #003399;} #eventDay .m0{margin: 0 !important;} #eventDay img.__mo{margin: 0 auto;} /*** 공통 (contents) ***/ #eventDay .sectionWrap{position: relative;overflow: hidden;width: 1035px;margin: 0 auto;} #eventDay .boxType1 .tab{font-size: 0;margin-top: 10px;} #eventDay .boxType1 .tab li{display: inline-block;vertical-align: bottom;width: 50%;box-sizing:border-box;} #eventDay .boxType1 .tab li:last-child{text-align: right;} #eventDay .boxType1 .desc{position: relative;} #eventDay .boxType1 .imgBox{position: relative;} #eventDay .boxType1 .imgBox .text{x-font-family:'Noto Serif JP', serif;position: absolute;top:30px;left:30px;font-size: 40px;color: #000;} #eventDay .boxType1 .imgBox .text.white{color: #fff;} #eventDay .boxType1 .imgBox .text span{font-family: inherit;color: inherit;font-size: 30px;} #eventDay .boxType1 .textBox{position: absolute;top:0;right:35px;height: 100%;font-size: 0;} #eventDay .boxType1 .textBox:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;} #eventDay .boxType1 .textBox .border{display: inline-block;vertical-align: middle;border-radius:15px;background: #fff;padding: 20px 30px;width: 335px;box-shadow: 4px 4px 4px rgba(100,100,100,0.1)} #eventDay .boxType1 .textBox .title{text-align: center;margin-bottom: 20px;} #eventDay .boxType1 .textBox dl{font-size: 0;padding-left: 80px;position: relative;margin-top: 10px;} #eventDay .boxType1 .textBox dl:first-child{margin-top: 0;} #eventDay .boxType1 .textBox dt{position: absolute;top:0;left:0;font-size: 16px;line-height: normal;color: #333;} #eventDay .boxType1 .textBox dd{font-size: 16px;letter-spacing: -0.02em;color: #333;line-height: 24px;} #eventDay .boxType1 .textBox dl.full{padding-left: 0;} #eventDay .boxType1 .textBox .numList{font-size: 0;margin: -4px;} #eventDay .boxType1 .textBox .numList li{display: inline-block;font-size: 0;margin: 4px;} #eventDay .boxType1 .textBox .numList li >*{display: inline-block;vertical-align: middle;} #eventDay .boxType1 .textBox .numList li .num{font-size: 14px;font-weight: 600;color: #fff;width: 30px;height: 20px;line-height: 20px;border-radius:20px;text-align: center;} #eventDay .boxType1 .textBox .numList li .text{font-size: 16px;margin: 0 5px;} #eventDay .titType1{margin-bottom: 20px;} #eventDay .titType1 h4{font-size: 36px;line-height: 40px;color: #333;padding-left: 33px;position: relative;font-weight: 600;} #eventDay .titType1 h4:before{display: block;content: '';width: 13px;height: 13px;border:6px solid #999;position: absolute;top:50%;left:0;margin-top: -12px;} #eventDay .titType2{margin-bottom: 25px;} #eventDay .titType2 h4{font-size: 36px;line-height: 40px;font-weight: 600;} #eventDay .titType2.oran h4{color: #ff9966;} #eventDay .textType1{font-size: 15px;line-height: normal;color: #333;} #eventDay .subwayTime{margin-top: 25px;text-align: center;font-size: 0;} #eventDay .subwayTime .sts{display: inline-block;vertical-align: bottom;font-size: 16px;color: #333;font-weight: bold;} #eventDay .subwayTime .time{display: inline-block;vertical-align: middle;position: relative;padding-bottom: 10px;width: 340px;text-align: center;margin: 0 20px;} #eventDay .subwayTime .time >*{display: inline-block;vertical-align: middle;} #eventDay .subwayTime .time .text{font-size: 15px;color: #333;margin-right: 5px;} #eventDay .subwayTime .time:before{display: block;content: '';width: 100%;height: 1px;background: #009999;position: absolute;right:0;bottom:4px;} #eventDay .subwayTime .time:after{display: block;content: '';width: 10px;height: 9px;background: url(./images/st-arrow.gif) no-repeat 50% 50%;position: absolute;bottom:0;right:0;} #eventDay .carTime{text-align: center;margin-top: 40px;} #eventDay .timeTitle{font-size: 0;display: table;width: 100%;margin: 50px 0 30px;} #eventDay .timeTitle .icon{width: 85px;} #eventDay .timeTitle >*{display: table-cell;vertical-align: middle;} #eventDay .timeTitle dt{font-size: 26px;line-height: 30px;color: #000;margin-bottom: 5px;letter-spacing: -0.04em;font-weight: bold;} #eventDay .timeTitle dd{font-size: 36px;line-height: 40px;font-weight: bold;} #eventDay .timeTitle.blue dd{color: #0083d0;} #eventDay .timeTitle.green dd{color: #00cc99;} #eventDay .timeTitle.oran dd{color: #ff9966;} #eventDay .timeTitle.pink dd{color: #ff92ba;} #eventDay .timeTitle.purple dd{color: #c584ec;} #eventDay .timeTitle.spurple dd{color: #757ddf;} #eventDay .imgList{font-size: 0;margin: -17px;} #eventDay .imgList li{display: inline-block;vertical-align: top;padding: 17px;box-sizing:border-box;} #eventDay .imgList.three li{width: 33.33%;} #eventDay .imgList.four li{width: 25%;} #eventDay .section3 .imgList li.sm{width: 35.6%;} #eventDay .section3 .imgList li.md{width: 64.4%;} #eventDay .section3 .imgList li.lag{width: 100%;} #eventDay .imgText{text-align: center;margin-top: 10px;font-size: 13px;line-height: 20px;color: #555;} #eventDay .section3 .imgList li .textBox{x-text-align: justify;font-size: 15px;line-height: 24px;color: #333;margin-top: 25px;} #eventDay .section3 .textType1{margin-top: 30px;} #eventDay .infoBox1{font-size: 14px;line-height: 23px;color: #555;padding-top: 25px;border-top:1px solid #000;margin-top: 25px;} #eventDay .walkTime{margin-top: 25px;text-align: center;} #eventDay .imgTextType1{display: table;width: 100%;margin-top: 10px;} #eventDay .imgTextType1 .imgText{text-align: center;margin-top: 10px;font-size: 14px;color: #555;} #eventDay .imgTextType1:first-child{margin-top: 0;} #eventDay .imgTextType1 >*{display: table-cell;vertical-align: top;} #eventDay .imgTextType1 .lef{width: 517px;} #eventDay .imgTextType1 .rig{padding-left: 20px;} #eventDay .imgRig{text-align: right;} #eventDay .imgFull{width: 100%;} #eventDay .imgTextFRig{margin-top: 30px;overflow: hidden;} #eventDay .imgCen{text-align: center;} #eventDay .floatBox{overflow: hidden;} #eventDay .floatBox .lef{float: left;} #eventDay .floatBox .rig{float: right;} #eventDay .floatBox .rig.itit .imgText{margin: 10px 0;} #eventDay strong.under{text-decoration: underline;} #eventDay dl.impText dt{font-size: 18px;line-height: normal;font-weight: bold;color: #ff3300;margin-bottom: 15px;} #eventDay dl.impText dd{font-size: 15px;line-height: 24px;color: #333;} #eventDay dl.impText dd + dt{margin-bottom: 0;margin-top: 15px;} #eventDay .btmimg{margin-top: 10px;text-align: center;} #eventDay .btmimg.rig{text-align: right;} #eventDay .btnType1{font-size: 0;padding-top: 100px;margin: -17px;text-align: center;} #eventDay .btnType1 li{display: inline-block;vertical-align: top;padding: 17px;} /*** 페이지 개별 ***/ /* Theme 01 event 1day */ #eventDay.theme1 .boxType1 .textBox dd{line-height: 21px;} #eventDay.theme1 .section2{padding-top: 50px;} #eventDay.theme1 .section4 .imgList{margin-top: 35px;} #eventDay.theme1 .section5 .imgTextFRig .textBox{width: 585px;float: left;} #eventDay.theme1 .section5 .imgTextFRig .imgBox{float: right;} #eventDay.theme1 .section6 .floatBox .lef .textBox{width: 490px;} #eventDay.theme1 .section6 .floatBox .lef .img{margin-top: 55px;} #eventDay.theme1 .section7 .floatBox{margin-bottom: 10px;} #eventDay.theme1 .section7 .floatBox .lef{width: 630px;} #eventDay.theme1 .section8 .imgList.three{margin: 25px -17px 17px;} #eventDay.theme1 .section9 .floatBox .lef{width: 485px;} #eventDay.theme1 .section9 .floatBox .lef .img{text-align: right;margin-top: 50px;} #eventDay.theme1 .section9 .textBox{margin: 35px 0 25px;} #eventDay.theme1 .section10{margin-top: 40px;} #eventDay.theme1 .section10 .timeTitle{margin-top: 0;} #eventDay.theme1 .section10 .floatBox{margin-bottom: 35px;} #eventDay.theme1 .section10 .floatBox .lef{position: relative;width: 525px;} #eventDay.theme1 .section10 .floatBox .lef .tbico{position: absolute;bottom:-70px;right:-10px;} #eventDay.theme1 .section10 .imgList.three{margin-top: 15px;} #eventDay.theme1 .boxType1 .textBox .numList{padding-left: 25px;} #eventDay.theme1 .boxType1 .textBox .numList li .num{background: #58abdb;} #eventDay.theme1 .boxType1 .textBox .numList li .text{color: #1e7cd3;} /* Theme 01 event 2day */ #eventDay.theme1_2 .boxType1 .textBox .numList li .num{background: #44d4a6;} #eventDay.theme1_2 .boxType1 .textBox .numList li .text{color: #009c6a;} #eventDay.theme1_2 .section2 .floatBox .lef{width: 485px;} #eventDay.theme1_2 .section3 .floatBox .lef{position: relative;width: 510px;height: 320px;} #eventDay.theme1_2 .section3 .floatBox .rig{margin-top: 30px;} #eventDay.theme1_2 .section3 .imgRig{position: absolute;bottom:0;right:0;} #eventDay.theme1_2 .section4 .floatBox .lef{width: 500px;} #eventDay.theme1_2 .section4 .imgList{margin-top: 0;} #eventDay.theme1_2 .section5 .floatBox .lef{width: 375px;} #eventDay.theme1_2 .section5 .floatBox .lef .imgBox{margin-bottom: 25px;} #eventDay.theme1_2 .section6 .floatBox .lef{width: 500px;height: 330px;position: relative;} #eventDay.theme1_2 .section6 .floatBox .lef .imgRig{position: absolute;bottom:0;right:0;} #eventDay.theme1_2 .section6 .imgList{padding: 35px 65px 0;} #eventDay.theme1_2 .section7 .floatBox{margin-top: 35px;} #eventDay.theme1_2 .section7 .floatBox .lef{width: 470px;} #eventDay.theme1_2 .section7 .floatBox .lef .imgBox{margin-top: 65px;} #eventDay.theme1_2 .section7 .floatBox .rig{} #eventDay.theme1_2 .section8 .floatBox .lef{width: 470px;} /* Theme 02 event 평창 */ #eventDay.theme2 .section2{padding-top: 50px;} #eventDay.theme2 .section3 .floatBox .lef{width: 460px;} #eventDay.theme2 .section4 .floatBox .lef{width: 595px;} #eventDay.theme2 .section5{margin-top: 50px;} #eventDay.theme2 .section5 .floatBox .lef{width: 465px;} #eventDay.theme2 .section5 .floatBox .rig{width: 560px;} #eventDay.theme2 .section5 .floatBox .ib{margin-top: 100px;} #eventDay.theme2 .section6{margin-top: 90px;} #eventDay.theme2 .section7 .textBox{margin-top: 30px;} #eventDay.theme2 .section8 .floatBox .lef{width: 400px;} #eventDay.theme2 .section8 .imgList{padding-top: 10px;} #eventDay.theme2 .section9 .floatBox .lef{width: 560px;} /* Theme 03 event 속초 */ #eventDay.theme3 .section2{padding-top: 50px;} #eventDay.theme3 .section3 .floatBox .lef{width: 475px;} #eventDay.theme3 .section3 .btmBox{padding-top: 10px;} #eventDay.theme3 .descWrap .desc{margin-top: 45px;} #eventDay.theme3 .desc1 .imgBox{margin-top: 30px;} #eventDay.theme3 .section4 .desc2 .floatBox .lef{width: 670px;} #eventDay.theme3 .section4 .desc3 .imgBox{margin-top: 30px;} #eventDay.theme3 .section5 .desc2 .floatBox .lef{width: 570px;} #eventDay.theme3 .section5 .desc2 .floatBox .lef .imgBox{margin-top: 130px;} #eventDay.theme3 .section6{margin-top: 80px;} #eventDay.theme3 .section7 .textBox{margin-bottom: 30px;} #eventDay.theme3 .section7 .imgBox{text-align: center;} #eventDay.theme3 .section8 .floatBox .lef{width: 455px;} #eventDay.theme3 .section8 .floatBox .lef .infoBox1{margin-bottom: 20px;} #eventDay.theme3 .section9 .floatBox .rig{width: 550px;} #eventDay.theme3 .section8 .imgFull{margin-top: 40px;} /* Theme 01 event 1day */ #eventDay.theme4 .boxType1 .textBox dd{line-height: 21px;} #eventDay.theme4 .section2{padding-top: 50px; padding-bottom:30px; } #eventDay.theme4 .boxType1 .textBox .numList{padding-left: 25px;} #eventDay.theme4 .boxType1 .textBox .numList li .num{background: #58abdb;} #eventDay.theme4 .boxType1 .textBox .numList li .text{color: #1e7cd3;} /* Theme 01 event 2day */ #eventDay.theme4_2 .boxType1 .textBox .numList li .num{background: #44d4a6;} #eventDay.theme4_2 .boxType1 .textBox .numList li .text{color: #009c6a;} #eventDay.theme4_2 .section2 .floatBox .lef{width: 485px;} @media all and (max-width: 640px){ /* 공통 */ body{min-width: 320px;} /* https://www.konest.com/ 사이트 기본설정에 최소 넓이값 1035픽셀 강제 해제 (참고용) */ .headerTest{display: none;} #eventDay .boxType1 + .section{position: relative;background: #fff;z-index:10;} #eventDay *{-x-ms-word-break: break-all;x-word-break: break-all;} #eventDay .topLNB{display: none;} #eventDay .inner{width: 100%;box-sizing:border-box;} #eventDay .fullCon{width: 100%;position: static;margin-left: 0;box-sizing:border-box;} #eventDay .fullCon img{width: 100%;} #eventDay .boxType1 .imgBox .text{font-size: 30px;} #eventDay .boxType1 .imgBox .text span{font-size: 20px;} #eventDay .sectionWrap{width: auto;} #eventDay .boxType1 .top img{width: 100%;} #eventDay .boxType1 .tab li img{width: 100%;} #eventDay .boxType1 .imgBox img{width: 100%;} #eventDay .boxType1 .textBox{position: relative;right:auto;height: auto;margin-top: -200px;padding: 15px;} #eventDay .boxType1 .textBox .border{width: 100%;padding: 20px;box-sizing:border-box;} #eventDay .imgList li{width: 100% !important;text-align: center;} #eventDay .subwayTime .time{display: block;margin: 10px auto;} #eventDay .titType1{margin-bottom: 15px;} #eventDay .titType1 h4{font-size: 26px;line-height: 30px;} #eventDay .titType1 h4:before{width: 10px;height: 10px;border-width:4px;margin-top: -9px;} #eventDay .textType1{font-size: 14px;line-height: normal;padding: 0 15px;} #eventDay .infoBox1{padding: 15px 15px 0;font-size: 13px;line-height: 21px;} #eventDay .boxType1 .textBox dl{padding-left: 75px;} #eventDay .boxType1 .textBox dl.full{padding-left: 75px;} #eventDay .boxType1 .textBox dt{font-size: 15px;line-height: 22px;} #eventDay .boxType1 .textBox dd{font-size: 14px;line-height: 22px;} #eventDay .boxType1 .textBox .numList li{display: block;} #eventDay .imgText{padding: 0 15px;} #eventDay .timeTitle{margin: 40px 0 20px;padding: 0 15px;box-sizing:border-box;} #eventDay .timeTitle .icon{width: 55px;vertical-align: top;} #eventDay .timeTitle dl{padding-left: 15px;} #eventDay .timeTitle dt{font-size: 18px;line-height: 22px;vertical-align: top;} #eventDay .timeTitle dd{font-size: 22px;line-height: 25px;vertical-align: top;} #eventDay .floatBox .lef, #eventDay .floatBox .rig, #eventDay .floatBox .lef .textBox, #eventDay .floatBox .lef .imgBox, #eventDay .floatBox .rig .textBox, #eventDay .floatBox .rig .imgBox{width: auto !important;height: auto !important;float: none !important;} #eventDay .floatBox .lef img, #eventDay .floatBox .rig img, #eventDay .floatBox .lef .textBox img, #eventDay .floatBox .lef .imgBox img, #eventDay .floatBox .rig .textBox img, #eventDay .floatBox .rig .imgBox img{display: block;margin: 0 auto;} #eventDay dl.impText{padding: 0 15px;margin-bottom: 15px;} #eventDay dl.impText dt{font-size: 15px;margin-bottom: 10px;} #eventDay dl.impText dd{font-size: 13px;line-height: 21px;} #eventDay .imgList{margin: -10px;} #eventDay .imgList li{padding: 10px;} #eventDay .btnType1{padding-top: 40px;margin: -10px;} #eventDay .btnType1 li{padding: 10px 20px;box-sizing:border-box;} #eventDay .titType2{margin-bottom: 20px;padding: 0 15px;} #eventDay .titType2 h4{font-size: 20px;line-height: 24px;} /* 개별페이지 */ #eventDay.theme1 .section2{padding: 0 15px;padding-top: 40px;} #eventDay.theme1 .boxType1 .textBox .numList{padding-left: 0;} #eventDay.theme1 .section3 .imgList li .textBox{padding: 0 15px;font-size: 13px;line-height: 21px;margin-top: 20px;} #eventDay .imgTextType1{display: block;} #eventDay .imgTextType1 >*{display: block;width: auto !important;} #eventDay .imgTextType1 .imgBox{text-align: center;} #eventDay .imgTextType1 .rig{padding: 0 15px;margin-top: 30px;} #eventDay.theme1 .section4 .itt1 .textBox{font-size: 0;} #eventDay.theme1 .section4 .itt1 .rig .imgRig{text-align: center;margin-top: 15px;} #eventDay.theme1 .section5 .imgCen.__mo{margin-top: 30px;} #eventDay.theme1 .section5 .imgTextFRig >*{float: none !important;} #eventDay.theme1 .section5 .imgTextFRig .textBox{width: auto;margin-bottom: 20px;} #eventDay.theme1 .section5 .imgTextFRig .imgBox{text-align: center;} #eventDay.theme1 .section9 .floatBox .lef .img{margin: 25px 0;} #eventDay.theme1 .section10 .floatBox .lef .tbico{position: static;text-align: center;margin: 20px 0 10px;} #eventDay.theme1_2 .section2 .floatBox .lef{margin-bottom: 20px;} #eventDay.theme1_2 .section3 .imgRig{} #eventDay.theme1_2 .section3 .textBox.itt1{font-size: 0;} #eventDay.theme1_2 .section3 .itt1 .imgRig{text-align: center;margin-top: 15px;position: static;} #eventDay.theme1_2 .section3 .itt1 .imgRig img{height: 84px;width: auto;} #eventDay.theme1_2 .section4 .floatBox .lef{margin-bottom: 25px;} #eventDay.theme1_2 .section5 .floatBox .lef{margin-bottom: 25px;} #eventDay.theme1_2 .section6 .floatBox .lef .imgRig{position: static;text-align: center;margin: 20px 0 25px;} #eventDay.theme1_2 .section7 .floatBox .lef{margin-bottom: 20px;} #eventDay.theme1_2 .section7 .floatBox .lef .imgBox{margin-top: 40px;} #eventDay.theme2 .section2{padding: 0 15px;padding-top: 40px;} #eventDay.theme2 .section3 .floatBox .lef{margin-bottom: 30px;} #eventDay.theme2 .section3 .imgText{margin: 10px 0;} #eventDay.theme2 .section3 .btmimg{padding: 0 35px;} #eventDay.theme2 .section4 .floatBox .lef{margin-bottom: 30px;} #eventDay.theme2 .section5 .floatBox .ib{margin-top: 50px;} #eventDay.theme2 .section5 .floatBox .rig{margin-top: 20px;} #eventDay.theme2 .section8 .floatBox .lef{margin-bottom: 25px;} #eventDay.theme3 .section2{padding: 0 15px;padding-top: 40px;} #eventDay.theme3 .section3 .floatBox .lef{margin-bottom: 25px;} #eventDay.theme3 .section4 .desc2 .floatBox .rig{text-align: right;margin-bottom: 15px;} #eventDay.theme3 .section4 .desc2 .floatBox .rig img{width: 60%;} #eventDay.theme3 .section5 .desc2 .floatBox .lef .imgBox{margin-top: 60px;} #eventDay.theme3 .section8 .floatBox .lef{margin-bottom: 20px;} #eventDay.theme3 .section8 .floatBox .lef .textType1{margin-bottom: 20px;} #eventDay.theme3 .section8 .floatBox .lef .infoBox1{border-top:0;padding-top: 0;margin: 20px 0;} #eventDay.theme4 .section2{padding: 0 15px;padding-top: 40px;} #eventDay.theme4 .boxType1 .textBox .numList{padding-left: 0;} }