@charset "utf-8";


/* 공통_스킵메뉴 */
#skip{position:absolute; display:block; width:100%; left:0; text-align:center; }
#skip a{position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:12px;}
#skip a:hover, #skip a:focus, #skip a:active{position: absolute; top: 0; padding: 10px 0; font-weight:600; color:#fff; background:#2f3e56; z-index:500;}

.inner{width: 1000px; margin:0 auto;}
#wrap{ font-family: 'NanumBarunGothic',sans-serif; height: 100%;}

/* 상단 */
#header{height: 152px; border-bottom: 1px solid #e5e5e5;}
#header .top {height: 55px; padding: 20px 0px 30px 0px; background: url('/images/tour/common/bg_top_menu.png') repeat center 0px;display: block; position:relative; z-index:100;}
#header .top a:hover, #header .top a:focus{font-weight:600;}
#header .top .util {float: left;padding-top: 20px;}
#header .top .util ul {height: 37px;width: 150px;}
#header .top .util ul li {float: left; padding-left:10px; background: url('/images/tour/common/bg_site_link.png') no-repeat left 3px;padding-right: 10px;}
#header .top .util ul li:first-child{padding-left:0px; background:none;}
#header .top .util ul li:first-child:before{content:''}
#header #logo {float:left;width: 525px; height:51px;text-align: center;}
#header .weather {float: left;color: #121313;font-family:'MalgunGothic',sans-serif;font-size: 12px;font-weight: 600;padding-top: 20px;}
#header .weather .date{font-family:'Tahoma',sans-serif;margin-right: 5px;}
#header .weather img{vertical-align: middle;margin-right: 2px;}
#header .bon{float: right; padding-top:20px;position: relative;}
#header .bon span{text-decoration:underline;}
#header .bon.on ul {display: block;}
#header .bon ul{border: 1px solid #ddd;background: #fff;padding: 10px 14px 20px 14px;position: absolute;right: 0px;top: 44px;width: 61px;z-index: 10;height: 90px;overflow: hidden;overflow-y: auto;display: none;}
#header .bon a.on {display: block;}
#header .bon ul li{background: url('/images/tour/main/dot_blue.png') no-repeat 0 8px;padding-left: 8px; font-size: 12px;}
#header .bon ul li a{color:#888;}
#header .bon ul li a:hover, #header .bon ul li a:focus{font-weight:600; color:#333;}
#header .bon a img{vertical-align:middle;}

#gnb {padding: 10px 0px; font-size: 18px; border-top:1px solid #e5e5e5;height: 37px;z-index: 10; position:relative;}
#gnb .menu {height: 40px;position: relative;}
#gnb .menu li {float: left;text-align: center;height: 36px;position: relative;width: 166px;font-family: 'NanumGothic',sans-serif;}
#gnb .menu li a {display: block; color:#343439;text-align: left;padding-bottom: 8px;height: 34px;text-align: center;font-weight:600;}
#gnb .menu li.menu06 {width: 170px;}
#gnb .menu li.on a, #gnb .menu li a:hover, #gnb .menu li a:focus{}
#gnb .menu li .depth02{display:none;}
#gnb.on .menu li .depth02{display:block;}
#gnb ul.menu .depth02 .in-box {z-index: 5; position: absolute;top: 36px; left: 0px;width: 166px;border-right: 1px solid #ddd;height: 425px;font-family:'NanumGothic',sans-serif;}
#gnb ul.menu .depth02 ul { padding: 15px 15px 0 15px; width:auto;}
#gnb ul.menu .menu01 .depth02 .in-box {border-left: 1px solid #ddd;}
#gnb ul.menu .menu06 .depth02 .in-box {width: 170px;}
#gnb ul.menu .depth02 ul ul{padding:0px;}
#gnb ul.menu .depth02 li { float:left; font-size: 13px; color: #444444; position: relative; text-align: left; background: url('/images/tour/common/dot_yellow.png') no-repeat 0 13px; padding: 2px 0px 2px 10px; font-size: 14px; font-weight: 400; width: 100%; height: auto; line-height:2}
#gnb ul.menu .depth02 li li{background: url('/images/tour/common/dot_line_gray.png') no-repeat 0 7px; line-height:1.4;width: 100%; font-size:12px; padding:0px 0px 0px 10px;} 
#gnb ul.menu .depth02 ul li a { padding: 0 !important; color: #444444; height: auto; text-decoration: none ; margin-right: 0px; margin-left: 0px; width: auto; text-align: left;}
#gnb ul.menu .depth02 ul li li a{color: #777;}
#gnb ul.menu .depth02 ul li a.on, 
#gnb ul.menu .depth02 ul li a:focus, 
#gnb ul.menu .depth02 ul li a:hover { color: #f16e59; font-weight: bold; text-decoration: underline;}
#gnb ul.menu .depth02 ul li li a:focus, 
#gnb ul.menu .depth02 ul li li a:hover { color: #444; font-weight: bold; text-decoration: underline;}

