@charset "utf-8";
@import "ser_reset.css";



@media screen and (max-width:420px){
	
	
/* comm */
.wrap {position:relative; padding-top:4rem;  }
.header_box h1::after, .inner::after, .ft_infi_box ul::after, .topic::after, .main_bt_box::after,
.loca_box > ul::after, .item::after, .part .col:after, .schedule_box::after, .u_tab::after, .time_box::after, .con_infi_box::after {content:""; display:block; clear:both;}
.blind {position:absolute; top:-999999px; font-size:0;}

/* header box
======================================================================== */
.header_box {position:fixed; top:0; right:0; left:0; height:4em; background:url(../img/comm/bg_header.gif) no-repeat 0 0; background-size:100%; z-index:3;}
.header_box h1 {height:100%;}
.header_box h1 img {display:block; margin:0 auto; height:100%;}

/* 메뉴 버튼 */
.btn_menu {position:absolute; top:0; right:0; display:block; width:4rem; height:100%; font-size:0; text-indent:-99999px; background:url(../img/comm/btn_menu.png) no-repeat 0 0; background-size:100%;}
.btn_closed {right:0; background:url(../img/comm/btn_close.png) no-repeat 0 0; background-size:100%;}

/* nav menu
======================================================================== */
.gnb {position:fixed; top:0; right:0; left:0; bottom:0; background-color:#fff; z-index:4;}
.gnb .util_box {padding:0 4rem 0 20px; height:4; line-height:4; background:url(../img/comm/bg_header.gif) no-repeat 0 0; background-size:100%;}
.gnb .util_box .btn_login {font-size:1rem; color:#fff; text-decoration:underline;}
.gnb .util_box .name_box > * {font-size:1rem; color:#fff; vertical-align: middle;}
.gnb .util_box .btn_logout {position:absolute; bottom:0; left:0; right:0; display:block; height:4rem; line-height:4rem; color:#a7a7a7; font-size:.85rem; text-align:center; background-color:#ececec;}
.gnb .btn_close {position:absolute; top:0; right:0; display:block; width:4rem; height:4rem; font-size:0; text-indent:-99999px; background:url(../img/comm/btn_close.png) no-repeat center; background-size:90%;}
.gnb .menu_box {font-size:.85rem;}
.gnb .menu_box > li > a {display:block; padding:15px; border-bottom:1px solid #ddd; font-weight:600; background-color:#efefef;}
.gnb .menu_box li li a {display:block; padding:10px 15px; font-size:.85rem;}
.gnb .menu_box li li a::before {content:"-";}
.gnb .menu_box li a.a_vr {color:#fff; background-color:#0070b2;}

/* footer box
======================================================================== */
.ft_box {background-color:#f7f7f7;}
.ft_box .ft_add_box {padding:.5rem 0; }
.ft_box .ft_add_box > * {vertical-align:middle;}
.ft_box .ft_add_box .ft_logo {display:block; height:3.5rem; }
.ft_box .ft_add_box .ft_logo img {display:block; margin:0 auto; height:100%;}
.ft_box .ft_add_box .adr_box {padding-top:20px; text-align:center;}
.ft_box .ft_add_box .adr_box > * {display:block; line-height:1.3rem; font-size:.9rem; font-weight:300; color:#888888; font-style:normal;}
.ft_box .ft_add_box .adr_box .txt_adr span {display:block;}

/* main box
======================================================================== */
.visual_box {height:25vh; background:#cfedf4 url(../img/sub/img_m_visual.jpg) no-repeat 50% bottom; background-size:150%;}
.visual_box h2 {padding:1.5rem; min-width:320px; line-height:1.9rem; font-size:1.7rem; color:#00586e;}
.visual_box h2 strong {display:block; font-weight:600;}

.main_bt_box {padding:1rem; height:88vh; min-height:50vh}
.main_bt_box a {display:block; margin-top:2%; padding:7vw 6vw; height:32%; border-radius:0 30px 0 30px;}
.main_bt_box a.btn_excursions {margin-top:0; background:#37a8c4 url(../img/sub/btn_m_1.jpg) no-repeat right bottom; background-size:34%;}
.main_bt_box a.btn_reservation {background:#52c3bc url(../img/sub/btn_m_2.jpg) no-repeat right bottom; background-size:34%;}
.main_bt_box a.btn_program {background:#71b87d url(../img/sub/btn_m_3.jpg) no-repeat right bottom; background-size:50%;}
.main_bt_box a.btn_excursions:hover {box-shadow:0px 10px 25px 0px rgba(55, 168, 196, .8); transition:.2s;}
.main_bt_box a.btn_reservation:hover {box-shadow:0px 10px 25px 0px rgba(82, 195, 188, .8); transition:.2s;}
.main_bt_box a.btn_program:hover { box-shadow:0px 10px 25px 0px rgba(113, 184, 125, .8); transition:.2s;} 
.main_bt_box a > * {color:#fff; display:block;}
.main_bt_box .tit {display:block; margin-bottom:.5rem; font-size:1.3rem; font-weight:600;}
.main_bt_box .txt {padding-bottom:20px; font-size:.8rem; line-height:1rem; font-weight:300;}



	
	
	

	}
	
@media screen and (min-width:421px){
	

/* comm */
body {overflow-y:scroll; overflow-x:hidden;}
.wrap {position:relative; min-width:1300px; min-height:100%; padding-bottom:114px;}
.inner {position:relative; margin:0 auto; width:1300px;}
.inner > * {vertical-align:middle;}
.header_box h1::after, .inner::after, .ft_infi_box ul::after, .topic::after, .main_bt_box::after,
.loca_box > ul::after, .part .col:after, .schedule_box::after, .time_box::after, .con_infi_box::after {content:""; display:block; clear:both;}

/* header box
======================================================================== */
.header_box {height:80px; background-color:#0995b8;}
.header_box h1 {position:absolute; left:0; top:0; height:90px;}
.header_box h1 > * {float:left;}
.header_box h1 .img_logo {display:block; width:225px; height:80px; font-size:0; text-indent:-99999px; background:url(../img/comm/logo.gif) no-repeat 0 0;}
.header_box .menu_box {float:left; padding-left:300px; height:80px; line-height:80px;}
.header_box .menu_box li {display:inline-block; margin:0 30px;}
.header_box .menu_box li:first-child {margin-left:0;}
.header_box .menu_box li a {font-size:18px; color:#fff;}
/*.header_box .menu_box li.active a,
.header_box .menu_box li:hover a {color:#11a944;}*/
.header_box .util_box {float:right; padding-top:20px;}
.header_box .util_box > * {display:inline-block; vertical-align:middle; font-size:15px; font-weight:300; color:#fff;}
.header_box .util_box .btn_login {padding:3px 45px 3px 0; height:26px; background:url(../img/comm/btn_login.gif) no-repeat right center;}
.header_box .util_box .name_box {padding:3px 3px 3px 0;}
.header_box .util_box .name_box > * {vertical-align:middle;}
.header_box .util_box .name_box .btn_logout {display:inline-block; width:40px; height:26px; font-size:0; text-indent:-9999px; background:url(../img/comm/btn_logout.gif) no-repeat right center;}
.header_box .util_box .a_vr {margin-left:20px; width:105px; height:38px; line-height:38px; color:#0995b8; font-weight:400; text-align:center; border-radius:50px; background-color:#fff;}
.header_box .util_box .a_vr:hover {transition:.2s; box-shadow:0 7px 7px rgba(5, 119, 148, 1);}

/* footer box
======================================================================== */
.ft_box {position:absolute; left:0; right:0; bottom:0; background-color:#f7f7f7;}
.ft_box .ft_add_box {padding:35px 0; }
.ft_box .ft_add_box > * {vertical-align:middle;}
.ft_box .ft_add_box .ft_logo {display:inline-block; width:225px; height:44px; font-size:0; text-indent:-99999px; background:url(../img/comm/ft_logo.gif) no-repeat 0 0;}
.ft_box .ft_add_box .adr_box {float:right; text-align:right;}
.ft_box .ft_add_box .adr_box > * {font-size:14px; font-weight:300; color:#888888; font-style:normal;}
.ft_box .ft_add_box .adr_box .txt_adr span {padding-left:15px;}

/* main box
======================================================================== */
.visual_box {height:21vw; background-color:#cfedf4;}
.visual_box .inner {height:100%; background:url(../img/sub/img_m_visual.jpg) no-repeat 0 bottom;}
.visual_box h2 {padding-top:90px; line-height:54px; font-size:43px; color:#00586e;}
.visual_box h2 strong {display:block; font-weight:600;}

.main_bt_box {padding:25px 0;}
.main_bt_box a {float:left; display:block; margin-left:25px; padding:40px; width:300px; height:300px; background-size:240px; border-radius:0 30px 0 30px;}
.main_bt_box a.btn_excursions {margin-left:0; background:#37a8c4 url(../img/sub/btn_m_1.jpg) no-repeat right bottom; /* box-shadow:0px 10px 34px 0px rgba(55, 168, 196, .4);*/}
.main_bt_box a.btn_reservation {background:#52c3bc url(../img/sub/btn_m_2.jpg) no-repeat right bottom; /* box-shadow:0px 10px 34px 0px rgba(82, 195, 188, .4);*/}
.main_bt_box a.btn_reservation2 {background:#7c6cd9 url(../img/sub/btn_m_4.png) no-repeat right bottom; /* box-shadow:0px 10px 34px 0px rgba(82, 195, 188, .4);*/background-size: 162px;}
.main_bt_box a.btn_program {background:#71b87d url(../img/sub/btn_m_3.jpg) no-repeat right bottom; background-size:312px; /*  box-shadow:0px 10px 34px 0px rgba(113, 184, 125, .4);*/}
.main_bt_box a.btn_excursions:hover {box-shadow:0px 10px 25px 0px rgba(55, 168, 196, .8); transition:.2s;}
.main_bt_box a.btn_reservation:hover {box-shadow:0px 10px 25px 0px rgba(82, 195, 188, .8); transition:.2s;}
.main_bt_box a.btn_reservation2:hover {box-shadow:0px 10px 25px 0px rgba(124, 108, 217, .8); transition:.2s;}
.main_bt_box a.btn_program:hover { box-shadow:0px 10px 25px 0px rgba(113, 184, 125, .8); transition:.2s;} 
.main_bt_box a > * {color:#fff; display:block;}
.main_bt_box .tit {display:block; margin-bottom:30px; font-size:26px; font-weight:600;}
.main_bt_box .txt {padding-bottom:65px; font-size:15px; line-height:18px; font-weight:300;}
.main_bt_box .more {display:block; padding-bottom:8px; width:134px; font-size:14px; font-weight:300; opacity:.5; background:url(../img/sub/ico_m_arrow.png) no-repeat 0 bottom;}


}