/* CSS Document */ /**/ *{letter-spacing:0} #design .corona19 {width:100%;border:2px solid #ddd; text-align:center;padding:20px 40px;color:#fe0000;margin-bottom:20px;} #close_bar{display:none} .top_pop { width:100%; min-width:1080px; height:50px; background:#ff6c2b url(../img/ddea/pop_1007.png) no-repeat center top; text-align:center !important; font-size:20px; line-height:50px; font-size:20px; font-weight:bold; color:#fff;} .top_pop strong { font-size:20px; color:#fff667;} .top_pop br { display:none;} #main #contents {overflow:hidden;} #main{padding:104px 0 0 0} #main .main {max-width:1300px;margin:0 auto; padding:30px 0 45px;} #main .main:before {content:''; position:absolute; top:100px; left:0; width:100%; height:280px; background-color:#fff; z-index:-2;} #main .main:after {content:''; position:absolute; top:100px; left:0; width:100%; height:calc(100% - 100px); background-color:#f5f7fb; z-index:-3;} #main .section {display:flex; justify-content:space-between; background: url(../img/visual_bg.png) 0 0 no-repeat;} #main .section2 {position:relative; display:flex; justify-content:space-between;} #main .dday{width:340px;background:#dfe7f4} #main .dday dl{position:relative;padding:20px} #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:20px;right:20px;display:block;font-size:48px;font-weight:800;color:#000} #main .dday dd span{font-size:20px;font-weight:400} /* #main .date{width:340px;padding:10px 0;} #main .date h3{padding:20px 20px 0 0;font-size:18px;font-weight:800;color:#000} #main .date ul{padding:20px 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 - visual */ #main .visual {position:relative; overflow:hidden; min-height:450px;} #main .visual .bx-viewport {height:390px} #main .visual .bx-controls {position:absolute;left:20px;bottom:20px} #main .visual .bx-controls-direction { display:none;} #main .visual .bx-pager { float:right; overflow:hidden; padding-right:20px;} #main .visual .bx-pager div { float:left; margin-left:5px;} #main .visual .bx-pager div a { display:block; text-indent:-9999px; width:13px; height:13px; background:url(../img/ddea/slide_off.png) no-repeat; } #main .visual .bx-pager div a.active { background:url(../img/ddea/slide_on.png) no-repeat;} #main .visual .bx-controls-auto a { position:absolute; right:0; top:1px; width:13px; height:13px; display:block; text-indent:-9999px; } #main .visual .bx-controls-auto .bx-start { background:url(../img/ddea/slide_play.png) no-repeat;} #main .visual .bx-controls-auto .bx-stop { background:url(../img/ddea/slide_stop.png) no-repeat;} #main .visual .bx-controls-auto .active.bx-start { z-index:-1; display:none; } #main .visual .bx-controls-auto .active.bx-stop { z-index:-1; display:none; } #main .visual .slogan {margin-top:30px;} #main .visual .slogan strong {display:block; color:#000; font-family: 'Yeongdo-Rg'; font-size:49px; line-height:normal;} #main .visual .slogan strong * {font-family: 'Yeongdo-Rg'; font-size:49px;} #main .visual .slogan strong em {color:#ee4e4e; vertical-align:-16px; margin-left:-4px;} #main .visual .slogan strong:after {content:''; display:block; width:36px; height:1px; margin-bottom:30px; background-color:#7f7f7f;} #main .visual .slogan p {margin-bottom:6px; font-size:20px; font-weight:500; color:#000;} #main .visual .slogan span {font-size:16px; line-height:26px; color:#333; letter-spacing:-1px;} #main .service_link {position:relative; display:inline-block; margin-top:30px;} #main .service_link:after {clear:both; display:table; content:'';} #main .service_link a {float:left; margin-right:20px; text-align:center;} #main .service_link a:last-child {margin-right:0;} #main .service_link a i {display:flex; align-items:center; justify-content:center; width:90px; height:90px; margin:0 auto 15px; background-color:#fff; border-radius:30px; box-shadow: 5px 5px 15px rgba(0, 0, 0, .1); transition: all .3s;} #main .service_link a i:before {content:''; width:50px; height:50px; display:block; margin:0 auto; background: url(../img/ico_svc_main.png) no-repeat} #main .service_link a:nth-child(1) i:before {background-position-y:0px;} #main .service_link a:nth-child(2) i:before {background-position-y:-50px;} #main .service_link a:nth-child(3) i:before {background-position-y:-100px;} #main .service_link a:hover i {background-color:#ee4e4e; transform: translateY(-6px);} #main .service_link a:hover i::before {background-position-x:-50px; animation: swing 0.5s;} #main .service_link a span {display:block; color:#333; font-size:17px; font-weight:500; line-height:120%} @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-animation-name: swing; -webkit-transform-origin: top center; animation-name: swing; transform-origin: top center } /* main - 팝업존 */ #main .popupzone {position:relative; width:323px; border-radius:10px; overflow:hidden} #main .popupzone h3 {position:relative; margin-bottom:10px; font-family:var(--fontSubSet); font-size:26px; color:#333;} #main .popupzone .bx-prev { position:absolute; text-indent:-9999px; display:block; right:70px; top:5px; width:20px; height:22px; background:url(../img/main_arr_before.png) center center no-repeat;} #main .popupzone .bx-next { position:absolute; text-indent:-9999px; display:block; right:0; top:5px; width:20px; height:22px; background:url(../img/main_arr_after.png) center center no-repeat;} #main .popupzone .bx-wrapper {border-radius:10px; overflow:hidden;} #main .popupzone .bx-wrapper, #main .popupzone .bx-wrapper .bx-viewport {height:325px;} #main .popupzone ul ,#main .popupzone ul > li{border-radius:10px} #main .popupzone ul > li > a{display:block;margin: 0;overflow:hidden} #main .popupzone ul > li > a > img{ width: 100%;} #main .popupzone .bx-pager *{border-radius:0} #main .popupzone .bx-pager{position:absolute;top:0;right:0;overflow:hidden;border-radius:0 10px 0 0} #main .popupzone .bx-pager-item{float:left;width:29px;height:34px;border:1px solid #ddd;border-top:none;border-right:none;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#666;text-align:center;line-height:35px;background:#f5f5f5} #main .popupzone .bx-pager-item a{display:block} #main .popupzone .bx-pager-item:last-child a{border-top-right-radius:10px} #main .popupzone .bx-pager-item .active{display:block;background:#fff;color:#006ed5;font-weight:600} #main .popupzone .bx-pager-item:last-child .active{border-top-right-radius:10px} #main .popupzone .bx-controls-auto a{position:absolute; top:5px; right:30px; width:25px; height:22px; display:block;text-indent:-9999px;box-sizing:border-box; } #main .popupzone .bx-controls-auto .active{display:none} #main .popupzone .bx-controls-auto .active{display:none} #main .popupzone .bx-controls-auto .bx-start{background:url(../img/pop_control_play.png) no-repeat center center;} #main .popupzone .bx-controls-auto .bx-stop{background:url(../img/pop_control_pause.png) no-repeat center center;} #main .popupzone .nopopup { display:block;text-align:center; margin:0 auto; padding-top: 55px;} /* main - 흐르는 텍스트 */ .flowing-text {display: flex; position:absolute; top:-200px; left:0; overflow: hidden; line-height:normal; animation: flowText 125s linear infinite; z-index:-1;} .flowing-text p {font-family:'Montserrat'; font-size:117px; font-weight:800; color:#f0f3f9; white-space: nowrap;} @keyframes flowText { 0% {-webkit-transform: translateX(0%); transform: translateX(0%);} 50% {-webkit-transform: translateX(-50.5%); transform: translateX(-50.5%);} 50.01% {-webkit-transform: translateX(0%); transform: translateX(0%);} 100% {-webkit-transform: translateX(-50.5%); transform: translateX(-50.5%);} } /* main - 공지사항 */ #main .news {position:relative; width:49%; max-width:645px; height:360px; padding:30px; background:#fff; border-radius:10px;} #main .news ol {position:absolute; top:27px; left:100px} #main .news ol li {float:left} #main .news ol li a {display:block;padding:0 20px;line-height:30px;font-size:15px;color:#000} #main .news ol li a.sel {padding:0 20px;color:#00b9ba;background:url(../img/ddea/ico_sel.png) no-repeat 100% 50%} #main .news .news_tab {overflow:hidden; margin-bottom:27px;} #main .news .news_tab li {float:left;} #main .news .news_tab li a {display:block;color:#333;font-size:26px;} #main .news .news_tab li a.sel {color:#333;font-weight:800;} #main .news .ns li {position:relative; overflow:hidden; margin-bottom:12px;} #main .news .ns li:last-child {margin-bottom:0;} #main .news .ns li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#f06a6a; border-radius:2px;} #main .news .ns li a {display:inline-block; padding-right:100px; height:24px; line-height:24px; font-size:16px; color:#555; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left:14px; width:100%; box-sizing:border-box;} #main .news .ns li a:hover {color:var(--mainColor); text-decoration:underline;} #main .news .ns li span {position:absolute; top:0; right:0;line-height:28px;font-size:15px;color:#555;} #main .news .ns li a.new::after {content: "";display: inline-block;width: 22px;height: 22px;background:url(../img/news_new.png) no-repeat 100% 0; vertical-align:middle;} #main .news .ns a.more {position:absolute; top:40px; right:30px; width:18px; height:18px; display:flex; justify-content:center; align-items:center; transition:all 0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99); transform:rotate(0deg); -webkit-transform: rotate(0deg); align-content:center;} #main .news .ns a.more:hover {transform:rotate(180deg); -webkit-transform:rotate(180deg);} #main .news .ns a.more::before, #main .news .ns a.more::after {content:""; position:absolute; background:#fff;} #main .news .ns a.more::before {width:100%; height:4px;} #main .news .ns a.more::after {width:4px; height:100%;} #main .news .ns a.more::before, #main .news .ns a.more::after {background:#222;} #main .news #n1 {display:none;} /* main - 캘린더 */ #main .calendar {display:flex; flex-wrap:wrap; position:relative; width:49%; max-width:633px; height:360px; background:#fff; border-radius:10px} #main .calendar .calendar_top {width:100%; height:76px; padding:20px 40px 9px 40px; border-bottom:1px solid #eaeaea;} #main .calendar .calendar_top div {position:relative; display:flex; justify-content: space-around; width:40%;} #main .calendar .calendar_top div h3 {display:block; font-size:26px; font-weight:600; color:#ee4e4e;} #main .calendar .calendar_top div a.prev {position:absolute; top:calc(50% - 10px); left:0; background:url(../img/main_arr_before.png) no-repeat;text-indent:-9999px;display:block;width:24px;height:23px} #main .calendar .calendar_top div a.next {position:absolute; top:calc(50% - 10px); right:0; background:url(../img/main_arr_after.png) no-repeat;text-indent:-9999px;display:block;width:25px;height:23px} #main .calendar .option {width:50%; border-right:1px solid #eaeaea} #main .calendar .option .close {overflow:hidden; padding:13px 0 16px 30px; border-bottom:1px solid #eaeaea;} #main .calendar .option .close dt {margin-bottom:6px; color:#333; font-size:19px; font-weight:500;} #main .calendar .option .close dd {float:left; width:31px; height:31px; margin-right:10px; color:#d93857; font-size:14px; font-weight:600; line-height:30px; text-align:center; background:#ffebde; border-radius:26px;} #main .calendar .option .lib_time {padding:20px 20px 17px 30px;} #main .calendar .option .lib_time * {font-size:15px; font-weight:500; color:#555;} #main .calendar .option .lib_time h4 {margin-bottom:20px; color:#333; font-size:19px; font-weight:500;} #main .calendar .option .lib_time ul li {margin-bottom:10px;} #main .calendar .option .lib_time ul li dl:first-child {margin:7px 0 3px;} #main .calendar .option .lib_time ul li dl dt {display:inline-block; height:20px; line-height:normal; padding:2px 6px; margin-right:3px; font-size:13px; font-weight:500; color:#fff; background-color:#ee4e4e; border-radius:4px;} #main .calendar .option .lib_time ul li dl dd {display:inline-block;} #main .calendar .day {width:250px; margin:40px auto 0; text-align:center;} #main .calendar .day table {width:100%; font-weight:500;} #main .calendar .day table * {color:#333; font-size:13px; line-height:normal;} #main .calendar .day table th.sun {color:#e24141} #main .calendar .day table th.sat {color:#0b74d7} #main .calendar .day table th {padding-bottom:15px} #main .calendar .day table td {height:27px; text-align:center;} #main .calendar .day table td a {display:block; margin:5px auto; width:27px; height:27px; line-height:27px; text-align:center;} #main .calendar .day table td a:hover {text-decoration:underline;} #main .calendar .day table td.holi a span {color:#d93857; display:block; height:27px; line-height:27px; border-radius:50%; background:#ffebde;} #main .calendar .day table td.event a span {color:#007042; display:block; height:27px; line-height:27px; border-radius:50%; background:#e2f5f1;} #main .calendar .day table td.today a span {color:#006ed5; display:block; border:2px solid #006ed5; line-height:23px;border-radius:30px;} #main .calendar .day .legend {position:absolute; top:30px; right:30px; text-align:right;} #main .calendar .day .legend * {font-size:15px; font-weight:500;} #main .calendar .day .legend li {float:left; margin-left:20px;} #main .calendar .day .legend li:before {content:''; display:inline-block; width:10px; height:10px; margin-right:8px; border-radius:10px;} #main .calendar .day .legend li.today {color:#006ed5;} #main .calendar .day .legend li.today:before {border:2px solid #006ed5; border-radius:50px; box-sizing:border-box;} #main .calendar .day .legend li.holi {color:#d93857;} #main .calendar .day .legend li.holi:before {background:#ffebde;} #main .calendar .day .legend li.event {color:#57a100;} #main .calendar .day .legend li.event:before {background:#e2f5f1;} #main .book02 {position:relative;width:770px;height:240px;background:#fff;border:1px solid #dadada;border-radius:10px;padding:20px} #main .book_new .book02 {width: 515px;} #main .tab_list{} .tab_list ul{position:relative;margin:0 0 10px;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 .on a {background: #006ed5;color: #fff;} .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{overflow: hidden;height: 125px;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:left;width: 50%;} #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;width:126px;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} #searchbox *{font-family:NanumBarunGothic,dotum,돋움;} #searchbox fieldset{position:absolute;z-index:10;top:296px;left:50%;margin-left:-484px} #searchbox fieldset{border:3px solid #8dc63f} #searchbox fieldset input{float:left;width:250px;height:38px;line-height:32px;font-size:14px;text-indent:6px;border:0;background:#fff} #searchbox fieldset button{float:left;padding:0 17px 0 17px;height:38px;font-size:15px;color:#fff;border:0;background:url(../img/search_btn.jpg) no-repeat 0px 50%} #design .intro, #design .guide, #design .search, #design .culture, #design .event, #design .member, #design .community{padding:0;} #content .years_wrap { overflow:hidden; padding-bottom:180px;} #content .year_img { width:297px; height:149px; position:absolute; right:30px; bottom:20px; background:url(../img/ddugi.png) no-repeat right bottom; } #content .years {display:block;border-top:1px solid #006ed5;width:100%;border-bottom:1px solid #DDD;padding-top:10px;padding-bottom:10px} #content .years:after {content:"";clear:both;display:block;} #content .years dt {float:left;width:134px;padding-left:20px;padding-top:4px} #content .years dd {float:left;width:622px} #content .years .ydate {display:block;float:left;width:100px;text-align:center;color:#666} #content .years dd li {clear:both;padding:4px 0 4px 0;color:#333} #content .years dd li.bg {background:#f8f8f8;} #main .member{position:relative;padding:10px 15px;height:165px;border:1px solid #ccc;background:#fff} #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:136px;height:27px;line-height:27px;border:1px solid #ccc;background:#fff} #main .member button{position:absolute;top:49px;right:15px;width:87px;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 .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{margin:0 -37px 0 -40px;overflow:hidden} #main .awards li{float:left;width:25%;height:316px} #main .awards li a{display:block;margin:0 40px;position:relative} #main .awards li dt{width:213px;height:213px;border:1px solid #ccc;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) !important;background:url(../img/ddea/footbg.png) repeat;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:-20px} #main .awards .mobtn a{display:block;padding: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{float:left;overflow:hidden} #main .support dt{float:left;padding-right:30px;line-height:45px;font-size:15px;color:#000} #main .support dd{float:left} #main .support dd a{display:block;padding:0 0 0 30px} #main .support .sp1{width:25%} #main .support .sp2{width:25%} #main .support .sp3{float:right;width:50%} #main .support .sp4{float:none} #main .support .sp4 dd a{padding:0 0 0 35px} /**/ #design #program table *{font-size:15px} #design #program table{width:100%;border-top:2px solid #252525; border-collapse:collapse} #design #program table caption{display:none} #design #program table thead th{padding:20px 8px;font-weight:500;text-align:center;color:#222; border-bottom:1px solid #252525; background:#f9f9fa;} #design #program table tbody th{padding:8px 10px;font-weight:600;text-align:center;color:#555;border-bottom:1px solid #ddd;} #design #program table tbody td {padding:15px 10px; text-align:left !important; border-bottom:1px solid #ddd;} #design #program table tbody td.tal{text-align:left} #design #program table tbody td.tac{text-align:center} #design #program table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background:#fff} #design #program table tbody td .btn_mini {padding:2px 4px; font-size:14px; color:#fff; background-color:#666; border-radius:3px; white-space:nowrap;} #design #program table tbody td .btn_mini:hover {background-color:#555;} #design #program table tbody td .btn_more {padding:4px 5px; font-size:14px; color:#fff; background-color:#444; border-radius:3px;} #design #program table tbody td .btn_more:hover {background-color:#333;} #design #program table tbody td strong {font-weight:400;} #design #program table tbody td.classTitle a {font-weight:600 !important;} #design #program table tbody td.classTitle a:hover {text-decoration:underline;} #design #program table tbody td .classApply:after {content:'/'; display:inline-block; margin:0 -7px 0 5px;} #design #program table tbody td .classTarget:before {content:'대상 :'; display:inline-block; margin-right:5px;} #design #program table tbody td .classReday:before {content:'접수일 :'; display:inline-block; margin-right:5px;} #design #program table tbody td .classDay:before {content:'수강일 :'; display:inline-block; margin-right:5px;} #design #program table tbody td .icon_homepage img, #design #program table tbody td .icon_srch img {width:22px;} #design #program table tbody td .btn_blank img {width:18px; vertical-align:-3px; margin-left:4px;} #design #program table tbody td .btn_blank:hover {text-decoration:underline; color:#222;} #design #program #calendar table tbody th{border:1px solid #e1e1e1} #design #program #calendar table tbody td{border:1px solid #e1e1e1; vertical-align:top;} #design #program #calendar table tbody td *{font-size:14px; color:#333;} #design #program #calendar table tbody td a[title=휴관일] {color:var(--mainColor) !important;} #design #program #calendar table tbody td:first-child{border-left:0} #design #program #calendar table tbody td:last-child{border-right:0} #design #program #calendar table tbody td.tal{text-align:left} #design #program #calendar table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background:#fff} #design #program #calendar table tbody td img {vertical-align:-3px; margin-right:3px;} #design #program #calendar{padding-bottom:30px} #design #program #calendar td{position:relative;height:100px} #design #program #calendar .result {margin-top:20px;} #design #program #calendar .day_num{position:absolute;top:3px;left:4px} #design #program #calendar .sun{color:#e24141} #design #program #calendar .sat{color:#0b74d7} #design #program #calendar table tbody td .result_info {margin:5px 0; text-align:left; border:1px var(--mainColor) solid;} #design #program #calendar table tbody td .lib_name {padding:2px 5px 2px; font-size:14px; font-weight:500; color:#fff; background-color:var(--mainColor);} #design #program #calendar table tbody td .time_info {padding:5px; font-size:12px; color:#777; border-bottom:1px #ddd dashed;} #design #program #calendar table tbody td .time_info:last-child {border-bottom:0; margin:0;} #design #program #calendar table tbody td .time_info span {display:block; font-size:13px; color:#222; font-weight:500;} #design .allak_dpn{display:none} #design #dkboard .award{padding:30px 20px} /**/ #dkboard table *{} #dkboard table{width:100%;border-top:2px solid #000;border-collapse:collapse} #dkboard table caption{display:none} #dkboard 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} #dkboard table thead th:first-child{border-left:0} #dkboard table thead th:last-child{border-right:0} #dkboard table tbody th{padding:8px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #eee;background:#faf6ed} #dkboard table tbody td{padding:5px 10px;text-align:center;border:1px solid #eee} #dkboard table tbody td:first-child{border-left:0} #dkboard table tbody td:last-child{border-right:0} #dkboard table tbody td.tal{text-align:left} /**/ #dkboard .dk_tabmenu{padding-bottom:30px} #dkboard .dk_tabmenu *{margin:0;padding:0;border:0;list-style-type:none} #dkboard .dk_tabmenu ul{height:40px;border-bottom:1px solid #333;} #dkboard .dk_tabmenu ul:before, #dkboard .dk_tabmenu ul:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_tabmenu li{float:left} #dkboard .dk_tabmenu li a{display:block;margin-left:-1px;padding:0 20px;height:40px;line-height:40px;text-align:center;border:1px solid #aaa;border-bottom:1px solid #333;background:#f0f0f0} #dkboard .dk_tabmenu li a strong{font-size:14px;font-weight:400;color:#888} #dkboard .dk_tabmenu li:first-child a{margin:0} #dkboard .dk_tabmenu li a:hover{position:relative;z-index:5;color:#777;border:1px solid #333;border-bottom:1px solid #fff;background:#fff} #dkboard .dk_tabmenu li a.sel{position:relative;z-index:5;font-weight:800;letter-spacing:0px;color:#000;border:1px solid #333;border-bottom:1px solid #fff;background:#fff} #dkboard .dk_tabmenu li a.sel strong{font-weight:700;color:#333} /**/ #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} /*안락FAQ자주묻는질문*/ #dkboard .community .faq_list{width:100%;border-top:1px solid #000;} #dkboard .community .faq_list .faq .faq_q{border-bottom:1px solid #ccc;font-size:16px;overflow:hidden;} #dkboard .community .faq_list .faq .faq_q dt{float:left;padding:14px 16px 14px 24px;} #dkboard .community .faq_list .faq .faq_q dd{float:left;line-height:70px;} #dkboard .community .faq_list .faq .faq_a{border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;} #dkboard .community .faq_list .faq .faq_a dt{float:left;padding:14px 16px 14px 24px;} #dkboard .community .faq_list .faq .faq_a dd{float:left;width:640px;height:auto;margin:14px 0;} #dkboard .community .faq_list .faq .disnone{display:none;} #dkboard .community .guide{margin-bottom:20px;padding:0 0 20px 0;border-bottom:1px solid #ccc;border-right:0;border-left:0;} #dkboard .community .guide li{line-height:20px;font-size:13px} /**/ #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{float:left;padding-left:0px;width:200px;line-height:40px;font-weight:400;color:#333;background:url(../img/ddea/bullet_t1.png) no-repeat 0 6px} #dkboard .dk_title .dk_search{float:right} /**/ #dkboard .dk_search{padding:0 0 20px 0 !important;} #dkboard .dk_search:before, #dkboard .dk_search:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_search fieldset{float:right} #dkboard .dk_search fieldset legend{position:absolute;left:-100%; top:-100%;} #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/go_link_arr.png) no-repeat 93% 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:9px 12px 8px 12px;line-height:13px;border-radius:2px;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;} #dkboard .dk_table table{width:100%;border-collapse:collapse;border-top:2px solid #252525} #dkboard .dk_table table caption{position:absolute;left:-100%; top:-100%;} #dkboard .dk_table table tbody tr.notice td{border-bottom:1px solid #c5d7e0;background:#f3f3f1} #dkboard .dk_table table thead th {padding:18px 10px; font-weight:500;letter-spacing:-1px; color:#000; border-bottom:1px solid #252525; background-color:#f9f9fa;} #dkboard .dk_table table tbody td {padding:15px 10px; text-align:center; border-bottom:1px solid #ddd;} #dkboard .dk_table table tbody td a {} #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;vertical-align:middle} #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 a:hover {text-decoration:underline; color:#222;} #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{padding:30px 20px;font-size:20px;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:10%;border-bottom:1px solid #eee;overflow:hidden} #dkboard .dk_view dt{position:absolute;top:10px;left:20px;line-height:20px;font-size:15px;} #dkboard .dk_view dd{padding:10px 0;line-height:20px; font-size:15px;} #dkboard .dk_view .view_etc {display:flex; padding:4px 20px; border-bottom:1px solid #e5e5e5;} #dkboard .dk_view .view_etc dl {display:inline-block; border-bottom:0; padding-left:0;} #dkboard .dk_view .view_etc dl:after {content:''; display:inline-block; width:1px; height:12px; margin:0 15px; background-color:#ccc;} #dkboard .dk_view .view_etc dl:last-child:after {display:none;} #dkboard .dk_view .view_etc dl * {line-height:20px; font-size:15px;} #dkboard .dk_view .view_etc dl dt {position:relative; top:auto; left:auto; display:inline-block; margin-right:10px;} #dkboard .dk_view .view_etc dl dd {display:inline-block; } #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:#22b7cf;border:1px solid #22b7cf} #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:15px;} #dkboard .prevnext ul{border-top:1px solid #eee} #dkboard .prevnext li{position:relative;padding:20px 100px 20px 120px; border-bottom:1px solid #e5e5e5;} #dkboard .prevnext li strong {position:absolute;top:20px;left:10px;width:80px;display:block;color:#333;text-indent:-15px; overflow:hidden;} #dkboard .prevnext li strong:after {content: ""; position: absolute; top: 50%; right: 0; width: 8px; height:8px; margin-top: 2px; border-top: 2px solid #333; border-left: 2px solid #333; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} #dkboard .prevnext li:last-child strong:after {top:30%;transform: translate(-50%, -50%) rotate(-135deg); -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg);} #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 120px;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 > label.fl{margin:0 5px 0 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 50px} div.sg_pass .sg_pass_box{border:solid #d2d2d2;border-width:2px 0;padding:30px;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 .sg_pass_btn{text-align:center;padding-top:15px} div.sg_pass .sg_pass_btn img, div.sg_pass .sg_pass_btn input{vertical-align:middle} div.sg_pass .sg_pass_btn input{padding:5px 10px;border:1px solid #ccc} div.sg_pass .sg_pass_btn a{display:inline-block; position:relative; top:1px;padding:5px 10px;line-height:20px;color:#fff;border:1px solid #999;background:#999} 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} #program .okay{padding:20px 0} #program .okay *{font-size:13px} #program .okay p{padding:20px 0;margin-bottom:20px;font-size:14px;color:#f04d48;border-top:0px solid #eee;border-bottom:1px solid #eee} #program .okay p a{padding:5px 10px;color:#fff;border:1px solid #f04d48;background:#f04d48;border-radius:3px} #program .okay li{padding:2px 0;color:#333} /**/ #design .member{padding:50px 20px} #design .member *{font-size:14px;color:#000} #design .member .idpw{clear:both;padding:0 50px;overflow:hidden} #design .member .idpw h3{padding-bottom:5px;font-size:30px;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{padding:0 50px} #design .member .login h3{padding-bottom:5px;font-size:30px;color:#333} #design .member .login div{position:relative;padding-bottom:10px;font-size:15px} #design .member .login div ul{position:absolute;top:-30px;right:0;display:none} #design .member .login div ul li{padding:3px 0;font-size:13px;color:#c00} #design .member .login fieldset{position:relative;padding:50px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc} #design .member .login fieldset ul{margin:0 150px 0 100px} #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:210px;height:27px;line-height:27px;border:0;border-bottom:1px solid #ccc;background:#fff} #design .member .login button{position:absolute;top:110px;left:0;width:220px;height:46px;font-size:16px;color:#fff;border:0;background:#006ed5;border-radius:4px} #design .member .login p{padding:20px 0 0 100px} #design .member .login p a{padding-right:30px;font-size:14px;color:#333} #design .member .terms{padding:0 50px} #design .member .terms fieldset{position:relative;padding:50px 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:30px 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 50px 30px 50px;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:0 50px} #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:20%;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 50px} #design .member .form fieldset{border:0} #design .member .form dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .member .form dt{float:left;width:16%} #design .member .form dd{float:left;width:84%} #design .member .form dd select{border:1px solid #ccc} #design .member .form dd .t_txt{border:1px solid #ccc} #design .member .form dd .btn{padding:5px 20px;color:#fff;background:#555} #design .member .button{padding:20px 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{padding:13px 40px;font-size:17px;text-align:center;color:#fff;border:0;background:#000;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 .userPart{padding:30px 80px} #design .member .userPart ul{overflow:hidden} #design .member .userPart li{float:left;width:50%} #design .member .userPart .selects label{display:block;position:relative;padding:30px 20px;padding-left:90px;margin:0 10px;height:140px;border:5px solid #eee;border-radius:5px;cursor:pointer} #design .member .userPart .selects label input{position:absolute;top:30px;left:50px;width:22px;height:22px;margin:3px 3px 0px 5px;border:1px solid #ccc} #design .member .userPart .selects label strong{display:block;padding-bottom:5px;font-size:16px;color:#596477} #design .member .userPart .selects label span{display:block;font-size:14px} #design .member .userPart .selects label:hover, #design .member .userPart .selects label.sel{color:#0093dd;border:5px solid #00a19c} #design .member .userPart .selects label:hover strong, #design .member .userPart .selects label:hover span{color:#00a19c} /*로그인*/ #design .log_wrap .log_title {position:relative;z-index: 99;padding: 45px 0;text-align:center;background: url(../img/log_title_bg.png) no-repeat 50% 0;} #design .log_wrap .log_title p {padding-bottom: 0;font-size: 28px;color:#333;font-weight: 600;line-height: 1.2em;} #design .log_wrap .log_title p.en {font-size: 18px;font-weight:500;color:#717171;text-transform: uppercase;} #design .log_wrap .log_con {margin-top: -60px;padding: 60px 40px 40px;border: 1px solid #ddd;background: #f9f9f9;box-sizing: border-box;} #design .log_wrap .log_con > ul {overflow: hidden;padding-bottom: 20px;} #design .log_wrap .log_con > ul > li {float:left;width: 49%;padding: 15px;margin: 0 1%;box-sizing: border-box;} #design .log_wrap .log_con > ul > li.lib_log {margin-left: 0;border-right: 1px dashed #ddd;} #design .log_wrap .log_con > ul > li.homepage_log {margin-right: 0;} #design .log_wrap .log_con .log_top {text-align:center;} #design .log_wrap .log_con .log_top span {color: inherit;} #design .log_wrap .log_con .log_top > div {display:inline-block;width: 170px;height: 170px;padding: 20px 0;box-sizing: border-box;background: #1E4995;border-radius: 200px;color:#fff;font-size: 17px;font-weight: 600;line-height: 1.2em;} #design .log_wrap .log_con .lib_log .log_top > div::before {content: "";display:block;height: 60px;padding-bottom: 20px;background: url(../img/log01_bg.png) no-repeat 50% 50%;} #design .log_wrap .log_con .homepage_log .log_top > div::before {content: "";display:block;height: 60px;padding-bottom: 20px;background: url(../img/log02_bg.png) no-repeat 50% 50%;} #design .log_wrap .log_con .line {display:block;font-size: inherit;} #design .log_wrap .log_con .log_bottom {padding: 15px 0 0;} #design .log_wrap .log_con .log_bottom .depth03 {padding-bottom: 15px;letter-spacing: -0.5px;} #design .log_wrap .log_con .log_btn {display:inline-block;padding: 8px 20px;font-size: 17px;line-height: 1em;font-weight: 600;letter-spacing: -1px;color:#464646;border: 4px solid #1E4995;vertical-align:middle;} #design .log_wrap .log_con .log_btn::after {content: "▶";display:inline-block;margin-left: 5px;font-size: 12px;line-height: 1em;color:#595959;vertical-align:middle; } #design .log_wrap .log_con > p {padding-top: 10px;font-size: 17px;} #design .log_wrap .log_con > p a {font-size: inherit;} /* 안내 싱단 글상자 */ #design .textBox {border:5px solid #f5f5f5; padding:25px 20px 10px; margin-bottom:30px} #design .dp1{position:relative;margin-bottom:10px;line-height:20px;font-size:15px;letter-spacing:-1px;color:#555} #design .dp1 > li{padding-bottom:7px;background:url(../img/icon_bp1.png) no-repeat 10px 8px;padding-left:22px;font-size:14px;color:#555} #design .dp1 .dp2{} #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 .mypage{padding:50px} #design .mypage *{font-size:14px;color:#000; text-align:center;} #design .mypage .login h3{padding-bottom:5px;font-size:30px;color:#333; background:none;} #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;width:350px;margin:15px auto 0; padding:25px 0;border:0; border-top:1px var(--gray5) dashed;} #design .mypage .login fieldset ul{} #design .mypage .login fieldset ul li{display:flex; align-items:center; position:relative;margin-bottom:8px;} #design .mypage .login fieldset ul li label{width:60px; margin-right:20px;text-align:left;} #design .mypage .login input.t_txt{padding:0 10px;width:calc(100% - 60px);height:50px;line-height:50px;border:0;border: 1px solid var(--gray4); background:#fff;border-radius:10px;text-align:left;} #design .mypage .login fieldset ul + button {width:100%; height:50px; padding:13px 0 17px; margin-top:20px; font-size:17px; font-weight:600; color:#fff; background-color:#4b79ee; border-radius:10px; cursor:pointer;} #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{float:left;width:16%} #design .mypage .form dd{float:left;width:84%} #design .mypage .form dd select{border:1px solid #ccc} #design .mypage .form dd .t_txt{border:1px solid #ccc} #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:30px 20px} #design .mypage .mypage01 h3{padding-bottom:10px;font-size:24px;color:#333} #design .mypage .mypage01 td.tal a{display:block;width:270px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #design .mypage .okay{padding:100px 0 20px 0} #design .mypage .okay *{font-size:13px} #design .mypage .okay p{padding:20px 0;margin-bottom:20px;font-size:14px;color:#f04d48;border-top:1px solid #eee;border-bottom:1px solid #eee} #design .mypage .okay p a{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:16px;text-align:center;color:#fff;border:0;background:#000;border-radius:5px} #design .mypage .button .modify{background:#00a19c} #design .mypage .button .cancel{background:#c00} #design .exhibit{overflow:hidden} #design .exhibit .exwrap{float:left;width:50%} #design .exhibit .exwrap dl{padding-left:30% !important;border:0 !important} #design .exhibit .exwrap dt{width:26% !important} #design .exhibit .exwrap dd{} #design .exhibit .exwrap .input{height:200px} /* #design .exhibit .exwrap .input img{width:200px !important;max-width:none;height:200px} */ #design .mypage .done dl{margin:100px 140px;overflow:hidden} #design .mypage .done dl *{font-size:14px} #design .mypage .done dt{float:left;padding:5px 0;width:150px} #design .mypage .done dd{float:left} #design .mypage .done dd strong{display:block;padding-bottom:5px;font-size:30px;letter-spacing:-2px;color:#000} #design .mypage .done dd span{display:block;font-size:16px;color:#000} #design .mypage .done dd span em{font-size:16px;font-weight:700} #design .mypage .done dd a{display:block;margin:10px 0;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:30px 20px} #design .art ul{margin:0 -31px;overflow:hidden} #design .art ul li{float:left;width:33.33%;height:316px} #design .art ul li a{display:block;margin:0 31px;position:relative} #design .art ul li dl{position:relative} #design .art ul li dt img{width:215px;height:304px} #design .art ul li dd{position:absolute;top:0;left:0;width:215px;height:304px;background:rgba(0,0,0,0.7) !important;background:url(../img/ddea/footbg.png) repeat;display:none} #design .art ul li dd *{color:#fff} #design .art ul li dd strong{display:block;padding:30px 0 15px 0;font-size:16px;font-weight:400;text-align:center} #design .art ul li dd i{display:block;margin:0 auto;width:20px;height:1px;background:#fff} #design .art ul li dd .down{display:block;padding:150px 0 0 0;line-height:20px;text-align:center;background:url(../img/ddea/btn_art.png) no-repeat 50% 40%} #design .art ul li a:hover dd{display:block} #design .contest{padding:50px 0;text-align:center} #design .receipt{padding:30px 20px} #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{margin:0 -20px;padding:5px 0 20px 0;overflow:hidden} #design .receipt ol li{float:left;display:table-cell;position:relative;width:20%} #design .receipt ol li strong{display:block;margin:0 20px;padding:57px 0;text-align:center;border:1px solid #ccc;border-radius:200px} #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 .o5 strong{color:#fff;border:1px solid #888;background:#888} #design .receipt .tabs{height:42px;border:0;list-style-type:none;margin:0 0 40px 0;} #design .receipt .tabs li{float:left;width:14.28%;text-align:center} #design .receipt .tabs li a{display:block;position:relative;z-index:5;margin-left:-1px;padding:10px 0;height:42px;font-size:14px;color:#888;border:1px solid #ccc;border-bottom:1px solid #333;background:#fafafa} #design .receipt .tabs li a:hover, #design .receipt .tabs li a.sel{position:relative;z-index:6;padding:10px 0;margin:0 0 0 -1px;color:#000;border:1px solid #333;border-bottom:1px solid #fff;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 .receipt .dp1 ol li strong{padding:40px 0} #design .receipt .dp1 ol li.o1 strong, #design .receipt .dp1 ol li.o2 strong, #design .receipt .dp1 ol li.o5 strong{padding:52px 0} #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:30px 20px} #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:50px} #design .submit fieldset{border:0} #design .submit{padding:30px 20px} #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:0 0 10px 25px;font-size:17px;color:#000;border-bottom:0px solid #333;background:url(../img/ddea/sub_icon01.png) no-repeat 0 4px} #design .submit .termswrap{padding-bottom:20px} #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:15px;color:#000;text-align:right} #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 14px} #design .submit .entry dl{position:relative;margin-bottom:10px;padding:0 0 0 15%;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 dl.bdn{border:0} #design .submit .entry dt{position:absolute;top:0;left:0;width:13%} #design .submit .entry dt strong{display:block;font-size:13px;text-align:right} #design .submit .entry dd{padding:0 0 10px 0} #design .submit .entry dd strong{} #design .submit .entry dd strong.green{font-size:16px} #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:0px} #design .submit .entry .deput label > span{float:left;display:block;width:80px;line-height:30px} #design .submit .entry .deput label .uploadify{float:left} #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:5px 10px;color:#fff;border-bottom:1px solid #000;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{} /**/ #content .library{position:relative} #content .library p{position:absolute;top:0;right:0} /**/ #content .stage{border-bottom:1px solid #ccc;overflow:hidden} #content .stage *{} #content .stage dt{float:left;width:70%;font-size:18px;font-family:Arial, Helvetica, sans-serif} #content .stage dt img{display:block;padding:20px 0} #content .stage dd{float:left;padding:30px 0;width:30%} #content .stage dd ul{overflow:hidden} #content .stage dd li{float:left;width:50%;font-size:15px} /**/ #content .greeting{position:relative;padding:0 0 240px 15px;background:url(../img/greeting_bg.png) no-repeat 100% 70px} #content .greeting p{color:#777;line-height:160%;letter-spacing:0;font-size:16px;margin-left:4px} #content .greeting h3{padding:10px 0;font-size:32px;font-weight:500;letter-spacing:-1px;color:#333} #content .greeting h3 *{font-size:36px;font-weight:500;letter-spacing:-1px;color:#f27719} #content .greeting .greeting_picture{position:absolute;top:70px;left:20px;} #content .greeting .greeting_sign{position:absolute; top:300px; left:10px;} #content .greeting ul{padding:0px 0px 100px 185px;overflow:hidden} #content .greeting ul li{padding:5px 0;line-height:25px;font-size:16px;font-weight:500;letter-spacing:-0.7px;color:#494949} #content .greeting ul li strong{display:block;padding-top:70px;font-size:24px;font-weight:700} #content .intro .floors{overflow:hidden} #content .intro .floors .floor{width:100%;text-align:center;background:#f6f6f6} #content .intro .floors .floor_tab{overflow:hidden;width:100%;margin:0 auto;margin-bottom:12px} #content .intro .floors .floor_tab li a{display:block;float:left;width:120px;height:40px;border:1px solid #006ed5;border-radius:3px;color:#006ed5;text-align:center;line-height:40px;margin-right:8px;font-size:15px} #content .intro .floors .floor_tab li a:hover, #content .intro .floors .floor_tab li a.sel{border:0;background:#006ed5;color:#fff} /**/ #content .diagram{padding:10px 0;background:url(../img/gumilib/diagram.png) no-repeat 50% 47px} #content .diagram *{margin:0;padding:0;border:0} #content .diagram .head{position:relative;height:250px} #content .diagram .head dl{position:absolute;z-index:1;width:180px} #content .diagram .head dl dt{padding:10px 0;line-height:15px;text-align:center;color:#fff} #content .diagram .head dl dt span{font-size:11px;letter-spacing:-1px} #content .diagram .head dl dd{padding:5px 0;line-height:20px;text-align:center;color:#777;background:#fff} #content .diagram .h1{top:0;left:50%;margin-left:-90px;border:1px solid #0065ca;background:#0065ca} #content .diagram .h2{top:0;right:0%;border:1px solid #ff7a01;background:#ff7a01} #content .diagram .h3{top:90px;left:50%;margin-left:-90px;border:1px solid #6ab000;background:#6ab000} #content .diagram .body{position:relative;height:250px} #content .diagram .body dl{position:absolute;z-index:1;width:120px;border:1px solid #555;background:#888} #content .diagram .body dl dt{line-height:30px;text-align:center;color:#fff} #content .diagram .body dl dd{padding:10px 0;height:50px;text-align:center;color:#777;background:#fff} #content .diagram .body dl dd li{line-height:21px} #content .diagram .r1{top:0;left:0%} #content .diagram .r2{top:0;left:21%} #content .diagram .r3{top:0;left:50%;margin-left:-60px} #content .diagram .r4{top:0;right:21%} #content .diagram .r5{top:0;right:0%} /**/ #content .history{margin:20px 0} #content .history dl{position:relative;margin:0 0 30px 0;padding:0;border-bottom:1px solid #ccc;background:#fff} #content .history dt{position:absolute;z-index:5;top:33px;left:40px;margin-top:-24px;width:160px;font-size:36px;font-family: Arial, Helvetica, sans-serif;font-weight:700;letter-spacing:-1px;color:#f27719} #content .history dt strong{display:block;font-size:25px;font-weight:400;letter-spacing:-1px;color:#aa6801} #content .history dd{padding-left:30%} #content .history dd ul{display:block;padding:20px;border:0px solid #ccc;background:#fff} #content .history dd ul li{position:relative;padding:0 0 0 100px;line-height:1.7em;font-size:12px;color:#696969} #content .history dd ul li strong{position:absolute;top:0;left:0;display:block;padding-right:10px;width:100px;font-size:12px;color:#00366a} /**/ #board *{list-style-type:none} #board .box{padding:20px 0 0 0 !important;border:4px solid #eee;text-align:center} #board .box i{display:none !important} #board .box h3{padding:0 !important;font-size:12px;color:#f27719} #board .dp1{position:relative;margin-bottom:5px;padding:5px 0 5px 22px;line-height:20px;font-size:15px;font-weight:700;letter-spacing:-1px;color:#555} #board .dp1 *{line-height:160%;font-size:12px} #board .dp1 i{position:absolute;top:7px;left:0;display:block;width:16px;height:16px;background:url(../img/gumilib/dp1.png) no-repeat 50% 50%} #board .dp2{margin-bottom:30px;padding:0 10px} #board .dp2 *{line-height:160%;font-size:12px} #board .dp2 > li{position:relative;padding-left:20px} #board .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} #board .dp2 i{display:inline-block;width:16px;height:16px;background:url(../img/gumilib/dp2.png) no-repeat 50% 8px} #board .dp2 table{margin:5px 0 10px 0} #board .dp2 li dl{margin-bottom:10px;padding:20px;border:1px solid #eee;overflow:hidden} #board .dp2 li dt{float:left;width:30%} #board .dp2 li dd{float:left;width:70%} #board .dp3{margin-bottom:30px;padding:0 10px} #board .dp3 > li{position:relative;padding-left:20px} #board .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} #board .btn_down{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;border:1px solid #ccc} #design .board_guide{border:1px solid #e2e2e2;background:#fafafa;padding:25px 30px;margin-bottom:30px;font-size:15px;line-height:160%;color:#444} #design .board_guide strong{font-size:15px} /**/ #content .tabmenu{padding:10px 200px 10px 0;} #content .tabmenu:before, #content .tabmenu:after{clear:both;display:table;content:"";line-height:0} #content .tabmenu li{float:left;width:33%} #content .tabmenu li a{display:block;margin-left:-1px;height:34px;line-height:34px;font-size:12px;font-weight:400;color:#333;text-align:center;border:1px solid #d6d6d6;border-bottom:1px solid #377e17;background:#fff} #content .tabmenu li:first-child a{margin:0} #content .tabmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #377e17;background:#377e17} #content .tabmenu li a.sel{position:relative;z-index:5;font-weight:800;letter-spacing:0px;color:#377e17;border:1px solid #377e17;border-bottom:1px solid #fff;background:#fff} /**/ #content .tabmenu30{margin:0 -5px;padding:0 0 20px 0;} #content .tabmenu30:before, #content .tabmenu30:after{clear:both;display:table;content:"";line-height:0} #content .tabmenu30 li{float:left;width:33%} #content .tabmenu30 li a{display:block;margin:5px 5px 0 5px;height:30px;line-height:30px;font-size:12px;font-weight:400;color:#333;text-align:center;border:1px solid #d6d6d6;background:#fff} #content .tabmenu30 li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #377e17;background:#377e17} #content .tabmenu30 li a.sel{position:relative;z-index:5;font-weight:800;letter-spacing:-1px;color:#377e17;border:1px solid #377e17;background:#fff} /**/ #whole{display:none;position:absolute;z-index:9000;top:145px;left:0;width:100%;background:url(../img/tongyeong/whole.png) repeat-x 0 100%} #whole *{margin:0;padding:0;border:0;list-style-type:none} #whole .whole{position:relative;z-index:9000;margin:0 auto;width:1100px;/*background:url(../img/tongyeong/child.png) no-repeat 0 20px*/} #whole .whole .depth1{position:relative;height:250px;} #whole .whole .depth1:before, #whole .whole .depth1:after{clear:both;display:table;content:"";line-height:0} #whole .whole .depth1 > li{position:absolute;z-index:1000;top:0} #whole .whole .depth1 > li > a{display:none} #whole .whole .depth1 > li.g1{left:70px} #whole .whole .depth1 > li.g2{left:205px} #whole .whole .depth1 > li.g3{left:360px} #whole .whole .depth1 > li.g4{left:495px} #whole .whole .depth1 > li.g5{left:630px} #whole .whole .depth1 > li.g6{left:765px} #whole .whole .depth1 > li.g7{left:905px} #whole .whole .depth2{padding:10px;} #whole .whole .depth2:before, #whole .whole .depth2:after{clear:both;display:table;content:"";line-height:0} #whole .whole .depth2 li a{display:block;padding:8px 10px;font-size:12px;font-weight:400;letter-spacing:-1px;color:#6e6e6e} #whole .whole .depth2 li a:hover{color:#4e40a2} #whole .whole .close{position:absolute;z-index:1;top:-57px;right:-7px;display:block;width:30px;height:30px;background:url(../img/uscommon/allmenu.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} /**/ #title{position:relative;padding:0 30px 90px 30px;border-bottom:0px solid #e5e5e5;overflow:hidden} #title *{margin:0;padding:0;font-size:12px;border:0;list-style-type:none;} #title h2, #title h2 a{padding:60px 0 20px 0;height:30px;font-size:27px;font-weight:400;letter-spacing:-3px;color:#1c368d} #title p{position:absolute;top:100px;left:30px;font-size:20px;font-weight:400;letter-spacing:-3px;color:#aaa} #title div{position:absolute;top:30px;left:30px;padding:0 0 0 17px;color:#bdcfdc;background:url(../img/tongyeong/ico_home.gif) no-repeat 0px 3px} #title div a{font-size:11px;letter-spacing:-1px;color:#6f899c} #title span a{font-size:18px !important;letter-spacing:-2px;color:#80b341 } /**/ #content .ebook{padding:0 10px} #content .ebook h3{padding:0 0 20px 5px;font-size:20px;letter-spacing:-2px;color:#333} #content .ebook > ul{padding:0 20px} #content .ebook > ul *{} #content .ebook > ul > li{padding:0 20px 10px 20px;font-size:15px;font-weight:800;letter-spacing:0px;color:#2d4594;background:url(../img/tongyeong/depth1_1.png) no-repeat 0 4px} #content .ebook > ul > li > ul{padding:10px 0} #content .ebook > ul > li > ul > li{padding:0 10px 5px 10px;font-size:13px;font-weight:400;letter-spacing:0px;color:#494949;background:url(../img/tongyeong/depth2_1.png) no-repeat 0 6px} #content .ebook > ul > li > ul > li > strong{color:#aa6801} #content .ebook > ul > li > ul > li > ul{padding:5px 0} #content .ebook > ul > li > ul > li > ul > li{padding:0 20px;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px} #content .ebook > ul > li p{padding:5px 0;font-size:12px;letter-spacing:-0px;color:#aa6801} #content .ebook > ul > li p strong{font-weight:400;color:#aa6801} #content .schema{padding:10px 0 20px 0} /**/ #content .volunteer{padding:0 10px 50px 10px} #content .volunteer h3{padding:0 0 20px 5px;font-size:20px;letter-spacing:-2px;color:#333} #content .volunteer > ul{padding:0 20px 20px 20px} #content .volunteer > ul *{} #content .volunteer > ul > li{padding:0 20px 10px 20px;font-size:15px;font-weight:800;letter-spacing:-0px;color:#2d4594;background:url(../img/tongyeong/depth1_1.png) no-repeat 0 4px} #content .volunteer > ul > li > ul{padding:10px 0} #content .volunteer > ul > li > ul > li{padding:0 10px 5px 10px;font-size:13px;font-weight:400;letter-spacing:-0px;color:#494949;background:url(../img/tongyeong/depth2_1.png) no-repeat 0 6px} #content .volunteer > ul > li > ul > li > strong{color:#aa6801} #content .volunteer > ul > li > ul > li > span{display:block;color:#aa6801;background:#fff} #content .volunteer > ul > li > ul > li > ul{padding:5px 0} #content .volunteer > ul > li > ul > li > ul > li{padding:0 20px;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px} #content .volunteer > ul > li p{padding:5px 0;font-size:11px;letter-spacing:-0px;color:#aa6801} #content .volunteer > ul > li p strong{font-weight:400;color:#aa6801} #content .volunteer > ul > li > ol{margin:0 -20px;height:130px;background:url(../img/tongyeong/volunteer.png) no-repeat 50% 10px} #content .volunteer > ul > li > ol li{display:none} #content .volunteer > ul > li > dl{} #content .volunteer > ul > li > dl dt{} #content .volunteer > ul > li > dl dd{ font-size:12px;font-weight:400} #content .volunteer > ul > li > ul > li.col{background:none} #content .reading{padding:0 10px} #content .reading h3{padding:0 0 60px 5px;font-size:20px;letter-spacing:-2px;color:#333} #content .reading > ul{padding:0 20px} #content .reading > ul *{} #content .reading > ul > li{padding:0 20px 10px 20px;font-size:15px;font-weight:800;letter-spacing:-1px;color:#2d4594;background:url(../img/tongyeong/depth1_1.png) no-repeat 0 4px} #content .reading > ul > li > ul{padding:10px 0} #content .reading > ul > li > ul > li{padding:0 10px 5px 10px;font-size:13px;font-weight:400;letter-spacing:-1px;color:#494949;background:url(../img/tongyeong/depth2_1.png) no-repeat 0 6px} #content .reading > ul > li > ul > li > span{} #content .reading > ul > li > ul > li > strong{color:#aa6801} #content .reading > ul > li > ul > li > ul{padding:5px 0} #content .reading > ul > li > ul > li > ul > li{padding:0 10px} #content .reading > ul > li p{padding:5px 0;font-size:11px;letter-spacing:-0px;color:#aa6801} #content .reading > ul > li p strong{font-weight:400;color:#aa6801} #content .reading table{margin:10px 0;width:100%;border-top:2px solid #99a6b6;border-collapse:collapse} #content .reading table caption{display:none} #content .reading table thead th{color:#002747;background:#eaeff5} #content .reading table tbody th{padding:8px 10px;border:1px solid #dddee2;color:#002747;background:#faf6ed;font-weight:400;text-align:center} #content .reading table td{padding:5px 10px !important;color:#696969;font-weight:400;border:1px solid #dddee2;text-align:left;vertical-align:middle} #content .reading table td.item{font-weight:800;text-align:center;background:#eaeff5} #content .reading table td.tal{text-align:left} #content .reading table td.tar{text-align:right} #content .reading table td strong{font-weight:400;color:#aa6801} #content .reading .plus1{padding:70px 30px 40px 50px;background:url(../img/tongyeong/plus1.png) no-repeat 0 0} #content .reading .plus1 > li{padding:0;background:none} #content .reading .plus2{padding:70px 30px 70px 310px;background:url(../img/tongyeong/plus2.png) no-repeat 0 0} #content .reading .plus2 > li{padding:0;background:none} #content .reading .start{padding:0px 30px 80px 320px;background:url(../img/tongyeong/start.png) no-repeat 0 50px} #program .culture{} #program .culture h3{padding:0 0 10px 5px;font-size:17px;letter-spacing:-1px;color:#444;background:none} #program .culture > ul {margin-top:-10px;} #program .culture > ul * {} #program .culture > ul > li {font-weight:400; letter-spacing:-0px; background:url(../img/tongyeong/depth1_1.png) no-repeat 0 2px} #content .schema{padding:10px 0 20px 0} #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:15px;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 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;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px} #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:20px;border:1px solid #eee;overflow:hidden;font-weight:400} #content .alletc dt{float:left;width:25%} #content .alletc dd{float:left;width:75%} /**/ #content .etc02{padding:0 0px} #content .etc02 div{padding:20px 0;font-size:15px} #content .etc02 > ul{margin-bottom:20px;overflow:hidden} #content .etc02 > ul > li{margin:5px 0; padding:0 20px;font-size:15px;font-weight:800;letter-spacing:-2px;color:#222;background:url(../img/tongyeong/depth1_1.png) no-repeat 0 4px} #content .etc02 > ul > li span{float: right;padding-top:10px; color:#A8A8A8; font-weight:500;letter-spacing:0px} #content .etc02 > ul > li > ul{padding:5px 0} #content .etc02 > ul > li > ul > li{padding:5px 20px;font-size:13px;font-weight:400;letter-spacing:-1px;color:#494949;background:url(../img/tongyeong/depth2_1.png) no-repeat 0 13px} #content .etc02 > ul > li > ul > li > ul{padding:5px 0} #content .etc02 > ul > li > ul > li > ul > li{padding:0 20px;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px} #content .etc02 > ul > li p{padding:5px 0 20px 0;text-align:center} #content .etc02 dl{margin-bottom:10px;padding:20px;border:1px solid #eee;overflow:hidden} #content .etc02 dt{float:left;width:30%} #content .etc02 dd{float:left;width:70%} /**/ #contain #tabmenu_lib{margin:20px 0;border-bottom:2px solid #eaeaea} #contain #tabmenu_lib *{margin:0;padding:0;font-size:12px;border:0;list-style-type:none;} #contain #tabmenu_lib ul{height:38px;border-bottom:1px solid #2d4594;} #contain #tabmenu_lib ul:before, #contain #tabmenu_lib ul:after{clear:both;display:table;content:"";line-height:0} #contain #tabmenu_lib ul li{float:left} #contain #tabmenu_lib ul li a{display:block;position:relative;z-index:5;margin-left:-1px;padding:8px 40px;height:20px;font-weight:800;color:#333;border:1px solid #bababa;border-bottom:0;background:#fff} #contain #tabmenu_lib ul li a:hover{position:relative;z-index:10;top:-1px;height:20px;color:#fff;border:1px solid #2d4594;border-top:2px solid #2d4594;border-bottom:1px solid #2d4594;background:#2d4594} #contain #tabmenu_lib ul li.on a{position:relative;z-index:10;top:-1px;height:20px;color:#2d4594;border:1px solid #2d4594;border-top:2px solid #2d4594;border-bottom:4px solid #fff;background:#fff} #contain #tabmenu_part{margin:20px 0;border-bottom:2px solid #eaeaea} #contain #tabmenu_part *{margin:0;padding:0;font-size:12px;border:0;list-style-type:none;} #contain #tabmenu_part ul{height:36px;border-bottom:1px solid #2d4594;} #contain #tabmenu_part ul:before, #contain #tabmenu_part ul:after{clear:both;display:table;content:"";line-height:0} #contain #tabmenu_part ul li{float:left} #contain #tabmenu_part ul li a{display:block;position:relative;z-index:5;margin-left:-1px;padding:7px 20px;height:20px;font-weight:800;color:#333;border:1px solid #bababa;border-bottom:0;background:#fff} #contain #tabmenu_part ul li a:hover{position:relative;z-index:10;top:-1px;height:20px;color:#fff;border:1px solid #2d4594;border-top:2px solid #2d4594;border-bottom:1px solid #2d4594;background:#2d4594} #contain #tabmenu_part ul li.on a{position:relative;z-index:10;top:-1px;height:20px;color:#2d4594;border:1px solid #2d4594;border-top:2px solid #2d4594;border-bottom:4px solid #fff;background:#fff} #contain #tabmenu_sub {position:relative; margin-bottom:30px; background:#f7f8fb; border-radius:30px;} #contain #tabmenu_sub ul {width:100%;} #contain #tabmenu_sub ul li {display:inline-block;width:20%; height:53px; line-height:51px; white-space:nowrap; overflow:hidden; flex:1;} #contain #tabmenu_sub ul li a {display:flex; align-items:center; justify-content:center; height:100%; font-weight:500; color:#8c8c8c;} #contain #tabmenu_sub ul li.on a {color:var(--mainColor); background-color:#fff; border-radius:30px; border:2px solid var(--mainColor);} /**/ #incharge{clear:both;padding:100px 0 0 0 !important} #incharge *{margin:0;padding:0;font-size:12px;border:0;list-style-type:none;font-size:12px} #incharge .incharge{border:3px solid #eee;overflow:hidden} #incharge ul{padding:10px 20px;border:1px solid #ccc;} #incharge ul:before, #incharge ul:after{clear:both;display:table;content:"";line-height:0} #incharge li{float:left;color:#555} #incharge li.w25p{width:24%} #incharge li.w50p{ float:right;font-size:12px;letter-spacing:-0px;color:#888} #incharge li.w50p strong{display:inline-block;position:relative;padding:0 0 0 25px;color:#111} #incharge li.w50p strong img{position:absolute;top:-2px;left:0} /*사이트맵*/ #program{} #program #sitemap_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 #sitemap_txt_box .link_site{width:100%;margin:0 auto} #program #sitemap_txt_box .link_site li{float:left;margin-right:10px} #program #sitemap_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%;height:430px} #program .group h2{margin:0 20px;padding:10px 0;text-align:center;margin-bottom:10px;font-size:16px;font-weight:400;color:#006ed5;background:#fff;border:1px solid #006ed5;border-radius:3px} #program .group > ul{margin:0 20px;height:200px} #program .group > ul > li > a{display:block;padding:8px 1px;border-bottom:1px solid #eee;font-size:15px;letter-spacing:-1px;color:#555} #program .group > ul > li > a:hover{color:#006ed5} #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 3px 0} #program .group > ul ul li a{font-weight:normal;font-size:14px;border:none;padding:0;padding-left:12px} /**/ #board .faq_list{border-top:1px solid #cacaca} #board .faq_list ul{margin:0;padding:0;list-style-type:none;overflow:hidden} #board .faq_list li{float:left;width:100%} #board .faq_list dl{position:relative;padding:5px;border:1px solid #cacaca;border-top:0;background:#f5f5f5;overflow:hidden;cursor:pointer} #board .faq_list dt{float:left;padding:4px 0;width:5%;text-align:center} #board .faq_list dd{float:left;padding:5px 0;width:95%;line-height:18px;font-size:12px;font-weight:400} #board .faq_list dd a{line-height:18px;font-size:12px;font-weight:400} #board .faq_list .disnone{display:none} #board .faq_q, #board .faq_q dt, #board .faq_q dd{margin:0;padding:0;color:#333} #board .faq_a{border:1px solid #cacaca;border-top:0 !important;background:#fff !important} #board .faq_a, #board .faq_a dt, #board .faq_a dd{margin:0;padding:0;color:#333} #board .faq_a dd h3{margin:0} #board .faq_a dd p{margin:0 0 10px 0} #content ul.con01{padding:5px 0 0 0;line-height:160%;} #content ul.con01>li{margin:0;padding:0 0 7px 12px;background:url(../img/common/bullet_list01.gif) no-repeat 0 6px;} #content ul.con02{} #content ul.con02>li{margin:0;padding:0 0 0 10px;background:url(../img/common/bullet_list02.gif) no-repeat 0 6px;} #content .padt_20{padding-top:20px;} #content .padl_20{padding-left:20px;} #content .padb_10{padding-bottom:10px;} #content .padtb_10{padding-top:20px;} #content .mgt_10{margin-top:10px;} #content .mgl_20{margin-left:20px;} #content .tal{text-align:left;} #content .tac{text-align:center} #content .fb{font-weight:700} #content .f15{font-size:15px} #content .orange{color:#ED6A00} #content .blue{color:#2561ce} #content .guide_box{margin:0 0 30px 0;padding:20px 30px;line-height: 160%;border:4px solid #f5f5f5;text-align:center} #content .guide_box span{color:#551ca9;font-size:13px;font-weight:800;} #content .guide_box span.MB{color:#005698;font-size:13px;font-weight:800;} #dkboard .guide_box{margin:0 0 30px 0;padding:20px 30px;line-height: 160%;border:4px solid #f5f5f5;text-align:center} #dkboard .guide_box span{color:#551ca9;font-size:13px;font-weight:800;} #dkboard .guide_box span.MB{color:#005698;font-size:13px;font-weight:800;} /**우리도서관소개**/ /*이용시간*/ #content .intro01{} #content .intro01 img{width:100%} #content .intro01 p span{color:#f00;font-weight:800;} #content .intro01 table tr td:first-child{background:#faf6ed;font-weight:800} /*꼭지켜주세요*/ #content .intro01_04 li span{color:#f00;font-weight:800;} #content .charter{} #content .charter > ul{padding:0 10px} #content .charter > ul > li{padding:0 10px;font-size:14px;color:#222} #content .charter > ul > li p{padding:0 0 10px 0;font-size:18px;color:#333} #content .charter > ul > li ul{padding:0 10px 15px 10px} #content .charter > ul > li li{padding:0 10px;color:#555} #content .charter p{padding:5px 20px;font-size:13px;color:#999} #program .library > ul{padding:0 20px} #program .library > ul *{} #program .library > ul > li{padding:0 20px 10px 20px;font-size:14px;font-weight:800;letter-spacing:0px;color:#2d4594;background:url(../img/tongyeong/depth1_1.png) no-repeat 0 4px} #program .library > ul > li > ul{padding:10px 0} #program .library > ul > li > ul > li{padding:0 10px 5px 10px;font-size:13px;font-weight:400;letter-spacing:0px;color:#494949;background:url(../img/tongyeong/depth2_1.png) no-repeat 0 6px} #program .library > ul > li > ul > li > span{} #program .library > ul > li > ul > li > strong{color:#aa6801} #program .library > ul > li > ul > li > ul{padding:5px 0} #program .library > ul > li > ul > li > ul > li{padding:0 10px;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px} #program .library > ul > li p{padding:5px 0;font-size:11px;letter-spacing:-0px;color:#aa6801} #program .library > ul > li p strong{font-weight:400;color:#aa6801} #program .library table{margin:10px 0;width:100%;border-top:2px solid #99a6b6;border-collapse:collapse} #program .library table caption{display:none} #program .library table thead th{line-height:15px;font-size:12px;letter-spacing:-1px;color:#454545;background:#eaeff5} #program .library table tbody th{padding:8px 10px;border:1px solid #dddee2;color:#454545;background:#faf6ed;font-weight:800;text-align:center} #program .library table td{padding:5px 10px !important;color:#555;font-weight:400;border:1px solid #dddee2;text-align:left;vertical-align:middle} #program .library table td.item{font-weight:800;text-align:center;background:#eaeff5} #program .library table td.tal{text-align:left} #program .library table td.tac{text-align:center} #program .library table td.tar{text-align:right} #program .library table td strong{font-weight:400;color:#aa6801} #program .library .horizont{overflow:hidden} #program .library .horizont li{float:left;padding:0 0 0 2%} #program .library .floor{padding:10px 0;text-align:center} #program .library .floor ol{margin:0 auto;padding:10px 0;font-weight:700;overflow:hidden} #program .library .floor ol li{display:inline} #program .library .floor ol li a{display:inline-block;font-size:14px;line-height:30px;padding:0 50px;margin-right:10px;color:#838383;border:solid #cacaca 1px;border-top:solid #cacaca 4px} #program .library .floor ol li a.sel{color:#fff;border:1px solid #985d00;border-top:3px solid #985d00;background:#aa6801} #program .library .map{padding:20px;text-align:center} #program .library a.bt {display: inline-block; padding:5px 20px; background-color:#1C368D; color: #fff;} #program .library a.bt:hover {background-color:#555;} #content .ebook a.bt {display: inline-block; padding:5px 20px; background-color:#1C368D; color: #fff; font-size:15px;} #content .ebook a.bt:hover {background-color:#555;} /**/ #program div.lecture_view{line-height:140%;width:100%;overflow:hidden;} #program div.lecture_view h4{margin:0; font-size:24px; font-weight:800; letter-spacing:-1px; color:#222; vertical-align:middle; border-bottom:2px solid #222; padding:20px 0;} #program div.lecture_view h4 span{color:#000;font-weight:bold} #program div.lecture_view .row_info {border-bottom:1px solid #ddd; font-weight:normal; width:100%} #program div.lecture_view .row_info:after {content:''; display:block; clear:both;} #program div.lecture_view .row_info dl {display:flex;} #program div.lecture_view .row_info dt,div.lecture_view .row_info dd{display:inline-block} #program div.lecture_view .row_info dt {float:left; width:20%; padding:15px 20px; color:#333; font-weight:500; background-color:#f8f8fa;} #program div.lecture_view .row_info dd {float:left; height:100%; padding:15px 20px;} #program div.lecture_view .row_info dd.wpix{width:calc(60% / 2)} #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 {display:flex; clear:both; padding:30px 10px; width:100%; border-bottom: 1px solid #e2e2e2;} #program div.lecture_view .pic{padding:2px;border:1px solid #dedede;display:inline;background-color:#fff;float:left;width:136px; height:91px; font-size:0} #program div.lecture_view .row_info2 {margin-left:30px; font-weight:normal;} #program div.lecture_view .row_info2 dt,#program div.lecture_view .row_info2 dd {display:inline; padding:0 5px 0 12px; margin-bottom:10px; vertical-align:middle;} #program div.lecture_view .row_info2 dt{clear:left; float:left; color:#5e5e5e; font-weight:bold; width:100px; background:url(../img/icon_bp1.png) no-repeat 0 10px;} #program div.lecture_view .row_info2 dd{float:left; width:376px; background:url("../img/pro_content/list_title_line.gif") no-repeat 0 7px;} #program div.lecture_view .row_info2 dd strong {font-weight:400; color:var(--mainColor);} #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;vertical-align:top;clear:both;border-bottom:1px solid #ddd; margin-top:10px} #program div.lecture_view .lecture_contents * { font-size:13px !important; line-height:20px !important;} .lecture_list{float:left;width:100%;margin-bottom:20px} /**/ #board .btn_regist{display:block;font-size:12px;letter-spacing:-1px;color:#888;border:1px solid #ccc;background:#fff} #board .board_pass{clear:both;margin:0 20%;padding-top:50px} #board .board_pass *{margin:0;padding:0;border:0;list-style-type:none} #board .board_pass dl{padding:60px 0 20px 0;text-align:center;border:1px solid #ccc;border-bottom:0;overflow:hidden} #board .board_pass dt{display:inline-block;padding-right:10px;font-size:14px;font-weight:800;color:#777} #board .board_pass dd{display:inline-block} #board .board_pass dd input{padding:6px 5px;width:100px;font-size:12px;font-weight:800;color:#777;border:1px solid #ccc} #board .board_pass p{padding:20px 0 60px 0;text-align:center;border:1px solid #ccc;background:#f8f8f8} #board .board_pass p button{display:inline-block;padding:5px 25px;font-size:12px;font-weight:800;color:#fff;background:#555} #board .board_pass p a{display:inline-block;padding:5px;font-size:12px;font-weight:800;color:#fff;background:#888} /**/ #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:10px 20px 10px 20px;font-size:14px; color:#fff;border:1px solid #555;background:#555;border-radius:20px;} #sg_btn_area input{padding:5px 14px 7px 14px;font-size:14px;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:#006ed5;font-size:11px;display:none} #sg_paging .paging strong{display:inline-block;padding:5px 10px;color:#006ed5;border:1px solid #006ed5} #sg_paging .paging a{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} /**/ #board .sg_read{border-top:2px solid #777} #board .sg_read{position:relative;background:#fff} #board .sg_read a.link{ position:absolute; z-index:999; top:38px;right:-15px} #board .sg_read h3{margin:0;padding:10px 20px;font-size:12px;color:#555;border-bottom:1px solid #ccc} #board .sg_view_info{padding:10px 20px;color:#555;border-bottom:1px solid #ccc} #board .sg_view_info *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #board .sg_view_info span{padding-right:20px} #board .sg_view_info br{display:none} #board .sg_view_info a{padding-right:10px} #board .sg_view_info a img{padding-right:5px} #board .sg_contents{padding:40px 20px;min-height:300px} #board .sg_contents *{margin:auto;} #board .sg_contents img{max-width:740px;} /**/ #board .sg_pass{} #board .sg_pass .sg_pass_box{padding:30px 0;text-align:center} #board .sg_pass .sg_pass_btn{padding:10px 0;text-align:center} #board .sg_pass .sg_pass_btn *{padding:0;margin:0;border:0;list-style-type:none;font-size:12px} #board .sg_pass .sg_pass_btn input{padding:0 30px;color:#fff;border:1px solid #515151;background:#555;cursor:pointer} #board .sg_pass .sg_pass_btn a{display:inline-block;padding:0 10px;line-height:27px;font-size:12px;color:#999;border:1px solid #ccc;background:#fff} /**/ #write{padding:0 0 20px 0;border-top:1px solid #aaa} #write *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #write .mgt10{margin:10px 0;border:1px solid #ccc} .ui-datepicker{width:200px;border:1px solid #ccc;background:#fff} .ui-datepicker *{font-size:11px} .ui-datepicker-header{position:relative;padding:10px;text-align:center;border-bottom:1px solid #ccc;background:#eaeff5} .ui-datepicker-prev{position:absolute;top:10px;left:5px} .ui-datepicker-next{position:absolute;top:10px;right:5px} .ui-datepicker-calendar{width:100%} .ui-datepicker-calendar td{text-align:center} /* #board *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} */ #board .row_con{clear:both;padding:10px 0 0 0;overflow:hidden} #board .row{} #board .row select, #board .row_con select{padding:5px;padding-right:30px;font-size:12px;font-weight:400;color:#333;border:1px solid #ccc;background:#fff url(../img/tongyeong/select_arrow.png) no-repeat 93% 50%;border-radius:0;} #board .row_con strong{float:left;display:block;padding:7px 0;width:10%} #board .row_con strong span{padding-right:5px} #board .row_con > span{float:left;display:block;width:100px;line-height:30px} #board .row_con input.input_text{padding:6px 5px;width:400px;font-size:12px;font-weight:800;color:#777;border:1px solid #ccc} #write_file{padding:10px 0;border-top:1px solid #eee} #write_file *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #write_file h3{font-size:12px} .community{border-top:0px solid #aaa} #board .option{margin:0;padding:10px;border-bottom:1px solid #eee;background:#fff;} #board .option *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #board .option:before, #board .option:after{clear:both;display:table;content:"";line-height:0} #board .option:last-child{border-bottom:0} #board .option dt{float:left;padding:5px 0;width:15%;height:20px} #board .option dt em{} #board .option dt label{} #board .option dd{float:left;width:84%} #board .option .input_text{padding:6px 5px;width:400px;font-size:12px;font-weight:800;color:#777;border:1px solid #ccc} #board .option select{padding:5px;padding-right:30px;font-size:12px;font-weight:400;color:#333;border:1px solid #ccc;background:#fff url(../img/tongyeong/select_arrow.png) no-repeat 93% 50%;border-radius:0;} /**/ #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:25%;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:#333;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} #board{clear:both} #board .board_total{} #board .board_total_left{float:left;font-size:0.95em;padding-top:20px;height:22px} #board .board_total_right{float:right;padding-bottom:5px} #board .board_total_right li{float:left} #board .board_total_right li img{height:20px} #board .board_total img{padding:0 0 0 3px} #board .board_total .board_orange{color:#879d0c} #board .board_button{width:100%;margin-top:5px;text-align:right} #board .guide span{float:right;color:#838383;font-family:dotum;font-size:0.9em;font-weight:normal;letter-spacing:-0.1em;padding:0 4px 6px 0} #board span.category_color{color:#979797} /* */ #board .write{clear:both} #board .write table{width:100%;line-height:16px;border-collapse:collapse;border-top:2px solid #99a6b6;border-bottom:1px solid #DEDEDE} #board .write table caption{display:none} #board .write thead th{font-size:12px;border-bottom:1px solid #dddee2;height:35px;color:#373737;font-weight:700;letter-spacing:-0.1em;line-height:130%} #board .write thead th.th_end{padding-right:110px} #board .write tbody th{font-size:12px;white-space:nowrap;height:31px;border-bottom:1px solid #F3F3F3;border-right:1px solid #dddee2;border-bottom:1px solid #dddee2;background:#F6F6F6;color:#666666;text-align:center;letter-spacing:-0.1em;line-height:140%} #board .write tbody th img{vertical-align:middle;padding-left:5px} #board .write tbody td{font-size:12px;height:31px;padding-left:10px;border-bottom:1px solid #dddee2;background:#ffffff;text-align:left;line-height:140%} #board .write tbody td input.subject{width:95%} #board .write tbody td.content{margin:0;padding-top:4px;padding-bottom:4px;padding-left:0;padding-right:0px;text-align:center} #board .write tbody td span.text1{color:#818181;font-family:dotum;font-size:11px;font-weight:normal;letter-spacing:-0.1em;padding-left:6px} #board .write tbody td span.eng{padding-left:0;color:#6A6A6A;font-size:11px;font-weight:normal;letter-spacing:-0.1em} /* file */ #board .write tbody td.filetable table{width:100%;height:147px;line-height:16px;border-collapse:collapse;border:none;border-top:1px solid #DEDEDE} #board .write tbody td.filetable table th{padding:5px 0;white-space:nowrap;border:none;border-right:1px solid #DEDEDE;background:#F6F6F6;color:#666666;text-align:center;letter-spacing:-0.1em;line-height:140%;vertical-align:middle} #board .write tbody td.filetable table td{padding:5px 0 5px 10px;border:none;background: #ffffff;text-align:left} /* View */ #board_view .view{clear:both} #board_view .view table{width:100%;line-height:16px;border-collapse:collapse;border-top:2px solid #99a6b6;border-bottom:1px solid #DEDEDE} #board_view .view table caption{display:none} #board_view .view thead th{border-bottom:1px solid #dddee2;height:35px;color:#373737;font-weight:700;letter-spacing:-0.1em;line-height:130%} #board_view .view thead th.th_none{white-space:nowrap;background-image:none;text-align:left;padding-left:5px} #board_view .view thead th.th_none img{vertical-align:middle} #board_view .view tbody th{white-space:nowrap;height:31px;border-right:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;background:#F6F6F6;color:#737373;text-align:center;letter-spacing:-0.1em;line-height:140%} #board_view .view tbody td{padding-top:6px;padding-bottom:6px;border-bottom:1px solid #E1E1E1;background:#ffffff;text-align:left;line-height:140%} #board_view .view tbody td.content{padding:20px 10px 30px 10px} #board_view .view tbody td.content img{display:block} #board_view .view tbody td span.text1{color:#818181;font-family:dotum;font-size:11px;font-weight:normal;letter-spacing:-0.1em;padding-left:6px} #board_view .view tbody td span.eng{padding-left:0;color:#6A6A6A;font-size: 0.9em;font-weight:normal;letter-spacing:-0.1em} #board_view .view tbody td dl.info{margin:0;padding-left:3px} #board_view .view tbody td dl.info dt{float:left;color:#737373;letter-spacing:-0.1em;padding:0;font-weight:700} #board_view .view tbody td dl.info dd{float:left;background:transparent url(/content/board/nninc_simple/img/view_bar.gif) no-repeat scroll 5px 40%;display:inline;margin:0;padding:0 2.4em 0 1em} #board_view .view tbody td dl.info dd img{vertical-align:middle} #board_view .view tbody td dl.info dd .size{font-size:0.8em;font-family:tahoma;color:#BFBFBF} #board_view .view tbody td.content .sns{clear:both;float:right;padding-top:20px} #board_view .view tbody td.content .sns a{float:left;padding-left:3px} #board_view .view tbody td.content .photodown{background-color:#336699;color:#ffffff;padding:5px} /* Comment */ #board .board_comment{clear:both;padding-top:20px} #board .board_comment table{width:100%;background-color:#eaeff5;margin-bottom:15px} #board .board_comment table caption{display:none} #board .board_comment tbody td{height:31px;text-align:left;line-height:140%} #board .board_comment tbody td.dr01{height:5px;background:url(/content/board/nninc_simple/img/dr01.gif);background-repeat:no-repeat} #board .board_comment tbody td.dr02{height:5px;background:url(/content/board/nninc_simple/img/dr02.gif);background-repeat: repeat-x} #board .board_comment tbody td.dr03{height:5px;background:url(/content/board/nninc_simple/img/dr03.gif);background-repeat:no-repeat} #board .board_comment tbody td.dr04{background:url(/content/board/nninc_simple/img/dr04.gif);background-repeat: repeat-y} #board .board_comment tbody td.text{padding:0;margin:0;height:20px} #board .board_comment tbody td dl.info{margin:0;padding-left:10px} #board .board_comment tbody td dl.info dt{float:left;letter-spacing:-0.1em;padding:0;font-size:0.9em;padding-top:4px} #board .board_comment tbody td dl.info dd{float:left;padding:0 10px 0 4px} #board .board_comment tbody td.dr05{text-align:center;padding-top:4px;padding-bottom:4px} #board .board_comment tbody td.dr05 textarea{width:88%;height:38px} #board .board_comment tbody td.dr06{background:url(/content/board/nninc_simple/img/dr06.gif);background-repeat: repeat-y} #board .board_comment tbody td.dr07{height:5px;background:url(/content/board/nninc_simple/img/dr07.gif);background-repeat:no-repeat} #board .board_comment tbody td.dr08{height:5px;background:url(/content/board/nninc_simple/img/dr08.gif);background-repeat: repeat-x} #board .board_comment tbody td.dr09{height:5px;background:url(/content/board/nninc_simple/img/dr09.gif);background-repeat:no-repeat} .cmt_list{margin-top:5px} .cmt_list div.h{margin:0 0 1px;background:transparent url(/content/board/nninc_simple/img/human_ic.gif) no-repeat scroll 0 0.1em} .cmt_list p{line-height:1.6em;margin:0;padding:5px 0 0 12px;text-align:left} .cmt_list li.line{height:1px;background:transparent url(/content/board/nninc_simple/img/dr_line_bg.gif);background-repeat: repeat-x;margin:0;padding-top:15px} /* Paginate */ .board_paginate{clear:both;position:relative;text-align:center} .board_paginate *{margin:0;padding:0} .board_paginate a, .board_paginate strong{position:relative;border: 1px solid #EDEDED;color: #888888;display: inline-block;height: 23px;text-align: center;vertical-align: middle;width: 23px;color: #333333;text-decoration: none;font: 11px/23px tahoma,sans-serif} .board_paginate strong{background:#fff;color: #0072bc} .board_paginate a:hover{background:#f2f2f2} .board_paginate a.pre{border: 1px solid #EDEDED;height: 22px;width:30px;padding:1px 8px 0 16px;background:url(/content/board/nninc_simple/img/bu_pg1_l1.gif) no-repeat 8px center !important;font-weight:normal;font-size:11px} .board_paginate a.next{border: 1px solid #EDEDED;height: 22px;width:30px;padding:1px 16px 0 8px;background:url(/nninc/img/bu_pg1_r1.gif) no-repeat 45px center !important;font-weight:normal;font-size:11px} /* Button */ .board_button{clear:both} .board_button .fl{float:left} .board_button .fr{float:right;overflow:hidden;padding-top:10px} .board_button .pt10{padding-top:10px} .board_button ul li{float:left} .board_button ul li.pl{padding-left:10px} .board_button ul li.pt{padding-top:7px} .board_button span.bt{padding-top:10px;padding-left:4px;text-align:right} .board_button2{margin:0 auto;text-align:center;padding-top:10px;padding-left:4px} .board_bt01{display:inline} .board_bt01 a{display:inline;overflow:hidden;float:left;margin-right:3px;font:12px dotum;letter-spacing:-1px;color:#6B6B6B;text-decoration:none;background:#fff;cursor:pointer} /*.board_bt01 a:hover{background:url(/content/board/nninc_simple/img/bt01_bg.gif) left -22px;text-decoration:none}*/ .board_bt01 a span{display:inline;overflow:hidden;float:left;padding:5px 10px;background:#fff;border:1px solid #ccc} /*.board_bt01 a:hover span{color:#6B6B6B;background:url(/content/board/nninc_simple/img/bt01_bg.gif) right -22px}*/ /**/ #contain .nocontent{clear:both;padding:170px 0 100px 0;font-size:14px;color:#888;text-align:center;border-bottom:0px solid #ccc;background:url(../img/ddea/nocontent.png) no-repeat 50% 50%} /* Search */ .board_search{width:340px;margin:0 auto;margin-top:18px} .board_search ul{float:left} .board_search ul li{float:left;height:35px} .board_search ul li select{float:left;width:60px;height:20px;font-size:11px;color:#666;margin-right:3px;margin-top:2px} .board_search ul li input{float:left;margin-right:3px;height:25px;background:url(/content/board/nninc_simple/img/search_bg1.gif) no-repeat;border:none} .board_search ul li input.search_bt{float:left} /******************** 실명인증/ 공공 I-Pin인증 ********************/ /**** 박스 ****/ #program #signup_box{background:url("../img/pro_content/memeber_top.gif") no-repeat left top;margin:10px 135px;padding:35px 0 0 0;text-align:left;width:503px} #program #signup_box_wrap{background:url("../img/pro_content/memeber_bottom.gif") no-repeat left bottom;margin:0;padding:0 0 35px 0;text-align:left} #program #signup_box h2{background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;padding:0 0 29px 26px;margin:0} #program #signup_box2{background:url("../img/pro_content/memeber_top.gif") no-repeat left top;margin:10px 135px;padding:35px 0 0 0;text-align:left;width:503px} #program #signup_box_wrap2{background:url("../img/pro_content/memeber_bottom.gif") no-repeat left bottom;margin:0;padding:0 0 35px 0;text-align:left} #program #signup_box2 h2{background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;padding:0 0 29px 26px;margin:0} #program #signup_box2 h3{background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;padding:0 0 29px 26px;margin:0} #program #signup_box3{background:url("../img/pro_content/memeber_top.gif") no-repeat left top;margin:10px 135px;padding:35px 0 0 0;text-align:left;width:503px} #program #signup_box_wrap3{background:url("../img/pro_content/memeber_bottom.gif") no-repeat left bottom;margin:0;padding:0 0 35px 0;text-align:left} #program #signup_box3 h2{background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;padding:0 0 29px 26px;margin:0} #program #signup_box3 h3{background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;padding:0 0 29px 26px;margin:0} /**** 도서회원인증 ****/ #program #realname{padding:0 78px 0 79px} *:first-child+html #program #realname{display:inline-block} #program div.join_row_input{clear:both;padding:2px 0 2px 0;margin:0} #program div.join_row_input span.head{color:#464646;float:left;width:65px;font-weight:700;margin-right:10px;padding:5px 10px 0 0;white-space:nowrap} #program div.join_row_input .input_box{background:url("../img/pro_content/login_input_bg.gif") no-repeat left top;border:1px solid #b3b3b3;color:#5D5D5D;height:16px;width:158px} #program div.realname_form{position:relative;padding:0;margin:0} #program div.realname_form .btn{position:absolute;right:0;_left:270px;top:0px;_top:3px;margin:0} /**** 실명인증 ****/ #program #realname2{padding:0 78px 0 79px} *:first-child+html #program #realname2{display:inline-block} #program div.realname_form2{position:relative;padding:0;margin:0} #program div.realname_form2 .btn{position:absolute;right:0;_left:270px;top:0px;_top:3px;margin:0} /**** 공공 I-Pin인증****/ #program div.ipin_go{padding:6px 0 0 26px;text-align:center} #program #ipin div.ipin_go a{height:50px;text-indent:0} /**** 박스 ****/ #program #join_box{position:absolute;top:250px;background:url("../img/common/content_m_bg06.gif") no-repeat left top;margin:20px 0 0 22px;padding:15px 0 0;text-align:left;width:519px} #program #join_box_wrap{background:url("../img/common/content_m_bg07.gif") no-repeat left bottom;padding:0 30px 15px;margin:0;width:459px} #program #join_box_wrap p{line-height:150%;margin:0;padding:0} #program #join_box_wrap #program div.pad{padding:5px 0 15px ;line-height:150%} /******************** 우편번호 검색 ********************/ #program #Addr_search2{width:95%;margin-top :10px;margin-left :10px} #program #program div.post_write{border-bottom:1px solid #cdcdcd;padding-bottom:4px;text-align :center} #program div.post_search_wrap{padding-top:7px} #program div.post_search{height:200px;overflow:auto;border:1px solid #cdcdcd;margin-top:3px;margin-bottom:4px} .post_btn{font-family:'맑은고딕', 'Malgun Gothic', '돋움';font-size:0.92em;color:#281E00;cursor:pointer;background-color:#f2f2f2;border:1px solid;border-color:#cdcdcd #909090 #909090 #cdcdcd;padding:3px 0 0 0;height:20px} /*************************************************************************/ /****목록****/ #con_list_day_title{background:url("../img/pro_content/recom_day_title.gif") no-repeat;padding:8px 12px 8px 14px;height:30px;margin-top:1.5em} #con_list_day_title h2{float:left;margin:2px 0 0 0} #con_list_day_title h4{float:left;margin:2px 0 0 0;background:url("../img/common/icon_arrow02.gif") no-repeat 0 0.2em;color:#000} #con_list_day_title .day{float:right} #con_list_day_title .day input{vertical-align:middle;margin-bottom:2px;margin-left:4px} #con_list_day_title .print{float:right;margin-top:-2px} /**** 메인 달력 폼 *****/ /* 달력 */ #m_calendar{padding-top:15px;position:relative;width:320px;float:left} #m_calendar h2{font-size:18px;background:none;padding:0 0 8px 0;margin:0} #cal_l{float:left;width:111px} #month{float:left;font-size:20px;font-weight:700;color:#3c3f46;margin-bottom:20px} #month a{padding:0 3px} #month .month{font-size:30px} #cal_l .color_caption{padding-left:23px} #m_calendar ul{position:absolute;top:48px;left:118px;font-size:0.92em} #m_calendar ul li{padding-bottom:7px} #m_calendar ul img{vertical-align:middle;margin-bottom:3px} #m_calendar .calendar_table{float:left;width:209px} #m_calendar .calendar_table table{width:100%;border-collapse:collapse;line-height:130%;font-size:12px} #m_calendar .calendar_table caption{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden} #m_calendar .calendar_table table tbody tr{} #m_calendar .calendar_table table th{width:23px;padding:4px 0 3px 0;text-align:center;background:#e2e2e2;border:solid #fff;border-width:1px 1px 2px 1px} #m_calendar .calendar_table table td{padding:4px 0 3px 0;font-size:0.92em;text-align:center;position:relative;border:1px solid #fff} #m_calendar .calendar_table table td.sat{color:#00679d} #m_calendar .calendar_table table td.holiday{font-weight:700;background:#ef4f4f;color:#fff} #m_calendar .calendar_table table td.event{font-weight:700;background:#64a642} #m_calendar .calendar_table table td.event a{color:#fff} #m_calendar .calendar_table table td img.event_label{position:absolute;left:0;top:0} #m_calendar .calendar_table table td.today{background:#3c3f46;color:#fff;font-weight:700} #m_calendar .calendar_table table td.event1{background:url("../img/main/calendar_event_bg.gif") no-repeat left 0;color:#f96f00;font-weight:700} #m_calendar .schedule_con{width:160px;display:none;position:absolute;z-index:10} #m_calendar .schedule_location{border:2px solid #c3ddec;background:#fff;padding:9px 0 0 8px;width:160px;text-align:left;position:absolute;left:196px;top:0} #m_calendar a.more{position:absolute;top:18px;right:0} .event_detail{position:absolute;top:50px;left:215px;background:#DEDEDE;border:1px solid #A1A1A1;z-index:1;padding:5px;width:160px} .event_detail h4{padding:3px 3px 3px 6px;margin:3px auto 0;color:black;font-weight:700;border-bottom:1px solid #A1A1A1;background:none} .event_detail ul{padding:10px 5px 5px;background:white} .event_detail ul li{color:#454545;text-align:left} /******************** 추천도서/영화상영 ********************/ /*#program div.movie_guide{background:url("../img/pro_content/movie_guide_bg.gif") no-repeat scroll right bottom transparent;padding:0 0 5px 10px} #program div.movie_guide li{background:url("../img/common/bullet_list01.gif") no-repeat scroll 0 0.3em transparent;padding:0 0 5px 10px}*/ /**** 상세보기 ****/ #program div.data_view{padding-top:20px;position:relative;border:1px solid #ddd;border-top:2px solid #FF7A3D} #program div.info_list_wrapper{} #program div.info_list{padding:0 20px 28px;position:relative;min-height:196px} #program div.info_list .pic{padding:2px;border:1px solid #dedede;display:inline;background-color:#fff;position:absolute;top:0;left:22px;width:150px;height:190px;font-size:0} #program div.info_list .data_info{margin-left:176px;background:url("../img/pro_content/recom_view_titile_bg01.gif") no-repeat;padding-top:8px} #program div.info_list .data_info h3{background:url("../img/pro_content/recom_view_titile_bg02.gif") no-repeat 0 bottom;padding:0 12px 10px 12px;margin:0 0 3px 0;width:510px} #program div.info_list .data_info02{margin-left:176px;background:url("../img/pro_content/recom_view_titile_bg01.gif") no-repeat;padding-top:8px;/*height:180px;*/ } #program div.info_list .data_info02 h3{background:url("../img/pro_content/recom_view_titile_bg02.gif") no-repeat 0 bottom;padding:0 12px 5px 12px;margin:0 0 3px 0;width:100%;width:403px} #program div.info_list ul li{background:url("../img/pro_content/recom_detail_list_line.gif") no-repeat 70px 0.7em;padding:6px 0 4px 85px;position:relative;border-bottom:1px solid #dcdcdc;line-height:140%} #program div.info_list ul li span.item{position:absolute;left:0;top:6px;background:url("../img/common/bullet_list01.gif") no-repeat 6px 5px;font-weight:700;width:70px;padding-left:20px;color:#000} #program div.info_list ul li span.value{width:337px} #program div.plot{padding:15px 15px 15px 23px;/* border-bottom:1px solid #dcdcdc;*/ line-height:150%} .commend{text-align:center;padding-top:10px;overflow:hidden;clear:both} .commend input{margin-left:6px;border:0;padding:0;} .commend input img{vertical-align:top} .commend a img{vertical-align:top} .commend a{} /*.lecture_view > .commend{text-align:center;padding-top:10px;overflow:hidden;clear:both} .lecture_view > .commend input{margin-left:6px;margin-top:0}*/ /******************** 도서관행사 ********************/ #event_day_title{background:url("../img/pro_content/recom_day_title.gif") no-repeat;padding:10px 12px 6px 14px;height:25px;position:relative} #event_day_title h2{clear:left;margin:0;padding:0.1em 0 0.2em 16px;background:url("../img/common/icon_arrow07.gif") no-repeat 0 0.2em;color:#000;font-weight:700;font-size:1em;text-align:left;line-height:130% } #program div.event_month{position:absolute;right:15px;top:10px} /**************** 자주하는 질문(faq) ****************/ #program div.faq_guide{padding-bottom:5px} #program div.faq_guide h2{background-image:none;margin:0 0 0 163px;padding:0 0 0 0} /***** 설문조사 *****/ /*질문*/ #poll_outline{width:99%;padding-top:15px;clear:both;border:3px #cacaca solid;border-top-left-radius:10px;border-bottom-right-radius:10px} #poll{padding:0 15px 15px} #poll dl dd{padding:0;margin-left:23px;line-height:150%} #poll dl dd.tit{font-size:1.1em;font-weight:700;padding-bottom:10px;color:#1256A1} #poll dl dt{float:left;width:28px;padding:0;margin:0} /*설문정보*/ #poll_info{float:left;;padding-top:20px} #poll_tit{float:left;background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;font-weight:700} /*설문항목*/ #poll_item{clear:both;padding:10px 0 0;text-align:left;width:100%} #poll_item_wrap{display:table;padding:0 0 20px;table-layout:fixed;width:100%;margin:0;border-bottom:1px #cacaca solid} #poll_item ul{margin:3px 12px;padding:0;overflow:hidden} #poll_item li{clear:left;margin:0;padding:0;line-height:30px} #poll_item_wrap .ratio{float:left;width:605px;padding:3px 0 10px 0;line-height:20px} #poll_item_wrap .ratio .graph{float:left;width:490px;height:15px;background:url("../img/pro_content/poll_graph_bg01.gif") repeat-x} #poll_item_wrap .ratio .graph .graph_area{height:15px;background:url("../img/pro_content/poll_graph_bg02.gif") repeat-x} #poll_item_wrap .ratio .num{float:left;padding:2px 0 0 8px} #poll_item .poll_btn{clear:left;margin:0px 20px;padding:15px 0 5px 0;overflow:hidden;text-align:center;border-top:1px solid #ddd} /***** 주간식답변 *****/ #program div.subject_a{margin:10px 0 15px 50px;background:url("../img/pro_content/list_title_line.gif") no-repeat 50px 0.6em} #program div.subject_a span.head{float:left;width:50px;background:url("../img/common/bullet_list01.gif") no-repeat 0 0.7em;padding:7px 0 0 10px;font-weight:700} #program div.subject_a input{width:470px;height:17px;border:1px solid #d3d3d3} #poll_item .poll_btn{clear:left;margin:0px 20px;padding:15px 0 5px 0;overflow:hidden;text-align:center;border-top:1px solid #ddd} /* 지난 설문보기 */ #poll_pass #poll_pass_title{background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;margin-bottom:5px;width:757px;font-weight:700} #poll_table{margin-bottom:10px} /* 주관식 팝업창 설문보기 */ #poll_pop{margin:15px} /****** 동아리 *****/ /*내동아리*/ #program div.my_club_list{position:relative;border-bottom:2px solid #dcdcdc;padding:15px 10px 10px 10px;overflow:hidden;width:753px} #program div.my_club_list .pic{float:left;padding:2px;border:1px solid #dedede;background-color:#fff;width:190px;height:130px} #program div.my_club_list .data_info{float:left;margin-left:15px;padding-left:10px;width:532px;background:url("../img/pro_content/recom_view_titile_bg03.gif") no-repeat right top;padding-top:8px} #program div.my_club_list .data_info h3{margin:0;background:url("../img/pro_content/recom_view_titile_bg04.gif") no-repeat right bottom;padding:0 12px 5px} #program div.my_club_list .data_info ul li{position:relative;background:url("../img/pro_content/recom_detail_list_line.gif") no-repeat 80px 0.7em;border-bottom:1px solid #dcdcdc;line-height:140%;padding:6px 0 4px 0} #program div.my_club_list ul li span.item{background:url("../img/common/bullet_list02.gif") no-repeat 4px 0.2em;font-weight:700;width:70px;padding-left:15px} #program div.my_club_list ul li span.value{position:absolute;left:90px;top:6px;width:337px} /*리스트*/ #program div.club_list{position:relative;border-bottom:1px solid #dcdcdc;padding:15px 10px 10px 10px;overflow:hidden;width:753px} #program div.club_list .pic{float:left;padding:2px;border:1px solid #dedede;background-color:#fff;width:190px;height:130px} #program div.club_list .data_info{float:left;margin-left:15px;padding-left:10px;width:532px;background:url("../img/pro_content/recom_view_titile_bg03.gif") no-repeat right top;padding-top:8px} #program div.club_list .data_info h3{margin:0;background:url("../img/pro_content/recom_view_titile_bg04.gif") no-repeat right bottom;padding:0 12px 5px} #program div.club_list .data_info ul li{position:relative;background:url("../img/pro_content/recom_detail_list_line.gif") no-repeat 80px 0.7em;border-bottom:1px solid #dcdcdc;line-height:140%;padding:6px 0 4px 0} #program div.club_list ul li span.item{background:url("../img/common/bullet_list02.gif") no-repeat 4px 0.2em;font-weight:700;width:70px;padding-left:15px} #program div.club_list ul li span.value{position:absolute;left:90px;top:6px;width:430px} /**************** 도서릴레이 상단 ****************/ #book_relay_head{margin-top:-10px;background:url("../img/pro_content/book_relay_bg.jpg") no-repeat 0 0;height:107px} #book_relay_head h2{background-image:none;padding:0;margin:15px 0 0 233px} #book_relay_head p.guide{margin:5px 0 0 237px} #book_relay_wrapper{background:url("../img/pro_content/recom_view_bg01.gif") no-repeat 0 0;padding-top:20px;margin-bottom:15px;position:relative} #book_relay_wrapper .book_relay_wrapper02{background:url("../img/pro_content/recom_view_bg03.gif") repeat-y 0 0} #book_relay_wrapper .info_list{background:url("../img/pro_content/recom_view_bg02.gif") no-repeat 0 100%;padding:0 20px 30px} /* 등록된 내용 없음 */ #program div.data_none{background:url("../img/pro_content/recom_view_bg03.gif") repeat-y 0 0;padding:10px 20px;text-align:center;width:605px} /*********************** 기타 ***********************/ /**** 내가 본 페이지 ****/ #my_view_page{margin-top:-10px;font-size:0} #program div.my_view_list{background:url("../img/pro_content/schedule_veiw_bg02.gif") repeat-y 0 0;width:100%} #program div.my_view_list ul{background:url("../img/pro_content/schedule_veiw_bg03.gif") no-repeat 0 100%;padding:0 20px 20px} #program div.my_view_list ul li{padding:7px 0 4px 22px;border-bottom:1px solid #dcdcdc;background:url("../img/common/icon_arrow03.gif") no-repeat 8px 1.1em} #program div.my_view_list ul li img.btn{vertical-align:middle;margin-bottom:4px;margin-left:5px} /*********************** 회원 ***********************/ /**** 로그인 ****/ h2#login{background:none;padding:15px 0 8px 0;margin:0;text-align:center} h2#login2{background:none;padding:15px 0 8px 0;margin:0;text-align:center} h2#login3{background:none;padding:15px 0 8px 0;margin:0;text-align:center} /**** 회원안내 ****/ .guide_info{position:relative;margin:10px auto 0} .guide_info .box{margin:5px 0;padding:10px;border:2px dotted #e2e2e2;background:#fbfbfb;color:#c85f08} /**** 이용약관 ****/ #program div.join_wrapper{background:url("../img/pro_content/schedule_veiw_bg01.gif") no-repeat 0 0;padding:10px 0 0 ;margin-bottom:23px} #program div.join_wrapper2{background:url("../img/pro_content/schedule_veiw_bg03.gif") no-repeat 0 100%;padding:0 0 10px;width:645px} #program div.join_wrapper3{background:url("../img/pro_content/schedule_veiw_bg02.gif") repeat-y 0 0;padding:0 20px;width:605px} #program div.agreement_con{height:137px;overflow-x:hidden;overflow-y:auto;width:100%} #program div.check_agree{padding:10px 0 0;text-align:right;border-top:1px solid #c6d8ef;margin:10px 0 0 0} #program div.check_agree input{margin-bottom:4px} /**** 회원가입/개인정보수정 입력폼 ****/ #program div.info_modify{width:750px} #program div.info_modify .lecture_guide span{margin-left:10px} #program div.info_modify .guide_txt{line-height:150%;text-align:left;float:right;padding-top:10px} #program div.info_modify span.required{color:#FF0000;margin-right:3px;font-weight:700} #program div.info_modify #program div.info_modify_wrapper{background-color:#FFFFFF;border:solid #bbb;border-width:2px 0;clear:both} #program div.info_modify fieldset legend{padding:0;font-size:0;line-height:0} #program div.info_modify fieldset #program div.info_txt{line-height:150%;background:#f7f7f7;border-bottom:1px solid #dadada;padding:7px 12px} #program div.info_modify #program div.row_input{position:relative;clear:both;width:643px;height:auto;margin:0;padding:5px 0 1px 130px;border-bottom:1px solid #d2d2d2;background:url("../img/pro_content/list_title_line.gif") no-repeat 115px 0.8em} #program div.info_modify #program div.row_input img{vertical-align:middle;margin-bottom:4px} #program div.info_modify #program div.row_input input, #program div.info_modify #program div.row_input select{margin-bottom:4px} #program div.info_modify #program div.row_input textarea{margin-bottom:4px;width:500px;background-color:#f8f8f8} #program div.info_modify #program div.row_input .input_box{border:1px solid #ccc;height:16px;background:url("../img/pro_content/login_input_bg.gif") no-repeat left top} #program div.info_modify #program div.row_input span.head{color:#464646;position:absolute;left:0;top:3px;width:90px;height:100%;margin:0;padding:7px 15px 3px 22px;background:transparent;white-space:nowrap;font-weight:700;background:url("../img/common/icon_arrow01.gif") no-repeat 10px 10px} #program div.info_modify #program div.row_input span.info{padding-left:10px;font-size:0.92em;color:#757575} #program div.info_modify #program div.row_input span.data{display:block;padding:3px 0 5px 0;line-height:140%} /* 아이디 중복확인 */ #program div.id_check_wrapper{padding:15px 15px 10px;width:315px;height:250px;position:relative} div h2.check{margin:0 0 0 13px} #program div.id_check_outline{background:url("../img/pro_content/id_check_bg01.gif") no-repeat;padding-top:14px} #program div.id_check_outline2{background:url("../img/pro_content/id_check_bg02.gif") no-repeat 0 bottom;padding:23px 0 36px 0;text-align:center} #program div.id_check_wrapper .row_input{background-image:none} #program div.id_check_wrapper .row_input span{color:#464646;font-weight:700;padding:0 0 0 13px;white-space:nowrap;background:url("../img/common/icon_arrow03.gif") no-repeat 0 0.1em} #program div.id_check_wrapper .row_input .input_box{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:18px;width:150px} #program div.id_check_wrapper span{color:#da6c45;font-weight:700} #program div.close{width:100%;border-top:1px solid #ccc;text-align:right;background-color:#f2f2f2;position:absolute;left:0;bottom:0;font-size:0} #program div.close img{padding:6px 10px 6px 0} /**** 아이디/비밀번호찾기 ****/ #program div.m_search{background:url("../img/pro_content/memeber_top.gif") no-repeat left top;margin:10px 135px;padding:35px 0 0 0;text-align:left;width:503px} #program div.m_search_wrap{background:url("../img/pro_content/memeber_bottom.gif") no-repeat left bottom;margin:0;padding:0 0 35px 0;text-align:left} #program div.m_search h2{margin:0 auto;background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;text-align:center;padding:0 0 29px 0;width:385px;text-align:center} #program div.m_search fieldset legend{padding:0;font-size:0;line-height:0;text-indent:-2000px} #program div.m_search #program div.row_input{clear:both;padding:2px 0 2px 0;margin:0 auto;width:311px;background:url("../img/pro_content/list_title_line.gif") no-repeat 70px 0.6em} #program div.m_search #program div.row_input span.head{color:#464646;float:left;width:50px;font-weight:700;margin-right:10px;padding:6px 10px 0 14px;white-space:nowrap;background:url("../img/common/icon_arrow01.gif") no-repeat 2px 10px} #program div.m_search .input_box{color:#5d5d5d;background:url("../img/pro_content/login_input_bg.gif") no-repeat left top;border:1px solid #bcbcbc;height:16px;width:220px} #program div.m_search .input_box1{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:16px} #program div.m_search select{width:224px} #program div.m_search select, #program div.m_search input{margin-bottom:4px;vertical-align:middle} #program div.m_search_{text-align:center;font-weight:700;padding:0 0 5px 0;border-bottom:1px solid #dcdcdc;margin:0 25px 17px 25px} #program div.m_search .info{background:url("../img/common/bullet_list01_02.gif") no-repeat 0 25px;margin:0 auto;padding:20px 0 0 10px;line-height:140%;font-weight:700;width:400px} /*대출조회/연기*/ #program div.m_search ul.delay{padding:15px 0 15px 50px;text-align:left;line-height:140%;background:#f1f1f1;border:1px solid #ccc;width:460px;margin:0 auto} #program div.m_search ul.delay li{margin:0;padding:0 0 0 9px;background:url("../img/common/bullet_list01.gif") no-repeat 0 0.4em;clear:left} #program div.m_search #delay_form{padding-top:20px;margin:0 auto;width:300px;position:relative;text-align:left} #program div.m_search #delay_form fieldset legend{padding:0;font-size:0;line-height:0;text-indent:-2000px} /**************** 마이페이지 ***************/ /*** 관외대출회원인증 ***/ #program div.out_certifi_info{margin:0 0 7px 8px} #program div.out_certifi_step{margin:0 7px 10px} h2.out_certifi{padding:0;margin:0;background-image:none} h2.out_certifi img{vertical-align:top} #program div.out_certifi_txt{background:url("../img/pro_content/out_certifi_txt_bg.gif") no-repeat 0 100%;padding:5px 23px 27px;line-height:150%;min-height:25px} #program div.out_certifi_form{background:url("../img/pro_content/out_certifi_bg.gif") no-repeat 0 100%;height:65px;padding:6px 0 0 } #program div.out_certifi_form #program div.row_input{clear:both;padding:2px 0 2px 0;margin:0 15px 0 0;text-align:center} #program div.out_certifi_form fieldset legend{padding:0;font-size:0;line-height:0;text-indent:-2000px} #program div.out_certifi_form span.head{color:#464646;font-weight:700;padding:6px 5px 0 13px;background:url("../img/common/icon_arrow03.gif") no-repeat 0 0.6em} #program div.out_certifi_form .input_box{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:18px;width:170px} #program div.out_certifi_form img{vertical-align:middle} /**** 대출회원인증 ****/ #program div.loan_cer{background:url("../img/pro_content/memeber_top.gif") no-repeat left top;margin:10px 135px;padding:35px 0 0 0;text-align:left;width:503px} #program div.loan_cer_wrap{background:url("../img/pro_content/memeber_bottom.gif") no-repeat left bottom;margin:0;padding:0 0 35px 0;text-align:left} #program div.loan_cer h2{margin:0 auto;background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;text-align:center;padding:0 0 29px 0;width:385px;text-align:center} #program div.loan_cer fieldset legend{padding:0;font-size:0;line-height:0;text-indent:-2000px} #program div.loan_cer #program div.row_input{clear:both;padding:2px 0 2px 0;margin:0 auto;width:311px;/*background:url("../img/pro_content/list_title_line.gif") no-repeat 70px 0.6em;*/ } #program div.loan_cer #program div.row_input span.head{color:#464646;float:left;width:50px;font-weight:700;margin-right:10px;padding:6px 10px 0 14px;white-space:nowrap;background:url("../img/common/icon_arrow01.gif") no-repeat 2px 10px} #program div.loan_cer .input_box{color:#5d5d5d;background:url("../img/pro_content/login_input_bg.gif") no-repeat left top;border:1px solid #bcbcbc;height:16px;width:220px} #program div.loan_cer .input_box1{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:16px} #program div.loan_cer select{width:224px} #program div.loan_cer select, #program div.loan_cer input{margin-bottom:4px;vertical-align:middle} #program div.loan_cer_{text-align:center;font-weight:700;padding:0 0 5px 0;border-bottom:1px solid #dcdcdc;margin:0 25px 17px 25px} #program div.loan_cer .info{background:url("../img/common/bullet_list01_02.gif") no-repeat 0 25px;margin:0 auto;padding:20px 0 0 10px;line-height:140%;font-weight:700;width:400px} /**************** 사이트맵 *************** #program .sitemap_con{width:100%;clear:left;overflow:hidden;min-height:210px;margin:0 0 20px 0} #program .sitemap_con .group{float:left;width:30%;padding-left:20px} #program .sitemap_con .group h2{color:#fff;padding:10px 20px;margin-bottom:10px;text-shadow:0 1px 0 rgba(0, 31, 57, 0.5);background-color:#6fb92d;border:1px solid #d9d9d9;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-image:none;text-align:center;font:normal 16px NanumBarunGothic} #program .sitemap_con group ul{width:90%} #program .sitemap_con .group ul li{padding:5px 0 2px 0;border-bottom:0px solid #fff} #program .sitemap_con .group ul li a{background:url("../img/common/bullet_list01.gif") no-repeat 0 7px;display:block;font-weight:700;padding:0 0 5px 12px;font-size:12px} #program .sitemap_con .group ul li a:hover{color:#00a19c} #program .sitemap_con .group ul ul{border-bottom:1px solid #e0e0e0;background:#F7F7F7;margin:0;padding-left:7px;} #program .sitemap_con .group ul ul li{padding:3px 0 2px 0} #program .sitemap_con .group ul ul li a{font-weight:normal;font-size:11px;border:none;padding:0;padding-left:12px;background:url("../img/common/bullet_list02.gif") no-repeat 0 6px} */ /**************** 사이트맵 *************** #program div.sitemap_con{width:100%;clear:left;overflow:hidden;min-height:210px;margin:0 0 20px 0} #program div.sitemap_con #program div.group{float:left;width:30%;padding-left:10px} #program div.sitemap_con #program div.group h2{color:#fff;padding:10px 20px;margin-bottom:10px;text-shadow:0 1px 0 rgba(0, 31, 57, 0.5);background-color:#0058a0;border:1px solid #d9d9d9;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-image:none;text-align:center;font:normal 16px NanumBarunGothic} #program div.sitemap_con #program div.group ul{width:90%} #program div.sitemap_con #program div.group ul li{padding:5px 0 2px 0;border-bottom:0px solid #fff} #program div.sitemap_con #program div.group ul li a{background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;display:block;font-weight:700;padding:0 0 5px 12px;font-size:12px} #program div.sitemap_con #program div.group ul li a:hover{color:#00a19c} #program div.sitemap_con #program div.group ul ul{border-bottom:1px solid #e0e0e0;background:#F7F7F7;margin:0;padding:6px 7px;width:100%} #program div.sitemap_con #program div.group ul ul li{padding:3px 0 2px 0} #program div.sitemap_con #program div.group ul ul li a{font-weight:normal;font-size:11px;border:none;padding:0;padding-left:12px;background:url("../img/common/bullet_list02.gif") no-repeat 0 8px} */ /**********도서관소식지**********/ #newsletter{float:left;width:250px;height:377px;background:url("../img/reading/newsletter_bg.gif") no-repeat left top;padding:11px 12px 0 12px;margin-left:20px} #newsletter .pic{width:250px;height:316px} #newsletter .download{text-align:center;padding-top:16px} #newsletter_con{float:left;padding-left:25px;width:291px} /********** 자료현황 **********/ #data_table{display:inline;float:left;width:100%;margin:0;padding:0} #data_table h2{float:left;display:block} #data_table .unit{float:right;padding:40px 0 10px 0} /********** 내가쓴 글 **********/ #myboard_list{display:inline;float:left;width:100%;margin:0;padding:0} #myboard_list h2{float:left;margin:1.5em 0 0.4em 0} #myboard_list h3{display:inline;background:none;margin:0;padding:0 5px 0 0;line-height:20px} #myboard_list .select_list{float:right;margin:1.5em 0 0 0} /********** 동아리(독서회) 개설안내 **********/ .club_step{width:100%;margin:20px 0;text-align:center} /********** 동아리(독서회) 스킨설정 **********/ #program div.info_modify #program div.row_input_long{clear:both;width:100%;height:auto;margin:0;padding:5px 0 1px 0} #program div.info_modify #program div.row_input_long span.head{color:#323232;height:100%;display:block;margin:0;padding:7px 15px 5px 20px;background:transparent;white-space:nowrap;font-weight:700} #program div.info_modify #program div.row_input_long input{margin-bottom:4px;vertical-align:top} #program div.info_modify #program div.row_input_long img{vertical-align:middle;margin:0 0 10px;width:120px;height:90px} #program div.info_modify #program div.row_input_long .skin{position:relative;float:left;padding:0 40px 0 10px;text-align:center} #program div.info_modify #program div.row_input_long .skin input{vertical-align:middle} #program div.info_modify #program div.row_input_long img.zoom{position:absolute;bottom:0;right:10px;width:30px;height:30px} #program div.info_modify #program div.row_input_long span.data{display:block;padding:0 0 5px;margin:0 0 10px 20px} .graph{width:100%;height:15px;background:url("../img/community/poll_graph_bg01.gif") repeat-x} .graph .graph_area{text-align:center;height:15px;background:url("../img/community/poll_graph_bg02.gif") repeat-x;float:left} /* 비치희망도서 */ #design .search .hope_box {padding: 20px;margin: 0 0 40px;border: 5px solid #e8e8e8;} #design .search .hope_box p {color:#757575;padding: 3px 0;} #design .search .hope_box .hope_tit {color:#333;font-size: 16px;} #design .search .hope_box .hope_tit span {font-size: 16px;} #design .search .hope_box .hope_tit strong {font-size: 17px;color:#0b1a88;} #program .wdbook_list{margin:0 -10px;overflow:hidden;} #program .wdbook_list:before, #program .wdbook_list:after{clear:both;display:table;content:"";line-height:0} #program .wdbook_list *{margin:0;padding:0;font-size:12px;border:0;list-style-type:none} #program .wdbook_list .webzine{float:left;position:relative;width:50%} #program .wdbook_list .webzine h3{position:absolute;top:25px;left:25px;background:none} #program .wdbook_list .webzine h3 a{display:block;padding:0 10px;height:16px;width:260px;color:#006ed5;border-left:4px solid #ccc;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /*#program .wdbook_list .webzine dl{margin:10px;padding:50px 10px 10px 10px;border:1px solid #cacaca;border-radius:5px;}*/ #program .wdbook_list .webzine dl{margin:10px;padding:50px 14px 10px 14px;background:#f8f8f8} #program .wdbook_list .webzine dl:before, #program .wdbook_list .webzine dl:after{clear:both;display:table;content:"";line-height:0} #program .wdbook_list .webzine dt{float:left;width:25%} #program .wdbook_list .webzine dt img{padding:2px;width:75px;height:100px;border:1px solid #dedede} #program .wdbook_list .webzine dd{float:left;width:70%} #program .wdbook_list .webzine dd ul{padding:0 0 10px 0} #program .wdbook_list .webzine dd li{padding:0 8px;color:#555;border:0;background:url(../img/icon_bp1.png) no-repeat 0 5px;white-space:nowrap;overflow:hidden} #program .wdbook_list .webzine p{height:60px;line-height:20px;color:#888;overflow:hidden} #program .wdbook_list .more{position:absolute;top:25px;right:25px;color:#888} #program .wdbook_list .more:hover{text-decoration:underline} /* 신청상태 안내 */ #program div.leture_condition_gudie{border:1px solid #dcdcdc;background-color:#f8f8f8;padding:7px 15px;margin-top:20px;width:613px} #program div.leture_condition_gudie h4{font-size:1em;color:#333;font-weight:bold;padding:5px 0 0;margin:0} /***** 수강증 인쇄 ********/ h3.lecture_ticket{font-size:1.6em;color:#000;padding:0;margin:1.5em 0 0.5em;font-weight:bold;text-align:center;background-image:none} #program #lecture_ticket_wrapper{border:1px solid #ddd} #program #lecture_ticket_wrapper table{border:0} #program #lecture_ticket_wrapper table{border-collapse:collapse;width:100%} #program #lecture_ticket_wrapper table caption{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden} #program #lecture_ticket_wrapper table td{background:#fff;border:1px solid #999;padding:5px 6px 3px 6px;line-height:140%;color:#333} #program #lecture_ticket_wrapper table td.item{background:#f2f2f2;font-weight:bold;text-align:center} #program #lecture_ticket_wrapper table td.con{padding:12px 15px} #program #lecture_ticket_wrapper table td #program div.guide{min-height:200px} #program #lecture_ticket_wrapper table td.con p.data{text-align:center;padding:0;margin:1.2em 0 0;font-weight:bold} #program #lecture_ticket_wrapper table td.con p.sign{text-align:center;font-size:1.34em;padding:0;margin:1.2em 0 0.5em} /******** 독서퀴즈 ********/ /*주제박스*/ #quiz_wrapper{position:relative;background:url("../img/pro_content/quiz_bg02.gif") no-repeat 0 bottom ;float:left;margin:0 0 20px;padding-bottom:20px} #quiz_info{background:url("../img/pro_content/quiz_bg01.gif") no-repeat 0 0 ;margin:0;padding:0 0 10px} #program #quiz_month{margin:0;padding:55px 20px 0;text-align:right} #program #quiz_month img{padding:0 5px} #program #quiz_list{float:left;padding:20px 20px 10px;width:603px} #program #quiz_list .pic{background-color:#FFFFFF;border:1px solid #DEDEDE;float:left;font-size:0;height:120px;margin-left:5px;padding:2px;width:100px} #program #quiz_list .data_info{float:right;margin-bottom:20px;padding-right:10px;width:450px} #program #quiz_list .data_info h2{position:absolute;left:20px;top:10px;background:url("../img/common/bullet_h2.gif") no-repeat left 2px ;margin:0 0 3px;padding:4px 12px 5px 20px} #program #quiz_list .data_info h2 span{font-size:0.92em;font-weight:normal} #program #quiz_list ul li{border-bottom:1px solid #D2D2D2;font-size:0.92em;line-height:140%;padding:6px 0 4px 10px} #program #quiz_list ul li span.item{background:url("../img/common/bullet_list01.gif") no-repeat 0 0.5em ;font-weight:bold;line-height:140%;padding:6px 0 4px 12px;width:100px} /* 질문및항목 */ #program .quiz_outline{background:url("../img/pro_content/poll_bg03.gif") no-repeat left top;padding-top:13px;width:100%;margin-bottom:20px;clear:both;color:#000} #program .quiz_title{background:url("../img/pro_content/poll_bg04.gif") no-repeat left bottom;padding:0 10px 13px ;border:0} #program .quiz_title img{padding:0 5px 0 0;vertical-align:middle} #program .quiz_title label{padding:0;font-weight:bold} #program .quiz_data{padding:10px 12px 8px 5px} #program .quiz_data ul{padding:5px 0} #program .paging{padding:20px 0; text-align:center;} #program .paging span span{color:#888;font-size:11px} #program .paging strong, #program .paging a.paging_num{padding:5px 10px} #program .start, #program .prev, #program .next, #program .end{padding:0 10px;font-size:11px;letter-spacing:-1px;color:#777} #program .prev{padding:0 15px 0 0} #program .next{padding:0 0 0 15px} /**** 이달의행사 달력 폼 *****/ /* 월표시 등... */ #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:0;border-radius:0;cursor:pointer;} #program #calendar_month_warpper .month_select select{padding:0px 5px;font-size:14px; 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:13px;} #program #calendar_month_warpper .submit_bt {display:inline-block;height:30px;padding:5px 10px;background-color:#444;color: #fff;border-radius:3px} /* 행사 아이콘 */ #program img.event_icon {vertical-align:-3px; } /*일정 마우스오버*/ #program .playout {position: absolute;z-index: 9999;display: block;margin: 0;padding: 10px 20px !important;width: auto;text-align: left;border: 1px solid #bbb !important;background:#f5f5f5;white-space:nowrap;color:#666} /*도서관견학 휴관일*/ #program #program div.visit_holiday{padding-top:5px;color:#f37036;font-weight:bold;text-align:center} /* 일정 상세보기 */ #program #schedule_view_head h3 {margin-bottom:20px;} #program #schedule_view_head h4 {padding:15px; font-size:20px; font-weight:500; color:#222; text-align:center; background-color:#f5f5f5; border:2px solid #ddd; border-radius:12px 12px 0 0;} #program #schedule_view_head{position:relative;} #program #schedule_view .schedule_view_bgtop {padding:20px 15px; border:2px solid #ddd; border-top:0;} #program #schedule_view .schedule_view_bgbottom {width:100%} #program div.schedule_view_bgbottom ul.lecture{padding:0 20px;font-size:12px} #program div.schedule_view_bgbottom ul.lecture li {clear:left; display:table; width:100%; line-height:140%; padding:10px 0; vertical-align:top; border-bottom:1px solid #eee;} #program div.schedule_view_bgbottom ul.lecture li.end {width:575px} #program div.schedule_view_bgbottom ul.lecture li strong {font-weight:500;} #program div.schedule_view_bgbottom ul.lecture + p {padding:0; margin-top:10px; text-align:right !important;} #program div.schedule_view_bgbottom ul.lecture + p a {color:#555; font-size:14px; font-weight:500; background-color:#fff; border:1px #555 solid; border-radius:25px;} #program div.schedule_view_bgbottom ul.lecture + p a:hover {background-color:#555; color:#fff;} #program #schedule_view ul li span.item {font-weight:500; background:url(../img/icon_bp1.png) no-repeat 0 7px; padding-left:10px; color:#555; float:left; width:100px;} #program div.schedule_info_list{background:url("../img/pro_content/recom_view_bg03.gif") repeat-y left top;min-height:200px;padding:0 20px 23px;position:relative;width:733px} #program div.schedule_info_list .pic{background-color:#FFFFFF;border:1px solid #DEDEDE;display:inline;font-size:0;height:190px;left:22px;padding:2px;position:absolute;top:0;width:150px} #program div.schedule_info_list .data_info{margin-left:176px;padding-top:8px;height:190px} #program #schedule_view .data_info ul li{background:#fff;padding:5px 0 3px 0;line-height:140%;vertical-align:top;border-bottom:1px solid #dcdcdc;width:400px;clear:left;display:table} #program #schedule_view ul li span.item01{font-weight:bold;background:url("../img/common/bullet_list01_02.gif") no-repeat 0 0.25em;padding-left:10px;color:#2c2c2c;float:left;width:65px} #program #schedule_view .plot{line-height:150%;padding:25px 15px 10px 15px;width:563px} #program #schedule_view .plot li span.item{background:url(../img/icon_dp1.png) no-repeat 0 0.25em;color:#2c2c2c;float:left;font-weight:bold;padding-left:10px;width:65px} #program #schedule_view ul li span.con{float:left;width:540px} #program #schedule_view ul li span.con strong{color:#333;font-weight:bold} #program #schedule_view ul li span.pad{padding-left:12px} #program #schedule_view ul li span.pad2{padding-left:24px} #program .btn{margin:0 0 0 0;display:inline-block;padding:5px 20px;font-size:12px;background:#ddd} #program .lecture_list .tmg{font-size:17px; margin:30px 0 0; background:url(../img/icon_h3.png) no-repeat 0 2px; padding-left:20px} #program .lecture_write .guide_txt{line-height:150%;text-align:right;margin-top:10px;padding-bottom:5px;font-size:14px;} #program .lecture_write span.required{color:#FF0000; margin-left:5px; font-weight:500;} #program .lecture_write span.required * {font-size:14px !important;} #program .lecture_write #program div.lecture_write_wrapper{background-color:#FFFFFF;border:solid #617b9e;border-width:2px 0 2px;clear:both} #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;width:100%;height:auto;min-height:45px;margin:0;padding:8px 0 8px 160px;border-bottom:1px solid #eee} #program .lecture_write .row_input input{margin-bottom:1px} #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:40px; background-color:#fafafa} #program .lecture_write p{font-size:12px; margin-top:10px} #program .lecture_write_wrapper{margin-bottom:22px; border-top:1px #222 solid;} #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:2px 0;padding:0;font-size:14px} #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 .lecture_write .row_input label[for="LU_Sex1"] span.head {padding-top:10px;} #program .lecture_write .row_input > span.head:first-child {padding-left:20px;} #program .lecture_write .row_input span.head{position:absolute;left:0;top:0;width:140px;height:100%;color:#222;margin:0;padding:15px 15px 10px 10px; text-align:left; white-space:nowrap; font-weight:500; background:#f8f8fa url("../img/pro_content/list_title_line.gif") no-repeat right 0.4em;} #program .lecture_write .row_input span.info{padding-left:10px;font-size:0.92em} #program .lecture_write .row_input span.data{display:block; padding:7px 0; line-height:140%;} #program .lecture_write .row_input span.data strong {font-size:18px !important; font-weight:500; color:#333 !important;} #program .lecture_write .post_btn { width:60px; height:20px; line-height:19px; border:0; padding:0; margin:0; background:#333; font-size:12px; color:#fff;border-radius:3px;} #program .lecture_write .agree_box {margin:10px 0 20px; border:1px #e2e2e2 solid;} #program .lecture_write .agree_box .agree_text {padding:20px 20px 0; font-size:15px; line-height:22px;} #program .lecture_write .agree_box .agree_check {padding:15px 20px; background-color:#f5f5f5;} #program .lecture_write .agree_box .agree_check label strong {font-weight:500;} /* 도서관견학신청(신청리스트 안내문구) */ #program div.visitor_num_guid{color:#617295;font-size:0.92em;font-weight:normal;line-height:130%;padding:7px 0 3px ;text-align:left} #program .type{display:block;padding:5px; font-size:14px !important; font-weight:400;letter-spacing:-1px;color:#fff;background:#fff;border:1px solid #d5d5d5; border-radius:2px; text-align:center;} #program .type.red {color:#fff !important; background-color:#e13e3f !important; border:0 !important;} #program .btn_regist{display:block; margin:4px 0;padding:5px;font-weight:400;letter-spacing:-1px;color:#fff;background:#6E6E6E; border-radius:2px; text-align:center;} #program .btn_regist_go{display:block;padding:2px;font-weight:400;letter-spacing:-1px;color:#fff; border: 2px solid #1769A3; background: #003258;} #program .btn_deadline{color:#C5C5C5; font-weight:400;} /* #txt_box{margin:10px 0;padding:20px;border:1px solid #ccc;background:#fafafa} */ /******************** 안내 박스 ********************/ #program .gbox_wrap{position:relative;width:100%} #program .gbox{margin:0 auto;width:743px;background:url("../img/pro_content/gbox_cbg.gif") repeat-y left top}ghvo #program .gbox .top{height:27px;background:url("../img/pro_content/gbox_tbg.gif") no-repeat left top} #program .gbox .center{padding:10px 30px} #program .gbox .bottom{height:27px;background:url("../img/pro_content/gbox_bbg.gif") no-repeat left top} /******************** 실명인증/ 공공 I-Pin인증 ********************/ /**** 박스 ****/ #program #signup_box{background:url("../img/pro_content/memeber_top.gif") no-repeat left top;margin:10px 135px;padding:35px 0 0 0;text-align:left;width:503px} #program #signup_box_wrap{background:url("../img/pro_content/memeber_bottom.gif") no-repeat left bottom;margin:0;padding:0 0 35px 0;text-align:left} #program #signup_box h2{background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;padding:0 0 29px 26px;margin:0} #program #signup_box2{background:url("../img/pro_content/memeber_top.gif") no-repeat left top;margin:10px 135px;padding:35px 0 0 0;text-align:left;width:503px} #program #signup_box_wrap2{background:url("../img/pro_content/memeber_bottom.gif") no-repeat left bottom;margin:0;padding:0 0 35px 0;text-align:left} #program #signup_box2 h2{background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;padding:0 0 29px 26px;margin:0} #program #signup_box2 h3{background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;padding:0 0 29px 26px;margin:0} #program #signup_box3{background:url("../img/pro_content/memeber_top.gif") no-repeat left top;margin:10px 135px;padding:35px 0 0 0;text-align:left;width:503px} #program #signup_box_wrap3{background:url("../img/pro_content/memeber_bottom.gif") no-repeat left bottom;margin:0;padding:0 0 35px 0;text-align:left} #program #signup_box3 h2{background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;padding:0 0 29px 26px;margin:0} #program #signup_box3 h3{background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;padding:0 0 29px 26px;margin:0} /**** 도서회원인증 ****/ #program #realname{padding:0 78px 0 79px} *:first-child+html #program #realname{display:inline-block} #program div.join_row_input{clear:both;padding:2px 0 2px 0;margin:0} #program div.join_row_input span.head{color:#464646;float:left;width:65px;font-weight:bold;margin-right:10px;padding:5px 10px 0 0;white-space:nowrap} #program div.join_row_input .input_box{background:url("../img/pro_content/login_input_bg.gif") no-repeat left top;border:1px solid #b3b3b3;color:#5D5D5D;height:16px;width:158px} #program div.realname_form{position:relative;padding:0;margin:0} #program div.realname_form .btn{position:absolute;right:0;_left:270px;top:0px;_top:3px;margin:0} /**** 실명인증 ****/ #program #realname2{padding:0 78px 0 79px} *:first-child+html #program #realname2{display:inline-block} #program div.realname_form2{position:relative;padding:0;margin:0} #program div.realname_form2 .btn{position:absolute;right:0;_left:270px;top:0px;_top:3px;margin:0} /**** 공공 I-Pin인증****/ #program div.ipin_go{padding:6px 0 0 26px;text-align:center} #program #ipin div.ipin_go a{height:50px;text-indent:0} /**** 박스 ****/ #program #join_box{position:absolute;top:250px;background:url("../img/common/content_m_bg06.gif") no-repeat left top;margin:20px 0 0 22px;padding:15px 0 0;text-align:left;width:519px} #program #join_box_wrap{background:url("../img/common/content_m_bg07.gif") no-repeat left bottom;padding:0 30px 15px;margin:0;width:459px} #program #join_box_wrap p{line-height:150%;margin:0;padding:0} #program #join_box_wrap #program div.pad{padding:5px 0 15px ;line-height:150%} /******************** 우편번호 검색 ********************/ #program #Addr_search2{width:95%;margin-top :10px;margin-left :10px} #program #program div.post_write{border-bottom:1px solid #cdcdcd;padding-bottom:4px;text-align :center} #program div.post_search_wrap{padding-top:7px} #program div.post_search{height:200px;overflow:auto;border:1px solid #cdcdcd;margin-top:3px;margin-bottom:4px} .post_btn{font-family:'맑은고딕', 'Malgun Gothic', '돋움';font-size:0.92em;color:#281E00;cursor:pointer;background-color:#f2f2f2;border:1px solid;border-color:#cdcdcd #909090 #909090 #cdcdcd;padding:3px 0 0 0;height:20px} /*************************************************************************/ /****목록****/ #con_list_day_title{background:url("../img/pro_content/recom_day_title.gif") no-repeat;padding:8px 12px 8px 14px;height:30px;margin-top:1.5em} #con_list_day_title h2{float:left;margin:2px 0 0 0} #con_list_day_title h4{float:left;margin:2px 0 0 0;background:url("../img/common/icon_arrow02.gif") no-repeat 0 0.2em;color:#000} #con_list_day_title .day{float:right} #con_list_day_title .day input{vertical-align:middle;margin-bottom:2px;margin-left:4px} #con_list_day_title .print{float:right;margin-top:-2px} /**** 메인 달력 폼 *****/ /* 달력 */ #m_calendar{padding-top:15px;position:relative;width:320px;float:left} #m_calendar h2{font-size:18px;background:none;padding:0 0 8px 0;margin:0} #cal_l{float:left;width:111px} #month{float:left;font-size:20px;font-weight:bold;color:#3c3f46;margin-bottom:20px} #month a{padding:0 3px} #month .month{font-size:30px} #cal_l .color_caption{padding-left:23px} #m_calendar ul{position:absolute;top:48px;left:118px;font-size:0.92em} #m_calendar ul li{padding-bottom:7px} #m_calendar ul img{vertical-align:middle;margin-bottom:3px} #m_calendar .calendar_table{float:left;width:209px} #m_calendar .calendar_table table{width:100%;border-collapse:collapse;line-height:130%;font-size:12px} #m_calendar .calendar_table caption{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden} #m_calendar .calendar_table table tbody tr{} #m_calendar .calendar_table table th{width:23px;padding:4px 0 3px 0;text-align:center;background:#e2e2e2;border:solid #fff;border-width:1px 1px 2px 1px} #m_calendar .calendar_table table td{padding:4px 0 3px 0;font-size:0.92em;text-align:center;position:relative;border:1px solid #fff} #m_calendar .calendar_table table td.sat{color:#00679d} #m_calendar .calendar_table table td.holiday{font-weight:bold;background:#ef4f4f;color:#fff} #m_calendar .calendar_table table td.event{font-weight:bold;background:#64a642} #m_calendar .calendar_table table td.event a{color:#fff} #m_calendar .calendar_table table td img.event_label{position:absolute;left:0;top:0} #m_calendar .calendar_table table td.today{background:#3c3f46;color:#fff;font-weight:bold} #m_calendar .calendar_table table td.event1{background:url("../img/main/calendar_event_bg.gif") no-repeat left 0;color:#f96f00;font-weight:bold} #m_calendar .schedule_con{width:160px;display:none;position:absolute;z-index:10} #m_calendar .schedule_location{border:2px solid #c3ddec;background:#fff;padding:9px 0 0 8px;width:160px;text-align:left;position:absolute;left:196px;top:0} #m_calendar a.more{position:absolute;top:18px;right:0} .event_detail{position:absolute;top:50px;left:215px;background:#DEDEDE;border:1px solid #A1A1A1;z-index:1;padding:5px;width:160px} .event_detail h4{padding:3px 3px 3px 6px;margin:3px auto 0;color:black;font-weight:bold;border-bottom:1px solid #A1A1A1;background:none} .event_detail ul{padding:10px 5px 5px;background:white} .event_detail ul li{color:#454545;text-align:left} /******************** 추천도서/영화상영 ********************/ /*#program div.movie_guide{background:url("../img/pro_content/movie_guide_bg.gif") no-repeat scroll right bottom transparent;padding:0 0 5px 10px} #program div.movie_guide li{background:url("../img/common/bullet_list01.gif") no-repeat scroll 0 0.3em transparent;padding:0 0 5px 10px}*/ /**** 상세보기 ****/ #program div.data_view{padding-top:20px;position:relative;border:1px solid #ddd;border-top:2px solid #FF7A3D} #program div.info_list_wrapper{} #program div.info_list{padding:0 20px 28px;position:relative;min-height:196px} #program div.info_list .pic{padding:2px;border:1px solid #dedede;display:inline;background-color:#fff;position:absolute;top:0;left:22px;width:150px;height:190px;font-size:0} #program div.infro_list pic img{} #program div.info_list .data_info{margin-left:176px;background:url("../img/pro_content/recom_view_titile_bg01.gif") no-repeat;padding-top:8px} #program div.info_list .data_info h3{background:url("../img/pro_content/recom_view_titile_bg02.gif") no-repeat 0 bottom;padding:0 12px 10px 12px;margin:0 0 3px 0;width:510px} #program div.info_list .data_info02{margin-left:176px;background:url("../img/pro_content/recom_view_titile_bg01.gif") no-repeat;padding-top:8px;/*height:180px;*/} #program div.info_list .data_info02 h3{background:url("../img/pro_content/recom_view_titile_bg02.gif") no-repeat 0 bottom;padding:0 12px 5px 12px;margin:0 0 3px 0;width:100%;width:403px} #program div.info_list ul li{background:url("../img/pro_content/recom_detail_list_line.gif") no-repeat 70px 0.7em;padding:6px 0 4px 85px;position:relative;border-bottom:1px solid #dcdcdc;line-height:140%} #program div.info_list ul li span.item{position:absolute;left:0;top:6px;background:url("../img/common/bullet_list01.gif") no-repeat 6px 5px;font-weight:bold;width:70px;padding-left:20px;color:#000} #program div.info_list ul li span.value{width:337px} #program div.plot{padding:15px 15px 15px 23px;/* border-bottom:1px solid #dcdcdc;*/line-height:150%} #program .commend .btn{float:right;padding-top:10px;display:inline-block;padding:5px 20px;border:1px solid #e0e0e0;font-size:12px} /******************** 도서관행사 ********************/ #event_day_title{background:url("../img/pro_content/recom_day_title.gif") no-repeat;padding:10px 12px 6px 14px;height:25px;position:relative} #event_day_title h2{clear:left;margin:0;padding:0.1em 0 0.2em 16px;background:url("../img/common/icon_arrow07.gif") no-repeat 0 0.2em;color:#000;font-weight:bold;font-size:1em;text-align:left;line-height:130%} #program div.event_month{position:absolute;right:15px;top:10px} /***** 설문조사 *****/ /*질문*/ #poll_outline{width:99%;padding-top:15px;clear:both;border:3px #cacaca solid;border-top-left-radius:10px;border-bottom-right-radius:10px} #poll{padding:0 15px 15px} #poll dl dd{padding:0;margin-left:23px;line-height:150%} #poll dl dd.tit{font-size:1.1em;font-weight:bold;padding-bottom:10px;color:#1256A1} #poll dl dt{float:left;width:28px;padding:0;margin:0} /*설문정보*/ #poll_info{float:left;;padding-top:20px} #poll_tit{float:left;background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;font-weight:bold} /*설문항목*/ #poll_item{clear:both;padding:10px 0 0;text-align:left;width:100%} #poll_item_wrap{display:table;padding:0 0 20px;table-layout:fixed;width:100%;margin:0;border-bottom:1px #cacaca solid} #poll_item ul{margin:3px 12px;padding:0;overflow:hidden} #poll_item li{clear:left;margin:0;padding:0;line-height:30px} #poll_item_wrap .ratio{float:left;width:605px;padding:3px 0 10px 0;line-height:20px} #poll_item_wrap .ratio .graph{float:left;width:490px;height:15px;background:url("../img/pro_content/poll_graph_bg01.gif") repeat-x} #poll_item_wrap .ratio .graph .graph_area{height:15px;background:url("../img/pro_content/poll_graph_bg02.gif") repeat-x} #poll_item_wrap .ratio .num{float:left;padding:2px 0 0 8px} #poll_item .poll_btn{clear:left;margin:0px 20px;padding:15px 0 5px 0;overflow:hidden;text-align:center;border-top:1px solid #ddd} /***** 주간식답변 *****/ #program div.subject_a{margin:10px 0 15px 50px;background:url("../img/pro_content/list_title_line.gif") no-repeat 50px 0.6em} #program div.subject_a span.head{float:left;width:50px;background:url("../img/common/bullet_list01.gif") no-repeat 0 0.7em;padding:7px 0 0 10px;font-weight:bold} #program div.subject_a input{width:470px;height:17px;border:1px solid #d3d3d3} #poll_item .poll_btn{clear:left;margin:0px 20px;padding:15px 0 5px 0;overflow:hidden;text-align:center;border-top:1px solid #ddd} /* 지난 설문보기 */ #poll_pass #poll_pass_title{background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;margin-bottom:5px;width:757px;font-weight:bold} #poll_table{margin-bottom:10px} /* 주관식 팝업창 설문보기 */ #poll_pop{margin:15px} /****** 동아리 *****/ /*내동아리*/ #program div.my_club_list{position:relative;border-bottom:2px solid #dcdcdc;padding:15px 10px 10px 10px;overflow:hidden;width:753px} #program div.my_club_list .pic{float:left;padding:2px;border:1px solid #dedede;background-color:#fff;width:190px;height:130px} #program div.my_club_list .data_info{float:left;margin-left:15px;padding-left:10px;width:532px;background:url("../img/pro_content/recom_view_titile_bg03.gif") no-repeat right top;padding-top:8px} #program div.my_club_list .data_info h3{margin:0;background:url("../img/pro_content/recom_view_titile_bg04.gif") no-repeat right bottom;padding:0 12px 5px} #program div.my_club_list .data_info ul li{position:relative;background:url("../img/pro_content/recom_detail_list_line.gif") no-repeat 80px 0.7em;border-bottom:1px solid #dcdcdc;line-height:140%;padding:6px 0 4px 0} #program div.my_club_list ul li span.item{background:url("../img/common/bullet_list02.gif") no-repeat 4px 0.2em;font-weight:bold;width:70px;padding-left:15px} #program div.my_club_list ul li span.value{position:absolute;left:90px;top:6px;width:337px} /*리스트*/ #program div.club_list{position:relative;border-bottom:1px solid #dcdcdc;padding:15px 10px 10px 10px;overflow:hidden;width:753px} #program div.club_list .pic{float:left;padding:2px;border:1px solid #dedede;background-color:#fff;width:190px;height:130px} #program div.club_list .data_info{float:left;margin-left:15px;padding-left:10px;width:532px;background:url("../img/pro_content/recom_view_titile_bg03.gif") no-repeat right top;padding-top:8px} #program div.club_list .data_info h3{margin:0;background:url("../img/pro_content/recom_view_titile_bg04.gif") no-repeat right bottom;padding:0 12px 5px} #program div.club_list .data_info ul li{position:relative;background:url("../img/pro_content/recom_detail_list_line.gif") no-repeat 80px 0.7em;border-bottom:1px solid #dcdcdc;line-height:140%;padding:6px 0 4px 0} #program div.club_list ul li span.item{background:url("../img/common/bullet_list02.gif") no-repeat 4px 0.2em;font-weight:bold;width:70px;padding-left:15px} #program div.club_list ul li span.value{position:absolute;left:90px;top:6px;width:430px} /**************** 도서릴레이 상단 ****************/ #book_relay_head{margin-top:-10px;background:url("../img/pro_content/book_relay_bg.jpg") no-repeat 0 0;height:107px} #book_relay_head h2{background-image:none;padding:0;margin:15px 0 0 233px} #book_relay_head p.guide{margin:5px 0 0 237px} #book_relay_wrapper{background:url("../img/pro_content/recom_view_bg01.gif") no-repeat 0 0;padding-top:20px;margin-bottom:15px;position:relative} #book_relay_wrapper .book_relay_wrapper02{background:url("../img/pro_content/recom_view_bg03.gif") repeat-y 0 0} #book_relay_wrapper .info_list{background:url("../img/pro_content/recom_view_bg02.gif") no-repeat 0 100%;padding:0 20px 30px} /* 등록된 내용 없음 */ #program div.data_none{background:url("../img/pro_content/recom_view_bg03.gif") repeat-y 0 0;padding:10px 20px;text-align:center;width:605px} /*********************** 기타 ***********************/ /**** 내가 본 페이지 ****/ #my_view_page{margin-top:-10px;font-size:0} #program div.my_view_list{background:url("../img/pro_content/schedule_veiw_bg02.gif") repeat-y 0 0;width:100%} #program div.my_view_list ul{background:url("../img/pro_content/schedule_veiw_bg03.gif") no-repeat 0 100%;padding:0 20px 20px} #program div.my_view_list ul li{padding:7px 0 4px 22px;border-bottom:1px solid #dcdcdc;background:url("../img/common/icon_arrow03.gif") no-repeat 8px 1.1em} #program div.my_view_list ul li img.btn{vertical-align:middle;margin-bottom:4px;margin-left:5px} /*********************** 회원 ***********************/ /**** 로그인 ****/ h2#login{background:none;padding:15px 0 8px 0;margin:0;text-align:center} h2#login2{background:none;padding:15px 0 8px 0;margin:0;text-align:center} h2#login3{background:none;padding:15px 0 8px 0;margin:0;text-align:center} /**** 회원안내 ****/ .guide_info{position:relative;margin:10px auto 0} .guide_info .box{margin:5px 0;padding:10px;border:2px dotted #e2e2e2;background:#fbfbfb;color:#c85f08} /**** 이용약관 ****/ #program div.join_wrapper{background:url("../img/pro_content/schedule_veiw_bg01.gif") no-repeat 0 0;padding:10px 0 0 ;margin-bottom:23px} #program div.join_wrapper2{background:url("../img/pro_content/schedule_veiw_bg03.gif") no-repeat 0 100%;padding:0 0 10px;width:645px} #program div.join_wrapper3{background:url("../img/pro_content/schedule_veiw_bg02.gif") repeat-y 0 0;padding:0 20px;width:605px} #program div.agreement_con{height:137px;overflow-x:hidden;overflow-y:auto;width:100%} #program div.check_agree{padding:10px 0 0;text-align:right;border-top:1px solid #c6d8ef;margin:10px 0 0 0} #program div.check_agree input{margin-bottom:4px} /**** 회원가입/개인정보수정 입력폼 ****/ #program div.info_modify{width:750px} #program div.info_modify .lecture_guide span{margin-left:10px} #program div.info_modify .guide_txt{line-height:150%;text-align:left;float:right;padding-top:10px} #program div.info_modify span.required{color:#FF0000;margin-right:3px;font-weight:bold} #program div.info_modify #program div.info_modify_wrapper{background-color:#FFFFFF;border:solid #bbb;border-width:2px 0;clear:both} #program div.info_modify fieldset legend{padding:0;font-size:0;line-height:0} #program div.info_modify fieldset #program div.info_txt{line-height:150%;background:#f7f7f7;border-bottom:1px solid #dadada;padding:7px 12px} #program div.info_modify #program div.row_input{position:relative;clear:both;width:643px;height:auto;margin:0;padding:5px 0 1px 130px;border-bottom:1px solid #d2d2d2;background:url("../img/pro_content/list_title_line.gif") no-repeat 115px 0.8em} #program div.info_modify #program div.row_input img{vertical-align:middle;margin-bottom:4px} #program div.info_modify #program div.row_input input, #program div.info_modify #program div.row_input select{margin-bottom:4px} #program div.info_modify #program div.row_input textarea{margin-bottom:4px;width:500px;background-color:#f8f8f8} #program div.info_modify #program div.row_input .input_box{border:1px solid #ccc;height:16px;background:url("../img/pro_content/login_input_bg.gif") no-repeat left top} #program div.info_modify #program div.row_input span.head{color:#464646;position:absolute;left:0;top:3px;width:90px;height:100%;margin:0;padding:7px 15px 3px 22px;background:transparent;white-space:nowrap;font-weight:bold;background:url("../img/common/icon_arrow01.gif") no-repeat 10px 10px} #program div.info_modify #program div.row_input span.info{padding-left:10px;font-size:0.92em;color:#757575} #program div.info_modify #program div.row_input span.data{display:block;padding:3px 0 5px 0;line-height:140%} /* 아이디 중복확인 */ #program div.id_check_wrapper{padding:15px 15px 10px;width:315px;height:250px;position:relative} div h2.check{margin:0 0 0 13px} #program div.id_check_outline{background:url("../img/pro_content/id_check_bg01.gif") no-repeat;padding-top:14px} #program div.id_check_outline2{background:url("../img/pro_content/id_check_bg02.gif") no-repeat 0 bottom;padding:23px 0 36px 0;text-align:center} #program div.id_check_wrapper .row_input{background-image:none} #program div.id_check_wrapper .row_input span{color:#464646;font-weight:bold;padding:0 0 0 13px;white-space:nowrap;background:url("../img/common/icon_arrow03.gif") no-repeat 0 0.1em} #program div.id_check_wrapper .row_input .input_box{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:18px;width:150px} #program div.id_check_wrapper span{color:#da6c45;font-weight:bold} #program div.close{width:100%;border-top:1px solid #ccc;text-align:right;background-color:#f2f2f2;position:absolute;left:0;bottom:0;font-size:0} #program div.close img{padding:6px 10px 6px 0} /**** 아이디/비밀번호찾기 ****/ #program div.m_search{background:url("../img/pro_content/memeber_top.gif") no-repeat left top;margin:10px 135px;padding:35px 0 0 0;text-align:left;width:503px} #program div.m_search_wrap{background:url("../img/pro_content/memeber_bottom.gif") no-repeat left bottom;margin:0;padding:0 0 35px 0;text-align:left} #program div.m_search h2{margin:0 auto;background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;text-align:center;padding:0 0 29px 0;width:385px;text-align:center} #program div.m_search fieldset legend{padding:0;font-size:0;line-height:0;text-indent:-2000px} #program div.m_search #program div.row_input{clear:both;padding:2px 0 2px 0;margin:0 auto;width:311px;background:url("../img/pro_content/list_title_line.gif") no-repeat 70px 0.6em} #program div.m_search #program div.row_input span.head{color:#464646;float:left;width:50px;font-weight:bold;margin-right:10px;padding:6px 10px 0 14px;white-space:nowrap;background:url("../img/common/icon_arrow01.gif") no-repeat 2px 10px} #program div.m_search .input_box{color:#5d5d5d;background:url("../img/pro_content/login_input_bg.gif") no-repeat left top;border:1px solid #bcbcbc;height:16px;width:220px} #program div.m_search .input_box1{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:16px} #program div.m_search select{width:224px} #program div.m_search select, #program div.m_search input{margin-bottom:4px;vertical-align:middle} #program div.m_search_{text-align:center;font-weight:bold;padding:0 0 5px 0;border-bottom:1px solid #dcdcdc;margin:0 25px 17px 25px} #program div.m_search .info{background:url("../img/common/bullet_list01_02.gif") no-repeat 0 25px;margin:0 auto;padding:20px 0 0 10px;line-height:140%;font-weight:bold;width:400px} /*대출조회/연기*/ #program div.m_search ul.delay{padding:15px 0 15px 50px;text-align:left;line-height:140%;background:#f1f1f1;border:1px solid #ccc;width:460px;margin:0 auto} #program div.m_search ul.delay li{margin:0;padding:0 0 0 9px;background:url("../img/common/bullet_list01.gif") no-repeat 0 0.4em;clear:left} #program div.m_search #delay_form{padding-top:20px;margin:0 auto;width:300px;position:relative;text-align:left} #program div.m_search #delay_form fieldset legend{padding:0;font-size:0;line-height:0;text-indent:-2000px} /**************** 마이페이지 ***************/ /*** 관외대출회원인증 ***/ #program div.out_certifi_info{margin:0 0 7px 8px} #program div.out_certifi_step{margin:0 7px 10px} h2.out_certifi{padding:0;margin:0;background-image:none} h2.out_certifi img{vertical-align:top} #program div.out_certifi_txt{background:url("../img/pro_content/out_certifi_txt_bg.gif") no-repeat 0 100%;padding:5px 23px 27px;line-height:150%;min-height:25px} #program div.out_certifi_form{background:url("../img/pro_content/out_certifi_bg.gif") no-repeat 0 100%;height:65px;padding:6px 0 0 } #program div.out_certifi_form #program div.row_input{clear:both;padding:2px 0 2px 0;margin:0 15px 0 0;text-align:center} #program div.out_certifi_form fieldset legend{padding:0;font-size:0;line-height:0;text-indent:-2000px} #program div.out_certifi_form span.head{color:#464646;font-weight:bold;padding:6px 5px 0 13px;background:url("../img/common/icon_arrow03.gif") no-repeat 0 0.6em} #program div.out_certifi_form .input_box{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:18px;width:170px} #program div.out_certifi_form img{vertical-align:middle} /**** 대출회원인증 ****/ #program div.loan_cer{background:url("../img/pro_content/memeber_top.gif") no-repeat left top;margin:10px 135px;padding:35px 0 0 0;text-align:left;width:503px} #program div.loan_cer_wrap{background:url("../img/pro_content/memeber_bottom.gif") no-repeat left bottom;margin:0;padding:0 0 35px 0;text-align:left} #program div.loan_cer h2{margin:0 auto;background:url("../img/pro_content/login_title_bg.gif") no-repeat left bottom;text-align:center;padding:0 0 29px 0;width:385px;text-align:center} #program div.loan_cer fieldset legend{padding:0;font-size:0;line-height:0;text-indent:-2000px} #program div.loan_cer #program div.row_input{clear:both;padding:2px 0 2px 0;margin:0 auto;width:311px;/*background:url("../img/pro_content/list_title_line.gif") no-repeat 70px 0.6em;*/} #program div.loan_cer #program div.row_input span.head{color:#464646;float:left;width:50px;font-weight:bold;margin-right:10px;padding:6px 10px 0 14px;white-space:nowrap;background:url("../img/common/icon_arrow01.gif") no-repeat 2px 10px} #program div.loan_cer .input_box{color:#5d5d5d;background:url("../img/pro_content/login_input_bg.gif") no-repeat left top;border:1px solid #bcbcbc;height:16px;width:220px} #program div.loan_cer .input_box1{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:16px} #program div.loan_cer select{width:224px} #program div.loan_cer select, #program div.loan_cer input{margin-bottom:4px;vertical-align:middle} #program div.loan_cer_{text-align:center;font-weight:bold;padding:0 0 5px 0;border-bottom:1px solid #dcdcdc;margin:0 25px 17px 25px} #program div.loan_cer .info{background:url("../img/common/bullet_list01_02.gif") no-repeat 0 25px;margin:0 auto;padding:20px 0 0 10px;line-height:140%;font-weight:bold;width:400px} /**********도서관소식지**********/ #newsletter{float:left;width:250px;height:377px;background:url("../img/reading/newsletter_bg.gif") no-repeat left top;padding:11px 12px 0 12px;margin-left:20px} #newsletter .pic{width:250px;height:316px} #newsletter .download{text-align:center;padding-top:16px} #newsletter_con{float:left;padding-left:25px;width:291px} /********** 자료현황 **********/ #data_table{display:inline;float:left;width:100%;margin:0;padding:0} #data_table h2{float:left;display:block} #data_table .unit{float:right;} /********** 내가쓴 글 **********/ #myboard_list{display:inline;float:left;width:100%;margin:0;padding:0} #myboard_list h2{float:left;margin:1.5em 0 0.4em 0} #myboard_list h3{display:inline;background:none;margin:0;padding:0 5px 0 0;line-height:20px} #myboard_list .select_list{float:right;margin:1.5em 0 0 0} /********** 동아리(독서회) 개설안내 **********/ .club_step{width:100%;margin:20px 0;text-align:center} /********** 동아리(독서회) 스킨설정 **********/ #program div.info_modify #program div.row_input_long{clear:both;width:100%;height:auto;margin:0;padding:5px 0 1px 0} #program div.info_modify #program div.row_input_long span.head{color:#323232;height:100%;display:block;margin:0;padding:7px 15px 5px 20px;background:transparent;white-space:nowrap;font-weight:bold} #program div.info_modify #program div.row_input_long input{margin-bottom:4px;vertical-align:top} #program div.info_modify #program div.row_input_long img{vertical-align:middle;margin:0 0 10px;width:120px;height:90px} #program div.info_modify #program div.row_input_long .skin{position:relative;float:left;padding:0 40px 0 10px;text-align:center} #program div.info_modify #program div.row_input_long .skin input{vertical-align:middle} #program div.info_modify #program div.row_input_long img.zoom{position:absolute;bottom:0;right:10px;width:30px;height:30px} #program div.info_modify #program div.row_input_long span.data{display:block;padding:0 0 5px;margin:0 0 10px 20px} .graph{width:100%;height:15px;background:url("../img/community/poll_graph_bg01.gif") repeat-x} .graph .graph_area{text-align:center;height:15px;background:url("../img/community/poll_graph_bg02.gif") repeat-x;float:left} #program .guide_box{margin:0 0 30px 0;padding:20px 30px;-moz-box-shadow:inset 0 0 10px #B2B2B2; -webkit-box-shadow:inset 0 0 10px #B2B2B2;box-shadow:inset 0 0 10px #B2B2B2;border-radius:10px;background:url(../img/common/guide_box_bg.gif) no-repeat right bottom;line-height: 150%;} /**영화 리스트 **/ #program #movie_day_title{border-top:solid 2px #cacaca; border-bottom:solid 1px #cacaca} #program #movie_day_title .day{text-align:right;padding:5px} #program #movie_day_title .day input{vertical-align:middle;margin-bottom:2px;margin-left:4px} #program #movie_day_title .print{float:right;margin-top:-2px} #program #movie_day_title .submit_bt{padding:3px 10px;background-color: #551ca9;color:#fff} #program #movie_day_title select{padding:2px 5px;font-size:13px;color:#777;border:1px solid #ccc;} #program #recom_day_title{position:relative} #program #recom_day_title .day{float:left;width:100%;margin-bottom:10px;text-align:right} #program #recom_day_title .day input{vertical-align:middle;margin-bottom:2px;margin-left:4px} #program div.data_list{width:100%;font-size:12px;padding-top:20px} #program div.data_list li{width:48.2%;margin:0 22px 15px 0;border:solid 1px #cacaca;border-radius:5px;padding:6px 0 15px 0;float:left;display:inline} #program div.data_list li:nth-child(even){margin-right:0} #program div.data_list li .data_wrapper{clear:left;height:167px;padding:3px 12px 10px 12px;position:relative} #program div.data_list li .data_wrapper h3{margin:0;padding:0 0 4px 20px;border-bottom:1px solid #d3d3d3;height:20px;line-height:20px} #program div.data_list li .data_wrapper h3.icon{margin:0;padding:0 0 4px 14px;border-bottom:1px solid #d3d3d3} #program div.data_list li .data_wrapper h3 a{color:#333;overflow:hidden;white-space:nowrap} #program div.data_list li .data_wrapper .data_more{position:absolute; top:0; right:20px;} #program div.data_list li .data_wrapper .pic{float:left;padding:2px;border:1px solid #dedede;margin:17px 10px 0 2px;display:inline;background-color:#fff;width:20%;height:100px;font-size:0} #program div.data_list li .data_wrapper .pic img{width:100%;height:100px} #program div.data_list li .data_wrapper ul{float:left;width:70%;margin:15px 0 0 0} #program div.data_list li .data_wrapper ul li{border:0;line-height:140%;background:url("http://lib.buk.daegu.kr/library/css/../img/img/bullet_list01.gif") no-repeat 0 0.4em;padding:0 0 4px 8px;margin:0;white-space:nowrap;overflow:hidden;width:100%} #program div.data_list li .data_wrapper ul li.data_con{line-height:120%;background-image:none;padding:5px 0 0 0;margin:0;white-space:normal;width:100%} #program h3 .icon{vertical-align:middle;margin-bottom:4px} #program #sg_search .tit{font:italic 15px bold NanumMyeongjo} #program #sg_search{position:relative;width:100%;margin-bottom:4px;padding:18px 0 2px 0;text-align:right} #program #sg_search .month_select{position:absolute;right:0;bottom:0} #program #sg_search input{vertical-align:middle;margin-bottom:3px} #program #sg_search select{padding:0px 5px;font-size:13px; color:#777; border:1px solid #ccc;} #program #sg_search button{display:inline-block;height:30px;padding:5px 10px;background-color:#333;color:#fff;border-radius:3px} /** 영화 상세보기 **/ #program div.data_view{padding-top:20px;position:relative;border:1px solid #ddd;border-top:2px solid #cacaca;margin-top:10px} #program div.info_list_wrapper{} #program div.info_list{padding:0 20px 28px;position:relative;min-height:196px} #program div.info_list .pic{padding:0;border:1px solid #dedede;display:inline;background-color:#fff;position:absolute;top:0;left:22px;width:150px;height:190px;font-size:0} #program div.info_list .data_info{margin-left:176px;background:url("http://lib.buk.daegu.kr/library/css/../img/pro_content/recom_view_titile_bg01.gif") no-repeat;padding-top:8px} #program div.info_list .data_info h3{margin:0 0 3px 0;width:510px;background:url("http://lib.buk.daegu.kr/library/css/../img/pro_content/recom_view_titile_bg02.gif") no-repeat 0 bottom;padding:0 12px 10px 12px} #program div.info_list .data_info02{margin-left:176px;background:url("http://lib.buk.daegu.kr/library/css/../img/pro_content/recom_view_titile_bg01.gif") no-repeat;padding-top:8px} #program div.info_list .data_info02 h3{background:url("http://lib.buk.daegu.kr/library/css/../img/pro_content/recom_view_titile_bg02.gif") no-repeat 0 bottom;padding:0 12px 5px 12px;margin:0 0 3px 0;width:100%;width:403px} #program div.info_list ul li{background:url("http://lib.buk.daegu.kr/library/css/../img/pro_content/recom_detail_list_line.gif") no-repeat 70px 0.7em;padding:6px 0 4px 85px;position:relative;border-bottom:1px solid #dcdcdc;line-height:140%} #program div.info_list ul li span.item{position:absolute;left:0;top:6px;background:url("http://lib.buk.daegu.kr/library/css/../img/img/bullet_list01.gif") no-repeat 6px 5px;font-weight:bold;width:70px;padding-left:20px;color:#000} #program div.info_list ul li span.value{width:337px} #program div.plot{padding:15px 15px 15px 23px;line-height:150%} /*** 동래구작은도서관 ***/ /* sub_title */ #design h3.h3_title {position:relative; margin-top:70px; margin-bottom:40px; font-size:24px; color:var(--titColor);} #design h3.h3_title:before {content:''; display:inline-block; width:17px; height:15px; margin-right:10px; background:url(../img/icon_h3.png) no-repeat 0 0;} #design h3.h3_title.first, #design h4.h3_title.first {margin-top:0 !important;} #design h3.h3_title p {position:absolute; bottom:-10px; right:0; font-size:15px; font-weight:400; padding-bottom:0;} #design h4.h4_title {margin-top:50px; margin-bottom:20px; font-size:20px; color:var(--titColor);} #design p {padding-bottom:20px; color:#5c5c5c;} #design .update {position:absolute; bottom:0px; right:-5px; font-weight:400;} /* sub_tab */ #design .sub_tab {position:relative; margin-bottom:50px; background:#f7f8fb; border-radius:30px;} #design .sub_tab ul {display:flex; width:100%;} #design .sub_tab ul li {height:53px; line-height:51px; white-space:nowrap; overflow:hidden; flex:1;} #design .sub_tab ul li a {display:flex; align-items:center; justify-content:center; height:100%; font-weight:500; color:#8c8c8c;} #design .sub_tab ul li a.sel {color:var(--mainColor); background-color:#fff; border-radius:30px; border:2px solid var(--mainColor);} .con_list {} .con_list li {position:relative; padding-left:14px; margin:3px 0;} .con_list li:before {content:''; position:absolute; top:13px; left:0; width:5px; height:2px; background-color:#7f7f7f;} .con_list li strong {font-weight:500;} .dot_list {} .dot_list li {position:relative; padding-left:10px; } .dot_list li:before {content:''; position:absolute; top:13px; left:0; width:3px; height:3px; background-color:#7f7f7f;} .dot_list li strong {font-weight:500;} .rock_wrap {position:relative; padding:30px 50px 20px; margin-top:10px; background-color:#ecf5ec;} .rock_wrap.bg2 {background-color:#fffae7 !important;} .rock_wrap:after {content:''; position:absolute; top:-15px; right:0; display:block; width:345px; height:230px; background:url(../img/bg_rock_wrap.png) right center no-repeat; background-size:80%;} .rock_wrap h4 {margin-bottom:20px; font-size:18px; color:var(--titColor); font-weight:500;} .rock_wrap h4 img {max-width:125px; margin:0 10px; vertical-align:-3px;} .map_info > div {border-bottom:1px #e0e0e0 solid;} .map_info_txt {display:flex; justify-content:space-between; padding:30px 0 40px; /*border-bottom:1px dashed #b2b2b2;*/} .map_info_txt li:last-child {padding-left:45px; border-left:1px #e5e5e5 solid;} .map_info_txt li strong {display:block; font-size:20px; color:var(--titColor);} .guidebox {border-top:1px #252525 solid;} .guidebox .item {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:30px; border-bottom:1px solid #dbdbdb;} .guidebox .item .titbox {align-self:flex-start; width:15%;} .guidebox .item .titbox strong {display:block; color:var(--titColor); font-size:20px; line-height:1.2; letter-spacing:-0.04em; font-weight:500;} .guidebox .item .conbox {width:calc(100% - 15% - 40px);} .guidebox .item .conbox .list-1st li strong {font-weight:500;} .guidebox .item .conbox p {} /* 공통 - table */ #content table * {} #content table {width:100%; border-collapse:collapse; margin-bottom:12px; border-top:1px solid #333;} #content table caption {display:none;} #content table thead th {padding:10px 7px; font-weight:600; text-align:center; color:#5c5c5c; border:1px solid #dbdbdb; border-top:0; background-color:#f1f1f1;} #content table thead th:first-child {border-left:0;} #content table thead th:last-child {border-right:0;} #content table tbody th {padding:10px; font-weight:400; color:#5c5c5c; text-align:center; border:1px solid #dbdbdb; background-color:#f9f9fa;} #content table tbody td {padding:10px 30px; border:1px solid #dbdbdb; vertical-align:middle;} #content table tbody th:first-child, #content table tbody td:first-child {border-left:0;} #content table tbody th:last-child, #content table tbody td:last-child {border-right:0;} #content table tbody td.tal {text-align:left;} #content .mobile_table {display:none;} #content .table_wp table thead th {line-height:20px;} #content .table_wp table td {padding:14px 20px;} /* 시설안내 */ .floor_wrap {padding:40px 50px; border:1px #dedede solid; border-radius:10px;} .floor_wrap .floor_list {display:flex; margin-bottom:30px;} .floor_wrap .floor_list li {margin-right:25px;} .floor_wrap .floor_list li a {display:block; font-family:var(--fontSubSet); font-size:26px; font-weight:700; color:#989898;} .floor_wrap .floor_list li a.active {color:var(--mainColor);} .floor_wrap .floor_list li a:hover {text-decoration:underline;} .floor_wrap .floor_info {} .floor_wrap .floor_info .imgMap {margin-bottom:30px;} .floor_wrap .floor_info .imgMap img {width:100%; max-width:892px;} /* 작은도서관 현황 */ .smallLib_map {position:relative; margin-bottom:50px; padding:20px; border:3px #f4f4f4 solid;} .smallLib_map .map_smlib {width:655px; max-width:100%;} .smallLib_map .map_smlib img {width:100%; max-width:100%;} .smallLib_map .map_smlib_mobile {display:none;} .smallLib_map .map_srchWrap {position:absolute; top:30px; right:30px;} .smallLib_map .map_srchWrap .map_title {position:relative; padding-left:60px;} .smallLib_map .map_srchWrap .map_title:before {content:''; position:absolute; top:5px; left:0; width:45px; height:45px; display:block; background:url(../img/icon_map.svg) 0 0 no-repeat;} .smallLib_map .map_srchWrap .map_title h3 {margin-bottom:5px; font-size:24px; color:#dc6464; font-weight:600; letter-spacing:-1px;} .smallLib_map .map_srchWrap .map_title span {} .map_srch {width:345px; margin-top:20px;} .map_srch > input[type="text"] {height:60px; width:calc(100% - 58px); padding-left:20px; border:1px #dc6464 solid; box-sizing: border-box; border-radius:10px 0 0 10px;} .map_srch > input[type="button"] {width:58px; height:60px; margin-left:-5px; color:#fff; background-color:#dc6464; border:2px solid transparent; border-radius:0 10px 10px 0;} .select_map {display:none;} /* 작은도서관 - view */ table.smallLib_view {position: relative;z-index: 0;width:100%;border-collapse:collapse;text-align:center;} table.smallLib_view caption{font-size:0;line-height: 0;height: 0;} table.smallLib_view thead th{padding: 14px 10px;font-weight: 400;font-size: 15px;color:#333;border-left: none;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;text-align: center;} table.smallLib_view thead th:first-child{border-left:0} table.smallLib_view thead th:last-child{border-right:0} table.smallLib_view thead tr{background-color:#fff} table.smallLib_view tbody th{font-size:15px;color:#333;padding:14px 10px;font-weight:500 !important;border-left:0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background: #f5f5f5;vertical-align: middle;text-align:center;} table.smallLib_view tbody td{font-size:15px;color:#555;padding:14px 10px;border: 1px solid #ddd;vertical-align: middle;text-align:left;} table.smallLib_view tbody td:first-child{border-left:0} table.smallLib_view tbody td:last-child{border-right:0} table.smallLib_view tbody th:first-child{border-left:0} table.smallLib_view tbody th:last-child{border-right:0;} table.smallLib_view tbody th.item, table.smallLib_view tbody td.item{background:#f5f5f5;border-bottom:1px solid #ddd;text-align:center;} table.smallLib_view tbody td ul {} table.smallLib_view tbody td ul li {padding:2px 0 2px 10px;position:relative;text-align:left;} table.smallLib_view tbody td ul li:before {content:"";width:3px;height:1px;background:#575757;position:absolute;top:10px;left:0} table.smallLib_view tbody td label {vertical-align:middle;} #small_box .slib_pop .slibrary_text .img {margin-bottom: 20px;} #small_box .slibrary_map {border:1px #ddd solid;} /* 작은도서관 등록/폐관 */ .table-radius {margin-top:-20px; border-collapse:separate !important; border-spacing:20px 10px; border-top:0 !important;} .table-radius th, .table-radius td {text-align:center; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:20px 15px !important;} .table-radius th {background-color:#e5eef7 !important;} .table-radius thead th {position:relative; padding:20px 15px !important; font-weight:500; background-color:#e5eef7; border:0 !important;} .table-radius thead th.step1 {background-color:#eaeaea !important;} .table-radius thead th.step2 {background-color:#e3e3e3 !important;} .table-radius thead th.step3 {background-color:#ddd !important;} .table-radius thead th.step1:after, .table-radius thead th.step2:after {content:''; position:absolute; top:40%; right:-14px; width:11px; height:11px; border-top:5px solid #d4d4d4; border-right:5px solid #d4d4d4; transform: rotate(45deg);} .table-radius tbody th {font-weight:500 !important; border:0 !important;} .table-radius tbody td {background-color:#f9f9fa; border:0 !important;} .table-radius tbody td.title {text-align:left;} .table-radius .label {display:none;} .foundation_notice {margin-left:20px; color:#0033a6;} .foundation_notice li {margin:3px 0;} .relation {padding:30px; background-color:#f5f7fb;} .relation .relation_form {display:flex; justify-content:space-between;} .relation .relation_form li {padding:0 20px; text-align:center;} .relation .relation_form li:nth-child(2) {padding:0 35px; border-left:1px #ddd dashed; border-right:1px #ddd dashed;} .relation .relation_form li .func {margin-bottom:20px;} .relation .relation_form li .func a {background-color:#4b79ee;} .relation .relation_form li h4 {font-size:17px; font-weight:500; color:#444;} .relation .relation_form li span {font-size:14px; line-height:normal;} .relation .relation_form li span.rule {color:#0033a6;} .relation .relation_form li em {display:block; font-size:inherit;} /* 공통 버튼 */ #content .btn {display:inline-block; padding:10px 15px; color:#fff; background-color:#797586; border-radius:3px;} #content .btn:hover{background-color:#ee4e4e;} #content .btn-s {padding:5px 15px;} .icon_download {display:inline-block; overflow:hidden; width:17px; height:17px; margin-left:30px; background:url(../img/download-line.svg) right 0 no-repeat; font-size:0px; line-height:0; text-indent: -999px; text-decoration: none; vertical-align: middle;} .btn_wrap {margin-top:30px;} .btn_wrap a {padding:10px 20px !important; font-size:14px !important; border-radius:30px;} .btn_wrap .list {color:#fff; background-color:#555 !important;} /* 묻고답하기 */ #design .qna_guide {padding:25px 30px 25px 200px; margin-bottom:30px; font-size:15px; line-height:160%; color:#444; background:#fafafa url(../img/bg_board_guide.png) no-repeat 50px 50%; border:1px solid #e2e2e2;} #design .qna_guide strong {font-size:15px; font-weight:500;} #design .qna_guide p {padding-bottom:0 !important;} #design .qna_guide p br {display:none;}