#gnb ul.menu .sub-on .in-box{border-top: 1px solid #FFAE00;  background: url('/images/tour/common/bg_s_menu_on.png') repeat center 0px;            }
#gnb ul.menu .depth02.sub-on ul {background:url('/images/tour/common/bg_s_menu_on.png') repeat center 0px; height: 410px; margin-top: -1px;}
#gnb ul.menu .depth02.sub-on ul ul{height:auto; background:none;padding: 0px;}
#gnb .subbg { position: absolute; top: 47px; left: 0px; width: 100%; height: 425px;border-bottom: 1px solid #ddd;z-index: -1; display:none;}
#gnb.on .subbg{display:block;}
#gnb .subbg .subbg_m{background: #fff url('/images/tour/common/bg_s_menu.png') no-repeat center bottom;height: 425px;}


/*서브*/
#visual-box {height: 162px;background: #a4a4a4 url('/images/tour/sub/visual-box_line.png') no-repeat center bottom; }
#visual-box .visual_s{background: url('/images/tour/sub/sub_visual.jpg') repeat center top; font-family: 'NanumMyeongjo',sans-serif; color:#00aaf9; font-size:21px;height: 158px;text-align: right;}
#visual-box .visual_s .sub_text {padding: 40px 0px 0;display: block;width: 1000px;margin: 0 auto;}
#visual-box .visual_s em{font-size:32px;}
#visual-box .visual_s.sub1{background: url('/images/tour/sub/sub_visual01.png') repeat center top #000;}
#visual-box .visual_s.sub2{ background: url('/images/tour/sub/sub_visual02.png') repeat center top; }
#visual-box .visual_s.sub3{background: url('/images/tour/sub/sub_visual03.png') repeat center top;}
#visual-box .visual_s.sub4{background: url('/images/tour/sub/sub_visual04.png') repeat center top;}
#visual-box .visual_s.sub5{background: url('/images/tour/sub/sub_visual05.png') repeat center top;}
#visual-box .visual_s.sub6{background: url('/images/tour/sub/sub_visual06.png') repeat center top;}


