<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

@import url(basic.css);
@import url(layout.css);
@import url(board.css);

#wrapper{ width:100%;background:url('/images/common/sub_bg.gif') repeat-x 0 0}

#contents{margin:30px 0;}
#contents td,th,p,dt,dd,li{ line-height:14px;}
#contents span.ico_essential {color:#e87400;}

/* 서브타이틀 영역 */
.tit_wrap{margin:60px 0px 35px 0px;}
.tit_wrap p{ margin-top:0px; color:#545454;}
.tit_wrap p img{margin-bottom:3px;}
.tit_wrap h3{ margin-top:12px;}

.tit_wrap2{margin:50px 0px 35px 30px;padding-top:10px;}
.tit_wrap2 p{ margin-top:0px; color:#545454;}
.tit_wrap2 p img{margin-bottom:3px;}
.tit_wrap2 h3{ margin-top:12px;}

/*서브별 포인트칼라*/
.color1{color:#b4bd00}
.color2{color:#e85f5f}
.color3{color:#925dba}
.color4{color:#f28c1c}
.color5{color:#000000}
.color6{color:#4ab6db}

/*공용*/
#contents .txt_img{margin-bottom:35px;}
#contents h4{margin-bottom:13px;/*width:100%;*/overflow:hidden;font-size:120%;}

#contents .tabmenu2{width:710px;margin-bottom:30px;}
#contents .tabmenu2:after{content:""; display:block; clear:both;}
#contents .tabmenu2 li{width:353px;float:left;border:1px solid #dcdcdc;text-align:center;padding:8px 0;}
#contents .tabmenu2 li a{color:#939292;font-size:120%;}
#contents .tabmenu2 li.on{background-color:#8a8a8b;border:1px solid #656565;}
#contents .tabmenu2 li.on a{color:#fff;}

#contents .tabmenu3{width:710px;margin-bottom:30px;}
#contents .tabmenu3:after{content:""; display:block; clear:both;}
#contents .tabmenu3 li{width:234px;float:left;border:1px solid #dcdcdc;text-align:center;padding:8px 0;}
#contents .tabmenu3 li a{color:#939292;font-size:120%;}
#contents .tabmenu3 li.on{background-color:#8a8a8b;border:1px solid #656565;}
#contents .tabmenu3 li.on a{color:#fff;}

#contents .ul_style1{margin:20px 0 40px;font-size:110%;}
#contents .ul_style1 li{background:url('/images/common/bullet.gif') 7px 4px no-repeat;padding:0 0 7px 15px;}

#contents .dl_style1{margin:20px 0 40px;}
#contents .dl_style1 dt{background:url('/images/common/bullet.gif') 7px 4px no-repeat;padding:0 0 7px 15px;font-size:110%;}
#contents .dl_style1 dd{font-size:100%;padding:0 0 5px 20px;}

#contents .table_style1{}
#contents .table_style1 table { width:100%; table-layout:fixed; }
#contents .table_style1 th{border-top:2px solid #747474;border-bottom:1px solid #747474;padding:12px 0 10px;font-size:95%;letter-spacing:-1px;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#contents .table_style1 td{border-bottom:1px solid #d9d9d9;padding:12px 5px 10px;text-align:center; word-break:break-all; }
#contents .table_style1 td span {white-space:initial !important;}
/*
#contents .table_style1 td{border-bottom:1px solid #d9d9d9;padding:12px 5px 10px;text-align:center;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
*/
#contents .table_style1 td.left{text-align:left;}
#contents .table_style1 td.txt{text-align:left;font-size:95%;color:#7d7d7d;line-height:140%;}
#contents .table_style1 td p{font-size:110%;line-height:140%;}

#contents .table_style2{border-top:2px solid #747474;}
#contents .table_style2 th{border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;font-size:95%;letter-spacing:-1px;padding:12px 0 10px;}
#contents .table_style2 td{border-bottom:1px solid #d9d9d9;padding:12px 0 10px 10px;}
#contents .table_style2 td.contents{padding:20px;}

#contents .table_style3{border-top:1px solid #d9d9d9;}
#contents .table_style3 th{border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;font-size:95%;letter-spacing:-1px;padding:12px 0 10px;}
#contents .table_style3 td{border-bottom:1px solid #d9d9d9;padding:12px 0 10px 10px;}

#left_zone .left_newsletter{margin-top:30px;background:url('/images/common/left_newsletter_bg.gif') 0px 0px no-repeat;width:160px;height:105px;padding:15px 15px 0 15px;}
#left_zone .left_newsletter p{padding-bottom:11px;}
#left_zone .left_newsletter .box {width:155px;height:19px;background-color:#f3f3f3;border:1px solid #d2d2d2;}
#left_zone .left_newsletter .newsletter_btn{text-align:right;padding-top:4px;}

/*01아카이브*/
#contents .archive_guide_txt1{width:320px;height:178px;background:url('/images/archive/guide_img1.jpg') 0px 0px no-repeat;padding:90px 0 0 370px;margin-bottom:20px;font-size:120%;color:#b4bd00;}
#contents .archive_guide_txt1 span{color:#b2b2b2;font-family:'Tahoma';font-size:13px;line-height:16px;letter-spacing:1px;}
#contents .archive_guide_txt2{width:320px;height:178px;background:url('/images/archive/guide_img2.jpg') 0px 0px no-repeat;padding:90px 0 0 370px;margin-bottom:40px;font-size:120%;color:#b4bd00;}
#contents .archive_guide_txt2 span{color:#b2b2b2;font-family:'Tahoma';font-size:13px;line-height:16px;letter-spacing:1px;}
#contents .archive_guide_txt3{margin-top:10px;height:156px;border:1px solid #bcbdc0;padding:34px 23px 0 225px;background:url('/images/archive/guide_img3.jpg') 25px 25px no-repeat;}
#contents .archive_guide_txt3 p{font-size:95%;padding-top:7px;line-height:150%;font-family:'Dotum'}

/* #contents .image_search{background:url('/images/archive/image_bg2.gif') 0px 0px no-repeat;width:710px;height:505px;position:relative;margin-bottom:30px;} */
#contents .image_search{width:710px;position:relative;margin-bottom:30px;background-color: #F3F3F3;border-radius: 15px 15px;border: 1px solid #AFAFAF;padding-bottom: 15px;}
#contents .image_search p{position:absolute;top:25px;right:30px}
#contents .image_search dl{padding:22px 0 0 25px;width:550px;}
#contents .image_search dt{width:90px;float:left;padding-top:4px;color:#545454;letter-spacing:-1px;}
#contents .image_search dd{padding:0 0 5px 90px;}
#contents .image_search dd input[type="text"]{width:520px;height:18px;border:1px solid #d6d6d6;}
#contents .image_search dd ul li { float:left; width:90px; }
#contents .image_search dd ul li.viewing { width:110px; }
#contents .image_search dd ul li.viewing_etc { width:60px; }
#contents .image_search dd ul li.runtime { width:110px; }
#contents .image_search dd ul li input[type="text"]{width:460px;height:18px;border:1px solid #d6d6d6;}
#contents .image_search dl.genreDL {padding:0 0 0 25px;width:640px;}
#contents .image_search dl.runDL {padding:0 0 0 25px;width:640px;}
#contents .image_search dl.viewDL {padding:0 0 0 25px;width:640px;}
#contents .image_search dl.textDL {padding:0 0 0 25px;width:640px;}
#contents .image_search dl.textDL dd span { padding-left:10px; color:#9b2b13; }


/*#contents .image_search dd input{width:400px;height:18px;border:1px solid #d6d6d6;}*/
#contents .book_search{background:url('/images/archive/image_bg.gif') 0px 0px no-repeat;width:685px;height:150px;position:relative;margin-bottom:30px;padding:10px 0 0 25px; background-size:100% 100%;}
#contents .book_search ul{position:relative; width:510px; padding-bottom:22px; padding-top:3px;}
#contents .book_search li{padding-top:2px;}
#contents .book_search li .labelTxt {width:64px !important;height:22px;margin-bottom:3px;border:1px solid #d6d6d6; padding-left:4px;}
#contents .book_search li input[type=text] {width:370px;height:18px;margin-bottom:3px;border:1px solid #d6d6d6;}
#contents .book_search li select {width:70px !important;height:22px;margin-bottom:3px;border:1px solid #d6d6d6;}
#contents .book_search li a img {margin-bottom:3px;}
#contents .book_search p{position:absolute;top:75px;right:25px}
#contents .book_search div {text-align:right;}
#contents .book_search li.btn_search {position:absolute; bottom:0; right:0;}

#contents .recommend_dvd{border-top:2px solid #747474;border-bottom:1px solid #747474;margin-bottom:30px;padding:20px 0;}
#contents .recommend_dvd&gt;ul { padding:30px 0 0 0px;}
#contents .recommend_dvd&gt;ul:after{display:block;clear:both;content:""}
#contents .recommend_dvd&gt;ul&gt;li { float:left; display:inline;  margin:10px 5px 0px 5px; width:130px;}
#contents .recommend_dvd .photo { width:130px; height:184px; }
#contents .recommend_dvd .photo img { width:130px; height:184px; margin:1px 0 0 1px; }
#contents .recommend_dvd .subject { width:100%; margin-top:5px; color:#636363;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#contents .recommend_dvd .subject a{ color:#636363; line-height:16px; font-size:12px;}
#contents .recommend_dvd .subject span{ color:#808080; font-size:12px;}

/*02갤러리*/
#contents .gallery_txt{border:1px solid #bcbdc0;padding:25px;letter-spacing:-1px;}
#contents .gallery_txt img{padding-bottom:20px;}
#contents .gallery_txt p{font-size:95%;font-family:'Dotum';line-height:150%;}

#contents .gallery_now{border-top:2px solid #747474;border-bottom:1px solid #747474;padding:30px 0;min-height:350px;margin-bottom:40px;}
#contents .gallery_now:after{content:""; display:block; clear:both;}
#contents .gallery_now .thumb{float:left;margin-right:40px;}
#contents .gallery_now .thumb img {width:300px; height:350px;}
#contents .gallery_now .txt{float:left;width:340px;margin-top:15px;}
#contents .gallery_now .txt span{font-weight:bold;font-size:130%;color:#626262;}
#contents .gallery_now .txt dl{margin:18px 0 10px;}
#contents .gallery_now .txt dt{background:url('/images/gallery/label_bg.gif') 0px 0px no-repeat;color:#fff;font-size:95%;width:85px;height:18px;padding:5px 0 0 5px;}
#contents .gallery_now .txt dd{padding:9px 0 14px 5px;font-size:110%;}
#contents .gallery_now .txt p{text-align:right;}

#contents .gallery_list{border-top:2px solid #747474;border-bottom:1px solid #747474;}
#contents .gallery_list li{overflow:hidden;padding:20px 0;border-bottom:1px solid #d9d9d9;}
#contents .gallery_list li .thumb{float:left;display:inline;margin-right:30px;}
#contents .gallery_list li .thumb img { width:150px; height:175px; }
#contents .gallery_list li p{font-weight:bold;font-size:110%;color:#626262;padding:12px 0 20px;}
#contents .gallery_list dl{float:left;width:470px;}
#contents .gallery_list dt{background:url('/images/gallery/label_bg.gif') 0px 0px no-repeat;color:#fff;font-size:95%;width:85px;height:18px;padding:5px 0 0 5px;}
#contents .gallery_list dd{padding:9px 0 14px 5px;font-size:110%;}

#contents .creative{width:710px;height:530px;background:url('/images/gallery/creative_bg.gif') 0px 0px no-repeat;position:relative;font-size:110%;line-height:140%;}
#contents .creative img{padding-bottom:15px;}
#contents .creative1{position:absolute;top:28px;left:60px;width:280px;color:#909090;}
#contents .creative2{position:absolute;top:88px;right:60px;width:235px;text-align:right;color:#909090;}
#contents .creative3{position:absolute;top:268px;left:50px;width:240px;color:#909090;}
#contents .creative4{position:absolute;top:328px;left:370px;width:285px;color:#909090;}
#contents .creative1 p{color:#9ca310;padding-top:14px;}
#contents .creative2 p{color:#c16f6f;padding-top:14px;}
#contents .creative3 p{color:#4592ad;padding-top:14px;}
#contents .creative4 p{color:#d1752b;padding-top:14px;}

/*03극장*/
#contents .theater_intro{background:url('/images/theater/intro_img1.jpg') 0px 0px no-repeat;padding:85px 30px 50px 315px;font-size:110%;color:#878787;}
#contents .theater_intro p{font-weight:bold;color:#925dba;}
#contents .theater_intro span{font-size:90%}

#contents .space_rent_txt{font-size:95%;color:#858585;padding:15px 0 0 10px;}

#contents .screening_now{border-top:2px solid #747474;border-bottom:2px solid #747474;background:url('/images/theater/now_img.gif') 460px 40px no-repeat;padding:30px;margin-bottom:40px;}
#contents .screening_now p{margin-bottom:20px;}

#contents .screening_list:after{content:""; display:block; clear:both;}
#contents .screening_list .thumb{width:165px;height:228px;background:url('/images/theater/movie_bg.gif') 0px 0px no-repeat;padding:10px 0 0 10px;}
#contents .screening_list li{float:left;padding:0 30px 30px 30px;}
#contents .screening{width:165px;}
#contents .screening li{padding:0 5px 3px 5px;clear:both;width:165px;}
#contents .screening li.title{font-size:110%;line-height:140%;}
#contents .screening li.date{font-family:'Verdana';color:#343434;padding-bottom:10px;}

#contents .screening_view{border-top:2px solid #747474;border-bottom:2px solid #747474;padding:30px;min-height:228px;position:relative;}
#contents .screening_view:after{content:""; display:block; clear:both;}
#contents .screening_view .thumb{float:left;width:165px;height:228px;background:url('/images/theater/movie_bg.gif') 0px 0px no-repeat;padding:10px 0 0 10px;}
#contents .screening_view .screening_txt{float:left;margin:15px 0 0 30px;}
#contents .screening_view .screening_txt li{padding-bottom:10px;}
#contents .screening_view .screening_txt li.title{font-size:120%;line-height:140%;font-weight:bold;}
#contents .screening_view .screening_txt li span{font-size:90%;color:#bbbbbb;}
#contents .screening_view p{position:absolute;bottom:45px;right:30px;}

#contents .screening_view_txt:after{content:""; display:block; clear:both;}
#contents .screening_view_txt p{margin-bottom:15px;}
#contents .screening_view_txt li{float:left;padding-right:5px;}

#contents .space_rent_agree{height:200px;width:670px;padding:20px; overflow:auto; border:1px solid #d9d9d9; }
#contents .use_mat_info {padding:20px; border:1px solid #d9d9d9;}
#contents .use_mat_info span { color:#999; }


#contents .review_list{border-top:2px solid #747474;}
#contents .review_list li{clear:both;_height:0;padding:20px 0;border-bottom:1px solid #d9d9d9;}
#contents .review_txt{overflow:hidden;}
#contents .review_txt dt{font-size:120%;padding:10px 0;}
#contents .review_txt dt.tit{margin-left:135px;font-weight:bold;}
#contents .review_txt dd.thumb{display:inline;float:left;margin:-33px 20px 0 0;width:107px;height:142px;padding:10px 0 0 10px;background:url('/images/theater/movie_bg2.gif') 0px 0px no-repeat;}
#contents .review_txt dd{padding-top:5px;}
#contents .review_txt dd.date{padding-top:15px;}
#contents .review_txt dd.date span{font-family:'Verdana'}

/*04교육*/
#contents .edu_guide dt{font-size:120%;color:#f48000;font-weight:bold;padding-bottom:10px;}
#contents .edu_guide dd{line-height:150%;font-size:110%;padding-bottom:30px;color:#646464;}
#contents .edu_guide li{font-size:90%;padding:7px 0 0 17px;background:url('/images/common/bullet.gif') 10px 10px no-repeat;color:#878787;}

/*05오재미동*/
#contents .ohzemidong_intro{background:url('/images/ohzemidong/intro_img2.gif') repeat-y;padding-left:30px;margin-top:50px;}
#contents .ohzemidong_intro dt{font-size:120%;font-weight:bold;padding-top:5px;}
#contents .ohzemidong_intro dd{font-size:110%;color:#949494;padding:5px 0;}
#contents .ohzemidong_family{border:1px solid #ccc;padding:15px 20px;margin-top:40px;background-color:#f4f4f4;}

/*06편집실*/
#contents .rental_guide_step{width:710px;}
#contents .rental_guide_step:after{content:""; display:block; clear:both;}
#contents .rental_guide_step li{float:left;}

#contents .rental_guide2{width:670px;height:60px;background:url('/images/editorial/rental_guide_bg.gif') no-repeat;padding:20px;margin:10px 0 30px 0;line-height:170%;}
#contents .rental_guide{font-size:110%;}
#contents .rental_guide li{padding:0 0 10px 0;line-height:160%;}

#contents .editorial_guide dt{font-size:120%;color:#4ab6db;font-weight:bold;padding-bottom:10px;}
#contents .editorial_guide dd{line-height:150%;font-size:110%;padding-bottom:30px;color:#646464;}
#contents .editorial_guide .editorial_intro li{font-size:13px;padding:7px 0 0 17px;background:url('/images/common/bullet.gif') 10px 10px no-repeat;color:#646464; line-height: 140%;}
#contents .editorial_guide li{font-size:13px;padding:7px 0 0 17px;background:url('/images/common/bullet.gif') 10px 10px no-repeat;color:#878787; line-height: 140%;}

#contents .calendar{width:270px;float:left;}
#contents .calendar .month{position:relative;width:270px;height:24px;text-align:center;padding-top:2px;background-color:#d3d2d2;color:#211e1f;font-family:'Tahoma';font-weight:bold;font-size:120%;border-bottom:1px solid #fff;}
#contents .calendar .month .prev{position:absolute;top:0px;left:0px;}
#contents .calendar .month .next{position:absolute;top:0px;right:0px;}
#contents .calendar table{width:270px;}
#contents .calendar th{background-color:#e8e8e8;height:22px;border-bottom:3px solid #fff;}
#contents .calendar td{text-align:center;height:22px;font-family:'Tahoma';color:#4d4d4d;}
#contents .calendar td.sun{color:#b2b2b2;}
#contents .calendar td.holiday{color:#e73239;}
#contents .calendar td.today{font-weight:bold;background-color:#4ab6db;color:#fff;}

#contents .reserve_txt{float:right;width:380px;}
#contents .reserve_txt ol{margin:0px;padding:0px;}
#contents .reserve_txt li{padding-top:8px;}
#contents .reserve_txt span{color:#4ab6db}
#contents .reserve_txt p{font-size:95%;padding-top:10px;font-family:'Dotum';}
#contents .reserve_select_date{font-size:120%;font-weight:bold;}
#contents .reserve_select_confirm{margin:20px 0;}
#contents .reserve_confirm{border:1px solid #ccc;background-color:#f4f4f4;padding:14px 20px 12px;font-size:120%;font-weight:bold;}

#contents .reserve_intro{width:675px; min-height:195px;position:relative;padding:15px; border:2px solid #969696;}
#contents .reserve_intro.area_intro{width:auto; min-height:195px;position:relative;padding:15px; border:2px solid #969696;}
#contents .reserve_intro ul {height:100%;}
#contents .reserve_intro ul li{float:left;height:100%;}
#contents .reserve_intro ul li.img_box {width:150px;}
#contents .reserve_intro ul li.img_box dl {width:100%; height:100%;}
#contents .reserve_intro ul li.img_box dl dt {height:150px; width:150px; text-align:center; background:#000;}
#contents .reserve_intro ul li.img_box dl dt img {width:100%; height:100%; max-width:215px; max-height:215px;}
#contents .reserve_intro ul li.img_box dl dt img#w_big {width:100%; height:auto;  margin-top:50%; transform:translate(0%, -50%);}
#contents .reserve_intro ul li.img_box dl dt img#h_big {width:auto; height:100%;}
#contents .reserve_intro ul li.img_box dl dd {width:34px; height:34px; float:left; margin-top:10px;}
#contents .reserve_intro ul li.img_box dl dd:not(:last-child) {margin-right:4.6px;}
#contents .reserve_intro ul li.img_box dl dd img {width:100%; height:100%;}
#contents .reserve_intro ul li.intro_box {width:calc(100% - 150px); padding-left:20px; padding-top:10px; box-sizing:border-box;}
#contents .reserve_intro ul li.intro_box.area_box{ width:100%; padding-left:20px; padding-top:10px; box-sizing:border-box;}
#contents .reserve_intro ul li.area_box table th {padding-top:14px !important;}
/*area_end*/
.myPageBtn{color:#06aae2 !important; font-weight:600;}
#contents .reserve_intro ul li.area_end_txt{padding-top:0; font-size:16px; line-height:26px;}

#contents .reserve_intro ul li.intro_box table th {width:90px; color:#06aae2; font-weight:bold; font-size:13px; padding:0; vertical-align:top; padding-top:5px;text-align: left;}
#contents .reserve_intro ul li.intro_box table td {color:#888; font-size:12px; line-height:1.3; padding:5px 15px; word-break:break-all;}
#contents .reserve_intro:after{content:""; display:block; clear:both;}
#contents .reserve_list {width:100%;}
#contents .reserve_list li {display:inline-block; margin-left:16px; margin-right:16px; margin-bottom:30px; width:150px; height:150px; vertical-align:top; text-align:center; box-sizing:border-box; background:#000;}
#contents .reserve_list li:first-child {margin-left:0 !important;}
#contents .reserve_list li:last-child {margin-right:0 !important;}
#contents .reserve_list li:hover {box-shadow:3px 3px 0px #e5e5e5;}
/*#contents .reserve_list li.IMAC {background:url('../../images/editorial/IMAC.jpg') no-repeat; color:#07aae1;}
#contents .reserve_list li.IBM {background:url('../../images/editorial/IBM.jpg') no-repeat; color:#f18000;}
#contents .reserve_list li.MACPRO {background:url('../../images/editorial/MACPRO.jpg') no-repeat; color:#5d1990;}
#contents .reserve_list li.encoding {background:url('../../images/editorial/encoding.jpg') no-repeat; color:#d8e10a;}*/
#contents .reserve_list li a {display:block; width:100%; height:100%; overflow:hidden;}
#contents .reserve_list li img {width:100%; margin-top:50%; margin-left:50%; transform:translate(-50%, -50%);}
#contents .reserve_list li img.w_big {width:100%; height:auto;}
#contents .reserve_list li img.h_big {width:auto; height:100%;}

#contents .info_box h4 {margin-top:30px; margin-bottom:20px; color:#06aae2; font-size:15px;}
#contents .info_box p {font-size:14px; color:#888; line-height:1.3;}
#contents .info_box p span {color:#f68000;}
#contents #list_btn {margin-top:30px; text-align:center;}

.ans_box { width:100%; height: 50px; overflow:auto; }

#contents .mat_list_table th { padding: 5px;  border:1px solid #d9d9d9; }
#contents .mat_list_table td { padding: 5px;  border:1px solid #d9d9d9; }
#contents .chois_mat .box { padding:5px; border:1px solid #d9d9d9; color:#ff8409; }

/*
#contents .reserve_info{margin:30px 0 20px;color:#464646;font-size:120%;font-weight:bold;}
#contents .reserve_info span{text-decoration:underline;color:#06aae2;}
*/
.reserve_info{margin:30px 0 20px;color:#464646;font-size:120%;font-weight:bold;}
.reserve_info span{text-decoration:underline;color:#06aae2;}


#contents .rental_cat{height:50px;}
#contents .rental_cat:after{content:""; display:block; clear:both;}
#contents .rental_cat li{float:left;background:url('/images/editorial/cat_line.gif') 0px 2px no-repeat;color:#747474;font-size:120%;padding:2px 13px 0 13px;}
#contents .rental_cat li.on{color:#06aae2;font-weight:bold;}

#contents .rental_list:after{content:""; display:block; clear:both;}
#contents .rental_list li{float:left;padding:0 25px 40px 0;}
#contents .rental_list li p.thumb{background:url('/images/editorial/list_bg.gif') 0px 0px no-repeat;width:152px;height:110px;text-align:center;padding-top:22px;}
#contents .rental_list li p.tit{font-size:100%;font-weight:bold;padding:14px 0 12px;color:#6e6e6e;width:152px; line-height:2em;  }


#banner { height: 30px; padding:0 20px 0 15px; }
#banner .left { float:left; display:inline; }
#banner .left .banner_title{ font-weight:bold; font-size:14pt; }
#banner .right { float:right; display:inline; }
#banner .right .span { padding: 5px; background-color:#dbdbdb; color:white; width:60px; height:30px; }

#title_img { height:70px; margin:20px;}
#title_img img { width:700px; height:60px; text-align:center; vertical-align:middle; border:1px solid #5f6b72; }
/*#contents h4{ margin-bottom:50px;width:100%; overflow:hidden;}
#contents h4 .f_l{float:left;}
#contents h4 .f_r{float:right;}
#contents h5{ margin-bottom:14px}
#contents h6{color:#83c000; font-size:110%; font-family:'gulim'; margin-bottom:10px;padding-left:10px;}*/
#contents .tit_bg{ background:url(/images/common/tit_bg.gif) top right no-repeat; min-height:150px; margin-bottom:15px;}
#contents .depth_1{ padding-left:10px; margin-bottom:30px; width:100%; overflow:hidden;}
#contents .depth_1 p{margin-bottom:20px; float:left; margin-right:30px;}
#contents .depth_1 ul, #contents .depth_1 dl{ background:url(/images/schedule/dotline_h.gif) left top repeat-y; float:left;}
#contents .depth_1 li, #contents .depth_1 dd{background:url('/images/common/bullet_label.gif') 0px 6px no-repeat; padding-left:5px; margin-left:20px; margin-bottom:10px; line-height:1.4em;}
#contents .depth_1 li.sfont{ font-size:95%;color:#959595; text-align:left; background:none; margin:0 0 0 20px;}
#contents .depth_1 li.sfont1{ font-size:95%;color:#959595; text-align:left; background:none; margin:0 0 10px 20px;}
#contents .depth_1 dt{ color:#83c000; font-weight:bold; font-family:gulim; font-size:110%; margin-bottom:6px;margin-left:20px; }
#contents .depth_1 .w60{width:65%;}
#contents .depth_1 .w70{width:75%;}
#contents .depth_2 { margin:0 0 30px 10px;}
#contents .depth_2 li{ margin-bottom:15px;background:url('/images/common/bull_list01.gif') 0 5px no-repeat; padding-left:10px;}
#contents .depth_2 .btn{ background:none; text-align:right}
#contents .depth_3{padding:20px;}
#contents .depth_3 li{background:url('/images/common/bull_list02.gif') 3px 5px no-repeat;padding-left:10px; margin-bottom:5px}
#contents p.depth_1{margin-bottom:30px; padding-left:10px; background:url(/images/schedule/dotline_v.gif) left bottom repeat-x; padding-bottom:20px;}
#contents .depth_4{border:5px solid #e1e1e1; padding:20px; font-size:95%; margin-top:10px;}
#contents .depth_4 dl{margin-bottom:20px;}
#contents .depth_4 dt{ color:#27bfbd; font-weight:bold; margin-bottom:8px;}
#contents .depth_4 dd{ background:url(/images/common/bullet_label.gif) 0px 5px no-repeat; padding-left:5px; margin-left:13px; margin-bottom:5px;}
#contents .depth_4 ul{margin-top:5px;}
#contents .depth_4 li{ background:none; padding:0; margin-bottom:3px; color:#969696;}
#contents .depth_4 .bt{text-align:right;}
#contents p.depth_1n{ margin-bottom:30px;background:url('/images/common/bull_list01.gif') 0 5px no-repeat; padding-left:10px;}
#contents .resource_img{ float:right;}

#contents .bg_obj1{background:url(/images/resource/bg_object01.gif) right no-repeat; border:5px solid #d5d5d5;margin-top:10px; }
#contents .bg_obj2{background:url(/images/resource/bg_object02.gif) right no-repeat; border:5px solid #d5d5d5;margin-top:10px; }
#contents .bg_obj3{background:url(/images/resource/bg_object03.gif) right no-repeat; border:5px solid #d5d5d5;margin-top:10px; }
#contents .txt_box{ border:5px solid #d5d5d5; padding:20px; margin-bottom:30px;}

#contents .dot_line{ background:url(/images/schedule/dotline_v.gif) left bottom repeat-x; padding-bottom:20px;}
#contents .dot_line1{ background:url(/images/schedule/dotline_v.gif) left bottom repeat-x; padding-bottom:20px; margin-bottom:30px;}
/* 테이블 */
.table_con {border-top:2px solid #83c000; margin-bottom:20px;}

.table_basic {width:100%; margin-bottom:5px;}
.table_basic th, .table_basic td{ padding:5px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
.table_basic th {background-color:#f7f7f7;color:#484848;}
.table_basic .th_first {border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;background-color:#f7f7f7;color:#484848;}
.table_basic td { padding: 7px 10px;text-align:center;}
.table_basic .td_first {border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;text-align:center;}
.table_basic .th_first1 {border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;background-color:#f7f7f7;color:#484848 ; text-align:left; padding-left:15px;}
.table_basic td.cont{ text-align:left;}
.table_basic td.cont1{ text-align:left;;border-left:1px solid #e7e7e7;}


/* 기본 컨텐츠 */
#contents .txt_con {padding-bottom:30px;}
#contents .con01 {padding-left:10px;padding-bottom:10px;}
#contents .con02 {padding-left:20px;padding-bottom:5px;}
#contents .con_end {padding-left:10px;padding-bottom:20px;}
#contents .list01_tit {font-weight:bold;}
#contents .list01 li { background:url('/images/common/bull_list01.gif') 0 5px no-repeat;padding-left:10px;padding-bottom:3px;}
#contents .list01 .list02 {padding-top:5px;}
#contents .list01 .list02  li { background:url('/images/common/bull_list02.gif') 3px 5px no-repeat;padding-left:11px;padding-bottom:3px;}
#contents .txt_depth1{margin-bottom:30px; padding-left:13px;}
#contents p.img_txt{margin-bottom:30px;}
#contents p.txt{ text-align:right; margin-bottom:10px;}
#contents p.txt span{ color:#e26d55;}
#contents input.w200_b{ width:200px; height:20px; border:2px solid #d1d1d1; background:#fff;}
#contents span.sfont{ font-size:95%; color:#969696;}
#contents .cont_box{ background:url(/images/member/box_bg02.gif) top left repeat-y; text-align:center; margin-bottom:10px;}

/* 교육 */
#contents { width:100%; }
#contents .category{float:left; display:inline; width:300px; background-color:#dbdbdb; padding:5px; }
#contents .category ul li {float:left; display:inline; padding:0 10px 0 10px; }
#contents .category2 {float:left; display:inline; width:300px; padding:5px; }
#contents .category2 ul li {float:left; display:inline; padding:0 10px 0 10px; }
#contents .search{  text-align:right; margin:0 0 6px 0; padding:0 20px 0 0; }
#contents .search_top { margin: 0 0 10px 0; padding:0 0 20px 0; }
#contents .search1{ text-align:right; height:1%; margin-bottom:10px; }
#contents .search1:after{display:block;clear:both;content:""}
#contents .search1 label{font-size:95%; font-weight:bold;}
#contents .search1 select{margin-right:10px; height:26px; border:1px solid #e1e1e1;}
#contents .search1 input{margin:0; padding:0; display:inline; float:right;}
#contents .search1 .tbox{ width:149px; background:url(/images/boardskin/search_tbox_bg.gif) top left no-repeat; height:26px; border:none; padding:0px 0px 0px 10px;}

#contents .search2{ padding-right:20px; margin-bottom:10px; text-align:right; height:1%;}
#contents .search2:after{display:block;clear:both;content:""}
#contents .search2 label{font-size:95%; font-weight:bold;}
#contents .search2 select{margin-right:10px; height:23px; border:1px solid #999999;}
#contents .search2 input{margin:0; padding:0; display:inline; float:right;}
#contents .search2 .tbox{ width:180px; border-top:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999; border-right:none; height:21px}

#contents .grade_zone { float:right; display:inline; margin:20px 0 20px 0;}
#contents #list_body .edu_detail_top{background:url(/images/common/detail_bg01.gif) no-repeat top left; height:29px;}
#contents #list_body .edu_detail_bt{background:url(/images/common/detail_bg03.gif) no-repeat top left; height:31px; margin-bottom:30px;}
#contents #list_body .edu_detail_con {border-top:2px solid #797979;border-bottom:1px solid #797979;padding:30px 25px;margin-bottom:30px;}
#contents #list_body .edu_detail_con:after{ content:""; clear:both; display:block;}
#contents #list_body .edu_detail_con h5{margin-bottom:20px; font-weight:bold; color:#464646; font-size:150%; font-family:"gulim"; padding-top:5px;}
#contents #list_body .edu_detail_con .edu_photo { width:248px; height:160px; float:left; padding-right:10px;}
/* #contents #list_body .edu_detail_con .edu_photo { width:270px; height:142px;float:left; padding-right:10px;} */
#contents #list_body .edu_detail_con ul { float:right; display:inline; width:58%; overflow:hidden; margin-bottom:10px;}
/* #contents #list_body .edu_detail_con ul { float:right; display:inline; width:54%; overflow:hidden; margin-bottom:10px;} */
#contents #list_body .edu_detail_con li { padding:7px 0 6px 0;border-bottom:1px solid #eaeaea; color:#727272;}
#contents #list_body .edu_detail_con li strong{font-size:95%; color:#727272; background:url(/images/common/bull_list02.gif) left no-repeat; padding-left:5px;}
#contents #list_body .edu_detail_con .detail_btn { text-align:right;clear:both;}



/*
#contents #list_body .edu_detail_con .edu_photo { width:300px; height:200px;float:left;}
#contents #list_body .edu_detail_con dl {overflow:hidden; width:50%; float:right; }
#contents #list_body .edu_detail_con dt, #contents #list_body .edu_detail_con dd{ height:22px;line-height:22px; vertical-align:middle;}
#contents #list_body .edu_detail_con dt{font-size:95%; font-weight:bold; color:#646464; background:url(/images/common/bull_list02.gif) 0px 8px no-repeat; padding-left:6px; float:left; width:20%}
#contents #list_body .edu_detail_con dd{ float:left; width:78%; }
#contents #list_body .edu_detail_con .detail_btn { float:right; }
*/

#contents #list_body .edu_detail {padding:0 20px;}
#contents #list_body .edu_detail .detail_cal { width:280px; position:relative; float:left;background:url('/images/common/mtitle02_top.gif') no-repeat top left; padding-top:15px;}
#contents #list_body .edu_detail .detail_cal .cal_top {position:absolute;top:10px;font-weight:bold;left:10px;text-align:center;padding:30px 0px 20px 0;font-size:90%;}
#contents #list_body .edu_detail .detail_cal .cal_top p{padding-bottom:5px;}
#contents #list_body .edu_detail .detail_cal .cal_top p img{position:relative;}
#contents #list_body .edu_detail .detail_cal .cal_top p span{font-size:200%;padding:0 5px;font-weight:normal;position:relative;top:5px;*top:3px;}

#contents #list_body .edu_detail .detail_cal .cal_body {padding:10px 0 14px 77px;*padding:10px 0 15px 77px;background:url('/images/common/mtitle02_bg.gif') repeat-y top left; border-bottom:1px solid #e4e4e4;min-height:120px;}
#contents #list_body .edu_detail .detail_cal .cal_body ul{*width:183px;border-left:1px solid #f0f0f0; padding-left:10px;}
#contents #list_body .edu_detail .detail_cal .cal_body ul li{display:inline-block;*display:inline;*zoom:1;width:22px;height:16px;*width:24px;*height:20px;text-align:center;color:#484848;font-size:90%;}
#contents #list_body .edu_detail .detail_cal .cal_body ul li span{font-weight:bold;color:#484848;background-color:#e7f4c5}
#contents #list_body .edu_detail .detail_cal .cal_body ul li.today{border:2px solid #84bf01;width:18px;height:17px;*width:20px;*height:19px;}
#contents #list_body .edu_detail .detail_cal .cal_body ul li.on{border-bottom:1px solid #84bf01;width:22px;height:18px;*width:24px;*height:21px;}
#contents #list_body .edu_detail .detail_cal .cal_body ul li.day{font-family:tahoma; font-size:85%; width:26px; color:#8a8a8a;margin-bottom:3px;border-bottom:1px solid #dedede}
#contents #list_body .edu_detail .detail_cal .cal_body ul li.sun{color:#f26021}



#contents #list_body .edu_detail .edu_sch{ color:#666666; font-size:9pt;padding:20px;border:5px solid #e1e1e1; margin-bottom:20px;}
#contents #list_body .edu_detail .edu_sch:after{ content:""; clear:both; display:block;}
#contents #list_body .edu_detail .edu_sch h6 { margin:0;color:#f48000; font-size:110%; font-family:"gulim"; font-weight:bold; padding:0;}
#contents #list_body .edu_detail .edu_sch .con{ float:right; display:inline; width:50%; overflow:hidden;}
#contents #list_body .edu_detail .edu_sch .con li { padding:12px 0 6px 0;border-bottom:1px solid #eaeaea; color:#727272;}
#contents #list_body .edu_detail .edu_sch .con li strong{font-size:95%; color:#727272; background:url(/images/common/bull_list02.gif) left no-repeat; padding-left:5px;}


#contents #list_body .edu_detail .pds { color:#666666; font-size:9pt;padding:20px 20px 10px 20px;border:5px solid #e1e1e1;}
#contents #list_body .edu_detail .pds dl{width:100%; overflow:hidden;}
#contents #list_body .edu_detail .pds dt, .edu_detail .pds dd{float:left; height:25px; line-height:25px; vertical-align:middle; padding-left:5px; margin-bottom:10px;}
#contents #list_body .edu_detail .pds dt{width:15%; font-size:95%; background:url(/images/common/bull_list02.gif) left no-repeat;}
#contents #list_body .edu_detail .pds dd{width:80%;  color:#464646; font-family:"gulim";background:url(/images/boardskin/th_line.gif) left no-repeat; padding-left:10px; }

#contents #list_body .edu_detail .edu_etc { margin-top:20px; color: #666666; }
#contents #list_body .edu_detail .edu_etc h6 { margin:10px 5px 0px 0px;color:#f48000; font-size:110%; font-family:"gulim"; font-weight:bold; padding:0;}
#contents #list_body .edu_detail .edu_etc div {  margin:5px 0 30px 0;}


.space_calendar table{width:100%; margin-bottom:10px;}
.space_calendar th.top_line ,.space_calendar td.top_line{ border-top:2px solid #83c000;}
.space_calendar th { font-size:95%; font-weight:normal; letter-spacing: 0px; padding:8px 0; background:#f7f7f7;  border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; font-size:95%;}
.space_calendar td { padding:8px 0; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}

#contents .member { margin-top:30px;}
#contents .member p{ text-align:right}


#contents .settle { margin-top:30px; }
#contents .settle dl { width:100%; overflow:hidden;}
#contents .settle dt{width:15%; background:#f7f7f7; border-left:1px solid #e7e7e7;}
#contents .settle dt span{ padding-left:15px; font-weight:bold; color:#484848;}
#contents .settle dd{width:85%; margin-left:-3px;}
#contents .settle .top_line{ border-top:2px solid #83c000;}
#contents .settle dt, #contents .settle dd{ border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;float:left; padding:15px 0;}
#contents .settle ul{width:100%; overflow:hidden;}
#contents .settle li{float:left; padding-left:20px; }
#contents .settle input{margin:0; padding:0}

#contents .btn_area { width: 100%; text-align:center; margin:30px 0 30px 0; }
#contents #online, #contents #my_point { display:none; }
#contents .online_info { border:5px solid #e1e1e1; padding:25px; margin:0 10px;}
#contents .online_info dl{width:100%; overflow:hidden;}
#contents .online_info dt, #contents .online_info dd{float:left; padding:5px 10px 5px 5px;}
#contents .online_info dt{width:19%; font-size:95%; background:url(/images/common/bull_list02.gif) left no-repeat;}
#contents .online_info dd{width:75%;  color:#464646; font-size:110%; font-family:"gulim";background:url(/images/boardskin/th_line.gif) left no-repeat; padding-left:10px; font-weight:bold;}
#contents .online_info p{ font-size:95%; border-top:1px solid #eaeaea; padding-top:15px; margin-top:15px;}

#contents .btn_area2 { margin-top:20px; text-align:right; }
#contents .btn_area2 span { padding: 5px; background-color: #dbdbdb; color:white; }

/*공동체교육*/
#group_list{}
#group_list ul{ border-top:1px solid #83c000; width:100%; overflow:hidden;}
#group_list ul li{float:left; width:50%; overflow:hidden;border-bottom:1px solid #dcdcdc}
#group_list .edu_photo{float:left; margin:20px 10px;}
#group_list .edu_contents dt, #group_list .edu_contents dd{ text-overflow:ellipsis; white-space:nowrap;}
#group_list .edu_photo img{ width:132px; height:98px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#group_list .edu_contents{float:left; width:200px; overflow:hidden; margin:20px 0 0 0;}
#group_list .edu_contents dt{ font-weight:bold; margin-bottom:10px;}
#group_list .edu_contents dd{font-size:95%; margin-bottom:5px;}
#group_list .edu_contents dd strong{ background:url(/images/common/bullet_label.gif) left no-repeat; font-weight:normal; color:#676767; padding-left:3px;}

#contents .edu_list{ border-top:2px solid #797979; margin-bottom:30px}
#contents .edu_list li{ padding: 20px 20px 0 20px ; height:1%;border-bottom:1px solid #d9d9d9}
#contents .edu_list li:after{ clear:both; content:""; display:block;}
#contents .edu_list li h5{ margin-bottom:20px; font-weight:bold; color:#464646; font-size:120%; font-family:"gulim"; padding-top:5px;}
#contents .edu_list li img.edu_photo {float:left; width:248px; height:160px; }
#contents .edu_list dl {overflow:hidden; float:right; width:58%;} 
#contents .edu_list dt{float:left; width:20%;font-size:95%; font-weight:bold; color:#a5a5a5; background:url(/images/common/bullet_label.gif) left no-repeat; padding-left:5px;}
#contents .edu_list dd{ float:left; width:75%; margin:0 0 5px 0; padding:0;}
#contents .edu_list .bt{clear:both; position:relative; z-index:10; top:-35px; left:520px;}

/* 교육신청 레이어 */
.pop_layer{position:absolute; width:550px; height:440px; background:#ffffff; z-index:99; border:8px solid #d5d5d5; margin: 90px 0 0 80px; display:none;}
.pop_layer .close{ float:right; margin:10px;}
.pop_layer .pop_layer_wrap h5{margin-bottom:15px;}
.pop_layer .pop_layer_wrap{ padding:20px;}
.pop_layer .pop_layer_wrap textarea{width:100%; height:150px;}
.pop_layer .pop_layer_wrap .bt{ text-align:right; }


/* 장비/공간 */
#contents .grade_zone { float:right; display:inline; margin:20px 0 20px 0;}
#contents #material_list { margin-bottom:30px;}
#contents #material_list ul {width:100%; overflow:hidden; border-top:1px solid #83c000; padding-top:30px;}
#contents #material_list ul li { float:left; padding:0 20px 20px 20px; border-bottom:1px solid #dcdcdc; margin-bottom:30px;}
#contents #material_list .material_contents { width:195px;}
#contents #material_list .material_contents .photo{ overflow:hidden; display:block; margin-bottom:10px;}
#contents #material_list .material_contents .photo img{width:195px; height:136px;}
#contents #material_list .material_contents p { margin-bottom:15px; height:20px; overflow:hidden; line-height:20px;color:#4f4f4f; font-weight:bold; font-size:95%;}
#contents #material_list .material_contents .bt { text-align:center}

#contents #space_list { margin-bottom:30px; height:1%;}
#contents #space_list:after{ content:""; clear:both; display:block;}
#contents #space_list .left_bar{ width:21px; float:left;}
#contents #space_list .right_bar{ width:21px; float:right;}
#contents #space_list .space_zone { width:195px; float:left; margin:0 15px}
#contents #space_list .space_zone li.photo  { margin-bottom:15px;}
#contents #space_list .space_zone li.photo img { width: 195px; height:134px; }
#contents #space_list .space_zone li.txt { height:20px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight:bold; margin-bottom:5px; }
#contents #space_list .space_zone li.txt a{ color:#464646 }
#contents #space_list .space_zone li.bt{text-align:right;}

#contents .space_rental_txt{border:1px solid #dedddd;background-color:#f4f4f4;padding:20px;margin-bottom:20px;}
#contents .space_rental_txt p{font-size:120%;font-weight:bold;padding-bottom:5px;color:#4c4c4c;}
#contents .space_rental_txt dt{background:url('/images/common/bull_list02.gif') no-repeat 2px 10px;padding:7px 0 0 11px;}
#contents .space_rental_txt dd{font-size:95%;background:url('/images/common/bull_list01.gif') no-repeat 10px 10px;padding:7px 0 0 20px;}


.space_calendar { width:100%; overflow:hidden;}
.space_calendar h5{ font-size:100%; font-weight:normal; width:100%; margin-bottom:25px;}
.space_calendar span.point{ color:#83c000; font-family:"gulim"; font-size:125%; font-weight:bold;}
.space_calendar h6{ color:#73a900; font-size:130%; font-family:"gulim"; float:left; margin:0 0 5px 0;}
.space_calendar .sfont_r{ float:right; font-size:95%;margin-bottom:10px;}
.space_calendar .sfont_r img{margin:0 2px 1px 10px;}
.space_calendar table{width:100%; margin-bottom:10px;}
.space_calendar th.top_line ,.space_calendar td.top_line{ border-top:2px solid #969696;}
.space_calendar th { padding:8px 0; background:#f7f7f7;  border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; font-size:95%;}
.space_calendar td { padding:8px 0; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.space_calendar .sunday { color: #e57341 ; }
.space_calendar .satday { color: #06aae2 ; }
.space_calendar .normal { color: #666666 ; }
.space_calendar .sfont img{ margin:0 3px 0 10px;}



#rental {padding:0 20px; }
#rental .photo_zone { width:300px; float:left; margin-right:15px; }
#rental .photo_zone .title_photo { width:300px; height:200px; }
#rental .photo_zone .title_photo img { width:300px; height:200px; border:1px solid #5f6b72; }
#rental .photo_zone .thumb_photo { width:280px; height:40px; margin: 10px 10px 10px 10px; }
#rental .photo_zone .thumb_photo ul { width:100%; display:inline; }
#rental .photo_zone .thumb_photo ul li { width:50px; height:35px; margin-right:5px; float:left; }
#rental .photo_zone .thumb_photo ul li img { width:50px; height:35px; border:1px solid #5f6b72; }
#rental .contents_zone { width:370px; float:right; margin-left:15px; }
#rental .contents_zone .close { float:right; }
#rental .contents_zone ul { width:100%; overflow:hidden; display:inline; }
#rental .contents_zone ul li { line-height:1em; margin-top:13px;}
#rental .contents_zone ul li div { width:95%; height:100px; line-height:1em; margin:5px 10px 5px 10px; overflow:auto; }
#rental .contents_zone .btn { float:right; margin-top:15px; }

#rental .contents_zone1 { width:100%; float:right; margin-left:15px; }
#rental .contents_zone1 .close { float:right; }
#rental .contents_zone1 ul { width:100%; overflow:hidden; display:inline; }
#rental .contents_zone1 ul li { line-height:1em; margin-top:13px;}
#rental .contents_zone1 ul li div { width:95%; height:100px; line-height:1em; margin:5px 10px 5px 10px; overflow:auto; }
.contents_zone1 table{width:100%; margin-bottom:10px;}
.contents_zone1 th.top_line ,.contents_zone1 td.top_line{ border-top:2px solid #83c000;}
.contents_zone1 th { font-size:95%; font-weight:normal; letter-spacing: 0px; padding:8px 0; background:#f7f7f7;  border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; font-size:95%;}
.contents_zone1 td { padding:8px 0; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}


#rental .material_calendar {}
#rental .material_calendar table{width:100%; margin-bottom:10px;}
#rental .material_calendar th.top_line ,.material_calendar td.top_line{ border-top:2px solid #83c000;}
#rental .material_calendar th { padding:8px 0; background:#f7f7f7;  border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; font-size:95%;}
#rental .material_calendar td { padding:8px 0; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
#rental .material_calendar .sunday { color: #e57341 ; }
#rental .material_calendar .satday { color: #83c000 ; }
#rental .material_calendar .normal { color: #666666 ; }
#rental .material_calendar .sfont img{ margin:0 3px 0 10px;}
#rental .material_detail { margin-bottom:20px; }
#rental .material_detail h6 { color:#73a900; font-size:110%; font-family:gulim; margin-bottom:10px;}
#rental .material_detail div { margin-bottom:25px; line-height:1.4em;}

#contents .material_info { padding-left:10px; margin-bottom:30px;}

#material_detail { position:absolute; width:700px; height:360px; z-index:19; border:8px solid #d5d5d5; margin: 120px 0 0 0; background:#fff}
#material_detail1 { position:absolute; width:700px; height:570px; z-index:19; border:8px solid #d5d5d5; margin: 120px 0 0 0; background:#fff}



/* 장비/공간 상세보기 레이어 */
#layer_zone { padding:25px 20px 25px 25px; height:1%; background:#fff;}
#layer_zone:after{display:block;clear:both;content:""}
#layer_zone .close{ position:relative; top:-8px; left:345px; z-index:20;}
/*
#layer_zone .close{ position:relative; top:-8px; left:400px; z-index:20;} 
*/
#layer_zone .photo_zone { width:285px; float:left; }
#layer_zone .photo_zone img.title_photo{width:250px; height:250px; border:1px solid #dedede; margin-left:10px;}
/*
#layer_zone .photo_zone { width:232px; float:left;}
#layer_zone .photo_zone img.title_photo{width:230px; height:230px; border:1px solid #dedede;}

#layer_zone .photo_zone { width:302px; float:left;}
#layer_zone .photo_zone img.title_photo{width:300px; height:200px; border:1px solid #dedede;} 
*/
#layer_zone .photo_zone ul{width:100%; overflow:hidden; margin-top:15px;}
#layer_zone .photo_zone li{float:left; margin:0 5px 0 0; display:inline;}
#layer_zone .photo_zone li img{width:50px; height:50px; border:1px solid #dedede;}
/* #layer_zone .photo_zone li img{width:68px; border:1px solid #dedede;} */


/* 장비용 */
/*
#layer_zone .contents_zone { width:320px; overflow:hidden; float:right;}
#layer_zone .contents_zone { width:390px; overflow:hidden; float:right;}
*/
#layer_zone .contents_zone { width:370px; overflow:hidden; float:right;}
#layer_zone .contents_zone dt{color:#4f4f4f; font-size:120%; font-family:"gulim"; margin-bottom:15px; font-weight:bold; line-height:1.2em;}
#layer_zone .contents_zone dt label{display:none;}
#layer_zone .contents_zone dd{ padding:0; margin:0;  padding:3px 0 2px 0; margin-bottom:5px;clear:both; line-height:1.4em; margin-bottom:10px;border-bottom:1px solid #e5e5e5; width:100%;}
#layer_zone .contents_zone dd label{font-size:95%; font-weight:bold; color:#a5a5a5; background:url(/images/common/bullet01.gif) left no-repeat; padding-left:5px;}
#layer_zone .contents_zone dd.txt{ padding-left:7px; width:98%; height:100px;overflow:auto;}
#layer_zone .contents_zone .bt { float:right;}


/* 공간용 */
#layer_zone .contents_zone2 { width:300px; float:right; margin-left:15px; }
#layer_zone .contents_zone2 .close { float:right; }
#layer_zone .contents_zone2 ul { width:100%; overflow:hidden; display:inline; }
#layer_zone .contents_zone2 ul li { line-height:1em; margin-top:13px;}
#layer_zone .contents_zone2 ul li div { width:95%; height:70px; line-height:1em; margin:5px 10px 5px 10px; overflow:auto; }


/* 기자재 대여상세 */
#contents .material_list{ border-top:2px solid #969696; margin-bottom:30px;}
#contents .material_list li{ padding:20px 20px 20px 20px; height:1%;border-bottom:1px solid #dcdcdc}
#contents .material_list li:after{ clear:both; content:""; display:block;}
#contents .material_list li h5{ margin-bottom:10px; font-weight:bold; color:#464646; font-size:130%; font-family:"gulim"; padding-top:5px;}
#contents .material_list li img.edu_photo {float:left; width:248px; height:160x;}
#contents .material_list dl {overflow:hidden; float:right; width:58%;} 
#contents .material_list dt {float:left; width:75%;font-size:120%; font-weight:bold; color:#4f4f4f; padding:0px 0px 10px 0px;}
#contents .material_list dd { float:left; width:75%; margin:0 0 5px 0; padding:0;}
#contents .material_list dd strong {font-weight:bold; color:#a5a5a5; background:url(/images/common/bullet_label.gif) left no-repeat; padding-left:5px; font-size:95%;}
#contents .material_list .bt{clear:both; position:relative; z-index:10; top:-28px; left:520px;}




/* 창작지원 */
#contents .header { margin:15px; }
#contents .header ul { width:100%; display:inline; overflow:hidden; }
#contents .header ul li { float:left; }
#contents .header .photo { width: 100px; height:100px; margin:5px; text-align:center; }
#contents .header .content { width: 450px; height:100px; margin:5px; padding-top:0px; }
#contents .header .content h4 { margin:10px; }
#contents .header .content h4 span { margin-left:30px; padding:5px 10px 5px 10px; background-color:#ffcc00; }
#contents .header .content p { margin:20px 10px 20px 10px; }
#contents .header .apply_btn { text-align:center; padding-top:30px; }
#contents .header .apply_btn span { margin-left:30px; padding:5px 10px 5px 10px; background-color:#fb210f; color:white; }
#contents .detail { width:650px; margin:20px; padding:10px; border:1px solid #5f6b72; }
.btn { width:663px; margin:20px; text-align:right; }
#contents .default_info{ margin-bottom:30px;}
.btn span { margin-left:30px; padding:5px 10px 5px 10px; background-color:#fb210f; color:white; }
#contents .default_info .wrap { background:url(/images/create_support/support_apply_bg.gif) top left no-repeat; height:49px; margin-bottom:10px;}
#contents .default_info .wrap ul {width:90%; overflow:hidden; padding:15px;}
#contents .default_info .wrap ul li { line-height:1.5em; float:left; padding:0 15px;}
#contents .default_info .wrap ul li label{font-size:95%; font-weight:bold; color:#a5a5a5; background:url(/images/common/bullet01.gif) left no-repeat; padding-left:5px;}
#contents .default_info .etc { text-align:right; }
#contents .form { margin:30px 15px 15px 15px; padding:10px; width:670px; }
#contents .form ul { display:inline;}
#contents .form ul li { line-height:2em; }
#contents .form .title { width:150px; height:30px; text-align:right; float:left; }
#contents .form .field { width:490px; text-align:left; float:left; padding-left:10px; }
#contents #support_list { margin:15px; }
#contents #support_list ul { overflow:hidden; display:inline; }
#contents #support_list ul li { float:left; line-height:2em; }
#contents #support_list .no { width:50px; text-align:center; }
#contents #support_list .title_center { width:490px; text-align:center;  }
#contents #support_list .title { width:490px; text-align:left;  }
#contents #support_list .year { width:60px; text-align:center;  }
#contents #support_list .cnt { width:60px; text-align:center;  }

#contents #product_list h4{color:#4f4f4f; font-size:110%; font-family:gulim; margin-bottom:10px; background:url(/images/common/bull_f4.gif) left top no-repeat; padding-left:13px;}
#contents #product_list p.cmt{ padding-left:13px;}
#contents #product_list .plist{width:100%; overflow:hidden;}
#contents #product_list .plist li{ width:50%; float:left;overflow:hidden;  margin-bottom:30px;}
#contents #product_list .plist .cont{ border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; padding:15px 0; margin:0 15px; height:1%;}
#contents #product_list .plist .cont:after{display:block;clear:both;content:""}
#contents #product_list .plist .cont img.photo{ float:left; margin-left:15px;}
#contents #product_list .plist .cont dl{float:right; margin-right:15px; width:50%;}
#contents #product_list .plist .cont dt{margin-bottom:10px;font-family:"gulim";}
#contents #product_list .plist .cont dt a{font-weight:bold;color:#4f4f4f;font-family:"gulim";}
#contents #product_list .plist .cont dd{line-height:18px; padding:0 0 0 5px; background:url(/images/common/bullet01.gif) 0px 7px no-repeat;}
#contents #product_list .plist .cont dd label{font-size:95%;}


/* 영상/도서 */
#contents #archive_list { width:100%; overflow:hidden;}
#contents #archive_list ul { padding:30px 0 0 0px; border-bottom:1px solid #e1e1e1;/* height:1%; */border-top:2px solid #797979;}
#contents #archive_list ul:after{display:block;clear:both;content:""}
#contents #archive_list ul li { float:left; display:inline;  margin:0 5px 30px 5px; width:130px;}
#contents #archive_list .photo {width: 130px; height: 180px; display: table-cell; vertical-align: middle; background-color: black; text-align:center;}
#contents #archive_list .photo a {display: contents; height: 180px;}
/* #contents #archive_list .photo { width:130px; height:190px; background:url(/images/archive/archive_list_bg.gif) top left no-repeat;} */
#contents #archive_list .photo img.wid_img {width: 130px; max-height: 100%;}
#contents #archive_list .photo img.hei_img {max-width: 130px; height: 100%;}
#contents #archive_list .subject {width:100%; margin-top:0px; color:#636363;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#contents #archive_list .subject a{color:#636363; line-height:16px}
#contents #archive_list .subject span{display: block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#contents #archive_list .subject .summary{color:#808080; font-size:12px;}

#contents #archive_body { width:100%; overflow:hidden; }
#contents #archive_body .archive_content h4 { margin-left:50px; font-weight:bold; float:right; display:inline; color:#5e5e5e; margin:0px 0 10px 0; width:50%;font-family:"gulim"; line-height:1.4em; font-size:120%;}
#contents #archive_body .archive_content_top{background:url(/images/common/detail_bg01.gif) no-repeat top left; height:29px;}
#contents #archive_body .archive_content_bt{background:url(/images/common/detail_bg03.gif) no-repeat top left; height:31px; margin-bottom:30px;}
#contents #archive_body .archive_content { background:url(/images/common/detail_bg02.gif) repeat-y top left; height:1%; padding:30px 30px 30px 25px;}
#contents #archive_body .archive_content:after{display:block;clear:both;content:""}
#contents #archive_body .archive_content .photo{float:left; margin:0 25px 0 0 ;  width:120px; height:180px; overflow:hidden;}
#contents #archive_body .archive_content .photo img{ width:120px; height:180px;}
#contents #archive_body .archive_content ul { float:right; display:inline; width:50%; overflow:hidden;}
#contents #archive_body .archive_content li { float:left; width:50%; padding:12px 0 6px 0;border-bottom:1px solid #eaeaea; color:#727272;}
#contents #archive_body .archive_content li.w100{width:100%;}
#contents #archive_body .archive_content li strong{font-size:95%; color:#a5a5a5; background:url(/images/common/bullet_label.gif) left no-repeat; padding-left:5px;}
#contents #archive_body .archive_content li label{font-size:95%; color:#a5a5a5; background:url(/images/common/bullet_label.gif) left no-repeat; padding-left:5px; font-weight:bold;}
#contents #archive_body .archive_content img.bt_pos{ position:relative; z-index:10; left:300px; top:72px;}
#contents #archive_body .story { padding:20px 15px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; margin-bottom:10px;}
#contents #archive_body .story h4{ color:#73a900; font-size:110%; font-family:"gulim"; margin-bottom:10px;}
#contents #archive_body .story div.txt{ margin-bottom:30px;}
#contents #archive_body .story ul{width:100%; overflow:hidden;}
#contents #archive_body .story ul.pic li{float:left; display:inline; margin:0 20px 20px 0;}
#contents #archive_body .story ul.pic p{margin-top:5px; font-size:95%; color:#7f7f7f;}
#contents #archive_body .story dl{ margin-left:12px; width:100%; overflow:hidden; margin-bottom:10px;}
#contents #archive_body .story dt{ font-weight:bold;color:#4f4f4f; background:url(/images/common/bullet02.gif) 0px 5px no-repeat; padding-left:7px; clear:both;font-family:"gulim";}
#contents #archive_body .story dd{ padding-left:7px; background:none; margin-bottom:20px; clear:both;}

.archive-search {text-align:right; margin: 0 15px 15px 0;}

/* archive-layer-framebox */
.archive-layer-framebox{position:fixed;left:50%;top:50px;margin:0 0 0 -200px;width:600px;border:2px solid #747474;background-color:#fff; z-index:1; display:none; min-height:500px; max-height:800px; overflow:auto;}
.archive-layer-framebox .close-btn{position:absolute;right:10px;top:10px;}
.archive-layer-framebox .archive-layer-contents {padding:30px;}
.archive-layer-framebox .archive-layer-contents .archive-databox {overflow:hidden;clear:both;width:540px;}
.archive-layer-framebox .archive-layer-contents .archive-databox&gt;h4 {clear: none;display: block;margin-bottom: 4px; overflow: hidden; padding-left: 2px; position: relative;}
.archive-layer-framebox .archive-layer-contents .archive-databox&gt;h4&gt;span {font-size:90%;display:block;}
.archive-layer-framebox .archive-layer-contents .archive-databox .photo-box {float:left;margin: 1px 13px 5px 0;min-height: 55px;position: relative;display:block;}
.archive-layer-framebox .archive-layer-contents .archive-databox .photo-box&gt;img {width:130px;height:auto;}
/* .archive-layer-framebox .archive-layer-contents .archive-databox .photo-box&gt;img {width:130px;height:180px;} */
.archive-layer-framebox .archive-layer-contents .archive-databox .data-box {font-size:12px;line-height:18px;margin:2px 0 0;overflow:hidden;padding-left: 2px;color:#666; min-height:150px;}
.archive-layer-framebox .archive-layer-contents .archive-databox .data-box .frst {color:#333333;}
.archive-layer-framebox .archive-layer-contents .archive-databox .data-box .mid {padding:10px 0 0 0;}
.archive-layer-framebox .archive-layer-contents .archive-databox .data-box li {margin:0 6px 2px 0;}
.archive-layer-framebox .archive-layer-contents .archive-databox .data-box span {font-weight:bold;color:#333;padding:0 5px 0 0;}
/*
.archive-layer-framebox .archive-layer-contents .archive-databox .data-box {font-size:12px;line-height:18px;margin:2px 0 0;overflow:hidden;padding-left: 2px;}
.archive-layer-framebox .archive-layer-contents .archive-databox .data-box:after {clear: both; content: "";display: block;}
.archive-layer-framebox .archive-layer-contents .archive-databox .data-box dt {clear:both;color:#777;float:left;margin:0 6px 2px 0;}
.archive-layer-framebox .archive-layer-contents .archive-databox .data-box dt.blind {border: 0 none !important;font-size: 0 !important;height: 0 !important;left: 0 !important;line-height: 0 !important; margin: 0 !important;overflow: hidden !important;padding: 0 !important;position: absolute;top: 0 !important;visibility: hidden !important; width: 0 !important;}
.archive-layer-framebox .archive-layer-contents .archive-databox .data-box dd {margin-bottom: 3px;}
.archive-layer-framebox .archive-layer-contents .archive-databox .data-box dd.frst {color:#cc6600;}
*/
.archive-layer-framebox .archive-layer-contents .archive-databox .synopsis {line-height:1.6em;overflow:hidden;padding:10px 0;}
.archive-layer-framebox .archive-layer-contents .data-table {clear:both;border-top: 2px solid #747474;margin:10px 0 0 0;}
.archive-layer-framebox .archive-layer-contents .data-table th {border-bottom: 1px solid #d9d9d9;border-right:1px solid #d9d9d9;font-size:11px;letter-spacing:-1px;padding:12px 0 10px;}
.archive-layer-framebox .archive-layer-contents .data-table td {border-bottom: 1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:12px 0 10px 10px;font-size:12px;}
.archive-layer-framebox .archive-layer-contents .data-table td:last-child {border-right:none;}
.archive-layer-framebox .archive-layer-contents .archive-thumb-box {overflow:hidden;padding:10px 0 0 0;}
.archive-layer-framebox .archive-layer-contents .archive-thumb-box&gt;ul&gt;li {float:left;padding:0 10px 0 0;}
.archive-layer-framebox .archive-layer-contents .archive-thumb-box&gt;ul&gt;li&gt;img {width:125px;height:86px;}

/* 반투명용 레이어 */
.backLayer {position:absolute; top:0px; left:0px; z-index:9998;}

/* 사랑방 */

#contents #love_list {border-top:1px solid #83c000; }
#contents #love_list ul:after{ clear:both; }
#contents #love_list ul li.li_list{padding:20px 10px; float:left; }
#contents #love_list ul li.li_list2{padding:20px 10px; float:right; }
#contents #love_list ul li.l_line{border-bottom:1px solid #83c000; padding:10px 0 10px 0}
#contents #love_list table{width:100%; margin-bottom:20px;}
#contents #love_list th{font-weight:bold; text-align:left; font-size:95%; background:url(/images/boardskin/th_line.gif) right no-repeat}
#contents #love_list th, #contents #love_list td{ padding:10px;}
#contents #love_list th.tit{ background:none; padding:0 10px; background:url('/images/schedule/dotline_v.gif') left bottom repeat-x; font-size:110%; font-family:gulim; color:#626262;}
#contents #love_list td.cont{padding:20px 0; background:url('/images/schedule/dotline_v.gif') left bottom repeat-x;}
#contents #love_list span.date{ text-align:right; font:80% normal 'gulim','tahoma'; color:#929292; margin-left:15px}
#contents #love_list .comt{ background:#f7f7f7; margin-bottom:10px;}
#contents #love_list .cmt_btn{ background:#fff; padding-bottom:10px;}
#contents #love_list .cmt_btn span.on { color:#83c000;}
#contents #love_list .cmt_btn span.off { color:#666;}


/* 마이 페이지 */
#contents .my_info { width:100%; overflow:hidden; margin-bottom:10px;}
#contents .my_info dt, .my_info dd{border-bottom:1px solid #e5e5e5; float:left;  margin:0; padding:0;display:table-cell;}
#contents .my_info dt{ width:20%; background:#36C}
#contents .my_info dd{ width:80%; background:#C9F}
#contents .my_info input{margin:0; padding:0;}

#contents .out_header { margin-bottom:30px;}
#contents .out_header p img{ margin-bottom:10px;}
#contents .out_header span{ font-family:gulim; font-size:120%; font-weight:bold; color:#626262;}

#contents .refund { position:absolute; background:white; z-index:99; }



#rental_detail { padding:25px 25px 25px 25px; height:1%; background:url(/images/resource/material_detail_bg.gif) top left no-repeat; margin-bottom:30px;}
#rental_detail:after{display:block;clear:both;content:""}
#rental_detail .close{ position:relative; top:-8px; left:345px; z-index:20;} 
#rental_detail .photo_zone { width:302px; float:left;}
#rental_detail .photo_zone img.title_photo{width:300px; height:200px; border:1px solid #dedede;}
#rental_detail .photo_zone ul{width:100%; overflow:hidden; margin-top:15px;}
#rental_detail .photo_zone li{float:left; margin:0 5px 0 0; display:inline;}
#rental_detail .photo_zone li img{width:68px; border:1px solid #dedede;}
#rental_detail .contents_zone { width:340px; overflow:hidden; float:right;}
#rental_detail .contents_zone dl{ width:100%; overflow:hidden; padding-top:5px;}
#rental_detail .contents_zone dt{color:#4f4f4f; font-size:120%; font-family:"gulim"; margin-bottom:15px; font-weight:bold;}
#rental_detail .contents_zone dt label{display:none;}
#rental_detail .contents_zone dd{ float:left;}
#rental_detail .contents_zone dd{ height:26px; margin-bottom:5px;line-height:1.4em; margin-bottom:10px;border-bottom:1px solid #e5e5e5; width:50%;}
#rental_detail .contents_zone dd.full{ height:26px; margin-bottom:5px;line-height:1.4em; margin-bottom:10px;border-bottom:1px solid #e5e5e5; width:100%;}
#rental_detail .contents_zone dd label{font-size:95%; font-weight:bold; color:#a5a5a5; background:url(/images/common/bullet_label.gif) left no-repeat; padding-left:5px;}
#rental_detail .contents_zone dd label.no_dot{background:url(''); padding-left:0;}
#rental_detail .contents_zone .bt { float:right; margin-top:5px;}

#contents .date_list{border-top:2px solid #f48000; border-bottom:1px solid #e1e1e1; width:100%; overflow:hidden; padding:30px 0px; margin-bottom:10px; text-align:center}
#contents .date_list dt{ text-align:right; width:15%; color:#727272;float:left; padding:10px 20px 0 0; display:inline; font-weight:bold;}
#contents .date_list dd{ width:70%; padding-left:10px; text-align:left;border-bottom:none;float:left; padding:10px 0 0 20px; border-left:#dbdbdb 1px solid;}
#contents .date_list dd li{line-height:18px; margin-bottom:5px;}
#contents .date_list strong{ font-size:120%; color:#626262;}




.clear { clear:both; }
.line { border-top:1px solid #5f6b72; margin-bottom: 20px;}
.page {padding:10px 0 10px 0;text-align:center;border-top:1px solid #5f6b72;}
.bottom { height:30px; }
.textbox { width:480px; height:100px; overflow:auto; }
.btn_con {text-align:right; margin-bottom:30px;}
.btn_con img { margin-left:7px;}
.sfont{ font-size:95%; text-align:right;}
.spoint{ color:#83c000; text-decoration:underline;}

/* 갤러리 게시판용 */
.photo_list{ border-bottom:1px solid #e5e5e5; padding:15px 0 0px 28px; margin-bottom:30px;}
.photo_list ul{width:100%; overflow:hidden;}
.photo_list li{float:left; display:inline; margin-right:28px; margin-bottom:15px;}
.photo_list p{text-align:center;}
.photo_list p.photo{width:150px; height:110px; border:1px solid #cccccc; margin-bottom:10px; overflow:hidden;}

/*사진목록 리스트*/
.img_list ul{border-top:1px solid #83c000; padding-top:25px}
.img_list li{position:relative;padding:0 15px 20px 15px; margin-bottom:20px;vertical-align:top;*zoom:1;border-bottom:1px solid #e1e1e1;}
.img_list li:after{display:block;clear:both;content:""}
.img_list a strong{display:inline-block;margin:3px 0 15px 0; font-size:120%;color:#333;font-family:"gulim";}
.img_list .thumb{display:inline-block;float:left;margin:0 25px 0 0; overflow:hidden; width:130px; height:190px; background:url(/images/archive/archive_list_bg.gif) top left no-repeat;}
.img_list .thumb img{display:block; width:120px; height:180px; margin:1px 0 0 1px;}
.img_list p{line-height:1.4em;}
.img_list p.cont{height:50px; overflow:hidden;}
.img_list p.date{ text-align:right; color:#a0a0a0; font-size:95%; margin-bottom:10px; }
.img_list p.date label{ color:#666; margin-left:20px; display:inline-block;}
.img_list .more{ text-align:right; margin-top:15px;}
.img_list .icon{ margin-top:-2px;}


/*탭메뉴*/
@font-face{ font-family:"nanumttf"; src:url(/images/NanumGothicExtraBold.ttf)}
@font-face{ font-family:"nanumeot"; src:url(/images/NanumGothicExtraBold.eot)}
@font-face{ font-family:"nanumttf_r"; src:url(/images/NanumGothic.ttf)}
@font-face{ font-family:"nanumeot_r"; src:url(/images/NanumGothic.eot)}
.tabmenu {width:100%; overflow:hidden; margin-bottom:40px;background:url(/images/common/tab_line.gif) left no-repeat;}
.tabmenu li{ float:left; height:26px; line-height:26px; vertical-align:middle;  text-align:center; font-weight:bold; font-family:"gulim"; font-size:110%; padding:0 10px 0 6px;}
.tabmenu li a{ color:#898989;}
.tabmenu li.on{background:url(/images/common/tab_bg03.gif) top right no-repeat #f48000; padding:0 18px 0 5px;}
.tabmenu li.on1{background:url(/images/common/tab_bg01.gif) top left no-repeat; width:13px; padding:0; margin-left:15px}
.tabmenu li.none{background:url(/images/common/tab_line.gif) right no-repeat; padding:0 8px;}
.tabmenu li.on a{ color:#fff}

.tabmenu_editorial {width:100%; overflow:hidden; margin-bottom:40px;background:url(/images/common/tab_line.gif) left no-repeat;}
.tabmenu_editorial li{ float:left; height:26px; line-height:26px; vertical-align:middle;  text-align:center; font-weight:bold; font-family:"gulim"; font-size:110%; padding:0 10px 0 6px;}
.tabmenu_editorial li a{ color:#898989;}
.tabmenu_editorial li.on{background:url(/images/editorial/tab_bg03.gif) top right no-repeat #06aae2; padding:0 18px 0 5px;}
.tabmenu_editorial li.on1{background:url(/images/editorial/tab_bg01.gif) top left no-repeat; width:13px; padding:0; margin-left:15px}
.tabmenu_editorial li.none{background:url(/images/common/tab_line.gif) right no-repeat; padding:0 8px;}
.tabmenu_editorial li.on a{ color:#fff}

.step_menu{width:100%; overflow:hidden; margin-bottom:30px;}
.step_menu li{float:left;}


/*입력폼 테이블*/
.form_table{margin:1em 0;}
.form_table table{width:100%;border-top:1px solid #f48000;}
.form_table caption{padding:8px 0;font-weight:bold;text-align:left}
.form_table th,
.form_table td{padding:10px 0 8px 20px;border:0;vertical-align:top;border-bottom:1px solid #e5e5e5}
.form_table th{font-weight:bold; font-size:95%; color:#484848;border-bottom:1px solid #e5e5e5; text-align:left; background:url(/images/common/bull_list02.gif) 13px 15px no-repeat #f7f7f7;}
.form_table th.no_bg{font-weight:bold; font-size:95%; color:#484848;border-bottom:1px solid #e5e5e5; text-align:left; background:none 13px 15px no-repeat #f7f7f7;}
.form_table td{color:#666; line-height:18px;}
.form_table td.noline{border-bottom:none; padding:3px 10px;}
.form_table td label{ margin-right:20px; margin-left:3px;}
.form_table td li{margin-bottom:4px;}


/* 회원가입 */
#member_join .agree{ border-top:1px solid #f48000; border-bottom:1px solid #e5e5e5; padding:32px 20px 20px 20px; margin-bottom:20px;}
#member_join .agree h5{ color:#4f4f4f; font-size:110%; font-family:gulim; margin-bottom:10px; background:url(/images/common/bull_f4.gif) left top no-repeat; padding-left:13px;}
#member_join .agree p{ text-align:center;}
#member_join .agree_con{ border:1px solid #e1e1e1; width:630px; height:190px; margin-bottom:30px;padding:15px;}
.login_box{width:430px; margin:0 auto; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.login_box ul{ float:left;}
.login_box li{margin-bottom:5px; text-align:left;}
.login_box li input{height:18px; width:200px; border:2px solid #e1e1e1;}
.login_box .btn_login{float:right;}
.label_text { font-size:90%; color:#f95951; }

.join_complete{position:relative;}
.join_complete span{position:absolute;top:130px;right:40px;}

/* 마이페이지 교육신청 취소시 환불정보 레이어 */

#refund_area{ margin-left:100px; margin-top:100px; border:8px solid #d5d5d5;position:absolute; width:450px;background:#ffffff; z-index:99; overflow:hidden; padding-bottom:10px; display:none;}
#refund_area .close{ float:right; margin:10px;}
#refund_area .refund_area_wrap h5{margin-bottom:15px;}
#refund_area .refund_area_wrap{ padding:20px;}
#refund_area .refund_area_wrap textarea{width:100%;}
#refund_area .refund_area_wrap .bt{ text-align:right; }

/* 교육평가 */
#evaluation_frame { overflow:hidden; border:none; margin:30px 0 20px 0; background:#00C; width:100%; height:520px;}
#edu_evaluation{ padding:0 0 0 20px;}
#edu_evaluation h6{color:#73a900; font-size:110%; font-family:"gulim"; margin-bottom:15px; display:block; font-weight:bold; padding:0;}

#eval_write { position:absolute; width:700px; height:550px;  margin-left:20px; border:8px solid #d5d5d5; overflow:hidden; z-index:99; background-color:white; margin-top:80px; display:none; overflow-y:auto; overflow-x:hidden;}
#eval_write .eval_write_form{ padding:30px 20px 20px 20px}
#eval_write .eval_write_form .close{ position:relative; top:-20px; left:650px; z-index:20;}
#eval_write .eval_write_form .cate{margin-bottom:10px;}
#eval_write .eval_write_form  textarea{width:100%;}


#eval_view { position:absolute; width:700px; overflow:hidden; z-index:99; background-color:white;margin-left:20px; margin-top:80px; border:8px solid #d5d5d5;display:none;}
#eval_view .eval_write_form{ padding:30px 20px 20px 20px}
#eval_view .eval_write_form .close{ position:relative; top:-20px; left:650px; z-index:20;}

#edu_gallery { margin-top:20px; margin-left:20px;}
#edu_gallery h6{color:#73a900; font-size:110%; font-family:"gulim"; margin-bottom:15px; display:block; font-weight:bold; padding:0;}
#edu_gallery ul{width:100%; overflow:hidden;}
#edu_gallery li{float:left; display:inline; margin:0 20px 20px 0;}
#edu_gallery p{margin-top:5px; font-size:95%; color:#7f7f7f;}

/* 센터 일정 */
#schedule{ margin-top:30px;margin-bottom:50px;}
#schedule .bg_top{}
#schedule .bg_bt{height:30px; clear:both;}
#schedule .date{ text-align:center; vertical-align:middle; font-family:"Verdana"; line-height:39px;margin-bottom:50px;}
#schedule .date .btn_b{ margin:0 20px;}
#schedule .date  strong{font-size:300%; color:#4d4d50; margin:0 20px;font-family:'Verdana'}
#schedule .date span{ padding:0 10px;  font-size:100%; }
#schedule .date span.yy{ border-right:1px solid #e1e1e1}
#schedule .date span.mm{ border-left:1px solid #e1e1e1}
#schedule .schedule_cont{margin:0px;}
#schedule .schedule_cont table{width:100%;font-size:95%;}
#schedule .schedule_cont th{height:34px;}
#schedule .schedule_cont .tit_sun { background-color:#ed0101}
#schedule .schedule_cont .tit_normal { background:url(/images/schedule/day_bg.gif) right no-repeat; background-color:#bbbec0}
#schedule .schedule_cont .tit_sat {  background-color:#4d4d50;}
#schedule .schedule_cont .day_sun { color:#e30000; }
#schedule .schedule_cont .day_normal { color:#808080; }
#schedule .schedule_cont .day_sat { color:#0080ff; }

#schedule .schedule_cont td {background:url('/images/schedule/dotline_v.gif') left bottom repeat-x; height:100px; vertical-align:top}
#schedule .schedule_cont .today{ border:4px solid #bbbec0;}
#schedule .schedule_cont dl{ margin:10px 0; padding:0 10px; background:url(/images/schedule/dotline_h.gif) top right repeat-y; height:104%; overflow:hidden; overflow-y:auto; scrollbar-face-color:#e1e1e1; scrollbar-arrow-color:#fff; scrollbar-track-color:#fefefe; scrollbar-3dlight-color:#fff; scrollbar-shadow-color:#fefefe;scrollbar-darkshadow-color:#fff;}
#schedule .schedule_cont dt{ font-size:130%;color:#73a900; font-size:110%; font-family:"Tahoma"; color:#4d4d50; font-weight:bold; margin-bottom:10px; text-align:right}
#schedule .schedule_cont dd{ height:20px; width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:20px;}
#schedule .schedule_cont dd a:hover{ color:#4b4b4b;}
#schedule .schedule_cont dd img{padding-right:4px;}
#schedule .schedule_cont p.cate{text-align:center;padding-right:5px; margin-bottom:10px;}
#schedule .schedule_cont p.cate span{margin:0 5px;}

#schedule .detail_zone{float:left; width:590px; margin-left:25px; background:url(/images/schedule/dotline_h.gif) top right repeat-y; height:1%; padding:0 25px 0 0}
#schedule .detail_zone:after{ content:""; clear:both; display:block;}
#schedule .detail_zone h5{margin-bottom:20px; font-weight:bold; color:#464646; font-size:150%; font-family:"gulim"; padding-top:5px;}
#schedule .detail_zone .edu_photo { float:left; margin-bottom:30px;}
#schedule .detail_zone .cont {overflow:hidden; width:47%; float:right; margin-bottom:30px;}
#schedule .detail_zone .cont strong{font-size:95%; font-weight:bold; color:#646464; background:url(/images/common/bull_list02.gif) 0px 8px no-repeat; padding-left:6px; float:left;}
#schedule .detail_zone .cont li{margin-bottom:6px; line-height:16px; vertical-align:middle}


#schedule .detail_zone .pds { color:#666666; font-size:9pt;padding:20px 20px 10px 20px;border:5px solid #e1e1e1; margin-top:30px; clear:both; }
#schedule .detail_zone .pds dl{width:100%; overflow:hidden;}
#schedule .detail_zone .pds dt, #schedule .detail_zone .pds dd{float:left; height:25px; line-height:25px; vertical-align:middle; padding-left:5px; margin-bottom:10px;}
#schedule .detail_zone .pds dt{width:15%; font-size:95%; background:url(/images/common/bull_list02.gif) left no-repeat;}
#schedule .detail_zone .pds dd{width:80%;  color:#464646; font-family:"gulim";background:url(/images/boardskin/th_line.gif) left no-repeat; padding-left:10px; }

#schedule .detail_zone .etc { margin-top:20px; color: #666666; clear:both;}
#schedule .detail_zone .etc h6 { margin:10px 5px 0px 0px;color:#73a900; font-size:110%; font-family:"gulim"; font-weight:bold; padding:0;}
#schedule .detail_zone .etc div {  margin:5px 0 30px 0;}

#schedule .list_zone{ width:260px; margin-right:25px; float:right;}
#schedule .list_zone ul{margin-bottom:30px;}
#schedule .list_zone li{margin-bottom:20px; padding-bottom:20px;background:url('/images/schedule/dotline_v.gif') left bottom repeat-x;}
#schedule .list_zone dt{ font-weight:bold; color:#5d5d5d; margin-bottom:7px;}
#schedule .list_zone dd{font-size:95%; margin-bottom:3px; background:url('/images/common/bullet_label.gif') left no-repeat; padding-left:5px;}
#schedule .list_zone .cate01{ font-weight:normal; font-size:95%; color:#47ccca;}
#schedule .list_zone .cate02{ font-weight:normal; font-size:95%; color:#ef885c;}
#schedule .list_zone .cate03{ font-weight:normal; font-size:95%; color:#e7808d;}
#schedule .list_zone .cate04{ font-weight:normal; font-size:95%; color:#9b74bf;}
#schedule .list_zone .cate05{ font-weight:normal; font-size:95%; color:#009f00;}

/* 센터 일정 레이어 */
.pop_schedule{width:400px; height:280px; background:#ffffff; z-index:99; border:8px solid #d5d5d5;}
.pop_schedule .close{ float:right; margin:10px;}
.pop_schedule .pop_layer_wrap h5{margin-bottom:15px;}
.pop_schedule .pop_layer_wrap{ padding:20px;}
.pop_schedule .pop_layer_wrap textarea{width:100%; height:150px;}
.pop_schedule .pop_layer_wrap .bt{ text-align:right; }

.pop_schedule .pop_layer_wrap .edu_photo{float:left; margin:20px 20px 0 0;}
.pop_schedule .pop_layer_wrap dt, .pop_schedule .pop_layer_wrap dt{ text-overflow:ellipsis; white-space:nowrap;}
.pop_schedule .pop_layer_wrap .edu_photo img{ width:100px; height:67px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pop_schedule .pop_layer_wrap dl{float:left; width:230px; overflow:hidden; margin-bottom:10px;}
.pop_schedule .pop_layer_wrap dt{ font-weight:bold; margin-bottom:10px;font-family:"gulim"; font-size:110%;}
.pop_schedule .pop_layer_wrap dt span{font-size:90%; font-weight:normal; color:#83c000;}
.pop_schedule .pop_layer_wrap dd{font-size:95%; margin-bottom:3px;}
.pop_schedule .pop_layer_wrap dd label{ background:url(/images/common/bullet_label.gif) left no-repeat; padding-left:3px;}
.pop_schedule .pop_layer_wrap  p{clear:both;display:block; height:100px; overflow:auto;}

.pop_map{position:absolute; z-index:98;border:8px solid #d5d5d5; width:640px; background:#fff;}
.pop_map .close{ z-index:99; position:absolute; top:10px; right:10px;}

/*사이트맵*/
#sitemap{width:100%; overflow:hidden;}
#sitemap li{ float:left; margin:0 30px 30px 0; height:220px; width:220px;}
#sitemap li.none{ margin-right:0px;}
#sitemap h5{ margin-bottom:15px;}
#sitemap .sub_menu{ background:url('/images/schedule/dotline_h.gif') left top repeat-y; width:100%; overflow:hidden; height:70%;}
#sitemap .sub_menu li{clear:left; height:22px; line-height:22px; vertical-align:middle; padding-left:7px; margin:0;font-family:"gulim"; margin-left:20px;background:url('/images/common/bullet_label.gif') left no-repeat;}


#kcp .bg_top{ background:url(/images/education/kcp/bg01.gif) top left no-repeat; height:30px;}
#kcp .cont{ background:url(/images/education/kcp/bg02.gif) top left repeat-y; padding:0 30px 30px 30px;}
#kcp .cont ul{ margin-bottom:30px;}
#kcp .resalt_bg01{ background:url(/images/education/kcp/resalt_bg01.gif) top left no-repeat; height:15px;}
#kcp .resalt_bg02{ background:url(/images/education/kcp/resalt_bg02.gif) top left no-repeat; height:15px;}
#kcp .resalt_txt{ background:#f2f2f2; padding:10px 25px; height:1%;}
#kcp .resalt_txt strong{color:#484848;}
#kcp .resalt_txt:after{ content:""; display:block; clear:both;}
#kcp .resalt_txt h4{ float:left; width:80px;color:#73a900; font-size:110%; font-family:"gulim"; font-weight:bold; margin:0}
#kcp .resalt_txt p{ padding-left:20px;float:left; width:500px; border-left:#dbdbdb 1px solid; line-height:18px;}
#kcp .cont h5{color:#73a900; font-size:110%; font-family:"gulim"; font-weight:bold;margin-top:30px; }
#kcp .cont table{width:100%; border-top:1px solid #83c000;}
#kcp .cont th{width:20%; background:#f2f2f2; font-weight:bold; font-size:95%;color:#484848; text-align:left; padding:10px 0 10px 20px;border-bottom:1px solid #e7e7e7;}
#kcp .cont td{padding:10px 0 10px 20px;border-bottom:1px solid #e7e7e7;}
</pre></body></html>