﻿@charset "utf-8";
/* CSS Document */
/* 해바라기흥업 ASH 091123 */ 
/* css정렬은 한줄로 쓰는것을 원칙으로 한다.-Enter key는 두번 이상 띄우지 않는다. */ 
@import url("default.css");
@import url("eventboard.css");

/* layout */
html, body { margin:0; padding:0; color:#484448; font-size:12px; background:none !important;}
#event_wrap {position:relative; width:976px; margin:0 auto; text-align:center; color:#424448; font-size:12px;}
#event_header {top:0px; width:100%; height:70px; margin:0 auto; text-align:center;}
#event_container {*zoom:1; width:969px; text-align:left;}
#event_container:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
#event_footer {width:976px; height:90px; margin:0 auto; padding-top:45px; text-align:center; background:url(../images/event/bg_footer.gif) 0px 45px no-repeat; clear:both; vertical-align:text-top;}
.snb {float:left; width:186px;}
.contents_out {float:left; width:783px; background:url(../images/event/box_l.gif) left repeat-y;}
.contents_out2 {float:left; width:783px; background:url(../images/event/box_l2.gif) left repeat-y;}
.contents_in {padding:0px 0px 0px 86px; width:697px; background:url(../images/event/box_l_t.gif) left top no-repeat;}
.contents_in2 {padding:0px 0px 0px 53px; background:url(../images/event/box_l_t2.gif) left top no-repeat;}
.contents_end {padding:15px 0px 50px 83px; background:url(../images/event/box_l_b.gif) left bottom no-repeat;}
.contents_end2 {padding:15px 0px 50px 83px; background:url(../images/event/box_l_b2.gif) left bottom no-repeat;}

#event_header h1 {display:block; position:relative; left:27px; *left:30px; top:28px; width:100px; text-align:left;}
#event_wrap a {color:#424448; text-decoration:none; font-size:12px; line-height:13px;}
#event_wrap a:hover {color:#3399cc; text-decoration:underline; font-size:12px; line-height:13px; }
.top_box {display:block; position:relative; top:0px; left:239px; *left:63px; background-color:#003399; width:730px; height:15px;}
.top_box2 {display:block; position:relative; top:0px; left:239px; *left:63px; background-color:#929292; width:730px; height:15px;}
.event_gnb {float:right; text-align:right; padding:25px 8px 0px 0px;}
.event_gnb a {color:#929292 !important;}
.snb_tlt1 {width:186px; height:187px; background:url(../images/event/box_tlt.gif) left top no-repeat;}
.snb_tlt1 img {display:none;}
.snb_tlt2 {width:186px; height:265px; background:url(../images/event/box_tlt2.gif) left top no-repeat; }
.snb_tlt2 img {margin:32px 0px 0px 25px;}
/*.snb_tlt1 {width:186px; height:265px; background:url(../images/event/box_tlt.gif) left top no-repeat; }
.snb_tlt1 img {margin:177px 0px 0px 27px; vertical-align:bottom;}
*/
.snb .category,
.category2 {width:184px; padding:15px 0px 0px 2px;}
.snb .category p {padding:25px 25px 5px 25px; border-bottom:1px solid #f0f0f0; font-weight:bold; font-size:14px; text-align:left; color:#003399;}
.category2 p {padding:13px 25px 13px 25px; font-weight:bold; font-size:14px; line-height:16px; text-align:left; color:#003399; background:url(../images/event/bullet_circle.gif) 14px 16px no-repeat;}
.category2 p a { font-weight:bold; font-size:14px !important; text-align:left; color:#0095d9 !important; }
.category2 p a.category2_on { font-weight:bold; font-size:14px !important; text-align:left; color:#003399 !important;}
.category2 p a:hover { font-weight:bold; font-size:14px !important; text-align:left; color:#003399 !important;}
.snb .category ul li {padding:12px 25px; line-height:15px;}
.snb .category ul li span {display:block; padding-top:7px; font-size:11px; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif; line-height:13px; color:#b3b3b3}
.category2 ul {background:url(../images/event/snb_line.gif) bottom no-repeat; padding-bottom:10px;}
.category2 ul li {padding:10px 25px 0px 25px; font-size:11px; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif; line-height:13px; color:#b3b3b3;}
.category2 a {text-decoration:none !important; font-size:11px; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif; line-height:13px; color:#484448 !important;}
.category2 a.c_0095d9 {text-decoration:none !important; font-size:11px; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif; line-height:13px; color:#0095d9 !important;}
.category2 a:hover {text-decoration:underline; font-size:11px; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif; line-height:13px; color:#0095d9 !important;}
.event_banner {padding:30px 25px 0px 25px;}
.event_banner2 {padding:30px 0px 0px 0px;}
.event_banner2 li {padding:3px 0px 3px 16px; margin:0px; font-size:0.1em; line-height:1%;}

.main_tlt {height:118px; padding:33px 33px 33px 0px; vertical-align:text-top; background:url(../images/event/box_t.gif) right top no-repeat; }
.sub_top {height:242px; padding:2px 2px 2px 0px; background:url(../images/event/box_t2.gif) left top no-repeat; font-size:0.1em; line-height:1%; text-align:right;}
.main_history {height:22px; width:697px; padding:7px 0px 0px 0px; border-bottom:1px solid #e3e3e4; border-top:1px solid #e3e3e4; color:#484448;}
.main_history strong {color:#484448;}

.main_list {width:697px;}
.main_list a {text-decoration:none !important;}
.main_list a:hover {text-decoration:none !important;}
.main_list tr {height:138px;}
.main_list td {border-bottom:1px solid #e3e3e4;}
.main_list td.thum_tlt {height:138px; width:115px; border-right:1px solid #f5f5f6; border-bottom:1px solid #e3e3e4; vertical-align:middle; text-align:left;} 
.main_list td .list_event {clear:both; line-height:16px; padding-top:4px;}
.main_list td strong {color:#003399; font-size:18px;}
.main_list td p {margin:6px 10px 0 20px; height:48px; overflow:hidden; color:#b3b3b3; line-height:16px; }
.main_list td .thum {display:inline; position:relative; float:left; margin:-7px 20px 0 22px;}
.main_list td .thum a {display:block; border:1px solid #a2a8ab;}
.main_list td .thum a:hover, 
.main_list td .thum a:active {border:1px solid #43b1e3;}

.sub_tlt {padding-bottom:13px; text-align:left; color:#43b1e3; font-weight:bold; }
.event_article {margin-top:50px; padding-left:33px; font-size:14px; color:#424448;}
.video_news {float:right; margin:10px 0px 20px 20px;} 
.photo_news {clear:both; padding-top:30px; margin-top:20px; background:url(../images/common/dotline2.gif) top repeat-x; text-align:center;}
.photo_news p {padding-bottom:30px; margin-bottom:20px; background:url(../images/common/dotline2.gif) bottom repeat-x; text-align:center;}

/* special */
.contents_special {padding:0px 0px 0px 84px; width:699px; background:url(../images/event/box_l_t3.gif) left top no-repeat;}
.contents_special2 {padding:0px 0px 0px 84px; width:699px; background:url(../images/event/box_l_t4.gif) left top no-repeat;}
.contents_special h2 {border-bottom:1px solid #a1d8f1; padding-top:33px; height:46px;}
.specialSnb_tlt {width:186px; height:124px; font-size:0.1em; line-height:1%;}
.specialSnb_tlt2 {width:186px; height:138px; font-size:0.1em; line-height:1%;}
.specialMain_top { font-size:0.1em; line-height:1%;}
.specialSub_top {height:121px; width:697px; padding:34px 0px 0px 2px; background:url(../images/event/box_t3.gif) right top no-repeat; font-size:0.1em; line-height:1%;}
.event_subTlt {padding:0px; font-size:0.1em; line-height:1%;}
.event_subTlt span {display:block; padding:25px 0px 0px 0px; font-size:14px; line-height:15px; font-weight:bold;}
.event_cont {float:right; padding-left:2px; width:697px;}
.event_cont h3 {padding-top:33px; height:35px; background-image:none;}
.event_t_btn {width:667px; height:50px;}
.event_t_btn img {float:right; margin-left:4px;}
.event_t_btn img.list_btn {margin-left:9px;}

.event_view {width:697px;}
.event_view thead {border:none;}
.event_view th {padding:5px 0px; border-bottom:1px solid #39bfee; border-top:0px; font-size:14px; font-weight:100;  border-top:2px solid #39bfee;}
.event_view th ul {display:inline-block; width:697px; border:none;}
.event_view th ul li.tlt {float:left; color:#424448; font-weight:bold; width:590px; text-align:left;}
.event_view th ul li.num {float:right; padding-top:3px; text-align:right; color:#acacac; font-size:12px; padding-right:30px;}
.event_view td {padding:20px 20px 20px 0px; color:#424448;  border-bottom:2px solid  #39bfee; font-size:14px;}

.event_list1 {width:697px; margin-top:30px; margin-bottom:15px;}
.event_list1 th {padding:9px 0px 6px 0px; vertical-align:text-top; text-align:center; color:#0095d9; font-size:13px; line-height:15px; border-top:2px solid #39bfee; border-bottom:1px solid #39bfee;}
.event_list1 td {padding:7px 5px 5px 5px; border-bottom:1px solid #ebebeb; text-align:center; color:#acacac; font-size:12px;}
.event_list1 td.td_l {padding:7px 5px 5px 5px; border-bottom:1px solid #ebebeb; text-align:left; color:#acacac; font-size:12px;}

.specialMain_photo1 {border-bottom:2px solid #2da7df; padding-top:45px; font-size:16px;}
.specialMain_photo1 ul {padding-top:5px;}
.specialMain_photo1 li {float:left; width:320px; padding-right:25px;}
.specialMain_photo1 li span {display:block; height:30px; padding:5px 0px 15px 0px; overflow:hidden; font-size:16px !important; line-height:18px; font-weight:bold; color:#b4b4b4;}
.specialMain_photo1 li span img {margin:-2px 5px 0px 0px; vertical-align:middle;}
.specialMain_photo1 li span a {font-size:16px !important; line-height:18px; font-weight:bold; color:#b4b4b4 !important;}
.specialMain_photo1 li span a:hover { font-size:16px !important; line-height:18px; font-weight:bold; color:#0095d9 !important;}

.special_list1 li {float:left; width:120px; padding:20px 19px 0px 0px;} 
.special_photo1,
.special_photo2 {width:120px;}
.special_photo1 dd,
.special_photo2 dd  {padding-bottom:6px; font-size:0.1em; line-height:1%;}
.special_photo1 dt {width:120px;}
.special_photo1 dt a,
.special_photo2 dt a {text-decoration:none; font-size:11px; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif; line-height:15px; color:#484448;} 
.special_photo1 dt a:hover,
.special_photo2 dt a:hover  {text-decoration:underline; font-size:11px; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif; line-height:15px; color:#0095d9;} 
.special_photo1 dt img {float:left; margin-top:2px; }
.special_photo1 dt span {float:right; display:block; width:90px; height:26px; padding-top:1px; overflow:hidden; text-align:left; font-size:11px; line-height:15px;}
.special_photo2 dt {height:26px;  padding-top:1px; overflow:hidden; text-align:left; font-size:11px; line-height:15px;}

.more_box {clear:both; padding:35px 13px 25px 0px; text-align:right; background:url(../images/common/dotline3.gif) 0px 25px repeat-x; font-size:0.1em; line-height:1%;}
.article_section {float:left; width:530px;  padding-top:40px; }
.movie_section {float:right; width:120px; padding-right:10px; padding-top:40px; }

.photo_article {text-align:left; margin-top:-3px; padding-bottom:15px;}
.photo_article dt {font-size:20px; color:#003399; font-weight:bold;}
.photo_article dd.view_photo {padding:16px 0px 10px 2px;  width:505px; text-align:center; }
.photo_article dd.view_info {padding-top:2px; padding-left:0px; color:#809097; text-align:left; font-size:11px; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif;}
.photo_article dd.view_info a {color:#809097 !important; text-align:left; font-size:11px; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif;}
.photo_article dd.view_info a:hover {color:#809097 !important; text-decoration:none !important; text-align:left; font-size:11px; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif;}
.photo_article dd {padding-top:13px; padding-left:2px; color:#424448; text-align:left; font-size:14px; line-height:155%;}

.movie_list span {display:block; padding:60px 0px 18px 0px; font-size:14px; line-height:15px; color:#003399; font-weight:bold;}
.movie_list ul li {padding:0px 0px 20px 0px; width:120px; display:block; overflow:hidden; text-align:center;} 
.movie_set {width:120px; text-align:left;}
.movie_set dt {padding:0px; line-height:1%;}
.movie_set dd {padding:3px 0px 0px 0px; line-height:15px;}
.movie_set dd img {margin:0px 5px 0px 0px; vertical-align:middle;}
.photo_list_num {width:120px; margin-top:10px; background:url(../images/common/dotline3.gif) top repeat-x;}

.family_main {padding:30px 0px 20px 0px; border-bottom:1px solid #a1d8f1;}
.family_main .baby_photo {float:left;}

.baby_box {float:right; width:361px; height:240px; background:url(../images/event/family_b_bg.gif)  repeat-y;}
.baby_box div {height:180px; padding:20px 30px 0px 30px; background:url(../images/event/family_b_t.gif) top  no-repeat;}
.baby_box span {display:block; height:40px; width:331px; padding:0px 15px; text-align:right; background:url(../images/event/family_b_b.gif)  bottom  no-repeat;}
.baby_info {font-weight:bold;}
.baby_info dt {width:80px; height:30px; padding:0px !important;  vertical-align:text-top; font-size:14px; color:#809097;}
.baby_info dd {padding-left:80px !important; margin-top:-30px !important; height:30px; vertical-align:text-top; font-size:14px; color:#484448; overflow:hidden;}

.newyear_snb {float:left; width:186px; background:url(../images/event/newyear_snb_l.gif) left repeat-y;}
.newyear_out {float:left; width:783px;}
.newyear_in {padding:0px 0px 0px 86px; width:697px;}
.newyear_in h4 {width:680px; padding:30px 0px 10px 0px; background:url(../images/common/dotline3.gif) bottom repeat-x; clear:both;}
.newyear_in h4 span {float:right; padding-top:20px;}
.newyear_main {width:783px; background:url(../images/event/newyear_main_l.gif) left repeat-y;}
.newyear_photo {padding:5px 0px 25px 86px; width:697px; background:url(../images/event/newyear_main_b.gif) left bottom no-repeat;}
.newyear_photo ul {padding-top:5px;}
.newyear_photo li {float:left; width:320px; padding-right:25px;}
.newyear_photo li span {display:block; padding:5px 0px 0px 0px; font-size:12px; font-weight:bold; color:#b4b4b4;}
.newyear_photo li span img {margin:0px 5px 0px 5px; vertical-align:middle;}
.newyear_photo li span a {display:block; padding-top:3px; font-size:16px !important; line-height:18px !important; font-weight:bold; color:#484448 !important;}
.newyear_photo li span a:hover {display:block; padding-top:3px; font-size:16px !important; line-height:18px !important; font-weight:bold; color:#0095d9 !important;}
.newyear_snb_b {padding:50px 0px 50px 25px; background:url(../images/event/newyear_snb_b.gif) left bottom no-repeat;}

/* 시선 css */
.eye_snb {float:left; width:200px;}
.eye_out {float:left; width:769px; background:url(../images/event/box_l3.gif) left repeat-y;}
.eye_end {padding:15px 0px 50px 83px; background:url(../images/event/box_l_b3.gif) left bottom no-repeat;}
.eye_cont {float:right; width:708px;}
.eye_top_b {font-size:0.1em; line-height:1%; text-align:right; height:31px;}

.eye_category {width:184px; padding:15px 0px 0px 2px;}
.eye_category li {padding:8px 25px 8px 36px; font-weight:bold; font-size:12px; line-height:16px; text-align:left; color:#999999; background:url(../images/event/bullet_circle.gif) 24px 11px no-repeat;}
.eye_category a { font-weight:bold; text-align:left; color:#999999 !important; }
.eye_category a.eye_category_on { font-weight:bold; text-align:left; color:#0066ff !important;}
.eye_category a:hover { font-weight:bold; text-align:left; color:#0066ff !important;}
.eye_banner {background:none !important; padding:30px 0px 0px 21px!important;}

.eye_list li {float:left; width:120px; padding:20px 10px 0px 10px;} 
.eye_photo {width:120px;}
.eye_photo dd  {padding-bottom:6px; font-size:0.1em; line-height:1%;}
.eye_photo dt {width:120px; height:31px; padding-top:1px; overflow:hidden;}
.eye_photo dt a {text-decoration:none; font-size:11px; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif; line-height:16px !important; color:#484448;} 
.eye_photo a:hover  {text-decoration:underline; font-size:11px; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif; line-height:16px !important; color:#0095d9;} 
.eye_photo dt img {float:left; margin-right:4px; margin-top:-1px;}

.eye_visual {background:url(../images/event/eye_visual_l.gif) right repeat-y; padding:0px; width:769px;}
.eye_visual .eye_visual_b {width:688px; padding:30px 18px 38px 63px; background:url(../images/event/eye_visual_b.gif) right bottom no-repeat;}
.eye_visual_box {width:688px; background:url(../images/event/eye_box_t.gif) top left no-repeat #e3e3e3;}
.eye_visual_box ul {padding:15px 6px 5px 6px;}
.eye_visual_box li {float:left; width:320px; padding:0px 9px;}
.eye_visual_box li span {display:block; height:30px; padding:5px 0px 10px 0px; overflow:hidden;}
.eye_visual_box li span img {float:left; margin:-2px 5px 0px 0px; vertical-align:middle;}
.eye_visual_box li span a {float:right; width:287px; font-size:13px !important; line-height:17px !important; font-weight:bold; color:#666666 !important;}
.eye_visual_box li span a:hover {float:right; width:287px; font-size:13px !important; line-height:17px !important; font-weight:bold; color:#0095d9 !important;}
.eye_visual_box .eye_visual_box_b {clear:both; height:9px; background:url(../images/event/eye_box_b.gif) bottom left no-repeat; font-size:0.1em; line-height:1%;}


/* 우리문화 역사 이야기 */
.culture_tlt {width:728px;}
.culture_tlt .culture_tlt1 {float:right; padding-right:3px; text-align:right; vertical-align:text-top;}
.culture_tlt .culture_tlt1_2 {float:right; padding-right:3px; text-align:right; vertical-align:text-top; width:720px;}
.culture_tlt .culture_tlt2 {float:left; text-align:left; margin-top:6px; vertical-align:text-bottom; }
.culture_tlt .culture_tlt2 img {margin-right:10px; float:left;}
.culture_tlt .culture_tlt2 span {display:block; height:26px; padding-left:10px; overflow:hidden; font-size:11px; line-height:13px; color:#809097; font-family:"돋움체", Dotumche, "굴림체", Gulimche, AppleGothic, Sans-serif; letter-spacing:-0.05em;}
.culture_tlt .culture_tlt2 span.info_mail {color:#7a52cc; height:12px; padding-top:1px; font-family:Tahoma, "굴림체", Gulimche; font-size:10px; letter-spacing:0em;} 
.category_select {float:right; display:block; height:16px; width:193px; padding:3px 15px; text-align:left; font-weight:bold; background:url(../images/community/combo_category_bg.gif) no-repeat; font-size:12px; }
.category_select span {float:left; color:#7a52cc;}
.category_select img {float:right; padding:3px 3px 0px 0px;}
