@charset "utf-8";

/* common class */
.screen_out { display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
.hide { display:none; }
.clearfix::after { content:'.'; display:block; width:0; height:0; overflow:hidden; clear:both; }

/* layout */
.box_width { width:1200px; margin:0 auto; position:relative; clear:both; }

/* sub nav */
#sub_navWrap { position:absolute; top:0; left:-100%; width:100%; height:100%; z-index:99; }
#sub_navWrap > p { position:absolute; top:15px; left:75%; width:30px; height:30px; }
#sub_nav { width:70%; height:100%; z-index:99; background-color:#fff; }
#sub_logo { height:110px; border-bottom:1px solid #eee; }
#sub_logo img { position:absolute; top:20px; left:50%; margin-left:-25%; }

dl.sub_menu { width:100%; background-color:#fff; }
dl.sub_menu dt { width:100%; height:70px; color:#77ad11; font-size:4vw; font-weight:bold; border-bottom:1px solid #333; line-height:55px; padding-left:20px; }
dl.sub_menu dd ul { width:90%; margin-left:5%; }
dl.sub_menu dd ul li { height:70px; border-bottom:1px solid #b8b8b8; }
dl.sub_menu dd ul li a { color:#b8b8b8; font-size:4vw; line-height:7vw; }
dl.sub_menu dd ul li a:before { content:"·"; margin-right:5px; }

/* gnb */
#navWrap { position:relative; width:100%; height:240px; top:0; left:0; }
#menu { position:absolute; top:35px; left:35px; }
#menu img { width:80px; }
#logo { position:absolute; top:20px; left:50%; margin-left:-135px; }
#logo a { width:100%; height:100%; }
#logo img {  }
#menu_right { position:absolute; top:35px; right:35px; }
#menu_right p { float:left; margin-left:30px; }
#menu_right p:first-child img { width:60px; }
#menu_right p:nth-child(2) img { width:70px; }
#menu_right p:last-child img { width:100px; }

#gnbWrap { position:absolute; width:100%; top:170px; overflow-x:auto; }
ul#gnb { width:260%; top:110px; }
ul#gnb li { float:left; margin-left:5%; }
ul#gnb li a { font-size:4vw; line-height:55px; color:#7aad14; }
ul#gnb li:first-child { margin-left:2%; }

#sub_gnbWrap { width:100%; position:absolute; top:240px; z-index:98; background-color:rgba(51, 51, 51, 0.60); overflow:hidden; overflow-x:auto; }
ul.sub_gnb { height:80px; line-height:70px; display:none; }
ul.sub_gnb li { float:left; margin-left:50px; font-size:3.7vw; color:#fff; }
ul#sub_about { width:100%; }
ul#sub_caravan { width:190%; }
ul#sub_facilities { width:200%; }
ul#sub_service { width:220%; }
ul#sub_travel { width:180%; }
ul#sub_program { width:130%; }

/* footer */
#btn_top { width:100%; height:100px; text-align:center; padding-top:20px; background-color:#f6f6f6; }
footer { width:100%; background-color:#333; }
footer #f_box { width:90%; margin:0 auto; height:380px; padding-top:35px; }
footer #f_box p#tel { text-align:center; font-size:4vw; font-weight:bold; color:#fff; }
footer #f_box p#tel a { font-size:4vw; font-weight:bold; color:#fff; }
footer #f_box p#add { margin-top:35px; font-size:3vw; line-height:5vw; color:#bdbdbd; }
footer #f_box p#copy { font-size:2vw; margin-top:25px; text-align:right; color:#6b6b6b; }
footer #f_box p#copy span { text-align:right; color:#72a228; }