/* 인사말 */
.greeting_box {width:100%; overflow:hidden;}
.greeting_box > .imgbox {float:right; margin-left:5%; background:url('/S2001/images/sub/greeting_bg.gif') no-repeat right top; padding:3%;}
.greeting_box > .imgbox > img {width:100%;}
.greeting_box > .imgbox > div {text-align:center; font-size:24px; font-weight:normal;}
.greeting_box > .imgbox > div > span {display:block; width:100%; font-size:15px; font-weight: normal; margin-bottom:10px;}
.greeting_box > .imgbox > div > span.sign {font-family:serif; font-weight:bold; font-size:18px; padding-top:5px;}
.greeting_box > .imgbox > div > img {clear:both;}
.greeting_box > .txtbox > p {font-size:15px; margin-top:15px;}
.greeting_box > .txtbox > p:first-child {margin-top:0px;}
.greeting_box > .txtbox > p.tit {font-size:18px; color:#0065b3; font-weight:600;}
.greeting_box .stl_02 {float:right; margin-top:20px;}
.greeting_box .stl_02 > span {float:left; margin-top:5px;}
.greeting_box .stl_02 > img {float:left; margin-left:10px;}

@media all and (max-width: 920px) {
	.greeting_box > .imgbox {background-image:none; background:#f6f6f6; border:1px solid #e5e5e5; width:30%;}
}
@media all and (max-width: 500px) {
	.greeting_box > .imgbox {width:40%;}
}
@media all and (max-width: 420px) {
	.greeting_box > .imgbox {width:100%;}
	.greeting_box > .txtbox {clear:both; width:100%;}
	.greeting_box > .txtbox > .tit {padding-top:20px !important;}
}


/* 지역별소개 */
.ri_box {width:100%; margin-top:30px; overflow:hidden;}
.ri_box > .imgbox {float:left; width:258px; background:url('/S2001/images/sub/ri_bg.gif') no-repeat left top; padding:3%; text-align:center;}
.ri_box > .imgbox > div > img {background:#fff; padding:4%;}
.ri_box > .imgbox > a.ri_btn {clear:both; margin-top:4%; display:inline-block; background:url('/S2001/images/sub/ri_btn.png') no-repeat 18px 12px #0065b3; padding:13px 20px 13px 45px; border-radius:100px; color:#fff; font-weight:900; font-size:14px;}
.ri_box > .txtbox {float:left; margin-top:20px; margin-left:5%; width:63%;}
.ri_box > .txtbox > p {font-size:15px; margin-top:15px;}
.ri_box > .txtbox > p:first-child {margin-top:0px;}

@media all and (max-width: 1023px) {
	.ri_box > .txtbox {width:60%;}
}

@media all and (max-width: 845px) {
	.ri_box > .imgbox {background-image:none; background:#f6f6f6; border:1px solid #e5e5e5; width:40%;}
	.ri_box > .imgbox > img {padding:6%;}
	.ri_box > .txtbox {width:55%;}
}
@media all and (max-width: 690px) {
	.ri_box > .imgbox > img {padding:8%;}
	.ri_box > .txtbox {width:50%;}
}
@media all and (max-width: 620px) {
	.ri_box > .txtbox {width:45%;}
}
@media all and (max-width: 643px) {
	.ri_box > .imgbox {width:100%;}
	.ri_box > .imgbox > div {width:100%; margin:0 auto; text-align:center; background:#fff;}
	.ri_box > .txtbox {width:98%; margin-left:1%;}
}

/* 지역별소개 - 용암면타입 */
.ri_box > .imgbox02 {float:left; width:100%; background:#f6f6f6; border:1px solid #e5e5e5; padding:2%; text-align:center;}
.ri_box > .imgbox02 > div {width:100%; margin:0 auto; text-align:center; background:#fff;}
.ri_box > .imgbox02 > a.ri_btn {clear:both; margin-top:2%; display:inline-block; background:url('/S2001/images/sub/ri_btn.png') no-repeat 18px 12px #0065b3; padding:13px 20px 13px 45px; border-radius:100px; color:#fff; font-weight:900; font-size:14px;}
.ri_box > .txtbox02 {float:left; clear:both; margin-top:20px; width:100%;}
.ri_box > .txtbox02 > p {font-size:15px; margin-top:15px;}

@media all and (max-width: 643px) {
	.ri_box > .imgbox02 {padding:3%;}
	.ri_box > .imgbox02 > a.ri_btn {clear:both; margin-top:4%;}
}

/* 지역간거리현황*/
.graph_wrap {background:#f6f6f6; border:1px solid #e5e5e5; padding:5%; margin-top:20px;}
.graph_wrap > table {width:100%;}
.graph_wrap > table td {text-align:center; padding:5px 0; color:#000; border:1px solid #f6f6f6;}
.graph_wrap > .table01 td {width:10%;}
.graph_wrap > .table02 td {}

.white {background-color:#fff;}
.color_01 {background-color:#efdeaf;}
.color_02 {background-color:#efcfaf;}
.color_03 {background-color:#ecefaf;}
.color_04 {background-color:#d7ebb9;}
.color_05 {background-color:#c4e8d6;}
.color_06 {background-color:#b8e8eb;}
.color_07 {background-color:#b8d6eb;}
.color_08 {background-color:#bac7e8;}
.color_09 {background-color:#c0bae8;}
.color_10 {background-color:#d9c4ea;}
.color_11 {background-color:#f3c9e4;}
.color_12 {background-color:#ffdce2;}
.color_13 {background-color:#fff0dc;}
.color_14 {background-color:#fffddc;}
.color_15 {background-color:#ededed;}
.color_16 {background-color:#dddddd;}
.color_17 {background-color:#e6d8b5;}
.color_18 {background-color:#e6ccb5;}

@media all and (max-width: 400px) {
	.graph_wrap > .table01 td {font-size:12px;}
	.graph_wrap > .table02 td {font-size:11px;}
}

/* 볼거리 */
.bur_box {padding:3%; overflow:hidden;}
.bur_box > .bur_list {float:left; width:28%; text-align:center; margin:2.5%;}
.bur_box > .bur_list img {width:100%; border:1px solid #ccc;}
.bur_box > .bur_list ul {margin-top:10px;}
.bur_box > .bur_list a {clear:both; margin-top:10px; display:inline-block; width:60%; background:url('/S2001/images/sub/ri_btn.png') no-repeat 30px 9px #0065b3; padding:10px 0 10px 30px; border-radius:100px; color:#fff; font-weight:900; font-size:14px;}

@media all and (max-width: 800px) {
	.bur_box > .bur_list {width:45%;}
}
@media all and (max-width: 550px) {
	.bur_box > .bur_list a {background:url('/S2001/images/sub/ri_btn.png') no-repeat 15px 9px #0065b3; font-size:13px;}
}
@media all and (max-width: 430px) {
	.bur_box > .bur_list {width:95%;}
	.bur_box > .bur_list a {background:url('/S2001/images/sub/ri_btn.png') no-repeat 30px 9px #0065b3; font-size:14px;}
}