@charset "utf-8";
@import "reset.css";
@import "common.css";


/* main에 쓰인 스타일 */
#main_visual {position:relative; background:url(/images/main/bg_visual.gif) repeat-x 0 0;; height:362px;z-index:122;}
#main_visual .inner {width:980px; margin:0 auto;}
#main_visual .visual_list {position:relative;}
#main_visual .visual_prev {position:absolute; top:135px; left:0; z-index:1000;}
#main_visual .visual_next {position:absolute; top:135px; right:0; z-index:1000;}

/* 이전 지도 지역별 소개 코딩
#main_visual .visual_list .visual_01 {width:980px; height:361px; background:url(/images/main/visual01_map_bg.jpg) no-repeat right bottom;}
#main_visual .visual_list .visual_01 .vleft {padding:60px 0 0 20px; float:left;}
#main_visual .visual_list .visual_01 .vleft .visual01_txt01 {color:#366d01; font-size:32px; font-weight:bold; line-height:35px; font-family: 'Roboto Condensed', 'Nanum Gothic', 나눔고딕, "Malgun Gothic", "맑은 고딕", dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS, sans-serif; }
#main_visual .visual_list .visual_01 .vleft .visual01_txt02 {color:#366d01; font-size:37px; font-weight:bold; line-height:52px; font-family: 'Roboto Condensed', 'Nanum Gothic', 나눔고딕, "Malgun Gothic", "맑은 고딕", dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS, sans-serif; }
#main_visual .visual_list .visual_01 .vleft .visual01_txt02 span {color:#61b70d; font-size:45px; font-weight:bold; font-style: italic; }
#main_visual .visual_list .visual_01 .vleft .visual01_txt03 {color:#555; font-size:21px; font-weight:bold; line-height:20px;}
#main_visual .visual_list .visual_01 .vleft ul {margin-top:15px;}
#main_visual .visual_list .visual_01 .vleft ul li {background:url(/images/common/bullet_03.gif) no-repeat 2px 7px; font-size:14px; line-height:18px; padding-left:14px; margin-bottom:5px; font-family:'Roboto Condensed', sans-serif;}
#main_visual .visual_list .visual_01 .vleft .btnType01 {padding: 4px 17px; background: #72b3dc; border: 1px solid #14619c;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px;    font-size: 16px;    font-weight: bold;    color: #fff;    margin-top: 5px;    margin-left: 15px;    display: block;    float: left}

#main_visual .visual_list .visual_01 .vright .vcountry1 > a {background:url(/images/main/visual01_pin.png) no-repeat center 0; width:34px; height:49px; position:absolute; top:154px; right:140px;}
#main_visual .visual_list .visual_01 .vright .vcountry1 div {background:url(/images/main/visual01_balloon_01.png); padding:24px 49px 20px 20px;  width:166px; height:246px; position:absolute; top:35px; right:171px;}
#main_visual .visual_list .visual_01 .vright .vcountry1 div .txt1 {font-size:17px; font-weight:bold; color:#999; font-family: 'Roboto Condensed', 'Nanum Gothic', 나눔고딕, "Malgun Gothic", "맑은 고딕", dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS, sans-serif;  padding-bottom:10px; border-bottom:1px solid #ddd;}
#main_visual .visual_list .visual_01 .vright .vcountry1 div .txt2 {color:#ababab; padding-top:5px;}
#main_visual .visual_list .visual_01 .vright .vcountry1 div .txt3 {color:#83a3ba; font-size:11px; padding-top:5px;}
#main_visual .visual_list .visual_01 .vright .vcountry1 div .txt4 {color:#969595; font-weight:bold; padding:10px 0 2px 0; font-size:13px;}
#main_visual .visual_list .visual_01 .vright .vcountry1 div .txt5 {}
#main_visual .visual_list .visual_01 .vright .vcountry1 div .btnType02 {display:block; float:left; padding:0 15px; color:#fff; font-weight:bold; border-radius:5px; background:url(/images/common/btn_bg.gif) repeat-x 0 0; height:27px; line-height:22px; margin-top:10px;}
#main_visual .visual_list .visual_01 .vright .vcountry1 div .close {position:absolute; top:11px; right:40px;}
 */


