@charset "utf-8";
  @font-face {font-family: 'gmarket';src: url('/images/02_tour/2020/font/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;}
  .gmarket,
  .title small,  
  .title strong{font-family: 'gmarket';}


  /* ir */
  .ir{overflow:hidden;font-size:0;}
  .ir:before{content:"";display:inline-block;vertical-align:top;width:100%;height:100%}
  .ir-main:before{background: url("/images/02_tour/2020/main/ir-main.png") no-repeat;}


  .layout{position:relative;margin:0 auto;width:100%;max-width:1300px;}
  .clear:after,
  .layout:after{display:block;visibility:hidden;clear:both;content:""}

  .grid{position:relative;margin:0 auto;width:100%;}
  

  .section {position:relative;width:100%;}
  .section:after {display:block;visibility:hidden;clear:both;content:"";}
  .section *{box-sizing:border-box;outline: none;border: none;}



/* slick */
.slick-slider{ position: relative; display: block; box-sizing: border-box;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;z-index: 9;}
.slick-list:focus{outline: none; }
.slick-list.dragging{cursor: pointer; cursor: pointer; }
.slick-slider .slick-track,
.slick-slider .slick-list{ transform: translate3d(0, 0, 0); }
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after{display: table; content: ''; }
.slick-track:after{clear: both; }
.slick-loading .slick-track{visibility: hidden; }
.slick-slide{display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide{float: right; }
.slick-slide img{display: block; }
.slick-slide.slick-loading img{display: none; }
.slick-initialized .slick-slide{display: block; }
.slick-loading .slick-slide{visibility: hidden; }
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }
/* -- 슬라이드 (공통) -- */
.tabletshow{display:block}
.mobileshow{display:none}


#mcontainer{overflow:hidden;position:relative;width: 100%;}
#section1{/* height:1103px; *//* background-color:#000; */overflow: hidden;position: relative;/* z-index: 10; */}
#section1 .section1-obj{position: absolute;bottom: 0;left: 0px;/* border: 1px solid; */right: 0px;width: 100%;height: 251px;/* background-size: cover; */background-repeat: no-repeat;background-image: url("/images/02_tour/2020/main/background__obj.png");z-index: 11;background-position: center top;}
#section1 .section1-obj .layout{height:251px;}
#section1 .viewer_text{position:absolute;top:40%;left:50%;transform: translate(-50%, -50%);/* border: 1px solid #fff; */z-index: 12;text-align:center;}
#section1 .viewer_text h2{color:#fff;font-family: 'gmarket';font-size:42px;display:inline-block;position:relative;padding-right: 294px;}
#section1 .viewer_text h2 .ir{display:block;width:261px;height:163px;/* border:1px solid; */position: absolute;top: -86px;right: 10px;}
#section1 .viewer_text h2.new_symbol2022{padding:0;}
#section1 .viewer_text .widget_box{display:block;color:#fff;margin-top: 38px;}
#section1 .viewer_text .widget_box *{vertical-align:middle}
#section1 .viewer_text .widget_box strong{display:inline-block;font-family: 'gmarket';font-size:20px;padding-right:5px;margin-top: -1px;position: relative;top: 1px;}

#section1 .viewer_text .widget_time,
#section1 .viewer_text .widget_weather,
#section1 .viewer_text .widget_link{display:inline-block;margin: 0 16px;/* border: 1px solid; */}
#section1 .viewer_text .widget_time p{display:inline-block;font-family: 'gmarket';font-size:20px;padding-left: 6px;line-height: 18px;position: relative;top: -2px;padding-top: 4px;}
#section1 .viewer_text .widget_time .current_time{
    position: relative;
    top: -3px;
}
#section1 .viewer_text .widget_time p span{display:inline-block;font-family: 'gmarket';font-size:20px;float: left;margin: 0 1px;/* border: 1px solid; */line-height: 18px;padding-top: 2px;}
#section1 .viewer_text .widget_time p *{vertical-align:middle}
#section1 .viewer_text .widget_weather span{display:inline-block;font-family: 'gmarket';font-size:20px;line-height: 20px;padding-top: 3px;}
/* 날씨 아이콘 임시 방편*/
#section1 .viewer_text .widget_weather span.status_image{background: url("/images/02_tour/common/weather01.png") no-repeat;}
#section1 .viewer_text .widget_weather #weather_img{opacity:0} 


#section1 .viewer_text .widget_link a{display:inline-block;padding:7px 10px 5px;font-size: 14px;color:#fff;background:rgba(0,0,0,0.3);border-radius:5px}
#section1 .viewer_text .widget_link a i{display:inline-block;width:25px;height:21px;position: relative;top: -3px;}
#section1 .viewer_text .widget_link a .link_icon1:before{background-position: -261px 0px;}
#section1 .viewer_text .widget_link a .link_icon2:before{background-position: -294px -6px;}
#section1 .ir-obj{position: absolute;width: 483px;height:272px;display:block;background: url("/images/02_tour/2020/main/ir-obj.png") no-repeat;top: -18px;left: 50%;transform: translate(-50%, 0);}
#section1 .main__text{position: absolute;top: 19px;right: -180px;display:block;width:352px;height:171px;padding-top: 88px;text-align:center;text-decoration:none;transform: translate(-50%, 0);}
#section1 .main__text:hover{text-decoration:none}
#section1 .main__text .subtitle{position: absolute;top: -13px;left: 64%;display:block;width:151px;height: 107px;/* border: 1px solid; */transform: translate(-50%, 0);}
#section1 .main__text .subtitle:before{background-position: -340px 0;}
#section1 .main__text strong{display:block;font-size:46px;color:#fff;font-family: 'gmarket';}
#section1 .main__text em{display:inline-block;padding:0 84px;position:relative;color:#fff;font-family: 'gmarket';font-style:normal;font-size: 14px;}
#section1 .main__text em:before,
#section1 .main__text em:after{content:'';position:absolute;top:50%;transform:translate(0,-50%);width:74px;height:1px;background-color:#fff;}
#section1 .main__text em:before{left:0;}
#section1 .main__text em:after{right:0;}

#section1 .slick-dots{position:absolute;bottom: 300px;left:50%;max-width:1240px;width:100%;transform:translate(-50%,0);z-index: 16;}
#section1 .slick-dots *{vertical-align:middle}
#section1 .slick-dots:before{content:'지금여기는,';line-height: 1;padding-top: 5px;min-height: 24px;color:#fff;display:inline-block;padding-left:30px;margin-right:187px;background: url("/images/02_tour/2020/main/icon-location.png") no-repeat;}
#section1 .slick-dots:after{content:'';width: 163px;height:1px;background-color:#fff;position:absolute;top:50%;left: 110px;transform:translate(0,-50%);}
#section1 .slick-dots li{display:inline-block;margin: 0 3px;margin-top:-2px;}
#section1 .slick-dots li button{width:10px;height:10px;display:block;border:1px solid #fff;font-size:0;border-radius:50%;line-height:0;overflow: hidden;max-width: 10px;padding: 0;}
#section1 .slick-dots li.slick-active button{background-color:#fff;}


/* main_visual */
#main_visual{position:relative;width:100%;overflow:hidden;z-index: 10;}
#main_visual .images_fade{position:relative;width:100%;overflow:hidden;height: 900px;}
#main_visual .images_fade > img{position:relative;object-fit: cover;z-index:10;width:100%;/*-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);-webkit-transition:transform 5000ms  ease-in-out;-moz-transition:transform 5000ms ease-in-out;-o-transition:transform 5000ms ease-in-out;-ms-transition:transform 5000ms ease-in-out;transition:transform 5000ms ease-in-out;*/}
#main_visual .images_fade:focus{outline:none;}
#main_visual .cont_box{position:absolute;bottom: 230px;left: 50%;z-index:15;max-width: 1240px;width: 100%;transform: translate(-50%, 0);}
#main_visual .txt_box{/* border-left:1px solid rgba(255,255,255,0.3); */padding-left: 28px;color:#fff;/* padding-bottom:30px; */display: inline-block;/* border: 1px solid; */}
#main_visual .txt_box strong,
#main_visual .txt_box p{display:block;opacity:0;-moz-transform:translateX(10%);-ms-transform:translateX(10%);transform:translateX(10%);-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
#main_visual .txt_box strong{/* padding:40px 0 15px; */font-size: 15px;/* font-weight:300; */transition-delay:0.2s;/* line-height:25px; */margin-bottom: 5px;font-weight:normal;}
#main_visual .txt_box p{padding-top: 0;transition-delay:0.4s;display:inline-block;font-size:25px;font-weight:bold;}
#main_visual .images_fade.active > img{-ms-transform: scale(1,1);-o-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transform: scale(1,1);transform: scale(1,1);}




#main_visual .cont_box a{margin:0 5px;color:#fff;padding:7px 5px 3px 5px;opacity:0;transition:all 0.5s 0.8s;border:1px solid rgba(255,255,255,0.8);display:inline-block;font-size:14px;background-color:rgba(255,255,255,0.2);line-height: 1.2;}

#main_visual .active .txt_box strong,
#main_visual .active .txt_box p,
#main_visual .active .txt_box span,
#main_visual .active .txt_box p{-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
#main_visual .active .txt_box strong,
#main_visual .active .txt_box p,
#main_visual .active .cont_box a{opacity:1;}
#main_visual .active .txt_box  p{opacity:1;}
#main_visual .slick-arrow{position:absolute;top: 40%;width: 88px;height: 88px;background:none;outline: 0;border:0;cursor:pointer;z-index:99;font-size:0;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms;transform: translate(0, -50%);}
#main_visual .slick-arrow:before{content:'';position:absolute;top:0;left:40%;height:50%;width:1px;background:#fff;-webkit-transform:skew(135deg, 0deg);transform:skew(135deg, 0deg);/* border:1px solid */}
#main_visual .slick-arrow:after{content:'';position:absolute;bottom:0;left:40%;height:50%;width:1px;background:#fff;-webkit-transform:skew(-135deg, 0deg);transform:skew(-135deg, 0deg);/* border:1px solid */}
#main_visual .slick-arrow.slick-prev{left:0;}
#main_visual .slick-arrow.slick-next{right:0;transform: rotate(180deg);-webkit-transform:rotate(180deg);top: 37%;}

          

@media screen and (max-width: 1921px) {
#section1 .section1-obj{max-width: 1920px;left: auto;right: auto;bottom: -1px;}
#main_visual .images_fade > img{width:auto;height: 140%;max-width: none;}
}      
@media screen and (max-width: 1800px) {
	
#section1 .section1-obj{bottom: -3px;}
}   
     
          
@media screen and (max-width: 1400px) {

body{overflow-x: hidden;}

}     
@media screen and (max-width: 1220px) {
	#section1 .ir-obj{top: -22px;left: 54%;}
	#section1 .main__text{right: -200px;}
	#section1 .main__text strong{font-size:30px;}
	#section1 .main__text em{padding: 0 35px;}
	#section1 .main__text em:before, #section1 .main__text em:after{width: 20px;}
	#main_visual .images_fade{height: 856px;}
	#section1 .section1-obj{/* bottom: 240px; */}


	
}      

@media screen and (max-width: 1024px) {
	#wrap{overflow:hidden;}
	#main_visual .images_fade{height: 658px;}
	#section1 .viewer_text .widget_box{display:none}
	#section1 .slick-dots{bottom:213px;/* padding-top: 30px; */}
	#main_visual .txt_box strong{display:none;}
	#main_visual .cont_box{bottom: 182px;}
	#main_visual .txt_box p{font-size:18px;padding: 4px 0 0 0;}
} 

@media screen and (max-width: 860px) {
	#section1 .section1-obj{height: 206px;/* background-position: center top; */}
	#section1 .slick-dots:before{display:block;margin-right: 0;position: absolute;top: 0;left: 0;}
	#section1 .slick-dots:after{display:none;}
	#section1 .slick-dots{padding-top: 30px;padding-left: 27px;bottom: 182px;/* left: 10px; */}
	#main_visual .cont_box{display:inline-block;bottom: 204px;/* position: absolute; */transform: translate(-39.8%, 0);}

	#section1 .ir-obj{width:323px;height:157px;top: 51px;background-size: cover;}
	#section1 .ir-obj:before{background-size:cover}
	#section1 .main__text{top: 40px;right: -220px;}
	#section1 .main__text em{font-size:12px;}
	#main_visual .slick-arrow{display: none !important;}

#section1 .viewer_text{top:43%}
	#section1 .slick-dots{bottom: 130px;}
    #main_visual .cont_box{bottom: 156px;}
}     


@media screen and (max-width: 600px) {
	#section1 .viewer_text h2{padding-right: 0;padding-left: 150px;}
	#section1 .viewer_text h2 .ir{width: 145px;height: 96px;right: auto;left: 70px;top: 0;}
	#section1 .viewer_text h2 .ir:before{background-position:-1228px -1px}
	#section1 .main__text strong,
	#section1 .main__text em{font-size:0;display: none;}
	#section1 .main__text{width:113px;height:59px;top: 110px;right: 0;}
	#section1 .main__text .subtitle{width: 115px;height:59px;}
	#section1 .main__text .subtitle:before{background-position:-730px 0}
	#section1 .slick-dots:before{font-size:0;}
	#main_visual .cont_box{transform: translate(-50.8%, 0);}
	
}
         
@media screen and (max-width: 540px) {

	#main_visual .images_fade{height: 443px;}	
	#section1 .slick-dots{bottom: 103px;}
	#main_visual .cont_box{transform:translate(0,0);left: -6px;bottom: 127px;}
	#section1 .main__text{transform: translate(0, 0);right: 20px;}
	#section1 .ir-obj{/* left:auto; *//* transform:translate(0,0); */top: 53px;left: 63%;}
	#main_visual .txt_box p{font-size: 14px;padding-top: 8px;}
	#main_visual .cont_box a{font-size:11px;}
}
@media screen and (max-width: 480px) {
#section1 .viewer_text{width: 268px;top: 43%;}
	#main_visual .cont_box a{display:none}
#section1 .viewer_text h2{font-size: 25px;padding-left: 86px;}
#section1 .viewer_text h2 .ir{left: 9px;top: -26px;}
#section1 .viewer_text h2.new_symbol2022{padding:0;}
#section1 .viewer_text h2.new_symbol2022 img{width:100%;}
	
}
          
#section2{position:relative;z-index: 11;/* margin-top: -128px; */overflow: hidden;}
#section2 .layout{/* height:2005px; */padding:189px 0 225px;}
#section2 .layout:before{content:'';position:absolute;top: 15px;left:-309px;background-size: auto 100%;background-repeat: no-repeat;/* background-color: #fff; */background-image: url(/images/02_tour/2020/main/background_section2.png);background-position:0 0;width: 100%;height: 100%;}

#section2  #youtube{/* height:655px; */}
#section2  #youtube .title{display:block;max-width:329px;margin:0 auto 40px;position: relative;} 
#section2  #youtube .title strong{display:block;width: 329px;height:81px;position:relative;margin: 0 auto;}
#section2  #youtube .title strong:before{background-position: 0 -210px;}
#section2  #youtube .title em{font-size: 16px;font-style:normal;font-family: 'gmarket';margin-bottom: -10px;position: absolute;top: 10px;left: 0;}
#section2  #youtube .youtube-slider-box{margin:0 auto;max-width:712px;}
#section2  #youtube .youtube-slider-box .slider-youtube{overflow:visible}
#section2  #youtube .youtube-slider-box .slider-youtube .item{position:relative;padding:26px;border:3px solid #3375be;border-radius:20px;min-height: 428px;}
#section2  #youtube .youtube-slider-box .slider-youtube .slick-button{display:none !important}
#section2  #youtube .youtube-slider-box .slider-youtube .item .video-background{height:370px;position:relative;margin-bottom:36px;}
#section2  #youtube .youtube-slider-box .slider-youtube .item .video-background .video-foreground{width:100%;height:100%;}
#section2  #youtube .youtube-slider-box .slider-youtube .item .video-background .video-foreground iframe{position:relative;width:100%;height:100%;}
#section2  #youtube .youtube-slider-box .slider-youtube .item strong{display:block;margin-bottom:10px;font-size: 24px;text-align:center;color:#555555;}
#section2  #youtube .youtube-slider-box .slider-youtube .item p{margin-bottom:10px;text-align:center;color:#3375be;font-size:16px;}
#section2  #youtube .slick-custom-arrow{position:absolute;top:144px;max-width: 170px;}
#section2  #youtube .slick-custom-arrow span{display:block;width: 116px;height: 116px;background-color: #fff;border-radius:50%;background-repeat: no-repeat;background-size: 134% 134%;background-position: -10px;margin: 0 auto;}
#section2  #youtube .slick-custom-arrow .ir{width: 143px;height: 47px;display:block;}
#section2  #youtube .slick-custom-arrow em{margin-top:34px;margin-bottom:22px;display:block;font-style:normal;font-size: 17px;}


#section2  #youtube .slick-custom-arrow.slick-custom-arrow-left{left:-199px;}
#section2  #youtube .slick-custom-arrow.slick-custom-arrow-left .ir{margin-left:20px}
#section2  #youtube .slick-custom-arrow.slick-custom-arrow-left .ir:before{background-position:-361px -400px}
#section2  #youtube .slick-custom-arrow.slick-custom-arrow-left em{text-align:right}
#section2  #youtube .slick-custom-arrow.slick-custom-arrow-left span{/* background-image: url("/images/02_tour/2020/main/youtube_03.jpg"); */background-image: url(https://img.youtube.com/vi/08jaorJX8Os/0.jpg);}
#section2  #youtube .slick-custom-arrow.slick-custom-arrow-right{right:-199px;}
#section2  #youtube .slick-custom-arrow.slick-custom-arrow-right .ir{margin-right:20px}
#section2  #youtube .slick-custom-arrow.slick-custom-arrow-right .ir:before{background-position: -541px -400px;}
#section2  #youtube .slick-custom-arrow.slick-custom-arrow-right em{text-align:left}
#section2  #youtube .slick-custom-arrow.slick-custom-arrow-right span{/* background-image: url("/images/02_tour/2020/main/youtube_02.jpg"); */background-image: url(https://img.youtube.com/vi/951I_FXZ2Kk/0.jpg);}



#section2  #travel{position:relative;padding-top:130px;padding-bottom:474px;padding-left: 546px;margin-bottom:262px;}
#section2  #travel .title{display:block;max-width: 325px;/* margin: 0 auto; */position: relative;float: right;} 
#section2  #travel .title strong{display:block;width: 330px;height:83px;position:relative;margin: 0 auto;}
#section2  #travel .title strong:before{background-position: 0 -336px;}
#section2  #travel .title em{font-size: 16px;font-style:normal;font-family: 'gmarket';position: absolute;top: -50px;right: 0;padding-top: 50px;padding-left: 53px;}
#section2  #travel .title em:before{content:'';position: absolute;top: 10px;left: 0;width: 48px;height: 63px;/* background: #000; */background: url("/images/02_tour/2020/main/ir-main.png") no-repeat -330px -125px;/* border: 1px solid; */display: block;}

#section2  #travel .category{clear:both;float:right;margin-top:35px;}
#section2  #travel .category .item{display:inline-block;position:relative;margin: 0 10px;cursor: pointer;}
#section2  #travel .category .item strong{display:block;text-align:center;line-height:1;margin-bottom: 6px;font-size:15px;color:#666;font-weight:normal;}
#section2  #travel .category .item .circle{display:block;position:relative;width:73px;height:73px;border-radius:50%;margin: 0 auto;}
#section2  #travel .category .item .circle .ir,
#section2  #travel .category .item .circle .number{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition: all 0.2s linear;}
#section2  #travel .category .item .circle .ir{top:50%;left:50%;transform:translate(-50%,-50%)}
#section2  #travel .category .item .circle .number{opacity:0;text-align:center;font-family: 'gmarket';font-size: 20px;line-height:78px;color:#fff;}
#section2  #travel .category .item .circle .ir{opacity:1}
#section2  #travel .category .item.on .circle .number {opacity:1;} 
#section2  #travel .category .item.on .circle .ir {opacity:0;} 

#section2  #travel .category .item[data-id="1"] .circle .ir{width:37px;height:28px;}
#section2  #travel .category .item[data-id="1"] .circle .ir:before{background-position:-409px -213px}
#section2  #travel .category .item[data-id="2"] .circle .ir{width:37px;height:28px;}
#section2  #travel .category .item[data-id="2"] .circle .ir:before{background-position:-501px -213px}
#section2  #travel .category .item[data-id="3"] .circle .ir{width:22px;height:23px;}
#section2  #travel .category .item[data-id="3"] .circle .ir:before{background-position:-610px -213px}
#section2  #travel .category .item[data-id="4"] .circle .ir{width:27px;height:23px;}
#section2  #travel .category .item[data-id="4"] .circle .ir:before{background-position: -703px  -214px;}
#section2  #travel .category .item[data-id="5"] .circle .ir{width:30px;height:26px;}
#section2  #travel .category .item[data-id="5"] .circle .ir:before{background-position: -795px  -210px;}
#section2  #travel .category .item[data-id="6"] .circle .ir{width:32px;height:25px;}
#section2  #travel .category .item[data-id="6"] .circle .ir:before{background-position: -893px  -212px;}
#section2  #travel .category .item[data-id="7"] .circle .ir{width:23px;height:31px;}
#section2  #travel .category .item[data-id="7"] .circle .ir:before{background-position: -995px  -210px;}
#section2  #travel .category .item[data-id="1"] .circle,
#section2  #travel .category .item[data-id="3"] .circle,
#section2  #travel .category .item[data-id="5"] .circle,
#section2  #travel .category .item[data-id="7"] .circle{background-color:#3375be}
#section2  #travel .category .item[data-id="2"] .circle,
#section2  #travel .category .item[data-id="4"] .circle,
#section2  #travel .category .item[data-id="6"] .circle{background-color:#2b425b}
#section2  .travel-slider-box{position: absolute;bottom: -185px;right: 0;max-width:754px;width:100%;max-height:400px;padding-top:85px;}
#section2  .travel-slider-box .travel-slider{position:relative;width:100%;border:1px solid #ddd;border-radius: 0 0 0 30px;}
#section2  .travel-slider-box .travel-slider:before{content:'';position:absolute;bottom:0;right:0;width:207px;height:207px;background-color:#fff;}
#section2  .travel-slider-box .travel-slider .slick-list{overflow:visible}
#section2  .travel-slider-box .travel-slider .item{padding: 45px 75px 55px;padding-right: 314px;position:relative;min-height: 349px;/* position: relative; */}
#section2  .travel-slider-box .travel-slider .tb{position:absolute;bottom: -1px;right: -21px;}

#section2  .travel-slider-box .travel-slider .tb .img{width: 297px;height: 297px;overflow: hidden;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size: 100%;transition: background 0.4s linear;/* background-size: cover; */border: 10px solid #fff;border-radius: 100%}

#section2  .travel-slider-box .travel-slider #travel-01 .tb .img{background-image: url("/images/02_tour/2020/main/tb__01.jpg");}
#section2  .travel-slider-box .travel-slider #travel-02 .tb .img{background-image: url("/images/02_tour/2020/main/tb__02.jpg");}
#section2  .travel-slider-box .travel-slider #travel-03 .tb .img{background-image: url("/images/02_tour/2020/main/tb__03.jpg");}
#section2  .travel-slider-box .travel-slider #travel-04 .tb .img{background-image: url("/images/02_tour/2020/main/tb__04.jpg");}



#section2  .travel-slider-box .travel-slider .tb .img img{opacity:0}
#section2  .travel-slider-box .travel-slider .travel-title{display:inline-block;margin-bottom:20px;padding-top:56px;position:relative;font-size:24px;color:#3d7199;font-family: 'gmarket';}
#section2  .travel-slider-box .travel-slider .travel-title:before{content:'';position:absolute;top:0;left:0;width: 92px;height: 49px;background: url("/images/02_tour/2020/main/ir-main.png") no-repeat -495px -291px;}
#section2  .travel-slider-box .travel-slider .travel-title em{display:inline-block;font-size:15px;color:#3d7199;font-style: normal;vertical-align: bottom;padding: 0 10px 2px 10px;font-weight:normal;}
#section2  .travel-slider-box .travel-slider .item .more{display:inline-block;margin-top:18px;padding:12px 53px;background-color:#3375be;border-radius:30px;color:#fff;}

#section2  .travel-slider-box .travel-slider ul{}
#section2  .travel-slider-box .travel-slider ul li{font-size:15px;line-height:1.6}
#section2  .travel-slider-box .travel-slider ul li a,
#section2  .travel-slider-box .travel-slider ul li a:hover{display:inline-block;font-style:normal;color: #666;font-size:15px;}

#section2  .travel-slider-box .travel-slider ul li a:hover{color:#000;text-decoration:underline}

#section2  .travel-slider-box .travel-slider .item[data-id="4"] .travel-title{color:#554c4c}
#section2  .travel-slider-box .travel-slider .item[data-id="4"] .travel-title:before{background-position:-384px -291px;}
#section2  .travel-slider-box .travel-slider .item[data-id="4"] li{display:block;padding-left: 16px;font-size:15px;color:#666;margin-bottom: 7px;background: url("/images/02_tour/2020/main/location_icon.png") no-repeat left 3px;}
#section2  .travel-slider-box .travel-slider .item[data-id="4"] li *{vertical-align:middle}
#section2  .travel-slider-box .travel-slider .item[data-id="4"] li em{display:inline-block;font-style:normal;font-family: 'gmarket';font-size:15px;color:#000;}
#section2  .travel-slider-box .travel-slider .item[data-id="4"] li em i{display:inline-block;width: 25px;height: 25px;border-radius:50%;background-color:#000;color:#fff;font-size: 11px;font-family: 'gmarket';text-align: center;line-height: 29px;margin: 0 4px;margin-top: -5px;}
#section2  .travel-slider-box .slick-dots{position:absolute;top: -85px;right:0;padding-left:149px;}
#section2  .travel-slider-box .slick-dots:before{content:'';position:absolute;top:0;left:0;width:90px;height:48px;background: url("/images/02_tour/2020/main/dot__title.png") no-repeat}
#section2  .travel-slider-box .slick-dots li{display:inline-block;}
#section2  .travel-slider-box .slick-dots li button{display:block;outline:none;padding:0 25px;position:relative;font-family: 'gmarket';font-size:16px;color:#554c4c;text-align:center;font-weight:bold}
#section2  .travel-slider-box .slick-dots li button span{display:block;font-size:15px;color:#666;margin-top:5px;font-weight:normal;}
#section2  .travel-slider-box .slick-dots li.slick-active button{color:#3375be}
#section2  .travel-slider-box .slick-dots li.slick-active button span{display:block;margin:0 auto;margin-top:5px;width:24px;height:24px;background: url("/images/02_tour/2020/main/check.png") no-repeat;font-size:0;}
#section2 .map__action{position: absolute;top: 0;left:-191px;width:598px;height:917px;background: url("/images/02_tour/2020/main/map.png") no-repeat}
#section2 .map__action>div{display:none;opacity:0;font-size:0;}
#section2 .map__action>div.slick-active{display:block;opacity:1}
#section2 .map__action>div[data-slide="1"]{position:absolute;top: 115px;right: -9px;width:360px;height:758px;background: url("/images/02_tour/2020/main/map1.png") no-repeat;}
#section2 .map__action>div[data-slide="2"]{position:absolute;top: 110px;right: 8px;width:480px;height:467px;background: url("/images/02_tour/2020/main/map2.png") no-repeat;}
#section2 .map__action>div[data-slide="3"]{position:absolute;top: 270px;right: -9px;width:498px;height:607px;background: url("/images/02_tour/2020/main/map3.png") no-repeat;}
#section2 .map__action>div[data-slide="4"]{position:absolute;top: 327px;right: 16px;width:105px;height:497px;background: url("/images/02_tour/2020/main/map4.png") no-repeat;}



@media screen and (max-width: 1921px) {
#section2 {margin-top: -128px;}
}    


@media screen and (max-width: 1300px) {
	#section2 .layout{padding-bottom: 100px;}
	#section2 .map__action{left:-120px;top:50px;transform: scale(0.9);}
	#section2 #travel .title,
	#section2 #travel .category{margin-right: 30px;}
	#section2 .travel-slider-box{right:30px;}
	#section2 #travel .category .item{margin:0 7px;}
	#section2 .travel-slider-box .travel-slider .item{padding: 35px 55px;padding-right: 234px;min-height: 300px;}
	#section2 .travel-slider-box .travel-slider .tb .img{width:230px;height:230px;}
	#section2 .travel-slider-box .travel-slider .tb .img img{width:100%;}

}  



@media screen and (max-width: 1220px) {
	#section2 #travel .category .item .circle .number{line-height:63px;}
	#section2 #travel .category .item .circle{width: 60px;height: 60px;}
	#section2 #travel .category .item strong{font-size:14px;}
	#section2 .map__action{transform: scale(0.7);}
	#section2 .travel-slider-box .slick-dots li button{padding:0 15px;}
	#section2 .travel-slider-box{max-width: 630px;}
	#section2 #youtube .title{margin-bottom:40px;}
	#section2 #travel .category .item{margin:0 3px;}
	#section2 #travel .category .item strong{font-size:12px;}

}
@media screen and (max-width: 1100px) {
#section2 .map__action{transform:scale(0.65);left: -160px;top: 0;}
#section2 #travel .title, #section2 #travel .category{min-width:400px;}
#section2 #travel .category .item{margin:0 -1px;}
#section2 #youtube .slick-custom-arrow em{display:none;}
#section2 #youtube .youtube-slider-box{max-width:612px;}
#section2 .layout{padding-bottom: 0;}

}

@media screen and (max-width: 1024px) {
	#section2 .map__action{display:none;}
	#section2 .layout:before{display:none;padding-bottom:0;}
	#section2 #travel .title, #section2 #travel .category{margin:0 auto;float:none;}
	#section2 #travel{padding-top: 130px;padding-bottom: 0;padding-left: 0;margin-bottom: 0;}
	#section2 #travel .category{text-align:center;margin-top:34px;}
	#section2 #travel .category .item{padding:0 7px;min-width: 92px;}
	#section2 #travel .category .item strong{font-size:15px;}
	#section2 .travel-slider-box{position:relative;bottom:auto;right:auto;margin: 40px auto;max-width: none;width: 90%;}
	#section3 .layout .col .inner .info .title{margin-top:10px;text-align:left;}
	#section2 .travel-slider-box .travel-slider .item{padding-right:280px}
	#section2 .travel-slider-box .travel-slider .tb{bottom:auto;top:50%;right:10px;transform:translate(0,-50%)}
	#section2 #youtube .slick-custom-arrow span{display:none;}

}
@media screen and (max-width: 860px) {
	#section2 #youtube .youtube-slider-box .slider-youtube{padding-bottom: 100px;}
	#section2 #youtube .slick-custom-arrow{top:auto;bottom: 30px;}	
	#section2 #youtube .slick-custom-arrow.slick-custom-arrow-left{left:0;}
	#section2 #youtube .slick-custom-arrow.slick-custom-arrow-right{right:0;}
}
@media screen and (max-width: 768px) {
	#section2 #travel .category .item{min-width:auto;}
	#section2 #travel .category .item strong{font-size:13px;}
	#section2 .travel-slider-box .slick-dots li button {padding: 0 10px;}
	#section2 .travel-slider-box .travel-slider:before{display:none;}
	#section2 #travel{padding-top: 40px;}
	#section2 #youtube .youtube-slider-box .slider-youtube .item .video-background{height: 260px;}
	#section2 #youtube .youtube-slider-box .slider-youtube .item strong{font-size: 21px;line-height: 1;}
	#section2 #youtube .youtube-slider-box .slider-youtube .item p{font-size:14px;}
}
@media screen and (max-width: 720px) {
	#section2 .travel-slider-box .travel-slider .item{padding: 25px;padding-right:250px;}
	#section2 .travel-slider-box .travel-slider .tb .img{width:200px;height:200px;}
	#section2 #youtube .youtube-slider-box{width:90%;max-width:none;}
	#main_visual .txt_box p{opacity:1}	
}
@media screen and (max-width: 640px) {
	#section2 .travel-slider-box .slick-dots{padding-left:120px;width: 100%;}
	#section2 .travel-slider-box .slick-dots li button span,
	#section2 .travel-slider-box .slick-dots li.slick-active button span{font-size: 0;display: inline-block;margin:0;margin-left: 8px;}
	#section2 .travel-slider-box .travel-slider .item{padding: 30px;padding-right: 30px;}
	#section2 .travel-slider-box .travel-slider .tb{display:none;}
	#section2 .travel-slider-box .travel-slider .travel-title{padding-left: 97px;padding-top: 7px;line-height: 1;}
	#section2 .travel-slider-box .travel-slider .travel-title em{display:block;padding-left: 0;}
}
@media screen and (max-width: 600px) {
	#section2 #travel .category .item{margin: 0 5px 15px 5px;}	
}

@media screen and (max-width: 480px) {
	
	#section2 .travel-slider-box .slick-dots li button {padding: 0 5px;font-size: 13px;}
#section2 #youtube .title{margin-bottom:20px;max-width: 146px;}	
#section2 #youtube .title em{font-size:0;}
#section2 #youtube .title strong{width: 146px;height:37px;}
#section2 #youtube .title strong:before{background-position:-330px -625px}
#section2 #youtube .slick-custom-arrow.slick-custom-arrow-left{width:75px;height:19px}
#section2 #youtube .slick-custom-arrow.slick-custom-arrow-left .ir{width:75px;height:19px}
#section2 #youtube .slick-custom-arrow.slick-custom-arrow-left .ir:before{background-position:-779px -429px;}
#section2 #youtube .slick-custom-arrow.slick-custom-arrow-right .ir{width: 80px;height:19px;}
#section2 #youtube .slick-custom-arrow.slick-custom-arrow-right .ir:before{background-position: -929px -429px;}
#section2 #travel .title{margin-bottom: 16px;/* margin: 0 auto; */max-width: 168px;min-width: auto;}
#section2 #travel .title em{font-size:0;}
#section2 #travel .title strong{width: 168px;height:63px;}
#section2 #travel .title strong:before{background-position:-330px -547px}
#section2 #travel .title em:before{display:none;}
#section2 #travel .category{width:90%;margin:0 auto;min-width: 278px;/* border: 1px solid; */}
#section2 #travel .category:after{display:block;visibility:hidden;clear:both;content:""}
#section2 #travel .category .item{display:inline-block;width: 50%;margin: 0 0 7px 0;padding: 10px 0;padding-left: 47px;float: left;text-align: left;}
#section2 #travel .category .item .circle{width:35px;height:35px;position:absolute;top:0;left:0;}
#section2 #travel .category .item strong{text-align:left;font-size: 14px;color: #666;}
#section2 #travel .category .item[data-id="1"] .circle .ir:before{background-position: -1090px -206px;}
#section2 #travel .category .item[data-id="2"] .circle .ir:before{background-position: -1226px -206px;}
#section2 #travel .category .item[data-id="3"] .circle .ir:before{background-position: -1098px -250px;}
#section2 #travel .category .item[data-id="4"] .circle .ir:before{background-position: -1232px -251px;}
#section2 #travel .category .item[data-id="5"] .circle .ir:before{background-position: -1093px -291px;}
#section2 #travel .category .item[data-id="6"] .circle .ir:before{background-position: -1228px -293px;}
#section2 #travel .category .item[data-id="7"] .circle .ir:before{background-position: -1096px -330px;}
#section2  #travel .category .item[data-id="2"] .circle,
#section2  #travel .category .item[data-id="4"] .circle,
#section2  #travel .category .item[data-id="6"] .circle{background-color:#3375be}
#section2 .travel-slider-box .slick-dots{padding:0;text-align:center}
#section2 .travel-slider-box .slick-dots:before{display:block;margin:0 auto;position:relative;top:auto;left:auto;width:108px;height:37px;margin-bottom:10px;background: url(/images/02_tour/2020/main/ir-main.png) no-repeat;background-position:-533px -501px;}
}

#section3{position:relative;max-height:706px;/*background-image: url("/images/02_tour/2020/main/section3__col.jpg");*/background-image: url("/upload_data/board_data/BBS_0000130/171687506339658.gif");background-size:100% auto;transition: background 0.4s linear;background-repeat: no-repeat;}
#section3:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:90px;background-color:#fff;}
#section3 .layout{padding:153px 0 0;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;position:relative;z-index:10}
#section3 .layout .col{border:15px solid transparent;flex: 0 1 33.333%;}
#section3 .layout .col .inner{padding:28px;max-height:574px;height:574px;background-size:cover;background-repeat:no-repeat}
#section3 .layout .col .inner .info{padding: 59px 39px;transition: background 0.4s linear;height:100%;}
#section3 .layout .col .inner .info .category{display:block;text-align:center;transition: all 0.4s linear;}
#section3 .layout .col .inner .info .category .label{display:inline-block;padding:5px;padding-top:10px;border:1px solid #333;min-width:153px;font-family: 'gmarket';font-size:18px;}
#section3 .layout .col .inner .info .title{display:block;font-family: 'gmarket';font-size:30px;text-align:center;margin:50px 0 27px;color:#494949;transition: all 0.4s linear;}
#section3 .layout .col .inner .info .text{display:block;font-family: 'gmarket';font-size:14px;text-align:center;font-style:normal;color:#494949}
#section3 .layout .col .inner .info .button{display:none;text-align:center;opacity:0;transition: all 0.4s linear;position:relative}
#section3 .layout .col .inner .info .button:before{content:'';position:absolute;top:15px;left:50%;transform:translate(-50%,0);width:1px;height:70px;background:rgba(255,255,255,0.5);opacity:0;transition: opacity 0.4s linear;}
#section3 .layout .col .inner .info .button a{display:block;width:168px;text-align:center;color:#fff;border:1px solid #fff;border-radius:30px;padding:12px;margin:5px auto 10px;text-decoration:none;font-family: 'gmarket';font-size:18px;}
#section3 .layout .col1 .inner{background-image: url("/images/02_tour/2020/main/background__col1.jpg");}
#section3 .layout .col1 .inner .info .title{color:#fff;}
#section3 .layout .col1 .inner .info .text{color:#fff;}
#section3 .layout .col2 .inner{background-image: url("/images/02_tour/2020/main/background__col2.jpg");}
#section3 .layout .col3 .inner{background-image: url("/images/02_tour/2020/main/background__col3.jpg");}
#section3 .layout .col3 .inner .info .category .label{border:1px solid #fff;color:#fff;}
#section3 .layout .col3 .inner .info .title{color:#fff;}
#section3 .layout .col3 .inner .info .text{color:#fff;}
#section3 .layout .col.on .inner .info{background-color:rgba(51,117,190,0.7);}
#section3 .layout .col.on .inner .info .category{opacity:0;visibility:hidden;display:none;}
#section3 .layout .col.on .inner .info .title{margin-top:0;}
#section3 .layout .col.on .inner .info .title,
#section3 .layout .col.on .inner .info .text{color:#fff;}
#section3 .layout .col.on .inner .info .button{display:block;opacity:1;padding-top:100px;}
#section3 .layout .col.on .inner .info .button:before{opacity:1}


@media screen and (max-width: 1024px) {
	#section3{background:none !important;max-height: none;}
	#section3 .layout{flex-wrap: wrap;padding-top:60px;}
	#section3 .layout .col{flex: 0 1 100%;/* border: 0; */}
	#section3 .layout .col .inner{height:auto;background: none !important;padding:28px ;}
	#section3 .layout .col .inner .info .category{text-align:left;}
	#section3 .layout .col .inner .info .category .label{text-align:center;font-size: 16px;min-width: 114px;color:#333;}
	#section3 .layout .col .inner{background-image: url("/images/02_tour/2020/main/background__col1.jpg");}
	#section3 .layout .col .inner .info .text{color:#666;text-align:left;}
	#section3 .layout .col .inner .info .title{color:#333;text-align:left;margin: 10px 0 0 0;font-size: 25px;}
	#section3 .layout .col .inner .info{padding:0;padding-bottom: 287px;text-align:left;position: relative;}
	#section3 .layout .col .inner .info:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:280px;background-position:center center;display: block;border-radius: 0 0 30px 0;background-repeat:no-repeat;background-size: cover;}
	#section3 .layout .col .inner .info .button{display:block;opacity:1;visibility:visible;position: absolute;top: 0;right: 0;}
	#section3 .layout .col .inner .info .button a{background-color:rgba(51,117,190,1);margin-bottom:2px;margin-top:0;padding: 7px;padding-top: 9px;font-size: 15px;}
	#section3 .layout .col .inner .info .button:before{opacity:1;display: none;}
	#section3 .layout .col1 .inner .info .title{color:#fff;}
	#section3 .layout .col1 .inner .info .text{color:#fff;}
	#section3 .layout .col2 .inner{background-image: url("/images/02_tour/2020/main/background__col2.jpg");}
	#section3 .layout .col3 .inner{background-image: url("/images/02_tour/2020/main/background__col3.jpg");}
	#section3 .layout .col3 .inner .info .category .label{border:1px solid #333;color:#333;}
	#section3 .layout .col1 .inner .info .title{color: #333;}
	#section3 .layout .col1 .inner .info .text{color:#666;text-align:left;}
	#section3 .layout .col1 .inner .info:after{background-image: url("/images/02_tour/2020/main/background__col1.jpg");}
	#section3 .layout .col2 .inner .info:after{background-image: url("/images/02_tour/2020/main/background__col2.jpg");}
	#section3 .layout .col3 .inner .info:after{background-image: url("/images/02_tour/2020/main/background__col3.jpg");}
	#section3 .layout .col.on .inner .info{background-color:transparent;}
	#section3 .layout .col.on .inner .info .category{opacity:1;visibility:visible;display:inline-block;}
	#section3 .layout .col.on .inner .info .title{margin-top:10px;}
	#section3 .layout .col.on .inner .info .title{color:#333}
	#section3 .layout .col.on .inner .info .text{color:#666;}
	#section3 .layout .col.on .inner .info .button{display:block;opacity:1;padding-top:0;}
	#section3 .layout .col.on .inner .info .button:before{opacity:1;display: none;}


}


@media screen and (max-width: 768px) {
#section3 .layout .col .inner{padding:0;}
#section3 .layout .col .inner .info .title{font-size:20px;}
}

@media screen and (max-width: 560px) {
#section3 .layout .col .inner .info{padding-bottom:180px;}
#section3 .layout .col .inner .info:after{height:180px}
}

#section4{padding-bottom: 400px;/* overflow: hidden; */}
#section4 .layout{padding: 170px 0 204px;max-width: 1920px;/* background-size: auto 100%; */background-attachment: fixed;background-repeat: no-repeat;background-color: #fff;background-image: url(/images/02_tour/2020/main/background_section4.jpg);}
#section4  .story__title{display:block;max-width: 257px;margin:0 auto 93px;} 
#section4  .story__title strong{display:block;margin-bottom: 10px;width: 227px;height:114px;position:relative;margin: 0 auto 10px;}
#section4  .story__title strong:before{background-position: 0 -553px;}
#section4  .story__title em{font-size: 16px;font-style:normal;font-family: 'gmarket';}
#section4 .magazine {display: flex}
#section4 .big-posts {margin-right: 88px;width: 35.4vw;max-width: 912px;position: relative;}
#section4 .big-posts .post {width: 35.4vw;max-width: 762px;display: block;}
#section4 .big-posts .post *,
#section4 .big-posts:hover *{text-decoration:none}
#section4 .big-posts .tb {overflow: hidden;/* margin-bottom: 20px */}
#section4 .big-posts .tb .img {overflow: hidden;background: #000}
#section4 .big-posts .tb .img img {display: block;width: 100%;transform: scale(1.01);transition: opacity .6s ease,transform .6s ease;will-change: opacity,transform}
#section4 .big-posts:hover .tb .img img {transform: scale(1.15);opacity: .65}
#section4 .big-posts .info{position:relative;padding: 45px 46px 45px;padding-left: 175px;background-color:#2b425b;border-radius: 0 0 50px 0;min-height: 150px;}
#section4 .big-posts .info .category{position:absolute;top: 41px;left: 36px;width: 93px;padding:14px;border:3px solid #fff;}
#section4 .big-posts .info .category:before{content:'story';display:block;font-family: 'gmarket';color:#fff;font-size: 11px;letter-spacing: 3px;text-transform: uppercase;margin-bottom: 5px;}
#section4 .big-posts .info .category:after{content:'';position:absolute;bottom: 0px;right: -10px;background-color:#2b425b;width: 15px;height: 31px;/* border:1px solid; */}
#section4 .big-posts .info .category .label{font-family: 'gmarket';color:#fff;font-size: 15px;}
#section4 .big-posts .info .title{display:block;color:#fff;ont-size: 20px;line-height:1.2;}
#section4 .big-posts .info .title em{display:block;font-style:normal;font-size: 30px;margin-top: 4px;text-overflow: ellipsis;width:100%;white-space: nowrap;overflow: hidden;}
#section4 .big-posts .info .btn-more{display:inline-block;margin-top:20px;}
#section4 .big-posts .info .btn-more .label{padding:12px 33px;display:block;border:1px solid #fff;border-radius:30px;font-family: 'gmarket';color:#fff;font-size:16px;}
#section4 .small-posts {flex: 1;position: relative;/* overflow: hidden; */}
#section4 .small-posts .list {display: flex;flex-wrap: wrap;margin-right: -48px;margin-bottom: -100px}
#section4 .small-posts .list .col {padding-right: 82px;padding-bottom: 68px;flex: 0 1 33.333%;max-width: 318px;box-sizing: border-box;position:relative;max-height: 402px;}
#section4 .small-posts .list .col.n1{margin-top: -33px;}
#section4 .small-posts .list .col.n2{margin-top: 60px;}
#section4 .small-posts .list .col.n3{margin-top: -150px}
#section4 .small-posts .list .col .post{position:relative;width:100%;height:100%;display:block;padding-top: 30px;}
#section4 .small-posts .list .col .post .tb {overflow: hidden;margin-bottom: 20px;}
#section4 .small-posts .list .col .post .tb .img {overflow: hidden;background: #fff;max-height: 197px;overflow: hidden;min-height: 197px;position: relative;}
#section4 .small-posts .list .col .post .tb .img img {display: block;height: 100%;transform: scale(1.01);transition: opacity .6s ease,transform .6s ease;will-change: opacity,transform;position: absolute;top: 0;left: 0;/* margin-top: -25%; */max-width: none;}
#section4 .small-posts .list .col .post:hover .tb .img img {transform: scale(1.15);opacity: .65}
#section4 .small-posts .list .col .post:before{content:'';position:absolute;bottom: -52px;right: -20px;border:1px solid #ddd;display:block;width: 100%;height: 100%;border-radius: 0 0 30px 0;z-index: -1;}
#section4 .small-posts .list .col .post:after{content:'';position:absolute;bottom: 0;left:0;width: 30px;height: 92px;background-color:#fff;/* border:1px solid; */}
/* #section4 .small-posts .list .col.n3 .post:after{bottom: -12px;}  */
#section4 .small-posts .list .col .post .info{position:relative;z-index:10}
#section4 .small-posts .list .col .info .category{position:relative;display:inline-block;padding:0 10px;/* border: 1px solid; */margin-bottom: 10px;}
#section4 .small-posts .list .col .info .category:before,
#section4 .small-posts .list .col .info .category:after{content:'';position:absolute;top: 1px;display:block;width: 2px;height:13px;background-color:#1a1a1a;}
#section4 .small-posts .list .col .info .category:before{left:0;}
#section4 .small-posts .list .col .info .category:after{right:0;}
#section4 .small-posts .list .col .info .category .label{color: #1a1a1a;font-size: 15px;letter-spacing:-1px;}
#section4 .small-posts .list .col .info .title{display:block;color: #1a1a1a;font-size: 18px;line-height:1.3;letter-spacing: -1px;}
#section4 .small-posts .list .col .info .title em{display:block;font-style:normal;font-weight:normal;font-size: 15px;margin-top: 4px;color: #3375be;text-overflow: ellipsis;width:100%;white-space: nowrap;overflow: hidden;}
#section4 .small-posts .list .col .info .btn-more{display:none;}

@media screen and (max-width: 1400px) {


#section4 .small-posts .list .col {flex: 0 1 32.333%;max-width: 288px;}	
}

@media screen and (max-width: 1366px) {
	#section4 .big-posts {margin-right:66px;width: 33vw;max-width: 440px}
	#section4 .big-posts .post {/* width: 33vw; */max-width: 440px;}
	#section4 .small-posts .list {margin-right: -42px;margin-bottom: -90px}
	#section4 .small-posts .list .col {padding-right: 42px;padding-bottom: 90px}
	#section4 .big-posts .info .title{font-size:16px;}
	#section4 .big-posts .info .title em{font-size:30px;}
	#section4 .small-posts .list .col .post:after{height: 73px;}
	#section4 .small-posts .list .col .info .title{font-size: 18px;letter-spacing: -1px;}
	#section4 .small-posts .list .col .info .title em{font-size:16px;}
}
@media screen and (max-width: 1220px) {
	
	#section4 .layout{background:none;}
	#section4 .big-posts {margin-right:52px;width: 33vw;max-width: 440px}
	#section4 .big-posts .post {/* width: 33vw; */max-width: 440px;}
	#section4 .small-posts .list {margin-right: -36px;margin-bottom: -80px}
	#section4 .small-posts .list .col {padding-right: 36px;padding-bottom: 80px;max-width: 258px;}
	#section4 .big-posts .info .btn-more .label{padding:12px 25px;font-size:14px;}
}
@media screen and (max-width: 1190px) {
	#section4 .big-posts .info .category{width:85px;left:10px;padding: 5px;padding-top: 8px;position: relative;top: auto;left: auto;height: auto;max-height: 29px;text-align: center;margin-bottom: 10px;border: 1px solid #fff;}
	#section4 .big-posts .info .category:after{display:none;}
	#section4 .big-posts .info .category .label{font-size:0;line-height: 0;}
	#section4 .big-posts .info{padding: 34px 19px 30px;padding-left: 19px;/* padding: 45px 46px 30px; */}
	#section4 .big-posts .info .title{font-size:15px;}
  #section4 .big-posts .info .title em{font-size:25px;}
	#section4 .small-posts .list .col {max-width: 238px;}
}
@media screen and (max-width: 1040px) {

	
	#section4 .small-posts .list .col {max-width: 223px;}
}
@media screen and (max-width: 1023px) {
    #section4 .big-posts {margin-right: 56px;/* max-width: 262px; */}
   #section4 .big-posts .post {max-width: 352px;/* max-width: none; *//* width: 100%; */width: 41vw;}
   #section4 .small-posts .list {margin-right: -20px;margin-bottom: -56px;margin-left: 40px;}
   #section4 .small-posts .list .col {padding-right: 50px;padding-bottom: 96px;width: 40%;flex: 0 1 50%;margin-top: 0 !important;max-width: none;}
}

@media screen and (max-width: 860px) {
	#section4 .small-posts .list .col{padding-right:50px;padding-bottom: 50px;max-height: none;}
	#section4 .big-posts .info .title{font-size:15px;}
	#section4 .big-posts .info .title em{font-size:20px;}
    #section4 .big-posts .info .btn-more .label{padding: 9px 28px;padding-top: 12px;/* display:block; *//* border:1px solid #fff; *//* border-radius:30px; *//* font-family: 'gmarket'; *//* color:#fff; */font-size: 14px;}
    #section4 .small-posts .list .col .info .category,
    #section4 .small-posts .list .col .info .title em{display:none;}
    #section4 .small-posts .list .col .post:after{height: 41px;}
    #section4 .big-posts{width: 42vw;margin-right: 0;}
    #section4 .layout{padding-top:0;}
}
@media screen and (max-width: 640px) {
	#section4 .layout{padding-bottom:100px}
	#section4 .magazine {display:block}
	
	#section4 .big-posts{margin-right: 0;width: 90%;max-width: 100%;margin-bottom: 70px;margin-left:auto;margin-right:auto;}
	#section4 .big-posts .post {width: 100%;max-width: 100%;position: static!important;top: 0!important}
	#section4 .magazine-featured-post {}
	#section4 .small-posts{width:90%;margin:0 auto}
	#section4 .small-posts .list .col {flex: 0 1 50%;}
	#section4 .small-posts .list{margin:0;margin-right: -30px;}
	#section4 .small-posts .list .col .post:after{height: 65px;}
   
}
@media screen and (max-width: 480px) {
	#section4 {paddibng-bottom:0;}
	#section4 .story__title{max-width:117px;margin-bottom: 0;margin-top: 12px;}
	#section4 .story__title strong{width:117px;height: 43px;}
	#section4 .story__title strong:before{background-position: -327px -496px;}
	#section4 .story__title em{font-size:0;}
	
}

	
  
  #section5{background-color:#3375be;margin-top: -84px;}
  #section5:before,
  #section5:after{content:'';position:absolute;z-index: 9;}

  #section5:before{top: -300px;left: -10px;width:211px;height:147px;background: url("/images/02_tour/2020/main/section5_before.png") no-repeat;}
  #section5:after{right:0;top: -505px;width: 718px;height:529px;background: url("/images/02_tour/2020/main/section5_after.png") no-repeat right top;visibility: visible;z-index: 8;}

  #section5 .wave{position:absolute;top: -259px;padding-top: 140px;left:0;width:100%;background: url("/images/02_tour/2020/main/background__wave.png") no-repeat left top;background-size:100% auto;z-index: 10;min-height: 295px;}
  #section5 .wave .editorial{/* position: absolute; *//* top: 10px; */z-index:11;/* transform: scale(2); *//* left: 0; */max-height: 175px;position:relative;z-index:9;margin-top: -30px;}
  #section5 .layout{z-index: 10;padding: 130px 0 104px;}
  #section5 .parallax1 > use {animation: move-forever1 10s linear infinite;animation-delay: -2s;}
  #section5 .parallax2 > use {animation: move-forever2 8s linear infinite;animation-delay: -2s;}
  #section5 .parallax3 > use {animation: move-forever3 6s linear infinite;animation-delay: -2s;}
  #section5 .parallax4 > use {transform: translate(142px, -9px);/* position: relative; *//* z-index: 11; */}

  #section5 .seagulls__obj{position:absolute;top: -464px;right: -7%;min-width: 728px;z-index:9;}
  #section5 .seagulls__obj svg{width:100%;}
  #section5 .layout .inner{position:relative;z-index:10;width: 100%;}   
  #section5 .layout .title strong,
  #section5 .layout .title small{color:#fff;display:block;text-transform: uppercase;}  
  #section5 .row{margin:0 -50px;}
  #mcon5-1{width:100%;margin-bottom:101px;}
  #mcon5-1 .title{margin-bottom:35px;}
  #mcon5-1 .title strong{font-size:42px;}
  #mcon5-1 .title small{font-size:16px;}
  
  #mcon5-1 .icon-value-wrapper {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack: center;justify-content: center;text-align: center;-ms-flex-wrap: wrap;flex-wrap: wrap;position:relative;margin: 0 -39px;}
  #mcon5-1 .icon-value-wrapper .icon-value{/* border:1px solid; */min-width:111px;width: 14.28%;text-align: center;display:block;}
  #mcon5-1 .icon-value-wrapper .icon-value .link {display:block;height:100%;width:100%;text-align:center;color: #fff;font-size: 18px;text-decoration: none;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle{position:relative;margin:0 auto 22px;display:block;width:108px;height:108px;border-radius: 50%;background:#fff;transition: all 0.3s;-webkit-transition: all 0.3s;}
  #mcon5-1 .icon-value-wrapper .icon-value .link:hover .circle{background: #f4f4f4;}  
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir{position:absolute;top:50%;left:50%;width:108px;height:108px;transform:translate(-50%,-50%);overflow:visible}
  #mcon5-1 .icon-value-wrapper .icon-value .link:hover .circle .ir{}
  #mcon5-1 .icon-value-wrapper .icon-value .link:hover .circle .ir:before,
  #mcon5-1 .icon-value-wrapper .icon-value .link:focus .circle .ir:before{-webkit-animation:vibes2 1s ease;-moz-animation:vibes2 1s ease;-ms-animation:vibes2 1s ease; animation:vibes2 1s ease;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__1{width: 48px;height: 44px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__1:before{background-position: -261px -706px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__2{width:54px;height:49px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__2:before{background-position: -459px -701px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__3{width:54px;height:49px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__3:before{background-position: -656px -701px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__4{width:54px;height:49px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__4:before{background-position: -855px -701px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__5{width:54px;height:49px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__5:before{background-position: -1056px -701px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__6{width:54px;height:49px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__6:before{background-position: -1252px -701px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__7{width:54px;height:49px;}
  #mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__7:before{background-position: -1446px -706px;}
  #mcon5-2,
  #mcon5-3{display:inline-block;float:left;width:50%;height: 234px;border: 37px solid transparent;/* margin-left: -50px; */}
  #mcon5-3 a{border: 1px solid rgba(255,255,255,0.5);display:block;width:100%;height:100%;padding: 49px 56px;position:relative}
  #mcon5-3 a:before{content:'';position:absolute;top:50%;right:50px;width:98px;height:66px;transform:translate(0,-50%);background: url("/images/02_tour/2020/main/ir-vr.png") no-repeat;}
  #mcon5-3 a:hover{text-decoration:none;color:#fff;}
  #mcon5-3 a:hover:before{} 
  #mcon5-3 a small,
  #mcon5-3 a strong{display:block;}
  #mcon5-3 a small{color:#fff;font-family: 'gmarket';font-size:14px;margin-bottom: 4px;text-transform: uppercase;}
  #mcon5-3 a strong{color:#fff;font-family: 'gmarket';font-size:30px;} 
  #mcon5-2 .title{color:#fff;font-size: 30px;margin-bottom: 11px;display: block;font-family: 'gmarket';}  
  #mcon5-2 .grap{position:relative;}
  #mcon5-2 .grap ul{}
  #mcon5-2 .grap ul li{display:block;text-align:right;font-size:16px;color:#fff;padding: 5px 0;}  
  #mcon5-2 .grap ul li a{display:inline-block;float:left;/* text-align:left; */color:#fff;white-space: nowrap;text-overflow: ellipsis;text-align: left;width: 70%;overflow: hidden;}  
  #mcon5-2 .grap .more{position:absolute;top:0;right:0;}
  #mcon5-2 .grap .more a{font-family: 'gmarket';font-size:16px;color:#fff;position:relative;text-decoration: none;}
  #mcon5-2 .grap .more a:before{content:'';position:absolute;bottom: -2px;left: 2px;background-color: rgba(255,255,255,0.5);width:100%;height:2px;}

  #mcon5-2 .grap .more a span{font-size:0;}  

  @keyframes move-forever1 {
    0% {
      transform: translate(85px, 0%);
    }
    100% {
      transform: translate(-90px, 0%);
    }
  }
  @keyframes move-forever2 {
    0% {
      transform: translate(-90px, 0%);
    }
    100% {
      transform: translate(85px, 0%);
    }
  }
  @keyframes move-forever3 {
    0% {
      transform: translate(85px, 0%);
    }
    100% {
      transform: translate(-90px, 0%);
    }
  }
  @keyframes move-forever4 {
    0% {
      transform: translate(-90px, 0%);
    }
    100% {
      transform: translate(85px, 0%);
    }
  }
  
  @keyframes vibes2{
    0% {transform:translateY(0)}
    20% {transform:translateY(6px)}
    40% {transform:translateY(0)}
    60% {transform:translateY(6px)}
    100% {transform:translateY(0)}
}



@media screen and (max-width: 1220px) {
	#section5 .wave{top: -190px;}
	#section5:before{top: -312px;}
	#section5 .layout{padding: 0 70px;padding-top:20px;}
	#section5 .wave .editorial{display:none;}
	#section5 .seagulls__obj{right:auto;left: 30%;top: -370px;}
}


@media screen and (max-width: 1024px) {
	#mcon5-1{margin-bottom:50px;}
	#mcon5-1 .title strong{font-size:35px;}
	#mcon5-2 .grap ul li{font-size:14px;}
	#mcon5-2 .grap ul li a{font-size:15px;width:70%;overflow:hidden}
	#mcon5-2 .title{font-size:25px;}
	#mcon5-3 a{padding: 50px 26px;}
	#mcon5-3 a strong{font-size: 27px;letter-spacing: -1px;}
}
@media screen and (max-width: 860px) {
	#section5 .wave{top: -190px;}
	#mcon5-1 .icon-value-wrapper .icon-value{width:auto;margin: 0 23px 20px 23px;}
	#mcon5-2, #mcon5-3{display:block;width:100%;margin-top: -57px;float: none;}
	#mcon5-3{margin-top: -57px;}
	#section5:after{top: -559px;right: -190px;/* Z-INDEX: -1; */}
	#section5:before{top: -300px;}
}



@media screen and (max-width: 700px) {
      #section5 .row{margin:0 0;}
	#section5 .layout{padding:0;}
	#mcon5-1 .icon-value-wrapper{/* margin: 0 -60px; */}
	#section5 .wave{top: -130px;}
	#section5:before{top: -190px;}
	#section5:after{top: -446px;right: -408px;height: 500px;}
	#mcon5-1 .icon-value-wrapper .icon-value{margin: 0 15px 8px 15px;}
	#mcon5-1 .icon-value-wrapper .icon-value .link .circle{width: 90px;height: 90px;margin-bottom: 22px;}
	#mcon5-1 .icon-value-wrapper .icon-value .link{font-size:16px;}	
}
@media screen and (max-width: 640px) {
	#mcon5-1 .icon-value-wrapper{/* margin: 0 -60px; */}
	#section5 .wave{top: -130px;}
	#section5:before{top: -190px;}
	#section5:after{top: -446px;right: -408px;height: 500px;}
	#mcon5-1 .icon-value-wrapper .icon-value{margin: 0 9px 18px 9px;}
	#mcon5-1 .icon-value-wrapper .icon-value .link .circle{width: 75px;height: 75px;margin-bottom: 12px;}
	#mcon5-1 .icon-value-wrapper .icon-value .link{font-size:16px;}	
}
@media screen and (max-width: 565px) {
	#section5 .wave{top: -100px;}
	#section5:before{top: -170px;width: 150px;height: 105px;background-size:cover}
	#section5:after{top: -287px;right: -290px;background-size:cover;width:500px;height:368px;}
	#mcon5-1 .icon-value-wrapper {/* margin: 0 -100px; */}
	#mcon5-2, #mcon5-3{border:none;width:90%;margin:0 auto;height: auto;}
	#section5 .row{margin-right: 0;width: 100%;margin: 0;}
	#mcon5-3{margin-top: 40px;}
	#mcon5-3 a{padding:26px;}
	#section5 .layout{padding-bottom:30px}
} 

@media screen and (max-width: 480px) {
#mcon5-1 .icon-value-wrapper{width:90%;margin:0 auto;min-width: 278px;/* border: 1px solid; */text-align: left;align-items: initial;display: block;flex-wrap: wrap;/* margin: 0 -34px; */}
#mcon5-1 .icon-value-wrapper:after{display:block;visibility:hidden;clear:both;content:""}
#mcon5-1 .icon-value-wrapper .icon-value{display:inline-block;width: 50%;margin: 0 0 7px 0;padding: 10px 0;padding-left: 40px;float: left;text-align: left;position:relative}
#mcon5-1 .icon-value-wrapper .icon-value a{display:block}
#mcon5-1 .icon-value-wrapper .icon-value .link{font-size:13px;text-align:left;letter-spacing: :-1px}	
#mcon5-1 .icon-value-wrapper .icon-value .link .circle{width:35px;height:35px;position:absolute;top:0;left:0;}
#mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__1:before{background-position: -1303px -322px;}
#mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__2:before{background-position: -1440px -322px;}
#mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__3:before{background-position: -1302px -365px;}
#mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__4:before{background-position: -1440px -361px;}
#mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__5:before{background-position: -1298px -406px;}
#mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__6:before{background-position:-1440px -407px}
#mcon5-1 .icon-value-wrapper .icon-value .link .circle .ir.ir-icon__7:before{background-position: -1300px -452px;}
#section5 .wave {
    top: -91px;
}
#section5 .layout .title strong{font-size:20px;text-align: center;}
#mcon5-3 a strong,
#mcon5-2 .title{font-size:20px}
#mcon5-3 a small{font-size:12px;}
#section5 .layout .title small{display:none;}
#section5:after{height: 280px;top: -271px;}
#section5:before{display:none}
#mcon5-3 a:before{width:68px;height: 46px;background-size: cover;right: 30px;}
}

@media screen and (max-width: 380px) {
	
#mcon5-1 .icon-value-wrapper .icon-value .link{font-size:11px;}	
}         

/*울진군청,문화관광 footer 경상북도 자치단체 추가*/
#footer .f_sitelink>button.f_btn03 {width: 100%; border-top: 1px solid #424242;border-bottom: 1px solid #424242;}
#footer .f_sitelink div.f_site03 {right: 0;width: 50%;bottom:0;}

@media all and (min-width:768px){
#footer .f_top>div { display: flex;}
#footer .f_sitelink { width: 66%;}
#footer .f_sitelink>button {width: calc(100% / 3 - 10px);}
#footer .f_sitelink div.f_site02 {right: 19%;}
#footer .f_sitelink>button.f_btn03 {width:calc(100% / 3 - 10px); border-top:0; border-bottom:0;}
#footer .f_sitelink div.f_site03 {right: 25px;bottom:60px;}
#footer .f_banner { float: right; width: 34%;height: 40px;}
#footer .f_banner .list {position: absolute;   top: 15px; left: 195px;}
}

@media all and (min-width:1023px){
#footer .f_top>div { display: block;}
#footer .f_sitelink { width: 50%;}
#footer .f_banner {width: 50%;}
}