@charset "euc-kr"; /* CSS Document */ @import url("navi.css"); @import url("contents.css"); /*���λ���*/ #mainvisual {width:980px; text-align:center; background:#fafafa; z-index:10;margin: 0 auto;} #mainvisual .notic-wrap{width:100%; background:white;} #mainvisual .notic-wrap ul{width:980px; margin:0 auto; overflow:hidden; border-bottom:1px solid #f1f1f1; padding:20px 0;} #mainvisual .notic-wrap ul li{float:left; overflow:hidden;} #mainvisual .notic-wrap ul li h3{font-size:16px; padding:0 20px 0 0; font-weight:600; color:#e57f01; border-right:1px solid #e5e9fa; float:left; margin-top: 3px;} #mainvisual .notic-wrap ul li img{width:25px; vertical-align:middle; margin-right:10px; float:left; margin-left:10px;} #mainvisual .notic-wrap ul li.notic-tit{margin-left:20px; margin-top:5px;} #mainvisual .notic-wrap ul li.notic-tit a{font-size:14px; height:22px; vertical-align: middle;} /*����������*/ #contents {float:left; width:100%; /* height:100%; */ border:0px solid #de0000;} #contents #container {width:980px; height:100%; margin:0 auto 0 auto; position:relative; z-index:10; background:url(../image/main/bgmainline.gif) no-repeat top; padding:0 0 50px 0; overflow:hidden;} #contents .sectionline{float:left; width:1px; height:430px; background:url(../image/main/dotline01.gif) 0px 0px repeat-y;} #contents .sectionline02{width:100%; height:1px; background:url(../image/main/dotline02.gif) 0px 0px repeat-x;} #contents .sectionA{float:left; width:286px; height:460px; background:url(../image/main/dotline01.gif) right repeat-y;} #contents .sectionA .galltit{float:left; width:112px;height:12px; margin:30px 0px 0px 5px;} #contents .sectionA .gallmore{float:right; width:44px;height:20px; margin:28px 15px 0px 0px;} #contents .sectionA .gallbox {width:260px; margin:25px auto 0px auto;} #contents .sectionA .gallbox02 {float:left; width:270px; height:120px; margin:10px auto 5px auto; border:0px solid #de0000;} #contents .sectionA .gall_list01 {float:left; width:109px; height:130px; margin:10px 25px 0px 0px; padding:0px 0px 0px 0px;} #contents .sectionA .gall_list02 {float:left; width:109px; height:130px; margin:0px 0px 0px 9px; padding:0px 0px 0px 0px;} #contents .sectionA .txt01 {margin:5px auto 0px auto; font-size:11px; color:#313131; text-align:center;} #contents .sectionB{float:left;width:406px; height:430px; background:url(../image/main/dotline01.gif) right repeat-y;} #contents .sectionB .binbox {width:335px; margin:25px auto 0px auto;} #contents .sectionB .boardwrap {float:left; width:335px; margin:15px 0px 20px 0px;} #contents .sectionB .boardtab {float:left; width:335px; margin:0px auto 0px auto;} #contents .sectionB .boardtab li {float:left;} #contents .sectionB .boardtxt01 {float:left; width:320px; height:95px; margin:0 auto; padding:6px 0px 0px 15px;} #contents .sectionB .boardtxt01 li{color:#3a3a3a; background:url(../image/main/bdot01.gif) 0px 8px no-repeat; padding-left:8px; line-height:21px; text-align:left;} #contents .section_cal {float:left; margin:25px 0px 0px 20px;} #contents .section_cal .schtit {margin:20px auto 0px auto;} #contents .section_cal .schbox {margin:3px auto 0px auto;} #contents .section_cal .schedule_yday {width:233px; height:18px; border:0px solid #de0000; margin:0px 0px 6px 0px;} #contents .section_cal .schtbbox {float:left; width:166px; margin:10px 0px 0px 0px;} #contents .section_cal .sch_tb {float:left; border-collapse:collapse; width:233px; background:url(../image/main/calbar01.gif) no-repeat; text-align:center; padding:0; border:0px solid #de0000;} #contents .section_cal .sch_tb tr td {width:30px; height:23px; line-height: 1.5em; padding:0px; text-align:center; font-size: 1em;} #contents .section_cal .sch_tb th {height:13px; text-align:center; padding:0 0 2px 0; margin:0px;} #contents .section_cal .sch_tb th img {vertical-align:middle;} #contents .section_cal .txt_sun{color:#ff0000;} #contents .section_cal .txt_sat{color:#0000ff;} #contents .section_cal .sch_right {clear:both; width:100%; height:100px; margin:5px 0px 0px 0px;} #contents .section_cal .sch_today01 {width:233px; height:81px; margin:10px 0px 0px 0px; padding:2px; border:1px solid #c9e4f1;} #contents .section_cal .sch_today01 li.txt{float:left; width:233px; font-size: 0.9em; padding-left:0px; padding-right:5px;} #contents .section_cal .sch_today01 img{display:block;} #note1, #note2 {width:220px; height:42px; overflow:auto; padding:5px; line-height:1.4em;} .cal_data {background-color: #f5f5f5; font-weight: bold;} .cal_today a {font-weight: bold; color: #ff6600;} .cal_sche {background:url(/include/image/icon_dot2.gif) 14px 20px no-repeat; } #contents .sectionC{float:left; width:285px; height:430px;} #contents .sectionC .infoBox{width:225px; margin:35px auto 0px auto;} #contents .sectionC .infoBox:after{content:"";clear:both;display:block;} #contents .sectionC .infoBox li{float:left;} .fl {float:left;} .fr {float:right;} .clear {clear:both;} /*����*/ #main_banner{width:100%; float:left; height:80px; border-top:1px solid #E8E8E8; margin:0 0 10px 0;} .banner{width:980px; margin:0 auto; padding:12px 0;} .banner .banner_btn li{float:left; padding-right:5px;} .banner_img{float:left; width:980px; margin-top:5px;} .banner_img li{float:left; width:135px; height:35px; margin-right:3px;} /* ��ʸ��� */ #bannerzone {position: absolute; width: 980px; height:40px; float:left; margin-top:2px; border:0px solid #de0000;} #bannerzone .banner02 {width:980px; height:40px; float:left; position:relative; margin:0 0 0 0; overflow:hidden;} #bannerzone .banner02 .banner02_list {width:980px; height:40px !important; margin:0; clear:both; overflow:hidden;} #bannerzone .banner02 .banner02_list li {float:left; height:40px; margin:0 3px 0 0;} /* ��Ʈ�ѷ� */ #bannerzone ul.control02 {position:absolute; left:980px; top:7px; width:11px; height:70px; overflow:hidden;} /** html #bannerzone ul.control02 {top:-39px;}*/ #bannerzone ul.control02 li {width:11px; height:70px; font-size:1em; line-height:1%; margin:0px 0px 5px 0px;} .bnr_img {width:135px; height:35px; border:1px solid #dedede;} /*Ǫ��*/ #footer{float:left; width:100%;} #footer_bg {width:100%; height:119px; background:url(../image/inc/bg_bottom.gif) repeat-x;} .footerIn{position:relative;width:980px;height:119px; margin:0 auto;} .footerIn .blogo {float:left; width:270px; text-align:center; margin:30px 0px 0px 0px;} .footerIn .copyin {float:right; width:700px; margin:20px 0px 0px 0px;} .footerIn .condition {width:300px; height:13px;} .footerIn .condition li{float:left;} .copyright {width:700px; height:50px; margin:10px 0px 0px 0px;} /*����������*/ #subVisual{height:218px;width:100%; margin:0 auto;text-align:center;} #contents #smenu_wrap {width:200px; float:left; margin:46px 0px 0px 10px;} #contents #scontents {width:740px; float:left; margin:35px 0px 0px 30px;} #contents .contentsTop{width:100%;height:32px;margin-bottom:10px;padding:10px 0 0 0; background:url(../image/sub/titline.gif) repeat-x bottom;} #contents .contentsTop:after{content:"";clear:both;display:block;} #contents .contentsTop h2{float:left; height:25px; font-size:22px; line-height:1.0em; color:#000; font-weight:bold; margin:0px 0px 0px 10px;} #contents .contentsTop .location{float:right;padding:5px 10px 0px 0px;} #contents .contentsTop .location li{float:left;font-size:11px;padding:0 0 0 4px;} #contents .contentsTop .location li a{color:#777;font-size:11px;} #contents .contentsTop .location li.spot a{font-weight:bold;color:#666;} #contents #scontents #contents_co {width:740px; margin:50px auto 0px auto;} #contents #lay_first {width:432px;height:111px;margin:100px auto;} #contents #lay_second{width:740px;height:349px;margin:0px auto;padding-top:30px; padding-bottom:70px;} #contents #lay_second li{float:left;} #contents #first_li{width:450px;line-height:30px;} #contents #second_li{width:160px; height:349px;margin-left:50px;} #first_li span{font-weight:bold;} /*����޴�*/ #snb{float:left;width:200px;margin:0 0 100px 0; line-height:18px;} #snb h3{margin:0;} #snb ul li{width:200px; padding:5px 0 5px 15px; background:url(../image/inc/smenubg_off.gif) no-repeat; font-weight:bold;} #snb ul li.over{width:200px; background:url(/html/image/inc/smenubg_on.gif) no-repeat; color:#FFF; font-weight:bold;} .sub_title_text{color:#fff; font-weight:bold;} .sub_text{} #snb ul ul{clear:both; padding:5px 0 0 0;} #snb ul ul li{width:180px; border:none; background:none; font-weight:normal; font-weight:bold; margin:5px 0 0 0; padding:0; color:#555555;} #snb ul ul li a{font-weight:normal;} #snb ul ul li .over2 {color:#006DC4; font-weight:bold;} /*#snb ul li div{ height:28px; vertical-align:middle;} #snb ul li .rollout {width:100%; height:100%; background:url(../image/inc/smenubg_off.gif) no-repeat;} #snb ul li .rollover{width:100%; height:100%; background:url(../image/inc/smenubg_on.gif) no-repeat; color:#FFF; font-weight:bold;} #snb ul li .menufont {padding:0px 0px 0px 10px; vertical-align:middle;} #snb ul li ul{display:none;padding:10px 0 3px 21px;} #snb ul li ul.active{display:block;} #snb ul li ul li{border-bottom:0;margin-bottom:7px;} #snb ul.snbBnr{padding:40px 0 0 0;} #snb ul.snbBnr li{border-bottom:0;padding-bottom:5px;}*/ .sub_left_menu {float:left;width:200px;} .sub_left_menu h4{margin:0;} .sub_left_menu ul li{height:28px; padding:5px; border-bottom:1px solid #E8E8E8;} .sub_left_menu ul li.over{width:100%; background:url(../image/inc/smenubg_on.gif) no-repeat; color:#FFF; font-weight:bold;} .sub_left_menu ul li.normal{width:100%; background:url(../image/inc/smenubg_off.gif) no-repeat;} .photoslider-bullets .sliderkit-nav{top: 275px !important;;}