/* CSS Document */ #allak{min-width:320px} #contain img{width:auto;max-width:100%;height:auto} .top_pop { width:100%; height:70px; padding-top:15px; background:#ff6c2b url(../img/ddea/pop_mobile.png) no-repeat center center; background-size:100%; text-align:center !important; font-size:20px; line-height:20px; font-size:16px; font-weight:bold; color:#fff;} .top_pop strong { font-size:16px; color:#fff667;} /* #design table.responsive *{font-size:13px} #design table.responsive, #design table.responsive col.time{width:100%} #design table.responsive [data-cell-header]:before{content:attr(data-cell-header);float:left;display:block;padding:0 10px 0 0;font-weight:700;text-align:left;color:#333} #design table.responsive th[scope]{display:none} #design table.responsive tr{margin-bottom:30px !important} #design table.responsive th{display:block;width:auto;color:#22b7d2;border-top:1px solid #22b7d2;border-bottom:1px solid #ddd;background:#fff} #design table.responsive td{display:block;width:auto} #design table.responsive td div{} #design table.responsive tr.session{border:0px solid #ccc} #design table.responsive tr.session td:first-child{display:none} #design table.responsive tbody td:first-child{margin-top:5px;padding:10px;font-size:13px;font-weight:700;text-align:center !important;color:#333;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff} #design table.responsive tbody td:last-child{margin-bottom:20px} #design table.responsive tbody td{padding:7px 0 !important;min-height:30px;border-top:0;border-bottom:1px solid #eee} #design table.responsive br{display:block} #design table.responsive .print{padding:0 10px;color:#fff;border:1px solid #333;background:#333} */ #design .corona19 {width:100%;border:2px solid #ddd; text-align:center;padding:20px 40px;color:#fe0000;margin-bottom:20px;} #design table.responsive{width:100%;margin-bottom:14px} #design table.responsive caption{display:none;} #design table.responsive thead th{border:1px solid #eee;text-align:center;border-bottom:1px solid #ddd;height:30px;padding:6px 0px;color:#444} #design table.responsive tbody th{border:1px solid #eee;text-align:center;height:30px;padding:6px 0px;color:#444} #design table.responsive th.item{border:1px solid #eee;text-align:center;height:28px;padding:7px 12px;line-height:18px;font-size:12px;background:#fafafa;padding:5px 0px;line-height:18px} #design table.responsive td{border:1px solid #eee;text-align:center;min-height:28px;padding:7px 4px;line-height:18px;background:#fff;} #design table.responsive td a{font-size:11px;} #design table.responsive *{font-size:13px;border-top:none !important} #design table.responsive{border-top:1px solid #22b7d2} #design table.responsive thead th:first-child{border-left:0} #design table.responsive tbody th:first-child{border-left:0} #design table.responsive tbody td:first-child{border-left:0} #design table.responsive thead th:last-child{border-right:0} #design table.responsive tbody th:last-child{border-right:0} #design table.responsive tbody td:last-child{border-right:0} /*안락누리도서관*/ #main{margin:0;padding:0} #main .main{} #main .main:before, #main .main:after{clear:both;display:table;content:"";line-height:0} #main .visual{height:200px;background:#fff url(../img/visual_bg.jpg) no-repeat 80% 0;background-size:auto 200px} #main .visual li{padding-top:60px} #main .visual img{width:50% !important;margin:0 0 0 14px} #main #searchbox{overflow:hidden;position:absolute;top:272px;width:100%} #main #searchbox .search{margin:0 14px;border:4px solid #8dc63f} #main #searchbox fieldset{} #main #searchbox fieldset{display:block;overflow:hidden} #main #searchbox fieldset input{float:left;width:84%;height:40px;line-height:40px;font-size:14px;text-indent:6px;border:0;background:#fff} #main #searchbox fieldset button{float:right;width:16%;height:40px;color:#fff;border:0;background:#fff url(../img/search_btn.jpg) no-repeat 50% 50%} #main .widget{} #main .widget:before, #main .widget:after{clear:both;display:table;content:"";line-height:0} #main .w1{} #main .w2{} #main .w3{} #main .w4{} #main .movie { margin:0 14px;margin-bottom:10px; padding-bottom:10px; position:relative;border:1px solid #dadada;background:#fff;border-radius:10px;overflow:hidden} #main .movie h3 { line-height:44px; height:43px; padding-left:15px; border-bottom:1px solid #e2e2e2; margin-bottom:6px; font-size:17px; color:#333;} #main .movie .mov ul li { overflow:hidden; padding:8px 15px;} #main .movie .mov ul li .img {float:left; width:70px; margin-right:14px; } #main .movie .mov ul li .img a img {width:70px;height:93px; border-radius:4px; margin:0 auto; display:block; text-align:center;} #main .movie .mov ul li .txt { float:left; } #main .movie .mov ul li .txt a strong {display:block; width:200px; font-size:14px; padding:12px 0 6px 0 !important;} #main .movie .mov ul li .txt span { display:block; width:200px; font-size:12px;} #main .movie .bx-prev { position:absolute; text-indent:-9999px; display:block; right:35px; top:10px; width:24px; height:23px; background:url(../img/main_cal_arr_before.jpg) no-repeat;} #main .movie .bx-next { position:absolute; text-indent:-9999px; display:block; right:10px; top:10px; width:25px; height:23px; background:url(../img/main_cal_arr_after.jpg) no-repeat;} #main .movie .more {position:absolute; right:5px; bottom:5px; display:none;} #main .popupzone{margin:0 14px;background:#fff;border-radius:10px;border:1px solid #dadada;margin-bottom:10px;margin-top:66px;position:relative} #main .popupzone li{border-radius:10px} #main .popupzone li a img{width:100%;border-radius:10px} #main .popupzone .bx-controls-auto{display:none} #main .popupzone .bx-pager *{} #main .popupzone .bx-pager{position:absolute;top:14px;right:12px;overflow:hidden;background:none} #main .popupzone .bx-pager-item{float:left;width:14px;height:14px;background:#ddd;text-indent:-9999px;border-radius:14px;margin-left:6px} #main .popupzone .bx-pager-item a{display:block} #main .popupzone .bx-pager-item .active{display:block;background:#fff;border:1px solid #333;width:14px;height:14px;border-radius:20px} #main .news{margin:0 14px;background:#fff;border-radius:10px;border:1px solid #dadada;position:relative;height:234px;margin-bottom:10px} #main .news .news_tab li a{display:block;background:#fff;border-bottom:1px solid #eee;color:#22b7d2;border-radius:10px 10px 0 0;font-size:20px;font-weight:600;height:52px;line-height:52px;padding-left:14px} #main .news .ns{margin:18px 14px} #main .news .ns ul li{height:30px;padding-left:14px;display:block;background:url(../img/notice_icon.jpg) no-repeat 0 7px} #main .news .ns ul li a{display:block;float:left;color:#555;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:70%} #main .news .ns ul li .date{float:right;color:#999} #main .news .ns li a.new{padding-right:22px;background:url(../img/news_new.png) no-repeat 100% 1px} #main .news .ns p.more{position:absolute;top:14px;right:14px;width:23px;height:23px} #main .calendar{position:relative;background:#fff;border:1px solid #dadada;border-radius:10px;margin:0 14px;margin-bottom:10px} #main .calendar .option{} #main .calendar .option h3{display:block;background:#fff;border-bottom:1px solid #eee;color:#333;border-radius:10px 10px 0 0;font-size:20px;font-weight:600;height:52px;line-height:52px;padding-left:14px} #main .calendar .option h3 span{color:#fcb040;font-family:Arial, Helvetica, sans-serif;font-size:26px;font-weight:600} #main .calendar .option a.prev{position:absolute;top:17px;right:38px;background:url(../img/main_cal_arr_before.jpg) no-repeat;text-indent:-9999px;display:block;width:24px;height:23px} #main .calendar .option a.next{position:absolute;top:17px;right:14px;background:url(../img/main_cal_arr_after.jpg) no-repeat;text-indent:-9999px;display:block;width:25px;height:23px} #main .calendar .option .close{border-bottom:1px solid #eee;overflow:hidden;padding:18px 0 18px 14px} #main .calendar .option .close dt{color:#555;font-size:14px;font-weight:600;padding-bottom:6px} #main .calendar .option .close dd{float:left;background:#fcb143;border-radius:26px;width:26px;height:26px;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:600;text-align:center;line-height:26px;margin-right:6px} #main .calendar .option .event{border-bottom:1px solid #eee;overflow:hidden;padding:18px 0 18px 14px} #main .calendar .option .event dt{color:#555;font-size:14px;font-weight:600;padding-bottom:7px} #main .calendar .option .event dd{width:80%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #main .calendar .option .event dd a{font-size:13px;} #main .calendar .option .event a.moreview{display:block;position:absolute;top:160px;left:88px;width:15px;height:15px} #main .calendar .day{text-align:center;padding-top:18px} #main .calendar .day table{width:96%;margin:0 auto;} #main .calendar .day table *{font-family:Arial, Helvetica, sans-serif;color:#555;font-size:12px} #main .calendar .day table th.sun{color:#d44e4e} #main .calendar .day table th.sat{color:#2a83c1} #main .calendar .day table th{padding-bottom:12px} #main .calendar .day table td{height:28px} #main .calendar .day table td.holi a span{color:#ff9700;font-weight:bold} #main .calendar .day table td.event a span{color:#67be00;font-weight:bold} #main .calendar .day table td.today a span{border:2px solid #22b7d2;border-radius:30px;padding:4px} #main .calendar .day .legend{margin-top:14px;padding:18px 0 18px 14px;text-align:left;padding-left:10px;border-top:1px solid #eee} #main .calendar .day .legend *{font-size:11px} #main .calendar .day .legend strong{margin-right:8px} #main .calendar .day .legend strong.today{border:2px solid #22b7d2;border-radius:30px;padding:4px 1px} #main .calendar .day .legend strong.holi{color:#ff9700} #main .calendar .day .legend strong.event{color:#67be00} #main .book{margin:0 14px;background:#fff;border-radius:10px;border:1px solid #dadada;margin-bottom:10px;position:relative;overflow:hidden} #main .book .book_tab{border-bottom:1px solid #eee;border-radius:10px 10px 0 0;height:52px} #main .book .book_tab li{float:left} #main .book .book_tab li a{display:block;color:#aaa;font-size:20px;font-weight:400;line-height:52px;padding-left:14px} #main .book .book_tab li a.sel{color:#22b7d2;font-weight:800} #main .book .books{margin-left:14px} #main .book .books dl{float:left;width:100%;padding:20px 0;display:none} #main .book .books dl:first-child{display:block} #main .book .books dt{float:left} #main .book .books dt img{border:1px solid #ccc} #main .book .books dt a{display:block} #main .book .books dd strong{display:block;font-size:16px;color:#333;font-weight:bold;width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:3px} #main .book .books dd strong:hover{text-decoration:underline} #main .book .books dd b{display:block;font-size:13px;color:#333;font-weight:400;padding-bottom:3px} #main .book .books dd{color:#777;font-size:12px;float:left;width:60%;margin-left:10px;margin-top:4px} #main .book .books p.more{position:absolute;top:14px;right:12px;width:23px;height:23px} #main .book02 {margin:0 14px; height:230px;background:#fff;padding:20px;border-radius:10px;border:1px solid #dadada;margin-bottom:10px;position:relative;overflow:hidden} #main .tab_list{} .tab_list ul{position:relative;margin:0;padding:0;font-size:12px;list-style:none;} .tab_list ul:after{display:block;clear:both;content:""} .tab_list li{float:left;margin-bottom:-1px;} .tab_list li span.date {float:right;} .tab_list li a{float:left;position:relative;border:1px solid #eee;border-bottom-color:#ccc;background:#fafafa;color:#666;text-decoration:none;} /* 탭매뉴 변경부분 */ .tab_list li a span{display:inline-block;padding:6px 15px 6px 15px;letter-spacing:-1px;cursor:pointer;} .tab_list li ul{display:none;position:absolute;top:66px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;} .tab_list li ul:after{display:block;clear:both;content:""} .tab_list li li{float:none;width:100%; margin-bottom:40px;} #main .tab_list dl{ position:relative;padding-right:28px;overflow:hidden} #main .tab_list dl:last-child{padding:0} #main .tab_list dt{float:left} #main .tab_list dt img{border:1px solid #aaa;margin-top:1px;margin-left:1px;width:78px;height:118px} #main .tab_list dt a{display:block} #main .tab_list dd {position:absolute; left:88px; top:0;} #main .tab_list dd strong{display:block;font-size:15px;color:#333;font-weight:bold;width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:3px} #main .tab_list dd strong:hover{text-decoration:underline} #main .tab_list dd b{display:block;font-size:12px;color:#333;font-weight:400;padding-bottom:3px} #main .tab_list dd{color:#777;font-size:12px;float:left;margin-left:10px;margin-top:4px} .tab_list li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal} .tab_list li li a:hover, .tab_list li li a:active, .tab_list li li a:focus{color:#000 !important;text-decoration:underline} .tab_list li li.more{position:absolute;top:-62px;width:auto;float:none;right:0;border:0 !important;background:transparent} .tab_list li a.tab_title {border:0; font-size:17px; background:none;line-height:29px; margin-right:20px;} .tab_list li a.tab_title.sel { font-size:21px; font-weight:bold; color:#67a70f; padding-bottom:16px; border-bottom:1px solid #67a70f; } .tab_list.m1 .m1 a span, .tab_list.m2 .m2 a span, .tab_list.m3 .m3 a span{padding-top:7px;font-weight:bold} .tab_list.m1 .m1 ul, .tab_list.m2 .m2 ul, .tab_list.m3 .m3 ul{display:block} .tab_list.js_off{height:auto} .tab_list.js_off ul{border:0} .tab_list.js_off li{float:none;position:relative} .tab_list.js_off li a{display:block;float:none;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333} .tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0} .tab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal} .tab_list.js_off li li.more{top:7px;right:15px} #main .quick{position:relative;height:112px;background:#e2e2e2;border:1px solid #c0c0c0;border-radius:10px;margin:0 14px} #main .quick a{display:block;float:left;width:25%;text-align:center;height:100%;border-right:1px dashed #d0d0d0} #main .quick a:last-child{border:0} #main .quick a:first-child img{padding-top:30px} #main .quick a:nth-child(2) img{padding-top:24px} #main .quick a:nth-child(3) img{padding-top:30px} #main .quick a:nth-child(4) img{padding-top:22px} #main .quick a span{display:block;color:#333;font-size:11px;font-weight:bold;line-height:120%} #banner{background:#999;margin-top:10px;height:60px} #banner .banner{position:relative;margin:0 auto;overflow:hidden;margin:0 14px} #banner .banner h3{color:#fff;line-height:60px;float:left;font-size:15px;margin-right:6px;display:none} #banner .banner .bx-wrapper{float:left;max-width:950px !important} #banner .banner ul{float:left;padding-top:10px;width:1600%;height:50px} #banner .banner ul li{} #banner .banner ul li a{display:block} #banner .banner .bx-viewport{height:50px !important} #banner .banner .bx-controls{display:none} #banner .banner .bx-controls-auto .bx-controls-auto-item a{position:absolute;top:23px;right:0;display:block;width:23px;height:13px;text-indent:-9999px} #banner .banner .bx-controls-auto .bx-controls-auto-item a.active{display:none} #banner .banner .bx-controls-auto .bx-controls-auto-item a.bx-start{background:url(../img/banner_control_play.jpg) no-repeat} #banner .banner .bx-controls-auto .bx-controls-auto-item a.bx-stop{background:url(../img/banner_control_pause.jpg) no-repeat} #banner .banner .bx-controls-direction a{position:absolute;top:10px;right:0;text-indent:-9999px;display:block;width:23px;height:13px;background:url(../img/banner_control_top.jpg) no-repeat} #banner .banner .bx-controls-direction a.bx-next{height:14px;top:36px;background:url(../img/banner_control_bottom.jpg) no-repeat} #fnb{background:#888;border-top:1px solid #777} #fnb .fnb{position:relative; overflow:hidden} #fnb .fnb:before, #fnb .fnb:after{clear:both;display:table;content:"";line-height:0} #fnb .fnb ul *{font-size:10px} #fnb .fnb ul{width:100%;margin:0 auto;text-align:center;padding:10px 0} #fnb .fnb li{display:inline-block;overflow:hidden;padding-right:7px} #fnb .fnb li a{display:block;margin:10px 8px 0 0;line-height:16px;float:left;color:#fff;border-radius:0} #fnb .fnb li:last-child{padding:0} #fnb .fnb li em{display:inline-block;width:1px;height:11px;background:#bababa;margin-top:14px;float:left;} #fnb .fnb .selects{text-align:center;overflow:hidden;margin:0 14px;} #fnb .fnb .selects .select{display:inline-block;overflow:hidden;margin:3px 6px 0 6px} #fnb .fnb select{padding-right:30px;width:186px;font-size:11.5px;font-weight:400;color:#fff;border:0;background:#e2e2e2 url(../img/go_link_arr.png) no-repeat 93% 50%;border-radius:0;-webkit-appearance:none;color:#333} #fnb .fnb .select .sel_link, #fnb .fnb .select .sel_link2{float:left;margin-right:3px;color:#333} #fnb .fnb .select .go_link, #fnb .fnb .select .go_link2{display:block;width:36px;height:30px;background:#555;float:left;color:#fff;font-size:12px} /*안락서브*/ #contain .contain{min-height:420px} #contain #design{margin-bottom:30px} #design .visual{position:relative;z-index:999999;height:105px;margin-bottom:16px;border-radius:0 10px 0 0;background:url(../img/sub_top_tt.jpg) no-repeat 100% -38px} #design .visual h2{padding-top:32px} #design h3{background:url(../img/icon_h3.png) no-repeat 0 4px / 10px 10px;padding-left:14px;padding-bottom:6px;color:#333} #design h3:not(:first-of-type) {margin-top:10px;} #design .dp1{position:relative;margin-bottom:10px;line-height:20px;font-size:15px;letter-spacing:-1px;color:#555} #design .dp1 > li{padding-bottom:3px;background:url(../img/icon_bp1.png) no-repeat 10px 8px;padding-left:18px;font-size:13px;color:#555} #design .dp1 .dp2{margin:5px 0;} #design .dp1 .dp2 > li{font-size:13px;padding-bottom:2px;background:url(../img/icon_dp2.jpg) no-repeat 0 9px;padding-left:10px;color:#777} #design .dp1 .dp2 > li i{} #design .dp1 .dp2 > dl{overflow:hidden} #design .dp1 .dp2 > dl dt{float:left;width:8%} #design .dp1 .dp2 > dl dd{float:left;width:92%;line-height:24px} #design .dp1 .dp2 i{display:inline-block;width:16px;height:16px;background:url(../img/gumilib/dp2.png) no-repeat 50% 8px} #design .dp1 .dp2 table{margin:5px 0 10px 0} #design .dp1 .dp2 li dl{margin-bottom:10px;padding:20px;border:1px solid #eee;overflow:hidden} #design .dp1 .dp2 li dt{float:left;width:30%} #design .dp1 .dp2 li dd{float:left;width:70%} #design .dp1 .dp3{margin-bottom:30px;padding:0 10px} #design .dp1 .dp3 > li{position:relative;padding-left:20px} #design .dp1 .dp3 > li i{position:absolute;top:-1px;left:0;display:block;width:16px;height:16px;background:url(../img/gumilib/dp3.png) no-repeat 50% 8px} /*상세*/ #design .intro .greeting *{line-height:160%} #design .intro .greeting{background-size:cover;padding-bottom:60px;background:url(../img/greeting_bg_m.jpg) no-repeat 110% 220px} #design .intro .greeting p{color:#444} #design .intro .floors{margin-bottom:10px} #design .intro .floors .floor_tab{overflow:hidden;margin-bottom:8px} #design .intro .floors .floor_tab li{float:left;width:25%;padding-left:5px} #design .intro .floors .floor_tab li:first-child{padding-left:0} #design .intro .floors .floor_tab li a{display:block;border:1px solid #22b7d2;border-radius:3px;color:#22b7d2;background:#fff;height:32px;line-height:32px;text-align:center;font-size:12px} #design .intro .floors .floor_tab li a.sel{color:#fff;background:#22b7d2;} #design .intro .floors .floor{background:#f6f6f6;text-align:center} #design .intro .root_daum_roughmap_landing{width:100% !important} #design .intro .root_daum_roughmap_landing .wrap_map{height:280px !important} #design p{font-size:12px;margin-bottom:8px} #content .years {display:block;border-top:1px solid #22b7d2;width:100%;border-bottom:1px solid #DDD;padding-top:10px;padding-bottom:10px} #content .years:after {content:"";clear:both;display:block;} #content .years dt {padding-left:20px;padding-top:4px;padding-bottom:6px} #content .years .ydate {display:block;float:left;width:100px;text-align:center;color:#666} #content .years dd ul {width:100%} #content .years dd li {clear:both;padding:4px 0 4px 0;color:#333} #content .years dd li.bg {background:#f8f8f8;} #program{} #program #txt_box{overflow:hidden;padding:10px 20px 20px 20px} #program .etc h2{padding:20px 0 10px 42px;font-size:17px;color:#444;background:url(../img/icon_h3.png) no-repeat 20px 26px} #program #txt_box .link_site{width:100%;margin:0 auto} #program #txt_box .link_site li{float:left} #program #txt_box .link_site li a img{width:182px;height:42px;border:1px solid #eee} #program .sitemap_con{overflow:hidden;margin:20px;margin-top:30px} #program .group{float:left;width:25%} #program .group h2{margin:0 20px;padding:10px 0;text-align:center;margin-bottom:10px;font-size:16px;font-weight:400;color:#22b7d2;background:#fff;border:1px solid #22b7d2;border-radius:3px} #program .group > ul > li > a{display:block;padding:6px 1px;border-bottom:1px solid #eee;font-size:13px;letter-spacing:-1px;color:#555} #program .group > ul > li > a:hover{color:#22b7d2} #program .group > ul ul{border-bottom:1px solid #eee;background:#fafafa;margin:0;padding:6px 7px;width:100%} #program .group > ul ul li{padding:3px 0 2px 0} #program .group > ul ul li a{font-weight:normal;font-size:11px;border:none;padding:0;padding-left:12px} #content .alletc{padding:0 0px} #content .alletc > ul{margin-bottom:20px;overflow:hidden} #content .alletc > ul > li{margin:12px 0; padding:0 20px;font-size:13px;font-weight:800;letter-spacing:-1px;color:#333} #content .alletc > ul > li.guide{text-align:center;border:4px solid #f5f5f5;margin:20px;padding:20px 0} #content .alletc > ul > li.guide *{font-size:12px} #content .alletc > ul > li span{float: right; padding-top: 10px; color:#A8A8A8; font-weight:500; letter-spacing:0px;} #content .alletc > ul > li > ul{padding:5px 0} #content .alletc > ul > li > ul > li{padding:0 15px;font-size:14px;font-weight:400;letter-spacing:-1px;color:#666} #content .alletc > ul > li > ul > li > ul{padding:5px 0} #content .alletc > ul > li > ul > li > ul > li{padding:0 20px} #content .alletc > ul > li p{padding:5px 0 20px 0;text-align:center} #content .alletc dl *{font-size:13px;letter-spacing:0} #content .alletc dl{margin-bottom:10px;padding:16px;border:1px solid #eee;overflow:hidden;font-weight:400} #content .alletc dt{} #content .alletc dd{} #main .dday{padding:10px 0;border-bottom:1px solid #ccc} #main .dday dl{position:relative;padding:0 0 20px 0} #main .dday dt{font-size:18px;font-weight:800;color:#000} #main .dday dd{font-size:14px;color:#000} #main .dday dd strong{position:absolute;top:10px;right:0;display:block;font-size:48px;font-weight:800;color:#000} #main .dday dd span{font-size:20px;font-weight:400} #main .date h3{padding:10px 0 0 0;font-size:18px;font-weight:800;color:#000} #main .date ul{padding:10px 0} #main .date ul li{position:relative} #main .date ul li strong{display:block;height:30px;line-height:30px;font-size:13px;font-weight:400;color:#000} #main .date ul li em{position:absolute;top:0;right:0;line-height:30px;font-size:11px;font-weight:700;color:#000} #main .member{position:relative;padding:10px 15px;height:165px;border:1px solid #ccc;background:#fff;display:none} #main .member h3{padding-bottom:15px;font-size:17px;color:#333} #main .member ul li{margin-bottom:8px} #main .member input{padding:0 10px;width:70%;height:27px;line-height:27px;border:1px solid #ccc;background:#fff} #main .member button{position:absolute;top:49px;right:15px;width:25%;height:62px;font-size:15px;color:#000;border:1px solid #ccc;background:#f7f7f7;cursor:pointer} #main .member div{padding:15px 0 15px 0;text-align:center;font-size:16px;color:#000;border:1px solid #eee;border-right:0;border-left:0;background:#fff} #main .member div span a{padding:0 5px;font-size:13px !important} #main .member p{padding:9px 0 0 0} #main .member p a{padding-right:10px;color:#000} #main .member p.samll{text-align:center} #main .member p.samll a{font-size:13px !important} /* #main .banner{padding:20px 0;border-bottom:1px solid #ccc} #main .banner ul{overflow:hidden} #main .banner ul li{float:left;width:50%;margin-bottom:1px} #main .banner ul li a{display:block;padding:20px;font-size:14px} #main .banner .b1 a{margin-right:1px;color:#fff;background:#f05a61 url(../img/ddea/bm1.png) no-repeat 95% 50%} #main .banner .b2 a{color:#fff;background:#8dc63f url(../img/ddea/bm2.png) no-repeat 95% 50%} #main .banner .b3 a{margin-right:1px;color:#fff;background:#00b9ba url(../img/ddea/bm3.png) no-repeat 95% 50%} #main .banner .b4 a{color:#fff;background:#17469e url(../img/ddea/bm4.png) no-repeat 95% 50%} */ #main .faq{position:relative} #main .faq h3{padding:20px 0 0 0;font-size:18px;font-weight:800;color:#000} #main .faq ul{padding:20px 0} #main .faq ul li{position:relative} #main .faq ul li a{display:block;padding-right:0px;height:30px;line-height:30px;font-size:14px;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #main .faq ul li em{position:absolute;top:0;right:0;line-height:28px;font-size:11px;font-weight:700;color:#000} #main .faq ul li.more{position:absolute;top:17px;right:0} #main .faq ul li.more a{padding:0;font-size:24px;font-weight:300} #main .awards{position:relative;padding:50px 0 0 0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6} #main .awards h3{position:absolute;top:-17px;left:0;padding-right:10px;line-height:34px;font-size:24px;font-weight:800;color:#000;background:#fff} #main .awards ul{overflow:hidden} #main .awards li{float:left;width:100%} #main .awards li a{display:block;margin:5px 5px 10px 5px;position:relative} #main .awards li dt{border:1px solid #ccc;height:200px;overflow:hidden} #main .awards li dt img{width:auto;max-width:100%;height:auto} #main .awards li dd{position:relative;padding:10px 0 0 0} #main .awards li dd div{position:absolute;top:7px;right:0;display:block;width:35px;height:25px;line-height:25px;font-size:11px;text-align:center;color:#333;border:1px solid #eee;background:#fff} #main .awards li dd span{display:block;font-size:15px;color:#000;font-weight:700} #main .awards li dd strong{display:block;padding:2px 0;font-weight:400} #main .awards li a:hover .detail{display:block} #main .awards li .detail{position:absolute;top:0;left:0;width:215px;height:215px;background:rgba(0,0,0,0.5);display:none} #main .awards li .detail *{color:#fff} #main .awards li .detail strong{display:block;padding:15px;font-size:16px} #main .awards li .detail i{display:block;margin:0 15px;width:20px;height:1px;background:#fff} #main .awards li .detail span{display:block;padding:15px;font-size:12px} #main .awards li .detail .txt{height:110px;line-height:20px;overflow:hidden} #main .awards li .detail .sch{line-height:20px} #main .awards .mobtn{position:absolute;top:-20px;right:0} #main .awards .mobtn a{display:block;padding:0 0 0 20px;line-height:37px;font-size:24px;background:#fff} #main .awards .more a{display:block;line-height:37px;text-align:center;border:1px solid #dedede;background:#fbfbfb} #main .awards .more strong{padding:0 0 0 37px;font-size:15px;line-height:37px;height:37px;background:url(../img/ddea/btn_more_arrow.png) no-repeat 0 50%} #main .support{margin:0;padding:0 0 12px 0;overflow:hidden} #main .support dl{padding-bottom:20px;overflow:hidden} #main .support dt{font-size:15px;color:#000} #main .support dd a{text-align:center} #main .support dd a img{display:block;margin:0 auto} #main .support .sp1{float:left;width:50%} #main .support .sp2{float:left;width:50%} #main .support .sp3{float:left;width:100%} #main .support .sp3 dd{float:left;width:50%} #main .support .sp4{float:none} #main .support .sp4 dd{float:left;width:50%} /**/ #design #program table *{font-size:13px} #design #program table{width:100%;border-top:2px solid #000;border-collapse:collapse} #design #program table caption{display:none} #design #program table thead th{padding:15px 10px;font-weight:800;text-align:center;color:#000;border:1px solid #eee;border-bottom:1px solid #333;background:#fff} #design #program table thead th:first-child{border-left:0} #design #program table thead th:last-child{border-right:0} #design #program table tbody th{padding:8px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #eee;background:#faf6ed} #design #program table tbody td{padding:5px 10px;text-align:center;border:1px solid #eee} #design #program table tbody td:first-child{border-left:0} #design #program table tbody td:last-child{border-right:0} #design #program table tbody td.tal{text-align:left} #design #dkboard .award{padding:20px 0} /**/ #dkboard .dk_tabmenu{padding-bottom:30px} #dkboard .dk_tabmenu *{margin:0;padding:0;border:0;list-style-type:none} #dkboard .dk_tabmenu ul{margin:0 -1px;border:0;list-style-type:none;overflow:hidden;} #dkboard .dk_tabmenu ul:before, #dkboard .dk_tabmenu ul:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_tabmenu li{float:left;width:50%;text-align:center} #dkboard .dk_tabmenu li a{display:block;margin:1px;height:30px;line-height:30px;font-size:14px;color:#888;border:1px solid #ccc;background:#fafafa} #dkboard .dk_tabmenu li a:hover, #dkboard .dk_tabmenu li a.sel{color:#000;border:1px solid #333;background:#fff} /**/ #dkboard .dk_fieldset{position:relative} #dkboard .dk_fieldset fieldset{position:relative;margin:0 80px 30px 80px;padding:20px 0 0 0;border:1px solid #d9d9d9} #dkboard .dk_fieldset fieldset legend{display:none} #dkboard .dk_fieldset .type{position:relative;} #dkboard .dk_fieldset .type:before, #dkboard .dk_fieldset .type:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_fieldset .type label{display:block;margin:0 20% 5px 20%;line-height:25px} #dkboard .dk_fieldset .type label strong{position:absolute;top:0;left:10%;line-height:25px;font-size:14px;font-weight:400} #dkboard .dk_fieldset .type label span{display:block;border:1px solid #ccc} #dkboard .dk_fieldset .type label input{padding:5px 0;width:100%;text-indent:10px} #dkboard .dk_fieldset .type label select{padding:5px 0;width:100%;border:1px solid #ccc;text-indent:6px} #dkboard .dk_fieldset .order{margin:20px 0 0 0;padding:10px 0;border-top:1px solid #ccc;background:#f7f7f7} #dkboard .dk_fieldset .order .hunmin{text-align:center} #dkboard .dk_fieldset .order .hunmin a{display:inline-block;padding:5px;border:1px solid #ccc;background:#fff;border-radius:3px} #dkboard .dk_fieldset .button{position:absolute;top:24px;right:50px} #dkboard .dk_fieldset .button button{width:80px;height:72px;font-size:15px;color:#fff;border:0;border-top:4px solid #035ca9;background:#0480ce} /**/ #dkboard .dk_title{} #dkboard .dk_title:before, #dkboard .dk_title:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_title *{margin:0;padding:0;font-size:15px;border:0;list-style-type:none} #dkboard .dk_title h3{padding-left:0px;line-height:40px;font-weight:400;color:#333;background:url(../img/ddea/bullet_t1.png) no-repeat 0 6px} #dkboard .dk_title .dk_search{} /**/ #dkboard .dk_search{padding:0 0 30px 0 !important;} #dkboard .dk_search:before, #dkboard .dk_search:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_search fieldset{} #dkboard .dk_search fieldset legend{display:none} #dkboard .dk_search fieldset select{padding:6px 5px;padding-right:30px;font-size:12px;font-weight:400;color:#777;border:1px solid #ccc;background:#fff url(../img/board/select_arrow.png) no-repeat 90% 50%;border-radius:0;-webkit-appearance:none} #dkboard .dk_search fieldset input{padding:6px 5px;font-size:12px;font-weight:800;color:#777;border:1px solid #ccc} #dkboard .dk_search fieldset button{position:relative;top:0px;padding:7px 12px 8px 12px;font-size:11px;font-weight:800;letter-spacing:-1px;color:#fff;border:0;background:#333} #dkboard .device img{width:180px} /**/ #dkboard .dk_table h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9} #dkboard .dk_table table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_table table{width:100%;line-height:16px;border-collapse:collapse;border-top:2px solid #d5d5d5} #dkboard .dk_table table caption{display:none} #dkboard .dk_table table tbody tr.notice td{border-bottom:1px solid #c5d7e0;background:#f3f3f1} #dkboard .dk_table table thead th{height:37px;line-height:37px;font-size:13px;font-weight:700;letter-spacing:-1px;text-align:center;color:#000;background:#fafafa url(../img/board/table_th.png) repeat-x 0 100%} #dkboard .dk_table table tbody td{padding:5px 10px;font-size:13px;color:#333;text-align:center;background:#fff} #dkboard .dk_table table tbody td a{line-height:15px;font-size:13px;color:#333} #dkboard .dk_table table tbody td a.company{display:block;padding:5px 0 5px 30px;font-size:16px;color:#000;background:url(../img/ddea/ico_company.png) no-repeat 0 50%} #dkboard .dk_table table tbody td img{vertical-align:middle} #dkboard .dk_table table tbody td ul{text-align:left} #dkboard .dk_table table tbody td li{font-size:15px;line-height:20px;color:#333} #dkboard .dk_table table tbody td.subject{padding:10px;text-align:left;white-space:normal} #dkboard .dk_table table tbody td.subject div{position:relative;padding:5px 0;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #dkboard .dk_table table tbody td.subject a{color:#555/*;text-overflow:ellipsis;white-space:nowrap;overflow:hidden*/} #dkboard .dk_table table tbody td.subject span{font-size:11px;font-weight:800;letter-spacing:-1px} #dkboard .dk_table table tbody td.subject span img{} #dkboard .dk_table table tbody td.subject .new{position:relative;top:3px;display:inline-block;width:14px;height:17px;background:url(../img/ddea/ico_new.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} #dkboard .dk_table table tbody td.subject .secret{position:relative;top:3px;display:inline-block;width:14px;height:17px;background:url(../img/ddea/ico_secret.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} /* #dkboard .dk_table table tbody td.subject .new{display:inline-block;padding:0 2px;font-size:10px;font-weight:700;letter-spacing:0px;color:#c00;border:1px solid #c00} #dkboard .dk_table table tbody td.subject .secret{display:inline-block;padding:0 2px;font-size:10px;font-size:10px;font-weight:700;letter-spacing:0px;color:#000;border:1px solid #ccc} */ #dkboard .dk_table table tbody td.subject .reply{display:inline-block;position:relative;top:1px;left:-5px;padding:0 0 0 10px;background:url(../img/ico_reply.png) no-repeat 0px 100%;text-indent:-9999em;overflow:hidden} #dkboard .dk_table table tbody td.subject .list_reply{color:#aa6801} #dkboard .dk_table table tbody td.subject notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0} #dkboard .dk_table table tbody td div.tac{padding:100px 0} #dkboard .dk_table table tbody td .this{font-size:11px;letter-spacing:-1px;color:#f30} #dkboard .dk_table table tbody td .notice{font-size:11px;letter-spacing:-1px;color:#0054FF} #dkboard .dk_table table tr:first-child td{background:url(../img/board/table_td.png) repeat-x 0 0} #dkboard .dk_table table tr th:last-child{border-right:0} #dkboard .dk_table table tr td:last-child{border-right:0} /**/ #dkboard .dk_view{} #dkboard .dk_view:before, #dkboard .dk_view:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_view h2{margin:10px 0;padding:20px;font-size:15px;color:#333;border-top:2px solid #333;border-bottom:1px solid #aaa;background:#fff} #dkboard .dk_view h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9} #dkboard .dk_view dl{position:relative;padding-left:30%;border-bottom:1px solid #eee;overflow:hidden} #dkboard .dk_view dt{position:absolute;top:10px;left:20px;line-height:20px} #dkboard .dk_view dd{padding:10px 0;line-height:20px} #dkboard .dk_view .img{float:left;width:30%} #dkboard .dk_view .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #dkboard .dk_view .info{float:right;margin:0 0 20px 0;width:65%} #dkboard .dk_view .cominfo{margin:0 0 20px 0} #dkboard .dk_view .contents{padding:20px;min-height:300px} /**/ #dkboard .dk_detail{margin-bottom:20px;} #dkboard .dk_detail:before, #dkboard .dk_detail:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_detail *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_detail h2{margin:10px 0 30px;padding:20px 30px;font-size:16px;color:#0473ba;border-top:2px solid #0473ba;border-bottom:1px solid #0473ba;background:#fff} #dkboard .dk_detail h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9} #dkboard .dk_detail table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_detail table{width:100%;border-collapse:collapse;border-top:1px solid #ccc} #dkboard .dk_detail table caption{display:none} #dkboard .dk_detail table th{padding:10px 20px;text-align:left;border-bottom:1px solid #ccc;background:#fff} #dkboard .dk_detail table td{padding:10px;font-size:14px;color:#333;border-bottom:1px solid #ccc;background:#fff} #dkboard .dk_detail table td a{font-size:14px;color:#333} #dkboard .dk_detail .capacity{min-height:50px;overflow:hidden} #dkboard .dk_detail .capacity dl{float:left;width:11.11%;text-align:center;position:static} #dkboard .dk_detail .capacity dt{display:block;padding:5px 0;background:#ecf9f4} #dkboard .dk_detail .capacity dd{display:block;padding:5px 0} #dkboard .dk_detail .img{float:left;width:30%} #dkboard .dk_detail .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #dkboard .dk_detail .info{margin:0 0 20px 0} #dkboard .dk_detail .info dl{position:relative;padding-left:160px;border-top:1px solid #ccc;overflow:hidden} #dkboard .dk_detail .info dt{position:absolute;top:10px;left:20px;line-height:20px} #dkboard .dk_detail .info dd{padding:10px 0;line-height:20px} /**/ #dkboard .dk_paging{padding:0 0 10px 0;text-align:center} #dkboard .dk_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #dkboard .dk_paging .paging{padding:20px 0} #dkboard .dk_paging .paging span span{color:#2d4594;font-size:11px;display:none} #dkboard .dk_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000} #dkboard .dk_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5} #dkboard .dk_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-left:0px solid #ccc} #dkboard .dk_paging .prev{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-left:1px solid #ccc} #dkboard .dk_paging .next{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-right:1px solid #ccc} #dkboard .dk_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-right:0px solid #ccc} /**/ #program .dk_paging{padding:0 0 10px 0;text-align:center} #program .dk_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #program .dk_paging .paging{padding:20px 0} #program .dk_paging .paging span span{color:#2d4594;font-size:11px;display:none} #program .dk_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000} #program .dk_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5} #program .dk_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-left:0px solid #ccc} #program .dk_paging .prev{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-left:1px solid #ccc} #program .dk_paging .next{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-right:1px solid #ccc} #program .dk_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-right:0px solid #ccc} /**/ #dkboard .dk_button{padding:10px 0;text-align:right} #dkboard .dk_button *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #dkboard .dk_button a{display:inline-block;padding:5px 20px;font-size:13px;color:#fff;border:1px solid #222;background:#444} /**/ #dkboard select{padding:0 10px;height:30px;vertical-align:middle;font-size:14px;border:1px solid #ccc} #dkboard .basic_write input[type="text"], #dkboard .basic_write input[type="password"]{padding:0 10px;height:30px;border:1px solid #ccc;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:0;-webkit-border-radius:0;line-height:30px;font-size:14px;font-family:inherit} /**/ #dkboard .faqlist *{margin:0;padding:0;list-style-type:none} #dkboard .faqlist li{padding:20px 0;border-bottom:1px solid #ccc} #dkboard .faqlist li dl{padding:10px 0;position:relative} #dkboard .faqlist li dt{position:absolute;top:10px;left:0} #dkboard .faqlist li dt strong{font-size:24px;font-family:Arial, Helvetica, sans-serif} #dkboard .faqlist li dd{padding-left:40px} #dkboard .faqlist li dd br{display:none} /**/ #dkboard .prevnext{padding:0 0 10px 0} #dkboard .prevnext *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #dkboard .prevnext ul{border-top:1px solid #eee} #dkboard .prevnext li{position:relative;padding:10px 80px;border-bottom:1px solid #eee} #dkboard .prevnext li strong{position:absolute;top:10px;left:0;display:block;color:#777} #dkboard .prevnext li p{color:#999} #dkboard .prevnext li a{display:block;padding-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #dkboard .prevnext li span{position:absolute;top:10px;right:0;display:block;color:#999} /*********** 덧글 영역 ************/ div.sg_reply{width:100%} div.sg_reply .writing{background: url(../img/line_dotted.gif) repeat-x bottom;padding:10px;font-size:0.92em} /*덧글내용*/ div.sg_reply .writing .info .id{font-weight:700} div.sg_reply .writing .info .day{color:#ff6f6f} div.sg_reply .writing .info img{vertical-align:middle;margin-bottom:2px} div.sg_reply .writing .con{line-height:16px;padding-top:7px} /*덧글쓰기 폼*/ div.sg_reply .reply_form{margin-top:10px} div.sg_reply .reply_form .outline{} div.sg_reply .reply_form .outline fieldset legend {padding:0;font-size:0;line-height:0;text-indent: -2000px} div.sg_reply .reply_form .outline .row_input{padding:2px 15px} div.sg_reply .reply_form .outline .row_input input{vertical-align:middle;margin-bottom:2px} div.sg_reply .reply_form .outline .row_input span.pad{padding-left:30px} div.sg_reply .reply_form .outline textarea{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:40px;width:648px} #wd_print .guide_txt{padding:5px 0 20px 0;text-align:right;border-bottom:1px solid #333} #wd_print .guide_txt .required{color:#f00;font-weight:700} #wd_print .row_input{position:relative;padding:10px 0 10px 90px;min-height:51px;border-bottom:1px solid #d2d2d2;overflow:hidden} #wd_print .row_input *{font-size:14px !important} #wd_print .row_input > label{display:block;position:relative;padding:4px 0} #wd_print .row_input span.head{position:absolute;top:10px;left:20px;display:block;line-height:30px;font-weight:700;text-align:left;white-space:nowrap;color:#464646} #wd_print .row_input span.required{position:absolute;top:15px;left:10px;color:#f00;font-weight:700} #wd_print .row_input span.info {width:auto !important;margin:0;padding-top:6px;display:block;letter-spacing: -0.05em;border:none} #wd_print .row_input input.long {width:auto !important} #wd_print .row_input span.data {display:block;padding:4px 0 2px 0;line-height:140%} #wd_print .row_input .dk_textarea{padding:10px;width:100%;height:300px;border:1px solid #ccc} div.sg_pass{padding:20px 0} div.sg_pass .sg_pass_box{border:solid #d2d2d2;border-width:2px 0;padding:30px 0;text-align:center;background:#f9f9f9} div.sg_pass .sg_pass_box span{padding:0 0 0 13px;background:url(../img/bullet_arrow.gif) no-repeat 0 0.2em} div.sg_pass .sg_pass_box input{vertical-align:middle;margin-bottom:4px;width:150px} div.sg_pass .button{text-align:center;padding-top:15px} div.sg_pass .button button{padding:5px 20px;color:#fff;border:1px solid #333;background:#333} div.sg_pass .button a{padding:5px 20px;color:#333;border:1px solid #999;background:#fff} div.sg_reply{padding-bottom:50px} div.sg_reply .reply_form{overflow:hidden} div.sg_reply .reply_form h2{color:#333 !important;font-size:14px !important;;margin:10px 0;float:left;background:none;padding:0} div.sg_reply .reply_form p.reply_num{text-align:right;float:right;font-size:12px;margin:10px 0 0 0} div.sg_reply .reply_form .outline{clear:both} div.sg_reply .reply_form .outline fieldset{border:0;overflow:hidden} div.sg_reply .reply_form .outline .row_input_reply{float:left;width:80%} div.sg_reply .reply_form .outline .row_input_reply textarea{padding:10px;width:100%;height:50px;border:1px solid #dfdfdf;resize:none;overflow-y:auto} div.sg_reply .reply_form .outline .row_input_reply .sg_file{width:100%;border:1px solid #dfdfdf;background:#fff} div.sg_reply .reply_form .outline .btn_board_ok{float:right;width:18%;height:50px;color:#fff;border:0;background:#777} div.sg_reply .writing{border-bottom:1px solid #dfdfdf;padding:10px 0;font-size:12px;clear:both;overflow:hidden;position:relative} div.sg_reply .best_wrap{margin:10px 0 0;border-top:1px solid #c5d7e0} div.sg_reply .best_wrap .writing{padding:10px;background:#f3f3f1;border-bottom:1px solid #c5d7e0} div.sg_reply .best_wrap .writing .best_re{position:absolute;left:0;top:0} div.sg_reply .writing_re{padding:10px 0 10px 40px;overflow:hidden;background:url(../img/ddea/ico_reply.png) no-repeat 5px 12px} div.sg_reply .writing .profile_photo{float:left;width:42px;height:50px} div.sg_reply .writing .profile_photo img {width:42px;height:50px} div.sg_reply .writing .con_wrap{color:#555} div.sg_reply .writing .con_wrap #con_info{overflow:hidden} div.sg_reply .writing .con_wrap #con_info .info{float:left} div.sg_reply .writing .con_wrap #con_info .info .id{font-weight:700;margin-right:10px;position:relative;display:inline-block} div.sg_reply .writing .con_wrap #con_info .info .level01{background-position:0 0} div.sg_reply .writing .con_wrap #con_info .info .level02{} div.sg_reply .writing .con_wrap #con_info .info .level03{background-position:0 -40px} div.sg_reply .writing .con_wrap #con_info .info .level04{background-position:0 -60px} div.sg_reply .writing .con_wrap #con_info .info .day{color:#888} div.sg_reply .writing .con_wrap .m_d{float:right} div.sg_reply .writing .con_wrap .m_d .postedit{float:left} #like_icon{text-align:left;background:url("http://lib.buk.daegu.kr/library/css/../img/common/like_bg02.jpg") no-repeat 0 0;height:28px;float:right} #like_icon span{display:inline-block;padding:0 0 0 30px;width:43px;font-weight:700;color:#226aaa} div.sg_reply .writing .con_wrap .con{font-size:12px;margin-top:4px} /**/ #sg_btn_area{padding:10px 0 !important;text-align:right} #sg_btn_area *{margin:0;padding:0;border:0;list-style-type:none} #sg_btn_area a, #sg_btn_area button{display:inline-block;padding:5px 14px 7px 14px;font-size:13px;font-family:'맑은 고딕';color:#fff;border:1px solid #555;background:#555} #sg_btn_area input{padding:5px 14px 7px 14px;font-size:13px;font-family:'맑은 고딕';color:#fff;border:1px solid #555;background:#555} /**/ #sg_paging{padding:0 0 10px 0;text-align:center} #sg_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #sg_paging .paging{padding:20px 0;} #sg_paging .paging span span{color:#2d4594;font-size:11px;display:none} #sg_paging .paging strong{display:inline-block;padding:5px 10px;color:#2d4594;border:1px solid #2d4594} #sg_paging .paging a.paging_num{display:inline-block;padding:5px 10px;color:#777;border:1px solid #e1e1e1} #sg_paging .start{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#777;border-left:0px solid #ccc} #sg_paging .prev{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#777;border-left:1px solid #ccc} #sg_paging .next{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#777;border-right:1px solid #ccc} #sg_paging .end{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#777;border-right:0px solid #ccc} #program .sitemap_con{overflow:hidden} #program .group{float:left;width:100%} #program .group h2{margin:10px 0;padding:10px 0;margin-bottom:10px;font-size:16px;font-weight:400;color:#22b7d2;background:#fff} #program .group > ul{margin:5px 0} #program .group > ul > li > a{display:block;padding:5px 0;font-size:13px;letter-spacing:-1px} #program .group > ul > li > a:hover{color:#22b7d2} #program .group > ul ul{border-bottom:1px solid #e0e0e0;background:#F7F7F7;margin:0;padding:6px 7px;width:100%} #program .group > ul ul li{padding:3px 0 2px 0} #program .group > ul ul li a{font-weight:normal;font-size:11px;border:none;padding:0;padding-left:12px} /**/ #program div.lecture_view{line-height:140%;width:100%;overflow:hidden} #program div.lecture_view h4{margin:0;font-size:15px;font-weight:600;letter-spacing:-1px;color:#fff;text-align:center;vertical-align:middle;padding:10px 0;border-bottom:1px solid #2091c0;background:#229ed2} #program div.lecture_view h4 span{color:#000;font-weight:bold} #program div.lecture_view .row_info{ overflow:hidden;font-weight:normal;} #program div.lecture_view .row_info dl { width:100%; display:block;} #program div.lecture_view .row_info dt,div.lecture_view .row_info dd{display:block;} #program div.lecture_view .row_info dt{ width: 34%; padding-left:2%; height:32px; line-height:32px; float:left; border-bottom:1px solid #ddd; color:#5e5e5e;font-weight:bold;font-size:12px} #program div.lecture_view .row_info dd{ text-align:right; float:left; width:66%; padding-right:2%; height:32px; border-bottom:1px solid #ddd; line-height:32px; font-size:12px;} #program div.lecture_view .row_info dd.box_area{padding:4px 15px 4px 10px;/* 인풋박스 들어갈때 */} #program div.lecture_view .row_info dd .input_box{border:1px solid #cdcdcd;vertical-align:top} #program div.lecture_view_detail{overflow:hidden; } #program div.lecture_view .pic{ display:block; text-align:center; border-bottom:1px solid #ddd; background:#fafafa; border-top:0px; padding:12px 0;} #program div.lecture_view .pic img { width:30%; margin:0 auto; display:block; border:1px solid #ddd;} #program div.lecture_view .row_info2{font-weight:normal; padding-top:8px; padding-left:3%;} #program div.lecture_view .row_info2 dt,#program div.lecture_view .row_info2 dd{display:inline} #program div.lecture_view dl{float:left} #program div.lecture_view .row_info2 dt{clear:left;float:left;background:url(../img/icon_bp1.png) no-repeat 0 10px;padding:3px 0 2px 8px;color:#5e5e5e;font-size:12px;font-weight:bold;width:65px} #program div.lecture_view .row_info2 dd{background:url("../img/pro_content/list_title_line.gif") no-repeat 0 7px;padding:4px 5px 2px 6px;float:left;font-size:12px} #program div.lecture_view .row_info2 dd strong { color:#ff6400;} #program div.lecture_view .row_info3{font-weight:normal;width:743px;margin-left:10px} #program div.lecture_view .row_info2 dt,#program div.lecture_view .row_info3 dd{display:inline} #program div.lecture_view .row_info3 dt{clear:left;float:left;background:url("../img/common/bullet_list03.gif") no-repeat 0 50%;padding:4px 0 2px 12px;color:#5e5e5e;font-size:0.92em;font-weight:bold;width:60px} #program div.lecture_view .row_info3 dd{background:url("../img/pro_content/list_title_line.gif") no-repeat 0 0.4em;padding:4px 5px 2px 12px;float:left;width:650px;height:17px} #program div.lecture_view .lecture_img{padding:10px 0;vertical-align:top;clear:both;border-top:1px solid #d2d2d2;margin-top:10px} #program div.lecture_view .lecture_img ul li{padding:5px;width:312px;display:inline} #program div.lecture_view .lecture_contents{padding:10px 10px;min-height:130px;vertical-align:top;clear:both;border-top:1px solid #ddd;margin-top:6px} #program div.lecture_view .lecture_contents * { font-size:12px !important; line-height:18px !important;} #program div.lecture_view .lecture_contents h3 { font-size:15px !important; color:#333; padding-bottom:6px;} .lecture_list{float:left;width:100%;margin-bottom:20px} /**/ #program .lecture_write .guide_txt{line-height:150%;text-align:right;padding-bottom:3px} #program .lecture_write span.required{color:#FF0000;margin-right:3px;font-weight:bold} #program .lecture_write #program div.lecture_write_wrapper{background-color:#FFFFFF;border:solid #617b9e;border-width:2px 0 2px;clear:both} #program .lecture_write {width:100%; overflow:hidden;} #program .lecture_write fieldset legend{padding:0;font-size:0;line-height:0} #program .lecture_write fieldset .info_txt{line-height:150%;background:#f7f7f7;border-bottom:1px solid #dadada;padding:7px 12px} #program .lecture_write .row_input{position:relative;clear:both; overflow:hidden; width:80%;height:auto;margin:0;padding:8px 0 8px 20%;border-bottom:1px solid #eee} #program .lecture_write .row_input input{margin-bottom:1px;font-size:12px;} #program .lecture_write .row_input textarea{margin-bottom:1px;width:100%;background-color:#fafafa} #program .lecture_write .row_input .input_box{border:1px solid #e2e2e2;height:26px;background-color:#fafafa} #program .lecture_write p{font-size:12px;margin-top:10px} #program .lecture_write_wrapper{margin-bottom:22px} #program .age14{font-size:13px;padding:0} #program .age14 strong{font-size:13px} #program .lecture_write_wrapper2{margin-top:6px;border-top:1px solid #eee;border-bottom:1px dashed #ccc;margin-bottom:24px} #program .lecture_write_wrapper2 .guide{font-size:13px;padding:0;margin:0;padding:8px 0} #program #txt_box{overflow:hidden;padding:10px 0} #program #txt_box {width:100%;margin:0 auto;margin-bottom:10px} #program #txt_box p{margin:0;padding:0;font-size:12px} #program #txt_box{margin:10px 0;padding:20px;border:1px solid #e2e2e2;background:#fafafa} #program #txt_box li{padding-bottom:4px;color:#333;background:url(../img/icon_dp2.jpg) no-repeat 0 9px;padding-left:12px} #program div.lecture_write .row_input span.required font { display:none;} #program div.lecture_write .row_input span.head{color:#000;position:absolute;left:0;top:3px;width:90px;height:100%;margin:0;padding:8px 15px 6px 10px;background:transparent;text-align:left;white-space:nowrap;font-weight:bold;background:url("../img/pro_content/list_title_line.gif") no-repeat right 0.4em;font-size:13px} #program div.lecture_write .row_input span.info{padding-left:10px;font-size:0.72em} #program div.lecture_write .row_input span.data{display:block;padding:3px 0 5px 0;line-height:140%} #program div.lecture_write .post_btn { width:60px; height:20px; background:#333; font-size:12px; color:#fff;border-radius:3px;} .commend{text-align:center;padding-top:10px;vertical-align:top} .commend * {vertical-align:top !important} /**/ #design .member{} #design .member *{font-size:14px;color:#000} #design .member .idpw{clear:both;overflow:hidden} #design .member .idpw h3{padding-bottom:5px;font-size:20px;color:#333} #design .member .idpw div{position:relative;padding-bottom:10px;font-size:15px} #design .member .idpw div ul{padding-bottom:30px} #design .member .idpw div ul li{padding:2px 0;font-size:13px;color:#00a19c} #design .member .idpw div p{padding-bottom:20px;font-size:17px;text-align:center} #design .member .idpw fieldset{position:relative;padding:20px 0;border:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc} #design .member .idpw fieldset ul{margin:0 auto;width:400px} #design .member .idpw fieldset ul li{position:relative;margin-bottom:8px;padding-left:80px} #design .member .idpw fieldset ul li label{position:absolute;top:0;left:0;line-height:27px} #design .member .idpw input.t_txt{padding:0 10px;width:210px;height:27px;line-height:27px;border:0;border-bottom:1px solid #ccc;background:#fff} #design .member .login{} #design .member .login h3{display:none} #design .member .login div{padding:20px 0;font-size:15px} #design .member .login div ul li{padding:3px 0;font-size:13px;color:#c00} #design .member .login fieldset{position:relative;padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc} #design .member .login fieldset ul{padding:0 0 10px 20px} #design .member .login fieldset ul li{position:relative;margin-bottom:8px;padding-left:80px} #design .member .login fieldset ul li label{position:absolute;top:0;left:0;line-height:27px} #design .member .login input.t_txt{padding:0 10px;width:90%;height:27px;line-height:27px;border:0;border-bottom:1px solid #ccc;background:#fff} #design .member .login button{margin:0 5%;width:90%;height:45px;font-size:16px;color:#fff;border:0;background:#999;border-radius:3px} #design .member .login p{padding:20px 0;text-align:center} #design .member .login p a{padding:0 10px;font-size:16px;color:#333} #design .member .terms fieldset{position:relative;padding:20px 0} #design .member .terms fieldset h3{padding-bottom:10px;font-size:15px;font-weight:400;color:#000} #design .member .termswrap{padding-bottom:50px} #design .member .termswrap div{padding:10px;height:210px;border:1px solid #ccc;overflow-y:scroll} #design .member .termswrap div p{padding-bottom:20px} #design .member .termswrap div ul li ul{padding:5px 5px 20px 5px} #design .member .termswrap div textarea{float:left;display:block;padding:2%;width:100%;height:210px;line-height:18px;border:0} #design .member .termswrap label{display:block;padding:10px 0;font-size:14px} #design .member .certify{padding:50px 0} #design .member .certify p{padding-bottom:10px} #design .member .certify ul{padding:10px 0} #design .member .guide{margin:20px 0 0 0;padding:20px 0;border-top:1px solid #ccc} #design .member .guide a{display:block;margin-bottom:10px;color:#f00} #design .member .comp{padding:200px 0 30px 0;background:url(../img/ddea/comp.png) no-repeat 50% 40px;overflow:hidden} #design .member .comp dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .member .comp dt{float:left;width:30%} #design .member .comp dd{float:left;width:70%} #design .member .comp .txt{padding:10px 0;font-size:20px;text-align:center;border-top:2px solid #333;border-bottom:1px solid #333} #design .member .comp .c1{float:left;width:48%;overflow:hidden} #design .member .comp .c2{float:right;width:48%;overflow:hidden} /**/ #design .member .step{padding:10px 0} #design .member .step dl{padding-bottom:20px} #design .member .step dt{padding-bottom:5px;font-size:24px;color:#333} #design .member .step ol{border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden} #design .member .step ol li{float:left;position:relative;padding:20px 0;width:25%;text-align:center} #design .member .step ol li span{display:block;font-size:11px} #design .member .step ol li strong{display:block;font-size:17px} #design .member .step ol li i{position:absolute;top:50%;right:-5px;display:block;margin:-10px 0 0 0;width:10px;height:20px;background:url(../img/ddea/step_arrow.png) no-repeat 50% 50%} #design .member .step ol li.sel{border-bottom:3px solid #333} #design .member .form{padding:30px 0} #design .member .form fieldset{border:0} #design .member .form dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .member .form dt{padding-bottom:5px} #design .member .form dd br, #design .member .form dd span{display:block} #design .member .form dd select{border:1px solid #ccc} #design .member .form dd .t_txt{border:1px solid #ccc} #design .member .form dd .w500{width:100% !important} #design .member .form dd .select_01{width:100% !important} #design .member .form dd .btn{padding:5px 20px;color:#fff;background:#555} #design .member .button{padding:10px 0;text-align:center} #design .member .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa} #design .member .button button{margin-bottom:10px;padding:13px 0;width:100%;font-size:17px;text-align:center;color:#fff;border:0;background:#555;border-radius:5px} #design .member .button a{display:inline-block;margin:0 10px;padding:10px 20px;color:#333;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px} /**/ #design .member > h3{padding:0 0 10px 25px;font-size:17px;background:url(../img/ddea/sub_icon01.png)no-repeat 0 3px} #design .member > p{padding-bottom:20px} #design .member > .dp1{position:relative;margin-bottom:10px;padding:0 0 0 25px;line-height:20px;font-size:15px;letter-spacing:-1px;color:#555} #design .member > .dp1 > li{padding-bottom:10px} #design .member > .dp1 .dp2{padding:10px} #design .member > .dp1 .dp2 > li{position:relative;padding-bottom:5px} #design .member > .dp1 .dp2 > li i{position:absolute;top:-2px;left:0;display:block;width:16px;height:16px;background:url(../img/gumilib/dp2.png) no-repeat 50% 8px} #design .member > .dp1 .dp2 > dl{overflow:hidden} #design .member > .dp1 .dp2 > dl dt{float:left;width:8%} #design .member > .dp1 .dp2 > dl dd{float:left;width:92%;line-height:24px} #design .member > .dp1 .dp2 i{display:inline-block;width:16px;height:16px;background:url(../img/gumilib/dp2.png) no-repeat 50% 8px} #design .member > .dp1 .dp2 table{margin:5px 0 10px 0} #design .member > .dp1 .dp2 li dl{margin-bottom:10px;padding:20px;border:1px solid #eee;overflow:hidden} #design .member > .dp1 .dp2 li dt{float:left;width:30%} #design .member > .dp1 .dp2 li dd{float:left;width:70%} #design .member > .dp1 .dp3{margin-bottom:30px;padding:0 10px} #design .member > .dp1 .dp3 > li{position:relative;padding-left:20px} #design .member > .dp1 .dp3 > li i{position:absolute;top:-1px;left:0;display:block;width:16px;height:16px;background:url(../img/gumilib/dp3.png) no-repeat 50% 8px} /**/ #design .mypage{padding:50px} #design .mypage *{font-size:14px;color:#000} #design .mypage .login h3{padding-bottom:5px;font-size:30px;color:#333} #design .mypage .login div{position:relative;padding-bottom:10px;font-size:15px} #design .mypage .login div ul{padding-bottom:30px} #design .mypage .login div ul li{padding:2px 0;font-size:13px;color:#00a19c} #design .mypage .login div p{padding-bottom:20px;font-size:17px;text-align:center} #design .mypage .login fieldset{position:relative;padding:20px 0;border:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc} #design .mypage .login fieldset ul{margin:0 auto;width:300px} #design .mypage .login fieldset ul li{position:relative;margin-bottom:8px;padding-left:80px} #design .mypage .login fieldset ul li label{position:absolute;top:0;left:0;line-height:27px} #design .mypage .login input.t_txt{padding:0 10px;width:210px;height:27px;line-height:27px;border:0;border-bottom:1px solid #ccc;background:#fff} #design .mypage .step dl{padding-bottom:20px} #design .mypage .step dt{padding-bottom:5px;font-size:24px;color:#333} #design .mypage .step ol{border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden} #design .mypage .step ol li{float:left;position:relative;padding:20px 0;width:33.33%;text-align:center} #design .mypage .step ol li span{display:block;font-size:11px} #design .mypage .step ol li strong{display:block;font-size:17px} #design .mypage .step ol li i{position:absolute;top:50%;right:-5px;display:block;margin:-10px 0 0 0;width:10px;height:20px;background:url(../img/ddea/step_arrow.png) no-repeat 50% 50%} #design .mypage .step ol li.sel{border-bottom:3px solid #333} #design .mypage .form{padding:30px 0} #design .mypage .form fieldset{border:0} #design .mypage .form dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .mypage .form dt{} #design .mypage .form dd{} #design .mypage .form dd span{display:block} #design .mypage .form dd select{border:1px solid #ccc} #design .mypage .form dd .t_txt{border:1px solid #ccc} #design .mypage .form dd .w200, #design .mypage .form dd .w500{width:100% !important} #design .mypage .form dd .select_01{width:100%} #design .mypage .form dd .btn{padding:5px 20px;color:#fff;background:#555} #design .mypage .button{padding:20px 0;text-align:center} #design .mypage .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa} #design .mypage .button button{padding:13px 40px;font-size:17px;text-align:center;color:#fff;border:0;background:#000;border-radius:5px} #design .mypage{padding:20px 0} #design .mypage .mypage01 h3{padding-bottom:10px;font-size:24px;color:#333} #design .mypage .mypage01 td.tal a{} #design .mypage .okay{padding:100px 0 20px 0} #design .mypage .okay *{font-size:13px} #design .mypage .okay p{padding:20px 0;margin-bottom:20px;color:#f04d48;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:center} #design .mypage .okay p a{display:block;margin-bottom:5px;padding:5px 10px;color:#fff;border:1px solid #f04d48;background:#f04d48;border-radius:3px} #design .mypage .okay li{padding:2px 0;color:#333} #design .mypage .entry{position:relative} #design .mypage .entry > p{position:absolute;top:0;right:0} #design .mypage .entry > p a{padding:5px 10px;color:#fff;border:1px solid #f04d48;background:#f04d48;border-radius:3px} #design .mypage .entry h3{margin-top:20px;padding:10px 0 10px 25px;font-size:17px;color:#000;border-bottom:0px solid #333;background:url(../img/ddea/sub_icon01.png) no-repeat 0 50%} #design .mypage .entry dl{padding:10px 0 10px 15%;position:relative;border-bottom:1px solid #eee;} #design .mypage .entry dl:before, #design .mypage .entry dl:after{clear:both;display:table;content:"";line-height:0} #design .mypage .entry dt{ position:absolute;top:11px;left:0;width:15%} #design .mypage .entry dt strong{display:block;padding:0 20px 0 0;font-size:13px;text-align:right} #design .mypage .entry label{padding-right:10px} #design .mypage .entry label select{height:40px;border:1px solid #ccc} #design .mypage .entry ins{float:left;display:block;padding-right:20px;position:relative;top:-10px;font-size:30px;font-weight:700;background:none} #design .mypage .entry ins span{font-size:16px;font-weight:400} #design .mypage .entry .del{margin:0 0 0 20px} #design .mypage .entry .del span{display:none} #design .mypage .entry .deput{padding-bottom:10px} #design .mypage .entry .wrap{padding:10px 0} #design .mypage .entry .img{float:left;width:20%} #design .mypage .entry .img img{margin:0 20px 0 0} #design .mypage .entry .txt{float:right;width:75%} #design .mypage .entry .txt *{font-size:13px} #design .mypage .entry .txt strong{display:block;padding:5px 10px;font-weight:700;color:#fff;background:#555} #design .mypage .entry .txt ul{padding:10px 0} #design .mypage .entry .t_txt{border-bottom:1px solid #333} #design .mypage .entry .fl{float:left;display:block;padding-right:20px} #design .mypage .button{padding:20px 0;text-align:center} #design .mypage .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa} #design .mypage .button button{padding:13px 40px;font-size:17px;text-align:center;color:#fff;border:0;background:#000;border-radius:5px} #design .mypage .button .modify{background:#00a19c} #design .mypage .done dl{margin:100px 0;overflow:hidden} #design .mypage .done dl *{font-size:13px;text-align:center} #design .mypage .done dt{padding:5px 0} #design .mypage .done dd strong{display:block;padding-bottom:5px;font-size:24px;letter-spacing:-2px;color:#000} #design .mypage .done dd span{display:block;font-size:14px;color:#000} #design .mypage .done dd span em{font-size:14px;font-weight:700} #design .mypage .done dd a{display:block;margin:10px auto;padding:10px 20px;width:220px;font-size:16px;color:#fff;background:#00a19c} #design .awards{padding:30px 20px} #design .awards h3{padding:0 0 30px 0;font-size:24px;font-weight:800;color:#000} #design .awards fieldset{position:relative;margin:0 0 30px 0;padding:20px 0;border:1px solid #d9d9d9} #design .awards fieldset legend{display:none} #design .awards fieldset .type{position:relative;padding:0 0 10px 150px;} #design .awards fieldset .type:before, #design .awards fieldset .type:after{clear:both;display:table;content:"";line-height:0} #design .awards fieldset .type label{float:left;display:block;margin-right:10px;line-height:25px} #design .awards fieldset .type label strong{position:absolute;top:0;left:50px;line-height:40px;font-size:14px;font-weight:700} #design .awards fieldset .type label span{display:block;border:1px solid #ccc} #design .awards fieldset .type label input{text-indent:10px;width:358px;height:38px;line-height:38px} #design .awards fieldset .type label select{padding:0 10px;height:40px;border:1px solid #ccc} #design .awards fieldset .button{position:absolute;top:20px;right:40px} #design .awards fieldset .button button{width:100px;height:90px;font-size:15px;color:#fff;border:0;border-top:4px solid #888;background:#888} #design .awards .bx-wrapper{position:relative;max-width:690px !important;padding-bottom:30px} #design .awards .bx-controls .bx-prev{position:absolute;top:0;left:-40px;display:block;width:30px;height:30px;background:#eee url(../img/ddea/btn_prev.png) no-repeat;text-indent:-9999em;overflow:hidden} #design .awards .bx-controls .bx-next{position:absolute;top:0;right:-40px;display:block;width:30px;height:30px;background:#eee url(../img/ddea/btn_next.png) no-repeat;text-indent:-9999em;overflow:hidden} #design .awards ol li a{display:block;height:30px;line-height:30px;text-align:center} #design .awards ul{margin:0 -31px;overflow:hidden} #design .awards ul li{float:left;width:33.33%;height:316px} #design .awards ul li a{display:block;margin:0 31px;position:relative} #design .awards ul li dt img{width:215px;height:215px} #design .awards ul li dd{position:relative;padding:10px 0 0 0} #design .awards ul li dd div{position:absolute;top:7px;right:0;display:block;width:35px;height:25px;line-height:25px;font-size:11px;text-align:center;color:#333;border:1px solid #eee;background:#fff} #design .awards li dd span{display:block;font-size:15px;color:#000;font-weight:700} #design .awards li dd strong{display:block;padding:2px 0;font-weight:400} #design .awards ul li a:hover .detail{display:block} #design .awards ul li .detail{position:absolute;top:0;left:0;width:215px;height:215px;background:rgba(0,0,0,0.5);display:none} #design .awards ul li .detail *{color:#fff} #design .awards ul li .detail strong{display:block;padding:15px;font-size:16px;font-weight:400} #design .awards ul li .detail i{display:block;margin:0 15px;width:20px;height:1px;background:#fff} #design .awards ul li .detail span{display:block;padding:15px;font-size:12px} #design .awards ul li .detail .txt{height:110px;line-height:20px;overflow:hidden} #design .awards ul li .detail .sch{line-height:20px} #design .awards .more a{display:block;line-height:37px;text-align:center;border:1px solid #dedede;background:#fbfbfb} #design .awards .more strong{padding:0 0 0 37px;font-size:15px;line-height:37px;height:37px;background:url(../img/ddea/btn_more_arrow.png) no-repeat 0 50%} #design .art{padding:20px 0} #design .art ul{overflow:hidden} #design .art ul li{} #design .art ul li a{display:block;margin-bottom:20px;position:relative} #design .art ul li dl{position:relative;background:#eee;overflow:hidden} #design .art ul li dl dt{float:left;width:40%} #design .art ul li dd{float:left;width:60%} #design .art ul li dd *{color:#333} #design .art ul li dd strong{display:block;padding:10px 10px 0 10px;font-size:16px;font-weight:400} #design .art ul li dd i{display:block;margin:10px;width:20px;height:1px;background:#999} #design .art ul li dd .down{display:block;padding:0 10px;line-height:20px} #design .art ul li a:hover dd{display:block} #design .contest{padding:20px 0;text-align:center} #design .receipt{padding:20px 0} #design .receipt h3{background:url(../img/ddea/sub_icon01.png)no-repeat 0 3px;font-size:18px;color:#222;font-weight:800;padding:0 0 16px 26px;} #design .receipt ul li{padding-bottom:5px;font-size:14px;color:#000} #design .receipt p{padding:20px 0;font-size:14px;color:#000} #design .receipt ol{padding:5px 0 20px 0;overflow:hidden} #design .receipt ol li{float:left;position:relative;width:33.33%} #design .receipt ol li strong{display:block;margin:10px;padding:20px 0;text-align:center;border:1px solid #ccc;border-radius:3px} #design .receipt ol li i{position:absolute;top:50%;right:-5px;display:block;margin:-10px 0 0 0;width:10px;height:20px;background:url(../img/ddea/step_arrow.png) no-repeat 50% 50%} #design .receipt ol .o3 i{display:none} #design .receipt ol .o5 strong{color:#fff;border:1px solid #888;background:#888} #design .receipt .tabs{margin:0 -1px;margin-bottom:20px;overflow:hidden;} #design .receipt .tabs:before, #design .receipt .tabs:after{clear:both;display:table;content:"";line-height:0} #design .receipt .tabs li{float:left;width:50%;text-align:center} #design .receipt .tabs li a{display:block;margin:0 1px;height:30px;line-height:30px;font-size:14px;color:#888;border:1px solid #ccc;background:#fafafa} #design .receipt .tabs li a:hover, #design .receipt .tabs li a.sel{color:#000;border:1px solid #333;background:#fff} #design .receipt .green{color:#00b9ba; font-size:14px;} #design .receipt .dp1 *{list-style-type:none} #design .receipt .dp1{font-weight:400;padding:0 0 22px 16px;} #design .receipt .dp1 > li{background:url(../img/ddea/sub_icon02.png)no-repeat 0 10px;padding-left:12px;color:#333;line-height:24px;} #design .receipt .dp2{padding:10px 0 0 0;} #design .receipt .dp2 li{color:#555;} #design .receipt .button{padding:20px 0;text-align:center} #design .receipt .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa} #design .receipt .button button{padding:13px 40px;font-size:17px;text-align:center;color:#fff;border:0;background:#000;border-radius:5px;cursor:pointer} #design .receipt .operate_p{margin:0 0 30px 0;padding:24px 30px;font-size:13px;border:1px solid #eee;background:#fafafa;line-height:22px;} #design .receipt .root_daum_roughmap{width:100% !important} #design .member .receipt{margin:-50px} #design .member .searchidpw{width:355px;float:left;height:320px;} #design .member .searchid{padding-right:20px;} #design .member .searchpw{padding-left:20px;} #design .member .searchidpw h2{font-size:24px;font-weight:400;color:#333;padding-bottom:12px;} #design .member .searchidpw em{display:block;background:#bbb;width:100%;height:1px;margin-bottom:20px;} #design .member .searchidpw .info{font-size:13px;} #design .member .searchidpw .info2{font-size:13px;} #design .member .searchidpw .idpw_btn{text-align:center;margin:20px 0;} #design .member .searchidpw .idpw_result{margin:20px 0 30px 0;padding:20px 0;font-size:14px;border:1px solid #eee;background:#fafafa;text-align:center;color:#000;} #design .social{padding:20px 0} #design .social .faq_list{width:100%;border-top:1px solid #000;} #design .social .faq_list .faq .faq_q{border-bottom:1px solid #ccc;font-size:16px;overflow:hidden;} #design .social .faq_list .faq .faq_q dt{float:left;padding:14px 16px 14px 24px;} #design .social .faq_list .faq .faq_q dd{float:left;line-height:68px;} #design .social .faq_list .faq .faq_a{border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;} #design .social .faq_list .faq .faq_a dt{float:left;padding:14px 16px 14px 24px;} #design .social .faq_list .faq .faq_a dd{float:left;width:640px;height:auto;margin:14px 0;} #design .social .faq_list .faq .disnone{display:none;} #design .social .guide{margin-bottom:20px;padding:0 0 20px 0;border-bottom:1px solid #ccc;border-right:0;border-left:0;} #design .social .guide li{line-height:20px;font-size:13px} #design .submit{padding:20px 0} #design .submit fieldset{border:0} #design .submit{padding:20px 0} #design .submit .done dl{margin:100px 80px;overflow:hidden} #design .submit .done dl *{font-size:14px} #design .submit .done dt{float:left;padding:10px 0;width:150px} #design .submit .done dd{float:left} #design .submit .done dd strong{display:block;padding-bottom:5px;font-size:26px;letter-spacing:-2px;color:#000} #design .submit .done dd span{display:block;color:#000} #design .submit .done dd span em{font-weight:700} #design .submit .done dd a{display:block;margin:10px 0;padding:10px 20px;width:220px;font-size:16px;color:#fff;background:#00a19c} #design .submit .step dl{padding-bottom:20px} #design .submit .step dt{padding-bottom:5px;font-size:24px;color:#333} #design .submit .step ol{border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden} #design .submit .step ol li{float:left;position:relative;padding:20px 0;width:33.33%;text-align:center} #design .submit .step ol li span{display:block;font-size:11px} #design .submit .step ol li strong{display:block;font-size:17px} #design .submit .step ol li i{position:absolute;top:50%;right:-5px;display:block;margin:-10px 0 0 0;width:10px;height:20px;background:url(../img/ddea/step_arrow.png) no-repeat 50% 50%} #design .submit .step ol li.sel{border-bottom:3px solid #333} #design .submit .button{padding:20px 0;text-align:center} #design .submit .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa} #design .submit .button button{padding:13px 40px;font-size:17px;text-align:center;color:#fff;border:0;background:#000;border-radius:5px} #design .submit .button .home{background:#00a19c} #design .submit .terms fieldset{position:relative;padding:50px 0 0 0} #design .submit .terms fieldset h3{padding-bottom:10px;font-size:15px;font-weight:400;color:#000} #design .submit .termswrap{padding-bottom:50px} #design .submit .termswrap div{border:1px solid #ccc;overflow:hidden} #design .submit .termswrap div textarea{float:left;display:block;padding:2%;width:100%;height:210px;line-height:18px;border:0} #design .submit .termswrap label{display:block;padding:10px 0;font-size:14px} #design .submit .certify{padding:50px 0} #design .submit .certify p{padding-bottom:10px} #design .submit .certify ul{padding:30px 0} #design .submit .guide{margin:20px 0 0 0;padding:20px 0;border-top:1px solid #ccc} #design .submit .guide a{display:block;margin-bottom:10px;color:#f00} #design .submit .form{padding:30px 0} #design .submit .form dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .submit .form dt{float:left;width:16%} #design .submit .form dd{float:left;width:84%} #design .submit .form dd select{border:1px solid #ccc} #design .submit .form dd .t_txt{border:1px solid #ccc} #design .submit .form dd .btn{padding:5px 20px;color:#fff;background:#555} #design .submit .comp{padding:200px 0 30px 0;background:url(../img/ddea/comp.png) no-repeat 50% 40px;overflow:hidden} #design .submit .comp dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .submit .comp dt{float:left;width:30%} #design .submit .comp dd{float:left;width:70%} #design .submit .comp .txt{padding:10px 0;font-size:20px;text-align:center;border-top:2px solid #333;border-bottom:1px solid #333} #design .submit .comp .c1{float:left;width:48%;overflow:hidden} #design .submit .comp .c2{float:right;width:48%;overflow:hidden} #design .submit .entry{} #design .submit .entry h3{margin-top:20px;padding:10px 0 10px 25px;font-size:17px;color:#000;border-bottom:0px solid #333;background:url(../img/ddea/sub_icon01.png) no-repeat 0 50%} #design .submit .entry dl{padding:10px 0;border-bottom:1px solid #eee;} #design .submit .entry dl:before, #design .submit .entry dl:after{clear:both;display:table;content:"";line-height:0} #design .submit .entry dt{float:left;width:15%} #design .submit .entry dt strong{display:block;padding:5px 20px 0 0;font-size:13px;text-align:right} #design .submit .entry dd{float:left;width:85%;padding:0 0 0 0} #design .submit .entry dd strong{line-height:30px} #design .submit .entry dd .thumb{padding:10px 0} #design .submit .entry label{padding-right:10px} #design .submit .entry label select{height:32px;border:1px solid #ccc} #design .submit .entry ins{float:left;display:block;padding-right:20px;position:relative;top:-10px;font-size:30px;font-weight:700;background:none} #design .submit .entry ins span{font-size:16px;font-weight:400} #design .submit .entry .del{margin:0 0 0 20px} #design .submit .entry .del span{display:none} #design .submit .entry .deput{padding-bottom:10px} #design .submit .entry .wrap{padding:10px 0} #design .submit .entry .txt{padding-bottom:10px} #design .submit .entry .txt *{font-size:13px} #design .submit .entry .txt strong{font-weight:700;color:#000} #design .submit .entry .txt ul{padding:10px 0} #design .submit .entry .t_txt{border-bottom:1px solid #333} #design .submit .entry .fl{float:left;display:block;padding-right:20px} #design .submit .input{} #design .submit .input:before, #design .submit .input:after{clear:both;display:table;content:"";line-height:0} #design .submit .input .area{float:left;width:90%;padding:10px;height:100px;border:1px solid #ccc} #design .submit .input .thumb{float:right;width:100px} #design .submit .input .txt{float:right;width:80%} #design .submit .input .txt strong{display:block;margin-bottom:10px;padding:5px 0;width:200px;text-align:center;color:#fff;background:#333} #design .submit .input .img{float:left;width:100px} #design .submit .input button{position:relative;top:1px;padding:7px 10px;color:#fff;background:#000} #design .submit .input span{padding:0 0 0 20px} #design .submit .complete{margin:40px 0;padding:80px 0;text-align:center;border:1px solid #ccc;background:#fafafa} #design .submit .complete h3{font-size:28px;font-weight:400;color:#000} #design .submit .complete h3 strong{font-size:28px} #design .submit .complete div{padding:10px 0;font-size:16px;color:#333} #design .submit .complete p{font-size:18px;color:#000} #design .submit .complete p strong{} /**/ #gallery_wrap{clear:both;overflow:hidden} #gallery_wrap *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #gallery_wrap .gallery_list{float:left;width:50%;height:250px} #gallery_wrap .image_bagic{margin:0 5px;padding:5px 0;border:1px solid #ccc;border-bottom:1px solid #ccc} #gallery_wrap .image_bagic a{display:block;margin:0 5px;height:170px;overflow:hidden} #gallery_wrap .image_bagic a img{width:auto;max-width:100%;height:auto} #gallery_wrap .gallery_top{position:relative} #gallery_wrap .gallery_top > img{position:absolute;top:5px;left:10px} #gallery_wrap .gallery_top dl{margin:0 5px;padding:5px;border:1px solid #ccc;border-top:0} #gallery_wrap .gallery_top dt a{display:block;padding:3px 0;font-weight:800;color: #1c368d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #gallery_wrap .gallery_top dd{line-height:20px} #gallery_wrap .gallery_top .write{font-size:12px;color:#333} #gallery_wrap .gallery_top .date{font-size:12px;color:#888} #gallery_wrap .gallery_top .view_count{font-size:12px;color:#888} .allak_dpn{display:none} /* 월표시 등... */ #program #calendar_month .tit{font:italic 15px bold NanumMyeongjo} #program #calendar_month_warpper{position:relative;width:100%;margin-bottom:10px;padding:10px 0 12px 0} #program #calendar_month_warpper .month_select{position:absolute;right:0;bottom:0} #program #calendar_month_warpper .month_select input{vertical-align:middle;margin-bottom:3px} #program #calendar_month_warpper .month_select select{padding:0px 5px;font-size:13px; color:#777; border:1px solid #ccc;} #program #calendar_month_warpper .calendar_month {} #program #calendar_month_warpper .calendar_month span { font-size:35px; font-weight: 800; vertical-align: bottom; color: #313742;} #program #calendar_month_warpper .guide{position:absolute;right:0;top:0;text-align:right;padding:0} #program #calendar_month_warpper .guide li{float:left;padding:0 5px;font-size:11px;font-family:"돋움", "굴림"} #program #calendar_month_warpper .submit_bt {display:inline-block;height:30px;padding:5px 10px;background-color:#333;color: #fff;border-radius:3px} /* 도서이용 안내 - stepBox */ #design .step_box {display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 0; margin:10px 0;} #design .step_box li {position:relative; width:calc(100% / 2 - 10px); padding:0 !important; background:none !important; border:1px #ccc solid; text-align:center;} #design .step_box li:after {content:''; display:inline-block; position:absolute; top:calc(50% - 2px); right:-12px; width:8px; height:8px; border-top:2px solid #797979; border-right:2px solid #797979; box-sizing:border-box; transform: rotate(45deg);} #design .step_box li:nth-child(2n):after {display:none;} #design .step_box li:last-child {width:100%;} #design .step_box li:last-child:after {display:none;} #design .step_box li span {display:block; padding:10px 5px; font-weight:700; background-color:#f6f6f6; border-bottom:1px #ccc solid;} #design .step_box li p {padding:10px !important; font-size:13px !important; color:#555 !important;} #content .btn {border:1px solid #364d99;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:13px;font-family:arial, helvetica, sans-serif;padding:10px 12px;text-decoration:none;display:inline-block;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);font-weight:700;color:#fff;background-color:#364d99;background-image:-webkit-gradient(linear, left top, left bottom, from(#364d99), to(#39509c));background-image:-webkit-linear-gradient(top, #364d99, #39509c);background-image:-moz-linear-gradient(top, #364d99, #39509c);background-image:-ms-linear-gradient(top, #364d99, #39509c);background-image:-o-linear-gradient(top, #364d99, #39509c);background-image:linear-gradient(to bottom, #364d99, #39509c);}