@charset "utf-8";
.clear{display:block;height:0;font-size:0;font-size:0;line-height:0;content:'';overflow:hidden;clear:both}

.pc_none { display: none;}
.highcharts-credits {display:none;}
.con_body {padding:10px 0;}
.con_body h3 {font-size:2.3em; margin:30px 0; font-weight:500;text-align:center; padding-bottom:20px; color:#222;}
.con_body h4 {font-size:27px; clear:both; line-height:1.4em; color:#222; padding:20px 0 5px 0;font-weight:500; }
.con_body h5 {font-size:19px; clear:both; line-height:1.4em;color:#2b9942; padding:15px 0 10px 5px; padding-left:13px; background:url("../images/sub/ico_h5.gif") no-repeat scroll left 26px; }
.con_body h6 {font-size:17px; clear:both;line-height:1.4em; color:#767676;  padding:10px 0 5px 5px; padding:0 0 0 13px;background:url("/images/sub/ico_h6.png") no-repeat scroll 0 8px;}



.inline_block {display:inline-block;}

.h4{font-size:3.0em;font-weight:bold; clear:both; line-height:1.4em; color:#222;  text-align:center;}
.h5{font-size:3.0em; font-weight:bold; clear:both; line-height:1.4em; color:#222;  text-align:center;}


.border0 {border:0!important;}
.p_h4 {line-height:150%; font-size:16px!important;}
.p_h4_2 {line-height:170%; font-size:16px;} /*개인정보*/
.p_h4_3 {line-height:150%; font-size:17px; color:#636363;}
.com_h4 {line-height:170%; font-size:17px;} /*참여업체상세*/
.com_h4 img { width:50px; }
.p_h4.st{margin-top:20px;}
.p_h5 {margin: 0 0 0 0px;font-size:14px;line-height:150%;}
.p_h6 {margin: 0 0 0 14px;font-size:14px;line-height:150%;}

.ico_import {clear:both; font-size:13px; padding:0px 7px; font-size:14px; background:#fff url(/images/sub/point_blet.gif) no-repeat 0 4px;line-height:150%;}
.ico_import02 {clear:both; color: #777;font-size:13px;padding:0 0 10px 22px;background: url(/images/sub/point_blet02.gif) no-repeat 0 3px;line-height:150%;}

.pc_enter {display:block;}
.pc_enter2 {display:block;}

.pc_pt80 {padding-top:80px;} /*pc패딩80 모바일패딩은20*/
.fontweight_bold {font-weight:bold;}

/*전체배경*/
.sub_bg  {width:100%; margin:0 auto; height:auto;position:relative;} 

.sub_bg01 {background: #B7C00C; padding:50px 0;} /*랜선투어배경*/
.sub_bg02 {background:#F18101;padding:30px 0;} /*푸드쇼*/
.sub_bg03 {background:#F3F995; padding:50px 0;background-size:cover;} /*개요*/
.sub_bg04 {background:#0575bc;padding:30px 0;} /*랜선특강*/


/*포인트 색상*/
.point_blue {font-weight:bold; color:#005FAF;}
.point_blue_s {font-weight:bold;  color:#005FAF;}
.point_black {font-weight:bold; font-size:17px; color:#222;}
.point_black_s {font-weight:bold; color:#222;}
.point_red {font-size:1.1em;color:#D90005;}
.point_red_s {font-weight:bold;color:#D90005;}
.point_orange {font-weight:bold; font-size:17px; color:#ff6600;}
.point_orange_s {font-weight:bold; color:#ff6600;}
.point_green {font-weight:bold; font-size:17px; color:#4b9309;}
.point_green_s {font-weight:bold; color:#4b9309;}
.point_yellow {color:#fcff00;}
.point_yellow_b {font-size:19px;color:#fcff00;} /*푸드쇼포인트*/

.back_gray {background-color:#fbfbfb;}
.back_blue {background-color:#E7F7FE;}
.back_pink {background-color:#FEE7F0;}
.back_yellow {background-color:#FDF5E8;}
.back_yellow2 {background-color:#FBE797;}
.back_orange {background-color:#FCDBCD;}
.back_green {background-color:#D2FACF;}
.back_purple {background-color:#DFE6F7;}

.border_r_0 {border-right:0!important;}


.tbTypeB {width:100%;  font-size:16px; border-top:2px solid #6b6b6b; border-bottom:1px solid #6b6b6b;border-spacing:0; table-layout:fixed;}
.tbTypeB thead tr th {height:18px; padding:15px 0 13px;  font-weight:500;color:#3e3e3e; text-align:center; line-height:18px; vertical-align:middle; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#fbfbfb;}
.tbTypeB thead tr:first-child th {border-top:0;}
.tbTypeB thead tr th:last-child{border-right:0;}
.tbTypeB thead tr th:first-child{border-right:1px solid #e4e4e4;}
.tbTypeB tbody tr:first-child th {border-top:1px solid #6b6b6b;font-weight:500;}
.tbTypeB thead tr th.bdL0 {border-left:0;}
.tbTypeB tbody tr th { font-weight:500;background:#fbfbfb;padding:10px 0px; line-height:24px;  color:#3e3e3e; text-align:center; vertical-align:middle; border-top:1px solid #e4e4e4;  border-right:1px solid #e4e4e4;}
.tbTypeB tbody tr td {height:18px;font-size:1.0em;  padding:8px 0 8px 10px; line-height:170%; vertical-align:middle; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.tbTypeB tbody tr:first-child td {border-top:1px solid #6b6b6b;}
.tbTypeB tbody tr td:last-child{border-right:0;}
.tbTypeB tbody tr td:first-child{border-right:1px solid #e4e4e4;}
.tbTypeB tbody.alignC tr td {padding-left:4px; padding-right:4px; text-align:center;}
.tbTypeB tbody tr td .txtList {}
.tbTypeB tbody tr td .txtList li {margin-top:5px; padding-left:12px; background:url(../../images/common/bul_gray_bar03.gif) no-repeat 0 7px;}
.tbTypeB tbody tr td .txtList li:first-child {margin-top:0;}
.tbTypeB tbody tr td .txtList li .tit {color:#3e3e3e; vertical-align:top;}
.tbTypeB tbody tr td.fee {padding-right:10px !important; text-align:right;}

.tbTypeB.mdcCharge td {padding-left:15px; padding-right:15px; font-size:12px; word-break:break-all;}


.tbTypeC {width:100%;  font-size:16px; border-bottom:1px solid #6b6b6b;border-spacing:0; table-layout:fixed;}
.tbTypeC thead tr th {height:18px; padding:15px 0 13px;  color:#fff; text-align:center; line-height:18px; vertical-align:middle; border-right:1px solid #e4e4e4; background:#8D6D4F;}
.tbTypeC thead tr:first-child th {border-top:0;}
.tbTypeC thead tr th:last-child{border-right:0;}
.tbTypeC thead tr th:first-child{border-right:1px solid #e4e4e4;}
.tbTypeC tbody tr:first-child th {border-top:1px solid #6b6b6b;}
.tbTypeC thead tr th.bdL0 {border-left:0;}
.tbTypeC tbody tr th { background:#fbfbfb;padding:10px 0px; line-height:24px;  color:#3e3e3e; text-align:center; vertical-align:middle; border-top:1px solid #e4e4e4;  border-right:1px solid #e4e4e4;}
.tbTypeC tbody tr td {height:18px;font-size:1.0em;  padding:8px 0 8px 10px; line-height:170%; vertical-align:middle; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.tbTypeC tbody tr:first-child td {border-top:1px solid #6b6b6b;}
.tbTypeC tbody tr td:last-child{border-right:0;}
.tbTypeC tbody tr td:first-child{border-right:1px solid #e4e4e4;}
.tbTypeC tbody.alignC tr td {padding-left:4px; padding-right:4px; text-align:center;}
.tbTypeC tbody tr td .txtList {}
.tbTypeC tbody tr td .txtList li {margin-top:5px; padding-left:12px; background:url(../../images/common/bul_gray_bar03.gif) no-repeat 0 7px;}
.tbTypeC tbody tr td .txtList li:first-child {margin-top:0;}
.tbTypeC tbody tr td .txtList li .tit {color:#3e3e3e; vertical-align:top;}
.tbTypeC tbody tr td.fee {padding-right:10px !important; text-align:right;}





.point_ul li {width:100%;display:inline-block;margin-top:20px;}
.point_ul li span{font-size:18px;color:#fff;width:150px; border-radius:5px;margin-right:10px; text-align:center;float:left; display:block; padding:5px 10px;}
.point_ul li p{font-size:18px;line-height:180%;float:left;padding-top:3px;}
.point_ul li i{font-size:15px;line-height:180%;float:left;padding-top:3px;}


.ul_orange2 li span{ background:#E3604E; }
.ul_white li span{ background:#0071C7; color:#fff;}
.ul_white2 li span{ background:#8D4D20; color:#fff;}
.ul_white3 li span{ background:#0F50A9; color:#fff;}


.ul_blue li span{ background:#14A6CB; }
.ul_blue2 li span{background:#66569D;}
.ul_blue3 li span{background:#032983;} /*진한블루*/
.ul_purple li span {background:#66569d;}
.ul_green li span {background:#2B9942;}
.ul_orange li span {background:#f79d29;}
.ul_brown li span {background:#483601;}
.ul_red li span {background:#ef3e23;}
.ul_red2 li span {background:#BF1E2E;}
.ul_red3 li span {background:#BF1E2E; margin-left:140px;}



/*depth*/
.depth1 li {font-size:17px; color:#666; background:url(/images/sub/ico_h5.gif) 0 9px no-repeat;padding-left:15px;clear:both;margin:10px 0 10px 0px; line-height:150%;}
.con_body .depth1 p {line-height:120%; margin-top:8px;}
.con_body .depth1 li ul li {color:#636363;font-weight:normal;background:url(/images/sub/carrow_4th.gif) left 6px no-repeat;padding-left:14px;}
.con_body .depth1 li ul li ul li {background:url(/images/sub/4depth.gif) left 8px no-repeat;padding-left:10px;}

.con_body .depth2 li { line-height:150%;font-size:17px;color:#636363;background:url(/images/sub/carrow_3th.gif) left 10px no-repeat;padding-left:10px;clear:both;margin:10px 0 10px 13px;}
.con_body .depth2 li ul li{background:url(/images/sub/carrow_4th.gif) left 5px no-repeat;padding-left:13px;clear:both;margin:10px 0 10px 0px;}

.con_body .depth3 li {font-size:16px;background:url(/images/sub/carrow_4th.gif) left 5px no-repeat;padding-left:13px;clear:both;margin:8px 0 8px 10px;}

.con_body .depth4 li {font-size:17px; color:#fff; font-weight:bold;background:url(/images/sub/ico_h5_.gif) 0 9px no-repeat;padding-left:15px;clear:both;margin:10px 0 10px 0px;}
.con_body .depth5 li {font-size:17px; color:#555; padding-left:10px;clear:both;margin:10px 0 10px 0px;line-height:150%;}
.con_body .depth5 li ul li {color:#636363;font-weight:normal;background:url(/images/sub/carrow_4th.gif) 0 9px no-repeat;padding-left:15px;}


.depth6 li {font-size:15px; color:#666; background:url(/images/sub/ico_h5_02.gif) 0 7px no-repeat;padding-left:15px;clear:both;margin:10px 0 10px 0px; line-height:130%;}



/*라인*/
.stripe_line {background:url(/images/sub/bg_diagonal.gif); height:4px; margin:20px 0;}
.stripe_line02 {background:url(/images/sub/border_stripe02.png); height:8px; margin:20px 0 60px 0;}
.dot_line {border-bottom:2px dotted #d1d1d1;}



/*박스*/
.tip_box {border:1px solid #d1d1d1;  padding:10px 33px;margin:10px 0; background:#fff url(/images/sub/ico_ex.png) no-repeat 8px 8px;}
.tip_box02 {border:1px solid #d1d1d1;  padding:10px 33px;margin:10px 0; background:#fff url(/images/sub/bul_tip.gif) no-repeat 8px 8px;}

.base_box_01 {width:100%; border:1px solid #d1d1d1;  font-size:16px; line-height:160%; border-top:2px solid #555; padding:15px;margin:10px 0; box-sizing:border-box;}
.base_box_01 p {line-height:150%; font-weight:bold;font-size:17px; }
.base_box_02 {width:100%; border:1px solid #d1d1d1;  border-top:2px solid #555; padding:18px;margin:10px 0; box-sizing:border-box;  background-color:#fafafa; }
.base_box_02 p {line-height:150%;}

.stripe_box  {clear:both;overflow:hidden;padding:10px;margin-bottom:25px;background:url(/images/sub/border_stripe.png);}
.stripe_box p {background:#fff;padding:25px 10px; line-height:150%;}
.stripe_box p span {font-size:21px; font-weight:600; letter-spacing:-1px; line-height:30px;  display:block; margin-bottom:15px;}

/*인포박스*/
.info_box_big {clear:both;border:1px solid #d1d1d1; height:auto;padding:15px 10px 20px 130px; background:#f9f9f9 url(/images/sub/icn_topinfo.png) no-repeat 20px 50%;}
.info_box_big p{font-size:14px; line-height:150%;}
.dp_none {display:none;}
.dp_block {display:block;}

.border1 {border:1px solid #d1d1d1;}
.border2 {border:2px solid #d1d1d1;}
.border3 {border:3px solid #d1d1d1;}



/* 탭메뉴 여러줄 */
.tabmenu {border:2px solid #d1d1d1; padding:15px 20px; border-top:2px solid #555;}
.tabmenu p {font-size:18px; font-weight:bold; padding-bottom:10px;margin-bottom:5px; border-bottom:2px dotted #d1d1d1; color:#255BA5;}
.tabmenu ul {width:100%;  overflow:hidden;}
.tabmenu li {float:left;font-size:13px; line-height:120%;background:url(/images/sub/carrow_3th.gif) left 15px no-repeat; }
.tabmenu li a {color:#444;display:block; height:20px;padding:10px 20px 0 10px;letter-spacing:-1px;}
.tabmenu li a.over {color:#0056CA; font-weight:bold; font-size:14px;}
.tabmenu li a[target='_blank'] {margin-right:18px; background: url(../images/common/ico_window.gif) no-repeat right 11px;}

/* 탭메뉴 */
.c-tab01 {position:relative;border-left:1px solid #ddd;}
.c-tab01 ul {width:100%;overflow:hidden;background:#fff url(/images/sub/tab01_bg.gif) no-repeat 100% 100%;}
.c-tab01 ul:after {clear:both;content:"";display:block}
.c-tab01 li {float:left;font-size:13px;text-align:center;width:25%;}
.c-tab01 li a {color:#444;display:block;background:#F8F8F8;border:1px solid #DDDDDD;border-left:0px;height:28px;padding-top:10px;letter-spacing:-1px;margin-left:-1px;border-left:1px solid #DDDDDD;}
.c-tab01 li:first-child a {border-left:1px solid #DDDDDD;}
.c-tab01 li a.over,.c-tab01 li a:hover {background:#fff;font-weight:bold;text-decoration:underline;padding-top:8px;border-top:3px solid #255BA5;}
.c-tab01 li a:hover[target='_blank'] { background:url(../images/common/ico_window.gif) no-repeat 91% 11px;}
.c-tab01 li a[target='_blank'] { background:#F8F8F8 url(../images/common/ico_window.gif) no-repeat 91% 13px;}

.c-tab01 .btn_tab a {position:absolute;top:0;display:inline-block;width:40px;height:40px;background:url(/images/sub/tab04_arr.gif) no-repeat 0 0;}
.c-tab01 a.ck-left {left:0;}
.c-tab01 a.ck-right {right:0;background-position:100% 0;}
.c-tab01 .btn_tab a span {display:inline-block;width:1px;height:1px;visibility:hidden;overflow:hidden;}
.c-tab01 .btn_tab a.ck-left:hover {background-position:left -50px;}
.c-tab01 .btn_tab a.ck-right:hover {background-position:right -50px;}



/* 2차 탭메뉴 */
.c-tab01_02 {margin-bottom:20px;position:relative; border-bottom:2px solid #f1f1f1;}
.c-tab01_02 ul {width:96%;overflow:hidden;border-bottom:1px solid #d1d1d1; background:#fff;padding:10px 2%;}
.c-tab01_02 li {float:left;font-size:13px;line-height:120%;background:url(/images/sub/3depth.gif) left 10px no-repeat; }
.c-tab01_02 li a {color:#444;display:block;border-left:0px;height:18px;padding:5px 20px 5px 10px;letter-spacing:-1px;}
.c-tab01_02 li a.over {color:#0056CA; font-weight:bold; font-size:14px;}
.c-tab01_02 li a[target='_blank'] {margin-right:18px; background: url(../images/common/ico_window.gif) no-repeat right 8px;}



/* 배경있는 탭메뉴 */
.c-tab02 {margin-bottom:20px;position:relative;border-top:1px solid #4A5664;border-left:1px solid #ddd;}
.c-tab02 ul{width:100%;overflow:hidden;background:#fff url(/images/sub/tab03_bg.gif) no-repeat 100% 100%;}
.c-tab02 ul:after {clear:both;content:"";display:block}
.c-tab02 li {float:left;font-size:15px;text-align:center;width:25%;}
.c-tab02 li:first-child {font-weight:bold;color:#fff;text-decoration:underline;background:#ff6600 url(/images/sub/tab02_bg.png) no-repeat left top;}
.c-tab02 li a {color:#444;display:block;background:#fff;border-right:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;height:61px;padding-top:10px;letter-spacing:-1px;margin-left:-1px;border-left:1px solid #DDDDDD;}
.c-tab02 li:first-child a {border-left:1px solid #DDDDDD;}
.c-tab02 li a.over,.c-tab02 li a:hover {font-weight:bold;color:#fff;text-decoration:underline;background:#183C6B url(/images/sub/tab02_bg.png) no-repeat left top;}


.c-tab02-01 {margin-bottom:20px;position:relative;border-top:1px solid #4A5664;border-left:1px solid #ddd;}
.c-tab02-01 ul{width:100%;overflow:hidden;background:#fff url(/images/sub/tab03_bg.gif) no-repeat 100% 100%;}
.c-tab02-01 ul:after {clear:both;content:"";display:block}
.c-tab02-01 li {float:left;font-size:13px;text-align:center;width:33.3%;}
.c-tab02-01 li a {color:#444;display:block;background:#fff;border-right:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;height:31px;padding-top:10px;letter-spacing:-1px;margin-left:-1px;border-left:1px solid #DDDDDD;}
.c-tab02-01 li:first-child a {border-left:1px solid #DDDDDD;}
.c-tab02-01 li a.over,.c-tab02-01 li a:hover {font-weight:bold;color:#fff;text-decoration:underline;background:#183C6B url(/images/sub/tab02_bg.png) no-repeat left top;}




.c-tab03 {margin-bottom:20px;position:relative;border-top:1px solid #4A5664;border-left:1px solid #ddd;}
.c-tab03 ul {width:100%;overflow:hidden;background:#fff url(../images/sub/tab03_bg.gif) no-repeat 100% 100%;}
.c-tab03 ul:after {clear:both;content:"";display:block}
.c-tab03 li {float:left;font-size:15px;text-align:center;width:20%;}
.c-tab03 li a {color:#444;display:block;background:#fff;border-right:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;border-left:1px solid #DDDDDD;height:31px;padding-top:10px;letter-spacing:-1px;margin-left:-1px;}
.c-tab03 li:first-child a {border-left:1px solid #DDDDDD;}
.c-tab03 li a.over,.c-tab03 li a:hover {background:#4A5664 url("../images/sub/icon_arrow_b.gif") no-repeat scroll 95% 50%;font-weight:bold;color:#fff;text-decoration:underline;}

.c-tab03 li a:hover[target='_blank'] { background:#4A5664 url(../images/common/ico_window_w.gif) no-repeat 91% 13px;}
.c-tab03 li a[target='_blank'] { background:#fff url(../images/common/ico_window.gif) no-repeat 91% 13px;}



/*2개 탭메뉴*/
.c-tab04 {clear: both;margin: 10px 0;overflow: hidden;width:100%; border-top:2px solid #000;box-sizing:border-box; }
.c-tab04 ul {overflow: hidden;width: 100%; box-sizing:border-box;}
.c-tab04 li {float: left; text-align:left; width:50%; font-size:16px; text-align:center;}
.c-tab04 li.on a {color:#FFFFFF;display:inline-block;font-weight: bold;font-weight: bold;height: 50px;padding: 16px 30px;background:#666 url("/images/sub/icon_arrow_b.gif") no-repeat scroll 95% 50%;}
.c-tab04 li.on a:hover {background-color:#666;}
.c-tab04 li a {box-sizing:border-box;border-bottom:1px solid #D9D9D9; background-color:#f9f9f9;font-weight: bold;display: inline-block;height: 50px;padding:16px 30px; width:100%;}
.c-tab04 li a:hover {box-sizing:border-box;color: #FFFFFF;font-weight: bold;background:#666 url("/images/sub/icon_arrow_b.gif") no-repeat scroll 95% 50%;}

/*테이블스타일*/
caption  {font-size:0;width:1px;height:1px;overflow:hidden;line-height:0;}
table {border-collapse:collapse; border-spacing:0;z-index:0; width:100%;}
.alc {text-align:center!important;}
.all {text-align:left!important;}
.alr {text-align:right!important;}
.vatop {vertical-align:top;}
.va_middle {vertical-align:middle;}
.fll {float:left;}
.flr {float:right;}
.font_b {font-weight:bold;}
.bc_red {background-color:#FEEFEF;}
.tc {text-align:center;}

/*테이블 가로값*/
.width5 {width:5%;}
.width10 {width:10%;}
.width15 {width:15%;}
.width20 {width:20%;}
.width25 {width:25%;}
.width30 {width:30%;}
.width35 {width:35%;}
.width40 {width:40%;}
.width45 {width:45%;}
.width50 {width:50%;}
.width55 {width:55%;}
.width60 {width:60%;}
.width65 {width:65%;}
.width70 {width:70%;}
.width100 {width:100%;}

/*기본테이블*/
.table_01 { text-align:center; box-sizing:border-box; clear:both;width:100%;margin-bottom:3px; font-size:17px; padding-top:2px;color:#666; border-top:2px solid #d9d9d9;border-bottom:2px solid #dbdbdb; border-left:1px solid #dbdbdb;  border-right:1px solid #dbdbdb;}
.table_01 thead tr th {text-align:center; font-weight:bold; height:30px; padding:5px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#F3F3F3;color:#333;}
.table_01 tbody tr th {text-align:center;  border-right:1px solid #dbdbdb;font-weight:bold; padding:3px 5px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#333;}
.table_01 tbody tr td {padding:5px 5px;  font-size:16px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  line-height:20px;color:#555;}
.table_01 tfoot tr th {text-align:center;border-right:1px solid #dbdbdb;font-weight:bold; padding:10px 5px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#555;  border-top:2px solid #dbdbdb; }
.table_01 tfoot td {text-align:right; padding:10px 10px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  border-top:2px solid #dbdbdb; line-height:20px;color:#555;background:#f9f9f9;}

/*기본테이블_테이블이 긴경우 모바일에서 넓이가 줄어들지않고 좌우로 스크롤되는 테이블 */
.table_02 {text-align:center; clear:both;width:100%; margin-bottom:3px; font-size:14px; padding-top:2px;color:#666; border-top:2px solid #d9d9d9;border-bottom:2px solid #dbdbdb; border-left:1px solid #dbdbdb;  border-right:1px solid #dbdbdb;}
.table_02 thead tr th {text-align:center; font-weight:bold; height:30px; padding:5px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#F3F3F3;color:#333; }
.table_02 tbody tr th {text-align:center;  border-right:1px solid #dbdbdb;font-weight:bold; padding:5px 10px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#333;line-height:150%;}
.table_02 tbody tr td {padding:7px 8px;  font-size:13px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  line-height:20px;color:#555;}
.table_02 tfoot tr th {text-align:center;border-right:1px solid #dbdbdb;font-weight:bold; padding:10px 5px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#555;  border-top:2px solid #dbdbdb; }
.table_02 tfoot td {text-align:right; padding:10px 10px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  border-top:2px solid #dbdbdb; line-height:20px;color:#555;background:#f9f9f9;}


/*기본테이블_패딩값이 더 적음 테이블이 긴경우 모바일에서 넓이가 줄어들지않고 좌우로 스크롤되는 테이블 */
.table_03 {text-align:center; clear:both; width:100%; margin-bottom:3px; font-size:14px; padding-top:2px;color:#666; border-top:2px solid #d9d9d9;border-bottom:2px solid #dbdbdb; border-left:1px solid #dbdbdb;  border-right:1px solid #dbdbdb;}
.table_03 thead tr th {text-align:center; font-weight:bold; height:30px; padding:3px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#F3F3F3;color:#333;}
.table_03 tbody tr th {text-align:center;  border-right:1px solid #dbdbdb;font-weight:bold; padding:5px 2px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#333;}
.table_03 tbody tr td {padding:7px 2px;  font-size:13px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  line-height:20px;color:#555;}
.table_03 tfoot tr th {text-align:center;border-right:1px solid #dbdbdb;font-weight:bold; padding:10px 3px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#555;  border-top:2px solid #dbdbdb; }
.table_03 tfoot td {text-align:right; padding:10px 5px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  border-top:2px solid #dbdbdb; line-height:20px;color:#555;background:#f9f9f9;}



/* 양옆에 선없는 테이블 */
.table_04 {border-top:2px solid #48525E;width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;clear:both; line-height:150%;}
.table_04 th {background:#f9f9f9;border-left:1px solid #ccc;border-bottom:1px solid #ccc;color:#333;font-weight:normal;text-align: center;}
.table_04 th.line, .table_04 td.line {border-right:1px solid #ccc;} /* 셀병합시 우측라인 안생기는 경우 사용 */
.table_04 th.line2 {border-bottom:1px solid #ccc;}
.table_04 th.line3 {border-left:1px solid #ccc;}
.table_04 thead th {border-bottom:1px solid #919191;font-weight:bold;line-height:120%;padding:11px 5px;}
.table_04 tbody th {background:#f9f9f9;padding:9px 5px;border-right:1px solid #ccc;}
.table_04 th:first-child, .table_04 td:first-child {border-left:0;}
.table_04 td.line3,.table_04 th.line3 {border-left:1px solid #ccc;}
.table_04 td {background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;padding:9px 5px;}
.table_04 tfoot th, .table_04 tfoot td {background:#f9f9f9;color:#333;}
.table_04 .bg th, .table_04 .bg td {background:#f9f9f9;font-weight:bold;}



/
/* 에러페이지 */
.w-btn, .p-btn {display:inline-block;cursor:pointer;line-height:1em;height:17px;padding:17px 20px 16px 20px;font-size:13px;margin:1px;}
.w-btn {border:1px solid #666; }
.p-btn {border:1px solid #0fa24c; background:#0066B3;}
.w-btn span {color:#444;}
.p-btn span {color:#fff;}
.p-btn {border:0;border-color:#0fa24c}

.msg-wrap {width:100%;text-align:center;font-size:15px;color:#333;margin:80px 0;}
.msg-wrap .tit {font-size:22px;font-weight:700;letter-spacing:-1px;margin:20px 0;}
.msg-wrap .txt {font-size:1.0em; line-height:1.5em;}
.msg-wrap img {}

/* 추가 */
.errMsgBox{clear:both;float:none !important;width:85% !important;}
.errMsgBox p{margin:5px 0 0 5px !important;padding:0 !important;color:#c40000;}

.has-error [id^='e_']{display:inline-block;margin:0 0 5px;color:#ff0000;}

.alert {padding:20px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;}
.alert h2{margin-top:0;margin-bottom:5px;color:inherit;}

.alert-danger{color:#d12909;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}

/* 테이블 손가락 */
.hand_wrap { overflow-y:hidden; width:100%; clear:both;}
.hand_wrap_w { overflow-y:hidden; width:100%; padding-bottom:20px; clear:both;}


/* 이미지100% 스타일 */
.img100 {}



/* 포인트 박스 */
.point_box {padding:45px 20px 35px 220px;margin-bottom:20px; border:1px solid #ddd;  border-right:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;background:#fff;  color:#444; line-height:21px; }
.point_box .point_title{font-size:26px; font-weight:500; letter-spacing:-1px; line-height:25px; margin-bottom:10px;}
.point_box .point_cont{margin-top:15px; font-size:14px; line-height:150%;}
.point_box .point_cont span { margin-bottom:5px;font-weight:bold; font-size:15px; color:#005FAF;}
.point_box ul {clear:both;} 
.point_box li {color:#636363;background:url(/images/carrow_3th.gif) left 9px no-repeat;padding-left:10px;clear:both;margin:4px 0;}

.p_icon {background-repeat:no-repeat; background-position:40px 50%;} /*아이콘 중간위치*/
.p_ico_top {background-repeat:no-repeat; background-position:40px 40px;} /*아이콘 상단에 위치*/

.p_icon1 {background-image:url(/images/bg_point29.png);}/*개인정보*/





/*연혁*/
.history_box {overflow:hidden; }
.history_box .history_tit {padding:40px 0 30px 0; background: url(/images/history_line.png) no-repeat bottom; text-align:center; font-weight:bold; }
.history_box .history_tit .tit_b {padding-top:135px; background: url(/images/history_icon.png) no-repeat center top; font-size:34px; color:#bf1e2e; }
.history_box .history_tit .tit_b span {line-height:34px; font-weight:normal; }
.history_box .history_tit .tit_s {display:block; margin-top:10px; font-size:16px; color:#121212; }
.history_box .history_list {overflow:hidden; padding:40px 0 40px 20px; border-bottom:1px solid #d2d2d2; }
.history_box .history_list h2 {padding:0; margin:0; background:none; font-size:22px; }
.history_box .history_list ul {margin-top:15px; }
.history_box .history_list ul li {overflow:hidden; width:100%; padding:0; margin-bottom:3px; background:none; }
.history_box .history_list ul li span {float:left; display:block; }
.history_box .history_list ul li .date {width:auto; font-weight:bold; color:#bf1e2e; }
.history_box .history_list ul li .txt {width:65%; padding-left:17px; margin-left:13px; background: url(/images/history_blit.png) no-repeat left 7px; }
.history_box .bg_gray {background:#f2f2f3; }

/*연혁*/
@media only screen and (min-width:640px){
.history_box .history_list {padding:40px 0 40px 30px; }
.history_box .history_list ul li .txt {width:80%; font-size:17px;}

}

/*연혁*/
@media only screen and (min-width:768px){
.history_box .history_list h2 {float:left; }
.history_box .history_list ul {float:left; width:80%; padding-left:30px; margin:0 0 0 30px; border-left:3px solid #bf1e2e; }
}


@media (max-width:589px) {
.history_box .history_list {padding-left:10px;}

.history_box .history_list ul {float:left; width:100%; padding-left:20px; margin:0 0 0 20px; border-left:3px solid #bf1e2e; }
.history_box .history_tit {padding:0px 0 10px 0; }
.history_box .history_list ul li .txt {width:78%;}

}





/*감리수행에 투입되는 첨단 장비 이미지하단에 글씨*/
.imgtxt {position:relative;width:200px;  float:left; height:auto; overflow:hidden; margin:10px 15px 20px 0; }
.imgtxt img {width:200px; height:auto; }
.imgtxt span {position:absolute; left:0; bottom:0; width:100%; background: url('/images/sub/opacity_40.png') repeat; padding:7px 0; color:#fff; text-align:center;}
.imgbox {border:1px solid #d1d1d1; border-radius:5px; margin-right:30px; background:#f9f9f9}



/*소개*/
.introduce {width:100%;  height:370px; background: url('/images/sub/0101_03.jpg') right top no-repeat;}
.introduce p{display:block;  float:left; font-size:1.4em; line-height:150%; padding-top:90px;}
.introduce span{font-size:1.8em; font-weight:500; color:#222;}

.back_bg {background: url('/images/sub/bg_back.png') 0 bottom repeat-x;}

.introduce_bg01 {background: url('/images/sub/0101_bg.gif') repeat; padding:40px 0;width:100%;}
.intro02 li { border-bottom: 1px solid #d1c5b0; min-height:240px; padding:15px 0;}
.intro02 li:last-child { border-bottom: 0px;}
.intro02 li.icon01{ background: url('/images/sub/0101_01.jpg') 10px 50% no-repeat;}
.intro02 li.icon02{ background: url('/images/sub/0101_02.jpg') 10px 50% no-repeat;}
.intro02 li.icon03{ background: url('/images/sub/0101_03_.jpg') 10px 50% no-repeat;}
.intro02 li.icon04{ background: url('/images/sub/icon_0104.png') 10px 50% no-repeat;}
.intro02 li.icon05{ background: url('/images/sub/icon_0105.png') 10px 50% no-repeat;}
.intro02 li.icon06{ background: url('/images/sub/0101_04.jpg') 10px 50% no-repeat;}
.intro02 li p { font-size:1.4em;margin:0 0 0 400px; padding:20px 0 0 0; line-height:150%;}
.intro02 li span {font-size:1.4em;display:block; margin-bottom:15px;color:#875836}




/*일반현황 박스*/
.introduce_bg02 {background: url('/images/sub/con_bg_03.jpg') repeat fixed; padding:20px 0;width:100%; height:450px; margin-top:70px;}

.box_sub01 div {border:1px solid #6fab22; background:#fff; width:31.9%;  float:left;display:inline-block; margin:70px 0; border-top-right-radius:20px;border-bottom-left-radius:20px;}
.box_sub01 div:first-child { margin-right:1.5%; float:left;}
.box_sub01 div:last-child { margin-left:1.5%;}
.box_sub01 div h5 {background:#6fab22;  color:#fff; text-align:center; width:100%; padding:15px 0;border-top-right-radius:20px;}
.box_sub01 div p { padding:15px 25px; font-size:1.2em; line-height:150%; height:180px;}
.box_sub01 div ul { padding:15px 25px; font-size:1.2em; line-height:150%; height:180px; }
.box_sub01 div li { background:url(/images/sub/carrow_3th.gif) left 9px no-repeat; padding-left:11px; margin-bottom:10px;}


/*분포․경관 특징*/
.introduce_bg03 {background: url('/images/sub/0103.jpg') 0 0 no-repeat;padding:20px 0;width:100%; height:400px;}
.introduce_bg03 img {width:32%; margin-right:1%; padding-top:40px;}
.introduce_bg03 img:last-child {margin:0;}
.sub0103h4 {font-size:2.5em; text-align:center;  display:inline-block; background-color:#4f9a12;  color:#fff; padding:80px 30px; margin-top:-60px;}

.sub0103h4 span {display:block; font-weight:bold;}



.ml720 {margin-left:340px; margin-top:-160px;}
.sub0103_ul {width:100%;}
.sub0103_ul li {margin-bottom:20px; line-height:150%; font-size:1.3em; padding:0 0 10px 15px;background: url('/images/sub/ico_ul01.gif') 0px 8px no-repeat; }

.sub010302 {background: url('/images/sub/010203_02.jpg') right 30% no-repeat;  padding:20px 0 60px 0;}
.sub010302 ul {width:58%; display:inline-block;}

.sub0103 p{font-size:18px; line-height:150%;}
.border_b_dotted {border-bottom:1px dotted #999;}

.img_wrap {width:100%; margin:0 auto;text-align:center;}
.img_wrap li {float:left; margin-right:20px; padding-bottom:20px;}
.img_wrap li:last-child  { margin-right:20px; }

.img_wrap .photo_name1 {display:block; text-align:center; margin-top:10px; }
.img_wrap .photo_name1 b {font-size:1.2em;}

.img_wrap_2 p {font-size:1.2em; }




/*둘러보기 02한국차박물관*/
.introduce_bg04 {background: url('/images/sub/tea_museum.jpg') 50% 0 no-repeat; padding:0px 0;width:100%; height:750px;}
.introduce_bg05 {background: url('/images/sub/tea_museum_event.jpg') 0 0 no-repeat; padding:20px 0;width:100%; height:650px; position:relative;}
.introduce_bg05 h4 {color:#fff!important;}
.introduce_bg05 span {padding:20px 0;}

/*둘러보기 01대한다원*/
.introduce_bg04_02 {background: url('/images/sub/greentea.png') 50% 0 no-repeat; padding:0px 0;width:100%; height:750px;}
.introduce_bg05_02 {background: url('/images/sub/greentea5.jpg') 0 0 no-repeat; padding:20px 0;width:100%; height:650px; position:relative;}
.introduce_bg05_02 span {padding:20px 0;}

.introduce_bg04 h4 {font-size:2.5em;margin:100px 0 100px 0;} 
.introduce_bg04 h4 span {color:#2F8220!important;} 
.introduce_bg04 p {font-size:1.2em; color:#fff; font-weight:bold;} 

.introduce_bg04_02 h4 {font-size:2.5em;margin:100px 0 100px 0;} 
.introduce_bg04_02 h4 span {color:#2F8220!important;} 
.introduce_bg04_02 p {font-size:1.2em; color:#fff; font-weight:bold;} 

/*태백산맥*/
.bg_explain {display: block;text-indent: -99999px;height: 0px;}
.basic {font-size:16px; margin-top:5px;}
.txt_sdw {text-shadow: 1px 1px 2px #171717;} 


.literature_street { background:url("/images/sub/literature_street.jpg") no-repeat scroll center bottom; height:1102px;}
.literature_street .inner { padding-top:100px;}
.literature_street .street_text { font-size:1.6em;color:#5258a4;font-weight:500;}
.literature_street span {font-size:2.0em;font-weight:500;}
.literature_street_site .inner { padding:58px 0 70px;}
.literature_street_h { background:url("/images/sub/literature_street_h.jpg") no-repeat scroll center top; height:517px;}
.literature_street_h .inner { padding-top:135px;}
.literature_street_h p.basic { margin-bottom:58px;}
.literature_street_h ul { display:inline-block; text-align:center;}
.literature_street_h ul li { float:left; margin:0 8px}
.literature_street_h ul li a { color:#fff; display:block;}
.literature_street_h ul li img { display:block; border-radius:100px; border:3px solid #fff; margin-bottom:10px;}
.literature_street_in1 { background-color:#e2e4fc;}
.literature_street_in1 h4 { font-size:2.0em;}
.literature_street_in2 h4 { font-size:2.0em;}
.literature_street_pnrm h3 { font-size:2.0em;}
.painting h3 { font-size:2.0em;}
.literature_street_in2 { background-color:#d0e5fb;}
.literature_street_in1 .inner, .literature_street_in2 .inner { padding:55px 0 64px;}
.literature_street_in1 .img_col3 li li, .literature_street_in2 .img_col3 li li { text-align:left; }
.literature_street_in1 .img_col3 li p.basic, .literature_street_in2 .img_col3 li p.basic {text-align:left;}
.literature_street_pnrm .inner { padding:85px 0;}
.literature_street_map { border:7px solid #5258a4; margin-top:30px; position:relative; width:99%; box-sizing:border-box;}
.literature_street_map p.align_center img { width:100%; height:749px; max-width:1366px; }
.literature_street_map li { position:absolute;}
.literature_street_map li a { display:block;}
.literature_street_map li a .ico { display:block; width:49px; height:70px; background:url("/images/sub/p_icon.png") no-repeat scroll 0 0; margin:0 auto; }
.literature_street_map li a .tit { display:block; text-indent:-99999px;}
.literature_street_map li a:hover .ico, .literature_street_map li a:focus .ico { background:url("/images/sub/p_icon_h.png") no-repeat scroll 0 0;}
.literature_street_map li.p1 { top:71%; left:62%;}
.literature_street_map li.p2 { top:74%; left:46%;}
.literature_street_map li.p3 { top:60%; left:54%;}
.literature_street_map li.p4 { top:15%; left:25.7%;}
.literature_street_map li.p5 { top:25%; left:52%;}
.literature_street_map li.p6 { top:17%; left:43%;}
.literature_street_map li.p7 { top:75%; left:73%;}
.literature_street_map li.p8 { top:54%; left:86%;}
.painting { background:url("/images/sub/painting.jpg") no-repeat scroll center top; height:754px;}
.painting .inner { padding-top:109px;}
.painting p.basic { margin-top:34px;}

/*율포해수욕장*/
.yulpo_beach { background:url("/images/sub/yulpo_beach1.jpg") no-repeat scroll center top; height:942px;}
.yulpo_beach .inner { padding-top:92px;}
.yulpo_beach_info { background:url("/images/sub/yulpo_beach2.jpg") no-repeat scroll center top; height:900px;}
.yulpo_beach_info .inner { padding-top:113px;}
.yulpo_beach_info ul { display:inline-block; text-align:center; margin-top:96px;}
.yulpo_beach_info ul li { float:left; margin:0 21px;}
.yulpo_beach_center { background:url("/images/sub/yulpo_beach3.jpg") no-repeat scroll center top; height:820px;}
.yulpo_beach_center .inner { padding-top:102px;}
.yulpo_beach_center ul { display:inline-block; text-align:center; margin-top:78px;}
.yulpo_beach_center ul li { float:left; margin:0 21px;}
.yulpo_beach_dt { background-color:#d5f2f7;}
.yulpo_beach_dt .inner { padding-top:93px;}
.yulpo_beach_dt .yulpo_beach_bg {background:url("/images/sub/yulpo_beach4.jpg") no-repeat scroll center top; height:875px; margin:46px 0 0 0;}
.yulpo_beach_dt .img_col3 { margin:64px 0 87px;}
.bibong_dino_fossil { background:url("/images/sub/bibong_dino_fossil9.jpg") no-repeat scroll center top; height:840px; }
.bibong_dino_fossil .inner { padding-top:100px;}
.dino_fossil_gallery.inner { padding:42px 0 60px;}
.dino_fossil_show { background: #020202 url("/images/sub/bibong_dino_fossil1.jpg") no-repeat scroll center top; height:850px; border-bottom:1px solid #181314;}
.dino_fossil_show .inner { padding:92px 0;}
.dino_fossil_show_photo { background-color: #020202;}
.dino_fossil_show_photo .inner { padding:39px 0 50px;}
.dino_fossil_show_photo .btn_p a { color:#fff;}
.fossil_egg .inner { padding:74px 0 62px;}
.recreation_forest { background:url("/images/sub/recreation_forest_1.jpg") no-repeat scroll center top; height:840px;}
.recreation_forest .inner { padding-top:100px;}
.recreation_forest_link { background:url("/images/sub/recreation_forest_2.jpg") no-repeat scroll center top; height:517px;}
.recreation_forest_link .inner { padding-top:223px;}
.recreation_forest_link ul { width:552px; margin:0 auto;}
.recreation_forest_link ul li { float:left; width:138px;}
.recreation_forest_link ul li a { display:block; color:#fff; text-align:center; }
.recreation_forest_link ul li a span { display:block;}
.recreation_forest_link ul li a span.pp { border-radius:46px; background-color:#5258a4; width:84px; height:84px; margin:0 auto 12px; }
.recreation_forest_link ul li a:hover span.pp, .recreation_forest_link ul li a:focus span.pp { background-color:#fbbc0f;}
.recreation_forest_link ul li a span.pp .icon { margin:0 auto;}
.recreation_forest_link ul li.link1 a span.pp .icon { background:url("/images/sub/icon1.png") no-repeat scroll 0 28px; width:31px; height:30px; padding-top:28px;}
.recreation_forest_link ul li.link2 a span.pp .icon { background:url("/images/sub/icon2.png") no-repeat scroll 0 27px; width:17px; height:33px; padding-top:27px;}
.recreation_forest_link ul li.link3 a span.pp .icon { background:url("/images/sub/icon3.png") no-repeat scroll 0 28px; width:30px; height:30px; padding-top:28px;}
.recreation_forest_link ul li.link4 a span.pp .icon { background:url("/images/sub/icon4.png") no-repeat scroll 0 29px; width:31px; height:29px; padding-top:29px;}
.recreation_forest_pnrm { background-color:#f2f2ee;}
.recreation_forest_pnrm .inner { padding-top:76px; padding-bottom:30px;}
.recreation_forest_pnrm .map { position:relative; max-width:1739px; width:100%; height:663px; margin:0 auto;}
.recreation_forest_pnrm .map img { width:100%; height:663px;}
.recreation_forest_pnrm .map ul li { position: absolute;}
.recreation_forest_pnrm .map ul li.p1 { left:37%; top:26%;}
.recreation_forest_pnrm .map ul li.p2 { left:35%; top:49%;}
.recreation_forest_pnrm .map ul li.p3 { left:41%; top:50%;}
.recreation_forest_pnrm .map ul li a .ico { display:block; width:49px; height:67px; background:url("/images/sub/p_icon.png") no-repeat scroll 0 0; margin:0 auto; text-indent: -99999px;}
.recreation_forest_pnrm .map ul li a:hover .ico, .recreation_forest_pnrm .map ul li a:focus .ico { background:url("/images/sub/p_icon_h.png") no-repeat scroll 0 0;}
.recreation_forest_photo .inner { padding:60px 0 70px;}
.recreation_forest_road { background:url("/images/sub/recreation_forest_9.jpg") no-repeat scroll center top; height:780px;}
.recreation_forest_road .inner { padding-top:114px;}
.ilrim_yongchoo { background:url("/images/sub/ilrim1.jpg") no-repeat scroll center top; height:840px;}
.ilrim_yongchoo .inner { padding-top:100px;}
.ilrim_yongchoo p.basic { margin-top:93px;}
.ilrim_info.inner { padding:7px 0 77px;}
.ilrim_map { background-color:#d7edfa;}
.ilrim_map .inner { padding:80px 0 70px;}
.yongchoo_pp.inner { padding:80px 0 70px;}
.daewonsa { background:url("/images/sub/daewonsa1.jpg") no-repeat scroll center top; height:942px;}
.daewonsa .inner { padding-top:100px;}
.daewonsa p.basic { margin-top:82px;}
.daewonsa_info.inner { padding:45px 0 70px;}
.daewonsa_view { background:url("/images/sub/daewonsa6.jpg") no-repeat scroll center top; height:723px;}
.daewonsa_photo.inner { padding:45px 0 60px;}
.daewonsa_bf { background:url("/images/sub/daewonsa11.jpg") no-repeat scroll center top; height:754px;}
.daewonsa_bf .inner { padding-top:74px;}
.daewonsa_bf p.basic { color:#000;}
.pansori { background:url("/images/sub/pansori_tit.jpg") no-repeat scroll center top; height:840px;}
.pansori .inner { padding-top:100px;}
.pansori p.basic { margin-top:82px;}
.pansori_info.inner { padding:45px 0 70px;}
.pansori_info2 { background-color:#d7edfa;}
.pansori_info2 .inner { padding:45px 0 70px;}
.pansori_info2 .img_col3 { margin-bottom:35px;}
.pansori_person .inner, .pansori_person2 .inner { padding:45px 0 70px;}
.pansori_person2 { background-color:#f9fae6;}
.juam { background:url("/images/sub/juam1.jpg") no-repeat scroll center top; height:890px;}
.juam .inner { padding-top:100px;}
.juam_info.inner { padding:33px 0 66px;}
.juam_info .img_col3 { margin-bottom:35px;}
.seojp { background:url("/images/sub/seojp1.jpg") no-repeat scroll center top; height:850px;}
.seojp .inner { padding-top:92px;}
.seojp p.wit { margin-top:81px;}
.seojp_info.inner { padding:33px 0 66px;}
.seojp_pnra {background:url("/images/sub/seojp6.jpg") no-repeat center top; height:850px;}
.seojp_pnra h3 { padding-top:92px;}
.seojp_pnra ul { float:left; display:inline-block; width:700px; height:425px; position:relative; margin-top:180px;}
.seojp_pnra ul li { position:absolute;}
.seojp_pnra ul li.p1 { top:189px; left:802px;}
.seojp_pnra ul li.p2 { top:0; left:195px;}
.seojp_pnra ul li.p3 { top:48px; left:429px;}
.seojp_pnra ul li.p4 { top:103px; left:628px;}
.seojp_pnra ul li.p5 { top:254px; left:472px;}
.seojp_pnra ul li.p6 { top:334px; left:264px;}
.seojp_pnra ul li.p7 { top:240px; left:173px;}
.seojp_pnra ul li a .ico { display:block; width:49px; height:67px; background:url("/images/sub/p_icon.png") no-repeat scroll 0 0; margin:0 auto; }
.seojp_pnra ul li a:hover .ico, .seojp_pnra ul li a:focus .ico { background:url("/images/sub/p_icon_h.png") no-repeat scroll 0 0;}
.seojp_pnra ul li a .tit { background-color:#fff; padding:2px 17px; border:2px solid #fbbc0f; border-radius:20px;}

.seojp_house { background-color:#d7edfa;}
.seojp_house .inner {padding:33px 0 66px;}
.seojp_park .inner { padding:57px 0 53px;}


#contents_bookmark .text {font-size:2.0em; color:#2F8220; font-weight:500; z-index:0;}
#contents_bookmark span {font-size:2.0em;font-weight:500; color:#222; display:block;}

.tour_h3 {font-size:2.5em; font-weight:500; color:#222;}
.tour_h4 {font-size:2.0em; font-weight:500; color:#222;}


.btn_p a { border-radius:25px; color:#fff; padding:7px 24px; transition: all 0.3s ease 0s; display:inline-block; margin-top:5px;}
.btn_p a.p1 { border:3px solid #5258a4; background-color:#fff; color:#5258a4;}
.btn_p a.p1:hover, .btn_p a.p1:focus { background-color:#5258a3; color:#fff;}
.btn_p a.vr .ico { display:block; float:left; background: url("/images/tour/sub/cont_sp.png?build_20210323001") no-repeat 0 0; width:29px; height:20px; margin:2px 6px 0 0;}
.btn_p a.vr:hover .ico, .btn_p a.vr:focus .ico { background: url("/images/tour/sub/cont_sp.png?build_20210323001") no-repeat 0 -19px;}
.btn_p a.pn .ico { display:block; float:left; background: url("/images/tour/sub/cont_sp.png?build_20210323001") no-repeat 0 -40px; width:30px; height:22px; margin:0 6px 0 0;}
.btn_p a.pn:hover .ico, .btn_p a.pn:focus .ico { background: url("/images/tour/sub/cont_sp.png?build_20210323001") no-repeat 0 -62px;}
.btn_p a.mt .ico { display:block; float:left; background: url("/images/tour/sub/cont_sp.png?build_20210323001") no-repeat -50px -25px; width:32px; height:21px; margin:2px 6px 0 0;}
.btn_p a.mt:hover .ico, .btn_p a.mt:focus .ico { background: url("/images/tour/sub/cont_sp.png?build_20210323001") no-repeat -50px -47px;}
.btn_p a.p2 { border-radius:5px; border:2px solid #5258a4; color:#323232; background-color:#fff; }
.btn_p a.p2:hover, .btn_p a.p2:focus { background-color:#5258a4; color:#fff; }
.btn_p a.p3 { border:2px solid #fff; background-color:rgba(0,0,0,.5); color:#fff; border-radius:5px;}
.btn_p a.p3:hover, .btn_p a.p3:focus { border:2px solid #fbbc0f; color:#fbbc0f; }
.btn_p a.p4 { border:2px solid #fff; background-color:rgba(255,255,255,.1); color:#fff; border-radius:5px;}
.btn_p a.p4:hover, .btn_p a.p4:focus { border:2px solid #fbbc0f; color:#fbbc0f; background-color:rgba(0,0,0,.4); }


ul.img_col2 { margin:40px 0 20px; width:50%;  display:inline-block;}
ul.img_col2 li {display: inline-block; text-align: center; width: 47%; margin-right:2.8%; float:left;  }
ul.img_col2 li img { width:100%; height:auto;}
ul.img_col2 li:last-child {margin-right:0;}
ul.img_col2 li .colimg, ul.img_col3 li .colimg { position:relative;}
ul.img_col2 li .info, ul.img_col3 li .info { text-align:left; margin-top:15px; margin-bottom:15px;}
ul.img_col2 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

ul.img_col2 li { position:relative;}
ul.img_col2 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}


ul.img_col2_02 { margin:40px 0 20px; width:100%;  display:inline-block;}
ul.img_col2_02 li {display: inline-block; text-align: center; width: 47%; margin-right:2.8%; float:left;  }
ul.img_col2_02 li img { width:100%; height:auto;}
ul.img_col2_02 li:last-child {margin-right:0;}
ul.img_col2_02 li .colimg{ position:relative;}
ul.img_col2_02 li .info { text-align:left; margin-top:15px; margin-bottom:15px;}
ul.img_col2_02 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

ul.img_col2 li { position:relative;}
ul.img_col2 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}



ul.img_col3 { margin:40px 0 20px; width: 100%; display:inline-block;}
ul.img_col3 > li {display: inline-block; text-align: center; max-width:430px; width: 31.15%; margin-right:3.25%; float:left; }
ul.img_col3 li img { width:100%; height:auto; max-width:430px; overflow:hidden;}
ul.img_col3 li:last-child {margin-right:0;}

ul.img_col3 { margin:40px 0 20px; width: 100%; display:inline-block;}
ul.img_col3 > li {display: inline-block; text-align: center; max-width:430px; width: 31.15%; margin-right:3.25%; float:left; }
ul.img_col3 li img { width:100%; height:auto; max-width:430px; overflow:hidden;}
ul.img_col3 li:last-child {margin-right:0;}
 ul.img_col3 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff; }
ul.img_col3 li { position:relative;}
ul.img_col3 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}


ul.img_col4 { margin:40px 0 20px; width: 100%; display:inline-block;}
ul.img_col4 li {display: inline-block; text-align: center; width: 22.9%; margin-right:2.8%; float:left; max-width:316px; }
ul.img_col4 li img { width:100%; height:auto; max-width:316px;}
ul.img_col4 li:last-child {margin-right:0;}
ul.img_col4 li .colimg, ul.img_col3 li .colimg { position:relative;}
ul.img_col4 li .info, ul.img_col3 li .info { text-align:left; margin-top:15px; margin-bottom:15px;}
ul.img_col4 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

ul.img_col4 li { position:relative;}
ul.img_col4 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}


.list_w33 { width: 100%; display: inline-block;}
.list_w33 ul li{width: 30%; margin-right: 2%; float: left; line-height:150%; padding-left:15px; font-size:16px;background:url("/images/sub/ico_h6.png") no-repeat scroll 0 8px;}


.greentea_panorama { background-color:#efefeb;}
.greentea_panorama .inner { padding:80px 0 90px; }
.panorama_map { max-width:1326px; height:637px; position:relative; margin:0 auto; }
.panorama_map .align_center img { width:100%; height:637px;}
.panorama_map ul li.p1 { position:absolute; top:42%; left:15%;}
.panorama_map ul li.p2 { position:absolute; top:45%; left:20%;}
.panorama_map ul li.p3 { position:absolute; top:52%; left:24%;}
.panorama_map ul li.p4 { position:absolute; top:54%; left:39%;}
.panorama_map ul li.p5 { position:absolute; top:60%; left:43%;}
.panorama_map ul li a { display:block; font-size:14px; text-align:center;}
.panorama_map ul li a .ico { display:block; width:49px; height:67px; background:url("/images/sub/p_icon.png") no-repeat scroll 0 0; margin:0 auto; }
.panorama_map ul li a:hover .ico, .panorama_map ul li a:focus .ico { background:url("/images/sub/p_icon_h.png") no-repeat scroll 0 0;}


.btn_p a { border-radius:25px; color:#fff; padding:7px 24px; transition: all 0.3s ease 0s; display:inline-block;}
.btn_p a.p1 { border:3px solid #5258a4; background-color:#fff; color:#5258a4;}
.btn_p a.p1:hover, .btn_p a.p1:focus { background-color:#5258a3; color:#fff;}
.btn_p a.vr .ico { display:block; float:left; background: url("/images/sub/cont_sp.png") no-repeat 0 0; width:29px; height:20px; margin:2px 6px 0 0;}
.btn_p a.vr:hover .ico, .btn_p a.vr:focus .ico { background: url("/images/sub/cont_sp.png") no-repeat 0 -19px;}

.btn_p a.pn .ico { display:block; float:left; background: url("/images/sub/cont_sp.png") no-repeat 0 -40px; width:30px; height:22px; margin:0 6px 0 0;}
.btn_p a.pn:hover .ico, .btn_p a.pn:focus .ico { background: url("/images/sub/cont_sp.png") no-repeat 0 -62px;}

a.btn_p_p2 { font-size:16px;border-radius:5px; border:2px solid #2F8220; color:#323232; background-color:#fff;  padding:15px 20px; margin-top:5px;}
a.btn_p_p2:hover, a.btn_p_p2:focus { background-color:#2F8220; color:#fff; }

.btn_p a.p3 { border:2px solid #fff; background-color:rgba(0,0,0,.5); color:#fff; border-radius:5px;}
.btn_p a.p3:hover, .btn_p a.p3:focus { border:2px solid #2F8220; color:#fbbc0f; }

.fontweight500 {font-weight:500;}
.museum_site {background-color: #fbf3da; padding-bottom:30px;}

.cn {font-size:15px; font-weight:bold; margin-top:35px;}

.museum_info1 { background:url("/images/sub/line_sp.gif") repeat-y scroll center top;}
.museum_info1 .inner { padding:24px 0 72px;}
.museum_info1 img { max-width:570px; width:100%; margin-top:40px;}
.museum_info2 { background:url("/images/sub/line_ps.gif") repeat-y scroll center top;}
.museum_info2 .inner { padding:24px 0 72px;}
.museum_info2 img { max-width:570px; width:100%; margin-top:40px;}

.img_txt .left50 {width: 49%;float: left;}
.img_txt {clear: both;width: 100%;margin: 35px 0 15px 0;display: inline-block;}
.align_center {text-align: center !important;}

.museum_info1 h4 {font-size: 24px;color: #5258a4;line-height: 37px;font-weight: 400;margin-top: 20px;letter-spacing: -0.5px;font-weight:bold;}
.museum_info2 h4 {font-size: 24px;color: #5258a4;line-height: 37px;font-weight: 400;margin-top: 20px;letter-spacing: -0.5px;font-weight:bold;}

.museum_info1 p {font-size: 14px;}
.museum_info2 p {font-size: 14px;}

.wit {color: #fff;}
.botm {position: absolute;width: 100%;bottom: 0px;}
span.next {display: block;}

.introduce_bg05 p {margin-top:350px;}
.imgbasic img{width:100%; height:auto;}


/*관광명소 아이콘*/
.gnbc_w {position:relative;}
.gnbC li {position:relative; width:11.11111%; float:left;}
.gnbC li a { display:block; width:114px; margin:0 auto; text-align:center; background: url("/images/sub/layout_sp.png") no-repeat; padding-top:153px; line-height:20px; word-break:keep-all; color:#000; font-size:14px; letter-spacing:-1px;}
.gnbC li a::after{content: ''; position: absolute; top: 26px; left: 50%; width: 104px; height: 104px; border: 5px solid transparent; border-radius: 100px; margin-left: -57px; transition: cubic-bezier(0.76, 0.92, 0, 1) 0.18s;}
.gnbC li a:hover, .gnbC li.on a::after {border-color: #599E2C; color:#599E2C;}
.gnbC li.gnbCc1 a { background-position:0 -36px;}
.gnbC li.gnbCc2 a { background-position:-124px -36px;}
.gnbC li.gnbCc3 a { background-position:-248px -36px;}
.gnbC li.gnbCc4 a { background-position:-372px -36px;}
.gnbC li.gnbCc5 a { background-position:-496px -36px;}
.gnbC li.gnbCc6 a { background-position:-620px -36px;}
.gnbC li.gnbCc7 a { background-position:-744px -36px;}
.gnbC li.gnbCc8 a { background-position:-868px -36px;}
.gnbC li.gnbCc9 a { background-position:-987px -36px; width:125px;}



/*관광명소 모바일 셀렉트*/
.family_box {display:none; }



/*역사*/
.introduce_bg06 {background: url('/images/sub/010202_.jpg') right top no-repeat; width:100%; height:450px;}
.history_con {width:100%; height:550px; background: url('/images/sub/010202_.jpg') 90% top no-repeat;}
.history_con p{display:block;  float:left; font-size:1.5em; line-height:160%; letter-spacing:-1px; margin-top:220px;}
.history_con span{font-size:2.0em; font-weight:500; color:#222;}

.introduce_bg07 {background: url('/images/sub/01020203.jpg') 0 top no-repeat; background-size: 40%;width:100%;  margin-top:100px;}

.ml520 {margin-left:520px;}




/*보전및관리*/
.highcharts-title {display:none;}
.p_h4_b {color:#966927; font-size:16px;}

.introduce_bg08 {background: url('/images/sub/01020404.jpg') right 10% no-repeat; background-size: 42%;width:100%; height:650px;}
.img00505 img {width:100%; max-width:350px; height:100%; max-height:169px;}


.preserv_ul {width:100%;}
.preserv_ul li {clear:both; padding:20px 0 80px 400px; margin-bottom:20px;border-bottom:1px dotted #888; }
.preserv_ul li:last-child {border:0; }
.preserv_ul li p {line-height:150%; font-size:16px;}


.preserv_ul li li {font-size:17px; color:#666; background:url(/images/sub/ico_h5.gif) 0 9px no-repeat;padding:0 0 0 15px;clear:both;margin:10px 0 10px 0px; line-height:150%;border:0;}


.preserv_ul li.ico_0201 {background: url('/images/sub/ico_0201.gif') 10% 10% no-repeat;  }
.preserv_ul li.ico_0202 {background: url('/images/sub/ico_0202.gif') 10% 10% no-repeat;  }
.preserv_ul li.ico_0203 {background: url('/images/sub/ico_0203.gif') 10% 10% no-repeat;  }
.preserv_ul li.ico_0204 {background: url('/images/sub/ico_0204.gif') 10% 10% no-repeat;  }
.preserv_ul li.ico_0205 {background: url('/images/sub/ico_0205.gif') 10% 10% no-repeat;  }
.preserv_ul li.ico_0206 {background: url('/images/sub/ico_0206.gif') 10% 10% no-repeat;  }
.preserv_ul li.ico_0207 {background: url('/images/sub/ico_0207.gif') 10% 10% no-repeat;  }
.preserv_ul li.ico_0208 {background: url('/images/sub/ico_0208.gif') 10% 10% no-repeat;  }
.preserv_ul li.ico_0209 {background: url('/images/sub/ico_0209.gif') 10% 10% no-repeat;  }

.preserv_bg {background: url('/images/sub/back_0201.jpg') repeat;height:400px;}


/*자생차밭 정비*/
.gochasu {width:80%; margin:20px auto; height:250px; border-top:2px solid #222; border-bottom:1px solid #e6e6e6; }
.gochasu p {background-color:#f6f6f6; padding:15px 0; text-align:center;font-weight:bold; font-size:17px;}

.gochasu img {display:inline-block; padding:25px 5%;float:left; width:20%; }
.gochasu ul {display:inline-block; width:70%; padding:20px 0;}





/*전통차체험*/
.spc3card2{display:block;position:relative;margin:0 0 1.5em;line-height:1.375;}
.spc3card2 .w1{display:block;position:relative;
	border:1px solid #d4d7d9; margin: 0 1% 20px 1%;
	transition:.2s ease-out;
	width:31.3%; float:left;
	box-sizing:border-box;
}
.spc3card2 .w1g1{display:block;}
.spc3card2 .w1g2{display:block;
	padding:10px 15px;
	border-top:1px solid #e5e7e9;
	background:#fff;
	font-size:14px;
	line-height:1.5;
}
.spc3card2 .f1{display:block;position:relative;
	margin:0;
	padding:0 0 62.5% 0; /* (10/16) */
	background:#fff;
	text-align:center;
}
.spc3card2 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.spc3card2 .f1 img{display:block;position:relative;left:0;top:0;height:auto;min-height:100%;margin:auto;}
/*.spc3card2 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}*/
.spc3card2 .tg1{display:block;
	position:relative;
	padding:15px 20px;
	overflow:hidden;
}

.spc3card2 .tg1 {background:#419649;}


.spc3card2 .tg1 .ic1{float:left;
	width:55px;
	height:30px;
	margin:-8px 0 -8px -20px;
	padding:5px 0 0;
	background:url(/images/sub/ico_map.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:600 16px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	overflow:hidden;
}
.spc3card2 .tg1 .t1{display:block;
	color:#07a636;
	font-weight:400;
	font-size:12px;
	overflow:hidden;

}
.spc3card2 .tg1 .h1{display:block;
	color:#fff;
	font-weight:500;
	font-size:16px;
	overflow:hidden;
	
}
.spc3card2 .lst2{display:block;list-style:none;clear:both;margin:0;padding:0;font-size:14px;line-height:1.5;}
.spc3card2 .li2{
	margin:0 0 .3em;
	padding:0 0 0 14px;
	background:url(/images/sub/ico_h5.gif) 0 10px no-repeat;
}
.spc3card2 .li2 a {display:inline-block;color:#419649; border-radius:3px; border:1px solid #419649; padding:2px 5px; margin-left:10px;}
.spc3card2 .li2 a:hover {color:#fff; background-color:#419649}
.spc3card2 .t2{display:block;position:relative;
	max-height:40px;
	font-size:14px;
	line-height:20px;
	overflow:hidden;
}
.spc3card2 .t2:after{content:'…';display:block;
	position:absolute;right:0;
	top:20px;
	width:3em;
	height:20px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
/* 효과 */
.spc3card2 .w1:hover{border-color:#333;box-shadow:0 0 5px 0 rgba(0, 0, 0, .1);overflow:hidden;}
.spc3card2 .w1:hover a{text-decoration:none;}




/*마을소개*/
.intro_p1 {font-size: 1.7em; }
.intro_p2 {text-align:center; font-size: 2.7em; color:#419649; font-weight:500; margin:5px 0 40px 0;}
.intro_p2::after  {  content: "";display: block;width: 40px;height: 2px;margin: 30px auto;background: #419649;}
.intro_p3 {font-size: 1.3em; color:#666;margin:30px 0;} 

.village_img {text-align:center; width:100%;  float:left; margin-bottom:20px;}
.village_img img {height:600px;}

.village_img2 {text-align:center; width:100%;  float:left; margin-bottom:80px;}
.village_img2 img {height:800px;}



/*지도*/
.have_map_house{position:relative;width:100%; background:url();background-repeat: no-repeat; margin:0 auto 50px auto;}
.map_house { 
	position:absolute;width:30px; height:30px; background:url(/images/sub/dawon2.png);background-repeat: no-repeat;background-size : cover;
	font-size:0.9em;
	text-align:center;
    -webkit-transition:width 1s, height 1s, background-color 1s, -webkit-transform 1s;
    transition:width 1s, height 1s, background-color 1s, transform 1s;
	color:#0f4e71;}
.map_house:hover { transform: scale(1.2);}
.map_house div{ 
	position:absolute;
	top:30px;
	left:-25px;
	
    vertical-align:bottom;
	background-color:rgba(255, 255, 255, 0.7);}

.map_house div.map_title{  width:70px;font-size:1.0em; padding:1px 2px;background:white; border:1px solid #f6f6f6; border-radius: 10px; text-align:center; line-height: 110%;}
.map_house div.map_title2{ width:60px; font-size:0.9em;padding:2px 2px ;background:white;border-radius: 10px; text-align:center;}
.map_house div.map_title3{ width:80px; font-size:0.9em;padding:5px 1px ;background:white;border-radius: 10px; text-align:center;}
.map_house div.map_title:hover { 	background-color:rgba(255, 255, 255, 1);}
.map_house div.map_title2:hover { 	background-color:rgba(255, 255, 255, 1);}
.map_house div.map_title3:hover { 	background-color:rgba(255, 255, 255, 1);}

#mydiv {position: absolute;width: 54px;height: 54px;background-color: red;z-index:8888;}
@media screen and (max-width:767px){.map_house { width:35px; height:26px; }}
@media screen and (max-width:640px){.map_house { width:35px; height:26px; }}
@media screen and (max-width:480px){.map_house { width:35px; height:26px;font-size:5px; }
.have_map_house a{font-size:1px;}}







/* Tablet Device 최소 900 ~ 1199  */
@media (min-width:1400px) and (max-width:1600px) {

.pc_none { display: none;}

/*역사*/
.introduce_bg06 {background-size:60%;}
.history_con p{font-size:1.5em; padding:0; width:100%;margin-top:220px;}
.history_con span{font-size:2.0em; }

.introduce_bg07 { background-size:38%;}




}


/* Tablet Device 최소 900 ~ 1199  */
@media (min-width:1199px) and (max-width:1400px) {


.inner { width:97%;}


.pc_enter2 {display:inline;}

/*분포․경관 특징*/
.introduce_bg03 { margin:90px 0 30px 0;padding:20px 0;width:100%; height:auto; background-size:cover;}
.sub0103 {margin:0 auto; text-align:center;}

.sub0103h4 {font-size:1.7em; margin-top:-90px; padding:50px 30px;}

.ml720 {margin:20px 0 0 0;}
.sub0103_ul {text-align:left;}
.sub0103_ul li {margin-bottom:20px;  font-size:1.2em; }

.sub010302 {background-size:500px; background-position:50% 0;}
.sub010302 ul {width:100%; margin-top:0px;}
.sub010302 h4 {margin-top:350px;}



/*역사*/
.introduce_bg06 {background-size:60%;}
.history_con p{font-size:1.3em; padding:0; width:100%;margin-top:220px;}
.history_con span{font-size:2.0em; }

.introduce_bg07 { background-size:38%;}


.inner {width:100%;}

.pc_none { display: none; }


}







/* Tablet Device 최소 900 ~ 1199  */
@media (min-width:900px) and (max-width:1199px) {

.pc_pt80 {padding-top:40px;}
.pc_enter2 {display:inline;}

/* 포인트 박스 */
.point_box {padding:35px; }
.p_icon {background:none;}
.p_ico_top {background:none;}

.border_box_gray {padding:5px;}

/* 탭메뉴 */
.c-tab01 li {width:100%;}
.c-tab01_02 li {width:50%;}
.c-tab01_03 li {width:50%;}

.c-tab02 li {width:50%;}
.c-tab03 li {width:50%;}





/*소개*/
.introduce { height:370px; background-size:350px;}
.introduce p{ font-size:1.4em;padding-top:90px;}
.introduce span{font-size:2.0em;}



.intro02 li {  min-height:240px;}
.intro02 li p { font-size:1.3em;margin:0 0 0 180px; padding:10px 0 0 200px; }

.intro02 li.icon01 { background-position:2% 20px; } 
.intro02 li.icon02 { background-position:2% 20px;} 
.intro02 li.icon03 { background-position:2% 20px;} 
.intro02 li.icon04 { background-position:2% 20px;} 
.intro02 li.icon05 { background-position:2% 20px;} 
.intro02 li.icon06 { background-position:2% 20px;} 




/*일반현황 박스*/
.introduce_bg02 { height:480px;}
.box_sub01 div p {  height:200px;}
.box_sub01 div ul {  height:200px;}
.box_sub01 div h5 {font-size:1.3em;}


/*분포․경관 특징*/
.introduce_bg03 { margin:40px 0 0px 0;padding:20px 0;width:100%; height:auto; background-size:cover;}
.introduce_bg03 img {padding-top: 10px;}

.sub0103 {margin:0 auto; text-align:center;}

.sub0103h4 {font-size:1.7em;margin-top:-90px;padding:50px 30px;}

.ml720 {margin:20px 0 0 0;}
.sub0103_ul {text-align:left;width:96%; margin-left:2%;}
.sub0103_ul li {margin-bottom:20px;  font-size:1.2em; }

.sub010302 {background-size:500px; background-position:50% 0;}
.sub010302 ul {width:100%; margin-top:0px;}
.sub010302 h4 {margin-top:350px;}



/*일반현황*/
.box_sub01 div:last-child {margin-bottom:50px;}

/*역사*/
.introduce_bg06 {background-size:700px;  background-position:50% 0;  text-align:center;  margin:0 auto; padding:20px 0;width:100%; height:auto; min-height:550px;}
.history_con {background-size:480px auto; background-position:45% 0;}

.history_con p{font-size:1.3em; margin-top:450px; padding:0; width:100%; text-align:center;}
.history_con span{font-size:1.8em; }

.introduce_bg07 {clear:both;background-size:700px;  background-position:50% 0;width:100%;  margin-top:0px; margin:0 auto; padding:0px 0;height:auto;}

.ml520 {margin:520px 0 0 0px;}


.inner {width:100%;}


.img_wrap {display:block; margin:0 auto;text-align:center; width:100%; height:100%; margin-bottom:20px;}
.img_wrap ul  {text-align:center;  margin:0 auto;width:100%;}
.img_wrap li {display:inline-block; padding-right:10px; float:none;}

.img_wrap_2 {display:inline-block; float:left; width:100%; margin:30px 0 80px 0;}


/*보전*/
.introduce_bg08 {clear:both;background-size:700px;  background-position:50% 0;width:100%;  margin-top:0px; margin:0 auto; padding:0px 0;height:auto;}
.introduce_bg08 h4:first-child {margin-top:460px;}



/*보전및관리*/
.preserv_ul li {clear:both; padding:20px 0 80px 270px; margin-bottom:20px;border-bottom:1px dotted #888; }

.preserv_ul li.ico_0201 {background: url('/images/sub/ico_0201.gif') 2% 10% no-repeat;  }
.preserv_ul li.ico_0202 {background: url('/images/sub/ico_0202.gif') 2% 10% no-repeat;  }
.preserv_ul li.ico_0203 {background: url('/images/sub/ico_0203.gif') 2% 10% no-repeat;  }
.preserv_ul li.ico_0204 {background: url('/images/sub/ico_0204.gif') 2% 10% no-repeat;  }
.preserv_ul li.ico_0205 {background: url('/images/sub/ico_0205.gif') 2% 10% no-repeat;  }
.preserv_ul li.ico_0206 {background: url('/images/sub/ico_0206.gif') 2% 10% no-repeat;  }
.preserv_ul li.ico_0207 {background: url('/images/sub/ico_0207.gif') 2% 10% no-repeat;  }
.preserv_ul li.ico_0208 {background: url('/images/sub/ico_0208.gif') 2% 10% no-repeat;  }
.preserv_ul li.ico_0209 {background: url('/images/sub/ico_0209.gif') 2% 10% no-repeat;  }



/*전통차체험*/
.spc3card2 .w1{	min-height:250px; }
.spc3card2 .li2 a { margin: 3px 0 5px 0;}


.pc_none { display: block; margin-bottom:20px;}
.dp_pc {display:none;}


/*둘러보기*/
.list_w33 ul li{width: 95%; margin-right: 0%; padding-left:15px;}
.introduce_bg05 {background-position:50% 0;  padding:0; height:400px;}
.introduce_bg05 p {margin-top:50px;}

.introduce_bg05_02 {background-position:50% 0;  padding:0; height:400px;}
.introduce_bg05_02 p {margin-top:50px;}


.introduce_bg04 h4 {margin:10px 0 150px 0; font-size:2.5em;}
.introduce_bg04 {height:600px;background-position:50% -40px;} 

.introduce_bg04_02 h4 {margin:10px 0 150px 0; font-size:2.5em;}
.introduce_bg04_02 {height:600px;background-position:50% -40px;} 


.cn {font-size:14px; margin-top:15px;}


ul.img_col4 li {float:left;width: 47.9%; margin-right:2%;margin-top:10px; }
ul.img_col4 li img { height:150px;}



ul.img_col2 {  width:100%;}

.panorama_map {width:1000px; height:100%;}
.panorama_map ul li a {font-size:12px;}

.museum_info1 {background-image:none; background-color:#E6F1FC;}
.museum_info2 {background-image:none; background-color:#ECE6FC;}

.museum_info1 img { margin: 20px 0; height:100%;}
.museum_info2 img { margin: 20px 0; height:100%;}

.img_txt .left50 {width: 96%; margin-left:2%}
.img_txt .right50 {width: 96%; margin-left:2%}


/*마을소개*/
.village_img img {height:100%;}
.village_img2 img {height:100%;}


/*관광명소 아이콘*/
.gnbc_w {display:none;}

/*관광명소 모바일 셀렉트*/
.family_box {position:relative; display:block;z-index:1;}
.family_box .select {height:42px; width:96%; margin-left:2%; float:left; box-sizing:border-box;}
.family_box .select dl {position:relative;}
.family_box .select dl dt a {display:block; height:42px;  width:96%; margin-left:2%; line-height:44px; padding:0 15px; box-sizing:border-box; position:relative; border:2px solid #1AAC2C; font-size:15px; color:#222;}
.family_box .select dl dt a:after {content:''; display:block; width:11px; height:6px; position:absolute; right:15px; background:url(../images/sub/foot_selectbg.png) no-repeat; top:50%; margin-top:-3.5px;}
.family_box .select dl dt a.on:after {content:''; display:block; width:11px; height:6px; position:absolute; right:15px; background:url(../images/sub/foot_selectbg02.png) no-repeat; top:50%; margin-top:-3.5px;}

.family_box .select dl dd {background:#fff; border:1px solid #e6e6e6; position:absolute; top:41px; width:96%;  margin-left:2%;height:286px; overflow-y: auto; z-index:10; display:none; box-sizing:border-box; }
.family_box .select dl dd a {display:block; padding:5px 15px; font-size:14px; border-bottom:1px dotted #e6e6e6; }
.family_box .select dl dd a:hover {background:#1AAC2C; color:#fff;}
.family_box .select dl dd a:focus {background:#1AAC2C; color:#fff;}



}







/* Tablet Device 최소 590 ~ 899  */
@media (min-width:590px) and (max-width:899px) {

.con_body h3 {margin-top:40px;}
.h5{font-size:1.8em;}


.mobile_enter{display:block;}
.pc_enter {display:inline;}
.pc_enter2 {display:inline;}


/* 포인트 박스 */
.point_box {padding:35px; }
.p_icon {background:none;}
.p_ico_top {background:none;}

.border_box_gray {padding:5px;}

/* 탭메뉴 */
.c-tab01 li {width:100%;}
.c-tab01_02 li {width:50%;}
.c-tab01_03 li {width:50%;}

.c-tab02 li {width:50%;}
.c-tab03 li {width:50%;}

/*테이블 모바일 손아이콘*/
.hand_wrap {overflow-x:scroll;padding:50px 0 0px 0; background:url(/images/sub/table_finger2.png) no-repeat 100% 8px;}
.hand_wrap table{width:1000px !important;} 

.hand_wrap_w {overflow-x:scroll;padding:50px 0 20px 0; background:url(/images/sub/table_finger.png) no-repeat 50% 8px;}
.hand_wrap_w table{width:800px !important;} 


.tbTypeB thead tr th {padding:5px 0; }
.tbTypeB tbody tr td {padding:3px; letter-spacing:-1px; }

/* 이미지100% 스타일 */
.img100 {width:100%;}

/*이미지하단에 글씨*/
.imgtxt {width:49%; margin:10px 1% 20px 0; }
.imgtxt img {width:100%;}
.imgtxt span {width:100%;}

.back_bg {background-position:0 20%;}


/*소개*/
.introduce { height:570px;  text-align:center; background-position:50% top;}
.introduce p{  text-align:center;font-size:1.2em;padding-top:350px;}
.introduce span{font-size:2.0em;}


.intro02 li {  min-height:200px;}
.intro02 li p { font-size:1.2em;margin:0 0 0 230px; padding:10px 0 0 0; }

.intro02 li.icon01 { background-position:2% 20px; background-size:200px;} 
.intro02 li.icon02 { background-position:2% 20px;background-size:200px;} 
.intro02 li.icon03 { background-position:2% 20px;background-size:200px;} 
.intro02 li.icon04 { background-position:2% 20px;background-size:200px;} 
.intro02 li.icon05 { background-position:2% 20px;background-size:200px;} 
.intro02 li.icon06 { background-position:2% 20px;background-size:200px;} 




/*일반현황 박스*/
.introduce_bg02 {background:none; height:auto; margin-top:10px;}

.box_sub01 div {width:100%; margin:10px 0;}
.box_sub01 div:first-child { margin-right:0%;}
.box_sub01 div:last-child { margin-left:0%;}
.box_sub01 div h5 {font-size:1.3em;}
.box_sub01 div p { padding:10px 15px; font-size:1.2em; line-height:150%; height:auto;}
.box_sub01 div ul {height:auto;}



/*분포․경관 특징*/
.introduce_bg03 { margin:40px 0 0px 0;padding:20px 0;width:100%; height:auto; background-size:cover;}
.sub0103 {margin:0 auto; text-align:center;}
.introduce_bg03 img {width:31.5%;padding-top: 10px;}

.sub0103h4 {font-size:1.7em; margin-top:-90px; padding:50px 30px;}

.ml720 {margin:20px 0 0 0;}
.sub0103_ul {text-align:left; width:96%; margin-left:2%;}
.sub0103_ul li {margin-bottom:20px;  font-size:1.2em; }

.sub010302 {background-size:500px; background-position:50% 0;}
.sub010302 ul {width:100%; margin-top:30px;}
.sub010302 h4 {margin-top:350px;}

/*일반현황*/
.box_sub01 div:last-child {margin-bottom:50px;}





/*역사*/
.introduce_bg06 {background-size:500px;  background-position:50% 0;  text-align:center;  margin:0 auto; padding:20px 0;width:100%; height:auto; min-height:450px;}
.history_con {background-size:400px auto; background-position:45% 0;}
.history_con p{font-size:1.3em; margin-top:380px; padding:0; width:100%; text-align:center;}
.history_con span{font-size:1.8em; }

.introduce_bg07 {clear:both;background-size:500px;  background-position:50% 0;width:100%;  margin-top:0px; margin:0 auto; padding:0px 0;height:auto;}

.ml520 {margin:370px 0 0 0px;}

.img_wrap {display:inline-block; float:left; width:100%; text-align:center; margin-bottom:20px;}
.img_wrap li {float:none; text-align:center;padding-bottom:20px;}
.img_wrap li img {height:100%;}
.img_wrap_2 {display:inline-block; float:left; width:100%; margin:30px 0 20px 0;}




/*보전*/
.introduce_bg08 {clear:both;background-size:500px;  background-position:50% 0;width:100%;  margin-top:0px; margin:0 auto; padding:0px 0;height:auto;}
.introduce_bg08 h4:first-child {margin-top:360px;}

ul.img_col2 {  width:100%;}

/*자생차밭 정비*/
.gochasu {width:80%; height:100%;  }

.gochasu img {padding:25px 0%;width:100%; }
.gochasu ul {width:100%; padding:20px 0;}



/*보전및관리*/
.preserv_ul li {clear:both; padding:190px 0 40px 0px; margin-bottom:20px; }
.preserv_ul li h4 {font-size:18px;}
.preserv_ul li p {line-height:150%; font-size:13px;}
.preserv_ul li li {font-size:14px; background-position:0 7px; }



.preserv_ul li.ico_0201 {background-position:50% 10%;  background-size:150px 150px;}
.preserv_ul li.ico_0202 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0203 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0204 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0205 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0206 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0207 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0208 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0209 {background-position:50% 5%;  background-size:150px 150px;}

/*전통차체험*/
.spc3card2 .w1{	width:49%;min-height:250px; margin: 0 0.5% 10px 0.5%;}
.spc3card2 .li2 a { margin: 3px 0 5px 0;}


/*마을소개*/
.intro_p1 {font-size: 1.2em; }
.intro_p2 {font-size: 1.5em;  margin:5px 0 20px 0;}
.intro_p3 {font-size: 1.1em; margin:20px 0;} 

.pc_none { display: block; margin-bottom:20px;}
.dp_pc {display:none;}

.village_img img {height:100%;}
.village_img2 img {height:100%;}




/*둘러보기*/
.list_w33 ul li{width: 95%; margin-right: 0%; padding-left:15px;}
.introduce_bg05 {background-position:50% 0;  padding:0; height:400px;}
.introduce_bg05 p {margin-top:50px;}

.introduce_bg05_02 {background-position:50% 0;  padding:0; height:400px;}
.introduce_bg05_02 p {margin-top:50px;}


.introduce_bg04 h4 {margin:10px 0 130px 0; font-size:2.0em;}
.introduce_bg04 {height:600px;background-position:50% -80px;} 

.introduce_bg04_02 h4 {margin:10px 0 130px 0; font-size:2.0em;}
.introduce_bg04_02 {height:600px;background-position:50% -80px;} 


.cn {font-size:14px; margin-top:15px;}


ul.img_col4 li {float:left;width: 47.9%; margin-right:2%;margin-top:10px; }
ul.img_col4 li img { height:150px;}



ul.img_col2 {  width:100%;}

.panorama_map {width:1000px; height:100%;}
.panorama_map ul li a {font-size:12px;}


.museum_info1 {background-image:none; background-color:#E6F1FC;}
.museum_info2 {background-image:none; background-color:#ECE6FC;}

.museum_info1 img { margin: 20px 0; height:100%;}
.museum_info2 img { margin: 20px 0; height:100%;}

.img_txt .left50 {width: 96%; margin-left:2%}
.img_txt .right50 {width: 96%; margin-left:2%}



/*관광명소*/
#contents_bookmark .text {font-size: 1.6em;}

.yulpo_beach { height: 602px;}
.yulpo_beach_info ul li {margin: 0 10px;}
.yulpo_beach_info ul li img {width:140px; height:140px;}
.yulpo_beach_center ul li {margin: 0 10px;}
.yulpo_beach_center ul li img {width:140px; height:140px;}

.recreation_forest_pnrm .map {position: relative;max-width: 700px;width: 700px;height: 463px;margin: 0 auto;}
.recreation_forest_pnrm .map img {width: 1000px;height: auto;}



/*관광명소 아이콘*/
.gnbc_w {display:none;}


/*관광명소 모바일 셀렉트*/
.family_box {position:relative; display:block;z-index:1;}
.family_box .select {height:42px; width:96%; margin-left:2%; float:left; box-sizing:border-box;}
.family_box .select dl {position:relative;}
.family_box .select dl dt a {display:block; height:42px;  width:96%; margin-left:2%; line-height:44px; padding:0 15px; box-sizing:border-box; position:relative; border:2px solid #1AAC2C; font-size:15px; color:#222;}
.family_box .select dl dt a:after {content:''; display:block; width:11px; height:6px; position:absolute; right:15px; background:url(../images/sub/foot_selectbg.png) no-repeat; top:50%; margin-top:-3.5px;}
.family_box .select dl dt a.on:after {content:''; display:block; width:11px; height:6px; position:absolute; right:15px; background:url(../images/sub/foot_selectbg02.png) no-repeat; top:50%; margin-top:-3.5px;}

.family_box .select dl dd {background:#fff; border:1px solid #e6e6e6; position:absolute; top:41px; width:96%;  margin-left:2%;height:286px; overflow-y: auto; z-index:10; display:none; box-sizing:border-box; }
.family_box .select dl dd a {display:block; padding:5px 15px; font-size:14px; border-bottom:1px dotted #e6e6e6; }
.family_box .select dl dd a:hover {background:#1AAC2C; color:#fff;}
.family_box .select dl dd a:focus {background:#1AAC2C; color:#fff;}

ul.img_col3 { margin: 20px 0%; width: 100%; }
ul.img_col3 > li {max-width: 100%;width: 100%;margin: 10px 0;}
ul.img_col3 li img {max-width: 100%;}



/*관광명소*/
.literature_street_map p.align_center img {width: 100%;height: auto;}
.literature_street_map li a .ico {background-size:30px;}
.literature_street_map li a:hover .ico, .literature_street_map li a:focus .ico {background-size:30px;}

.seojp_pnra {width:1000px; height:440px; background-size:1000px; }
.seojp_pnra ul { width:1000px; height:auto; margin-top:0px;}
.seojp_pnra ul li.p1 { top:89px; left:550px;}
.seojp_pnra ul li.p2 { top:0; left:255px;}
.seojp_pnra ul li.p3 { top:40px; left:359px;}
.seojp_pnra ul li.p4 { top:73px; left:458px;}
.seojp_pnra ul li.p5 { top:154px; left:352px;}
.seojp_pnra ul li.p6 { top:194px; left:254px;}
.seojp_pnra ul li.p7 { top:120px; left:233px;}
.seojp_pnra h3 { padding: 52px 0 40px 20px;text-align:left;}
.seojp_pnra ul li a .ico { height: 57px;}
.seojp_pnra .inner {padding:0;}
}










/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:589px) {

.mobile_enter{display:block;}
.pc_enter {display:inline;}
.con_body h3 {font-size:2.0em; padding-bottom:0; margin-top:10px;}
.con_body h4 {font-size:1.5em;}

.con_body .depth1 li {font-size:14px;}
.con_body .depth2 li {font-size:14px;}
.con_body .depth3 li {font-size:14px;}

.h4{font-size:2.0em;}
.h5{font-size:1.5em;}

.point_yellow_b {font-size:15px;color:#fcff00;}


.point_ul li {margin-top: 5px;}
.point_ul li span {width:120px;}



/* 포인트 박스 */
.point_box {padding:25px; }
.p_icon {background:none;}
.p_ico_top {background:none;}

.border_box_gray {padding:5px;}

/* 탭메뉴 */
.c-tab01 li {width:100%;}
.c-tab01_02 li {width:50%;}
.c-tab01_03 li {width:50%;}

.c-tab02 li {width:50%;}
.c-tab03 li {width:50%; font-size:12px;}

/*테이블 모바일 손아이콘*/
.hand_wrap {overflow-x:scroll;padding:50px 0 0px 0; background:url(/images/sub/table_finger2.png) no-repeat 100% 8px;}
.hand_wrap table{width:800px !important;} 

.hand_wrap_w {overflow-x:scroll;padding:50px 0 20px 0; background:url(/images/sub/table_finger.png) no-repeat 100% 8px;}
.hand_wrap_w table{width:800px !important;} 


/* 이미지100% 스타일 */
.img100 {width:100%;}



/*이미지하단에 글씨*/
.imgtxt {margin:10px 0; width:99%; margin-right:1%;}
.imgtxt img {width:100%; }




.pc_pt80 {padding-top:20px;} /*pc패딩80 모바일패딩은30*/


/*포인트 ul*/
.point_ul li span{font-size:15px;}
.point_ul li p{font-size:15px;}


.tbTypeA {font-size:1.0em;}
.tbTypeB {font-size:1.0em;}
.tbTypeB tbody tr td {font-size:14px;}
.tbTypeC {font-size:1.0em;}

.tbTypeD {font-size:1.0em;}
.tbTypeD thead tr th {font-size:14px;}
.tbTypeD tbody tr td {padding:10px 7px;}


.tbTypeE {font-size:1.0em;}



.tbTypeB thead tr th {padding:5px 0; }
.tbTypeB tbody tr td {padding:1px; letter-spacing:-1px; }


/*소개*/
.introduce { height:420px;  text-align:center; background-position:50% top; background-size:300px}
.introduce p{  text-align:center;font-size:1.0em;padding-top:240px;}
.introduce span{font-size:2.0em; letter-spacing:-1px;}

.intro02 li.icon01 { background-position:50% 20px;} 
.intro02 li.icon02 { background-position:50% 20px;} 
.intro02 li.icon03 { background-position:50% 20px;} 
.intro02 li.icon04 { background-position:50% 20px;} 
.intro02 li.icon05 { background-position:50% 20px;} 
.intro02 li.icon06 { background-position:50% 20px;} 

.intro02 li {  min-height:240px; text-align:center;}
.intro02 li p { font-size:1.2em;margin:0px; padding:240px 0 30px 0; }


.back_bg {background-position:0 20%;}

/*마을소개*/
.village_img img {width:100%; height:auto;}
.village_img2 img {width:100%; height:auto;}



/*일반현황 박스*/
.introduce_bg02 {background:none; height:100%; margin:10px 0 50px 0; }

.box_sub01 div {width:100%; margin:10px 0;}
.box_sub01 div:first-child { margin-right:0%;}
.box_sub01 div:last-child { margin-left:0%; }
.box_sub01 div h5 {font-size:1.3em;}
.box_sub01 div p { padding:10px 15px; font-size:1.2em; line-height:150%; height:auto;}
.box_sub01 div ul {height:auto;}




/*분포․경관 특징*/
.introduce_bg03 { margin:40px 0 0px 0;padding:20px 0;width:100%; height:auto; background-size:cover;}
.introduce_bg03 img {width: 90%;margin:0 0 15px  5%;padding-top: 0px;}

.sub0103 {margin:0 auto; text-align:center;}
.sub0103h4 {font-size:1.7em; margin-top:-90px; padding:50px 20px;}

.ml720 {margin:20px 0 0 0;}
.sub0103_ul {text-align:left;}
.sub0103_ul li {margin-bottom:20px;  font-size:1.2em; }

.sub010302 {background-size:320px;background-position:50% 0;   }
.sub010302 ul {width:100%; margin-top:0px;}
.sub010302 h4 {margin-top:220px;}

/*일반현황*/
.box_sub01 div:last-child {margin-bottom:50px;}


/*둘러보기*/
.list_w33 ul li{width: 95%; margin-right: 0%; padding-left:15px;}
.introduce_bg05 {background-position:50% 0;  padding:0; height:400px;}
.introduce_bg05 p {margin-top:50px;}

.introduce_bg05_02 {background-position:50% 0;  padding:0; height:400px;}
.introduce_bg05_02 p {margin-top:50px;}




.introduce_bg04 h4 {margin:10px 0 100px 0; font-size:1.8em;}
.introduce_bg04 {height:600px;background-position:50% -80px;} 

.introduce_bg04_02 h4 {margin:10px 0 100px 0; font-size:1.8em;}
.introduce_bg04_02 {height:600px;background-position:50% -80px;} 



.cn {font-size:14px; margin-top:15px;}


ul.img_col4 li {float:left;width: 47.9%; margin-right:2%;margin-top:10px; }
ul.img_col4 li img { height:150px;}



ul.img_col2 {  width:100%;}

.panorama_map {width:1000px; height:100%;}
.panorama_map ul li a {font-size:12px;}





.museum_info1 {background-image:none; background-color:#E6F1FC;}
.museum_info2 {background-image:none; background-color:#ECE6FC;}

.museum_info1 img { margin: 20px 0; height:100%;}
.museum_info2 img { margin: 20px 0; height:100%;}

.img_txt .left50 {width: 96%; margin-left:2%}
.img_txt .right50 {width: 96%; margin-left:2%}

.btn_p a {margin-bottom:10px;}

/*역사*/
.introduce_bg06 {background-size:320px;  background-position:50% 0;  text-align:center;  margin:0 auto; padding:20px 0;width:100%; height:auto; min-height:300px;}

.history_con {background-size:320px 280px; background-position:40% 0;}
.history_con p{font-size:1.3em; margin-top:350px; padding:0; text-align:center;}
.history_con span{font-size:1.8em; }

.introduce_bg07 {clear:both;background-size:320px;  background-position:50% 0;width:100%;  margin-top:0px; margin:0 auto; padding:0px 0;height:auto;}

.ml520 {margin:230px 0 0 0px;}


.img_wrap {display:inline-block; float:left; width:100%; text-align:center;margin-bottom:20px;}
.img_wrap li {float:none; padding-bottom:10px;}
.img_wrap li img {height:100%;}
.img_wrap_2 {display:inline-block; float:left; width:100%; margin:30px 0 10px 0;}
.img_wrap_2 p {font-size:1.2em;}




/*보전*/
.introduce_bg08 {clear:both;background-size:320px; background-position:50% 0;width:100%;  margin-top:0px; margin:0 auto; padding:0px 0;height:auto;}
.introduce_bg08 h4:first-child {margin-top:250px;}




/*자생차밭 정비*/
.gochasu {width:90%; height:100%;  }

.gochasu img {padding:25px 0%;width:100%; }
.gochasu ul {width:100%; padding:20px 0;}




/*보전및관리*/
.preserv_ul li {clear:both; padding:190px 0 40px 0px; margin-bottom:20px; }
.preserv_ul li h4 {font-size:18px;}
.preserv_ul li p {line-height:150%; font-size:13px;}
.preserv_ul li li {font-size:14px; background-position:0 7px; }



.preserv_ul li.ico_0201 {background-position:50% 10%;  background-size:150px 150px;}
.preserv_ul li.ico_0202 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0203 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0204 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0205 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0206 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0207 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0208 {background-position:50% 5%;  background-size:150px 150px;}
.preserv_ul li.ico_0209 {background-position:50% 5%;  background-size:150px 150px;}



/*전통차체험*/
.spc3card2 .w1{	width:49%; margin: 0 0.5% 10px 0.5%; min-height:260px;}
.spc3card2 .tg1 { padding: 10px 0px;}
.spc3card2 .li2 a { margin: 3px 0 5px 0;}
.spc3card2 .tg1 .h1 {font-size: 13px; letter-spacing:-1px;}
.spc3card2 .tg1 .ic1 {  width: 40px;margin: -6px 0 -8px -5px;}
.spc3card2 .li2 {margin: 0 0 .3em;padding: 0 0 0 11px;background: url(/images/sub/ico_h5.gif) 0 6px no-repeat;}
.spc3card2 .w1g2 { padding: 5px 10px;}



/*마을소개*/
.intro_p1 {font-size: 1.2em; }
.intro_p2 {font-size: 1.5em;  margin:5px 0 20px 0;}
.intro_p3 {font-size: 1.1em; margin:20px 0;} 


.pc_none { display: block; margin-bottom:20px;}
.dp_pc {display:none;}



/*관광명소*/
#contents_bookmark .text {font-size: 1.3em;}



/*관광명소 아이콘*/
.gnbc_w {display:none;}
.basic {font-size: 14px;padding:0 5px;}
.literature_street { height: 702px;background-size:cover;}
.literature_street_h ul li img { width:80px; height:80px;border-radius:50%; }
.literature_street_in1 h4 {padding-left:10px;}
.depth6 li {font-size: 14px;  padding-left: 10px;}
.tour_h3 {font-size: 2.0em;}
.tour_h4 { font-size: 1.5em;margin-left:5px;}

span.next {display: inline-block;}


ul.img_col3 { margin: 20px 0%; width: 100%; }
ul.img_col3 > li {max-width: 100%;width: 100%;margin: 10px 0;}
ul.img_col3 li img {max-width: 100%;}


.recreation_forest_link .inner {padding-top: 123px;}

.recreation_forest_link ul {width: 70%;text-align:center;}
.recreation_forest_link ul li {width: 50%;text-align:center;margin-bottom:15px;}


.recreation_forest_pnrm .map {position: relative;max-width: 700px;width: 700px;height: 463px;margin: 0 auto;}
.recreation_forest_pnrm .map img {width: 1000px;height: auto;}

.literature_street_map p.align_center img {width: 100%;height: auto;}
.literature_street_map li a .ico {background-size:30px;}
.literature_street_map li a:hover .ico, .literature_street_map li a:focus .ico {background-size:30px;}

.yulpo_beach { height: 602px;}
.yulpo_beach_info ul li {margin: 0 5px;}
.yulpo_beach_info ul li img {width:90px; height:90px;}
.yulpo_beach_center ul li {margin: 0 5px;}
.yulpo_beach_center ul li img {width:90px; height:90px;}

.seojp_pnra {width:1000px; height:440px; background-size:1000px; }
.seojp_pnra ul { width:1000px; height:auto; margin-top:0px;}
.seojp_pnra ul li.p1 { top:89px; left:550px;}
.seojp_pnra ul li.p2 { top:0; left:255px;}
.seojp_pnra ul li.p3 { top:40px; left:359px;}
.seojp_pnra ul li.p4 { top:73px; left:458px;}
.seojp_pnra ul li.p5 { top:154px; left:352px;}
.seojp_pnra ul li.p6 { top:194px; left:254px;}
.seojp_pnra ul li.p7 { top:120px; left:233px;}
.seojp_pnra h3 { padding: 52px 0 40px 20px;text-align:left;}
.seojp_pnra ul li a .ico { height: 57px;}
.seojp_pnra .inner {padding:0;}

/*관광명소 모바일 셀렉트*/
.family_box {position:relative; display:block;z-index:1;}
.family_box .select {height:42px; width:96%; margin-left:2%; float:left; box-sizing:border-box;}
.family_box .select dl {position:relative;}
.family_box .select dl dt a {display:block; height:42px;  width:96%; margin-left:2%; line-height:44px; padding:0 15px; box-sizing:border-box; position:relative; border:2px solid #1AAC2C; font-size:15px; color:#222;}
.family_box .select dl dt a:after {content:''; display:block; width:11px; height:6px; position:absolute; right:15px; background:url(../images/sub/foot_selectbg.png) no-repeat; top:50%; margin-top:-3.5px;}
.family_box .select dl dt a.on:after {content:''; display:block; width:11px; height:6px; position:absolute; right:15px; background:url(../images/sub/foot_selectbg02.png) no-repeat; top:50%; margin-top:-3.5px;}

.family_box .select dl dd {background:#fff; border:1px solid #e6e6e6; position:absolute; top:41px; width:96%;  margin-left:2%;height:286px; overflow-y: auto; z-index:10; display:none; box-sizing:border-box; }
.family_box .select dl dd a {display:block; padding:5px 15px; font-size:14px; border-bottom:1px dotted #e6e6e6; }
.family_box .select dl dd a:hover {background:#1AAC2C; color:#fff;}
.family_box .select dl dd a:focus {background:#1AAC2C; color:#fff;}


}