@charset "utf-8"; /*! *@(주)가민정보시스템 *@2017.07.17 류승호초안 *@추가수정 : 수정시 작성 * : 2017.11.29 김창민(만족도조사 화면틀어짐으로 버튼 사이즈 수정) */ /*================= 모바일 및 기본 세팅 ===================*/ /*================== 스마트폰 기본 세팅 ==================*/ html.open,body.open{ overflow:hidden} @media only screen and (max-width: 1023px){ .taxi_icon {visibility:hidden;} } #skiptoContent{ display:none; } #header{ border-bottom:#626262 solid 1px } #header .top_menu_wrap{ display:none} #header .logo{ padding:20px 0 14px 0; width:50%; margin:0 auto; text-align:center} #header .logo img{ width:100%;} #header .mobile_menu{ display:block; position:absolute; top:15px; left:5px; background:#fff; width:45px; height:45px; transition:0.3s;} #header .mobile_menu:before{ display:block; content:""; position:absolute; top:14px; left:12px; width:20px; height:3px; background:#2c2c2c; } #header .mobile_menu:after{ display:block; content:""; position:absolute; top:27px; left:12px; width:20px; height:3px; background:#2c2c2c; } #header .mobile_menu span{ display:block; position:absolute; top:50%; left:12px; text-indent:-9999px; width:20px; height:3px;background:#2c2c2c; margin-top:-2px;} #header .mobile_menu.open{position:fixed; top:15px; left:210px; border:#d0d0d0 solid 1px; transition:0.3s; z-index:1500} #header .mobile_menu.open:before{ top:20px; transform:rotate(45deg); transition:0.3s} #header .mobile_menu.open:after{ top:20px; transform:rotate(-45deg); transition:0.3s} #header .mobile_menu.open span{ display:none} #header .gnb_wrap{ position:absolute; top:0; left:-200%; width:270px; padding-top:60px; background:#f1f1f1 url(/home/tour/images/common/logo.png) 10px 15px no-repeat; background-size:55%; z-index:1000 } #header .gnb_wrap.open{ position:fixed; left:0; transition:0.3s} #header .gnb_wrap .m_top{ padding:10px; overflow:hidden} #header .gnb_wrap .m_top li{ float:left; width:50%; padding:5px; font-size:14px; list-style:none} #header .gnb_wrap .m_top li a{ display:block; padding:10px; text-align:center; border:#8d8d8d solid 1px; background:#fff} #header .gnb_wrap.open .gnb{ overflow:auto; } #header .gnb_wrap > .gnb{ padding-bottom:25px; overflow-y:auto} #header .gnb_wrap > .gnb > li { position:relative; font-size:16px; } #header .gnb_wrap > .gnb > li:before{ position:absolute; right:19px; top:25px; margin-top:-9px; display:block; content:""; width:2px; height:18px; background:#868686; transition:0.3s } #header .gnb_wrap > .gnb > li:after{ position:absolute; right:11px; top:26px; margin-top:-2px; display:block; content:""; width:18px; height:2px; background:#868686; transition:0.5s } #header .gnb_wrap > .gnb > li.open:before{ top:40px; opacity:0; } #header .gnb_wrap > .gnb > li.open:after{ position:absolute; right:11px; top:26px; margin-top:-2px; display:block; content:""; width:18px; height:2px; background:#008044; transition:0.5s } #header .gnb_wrap > .gnb > li.open > a{ color:#008044 } #header .gnb_wrap > .gnb > li > a{ display:block; padding:18px 15px 18px 18px; background:#fff; border-bottom:#d7d7d7 solid 1px;} #header .gnb_wrap > .gnb > li > ul{ display:none; background:#f8f8f8; border-bottom:#d7d7d7 solid 1px; } #header .gnb_wrap > .gnb > li > ul > li{ position:relative;} #header .gnb_wrap > .gnb > li > ul > li > a{ display:block; font-size:14px; font-weight:300; color:#5c5c5c; padding:15px; border:0; padding-left:25px; border-bottom:#d7d7d7 solid 1px;} #header .gnb_wrap > .gnb > li > ul > li > a:hover{ font-weight:500 } #header .gnb_wrap > .gnb > li > ul > li:last-child > a{ border-bottom:0; } #header .gnb_wrap > .gnb > li .depth2_wrap{ display:none; overflow:auto} #header .gnb_wrap > .gnb > li .depth2_wrap .depth2_title{ display:none} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > a{ display:block; color:#1b1b1b; font-size:14px; font-weight:300; padding:15px 25px; border-bottom:#d8d8d8 solid 1px;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > ul{ display:none} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > ul > li > a{ display:block; color:#1b1b1b; font-size:14px; font-weight:300; padding:10px 35px; background:#e9e9e9; border-bottom:#d8d8d8 solid 1px; } #header .drawer{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); visibility:hidden; z-index:900} #header .drawer.open{ left:0; visibility:visible; transition:0.3s } #header .etc_btn{ } #header .etc_btn .all_menu{ display:none} #header .etc_btn .all_search{ position:absolute; right:15px; top:25px; display:block; width:21px; height:21px; background:url(/home/tour/images/common/icon_search.png) left center no-repeat; background-size:21px; text-indent:-9999px } #total_search{ display:block; clear:both; background:#062a5a; padding:0; height:0px; overflow:hidden; transition:0.3s} #total_search.open{padding:25px 10px;height: 110px;transition:0.3s;} #total_search:after{ display:block; content:""; clear:both} #total_search h2{ display:none; } #total_search h2 em{ display:block; font-weight:700; font-style:normal} #total_search form{float: none;position:relative;width:100%;margin-left:0;} #total_search form fieldset:after{ display:block; content:""; position:absolute; right:70px; top:6px; width:1px; height:26px; background:#ccc} #total_search form #search_field{ border:0; width:100%; height:40px; border-radius:10px; padding:0 15px; font-size:14px;} #total_search form #search_btn{ position:absolute; right:0; top:0; width:60px; height:40px; padding-left:20px; padding-bottom:5px; } #total_search form #search_btn{ background:#fff url(/home/tour/images/common/icon_search_b.png) 2px center no-repeat; background-size:20px; border:0; border-radius:20px; font-size:14px; cursor:pointer } #total_search .latest_word{ padding:15px 0; } #total_search .latest_word a{ color:#fff; padding:0 5px; font-size:12px} #total_search #search_close{display:block;clear:both;width:85px;height:40px;margin: 5px auto;line-height:40px;color:#fff;font-size:14px;padding-left:40px;border-radius:10px 10px 0 0;} #total_search #search_close{ background:#00132d url(/home/tour/images/common/icon_close.png) 20px center no-repeat; background-size:15px; } #visual_area{ position:relative; min-height:400px; background:#424242 } #visual_area .weather{ position:absolute; width:100%; text-align:center; padding:30px 15px 10px 15px; color:#fff; z-index:300} #visual_area .weather span{ display:block; } #visual_area .weather .left{ display:inline-block; margin-top:10px; margin-right:10px; text-align:left;} #visual_area .weather .left .date{ font-size:14px; font-weight:bold; margin-bottom:5px } #visual_area .weather .left .location{ font-size:18px; font-weight:500 } #visual_area .weather #weather_sky{ display:inline-block; margin-right:10px; vertical-align:top;} #visual_area .weather .right{display:inline-block; margin-top:10px; text-align:left;} #visual_area .weather .right span.state{ font-size:14px; font-weight:500 } #visual_area .weather .right span.temp{ font-size:30px; font-weight:500} #visual_area .weather .right span.dust{ float:right; margin-top:-25px; } #visual_area .main_slide{ position:absolute; width:100%; min-height:400px; padding-top:130px; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; transition:0.5s; opacity:0; z-index:50} #visual_area .main_slide.active{ opacity:1; transition:0.5s; z-index:100 } #visual_area .main_slide .view_title{ display:block; text-align:center; padding-top:30px; background:url(/home/tour/images/main/icon_view.png) top center no-repeat } #visual_area .main_slide h2{ position:relative; width:230px; min-height:56px; margin:15px auto 0 auto; transition:0.5s } #visual_area .main_slide h2 span{ display:block; position:absolute; left:-30px; top:-30px; width:30px; height:30px; background:url(/home/tour/images/main/bg_speech.png) no-repeat; background-size:100%; font-size:12px;} #visual_area .main_slide h2 span{ color:#000; line-height:30px; text-align:center } #visual_area .main_slide h2 img{ width:100%;} #visual_area .main_slide span.sub_title{ display:block; text-align:center; font-weight:500; font-size:12px; margin-bottom:15px;} #visual_area .main_slide .view_more{ display:block; width:100px; margin:0 auto; padding:10px 0; border-radius:15px; background:rgba(0,0,0,.5); text-align:center; color:#fff; font-size:12px; font-weight:bold;} #visual_area .main_control{ position:absolute; width:100%; height:40px; bottom:160px; z-index:200;} #visual_area .main_control a{ position:absolute; top:0; display:block; width:40px; height:40px; background-repeat:no-repeat; background-size:100%; text-indent:-9999px; } #visual_area .main_control a.prev{ left:0; background-image:url(/home/tour/images/main/arrow_m_left.png); } #visual_area .main_control a.next{ right:0; background-image:url(/home/tour/images/main/arrow_m_right.png); } #visual_area .main_control span{ display:none; position:absolute; top:0; width:40px; height:40px; background:rgba(0,0,0,.4); font-size:12px; color:#fff; text-align:center; line-height:40px;} #visual_area .main_control .prev_num{ left:40px;} #visual_area .main_control .next_num{ right:40px;} #visual_area .wave{ position:absolute; bottom:0; width:100%; background:transparent; height: 23px; z-index:200 } #visual_area .wave::before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 20px; background-size: 60px 20px; background-image:radial-gradient(circle at 30px -22px, transparent 40px, #243458 40px); } #visual_area .wave::after{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; background-repeat: repeat; height: 28px; background-size: 120px 28px; background-image: radial-gradient(circle at 30px 40px, #243458 40px, transparent 40px); } /*메인컨텐츠영역*/ #main_con_area{} #main_con_area .quick_banner_wrap{ background:#243458; padding:15px 15px 0 15px;} #main_con_area .quick_banner:after{ display:block; content:""; clear:both} #main_con_area .quick_banner li{ float:left; position:relative; width:48%; margin-right:4%; ; margin-bottom:4%; overflow:hidden} #main_con_area .quick_banner li:nth-child(2n){ margin-right:0 } #main_con_area .quick_banner li img{ width:100%; transition:all 0.3s} #main_con_area .quick_banner li a{ position:absolute; width:100%; height:100%; display:block; color:#fff; font-size:16px; font-weight:700; border:#121c31 solid 5px; text-align:center; z-index:100} #main_con_area .quick_banner li a:hover ~ img{ filter: blur(3px); transform: scale(1.3); transition:all 0.3s} #main_con_area .quick_banner li a i{ display:block; width:25px; height:25px; margin:20% auto 10px auto;} #main_con_area .quick_banner li:nth-child(1) a i{ background:url(/home/tour/images/main/icon_quick01.png); background-size:cover} #main_con_area .quick_banner li:nth-child(2) a i{ background:url(/home/tour/images/main/icon_quick02.png); background-size:cover} #main_con_area .quick_banner li:nth-child(3) a i{ background:url(/home/tour/images/main/icon_quick03.png); background-size:cover} #main_con_area .quick_banner li:nth-child(4) a i{ background:url(/home/tour/images/main/icon_quick04.png); background-size:cover} #main_con_area .quick_banner li a span{ display:block; font-size:10px; font-weight:normal; margin:10px 0; line-height:120%} #main_con_area .icon_menu{ background:#243456; padding:15px; font-size:0; text-align:center; overflow:hidden} #main_con_area .icon_menu ul li{ display:inline-block; width:90px; height:90px; margin-right:10px; font-size:12px; font-weight:700; border-radius:250px; overflow:hidden } #main_con_area .icon_menu ul li:last-child{ margin-right:0; } #main_con_area .icon_menu ul li a{ display:block; width:100%; padding-top:58%; padding-bottom:30%; color:#fff; text-align:center; } #main_con_area .icon_menu ul li:nth-child(1) a{ background:#111b31 url(/home/tour/images/main/icon_w01.png) center 20px no-repeat; background-size:30%; } #main_con_area .icon_menu ul li:nth-child(2) a{ background:#111b31 url(/home/tour/images/main/icon_w02.png) center 20px no-repeat; background-size:30%; } #main_con_area .icon_menu ul li:nth-child(3) a{ background:#111b31 url(/home/tour/images/main/icon_w03.png) center 25px no-repeat; background-size:30%; } #main_con_area .latest_box{ position:relative; background:#243456; padding:15px; } #main_con_area .latest_box:after{ display:block; clear:both; content:"" } #main_con_area .latest_box h3{ color:#fff; padding-bottom:15px; margin-bottom:15px; border-bottom:#0f1625 solid 1px;} #main_con_area .latest_box ul li {padding:5px 0; overflow:hidden } #main_con_area .latest_box ul li.nodata {min-height:120px; } #main_con_area .latest_box ul li a{ display:block; float:left; width:75%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; color:#fff; } #main_con_area .latest_box ul li span{ float:right; color:#fff; font-size:12px; } #main_con_area .latest_box a.view_more{ position:absolute; right:15px; top:15px; width:18px; height:18px; display:block; text-indent:-9999px; background:url(/home/tour/images/main/more_white.png) no-repeat; background-size:contain} /*빠른메뉴*/ #quick_menu_area{ padding:20px 30px; font-size:0; overflow:hidden} #quick_menu_area a.icon{ display:block; font-size:12px; font-weight:500; color:#424242; height:110px; text-align:center; border:#fff solid 1px; } #quick_menu_area a:hover{ transition:0.5s;} #quick_menu_area a span{ display:block; width:80px; margin:0 auto 10px auto; border:#d0d0cf solid 1px; border-radius:60px; padding:40px ; background-image:url(/home/tour/images/main/icon_quick.jpg); background-repeat:no-repeat;} #quick_menu_area .quick_icon01{ background-position:center 0;} #quick_menu_area .quick_icon02{ background-position:center -82px;} #quick_menu_area .quick_icon03{ background-position:center -164px;} #quick_menu_area .quick_icon04{ background-position:center -246px;} #quick_menu_area .quick_icon05{ background-position:center -328px;} #quick_menu_area .quick_icon06{ background-position:center -410px;} #quick_menu_area .quick_icon07{ background-position:center -492px;} #quick_menu_area .quick_icon08{ background-position:center -574px;} #quick_menu_area .quick_icon09{ background-position:center -656px;} #quick_menu_area .quick_icon10{ background-position:center -738px;} /*메인컨트롤*/ #quick_menu >.owl-nav{ display:block; position:absolute; top:15%; width:100%; margin:0 auto} #quick_menu >.owl-nav > a{ width:25px; height:45px; position:absolute; top:0; text-indent:-9999px} #quick_menu >.owl-nav .owl-play,#quick_menu > .owl-nav .owl-stop{ display:none} #quick_menu >.owl-nav .owl-prev{ left:-30px; background:url(/home/tour/images/main/arrow_left.png) no-repeat; background-size:contain} #quick_menu >.owl-nav .owl-next{right:-30px; background:url(/home/tour/images/main/arrow_right.png) no-repeat; background-size:contain} /*서브컨텐츠영역*/ .breadcrumb_wrap{ display:none; position:relative; height:42px; border-bottom:#d0d0d0 solid 1px;} .breadcrumb_wrap .container{ position:relative; overflow-x:auto; overflow-y:hidden;} .breadcrumb_wrap .skip_block{ display:block; content:''; clear:both; width:80px; height:41px; position:absolute; right:0; top:0; background:linear-gradient(to right, rgba(255,255,255,0), #fff); transition:0.3s} .breadcrumb_wrap .skip_block.open{ position:fixed; top:225px; transition:0.3s} .breadcrumb{ position:relative; } .breadcrumb > li{ position:relative; float:left; font-size:14px;/* font-weight:500; */ padding:0 10px; letter-spacing:-0.05em } .breadcrumb > li.active:after{ position:absolute; display:block; content:""; background:#00ab4e; left:0; bottom:0; width:100%; height:4px;} .breadcrumb > li > a{ display:block; padding:13px 0; } .breadcrumb > li > ul{ display:none; position:absolute; width:100%; background:#fff; border:#d0d0d0 solid 1px; padding:20px 15px;} .breadcrumb > li > ul > li{ } .breadcrumb > li > ul > li > a{ display:block; padding:5px 0; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap} .left_menu{ display:none} #content_area:after{display:block; content:""; clear:both; margin-bottom:30px} #content_area .content_wrap .content{ min-height:500px;} .content_wrap .content_top{ padding-top:10px; padding-bottom:10px; border-bottom:#c6c6c6 solid 1px } .content_wrap .content_top:after{ display:block; content:""; clear:both} .content_wrap .content_top h3{ float:left; font-size:18px; width:80%; padding-top:11px; padding-left:10px} .content_wrap .content_top .share_list{ float:right; } .content_wrap .content_top .share_list > li{ display:none; position:relative; line-height:0;} .content_wrap .content_top .share_list > li:first-child{ display:block; width:50px; transition:0.5s} .content_wrap .content_top .share_list li a{ display:block; width:40px;} .content_wrap .content_top .share_list li a img{ width:100%;} .content_wrap .content_top .share_list li.open{ height:40px; transition:0.5s} .content_wrap .content_top .share_list li ul{ display:none; width:40px; position:absolute; top:42px; left:0; visibility:hidden; z-index:100; overflow:hidden} .content_wrap .content_top .share_list li.open ul{display:block} .content_wrap .content_top .share_list li ul.open{visibility:visible; } .content_wrap .content{ padding:10px; } .satisfaction_wrap > div{ border:#d1d1d1 solid 1px; } .satisfaction{ width:100%; padding:15px; background:#f9f9f9} .satisfaction form#satisfy h5{ font-size:14px; font-weight:500; padding:0 0 10px 50px; height:50px; color:#6f6f6f; line-height:120%} .satisfaction form#satisfy h5:before{ display:none } .satisfaction form#satisfy{ padding:0 0 5px 0; background:url(/home/tour/images/sub/icon_speech.png) left top no-repeat; background-size:40px; border-bottom:#d0d0d0 solid 1px} .satisfaction form#satisfy .satisfy_list{ float:left} .satisfaction form#satisfy .satisfy_list li{ float:left; line-height:150%;} .satisfaction form#satisfy input[type='radio']{margin-right:0; margin-top:0; width:17px; height:17px; vertical-align:0px; opacity:0; position:absolute; cursor:pointer} .satisfaction form#satisfy input[type='radio'] + label { background:url(/home/tour/images/sub/radio_off.png) left center no-repeat; width:17px; height:17px; font-size:14px; font-weight:500; padding-left:22px; color:#707070; cursor:pointer; margin-right:5px;} .satisfaction form#satisfy input[type='radio']:checked + label{ background:url(/home/tour/images/sub/radio_on.png) left center no-repeat; } .satisfaction form#satisfy input[type='radio']:focus + label{ background:url(/home/tour/images/sub/radio_on.png) left center no-repeat; border:#999 dashed 1px } .satisfaction form#satisfy label{ line-height:18px;} .satisfaction form#satisfy .write_wrap{ margin-bottom:20px; } .satisfaction form#satisfy .write_wrap #satisfy_text{ width:80%; border:#898989 solid 1px; height:30px; line-height:30px; margin-top:10px; padding:0 10px} .satisfaction form#satisfy .write_wrap #stsfdgSubmit { width:20%; border:#272727 solid 1px; background:#656565; font-size:12px; color:#fff; height:30px; vertical-align:top; margin-top:10px; cursor:pointer; margin-left:-4px } .satisfaction .charger{ font-size:14px; line-height:160%; padding-top:10px; overflow:hidden} .satisfaction .charger dl:after{ display:block; content:""; clear:both} .satisfaction .charger dl dt,.satisfaction .charger dl dd{ float:left; font-size:12px; margin-right:0;} .satisfaction .charger dl dt{ width:30%; margin-right:10px; font-weight:bold;} .satisfaction .charger dl dd{ width:60%; margin-right:0; color:#858585} .satisfaction .charger .btn_error{ clear:both; display:block; font-size:12px; font-weight:bold; margin-top:10px; padding: 5px 5px 5px 35px; background:#eee url(/home/tour/images/sub/icon_write.png) 10px center no-repeat } #relative_site_area{ background:#e8e8e8; border-top:#525252 solid 1px; clear:both} #relative_site_area:after{ display:block; content:""; clear:both} #relative_site_area .relative_list{ margin-top:-1px} #relative_site_area .relative_list > li{ float:left; position:relative; width:33.333%; } #relative_site_area .relative_list > li > a{ display:block; padding:15px 0 15px 10px; font-size:12px; color:#fff; font-weight:500; background:#525252 url(/home/tour/images/main/arrow_up.png) 90% center no-repeat; background-size:10px; border:#272727 solid 1px} #relative_site_area .relative_list > li > a:hover{ background-position:90% 40%; transition:0.3s } #relative_site_area .relative_list > li.admin_info{ display:none} #relative_site_area .relative_list > li.family_site > a{ background-color:#3776b7; border:#104a86 solid 1px } #relative_site_area .relative_list > li.relative_site > a{ background-color:#239b6f; border:#0f6545 solid 1px } #relative_site_area .relative_list > li.minwon_info{ display:none} #relative_site_area .relative_list > li.county_site{ display:none} #relative_site_area .relative_list > li > ul{ display:none; position:absolute; bottom:44px; background:#f6f6f6; width:100%; padding:5px; max-height:250px;border:#272727 solid 1px; overflow-y:auto; z-index:1000} #relative_site_area .relative_list > li:hover > ul{ display:block} #relative_site_area .relative_list > li > ul > li{ } #relative_site_area .relative_list > li > ul > li > a{ display:block; padding:5px; color:#6f6f6f; font-size:12px; font-weight:500; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap} #relative_site_area .relative_list > li > ul > li > a:hover{ color:#fff; background:#525252} #bottom{ background:#242b38; padding:35px 25px;} #bottom .logo{ display:none } #bottom .bottom_menu{ margin-top:0px; margin-bottom:15px; text-align:center} #bottom .bottom_menu a{ display:inline-block; color:#fff; font-size:12px; font-weight:bold; margin:3px; } #bottom .bottom_menu a.m_pc{ display:none} #bottom p{ color:#fff; font-size:11px; text-align:center; line-height:140%} #bottom p span{ display:block;} #bottom #go_top{ position:fixed; right:15px; bottom:15px; width:50px; margin:0; z-index:9999 } #bottom #go_top img{ width:100% } #bottom .qr_box{display:none;} /*smartphones ( portrait )*/ @media all and (max-width:375px) { } /*smartphones ( landscape )*/ @media all and (min-width:321px) and (max-width:360px) { } /*smartphones ( landscape )*/ @media all and (min-width:361px) and (max-width:375px) { } /*smartphones ( landscape )*/ @media all and (min-width:376px) and (max-width:414px) { } /*smartphones ( landscape )*/ @media all and (min-width:375px) and (max-width:480px) { #main_con_area .icon_menu ul li{ width:100px; height:100px; margin-right:20px; font-size:13px; font-weight:700 } #main_con_area .icon_menu ul li a{height:100px; } } /*tablet( portrait )*/ @media all and (min-width:640px) { } @media all and (min-width:641px) and (max-width:767px) { } /*tablet ( portrait )*/ @media all and (min-width:768px){ #header .logo{ width:215px; margin:0 auto; text-align:center} #main_con_area .quick_banner li{ float:left; position:relative; width:24%; margin-right:1.333%; margin-bottom:1.333%; overflow:hidden} #main_con_area .quick_banner li:nth-child(2n){ margin-right:1.333% } #main_con_area .quick_banner li:last-child{ margin-right:0;} #main_con_area .icon_menu{ float:left; width:60%; padding:30px 15px; min-height:199px;} #main_con_area .latest_box{ float:left; width:40% } #main_con_area .icon_menu{ background:#243456; padding:35px 15px; overflow:hidden} #main_con_area .icon_menu ul li{ width:120px; height:120px; margin-right:5%; font-size:12px; font-weight:700 } #main_con_area .icon_menu ul li:last-child{ margin-right:0; } #main_con_area .icon_menu ul li a{ display:block; width:100%; height:120px; padding-top:58%; color:#fff; text-align:center; } #main_con_area .icon_menu ul li:nth-child(1) a{ background:#111b31 url(/home/tour/images/main/icon_w01.png) center 30px no-repeat; background-size:30%; } #main_con_area .icon_menu ul li:nth-child(2) a{ background:#111b31 url(/home/tour/images/main/icon_w02.png) center 30px no-repeat; background-size:30%; } #main_con_area .icon_menu ul li:nth-child(3) a{ background:#111b31 url(/home/tour/images/main/icon_w03.png) center 35px no-repeat; background-size:30%; } } /*================= 데스크탑 기본 세팅 ===================*/ @media all and (min-width:1024px) { .container{ width:1024px; margin:0 auto} #skiptoContent { display:block; margin:0; padding:0; z-index:2000} a.quick_menu {display:block; font-size:1em; left:0; text-align:center; top:-10000px; position:absolute; width:100%; z-index:500;} a.quick_menu:hover, a.quick_menu:focus, a.quick_menu:active {background:none repeat scroll 0 0 #404b64; color:#fff; font-weight:bold; height:40px; padding:10px 0; position:absolute; top:0; z-index:4000;} #header{ position:relative; height:134px; transition:0.3s} #header:after{ display:block; content:""; clear:both} #header.open{height: 283px;transition:0.3s;} #header .top_menu_wrap{ display:block; background:#f0f0f0; height:40px;} #header > .container{ clear:both} #header .mobile_menu{ display:none} /*상단메뉴*/ #header .top_menu{ float:left; } #header .top_menu li{ float:left; margin-right:2px;} #header .top_menu li > a{ position:relative; display:block; line-height:40px; font-size:12px; font-weight:bold; width:120px; text-align:center; background:#d9d9d9; color:#787878} #header .top_menu li > a:hover,#header .top_menu li > a.active{ background:#3269b4; color:#fff;} #header .top_menu li:hover > a:after,#header .top_menu li > a.active:after{ display:block; content:""; position:absolute; left:50%; width:0px; height:0px; border:solid transparent; } #header .top_menu li:hover > a:after,#header .top_menu li > a.active:after{ border-width:7px; border-top-color:#3269b4; margin-left:-7px; z-index:120} #header .top_menu li:first-child > a{ padding-left:25px; background-image:url(/home/tour/images/common/icon_top_off.png); background-repeat:no-repeat; background-position: 20px center;} #header .top_menu li:first-child > a:hover,#header .top_menu li:first-child > a.active{ background-color:#085e2a; background-image:url(/home/tour/images/common/icon_top_on.png); } #header .top_menu li:first-child > a:hover:after,#header .top_menu li:first-child > a.active:after{ border-top-color:#085e2a;} #header .top_menu li:nth-child(3):hover > a,#header .top_menu li:nth-child(3) > a.active{ background:#ff9600; color:#fff;} #header .top_menu li:nth-child(3):hover > a:after,#header .top_menu li:nth-child(3) > a.active:after{ border-top-color:#ff9600;} #header .top_menu li:last-child:hover > a,#header .top_menu li:last-child > a.active{ background:#2197b9; color:#fff;} #header .top_menu li:last-child:hover > a:after,#header .top_menu li:last-child > a.active:after{ border-top-color:#2197b9;} /*주요홈페이지*/ #header .top_menu li .total_site{ display:block; position:absolute; left:0; width:100%; height:0px; font-size:0; padding-top:0; padding-bottom:0; background:#f0f0f0; transition:0.3s; overflow:hidden; z-index:110} #header .top_menu li .total_site.open{height: 150px;padding-top:17px;padding-bottom:20px;transition:0.3s;} #header .top_menu li .total_site .container{ position:relative} #header .top_menu li .total_site h2{ display:inline-block; background:url(/home/tour/images/common/icon_title.png) 50px top no-repeat; margin-top:0; font-size:14px; width:120px; line-height:1.2} #header .top_menu li .total_site h2{ font-weight:bold; color:#747373; vertical-align:top; padding-top:20px; padding-right:40px; padding-bottom:20px; border-right:#ccc solid 1px; } #header .top_menu li .total_site a{ display:inline-block; width:10.5%; background:transparent; vertical-align:top;} #header .top_menu li .total_site a span{ display:block; line-height:100%;} #header .top_menu li .total_site a span.icon{ display:block; margin:0 auto; width:60px; height:62px; background-image:url(/home/tour/images/common/icon_site.png); } #header .top_menu li .total_site a span.icon{ background-repeat: no-repeat; background-position:0 0; line-height:normal; } #header .top_menu li .total_site a span.title{ font-size:12px; font-weight:bold; color:#747373; text-align:center; padding-top:12px; line-height:120%;} #header .top_menu li .total_site a span.title.new_win{ background:url(/home/tour/images/common/win_new.png) right 3px no-repeat} #header .top_menu li .total_site a span.title.none{ padding-top:7px;} #header .top_menu li .total_site a span.icon01{ background-position:0 0;} #header .top_menu li .total_site a span.icon02{ background-position:-60px 0;} #header .top_menu li .total_site a span.icon03{ background-position:-120px 0;} #header .top_menu li .total_site a span.icon04{ background-position:-180px 0;} #header .top_menu li .total_site a span.icon05{ background-position:-240px 0;} #header .top_menu li .total_site a span.icon06{ background-position:-300px 0;} #header .top_menu li .total_site a span.icon07{ background-position:-360px 0;} #header .top_menu li .total_site a span.icon08{ background-position:-420px 0;} #header .top_menu li .total_site a span.icon09{ background-position:-480px 0;} #header .top_menu li .total_site a span.icon10{ background-position:-540px 0;} #header .top_menu li .total_site a span.icon11{ background-position:-600px 0;} #header .top_menu li .total_site a span.icon12{ background-position:-900px 0;} #header .top_menu li .total_site a span.icon13{ background-position:-720px 0;} #header .top_menu li .total_site a span.icon14{ background-position:-780px 0;} /* #header .top_menu li .total_site a.other_site{ float:right;}*/ #header .top_menu li .total_site a.close_site{position:absolute;right:0;bottom: -36px;width:165px;padding:8px 10px 8px 22px;} #header .top_menu li .total_site a.close_site{ border:#ccc solid 1px; background:#fff url(/home/tour/images/common/arrow_close.jpg) 7px center no-repeat ; font-size:12px; text-indent:0} /*언어선택*/ #header .sns_language{ float:right; font-size:0; } #header .sns_language > a{ display:inline-block; width:auto; height:40px; padding:0 15px; line-height:40px; font-size:12px; font-weight:bold; background:#d9d9d9; vertical-align:top; margin:0 2px; } #header .lang_select{ display:inline-block; position:relative; font-size:12px; z-index:2000;} #header .lang_select a{ display:block; background:#d9d9d9; height:40px; padding:0 15px; line-height:40px; font-weight:bold} #header .lang_select a:hover{ background:#666; color:#fff;} #header .lang_select > a { position:relative; padding-right:25px; } #header .lang_select > a:after{ display:block; content:""; position:absolute; top:50%; right:10px; width:0px; height:0px; border:solid transparent; border-width:5px; border-top-color:#636363; margin-top:-2px;} #header .lang_select > a:hover:after{ border-top-color:#fff;} #header .lang_select ul{ display:none; position:absolute; width:100%; z-index:130} /*줌인아웃*/ #header .zoom_inout{ display:inline-block; vertical-align:top; margin-right:2px; } #header .zoom_inout a{ display:inline-block; width:40px; height:40px; line-height:40px; text-indent:-9999px; margin-right:2px; background-image:url(/home/www/images/common/zoom_inout.png); background-repeat:no-repeat } #header .zoom_inout a:last-child{ margin:0;} #header .zoom_inout a:nth-child(3){ background-position:0 -40px; } #header .zoom_inout a:nth-child(3):hover{ background-position:0 0} #header .zoom_inout a:nth-child(2){ background-position:-41px -40px ; } #header .zoom_inout a:nth-child(2):hover{ background-position:-41px 0} #header .zoom_inout a:nth-child(1){ background-position:-82px -40px ; } #header .zoom_inout a:nth-child(1):hover{ background-position:-82px 0} /*상단sns*/ #header .sns_block{ display:inline-block; vertical-align:top; } #header .sns_block a{ display:inline-block; width:40px; height:40px; line-height:40px; text-indent:-9999px; margin-right:2px; background-image:url(/home/tour/images/common/icon_sns.jpg); background-repeat:no-repeat } #header .sns_block a:last-child{ margin:0;background-position:-164px 0 ;} #header .sns_block a:last-child:hover{background-position:-164px -41px ;} #header .sns_block a:nth-child(1){ background-position:0 0; } #header .sns_block a:nth-child(1):hover{ background-position:0 -41px} #header .sns_block a:nth-child(2){ background-position:-41px 0 ; } #header .sns_block a:nth-child(2):hover{ background-position:-41px -41px} #header .sns_block a:nth-child(3){ background-position:-82px 0 ; } #header .sns_block a:nth-child(3):hover{ background-position:-82px -41px} #header .sns_block a:nth-child(4){ background-position:-123px 0 ; } #header .sns_block a:nth-child(4):hover{ background-position:-123px -41px} /*로고*/ #header .logo{ float:left; width:215px; padding:30px 0 14px 0; margin-right:20px;} #menu_wrap{ margin-top:0; transition:0.3s} #menu_wrap.open{margin-top: 145px;transition:0.3s;} /*gnb*/ #header .gnb_wrap{ position:inherit; top:0; left:0; width:auto; padding-top:0; background:none; background-size:auto; z-index:1000 } #header .gnb_wrap .m_top{ display:none} #header .gnb_wrap .gnb{ float:left; padding:17px 0 0;} #header .gnb_wrap .gnb > li { float:left; position:inherit} #header .gnb_wrap .gnb > li:before,#header .gnb_wrap .gnb > li:after{ display:none } #header .gnb_wrap .gnb > li > a{ display:block; padding:22px 3px 33px 3px; font-size:18px; font-weight:500; color:#474747; background:none; border:0; } #header .gnb_wrap .gnb > li:hover > a{ color:#ee5f4a } #header .gnb_wrap .gnb li .depth2_wrap{ display:none; position:absolute; top:133px; left:0; width:100%; background:rgba(36,52,88,.9); border-top:#626262 solid 1px; border-bottom:#626262 solid 1px; z-index:1000; overflow:hidden} #header .gnb_wrap .gnb li .depth2_wrap.open{ top:260px;} #header .gnb_wrap .gnb li .depth2_wrap .depth2_bg{ position:absolute; width:50%; height:100%; right:0; background:#fff} #header .gnb_wrap .gnb li .depth2_wrap .depth2_title{ display:block; float:left; width:180px; height:100%; padding-top:10px;} #header .gnb_wrap .gnb li .depth2_wrap .depth2_title.wide{ width:250px;} #header .gnb_wrap .gnb li .depth2_wrap .depth2_title span{ display:block } #header .gnb_wrap .gnb li .depth2_wrap .depth2_title span.title{ font-size:32px; font-weight:700; color:#fff; margin-top:25px;} #header .gnb_wrap .gnb li .depth2_wrap .depth2_title span.sub_title{ color:#fff; font-size:14px; font-weight:700; margin-top:15px;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul{ float:left; width:824px; padding:30px 0 20px 40px; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > ul{ display:block} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li{ float:left;} /*gnb_sub_style01-관광명소*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01:after{ display:none; position:absolute; top:330px; width:100%; height:1px; content:''; background:#939baa;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li{ width:20%;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > a{ display:block; color:#fff; padding:0; border:0; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > a .thumb{ display:block; width:110px; height:110px; margin:0 auto } #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > a .thumb{ background-image:url(/home/tour/images/common/gnb_thumb.png); background-repeat:no-repeat; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li a span{ display:block; padding:10px 0; text-align:center} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li.no_thumb{ position:relative; width:15%; padding-left:15px; margin-left:25px; margin-top:20px;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li.no_thumb:before{ display:block; content:""; position:absolute; left:0; top:50%; background:#fff; width:6px; height:6px; margin-top:-3px; border-radius:6px; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01 > li.no_thumb > a{ padding:0;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01 > li.no_thumb > a .thumb{ display:none } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01 > li.no_thumb > a span{ text-align:left} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic01{ background-position:0 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic02{ background-position:-110px 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic03{ background-position:-220px 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic04{ background-position:-330px 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic05{ background-position:-440px 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic06{ background-position:-550px 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic07{ background-position:-660px 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic08{ background-position:-770px 0;} /*gnb_sub_style02-축제행사*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb02> li > a .thumb{ width:100%; border-radius:100px } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb02 > li{ width:25%;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb02 > li > a{ border:0;} #header .gnb_wrap .gnb ul.gnb_thumb02 > li > a .pic01{ background-position:0 -110px;} #header .gnb_wrap .gnb ul.gnb_thumb02 > li > a .pic02{ background-position:-240px -110px;} #header .gnb_wrap .gnb ul.gnb_thumb02 > li > a .pic03{ background-position:-480px -110px;} #header .gnb_wrap .gnb ul.gnb_thumb02 > li > a .pic04{ background-position:-720px -110px;} /*gnb_sub_style04 */ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb04 > li{ width:16.66667%;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb04> li > a .thumb{ width:100%; border-radius:100px } #header .gnb_wrap .gnb ul.gnb_thumb04 > li > a .pic01{ background-position:0 -220px;} #header .gnb_wrap .gnb ul.gnb_thumb04 > li > a .pic02{ background-position:-150px -220px;} #header .gnb_wrap .gnb ul.gnb_thumb04 > li > a .pic03{ background-position:-300px -220px;} #header .gnb_wrap .gnb ul.gnb_thumb04 > li > a .pic04{ background-position:-450px -220px;} #header .gnb_wrap .gnb ul.gnb_thumb04 > li > a .pic05{ background-position:-600px -220px;} #header .gnb_wrap .gnb ul.gnb_thumb04 > li > a .pic06{ background-position:-750px -220px;} /*gnb_sub_style05*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05 > li{ width:16.66667%;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05> li > a .thumb{ width:100%; border-radius:100px } #header .gnb_wrap .gnb ul.gnb_thumb05 > li > a .pic01{ background-position:0 -330px;} #header .gnb_wrap .gnb ul.gnb_thumb05 > li > a .pic02{ background-position:-150px -330px;} #header .gnb_wrap .gnb ul.gnb_thumb05 > li > a .pic03{ background-position:-300px -330px;} #header .gnb_wrap .gnb ul.gnb_thumb05 > li > a .pic04{ background-position:-450px -330px;} #header .gnb_wrap .gnb ul.gnb_thumb05 > li > a .pic05{ background-position:-600px -330px;} #header .gnb_wrap .gnb ul.gnb_thumb05 > li > a .pic06{ background-position:-750px -330px;} /*gnb_sub_style06*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06{ width:710px; margin-left:0px } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06 > li { width:100%; overflow:hidden; float:none; margin-bottom:10px;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06 > li > a{ float:left; padding:13px 0; width:100px; text-align:center; border:#fff solid 1px; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06 > li > ul > li { position:relative; float:left; padding-left:12px; margin-left:20px; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06 > li > ul > li:before{ position:absolute; left:0; top:50%; margin-top:-3px; display:block; width:6px; height:6px; border-radius:6px; content:""; background:#fff;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06 > li > ul > li > a{ background:none; color:#fff; border:0; padding:13px 0;} /*gnb_sub_style07 관광 가이드 */ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb07 > li{ width:16.66667%; float:left} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb07 > li > a .thumb{ width:100%; border-radius:100px } #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic01{ background-position:0px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic02{ background-position:-160px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic03{ background-position:-150px -660px!important;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic04{ background-position:-750px -440px!important;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic05{ background-position:-750px -440px!important;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic06{ background-position:-300px -660px!important;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li:nth-child(7) a .thumb { background-position:-450px -660px!important;} /* 180910 가상클래스로 bg img 임시 해결 */ /*gnb_sub_style08*/ #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic01{ background-position:-10px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic02{ background-position:-160px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic03{ background-position:-310px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic04{ background-position:-460px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic05{ background-position:-610px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic06{ background-position:-760px -550px;} /*gnb_sub_style03 관광택시 */ #header .gnb_wrap .gnb ul.gnb_thumb03 > li > a .pic01{ background-position:0px -665px;} /*기타버튼*/ #header .etc_btn{ display:block; float:right; padding:17px 10px 11px 0; } #header .etc_btn a{ padding:22px 0 22px 30px; margin-left:10px; font-size:18px; font-weight:500} #header .etc_btn a.all_menu{ display:none; } #header .etc_btn a.all_search{ display:inline-block; position:relative; width:auto; height:auto; text-indent:0; right:0; top:0; background:url(/home/tour/images/common/icon_search.png) left center no-repeat; background-size:21px; } #total_search h2{ display:block; float:left; color:#fff; font-size:25px; font-weight:300; height:65px; padding-left:80px; background:url(/home/tour/images/common/icon_sch_title.png) left top no-repeat; line-height:120%} #total_search form{ float:left; position:relative; width:860px; margin-left:30px;} #total_search form fieldset:after{ display:block; content:""; position:absolute; right:110px; top:10px; width:1px; height:40px; background:#ccc} #total_search form #search_field{ border:0; width:100%; height:60px; border-radius:20px; padding:0 25px; font-size:16px;} #total_search form #search_btn{ position:absolute; right:0; top:0; width:100px; height:58px; padding-left:20px; padding-bottom:5px; } #total_search form #search_btn{ background:#fff url(/home/tour/images/common/icon_search_b.png) 2px center no-repeat; border:0;border-radius:20px; font-size:18px; cursor:pointer } #total_search .latest_word{ padding:15px 0; } #total_search .latest_word a{ color:#fff; padding:0 10px; font-size:16px;} #total_search #search_close{display:block;float:left;clear:none;width:115px;height:60px;line-height:60px;color:#fff;font-size:18px;padding-left:50px;border-radius:20px;margin-left:20px;margin-top: 0;} #total_search #search_close{ background:#00132d url(/home/tour/images/common/icon_close.png) 20px center no-repeat } #visual_area .weather{ width:auto; right:0;} #visual_area{ min-height:630px;} #visual_area .main_slide{ min-height:630px; padding-top:130px;} #visual_area .main_slide h2{ width:569px; text-align:center; margin-top:25px; min-height:108px; } #visual_area .main_slide h2 img{ width:auto;} #visual_area .main_slide h2 span{ left:-50px; top:-50px; width:50px; height:50px; line-height:50px; font-size:16px;} #visual_area .main_slide span.sub_title{ font-size:16px; font-weight:bold; margin-top:25px;margin-bottom:25px;} #visual_area .main_slide .view_more{ width:130px; margin:0 auto; padding:20px 0; font-size:14px; border-radius:30px;} #visual_area .main_control{ position:absolute; width:100%; height:70px; bottom:50%; z-index:200;} #visual_area .main_control a{ width:70px; height:70px; } #visual_area .main_control span{display:block; width:70px; height:70px; font-size:16px; line-height:70px;} #visual_area .main_control .prev_num{ left:70px;} #visual_area .main_control .next_num{ right:70px;} #visual_area .wave{ position:absolute; bottom:0; width:100%; background:transparent; height: 23px; z-index:200 } #visual_area .wave::before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 20px; background-size: 60px 20px; background-image:radial-gradient(circle at 30px -22px, transparent 40px, #243458 40px); } #visual_area .wave::after{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; background-repeat: repeat; height: 28px; background-size: 120px 28px; background-image: radial-gradient(circle at 30px 40px, #243458 40px, transparent 40px); } #visual_area .wave{ height: 100px; } #visual_area .wave::before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 63px; background-size: 190px 63px; background-image:radial-gradient(circle at 95px -96px, transparent 156px, #243458 150px);} #visual_area .wave::after{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; background-repeat: repeat; height: 70px; background-size: 380px 70px; background-image: radial-gradient(circle at 95px 158px, #243458 156px, transparent 150px);} #main_con_area{ background:#243458} #main_con_area:after{ display:block; content:""; clear:both} #main_con_area .quick_banner_wrap{padding:15px 0;} #main_con_area .quick_banner li{ width:23%; margin-right:2.66667%;} #main_con_area .quick_banner li:nth-child(2n){ margin-right:2.66667% } #main_con_area .quick_banner li:last-child{ margin-right:0;} #main_con_area .quick_banner li a{font-size:23px; border:0;} #main_con_area .quick_banner li a i{ width:45px; height:45px; margin-top:70px; margin-bottom:15px;} #main_con_area .quick_banner li a span{ font-size:12px; margin-top:15px} #main_con_area .icon_menu{ width:60%; padding:50px 15px; min-height:230px;} #main_con_area .icon_menu ul li{ width:180px; height:180px; margin-right:20px; font-size:16px; font-weight:700 } #main_con_area .icon_menu ul li:last-child{ margin-right:0; } #main_con_area .icon_menu ul li a{height:180px; } #main_con_area .icon_menu ul li:nth-child(1) a{ background:#111b31 url(/home/tour/images/main/icon_w01.png) center 40px no-repeat; background-size:30%; } #main_con_area .icon_menu ul li:nth-child(2) a{ background:#111b31 url(/home/tour/images/main/icon_w02.png) center 40px no-repeat; background-size:30%; } #main_con_area .icon_menu ul li:nth-child(3) a{ background:#111b31 url(/home/tour/images/main/icon_w03.png) center 45px no-repeat; background-size:30%; } #main_con_area .latest_box{ padding:50px 15px; min-height:230px; } #main_con_area .latest_box a.view_more{ top:50px; } /*빠른메뉴*/ #quick_menu_area{ padding:40px 0 60px; font-size:0; overflow:hidden} #quick_menu_area a.icon{ display:block; font-size:15px; font-weight:500; color:#424242; height:130px; text-align:center; } #quick_menu_area a:hover{ border:#d0d0cf solid 1px; transition:0.5s;} #quick_menu_area a span{width:80px;margin:0 auto 10px auto;border:0;border-radius:0;padding:40px;} #quick_menu_area .quick_icon01{ background-position:center 0;} #quick_menu_area .quick_icon02{ background-position:center -82px;} #quick_menu_area .quick_icon03{ background-position:center -164px;} #quick_menu_area .quick_icon04{ background-position:center -246px;} #quick_menu_area .quick_icon05{ background-position:center -328px;} #quick_menu_area .quick_icon06{ background-position:center -410px;} #quick_menu_area .quick_icon07{ background-position:center -492px;} #quick_menu_area .quick_icon08{ background-position:center -574px;} #quick_menu_area .quick_icon09{ background-position:center -656px;} #quick_menu_area .quick_icon10{ background-position:center -738px;} #relative_site_area{ height:32px; background:#242b38; border-top:#525252 solid 1px; clear:both} #relative_site_area .relative_list{} #relative_site_area .relative_list > li{ display:block !important; float:left; position:relative; width:20%; margin-top:-31px} #relative_site_area .relative_list > li > a{ display:block; padding:22px 0 22px 30px; color:#fff; font-size:16px; font-weight:500; background:#525252 url(/home/tour/images/main/arrow_up.png) 90% center no-repeat !important; border:#272727 solid 1px !important} #relative_site_area .relative_list > li > a:hover{ background-position:90% 40%; transition:0.3s } #relative_site_area .relative_list > li.admin_info > a{ background-color:#3776b7 !important; border:#104a86 solid 1px } #relative_site_area .relative_list > li.minwon_info > a{ background-color:#239b6f !important; border:#0f6545 solid 1px } #relative_site_area .relative_list > li.laguage_select{ display:none !important} #relative_site_area .relative_list > li > ul{ display:none; position:absolute; bottom:61px; background:#f6f6f6; width:100%; padding:15px; height:250px;border:#272727 solid 1px; overflow-y:auto} #relative_site_area .relative_list > li:hover > ul{ display:block} #relative_site_area .relative_list > li > ul > li{ } #relative_site_area .relative_list > li > ul > li > a{ display:block; padding:5px; color:#6f6f6f; font-size:14px; font-weight:500} #relative_site_area .relative_list > li > ul > li > a:hover{ color:#fff; background:#525252} #content_area{ outline:0} /*서브컨텐츠영역*/ .breadcrumb_wrap{ display:block; background:#f8f8f8; border-bottom:#d0d0d0 solid 1px; height:48px; overflow:visible} .breadcrumb_wrap .container{ overflow:visible} .breadcrumb_wrap .skip_block{ display:none} .breadcrumb_wrap .breadcrumb{ position:relative; float:left; padding-left:220px; background:#fff } .breadcrumb_wrap .breadcrumb:after{ position:absolute; right:-21px; display:block; content:""; width:21px; height:48px; background:url(/home/tour/images/sub/arrow_nav_end.png) no-repeat } .breadcrumb_wrap .breadcrumb > li{ position:relative; float:left; font-size:14px;/* font-weight:500;*/ padding:0; background:#fff url(/home/tour/images/sub/arrow_nav_end.png) left top no-repeat; margin:0; } .breadcrumb_wrap .breadcrumb > li:after{ position:absolute; right:2px; top:50%; display:block; width:14px; height:8px; margin-top:-4px; content:"";/* background:url(/home/tour/images/sub/arrow_open.jpg);*/ cursor:pointer} .breadcrumb_wrap .breadcrumb > li:first-child a{ background:#fff url(/home/tour/images/sub/bread_home.jpg) center no-repeat; text-indent:-9999px; padding:0 23px; border-left:#d0d0d0 solid 1px} .breadcrumb_wrap .breadcrumb > li:first-child:after,.breadcrumb_wrap .breadcrumb > li:last-child:after{ display:none; } .breadcrumb_wrap .breadcrumb > li:last-child a{ padding-right:10px} .breadcrumb_wrap .breadcrumb > li > a{ display:block; padding:0 32px 0 32px; line-height:47px;} .left_menu{ display:block; position:absolute; width:220px; margin-top:-49px;} .left_menu h2{ background:url(/home/tour/images/sub/bg_left.jpg) no-repeat; width:220px; height:140px; color:#fff; text-align:center; line-height:140px; font-size:24px} .left_menu > ul > li { position:relative; border-left:#d7d7d7 solid 1px; border-right:#d7d7d7 solid 1px; font-size:16px; font-weight:500} .left_menu > ul > li:before{ position:absolute; right:18px; top:23px; margin-top:-9px; display:block; content:""; width:4px; height:18px; background:#cacaca; transition:0.3s } .left_menu > ul > li:after{ position:absolute; right:11px; top:23px; margin-top:-2px; display:block; content:""; width:18px; height:4px; background:#cacaca; transition:0.5s } .left_menu > ul > li.open:before{ top:23px; opacity:1; transform:rotate(-90deg)} .left_menu > ul > li.open:after{ position:absolute; right:11px; top:23px; margin-top:-2px; display:block; content:""; width:18px; height:4px; background:#fd8900;transform:rotate(180deg); transition:0.5s } .left_menu > ul > li.open > a{ color:#fd8900 } .left_menu > ul > li > a{ display:block; padding:15px 15px 15px 18px; border-bottom:#d7d7d7 solid 1px;} .left_menu > ul > li > ul{ display:none; background:#f8f8f8; padding:15px 15px 15px 20px; border-bottom:#d7d7d7 solid 1px; } .left_menu > ul > li > ul > li{ position:relative;} .left_menu > ul > li > ul > li > a{ display:block; font-size:16px; font-weight:300; color:#5c5c5c; padding:5px 0; border:0; padding-left:10px;} .left_menu > ul > li > ul > li > a:hover,.left_menu > ul > li > ul > li.active > a{ font-weight:500 } .left_menu > ul > li > ul > li:before{ position:absolute; top:13px; display:block; content:""; width:5px; height:3px; background:#5c5c5c} .content_wrap{ width:770px; float:right; padding-bottom:30px; overflow:hidden} .content_wrap .content_top{ padding-top:30px; padding-bottom:10px; border-bottom:#c6c6c6 solid 1px; overflow:hidden } .content_wrap .content_top h3{ float:left; font-size:32px; font-weight:700; width:auto; color:#484848; letter-spacing:-0.05em} .content_wrap .content_top .share_list{ float:right; } .content_wrap .content_top .share_list li{display:block; float:left; position:relative; margin-left:10px; z-index:100} .content_wrap .content_top .share_list li a{ display:block; width:50px;} .content_wrap .content_top .share_list > li:first-child{ width:50px; transition:0.5s} .content_wrap .content_top .share_list > li:last-child{ display:block; } .content_wrap .content_top .share_list li.open{ width:355px; transition:0.5s} .content_wrap .content_top .share_list li ul{ width:315px; position:absolute; top:0; left:50px; visibility:visible; transition:0.3s; overflow:hidden} .content_wrap .content_top .share_list li ul.open{ transition:0.3s; visibility:visible} .content_wrap .content_top .share_list li ul li{ float:left } .content_wrap .content{ padding:30px 0 ; min-height:500px} .satisfaction{ padding:30px;} .satisfaction form#satisfy h5{ font-size:16px; padding-left:0;} .satisfaction form#satisfy{ padding:0 0 5px 107px; background-size:auto;} .satisfaction form#satisfy .satisfy_list li{ float:left; } .satisfaction form#satisfy input[type='radio'] + label { margin-right:16px;} .satisfaction form#satisfy .write_wrap{ float:left; margin-bottom:20px; } .satisfaction form#satisfy .write_wrap #satisfy_text{ width:257px; margin:0; } .satisfaction form#satisfy .write_wrap #stsfdgSubmit { width:100px; margin-left:-5px; margin-top:0;} .satisfaction .charger dl:after{ display:none} .satisfaction .charger dl dt,.satisfaction .charger dl dd{ float:left; } .satisfaction .charger dl dt{ width:auto; margin-right:20px;} .satisfaction .charger dl dd{ width:auto; margin-right:40px;} .satisfaction .charger .btn_error{ clear:none; float:right; margin:0; } #bottom{ clear:both; padding:15px 0 75px 0; background:#242b38; } #bottom .logo{ display:block; float:right;} #bottom .bottom_menu{ text-align:left; margin-top:30px } #bottom .bottom_menu a{ display:inline-block; padding:0 12px; margin:0; border-right:#fff solid 1px; color:#fff; font-size:14px; font-weight:bold} #bottom .bottom_menu a:first-child { padding-left:0;} #bottom .bottom_menu a:last-child{ border:0 } #bottom p{ color:#fff; font-size:12px; font-weight:bold; margin-top:5px; text-align:left;} #bottom p span{ display:inline-block;} #bottom .bottom_menu a.m_pc{ display:inline-block} #bottom .bottom_menu a.m_moble{ display:none} #bottom #go_top{ position:fixed; right:15px; bottom:15px; width:auto; margin:0; } #bottom .qr_box{display:block;float:right;margin-top:-2%;text-align:center;} #bottom .qr_box .qr_txt{color:#d3dbe9;font-weight:400;} } @media all and (min-width:1100px) { .container{ width:1200px; margin:0 auto} #header .logo{ margin-right:70px;} #header .etc_btn{ padding-right:0;} #header .etc_btn a.all_menu{ display:inline-block; background:url(/home/tour/images/common/icon_all.png) left center no-repeat } #header .gnb_wrap .gnb > li > a{ padding:23px 10px 35px 10px; } #header .gnb_wrap .gnb li .depth2_wrap .depth2_title{ display:block; float:left; width:180px; height:100%; padding-top:15px;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul{ float:left; width:1020px; padding:30px 0 20px 0; min-height:150px; } /*gnb_sub_style01*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01:after{ display:block; top:200px; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01 > li{ width:12.5%;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01 > li a span{ font-size:16px; padding:15px 0;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01 > li.no_thumb{ margin-top:0; margin-left:15px; } /*gnb_sub_style02*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb02> li > a .thumb{ width:240px; margin:0 auto} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb02 > li a span{ font-size:16px; padding:15px 0;} /*gnb_sub_style04*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb04> li > a .thumb{ width:150px; margin:0 auto} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb04 > li a span{ font-size:16px; padding:15px 0;} /*gnb_sub_style05*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05:after{ display:block; position:absolute; top:205px; width:100%; height:1px; content:''; background:#939baa;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05 > li > a .thumb{ width:150px; margin:0 auto} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05 > li a span{ font-size:16px; padding:15px;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05 > li.no_thumb{ width:auto; margin-top:25px; margin-left:25px; margin-right:15px; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05 > li:nth-child(7){ clear:left} /*gnb_sub_style06*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06{ width:710px; margin-left:40px } /*gnb_sub_style07*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb07> li > a .thumb{ width:150px; margin:0 auto} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb07 > li a span{ font-size:16px; padding:15px 0;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic02{ background-position:-150px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic03{ background-position:-300px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic04{ background-position:-450px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic05{ background-position:-600px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic06{ background-position:-750px -440px;} /*gnb_sub_style08*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb08:after{ display:block; position:absolute; top:192px; width:100%; height:1px; content:''; background:#939baa;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb08 > li.no_thumb{ width:auto; margin-top:25px; margin-left:25px; margin-right:15px; } #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic01{ background-position:0 -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic02{ background-position:-150px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic03{ background-position:-300px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic04{ background-position:-450px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic05{ background-position:-600px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic06{ background-position:-750px -550px;} #visual_area .weather{ width:auto; right:50%; margin-right:-600px;} #visual_area .main_control{ position:absolute; width:100%; height:70px; bottom:50%; z-index:200;} #visual_area .main_control a{ width:70px; height:70px; } #visual_area .main_control a.prev{ left:50%; margin-left:-600px; } #visual_area .main_control a.next{ right:50%; margin-right:-600px;} #visual_area .main_control span{ width:70px; height:70px; font-size:16px; line-height:70px;} #visual_area .main_control .prev_num{ left:50%; margin-left:-530px;} #visual_area .main_control .next_num{ right:50%; margin-right:-530px;} #main_con_area .icon_menu ul li{ width:190px; height:190px; margin-right:40px; } #main_con_area .icon_menu ul li a{height:190px; } .content_wrap{ width:930px;} } /*사이트맵*/ .sitemap:after{display:block; content:""; clear:both} .sitemap h4{ color:#002986; margin-bottom:10px} .sitemap h4:after{ display:none } .sitemap > ul{ position:relative; padding-bottom:25px; border-bottom:#c6c6c6 solid 1px; margin-bottom:25px } .sitemap > ul:last-child{ border:0} .sitemap ul li a{ position:relative; display:inline-block; } .sitemap > ul:after{ display:block; content:""; clear:both; } .sitemap > ul > li{ margin-bottom:5px; } .sitemap > ul > li > ul{ padding:10px; } .sitemap > ul > li > ul > li{ position:relative; font-size:14px; padding:5px 0 5px 10px;} .sitemap > ul > li > ul > li:before{ display:block; content:'-'; position:absolute; left:0; top:3px } .sitemap > ul > li > h5{ font-size:16px; border:#d0d0d0 solid 1px; padding:10px; text-align:center} .sitemap > ul > li > h5:hover{ border:#363636 solid 1px;} .sitemap > ul > li > h5:hover a{ color:#000} .sitemap > ul > li > ul > li > a[target='_blank']:after{ position:absolute; right:-20px; top:3px; display:block; width:10px; height:10px; content:"";background:url(/home/www/images/common/win_new.png) no-repeat;} .sitemap > ul > li > h5 > a[target='_blank']:after{ position:absolute; right:-20px; top:3px; display:block; width:12px; height:12px; content:"";background:url(/home/www/images/common/win_sub_new.png) no-repeat;} @media all and (min-width:768px) and (max-width:1023px) { .sitemap > ul > li{ float:left; width:32%; margin-right:2% } .sitemap > ul > li:nth-child(3n){ margin-right:0; clear:right } .sitemap > ul > li:nth-child(4n){ clear:left } } @media all and (min-width:1024px) { .sitemap h4{ font-size:24px; } .sitemap > ul > li{ float:left; width:225px; margin-right:10px; letter-spacing:-0.05em} .sitemap > ul > li > h5{ padding:16px; } .sitemap > ul > li:nth-child(4n){ margin-right:0; clear:right } .sitemap > ul > li:nth-child(5n){ clear:left } }@charset "utf-8"; /*! *@(주)가민정보시스템 *@2017.07.17 류승호초안 *@추가수정 : 수정시 작성 * : 2017.11.29 김창민(만족도조사 화면틀어짐으로 버튼 사이즈 수정) */ /*================= 모바일 및 기본 세팅 ===================*/ /*================== 스마트폰 기본 세팅 ==================*/ html.open,body.open{ overflow:hidden} /*함평택시 아이콘*/ /*.taxi_icon {position: absolute;left: 20px;top: 140px;z-index: 9999;/*animation-name:upDown; animation-duration:2s;animation-iteration-count: infinite; }*/ /*@keyframes upDown { from {top:120px} to {top:140px} }*/ @media only screen and (max-width: 1023px){ .taxi_icon {visibility:hidden;} } #skiptoContent{ display:none; } #header{ border-bottom:#626262 solid 1px } #header .top_menu_wrap{ display:none} #header .logo{ padding:20px 0 14px 0; width:50%; margin:0 auto; text-align:center} #header .logo img{ width:100%;} #header .mobile_menu{ display:block; position:absolute; top:15px; left:5px; background:#fff; width:45px; height:45px; transition:0.3s;} #header .mobile_menu:before{ display:block; content:""; position:absolute; top:14px; left:12px; width:20px; height:3px; background:#2c2c2c; } #header .mobile_menu:after{ display:block; content:""; position:absolute; top:27px; left:12px; width:20px; height:3px; background:#2c2c2c; } #header .mobile_menu span{ display:block; position:absolute; top:50%; left:12px; text-indent:-9999px; width:20px; height:3px;background:#2c2c2c; margin-top:-2px;} #header .mobile_menu.open{position:fixed; top:15px; left:210px; border:#d0d0d0 solid 1px; transition:0.3s; z-index:1500} #header .mobile_menu.open:before{ top:20px; transform:rotate(45deg); transition:0.3s} #header .mobile_menu.open:after{ top:20px; transform:rotate(-45deg); transition:0.3s} #header .mobile_menu.open span{ display:none} #header .gnb_wrap{ position:absolute; top:0; left:-200%; width:270px; padding-top:60px; background:#f1f1f1 url(/home/tour/images/common/logo.png) 10px 15px no-repeat; background-size:55%; z-index:1000 } #header .gnb_wrap.open{ position:fixed; left:0; transition:0.3s} #header .gnb_wrap .m_top{ padding:10px; overflow:hidden} #header .gnb_wrap .m_top li{ float:left; width:50%; padding:5px; font-size:14px; list-style:none} #header .gnb_wrap .m_top li a{ display:block; padding:10px; text-align:center; border:#8d8d8d solid 1px; background:#fff} #header .gnb_wrap.open .gnb{ overflow:auto; } #header .gnb_wrap > .gnb{ padding-bottom:25px; overflow-y:auto} #header .gnb_wrap > .gnb > li { position:relative; font-size:16px; } #header .gnb_wrap > .gnb > li:before{ position:absolute; right:19px; top:25px; margin-top:-9px; display:block; content:""; width:2px; height:18px; background:#868686; transition:0.3s } #header .gnb_wrap > .gnb > li:after{ position:absolute; right:11px; top:26px; margin-top:-2px; display:block; content:""; width:18px; height:2px; background:#868686; transition:0.5s } #header .gnb_wrap > .gnb > li.open:before{ top:40px; opacity:0; } #header .gnb_wrap > .gnb > li.open:after{ position:absolute; right:11px; top:26px; margin-top:-2px; display:block; content:""; width:18px; height:2px; background:#008044; transition:0.5s } #header .gnb_wrap > .gnb > li.open > a{ color:#008044 } #header .gnb_wrap > .gnb > li > a{ display:block; padding:18px 15px 18px 18px; background:#fff; border-bottom:#d7d7d7 solid 1px;} #header .gnb_wrap > .gnb > li > ul{ display:none; background:#f8f8f8; border-bottom:#d7d7d7 solid 1px; } #header .gnb_wrap > .gnb > li > ul > li{ position:relative;} #header .gnb_wrap > .gnb > li > ul > li > a{ display:block; font-size:14px; font-weight:300; color:#5c5c5c; padding:15px; border:0; padding-left:25px; border-bottom:#d7d7d7 solid 1px;} #header .gnb_wrap > .gnb > li > ul > li > a:hover{ font-weight:500 } #header .gnb_wrap > .gnb > li > ul > li:last-child > a{ border-bottom:0; } #header .gnb_wrap > .gnb > li .depth2_wrap{ display:none; overflow:auto} #header .gnb_wrap > .gnb > li .depth2_wrap .depth2_title{ display:none} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > a{ display:block; color:#1b1b1b; font-size:14px; font-weight:300; padding:15px 25px; border-bottom:#d8d8d8 solid 1px;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > ul{ display:none} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > ul > li > a{ display:block; color:#1b1b1b; font-size:14px; font-weight:300; padding:10px 35px; background:#e9e9e9; border-bottom:#d8d8d8 solid 1px; } #header .drawer{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); visibility:hidden; z-index:900} #header .drawer.open{ left:0; visibility:visible; transition:0.3s } #header .etc_btn{ } #header .etc_btn .all_menu{ display:none} #header .etc_btn .all_search{ position:absolute; right:15px; top:25px; display:block; width:21px; height:21px; background:url(/home/tour/images/common/icon_search.png) left center no-repeat; background-size:21px; text-indent:-9999px } #total_search{ display:block; clear:both; background:#062a5a; padding:0; height:0px; overflow:hidden; transition:0.3s} #total_search.open{padding:25px 10px;height: 110px;transition:0.3s;} #total_search:after{ display:block; content:""; clear:both} #total_search h2{ display:none; } #total_search h2 em{ display:block; font-weight:700; font-style:normal} #total_search form{float: none;position:relative;width:100%;margin-left:0;} #total_search form fieldset:after{ display:block; content:""; position:absolute; right:70px; top:6px; width:1px; height:26px; background:#ccc} #total_search form #search_field{ border:0; width:100%; height:40px; border-radius:10px; padding:0 15px; font-size:14px;} #total_search form #search_btn{ position:absolute; right:0; top:0; width:60px; height:40px; padding-left:20px; padding-bottom:5px; } #total_search form #search_btn{ background:#fff url(/home/tour/images/common/icon_search_b.png) 2px center no-repeat; background-size:20px; border:0; border-radius:20px; font-size:14px; cursor:pointer } #total_search .latest_word{ padding:15px 0; } #total_search .latest_word a{ color:#fff; padding:0 5px; font-size:12px} #total_search #search_close{display:block;clear:both;width:85px;height:40px;margin: 5px auto;line-height:40px;color:#fff;font-size:14px;padding-left:40px;border-radius:10px 10px 0 0;} #total_search #search_close{ background:#00132d url(/home/tour/images/common/icon_close.png) 20px center no-repeat; background-size:15px; } #visual_area{ position:relative; min-height:400px; background:#424242 } #visual_area .weather{ position:absolute; width:100%; text-align:center; padding:30px 15px 10px 15px; color:#fff; z-index:300} #visual_area .weather span{ display:block; } #visual_area .weather .left{ display:inline-block; margin-top:10px; margin-right:10px; text-align:left;} #visual_area .weather .left .date{ font-size:14px; font-weight:bold; margin-bottom:5px } #visual_area .weather .left .location{ font-size:18px; font-weight:500 } #visual_area .weather #weather_sky{ display:inline-block; margin-right:10px; vertical-align:top;} #visual_area .weather .right{display:inline-block; margin-top:10px; text-align:left;} #visual_area .weather .right span.state{ font-size:14px; font-weight:500 } #visual_area .weather .right span.temp{ font-size:30px; font-weight:500} #visual_area .weather .right span.dust{ float:right; margin-top:-25px; } #visual_area .main_slide{ position:absolute; width:100%; min-height:400px; padding-top:130px; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; transition:0.5s; opacity:0; z-index:50} #visual_area .main_slide.active{ opacity:1; transition:0.5s; z-index:100 } #visual_area .main_slide .view_title{ display:block; text-align:center; padding-top:30px; background:url(/home/tour/images/main/icon_view.png) top center no-repeat } #visual_area .main_slide h2{ position:relative; width:230px; min-height:56px; margin:15px auto 0 auto; transition:0.5s } #visual_area .main_slide h2 span{ display:block; position:absolute; left:-30px; top:-30px; width:30px; height:30px; background:url(/home/tour/images/main/bg_speech.png) no-repeat; background-size:100%; font-size:12px;} #visual_area .main_slide h2 span{ color:#000; line-height:30px; text-align:center } #visual_area .main_slide h2 img{ width:100%;} #visual_area .main_slide span.sub_title{ display:block; text-align:center; font-weight:500; font-size:12px; margin-bottom:15px;} #visual_area .main_slide .view_more{ display:block; width:100px; margin:0 auto; padding:10px 0; border-radius:15px; background:rgba(0,0,0,.5); text-align:center; color:#fff; font-size:12px; font-weight:bold;} #visual_area .main_control{ position:absolute; width:100%; height:40px; bottom:160px; z-index:200;} #visual_area .main_control a{ position:absolute; top:0; display:block; width:40px; height:40px; background-repeat:no-repeat; background-size:100%; text-indent:-9999px; } #visual_area .main_control a.prev{ left:0; background-image:url(/home/tour/images/main/arrow_m_left.png); } #visual_area .main_control a.next{ right:0; background-image:url(/home/tour/images/main/arrow_m_right.png); } #visual_area .main_control span{ display:none; position:absolute; top:0; width:40px; height:40px; background:rgba(0,0,0,.4); font-size:12px; color:#fff; text-align:center; line-height:40px;} #visual_area .main_control .prev_num{ left:40px;} #visual_area .main_control .next_num{ right:40px;} #visual_area .wave{ position:absolute; bottom:0; width:100%; background:transparent; height: 23px; z-index:200 } #visual_area .wave::before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 20px; background-size: 60px 20px; background-image:radial-gradient(circle at 30px -22px, transparent 40px, #243458 40px); } #visual_area .wave::after{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; background-repeat: repeat; height: 28px; background-size: 120px 28px; background-image: radial-gradient(circle at 30px 40px, #243458 40px, transparent 40px); } /*메인컨텐츠영역*/ #main_con_area{} #main_con_area .quick_banner_wrap{ background:#243458; padding:15px 15px 0 15px;} #main_con_area .quick_banner:after{ display:block; content:""; clear:both} #main_con_area .quick_banner li{ float:left; position:relative; width:48%; margin-right:4%; ; margin-bottom:4%; overflow:hidden} #main_con_area .quick_banner li:nth-child(2n){ margin-right:0 } #main_con_area .quick_banner li img{ width:100%; transition:all 0.3s} #main_con_area .quick_banner li a{ position:absolute; width:100%; height:100%; display:block; color:#fff; font-size:16px; font-weight:700; border:#121c31 solid 5px; text-align:center; z-index:100} #main_con_area .quick_banner li a:hover ~ img{ filter: blur(3px); transform: scale(1.3); transition:all 0.3s} #main_con_area .quick_banner li a i{ display:block; width:25px; height:25px; margin:20% auto 10px auto;} #main_con_area .quick_banner li:nth-child(1) a i{ background:url(/home/tour/images/main/icon_quick01.png); background-size:cover} #main_con_area .quick_banner li:nth-child(2) a i{ background:url(/home/tour/images/main/icon_quick02.png); background-size:cover} #main_con_area .quick_banner li:nth-child(3) a i{ background:url(/home/tour/images/main/icon_quick03.png); background-size:cover} #main_con_area .quick_banner li:nth-child(4) a i{ background:url(/home/tour/images/main/icon_quick04.png); background-size:cover} #main_con_area .quick_banner li a span{ display:block; font-size:10px; font-weight:normal; margin:10px 0; line-height:120%} #main_con_area .icon_menu{ background:#243456; padding:15px; font-size:0; text-align:center; overflow:hidden} #main_con_area .icon_menu ul li{ display:inline-block; width:90px; height:90px; margin-right:10px; font-size:12px; font-weight:700; border-radius:250px; overflow:hidden } #main_con_area .icon_menu ul li:last-child{ margin-right:0; } #main_con_area .icon_menu ul li a{ display:block; width:100%; padding-top:58%; padding-bottom:30%; color:#fff; text-align:center; } #main_con_area .icon_menu ul li:nth-child(1) a{ background:#111b31 url(/home/tour/images/main/icon_w01.png) center 20px no-repeat; background-size:30%; } #main_con_area .icon_menu ul li:nth-child(2) a{ background:#111b31 url(/home/tour/images/main/icon_w02.png) center 20px no-repeat; background-size:30%; } #main_con_area .icon_menu ul li:nth-child(3) a{ background:#111b31 url(/home/tour/images/main/icon_w03.png) center 25px no-repeat; background-size:30%; } #main_con_area .latest_box{ position:relative; background:#243456; padding:15px; } #main_con_area .latest_box:after{ display:block; clear:both; content:"" } #main_con_area .latest_box h3{ color:#fff; padding-bottom:15px; margin-bottom:15px; border-bottom:#0f1625 solid 1px;} #main_con_area .latest_box ul li {padding:5px 0; overflow:hidden } #main_con_area .latest_box ul li.nodata {min-height:120px; } #main_con_area .latest_box ul li a{ display:block; float:left; width:75%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; color:#fff; } #main_con_area .latest_box ul li span{ float:right; color:#fff; font-size:12px; } #main_con_area .latest_box a.view_more{ position:absolute; right:15px; top:15px; width:18px; height:18px; display:block; text-indent:-9999px; background:url(/home/tour/images/main/more_white.png) no-repeat; background-size:contain} /*빠른메뉴*/ #quick_menu_area{ padding:20px 30px; font-size:0; overflow:hidden} #quick_menu_area a.icon{ display:block; font-size:12px; font-weight:500; color:#424242; height:110px; text-align:center; border:#fff solid 1px; } #quick_menu_area a:hover{ transition:0.5s;} #quick_menu_area a span{ display:block; width:80px; margin:0 auto 10px auto; border:#d0d0cf solid 1px; border-radius:60px; padding:40px ; background-image:url(/home/tour/images/main/icon_quick.jpg); background-repeat:no-repeat;} #quick_menu_area .quick_icon01{ background-position:center 0;} #quick_menu_area .quick_icon02{ background-position:center -82px;} #quick_menu_area .quick_icon03{ background-position:center -164px;} #quick_menu_area .quick_icon04{ background-position:center -246px;} #quick_menu_area .quick_icon05{ background-position:center -328px;} #quick_menu_area .quick_icon06{ background-position:center -410px;} #quick_menu_area .quick_icon07{ background-position:center -492px;} #quick_menu_area .quick_icon08{ background-position:center -574px;} #quick_menu_area .quick_icon09{ background-position:center -656px;} #quick_menu_area .quick_icon10{ background-position:center -738px;} /*메인컨트롤*/ #quick_menu >.owl-nav{ display:block; position:absolute; top:15%; width:100%; margin:0 auto} #quick_menu >.owl-nav > a{ width:25px; height:45px; position:absolute; top:0; text-indent:-9999px} #quick_menu >.owl-nav .owl-play,#quick_menu > .owl-nav .owl-stop{ display:none} #quick_menu >.owl-nav .owl-prev{ left:-30px; background:url(/home/tour/images/main/arrow_left.png) no-repeat; background-size:contain} #quick_menu >.owl-nav .owl-next{right:-30px; background:url(/home/tour/images/main/arrow_right.png) no-repeat; background-size:contain} /*서브컨텐츠영역*/ .breadcrumb_wrap{ display:none; position:relative; height:42px; border-bottom:#d0d0d0 solid 1px;} .breadcrumb_wrap .container{ position:relative; overflow-x:auto; overflow-y:hidden;} .breadcrumb_wrap .skip_block{ display:block; content:''; clear:both; width:80px; height:41px; position:absolute; right:0; top:0; background:linear-gradient(to right, rgba(255,255,255,0), #fff); transition:0.3s} .breadcrumb_wrap .skip_block.open{ position:fixed; top:225px; transition:0.3s} .breadcrumb{ position:relative; } .breadcrumb > li{ position:relative; float:left; font-size:14px;/* font-weight:500; */ padding:0 10px; letter-spacing:-0.05em } .breadcrumb > li.active:after{ position:absolute; display:block; content:""; background:#00ab4e; left:0; bottom:0; width:100%; height:4px;} .breadcrumb > li > a{ display:block; padding:13px 0; } .breadcrumb > li > ul{ display:none; position:absolute; width:100%; background:#fff; border:#d0d0d0 solid 1px; padding:20px 15px;} .breadcrumb > li > ul > li{ } .breadcrumb > li > ul > li > a{ display:block; padding:5px 0; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap} .left_menu{ display:none} #content_area:after{display:block; content:""; clear:both; margin-bottom:30px} #content_area .content_wrap .content{ min-height:500px;} .content_wrap .content_top{ padding-top:10px; padding-bottom:10px; border-bottom:#c6c6c6 solid 1px } .content_wrap .content_top:after{ display:block; content:""; clear:both} .content_wrap .content_top h3{ float:left; font-size:18px; width:80%; padding-top:11px; padding-left:10px} .content_wrap .content_top .share_list{ float:right; } .content_wrap .content_top .share_list > li{ display:none; position:relative; line-height:0;} .content_wrap .content_top .share_list > li:first-child{ display:block; width:50px; transition:0.5s} .content_wrap .content_top .share_list li a{ display:block; width:40px;} .content_wrap .content_top .share_list li a img{ width:100%;} .content_wrap .content_top .share_list li.open{ height:40px; transition:0.5s} .content_wrap .content_top .share_list li ul{ display:none; width:40px; position:absolute; top:42px; left:0; visibility:hidden; z-index:100; overflow:hidden} .content_wrap .content_top .share_list li.open ul{display:block} .content_wrap .content_top .share_list li ul.open{visibility:visible; } .content_wrap .content{ padding:10px; } .satisfaction_wrap > div{ border:#d1d1d1 solid 1px; } .satisfaction{ width:100%; padding:15px; background:#f9f9f9} .satisfaction form#satisfy h5{ font-size:14px; font-weight:500; padding:0 0 10px 50px; height:50px; color:#6f6f6f; line-height:120%} .satisfaction form#satisfy h5:before{ display:none } .satisfaction form#satisfy{ padding:0 0 5px 0; background:url(/home/tour/images/sub/icon_speech.png) left top no-repeat; background-size:40px; border-bottom:#d0d0d0 solid 1px} .satisfaction form#satisfy .satisfy_list{ float:left} .satisfaction form#satisfy .satisfy_list li{ float:left; line-height:150%;} .satisfaction form#satisfy input[type='radio']{margin-right:0; margin-top:0; width:17px; height:17px; vertical-align:0px; opacity:0; position:absolute; cursor:pointer} .satisfaction form#satisfy input[type='radio'] + label { background:url(/home/tour/images/sub/radio_off.png) left center no-repeat; width:17px; height:17px; font-size:14px; font-weight:500; padding-left:22px; color:#707070; cursor:pointer; margin-right:5px;} .satisfaction form#satisfy input[type='radio']:checked + label{ background:url(/home/tour/images/sub/radio_on.png) left center no-repeat; } .satisfaction form#satisfy input[type='radio']:focus + label{ background:url(/home/tour/images/sub/radio_on.png) left center no-repeat; border:#999 dashed 1px } .satisfaction form#satisfy label{ line-height:18px;} .satisfaction form#satisfy .write_wrap{ margin-bottom:20px; } .satisfaction form#satisfy .write_wrap #satisfy_text{ width:80%; border:#898989 solid 1px; height:30px; line-height:30px; margin-top:10px; padding:0 10px} .satisfaction form#satisfy .write_wrap #stsfdgSubmit { width:20%; border:#272727 solid 1px; background:#656565; font-size:12px; color:#fff; height:30px; vertical-align:top; margin-top:10px; cursor:pointer; margin-left:-4px } .satisfaction .charger{ font-size:14px; line-height:160%; padding-top:10px; overflow:hidden} .satisfaction .charger dl:after{ display:block; content:""; clear:both} .satisfaction .charger dl dt,.satisfaction .charger dl dd{ float:left; font-size:12px; margin-right:0;} .satisfaction .charger dl dt{ width:30%; margin-right:10px; font-weight:bold;} .satisfaction .charger dl dd{ width:60%; margin-right:0; color:#858585} .satisfaction .charger .btn_error{ clear:both; display:block; font-size:12px; font-weight:bold; margin-top:10px; padding: 5px 5px 5px 35px; background:#eee url(/home/tour/images/sub/icon_write.png) 10px center no-repeat } #relative_site_area{ background:#e8e8e8; border-top:#525252 solid 1px; clear:both} #relative_site_area:after{ display:block; content:""; clear:both} #relative_site_area .relative_list{ margin-top:-1px} #relative_site_area .relative_list > li{ float:left; position:relative; width:33.333%; } #relative_site_area .relative_list > li > a{ display:block; padding:15px 0 15px 10px; font-size:12px; color:#fff; font-weight:500; background:#525252 url(/home/tour/images/main/arrow_up.png) 90% center no-repeat; background-size:10px; border:#272727 solid 1px} #relative_site_area .relative_list > li > a:hover{ background-position:90% 40%; transition:0.3s } #relative_site_area .relative_list > li.admin_info{ display:none} #relative_site_area .relative_list > li.family_site > a{ background-color:#3776b7; border:#104a86 solid 1px } #relative_site_area .relative_list > li.relative_site > a{ background-color:#239b6f; border:#0f6545 solid 1px } #relative_site_area .relative_list > li.minwon_info{ display:none} #relative_site_area .relative_list > li.county_site{ display:none} #relative_site_area .relative_list > li > ul{ display:none; position:absolute; bottom:44px; background:#f6f6f6; width:100%; padding:5px; max-height:250px;border:#272727 solid 1px; overflow-y:auto; z-index:1000} #relative_site_area .relative_list > li:hover > ul{ display:block} #relative_site_area .relative_list > li > ul > li{ } #relative_site_area .relative_list > li > ul > li > a{ display:block; padding:5px; color:#6f6f6f; font-size:12px; font-weight:500; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap} #relative_site_area .relative_list > li > ul > li > a:hover{ color:#fff; background:#525252} #bottom{ background:#242b38; padding:35px 25px;} #bottom .logo{ display:none } #bottom .bottom_menu{ margin-top:0px; margin-bottom:15px; text-align:center} #bottom .bottom_menu a{ display:inline-block; color:#fff; font-size:12px; font-weight:bold; margin:3px; } #bottom .bottom_menu a.m_pc{ display:none} #bottom p{ color:#fff; font-size:11px; text-align:center; line-height:140%} #bottom p span{ display:block;} #bottom #go_top{ position:fixed; right:15px; bottom:15px; width:50px; margin:0; z-index:9999 } #bottom #go_top img{ width:100% } /*smartphones ( portrait )*/ @media all and (max-width:375px) { } /*smartphones ( landscape )*/ @media all and (min-width:321px) and (max-width:360px) { } /*smartphones ( landscape )*/ @media all and (min-width:361px) and (max-width:375px) { } /*smartphones ( landscape )*/ @media all and (min-width:376px) and (max-width:414px) { } /*smartphones ( landscape )*/ @media all and (min-width:375px) and (max-width:480px) { #main_con_area .icon_menu ul li{ width:100px; height:100px; margin-right:20px; font-size:13px; font-weight:700 } #main_con_area .icon_menu ul li a{height:100px; } } /*tablet( portrait )*/ @media all and (min-width:640px) { } @media all and (min-width:641px) and (max-width:767px) { } /*tablet ( portrait )*/ @media all and (min-width:768px){ #header .logo{ width:215px; margin:0 auto; text-align:center} #main_con_area .quick_banner li{ float:left; position:relative; width:24%; margin-right:1.333%; margin-bottom:1.333%; overflow:hidden} #main_con_area .quick_banner li:nth-child(2n){ margin-right:1.333% } #main_con_area .quick_banner li:last-child{ margin-right:0;} #main_con_area .icon_menu{ float:left; width:60%; padding:30px 15px; min-height:199px;} #main_con_area .latest_box{ float:left; width:40% } #main_con_area .icon_menu{ background:#243456; padding:35px 15px; overflow:hidden} #main_con_area .icon_menu ul li{ width:120px; height:120px; margin-right:5%; font-size:12px; font-weight:700 } #main_con_area .icon_menu ul li:last-child{ margin-right:0; } #main_con_area .icon_menu ul li a{ display:block; width:100%; height:120px; padding-top:58%; color:#fff; text-align:center; } #main_con_area .icon_menu ul li:nth-child(1) a{ background:#111b31 url(/home/tour/images/main/icon_w01.png) center 30px no-repeat; background-size:30%; } #main_con_area .icon_menu ul li:nth-child(2) a{ background:#111b31 url(/home/tour/images/main/icon_w02.png) center 30px no-repeat; background-size:30%; } #main_con_area .icon_menu ul li:nth-child(3) a{ background:#111b31 url(/home/tour/images/main/icon_w03.png) center 35px no-repeat; background-size:30%; } } /*================= 데스크탑 기본 세팅 ===================*/ @media all and (min-width:1024px) { .container{ width:1024px; margin:0 auto} #skiptoContent { display:block; margin:0; padding:0; z-index:2000} a.quick_menu {display:block; font-size:1em; left:0; text-align:center; top:-10000px; position:absolute; width:100%; z-index:500;} a.quick_menu:hover, a.quick_menu:focus, a.quick_menu:active {background:none repeat scroll 0 0 #404b64; color:#fff; font-weight:bold; height:40px; padding:10px 0; position:absolute; top:0; z-index:4000;} #header{ position:relative; height:134px; transition:0.3s} #header:after{ display:block; content:""; clear:both} #header.open{height: 283px;transition:0.3s;} #header .top_menu_wrap{ display:block; background:#f0f0f0; height:40px;} #header > .container{ clear:both} #header .mobile_menu{ display:none} /*상단메뉴*/ #header .top_menu{ float:left; } #header .top_menu li{ float:left; margin-right:2px;} #header .top_menu li > a{ position:relative; display:block; line-height:40px; font-size:12px; font-weight:bold; width:120px; text-align:center; background:#d9d9d9; color:#787878} #header .top_menu li > a:hover,#header .top_menu li > a.active{ background:#3269b4; color:#fff;} #header .top_menu li:hover > a:after,#header .top_menu li > a.active:after{ display:block; content:""; position:absolute; left:50%; width:0px; height:0px; border:solid transparent; } #header .top_menu li:hover > a:after,#header .top_menu li > a.active:after{ border-width:7px; border-top-color:#3269b4; margin-left:-7px; z-index:120} #header .top_menu li:first-child > a{ padding-left:25px; background-image:url(/home/tour/images/common/icon_top_off.png); background-repeat:no-repeat; background-position: 20px center;} #header .top_menu li:first-child > a:hover,#header .top_menu li:first-child > a.active{ background-color:#085e2a; background-image:url(/home/tour/images/common/icon_top_on.png); } #header .top_menu li:first-child > a:hover:after,#header .top_menu li:first-child > a.active:after{ border-top-color:#085e2a;} #header .top_menu li:nth-child(3):hover > a,#header .top_menu li:nth-child(3) > a.active{ background:#ff9600; color:#fff;} #header .top_menu li:nth-child(3):hover > a:after,#header .top_menu li:nth-child(3) > a.active:after{ border-top-color:#ff9600;} #header .top_menu li:last-child:hover > a,#header .top_menu li:last-child > a.active{ background:#2197b9; color:#fff;} #header .top_menu li:last-child:hover > a:after,#header .top_menu li:last-child > a.active:after{ border-top-color:#2197b9;} /*주요홈페이지*/ #header .top_menu li .total_site{ display:block; position:absolute; left:0; width:100%; height:0px; font-size:0; padding-top:0; padding-bottom:0; background:#f0f0f0; transition:0.3s; overflow:hidden; z-index:110} #header .top_menu li .total_site.open{height: 150px;padding-top:17px;padding-bottom:20px;transition:0.3s;} #header .top_menu li .total_site .container{ position:relative} #header .top_menu li .total_site h2{ display:inline-block; background:url(/home/tour/images/common/icon_title.png) 50px top no-repeat; margin-top:0; font-size:14px; width:120px; line-height:1.2} #header .top_menu li .total_site h2{ font-weight:bold; color:#747373; vertical-align:top; padding-top:20px; padding-right:40px; padding-bottom:20px; border-right:#ccc solid 1px; } #header .top_menu li .total_site a{ display:inline-block; width:10.5%; background:transparent; vertical-align:top;} #header .top_menu li .total_site a span{ display:block; line-height:100%;} #header .top_menu li .total_site a span.icon{ display:block; margin:0 auto; width:60px; height:62px; background-image:url(/home/tour/images/common/icon_site.png); } #header .top_menu li .total_site a span.icon{ background-repeat: no-repeat; background-position:0 0; line-height:normal; } #header .top_menu li .total_site a span.title{ font-size:12px; font-weight:bold; color:#747373; text-align:center; padding-top:12px; line-height:120%;} #header .top_menu li .total_site a span.title.new_win{ background:url(/home/tour/images/common/win_new.png) right 3px no-repeat} #header .top_menu li .total_site a span.title.none{ padding-top:7px;} #header .top_menu li .total_site a span.icon01{ background-position:0 0;} #header .top_menu li .total_site a span.icon02{ background-position:-60px 0;} #header .top_menu li .total_site a span.icon03{ background-position:-120px 0;} #header .top_menu li .total_site a span.icon04{ background-position:-180px 0;} #header .top_menu li .total_site a span.icon05{ background-position:-240px 0;} #header .top_menu li .total_site a span.icon06{ background-position:-300px 0;} #header .top_menu li .total_site a span.icon07{ background-position:-360px 0;} #header .top_menu li .total_site a span.icon08{ background-position:-420px 0;} #header .top_menu li .total_site a span.icon09{ background-position:-480px 0;} #header .top_menu li .total_site a span.icon10{ background-position:-540px 0;} #header .top_menu li .total_site a span.icon11{ background-position:-600px 0;} #header .top_menu li .total_site a span.icon12{ background-position:-900px 0;} #header .top_menu li .total_site a span.icon13{ background-position:-720px 0;} #header .top_menu li .total_site a span.icon14{ background-position:-780px 0;} /* #header .top_menu li .total_site a.other_site{ float:right;}*/ #header .top_menu li .total_site a.close_site{position:absolute;right:0;bottom: -36px;width:165px;padding:8px 10px 8px 22px;} #header .top_menu li .total_site a.close_site{ border:#ccc solid 1px; background:#fff url(/home/tour/images/common/arrow_close.jpg) 7px center no-repeat ; font-size:12px; text-indent:0} /*언어선택*/ #header .sns_language{ float:right; font-size:0; } #header .sns_language > a{ display:inline-block; width:auto; height:40px; padding:0 15px; line-height:40px; font-size:12px; font-weight:bold; background:#d9d9d9; vertical-align:top; margin:0 2px; } #header .lang_select{ display:inline-block; position:relative; font-size:12px; z-index:2000;} #header .lang_select a{ display:block; background:#d9d9d9; height:40px; padding:0 15px; line-height:40px; font-weight:bold} #header .lang_select a:hover{ background:#666; color:#fff;} #header .lang_select > a { position:relative; padding-right:25px; } #header .lang_select > a:after{ display:block; content:""; position:absolute; top:50%; right:10px; width:0px; height:0px; border:solid transparent; border-width:5px; border-top-color:#636363; margin-top:-2px;} #header .lang_select > a:hover:after{ border-top-color:#fff;} #header .lang_select ul{ display:none; position:absolute; width:100%; z-index:130} /*줌인아웃*/ #header .zoom_inout{ display:inline-block; vertical-align:top; margin-right:2px; } #header .zoom_inout a{ display:inline-block; width:40px; height:40px; line-height:40px; text-indent:-9999px; margin-right:2px; background-image:url(/home/www/images/common/zoom_inout.png); background-repeat:no-repeat } #header .zoom_inout a:last-child{ margin:0;} #header .zoom_inout a:nth-child(3){ background-position:0 -40px; } #header .zoom_inout a:nth-child(3):hover{ background-position:0 0} #header .zoom_inout a:nth-child(2){ background-position:-41px -40px ; } #header .zoom_inout a:nth-child(2):hover{ background-position:-41px 0} #header .zoom_inout a:nth-child(1){ background-position:-82px -40px ; } #header .zoom_inout a:nth-child(1):hover{ background-position:-82px 0} /*상단sns*/ #header .sns_block{ display:inline-block; vertical-align:top; } #header .sns_block a{ display:inline-block; width:40px; height:40px; line-height:40px; text-indent:-9999px; margin-right:2px; background-image:url(/home/tour/images/common/icon_sns.jpg); background-repeat:no-repeat } #header .sns_block a:last-child{ margin:0;background-position:-164px 0 ;} #header .sns_block a:last-child:hover{background-position:-164px -41px ;} #header .sns_block a:nth-child(1){ background-position:0 0; } #header .sns_block a:nth-child(1):hover{ background-position:0 -41px} #header .sns_block a:nth-child(2){ background-position:-41px 0 ; } #header .sns_block a:nth-child(2):hover{ background-position:-41px -41px} #header .sns_block a:nth-child(3){ background-position:-82px 0 ; } #header .sns_block a:nth-child(3):hover{ background-position:-82px -41px} #header .sns_block a:nth-child(4){ background-position:-123px 0 ; } #header .sns_block a:nth-child(4):hover{ background-position:-123px -41px} /*로고*/ #header .logo{ float:left; width:215px; padding:30px 0 14px 0; margin-right:20px;} #menu_wrap{ margin-top:0; transition:0.3s} #menu_wrap.open{margin-top: 145px;transition:0.3s;} /*gnb*/ #header .gnb_wrap{ position:inherit; top:0; left:0; width:auto; padding-top:0; background:none; background-size:auto; z-index:1000 } #header .gnb_wrap .m_top{ display:none} #header .gnb_wrap .gnb{ float:left; padding:17px 0 0;} #header .gnb_wrap .gnb > li { float:left; position:inherit} #header .gnb_wrap .gnb > li:before,#header .gnb_wrap .gnb > li:after{ display:none } #header .gnb_wrap .gnb > li > a{ display:block; padding:22px 3px 33px 3px; font-size:18px; font-weight:500; color:#474747; background:none; border:0; } #header .gnb_wrap .gnb > li:hover > a{ color:#ee5f4a } #header .gnb_wrap .gnb li .depth2_wrap{ display:none; position:absolute; top:133px; left:0; width:100%; background:rgba(36,52,88,.9); border-top:#626262 solid 1px; border-bottom:#626262 solid 1px; z-index:1000; overflow:hidden} #header .gnb_wrap .gnb li .depth2_wrap.open{ top:260px;} #header .gnb_wrap .gnb li .depth2_wrap .depth2_bg{ position:absolute; width:50%; height:100%; right:0; background:#fff} #header .gnb_wrap .gnb li .depth2_wrap .depth2_title{ display:block; float:left; width:180px; height:100%; padding-top:10px;} #header .gnb_wrap .gnb li .depth2_wrap .depth2_title.wide{ width:250px;} #header .gnb_wrap .gnb li .depth2_wrap .depth2_title span{ display:block } #header .gnb_wrap .gnb li .depth2_wrap .depth2_title span.title{ font-size:32px; font-weight:700; color:#fff; margin-top:25px;} #header .gnb_wrap .gnb li .depth2_wrap .depth2_title span.sub_title{ color:#fff; font-size:13px; font-weight:700; margin-top:15px;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul{ float:left; width:824px; padding:30px 0 20px 40px; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > ul{ display:block} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li{ float:left;} /*gnb_sub_style01*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01:after{ display:none; position:absolute; top:330px; width:100%; height:1px; content:''; background:#939baa;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li{ width:20%;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > a{ display:block; color:#fff; padding:0; border:0; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > a .thumb{ display:block; width:110px; height:110px; margin:0 auto } #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > a .thumb{ background-image:url(/home/tour/images/common/gnb_thumb.png); background-repeat:no-repeat; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li a span{ display:block; padding:10px 0; text-align:center} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li.no_thumb{ position:relative; width:15%; padding-left:15px; margin-left:25px; margin-top:20px;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul > li.no_thumb:before{ display:block; content:""; position:absolute; left:0; top:50%; background:#fff; width:6px; height:6px; margin-top:-3px; border-radius:6px; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01 > li.no_thumb > a{ padding:0;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01 > li.no_thumb > a .thumb{ display:none } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01 > li.no_thumb > a span{ text-align:left} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic01{ background-position:0 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic02{ background-position:-110px 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic03{ background-position:-220px 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic04{ background-position:-330px 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic05{ background-position:-440px 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic06{ background-position:-550px 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic07{ background-position:-660px 0;} #header .gnb_wrap .gnb ul.gnb_thumb01 > li > a .pic08{ background-position:-770px 0;} /*gnb_sub_style02*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb02> li > a .thumb{ width:100%; border-radius:100px } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb02 > li{ width:25%;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb02 > li > a{ border:0;} #header .gnb_wrap .gnb ul.gnb_thumb02 > li > a .pic01{ background-position:0 -110px;} #header .gnb_wrap .gnb ul.gnb_thumb02 > li > a .pic02{ background-position:-240px -110px;} #header .gnb_wrap .gnb ul.gnb_thumb02 > li > a .pic03{ background-position:-480px -110px;} #header .gnb_wrap .gnb ul.gnb_thumb02 > li > a .pic04{ background-position:-720px -110px;} /*gnb_sub_style04*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb04 > li{ width:16.66667%;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb04> li > a .thumb{ width:100%; border-radius:100px } #header .gnb_wrap .gnb ul.gnb_thumb04 > li > a .pic01{ background-position:0 -220px;} #header .gnb_wrap .gnb ul.gnb_thumb04 > li > a .pic02{ background-position:-150px -220px;} #header .gnb_wrap .gnb ul.gnb_thumb04 > li > a .pic03{ background-position:-300px -220px;} #header .gnb_wrap .gnb ul.gnb_thumb04 > li > a .pic04{ background-position:-450px -220px;} #header .gnb_wrap .gnb ul.gnb_thumb04 > li > a .pic05{ background-position:-600px -220px;} #header .gnb_wrap .gnb ul.gnb_thumb04 > li > a .pic06{ background-position:-750px -220px;} /*gnb_sub_style05*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05 > li{ width:16.66667%;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05> li > a .thumb{ width:100%; border-radius:100px } #header .gnb_wrap .gnb ul.gnb_thumb05 > li > a .pic01{ background-position:0 -330px;} #header .gnb_wrap .gnb ul.gnb_thumb05 > li > a .pic02{ background-position:-150px -330px;} #header .gnb_wrap .gnb ul.gnb_thumb05 > li > a .pic03{ background-position:-300px -330px;} #header .gnb_wrap .gnb ul.gnb_thumb05 > li > a .pic04{ background-position:-450px -330px;} #header .gnb_wrap .gnb ul.gnb_thumb05 > li > a .pic05{ background-position:-600px -330px;} #header .gnb_wrap .gnb ul.gnb_thumb05 > li > a .pic06{ background-position:-750px -330px;} /*gnb_sub_style06*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06{ width:710px; margin-left:0px } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06 > li { width:100%; overflow:hidden; float:none; margin-bottom:10px;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06 > li > a{ float:left; padding:13px 0; width:100px; text-align:center; border:#fff solid 1px; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06 > li > ul > li { position:relative; float:left; padding-left:12px; margin-left:20px; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06 > li > ul > li:before{ position:absolute; left:0; top:50%; margin-top:-3px; display:block; width:6px; height:6px; border-radius:6px; content:""; background:#fff;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06 > li > ul > li > a{ background:none; color:#fff; border:0; padding:13px 0;} /*gnb_sub_style07*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb07 > li{ width:16.66667%; float:left} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb07 > li > a .thumb{ width:100%; border-radius:100px } #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic01{ background-position:0px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic02{ background-position:-160px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic03{ background-position:-310px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic04{ background-position:-460px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic05{ background-position:-610px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic06{ background-position:-760px -440px;} /*gnb_sub_style08*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb08 > li{ width:14.2857%;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb08> li > a .thumb{ width:100%; border-radius:100px } #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic01{ background-position:-20px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic02{ background-position:-170px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic03{ background-position:-320px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic04{ background-position:-620px -660px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic05{ background-position:-470px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic06{ background-position:-620px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic07{ background-position:-770px -550px;} /*기타버튼*/ #header .etc_btn{ display:block; float:right; padding:17px 10px 11px 0; } #header .etc_btn a{ padding:22px 0 22px 30px; margin-left:10px; font-size:18px; font-weight:500} #header .etc_btn a.all_menu{ display:none; } #header .etc_btn a.all_search{ display:inline-block; position:relative; width:auto; height:auto; text-indent:0; right:0; top:0; background:url(/home/tour/images/common/icon_search.png) left center no-repeat; background-size:21px; } #total_search h2{ display:block; float:left; color:#fff; font-size:25px; font-weight:300; height:65px; padding-left:80px; background:url(/home/tour/images/common/icon_sch_title.png) left top no-repeat; line-height:120%} #total_search form{ float:left; position:relative; width:860px; margin-left:30px;} #total_search form fieldset:after{ display:block; content:""; position:absolute; right:110px; top:10px; width:1px; height:40px; background:#ccc} #total_search form #search_field{ border:0; width:100%; height:60px; border-radius:20px; padding:0 25px; font-size:16px;} #total_search form #search_btn{ position:absolute; right:0; top:0; width:100px; height:58px; padding-left:20px; padding-bottom:5px; } #total_search form #search_btn{ background:#fff url(/home/tour/images/common/icon_search_b.png) 2px center no-repeat; border:0;border-radius:20px; font-size:18px; cursor:pointer } #total_search .latest_word{ padding:15px 0; } #total_search .latest_word a{ color:#fff; padding:0 10px; font-size:16px;} #total_search #search_close{display:block;float:left;clear:none;width:115px;height:60px;line-height:60px;color:#fff;font-size:18px;padding-left:50px;border-radius:20px;margin-left:20px;margin-top: 0;} #total_search #search_close{ background:#00132d url(/home/tour/images/common/icon_close.png) 20px center no-repeat } #visual_area .weather{ width:auto; right:0;} #visual_area{ min-height:630px;} #visual_area .main_slide{ min-height:630px; padding-top:130px;} #visual_area .main_slide h2{ width:569px; text-align:center; margin-top:40px; min-height:108px; } #visual_area .main_slide h2 img{ width:auto;} #visual_area .main_slide h2 span{ left:-50px; top:-50px; width:50px; height:50px; line-height:50px; font-size:16px;} #visual_area .main_slide span.sub_title{ font-size:16px; font-weight:bold; margin-top:25px;margin-bottom:25px;} #visual_area .main_slide .view_more{ width:130px; margin:0 auto; padding:20px 0; font-size:14px; border-radius:30px;} #visual_area .main_control{ position:absolute; width:100%; height:70px; bottom:50%; z-index:200;} #visual_area .main_control a{ width:70px; height:70px; } #visual_area .main_control span{display:block; width:70px; height:70px; font-size:16px; line-height:70px;} #visual_area .main_control .prev_num{ left:70px;} #visual_area .main_control .next_num{ right:70px;} #visual_area .wave{ position:absolute; bottom:0; width:100%; background:transparent; height: 23px; z-index:200 } #visual_area .wave::before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 20px; background-size: 60px 20px; background-image:radial-gradient(circle at 30px -22px, transparent 40px, #243458 40px); } #visual_area .wave::after{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; background-repeat: repeat; height: 28px; background-size: 120px 28px; background-image: radial-gradient(circle at 30px 40px, #243458 40px, transparent 40px); } #visual_area .wave{ height: 100px; } #visual_area .wave::before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 63px; background-size: 190px 63px; background-image:radial-gradient(circle at 95px -96px, transparent 156px, #243458 150px);} #visual_area .wave::after{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; background-repeat: repeat; height: 70px; background-size: 380px 70px; background-image: radial-gradient(circle at 95px 158px, #243458 156px, transparent 150px);} #main_con_area{ background:#243458} #main_con_area:after{ display:block; content:""; clear:both} #main_con_area .quick_banner_wrap{padding:15px 0;} #main_con_area .quick_banner li{ width:23%; margin-right:2.66667%;} #main_con_area .quick_banner li:nth-child(2n){ margin-right:2.66667% } #main_con_area .quick_banner li:last-child{ margin-right:0;} #main_con_area .quick_banner li a{font-size:23px; border:0;} #main_con_area .quick_banner li a i{ width:45px; height:45px; margin-top:70px; margin-bottom:15px;} #main_con_area .quick_banner li a span{ font-size:12px; margin-top:15px} #main_con_area .icon_menu{ width:60%; padding:50px 15px; min-height:230px;} #main_con_area .icon_menu ul li{ width:180px; height:180px; margin-right:20px; font-size:16px; font-weight:700 } #main_con_area .icon_menu ul li:last-child{ margin-right:0; } #main_con_area .icon_menu ul li a{height:180px; } #main_con_area .icon_menu ul li:nth-child(1) a{ background:#111b31 url(/home/tour/images/main/icon_w01.png) center 40px no-repeat; background-size:30%; } #main_con_area .icon_menu ul li:nth-child(2) a{ background:#111b31 url(/home/tour/images/main/icon_w02.png) center 40px no-repeat; background-size:30%; } #main_con_area .icon_menu ul li:nth-child(3) a{ background:#111b31 url(/home/tour/images/main/icon_w03.png) center 45px no-repeat; background-size:30%; } #main_con_area .latest_box{ padding:50px 15px; min-height:230px; } #main_con_area .latest_box a.view_more{ top:50px; } /*빠른메뉴*/ #quick_menu_area{ padding:40px 0 60px; font-size:0; overflow:hidden} #quick_menu_area a.icon{ display:block; font-size:15px; font-weight:500; color:#424242; height:130px; text-align:center; } #quick_menu_area a:hover{ border:#d0d0cf solid 1px; transition:0.5s;} #quick_menu_area a span{width:80px;margin:0 auto 10px auto;border:0;border-radius:0;padding:40px;} #quick_menu_area .quick_icon01{ background-position:center 0;} #quick_menu_area .quick_icon02{ background-position:center -82px;} #quick_menu_area .quick_icon03{ background-position:center -164px;} #quick_menu_area .quick_icon04{ background-position:center -246px;} #quick_menu_area .quick_icon05{ background-position:center -328px;} #quick_menu_area .quick_icon06{ background-position:center -410px;} #quick_menu_area .quick_icon07{ background-position:center -492px;} #quick_menu_area .quick_icon08{ background-position:center -574px;} #quick_menu_area .quick_icon09{ background-position:center -656px;} #quick_menu_area .quick_icon10{ background-position:center -738px;} #relative_site_area{ height:32px; background:#242b38; border-top:#525252 solid 1px; clear:both} #relative_site_area .relative_list{} #relative_site_area .relative_list > li{ display:block !important; float:left; position:relative; width:20%; margin-top:-31px} #relative_site_area .relative_list > li > a{ display:block; padding:22px 0 22px 30px; color:#fff; font-size:16px; font-weight:500; background:#525252 url(/home/tour/images/main/arrow_up.png) 90% center no-repeat !important; border:#272727 solid 1px !important} #relative_site_area .relative_list > li > a:hover{ background-position:90% 40%; transition:0.3s } #relative_site_area .relative_list > li.admin_info > a{ background-color:#3776b7 !important; border:#104a86 solid 1px } #relative_site_area .relative_list > li.minwon_info > a{ background-color:#239b6f !important; border:#0f6545 solid 1px } #relative_site_area .relative_list > li.laguage_select{ display:none !important} #relative_site_area .relative_list > li > ul{ display:none; position:absolute; bottom:61px; background:#f6f6f6; width:100%; padding:15px; height:250px;border:#272727 solid 1px; overflow-y:auto} #relative_site_area .relative_list > li:hover > ul{ display:block} #relative_site_area .relative_list > li > ul > li{ } #relative_site_area .relative_list > li > ul > li > a{ display:block; padding:5px; color:#6f6f6f; font-size:14px; font-weight:500} #relative_site_area .relative_list > li > ul > li > a:hover{ color:#fff; background:#525252} #content_area{ outline:0} /*서브컨텐츠영역*/ .breadcrumb_wrap{ display:block; background:#f8f8f8; border-bottom:#d0d0d0 solid 1px; height:48px; overflow:visible} .breadcrumb_wrap .container{ overflow:visible} .breadcrumb_wrap .skip_block{ display:none} .breadcrumb_wrap .breadcrumb{ position:relative; float:left; padding-left:220px; background:#fff } .breadcrumb_wrap .breadcrumb:after{ position:absolute; right:-21px; display:block; content:""; width:21px; height:48px; background:url(/home/tour/images/sub/arrow_nav_end.png) no-repeat } .breadcrumb_wrap .breadcrumb > li{ position:relative; float:left; font-size:14px;/* font-weight:500;*/ padding:0; background:#fff url(/home/tour/images/sub/arrow_nav_end.png) left top no-repeat; margin:0; } .breadcrumb_wrap .breadcrumb > li:after{ position:absolute; right:2px; top:50%; display:block; width:14px; height:8px; margin-top:-4px; content:"";/* background:url(/home/tour/images/sub/arrow_open.jpg);*/ cursor:pointer} .breadcrumb_wrap .breadcrumb > li:first-child a{ background:#fff url(/home/tour/images/sub/bread_home.jpg) center no-repeat; text-indent:-9999px; padding:0 23px; border-left:#d0d0d0 solid 1px} .breadcrumb_wrap .breadcrumb > li:first-child:after,.breadcrumb_wrap .breadcrumb > li:last-child:after{ display:none; } .breadcrumb_wrap .breadcrumb > li:last-child a{ padding-right:10px} .breadcrumb_wrap .breadcrumb > li > a{ display:block; padding:0 32px 0 32px; line-height:47px;} .left_menu{ display:block; position:absolute; width:220px; margin-top:-49px;} .left_menu h2{ background:url(/home/tour/images/sub/bg_left.jpg) no-repeat; width:220px; height:140px; color:#fff; text-align:center; line-height:140px; font-size:24px} .left_menu > ul > li { position:relative; border-left:#d7d7d7 solid 1px; border-right:#d7d7d7 solid 1px; font-size:16px; font-weight:500} .left_menu > ul > li:before{ position:absolute; right:18px; top:23px; margin-top:-9px; display:block; content:""; width:4px; height:18px; background:#cacaca; transition:0.3s } .left_menu > ul > li:after{ position:absolute; right:11px; top:23px; margin-top:-2px; display:block; content:""; width:18px; height:4px; background:#cacaca; transition:0.5s } .left_menu > ul > li.open:before{ top:23px; opacity:1; transform:rotate(-90deg)} .left_menu > ul > li.open:after{ position:absolute; right:11px; top:23px; margin-top:-2px; display:block; content:""; width:18px; height:4px; background:#fd8900;transform:rotate(180deg); transition:0.5s } .left_menu > ul > li.open > a{ color:#fd8900 } .left_menu > ul > li > a{ display:block; padding:15px 15px 15px 18px; border-bottom:#d7d7d7 solid 1px;} .left_menu > ul > li > ul{ display:none; background:#f8f8f8; padding:15px 15px 15px 20px; border-bottom:#d7d7d7 solid 1px; } .left_menu > ul > li > ul > li{ position:relative;} .left_menu > ul > li > ul > li > a{ display:block; font-size:16px; font-weight:300; color:#5c5c5c; padding:5px 0; border:0; padding-left:10px;} .left_menu > ul > li > ul > li > a:hover,.left_menu > ul > li > ul > li.active > a{ font-weight:500 } .left_menu > ul > li > ul > li:before{ position:absolute; top:13px; display:block; content:""; width:5px; height:3px; background:#5c5c5c} .content_wrap{ width:770px; float:right; padding-bottom:30px; overflow:hidden} .content_wrap .content_top{ padding-top:30px; padding-bottom:10px; border-bottom:#c6c6c6 solid 1px; overflow:hidden } .content_wrap .content_top h3{ float:left; font-size:32px; font-weight:700; width:auto; color:#484848; letter-spacing:-0.05em} .content_wrap .content_top .share_list{ float:right; } .content_wrap .content_top .share_list li{display:block; float:left; position:relative; margin-left:10px; z-index:100} .content_wrap .content_top .share_list li a{ display:block; width:50px;} .content_wrap .content_top .share_list > li:first-child{ width:50px; transition:0.5s} .content_wrap .content_top .share_list > li:last-child{ display:block; } .content_wrap .content_top .share_list li.open{ width:355px; transition:0.5s} .content_wrap .content_top .share_list li ul{ width:315px; position:absolute; top:0; left:50px; visibility:visible; transition:0.3s; overflow:hidden} .content_wrap .content_top .share_list li ul.open{ transition:0.3s; visibility:visible} .content_wrap .content_top .share_list li ul li{ float:left } .content_wrap .content{ padding:30px 0 ; min-height:500px} .satisfaction{ padding:30px;} .satisfaction form#satisfy h5{ font-size:16px; padding-left:0;} .satisfaction form#satisfy{ padding:0 0 5px 107px; background-size:auto;} .satisfaction form#satisfy .satisfy_list li{ float:left; } .satisfaction form#satisfy input[type='radio'] + label { margin-right:16px;} .satisfaction form#satisfy .write_wrap{ float:left; margin-bottom:20px; } .satisfaction form#satisfy .write_wrap #satisfy_text{ width:257px; margin:0; } .satisfaction form#satisfy .write_wrap #stsfdgSubmit { width:100px; margin-left:-5px; margin-top:0;} .satisfaction .charger dl:after{ display:none} .satisfaction .charger dl dt,.satisfaction .charger dl dd{ float:left; } .satisfaction .charger dl dt{ width:auto; margin-right:20px;} .satisfaction .charger dl dd{ width:auto; margin-right:40px;} .satisfaction .charger .btn_error{ clear:none; float:right; margin:0; } #bottom{ clear:both; padding:15px 0 75px 0; background:#242b38; } #bottom .logo{ display:block; float:right;} #bottom .bottom_menu{ text-align:left; margin-top:30px } #bottom .bottom_menu a{ display:inline-block; padding:0 12px; margin:0; border-right:#fff solid 1px; color:#fff; font-size:14px; font-weight:bold} #bottom .bottom_menu a:first-child { padding-left:0;} #bottom .bottom_menu a:last-child{ border:0 } #bottom p{ color:#fff; font-size:12px; font-weight:bold; margin-top:5px; text-align:left;} #bottom p span{ display:inline-block;} #bottom .bottom_menu a.m_pc{ display:inline-block} #bottom .bottom_menu a.m_moble{ display:none} #bottom #go_top{ position:fixed; right:15px; bottom:15px; width:auto; margin:0; } } @media all and (min-width:1100px) { .container{ width:1200px; margin:0 auto} #header .logo{ margin-right:50px;} #header .etc_btn{ padding-right:0;} #header .etc_btn a.all_menu{ display:inline-block; background:url(/home/tour/images/common/icon_all.png) left center no-repeat } #header .gnb_wrap .gnb > li > a{ padding:23px 5px 35px 5px; } #header .gnb_wrap .gnb li .depth2_wrap .depth2_title{ display:block; float:left; width:180px; height:100%; padding-top:15px;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul{ float:left; width:1020px; padding:30px 0 20px 0; min-height:150px; } /*gnb_sub_style01*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01:after{ display:block; top:200px; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01 > li{ width:12.5%;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01 > li a span{ font-size:16px; padding:15px 0;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb01 > li.no_thumb{ margin-top:0; margin-left:15px; } /*gnb_sub_style02*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb02> li > a .thumb{ width:240px; margin:0 auto} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb02 > li a span{ font-size:16px; padding:15px 0;} /*gnb_sub_style04*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb04> li > a .thumb{ width:150px; margin:0 auto} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb04 > li a span{ font-size:16px; padding:15px 0;} /*gnb_sub_style05*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05:after{ display:block; position:absolute; top:205px; width:100%; height:1px; content:''; background:#939baa;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05 > li > a .thumb{ width:150px; margin:0 auto} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05 > li a span{ font-size:16px; padding:15px;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05 > li.no_thumb{ width:auto; margin-top:25px; margin-left:25px; margin-right:15px; } #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb05 > li:nth-child(7){ clear:left} /*gnb_sub_style06*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb06{ width:710px; margin-left:40px } /*gnb_sub_style07*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb07> li > a .thumb{ width:150px; margin:0 auto} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb07 > li a span{ font-size:16px; padding:15px 0;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic02{ background-position:-150px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic03{ background-position:-300px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic04{ background-position:-450px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic05{ background-position:-600px -440px;} #header .gnb_wrap .gnb ul.gnb_thumb07 > li > a .pic06{ background-position:-750px -440px;} /*gnb_sub_style08*/ #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb08> li > a .thumb{ width:140px; margin:0 auto} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb08 > li a span{ font-size:16px; padding:15px 0;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb08:after{ display:block; position:absolute; top:192px; width:100%; height:1px; content:''; background:#939baa;} #header .gnb_wrap .gnb li .depth2_wrap > div > ul.gnb_thumb08 > li.no_thumb{ width:auto; margin-top:25px; margin-left:25px; margin-right:15px; } #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic01{ background-position:-5px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic02{ background-position:-155px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic03{ background-position:-305px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic04{ background-position:-605px -660px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic05{ background-position:-455px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic06{ background-position:-605px -550px;} #header .gnb_wrap .gnb ul.gnb_thumb08 > li > a .pic07{ background-position:-755px -550px;} #visual_area .weather{ width:auto; right:50%; margin-right:-600px;} #visual_area .main_control{ position:absolute; width:100%; height:70px; bottom:50%; z-index:200;} #visual_area .main_control a{ width:70px; height:70px; } #visual_area .main_control a.prev{ left:50%; margin-left:-600px; } #visual_area .main_control a.next{ right:50%; margin-right:-600px;} #visual_area .main_control span{ width:70px; height:70px; font-size:16px; line-height:70px;} #visual_area .main_control .prev_num{ left:50%; margin-left:-530px;} #visual_area .main_control .next_num{ right:50%; margin-right:-530px;} #main_con_area .icon_menu ul li{ width:190px; height:190px; margin-right:40px; } #main_con_area .icon_menu ul li a{height:190px; } .content_wrap{ width:930px;} } /*사이트맵*/ .sitemap:after{display:block; content:""; clear:both} .sitemap h4{ color:#002986; margin-bottom:10px} .sitemap h4:after{ display:none } .sitemap > ul{ position:relative; padding-bottom:25px; border-bottom:#c6c6c6 solid 1px; margin-bottom:25px } .sitemap > ul:last-child{ border:0} .sitemap ul li a{ position:relative; display:inline-block; } .sitemap > ul:after{ display:block; content:""; clear:both; } .sitemap > ul > li{ margin-bottom:5px; } .sitemap > ul > li > ul{ padding:10px; } .sitemap > ul > li > ul > li{ position:relative; font-size:14px; padding:5px 0 5px 10px;} .sitemap > ul > li > ul > li:before{ display:block; content:'-'; position:absolute; left:0; top:3px } .sitemap > ul > li > h5{ font-size:16px; border:#d0d0d0 solid 1px; padding:10px; text-align:center} .sitemap > ul > li > h5:hover{ border:#363636 solid 1px;} .sitemap > ul > li > h5:hover a{ color:#000} .sitemap > ul > li > ul > li > a[target='_blank']:after{ position:absolute; right:-20px; top:3px; display:block; width:10px; height:10px; content:"";background:url(/home/www/images/common/win_new.png) no-repeat;} .sitemap > ul > li > h5 > a[target='_blank']:after{ position:absolute; right:-20px; top:3px; display:block; width:12px; height:12px; content:"";background:url(/home/www/images/common/win_sub_new.png) no-repeat;} @media all and (min-width:768px) and (max-width:1023px) { .sitemap > ul > li{ float:left; width:32%; margin-right:2% } .sitemap > ul > li:nth-child(3n){ margin-right:0; clear:right } .sitemap > ul > li:nth-child(4n){ clear:left } } @media all and (min-width:1024px) { .sitemap h4{ font-size:24px; } .sitemap > ul > li{ float:left; width:225px; margin-right:10px; letter-spacing:-0.05em} .sitemap > ul > li > h5{ padding:16px; } .sitemap > ul > li:nth-child(4n){ margin-right:0; clear:right } .sitemap > ul > li:nth-child(5n){ clear:left } }