#middle .middle-inner {height: auto; position:relative; margin:0 auto;width: 1000px;}
#sub .middle-inner {padding-top: 0;height: auto;display: table;}
.middle-inner .left-section {width: 200px;float: left;min-height: 200px; position:absolute;top: -100px;}
.middle-inner .left-section h2 {height: 101px; padding: 47px 31px; background: url('/images/tour/sub/h2.png'); font-size: 30px;color: #fff;text-align:left;line-height: 41px;width: 138px;}
.middle-inner .left-menu li a {display: block;padding: 0px 15px;font-size: 16px;font-weight: 400; height: 39px; line-height: 39px; border-bottom:1px solid #d6d6d6; background: url('/images/tour/sub/s_menu_off.png') no-repeat right 0px;}
.middle-inner .left-menu li.on ul {display: block;}
.middle-inner .left-menu li.on a, .middle-inner .left-menu li a:hover, .middle-inner .left-menu li a:focus {background:#b63090 url('/images/tour/sub/s_menu_on.png') no-repeat right 0px;color: #fff;}
.middle-inner .left-menu li.on .current {color: #b63090 !important;font-weight: 600;text-decoration: underline;}
.middle-inner .left-menu li ul{background-color: #f5f5f5;padding: 6px 10px;display: none;}
.middle-inner .left-menu li li{background: url('/images/tour/sub/s_menu_line.png') no-repeat center top;}
.middle-inner .left-menu li li:first-child{background:none;}
.middle-inner .left-menu li li a{line-height:33px; height: 33px;background: url('/images/tour/sub/dot_glay01.png') no-repeat left 16px !important; padding-left: 13px;margin-left: 9px;border: 0px;font-size: 14px;color: #000 !important;}
.middle-inner .left-menu li li a:hover, .middle-inner .left-menu li li a:focus{background: url('/images/tour/sub/dot_glay01.png') no-repeat left 16px; color:#333; text-decoration:underline;} 

.middle-inner .right-section {width: 760px;float: right;min-height: 200px;padding: 35px 0;position: relative;}
.middle-inner .right-section .sub_tit{text-align:center; margin-bottom:45px;}
.middle-inner .right-section .sub_tit h3 {font-size: 36px;color:#3d3f4e; position: relative;height: 50px;padding-bottom: 20px;}
.middle-inner .right-section .sub_tit span {width: 200px; border-bottom: 1px solid #ddd;  border-top: 1px solid #ddd; height: 24px; line-height: 24px; padding: 5px 30px;text-align: center;}
.middle-inner .right-section .page_head {margin-bottom: 8px;font-size: 12px;height: 29px;}
.middle-inner .right-section .page_head a {color: #666;}
.middle-inner .right-section .page_head .current{float:left; height:30px;margin-top: 10px;}
.middle-inner .right-section .page_head .current .home{background: url('/images/tour/sub/home.png') no-repeat left top;padding-left: 15px;}
.middle-inner .right-section .page_head .util_list{float:right; height:30px;position: relative;}
.middle-inner .right-section .page_head .util_list a {float: left;margin-left: 4px;}
.middle-inner .right-section .page-content, .middle-inner .right-section .boardcontent{min-height: 500px;border-top: 1px solid #ddd;padding-top: 35px;}

.middle-inner .right-section .page_head .type {position: absolute;right: 74px;}
.middle-inner .right-section .page_head .type a {display: block;float: left;border: 1px solid #ddd;width: 29px;height: 28px;text-align: center;line-height: 36px;border-radius: 50%;margin: 0 1px;}
.middle-inner .right-section .page_head .type a img{margin-top: 7px;}
.middle-inner .right-section .page_head .sharing {position: absolute;right: -100px;top: 0;width: 100px;}


/* 하단 */
#footer {background:#ddddde;height:70px; padding: 24px 0 48px 0px;position: relative;}
#footer :after {content: '';display: block;clear: both;}

#foot-menu{ margin: 0px 0px 10px 0px;width:100%;}
#foot-menu li { display:inline; width:auto;height: 22px; float: left; overflow: hidden; margin: 0 10px 0 0;}
#foot-menu li:first-child{margin-left:0px;}
#foot-menu li a { padding: 0 17px; background: url('/images/tour/common/bg_site_link.png') no-repeat left 0px; letter-spacing: -0.05em;}
#foot-menu li a:hover, #foot-menu li a:focus{font-weight:600;}
#foot-menu li:first-child a{background:none;padding-left:0;} 
#footer .foot{position:relative;}
#footer .foot address { font-size: 12px; font-style: normal;color:#5a5a5a;line-height:1.6; letter-spacing: -0.025em;}
#footer .foot .qr-code {position: absolute;right: 0px;top: 0px;}

.m_hide{display:none;}

/*폰트색상*/
.c02 {color:#ff6b3d! important;}
.c03 {color:#59c9c0 ! important;}
.c04 {color:#3793e7 ! important;}

/*폰트멋내기*/
.copy02{font-size:16px !important;font-weight: 600;}

/*단락*/
p.text {text-align: justify;margin-bottom:10px;color: #777;}
p.text2 {text-align: justify;padding-left:22px;margin-bottom:10px;}


/* 여백 */
.mt0{margin-top:0px;}
.mt20{margin-top:20px;}
.mb0{margin-bottom: 0px !important;}
.mb20{margin-bottom:20px;}

/* 크기 */
.w430{width:430px;}

/*박스스타일*/
.box01{border:1px solid #ebebeb;padding: 40px 25px 40px 50px;margin-bottom:30px; text-align:center;box-shadow: 0px 5px 0px #eee;}
.box01 img{margin-bottom:30px;}
.box01 span{color:#555;font-size: 14px;}

.box02{padding: 25px 20px; margin-bottom:30px; background:url('/images/open/sub/box_bg01.png') repeat center 0; height: auto; border: 1px solid #DCDCDC;box-shadow: 3px 3px 0px #eee;}
.box02:after {display: block;content: '';clear: both;}
.box02 p {width: 460px;position:relative;margin-bottom: 20px;}
.box02 p img{float:left; width: 213px; height: 210px;margin-top: 6px;}
.box02 p span{position: absolute;top: 32px;left: 43px;}
.box02 span.bico {width: 213px;height: 214px;display: block;background: url('/images/www/sub/tit_none_bg02.png') no-repeat 50% 0;position: absolute;left: 0px;top: 5px;}
.box02 .box_text{float:right;width: 475px;height:auto;}

.box03{padding: 25px 20px;border-bottom: 1px dotted #DCDCDC;display: inline-block;}
.box03:after {display: block;content: '';clear: both;}
.box03 p.bico {float: right;position:relative;}
.box03 p.bico img{float:left; width: 213px; height: 210px;margin-top: 6px;}
.box03 p.bico span {position: absolute;top: 32px;right: 43px; width: 213px;height: 214px;display: block;background: url('/images/www/sub/tit_none_bg.png') no-repeat 50% 0;position: absolute;left: 0px;top: 4px;}
.box03 .box_text{float: left;}
.box03.last{border-bottom:0px;}
.box03 .box_text h4 {margin-top: 0px;}
.box03 .box_text ul {margin-bottom: 0px;}

.box04{box-shadow: 0px 5px 0px #e9e9e9;padding: 39px 25px 43px 160px !important;}
.box04 h4 {padding-left: 20px !important;}
.box04 p {padding-left: 20px;padding-right: 9px;}

.page-content h4 {font-size: 22px; font-weight: 600;padding: 6px 0 8px 25px;background: url('/images/tour/sub/bu_h4.png') no-repeat left 10px;margin-top: 30px;}
.page-content h5 {font-size: 18px; font-weight: 600;padding: 8px 0 5px 24px;background: url('/images/tour/sub/bu_h5.png') no-repeat left 13px;margin-top: 25px;text-align: left;}
.page-content h6 {font-size: 13px; font-weight: 600;padding: 10px 0 6px 20px;background: url('/images/tour/sub/bu_h6.png') no-repeat 4px 15px;}
.page-content h4 img {vertical-align:middle;}
h4+h5, h5+h6, h4+h4, h5+h5{margin-top: 0 !important;}
h4.first {margin-top: 0 !important;}

/*리스트 스타일*/
.list_ty01{margin-bottom: 45px;}
.list_ty01>li{background: url('/images/www/common/gray_6x6.png') no-repeat 5px 7px;padding-left: 19px;margin: 2px 0;text-align: left;}
.list_ty01>li>ul>li{background: url('/images/www/common/dot_line_gray.png') no-repeat 0px 7px;padding-left: 9px;}
.list_ty01>li>ul{margin: 5px 0 10px;}
.list_ty01>li>ul>li.li_s {line-height: 34px;background: url('/images/www/common/dot_line_gray.png') no-repeat 0px 17px;}
table .list_ty01{margin-bottom:0}/*테이블안 리스트는 margin-bottom 없음*/

.list_ty02 {display: inline-block;}
.list_ty02>li {width: 46%;float: left;background: url('/images/www/common/gray_6x6.png') no-repeat 5px 7px;padding-left: 19px;}

/*dl스타일*/
dl.dl_type01{padding-left: 0;color:#636363;margin-bottom: 20px;}
dl.dl_type01 dt{float:left; font-weight:700;background: url('/images/www/common/bu_dt01.png') no-repeat left 7px;padding-left: 12px;margin-right: 10px;margin-left: 10px;}
dl.dl_type01 dd{padding-left: 10px;min-height:19px;float: left;/* width: 650px; */ color:#6c6c6c;}

dl.dl_type02{padding-left: 0;color:#636363;margin-bottom: 20px;}
dl.dl_type02 dt{float:left; font-weight:700;background: url('/images/www/common/bu_dt02.png') no-repeat left 6px;padding-left:12px;margin-right: 10px;margin-left: 10px;}
dl.dl_type02 dd{padding-left: 10px;min-height:19px;float: left;width: 650px; color:#6c6c6c;}

dl.dl_type03{padding-left: 0;color:#636363;margin-bottom: 20px;line-height: 23px;}
dl.dl_type03 dt{float:left; font-weight:700;background: url('/images/www/common/bu_dt01.png') no-repeat left 8px;padding-left: 12px;margin-right: 10px;margin-left: 10px;width: 39px;}
dl.dl_type03 dd{ color:#6c6c6c;margin-left: 70px;}


/*td가운데정렬*/
table.basic {border-top: 2px solid #aeaeae !important;margin-bottom:20px;width:100%}
table.basic th{background: #fafafa;font-size: 14px;}
table.basic th, table.basic td{border-width: 1px; border-style:solid; border-color: #dbdbdb; padding:10px 8px;text-align:center;}
table .line_left{border-left:1px solid #ccc}

/*상단 파란색 양옆이 트인스타일,td 왼쪽정렬*/
table.basic2 {border-top: 2px solid #3F649C;margin-bottom:5px;width: 100%;}
table.basic2 th{background: #F1F4F7;border:1px solid #ccc; padding:10px 8px;}
table.basic2 td{border-width:0 0 1px 1px; border-style:solid; border-color:#ccc; padding:5px 8px;}
table.basic2 th:first-child, table.basic2 td:first-child{border-left:none;}
table.basic2 .last{border-right:none}

/*상단 파란색 td 왼쪽정렬*/
table.basic3 {border-top: 2px solid #0F1F7E;margin-bottom:5px;width: 100%;}
table.basic3 th, table.basic3 td{border-width: 1px; border-style:solid; border-color:#ccc; padding:10px 8px;}
table.basic3 th{background: #F1F4F7;}

/*basic에서 td 왼쪽정렬*/
table.basic4 {border-top: 2px solid #0F1F7E;margin-bottom:5px;width: 100%;}
table.basic4 th, table.basic4 td{border-width: 1px; border-style:solid; border-color:#ccc; padding:10px 8px;text-align:center;}
table.basic4 th{background: #F1F4F7;}

/*상단 파란색 양옆이 트인스타일,td 왼쪽정렬2*/
table.basic5 {border-top: 0 !important;width: 100%;border-bottom: 0px !important;}
table.basic5 th{background: #F1F4F7;border:1px solid #ccc; padding:10px 8px;}
table.basic5 td{padding:5px 8px;border-bottom: 1px dotted #ccc;}
table.basic5 th:first-child, table.basic5 td:first-child{border-left:none;}

/* tab스타일 */
ul.tab {border-left:1px solid #d9d9de;margin-bottom:40px;width:100%;border-top: 1px solid #d5d5d5;float: left;margin-top: 30px;}
ul.tab:after {display:block;content:'';clear:both;}
ul.tab li {float:left;border-right: 1px solid #d5d5d5;width: 189px;}
ul.tab li a {display:block;background:#edeeef;padding: 12px 30px 10px;text-align:center;letter-spacing:-1px;height: 20px;color: #393939;font-size: 15px;border-bottom: 1px solid #d5d5d5;}
ul.tab li a.on{background:#fff;height: 19px;border-bottom: 1px solid #fffffe;font-weight: bold;border-top: 2px solid #b63090;margin-top: -1px;}
ul.tab li a:hover,ul.tab li a:focus,ul.tab li a:active{text-decoration:underline;}
/*탭메뉴*/.tab-menu:after {content: '';display: block;clear: both;}

/* 버튼스타일 */
.btn_down01 {background: #fcfcfd url(/images/www/sub/btn_down01.png) no-repeat left -2px;padding: 7px 17px 7px 43px;border-radius: 5px;border: 1px solid #dcdcdb;}
.btn_view01 {background: #305c98 url(/images/tour/sub/btn_view01.png) no-repeat 84px 9px;padding: 5px 30px 5px 16px;color: #fff !important;}
.btn_view02 {background: #305c98 url(/images/tour/sub/btn_view01.png) no-repeat 120px 9px;padding: 5px 30px 5px 16px;color: #fff !important;border-radius: 20px;}


/*게시판 또는 상단박스설명 이미지는 따로 클래스로 배경처리함*/
.box01 h4 {background:none !important; font-size: 20px; color: #0060cb;font-weight: 400;text-align:left;padding: 0;margin: 0;}
.box01 p{font-size:14px; color:#444;letter-spacing: -0.04em;text-align:left;}
.box01.tit_box {padding-left: 160px;min-height: 62px;}

/*축제/행사*/.box01.tit_box.festival {background: url('/images/tour/sub04/tit_box_m04.png') no-repeat 30px 20px;}
/*커뮤니티*/.box01.tit_box.community {background: url('/images/tour/sub06/tit_box_m06.png') no-repeat 30px 20px;}

.license{overflow:hidden;position:relative;border-top:1px solid #e5e5e5;padding:10px 0 0 0;margin:30px 0;font-size:15px}
.license *{vertical-align: top !important;}
.mark_box{float:left;background:url("/images/www/sub/ccl/license_bg01.gif") no-repeat;height:31px;margin:10px 15px 0 0;width:130px;}
.mark_box div{height:31px;background:url("/images/www/sub/ccl/license_bg02.gif") no-repeat right 0;}
.mark_box div p{float:left;}

.license{overflow:hidden;position:relative;border-top:1px solid #e5e5e5;padding:10px 0 0 0;margin:30px 0;font-size:15px}
.license div.mark_box{float:left;background:url("/images/www/sub/ccl/license_bg01.gif") no-repeat left 0;height:31px;margin:0 15px 0 0;width:130px;}
.license div.mark_box div{background:url("/images/www/sub/ccl/license_bg02.gif") no-repeat right 0;height:31px;}
.license div.mark_box div p{float:left;padding:0 !important}
.license div.mark_box .mark{float:left;padding:4px 2px 0 4px;margin:0;}
.license div.mark_box .mark li{float:left;padding:0 4px 0 0;margin:0;}
.license div.mark_box .mark_txt{position:absolute;top:34px;left:0;}
.license div.mark_box .mark_txt li{float:left;padding:0 7px;background:none !important}
.license div.mark_box .mark_txt_pad0{position:absolute;top:34px;left:0;}
.license div.mark_box .mark_txt_pad0 li{float:left;padding:0;}
.license p.license_txt{font-size:13px;float:left;width:560px;}
.license_txt a{color:#cc0909;text-decoration:underline;font-weight:600;margin:0 2px 0 0;padding:0 15px 0 0;background:url("/images/www/sub/ccl/license_new.gif")no-repeat right 0}
.license_txt span{color:#0966c2;}