#main_visual .visual_list .visual_02 {width:980px; height:361px; background:url(/images/main/visual_img02.png) no-repeat right bottom;}
#main_visual .visual_list .visual_02 .vleft {padding:60px 0 0 60px; float:left;}
#main_visual .visual_list .visual_02 .vleft .visual02_txt01 {color:#064355; font-size:20px; font-family: 'Roboto Condensed', 'Nanum Gothic', 나눔고딕, "Malgun Gothic", "맑은 고딕", dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS, sans-serif; margin-bottom:15px;}
#main_visual .visual_list .visual_02 .vleft .visual02_txt02 { margin-bottom:18px;}
#main_visual .visual_list .visual_02 .vleft .visual02_txt03 {color:#6f6f6f; font-size:14px; line-height:16px; }
#main_visual .visual_list .visual_02 .vleft .btnType01 {padding: 4px 17px; background: #064355;  -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px;    font-size: 14px;     color: #fff;    margin-top: 10px;display: block;    float: left}


#main_visual .visual_list .visual_03 {width:980px; height:361px; background:url(/images/main/visual_img03.png) no-repeat right bottom;}
#main_visual .visual_list .visual_03 .vright {padding:60px 60px 0 0; float:right;}
#main_visual .visual_list .visual_03 .vright .visual03_txt00 {text-align:right; margin-bottom:15px; }
#main_visual .visual_list .visual_03 .vright .visual03_txt00 span {color:#fff; background:#0083c9; font-size:17px; font-family: 'Roboto Condensed', 'Nanum Gothic', 나눔고딕, "Malgun Gothic", "맑은 고딕", dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS, sans-serif; padding-right:10px;  padding-left:10px;}
#main_visual .visual_list .visual_03 .vright .visual03_txt01 {margin-bottom:18px; text-align:right;}
#main_visual .visual_list .visual_03 .vright .visual03_txt02 {color:#002c43; font-size:14px; line-height:20px; text-align:right; }
#main_visual .visual_list .visual_03 .vright .visual03_txt02 span {font-size:18px;}
#main_visual .visual_list .visual_03 .vright .visual03_txt02 img {padding: 0 5px;}
#main_visual .visual_list .visual_03 .vright .btnType01 {padding: 4px 17px; background: #008e00;  -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px;    font-size: 14px;     color: #fff;    margin-top: 10px;display: block;    float:right;}





#container_main {}
#container_main .inner {width:980px; margin:0 auto;}
.section1 {width:605px; float:left; margin-bottom:30px;}
.section2 {width:335px; float:right; /*margin-bottom:30px;*/}

