/* CSS Document */ * {font-size:15px;} #allak{min-width:320px} #contain img{width:auto;max-width:100%;height:auto} .top_pop { width:100%; height:70px; padding-top:15px; background:#ff6c2b url(../img/ddea/pop_mobile.png) no-repeat center center; background-size:100%; text-align:center !important; font-size:20px; line-height:20px; font-size:16px; font-weight:bold; color:#fff;} .top_pop strong { font-size:16px; color:#fff667;} /* 수강신청 리스트 */ #design .corona19 {width:100%;border:2px solid #ddd; text-align:center;padding:20px 40px;color:#fe0000;margin-bottom:20px;} #design table.responsive{width:100%;margin-bottom:14px} #design table.responsive caption{display:none;} #design table.responsive thead th{border:1px solid #eee;text-align:center;border-bottom:1px solid #ddd;height:30px;padding:6px 0px;color:#444} #design table.responsive tbody th{border:1px solid #eee;text-align:center;height:30px;padding:6px 0px;color:#444} #design table.responsive th.item{border:1px solid #eee;text-align:center;height:28px;padding:7px 12px;line-height:18px;font-size:12px;background:#fafafa;padding:5px 0px;line-height:18px} #design table.responsive td{border:1px solid #eee;text-align:center;min-height:28px;padding:7px 4px;line-height:18px;background:#fff;} #design table.responsive td a{font-size:13px;} #design table.responsive *{font-size:13px;/*border-top:none !important*/} #design table.responsive thead th:first-child{border-left:0} #design table.responsive tbody th:first-child{border-left:0} #design table.responsive tbody td:first-child{border-left:0} #design table.responsive thead th:last-child{border-right:0} #design table.responsive tbody th:last-child{border-right:0} #design table.responsive tbody td:last-child{border-right:0} /**/ #design #program table.tstyle {width:100%;} #design #program table.tstyle *{font-size:14px} #design #program table.tstyle {text-align:left;} #design #program table.tstyle caption, #design #program table.tstyle colgroup, #design #program table.tstyle .classReday br, #design #program table.tstyle thead {display:none;} #design #program table.tstyle tbody tr {position:relative; display:block; padding-bottom:20px; border-top:1px #000 solid;} #design #program table.tstyle thead tr th {text-align:left; border-bottom:1px solid #252525; background:#f9f9fa;} #design #program table.tstyle tbody tr th {font-weight:400;} #design #program table.tstyle tbody tr th, #design #program table.tstyle tbody tr td {position:relative; display:block; min-height:37px; padding:0 10px; line-height:20px; border-bottom:1px solid #ccc; text-align:left !important; overflow:hidden; border:0;} #design #program table.tstyle tbody tr th.data_th {color:#222;} #design #program table.tstyle tbody tr th.data_th, #design #program table.tstyle tbody tr td.data_th {position:relative; display:block; min-height:37px; padding:0 10px; line-height:20px; border-bottom:1px solid #ccc; text-align:left !important; overflow:hidden;} #design #program table.tstyle tbody tr td.data_th:before, #design #program table tbody tr th.data_th:before {content:attr(data-th); position:absolute; top:0; left:0; padding:10px 0 5px; width:25%; height:100%; line-height:20px; font-weight:500; letter-spacing:-1px; color:#333; background:#fafafa; text-indent:10px; overflow:hidden;} #design #program table.tstyle tbody tr .sl-content {display:block; margin-left:25%; padding:10px; line-height:20px; text-align:left !important; background:#fff;} #design #program table.tstyle tbody td .btn_mini {margin-left:4px; padding:4px 4px 2px; font-size:13px; color:#fff; background-color:#666; border-radius:3px; white-space:nowrap;} #design #program table.tstyle tbody td .btn_mini:hover {background-color:#555;} #design #program table.tstyle tbody td strong {font-weight:400;} #design #program table.tstyle tbody td.classTitle {padding:15px 10px; margin-bottom:10px; background-color:#f9f9f9;} #design #program table.tstyle tbody td.classTitle a {font-size:16px !important; font-weight:600 !important; text-align:left;} #design #program table.tstyle tbody td .classApply:after {content:'/'; display:inline-block; margin:0 -7px 0 5px;} #design #program table.tstyle tbody td .classTarget:before {content:'대상 :'; display:inline-block; margin-right:5px;} #design #program table.tstyle tbody td .classReday:before {content:'접수일 :'; display:inline-block; margin-right:5px;} #design #program table.tstyle tbody td .classDay:before {content:'수강일 :'; display:inline-block; margin-right:5px;} #design #program table.tstyle tbody td.calssBtn {margin-top:10px;} #design #program table.tstyle tbody td.calssBtn a {display:inline-block; width:48%;} #design #program table.tstyle tbody td.calssBtn > .type {display:inline-block; width:48%;} #design #program table.tstyle tbody td .icon_homepage img, #design #program table tbody td .icon_srch img {width:22px;} #design #program table.tstyle tbody td .btn_blank {color:var(--mainColor); font-size:16px; font-weight:500;} #design #program table.tstyle tbody td .btn_blank img {width:16px; vertical-align:-3px; margin-left:4px;} #main{padding:0;} #main #contents {overflow:hidden;} #main .main {margin:0 auto;} #main .main:before {content:''; position:absolute; top:63px; left:0; width:100%; height:260px; background-color:#fff; z-index:-2;} #main .main:after {content:''; position:absolute; top:63px; left:0; width:100%; height:calc(100% - 63px - 249px); background-color:#f5f7fb; z-index:-3;} #main .section {margin-bottom:20px;} #main .section2 {position:relative; margin-bottom:20px;} /* main - visual */ #main .visual {display:flex; flex-wrap:wrap; justify-content:center; align-content:space-between; position:relative; overflow:hidden; width:100%; min-height:500px; padding:20px; margin-bottom:30px; background: url(../img/visual_bg.png) 84% 70% no-repeat; background-size:155%;} #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:10px; text-align:center;} #main .visual .slogan strong {display:block; color:#000; font-family: 'Yeongdo-Rg'; font-size:28px; line-height:normal;} #main .visual .slogan strong * {font-family: 'Yeongdo-Rg'; font-size:28px;} #main .visual .slogan strong em {color:#ee4e4e; vertical-align:-16px; margin-left:-4px;} #main .visual .slogan strong:after {content:''; display:block; width:30px; height:1px; margin:10px auto; background-color:#7f7f7f;} #main .visual .slogan p {margin-bottom:6px; font-size:16px; font-weight:500; color:#000;} #main .visual .slogan span {font-size:13px; line-height:20px; color:#333; letter-spacing:-1px;} #main .service_link {position:relative; display:flex; justify-content: space-around; width:100%;} #main .service_link a {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:80px; height:80px; 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;} #main .service_link a:nth-child(1) i:before {background: url(../img/ico_svc_main1.svg) center center no-repeat; background-size:40px;} #main .service_link a:nth-child(2) i:before {background: url(../img/ico_svc_main2.svg) center center no-repeat; background-size:40px;} #main .service_link a:nth-child(3) i:before {background: url(../img/ico_svc_main3.svg) center center no-repeat;} #main .service_link a span {display:block; color:#333; font-size:15px; 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 #searchbox{overflow:hidden;position:absolute;top:272px;width:100%} #main #searchbox .search{margin:0 14px;border:4px solid #8dc63f} #main #searchbox fieldset{} #main #searchbox fieldset{display:block;overflow:hidden} #main #searchbox fieldset input{float:left;width:84%;height:40px;line-height:40px;font-size:14px;text-indent:6px;border:0;background:#fff} #main #searchbox fieldset button{float:right;width:16%;height:40px;color:#fff;border:0;background:#fff url(../img/search_btn.jpg) no-repeat 50% 50%} /* main - 팝업존 */ #main .popupzone {position:relative; width:94%; margin:0 auto; border-radius:10px; overflow:hidden} #main .popupzone h3 {position:relative; margin-bottom:10px; font-family:var(--fontSubSet); font-size:18px; 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:auto;} #main .popupzone ul ,#main .popupzone ul > li{border-radius:10px} #main .popupzone ul > li > a{display:block;margin: 0;overflow:hidden;line-height:0;} #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:-490px; left:0; overflow: hidden; line-height:normal; animation: flowText 125s linear infinite; z-index:-1;} .flowing-text p {font-family:'Montserrat'; font-size:70px; font-weight:900; 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 {width:94%; padding:20px; margin:0 auto 20px; 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:20px;} #main .news .news_tab li {float:left;} #main .news .news_tab li a {display:block;color:#333;font-size:18px;} #main .news .news_tab li a.sel {color:#333;font-weight:800;} #main .news .ns li {position:relative; overflow:hidden; margin-bottom:5px;} #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; font-size:14px; 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:13px;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:20px; 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 {position:relative; width:94%; max-width:100%; margin:0 auto; background:#fff; border-radius:10px} #main .calendar .calendar_top {width:100%; padding:10px 40px; border-bottom:1px solid #eaeaea;} #main .calendar .calendar_top div {position:relative; display:flex; justify-content: space-around; width:100%;} #main .calendar .calendar_top div h3 {display:block; font-size:20px; 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:100%; border-right:1px solid #eaeaea} #main .calendar .option .close {overflow:hidden; padding:20px; 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; border-bottom:1px solid #eaeaea;} #main .calendar .option .lib_time * {font-size:14px; font-weight:500; color:#555;} #main .calendar .option .lib_time h4 {margin-bottom:10px; color:#333; font-size:17px; 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:90%; margin:30px 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 {display:block; overflow:hidden; margin-top:20px; padding:10px 0 20px; border-top:1px #eaeaea dashed;} #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 .book{margin:0 14px;background:#fff;border-radius:10px;border:1px solid #dadada;margin-bottom:10px;position:relative;overflow:hidden} #main .book .book_tab{border-bottom:1px solid #eee;border-radius:10px 10px 0 0;height:52px} #main .book .book_tab li{float:left} #main .book .book_tab li a{display:block;color:#aaa;font-size:20px;font-weight:400;line-height:52px;padding-left:14px} #main .book .book_tab li a.sel{color:#22b7d2;font-weight:800} #main .book .books{margin-left:14px} #main .book .books dl{float:left;width:100%;padding:20px 0;display:none} #main .book .books dl:first-child{display:block} #main .book .books dt{float:left} #main .book .books dt img{border:1px solid #ccc} #main .book .books dt a{display:block} #main .book .books dd strong{display:block;font-size:16px;color:#333;font-weight:bold;width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:3px} #main .book .books dd strong:hover{text-decoration:underline} #main .book .books dd b{display:block;font-size:13px;color:#333;font-weight:400;padding-bottom:3px} #main .book .books dd{color:#777;font-size:12px;float:left;width:60%;margin-left:10px;margin-top:4px} #main .book .books p.more{position:absolute;top:14px;right:12px;width:23px;height:23px} #main .book02 {margin:0 14px; height:230px;background:#fff;padding:20px;border-radius:10px;border:1px solid #dadada;margin-bottom:10px;position:relative;overflow:hidden} #main .tab_list{} .tab_list ul{position:relative;margin:0;padding:0;font-size:12px;list-style:none;} .tab_list ul:after{display:block;clear:both;content:""} .tab_list li{float:left;margin-bottom:-1px;} .tab_list li span.date {float:right;} .tab_list li a{float:left;position:relative;border:1px solid #eee;border-bottom-color:#ccc;background:#fafafa;color:#666;text-decoration:none;} /* 탭매뉴 변경부분 */ .tab_list li a span{display:inline-block;padding:6px 15px 6px 15px;letter-spacing:-1px;cursor:pointer;} .tab_list li ul{display:none;position:absolute;top:66px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;} .tab_list li ul:after{display:block;clear:both;content:""} .tab_list li li{float:none;width:100%; margin-bottom:40px;} #main .tab_list dl{ position:relative;padding-right:28px;overflow:hidden} #main .tab_list dl:last-child{padding:0} #main .tab_list dt{float:left} #main .tab_list dt img{border:1px solid #aaa;margin-top:1px;margin-left:1px;width:78px;height:118px} #main .tab_list dt a{display:block} #main .tab_list dd {position:absolute; left:88px; top:0;} #main .tab_list dd strong{display:block;font-size:15px;color:#333;font-weight:bold;width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:3px} #main .tab_list dd strong:hover{text-decoration:underline} #main .tab_list dd b{display:block;font-size:12px;color:#333;font-weight:400;padding-bottom:3px} #main .tab_list dd{color:#777;font-size:12px;float:left;margin-left:10px;margin-top:4px} .tab_list li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal} .tab_list li li a:hover, .tab_list li li a:active, .tab_list li li a:focus{color:#000 !important;text-decoration:underline} .tab_list li li.more{position:absolute;top:-62px;width:auto;float:none;right:0;border:0 !important;background:transparent} .tab_list li a.tab_title {border:0; font-size:17px; background:none;line-height:29px; margin-right:20px;} .tab_list li a.tab_title.sel { font-size:21px; font-weight:bold; color:#67a70f; padding-bottom:16px; border-bottom:1px solid #67a70f; } .tab_list.m1 .m1 a span, .tab_list.m2 .m2 a span, .tab_list.m3 .m3 a span{padding-top:7px;font-weight:bold} .tab_list.m1 .m1 ul, .tab_list.m2 .m2 ul, .tab_list.m3 .m3 ul{display:block} .tab_list.js_off{height:auto} .tab_list.js_off ul{border:0} .tab_list.js_off li{float:none;position:relative} .tab_list.js_off li a{display:block;float:none;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333} .tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0} .tab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal} .tab_list.js_off li li.more{top:7px;right:15px} #contain #tabmenu_sub {position:relative; margin-bottom:30px; background:#f7f8fb; border-radius:30px;} #contain #tabmenu_sub ul {display:flex; width:100%;} #contain #tabmenu_sub ul li {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);} /*작은도서관 서브*/ #contain .contain{min-height:420px} #contain #design{margin-bottom:30px; font-size:15px; line-height:24px; letter-spacing:-0.7px;} #design .textBox {border:5px solid #f5f5f5; padding:15px 10px 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:3px;background:url(../img/icon_bp1.png) no-repeat 10px 8px;padding-left:18px;font-size:13px;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 .intro .greeting *{line-height:160%} #design .intro .greeting{background-size:cover;padding-bottom:60px;background:url(../img/greeting_bg_m.jpg) no-repeat 110% 220px} #design .intro .greeting p{color:#444} #design .intro .floors{margin-bottom:10px} #design .intro .floors .floor_tab{overflow:hidden;margin-bottom:8px} #design .intro .floors .floor_tab li{float:left;width:25%;padding-left:5px} #design .intro .floors .floor_tab li:first-child{padding-left:0} #design .intro .floors .floor_tab li a{display:block;border:1px solid #22b7d2;border-radius:3px;color:#22b7d2;background:#fff;height:32px;line-height:32px;text-align:center;font-size:12px} #design .intro .floors .floor_tab li a.sel{color:#fff;background:#22b7d2;} #design .intro .floors .floor{background:#f6f6f6;text-align:center} #design .intro .root_daum_roughmap_landing{width:100% !important} #design .intro .root_daum_roughmap_landing .wrap_map{height:280px !important} #content .years {display:block;border-top:1px solid #22b7d2;width:100%;border-bottom:1px solid #DDD;padding-top:10px;padding-bottom:10px} #content .years:after {content:"";clear:both;display:block;} #content .years dt {padding-left:20px;padding-top:4px;padding-bottom:6px} #content .years .ydate {display:block;float:left;width:100px;text-align:center;color:#666} #content .years dd ul {width:100%} #content .years dd li {clear:both;padding:4px 0 4px 0;color:#333} #content .years dd li.bg {background:#f8f8f8;} #program{} #program #txt_box{overflow:hidden;padding:10px 20px 20px 20px} #program .etc h2{padding:20px 0 10px 42px;font-size:17px;color:#444;background:url(../img/icon_h3.png) no-repeat 20px 26px} #program #txt_box .link_site{width:100%;margin:0 auto} #program #txt_box .link_site li{float:left} #program #txt_box .link_site li a img{width:182px;height:42px;border:1px solid #eee} #program .sitemap_con{overflow:hidden;margin:20px;margin-top:30px} #program .group{float:left;width:25%} #program .group h2{margin:0 20px;padding:10px 0;text-align:center;margin-bottom:10px;font-size:16px;font-weight:400;color:#22b7d2;background:#fff;border:1px solid #22b7d2;border-radius:3px} #program .group > ul > li > a{display:block;padding:6px 1px;border-bottom:1px solid #eee;font-size:13px;letter-spacing:-1px;color:#555} #program .group > ul > li > a:hover{color:#22b7d2} #program .group > ul ul{border-bottom:1px solid #eee;background:#fafafa;margin:0;padding:6px 7px;width:100%} #program .group > ul ul li{padding:3px 0 2px 0} #program .group > ul ul li a{font-weight:normal;font-size:11px;border:none;padding:0;padding-left:12px} #content .alletc{padding:0 0px} #content .alletc > ul{margin-bottom:20px;overflow:hidden} #content .alletc > ul > li{margin:12px 0; padding:0 20px;font-size:13px;font-weight:800;letter-spacing:-1px;color:#333} #content .alletc > ul > li.guide{text-align:center;border:4px solid #f5f5f5;margin:20px;padding:20px 0} #content .alletc > ul > li.guide *{font-size:12px} #content .alletc > ul > li span{float: right; padding-top: 10px; color:#A8A8A8; font-weight:500; letter-spacing:0px;} #content .alletc > ul > li > ul{padding:5px 0} #content .alletc > ul > li > ul > li{padding:0 15px;font-size:14px;font-weight:400;letter-spacing:-1px;color:#666} #content .alletc > ul > li > ul > li > ul{padding:5px 0} #content .alletc > ul > li > ul > li > ul > li{padding:0 20px} #content .alletc > ul > li p{padding:5px 0 20px 0;text-align:center} #content .alletc dl *{font-size:13px;letter-spacing:0} #content .alletc dl{margin-bottom:10px;padding:16px;border:1px solid #eee;overflow:hidden;font-weight:400} #content .alletc dt{} #content .alletc dd{} #main .dday{padding:10px 0;border-bottom:1px solid #ccc} #main .dday dl{position:relative;padding:0 0 20px 0} #main .dday dt{font-size:18px;font-weight:800;color:#000} #main .dday dd{font-size:14px;color:#000} #main .dday dd strong{position:absolute;top:10px;right:0;display:block;font-size:48px;font-weight:800;color:#000} #main .dday dd span{font-size:20px;font-weight:400} #main .date h3{padding:10px 0 0 0;font-size:18px;font-weight:800;color:#000} #main .date ul{padding:10px 0} #main .date ul li{position:relative} #main .date ul li strong{display:block;height:30px;line-height:30px;font-size:13px;font-weight:400;color:#000} #main .date ul li em{position:absolute;top:0;right:0;line-height:30px;font-size:11px;font-weight:700;color:#000} #main .member{position:relative;padding:10px 15px;height:165px;border:1px solid #ccc;background:#fff;display:none} #main .member h3{padding-bottom:15px;font-size:17px;color:#333} #main .member ul li{margin-bottom:8px} #main .member input{padding:0 10px;width:70%;height:27px;line-height:27px;border:1px solid #ccc;background:#fff} #main .member button{position:absolute;top:49px;right:15px;width:25%;height:62px;font-size:15px;color:#000;border:1px solid #ccc;background:#f7f7f7;cursor:pointer} #main .member div{padding:15px 0 15px 0;text-align:center;font-size:16px;color:#000;border:1px solid #eee;border-right:0;border-left:0;background:#fff} #main .member div span a{padding:0 5px;font-size:13px !important} #main .member p{padding:9px 0 0 0} #main .member p a{padding-right:10px;color:#000} #main .member p.samll{text-align:center} #main .member p.samll a{font-size:13px !important} /* #main .banner{padding:20px 0;border-bottom:1px solid #ccc} #main .banner ul{overflow:hidden} #main .banner ul li{float:left;width:50%;margin-bottom:1px} #main .banner ul li a{display:block;padding:20px;font-size:14px} #main .banner .b1 a{margin-right:1px;color:#fff;background:#f05a61 url(../img/ddea/bm1.png) no-repeat 95% 50%} #main .banner .b2 a{color:#fff;background:#8dc63f url(../img/ddea/bm2.png) no-repeat 95% 50%} #main .banner .b3 a{margin-right:1px;color:#fff;background:#00b9ba url(../img/ddea/bm3.png) no-repeat 95% 50%} #main .banner .b4 a{color:#fff;background:#17469e url(../img/ddea/bm4.png) no-repeat 95% 50%} */ #main .faq{position:relative} #main .faq h3{padding:20px 0 0 0;font-size:18px;font-weight:800;color:#000} #main .faq ul{padding:20px 0} #main .faq ul li{position:relative} #main .faq ul li a{display:block;padding-right:0px;height:30px;line-height:30px;font-size:14px;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #main .faq ul li em{position:absolute;top:0;right:0;line-height:28px;font-size:11px;font-weight:700;color:#000} #main .faq ul li.more{position:absolute;top:17px;right:0} #main .faq ul li.more a{padding:0;font-size:24px;font-weight:300} #main .awards{position:relative;padding:50px 0 0 0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6} #main .awards h3{position:absolute;top:-17px;left:0;padding-right:10px;line-height:34px;font-size:24px;font-weight:800;color:#000;background:#fff} #main .awards ul{overflow:hidden} #main .awards li{float:left;width:100%} #main .awards li a{display:block;margin:5px 5px 10px 5px;position:relative} #main .awards li dt{border:1px solid #ccc;height:200px;overflow:hidden} #main .awards li dt img{width:auto;max-width:100%;height:auto} #main .awards li dd{position:relative;padding:10px 0 0 0} #main .awards li dd div{position:absolute;top:7px;right:0;display:block;width:35px;height:25px;line-height:25px;font-size:11px;text-align:center;color:#333;border:1px solid #eee;background:#fff} #main .awards li dd span{display:block;font-size:15px;color:#000;font-weight:700} #main .awards li dd strong{display:block;padding:2px 0;font-weight:400} #main .awards li a:hover .detail{display:block} #main .awards li .detail{position:absolute;top:0;left:0;width:215px;height:215px;background:rgba(0,0,0,0.5);display:none} #main .awards li .detail *{color:#fff} #main .awards li .detail strong{display:block;padding:15px;font-size:16px} #main .awards li .detail i{display:block;margin:0 15px;width:20px;height:1px;background:#fff} #main .awards li .detail span{display:block;padding:15px;font-size:12px} #main .awards li .detail .txt{height:110px;line-height:20px;overflow:hidden} #main .awards li .detail .sch{line-height:20px} #main .awards .mobtn{position:absolute;top:-20px;right:0} #main .awards .mobtn a{display:block;padding:0 0 0 20px;line-height:37px;font-size:24px;background:#fff} #main .awards .more a{display:block;line-height:37px;text-align:center;border:1px solid #dedede;background:#fbfbfb} #main .awards .more strong{padding:0 0 0 37px;font-size:15px;line-height:37px;height:37px;background:url(../img/ddea/btn_more_arrow.png) no-repeat 0 50%} #main .support{margin:0;padding:0 0 12px 0;overflow:hidden} #main .support dl{padding-bottom:20px;overflow:hidden} #main .support dt{font-size:15px;color:#000} #main .support dd a{text-align:center} #main .support dd a img{display:block;margin:0 auto} #main .support .sp1{float:left;width:50%} #main .support .sp2{float:left;width:50%} #main .support .sp3{float:left;width:100%} #main .support .sp3 dd{float:left;width:50%} #main .support .sp4{float:none} #main .support .sp4 dd{float:left;width:50%} /**/ #dkboard .dk_tabmenu{padding-bottom:30px} #dkboard .dk_tabmenu *{margin:0;padding:0;border:0;list-style-type:none} #dkboard .dk_tabmenu ul{margin:0 -1px;border:0;list-style-type:none;overflow:hidden;} #dkboard .dk_tabmenu ul:before, #dkboard .dk_tabmenu ul:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_tabmenu li{float:left;width:50%;text-align:center} #dkboard .dk_tabmenu li a{display:block;margin:1px;height:30px;line-height:30px;font-size:14px;color:#888;border:1px solid #ccc;background:#fafafa} #dkboard .dk_tabmenu li a:hover, #dkboard .dk_tabmenu li a.sel{color:#000;border:1px solid #333;background:#fff} /**/ #dkboard .dk_fieldset{position:relative} #dkboard .dk_fieldset fieldset{position:relative;margin:0 80px 30px 80px;padding:20px 0 0 0;border:1px solid #d9d9d9} #dkboard .dk_fieldset fieldset legend{display:none} #dkboard .dk_fieldset .type{position:relative;} #dkboard .dk_fieldset .type:before, #dkboard .dk_fieldset .type:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_fieldset .type label{display:block;margin:0 20% 5px 20%;line-height:25px} #dkboard .dk_fieldset .type label strong{position:absolute;top:0;left:10%;line-height:25px;font-size:14px;font-weight:400} #dkboard .dk_fieldset .type label span{display:block;border:1px solid #ccc} #dkboard .dk_fieldset .type label input{padding:5px 0;width:100%;text-indent:10px} #dkboard .dk_fieldset .type label select{padding:5px 0;width:100%;border:1px solid #ccc;text-indent:6px} #dkboard .dk_fieldset .order{margin:20px 0 0 0;padding:10px 0;border-top:1px solid #ccc;background:#f7f7f7} #dkboard .dk_fieldset .order .hunmin{text-align:center} #dkboard .dk_fieldset .order .hunmin a{display:inline-block;padding:5px;border:1px solid #ccc;background:#fff;border-radius:3px} #dkboard .dk_fieldset .button{position:absolute;top:24px;right:50px} #dkboard .dk_fieldset .button button{width:80px;height:72px;font-size:15px;color:#fff;border:0;border-top:4px solid #035ca9;background:#0480ce} /**/ #dkboard .dk_title{} #dkboard .dk_title:before, #dkboard .dk_title:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_title *{margin:0;padding:0;font-size:15px;border:0;list-style-type:none} #dkboard .dk_title h3{padding-left:0px;line-height:40px;font-weight:400;color:#333;background:url(../img/ddea/bullet_t1.png) no-repeat 0 6px} #dkboard .dk_title .dk_search{} /**/ #dkboard .dk_search{padding:0 0 30px 0 !important;} #dkboard .dk_search:before, #dkboard .dk_search:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_search fieldset{} #dkboard .dk_search fieldset legend{display:none} #dkboard .dk_search fieldset select{padding:6px 5px;padding-right:30px;font-size:12px;font-weight:400;color:#777;border:1px solid #ccc;background:#fff url(../img/go_link_arr.png) no-repeat 90% 50%;border-radius:0;-webkit-appearance:none} #dkboard .dk_search fieldset input{padding:6px 5px;font-size:12px;font-weight:800;color:#777;border:1px solid #ccc} #dkboard .dk_search fieldset button{position:relative;top:0px;padding:7px 12px 8px 12px;font-size:11px;font-weight:800;letter-spacing:-1px;color:#fff;border:0;background:#333} #dkboard .device img{width:180px} /* 공지사항 */ #dkboard .dk_table h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9} #dkboard .dk_table table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_table table{width:100%;line-height:16px;border-collapse:collapse;border-top:2px solid #252525} #dkboard .dk_table table caption{display:none} #dkboard .dk_table table tbody tr.notice td{border-bottom:1px solid #c5d7e0;background:#f3f3f1} #dkboard .dk_table table thead th{height:37px;line-height:37px;font-size:13px;font-weight:700;letter-spacing:-1px;text-align:center;color:#000;background:#fafafa url(../img/board/table_th.png) repeat-x 0 100%} #dkboard .dk_table table tbody td{padding:5px 10px;font-size:13px;color:#333;text-align:center;background:#fff} #dkboard .dk_table table tbody td a{line-height:15px;font-size:13px;color:#333} #dkboard .dk_table table tbody td a.company{display:block;padding:5px 0 5px 30px;font-size:16px;color:#000;background:url(../img/ddea/ico_company.png) no-repeat 0 50%} #dkboard .dk_table table tbody td img{vertical-align:middle} #dkboard .dk_table table tbody td ul{text-align:left} #dkboard .dk_table table tbody td li{font-size:15px;line-height:20px;color:#333} #dkboard .dk_table table tbody td.subject{padding:10px;text-align:left;white-space:normal} #dkboard .dk_table table tbody td.subject div{position:relative;padding:5px 0;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #dkboard .dk_table table tbody td.subject a{color:#555/*;text-overflow:ellipsis;white-space:nowrap;overflow:hidden*/} #dkboard .dk_table table tbody td.subject span{font-size:11px;font-weight:800;letter-spacing:-1px} #dkboard .dk_table table tbody td.subject span img{} #dkboard .dk_table table tbody td.subject .new{position:relative;top:3px;display:inline-block;width:14px;height:17px;background:url(../img/ddea/ico_new.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} #dkboard .dk_table table tbody td.subject .secret{position:relative;top:3px;display:inline-block;width:14px;height:17px;background:url(../img/ddea/ico_secret.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} #dkboard .dk_table .dk_none {display:none;} /* #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:10px 20px;font-size:15px;color:#333;border-top:2px solid #333;border-bottom:1px solid #aaa;background:#fff} #dkboard .dk_view h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9} #dkboard .dk_view dl{position:relative;padding-left:30%;border-bottom:1px solid #eee;overflow:hidden;} #dkboard .dk_view dl * {font-size:13px;} #dkboard .dk_view dt{position:absolute;top:10px;left:20px;line-height:20px} #dkboard .dk_view dd{padding:10px 0;line-height:20px} #dkboard .dk_view .img{float:left;width:30%} #dkboard .dk_view .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #dkboard .dk_view .info{float:right;margin:0 0 20px 0;width:65%} #dkboard .dk_view .cominfo{margin:0 0 20px 0} #dkboard .dk_view .contents{padding:20px;min-height:300px} /**/ #dkboard .dk_detail{margin-bottom:20px;} #dkboard .dk_detail:before, #dkboard .dk_detail:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_detail *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_detail h2{margin:10px 0 30px;padding:20px 30px;font-size:16px;color:#0473ba;border-top:2px solid #0473ba;border-bottom:1px solid #0473ba;background:#fff} #dkboard .dk_detail h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9} #dkboard .dk_detail table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_detail table{width:100%;border-collapse:collapse;border-top:1px solid #ccc} #dkboard .dk_detail table caption{display:none} #dkboard .dk_detail table th{padding:10px 20px;text-align:left;border-bottom:1px solid #ccc;background:#fff} #dkboard .dk_detail table td{padding:10px;font-size:14px;color:#333;border-bottom:1px solid #ccc;background:#fff} #dkboard .dk_detail table td a{font-size:14px;color:#333} #dkboard .dk_detail .capacity{min-height:50px;overflow:hidden} #dkboard .dk_detail .capacity dl{float:left;width:11.11%;text-align:center;position:static} #dkboard .dk_detail .capacity dt{display:block;padding:5px 0;background:#ecf9f4} #dkboard .dk_detail .capacity dd{display:block;padding:5px 0} #dkboard .dk_detail .img{float:left;width:30%} #dkboard .dk_detail .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #dkboard .dk_detail .info{margin:0 0 20px 0} #dkboard .dk_detail .info dl{position:relative;padding-left:160px;border-top:1px solid #ccc;overflow:hidden} #dkboard .dk_detail .info dt{position:absolute;top:10px;left:20px;line-height:20px} #dkboard .dk_detail .info dd{padding:10px 0;line-height:20px} /**/ #dkboard .dk_paging{padding:0 0 10px 0;text-align:center} #dkboard .dk_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #dkboard .dk_paging .paging{padding:20px 0} #dkboard .dk_paging .paging span span{color:#2d4594;font-size:11px;display:none} #dkboard .dk_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000} #dkboard .dk_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5} #dkboard .dk_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-left:0px solid #ccc} #dkboard .dk_paging .prev{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-left:1px solid #ccc} #dkboard .dk_paging .next{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-right:1px solid #ccc} #dkboard .dk_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-right:0px solid #ccc} /**/ #program .dk_paging{padding:0 0 10px 0;text-align:center} #program .dk_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #program .dk_paging .paging{padding:20px 0} #program .dk_paging .paging span span{color:#2d4594;font-size:11px;display:none} #program .dk_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000} #program .dk_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5} #program .dk_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-left:0px solid #ccc} #program .dk_paging .prev{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-left:1px solid #ccc} #program .dk_paging .next{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-right:1px solid #ccc} #program .dk_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#888;border-right:0px solid #ccc} /**/ #dkboard .dk_button{padding:10px 0;text-align:right} #dkboard .dk_button *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #dkboard .dk_button a{display:inline-block;padding:5px 20px;font-size:13px;color:#fff;border:1px solid #222;background:#444} /**/ #dkboard select{padding:0 10px;height:30px;vertical-align:middle;font-size:14px;border:1px solid #ccc} #dkboard .basic_write input[type="text"], #dkboard .basic_write input[type="password"]{padding:0 10px;height:30px;border:1px solid #ccc;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:0;-webkit-border-radius:0;line-height:30px;font-size:14px;font-family:inherit} /**/ #dkboard .faqlist *{margin:0;padding:0;list-style-type:none} #dkboard .faqlist li{padding:20px 0;border-bottom:1px solid #ccc} #dkboard .faqlist li dl{padding:10px 0;position:relative} #dkboard .faqlist li dt{position:absolute;top:10px;left:0} #dkboard .faqlist li dt strong{font-size:24px;font-family:Arial, Helvetica, sans-serif} #dkboard .faqlist li dd{padding-left:40px} #dkboard .faqlist li dd br{display:none} /**/ #dkboard .prevnext{padding:0 0 10px 0} #dkboard .prevnext *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #dkboard .prevnext ul{border-top:1px solid #eee} #dkboard .prevnext li{position:relative;padding:10px 80px;border-bottom:1px solid #eee} #dkboard .prevnext li strong{position:absolute;top:10px;left:0;display:block;color:#777} #dkboard .prevnext li p{color:#999} #dkboard .prevnext li a{display:block;padding-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #dkboard .prevnext li span{position:absolute;top:10px;right:0;display:block;color:#999} /*********** 덧글 영역 ************/ div.sg_reply{width:100%} div.sg_reply .writing{background: url(../img/line_dotted.gif) repeat-x bottom;padding:10px;font-size:0.92em} /*덧글내용*/ div.sg_reply .writing .info .id{font-weight:700} div.sg_reply .writing .info .day{color:#ff6f6f} div.sg_reply .writing .info img{vertical-align:middle;margin-bottom:2px} div.sg_reply .writing .con{line-height:16px;padding-top:7px} /*덧글쓰기 폼*/ div.sg_reply .reply_form{margin-top:10px} div.sg_reply .reply_form .outline{} div.sg_reply .reply_form .outline fieldset legend {padding:0;font-size:0;line-height:0;text-indent: -2000px} div.sg_reply .reply_form .outline .row_input{padding:2px 15px} div.sg_reply .reply_form .outline .row_input input{vertical-align:middle;margin-bottom:2px} div.sg_reply .reply_form .outline .row_input span.pad{padding-left:30px} div.sg_reply .reply_form .outline textarea{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:40px;width:648px} #wd_print .guide_txt{padding:5px 0 20px 0;text-align:right;border-bottom:1px solid #333} #wd_print .guide_txt .required{color:#f00;font-weight:700} #wd_print .row_input{position:relative;padding:10px 0 10px 90px;min-height:51px;border-bottom:1px solid #d2d2d2;overflow:hidden} #wd_print .row_input *{font-size:14px !important} #wd_print .row_input > label{display:block;position:relative;padding:4px 0} #wd_print .row_input span.head{position:absolute;top:10px;left:20px;display:block;line-height:30px;font-weight:700;text-align:left;white-space:nowrap;color:#464646} #wd_print .row_input span.required{position:absolute;top:15px;left:10px;color:#f00;font-weight:700} #wd_print .row_input span.info {width:auto !important;margin:0;padding-top:6px;display:block;letter-spacing: -0.05em;border:none} #wd_print .row_input input.long {width:auto !important} #wd_print .row_input span.data {display:block;padding:4px 0 2px 0;line-height:140%} #wd_print .row_input .dk_textarea{padding:10px;width:100%;height:300px;border:1px solid #ccc} div.sg_pass{padding:20px 0} div.sg_pass .sg_pass_box{border:solid #d2d2d2;border-width:2px 0;padding:30px 0;text-align:center;background:#f9f9f9} div.sg_pass .sg_pass_box span{padding:0 0 0 13px;background:url(../img/bullet_arrow.gif) no-repeat 0 0.2em} div.sg_pass .sg_pass_box input{vertical-align:middle;margin-bottom:4px;width:150px} div.sg_pass .button{text-align:center;padding-top:15px} div.sg_pass .button button{padding:5px 20px;color:#fff;border:1px solid #333;background:#333} div.sg_pass .button a{padding:5px 20px;color:#333;border:1px solid #999;background:#fff} div.sg_reply{padding-bottom:50px} div.sg_reply .reply_form{overflow:hidden} div.sg_reply .reply_form h2{color:#333 !important;font-size:14px !important;;margin:10px 0;float:left;background:none;padding:0} div.sg_reply .reply_form p.reply_num{text-align:right;float:right;font-size:12px;margin:10px 0 0 0} div.sg_reply .reply_form .outline{clear:both} div.sg_reply .reply_form .outline fieldset{border:0;overflow:hidden} div.sg_reply .reply_form .outline .row_input_reply{float:left;width:80%} div.sg_reply .reply_form .outline .row_input_reply textarea{padding:10px;width:100%;height:50px;border:1px solid #dfdfdf;resize:none;overflow-y:auto} div.sg_reply .reply_form .outline .row_input_reply .sg_file{width:100%;border:1px solid #dfdfdf;background:#fff} div.sg_reply .reply_form .outline .btn_board_ok{float:right;width:18%;height:50px;color:#fff;border:0;background:#777} div.sg_reply .writing{border-bottom:1px solid #dfdfdf;padding:10px 0;font-size:12px;clear:both;overflow:hidden;position:relative} div.sg_reply .best_wrap{margin:10px 0 0;border-top:1px solid #c5d7e0} div.sg_reply .best_wrap .writing{padding:10px;background:#f3f3f1;border-bottom:1px solid #c5d7e0} div.sg_reply .best_wrap .writing .best_re{position:absolute;left:0;top:0} div.sg_reply .writing_re{padding:10px 0 10px 40px;overflow:hidden;background:url(../img/ddea/ico_reply.png) no-repeat 5px 12px} div.sg_reply .writing .profile_photo{float:left;width:42px;height:50px} div.sg_reply .writing .profile_photo img {width:42px;height:50px} div.sg_reply .writing .con_wrap{color:#555} div.sg_reply .writing .con_wrap #con_info{overflow:hidden} div.sg_reply .writing .con_wrap #con_info .info{float:left} div.sg_reply .writing .con_wrap #con_info .info .id{font-weight:700;margin-right:10px;position:relative;display:inline-block} div.sg_reply .writing .con_wrap #con_info .info .level01{background-position:0 0} div.sg_reply .writing .con_wrap #con_info .info .level02{} div.sg_reply .writing .con_wrap #con_info .info .level03{background-position:0 -40px} div.sg_reply .writing .con_wrap #con_info .info .level04{background-position:0 -60px} div.sg_reply .writing .con_wrap #con_info .info .day{color:#888} div.sg_reply .writing .con_wrap .m_d{float:right} div.sg_reply .writing .con_wrap .m_d .postedit{float:left} #like_icon{text-align:left;background:url("http://lib.buk.daegu.kr/library/css/../img/common/like_bg02.jpg") no-repeat 0 0;height:28px;float:right} #like_icon span{display:inline-block;padding:0 0 0 30px;width:43px;font-weight:700;color:#226aaa} div.sg_reply .writing .con_wrap .con{font-size:12px;margin-top:4px} /**/ #sg_btn_area{padding:10px 0 !important;text-align:right} #sg_btn_area *{margin:0;padding:0;border:0;list-style-type:none} #sg_btn_area a, #sg_btn_area button{display:inline-block;padding:5px 14px 7px 14px;font-size:13px;font-family:'맑은 고딕';color:#fff;border:1px solid #555;background:#555} #sg_btn_area input{padding:5px 14px 7px 14px;font-size:13px;font-family:'맑은 고딕';color:#fff;border:1px solid #555;background:#555} /**/ #sg_paging{padding:0 0 10px 0;text-align:center} #sg_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #sg_paging .paging{padding:20px 0;} #sg_paging .paging span span{color:#2d4594;font-size:11px;display:none} #sg_paging .paging strong{display:inline-block;padding:5px 10px;color:#2d4594;border:1px solid #2d4594} #sg_paging .paging a.paging_num{display:inline-block;padding:5px 10px;color:#777;border:1px solid #e1e1e1} #sg_paging .start{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#777;border-left:0px solid #ccc} #sg_paging .prev{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#777;border-left:1px solid #ccc} #sg_paging .next{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#777;border-right:1px solid #ccc} #sg_paging .end{display:inline-block;padding:0 10px;font-size:11px;letter-spacing:-1px;color:#777;border-right:0px solid #ccc} #program .sitemap_con{overflow:hidden} #program .group{float:left;width:100%} #program .group h2{margin:10px 0;padding:10px 0;margin-bottom:10px;font-size:16px;font-weight:400;color:#22b7d2;background:#fff} #program .group > ul{margin:5px 0} #program .group > ul > li > a{display:block;padding:5px 0;font-size:13px;letter-spacing:-1px} #program .group > ul > li > a:hover{color:#22b7d2} #program .group > ul ul{border-bottom:1px solid #e0e0e0;background:#F7F7F7;margin:0;padding:6px 7px;width:100%} #program .group > ul ul li{padding:3px 0 2px 0} #program .group > ul ul li a{font-weight:normal;font-size:11px;border:none;padding:0;padding-left:12px} /**** 이달의행사 달력 폼 *****/ /* 월표시 등... */ #program #calendar_month .tit{font:italic 15px bold NanumMyeongjo} #program #calendar_month_warpper {position:relative;width:100%;margin-top:30px;margin-bottom:20px;padding:0 0 12px 0} #program #calendar_month_warpper .month_select {margin-top:15px; text-align:center;} #program #calendar_month_warpper .month_select input{width:70px; height:40px; vertical-align:middle;margin-bottom:0;font-size:14px;cursor:pointer; border-radius:0; -webkit-border-radius: 0 !important;} #program #calendar_month_warpper .month_select select{width:70px; height:40px; padding:0px 10px; font-size:16px; color:#777; border:1px solid #ccc; border-radius:0; -webkit-border-radius: 0;} #program #calendar_month_warpper .calendar_month {text-align:center;} #program #calendar_month_warpper .calendar_month span { font-size:35px; font-weight: 800; vertical-align: bottom; color: #313742;} #program #calendar_month_warpper form {} #program #calendar_month_warpper .guide{/*position:absolute;right:0;top:110px;text-align:right;*/padding:10px;margin:20px 0 0;display:block;text-align:center;border: 4px #f1f1f1 solid;} #program #calendar_month_warpper .guide:after {content:''; clear:both; display:block;} #program #calendar_month_warpper .guide li{/*float:left;*/display:inline-block; text-align:center; padding:0 5px;font-size:13px;} #program #calendar_month_warpper .guide li img {vertical-align:middle;} #program #calendar_month_warpper .submit_bt {display:inline-block;height:30px;padding:5px 10px;background-color:#444;color: #fff;border-radius:3px} #design #program #calendar {overflow:auto;} #design #program #calendar:before {content:'아래 표를 좌우로 움직여주세요.'; display:block; padding-left:40px; margin-bottom:10px; font-size:14px; color:#666; background:url(../img/icon_hand.svg) 0 0 no-repeat;} #design #program #calendar table {width:100%;min-width:700px;border-top:2px solid #252525; border-collapse:collapse} #design #program #calendar table thead th {padding:15px 8px;font-weight:500;text-align:center;color:#222; border-bottom:1px solid #252525; background:#f9f9fa;} #design #program #calendar table tbody th {border:1px solid #e1e1e1} #design #program #calendar table tbody td {position:relative;height:100px;border:1px solid #e1e1e1;padding:7px; vertical-align:top;} #design #program #calendar table tbody td * {font-size:13px; color:#333;} #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 .result {margin-top:20px;} #design #program #calendar .day_num{position:absolute;top:3px;left:4px;font-weight:500;} #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:13px; font-weight:500; line-height:16px; 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; line-height:16px;} #design #program #calendar table tbody td .time_info span {display:block; font-size:13px; color:#222; font-weight:500;} /* #design #program #calendar table {width:100%; text-align:left;} #design #program #calendar table * {font-size:14px} #design #program #calendar table caption, #design #program #calendar table colgroup, #design #program #calendar table .classReday br, #design #program #calendar table thead {display:none;} #design #program #calendar table tbody tr {position:relative; display:block;} #design #program #calendar table thead tr th {text-align:left;} #design #program #calendar table tbody tr td {position:relative; display:block; border-bottom:1px solid #ccc;} #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 .day_num{} #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;} */ /* 일정 상세보기 */ #program #schedule_view_head h3 {margin-bottom:20px;} #program #schedule_view_head h4 {padding:12px; font-size:19px; 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:15px 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; font-size:12px} #program div.schedule_view_bgbottom ul.lecture li {display:flex; width:100%; line-height:140%; padding:10px 0; vertical-align:top; border-bottom:1px solid #eee;} #program div.schedule_view_bgbottom ul.lecture li * {font-size:14px;} #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 {width:100%; text-align:center; color:#555; font-size:14px; font-weight:500; background-color:#F5F5F5; border:1px #eee solid; border-radius:25px;} #program div.schedule_view_bgbottom ul.lecture + p a:hover {background-color:#555; color:#333;} #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:80px;} #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 div.lecture_view{line-height:140%;width:100%;overflow:hidden} #program div.lecture_view h4{margin:0; font-size:20px; font-weight:800; letter-spacing:-1px; color:#222; vertical-align:middle; border-bottom:2px solid #222; padding-bottom:20px;} #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; flex-wrap: wrap; width:100%;} #program div.lecture_view .row_info dl * {font-size:14px;} #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:40%; padding:12px 20px; color:#333; font-weight:500; background-color:#f8f8fa;} #program div.lecture_view .row_info dd {float:left; width:60%; padding:12px 20px; height:100%;} #program div.lecture_view .row_info dd.wpix{width:60%;} #program div.lecture_view .row_info dd.box_area{padding:4px 15px 4px 10px;/* 인풋박스 들어갈때 */} #program div.lecture_view .row_info dd.wpix + dt, #program div.lecture_view .row_info dd:nth-child(4) {border-top:1px #ddd solid;} #program div.lecture_view .row_info .check_guide {padding:10px;} #program div.lecture_view .row_info dd .input_box{border:1px solid #cdcdcd;vertical-align:top} #program div.lecture_view_detail {clear:both; width:100%;} #program div.lecture_view .pic{ display:block; width:100%; text-align:center; border-bottom:1px solid #ddd; background:#fafafa; border-top:0px; padding:12px 0;} #program div.lecture_view .pic img { width:60%; margin:0 auto; display:block; border:1px solid #ddd;} #program div.lecture_view .row_info2 {border-bottom:1px solid #ddd;} #program div.lecture_view .row_info2 dl {clear:both; display:block; overflow:hidden; padding:20px 10px 10px;} #program div.lecture_view .row_info2 dl * {font-size:14px;} #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:both; float:left; color:#5e5e5e; font-weight:600; width:80px; background:url(../img/icon_bp1.png) no-repeat 0 10px;} #program div.lecture_view .row_info2 dd{float:left; width:auto; 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;} #program div.lecture_view .lecture_contents * { font-size:12px !important; line-height:18px !important;} #program div.lecture_view .lecture_contents h3 { font-size:15px !important; color:#333; padding-bottom:6px;} .lecture_list{float:left;width:100%;margin-bottom:20px} #program .lecture_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 * {display:block; margin-top:4px; font-size:13px !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 {width:100%; overflow:hidden;} #program .lecture_write fieldset legend{padding:0;font-size:0;line-height:0} #program .lecture_write fieldset .info_txt{line-height:150%;background:#f7f7f7;border-bottom:1px solid #dadada;padding:7px 12px} #program .lecture_write .row_input{position:relative;clear:both;width:100%;height:auto;min-height:45px;margin:0;padding:8px 0 8px 140px;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:0;padding:0;font-size:12px} #program #txt_box{margin:10px 0;padding:20px;border:1px solid #e2e2e2;background:#fafafa} #program #txt_box li{padding-bottom:4px;color:#333;background:url(../img/icon_dp2.jpg) no-repeat 0 9px;padding-left:12px} #program .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:120px;height:100%;color:#222;margin:0;padding:15px 15px 10px 10px; font-size:14px;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:15px !important; font-weight:500; color:#333 !important;} #program .lecture_write .post_btn { width:60px; height:20px; 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:14px; 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; font-size:14px;} .commend{text-align:center;padding-top:10px;vertical-align:top} .commend * {vertical-align:top !important} .commend input {padding:0; border:0;} #program .type{display:block;padding:7px 5px; font-size:inherit !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:7px 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:500;letter-spacing:-1px;color:#fff; border: 2px solid #1769A3; background: #003258;} #program .btn_deadline{color:#C5C5C5; font-weight:500;} /**/ #design .member{} #design .member *{font-size:14px;color:#000} #design .member .idpw{clear:both;overflow:hidden} #design .member .idpw h3{padding-bottom:5px;font-size:20px;color:#333} #design .member .idpw div{position:relative;padding-bottom:10px;font-size:15px} #design .member .idpw div ul{padding-bottom:30px} #design .member .idpw div ul li{padding:2px 0;font-size:13px;color:#00a19c} #design .member .idpw div p{padding-bottom:20px;font-size:17px;text-align:center} #design .member .idpw fieldset{position:relative;padding:20px 0;border:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc} #design .member .idpw fieldset ul{margin:0 auto;width:400px} #design .member .idpw fieldset ul li{position:relative;margin-bottom:8px;padding-left:80px} #design .member .idpw fieldset ul li label{position:absolute;top:0;left:0;line-height:27px} #design .member .idpw input.t_txt{padding:0 10px;width:210px;height:27px;line-height:27px;border:0;border-bottom:1px solid #ccc;background:#fff} #design .member .login{} #design .member .login h3{display:none} #design .member .login div{padding:20px 0;font-size:15px} #design .member .login div ul li{padding:3px 0;font-size:13px;color:#c00} #design .member .login fieldset{position:relative;padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc} #design .member .login fieldset ul{padding:0 0 10px 20px} #design .member .login fieldset ul li{position:relative;margin-bottom:8px;padding-left:80px} #design .member .login fieldset ul li label{position:absolute;top:0;left:0;line-height:27px} #design .member .login input.t_txt{padding:0 10px;width:90%;height:27px;line-height:27px;border:0;border-bottom:1px solid #ccc;background:#fff} #design .member .login button{margin:0 5%;width:90%;height:45px;font-size:16px;color:#fff;border:0;background:#999;border-radius:3px} #design .member .login p{padding:20px 0;text-align:center} #design .member .login p a{padding:0 10px;font-size:16px;color:#333} #design .member .terms fieldset{position:relative;padding:20px 0} #design .member .terms fieldset h3{padding-bottom:10px;font-size:15px;font-weight:400;color:#000} #design .member .termswrap{padding-bottom:50px} #design .member .termswrap div{padding:10px;height:210px;border:1px solid #ccc;overflow-y:scroll} #design .member .termswrap div p{padding-bottom:20px} #design .member .termswrap div ul li ul{padding:5px 5px 20px 5px} #design .member .termswrap div textarea{float:left;display:block;padding:2%;width:100%;height:210px;line-height:18px;border:0} #design .member .termswrap label{display:block;padding:10px 0;font-size:14px} #design .member .certify{padding:50px 0} #design .member .certify p{padding-bottom:10px} #design .member .certify ul{padding:10px 0} #design .member .guide{margin:20px 0 0 0;padding:20px 0;border-top:1px solid #ccc} #design .member .guide a{display:block;margin-bottom:10px;color:#f00} #design .member .comp{padding:200px 0 30px 0;background:url(../img/ddea/comp.png) no-repeat 50% 40px;overflow:hidden} #design .member .comp dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .member .comp dt{float:left;width:30%} #design .member .comp dd{float:left;width:70%} #design .member .comp .txt{padding:10px 0;font-size:20px;text-align:center;border-top:2px solid #333;border-bottom:1px solid #333} #design .member .comp .c1{float:left;width:48%;overflow:hidden} #design .member .comp .c2{float:right;width:48%;overflow:hidden} /**/ #design .member .step{padding:10px 0} #design .member .step dl{padding-bottom:20px} #design .member .step dt{padding-bottom:5px;font-size:24px;color:#333} #design .member .step ol{border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden} #design .member .step ol li{float:left;position:relative;padding:20px 0;width:25%;text-align:center} #design .member .step ol li span{display:block;font-size:11px} #design .member .step ol li strong{display:block;font-size:17px} #design .member .step ol li i{position:absolute;top:50%;right:-5px;display:block;margin:-10px 0 0 0;width:10px;height:20px;background:url(../img/ddea/step_arrow.png) no-repeat 50% 50%} #design .member .step ol li.sel{border-bottom:3px solid #333} #design .member .form{padding:30px 0} #design .member .form fieldset{border:0} #design .member .form dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .member .form dt{padding-bottom:5px} #design .member .form dd br, #design .member .form dd span{display:block} #design .member .form dd select{border:1px solid #ccc} #design .member .form dd .t_txt{border:1px solid #ccc} #design .member .form dd .w500{width:100% !important} #design .member .form dd .select_01{width:100% !important} #design .member .form dd .btn{padding:5px 20px;color:#fff;background:#555} #design .member .button{padding:10px 0;text-align:center} #design .member .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa} #design .member .button button{margin-bottom:10px;padding:13px 0;width:100%;font-size:17px;text-align:center;color:#fff;border:0;background:#555;border-radius:5px} #design .member .button a{display:inline-block;margin:0 10px;padding:10px 20px;color:#333;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px} /**/ #design .member > h3{padding:0 0 10px 25px;font-size:17px;background:url(../img/ddea/sub_icon01.png)no-repeat 0 3px} #design .member > p{padding-bottom:20px} #design .member > .dp1{position:relative;margin-bottom:10px;padding:0 0 0 25px;line-height:20px;font-size:15px;letter-spacing:-1px;color:#555} #design .member > .dp1 > li{padding-bottom:10px} #design .member > .dp1 .dp2{padding:10px} #design .member > .dp1 .dp2 > li{position:relative;padding-bottom:5px} #design .member > .dp1 .dp2 > li i{position:absolute;top:-2px;left:0;display:block;width:16px;height:16px;background:url(../img/gumilib/dp2.png) no-repeat 50% 8px} #design .member > .dp1 .dp2 > dl{overflow:hidden} #design .member > .dp1 .dp2 > dl dt{float:left;width:8%} #design .member > .dp1 .dp2 > dl dd{float:left;width:92%;line-height:24px} #design .member > .dp1 .dp2 i{display:inline-block;width:16px;height:16px;background:url(../img/gumilib/dp2.png) no-repeat 50% 8px} #design .member > .dp1 .dp2 table{margin:5px 0 10px 0} #design .member > .dp1 .dp2 li dl{margin-bottom:10px;padding:20px;border:1px solid #eee;overflow:hidden} #design .member > .dp1 .dp2 li dt{float:left;width:30%} #design .member > .dp1 .dp2 li dd{float:left;width:70%} #design .member > .dp1 .dp3{margin-bottom:30px;padding:0 10px} #design .member > .dp1 .dp3 > li{position:relative;padding-left:20px} #design .member > .dp1 .dp3 > li i{position:absolute;top:-1px;left:0;display:block;width:16px;height:16px;background:url(../img/gumilib/dp3.png) no-repeat 50% 8px} /**/ #design .mypage{padding:50px} #design .mypage *{font-size:14px;color:#000} #design .mypage .login h3{padding-bottom:5px;font-size:30px;color:#333;text-align:center} #design .mypage .login div{position:relative;padding-bottom:10px;font-size:15px;text-align:center} #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:94%;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{} #design .mypage .form dd{} #design .mypage .form dd span{display:block} #design .mypage .form dd select{border:1px solid #ccc} #design .mypage .form dd .t_txt{border:1px solid #ccc} #design .mypage .form dd .w200, #design .mypage .form dd .w500{width:100% !important} #design .mypage .form dd .select_01{width:100%} #design .mypage .form dd .btn{padding:5px 20px;color:#fff;background:#555} #design .mypage .button{padding:20px 0;text-align:center} #design .mypage .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa} #design .mypage .button button{padding:13px 40px;font-size:17px;text-align:center;color:#fff;border:0;background:#000;border-radius:5px} #design .mypage{padding:20px 0} #design .mypage .mypage01 h3{padding-bottom:10px;font-size:24px;color:#333} #design .mypage .mypage01 td.tal a{} #design .mypage .okay{padding:100px 0 20px 0} #design .mypage .okay *{font-size:13px} #design .mypage .okay p{padding:20px 0;margin-bottom:20px;color:#f04d48;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:center} #design .mypage .okay p a{display:block;margin-bottom:5px;padding:5px 10px;color:#fff;border:1px solid #f04d48;background:#f04d48;border-radius:3px} #design .mypage .okay li{padding:2px 0;color:#333} #design .mypage .entry{position:relative} #design .mypage .entry > p{position:absolute;top:0;right:0} #design .mypage .entry > p a{padding:5px 10px;color:#fff;border:1px solid #f04d48;background:#f04d48;border-radius:3px} #design .mypage .entry h3{margin-top:20px;padding:10px 0 10px 25px;font-size:17px;color:#000;border-bottom:0px solid #333;background:url(../img/ddea/sub_icon01.png) no-repeat 0 50%} #design .mypage .entry dl{padding:10px 0 10px 15%;position:relative;border-bottom:1px solid #eee;} #design .mypage .entry dl:before, #design .mypage .entry dl:after{clear:both;display:table;content:"";line-height:0} #design .mypage .entry dt{ position:absolute;top:11px;left:0;width:15%} #design .mypage .entry dt strong{display:block;padding:0 20px 0 0;font-size:13px;text-align:right} #design .mypage .entry label{padding-right:10px} #design .mypage .entry label select{height:40px;border:1px solid #ccc} #design .mypage .entry ins{float:left;display:block;padding-right:20px;position:relative;top:-10px;font-size:30px;font-weight:700;background:none} #design .mypage .entry ins span{font-size:16px;font-weight:400} #design .mypage .entry .del{margin:0 0 0 20px} #design .mypage .entry .del span{display:none} #design .mypage .entry .deput{padding-bottom:10px} #design .mypage .entry .wrap{padding:10px 0} #design .mypage .entry .img{float:left;width:20%} #design .mypage .entry .img img{margin:0 20px 0 0} #design .mypage .entry .txt{float:right;width:75%} #design .mypage .entry .txt *{font-size:13px} #design .mypage .entry .txt strong{display:block;padding:5px 10px;font-weight:700;color:#fff;background:#555} #design .mypage .entry .txt ul{padding:10px 0} #design .mypage .entry .t_txt{border-bottom:1px solid #333} #design .mypage .entry .fl{float:left;display:block;padding-right:20px} #design .mypage .button{padding:20px 0;text-align:center} #design .mypage .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa} #design .mypage .button button{padding:13px 40px;font-size:17px;text-align:center;color:#fff;border:0;background:#000;border-radius:5px} #design .mypage .button .modify{background:#00a19c} #design .mypage .done dl{margin:100px 0;overflow:hidden} #design .mypage .done dl *{font-size:13px;text-align:center} #design .mypage .done dt{padding:5px 0} #design .mypage .done dd strong{display:block;padding-bottom:5px;font-size:24px;letter-spacing:-2px;color:#000} #design .mypage .done dd span{display:block;font-size:14px;color:#000} #design .mypage .done dd span em{font-size:14px;font-weight:700} #design .mypage .done dd a{display:block;margin:10px auto;padding:10px 20px;width:220px;font-size:16px;color:#fff;background:#00a19c} /*로그인*/ #design .log_wrap {margin-top:-20px;} #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 {font-size: 24px; color:#333;font-weight: 600;line-height: 1.2em;} #design .log_wrap .log_title p.en {font-size:15px;font-weight:500;color:#717171;text-transform: uppercase;} #design .log_wrap .log_con {margin-top: -80px;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 {width:100%; padding:20px 15px; box-sizing: border-box;} #design .log_wrap .log_con > ul > li.lib_log {margin-left:0; border-bottom: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 > 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; color:#fff;} #design .log_wrap .log_con .log_bottom {padding: 15px 0 0;} #design .log_wrap .log_con .log_bottom .btn_wrap {margin-top:0;} #design .log_wrap .log_con .log_bottom .depth03 {padding-bottom: 15px;letter-spacing: -0.5px; text-align:center;} #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:15px;} #design .log_wrap .log_con > p a {font-size:inherit;} #design .awards{padding:30px 20px} #design .awards h3{padding:0 0 30px 0;font-size:24px;font-weight:800;color:#000} #design .awards fieldset{position:relative;margin:0 0 30px 0;padding:20px 0;border:1px solid #d9d9d9} #design .awards fieldset legend{display:none} #design .awards fieldset .type{position:relative;padding:0 0 10px 150px;} #design .awards fieldset .type:before, #design .awards fieldset .type:after{clear:both;display:table;content:"";line-height:0} #design .awards fieldset .type label{float:left;display:block;margin-right:10px;line-height:25px} #design .awards fieldset .type label strong{position:absolute;top:0;left:50px;line-height:40px;font-size:14px;font-weight:700} #design .awards fieldset .type label span{display:block;border:1px solid #ccc} #design .awards fieldset .type label input{text-indent:10px;width:358px;height:38px;line-height:38px} #design .awards fieldset .type label select{padding:0 10px;height:40px;border:1px solid #ccc} #design .awards fieldset .button{position:absolute;top:20px;right:40px} #design .awards fieldset .button button{width:100px;height:90px;font-size:15px;color:#fff;border:0;border-top:4px solid #888;background:#888} #design .awards .bx-wrapper{position:relative;max-width:690px !important;padding-bottom:30px} #design .awards .bx-controls .bx-prev{position:absolute;top:0;left:-40px;display:block;width:30px;height:30px;background:#eee url(../img/ddea/btn_prev.png) no-repeat;text-indent:-9999em;overflow:hidden} #design .awards .bx-controls .bx-next{position:absolute;top:0;right:-40px;display:block;width:30px;height:30px;background:#eee url(../img/ddea/btn_next.png) no-repeat;text-indent:-9999em;overflow:hidden} #design .awards ol li a{display:block;height:30px;line-height:30px;text-align:center} #design .awards ul{margin:0 -31px;overflow:hidden} #design .awards ul li{float:left;width:33.33%;height:316px} #design .awards ul li a{display:block;margin:0 31px;position:relative} #design .awards ul li dt img{width:215px;height:215px} #design .awards ul li dd{position:relative;padding:10px 0 0 0} #design .awards ul li dd div{position:absolute;top:7px;right:0;display:block;width:35px;height:25px;line-height:25px;font-size:11px;text-align:center;color:#333;border:1px solid #eee;background:#fff} #design .awards li dd span{display:block;font-size:15px;color:#000;font-weight:700} #design .awards li dd strong{display:block;padding:2px 0;font-weight:400} #design .awards ul li a:hover .detail{display:block} #design .awards ul li .detail{position:absolute;top:0;left:0;width:215px;height:215px;background:rgba(0,0,0,0.5);display:none} #design .awards ul li .detail *{color:#fff} #design .awards ul li .detail strong{display:block;padding:15px;font-size:16px;font-weight:400} #design .awards ul li .detail i{display:block;margin:0 15px;width:20px;height:1px;background:#fff} #design .awards ul li .detail span{display:block;padding:15px;font-size:12px} #design .awards ul li .detail .txt{height:110px;line-height:20px;overflow:hidden} #design .awards ul li .detail .sch{line-height:20px} #design .awards .more a{display:block;line-height:37px;text-align:center;border:1px solid #dedede;background:#fbfbfb} #design .awards .more strong{padding:0 0 0 37px;font-size:15px;line-height:37px;height:37px;background:url(../img/ddea/btn_more_arrow.png) no-repeat 0 50%} #design .art{padding:20px 0} #design .art ul{overflow:hidden} #design .art ul li{} #design .art ul li a{display:block;margin-bottom:20px;position:relative} #design .art ul li dl{position:relative;background:#eee;overflow:hidden} #design .art ul li dl dt{float:left;width:40%} #design .art ul li dd{float:left;width:60%} #design .art ul li dd *{color:#333} #design .art ul li dd strong{display:block;padding:10px 10px 0 10px;font-size:16px;font-weight:400} #design .art ul li dd i{display:block;margin:10px;width:20px;height:1px;background:#999} #design .art ul li dd .down{display:block;padding:0 10px;line-height:20px} #design .art ul li a:hover dd{display:block} #design .contest{padding:20px 0;text-align:center} #design .receipt{padding:20px 0} #design .receipt h3{background:url(../img/ddea/sub_icon01.png)no-repeat 0 3px;font-size:18px;color:#222;font-weight:800;padding:0 0 16px 26px;} #design .receipt ul li{padding-bottom:5px;font-size:14px;color:#000} #design .receipt p{padding:20px 0;font-size:14px;color:#000} #design .receipt ol{padding:5px 0 20px 0;overflow:hidden} #design .receipt ol li{float:left;position:relative;width:33.33%} #design .receipt ol li strong{display:block;margin:10px;padding:20px 0;text-align:center;border:1px solid #ccc;border-radius:3px} #design .receipt ol li i{position:absolute;top:50%;right:-5px;display:block;margin:-10px 0 0 0;width:10px;height:20px;background:url(../img/ddea/step_arrow.png) no-repeat 50% 50%} #design .receipt ol .o3 i{display:none} #design .receipt ol .o5 strong{color:#fff;border:1px solid #888;background:#888} #design .receipt .tabs{margin:0 -1px;margin-bottom:20px;overflow:hidden;} #design .receipt .tabs:before, #design .receipt .tabs:after{clear:both;display:table;content:"";line-height:0} #design .receipt .tabs li{float:left;width:50%;text-align:center} #design .receipt .tabs li a{display:block;margin:0 1px;height:30px;line-height:30px;font-size:14px;color:#888;border:1px solid #ccc;background:#fafafa} #design .receipt .tabs li a:hover, #design .receipt .tabs li a.sel{color:#000;border:1px solid #333;background:#fff} #design .receipt .green{color:#00b9ba; font-size:14px;} #design .receipt .dp1 *{list-style-type:none} #design .receipt .dp1{font-weight:400;padding:0 0 22px 16px;} #design .receipt .dp1 > li{background:url(../img/ddea/sub_icon02.png)no-repeat 0 10px;padding-left:12px;color:#333;line-height:24px;} #design .receipt .dp2{padding:10px 0 0 0;} #design .receipt .dp2 li{color:#555;} #design .receipt .button{padding:20px 0;text-align:center} #design .receipt .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa} #design .receipt .button button{padding:13px 40px;font-size:17px;text-align:center;color:#fff;border:0;background:#000;border-radius:5px;cursor:pointer} #design .receipt .operate_p{margin:0 0 30px 0;padding:24px 30px;font-size:13px;border:1px solid #eee;background:#fafafa;line-height:22px;} #design .receipt .root_daum_roughmap{width:100% !important} #design .member .receipt{margin:-50px} #design .member .searchidpw{width:355px;float:left;height:320px;} #design .member .searchid{padding-right:20px;} #design .member .searchpw{padding-left:20px;} #design .member .searchidpw h2{font-size:24px;font-weight:400;color:#333;padding-bottom:12px;} #design .member .searchidpw em{display:block;background:#bbb;width:100%;height:1px;margin-bottom:20px;} #design .member .searchidpw .info{font-size:13px;} #design .member .searchidpw .info2{font-size:13px;} #design .member .searchidpw .idpw_btn{text-align:center;margin:20px 0;} #design .member .searchidpw .idpw_result{margin:20px 0 30px 0;padding:20px 0;font-size:14px;border:1px solid #eee;background:#fafafa;text-align:center;color:#000;} #design .social{padding:20px 0} #design .social .faq_list{width:100%;border-top:1px solid #000;} #design .social .faq_list .faq .faq_q{border-bottom:1px solid #ccc;font-size:16px;overflow:hidden;} #design .social .faq_list .faq .faq_q dt{float:left;padding:14px 16px 14px 24px;} #design .social .faq_list .faq .faq_q dd{float:left;line-height:68px;} #design .social .faq_list .faq .faq_a{border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;} #design .social .faq_list .faq .faq_a dt{float:left;padding:14px 16px 14px 24px;} #design .social .faq_list .faq .faq_a dd{float:left;width:640px;height:auto;margin:14px 0;} #design .social .faq_list .faq .disnone{display:none;} #design .social .guide{margin-bottom:20px;padding:0 0 20px 0;border-bottom:1px solid #ccc;border-right:0;border-left:0;} #design .social .guide li{line-height:20px;font-size:13px} #design .submit{padding:20px 0} #design .submit fieldset{border:0} #design .submit{padding:20px 0} #design .submit .done dl{margin:100px 80px;overflow:hidden} #design .submit .done dl *{font-size:14px} #design .submit .done dt{float:left;padding:10px 0;width:150px} #design .submit .done dd{float:left} #design .submit .done dd strong{display:block;padding-bottom:5px;font-size:26px;letter-spacing:-2px;color:#000} #design .submit .done dd span{display:block;color:#000} #design .submit .done dd span em{font-weight:700} #design .submit .done dd a{display:block;margin:10px 0;padding:10px 20px;width:220px;font-size:16px;color:#fff;background:#00a19c} #design .submit .step dl{padding-bottom:20px} #design .submit .step dt{padding-bottom:5px;font-size:24px;color:#333} #design .submit .step ol{border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden} #design .submit .step ol li{float:left;position:relative;padding:20px 0;width:33.33%;text-align:center} #design .submit .step ol li span{display:block;font-size:11px} #design .submit .step ol li strong{display:block;font-size:17px} #design .submit .step ol li i{position:absolute;top:50%;right:-5px;display:block;margin:-10px 0 0 0;width:10px;height:20px;background:url(../img/ddea/step_arrow.png) no-repeat 50% 50%} #design .submit .step ol li.sel{border-bottom:3px solid #333} #design .submit .button{padding:20px 0;text-align:center} #design .submit .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa} #design .submit .button button{padding:13px 40px;font-size:17px;text-align:center;color:#fff;border:0;background:#000;border-radius:5px} #design .submit .button .home{background:#00a19c} #design .submit .terms fieldset{position:relative;padding:50px 0 0 0} #design .submit .terms fieldset h3{padding-bottom:10px;font-size:15px;font-weight:400;color:#000} #design .submit .termswrap{padding-bottom:50px} #design .submit .termswrap div{border:1px solid #ccc;overflow:hidden} #design .submit .termswrap div textarea{float:left;display:block;padding:2%;width:100%;height:210px;line-height:18px;border:0} #design .submit .termswrap label{display:block;padding:10px 0;font-size:14px} #design .submit .certify{padding:50px 0} #design .submit .certify p{padding-bottom:10px} #design .submit .certify ul{padding:30px 0} #design .submit .guide{margin:20px 0 0 0;padding:20px 0;border-top:1px solid #ccc} #design .submit .guide a{display:block;margin-bottom:10px;color:#f00} #design .submit .form{padding:30px 0} #design .submit .form dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .submit .form dt{float:left;width:16%} #design .submit .form dd{float:left;width:84%} #design .submit .form dd select{border:1px solid #ccc} #design .submit .form dd .t_txt{border:1px solid #ccc} #design .submit .form dd .btn{padding:5px 20px;color:#fff;background:#555} #design .submit .comp{padding:200px 0 30px 0;background:url(../img/ddea/comp.png) no-repeat 50% 40px;overflow:hidden} #design .submit .comp dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .submit .comp dt{float:left;width:30%} #design .submit .comp dd{float:left;width:70%} #design .submit .comp .txt{padding:10px 0;font-size:20px;text-align:center;border-top:2px solid #333;border-bottom:1px solid #333} #design .submit .comp .c1{float:left;width:48%;overflow:hidden} #design .submit .comp .c2{float:right;width:48%;overflow:hidden} #design .submit .entry{} #design .submit .entry h3{margin-top:20px;padding:10px 0 10px 25px;font-size:17px;color:#000;border-bottom:0px solid #333;background:url(../img/ddea/sub_icon01.png) no-repeat 0 50%} #design .submit .entry dl{padding:10px 0;border-bottom:1px solid #eee;} #design .submit .entry dl:before, #design .submit .entry dl:after{clear:both;display:table;content:"";line-height:0} #design .submit .entry dt{float:left;width:15%} #design .submit .entry dt strong{display:block;padding:5px 20px 0 0;font-size:13px;text-align:right} #design .submit .entry dd{float:left;width:85%;padding:0 0 0 0} #design .submit .entry dd strong{line-height:30px} #design .submit .entry dd .thumb{padding:10px 0} #design .submit .entry label{padding-right:10px} #design .submit .entry label select{height:32px;border:1px solid #ccc} #design .submit .entry ins{float:left;display:block;padding-right:20px;position:relative;top:-10px;font-size:30px;font-weight:700;background:none} #design .submit .entry ins span{font-size:16px;font-weight:400} #design .submit .entry .del{margin:0 0 0 20px} #design .submit .entry .del span{display:none} #design .submit .entry .deput{padding-bottom:10px} #design .submit .entry .wrap{padding:10px 0} #design .submit .entry .txt{padding-bottom:10px} #design .submit .entry .txt *{font-size:13px} #design .submit .entry .txt strong{font-weight:700;color:#000} #design .submit .entry .txt ul{padding:10px 0} #design .submit .entry .t_txt{border-bottom:1px solid #333} #design .submit .entry .fl{float:left;display:block;padding-right:20px} #design .submit .input{} #design .submit .input:before, #design .submit .input:after{clear:both;display:table;content:"";line-height:0} #design .submit .input .area{float:left;width:90%;padding:10px;height:100px;border:1px solid #ccc} #design .submit .input .thumb{float:right;width:100px} #design .submit .input .txt{float:right;width:80%} #design .submit .input .txt strong{display:block;margin-bottom:10px;padding:5px 0;width:200px;text-align:center;color:#fff;background:#333} #design .submit .input .img{float:left;width:100px} #design .submit .input button{position:relative;top:1px;padding:7px 10px;color:#fff;background:#000} #design .submit .input span{padding:0 0 0 20px} #design .submit .complete{margin:40px 0;padding:80px 0;text-align:center;border:1px solid #ccc;background:#fafafa} #design .submit .complete h3{font-size:28px;font-weight:400;color:#000} #design .submit .complete h3 strong{font-size:28px} #design .submit .complete div{padding:10px 0;font-size:16px;color:#333} #design .submit .complete p{font-size:18px;color:#000} #design .submit .complete p strong{} /**/ #gallery_wrap{clear:both;overflow:hidden} #gallery_wrap *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #gallery_wrap .gallery_list{float:left;width:50%;height:250px} #gallery_wrap .image_bagic{margin:0 5px;padding:5px 0;border:1px solid #ccc;border-bottom:1px solid #ccc} #gallery_wrap .image_bagic a{display:block;margin:0 5px;height:170px;overflow:hidden} #gallery_wrap .image_bagic a img{width:auto;max-width:100%;height:auto} #gallery_wrap .gallery_top{position:relative} #gallery_wrap .gallery_top > img{position:absolute;top:5px;left:10px} #gallery_wrap .gallery_top dl{margin:0 5px;padding:5px;border:1px solid #ccc;border-top:0} #gallery_wrap .gallery_top dt a{display:block;padding:3px 0;font-weight:800;color: #1c368d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #gallery_wrap .gallery_top dd{line-height:20px} #gallery_wrap .gallery_top .write{font-size:12px;color:#333} #gallery_wrap .gallery_top .date{font-size:12px;color:#888} #gallery_wrap .gallery_top .view_count{font-size:12px;color:#888} .allak_dpn{display:none} /*** 동래구작은도서관 ***/ /* sub_title */ #design h3.h3_title {position:relative; margin-top:40px; margin-bottom:15px; font-size:20px; 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; top:0; right:0; font-size:13px; font-weight:400; padding-bottom:0;} #design h4.h4_title {margin-top:40px; margin-bottom:15px; font-size:18px; color:var(--titColor);} #design p {font-size:15px; padding-bottom:10px; color:#5c5c5c;} #design .update {position:absolute; bottom:0px; right:0; font-weight:400; font-size:13px;} /* sub_tab */ #design .sub_tab {position:relative; margin-bottom:50px; background:#f7f8fb; border-radius:30px;} #design .sub_tab ul {display:flex; flex-wrap: wrap; width:100%;} #design .sub_tab ul li {width:33.33%; height:40px; line-height:38px; white-space:nowrap; overflow:hidden;} #design .sub_tab ul li a {display:flex; align-items:center; justify-content:center; height:100%; font-size:15px; 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 30px 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:180px; height:200px; background:url(../img/bg_rock_wrap.png) right 40% no-repeat; background-size:100%;} .rock_wrap h4 {margin-bottom:20px; font-size:16px; color:var(--titColor); font-weight:500;} .rock_wrap h4 img {display:block; width:100%; max-width:125px !important; margin:10px 0;} .map_info {} .map_info_txt {padding:30px 0 40px; /*border-bottom:1px dashed #b2b2b2;*/} .map_info_txt li {position:relative; padding-left:50px;} .map_info_txt li:last-child {display:block; margin-top:20px;} .map_info_txt li:before {content:''; position:absolute; top:0; left:0;display:block; width:30px; height:30px;} .map_info_txt li:first-child:before {background:url(../img/icon_location.svg) center 0 no-repeat;} .map_info_txt li:last-child:before {background:url(../img/icon_call.svg) 0 0 no-repeat;} .map_info_txt li strong {display:block; margin-bottom:5px; font-size:18px; color:var(--titColor);} .guidebox {border-top:1px #252525 solid;} .guidebox .item {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:20px; border-bottom:1px solid #dbdbdb;} .guidebox .item .titbox {align-self:flex-start; width:19%;} .guidebox .item .titbox strong {display:block; color:var(--titColor); font-size:18px; line-height:1.2; letter-spacing:-0.04em; font-weight:500;} .guidebox .item .conbox {width:calc(100% - 19% - 20px);} .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:#333; 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:block; font-size:14px; padding:12px 0 12px 50px; background:url(../img/x-swipe.png) no-repeat left 50%; background-size:45px;} #content .table_wp {overflow-x: auto;} #content .table_wp table {width: 100%;min-width: 550px;} /* 시설안내 */ .floor_wrap {padding:20px; 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%;} /* 작은도서관 현황 */ .smallLib_map {position:relative; margin-bottom:20px; } .smallLib_map .map_smlib {display:none;} .smallLib_map .map_smlib_mobile {position:relative; display:block;} .smallLib_map .map_smlib_mobile .map_pin a {display:inline-block; width:38px; height:45px; padding:8px 5px; font-size:11px; line-height:12px; color:#fff; text-align:center; border-radius:10px; background:url(../img/map-pin.svg) 0 0 no-repeat;} .smallLib_map .map_smlib_mobile .map_pin a[title="사직2동"] {position:absolute; bottom:24%; left:7%;} .smallLib_map .map_smlib_mobile .map_pin a[title="온천3동"] {position:absolute; bottom:42%; left:21%;} .smallLib_map .map_smlib_mobile .map_pin a[title="온천2동"] {position:absolute; top:20%; left:24%;} .smallLib_map .map_smlib_mobile .map_pin a[title="온천1동"] {position:absolute; top:8%; left:38%;} .smallLib_map .map_smlib_mobile .map_pin a[title="사직1동"] {position:absolute; bottom:22%; left:21%;} .smallLib_map .map_smlib_mobile .map_pin a[title="사직3동"] {position:absolute; bottom:24%; left:32%;} .smallLib_map .map_smlib_mobile .map_pin a[title="명륜동"] {position:absolute; top:30%; left:49%;} .smallLib_map .map_smlib_mobile .map_pin a[title="수민동"] {position:absolute; bottom:23%; left:54%;} .smallLib_map .map_smlib_mobile .map_pin a[title="복산동"] {position:absolute; bottom:41%; left:58%;} .smallLib_map .map_smlib_mobile .map_pin a[title="명장동"] {position:absolute; top:36%; right:15%;} .smallLib_map .map_smlib_mobile .map_pin a[title="안락동"] {position:absolute; bottom:18%; right:12%;} .smallLib_map .map_srchWrap .map_title {position:relative; padding-left:45px;} .smallLib_map .map_srchWrap .map_title:before {content:''; position:absolute; top:-5px; left:0; width:30px; height:30px; display:block; background:url(../img/icon_map.svg) 0 0 no-repeat;} .smallLib_map .map_srchWrap .map_title h3 {font-size:20px; color:#dc6464; font-weight:600; letter-spacing:-1px;} .smallLib_map .map_srchWrap .map_title span {display:none;} .map_srch {width:100%; margin-top:10px;} .map_srch > input[type="text"] {height:45px; width:calc(100% - 58px); padding-left:20px; border:1px #dc6464 solid; box-sizing: border-box; border-radius:10px 0 0 10px; -webkit-appearance: none; -webkit-border-radius: 10px 0 0 10px;} .map_srch > input[type="button"] {width:58px; height:45px; margin-left:-5px; color:#fff; background-color:#dc6464; border:2px solid transparent; border-radius:0 10px 10px 0 !important; -webkit-appearance: none; -webkit-border-radius: 0 10px 10px 0;} .ver_moblie {} .select_map {position:relative; margin-bottom:40px;} .select_map:after {content:''; position:absolute; top:35%; right:20px; width:6px; height:6px; border-top:3px solid #333; border-right:3px solid #333; transform:rotate(135deg);} .select_map select {width:100%; height:50px; padding:10px 20px; color:#333; font-size:15px; font-family:var(--fontMainSet); background-color:#f1f1f1; border:1px #d2d2d2 solid; border-radius:10px; -webkit-appearance:none; -webkit-border-radius:10px;} /* 작은도서관 - view */ table.smallLib_view {position: relative;z-index: 0;width:100%;border-collapse:collapse;text-align:center; border-top:1px #222 solid; overflow:hidden;} 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 tbody tr {display:table !important; width:100%; padding-bottom:0 !important; border-top:0 !important; border-bottom:1px solid #ddd !important;} table.smallLib_view tbody th {width:100px; font-weight:500 !important; color:#333; background:#f5f5f5;} table.smallLib_view tbody td {width:calc(100% - 100px);} table.smallLib_view tbody td a {word-wrap: break-word; word-break: break-all;} table.smallLib_view tbody th, table.smallLib_view tbody td {display:table-cell !important; font-size:15px;color:#333;padding:14px 10px !important; text-align:left; vertical-align:middle;} 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 {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:12px 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 !important;} .table-radius .label {display:none;} @media only all and (max-width: 640px) { .table-radius {display:block; font-size:14px; border-spacing:0;} .table-radius:before {content: ''; display: block;} .table-radius:after {content: ''; display: table; clear: both;} .table-radius:before {content: ''; display: block;} .table-radius:after {content: ''; display: table; clear: both;} .table-radius thead th {display: none;} .table-radius tbody {display: block;} .table-radius tbody tr {display: block;} .table-radius tbody th, .table-radius tbody td {float: left; width: 100%; display: block; box-sizing: border-box; text-align: left; margin-bottom: 3px;} .table-radius tbody th br, .table-radius tbody td br {display: none;} .table-radius tbody th {color: #333; padding: 10px 15px; background-color: #aac4dd; margin-top: 20px;} .table-radius tbody td {overflow: hidden; padding: 0 15px 10px 15px !important;} .table-radius tbody tr:first-child th {margin-top: 0;} .table-radius .label {display: block; padding: 10px 15px; margin: 0 -15px 10px -15px; background-color: #e9e9e9;} } .foundation_notice {margin-left:10px; color:#0033a6;} .foundation_notice li {margin:3px 0;} .foundation_notice * {font-size:14px !important;} .relation {padding:10px; background-color:#f5f7fb;} .relation .relation_form {} .relation .relation_form li {padding:20px 0; text-align:center;} .relation .relation_form li:nth-child(2) {padding:25px 0; border-top:1px #ddd dashed; border-bottom: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:16px; font-weight:500; color:#444;} .relation .relation_form li span {font-size:13px; 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:8px 15px; border-radius:20px;} .btn_wrap .list {color:#fff; background-color:#555;} /* 묻고답하기 */ #design .qna_guide {padding:120px 20px 25px; margin-bottom:20px; font-size:13px; line-height:160%; color:#444; background:#fafafa url(../img/bg_board_guide.png) no-repeat center 20px; border:1px solid #e2e2e2;} #design .qna_guide strong {font-size:13px; font-weight:500;} #design .qna_guide p {font-size:13px; padding-bottom:0 !important;} #design .qna_guide br {display:none;} #design .qna_guide p br {display:block;}