@charset "euc-kr";
@import url("common.css");
@import url("global.css");

div#main_wrap {position:relative; width:975px; height:810px;}
div#main_wrap div.main_left {float:left; width:215px;}
div#main_wrap div.main_middle {float:left; width:440px;}
div#main_wrap div.main_right {float:left; width:200px; top:0; margin-left:10px;}

/* member Join */
ul.member { height:40px; position:relative; clear:both;}
ul.member li { float:left; line-height:100%; list-style:none}
ul.member li.login_ment { padding:5px 0 0 15px;}
ul.member li.login_btn { padding:3px 10px 0 10px;}

/* traffic */
div.traffic { position:relative; clear:both; background:url("../img/main/traffic_stroke.gif") no-repeat; height:230px; margin-bottom:10px;}
div.traffic_tit ul { clear:both; overflow:hidden; height:40px; list-style:none;}
div.traffic_tit li{ float:left;}
div.traffic_tit li h4 { padding:5px 0 9px 13px;}
div.traffic_tit li.more { padding:8px 20px 0 0; float:right;}
div.traffic_bus { padding:0 0 0 15px; width:180px; height:50px;}
ul.traffic_menu { position:relative; margin:10px 0 0 15px; width:180px;}
ul.traffic_menu li {background:url("../img/common/bul_blue_s.gif") no-repeat 0 8px; text-indent:7px; line-height:160%; list-style:none;}

/* weather */
div.weather { background:url("../img/main/weather_stroke.gif") no-repeat; height:120px; margin-bottom:10px;}
h4.weather_tit {padding:5px 0 9px 13px;}
div.weather_info { margin:0px 0 0 15px; width:180px; }

/* Phone Directory */
div.phone { background:url("../img/main/phone_stroke.gif") no-repeat; height:150px; margin-bottom:10px;}
div.phone_tit ul { clear:both; overflow:hidden;height:35px;}
div.phone_tit ul li{ float:left; list-style:none;}
div.phone_tit ul li h4 { padding:5px 0 9px 13px;}
div.phone_tit ul li.more { padding:8px 20px 0 0; float:right;}
ul.phone_info { position:relative; margin:3px 0 0 15px; width:180px;}
ul.phone_info li {background:url("../img/common/bul_blue_s.gif") no-repeat 0 5px; padding-left:7px; list-style:none; line-height:100%}
ul.phone_info li.phone_info_01 { height:35px; line-height:100%; }
ul.phone_info li.phone_info_02 { height:35px; line-height:100%;}
ul.phone_info li.phone_info_03 { height:35px; line-height:100%;}

/* Exchange Rate */
div.exchange { background:url("../img/main/exchange_stroke.gif") no-repeat; height:205px;}
div.exchange_tit ul { clear:both; overflow:hidden; height:30px;}
div.exchange_tit ul li{ float:left; list-style:none;}
div.exchange_tit ul li h4 { padding:5px 0 9px 13px;}
div.exchange_tit ul li.more { padding:8px 20px 0 0; float:right;}
div.exchange_info { margin:0px 0 0 15px; width:180px; text-align:center }



