@charset "utf-8";

@font-face{font-family: 'GmarketSansLight';font-weight: normal;font-style: normal;src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');}
@font-face{font-family: 'GmarketSansMedium';font-weight: normal;font-style: normal;src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');}
@font-face{font-family: 'GmarketSansBold';font-weight: normal;font-style: normal;src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');}


/* 공통 */

.sub_page .con_wrap h3.tit{font-size: 22px; line-height: 28px; font-weight: bold;position: relative;padding: 0 0 0 30px; margin: 0 0 15px 0;}
.sub_page .con_wrap h3.tit::before{content: ''; background: url(../img/sub/h3_tit_icon.png) 0 0 no-repeat; width: 23px; height: 23px; position: absolute;bottom: 2px; left: 0}

.sub_page .con_wrap h4.tit{font-size: 20px; line-height: 28px; font-weight: 500;position: relative;padding: 0 0 0 30px; margin: 0 0 10px 0;}
.sub_page .con_wrap h4.tit::before{content: ''; background: url(../img/sub/h4_tit_icon.png) 0 0 no-repeat; width: 17px; height: 17px; position: absolute;bottom: 5px; left: 5px;}

.sub_page .con_wrap p.txt{font-size: 18px; line-height: 28px; font-weight: 500;position: relative;padding: 0 0 0 30px;}
.sub_page .con_wrap p.txt::before{content: ''; background: url(../img/sub/p_txt_icon.png) 0 0 no-repeat; width: 7px; height: 7px; position: absolute;bottom: 11px; left: 14px;}

@media all and(max-width:768px){
	.sub_page .con_wrap h3.tit{font-size: 20px;}
	.sub_page .con_wrap h4.tit{font-size: 18px;}
	.sub_page .con_wrap p.txt{font-size: 16px;}
}





/* subVisual */
.subWrap{position: relative;}

.subVisual{background: url(../img/sub/sub_visual_bg_01.jpg) 0 0 no-repeat; background-size: cover; font-size: 0; box-sizing: border-box; min-height:412px;}
.subVisual.sv_02{background: url(../img/sub/sub_visual_bg_02.jpg) 0 0 no-repeat;}
.subVisual.sv_03{background: url(../img/sub/sub_visual_bg_03.jpg) 0 0 no-repeat;}



.subVisual .tit_wrap{max-width:1400px; margin: 0 auto;padding-top: 100px; text-align: center;}
.subVisual .tit_wrap .en_tit{font-size: 22px;margin-bottom: 20px;font-weight: 600; padding: 0 3px; box-shadow: inset 0 -15px 0 #c0e8f0;}
.subVisual .tit_wrap .tit{font-size: 50px;margin: 20px 0;font-weight: bold;}
.subVisual .tit_wrap .tit::after{content: ' .';}
.subVisual .tit_wrap .exp{font-size: 18px; font-weight: 500; }


nav.lnb{width: 100%;position: relative; top:-40px;}
nav.lnb .inner_wrap{width: 100%; max-width:1400px; margin: 0 auto;font-size: 0;display: flex; flex-wrap: wrap; align-items: center;}
nav.lnb .dep1{background: #1c2222; width: 100%; max-width: 264px;padding: 29.5px 0; box-sizing: border-box; display: flex; justify-content: center;}

nav.lnb .dep1 a img{display: block;}
nav.lnb .dep1 p{display: block; font-size: 18px; font-weight: 500; color: #fff;  text-align: center;}
nav.lnb .dep1 p::before{content: ''; background: #808383; width: 6px; height: 6px; border-radius: 50%; display: inline-block; vertical-align: middle; margin: 0 15px;}
nav.lnb ul.dep2{font-size: 0;width: calc(100% - 264px);box-shadow: 3px 3px 20px rgba(0,0,0,.1);display: flex; flex-wrap: wrap; }
nav.lnb ul.dep2 li.subMenu{ width: 33.33%; }



nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(4),
nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(4) ~ li {width:25%}

nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(5),
nav.lnb ul.dep2 li.subMenu:first-child:nth-last-child(5) ~ li {width:20%}


nav.lnb ul.dep2 li.subMenu a{display: block;font-size: 18px; font-weight: 500; text-align: center; padding: 29.5px 0;background: #3b91cc; color: #fff; border-right: 1px solid #2b7fb9; box-sizing: border-box;}
nav.lnb ul.dep2 li.subMenu.on a span{position: relative}
nav.lnb ul.dep2 li.subMenu.on a span::after{content: ''; width: 100%; height: 3px; background: #fff; position: absolute; bottom: -10px; left: 0;}


nav.sub_dep3 {max-width: 1400px;margin: 0 auto; padding-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #ddd;position: relative; top: -20px;margin-bottom: 20px;}
nav.sub_dep3 ul.dep3{text-align: center; }
nav.sub_dep3 ul.dep3 li{display: inline-block; vertical-align: middle; margin: 0 20px 0 0; position: relative;}
nav.sub_dep3 ul.dep3 li::after{content: ''; background: #ccc; width: 1px; height: 12px; position: absolute; top:50%; right: -12px;transform: translateY(-50%);}
nav.sub_dep3 ul.dep3 li:last-child::after{display: none;}
nav.sub_dep3 ul.dep3 li:last-child{margin:0;}
nav.sub_dep3 ul.dep3 li a{font-size: 18px; color: #555;position: relative;}
nav.sub_dep3 ul.dep3 li a::after{content: ''; background: url(../img/sub/sub_nav_icon.png) 0 0 no-repeat; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; }

nav.sub_dep3 ul.dep3 li.on a::after {background: url(../img/sub/sub_nav_icon_on.png) 0 0 no-repeat;}
nav.sub_dep3 ul.dep3 li.on a::before{content: ''; background:#777; width: 44px; height: 2px; position: absolute; bottom: -5px; left:}
nav.sub_dep3 ul.dep3 li.on:nth-child(2) a::before{content: ''; background:#777; width: 30px; height: 2px; position: absolute; bottom: -5px; left:}

.layout {}
.layout .lay_inner{max-width: 1400px; margin: 0 auto;}


@media all and (max-width:1400px){
	.subVisual .tit_wrap{text-align: center;}
}


@media all and (max-width:1024px){
	nav.lnb ul.dep2 li.subMenu{width:33.33%; }
	nav.lnb ul.dep2 li.subMenu a{font-size: 16px; padding: 22px 0;}
	nav.sub_dep3 ul.dep3 li a{font-size: 16px;}
	nav.sub_dep3 ul.dep3 li.on a::before{width: 40px;}
	nav.sub_dep3 ul.dep3 li.on:nth-child(2) a::before {width: 27px;}

	
}

@media all and (max-width:768px){
	.subVisual .tit_wrap .tit{font-size:44px;}
	.subVisual .tit_wrap ul.location li a{font-size:16px;}
	.layout h2.crnt_menu{font-size: 34px;}
	.subVisual .tit_wrap ul.location li a::after {left: 70px;}
	
}

@media all and (max-width:420px){
	nav.lnb ul.dep2 li.subMenu{width:50%;}
	
}



/* island */

#island{}
#island .inner_wrap{width: 100%; max-width: 1400px; margin: 0 auto;box-sizing: border-box; word-break: keep-all;}


/* island subVisual */

#island #subVisual{background:url(../img/sub/s010101/s010101_subVisual_bg.jpg) center center no-repeat;background-size: cover; color: #fff; min-height: 426px;}

#island.s010102 #subVisual{background-image:url(../img/sub/s010102/s010102_subVisual_bg.jpg);}
#island.s010103 #subVisual{background-image:url(../img/sub/s010103/s010103_subVisual_bg.jpg);}
#island.s010104 #subVisual{background-image:url(../img/sub/s010104/s010104_subVisual_bg.jpg);}
#island.s010105 #subVisual{background-image:url(../img/sub/s010105/s010105_subVisual_bg.jpg);}
#island.s010106 #subVisual{background-image:url(../img/sub/s010106/s010106_subVisual_bg.jpg);}
#island.s010107 #subVisual{background-image:url(../img/sub/s010107/s010107_subVisual_bg.jpg);}

#island.s010201 #subVisual{background-image:url(../img/sub/s010201/s010201_subVisual_bg.jpg);}
#island.s010202 #subVisual{background-image:url(../img/sub/s010202/s010202_subVisual_bg.jpg);}
#island.s010203 #subVisual{background-image:url(../img/sub/s010203/s010203_subVisual_bg.jpg);}
#island.s010204 #subVisual{background-image:url(../img/sub/s010204/s010204_subVisual_bg.jpg);}
#island.s010205 #subVisual{background-image:url(../img/sub/s010205/s010205_subVisual_bg.jpg);}
#island.s010206 #subVisual{background-image:url(../img/sub/s010206/s010206_subVisual_bg.jpg);}

#island.s010301 #subVisual{background-image:url(../img/sub/s010301/s010301_subVisual_bg.jpg);}
#island.s010302 #subVisual{background-image:url(../img/sub/s010302/s010302_subVisual_bg.jpg);}
#island.s010303 #subVisual{background-image:url(../img/sub/s010303/s010303_subVisual_bg.jpg);}
#island.s010304 #subVisual{background-image:url(../img/sub/s010304/s010304_subVisual_bg.jpg);}
#island.s010305 #subVisual{background-image:url(../img/sub/s010305/s010305_subVisual_bg.jpg);}
#island.s010306 #subVisual{background-image:url(../img/sub/s010306/s010306_subVisual_bg.jpg);}

#island.s010401 #subVisual{background-image:url(../img/sub/s010401/s010401_subVisual_bg.jpg);}
#island.s010402 #subVisual{background-image:url(../img/sub/s010402/s010402_subVisual_bg.jpg);}
#island.s010403 #subVisual{background-image:url(../img/sub/s010403/s010403_subVisual_bg.jpg);}
#island.s010404 #subVisual{background-image:url(../img/sub/s010404/s010404_subVisual_bg.jpg);}
#island.s010405 #subVisual{background-image:url(../img/sub/s010405/s010405_subVisual_bg.jpg);}


#island #subVisual .inner_wrap{}
#island #subVisual .tit_wrap{width: 100%; padding-top: 140px;box-sizing: border-box; text-align: center; margin: 0 auto;padding-left: 34.85%;}
#island #subVisual .tit_wrap ul.breadcrumb{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10px;}
#island #subVisual .tit_wrap ul.breadcrumb li{}
#island #subVisual .tit_wrap ul.breadcrumb li::after{content: '>'; display: inline-block; vertical-align: top; margin:0 10px;}
#island #subVisual .tit_wrap ul.breadcrumb li:last-child::after{display: none;}
#island #subVisual .tit_wrap ul.breadcrumb li a{font-size: 15px; font-weight: 500; color: #fff; text-shadow: 0 0 8px rgba(0,0,0,.2); text-align: left}
#island #subVisual .tit_wrap h2.sv_tit{font-size: 48px; font-weight: bold; color: #fff;text-shadow: 0 0 8px rgba(0,0,0,.2); margin-bottom: 20px;}
#island #subVisual .tit_wrap h2.sv_tit::before{content: '[';display: inline-block; vertical-align: top; margin-right: 20px;}
#island #subVisual .tit_wrap h2.sv_tit::after{content: ']';display: inline-block; vertical-align: top;margin-left: 20px;}
#island #subVisual .tit_wrap ul.hashtag{display: flex; justify-content: center;}
#island #subVisual .tit_wrap ul.hashtag li{font-size: 18px; padding: 7.5px 5%; box-sizing: border-box; border: 2px solid #fff; border-radius: 50px; text-shadow: -1px -1px 4px rgba(0,0,0,.8); background: rgba(255,255,255,.2); margin-right: 10px;}
#island #subVisual .tit_wrap ul.hashtag li:last-child{margin-right: 0}

@media all and (max-width:1024px){
#island #subVisual .tit_wrap{padding-left: 0;}
#island #subVisual .tit_wrap ul.breadcrumb li a{font-size: 14px;}
#island #subVisual .tit_wrap h2.sv_tit{font-size: 40px;}
#island #subVisual .tit_wrap ul.hashtag li{font-size: 16px;}

}

@media all and (max-width:768px){
#island #subVisual .tit_wrap h2.sv_tit{font-size: 36px;}
#island #subVisual .tit_wrap ul.hashtag li{font-size: 14px;}
}

/*subMenu*/

#island #subMenu{margin-top: -300px; margin-bottom: 80px;}
#island #subMenu .inner_wrap{display: flex; /*align-items: flex-end;*/ flex-wrap: wrap; justify-content: space-between; }
#island #subMenu .sm_l{width: 30.57%; }
#island #subMenu .sm_l .ticket{border-radius: 20px; box-sizing: border-box; border: 3px solid #fff; box-shadow: 0 0 14px rgba(0,0,0,.1); position: relative; min-height: 710px;}
#island #subMenu .sm_l .ticket .t_tit{font-weight: 600; color: #fff;  background: #58349e; padding: 26px 8%; box-sizing: border-box; border-radius: 20px 20px 0 0; position: relative;}

#island.s010101 #subMenu .sm_l .ticket .t_tit{background: #58349e;}
#island.s010102 #subMenu .sm_l .ticket .t_tit{background: #ab2323 }
#island.s010103 #subMenu .sm_l .ticket .t_tit{background: #002a64}
#island.s010104 #subMenu .sm_l .ticket .t_tit{background: #108b5c }
#island.s010105 #subMenu .sm_l .ticket .t_tit{background: #5d6122}
#island.s010106 #subMenu .sm_l .ticket .t_tit{background: #2e9d6f}
#island.s010107 #subMenu .sm_l .ticket .t_tit{background: #1ba694}

#island.s010201 #subMenu .sm_l .ticket .t_tit{background: #a24704;}
#island.s010202 #subMenu .sm_l .ticket .t_tit{background: #272894}
#island.s010203 #subMenu .sm_l .ticket .t_tit{background: #5e4436   }
#island.s010204 #subMenu .sm_l .ticket .t_tit{background: #b99c1e }
#island.s010205 #subMenu .sm_l .ticket .t_tit{background: #358cb4}
#island.s010206 #subMenu .sm_l .ticket .t_tit{background: #b3491a}


#island.s010301 #subMenu .sm_l .ticket .t_tit{background:  #7a6a1f;}
#island.s010302 #subMenu .sm_l .ticket .t_tit{background: #265e3b }
#island.s010303 #subMenu .sm_l .ticket .t_tit{background: #16519d}
#island.s010304 #subMenu .sm_l .ticket .t_tit{background: #e88118 }
#island.s010305 #subMenu .sm_l .ticket .t_tit{background: #1072b1 }
#island.s010306 #subMenu .sm_l .ticket .t_tit{background: #116875}


#island.s010401 #subMenu .sm_l .ticket .t_tit{background: #8e9821 ;}
#island.s010402 #subMenu .sm_l .ticket .t_tit{background: #739a0b}
#island.s010403 #subMenu .sm_l .ticket .t_tit{background: #75254a }
#island.s010404 #subMenu .sm_l .ticket .t_tit{background: #38732f  }
#island.s010405 #subMenu .sm_l .ticket .t_tit{background: #ee7ca0 }




#island #subMenu .sm_l .ticket .t_tit::after{content: ''; background: url(../img/sub/s010101/ticket_txt_img.png)0 0 no-repeat; width: 257px; height: 70px; position: absolute; top: 30px; right: 30px; }
#island.s010102 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010102/ticket_txt_img.png);}
#island.s010103 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010103/ticket_txt_img.png);}
#island.s010104 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010104/ticket_txt_img.png);}
#island.s010105 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010105/ticket_txt_img.png);}
#island.s010106 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010106/ticket_txt_img.png);}
#island.s010107 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010107/ticket_txt_img.png);}

#island.s010201 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010201/ticket_txt_img.png);}
#island.s010202 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010202/ticket_txt_img.png);}
#island.s010203 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010203/ticket_txt_img.png);}
#island.s010204 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010204/ticket_txt_img.png);}
#island.s010205 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010205/ticket_txt_img.png);}
#island.s010206 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010206/ticket_txt_img.png);}

#island.s010301 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010301/ticket_txt_img.png);}
#island.s010302 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010302/ticket_txt_img.png);}
#island.s010303 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010303/ticket_txt_img.png);}
#island.s010304 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010304/ticket_txt_img.png);}
#island.s010305 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010305/ticket_txt_img.png);}
#island.s010306 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010306/ticket_txt_img.png);}

#island.s010401 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010401/ticket_txt_img.png);}
#island.s010402 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010402/ticket_txt_img.png);}
#island.s010403 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010403/ticket_txt_img.png);}
#island.s010404 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010404/ticket_txt_img.png);}
#island.s010405 #subMenu .sm_l .ticket .t_tit::after{background-image: url(../img/sub/s010405/ticket_txt_img.png);}


#island #subMenu .sm_l .ticket .t_tit span{font-size: 28px; margin-bottom: 10px; display: block;}
#island #subMenu .sm_l .ticket .t_tit p{font-size: 44px; position: relative; z-index: 1;}

#island #subMenu .sm_l .ticket .t_txt{color: #333; background: #fff; padding: 7% 8% 8% 8%; box-sizing: border-box; font-size: 20px; line-height: 34px; font-weight: 500; position: relative;border-radius: 0 0 20px 20px;}
#island #subMenu .sm_l .ticket .t_txt::before{content: ''; background: url(../img/sub/ticket_icon_l.jpg)0 0 no-repeat; width:46px; height: 64px; position: absolute;bottom: 8px; left: -19px;}
#island #subMenu .sm_l .ticket .t_txt::after{content: ''; background: url(../img/sub/ticket_icon_l.jpg)0 0 no-repeat; width:46px; height: 64px; position: absolute;bottom: 8px; right: -19px; transform: rotate(180deg)}

#island #subMenu .sm_l .ticket .t_txt p{margin-bottom: 30px;}

#island #subMenu .sm_l .ticket .t_txt ul.info{padding-bottom: 200px; border-bottom:2px dashed #ccc;}
#island #subMenu .sm_l .ticket .t_txt ul.info li{display: flex; flex-wrap: wrap; justify-content: space-between;margin-bottom: 30px;}
#island #subMenu .sm_l .ticket .t_txt ul.info li:last-child{margin-bottom: 0}
#island #subMenu .sm_l .ticket .t_txt ul.info li span{display: block;}
#island #subMenu .sm_l .ticket .t_txt ul.info li span.tt{font-weight: bold; color:#58349e; width: 100%; max-width: 70px; }

#island.s010102 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#ab2323 }
#island.s010103 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#002a64  }
#island.s010104 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#108b5c  }
#island.s010105 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#5d6122  }
#island.s010106 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#2e9d6f }
#island.s010107 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#1ba694 }

#island.s010201 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color: #a24704}
#island.s010202 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color: #272894 }
#island.s010203 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color: #5e4436 }
#island.s010204 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#a48811 }
#island.s010205 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#358cb4 }
#island.s010206 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#b3491a }

#island.s010301 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#7a6a1f}
#island.s010302 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color: #265e3b }
#island.s010303 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color: #16519d }
#island.s010304 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#da7106 }
#island.s010305 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color: #1072b1 }
#island.s010306 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color: #116875}

#island.s010401 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#656e07}
#island.s010402 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color: #678d00}
#island.s010403 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color: #75254a }
#island.s010404 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color:#38732f}
#island.s010405 #subMenu .sm_l .ticket .t_txt ul.info li span.tt{color: #b63f64}

#island #subMenu .sm_l .ticket .t_txt ul.info li span.tx{width: calc(100% - 70px)}
#island #subMenu .sm_l .ticket .t_txt ul.info li span.tx:nth-child(n+2){margin-left:50px;}															  
#island #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full{width: 100%; margin-top: 5px;}
#island #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{display: block; font-size: 18px; color: #fff; background: #8b76b9; padding: 8px 20px; box-sizing: border-box; border-radius: 50px; display: inline-block; position: relative; z-index: 1}

#island.s010102 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#c26060}
#island.s010103 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#8fa8c8  }
#island.s010104 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#79a896 }
#island.s010105 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#9c9f76 }
#island.s010106 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#63b090   }
#island.s010107 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#73aaa6 }

#island.s010201 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#cfa586  }
#island.s010202 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#9fa0cc    }
#island.s010203 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#c4b0a5 }
#island.s010204 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#bbad6f     }
#island.s010205 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#8eafbf     }
#island.s010206 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#b76c4d }

#island.s010301 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#aba588    }
#island.s010302 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#8fae9a   }
#island.s010303 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#8496ad }
#island.s010304 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#cda57c}
#island.s010305 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#90b5cd }
#island.s010306 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#4d828a }

#island.s010401 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#afb47c     }
#island.s010402 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#a9b97d     }
#island.s010403 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#c48ea7     }
#island.s010404 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#81ad7b    }
#island.s010405 #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn{background:#d4a6b5}


#island #subMenu .sm_l .ticket .t_txt ul.info li span.tx.full a.modal_btn


#island #subMenu .sm_l .ticket .barcode{padding-top: 40px; box-sizing: border-box;}
#island #subMenu .sm_l .ticket .barcode::before{content: ''; background: url(../img/sub/barcode_img.jpg)center center no-repeat; width 100%; height: 57px; display: block; } 

#island #subMenu .sm_l .ticket .stamp{}
#island #subMenu .sm_l .ticket .stamp img{position: absolute; bottom: 80px; right: 25px;}
#island #subMenu .sm_l .ticket .stamp img.stamp_img_on{transform: scale(0); animation: stampon 1s ease; animation-fill-mode: forwards; }

#island #subMenu .sm_l .ticket_m{display: none;box-shadow: 0 0 14px rgba(0,0,0,.1); margin-bottom: 30px; border-radius: 20px;}
#island #subMenu .sm_l .ticket_m .t_tit{background: #6231a2; padding: 23px 40px; box-sizing: border-box; color: #fff; display: flex; align-items: center; position: relative; border-radius: 20px 20px 0 0; border: 2px solid #fff; }


#island.s010101 #subMenu .sm_l .ticket_m .t_tit{background: #58349e;}
#island.s010102 #subMenu .sm_l .ticket_m .t_tit{background: #ab2323 }
#island.s010103 #subMenu .sm_l .ticket_m .t_tit{background: #002a64}
#island.s010104 #subMenu .sm_l .ticket_m .t_tit{background: #108b5c }
#island.s010105 #subMenu .sm_l .ticket_m .t_tit{background: #5d6122}
#island.s010106 #subMenu .sm_l .ticket_m .t_tit{background: #2e9d6f }
#island.s010107 #subMenu .sm_l .ticket_m .t_tit{background: #1ba694 }

#island.s010201 #subMenu .sm_l .ticket_m .t_tit{background: #a24704;}
#island.s010202 #subMenu .sm_l .ticket_m .t_tit{background: #272894}
#island.s010203 #subMenu .sm_l .ticket_m .t_tit{background: #5e4436   }
#island.s010204 #subMenu .sm_l .ticket_m .t_tit{background: #b99c1e }
#island.s010205 #subMenu .sm_l .ticket_m .t_tit{background: #358cb4}
#island.s010206 #subMenu .sm_l .ticket_m .t_tit{background: #b3491a}


#island.s010301 #subMenu .sm_l .ticket_m .t_tit{background:  #7a6a1f;}
#island.s010302 #subMenu .sm_l .ticket_m .t_tit{background: #265e3b }
#island.s010303 #subMenu .sm_l .ticket_m .t_tit{background: #16519d}
#island.s010304 #subMenu .sm_l .ticket_m .t_tit{background: #e88118 }
#island.s010305 #subMenu .sm_l .ticket_m .t_tit{background: #1072b1 }
#island.s010306 #subMenu .sm_l .ticket_m .t_tit{background: #116875}


#island.s010401 #subMenu .sm_l .ticket_m .t_tit{background: #8e9821 ;}
#island.s010402 #subMenu .sm_l .ticket_m .t_tit{background: #739a0b}
#island.s010403 #subMenu .sm_l .ticket_m .t_tit{background: #75254a }
#island.s010404 #subMenu .sm_l .ticket_m .t_tit{background: #38732f  }
#island.s010405 #subMenu .sm_l .ticket_m .t_tit{background: #ee7ca0 }


#island #subMenu .sm_l .ticket_m .t_tit .tt{font-size: 28px; font-weight: bold;margin-right: 20px;}
#island #subMenu .sm_l .ticket_m .t_tit .tx{font-size: 17px;line-height: 28px;}
#island #subMenu .sm_l .ticket_m .t_tit .modal_btn{background: url(../img/sub/modal_btn_icon.png)0 0 no-repeat; width:42px; height: 42px; position: absolute; top: 50%; right: 40px;transform: translateY(-50%);}

#island #subMenu .sm_l .ticket_m .t_con{padding: 40px 30px; box-sizing: border-box;display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #fff; border-radius: 0 0 20px 20px; position: relative;}
#island #subMenu .sm_l .ticket_m .t_con_l{text-align: center;}
#island #subMenu .sm_l .ticket_m .t_con_l img{display: block; max-width: 100%; margin: 0 auto;}

#island #subMenu .sm_l .ticket_m .t_con_r{}
#island #subMenu .sm_l .ticket_m .t_con_r .tt{font-size: 28px; font-weight: bold; margin-bottom: 15px;text-align: center}
#island #subMenu .sm_l .ticket_m .t_con_r .tx{font-size: 17px; font-weight: bold; margin-bottom: 18px; color: #666;text-align: center;}
#island #subMenu .sm_l .ticket_m .t_con_r .stamp_btn{display: block;font-size: 20px; font-weight: 600; color: #fff; background: #333; width: 100%; max-width: 242px; text-align: center; padding: 14px 0; box-sizing: border-box; margin: 0 auto; border-radius: 50px;}
#island #subMenu .sm_l .ticket_m .t_con_r .stamp_btn::after{content: ''; background: url(../img/sub/stamp_icon.png)0 0 no-repeat; width:16px; height: 21px; display: inline-block; vertical-align: middle; margin: 0 0 4px 10px;}


#island #subMenu .sm_l .ticket_m .t_con::before{content: ''; background: url(../img/sub/ticket_icon_l.jpg)0 0 no-repeat; width:46px; height: 64px; position: absolute; top:50%; left: -19px; transform: translateY(-50%)}
#island #subMenu .sm_l .ticket_m .t_con::after{content: ''; background: url(../img/sub/ticket_icon_l.jpg)0 0 no-repeat; width:46px; height: 64px; position: absolute; top:50%; right: -19px; transform:translateY(-50%) rotate(180deg);  }

#island #subMenu .sm_r{width: 65.15%;}
#island #subMenu .sm_r ul.overview{display: flex; flex-wrap: wrap; margin-bottom: 60px; margin-top: 200px;}
#island #subMenu .sm_r ul.overview li{font-size: 18px; font-weight: 500; line-height: 28px;text-align: center; width: 23.5%; margin: 0 2% 0 0; padding: 23px 20px; box-sizing: border-box; border-radius: 20px; box-shadow: 0 0 14px rgba(0,0,0,.1);background: #fff;}
#island #subMenu .sm_r ul.overview li:last-child{margin: 0 ;}
#island #subMenu .sm_r ul.overview li::before{content: ''; background: url(../img/sub/overview_spicon.png)0 0 no-repeat; width:90px; height: 90px; display: block; margin: 0 auto }
#island #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -90px 0;}
#island #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -180px 0;}
#island #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -270px 0;}

#island.s010102 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -360px 0;}
#island.s010102 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -450px 0;}
#island.s010102 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -540px 0;}
#island.s010102 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -630px 0;}

#island.s010103 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: 0 -90px;}
#island.s010103 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -90px -90px;}
#island.s010103 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -180px -90px;}
#island.s010103 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -270px -90px;}

#island.s010104 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -360px -90px;}
#island.s010104 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -450px -90px;}
#island.s010104 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -540px -90px;}
#island.s010104 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -630px -90px;}

#island.s010105 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: 0px -720px;}
#island.s010105 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -270px -810px;}
#island.s010105 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -360px -810px;}
#island.s010105 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -450px -810px;} 

#island.s010106 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -540px -810px;}
#island.s010106 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -630px -810px;}
#island.s010106 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -0px -900px;}
#island.s010106 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -90px -900px;} 

#island.s010107 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -180px -900px;}
#island.s010107 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -270px -900px;}
#island.s010107 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -360px -900px;}
#island.s010107 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -450px -900px;} 

#island.s010201 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -90px -720px;}
#island.s010201 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -180px -720px;}
#island.s010201 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -540px -900px;}
#island.s010201 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -630px -900px;}

#island.s010202 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: 0px -180px;}
#island.s010202 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -90px -180px;}
#island.s010202 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -180px -180px;}
#island.s010202 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -270px -180px;}

#island.s010203 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -360px -180px;}
#island.s010203 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -450px -180px;}
#island.s010203 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -540px -180px;}
#island.s010203 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -630px -180px;}


#island.s010204 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: 0px -270px;}
#island.s010204 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -90px -270px;}
#island.s010204 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -180px -270px;}
#island.s010204 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -270px -270px;}

#island.s010205 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -360px -270px;}
#island.s010205 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -450px -270px;}
#island.s010205 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -540px -270px;}
#island.s010205 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -630px -270px;}

#island.s010206 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -0px -990px;}
#island.s010206 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -90px -990px;}
#island.s010206 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -180px -990px;}
#island.s010206 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -270px -990px;}


#island.s010301 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -630px -720px;}
#island.s010301 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: 0px -810px;}
#island.s010301 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -90px -810px;}
#island.s010301 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -180px -810px;}

#island.s010302 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: 0px -360px;}
#island.s010302 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -90px -360px;}
#island.s010302 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -180px -360px;}
#island.s010302 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -270px -360px;}

#island.s010303 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -360px -360px;}
#island.s010303 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -450px -360px;}
#island.s010303 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -540px -360px;}
#island.s010303 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -630px -360px;}

#island.s010304 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -0px -450px;}
#island.s010304 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -90px -450px;}
#island.s010304 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -180px -450px;}
#island.s010304 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -270px -450px;}

#island.s010305 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -360px -450px;}
#island.s010305 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -450px -450px;}
#island.s010305 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -540px -450px;}
#island.s010305 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -630px -450px;}

#island.s010306 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -360px -990px;}
#island.s010306 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -450px -990px;}
#island.s010306 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -540px -990px;}
#island.s010306 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -630px -990px;}

#island.s010401 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -270px -720px;}
#island.s010401 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -360px -720px;}
#island.s010401 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -450px -720px;}
#island.s010401 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -540px -720px;}

#island.s010402 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -0px -540px;}
#island.s010402 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -90px -540px;}
#island.s010402 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -180px -540px;}
#island.s010402 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -270px -540px;}

#island.s010403 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -360px -630px;}
#island.s010403 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -450px -630px;}
#island.s010403 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -540px -630px;}
#island.s010403 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -630px -630px;}

#island.s010404 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -360px -540px;}
#island.s010404 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -450px -540px;}
#island.s010404 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -540px -540px;}
#island.s010404 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -630px -540px;}

#island.s010405 #subMenu .sm_r ul.overview li:nth-child(1)::before{background-position: -0px -630px;}
#island.s010405 #subMenu .sm_r ul.overview li:nth-child(2)::before{background-position: -90px -630px;}
#island.s010405 #subMenu .sm_r ul.overview li:nth-child(3)::before{background-position: -180px -630px;}
#island.s010405 #subMenu .sm_r ul.overview li:nth-child(4)::before{background-position: -270px -630px;}


#island #subMenu .sm_r .prologue{display: flex; flex-wrap: wrap; justify-content: space-between;}
#island #subMenu .sm_r .prologue .pro_l{width: 25%}
#island #subMenu .sm_r .prologue .pro_l .pro_tit{font-size: 18px; line-height: 28px; color: #666; font-weight: 500}
#island #subMenu .sm_r .prologue .pro_l .pro_tit b{font-size: 48px; font-weight: 600; display: block; margin-top: 25px; color: #333}
#island #subMenu .sm_r .prologue .pro_l .pro_tit::after{content: ''; background: url(../img/sub/prologue_img.png)0 0 no-repeat; width: 156px; height: 133px; display: block; margin: 35px 0 0 auto}

#island #subMenu .sm_r .prologue .pro_r{width: 68%;}
#island #subMenu .sm_r .prologue .pro_r p{font-size: 17px; line-height: 28px; color: #666}


@keyframes stampon{
0% {transform: scale(1); opacity: 0;}
95% {transform: scale(5); opacity: 0;}
100% {transform: scale(1); opacity: 1; }
}


@media all and (max-width:1024px){
#island #subMenu{margin-top: 0}
#island #subMenu .inner_wrap{flex-direction: column; width: 98%; margin: 0 auto;}
#island #subMenu .sm_l{width: 100%}
#island #subMenu .sm_l .ticket {margin-top: -100px; margin-bottom: 30px;}
#island #subMenu .sm_l .ticket .barcode::before{   background:url(../img/sub/barcode_img.jpg)center center repeat;}
#island #subMenu .sm_r{width: 100%}
#island #subMenu .sm_r ul.overview{margin-bottom: 30px;}
#island #subMenu .sm_r ul.overview li{font-size: 16px; line-height: 24px;}

#island #subMenu .sm_r .prologue{position: static;}
#island #subMenu .sm_r .prologue .pro_l{width: 100%;}
#island #subMenu .sm_r .prologue .pro_l .pro_tit{text-align: center; margin-bottom: 20px;font-size:16px;}
#island #subMenu .sm_r .prologue .pro_l .pro_tit::after{display: none; }
#island #subMenu .sm_r .prologue .pro_l .pro_tit b{margin-top: 5px; font-size: 38px;}

#island #subMenu .sm_r .prologue .pro_r{width: 100%; text-align: center;}
#island #subMenu .sm_r .prologue .pro_r p{font-size: 15px; line-height:26px;}


}

@media all and (max-width:768px){
#island #subMenu .sm_r ul.overview li{width: 48.5%; margin: 0 3% 3% 0; padding: 23px 0; font-size: 15px; line-height: 22px;}
#island #subMenu .sm_r ul.overview li:nth-child(2n){margin: 0 0 3% 0}
#island #subMenu .sm_l .ticket{display: none;}
#island #subMenu .sm_l .ticket_m{display: block; margin-top: -82px; }

}

@media all and (max-width:640px){
#island #subMenu .sm_l .ticket_m .t_tit{display: block;;}
#island #subMenu .sm_l .ticket_m .t_tit .tt{margin-right: 0}

#island #subMenu .sm_l .ticket_m .t_con{display: block; }
#island #subMenu .sm_l .ticket_m .t_con_l{width: 100%; margin-bottom: 10px; }
}

@media all and (max-width:460px){
#island #subMenu .sm_l .ticket_m .t_tit{padding: 20px}
#island #subMenu .sm_l .ticket_m .t_tit .modal_btn{right: 20px;}
#island #subMenu .sm_l .ticket_m .t_tit .tt{font-size: 22px; margin-bottom: 3px;}
#island #subMenu .sm_l .ticket_m .t_tit .tx{font-size: 15px; line-height: 22px;}

#island #subMenu .sm_l .ticket_m .t_con_r .tt{font-size: 22px; margin-bottom: 10px;}
#island #subMenu .sm_l .ticket_m .t_con_r .tx{font-size: 15px;}
#island #subMenu .sm_l .ticket_m .t_con_r .btn{font-size: 18px;}
}

@media all and (max-width:380px){
#island #subMenu .sm_l .ticket_m .t_tit .tx{width: 90%}
#island #subMenu .sm_l .ticket_m .t_tit .modal_btn{zoom:.8; }
}


/* intro */

#intro{margin-bottom: 80px;}
#intro .inner_wrap{ background: url(../img/sub/s010101/s010101_intro_bg.jpg)0 0 no-repeat; width:100%; background-size: cover; padding: 80px 40px; box-sizing: border-box;}

#intro .i_tit{font-size: 48px; color: #58349e; font-weight: 600; margin-bottom: 35px; text-align: center}
#intro .i_txt{font-size: 17px; line-height: 28px; font-weight: 500; margin-bottom: 60px; text-align: center}
#intro .i_txt b{font-family: "맑은 고딕"}

#island.s010102 #intro .i_tit{color:#ab2323 }
#island.s010103 #intro .i_tit{color:#002a64  }
#island.s010104 #intro .i_tit{color:#108b5c  }
#island.s010105 #intro .i_tit{color:#5d6122  }
#island.s010106 #intro .i_tit{color:#2e9d6f  }
#island.s010107 #intro .i_tit{color:#1ba694 }

#island.s010201 #intro .i_tit{color:#a24704}
#island.s010202 #intro .i_tit{color:#272894 }
#island.s010203 #intro .i_tit{color:#5e4436 }
#island.s010204 #intro .i_tit{color:#a48811 }
#island.s010205 #intro .i_tit{color:#358cb4 }
#island.s010206 #intro .i_tit{color:#b3491a }

#island.s010301 #intro .i_tit{color:#7a6a1f}
#island.s010302 #intro .i_tit{color:#265e3b }
#island.s010303 #intro .i_tit{color:#16519d }
#island.s010304 #intro .i_tit{color:#da7106 }
#island.s010305 #intro .i_tit{color:#1072b1 }
#island.s010306 #intro .i_tit{color:#116875 }

#island.s010401 #intro .i_tit{color:#656e07}
#island.s010402 #intro .i_tit{color:#678d00}
#island.s010403 #intro .i_tit{color:#75254a }
#island.s010404 #intro .i_tit{color:#38732f}
#island.s010405 #intro .i_tit{color:#b63f64}




#intro ul.island_list{width: 100%;}
#intro ul.island_list > li{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 60px; width: 100%;}
#intro ul.island_list > li:last-child{margin-bottom: 0}
#intro ul.island_list > li:nth-child(even){flex-direction:row-reverse}
#intro ul.island_list > li .img{ width: 100%; max-width:320px; }
#intro ul.island_list > li:nth-child(odd) .img {border-radius: 200px 200px 0 0; overflow: hidden; margin-right: 5%}
#intro ul.island_list > li:nth-child(even) .img { border-radius: 50%; overflow: hidden; margin-left: 5%}
#intro ul.island_list > li .img img{width: 100%; height: 100%; object-fit: fill;}

#intro ul.island_list > li .txt{}
#intro ul.island_list > li:nth-child(odd) .txt{text-align: right;}

#intro ul.island_list > li .txt > ul.tag{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
#intro ul.island_list > li:nth-child(odd) .txt > ul.tag{justify-content: flex-end;}
#intro ul.island_list > li .txt > ul.tag > li{background: #eadfff; color: #58349e; font-weight: 500; font-size: 18px; display: inline-block; padding: 5px 10px; border-radius: 50px; box-sizing: border-box; margin-right: 10px;}
#intro ul.island_list > li .txt > ul.tag > li:last-child{margin-right: 0}
#intro ul.island_list > li .txt .tit{font-weight: bold; font-size: 28px; margin-bottom: 35px;}
#intro ul.island_list > li .txt .exp{font-size: 17px; line-height: 28px; color: #666}
#intro ul.island_list > li .txt .exp b{font-family: "맑은 고딕"}


#island.s010102 #intro ul.island_list > li .txt > ul.tag > li{color:#ab2323; background:#fce2e2  }
#island.s010103 #intro ul.island_list > li .txt > ul.tag > li{color:#002a64; background: #dde7f3 }
#island.s010104 #intro ul.island_list > li .txt > ul.tag > li{color:#108b5c; background:#d8eae3  }
#island.s010105 #intro ul.island_list > li .txt > ul.tag > li{color:#5d6122; background:#e3e4d6 }
#island.s010106 #intro ul.island_list > li .txt > ul.tag > li{color:#2e9d6f; background:#daf8eb}
#island.s010107 #intro ul.island_list > li .txt > ul.tag > li{color:#1ba694; background:#ddf2ef}


#island.s010201 #intro ul.island_list > li .txt > ul.tag > li{color: #a24704; background:#ecdcd0 }
#island.s010202 #intro ul.island_list > li .txt > ul.tag > li{color: #272894; background:#e1e1f8 }
#island.s010203 #intro ul.island_list > li .txt > ul.tag > li{color:#5e4436; background:#e9e1dc }
#island.s010204 #intro ul.island_list > li .txt > ul.tag > li{color:#a48811; background:#eee8ce }
#island.s010205 #intro ul.island_list > li .txt > ul.tag > li{color: #358cb4; background:#d9e7ee}
#island.s010206 #intro ul.island_list > li .txt > ul.tag > li{color:#b3491a; background:#f3e4de}

#island.s010301 #intro ul.island_list > li .txt > ul.tag > li{color:#7a6a1f; background:#e5e1cf}
#island.s010302 #intro ul.island_list > li .txt > ul.tag > li{color: #265e3b; background:#d6eadd }
#island.s010303 #intro ul.island_list > li .txt > ul.tag > li{color: #16519d; background: #dae3ee}
#island.s010304 #intro ul.island_list > li .txt > ul.tag > li{color:#da7106; background:#f1e3d5 }
#island.s010305 #intro ul.island_list > li .txt > ul.tag > li{color: #1072b1; background:#d2e5f1 }
#island.s010306 #intro ul.island_list > li .txt > ul.tag > li{color:#116875; background:#daebee}

#island.s010401 #intro ul.island_list > li .txt > ul.tag > li{color:#656e07; background: #dee1be}
#island.s010402 #intro ul.island_list > li .txt > ul.tag > li{color: #678d00; background:#e1eaca}
#island.s010403 #intro ul.island_list > li .txt > ul.tag > li{color: #75254a; background:#ead6df }
#island.s010404 #intro ul.island_list > li .txt > ul.tag > li{color:#38732f; background:#d2e6cf}
#island.s010405 #intro ul.island_list > li .txt > ul.tag > li{color: #b63f64; background:#efdbe2}

@media all and (max-width:1024px){

#intro .inner_wrap{padding: 50px 30px;}
#intro .i_tit{font-size: 38px; margin-bottom: 25px;}
#intro .i_txt{font-size:15px; line-height: 26px;margin-bottom: 40px; }
#intro .i_txt b{font-family: "맑은 고딕"}
/*
#intro ul.island_list > li{flex-direction: column}
#intro ul.island_list > li .img{margin-right: 0; margin-bottom: 30px;}
#intro ul.island_list > li:nth-child(odd) .txt{text-align: left}
#intfro ul.island_list > li:nth-child(odd) .txt > ul.tag{justify-content: flex-start}

*/
#intro ul.island_list > li .img{max-width: 300px;}
#intro ul.island_list > li:nth-child(odd) .img{margin-right: 3%}
#intro ul.island_list > li:nth-child(even) .img{margin-left: 3%}
#intro ul.island_list > li .txt{width: calc(100% - 300px - 3% )}
#intro ul.island_list > li .txt > ul.tag > li{font-size:  16px;}
#intro ul.island_list > li .txt .tit{font-size: 22px; margin-bottom: 20px;}
#intro ul.island_list > li .txt .exp{font-size: 16px ;line-height: 25px;}
}


@media all and (max-width:768px){
#intro ul.island_list > li .img{max-width: 250px;}
#intro ul.island_list > li .txt{width: calc(100% - 250px - 3% )}
#intro ul.island_list > li .txt > ul.tag{margin-bottom: 15px;}
#intro ul.island_list > li .txt > ul.tag > li{font-size: 14px;}
#intro ul.island_list > li .txt .tit{font-size: 18px; margin-bottom: 15px;}
#intro ul.island_list > li .txt .exp{font-size: 15px; line-height: 24px;}
}


@media all and (max-width:640px){
#intro .inner_wrap{padding: 40px 20px;}
#intro ul.island_list > li .img{max-width: 220px;}
#intro ul.island_list > li .txt{width: calc(100% - 220px - 3% )}
}


@media all and (max-width:525px){
#intro ul.island_list > li{flex-direction: column !important; margin-bottom: 30px; }
#intro ul.island_list > li .img{margin-bottom: 15px; max-width: 320px;}
#intro ul.island_list > li:nth-child(odd) .img{margin-right: 0}
#intro ul.island_list > li:nth-child(even) .img{margin-left: 0}
#intro ul.island_list > li .txt{width: 100%;text-align: center;}
#intro ul.island_list > li:nth-child(odd) .txt{text-align: center;}
#intro ul.island_list > li .txt > ul.tag{justify-content: center !important;}
}

/* epilogue */

#epilogue{margin-bottom: 80px;}
#epilogue .inner_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

#epilogue .img{width: 49%; border-radius: 10px; border-radius: 20px; overflow: hidden;}
#epilogue .img img{width: 100%; height: 100%; object-fit: fill;}
#epilogue .txt{width: 47%; }
#epilogue .txt .main_tit{font-size: 48px; font-weight: 600; margin-bottom: 30px; }
#epilogue .txt .sub_tit{font-size: 28px; font-weight: 600; margin-bottom: 30px; }
#epilogue .txt .exp{font-size: 17px; line-height: 28px;  }


@media all and (max-width:1024px){
#epilogue .txt .main_tit{font-size: 38px; margin-bottom: 20px;}
#epilogue .txt .sub_tit{font-size: 22px; margin-bottom: 20px;}
#epilogue .txt .exp{font-size: 15px; line-height: 26px;}
}

@media all and (max-width:768px){
#epilogue .inner_wrap{flex-direction: column;}
#epilogue .img{width: 100%; margin-bottom: 20px;}
#epilogue .txt{width: 100%; text-align: center;}
}



/* course */

#course{width: 100%; background: linear-gradient( to top, #efeff6, #fff ); padding: 80px 0; box-sizing: border-box; margin-bottom: 110px;}
#course .inner_wrap{}

#course .item:last-child{margin-bottom: 0}
#course .item .c_tit{display: flex; flex-wrap: wrap; margin-bottom: 20px; }
#course .item .c_tit .tt{font-size: 48px; font-weight: 600; margin-right:20px;}
#course .item .c_tit ul.tx{display: flex; align-items: center;}
#course .item .c_tit ul.tx li{font-size: 17px; font-weight: 500; color: #fff; background: #a1b2cd; display: inline-block;padding: 0 18px; box-sizing: border-box; text-align: center; border-radius: 50px; margin-right: 10px; height: 34px; line-height: 34px; }
#course .item .c_tit ul.tx li:last-child{margin-right: 0}
#course .item .c_tit ul.tx li span{padding: 7px 10px; box-sizing: border-box; border-radius: 50%;}
#course .item .c_tit ul.tx li span.on {background: #071e53;}

#course .item .c_exp{font-size: 17px; font-weight: 500; line-height: 28px;}


#course .item ul.course_list{display: flex; flex-wrap: wrap; /* justify-content: space-around; */ box-sizing: border-box; width: 100%; margin-top: 80px; }

#course .item ul.course_list li{position: relative;width: 20%; box-sizing: border-box;margin:0 0 120px 0}
#course .item ul.course_list li:last-child{margin-bottom: 0}
#course .item ul.course_list li p.tit{margin-top: 30px; text-align: center; font-size: 28px; font-weight: 600; position: relative;}

#course .item ul.course_list li p.tit b{display: block;font-size: 18px; font-weight: 600; color: #5943bf;height: 21px;}
#course .item ul.course_list li span{text-align: center; display: block; font-size: 17px; color: #666}


#course .item ul.course_list li:before {content: '';width: calc(100% - 4px);height:1px;border-bottom:2px dashed #c0b8e4;position:absolute;left:0;top:8px;z-index:1;}

#course .item ul.course_list li::after{content: ''; background: #fff; width: 100%; height: 18px; position: absolute; top: 0;left: 0;box-shadow:0 2px 1px rgba(0,0,0,0.1);}
#course .item ul.course_list li:first-child::after{border-radius: 50px 0 0 50px;}
#course .item ul.course_list li:last-child::after{border-radius: 0 50px 50px 0;}


#course .item ul.course_list li p.tit::before{content: ''; background: url(../img/sub/course_icon2.png)0 0 no-repeat; width:32px; height: 32px; position: absolute; top: -36px; left: 50%; transform: translateX(-50%); z-index: 2}
#course .item ul.course_list li:first-child p.tit::before{content: ''; background: url(../img/sub/course_icon1.png)0 0 no-repeat;}
#course .item ul.course_list li:last-child p.tit::before{content: ''; background: url(../img/sub/course_icon1.png)0 0 no-repeat; }
#course .item ul.course_list li:first-child p.tit::after{content: ''; background: url(../img/sub/course_icon.png)0 0 no-repeat; width:71px; height: 76px; position: absolute; top: -100px; left: 50%; transform: translateX(-50%);z-index: 1 }
#course .item ul.course_list li:last-child p.tit::after{content: ''; background: url(../img/sub/course_icon.png)0 0 no-repeat; width:71px; height: 76px; position: absolute; top: -95px; left: 50%; transform: translateX(-50%); z-index: 1}



@media all and (max-width:1024px){
#course{padding: 50}
#course .item .c_tit .tt{font-size: 40px;}
#course .item .c_tit ul.tx li{font-size: 15px;}
#course .item .c_exp{font-size: 15px; line-height: 24px;}
#course .item ul.course_list li p.tit{font-size: 20px;}
#course .item ul.course_list li p.tit b{font-size: 16px;}
#course .item ul.course_list li span{font-size: 15px;}
}


@media all and (max-width:768px){
#course .item{margin-bottom: 40px;}
#course .item .c_tit .tt{font-size: 32px; }
#course .item .c_tit ul.tx{}
#course .item .c_tit ul.tx li{height: 30px; line-height: 30px;}
#course .item .c_tit ul.tx li span{padding: 6px 9px;}
#course .item ul.course_list{margin-top: 50px;}
#course .item ul.course_list li::before{zoom:.7; top: -3px;}
#course .item ul.course_list li::after{height: 12px;}

#course .item ul.course_list li p.tit{font-size: 16px; margin-top: 20px}
#course .item ul.course_list li p.tit b{font-size: 14px; height: 16px;}
#course .item ul.course_list li span{font-size: 14px;}
#course .item ul.course_list li p.tit::before{zoom:.7;top: -35px}
#course .item ul.course_list li:last-child p.tit::after{zoom:.6; top: -120px;}
#course .item ul.course_list li:first-child p.tit::after{zoom:.6; top: -120px;}



}


@media all and (max-width:640px){

}

@media all and (max-width:525px){

#course .item .c_tit{flex-direction: column; margin-bottom: 15px;}
#course .item .c_tit .tt{margin-bottom: 7px; margin-right: 0}
#course .item ul.course_list{justify-content: flex-start; margin-top: 20px;}
#course .item ul.course_list li{width: 33.33%; margin-bottom: 20px;}
#course .item ul.course_list li:last-child p.tit::after{display: none;}
#course .item ul.course_list li:first-child p.tit::after{display: none;}
}






/* quickBtn */
#quickBtn{margin-bottom: 80px;}
#quickBtn .inner_wrap{}
#quickBtn ul.q_list{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#quickBtn ul.q_list li{width: 8.14%; cursor: pointer;}

#quickBtn ul.q_list li.on{width:47.7%;}
#quickBtn ul.q_list li .island_name{height: 416px; width: 100%; writing-mode: vertical-lr; padding: 0 40px; box-sizing: border-box; border-radius: 10px; background-size: cover;font-size: 28px; font-weight: 600; color: #fff; text-align: center; }
#quickBtn ul.q_list li .island_dtl{display: none;height: 416px; background-size: cover; border-radius: 10px; padding: 110px 12%; box-sizing: border-box;}
#quickBtn ul.q_list li.on .island_name{display: none}
#quickBtn ul.q_list li.on .island_dtl{display: block;}

/* 퀵이미지 없을 때 */
#quickBtn ul.q_list li .island_name{background: url(../img/sub/quick_img_no.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl{ background: url(../img/sub/quick_img_no.jpg) 0 0 no-repeat; }

#quickBtn ul.q_list li .island_name.s010101{background: url(../img/sub/s010101/s010101_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010101{ background: url(../img/sub/s010101/s010101_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010102{background: url(../img/sub/s010102/s010102_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010102{ background: url(../img/sub/s010102/s010102_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010103{background: url(../img/sub/s010103/s010103_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010103{ background: url(../img/sub/s010103/s010103_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010104{background: url(../img/sub/s010104/s010104_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010104{ background: url(../img/sub/s010104/s010104_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010105{background: url(../img/sub/s010105/s010105_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010105{ background: url(../img/sub/s010105/s010105_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010106{background: url(../img/sub/s010106/s010106_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010106{ background: url(../img/sub/s010106/s010106_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010107{background: url(../img/sub/s010107/s010107_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010107{ background: url(../img/sub/s010107/s010107_quick_img.jpg) 0 0 no-repeat; }

#quickBtn ul.q_list li .island_name.s010201{background: url(../img/sub/s010201/s010201_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010201{ background: url(../img/sub/s010201/s010201_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010202{background: url(../img/sub/s010202/s010202_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010202{ background: url(../img/sub/s010202/s010202_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010203{background: url(../img/sub/s010203/s010203_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010203{ background: url(../img/sub/s010203/s010203_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010204{background: url(../img/sub/s010204/s010204_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010204{ background: url(../img/sub/s010204/s010204_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010205{background: url(../img/sub/s010205/s010205_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010205{ background: url(../img/sub/s010205/s010205_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010206{background: url(../img/sub/s010206/s010206_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010206{ background: url(../img/sub/s010206/s010206_quick_img.jpg) 0 0 no-repeat; }

#quickBtn ul.q_list li .island_name.s010301{background: url(../img/sub/s010301/s010301_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010301{ background: url(../img/sub/s010301/s010301_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010302{background: url(../img/sub/s010302/s010302_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010302{ background: url(../img/sub/s010302/s010302_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010303{background: url(../img/sub/s010303/s010303_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010303{ background: url(../img/sub/s010303/s010303_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010304{background: url(../img/sub/s010304/s010304_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010304{ background: url(../img/sub/s010304/s010304_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010305{background: url(../img/sub/s010305/s010305_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010305{ background: url(../img/sub/s010305/s010305_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010306{background: url(../img/sub/s010306/s010306_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010306{ background: url(../img/sub/s010306/s010306_quick_img.jpg) 0 0 no-repeat; }

#quickBtn ul.q_list li .island_name.s010401{background: url(../img/sub/s010401/s010401_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010401{ background: url(../img/sub/s010401/s010401_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010402{background: url(../img/sub/s010402/s010402_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010402{ background: url(../img/sub/s010402/s010402_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010403{background: url(../img/sub/s010403/s010403_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010403{ background: url(../img/sub/s010403/s010403_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010404{background: url(../img/sub/s010404/s010404_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010404{ background: url(../img/sub/s010404/s010404_quick_img.jpg) 0 0 no-repeat; }
#quickBtn ul.q_list li .island_name.s010405{background: url(../img/sub/s010405/s010405_quick_img.jpg) center center no-repeat;}
#quickBtn ul.q_list li .island_dtl.s010405{ background: url(../img/sub/s010405/s010405_quick_img.jpg) 0 0 no-repeat; }


#quickBtn ul.q_list li .island_dtl .name{font-size: 28px; font-weight: 600; color: #fff; display: block; margin-bottom: 20px;}
#quickBtn ul.q_list li .island_dtl .exp{display: block; font-size: 17px; font-weight: 500; color: #fff; line-height: 28px; margin-bottom: 30px}
#quickBtn ul.q_list li .island_dtl a{}


@media all and (max-width:1024px){
#quickBtn ul.q_list li{width: 49%; box-sizing: border-box; margin: 0 2% 2% 0}
#quickBtn ul.q_list li:nth-child(2n){margin: 0 0 2% 0;}
#quickBtn ul.q_list li.on{width:49%;}
#quickBtn ul.q_list li .island_name{writing-mode: unset; line-height: 350px;height: 350px;}
#quickBtn ul.q_list li .island_dtl .name{font-size: 22px;}
#quickBtn ul.q_list li .island_dtl .exp{font-size: 15px; ;line-height: 26px;}
#quickBtn ul.q_list li .island_dtl{height: 350px; padding: 60px 12%;}

}

@media all and (max-width:640px){
#quickBtn ul.q_list li{width: 100%; margin: 0 0 2% 0}
}


/* 여행정보 모달 */

.modal_box{display: none; position: fixed; top: 0;left:0;bottom: 0;left: 0; z-index: 9999; width: 100%;min-width: 320px; height: 100%; background-color: rgba(0,0,0,0.5);font-size: 16px; line-height: 160%;}
.modal_box .modal_inner{width: 100%; max-width: 1400px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 94%; overflow: hidden; border-radius: 20px;}

.modal_box .modal_head{background: url(../img/sub/s010101/s010101_travel_bg.jpg) center center no-repeat; background-size: cover; width: 100%; height:328px; color: #fff; text-align: center; padding: 40px 0; box-sizing: border-box; text-shadow: 0 0 12px rgba(0,0,0,.2)}
.modal_box .modal_head .modal_close_btn{background: url(../img/sub/modal_close_btn.png)0 0 no-repeat; width:42px; height: 42px; display: block; margin: 0 auto 40px;}
.modal_box .modal_head p.tit{font-size: 48px; font-weight: bold; margin-bottom: 25px;}
.modal_box .modal_head p.txt{font-size: 18px; font-weight: 500; line-height: 28px;}

.modal_box .modal_cont{background: #fff; width: 100%; height: calc(100% - 308px); overflow: hidden; overflow-y: scroll; border-radius: 0 0 20px 20px; padding: 40px 0; box-sizing: border-box;}

.modal_box .modal_cont .item{margin-bottom: 80px; padding: 0 40px; box-sizing: border-box;}
.modal_box .modal_cont .item:last-child{margin-bottom: 0}
.modal_box .modal_cont .middle{font-size: 28px; line-height: 34px; font-weight: bold; text-align: center; margin-bottom: 10px;}
.modal_box .modal_cont .desc{font-size: 18px; line-height: 28px; font-weight: 500; text-align: center; color: #666; margin-bottom: 25px;}

.modal_box .modal_cont ul.hp_list{display: flex; flex-wrap: wrap; }
.modal_box .modal_cont ul.hp_list li{border: 2px solid #e2e2e2; width:23.5%; margin: 0 2% 2% 0; padding: 30px; box-sizing: border-box;border-radius: 20px; position: relative}
.modal_box .modal_cont ul.hp_list li::before{content: ''; background: url(../img/sub/modal_hp_list_icon.jpg)0 0 no-repeat; width:15px; height: 30px; position: absolute;top: 245px; left: -2px; transform: rotate(-180deg) }
.modal_box .modal_cont ul.hp_list li::after{content: ''; background: url(../img/sub/modal_hp_list_icon.jpg)0 0 no-repeat; width:15px; height: 30px; position: absolute;top: 245px; right: -2px;  }
.modal_box .modal_cont ul.hp_list li:nth-child(4n){margin: 0 0 2% 0;}
.modal_box .modal_cont ul.hp_list li .thumb{width: 100%; padding-bottom: 30px;overflow: hidden; border-bottom: 2px dashed #e2e2e2; box-sizing: border-box; }
.modal_box .modal_cont ul.hp_list li .thumb img{display: block; width: 100%; border-radius: 20px;  }
.modal_box .modal_cont ul.hp_list li .txt{padding-top: 30px; box-sizing: border-box; }
.modal_box .modal_cont ul.hp_list li .txt .name{font-size: 28px; font-weight: 600; margin-bottom: 10px;}
.modal_box .modal_cont ul.hp_list li .txt .exp{font-size: 18px; line-height: 28px; color: #666}

.modal_box .modal_cont .tbl_cmn{}
.modal_box .modal_cont .tbl_cmn th{background: #f9f9f9; padding: 20px; font-size: 18px;border-bottom: 1px solid #ccc; border-top: 2px solid #000;text-align: center;}
.modal_box .modal_cont .tbl_cmn td{padding: 20px;text-align: center; font-size: 18px;border-bottom: 1px solid #ccc;}


/* island_transport*/
.island_transport{padding: 40px 0 0 0 !important;text-align: center;}
.island_transport .middle{padding: 0 0 8px 0;}
.island_transport .desc{padding-bottom: 30px;}

.island_transport div[class*=transport_list]{position: relative;box-sizing: border-box;width: 1200px;min-height: 127px;margin: 0 auto;margin-bottom: 20px;padding: 30px 30px 30px 200px;text-align: left;background-color: #fff;box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1);}
.island_transport div[class*=transport_list] h5{position: absolute;top: 22px;left: 0;width: 200px;padding-top: 64px;text-align: center;font-size: 18px;font-weight: 600;}
.island_transport div[class*=transport_list] h5:before{display: inline-block;position: absolute;top: 0;left: 50%;width: 60px;height: 60px;margin-left: -30px;content: '';background-image: url(/src/img/sub/img_sprite.png);}
.island_transport div[class*=transport_list] li{position: relative;margin-top: 8px;font-size: 16px;line-height: 34px;}
.island_transport div[class*=transport_list] li img{max-width: 100%;}
.island_transport .transport_list_1 h5:before{background-position: -300px -500px;}
.island_transport .transport_list_2 h5:before{background-position: -360px -500px;}
.island_transport li b{font-weight: 700;}
.island_transport ul li:first-child{margin-top: 0;}
.transport_table_1{margin:5px 0}
.transport_table_1 th{padding: 6px 3px;border: 1px solid #ccc;background-color: #f4f4f4;word-break:keep-all;line-height: 150%;text-align: center;}
.transport_table_1 td{padding: 3px 10px;border: 1px solid #ccc;word-break:keep-all;line-height: 150%;text-align: center;}
.transport_table_1 .cc{font-family: 'dotum';}

/* island_link*/
.island_link{position: relative;padding: 60px 0;text-align: center;}
.island_link .middle{padding-bottom: 0;}
.island_link ul{margin-top: 30px;}
.island_link li{display: inline-block;width: 28%;margin: 0 0.3%;text-align: left;}
.island_link li a{display: block;position: relative;max-width: 100%;padding: 30px 30px;border: 1px solid #bbb;border-radius: 6px;transition: all 0.2s ease;}
.island_link li a:hover{border-color: #333;}
.island_link li a:before{display: inline-block;opacity: 0.3;position: absolute;top: 10px;right: 10px;width: 40px;height: 40px;content: '';user-select: none;transition: all 0.2s ease;pointer-events: none;background: url(/src/img/sub/img_sprite.png) -160px -20px;}
.island_link li a:hover:before{opacity: 0.9;}
.island_link li b{display: block;overflow: hidden;box-sizing: border-box;height: 30px;padding-right: 40px;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;word-break: break-all;font-size: 20px;font-weight: 700;line-height: 30px;}
.island_link li p{display: block;overflow: hidden;height: 30px;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;word-break: break-all;color: #999;font-size: 16px;line-height: 30px;}

.icon_file{display: inline-block;width: 40px;height: 40px;background: url(/src/img/sub/img_sprite.png) -120px -60px no-repeat;}
.icon_location{display: inline-block;opacity: 0.5;position: relative;top: 0;left: 0;width: 40px;height: 40px;vertical-align: middle;background: url(/src/img/sub/img_sprite.png) -80px -20px no-repeat;}


@media (max-width:1024px){
    
    .modal_box .modal_head p.tit{font-size: 40px;}
    .modal_box .modal_head p.txt{font-size: 16px; line-height: 25px;}
    
    .modal_box .modal_cont .middle{font-size: 24px; margin-bottom: 5px;}
    .modal_box .modal_cont .desc{font-size: 16px;}
    
    .modal_box .modal_cont ul.hp_list li{width: 49%;}
    .modal_box .modal_cont ul.hp_list li:nth-child(2n){margin: 0 0 2% 0; }
    
    .modal_box .modal_cont ul.hp_list li .txt .name{font-size: 22px;}
    .modal_box .modal_cont ul.hp_list li .txt .exp{font-size: 16px; line-height: 25px;}
    
    .modal_box .modal_cont .tbl_cmn th{font-size: 16px}
    .modal_box .modal_cont .tbl_cmn td{font-size: 16px}
    
.island_transport div[class*=transport_list]{width: 90%;padding: 20px;box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);}
	.island_transport div[class*=transport_list] h5{position: relative;top: 0;left: 0;width: auto;margin-bottom: 16px;}
	.island_transport div[class*=transport_list] li{padding-bottom: 5px;font-size: 15px;line-height: 140%;}
	.island_facility .stay{position: relative;width: 100%;}
	.island_facility .stay .stay_inner{position: relative;box-sizing: border-box;width: auto;margin: 0 0 0 auto;padding: 30px 5%;}
	.island_facility .eat{position: relative;position: relative;top: 0;right: 0;width: 100%;color: #fff;}
	.island_facility .eat .eat_inner{position: relative;width: auto;margin: 0 auto 0 0;padding: 30px 5%;}
    
    .island_link li b{font-size: 18px;}
}


@media (max-width:768px){
    .modal_box .modal_cont .item{padding: 0 20px; margin-bottom: 60px;}
    .island_link li{width: 100%; margin-bottom: 8px;}
    .island_link li p{font-size: 15px;}
}

@media (max-width:640px){
    .modal_box .modal_cont ul.hp_list li{width: 100%; margin: 0 0 20px 0 !important;}
    
}


/* s0201 가고싶은섬사업소개 */

.s0201{}
.s0201 .sub_inner{width: 100%; max-width: 1400px; margin: 0 auto; word-break: keep-all;}


.s0201 .con_wrap{}
.s0201 .con_top{display: flex; flex-wrap: wrap; justify-content: space-between;  align-items: center; padding-bottom: 40px; box-sizing: border-box; border-bottom: 1px solid #ccc; margin-bottom: 80px;}
.s0201 .con_top .con_top_l{width: 100%; max-width: 180px;}
.s0201 .con_top .con_top_r{width: calc(100% - 180px);}
.s0201 .con_top .con_top_r p.tit{font-size: 34px; font-weight: bold; margin-bottom: 20px;}
.s0201 .con_top .con_top_r p.exp{font-size: 18px; line-height: 28px; color: #666;}

.s0201 .con_list{margin-bottom: 75px;}
.s0201 .con_list .list_wrap{margin-bottom: 60px;}
.s0201 .con_list .list_wrap .item{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.s0201 .con_list .list_wrap .item:last-child{margin-bottom: 0}
.s0201 .con_list .list_wrap .item .item_l{width: 31.42%; display: flex; align-items: center;}
.s0201 .con_list .list_wrap .item .item_l p{font-size: 28px; font-weight: 600; line-height: 38px;  }
.s0201 .con_list .list_wrap .item_l::before{content: ''; background: url(../img/sub/s0201_item_spicon.png)0 0 no-repeat; width:80px; height: 80px; display: block;margin-right: 30px;}
.s0201 .con_list .list_wrap .item:nth-child(2) .item_l::before{background-position: -80px 0}
.s0201 .con_list .list_wrap .item:nth-child(3) .item_l::before{background-position: -160px 0}
.s0201 .con_list .list_wrap .item .item_l p span{color: #c5b281;}
.s0201 .con_list .list_wrap .item:nth-child(2) .item_l p span{color: #a2aac8}
.s0201 .con_list .list_wrap .item:nth-child(3) .item_l p span{color: #93c7b7}

.s0201 .con_list .list_wrap .item .item_r{width: 68.58%}
.s0201 .con_list .list_wrap .item .item_r ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.s0201 .con_list .list_wrap .item .item_r ul li{width: 30.66%; font-size: 18px; line-height: 28px; background: #fff8e4; padding: 30px 35px; box-sizing: border-box; border-radius: 10px; position: relative;}
.s0201 .con_list .list_wrap .item:nth-child(2) .item_r ul li{background: #e9edfb}
.s0201 .con_list .list_wrap .item:nth-child(3) .item_r ul li{background: #ebf5f2}

.s0201 .con_list .list_wrap .item .item_r ul li::before{content: '01'; background: #fff; display: block; position: absolute; top: 50%; left: -26px; width: 50px; height: 52px; line-height: 50px; text-align: center; border-radius: 50%; transform: translateY(-50%); box-sizing: border-box;}
.s0201 .con_list .list_wrap .item .item_r ul li:nth-child(2)::before{content: '02';}
.s0201 .con_list .list_wrap .item .item_r ul li:nth-child(3)::before{content: '03';}

.s0201 .con_list p.exp{font-size: 18px; line-height: 28px; color: #666; }

.s0201 .con_business{border: 2px solid #e2e2e2; border-radius: 20px; box-sizing: border-box; position: relative; padding: 70px 10% 40px 10%;}
.s0201 .con_business p.tit{font-size: 34px; font-weight: bold; width: 100%; max-width: 380px; background: #fff; position: absolute; top: -20px; left: 50%; transform: translateX(-50%);text-align: center; }
.s0201 .con_business .b_list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.s0201 .con_business .b_list .list{width: 46%;}
.s0201 .con_business .b_list .list .b_img{border-radius: 10px; overflow: hidden;}
.s0201 .con_business .b_list .list .b_img img{width: 100%; max-width: 100%; display: block;}
.s0201 .con_business .b_list .list .b_tit{font-size: 24px; font-weight: 600; text-align: center; padding: 30px 0; box-sizing: border-box;}
.s0201 .con_business .b_list .list ul.b_txt{display: flex; flex-wrap: wrap; margin-bottom: 40px; }

.s0201 .con_business .b_list .list ul.b_txt li{width: 50%;border-right: 1px solid #333; border-bottom: 1px solid #333; box-sizing: border-box; position: relative;}
.s0201 .con_business .b_list .list ul.b_txt li:first-child::after{content: ''; background: url(../img/sub/s0201_b_txt_icon.png)0 0 no-repeat; width:23px; height: 23px; position: absolute; bottom: -11px; right: -12px;z-index: 1 }
.s0201 .con_business .b_list .list ul.b_txt li:nth-child(2n){width: 50%;border-right: 0;}
.s0201 .con_business .b_list .list ul.b_txt li:nth-child(n + 3){border-bottom: 0}
.s0201 .con_business .b_list .list ul.b_txt li p{background: #f4f4f4; min-height: 160px; font-size: 18px; line-height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content:center; text-align: center}

@media all and (max-width:1400px){
    .s0201 .sub_inner{width: 98%; }
}

@media all and (max-width:1200px){
    .s0201 .con_list .list_wrap .item{flex-direction: column;}
    .s0201 .con_list .list_wrap .item .item_l{width: 100%; margin-bottom: 10px;}
    .s0201 .con_list .list_wrap .item_l::before{margin-right: 20px;}
    .s0201 .con_list .list_wrap .item .item_l p br{display: none;}
    .s0201 .con_list .list_wrap .item .item_r{width: 100%; padding-left: 20px;; box-sizing: border-box;}
}


@media all and (max-width:1024px){
    .s0201 .con_top{margin-bottom: 40px;}
    .s0201 .con_top .con_top_r p.tit{font-size: 28px; margin-bottom: 10px;}
    .s0201 .con_top .con_top_r p.exp{font-size: 16px; line-height: 26px;}
    
    .s0201 .con_list .list_wrap{margin-bottom: 40px}
    .s0201 .con_list .list_wrap .item{margin-bottom: 30px;}
    .s0201 .con_list .list_wrap .item .item_l p{font-size: 24px;}
    .s0201 .con_list .list_wrap .item_l::before{zoom:.7}
    .s0201 .con_list .list_wrap .item .item_r ul li{font-size: 16px; line-height: 26px; padding: 30px 10px 30px 30px;}
    .s0201 .con_list .list_wrap .item .item_r ul li::before{width: 38px; height: 38px; line-height: 38px; left: -20px; font-size: 15px}
    
    
    .s0201 .con_list p.exp{font-size: 16px; line-height: 26px;}
   
    
    .s0201 .con_business{padding:50px 5% 20px 5%; }
    .s0201 .con_business .b_list .list{width: 48%;}
    .s0201 .con_business p.tit{font-size: 28px;}
    .s0201 .con_business .b_list .list .b_tit{font-size: 20px; padding: 15px 0;}
    .s0201 .con_business .b_list .list ul.b_txt li p{font-size: 16px; line-height: 24px;}
}


@media all and (max-width:768px){
    
    
    .s0201 .con_top{flex-direction: column;}
    .s0201 .con_top .con_top_l{max-width: none;margin-bottom: 20px;}
    .s0201 .con_top .con_top_r{width: 100%;}
    
    .s0201 .con_list{margin-bottom: 50px;}
    .s0201 .con_list .list_wrap .item .item_l p{font-size: 22px; line-height: 30px;}
    .s0201 .con_list .list_wrap .item .item_r ul li br {display: none;}
    
    .s0201 .con_list .list_wrap .item .item_r ul li{padding: 25px 15px; width: 32%;}
    .s0201 .con_list .list_wrap .item .item_r ul li::before{top: 0;left: 50%; transform: translate(-50%,-50%);}
    
    .s0201 .con_business .b_list{flex-direction: column;}
    .s0201 .con_business .b_list .list{width: 100%;}
    
    .s0201 .con_business .b_list .list ul.b_txt li p{font-size: 15px; line-height: 22px;}
    
}

@media all and (max-width:525px){
    
    .s0201 .con_list .list_wrap .item_l::before{zoom:.5}
    .s0201 .con_list .list_wrap .item .item_r{padding-left: 0}
    .s0201 .con_list .list_wrap .item .item_r ul{flex-direction: column;}
    .s0201 .con_list .list_wrap .item .item_r ul li{width: 100%; margin-bottom: 10px; padding-left: 60px;}
    .s0201 .con_list .list_wrap .item .item_r ul li:last-child{margin-bottom: 0}
    .s0201 .con_list .list_wrap .item .item_r ul li::before{display: inline-block; transform: translate(0, 50%);left: 15px; }
    
    .s0201 .con_business .b_list .list ul.b_txt li p{padding: 0 20px; box-sizing: border-box;}
    
}



/* s0202 가고싶은섬현황 */

.s0202{}
.s0202 .sub_inner{width: 100%; max-width: 1400px; margin: 0 auto; word-break: keep-all;}

.s0202 .map_wrap{background: url(../img/sub/s0202_map_bg.jpg)0 0 no-repeat; border-radius: 20px 20px 0 0; padding: 40px; box-sizing: border-box;width: 100%; height: 779px;background-size: cover;}
.s0202 p.map_tit{font-size: 48px; font-weight: bold; font-family:  'GangwonEduPowerExtraBoldA'; color: #fff; text-align: center; margin-bottom: 25px;}
.s0202 .map_wrap img{max-width: 100%}
.s0202 .con_wrap{padding: 100px 70px 70px; box-sizing: border-box; background: #6276b6; color: #fff;display: flex; flex-wrap: wrap; justify-content: space-between;}
.s0202 .con_wrap .item{display: flex; flex-wrap: wrap; justify-content: space-between; width: 68% }
.s0202 .con_wrap .item:nth-child(2){width: 30%}

.s0202 .con_wrap .item .item_l{width: 100%; max-width: 140px;border-left: 1px solid #a6b2d6; border-right: 1px solid #a6b2d6; box-sizing: border-box;}
.s0202 .con_wrap .item .item_l p.tit{font-size: 20px; font-weight: bold; text-align: center; }
.s0202 .con_wrap .item .item_l p.tit::after{content: ''; background: url(../img/sub/s0202_tit_spicon.png)0 0 no-repeat; width:68px; height: 50px; display: block; margin: 20px auto;}
.s0202 .con_wrap .item:nth-child(2) .item_l p.tit::after{background-position: -68px 0}
.s0202 .con_wrap .item .item_l p.num{font-size: 17px; font-weight: 600; text-align: center;}
.s0202 .con_wrap .item .item_l p.num img{max-width: 100%; margin-right: 10px; display: inline-block;}

.s0202 .con_wrap .item .item_r{width: calc(100% - 140px);} 
.s0202 .con_wrap .item .map_tbl{}
.s0202 .con_wrap .item .map_tbl tr td{border-bottom: 1px solid #a6b2d6;border-right: 1px solid #a6b2d6;box-sizing: border-box;font-size: 17px; padding: 15px 12px; box-sizing: border-box; letter-spacing: -2px; text-align: center;}
.s0202 .con_wrap .item .map_tbl tr td:last-child{border-right: 0}
.s0202 .con_wrap .item .map_tbl tr:last-child td{border-bottom:0;}


@media all and (max-width:1024px){
.s0202 .map_wrap{height: auto;}
.s0202 p.map_tit{font-size: 38px;}
.s0202 .con_wrap{padding: 40px;}
.s0202 .con_wrap .item{width: 100%;margin-bottom: 30px; display: block;}
.s0202 .con_wrap .item:last-child{margin-bottom: 0; width: 100%;}
    .s0202 .con_wrap .item .item_l{display: flex;width: 100%; max-width: none; align-items: flex-end; border: 0; margin-bottom: 10px; }
    .s0202 .con_wrap .item .item_l p.tit{margin-right: 20px; font-size: 18px;}
.s0202 .con_wrap .item .item_l p.tit::after{display: none;}
.s0202 .con_wrap .item .item_l p.tit::before{content: ''; background: url(../img/sub/s0202_tit_spicon.png)0 0 no-repeat; width:68px; height: 50px; display: inline-block; vertical-align: middle; margin: 20px auto; zoom:.5;}
.s0202 .con_wrap .item:nth-child(2) .item_l p.tit::before{background-position: -68px 0}
    .s0202 .con_wrap .item .item_l p.num{font-size: 15px;}
    .s0202 .con_wrap .item .item_l p.num img{zoom:.6}
    
    .s0202 .con_wrap .item .item_r{width: 100%;}
    .s0202 .con_wrap .item .map_tbl tr td{font-size: 15px;}
}


@media all and (max-width:768px){
    .s0202 .map_wrap{padding:30px 20px;}
    .s0202 .con_wrap{padding:30px 20px;}
    .s0202 .con_wrap .item .map_tbl tr td{padding:12px 10px; font-size: 14px;}
}




/* 스탬프 현황 */
#stampStatus{}
#stampStatus .inner_wrap{width: 100%; max-width: 1400px; margin: 0 auto;}

#stampStatus .tit_wrap{text-align: center; margin-bottom: 40px;}
#stampStatus .tit_wrap p.tit{font-size: 34px; font-weight: bold; margin-bottom: 15px;}
#stampStatus .tit_wrap p.tit span.crnt{color:#3b91cc; }
#stampStatus .tit_wrap p.exp{font-size: 17px; color: #666;}

#stampStatus .step_wrap{width: 100%; max-width: 916px; margin: 0 auto 50px;}
#stampStatus .step_wrap ul.step_txt{width: 100%; display: flex; flex-wrap: wrap;justify-content: space-around; box-sizing: border-box;padding: 0 20px; box-sizing: border-box;}
#stampStatus .step_wrap ul.step_txt li{width: 25%}
#stampStatus .step_wrap ul.step_txt li p.status{font-size: 17px; color: #fff; background: #888; text-align: center; max-width: 80px; padding: 8px 0; box-sizing: border-box; border-radius: 50px; margin: 0 auto 10px;position: relative; z-index: 10}
#stampStatus .step_wrap ul.step_txt li p.status::before{content: ''; background: #e2e2e2; position: absolute; top: 50%; left: -100%; width: 100%; height: 1px; z-index: -1}
#stampStatus .step_wrap ul.step_txt li:first-child p.status::before{display: none;}
#stampStatus .step_wrap ul.step_txt li p.status::after{content: ''; background: #e2e2e2; position: absolute; top: 50%; right: -100%; width: 100%; height: 1px; z-index: -1}
#stampStatus .step_wrap ul.step_txt li:last-child p.status::after{display: none;}
#stampStatus .step_wrap ul.step_txt li.fnsh p.status{background: #3b91cc}
#stampStatus .step_wrap ul.step_txt li.ing p.status{background: #3b91cc}
#stampStatus .step_wrap ul.step_txt li p.tit{font-size: 18px; font-weight: 600;text-align: center; margin-bottom: 20px;}
#stampStatus .step_wrap ul.step_txt li p.tit span{font-size: 24px; display: block;}

#stampStatus .step_wrap .step_bar{ width: 916px; height: 24px; appearance: none; box-sizing: border-box;}
#stampStatus .step_wrap .step_bar::-webkit-progress-bar { background:#e2e2e2; border-radius:50px;  box-sizing: border-box;}
#stampStatus .step_wrap .step_bar::-webkit-progress-value {border-radius:50px; background: #3b91cc; }
/* #stampStatus .step_wrap ul.step_bar{display: flex; flex-wrap: wrap; border-radius: 50px; box-sizing: border-box; ;}
#stampStatus .step_wrap ul.step_bar li{width: 25%; height: 24px; background: #e2e2e2; position: relative;}
#stampStatus .step_wrap ul.step_bar li:first-child{border-radius: 30px 0 0 30px}
#stampStatus .step_wrap ul.step_bar li:last-child{border-radius: 0 30px 30px 0}

#stampStatus .step_wrap ul.step_bar li.fnsh {background: #3b91cc;}
#stampStatus .step_wrap ul.step_bar li span{font-size: 17px; display: none;}
#stampStatus .step_wrap ul.step_bar li.fnsh span{display: block;}
#stampStatus .step_wrap ul.step_bar li .left{position: absolute; bottom: -25px; left: 0}
#stampStatus .step_wrap ul.step_bar li  .right{position: absolute; bottom: -25px; right: -12px;} */


#stampStatus .step_wrap ul.step_bar{}

/* #stampStatus .stamp_wrap{background: url(../img/sub/stampStatus_bg.jpg)0 0 no-repeat; width: 100%; background-size: cover} */

#stampStatus .stamp_wrap ul.list{display: flex; flex-wrap: wrap; justify-content: space-between;}
#stampStatus .stamp_wrap ul.list li{width: 22.2%; position: relative; margin-bottom: 3.5%}
#stampStatus .stamp_wrap ul.list li a{display: block; height: 518px;}
#stampStatus .stamp_wrap ul.list li a img{width: 100%; height: 100%; object-fit: fill;}
#stampStatus .stamp_wrap ul.list li .btn{position: absolute; top: 20px; right: 20px; width: 84px; height: 84px; line-height: 84px; color: #fff; font-size: 18px; background: rgba(51,51,51,.8); border-radius: 50%; text-align: center; font-weight: 600; z-index: 2}
#stampStatus .stamp_wrap ul.list li .caption{position: absolute;width: 100%;bottom: 0;left: 0;padding: 30px 20px;box-sizing: border-box;color: #fff;background: linear-gradient(to top, #141114, transparent)}
#stampStatus .stamp_wrap ul.list li .caption p.tt{font-size: 38px; font-weight: bold; margin-bottom: 10px;}
#stampStatus .stamp_wrap ul.list li .caption p.tx{font-size: 18px; line-height: 28px;}

#stampStatus .stamp_wrap ul.list .s010101.fnsh::after{content: ''; background: url(../img/sub/s010101/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010102.fnsh::after{content: ''; background: url(../img/sub/s010102/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010103.fnsh::after{content: ''; background: url(../img/sub/s010103/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010104.fnsh::after{content: ''; background: url(../img/sub/s010104/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010105.fnsh::after{content: ''; background: url(../img/sub/s010105/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}

#stampStatus .stamp_wrap ul.list .s010201.fnsh::after{content: ''; background: url(../img/sub/s010201/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010202.fnsh::after{content: ''; background: url(../img/sub/s010202/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010203.fnsh::after{content: ''; background: url(../img/sub/s010203/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010204.fnsh::after{content: ''; background: url(../img/sub/s010204/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010205.fnsh::after{content: ''; background: url(../img/sub/s010205/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}

#stampStatus .stamp_wrap ul.list .s010301.fnsh::after{content: ''; background: url(../img/sub/s010301/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010302.fnsh::after{content: ''; background: url(../img/sub/s010302/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010303.fnsh::after{content: ''; background: url(../img/sub/s010303/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010304.fnsh::after{content: ''; background: url(../img/sub/s010304/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010305.fnsh::after{content: ''; background: url(../img/sub/s010305/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}

#stampStatus .stamp_wrap ul.list .s010401.fnsh::after{content: ''; background: url(../img/sub/s010401/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010402.fnsh::after{content: ''; background: url(../img/sub/s010402/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010403.fnsh::after{content: ''; background: url(../img/sub/s010403/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010404.fnsh::after{content: ''; background: url(../img/sub/s010404/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}
#stampStatus .stamp_wrap ul.list .s010405.fnsh::after{content: ''; background: url(../img/sub/s010405/fnsh_stamp_img.png)center center no-repeat rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99}

#stampStatus .stamp_wrap ul.list li.fnsh .btn{background: rgba(178,178,178,.8); color: #333;}
#stampStatus .cookiedel{float: right;margin-bottom: 50px; background-color:#5e91c8; padding: 20px; cursor: pointer; color: #fff; font-size: 14px; font-weight: 500; border-radius: 10px; border: none;}


@media all and (max-width:1400px){
    #stampStatus .inner_wrap{width: 98%}
}
@media all and (max-width:1024px){
    #stampStatus .stamp_wrap ul.list li{width: 49%; margin: 0 2% 2% 0;}
    #stampStatus .stamp_wrap ul.list li:nth-child(2n){margin: 0 0 2% 0;}
    
    #stampStatus .tit_wrap p.tit{font-size: 30px;}
    #stampStatus .tit_wrap p.exp{font-size: 15px;}
    #stampStatus .step_wrap ul.step_txt li.on p.status{font-size: 15px;}
    #stampStatus .step_wrap ul.step_txt li p.tit{font-size: 16px;}
    #stampStatus .step_wrap ul.step_txt li p.tit span{font-size: 20px;}
    #stampStatus .stamp_wrap ul.list li .btn{font-size: 16px;}
    #stampStatus .stamp_wrap ul.list li .caption p.tt{font-size: 32px;}
    #stampStatus .stamp_wrap ul.list li .caption p.tx{font-size: 16px; line-height: 25px;}
}


@media all and (max-width:525px){
    #stampStatus .stamp_wrap ul.list li{width: 100%; margin: 0 0 2% 0;}
}
































/*[global] paragraph style*/
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}
/* .dib{display: inline-block;} */

/*[global] highlight style*/
.highlight{position: relative;font-weight: 600;z-index: 1;}
.highlight:before{position: absolute;bottom: -10%;left: 50%;z-index: -1;z-index: -1;width: 120%;height: 40%;margin-left: -60%;content: '';background-color: #ffde00;}

/*[s01] visual title*/
.visual_title{display: table;position: relative;width: 100%;text-align: center;vertical-align: middle;}
.visual_title:before{position: absolute;bottom: 0;left: 0;z-index: 3;width: 100%;height: 70px;content: '';user-select: none;pointer-events: none;background: url(/src/img/sub/s01/island_visual_obj_01.png) center 0 no-repeat;background-size: cover;}
.visual_title .inner_center{text-align: left;}
.visual_title .inner{z-index: 2;box-sizing: border-box;width: 50%;margin-right: 50%;padding-left: 8%;transition: all 0.3s ease;text-align: left;}
.visual_title .island_step{padding-bottom: 60px;animation: fadeInSlideUp 1.5s ease both;color: #fff;font-size: 15px;line-height: 20px;}
.visual_title .step_copy{margin-left: 16px;}
.visual_title h2{margin-right: 30px;padding-bottom: 60px;animation: fadeInSlideUp 1.5s ease both 0.2s;letter-spacing: -1px;font-family: 'GmarketSansLight';color: #fff;font-size: 50px;line-height: 130%;}
.visual_title .island_name{display: block;font-family: 'GmarketSansMedium';color: #fff;font-size: 74px;line-height: 120%;}
.visual_title .island_slogan{padding-bottom: 100px;animation: fadeInSlideUp 1.5s ease both 0.3s;color: #fff;font-size: 18px;line-height: 150%;}
.visual_title .hashtag_box{position: relative;animation: fadeInSlideUp 1.5s ease both;}
.visual_title .hashtag_box span{display: inline-block;margin-right: 13px;margin-bottom: 10px;padding: 0 26px;border-radius: 23px;color: #333;font-size: 17px;font-weight: 600;line-height: 46px;background-color: #ffde00;}
.visual_title .inner_center:before{position: absolute;top: 0;left: 0;z-index: 1;width: 50%;height: 100%;content: '';transition: all 0.3s ease;}

/*[s01] 섬 개요*/
.island_overview{position: relative;padding: 20px 0 100px 0;}
.island_overview_main{float: left;text-align: center;}
.island_overview_main .name{padding-bottom: 30px;font-family: 'GmarketSansMedium';font-size: 40px;font-weight: 900;}
.island_overview_main .location{position: relative;font-size: 20px;font-weight: 600;}
.island_overview_main .location:before{display: inline-block;opacity: 0.5;position: relative;top: 0;left: 0;width: 40px;height: 40px;margin-right: 3px;content: '';vertical-align: middle;background: url(/src/img/sub/img_sprite.png) -80px -20px no-repeat;}
.island_overview_txt{position: relative;padding-top: 120px;}
.island_overview_txt .eng{padding-bottom: 20px;color: #ccc;font-size: 20px;line-height: 150%;}
.island_overview_txt .desc{transform: rotate(-0.001deg);color: #333;font-size: 18px;line-height: 180%;}
.island_overview_point{position: relative;padding-top: 60px;}
.island_overview_point li{display: inline-block;float: left;position: relative;width: 25%;padding-top: 86px;text-align: center;font-size: 16px;line-height: 140%;}
.island_overview_point li:before{display: inline-block;position: absolute;top: 0;left: 50%;width: 80px;height: 80px;margin-left: -40px;content: '';background: url(/src/img/sub/s01/island_overview_icon_sprite.jpg) no-repeat;}



.aside_ticket_btn {position:fixed;right:40px;bottom:40px;z-index:100}


.gall_extract .owl-item .item{
-webkit-transform: scale(0.8);
transform: scale(0.);
transition:all 0.5s;

}

.gall_extract .owl-item.active.center .item {
-webkit-transform: scale(1);
transform: scale(1);
transition:all 0.5s;

}

.gall_extract .owl-stage {display: flex;align-items: center;}

.gall_extract {padding:50px 0;}
.gall_extract .owl-item.active.center img {box-shadow:0 2px 5px 0 #333;}
.gall_extract .item .caption {color:#fff;position:absolute;left:0;bottom:0;width:100%;text-align:center; 
background-image: linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,6));padding:20px 0 15px;font-size:14px;		transition:all 0.5s;display:none;}
.gall_extract .owl-item.active.center .caption {display:block;}
.gall_extract .item:hover .caption {display:block;}


.gall_extract a.more_btn {font-size:16px;display:block;border-radius:25px;border:3px solid #000;padding:10px 0;width:157px;text-align:center;margin:38px auto 0;color:#333;font-weight:bold;}
.gall_extract a.more_btn:after {display:inline-block;content:">";padding:0 0 0 5px;}

@media all and (max-width:768px){

.visual_title .island_step{padding-bottom: 5vh;}
.visual_title h2{padding-bottom: 5vh;}
.visual_title .island_slogan{padding-bottom: 6vh;}

.aside_ticket_btn {right:2%;bottom:2%;}
.aside_ticket_btn img {max-width:80px;}

.gall_extract .owl-stage {display:flex;align-items:end;}

.gall_extract .owl-item .item,	
.gall_extract .owl-item.active.center .item {-webkit-transform:none!important;transform:none!important;}
.visual_title .island_slogan{color: rgba(255,255,255,0.8);}



}



/*[s01] container*/
.island_content{position: relative;font-size: 16px;line-height: 150%;}
.island_content .col{padding: 30px 0;}
.island_content .col.txt_box{padding-bottom: 60px;}


/*[s010101] step1-1 반월박지도 #522698 rgba(82,38,152,1)*/
.s010101 .visual_title{background: url(/src/img/sub/s010101/s010101_visual_title_bg.jpg) 0 0 no-repeat;background-size: cover;}
.s010101 .visual_title .hashtag_box span{color: #522698;}
.s010101 .inner_center:before{background-color: rgba(82,38,152,0.9);}
.s010101 .island_overview_main{color: #522698;}
.s010101 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_01.jpg);}
.s010101 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010101 .island_overview_point li:nth-child(1):before{background-position: 0 0;}
.s010101 .island_overview_point li:nth-child(2):before{background-position: -80px 0;}
.s010101 .island_overview_point li:nth-child(3):before{background-position: -160px 0;}
.s010101 .island_overview_point li:nth-child(4):before{background-position: -240px 0;}
.s010101 .hashtag_sub_title{color: #4d9ddc;}
.s010101 .island_facility .eat{background-color: #522698;}
.s010101 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #522698;}
.s010101 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: 0 0;}
.s010101 .point_color{color: #522698}


/*[s010102] step1-2 연홍도 #b54c4c #ab2424 rgba(171, 36, 36, 1)*/
.s010102 .visual_title{background: url(/src/img/sub/s010102/s010102_visual_title_bg.jpg) 0 0 no-repeat;background-size: cover;}
.s010102 .visual_title .hashtag_box span{color: #ab2424;}
.s010102 .inner_center:before{background-color: rgba(171, 36, 36,0.9);}
.s010102 .island_overview_main{color: #ab2424;}
.s010102 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_02.jpg);}
.s010102 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010102 .island_overview_point li:nth-child(1):before{background-position: -320px 0;}
.s010102 .island_overview_point li:nth-child(2):before{background-position: -400px 0;}
.s010102 .island_overview_point li:nth-child(3):before{background-position: -480px 0;}
.s010102 .island_overview_point li:nth-child(4):before{background-position: -560px 0;}
.s010102 .hashtag_sub_title{color: #6352bd;}
.s010102 .island_facility .eat{background-color: #b54c4c;}
.s010102 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #b54c4c;}
.s010102 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -160px 0;}
.s010102 .point_color{color: #ab2424}


/*[s010103] step1-3 가우도 #051c3c rgba(5,28,60,1)*/
.s010103 .visual_title{background: url(/src/img/sub/s010103/s010103_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010103 .visual_title .hashtag_box span{color: #051c3c;}
.s010103 .inner_center:before{background-color: rgba(5,28,60,0.9);}
.s010103 .island_overview_main{color: #051c3c;}
.s010103 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_03.jpg);}
.s010103 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010103 .island_overview_point li:nth-child(1):before{background-position: 0 -80px;}
.s010103 .island_overview_point li:nth-child(2):before{background-position: -80px -80px;}
.s010103 .island_overview_point li:nth-child(3):before{background-position: -160px -80px;}
.s010103 .island_overview_point li:nth-child(4):before{background-position: -240px -80px;}
.s010103 .hashtag_sub_title{color: #6352bd;}
.s010103 .island_facility .eat{background-color: #051c3c;}
.s010103 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #051c3c;}
.s010103 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -320px 0;}
.s010103 .point_color{color: #051c3c}


/*[s010104] step1-4 낭도 #0f8c5b rgba(15, 140, 91, 0.9)*/
.s010104 .visual_title{background: url(/src/img/sub/s010104/s010104_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010104 .visual_title .hashtag_box span{color: #0f8c5b;}
.s010104 .inner_center:before{background-color: rgba(15, 140, 91,0.9);}
.s010104 .island_overview_main{color: #0f8c5b;}
.s010104 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_04.jpg);}
.s010104 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010104 .island_overview_point li:nth-child(1):before{background-position: -320px -80px;}
.s010104 .island_overview_point li:nth-child(2):before{background-position: -400px -80px;}
.s010104 .island_overview_point li:nth-child(3):before{background-position: -480px -80px;}
.s010104 .island_overview_point li:nth-child(4):before{background-position: -560px -80px;}
.s010104 .hashtag_sub_title{color: #6352bd;}
.s010104 .island_facility .eat{background-color: #0f8c5b;}
.s010104 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #0f8c5b;}
.s010104 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -480px 0;}
.s010104 .point_color{color: #0f8c5b}

/*[s010105] step1-5 금호도 #5d6222 rgba(93,98,34,.9)*/
.s010105 .visual_title{background: url(/src/img/sub/s010105/s010105_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010105 .visual_title .hashtag_box span{color: #5d6222;}
.s010105 .inner_center:before{background-color: rgba(93, 98, 34, .9);}
.s010105 .island_overview_main{color: #5d6222;}
.s010105 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_17.jpg);}
.s010105 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010105 .island_overview_point li:nth-child(1):before{background-position: 0 -640px;}
.s010105 .hashtag_sub_title{color: #4d9ddc;}
.s010105 .island_facility .eat{background-color: #5d6222;}
.s010105 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #5d6222;}
.s010105 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: 0 -640px;}
.s010105 .point_color{color: #5d6222}





/*[s010201] step2-1 기점소악도 #282894 rgba(40,40,148,1)*/
.s010201 .visual_title{background: url(/src/img/sub/s010201/s010201_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010201 .visual_title .hashtag_box span{color: #282894;}
.s010201 .inner_center:before{background-color: rgba(40,40,148,0.9);}
.s010201 .island_overview_main{color: #282894;}
.s010201 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_05.jpg);}
.s010201 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010201 .island_overview_point li:nth-child(1):before{background-position: 0 -160px;}
.s010201 .island_overview_point li:nth-child(2):before{background-position: -80px -160px;}
.s010201 .island_overview_point li:nth-child(3):before{background-position: -160px -160px;}
.s010201 .island_overview_point li:nth-child(4):before{background-position: -240px -160px;}
.s010201 .hashtag_sub_title{color: #c58c2e;}
.s010201 .island_facility .eat{background-color: #282894;}
.s010201 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #282894;}
.s010201 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: 0 -160px;}
.s010201 .point_color{color: #282894}


/*[s010202] step2-2 장도 #5d4437 rgba(93, 68, 55, 1)*/
.s010202 .visual_title{background: url(/src/img/sub/s010202/s010202_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010202 .visual_title .hashtag_box span{color: #5d4437;}
.s010202 .inner_center:before{background-color: rgba(93, 68, 55, 0.9);}
.s010202 .island_overview_main{color: #5d4437;}
.s010202 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_06.jpg);}
.s010202 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010202 .island_overview_point li:nth-child(1):before{background-position: -320px -160px;}
.s010202 .island_overview_point li:nth-child(2):before{background-position: -400px -160px;}
.s010202 .island_overview_point li:nth-child(3):before{background-position: -480px -160px;}
.s010202 .island_overview_point li:nth-child(4):before{background-position: -560px -160px;}
.s010202 .hashtag_sub_title{color: #c58c2e;}
.s010202 .island_facility .eat{background-color: #5d4437;}
.s010202 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #5d4437;}
.s010202 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -160px -160px;}
.s010202 .point_color{color: #b3521f}


/*[s010203] step2-3 선도 #dea80e #844615 rgba(222, 168, 14, 0.9)*/
.s010203 .visual_title{background: url(/src/img/sub/s010203/s010203_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010203 .visual_title .hashtag_box span{color: #844615;}
.s010203 .inner_center:before{background-color: rgba(222, 168, 14, 0.9);}
.s010203 .island_overview_main{color: #dea80e;}
.s010203 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_07.jpg);}
.s010203 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010203 .island_overview_point li:nth-child(1):before{background-position: 0 -240px;}
.s010203 .island_overview_point li:nth-child(2):before{background-position: -80px -240px;}
.s010203 .island_overview_point li:nth-child(3):before{background-position: -160px -240px;}
.s010203 .island_overview_point li:nth-child(4):before{background-position: -240px -240px;}
.s010203 .hashtag_sub_title{color: #c58c2e;}
.s010203 .island_facility .eat{background-color: #dea80e;}
.s010203 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #dea80e;}
.s010203 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -320px -160px;}
.s010203 .point_color{color: #844615}


/*[s010204] step2-4 탄도 #348bb3 rgba(52, 139, 179, 0.9)*/
.s010204 .visual_title{background: url(/src/img/sub/s010204/s010204_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010204 .visual_title .hashtag_box span{color: #1a668a;}
.s010204 .inner_center:before{background-color: rgba(52, 139, 179, 0.9);}
.s010204 .island_overview_main{color: #348bb3;}
.s010204 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_08.jpg);}
.s010204 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010204 .island_overview_point li:nth-child(1):before{background-position: -320px -240px;}
.s010204 .island_overview_point li:nth-child(2):before{background-position: -400px -240px;}
.s010204 .island_overview_point li:nth-child(3):before{background-position: -480px -240px;}
.s010204 .island_overview_point li:nth-child(4):before{background-position: -560px -240px;}
.s010204 .hashtag_sub_title{color: #3e7315;}
.s010204 .island_facility .eat{background-color: #348bb3;}
.s010204 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #348bb3;}
.s010204 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -480px -160px;}
.s010204 .point_color{color: #1a668a}


/*[s010205] step2-5 옥도 #a24704 rgba(164, 71, 4, 0.9)*/
.s010205 .visual_title{background: url(/src/img/sub/s010205/s010205_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010205 .visual_title .hashtag_box span{color: #a24704;}
.s010205 .inner_center:before{background-color: rgba(164, 71, 4, 0.9);}
.s010205 .island_overview_main{color: #a24704;}
.s010205 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_18.jpg);}
.s010205 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010205 .island_overview_point li:nth-child(1):before{background-position: -80px -640px;}
.s010205 .island_overview_point li:nth-child(2):before{background-position: -160px -640px;}
.s010205 .hashtag_sub_title{color: #4d9ddc;}
.s010205 .island_facility .eat{background-color: #a24704;}
.s010205 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #a24704;}
.s010205 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -160px -640px}
.s010205 .point_color{color: #a24704}



/*[s010301] step3-1 생일도 #03441c rgba(3, 68, 28, 0.9)*/
.s010301 .visual_title{background: url(/src/img/sub/s010301/s010301_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010301 .visual_title .hashtag_box span{color: #03441c;}
.s010301 .inner_center:before{background-color: rgba(3, 68, 28, 0.9);}
.s010301 .island_overview_main{color: #03441c;}
.s010301 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_09.jpg);}
.s010301 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010301 .island_overview_point li:nth-child(1):before{background-position: 0 -320px;}
.s010301 .island_overview_point li:nth-child(2):before{background-position: -80px -320px;}
.s010301 .island_overview_point li:nth-child(3):before{background-position: -160px -320px;}
.s010301 .island_overview_point li:nth-child(4):before{background-position: -240px -320px;}
.s010301 .hashtag_sub_title{color: #c58c2e;}
.s010301 .island_facility .eat{background-color: #03441c;}
.s010301 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #03441c;}
.s010301 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: 0 -320px;}
.s010301 .point_color{color: #03441c}


/*[s010302] step3-2 소안도 #08428a rgba(8, 66, 138, 0.9)*/
.s010302 .visual_title{background: url(/src/img/sub/s010302/s010302_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010302 .visual_title .hashtag_box span{color: #08428a;}
.s010302 .inner_center:before{background-color: rgba(8, 66, 138, 0.9);}
.s010302 .island_overview_main{color: #08428a;}
.s010302 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_10.jpg);}
.s010302 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010302 .island_overview_point li:nth-child(1):before{background-position: -320px -320px;}
.s010302 .island_overview_point li:nth-child(2):before{background-position: -400px -320px;}
.s010302 .island_overview_point li:nth-child(3):before{background-position: -480px -320px;}
.s010302 .island_overview_point li:nth-child(4):before{background-position: -560px -320px;}
.s010302 .hashtag_sub_title{color: #c58c2e;}
.s010302 .island_facility .eat{background-color: #08428a;}
.s010302 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #08428a;}
.s010302 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -160px -320px;}
.s010302 .point_color{color: #08428a}


/*[s010303] step3-3 관매도 #e66d0d #844615 rgba(230, 109, 13, 0.9)*/
.s010303 .visual_title{background: url(/src/img/sub/s010303/s010303_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010303 .visual_title .hashtag_box span{color: #844615;}
.s010303 .inner_center:before{background-color: rgba(230, 109, 13, 0.9);}
.s010303 .island_overview_main{color: #e66d0d;}
.s010303 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_11.jpg);}
.s010303 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010303 .island_overview_point li:nth-child(1):before{background-position: 0 -400px;}
.s010303 .island_overview_point li:nth-child(2):before{background-position: -80px -400px;}
.s010303 .island_overview_point li:nth-child(3):before{background-position: -160px -400px;}
.s010303 .island_overview_point li:nth-child(4):before{background-position: -240px -400px;}
.s010303 .hashtag_sub_title{color: #c58c2e;}
.s010303 .island_facility .eat{background-color: #e66d0d;}
.s010303 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #e66d0d;}
.s010303 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -320px -320px;}
.s010303 .point_color{color: #844615}


/*[s010304] step3-4 대마도 #0b649e rgba(11, 100, 158, 0.9)*/
.s010304 .visual_title{background: url(/src/img/sub/s010304/s010304_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010304 .visual_title .hashtag_box span{color: #1a668a;}
.s010304 .inner_center:before{background-color: rgba(11, 100, 158, 0.9);}
.s010304 .island_overview_main{color: #0b649e;}
.s010304 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_12.jpg);}
.s010304 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010304 .island_overview_point li:nth-child(1):before{background-position: -320px -400px;}
.s010304 .island_overview_point li:nth-child(2):before{background-position: -400px -400px;}
.s010304 .island_overview_point li:nth-child(3):before{background-position: -480px -400px;}
.s010304 .island_overview_point li:nth-child(4):before{background-position: -560px -400px;}
.s010304 .hashtag_sub_title{color: #c58c2e;}
.s010304 .island_facility .eat{background-color: #0b649e;}
.s010304 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #0b649e;}
.s010304 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -480px -320px;}
.s010304 .point_color{color: #0b649e}


/*[s010305] step3-5 연도 #92a200 rgba(147, 163, 0, 0.9)*/
.s010305 .visual_title{background: url(/src/img/sub/s010305/s010305_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010305 .visual_title .hashtag_box span{color: #92a200;}
.s010305 .inner_center:before{background-color: rgba(147, 163, 0, 0.9);}
.s010305 .island_overview_main{color: #92a200;}
.s010305 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_19.jpg);}
.s010305 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010305 .island_overview_point li:nth-child(1):before{background-position: -240px -640px;}
.s010305 .island_overview_point li:nth-child(2):before{background-position: -320px -640px;}
.s010305 .island_overview_point li:nth-child(3):before{background-position: -400px -640px;}
.s010305 .island_overview_point li:nth-child(4):before{background-position: -480px -640px;}
.s010305 .hashtag_sub_title{color: #4d9ddc;}
.s010305 .island_facility .eat{background-color: #92a200;}
.s010305 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #92a200;}
.s010305 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -320px -640px;}
.s010305 .point_color{color: #92a200}


/*[s010401] step4-1 여서도 #86a534 rgba(134, 165, 52, 0.9)*/
.s010401 .visual_title{background: url(/src/img/sub/s010401/s010401_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010401 .visual_title .hashtag_box span{color: #4f6516;}
.s010401 .inner_center:before{background-color: rgba(134, 165, 52, 0.9);}
.s010401 .island_overview_main{color: #86a534;}
.s010401 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_13.jpg);}
.s010401 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010401 .island_overview_point li:nth-child(1):before{background-position: 0 -480px;}
.s010401 .island_overview_point li:nth-child(2):before{background-position: -80px -480px;}
.s010401 .island_overview_point li:nth-child(3):before{background-position: -160px -480px;}
.s010401 .island_overview_point li:nth-child(4):before{background-position: -240px -480px;}
.s010401 .hashtag_sub_title{color: #c58c2e;}
.s010401 .island_facility .eat{background-color: #86a534;}
.s010401 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #86a534;}
.s010401 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: 0 -480px;}
.s010401 .point_color{color: #86a534}


/*[s010402] step4-2 우이도 #33632c rgba(51, 99, 44, 0.9)*/
.s010402 .visual_title{background: url(/src/img/sub/s010402/s010402_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010402 .visual_title .hashtag_box span{color: #33632c;}
.s010402 .inner_center:before{background-color: rgba(51, 99, 44, 0.9);}
.s010402 .island_overview_main{color: #33632c;}
.s010402 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_14.jpg);}
.s010402 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010402 .island_overview_point li:nth-child(1):before{background-position: -320px -480px;}
.s010402 .island_overview_point li:nth-child(2):before{background-position: -400px -480px;}
.s010402 .island_overview_point li:nth-child(3):before{background-position: -480px -480px;}
.s010402 .island_overview_point li:nth-child(4):before{background-position: -560px -480px;}
.s010402 .hashtag_sub_title{color: #c58c2e;}
.s010402 .island_facility .eat{background-color: #33632c;}
.s010402 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #33632c;}
.s010402 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -160px -480px;}
.s010402 .point_color{color: #33632c}


/*[s010403] step4-3 손죽도 #ec7098 #a2395b rgba(236, 112, 152, 0.9)*/
.s010403 .visual_title{background: url(/src/img/sub/s010403/s010403_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010403 .visual_title .hashtag_box span{color: #a2395b;}
.s010403 .inner_center:before{background-color: rgba(236, 112, 152, 0.9);}
.s010403 .island_overview_main{color: #ec7098;}
.s010403 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_15.jpg);}
.s010403 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010403 .island_overview_point li:nth-child(1):before{background-position: 0 -560px;}
.s010403 .island_overview_point li:nth-child(2):before{background-position: -80px -560px;}
.s010403 .island_overview_point li:nth-child(3):before{background-position: -160px -560px;}
.s010403 .island_overview_point li:nth-child(4):before{background-position: -240px -560px;}
.s010403 .hashtag_sub_title{color: #c58c2e;}
.s010403 .island_facility .eat{background-color: #ec7098;}
.s010403 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #ec7098;}
.s010403 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -320px -480px;}
.s010403 .point_color{color: #a2395b} 


/*[s010404] step4-4 안마도 #75254a rgba(117, 37, 74, 1)*/
.s010404 .visual_title{background: url(/src/img/sub/s010404/s010404_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010404 .visual_title .hashtag_box span{color: #75254a;}
.s010404 .inner_center:before{background-color: rgba(117, 37, 74, 0.9);}
.s010404 .island_overview_main{color: #75254a;}
.s010404 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_16.jpg);}
.s010404 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010404 .island_overview_point li:nth-child(1):before{background-position: -320px -560px;}
.s010404 .island_overview_point li:nth-child(2):before{background-position: -400px -560px;}
.s010404 .island_overview_point li:nth-child(3):before{background-position: -480px -560px;}
.s010404 .island_overview_point li:nth-child(4):before{background-position: -560px -560px;}
.s010404 .hashtag_sub_title{color: #c58c2e;}
.s010404 .island_facility .eat{background-color: #75254a;}
.s010404 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #75254a;}
.s010404 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -480px -480px;}
.s010404 .point_color{color: #75254a}


/*[s010405] step4-5 금당도 #7a6a1e rgba(123, 108, 30, 0.9)*/
.s010405 .visual_title{background: url(/src/img/sub/s010405/s010405_visual_title_bg.jpg) center 0 no-repeat;background-size: cover;}
.s010405 .visual_title .hashtag_box span{color: #7a6a1e;}
.s010405 .inner_center:before{background-color: rgba(123, 108, 30, 0.9);}
.s010405 .island_overview_main{color: #7a6a1e;}
.s010405 .cont_top{background-image: url(/src/img/sub/s01/island_tap01_bg_20.jpg);}
.s010405 .cont_top .obj{position: absolute;right: 50px;bottom: -30px;}
.s010405 .island_overview_point li:nth-child(1):before{background-position: -560px -640px;}
.s010405 .island_overview_point li:nth-child(2):before{background-position: 0px -720px;}
.s010405 .island_overview_point li:nth-child(3):before{background-position: -80px -720px;}
.s010405 .island_overview_point li:nth-child(4):before{background-position: -160px -720px;}
.s010405 .hashtag_sub_title{color: #4d9ddc;}
.s010405 .island_facility .eat{background-color: #7a6a1e;}
.s010405 .cont_box .ticket_box .ticket_inner .ticket_btn{background-color: #7a6a1e;}
.s010405 .cont_box .ticket_box .ticket_inner .ticket_stamp{background-position: -480px -640px;}
.s010405 .point_color{color: #7a6a1e}


/*[global] tap_menu*/
.tap_menu{display: block;position: relative;z-index: 10;height: 0;text-align: center;}
.tap_menu ul{display: inline-block;box-shadow: 5px 5px 0 rgba(0,0,0,0.1);}
.tap_menu li {float: left;box-sizing: border-box;min-width: 250px;}

.tap_menu li:first-child:nth-last-child(5),
.tap_menu li:first-child:nth-last-child(5) ~ li {width:20%;min-width:auto!important;}


.tap_menu li a{display: block;overflow: hidden;height: 60px;padding: 0 20px;border: 1px solid #ddd;border-left: 0;transition: all 0.3s ease;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;line-height: 60px;background-color: #fff;}
.tap_menu li:first-child a{border-left: 1px solid #ddd;}
.tap_menu li:hover a{background-color: #f8f8f8;}
.tap_menu li.on a{font-weight: 700;background-color: #ffde00;}
.tap_menu.n5 li{min-width: 220px;}
@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}
.tap_menu.fixed{position: fixed;left: 0;top:0; width: 100%;margin-top: 10px;animation: fadeIn 0.3s ease both;}


/*[global] [s01] grid 관련*/
.island_content{position: relative;}
.island_content p{font-family: 'NanumGothic';}
.cont_box{position: relative;}
.cont_top{margin-bottom: 50px;padding: 200px 0 200px 0;text-align: center;background-attachment: fixed;background-position: center 0;background-size: cover;}
.cont_top .inner{display: inline-block;width: auto;max-width: 1200px;padding: 60px 100px;background-color: rgba(255,255,255,0.9);}
.cont_box .hashtag_sub_title{padding-bottom: 8px;font-size: 14px;}
.cont_box .hashtag_title{padding-bottom: 30px;letter-spacing: -1px;font-family: 'GmarketSansLight';font-size: 56px;font-weight: 200;line-height: 150%;}
.cont_box .desc{font-size: 16px;}
.cont_box .desc p{padding-top: 20px;word-break: keep-all;}
.cont_box .desc p:first-child{padding-top: 0;}
/*.cont_box .col{padding: 20px 0;}*/
.cont_box .col-2-of-4{margin-right: 0;}
.cont_grid{position: relative;}
.cont_grid .img_box{margin-right: 0;margin-left: 0;text-align: center;}
.cont_grid .img_box.col-2-of-4{width: 50%;}
.cont_grid .img_box img{max-width: 100%;}
.inner_full{position: relative;}
.inner_full.img_box{padding: 30px 0;}
.inner_full.img_box img{width: 100%;max-width: 100%;}
.island_content .col.col-4-of-4.txt_box{padding-top: 0;}
.cont_grid .col-4-of-4.txt_box .img_box{float: right;}
.cont_grid .col-4-of-4.img_box{width: 100%;}
.cont_grid .txt_box.left .hashtag_box{width: 45%;}
.cont_grid .txt_box.left .middle{width: 45%;}
.cont_grid .txt_box.left .desc{width: 45%;}
.cont_grid .txt_box.right{padding-left: 60px;}
.cont_grid .col-4-of-4.txt_box{text-align: center;}
.cont_box .col-4-of-4.txt_box.tac .hashtag_box{padding-top: 0;}
.cont_grid .txt_box.tal{text-align: left;}
.cont_box .hashtag_box{position: relative;padding-top: 30px;}
.cont_box .hashtag_box span{display: inline-block;margin-bottom: 5px;margin-left: 8px;padding: 0 20px;border: 3px solid #ffde00;border-radius: 23px;color: #333;font-size: 16px;font-weight: 500;line-height: 32px;}
.cont_box .hashtag_box span:first-child{margin-left: 0;}
.cont_box .middle{font-size: 24px;line-height: 150%;word-break: keep-all; font-weight: 600;}
.cont_box .middle .highlight{margin-left: 16px;font-style: italic;}
.cont_box .middle .highlight:before{bottom: 4%;}

.cont_box .hot_place{position: relative;padding-top: 40px; overflow-y: auto;}
.cont_box .hot_place li{display: inline-block;float: left;width: 22%;margin-left: 4%;}
.cont_box .hot_place li:hover .img_box{box-shadow: 0 0 0 14px #ffde00;}
.cont_box .hot_place li:nth-child(4n-3){margin-left: 0;}
.cont_box .hot_place li .img_box{overflow: hidden;width: 100%;height: 0;margin-bottom: 20px;padding-bottom: 100%;border-radius: 50%;transition: all 0.3s ease;}
.cont_box .hot_place li .img_box img{width: 100%;}
.cont_box .hot_place .place_name{font-size: 20px;font-weight: 600;line-height: 150%;}
.cont_box .hot_place .place_desc{display: -webkit-box;overflow: hidden;height: 110px;padding: 8px 6% 0 6%;padding-bottom: 8px;text-overflow: ellipsis;line-height: 24px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break:keep-all;}
.cont_box .hot_place .place_util{position: relative;padding-bottom: 60px;}
.cont_box .hot_place .place_util a{display: inline-block;position: relative;width: 40px;height: 40px;}
.cont_box .hot_place .place_util a:before{display: inline-block;opacity: 0.5;position: absolute;top: 0;left: 0;width: 40px;height: 40px;content: '';background: url(/src/img/sub/img_sprite.png) -80px -20px no-repeat;}
.cont_box .hot_place .place_util a:hover:before{opacity: 1;}
.cont_box .hot_place .place_util a.contact:before{background-position: -120px -20px;}
.cont_box .hot_place .place_util a.link:before{background-position: -160px -20px;}

/*[s01] ticket button*/
.cont_box .ticket_box{position: relative;width: 840px;height: 340px;margin: 50px auto 100px auto;background: url(/src/img/sub/s01/island_ticket.png) 0 0 no-repeat;}
.cont_box .ticket_box .ticket_inner{position: absolute;top: 142px;left: 213px;}
.cont_box .ticket_box .ticket_inner .ticket_name{font-family: 'GmarketSansMedium';font-size: 30px;line-height: 34px;}
.cont_box .ticket_box .ticket_inner .ticket_btn{display: inline-block;margin-top: 16px;padding: 0 30px;border-radius: 50px;cursor: pointer;user-select: none;transition: box-shadow 0.2s ease;color: #fff;line-height: 46px;box-shadow: 0 0 0 24px rgba(0,0,0,0) inset;}
.cont_box .ticket_box .ticket_inner .ticket_btn:hover{box-shadow: 0 0 0 24px rgba(0,0,0,0.3) inset;}
.cont_box .ticket_box .ticket_inner .ticket_stamp{opacity: 0;position: absolute;top: -150px;left: 244px;width: 160px;height: 160px;transition: all 1.5s ease 0.5s;background: url(/src/img/sub/s01/ticket_stamp_sprite.png);}
.cont_box .ticket_box .ticket_inner .ticket_btn.animated + .ticket_stamp{opacity: 1;transform: rotate(20deg);}

.hot_place_box{padding-top: 60px;}
.hot_place_box .middle{padding-bottom: 30px;}

.layout_1 .col.left{padding-right: 50px;text-align: right;}
.layout_1 .col.left img{width: 100%;}
.layout_1 .col.right{padding-bottom: 60px;padding-left: 50px;text-align: left;}

.layout_2{padding-top: 60px;}
.layout_2 .desc{padding-top: 60px;}
.layout_2 .col.left{padding-right: 50px;text-align: right;}
.layout_2 .col.left img{width: 100%;}
.layout_2 .col.right{padding-top: 200px;padding-bottom: 60px;padding-left: 50px;text-align: left;}

.layout_3 .col{margin-top: 0;padding-top: 0;}
.layout_3 .middle{padding-top: 0;}
.layout_3 .col-4-of-12 .img_box img{max-width: 100%;}



/* 200414 슬라이드 추가로 주석처리  */

/* 
.island_next{position: relative;background:#ddd;}
.island_next:before{display: table;content: '';}
.island_next:after{display: table;content: '';}
.island_next:after{clear: both;}
.island_next.n3 a{width: 33.33%;}
.island_next.n3 a:nth-child(2){width: 33.34%;}
.island_next a{display: inline-block;overflow: hidden;float: left;position: relative;box-sizing: border-box;width: 50%;padding: 50px;background-repeat: no-repeat;
background-position: center 0;background-size: cover;}
.island_next a:before{display: inline-block;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;content: '';transition: all 0.3s ease;}

.island_next a:after{display: inline-block;position: absolute;top: 50%;left: 20px;z-index: 1;width: 120px;height: 80px;margin-top: -40px;content: '';
transition: left 0.3s ease,right 0.3s ease;background: url(/src/img/sub/main/img_sprite.png) -270px -560px no-repeat;}

.island_next .island_next_010101{background-image: url(/src/img/sub/s01/island_next_bg_01.jpg) !important}
.island_next .island_next_010102{background-image: url(/src/img/sub/s01/island_next_bg_02.jpg) !important}
.island_next .island_next_010103{background-image: url(/src/img/sub/s01/island_next_bg_03.jpg) !important}
.island_next .island_next_010104{background-image: url(/src/img/sub/s01/island_next_bg_04.jpg) !important}
.island_next .island_next_010201{background-image: url(/src/img/sub/s01/island_next_bg_05.jpg) !important}
.island_next .island_next_010202{background-image: url(/src/img/sub/s01/island_next_bg_06.jpg) !important}
.island_next .island_next_010203{background-image: url(/src/img/sub/s01/island_next_bg_07.jpg) !important}
.island_next .island_next_010204{background-image: url(/src/img/sub/s01/island_next_bg_08.jpg) !important}
.island_next .island_next_010301{background-image: url(/src/img/sub/s01/island_next_bg_09.jpg) !important}
.island_next .island_next_010302{background-image: url(/src/img/sub/s01/island_next_bg_10.jpg) !important}
.island_next .island_next_010303{background-image: url(/src/img/sub/s01/island_next_bg_11.jpg) !important}
.island_next .island_next_010304{background-image: url(/src/img/sub/s01/island_next_bg_12.jpg) !important}
.island_next .island_next_010401{background-image: url(/src/img/sub/s01/island_next_bg_13.jpg) !important}
.island_next .island_next_010402{background-image: url(/src/img/sub/s01/island_next_bg_14.jpg) !important}
.island_next .island_next_010403{background-image: url(/src/img/sub/s01/island_next_bg_15.jpg) !important}
.island_next .island_next_010404{background-image: url(/src/img/sub/s01/island_next_bg_16.jpg) !important}

.island_next a.next:after{right: 20px;left: auto;transform: rotate(180deg);}
.island_next a.prev:hover:after{left: 0;}
.island_next a.next:hover:after{right: 0;}

.island_next a:hover:before{background-color: rgba(0,0,0,0.3);}

.island_next a.prev{padding-left: 200px;}

.island_next a img{position: absolute;bottom: 0;left: 0;z-index: -1;width: 100%;height: 100%;}
.island_next .island_step{position: relative;z-index: 2;padding-bottom: 20px;color: #fff;font-size: 14px;line-height: 150%;}
.island_next h2{overflow: hidden;position: relative;z-index: 2;height: 68px;font-family: 'GmarketSansLight';color: #fff;font-size: 24px;line-height: 34px;}
.island_next .island_name{display: block;font-family: 'GmarketSansMedium';font-size: 30px;}  */


/* 서브 하단 섬 슬라이드 */
.sub_slide_wrap {position:relative};

.island_quick_slide {background:#ddd;}

.island_quick_slide .item {text-indent:30px;position:relative;}
.island_quick_slide .txt_wrap:before {position:absolute;content:"";left:0;top:0;z-index:-5;background-color:rgba(0,0,0,0.3);width:100%;height:100%;transition:all 0.5s ease;opacity: 0;}
.island_quick_slide .txt_wrap:hover:before {opacity: 1;}/*
.island_quick_slide .txt_wrap:after{display: inline-block;position: absolute;top: 20px;right: 40px;z-index: 1;width: 60px;height: 40px;content: '';transition: left 0.3s ease,right 0.3s ease;background: url(/src/img/sub/img_sprite.png) -135px -280px no-repeat;transform: rotate(180deg);-webkit-background-size: 250px 400px;background-size: 250px 400px;display: none;}*/


.island_quick_slide .txt_wrap {position:relative;z-index:10;padding:50px 0;}

.island_quick_slide .island_step{position: relative;z-index: 2;color: #fff;font-size: 14px;line-height: 150%;z-index:4}
.island_quick_slide .island_step.s010101{background-image: url(/src/img/sub/s01/island_next_bg_01.jpg) !important}
.island_quick_slide .island_step.s010102{background-image: url(/src/img/sub/s01/island_next_bg_02.jpg) !important}
.island_quick_slide .island_step.s010103{background-image: url(/src/img/sub/s01/island_next_bg_03.jpg) !important}
.island_quick_slide .island_step.s010104{background-image: url(/src/img/sub/s01/island_next_bg_04.jpg) !important}
.island_quick_slide .island_step.s010105{background-image: url(/src/img/sub/s01/island_next_bg_17.jpg) !important}
.island_quick_slide .island_step.s010201{background-image: url(/src/img/sub/s01/island_next_bg_05.jpg) !important}
.island_quick_slide .island_step.s010202{background-image: url(/src/img/sub/s01/island_next_bg_06.jpg) !important}
.island_quick_slide .island_step.s010203{background-image: url(/src/img/sub/s01/island_next_bg_07.jpg) !important}
.island_quick_slide .island_step.s010204{background-image: url(/src/img/sub/s01/island_next_bg_08.jpg) !important}
.island_quick_slide .island_step.s010205{background-image: url(/src/img/sub/s01/island_next_bg_18.jpg) !important}
.island_quick_slide .island_step.s010301{background-image: url(/src/img/sub/s01/island_next_bg_09.jpg) !important}
.island_quick_slide .island_step.s010302{background-image: url(/src/img/sub/s01/island_next_bg_10.jpg) !important}
.island_quick_slide .island_step.s010303{background-image: url(/src/img/sub/s01/island_next_bg_11.jpg) !important}
.island_quick_slide .island_step.s010304{background-image: url(/src/img/sub/s01/island_next_bg_12.jpg) !important}
.island_quick_slide .island_step.s010305{background-image: url(/src/img/sub/s01/island_next_bg_19.jpg) !important}
.island_quick_slide .island_step.s010401{background-image: url(/src/img/sub/s01/island_next_bg_13.jpg) !important}
.island_quick_slide .island_step.s010402{background-image: url(/src/img/sub/s01/island_next_bg_14.jpg) !important}
.island_quick_slide .island_step.s010403{background-image: url(/src/img/sub/s01/island_next_bg_15.jpg) !important}
.island_quick_slide .island_step.s010404{background-image: url(/src/img/sub/s01/island_next_bg_16.jpg) !important}
.island_quick_slide .island_step.s010405{background-image: url(/src/img/sub/s01/island_next_bg_20.jpg) !important}

.island_quick_slide h2{overflow: hidden;position: relative;z-index: 2;height: 68px;font-family: 'GmarketSansLight';color: #fff;font-size: 22px;line-height: 34px;margin:20px 0 0 0;}
.island_quick_slide .island_name{display: block;font-family: 'GmarketSansMedium';font-size: 30px;}


.sub_slide_wrap .quick_slide_btn p {position:absolute;z-index:100;cursor:pointer;top:50%;transform:translateY(-50%);opacity:0;}
.sub_slide_wrap .quick_slide_btn p:hover {opacity:1;transition: all 0.3s ease;}
.sub_slide_wrap .quick_slide_btn p.prev {left:0;margin-left:50px;} 
.sub_slide_wrap .quick_slide_btn p.next {right:0;margin-right:50px;} 

@media all and (max-width:768px){
.quick_slide_btn {display:none;}

}





/*[s01] island_transport*/
.island_transport{ padding: 60px 0; text-align: center; width: 100%;}
.island_transport::after{ content: ''; clear: both; display: block; }

.island_transport .desc{padding-bottom: 30px;}

.island_transport div[class*=transport_list]{position: relative;box-sizing: border-box;width: 1200px;min-height: 127px;margin: 0 auto;margin-bottom: 20px;padding: 30px 30px 30px 200px;text-align: left;background-color: #fff;box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1);}
.island_transport div[class*=transport_list] h5{position: absolute;top: 22px;left: 0;width: 200px;padding-top: 64px;text-align: center;font-size: 18px;font-weight: 600;}
.island_transport div[class*=transport_list] h5:before{display: inline-block;position: absolute;top: 0;left: 50%;width: 60px;height: 60px;margin-left: -30px;content: '';background-image: url(/src/img/sub/img_sprite.png);}
.island_transport div[class*=transport_list] li{position: relative;margin-top: 8px;font-size: 16px;line-height: 34px;}
.island_transport div[class*=transport_list] li img{max-width: 100%;}
.island_transport .transport_list_1 h5:before{background-position: -300px -500px;}
.island_transport .transport_list_2 h5:before{background-position: -360px -500px;}
.island_transport li b{font-weight: 700;}
.island_transport ul li:first-child{margin-top: 0;}
.transport_table_1{margin:5px 0}
.transport_table_1 th{padding: 6px 3px;border: 1px solid #ccc;background-color: #f4f4f4;word-break:keep-all;line-height: 150%;text-align: center;}
.transport_table_1 td{padding: 3px 10px;border: 1px solid #ccc;word-break:keep-all;line-height: 150%;text-align: center;}
.transport_table_1 .cc{font-family: 'dotum';}

/*[s01] island_facility*/
.island_facility{position: relative;background-color: #fffbe1;}
.island_facility .stay{position: relative;width: 50%;color: #70573b;}
.island_facility .stay .stay_inner{position: relative;box-sizing: border-box;width: 600px;margin: 0 0 0 auto;padding: 50px 30px;}
.island_facility .eat{position: relative;position: absolute;top: 0;right: 0;width: 50%;color: #fff;}
.island_facility .eat .eat_inner{position: relative;box-sizing: border-box;width: 600px;margin: 0 auto 0 0;padding: 50px 30px;}
.island_facility .list_box{overflow-y: scroll;position: relative;height: 300px;margin-top: 30px;border-top: 6px solid #ffde00;border-bottom: 6px solid #ffde00;color: #333;background-color: #fff;}
.island_facility .list_box li{position: relative;padding: 20px 50px 20px 20px;border-bottom: 1px solid #ffde00;}
.island_facility .list_box .name{padding-bottom: 4px;font-weight: 700;}
.island_facility .list_box .link{display: inline-block;opacity: 0.5;position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;transition: all 0.3s ease;background: url(/src/img/sub/img_sprite.png) -160px -20px no-repeat;}
.island_facility .list_box .link:hover{opacity: 1;}
.island_facility .middle{padding: 0 0 8px 0;}
.island_facility .desc{padding-bottom: 30px;}

/*[s01] island_link*/
.island_link{position: relative;padding: 60px 0;text-align: center;}
.island_link .middle{padding-bottom: 0;}
.island_link ul{margin-top: 30px;}
.island_link li{display: inline-block;width: 28%;margin: 0 0.3%;text-align: left;}
.island_link li a{display: block;position: relative;max-width: 100%;padding: 30px 30px;border: 1px solid #bbb;border-radius: 6px;transition: all 0.2s ease; background-color: #fff;}
.island_link li a:hover{border-color: #333;}
.island_link li a:before{display: inline-block;opacity: 0.3;position: absolute;top: 10px;right: 10px;width: 40px;height: 40px;content: '';user-select: none;transition: all 0.2s ease;pointer-events: none;background: url(/src/img/sub/img_sprite.png) -160px -20px;}
.island_link li a:hover:before{opacity: 0.9;}
.island_link li b{display: block;overflow: hidden;box-sizing: border-box;height: 30px;padding-right: 40px;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;word-break: break-all;font-size: 20px;font-weight: 700;line-height: 30px;}
.island_link li p{display: block;overflow: hidden;height: 30px;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;word-break: break-all;color: #999;font-size: 16px;line-height: 30px;}

/*[global] sub_title*/
.sub_title{position: relative;text-align: center;color: #fff;}
.sub_title .depth1{letter-spacing: 2px;font-size: 20px;line-height: 140%;}
.sub_title h2{font-size: 50px;line-height: 200%;}

/*[global] bg*/



.s0001 .basic_content, .s0002 .basic_content, .s0003 .basic_content,
.s0004 .basic_content, .s0005 .basic_content, .s0006 .basic_content,
.s0007 .basic_content, .s0008 .basic_content, .s0009 .basic_content
{background: url(/src/img/sub/s0501_bg.jpg) no-repeat center 0;}



.s0201 .basic_content, 
.s0202 .basic_content, 
.s0203 .basic_content, 
.s0204 .basic_content, 
.s0205 .basic_content, 
.s0206 .basic_content, .s0207 .basic_content {background: url(/src/img/sub/s0201_bg.jpg) no-repeat center 0;}

.s0301 .basic_content, .s0302 .basic_content, .s0303 .basic_content, .s0304 .basic_content{background: url(/src/img/sub/s0301_bg.jpg) no-repeat center 0;}
.s0401 .basic_content, .s0402 .basic_content, .s0403 .basic_content, .s0404 .basic_content, .s0405 .basic_content {background: url(/src/img/sub/s0401_bg.jpg) no-repeat center 0;}

.s0501 .basic_content, .s0502 .basic_content, .s0503 .basic_content,
.s0504 .basic_content {background: url(/src/img/sub/s0501_bg.jpg) no-repeat center 0;}




/*[global] inner style*/
.contents{box-sizing: border-box;min-height: 700px;margin-top: 32px;background-color: #fff;padding:70px 0 60px;}

.contents.island{margin: 0;padding: 0;}
/*.contents.island .adm_tool_box{display: none;}*/
.basic_content{position: relative;}
.about_inner{box-sizing: border-box;background-color: #fff;}
.community_inner{box-sizing: border-box;margin-top: 32px;padding: 60px 50px;background-color: #fff;}
.archive_inner{box-sizing: border-box;margin-top: 32px;padding:0 50px 60px;background-color: #fff;}

/*.search_inner{box-sizing: border-box;margin-top: 32px;padding: 60px 50px;background-color: #fff;}*/

/*[global] s02~ container style*/
.basic_content .sub_title{position: relative;padding: 100px 0 50px 0;text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);}
.basic_content .about_top{padding: 50px 0 100px;}
.basic_content .about_top .middle{padding-bottom: 30px;}
.basic_content .about_top .img_box{text-align: center;}
.basic_content .about_top .img_box img{max-width: 100%;}
.basic_content .about_point{position: relative;padding-bottom: 30px;text-align: center;}
.basic_content .about_point b{display: block;padding-top: 30px;font-size: 20px;font-weight: 700;line-height: 150%;}
.basic_content .about_point p{font-size: 16px;line-height: 150%;}
.about_point img{max-width: 100%;}
.basic_content .middle{font-size: 30px;font-weight: 700;line-height: 150%;}
.basic_content .desc{font-size: 16px;}
.basic_content .desc p{padding-top: 20px;line-height: 150%;}
.basic_content .desc p:first-child{padding-top: 0;}

.basic_content .about_point .col:nth-child(1){animation-delay: 0.2s;}
.basic_content .about_point .col:nth-child(2){animation-delay: 0.3s;}
.basic_content .about_point .col:nth-child(3){animation-delay: 0.4s;}
.basic_content .about_point .col:nth-child(4){animation-delay: 0.5s;}

/* [global] [s03] table style*/
.table_1{width: 95%;margin: 0 auto;}
.table_1 tr td{padding: 8px 10px;border-top: 1px solid #ddd !important;transition: all 0.3s ease;text-align: center;vertical-align: middle;font-size: 16px;line-height: 150%;}
.table_1 tr:hover td{ background-color: #fff;}
.table_1 tr:first-child td{border-top: 0;}
.table_1 tr:last-child td{border-bottom: 2px solid #666;}
.table_1 tr td a{display: block;overflow: hidden;position: relative;text-align: left;white-space: nowrap;text-overflow: ellipsis;font-weight: 700;}
.table_category{display: inline-block;padding: 0 10px;border: 2px solid #555;border-radius: 40px;color: #555;font-size: 14px;font-weight: 700;line-height: 24px;}
.table_category.n1{border-color: #522698;color: #522698;}
.table_category.n2{border-color: #98263d;color: #98263d;}
.table_category.n3{border-color: #266b98;color: #266b98;}
.table_category.n4{border-color: #269847;color: #269847;}
.table_category.n5{border-color: #984e26;color: #984e26;}
.table_category.n6{border-color: #264b98;color: #264b98;}
.table_category.n7{border-color: #98267c;color: #98267c;}
.table_category.n8{border-color: #988326;color: #988326;}
.table_category.n9{border-color: #985826;color: #985826;}
.table_category.n10{border-color: #982684;color: #982684;}
.table_category.n11{border-color: #26986f;color: #26986f;}
.table_category.n12{border-color: #98264a;color: #98264a;}
.table_category.n13{border-color: #988b26;color: #988b26;}
.table_category.n14{border-color: #e4a614;color: #e4a614;}
.table_category.n15{border-color: #1dabbb;color: #1dabbb;}
.table_category.n16{border-color: #e64949;color: #e64949;}


.category_box{position: relative;margin-bottom: 20px;padding: 20px;background-color: #f8f8f8;}
.category_box li{display: inline-block;float: left;position: relative;width: 10%;margin-bottom: 8px;}
.category_box li:nth-child(n+11){margin-bottom: 0;}
.category_box li a{display: inline-block;display: block;float: left;position: relative;padding: 0 16px;transition: all 0.3s ease;font-size: 14px;line-height: 32px;}
.category_box li a:hover{background-color: #eee;}
.category_box li.on a{font-weight: 700;background-color: #ffde00;}

.category_box_2{position: relative;max-width: 95%;margin: 0 auto 30px;}
.category_box_2 .all_view{display: inline-block;position: absolute;top: 50%;left: 0;width: 100px;margin-top: -10px;text-align: left;}
.category_box_2 .all_view a{display: inline-block;position: relative;letter-spacing: 0;color: #666;font-size: 16px;font-weight: 600;line-height: 20px;}
.category_box_2 .all_view a:before{display: inline-block;width: 20px;height: 20px;margin-right: 10px;content: '';vertical-align: middle;background: url(/src/img/sub/img_sprite.png) -200px -40px;background-size: 250px 400px;}
.category_box_2 ul{margin-left: 100px;border: 3px solid #ddd;}
.category_box_2 li{display: inline-block;float: left;position: relative;box-sizing: border-box;width: 25%;padding: 20px 30px;transition: all 0.3s ease;;font-size: 16px;font-weight: 600;line-height: 24px;}


.category_box_2 li:hover{background-color: #f8f8f8;}
.category_box_2 li:before{display: inline-block;position: absolute;top: 15%;left: 0;width: 0;height: 70%;border-left: 1px solid #ddd;content: '';}
.category_box_2 li:first-child:before{display: none;}
.category_box_2 li a {display:block;}
.category_box_2 li .theme_island{display: block;overflow: hidden;height: 24px;white-space: nowrap;text-overflow: ellipsis;color: #999;font-size: 14px;font-weight: 500;letter-spacing: -1px;}
.category_box_2 li:nth-child(1).on a, .category_box_2 li:nth-child(1).on span{color: #d1aa0d;}
.category_box_2 li:nth-child(2).on a, .category_box_2 li:nth-child(2).on span{color: #e48100;}
.category_box_2 li:nth-child(3).on a, .category_box_2 li:nth-child(3).on span{color: #4e8a00;}
.category_box_2 li:nth-child(4).on a, .category_box_2 li:nth-child(4).on span{color: #1a3794;}
.category_box_2 li.on a:before{display: inline-block;display: inline-block;position: relative;width: 20px;height: 20px;margin-right: 6px;content: '';vertical-align: middle;background-image: url(/src/img/sub/img_sprite.png);background-size: 250px 400px;}
.category_box_2 li:nth-child(1).on a:before{background-position: -120px -40px;}
.category_box_2 li:nth-child(2).on a:before{background-position: -140px -40px;}
.category_box_2 li:nth-child(3).on a:before{background-position: -160px -40px;}
.category_box_2 li:nth-child(4).on a:before{background-position: -180px -40px;}

.icon_file{display: inline-block;width: 40px;height: 40px;background: url(/src/img/sub/img_sprite.png) -120px -60px no-repeat;}
.icon_location{display: inline-block;opacity: 0.5;position: relative;top: 0;left: 0;width: 40px;height: 40px;vertical-align: middle;background: url(/src/img/sub/img_sprite.png) -80px -20px no-repeat;}

.search_box{position: relative;padding-top: 30px;text-align: right;}
.search_box .search_select{display: inline-block;position: relative;border: 1px solid #ddd;}
.search_box .search_select select{height: 34px;padding: 0 10px;border: 0;font-family: 'NanumSquareR';line-height: 34px;}
.search_box .search_text{display: inline-block;overflow: hidden;position: relative;border: 1px solid #ddd;vertical-align: top;}
.search_box .search_text input{width: 100%;height: 34px;padding: 0 10px;border: 0;font-family: 'NanumSquareR';line-height: 34px;}
.search_box input{display: inline-block;height: 34px;vertical-align: middle;}
.search_box input[type=submit]{height: 36px;padding: 0 16px;border: 1px solid #ddd;line-height: 36px;background-color: #333;}

/*[s04] 갤러리게시판 style, 미사용중*/
.gallery_1{position: relative;}
.gallery_1 li{float: left;width: 31.3%;margin-bottom: 30px;margin-left: 3%;}
.gallery_1 li:hover .img_box{box-shadow: 0 0 0 10px #ffde00;}
.gallery_1 li:nth-child(3n-2){margin-left: 0;}
.gallery_1 li .title{display: block;overflow: hidden;width: 100%;height: 24px;margin: 12px 0;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;font-weight: 700;line-height: 24px;}
.gallery_1 li .date{display: block;padding-top: 4px;font-size: 14px;line-height: 140%;}
.gallery_1 li a{display: block;position: relative;padding: 20px;}
.gallery_1 li .img_box{display: block;overflow: hidden;position: relative;width: 100%;height: 0;padding-bottom: 68%;transition: all 0.3s ease;}
.gallery_1 li .img_box img{position:absolute;left:0;top:0;width:100%;height:100%;}
.gallery_1 li.data-nothing {text-align:center;width:100%;margin: 50px auto 20px; font-size: 16px;}


/*[s05] 통합검색*/
.s0501 .search_box{padding-top: 0;text-align: center;}
.s0501 .search_box .search_text input{min-width: 300px;}

/*[global] pager*/
.pager_box{position: relative;padding-top: 30px;text-align: center;clear:both}
.pager_box ul{display: inline-block;}
.pager_box li{float: left;position: relative;}
.pager_box li a{display: block;width: 40px;user-select: none;text-align: center;font-size: 12px;font-weight: 700;line-height: 40px;}
.pager_box li a:hover, .pager_box li.on a{font-weight: 700;background-color: #f4f4f4;}

/*[s01] 레이어팝업/모달팝업*/
/* .modal_box{display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 999;width: 100%;min-width: 320px;height: 100%;background-color: rgba(0,0,0,0.5);font-size:16px;line-height: 160%;}
.island_content .modal_box .middle{padding: 0 0 8px 0;}
.modal_box.on{display: table;}
.modal_center{display: table-cell;text-align: center;vertical-align: middle;}
.modal_inner{overflow: hidden;box-sizing: border-box;width: 1200px;height: 85%;margin: 0 auto;margin-top: 93px;border-radius: 16px;animation: fadeInSlideUp 0.3s ease both;box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.2);}
.modal_inner .inner{width: 100%;}
.modal_inner .island_facility .stay .stay_inner{width: auto;}
.modal_inner .island_facility .eat .eat_inner{width: auto;}
.modal_header{position: relative;background-color: #333;}
.modal_header h3{padding: 50px 50px 20px 20px;text-align: left;color: #fff;font-size: 26px;}
.modal_header h3 .island_name{font-family: 'GmarketSansMedium';font-size: 30px;}
.modal_header .modal_close{display: inline-block;overflow: hidden;position: absolute;top: 10px;right: 10px;width: 60px;height: 60px;cursor: pointer;transition: all 0.2s ease;text-align: left;text-indent: -9999px;}
.modal_header .modal_close:before{display: inline-block;position: absolute;top: 0;right: 0;width: 60px;height: 60px;content: '';background: url(/src/img/sub/img_sprite.png) 0 -680px;}
.modal_header .modal_close:hover{opacity: 0.8;}
.modal_cont{overflow-y: scroll;position: relative;box-sizing: border-box;height: 100%;text-align: left;background-color: #fff;}
.modal_cont .hot_place_box{z-index: 0;padding-top: 20px;}
.modal_cont .hot_place{width: 95%;margin: 0 auto;}
.modal_cont .hot_place::after{ content: ''; clear: both; display: block; }
.island_transport div[class*=transport_list]{width: 95%;} */

.subscribe_btn{cursor: pointer;position: fixed;right: 40px;bottom: 40px;z-index: 100;width: 140px;height: 140px;background: url(/src/img/sub/sub_modal_btn.png); background-size: cover;border-radius: 25px;box-sizing: border-box;}
.subscribe_btn a{font-size: 24px;font-weight: 700;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #2b7fb9;}
/*[웹진시옷] 레이어팝업/모달팝업*/
.sub_modal{display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 999;width: 100%;min-width: 320px;height: 100%;background-color: rgba(0,0,0,0.5); font-size:16px;line-height: 100%;}
.island_content .sub_modal .middle{padding: 0 0 8px 0;}
.sub_modal.on{display: table;}
.sub_modal .modal_center{display: table-cell;text-align: center;vertical-align: middle;}
.sub_modal .modal_inner{overflow: hidden;box-sizing: border-box;width: 800px;height: 40%;margin: 0 auto;margin-top: 50px;background: url(/src/img/sub/sub_modal_bg.jpg) 0 -80px;background-size: cover;border-radius: 16px;animation: fadeInSlideUp 0.3s ease both;box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.2);}
.sub_modal .modal_header{height: 20%;position: relative;}
.sub_modal .modal_header .hd_txt{margin: 30px auto 20px auto;text-align: center;}
.sub_modal .modal_header h3{font-size: 26px;padding: 10px;width: 100px;box-shadow: inset 0 -20px 0 #c0e8f0;margin: 0 auto 5px auto;font-weight: 500;}
.sub_modal .modal_header .modal_close{display: inline-block;overflow: hidden;position: absolute;top: -10px;right: 10px;width: 60px;height: 60px;cursor: pointer;transition: all 0.2s ease;text-align: left;text-indent: -9999px;}
.sub_modal .modal_header .modal_close:before{display: inline-block;position: absolute;top: 0;right: 0;width: 60px;height: 60px;content: '';background: url(/src/img/sub/img_sprite.png) 0 -680px;}
.sub_modal .modal_header .modal_close:hover{opacity: 0.8;}
.sub_modal .sub_modal_cont{position: relative;box-sizing: border-box;}
.sub_modal .sub_modal_cont .sub_form{display: flex; flex-direction: column;}
.sub_modal .sub_modal_cont .sub_form .data{display: flex;width: 70%;margin: 5px auto;height: 40px;line-height: 40px; }
.sub_modal .sub_modal_cont .sub_form .data label{width: 20%;text-align: left;}
.sub_modal .sub_modal_cont .sub_form .data .inputfrm{width: 80%;height: 40px;border-radius: 10px;}
.sub_modal .sub_modal_cont .sub_form button{cursor: pointer;width:150px;height: 50px;border-radius: 10px;background-color: #3b91cc;border:none;color: #fff;margin: 30px auto;font-size: 16px;font-family: "pretendard", "GangwonEduPowerExtraBoldA", "맑은 고딕", "Malgun Gothic", "돋움", dotum, "Nunito";}




.island_fac {font-size:0;}
.island_fac .fac_cmn {display:inline-block;width:50%;position:relative;}
.island_fac .fac_cmn .link_icon {position:absolute;right:23px;top:20px;}
.island_fac .fac_cmn a {position:absolute;width:100%;height:100%;display:block;background:rgba(0,0,0,0.6)}

.island_fac.s010101 .food a {background:rgba(87,52,158,0.9)}
.island_fac.s010102 .food a {background:rgba(171, 36, 36, 0.9)}
.island_fac.s010103 .food a {background:rgba(5,28,60,0.9)}
.island_fac.s010104 .food a {background:rgba(15, 140, 91, 0.9)}

.island_fac.s010201 .food a {background:rgba(40,40,148,0.9)}
.island_fac.s010202 .food a {background:rgba(93, 68, 55, 0.9)}
.island_fac.s010203 .food a {background:rgba(222, 168, 14, 0.9)}
.island_fac.s010204 .food a {background:rgba(52, 139, 179, 0.9)}

.island_fac.s010301 .food a {background:rgba(3, 68, 28, 0.9)}
.island_fac.s010302 .food a {background:rgba(8, 66, 138, 0.9)}
.island_fac.s010303 .food a {background:rgba(230, 109, 13, 0.9)}
.island_fac.s010304 .food a {background:rgba(11, 100, 158, 0.9)}

.island_fac.s010401 .food a {background:rgba(134, 165, 52, 0.9)}
.island_fac.s010402 .food a {background:rgba(51, 99, 44, 0.9)}
.island_fac.s010403 .food a {background:rgba(236, 112, 152, 0.9)}
.island_fac.s010404 .food a {background:rgba(117, 37, 74, 0.9)}



.island_fac .fac_cmn .txt_wrap {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align: center;width:100%;}
.island_fac .fac_cmn h2 {font-size:34px;font-weight:bold;color:#fff;margin:20px 0 0 0;}
.island_fac .fac_cmn p {font-size:16px;color:#fff;margin:15px 0 0 0;line-height: 20px;overflow: hidden;display: block;height: 20px;}
.island_fac .fac_cmn img.bg {width:100%;max-width:600px;display:block}


.s010203 .island_fac,
.s010204 .island_fac,
.s010304 .island_fac,
.s010401 .island_fac,
.s010402 .island_fac,
.s010403 .island_fac,
.s010404 .island_fac
{user-select: none;pointer-events: none}

.s010203 .island_fac .stay p:before,
.s010204 .island_fac .stay p:before,
.s010304 .island_fac .stay p:before,
.s010401 .island_fac .stay p:before,
.s010402 .island_fac .stay p:before,
.s010403 .island_fac .stay p:before,
.s010404 .island_fac .stay p:before
{content: '예쁜 펜션이 지어지고 있으니 조금만 기다려주세요^^';display: block;position: relative;}
.s010203 .island_fac .food p:before,
.s010204 .island_fac .food p:before,
.s010304 .island_fac .food p:before,
.s010401 .island_fac .food p:before,
.s010402 .island_fac .food p:before,
.s010403 .island_fac .food p:before,
.s010404 .island_fac .food p:before
{content: '예쁜 식당이 지어지고 있으니 조금만 기다려주세요^^';display: block;position: relative;}



@media all and (max-width:1024px){

.island_fac .fac_cmn .txt_wrap img {width:35px;}
.island_fac .fac_cmn h2 {font-size:28px;margin:10px 0 0 0;}
.island_fac .fac_cmn p {font-size:16px}

.island_fac {width:100%;line-height:0;}
.island_fac .fac_cmn {width:100%;line-height:20px;}
.island_fac .fac_cmn img.bg {max-width:100%!important;}
}


@media all and (max-width:460px){

.island_fac .fac_cmn h2 {font-size:6vw}

}



/* 모달 숙박 식당 표*/
.island_stay .middle, .island_food .middle, .island_coordinator .middle{padding: 0 0 8px 0;text-align: center; padding-top: 60px; font-weight: 600;}
.island_stay .desc, .island_food .desc, .island_coordinator .desc{padding-bottom: 30px;text-align: center}

.island_stay, .island_food, .island_coordinator{width: 95%;margin: 0 auto;}
.island_stay::after, .island_food::after, .island_coordinator::after{ content: ''; clear: both; display: block; }
.island_stay th, .island_food th, .island_coordinator th{background: #f9f9f9;padding: 20px;font-size: 18px;border-bottom: 1px solid #ccc; border-top:2px solid #000;text-align: center;}
.island_stay td, .island_food td, .island_coordinator td{padding: 20px;text-align: center;font-size: 18px; border-bottom: 1px solid #ccc; background-color: #fff;}


/*[s05] 통합검색결과*/
.search_result_box{position: relative;width:95%;margin:0 auto;}
.search_result_box .desc{padding: 30px 20px 20px 20px;border-bottom: 2px solid #666;text-align: center;font-size: 15px;}
.search_result_box .desc h3{padding-bottom: 8px;font-size: 20px;}
.search_result_box .desc .search_result_num{font-weight: 600;}
.search_result_box .search_keyword{font-size: 24px;font-weight: 600;}
.search_result_box .search_keyword:before{margin-right: 2px;content: '"';}
.search_result_box .search_keyword:after{margin-left: 2px;content: '"';}
.search_result_item_box{width: 95%;margin: 0 auto;padding: 30px 0;}
.search_result_item .search_result_menu{padding-bottom: 8px;font-size: 28px;font-weight: 600;line-height: 150%;}
.search_result_item .search_result_list{text-align: center;font-size: 16px;}
.search_result_item .search_result_list li:hover{background-color: #f4f4f4;}
.search_result_item .search_result_list li a{text-align: left;}
.search_result_item .search_result_list li{padding: 14px;border-bottom: 1px solid #ddd;transition: all 0.3s ease;}
.search_result_item .search_result_list li:first-child{border-top: 1px solid #ddd;}
.search_result_item .page_title{margin-bottom: 8px;color: #004c9a;font-size: 18px;font-weight: 600;}
.search_result_item .page_content{display: -webkit-box;overflow: hidden;height: 44px;text-overflow: ellipsis;word-wrap: break-word;font-size: 15px;line-height: 22px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_result_item{margin-bottom: 30px;}




@media (max-width:1400px){.visual_title .inner{padding: 0 5%;}}

@media (max-width:1024px){
.visual_title .inner_center:before{width: 100%;}
.visual_title .inner{width: 100%;}

.tap_menu.n5 li{width: 20%;min-width: auto;}
.tap_menu.n5 li:first-child a{border-left: 0;}
.tap_menu.n5 li:last-child a{border-right: 0;}

.tap_menu.n4 li{width: 25%;min-width: auto;}
.tap_menu.n4 li:first-child a{border-left: 0;}
.tap_menu.n4 li:last-child a{border-right: 0;}

.tap_menu.n3 li{width: 33.3%;min-width: auto;}
.tap_menu.n3 li:first-child{width: 33.4%;}
.tap_menu.n3 li:first-child a{border-left: 0;}
.tap_menu.n3 li:last-child a{border-right: 0;}

.tap_menu li a{font-size: 15px;}
.tap_menu ul{display: block;}
.tap_menu .inner{width: 100%;padding: 0;}
.tap_menu.fixed{margin-top: 0;}
.cont_grid .txt_box.left{padding-right: 0;padding-bottom: 20px;}
.cont_grid .txt_box.right{margin: 20px;padding-left: 0;}
.cont_grid .img_box{margin: 10px;}

.cont_grid .img_box img{width: 100%;max-width: 100%;}

.island_overview{padding: 20px 0 50px 0;}
.island_overview_txt{padding-top: 0;text-align: center;}

.cont_top .desc br{display: none;}
.cont_top .inner{padding: 70px 5% 70px 5%;}

.island_overview_point{padding-top: 20px;}

.cont_grid .txt_box{text-align: center !important;}
.cont_grid .txt_box .middle{font-size: 28px;}
.cont_grid .txt_box br{display: none;}
.cont_grid .col .img_box{margin: 0;}
.cont_grid .col-4-of-4.txt_box .img_box{float: none;}
.cont_grid .col-4-of-4.img_box{margin: 10px;}
.cont_grid .img_box.col-2-of-4.col-m-4-of-4{width: 100%;}
.cont_grid .txt_box.left .img_box{padding-bottom: 20px;}
.cont_grid .txt_box.left .hashtag_box{width: auto;}
.cont_grid .txt_box.left .middle{width: auto;}
.cont_grid .txt_box.left .desc{width: auto;}
.cont_box .hashtag_box{padding-top: 0;}
.cont_box .hashtag_box span{padding: 0 16px;font-size: 13px;line-height: 30px;}

.cont_grid .inner_full.img_box{overflow: hidden;position: relative;box-sizing: border-box;height: 300px;margin: 10px;padding: 0;}
.cont_grid .inner_full.img_box img{position: absolute;top: 0;left: 0;width: auto;max-width: inherit;height: 300px;}

.island_content .col{padding: 0;}
.island_content .col.txt_box{padding-bottom: 40px;}

.island_next a{padding: 20px;}
.island_next .island_step{padding-bottom: 8px;font-size: 12px;}
.island_next h2{height: 60px;font-size: 18px;line-height: 30px;}
.island_next .island_name{font-size: 24px;}

.island_next a:after{display: inline-block;top: 50%;left: 20px;z-index: 1;width: 60px;height: 40px;margin-top: -20px;transition: all 0.3s ease;background: url(/src/img/sub/img_sprite.png) -135px -280px no-repeat;background-size: 250px 400px;}
.island_next a.prev{padding-left: 100px;}

.layout_1{}
.layout_1 .desc{}
.layout_1 .col.left img{width: 100%;}
.layout_1 .col.right{padding-bottom: 60px;padding-left: 0;text-align: center;}


.layout_2{padding-top: 0;}
.layout_2 .desc{padding-top: 30px;}
.layout_2 .col.left{padding-right: 0;text-align: center;}
.layout_2 .col.left img{width: auto;max-width: 100%;}
.layout_2 .col.right{padding-top: 0;padding-bottom: 60px;padding-left: 0;text-align: center;}
.layout_2 .col.right img{width: auto;max-width: 100%;}

.cont_grid .layout_3 .img_box{margin: 0;}

.cont_box .hot_place li{width: 30%;margin-left: 5%;}
.cont_box .hot_place li .img_box{margin: 0 0 20px 0;}
.cont_box .hot_place li:nth-child(4n-3){margin-left: 5%;}
.cont_box .hot_place li:nth-child(3n-2){margin-left: 0;}

.island_transport div[class*=transport_list]{width: 90%;padding: 20px;box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);}
.island_transport div[class*=transport_list] h5{position: relative;top: 0;left: 0;width: auto;margin-bottom: 16px;}
.island_transport div[class*=transport_list] li{padding-bottom: 5px;font-size: 13px;line-height: 140%;}
.island_facility .stay{position: relative;width: 100%;}
.island_facility .stay .stay_inner{position: relative;box-sizing: border-box;width: auto;margin: 0 0 0 auto;padding: 30px 5%;}
.island_facility .eat{position: relative;position: relative;top: 0;right: 0;width: 100%;color: #fff;}
.island_facility .eat .eat_inner{position: relative;width: auto;margin: 0 auto 0 0;padding: 30px 5%;}

.cont_box .ticket_box{width: 100%;max-width: 650px;height: auto;background: url(/src/img/sub/s01/island_ticket_m_02.jpg) 0 0 repeat-y;background-size: 100%;}
.cont_box .ticket_box:before{position: absolute;top: 0;left: 0;width: 100%;height: 0;padding-bottom: 40%;content: '';background: url(/src/img/sub/s01/island_ticket_m_01.jpg) 0 0 no-repeat;background-size: 100%;}
.cont_box .ticket_box:after{position: absolute;bottom: 0;left: 0;width: 100%;height: 0;padding-top: 10%;content: '';background: url(/src/img/sub/s01/island_ticket_m_03.jpg) 0 100% no-repeat;background-size: 100%;}

.cont_box .ticket_box .ticket_inner{position: relative;top: 0;left: 0;}
.cont_box .ticket_box .ticket_inner .ticket_name{padding-top: 23%;padding-left: 32%;text-align: left;font-size: 30px;line-height: 130%;}
.cont_box .ticket_box .ticket_inner .ticket_btn{margin-bottom: 10%;margin-left: 32%;text-align: left;}
.cont_box .ticket_box .ticket_inner .ticket_stamp{top: -5%;right: 10%;left: auto;}

.island_facility .list_box{height: auto;margin-top: 0;}


.cont_review .review_write{margin-top: 0;}
.cont_review .review_write .score{position: relative;top: 0;left: 0;width: auto;}
.cont_review .review_write .text{margin-top: 8px;margin-left: 0;}
.cont_review .review_list tr td{font-size: 14px;}
.cont_review .review_list tr td:first-child{letter-spacing: 1px;}


.about_top{text-align: center;}
.about_top .middle{padding-top: 30px;}

.basic_content .about_point b{padding-top: 10px;font-size: 17px;}
.basic_content .about_point p{font-size: 13px;}


.category_box li{width: auto;margin-bottom: 0;}
.community_inner{width: 100%;padding: 70px 2%;}
.archive_inner{width: 100%;padding: 0px 2%;}
.search_inner{width: 100%;padding: 40px 2%;}

.search_result_box .desc h3{font-size: 16px;}
.search_result_box .search_keyword{font-size: 18px;}
.search_result_item_box{padding: 20px 0;}
.search_result_item .search_result_menu{font-size: 18px;}
.search_result_item .page_title{margin-bottom: 4px;font-size: 16px;}
.search_result_item .page_content{height: 40px;font-size: 13px;line-height: 20px;}


/*table style*/
.table_1{width: 100%;}
.table_1 tr th{padding: 10px 0;font-size: 13px;}
.table_1 tr td{padding: 10px 5px;transition: all 0.3s ease;text-align: center;vertical-align: middle;font-size: 12px;line-height: 150%;}
.table_1 tr:hover td{background-color: #f8f8f8;}
.table_1 tr:first-child td{border-top: 0;}
.table_1 tr:last-child td{border-bottom: 2px solid #666;}
.table_1 tr td a{font-size: 14px;}
.table_category{display: block;overflow: hidden;height: 22px;padding: 0 4px;border: 2px solid #555;border-radius: 30px;white-space: nowrap;letter-spacing: -1px;text-overflow: ellipsis;font-size: 12px;line-height: 22px;}
.icon_file{width: 30px;height: 30px;background: url(/src/img/sub/img_sprite.png) -120px -10px no-repeat;background-size: 250px 400px;}

.gallery_1 li{width: 50%;margin-bottom: 16px;margin-left: 0;}
.gallery_1 li:nth-child(2n-1){margin-left: 0;}
.gallery_1 li .date{font-size: 13px;}
.gallery_1 li a{padding: 8px;}
.gallery_1 li .title{margin: 12px 0 4px 0;font-size: 14px;}

.modal_inner{box-sizing: border-box;width: auto;margin: 20px;}

.category_box_2{max-width: 100%;}
.category_box_2 .all_view{position: relative;top: inherit;width: auto;margin-top: 0;}
.category_box_2 .all_view a{line-height: 40px;}
.category_box_2 ul{margin-top: 8px;margin-left: 0;}
.category_box_2 li{padding: 0;text-align: center;}
.category_box_2 li a{display: block;overflow: hidden;height: 40px;padding: 10px 0;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;line-height: 40px;}
.category_box_2 li:before{display: none;}
.category_box_2 li .theme_island{display: none;}
.category_box_2 li.on a:before{margin-right: 3px;}
}

@media (max-width:768px){

/*	.contents{padding-top: 10px;}*/

.island_overview_main img{max-width: 60%;}
.visual_title h2{margin: 0;font-size: 7vw;}
.visual_title .island_name{font-size: 11vw;}
.visual_title .island_slogan{font-size: 14px;}
.visual_title:before{height: 35px;background-size: 960px 35px;}
.visual_title .hashtag_box span{padding: 0 15px;font-size: 14px;line-height: 38px;}
.visual_title .step_copy{margin-left:0;display: block;word-break: keep-all;}

.tap_menu.n4 li{width: 50%;}
.tap_menu.n4 li a{height: 50px;line-height: 50px;}
.tap_menu.n4 li:nth-child(1) a, .tap_menu.n4 li:nth-child(2) a{border-bottom: 0;}
.tap_menu.n4 li:nth-child(2n) a{border-right: 0;}
.tap_menu.n4 li:nth-child(2n-1) a{border-left: 0;}

.tap_menu.n5 ul{box-shadow: inherit;}
.tap_menu.n5 li{width: 50%;box-shadow: 5px 5px 0 rgba(0,0,0,0.1);}
.tap_menu.n5 li a{height: 50px;border-top: 0;line-height: 50px;}
.tap_menu.n5 li:nth-child(2n-1) a{border-left: 0;}
.tap_menu.n5 li:nth-child(2n) a{border-right: 0;}
.tap_menu.n5 li:nth-child(5) a{border-right: 1px solid #ddd;}

.island_overview_point li{box-sizing: border-box;padding: 83px 2% 0 2%;font-size: 12px;line-height: 17px;word-break:keep-all;}
.island_overview_point li br{display: none;}
.island_overview_point li .highlight{background-color: #ffde00;background:linear-gradient(0deg, #FFDE00 39%, #FFFFFF 40%, #fff 100%)}
.island_overview_point li .highlight:before{display: none;}
.island_overview_main .name{padding-bottom: 0;font-size: 34px;}
.island_overview_txt .eng{font-size: 18px;}
.island_overview_txt .desc{font-size: 14px;line-height: 150%;}
.island_overview_main .location{font-size: 16px;}

.island_quick_slide .txt_wrap:after{display: inline-block;}
.island_overview{
padding: 20px 0 0px 0;
}
.s010101 .cont_top .obj{right:0}
.s010101 .cont_top .obj img{
width: 50px;
}

.island_next a{padding-bottom: 60px;}
.island_next a.prev{padding-left: 20px;}
.island_next h2{height: 60px;font-size: 14px;line-height: 23px;}
.island_next .island_name{font-size: 18px;}
.island_next a:after{top: auto;bottom: 20px;}
.island_next a.prev:after{right: 20px;left: auto;}
.island_next a.prev:hover:after{right: 40px;left: auto;}

.cont_top{box-sizing: border-box;padding: 50px 20px;}
.cont_top .inner{padding: 30px 8%;}
.cont_box .hot_place li{width: 46%;min-height: auto;margin-left: 8%;}
.cont_box .hot_place .place_desc{height: 60px;padding-bottom: 0;font-size: 13px;line-height: 20px;}
.cont_box .hot_place li .img_box{margin: 0 0 20px 0;}
.cont_box .hot_place li:nth-child(4n-3){margin-left: 8%;}
.cont_box .hot_place li:nth-child(3n-2){margin-left: 8%;}
.cont_box .hot_place li:nth-child(2n-1){margin-left: 0;}
.cont_grid .txt_box .middle{padding: 10px 0 30px 0;font-size: 22px;}
.cont_grid .txt_box.right{box-sizing: border-box;width: 100%;margin: 10px;}
.cont_box .desc{font-size: 14px;}


.cont_box .hashtag_title{font-size: 40px;}
.cont_box .hot_place .place_util{padding-bottom: 30px;}
.cont_box .hot_place .place_util a{width: 30px;height: 30px;background-color: #f8f8f8;}
.cont_box .hot_place .place_util a:before{opacity: 1;top: 5px;left: 5px;width: 20px;height: 20px;background: url(/src/img/sub/img_sprite.png) -40px -10px no-repeat;background-size: 250px 400px;}
.cont_box .hot_place .place_util a.contact:before{background-position: -60px -10px;}
.cont_box .hot_place .place_util a.link:before{background-position: -80px -10px;}


.basic_content .about_top .middle{font-size: 24px;}
.basic_content .desc{font-size: 14px;}
/*
.search_box{text-align: center;}
.search_box .search_text{width: 35%;}
*/

.basic_content .sub_title{padding: 80px 0 20px 0;}
.sub_title .depth1{font-size: 16px;}
.sub_title h2{font-size: 36px;}

.cont_box .hashtag_box span{margin: 0 2px 5px 2px;padding: 0 12px;line-height: 25px;}

.island_next.n3 a{display: block;width: 100% !important;padding-bottom: 10px;}

.cont_box .ticket_box .ticket_inner{position: relative;top: 0;left: 0;text-align: center;}
.cont_box .ticket_box .ticket_inner .ticket_name{font-size: 5vw;}
.cont_box .ticket_box .ticket_inner .ticket_btn{margin-bottom: 10%;margin-left: 0;text-align: center;font-size: 14px;line-height: 45px;}
.cont_box .ticket_box .ticket_inner .ticket_stamp{top: -50px;right: 0;}


.modal_header .modal_close{display: inline-block;overflow: hidden;position: absolute;top: 10px;right: 10px;width: 50px;height: 50px;cursor: pointer;transition: all 0.2s ease;text-align: left;text-indent: -9999px;}
.modal_header .modal_close:before{top: 10px;right: 10px;width: 30px;height: 30px;background: url(/src/img/sub/img_sprite.png) 0 -340px;background-size: 250px 400px;}
.modal_header h3{padding: 25px 50px 20px 20px;font-size: 15px;}
.modal_header h3 .island_name{font-size: 20px;}
.modal_box .cont_box .middle{font-size: 22px;}
.modal_cont{padding-bottom: 30px;}
.cont_box .hot_place .place_name{font-size: 16px;}

.island_facility .list_box{font-size: 14px;}

.island_link li{width: 90%;margin-bottom: 8px;}
.island_link li a{padding: 20px;}
.island_link li b{font-size: 16px;}
.island_link li p{font-size: 14px;}

.transport_table_1 td{padding: 3px 5px;}
.transport_table_1.dib{display: table;}

.category_box_2{margin-bottom: 20px;}
.island_fac .fac_cmn h2{font-size: 6vw;}

}

@media (max-width:460px){
.category_box_2 li{width: 50%;}
.category_box_2 li a{font-size:14px;padding: 3px 0;box-shadow: inset 0px 0px 1px 0px #aaa;}
.gallery_1 li .title{margin: 0}
.island_quick_slide .item{text-indent: 20px;}
.s010201 .visual_title .island_slogan br{display: none}
.cont_box .hashtag_title{font-size: 10vw;}
.island_quick_slide .island_name{font-size: 9vw;}
.island_transport{padding: 30px 0}
.island_fac .fac_cmn p{margin-top: 8px;font-size: 13px;}
.island_link{padding: 30px 0}
.modal_box .cont_box .middle{padding: 0}
.cont_box .hot_place .place_util{padding-bottom: 0;}
.visual_title .island_step{font-size: 13px;}
}


/*s010501*/
.s010501{}
.s010501 .inner_wrap{max-width: 1200px; margin: 0 auto;box-sizing: border-box; font-size: 0;word-break: keep-all;}

.s010501 .con_wrap{box-sizing: border-box;font-size: 0;}
.s010501 .con_wrap .con_top{background: #eef2f9;padding: 60px 20px;text-align: center; margin-bottom:80px; box-sizing: border-box;}
.s010501 .con_wrap .con_top img{display: block;margin: auto;padding-bottom: 36px;}
.s010501 .con_wrap .con_top span.tit{font-size: 28px; font-weight: bold;display: block;padding-bottom: 18px;}
.s010501 .con_wrap .con_top span.exp{font-size: 18px;display: block;line-height: 28px;padding: 15px 0;box-sizing: border-box;}

.s010501 .con_wrap .con_btm{}
.s010501 .con_wrap .con_btm .con_btm_tit{background: url("/src/img/sub/s010501/s010501_tit.png") 0 0 no-repeat;width: 302px; height: 213px; display: block; font-size: 28px;color: #fff;font-weight: bold; padding-top: 70px; text-align: center;margin: auto;position: relative;}
.s010501 .con_wrap .con_btm .con_btm_tit .col{color: #fff100;}
.s010501 .con_wrap .con_btm .con_btm_tit::after{content: ""; background: url("/src/img/sub/s010501/s010501_line.png") 0 0 no-repeat; width:816px; height:193px; position: absolute;bottom: 0; left: -258px; z-index: -1}


.s010501 .con_wrap .con_btm ul.list {display: inline-block; vertical-align: top; width:32%; margin: 0 2% 0 0;box-sizing: border-box; font-size: 0}
.s010501 .con_wrap .con_btm ul.list:last-child {margin: 0;}

.s010501 .con_wrap .con_btm ul.list li{margin-bottom: 20px;}
.s010501 .con_wrap .con_btm ul.list li.list_top{font-size: 22px;border: 3px solid #e2e2e2; padding: 30px 0; box-sizing: border-box;text-align: center;}
.s010501 .con_wrap .con_btm ul.list li.list_top span {font-weight: bold; padding: 20px 0 }

.s010501 .con_wrap .con_btm ul.list li.list_cmn {background: #f2f2f2; font-size: 18px; padding: 20px 60px; position: relative; }
.s010501 .con_wrap .con_btm ul.list li.list_cmn::before{content: ""; background:url(/src/img/sub/s010501/list_icon.png)0 0 no-repeat; width:16px; height: 10px; position: absolute; left:35px; top: 25px;}

.s010501 .con_txt{margin-bottom: 80px;}
.s010501 .con_txt p {font-size: 18px; line-height: 28px; padding: 20px 0}


.s010501 .con_wrap p.tit{font-size: 34px; font-weight: bold; text-align: center;margin-bottom: 40px;}


.s010501 .con_wrap ul.b_img{display: block; width:100%;text-align: center;}
.s010501 .con_wrap ul.b_img li {display: inline-block; vertical-align: top; font-size: 0; box-sizing: border-box;  width: 18.4%; margin:0 2% 20px 0;}
.s010501 .con_wrap ul.b_img li::before{content: "";background:url(/src/img/sub/s010501/b_list_spicon.png) 0 5px no-repeat; display: inline-block;vertical-align:middle; width:100px;height: 82px; border: 3px solid #e2e2e2;border-radius: 50%;padding: 9px 0}
.s010501 .con_wrap ul.b_img li:nth-child(2)::before{background-position: -100px 5px}
.s010501 .con_wrap ul.b_img li:nth-child(3)::before{background-position: -200px 5px}
.s010501 .con_wrap ul.b_img li:nth-child(4)::before{background-position: -300px 5px}
.s010501 .con_wrap ul.b_img li:nth-child(5)::before{background-position: -400px 10px}
.s010501 .con_wrap ul.b_img li:last-child{margin: 0;}
.s010501 .con_wrap ul.buisness{display: inline-block; vertical-align: top; font-size: 0; box-sizing: border-box; border: 3px solid #e2e2e2; width:18.4%; margin:0 2% 0 0;min-height:500px;}
.s010501 .con_wrap ul.buisnessul::before{content: ""; background: url("/src/img/sub/s010501/b_list_spicon.png")0 0 no-repeat; width:100px; height: 82px; display: block; margin: auto;}

.s010501 .con_wrap ul.buisness:last-child{margin:0;}
.s010501 .con_wrap ul.buisness li{ }
.s010501 .con_wrap ul.buisness li.b_tit{font-size: 22px; text-align: center; font-weight: 600;min-height: 64px; line-height: 32px; padding: 30px 0; border-bottom:3px dashed #e2e2e2;display: flex; justify-content: center; align-items: center;}

.s010501 .con_wrap ul.buisness li.b_txt{font-size:18px; line-height:28px;position: relative;padding:10px 20px 10px 50px}
.s010501 .con_wrap ul.buisness li.b_txt::before{content: ""; background:url(/src/img/sub/s010501/list_icon.png)0 0 no-repeat; width:16px; height: 10px; position: absolute; left:25px; top: 20px;}

@media all and (max-width:1200px){
.s010501 .con_wrap ul.buisness{width:32%; margin: 0 2% 2% 0}
.s010501 .con_wrap ul.buisness:nth-child(3n){ margin: 0 0 2% 0}
.s010501 .con_wrap ul.b_img {display: none;}
}

@media all and (max-width:1025px){

.s010501 .con_wrap .con_btm .con_btm_tit::after{display: none;}
.s010501 .con_wrap .con_btm ul.list {display: block; width:100%; margin:0}
.s010501 .con_wrap .con_btm ul.list li.list_cmn br{display: none;}
}

@media all and (max-width:830px){
.s010501 .con_wrap .con_top span.exp br{display: none;}

.s010501 .con_wrap ul.buisness{width:49%; margin: 0 2% 2% 0}
.s010501 .con_wrap ul.buisness:nth-child(3n){margin: 0 2% 2% 0}
.s010501 .con_wrap ul.buisness:nth-child(2n){margin: 0 0 2% 0}
}

@media all and (max-width:640px){
.s010501 .con_wrap ul.buisness{width: 100%; margin: 0 0 2% 0; min-height: 400px;}
}



/*s010502*/
.s010502{}
.s010502 .inner_wrap{max-width: 1200px; margin: 0 auto;box-sizing: border-box; font-size: 0;word-break: keep-all;}

.s010502 .con_wrap{box-sizing: border-box; font-size: 0;}
.s010502 .con_wrap h4.tit{font-size: 28px;font-weight: bold;border: 3px solid #e2e2e2;text-align: center;padding: 18px 0; box-sizing: border-box;margin-bottom: 45px;}

.s010502 .con_wrap .con_l{width:49%; margin: 0 2% 0 0;display: inline-block; vertical-align: top;}
.s010502 .con_wrap .con_l .con_list {margin-bottom: 40px; }

.s010502 .con_wrap .con_l .con_list span.tit{font-size: 28px;font-weight: bold;color: #366c98;display:inline-block; vertical-align: bottom; width: 15%; }
.s010502 .con_wrap .con_l .con_list span.tit::before{content: ""; background: url(/src/img/sub/s010502/s010502_icon1.png) 0 0 no-repeat; width: 52px; height: 48px;display: block; }
.s010502 .con_wrap .con_l .con_list:nth-child(2) span.tit::before{content: ""; background: url(/src/img/sub/s010502/s010502_icon2.png) 0 0 no-repeat; width: 52px; height: 48px;display: block; }

.s010502 .con_wrap .con_l .con_list span.txt{font-size: 28px;font-weight: bold;color: #366c98;display:inline-block; vertical-align: bottom;width: 43%; }
.s010502 .con_wrap .con_l .con_list span.txt::before{content: ""; background: url(/src/img/sub/s010502/s010502_num_icon1.png) 0 0 no-repeat; width: 177px; height: 117px;display: inline-block; vertical-align: bottom;margin-right: 10px;}
.s010502 .con_wrap .con_l .con_list:nth-child(2)  span.txt::before{content: ""; background: url(/src/img/sub/s010502/s010502_num_icon2.png) 0 0 no-repeat; width: 202px; height: 117px;display: inline-block; vertical-align: bottom;}

.s010502 .con_wrap .con_l .con_list span.list{width:42%; display: inline-block; font-size:0; box-sizing: border-box;}
.s010502 .con_wrap .con_l .con_list span.list p{font-size:18px;line-height: 40px; color: #757575}
.s010502 .con_wrap .con_l .con_list:nth-child(2) span.list{display: block; width: 100%;padding-top: 30px;}

.s010502 .con_wrap .con_r{width:49%;display: inline-block; vertical-align: top;}
.s010502 .con_wrap .con_r img{max-width: 100%;}

@media all and (max-width:1200px){
.s010502 .con_wrap .con_l{width: 100%;}
.s010502 .con_wrap .con_r{width: 100%;}

.s010502 .con_wrap .con_r .map {text-align: center;}
}


@media all and (max-width:640px){
.s010502 .con_wrap .con_l .con_list span.list{ display: block; width: 90%;padding-top: 30px;}
.s010502 .con_wrap .con_l .con_list span.list br{display: none;word-break: keep-all;} 
.s010502 .con_wrap .con_l .con_list span.tit {width: 18%;}
.s010502 .con_wrap .con_l .con_list span.txt {width: 82%;}
}



/*섬코디네이터*/
.coordinator{}
.coordinator .inner_wrap{width: 100%; max-width: 1200px; margin: 0 auto; padding: 130px 40px 40px 40px;background: url(../img/sub/coordinator_bg.jpg)0 0 no-repeat #fff7e1; width: 100%; box-sizing: border-box;font-size: 0; word-break: keep-all;}

.coordinator .tit_wrap{text-align: center; margin-bottom: 50px;}
.coordinator .tit_wrap h3{font-size: 34px; font-weight: bold; text-shadow: rgba(0,165,211,.5) 1px 0 10px; color: #fff; margin-bottom: 20px;}
.coordinator .tit_wrap p{font-size: 19px; font-weight: 500;line-height: 28px; color: #22a6c8; text-shadow: rgba(0,165,211,.5) 1px 0 10px;text-shadow: -1px 0px #fff, 0px 1px #fff, 1px 0px #fff, 0px -1px #fff;}

.coordinator .con_box{background: #fff;border-radius: 20px; padding:40px; box-sizing: border-box;box-shadow: rgba(246,186,0,.15) 1px 0 10px;}
.coordinator .con_box .c_tit{display: block; width: 100%; max-width: 255px;box-sizing: border-box;text-align: center; margin: 0 auto 22px; border: 2px solid #43b8de; color: #43b8de; padding:9px 0px; border-radius: 30px;}
.coordinator .con_box .c_tit span{font-size: 24px; font-weight: bold; }
.coordinator .con_box .c_tit span::before{content: ''; background: url(../img/sub/coordinator_icon.png) 0 0 no-repeat; width: 16px; height: 12px; display: inline-block; vertical-align: middle; margin: 0 8px 2px 0;}

.coordinator .coordi_tbl{border-top: 2px solid #37b5de;}
.coordinator .coordi_tbl th, .coordinator .coordi_tbl td{font-size: 17px;text-align: center; padding: 10px; box-sizing: border-box;border: 1px solid #ccc;}
.coordinator .coordi_tbl th{background: #f0f7f9;}
.coordinator .coordi_tbl th:first-child, .coordinator .coordi_tbl td:first-child{border-left: none;}
.coordinator .coordi_tbl th:last-child, .coordinator .coordi_tbl td:last-child{border-right: none;}

@media all and (max-width:768px){
.coordinator .inner_wrap{padding:40px 20px;}
.coordinator .con_box{padding:30px;}
.coordinator .tit_wrap h3{font-size: 30px;}
.coordinator .tit_wrap p{font-size: 17px;}

.coordinator .con_box .c_tit {max-width: 210px}
.coordinator .con_box .c_tit span{font-size: 18px;}
.coordinator .coordi_tbl th, .coordinator .coordi_tbl td{font-size: 15px;}
}