@charset "utf-8";
#wrap{overflow:hidden;}
.scene-layer{height:100%;overflow:hidden}
.trip-grep{position:relative;z-index:10;width:100%;height:100%;}
.section{position:relative; height:862px;margin:0 auto;margin-top:0 !important}
.inner{position:relative;top:0;left:0;width:100%;height:100%;}
.cover{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}
.cover.over{position:absolute;top:100%;left:0;width:100%;height:100%;}
.layout{position:relative;width:100%;max-width:1200px;margin:0 auto;height:100%}
.layout:after{display:inline-block;content:"";clear:both}
.box_img{width:100%;height:100%;background-size:cover !important}
.box_img img{position:relative;width:100%;height:100%;opacity:0;}
.line1-right,
.line1-left,
.line-right,
.line-left{display:inline-block;position:absolute;width:8px;height:0;background:#fff;z-index:1}
.line1-top,
.line1-bottom,
.line-top,
.line-bottom{display:inline-block;position:absolute;width:0;height:8px;background:#fff;z-index:1}
.line1-top,
.line-top{left:0;top:0}
.line1-right,
.line-right{top:0;right:0}
.line1-bottom,
.line-bottom{right:0;bottom:0}
.line1-left,
.line-left{bottom:0;left:0}
.action .line-top{transition:width 0.3s ease-out;width:100%}
.action .line-right{transition:height 0.3s ease-out 0.3s;height:100%}
.action .line-bottom{transition:width 0.3s ease-out 0.6s;width:100%}
.action .line-left{transition:height 0.3s ease-out .9s;height:100%}
.line1-top{left:0;top:0}
.line1-right{top:0;right:0}
.line1-bottom{right:0;bottom:0}
.line1-left{bottom:0;left:0}
.action .line1-top{transition:width 0.3s ease-out;width:100%}
.action .line1-right{transition:height 0.3s ease-out 0.3s;height:100%}
.action .line1-bottom{transition:width 0.3s ease-out 0.6s;width:100%}
.action .line1-left{transition:height 0.3s ease-out .9s;height:100%}
.action .square.out .line1-top{left:auto;right:0;transition:width 0.3s ease-out 0s;width:100%}
.action .square.out .line1-right{top:auto;bottom:0;transition:height 0.3s ease-out 0.3s;height:100%}
.action .square.out .line1-bottom{left:0;right:auto;transition:width 0.3s ease-out 0.6s;width:100%}
.action .square.out .line1-left{top:0;bottom:auto;transition:height 0.3s ease-out 0.9s;height:100%}
@keyframes squareOut{from{opacity:1;}
 to{opacity:0;}
}
.box_title{position:absolute;top:100%;left:0;width:100%;height:100%;}
.box_img2{position:relative;top:0 ;left:0;width:100%;height:100%;}
.box_img2 .dim{position:absolute;z-index:40;top:0;left:0;width:100%;height:100%;}
.box_img2 .img_hand{position:absolute;top:0;right:0;z-index:30}
.box_img2 > img{position:relative;width:100%;height:100%;opacity:0;}
.space{width:100%;height:100%;overflow:hidden;}
 .box_vol,
 .area_title .mod_title,
 .area_title .explain,
 .area_title a{transform:translateZ(0);}
.dim{position:absolute;z-index:40;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.3}
.txt_title{z-index:41}
.mod_title{position:relative;overflow:hidden;}
.mod_title:after{display:block;clear:both;content:''}
.mod_title .required{margin-left:7px;font-size:13px;color:#dd343a}
.box_vol{display:inline-block;position:relative;width:184px;height:184px;margin-bottom:30px;}
.box_vol,
.area_title .mod_title , .area_title .explain ,.area_title a{transform:translateZ(0);}
.box_vol .month{display:block;width:100%;height:100%;}
.box_vol .month .text{display:block;height:100%;color:#fff;font-size:30px;font-family:"nsr",sans-serif;text-align:left;line-height:1.2}
.box_vol .month .text em{display:block;margin-bottom:5px;font-size:18px;color:#efefef}
.box_vol .vol{display:inline-block;position:absolute;z-index:10;color:#fff;font-size:13px;font-family:"nsr",sans-serif;transform:rotate(90deg);letter-spacing:-3px;webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);letter-spacing:3px;}
.area_title{position:absolute;top:50%;left:50%;margin-top:-270px;margin-left:-480px;z-index:50}
.area_title .title{color:#fff;font-size:52px;font-family:"nsr",sans-serif;line-height:1.4;}
.substance{font-size:16px;line-height:1.2;word-wrap:break-word;word-break:keep-all;}
.btn_more2{display: inline-block; color: #fff; vertical-align: middle; line-height: 14px;font-family:"nsr",sans-serif;}
.btn_rect_more{position: relative; display: inline-block; width: 70px; height: 70px;margin: 20px 0 0 16px; }
.btn_rect_more .square{position:absolute;top: 0; left: 0; opacity: 0.5; display:inline-block;width:70px;height:70px; z-index: 100}
.btn_rect_more .btn_more2{ position: relative;margin-top: 28px; margin-left: -16px; z-index: 101}
.btn_iconPack,.acc_tit i.arrow,.arrow_acc,.arrow_acc2,.bx-controls-direction > a,.auto_slide .bx-controls-auto .bx-start,.auto_slide .bx-controls-auto .bx-stop,.bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(../../images/02_tour/travel/btn_icon.png) no-repeat;font-size:13px;font-family:Tahoma,Sans-serif;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_iconPack{position:relative;vertical-align:middle;cursor:pointer}
.btn_iconPack>*{display:inline-block;width:100%;height:100%;text-indent:-999em;vertical-align:top;cursor:pointer}
.icon_go{display:inline-block;width:18px;height:11px;margin:-3px 0 0 8px;padding:0;background-position:-290px -20px}
.list_magazine{position:absolute;top:50%;left:50%;z-index:50}
.list_magazine .list_type{clear:both;}
.list_magazine .list_type:after{display:table;clear:both;content:"";}
.list_magazine .list_type .link{}
.list_magazine .list_type .pic{display:block;overflow:hidden;}
.list_magazine .list_type .pic .open_layer{display:inline-block;float:left;}
.list_magazine .no{display:inline-block;color:#fff;font-size:11px;font-family:Verdana,AppleGothic,sans-serif;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);position:absolute;top:44px;left:-30px;letter-spacing:3px;font-weight:normal}
.list_magazine .box_thumb{float:left;padding-left:30px;position:relative}
.list_magazine .box_info{float:left;}
.list_magazine .box_info .tit{font-family:"nsr",sans-serif;font-size:18px;line-height:1.3;}
.list_magazine .box_info .tance li{margin-bottom:5px;font-family:"nsr",sans-serif;font-size:14px;line-height:1.3;font-weight:normal;position:relative}
.list_magazine .box_info .tance li strong{color:#fff;font-family:"nsr",sans-serif;font-weight:bold}
.list_thumb .box_thumb{margin-left:16px}
.list_thumb .box_thumb > a{display:block;}
.list_thumb .box_thumb > a:focus{outline:2px dotted black;}
.list_thumb .box_thumb .img_thumb > a{display:block;}
.list_thumb .box_thumb .img_thumb > a:focus{outline:2px dotted black;}
.list_thumb{position:relative;}
.list_thumb:after{display:block;clear:both;content:''}
.list_thumb > li{float:left;position:relative}
.box_thumb,.img_thumb{position:relative}
.img_thumb,.img_thumb .img_box{height:100%}
.img_thumb .img_box > a{display:block;position:relative;z-index:1}
.img_thumb .img_box img{width:100%;height:100%}
.txt_thumb.txt_thumb_type{/*position:absolute;left:0;bottom:0;*/width:100%;z-index:2}
.mod_thumb .area_thumb_btns{position:relative;text-align:center;}
.mod_thumb .area_thumb_btns:after{display:block;clear:both;content:''}
.mod_thumb .area_thumb_btns .btn_pack.btn_medium *{padding-left:9px;padding-right:9px}
.box_thumb .dim{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.3;filter:alpha(opacity=30);z-index:1}
.mod_thumb .img_box{position:relative}
.box_thumb iframe:focus{outline:2px dotted black}
.mod_thumb .list_thumb li{vertical-align:top}
.mod_thumb .list_thumb li > a{display:block;overflow:hidden;}
.mod_thumb .list_thumb li > a:focus{outline:2px dotted black}
.mod_thumb.col_2 .list_thumb li{width:50%}
.mod_thumb.col_3 .list_thumb li{width:33.33%}
.mod_thumb.col_3 .list_thumb li:first-child{width:33.34%}
.mod_thumb.col_3 .list_thumb li:nth-child(3n+1){clear:left}
.mod_thumb.col_4 .list_thumb li{width:25%}
.mod_thumb.col_5 .list_thumb li{width:20%}
.mod_thumb .list_thumb{margin-left:-16px}
.mod_thumb .list_thumb .box_thumb > a{display:block;}
.mod_poster{position:relative;z-index:1}
.mod_poster.col_3 ul > li{width:33.33%}
.mod_poster.col_2 ul > li{width:50%}
.icon{display:inline-block;position:absolute;top:0;bottom:0;right:0;width:40px;height:41px;padding:9px;background-color:rgba(55,55,55,0.8);color:#fff;font-size:15px;word-wrap:break-word;word-break:keep-all;box-sizing:border-box;z-index:11}
.icon .ir{display:block;width:22px;height:23px;font-size:0;}
.icon .ir.ir-zoom{background:url(../../images/02_tour/travel/ico_zoom.png);}
.list_poster .box_thumb,
.mod_thumb .area_thumb_btns{margin:0 0 16px 16px;box-sizing:border-box}
.list_poster .txt_thumb > div{padding:16px 16px 25px}
.list_poster .txt_thumb > *{display:block;float:none}
.list_poster .txt_thumb .txt_explain{display:table;width:100%}
.list_poster .txt_thumb .txt_explain > *{display:table-cell}
.list_poster .txt_thumb.open .txt_explain > * {display:block}
.list_poster .txt_thumb .txt_explain > dt{width:35px}
.list_poster .txt_thumb_type .txt_explain .info{display:block;display:-webkit-box;position:relative;overflow:hidden;width:100%;height:56px;font-size:20px;line-height:28px;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.list_poster .txt_thumb_type2 .txt_explain .info{font-size:16px;line-height:24px;color:#1a1a1a}
.list_poster .txt_thumb .txt_tag{overflow:hidden;height:28px;margin-top:15px}
.list_poster .txt_thumb .txt_tag > span{display:inline-block; vertical-align: middle; position:relative;margin:0 4px 4px;height:26px;padding:0 7px;font-family:"nsr",sans-serif;color:#fff;font-size:13px;line-height:26px;box-sizing:border-box}
.list_poster .txt_thumb .txt_tag > span:after{display:block;position:absolute;top:0;left:0;width:100%;height:26px;border:1px solid #fff;box-sizing:border-box;opacity:.5;content:''}
.list_poster .txt_thumb .txt_tag a{display:block;position:relative;z-index:1}
.list_poster .box_thumb{border:1px solid #e6e6e6}
.list_poster .txt_thumb.txt_thumb_type2,.box_title.txt_thumb_type2{background:#fff}
.list_poster .box_title.txt_thumb_type{position:absolute;top:20px;left:16px;right:16px;z-index:2}
.list_poster .box_title .tit{display:block;padding-bottom:10px}
.list_poster .box_title .tit:after{display:inline-block;position:absolute;left:0;top:32px;width:16px;height:1px;background:#fff;content:''}
.list_poster .box_thumb.box_thumb_style{}
.list_poster_type2{}
.list_poster .box_title.txt_thumb_type2{position:relative;padding:24px 15px 0 15px;}
.list_poster .box_title.txt_thumb_type2:after{display:block;clear:both;content:''}
.list_poster .box_title.txt_thumb_type2 .tit{position:relative}
.list_poster .box_title.txt_thumb_type2 .tit:after{background:#1a1a1a}
.list_poster .box_title.txt_thumb_type2 .right{position:absolute;right:15px;top:24px}
.list_poster.list_brand .box_title .tit{display:block;text-align:center}
.list_poster.list_brand .box_title .tit:after{left:50%;width:24px;margin-left:-12px}
.poster_type {position: relative; margin:0 auto;}
.list_csv {position: relative;}
.list_csv:after{content:"";display:table; clear:both;}
.list_csv .list_type{position:relative; display:inline-block}
.list_csv .list_type > a{display:block;}
.list_csv .list_type.list_1 .txt_title{margin:25px 50px;font-size:28px; line-height:36px;}
.list_csv .list_type .subject{position:absolute; font-size:11px;font-family:Verdana,AppleGothic,sans-serif;letter-spacing:0;font-weight:normal; -webkit-transform:rotate(90deg);-ms-transform:rotate(90deg); transform:rotate(90deg); }
.bgcolor{position:absolute;z-index:0;top:0;width:100%;height:100%;background:#fff;}
.box_back_img{overflow:hidden;position: absolute; left: 0; width: 100%; height: 480px;background-color:#000}
.box_back_img img{margin-top:-200px;height:auto !important;width:100%;height:100%;opacity:0.5}
.list_csv {position:relative;z-index:2}
.list_csv .list_type.list_1{width:380px;}
.list_csv .list_type.list_2{width:270px;}
.list_csv .list_type.list_3{width:522px;}
.list_csv .list_type.list_4{width:410px;}
.list_csv .list_type.list_3,
.list_csv .list_type.list_4,
.list_csv .list_type.list_5{position:absolute;}
.list_csv .list_type .txt_title{position:absolute; bottom:0; margin:15px 15px; color:#fff;font-size:20px; line-height:28px;}
.list_magazine{margin-top: -220px;margin-left:-100px;}
.list_magazine .list_type{margin-bottom:60px;}
.list_magazine .list_type.list_1,
.list_magazine .list_type.list_3,
.list_magazine .list_type.list_4{margin-left:70px;}
.list_magazine .list_type.list_2{margin-left:140px;}
.list_magazine .list_type.list_2 .img_thumb img{width:220px;}
.list_magazine .list_type.list_3 .img_thumb img{width:204px;}
.list_magazine .list_type.list_1 .img_thumb img,
.list_magazine .list_type.list_4 .img_thumb img{width:204px;}
.scroll{position:fixed;bottom:35px;right:50%;margin-right:-95px;padding:0;width:190px;transition:375ms all ease-in-out;-webkit-transition:375ms all ease-in-out;z-index:99;}
.scroll a{display:block;position:relative;width:100%;line-height:0;color:#fff;}
.scroll a b{display:block;padding:9px 0;width:195px;background:url(../../images/02_tour/travel/scroll_btn.png);border-radius:100px;font-weight:normal;line-height:28px;text-align:center;transition:375ms all ease-in-out;-webkit-transition:375ms all ease-in-out;}
.scroll a .mouse{display:inline-block;width:18px;height:28px;margin-right:10px;background-position:-213px 0;vertical-align:middle;}
.scroll .ir{display:block;overflow:hidden;background:url(../../images/02_tour/travel/ir.png) no-repeat;font-size:0;line-height:0;}
.scroll .scarr{display:none;position:absolute;top:50%;right:0;margin-top:-19px;width:72px;height:37px;background-position:-231px 0;transition:375ms all ease-in-out;-webkit-transition:375ms all ease-in-out;}
.scroll.scroll-top{right:35px;margin-right:0;width:100px;height:100px;}
.scroll.scroll-top a .mouse{display:none;}
.scroll.scroll-top a b{width:100px;height:100px;font-size:0;line-height:0;}
.scroll.scroll-top .scarr{display:block;position:absolute;top:50%;right:auto;left:50%;margin-left:-36px;transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.box_deco{position:absolute;top:-200px;left:0;width:100%;height:1100px;z-index:1}
.deco_1,
.deco_2,
.deco_3,
.deco_4,
.deco_5,
.deco_6,
.deco_7,
.deco_8{position: absolute;}
.deco_1{top:100px;left:50%;margin-left:-570px;z-index:10;}
.deco_2{top:175px;left:50%;margin-left:-720px;}
.deco_3{top:790px;left:50%;margin-left:-515px;z-index:10;}
.deco_4{top:866px;left:50%;margin-left:-410px;}
.deco_5{top:265px;left:50%;margin-left:497px;z-index:10;}
.deco_6{top:790px;left:50%;margin-left:147px;}
.deco_7{top:710px;left:50%;margin-left:700px;}
.deco_8{top:506px;left:50%;margin-left:472px;z-index:10;}

#theme-section-1 .box_vol{width:380px;height:380px;}
#theme-section-1 .box_vol .vol{top:300px;right:-55px;width:120px;}
#theme-section-1 .box_vol .text{padding:0 40px;padding-top:130px;font-size:60px;}
#theme-section-1 .box_vol .month .text em{font-size:20px;font-weight:normal}
#theme-section-1 .area_title{margin-top:-329px;margin-left:-450px;z-index:50;}
#theme-section-1 .area_title .title{margin-top:50px;margin-bottom:30px;}
#theme-section-1 .substance{max-width:560px;margin-bottom:15px;color:#fff;word-wrap:break-word;word-break:keep-all;}

@media(max-width:1024px){
	.area_title{top:60px !important;left:50px !important;margin:0 !important}
	.box_vol{width:300px !important;height:auto !important}
	.box_vol .text{padding:50px 40px !important;font-size:40px !important}
	.box_vol .month .text em{font-size:18px !important;}
	.box_vol .vol{display:none;}
	.action .line-right,
	.action .line1-right{height:100% !important}
	.scroll{display:none;}
	.list_magazine{margin-top:-380px !important;}
	.list_magazine .list_type.list_1 .img_thumb img, 
	.list_magazine .list_type.list_4 .img_thumb img{width:164px}
	.list_magazine .list_type.list_2 .img_thumb img{width:180px}
	.list_magazine .list_type.list_3 .img_thumb img{width:164px}
	.area_title .mod_title{width:auto !important;height:auto !important;}
	.area_title.type1 .title{width:280px !important;text-align:left !important;font-size:26px !important}
	.area_title.type1 .square{width:300px !important;height:210px !important;}
	#theme-section-4 .area_title .square{width:300px !important;height:auto !important;padding-bottom:30px !important;}
	.area_title.type1 .substance{font-size:16px !important;}
	.now_list{margin-top:20px;left:auto !important;margin:0 auto;margin-left:auto !important;width:98% !important}
	.mod_thumb .list_thumb{margin-left:0}
	.list_csv .list_type.list_1,
	.list_csv .list_type.list_2,
	.list_csv .list_type.list_3,
	.list_csv .list_type.list_4,
	.list_csv .list_type.list_5{float:left;margin:1%;width:48% !important;height:155px;overflow:hidden;}
	.list_csv .list_type.list_3,
	.list_csv .list_type.list_4,
	.list_csv .list_type.list_5{position:relative !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;}
	.list_csv .list_type.list_2{margin:1% !important}
		
}

@media(max-width:880px){
	.list_csv{margin-left:0 !important;padding-top:350px;}
	.area_title.type1 .substance{padding:0 10px 0 0;}
}

@media(max-width:768px){
	.section{padding-top:0 !important;height:auto !important;}
	.layout{padding:20px;}
	.box_title{position:relative !important;}
	.area_title{position:relative !important;top:auto !important;left:auto !important;}
	.bgcolor{display:none;}
	.list_magazine{position:relative !important;top:auto !important;left:auto !important;margin-top:0 !important;margin-left:0 !important;left:10px;top:32%;}
	.now_list{position:relative !important;top:0 !important;left:0 !important}
	.box_back_img{top:0;height:390px;}
	.mod_thumb .list_thumb{padding-top:20px;}
	.list_poster .box_title.txt_thumb_type{display:none;}
	#theme-section-4 .area_title .square{width:auto !important}
	.list_csv{padding-top:0 !important}
	.area_title.type1 .square{height:180px !important;}
	.list_thumb .box_thumb{margin-left:0 !important;}
	.txt_thumb.txt_thumb_type{display:none}
	.mod_thumb.col_4 .list_thumb li,
	.mod_thumb.col_3 .list_thumb li{width:50%;border:5px solid transparent}
	.mod_thumb.col_3 .list_thumb li:first-child,
	.mod_thumb.col_4 .list_thumb li:first-child{width:50%;border:5px solid transparent}
}

#uljin-music { display: none; }
#ms-hd{transform:translateY(-100%) rotateX(-45deg);z-index:999}
#ms-hd{position:relative;width:22px;height:24px;background-color:transparent;cursor:pointer;}
#ms-hd, .share-ft-mn{opacity:0;}
#ms-hd, .share-ft-mn,{transition:transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);}
#ms-hd{transition-delay:1s;}
#ms-hd{position:fixed;top:10px;right:20px;opacity:1;transform:none;}
.ln-ms-hd{display:block;position:absolute;bottom:0;overflow:hidden;background:white;transition:all 300ms cubic-bezier(0.4, 0, 0, 1);}
#ms-hd .ln-ms-hd{width:2px;height:12px;}
#ms-hd .ln-ms-hd{display:block;position:absolute;bottom:0;overflow:hidden;background:transparent;transition:all 300ms cubic-bezier(0.4, 0, 0, 1);}
#ms-hd.is-playing .ln-ms-hd{background:#fff;}

#ms-hd .ln-ms-hd:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#FD1821;content:'';transform:translateY(0);transition:transform 600ms cubic-bezier(0.4, 0, 0, 1);}
#ms-hd.is-playing .ln-ms-hd:before{transform:translateY(100%);}
#ms-hd .ln-ms-hd1{left:0;}
#ms-hd .ln-ms-hd2{left:4px;}
#ms-hd .ln-ms-hd3{left:8px;}
#ms-hd .ln-ms-hd4{left:12px;}
#ms-hd .ln-ms-hd5{left:16px;}
#ms-hd .ln-ms-hd6{right:0;}
#ms-hd.is-playing .ln-ms-hd1{animation:audioHmA .3s alternate infinite;}
#ms-hd.is-playing .ln-ms-hd2{animation:audioHmA .4s alternate infinite;}
#ms-hd.is-playing .ln-ms-hd3{animation:audioHmA .38s alternate infinite;}
#ms-hd.is-playing .ln-ms-hd4{animation:audioHmA .34s alternate infinite;}
#ms-hd.is-playing .ln-ms-hd5{animation:audioHmA .44s alternate infinite;}
#ms-hd.is-playing .ln-ms-hd6{animation:audioHmA .48s alternate infinite;}


@keyframes audioHmA {
  0% {
    height: 12px; }
  100% {
    height: 18px; } }

@keyframes audioMpA {
  0% {
    height: 14px; }
  100% {
    height: 25px; } }