div#community { clear:both; background-color:#EEEEEE; padding:10px 15px 10px 15px;}
/* new clip */
div.news { width:410px; margin-bottom:5px; background-color:#EEEEEE}
div.news_tit ul { clear:both; overflow:hidden; height:30px; background:url(../img/main/news_line.gif) repeat-x; margin-bottom:10px;}
div.news_tit ul li{ float:left; list-style:none;}
div.news_tit li h4 { padding:2px 0 0 0; width:320px;}
div.news_tit li.rss { margin:7px 5px 0 10px;}
div.news_tit li.more { margin:7px 0px 0 0;}
div#news_view { }
div#news_view .news_view_img { float:left; padding:0px; width:150px; height:110px;}
div#news_view .news_view_cnt ul { position:relative; clear:both; float:right; width:260px; line-height:120%; word-break:break-all; padding:0; color:#666666; list-style:none}
div.news_clip ul{ list-style:none; }
div.news_clip ul li span.title { clear:both; text-indent:7px; padding-bottom:2px; background:url("../img/common/bul_blue_s.gif") no-repeat 0px 8px; list-style:none; line-height:100%; float:left;}
div.news_clip ul li span.date { color:#666666; list-style:none; width:80px; list-style:none; text-align:right; float:right}

/* daily news */
div#community .daily { width:410px; }

/* Faq */
div#faq { position:relative; clear:both; padding:0px 10px 5px 10px; background-color:#EEEEEE;}
div#faq_stroke { width:420px; height:175px; background:url(../img/main/faq_stroke.gif) no-repeat;}
div.faq_tit ul { clear:both; overflow:hidden; height:30px; background:url(../img/main/news_line.gif) repeat-x; margin:0px 10px 10px 10px; list-style:none;}
div.faq_tit ul li{ float:left;}
div.faq_tit ul li h4 { padding:5px 0 0 0;}
div.faq_tit ul li.more { margin:8px 0px 0 0; float:right}
div.faq_cnt01, .faq_cnt02 { margin-bottom:5px; background-color:#EEEEEE; position:relative; clear:both; }
div.faq_cnt01 ul.faq_cnt_01 {float:left; width:195px; padding-left:15px; list-style:none;}
div.faq_cnt01 ul.faq_cnt_02 {float:right; width:195px; padding-right:15px; list-style:none;}
div.faq_cnt02 ul.faq_cnt_03 {float:left; width:195px; padding-left:15px; list-style:none;}
div.faq_cnt02 ul.faq_cnt_04 {float:right; width:195px; padding-right:15px; list-style:none;}
div.faq_cnt01 .faq_cnt_01 ul li {background:url(../img/common/ico_q_red.gif) no-repeat 0 3px; text-indent:15px; line-height:110%; list-style:none;}
div.faq_cnt01 .faq_cnt_02 ul li {background:url(../img/common/ico_q_oran.gif) no-repeat 0 3px; text-indent:15px; line-height:110%; list-style:none;}
div.faq_cnt02 .faq_cnt_03 ul li {background:url(../img/common/ico_q_blue.gif) no-repeat 0 3px; text-indent:15px; line-height:110%; list-style:none;}
div.faq_cnt02 .faq_cnt_04 ul li {background:url(../img/common/ico_q_green.gif) no-repeat 0 3px; text-indent:15px; line-height:110%; list-style:none;}

/* tour */
div.tour { position:relative; clear:both; width:410px; height:155px; margin:5px 15px 5px 15px;}
div.tour_tit ul { clear:both; overflow:hidden; height:30px; background:url(../img/main/news_line.gif) repeat-x; margin-bottom:10px;}
div.tour_tit ul li{ float:left; list-style:none;}
div.tour_tit ul li h4 { padding:2px 0 0 0;}
div.tour_tit ul li.more { margin:8px 0px 0 0; float:right}

div.culture { position:relative; clear:both; width:410px; height:55px; margin-bottom:10px;}
div.culture_01 { position:relative; clear:both; border-right:1px solid #dbe1e6; border-left:1px solid #dbe1e6; overflow:hidden; width:200px; height:55px; margin-bottom:5px; float:left}
div.culture_01 .culture_img{ float:left; padding:0px; width:60px;}
div.culture_01 .culture_tit{ float:right; width:135px; line-height:100%;}
div.culture_01 .culture_tit li{ background:url("../img/common/bul_blue_s.gif") no-repeat 0px 8px; padding-left:7px; line-height:100%;}
div.culture_01 ul.culture_list {padding:0; list-style:none;}

div.culture_02 { position:relative; clear:both; overflow:hidden; width:200px; height:55px; float:right;}
div.culture_02 .culture_img{ float:left; padding:0px; width:60px;}
div.culture_02 .culture_tit{ float:right; width:135px; line-height:100%;}
div.culture_02 .culture_tit li{ background:url("../img/common/bul_blue_s.gif") no-repeat 0px 8px; padding-left:7px; line-height:100%;}
div.culture_02 ul.culture_list {padding:0; list-style:none;}

div.tour_info { position:relative; width:410px; height:45px; border:1px solid #DDDDDD; background-color:#EEEEEE;}
div.tour_info ul {position:absolute; top:2px; left:10px; width:390px; height:35px; list-style:none;}
div.tour_info ul li {float:left; padding:0 0 0 10px; background:url("../img/common/bul_blue_s.gif") no-repeat 0 8px;}
div.tour_info ul li span {display:block; width:120px; font-size:11px;}

/* media */
div.media { width:410px; height:100px; margin:5px 15px 0px 15px;}
div.media_tit ul { clear:both; overflow:hidden; height:25px; margin-bottom:5px; background:url(../img/main/media_line.gif) repeat-x;}
div.media_tit ul li{ float:left; list-style:none;}
div.media_tit ul li h4 { padding:0;}
div.media_tit ul li.more { margin:5px 0 0 0; float:right}

div#media_gallery { width: 410px; height:80px;}
div#media_gallery .photo01 { overflow:hidden; width:100px; height:68px; float:left; text-align:center}
div#media_gallery .photo02 { overflow:hidden; width:100px; height:80px; float:left; text-align:center}
div#media_gallery .photo03 { overflow:hidden; width:100px; height:80px; float:left; text-align:center}
div#media_gallery .photo04 { overflow:hidden; width:100px; height:80px; float:right; text-align:center}



/* resident */
div#resident { border:1px solid #DDDDDD; background:#FFF; height:190px; width:200px; margin:0 0 10px 0;}
div#resident .resident01 { padding:5px;}
div#resident .resident01_tit { background-color:#4685b8; height:18px; text-indent:10px; line-height:18px; margin-bottom:3px;}
div#resident .resident01 ul { list-style:none;}
div#resident .resident01 li { background:url("../img/common/bul_blue_s.gif") no-repeat 0px 8px; padding-left:7px; line-height:100%; margin-left:10px;}
div#resident ul.resident02 { list-style:none; padding:0 5px 5px 5px;}
div#resident ul.resident02 li { background-color:#EEEEEE; height:18px; margin-bottom:1px; text-indent:10px; line-height:18px;}
div#resident ul.resident02 li a:hover { display: block; color:#ca0002; text-decoration:none; background: #e8f0ff; text-indent:10px; line-height:18px; height:18px;}

/* major */
div#major { width:200px; height:135px; margin:0 0 10px 0; background:url(../img/main/major_stroke.gif) no-repeat;}
div#major ul { list-style:none; padding:75px 0 0 15px;}
div#major ul li { background:url("../img/common/btn_more_arrow.gif") no-repeat 0px 6px; line-height:19px; text-indent:10px; margin-bottom:5px;}

/* festival */
div#festival { border:1px solid #DDDDDD; background:#EEEEEE; width:200px; margin:0 0 10px 0; height:210px;}
div#festival .festival_tit ul { clear:both; overflow:hidden; height:30px; list-style:none}
div#festival .festival_tit ul li{ float:left;}
div#festival .festival_tit ul li h4 { margin:5px 0 0px 10px; }
div#festival .festival_tit ul li.more { float:right; padding:9px 10px 0 0;}
div#festival .festival_bnn { text-align:center; height:65px; margin-bottom:5px;}
div#festival .festival_cnt { width:180px; padding-left:10px;}
div#festival .festival_cnt ul { list-style:none; background:url(../img/common/dotline_w.gif) repeat-x; padding:5px;}
div#festival .festival_cnt li { line-height:110%;}

/* userful links */
div#userful { border:1px solid #DDDDDD; background:#EEEEEE; width:200px; margin:0px; height:210px;}
div#userful .user_tit ul { clear:both; overflow:hidden; height:30px; list-style:none; background:url(../img/main/media_line.gif) repeat-x; margin:5px 10px 0px 10px;}
div#userful .user_tit li{ float:left;}
div#userful .user_tit li h4 { margin:0px; }
div#userful .user_tit li.more { float:right; margin:3px 0px 0 0;}
div#userful .user_gfn { text-align:center; height:45px; margin-bottom:5px;}
div#userful .user_bnn ul { list-style:none; padding-left:10px;}
div#userful .user_bnn li { float:left; line-height:100%; margin-bottom:5px;}