.tabType01 {margin-top:30px; border-bottom:4px solid #4db7f5; height:30px; width:526px; margin-right:2px; float:left;}
.tabType01 li {float:left; width:130px; border-right:2px solid #fff; line-height:30px;}
.tabType01 li a h2{ display:block; text-align:center; font-size:16px; font-family: 'Roboto Condensed', 'Nanum Gothic', 나눔고딕, "Malgun Gothic", "맑은 고딕", dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS, sans-serif;  font-weight:bold; color:#666; border-bottom:4px solid #4db7f5;}
.tabType01 li.on a h2,
.tabType01 li a:hover h2,
.tabType01 li a:active h2,
.tabType01 li a:focus h2 {background:#027ec7; border-bottom:4px solid #027ec7; color:#fff;}
.section1 .more {height:18px; border-bottom:4px solid #979c9f; width:77px; float:left; text-align:center; padding-top:12px; margin-top:30px;}

.section1 .tab1 {height:460px;}
.section1 .tab1 ul {clear:both; }
.section1 .tab1 ul li { clear:both; margin-bottom:16px; height:78px;}
.section1 .tab1 ul li:first-child {padding-top:36px; }
.section1 .tab1 ul li .bbs_date { float:left; background:url(/images/main/bg_board_date.png) no-repeat 0 0; width:78px; height:78px; padding-right:16px; text-align:center; color:#fff; font-weight:bold; font-size:18px; line-height:35px;  font-family: 'Roboto Condensed', 'Nanum Gothic', 나눔고딕, "Malgun Gothic", "맑은 고딕", dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS, sans-serif; }
.section1 .tab1 ul li .bbs_date span {font-size:30px; line-height:30px; height:40px;}
.section1 .tab1 ul li .bbs_title a { float:right; width:490px; color:#333; font-size:14px; font-weight:bold; margin-bottom:5px; margin-top:5px; height:19px; overflow:hidden;}
.section1 .tab1 ul li .bbs_contents a { float:right; width:490px; text-align:justify; text-justify:inter-cluster;  font-family: 'Roboto Condensed', 'Nanum Gothic', 나눔고딕, "Malgun Gothic", "맑은 고딕", dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS, sans-serif;  color:#666; font-size:13px; line-height:14px; height:43px; overflow:hidden;}


.section1 .tab2 {height:460px;}
.section1 .tab2 > ul {clear:both; }
.section1 .tab2 > ul > li { clear:both; height:60px; overflow:hidden; position:relative; padding:18px; border-bottom:1px dashed #ddd;}
.section1 .tab2 > ul > li:hover {background:#f9f9f9;}
.section1 .tab2 > ul > li > dl {width:530px;}
.section1 .tab2 > ul > li > dl dt {height:20px; overflow:hidden;}
.section1 .tab2 > ul > li > dl dt a {color:#2f2f2f; font-weight:bold; font-size:13px;}
.section1 .tab2 > ul > li > dl dt a:hover {text-decoration:underline;}
.section1 .tab2 > ul > li > dl dt a span {margin-right:10px;}
.section1 .tab2 > ul > li > dl dt a img {padding:0 10px;}
.section1 .tab2 > ul > li > dl dd {margin-bottom:10px}
.section1 .tab2 > ul > li > dl dd.category {font-size:11px; color:#06C; clear:both; padding-top:10px;}
.section1 .tab2 > ul > li > dl dd ul li {float:left; background:url(/images/common/bg_short_part2.gif) no-repeat left center; padding: 0 10px; font-size:11px;}
.section1 .tab2 > ul > li > dl dd ul li:first-child {padding-left:0; background:none;}
.section1 .tab2 > ul > li .file_area {position:absolute; bottom:30px; right:10px;}


.section2 h2 {margin-top:30px; background:url(/images/main/bg_sns_title.gif) no-repeat 0 0; height:60px;font-size:18px; color:#fff; padding-left:70px; line-height:43px; position:relative;}
.section2 h2.fb {
	margin-top:20px; background:url(/images/main/bg_fb_title.png) no-repeat 0 0;
}

.section2 h2 .sns_title_more {position:absolute; top:11px; right:17px;}
.section2 ul { background:#f3f3f3; padding:18px 20px 0 30px; height:130px; overflow:hidden; width:285px; border-bottom:1px solid #8ab4cd;}

.section2 #fbfeed ul {
	overflow-y:scroll;
}

.section2 ul li { float:left; width:278px; padding-bottom:10px; border-bottom:1px solid #d4d4d4; margin-bottom:10px;}
.section2 ul li:last-child {
	border:none;
}
.section2 ul li dl { clear:both; width:285px;}
.section2 ul li dl dt {float:left; margin-right:16px}
.section2 ul li dl dd.sns_name a {float:left; font-size:13px; font-weight:bold; color:#0960ba; height:19px; line-height:19px; overflow:hidden;margin-top:5px; ext-overflow:ellipsis; white-space:nowrap; width:100px;}
.section2 ul li dl dd.sns_cont a {float:left; font-size:12px; width:220px; color:#666; line-height:20px; height:20px; overflow:hidden;}
.section2 ul li dl dd.sns_date a {float:left; font-size:11px;color:#027ec7; overflow:hidden; margin-left:10px; line-height:19px;margin-top:5px;}
.section2 ul li dl dd.sns_cont2 a {float:left; font-size:12px; width:220px; color:#666; line-height:20px; overflow:hidden;}


.section2 .sns_more {clear:both; background:#f3f3f3; text-align:center; border-top:1px solid #fff;}
.section2 .sns_more a {display:block; padding:7px 0;}
.section2 .link_banner1 {}


.go_dblink {margin-top:35px;}