/* CSS Document */ /**/ #design h2 {padding-bottom: 10px;margin-bottom: 30px;font-size: 28px;font-weight: 500;color: #000;border-bottom: 1px solid #000;} /*#design h3 {margin-bottom: 20px;font-size: 22px;font-weight: 500;color: #00b24f;} #design h4 {margin-bottom: 20px;font-size: 18px;font-weight: 500;color: #000;}*/ #design h3 span {display: inline-block;margin-bottom: 30px;padding: 10px 40px 10px 15px;font-size: 22px;font-weight: 500;border-radius: 0 60px 60px 0;} #design .concert h3 span {background-color: var(--colorGreen);color: #fff;} #design .intro h3 span {background-color: var(--mainColor);color: #fff;} /**/ .con_wp {margin-top: 80px;} .con_wp.first {margin-top: 0;} .con_s_wp {margin-top: 40px;} .con_s_wp.first {margin-top: 0;} /* .mDiv */ #design .mDiv {padding: 25px;text-align: center;border: 1px solid #ddd;} #design .mDiv img {max-width: 100%;} #design .mDiv .mSpan {display: none;} /**/ #design ul ul {margin-top: 10px;} #design ul.con_list > li {position: relative;z-index: 0;padding-left: 15px;font-size: 15px;color: #333;} #design ul.con_list > li + li {margin-top: 15px;} #design ul.con_list > li::before {content: '';position: absolute;top: 8px;left: 0;width: 5px;height: 5px;background-color: #5e5e5e;border-radius: 50%;} #design ul.con02 > li {position: relative;padding-left: 15px;font-size: 15px;font-weight: 400;color: #333;} #design ul.con02 > li + li {margin-top: 10px;} #design ul.con02 > li::before {content: '>';position: absolute;top: 4px;left: 0;font-size: 9px;font-weight: 600;color: #333;} #design ul.con03 > li {position: relative;padding-left: 20px;font-size: 15px;font-weight: 400;color: #333;} #design ul.con03 > li + li {margin-top: 10px;} #design ul.con03 > li::before {content: '';position: absolute;top: 11px;left: 0;width: 10px;height: 1px;background-color: #aaa;} #design ul.con03 ul.con04 {margin-top: 7px;} #design ul.con04 > li {position: relative;padding-left: 12px;font-size: 14px;font-weight: 400;color: #555;} #design ul.con04 > li + li {margin-top: 5px;} #design ul.con04 > li::before {content: '';position: absolute;top: 10px;left: 0;width: 4px;height: 4px;background-color: #333;border-radius: 4px;} /**/ #design ul.number_list > li {position: relative;padding: 8px 0 8px 46px;font-size: 15px;line-height: 1.4em;color: #333;} #design ul.number_list li ul {margin-top: 12px;} #design ul.number_list > li + li {margin-top: 12px;} #design ul.number_list > li span.num {position: absolute;top: 0;left: 0;width: 36px;height: 36px;border-radius: 36px;text-align: center;font-size: 15px;font-weight: 400;line-height: 36px;color: #00b24f;border: 1px solid #00b24f;} #design ul.no_bg > li {padding-left: 0;background: none;font-size: 14px;color: #555;} #design ul.no_bg > li + li {margin-top: 10px;} #design ul.no_bg > li::before {display: none;} #design ul.th_list::after {content: '';display: block;clear: both;} #design ul.th_list > li {float: left;width: 33.3333%;padding: 12px;border: 1px solid #ddd;border-left: 0;border-top: 0;font-size: 15px;} #design ul.th_list > li:nth-child(-n+3) {border-top: 1px solid #333;} #design ul.th_list > li:nth-child(3n-2) {border-left: 1px solid #ddd;} #design ul.th_list > li > div {position: relative;padding-left: 50px;} #design ul.th_list > li > div > strong {position: absolute;top: 1px;left: 0;width: 50px;height: 100%;} /**/ #design .admin_note {padding: 30px;background-color: #f6f6f6;margin-bottom: 30px;} #design .admin_note p {font-size: 15px;color: #333;} #design .admin_note p span {display: block;} #design .admin_note p span.title {margin-bottom: 12px;font-size: 20px;font-weight: 500;} #design .admin_note p span.title strong {text-decoration: underline;} #design .admin_note p span + span {margin-top: 5px;} /**/ #design a.link {display: inline-block;padding: 0 45px 5px 0;background-image: url(../img/ico_link_file.png);background-repeat: no-repeat;background-position: 100% 0;background-size: auto 34px;} #design a.link:hover span {border-bottom: 1px solid #00a54c;} /**/ #design p.summary {margin-bottom: 25px;padding: 25px;background-color: #f6f7f6;font-size: 17px;font-weight: 400;color: #333;} /**/ #design .tabs {position: relative;margin-bottom: 25px;} #design .tabs ul {display: flex;flex-wrap: wrap;} #design .tabs ul li {margin: 3px 10px 3px 0;} #design .tabs li a {display: block;padding: 10px 30px;background-color: #999;font-size: 16px;color: #fff;border-radius: 15px 15px 0 0;} #design .tabs li a:hover {text-decoration: underline;} #design .concert .tabs li a.sel {background-color: var(--colorGreen);} #design .event .tabs li a.sel {background-color: var(--colorYellow);} #design .academy .tabs li a.sel {background-color: var(--colorBlue);} #design .intro .tabs li a.sel {background-color: var(--mainColor);} #design .community .tabs li a.sel {background-color: var(--colorPurple);} #design .clock {margin-top: 20px;font-size: 15px;} /**/ #design .tabs2 {position: relative;margin-bottom: 25px;} #design .tabs2 ul {display: flex;flex-wrap: wrap;} #design .tabs2 ul li {margin: 3px 10px 3px 0;} #design .tabs2 li a {display: block;padding: 10px 30px 10px 15px;background-color: #999;font-size: 16px;color: #fff;border-radius: 0 30px 30px 0;} #design .tabs2 li a:hover {text-decoration: underline;} #design .concert .tabs2 li a.sel {background-color: var(--colorGreen);} #design .event .tabs2 li a.sel {background-color: var(--colorYellow);} #design .academy .tabs2 li a.sel {background-color: var(--colorBlue);} #design .intro .tabs2 li a.sel {background-color: var(--mainColor);} #design .community .tabs2 li a.sel {background-color: var(--colorPurple);} #design .tabs2_con > div {display: none;} #design .tabs2_con > div.sel {display: block;} /**/ #design .btn_wrap {margin-top: 40px;text-align: center;} #design .btn_wrap a.download_btn {display: inline-block;padding: 15px 80px 15px 30px;background: #333 url(../img/down_icon.png) no-repeat 90% 50%;color: #fff;font-size: 16px;} #design .top_btn {text-align: right;margin-bottom: 15px;} #design .top_btn > a {padding: 10px 20px;background-color: var(--colorNavy);font-size: 15px;color: #fff;} /***************************************************** table *****************************************************/ /**/ #contain #design table{width:100%;border-collapse:collapse;border-top:2px solid #000;} #contain #design table caption {overflow: hidden;position: absolute;top: -9999px;left: -9999px;width: 0;height: 0;font-size: 0;line-height: 1;} #contain #design table thead th{padding: 12px;text-align:center;font-size: 14px;color:#000;border-left:1px solid #eee;border-right:1px solid #e2e2e2;border-bottom:1px solid #ececec;background:#f7f8fb;} #contain #design table thead th:first-child{border-left:0;} #contain #design table thead tr{background-color:#fff} #contain #design table thead th:last-child{border-right:0} #contain #design table tbody tr{} #contain #design table tbody th{padding: 12px;font-size: 14px;font-weight: 500;text-align:center;color:#333;border:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background:#f7f8fb;} #contain #design table tbody td{padding: 12px;font-size: 14px;text-align: left;border:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;color: #000;} #contain #design table tbody td:first-child{border-left:0;} #contain #design table tbody td:last-child{border-right:0} #contain #design table tbody th:first-child{border-left:0;} #contain #design table tbody th:last-child{border-right:0;background-color:#fbfbfb} #contain #design table tbody tr:first-child th, #contain #design table tbody tr:first-child td{border-top:1px solid #e2e2e2;} #contain #design table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} #contain #design table tfoot th{padding:4px 10px;font-size: 14px;font-weight: 500;text-align:center;color:#333;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f4f5f8} #contain #design table tfoot td{padding:4px 10px;font-size: 14px;text-align:center;color: #000;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f8f8f8} #contain #design table tfoot td:first-child{border-left:0} #contain #design table tfoot td:last-child{border-right:0} #contain #design table tfoot th:first-child{border-left:0} #contain #design table tfoot th:last-child{border-right:0} #contain #design table tfoot td.tal{text-align:left} #contain #design table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} #contain #design table tbody td.subject{text-align:left} #contain #design table tbody td.subject a:hover{color:#000;text-decoration:underline} #contain #design table tbody th.item, #contain #design table tbody td.item{/*padding:0 0 0 30px;text-align:left;border-bottom:1px solid #cacaca;*/ padding-left:30px; text-align:left;background-color:#fafafa} #contain #design table tbody td.item span.red{position:absolute;margin:0 0 0 -12px} #contain #design table tbody td .dtnum{display:block;position:relative;height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden} #contain #design table tbody td .new{font-size:11px;font-weight:800;color:#c00} #contain #design table tbody td .btn_zip{padding:0 7px;height:25px;font-size:12px;letter-spacing:-1px;color:#fff !important;border:1px solid #333;background:#777 !important;cursor:pointer} #contain #design table tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer} #contain #design table tbody td span.info { padding:0 3px;} #contain #design table tbody td #btn_receipt {background:#2e55a6; color:#fff; display:block; padding:3px 4px;border:1px solid #2e55a6} #contain #design table tbody td #btn_receiptend {background:#e31a22; color:#fff; display:block; padding:3px 4px;border:1px solid #e31a22;} /**/ #contain #dkboard .dk_table table *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px;color:#333} #contain #dkboard .dk_table table{width:100%;border-collapse:collapse;border-top:1px solid #c62338; border-bottom:2px solid #ddd;} #contain #dkboard .dk_table table caption{display:none} #contain #dkboard .dk_table table tbody tr:hover { background:#fafafa;} #contain #dkboard .dk_table table tbody tr:hover td[scope=row] { background:#f7f7f7; border-right:1px solid #ddd;} #contain #dkboard .dk_table table tbody tr.notice td {border-bottom:1px solid #c5d7e0;background:#f3f3f1} #contain #dkboard .dk_table table thead th{padding:12px 0;font-size:14px;border-bottom:2px solid #777;background:#fff;box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08)} #contain #dkboard .dk_table table tbody td{padding:4px 10px;font-size:13px;color:#333;text-align:center;border-right:1px solid #eaeaea;border-bottom:1px solid #ddd;} #contain #dkboard .dk_table table tbody td[scope=row] span{display:block;width:36px;color:#fff;height:20px;background:#333;margin:0 auto;font-size:12px;line-height:20px;text-align:center;border-radius:4px} #contain #dkboard .dk_table table tbody td[scope=row] span.bt-content{display:inline;background:none;color:#0064af;font-family:arial;font-size:13px;font-weight:800} #contain #dkboard .dk_table table tbody td a{line-height:15px;font-size:13px;color:#333} #contain #dkboard .dk_table table tbody td a.company{display:block;padding:7px 0 0 30px;font-size:16px;color:#000;background:url(../img/ico_company.png) no-repeat 0 50%} #contain #dkboard .dk_table table tbody td img{vertical-align:middle} #contain #dkboard .dk_table table tbody td ul{text-align:left} #contain #dkboard .dk_table table tbody td li{font-size:15px;line-height:20px;color:#333} #contain #dkboard .dk_table table tbody td.subject{text-align:left} #contain #dkboard .dk_table table tbody td.subject div{position:relative;padding:5px 0;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #contain #dkboard .dk_table table tbody td.subject a{display:inline-block;padding:9px 0 0 0 !important;font-size:14px;font-weight:normal;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contain #dkboard .dk_table table tbody td.subject a:hover { color:#ff661b;} #contain #dkboard .dk_table table tbody td.subject span{font-size:11px;font-weight:800} #contain #dkboard .dk_table table tbody td.subject span img{} #contain #dkboard .dk_table table tbody td.subject .new{position:relative;display:inline-block;width:30px;top:-1px;height:9px;margin:0 8px;background:url(../img/ico_new.png) no-repeat 50% 50%; display:none;text-indent:-9999em;vertical-align:middle !important;} #contain #dkboard .dk_table table tbody td.subject .secret{position:relative;display:inline-block;top:5px;width:17px;height:17px;background:url(../img/ico_secret.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align:top !important;} #contain #dkboard .dk_table table tbody td.subject .reply{display:inline-block;position:relative;left:-2px;padding:0 0 0 10px; background:url(../img/ico_reply.png) no-repeat 0px 2px;text-indent:-9999em;overflow:hidden; vertical-align:top !important;} #contain #dkboard .dk_table table tbody td.subject .list_reply{color:#aa6801} #contain #dkboard .dk_table table tbody td.subject notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0} #contain #dkboard .dk_table table tbody td div.tac{padding:100px 0} #contain #dkboard .dk_table table tbody td .this{font-size:11px;color:#f30} #contain #dkboard .dk_table table tbody td .notice{font-size:11px;color:#0054FF} #contain #dkboard .dk_table table tr:first-child td{background:url(../img/board/table_td.png) repeat-x 0 0} #contain #dkboard .dk_table table tr th:last-child{border-right:0} #contain #dkboard .dk_table table tr td:last-child{border-right:0} #timUser{display:block;overflow:hidden} #timUser .userNum{float:left;display:block;width:20%;padding:4px 0} /**/ #contain #design .nocontent{clear:both;padding:180px 0 100px 0;font-size:16px !important;font-weight:400;color:#777;text-align:center;border-bottom:0px solid #ccc;background:url(../img/f_logo.png) no-repeat 50% 45%;} /***************************************************** sub content *****************************************************/ /**/ #design .sub_con_box p {margin-bottom: 30px;font-size: 16px;color: #333;} #design .sub_con_box p.title {margin-bottom: 15px;font-size: 28px;font-weight: 700;color: #000;} /* 공연 전시 */ /**/ #design .center_wp > div {position: relative;padding-left: 20%;} #design .center_wp > div h3 {position: absolute;top: 0;left: 0;z-index: 101;} #design .center_wp > div.img .center_ex {margin-top: 30px;} #design .center_wp > div.img .center_ex p {font-size: 16px;font-weight: 400;} #design .center_wp > div.img .center_ex p + p {margin-top: 15px;} /**/ #design .center_use_wrap {display: flex;} #design .center_use_wrap > div {position: relative;width: 31.33333%;} #design .center_use_wrap .center_pop_tit {position:absolute;padding: 5px 0 15px 45px;font-size: 19px;font-weight: 700;} #design .center_use_wrap .use_tit_01 {background: url(../img/use_pop_01.png) no-repeat;} #design .center_use_wrap .use_tit_02 {background: url(../img/use_pop_02.png) no-repeat;} #design .center_use_wrap .use_tit_03 {background: url(../img/use_pop_03.png) no-repeat;} #design .center_use_wrap .use_tit_04 {bottom: 0;background: url(../img/use_pop_04.png) no-repeat;} #design .center_use_wrap .use_tit_05 {bottom: 0;background: url(../img/use_pop_05.png) no-repeat;} #design .center_use_wrap .use_center_box {margin: 0 3%;} #design .center_use_wrap .use_list {padding: 15px 20px;margin: 55px 0 0 17px;border:1px solid #ddd;background:#fafafa;} #design .center_use_wrap .use_list li {border-bottom: 1px solid #ddd;padding: 10px 0;} #design .center_use_wrap .use_list li:first-child {padding-top: 0;} #design .center_use_wrap .use_list li:last-child {padding-bottom: 0;border-bottom: 0;} #design .center_use_wrap .use_list li p {font-size: 15px;margin: 0;} #design .center_use_wrap .use_list li .use_fr {color: var(--colorGreen);font-size: 17px;font-weight: 700;margin-bottom:5px;} /**/ #design .play_wrap .eoul_tit {font-size:42px;font-weight:800;color:#2c384b;padding-bottom:15px;margin-top: 0;background: url(../img/eoulart_tit_bg.png) no-repeat 0 100%;} #design .play_wrap .eoul_s_tit {padding-left:30px;font-size:18px;font-weight:600;background: url(../img/eoulart_bullet.png) no-repeat 0 4px;margin-bottom:15px;} #design .play_wrap table {margin-top: 20px;} #design .eoul_m_tit {font-size:22px;font-weight:800;color:#0077c0;padding-bottom:10px;margin-bottom:30px;background:url(../img/eoulart_s_tit.png) no-repeat 0 100%;} /*#design .file_wrap > div {margin-bottom: 30px;} #design .file_wrap .down_03 {margin-bottom: 0;} #design .file_wrap > div > p {padding-left: 10px;font-size:20px;font-weight:600;margin: 0;} #design .file_wrap > div .down_list {overflow:hidden;padding-left: 0;padding-top: 15px;background: url(../img/eoulart_list_bg.png) no-repeat;background-size: 100%;} #design .file_wrap > div .down_list li {position:relative;float:left;width:47%;margin: 0 1% 0 0;padding: 15px 0 15px 1%;border-bottom: 1px solid #ddd;font-size:15px;} #design .file_wrap > div .down_list .down_list_last {margin: 0 0 0 1%;} #design .file_wrap > div .down_list li a {width: 35px;height: 35px;text-indent: -9999px;position: absolute; top: 8px; right: 42px;background: url(../img/al_btn.png) no-repeat;} #design .file_wrap > div .down_list li .pdf_down {right: 0;background: url(../img/pdf_btn.png) no-repeat;} #design .file_wrap > div .down_list li .han_down {right: 0;background: url(../img/han_btn.png) no-repeat;} #design .file_list > li > a {float: right;margin: 10px 0;font-size: 10px;color: #fff;background: #2e55a6;text-transform:uppercase;} #design .file_list > li > a > span {display: inline-block;padding: 12px 35px 12px 15px;background: url(../img/down_icon.png) no-repeat 90% 50%;}*/ #design .play_wrap .file_wp > div {display: flex;padding: 15px 0;border-bottom: 1px solid #ddd;} #design .play_wrap .file_wp > div > p {flex: 0 0 80px;display: inline-flex;margin-right: 20px;font-size: 17px;font-weight: 700;color: #000;align-items: center;} #design .play_wrap .file_wp > div > ul {flex-grow: 1;} #design .play_wrap .file_wp > div > ul > li {display: flex;justify-content: space-between;align-items: center;font-size: 16px;} /**/ #design .display_list {overflow: hidden;margin-bottom: 0;} #design .display_list + .display_list {margin-top: 10px;} #design .display_list:last-child {margin-bottom: 40px;} #design .display_list dt {float: left;background: url(../img/display_bullet.png) no-repeat 0 10px;padding:0 25px 0 12px;} #design .display_list dd {float: left;background: url(../img/display_bar.png) no-repeat 0 8px;padding-left:25px;margin: 0;} /********************* 재단소개 *******************/ /* 이사장 인사말 */ #design .greeting_wrap .greeting_top {padding: 40px 0 80px 240px;background: url(../img/greeting_01.png) no-repeat 40px 100% / auto 200px;border-bottom: 3px solid #000;} #design .greeting_wrap .greeting_top p {position:relative;display:inline-block;padding: 0 15px;word-break: keep-all;font-size: 20px;line-height: 1.5em;font-weight: 600;color: #000;} #design .greeting_wrap .greeting_top p::before {content: '';position:absolute;top: 0;left: 0;display: block;width: 10px;height: 10px;background: url(../img/greeting_left.jpg) no-repeat 50%;} #design .greeting_wrap .greeting_top p::after {content: '';display: inline-block;width: 10px;height: 10px;margin-left: 5px;background: url(../img/greeting_right.jpg) no-repeat 50%;vertical-align:text-top;} #design .greeting_wrap .greeting_con {padding: 40px;} #design .greeting_wrap .greeting_con p {padding-bottom: 20px;margin: 0;color:#333;font-size: 17px;line-height: 1.5em;word-break: keep-all;} #design .greeting_wrap .greeting_con .sign {padding-top: 20px;} /*상임이사 인사말*/ #design .greeting_02 .greeting_top {padding: 50px 0 80px 120px;background: url(../img/greeting_02.jpg) no-repeat 90% 100%;background-size: 20% auto;} #design .greeting_02 .greeting_top p {font-size: 19px;} /*버스킹 프로그램 #design .concert_search{margin:20px 0px;} #design .concert_detail {padding-top:20px;} #design .concert_detail h3.h3_title { padding:12px; border:2px solid #666; font-size:20px; position:relative; padding:14px 12px 14px 100px; margin-bottom:28px;font-weight:800;} #design .concert_detail h3.h3_title span { display:block; position:absolute; left:16px; top:13px; border:1px solid #12bfea;color:#12bfea; width:70px; line-height:28px;font-weight:700; text-align:center;} #design .concert_detail h3.h3_title span.c2 { border:1px solid #ff771f; color:#ff771f;} #design .t_dtl {position:relative;overflow:hidden; padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #d2d2d2;} #design .t_dtl .img_box {float:left; width:290px; margin-top:3px; position:relative;} #design .t_dtl .img_box img {width:100%;} #design .t_dtl .img_box #bx-pager { overflow:hidden; margin:0 -1px;} #design .t_dtl .img_box #bx-pager li {width:25%; float:left;} #design .t_dtl .img_box #bx-pager a {display:block; width:71px; height:48px; margin:0 1px;} #design .t_dtl .img_box #bx-pager a img {min-height:48px;} #design .t_dtl .txt_box {float:right; width:540px; margin-top:0px;}*/ /*버스킹*/ #design .busking_zone {width:100%;overflow:hidden;} #design .busking_zone li{float:left;margin-right:3%;text-align:left;} #design .busking_zone li:nth-child(4){margin-right:0px;} #design .busking_zone li span{display:block;} #design .busking_zone .on{background-color:#2d55a6;color:#fff} #design .busking_zone .on span{color:#fff;} #design .busking_zone01 {width:100%;overflow:hidden;} #design .busking_zone01 li{float:left;margin-right:3%} #design .busking_zone01 li span{display:block;text-align:center;} #design .busking_zone01 li:nth-child(2){right:0;} #design .busking_zone01 .on{background-color:#2d55a6;color:#fff} #design .busking_zone01 .on span{color:#fff;} #design .busking_con{margin-top:15px;margin-bottom:15px;} #design .busking_apply {overflow: hidden;text-align: right;margin-bottom: 10px;} #design .busking_apply ul {display: inline-block;overflow: hidden;} #design .busking_apply li {float:left;margin-left:5px;} #design .busking_apply li a {display: inline-block;color:#2c384b;padding: 7px 15px;font-size: 14px;border:1px solid #2c384b;} #design .busking_apply li a.sel {background-color: #2c384b;color: #fff;} #design .busking_con .con01 h3{padding-top: 15px;margin-bottom: 10px;color:#2d55a6;font-size:22px;font-weight: 700;background:url(../img/itw_bar.jpg) no-repeat;} #design .busking_con .con01 p{font-size:17px;} #design .busking_con .con02 h3{color:#2d55a6;font-size:20px !important;background:url(../img/itw_bar.jpg) no-repeat;} #design .busking_con .con02 p{font-size:17px;} #design .busking_con .con03 h3{color:#2d55a6;font-size:20px !important;background:url(../img/itw_bar.jpg) no-repeat;} #design .busking_con .con03 p{font-size:17px;} #design .busking_con .con04 h3{color:#2d55a6;font-size:20px !important;background:url(../img/itw_bar.jpg) no-repeat;} #design .busking_con .con04 p{font-size:17px;} #design .busking_time{width:100%;overflow:hidden;margin-bottom:30px;} #design .busking_time h2{font-size:20px; padding:6px 0px 16px 45px; color:#333; font-weight:700; background:url(../img/busking_time.png) no-repeat left 4px;margin:0 auto;} #design .busking_time ul li{width:33%;float:left;margin-bottom:15px;} #design .busking_time ul .time_span{padding:5px 15px; border-radius:20px;background-color:#2d55a6;color:#fff;text-align:center;} #design .busking_time_num{font-size:9px !important;color:#fff !important;background-color:#2d55a6;padding:3px 6px !important;border-radius:50%;text-align:center;} #design .busking_days{margin-top:35px;} #contain #design table thead .busking_th{font-size:12px;} #design .busking0_ul{margin-bottom:15px;} #design .busking_ul{margin-bottom:15px;} #design .busking_ul li{margin-bottom:5px;padding-left:10px; list-style-position: inside; list-style-type: decimal; text-indent: -18px; padding-left: 18px;} /*이태원길*/ #design .itw_wrap{} #design .itw_wrap .itw_logo{margin-bottom:30px;} #design .itw_wrap .itw_box{margin-bottom:40px;} #design .itw_wrap .itw_box .itw_title{color:#2e55a6;font-size:18px;font-weight:600;padding-top: 14px;background: url(../img/itw_bar.jpg) no-repeat;margin-bottom:40px;} #design .itw_wrap .itw_box .itw_content{color:#333;font-size:15px;margin-bottom:10px;line-height:24px;} #design .itw_wrap .itw_box .itw_content .itw_strong{font-size:15px;font-weight:800;color:#2d2d2d;} #design .itw_wrap .itw_img{display:inline-block;width:100%;} #design .itw_wrap .itw_img .itw_left{float:left;width:49%;margin-bottom:15px;} #design .itw_wrap .itw_img .itw_right{float:right;width:49%;margin-bottom:15px;} #design .itw_wrap .itw_img .itw_left1{float:left;} #design .itw_wrap .itw_img .itw_right1{float:left; margin-left:13px;} #design .itw_wrap .itw_stitle{display:block;font-size:22px;color:#2d2d2d;font-weight:600;} #design .itw_wrap .itw_time{font-weight:600;margin-bottom:10px;font-size:16px;color:#004cff} #design .itw_wrap .itw_time span{color:#2d2d2d;font-size:16px;} /*버스킹*/ #design .busking_zone {width:100%;overflow:hidden;} #design .busking_zone li{float:left;margin-right:3%;width:22%;text-align:left;} #design .busking_zone li img {} #design .busking_zone li:nth-child(4){margin-right:0px;} #design .busking_zone li span{display:block;} /*메세나*/ #design .mesena_wrap{width:100%;margin:0 auto;background:url(../img/mesena_introbg.jpg) no-repeat;height:663px;} #design .mesena_wrap .mesena_tit{font-size:25px;color:#000;padding:20px 20px;font-weight:600;} #design .mesena_wrap .mesena_tit .mesena_g{color:#74bf42;font-size:30px;font-weight:800;} #design .mesena_wrap .mesena_tit .mesena_r{color:#e51c22;font-size:30px;font-weight:800;} #design .mesena_wrap .mesena_tit .mesena_b{color:#0072bb;font-size:30px;font-weight:800;} #design .mesena_wrap .mesena_txt{font-size:15px;line-height:20px; padding-left:20px;display:block;} #design .mesena_wrap .mesena_stit{font-size:20px;font-weight:600;padding-left:20px;margin-bottom:0px;} #design .mesena_wrap .mesena_sg{color:#499415;font-size:20px;font-weight:800;} #design .mesena_wrap .mesena_sg1{color:#74bf42;font-size:20px;font-weight:800;} /*메세나 가입방법*/ #design .conBox {position:relative;border-bottom: 1px dashed #ccc;padding-bottom:40px;margin-bottom: 40px;} #design .conBox:last-child {border-bottom:none;padding-bottom:0;margin-bottom:0;} #design .conBox .cb01 {position:absolute;top:0;left:0;width:180px;min-height:190px;} #design .conBox .cbbg01 {background: url(../img/cbbg01.png) no-repeat 0 50px;} #design .conBox .cbbg02 {background: url(../img/cbbg02.png) no-repeat 0 50px;} #design .conBox .cbbg03 {background: url(../img/cbbg03.png) no-repeat 0 50px;} #design .conBox .cbbg04 {background: url(../img/cbbg04.png) no-repeat 0 50px;} #design .conBox .cbbg05 {background: url(../img/cbbg05.png) no-repeat 0 50px;} #design .conBox .cbbg06 {background: url(../img/cbbg06.png) no-repeat 0 50px;} #design .conBox .cb01 h2 {margin:0; font-size:21px;} #design .conBox .cb02 {padding-left:180px;min-height:160px;} #design .conBox .cb02 .time {font-size:27px;color:#000;padding-bottom:12px;} #design .conBox .cb02 .stit {font-size:22px;color:#000;padding-bottom:12px;} #design .conBox .cb02 h3 {font-size:17px;color:#2e55a6;font-weight:700;padding-bottom:5px} #design .conBox .cb02 .txt {font-size:17px;} #design .conBox .cb02 .txt_line {font-size:17px;margin-bottom:20px;} #design .conBox .cb02 ul.depth04 li {font-size:17px;} #design .conBox .file_down_btn01{margin:10px 0;font-size:14px; color:#fff;background:#2e55a6;text-transform:uppercase;display:block;width:150px;} #design .conBox .file_down_btn01 span{display:inline-block;padding:12px 35px 12px 15px; background:url(../img/down_icon.png) no-repeat 90% 50%;} #design .depth04 > li {padding-left: 10px !important;margin: 4px 0 !important;background: url(../img/bullet_depth04.png) no-repeat 0 10px;font-size: 15px;line-height: 1.4em;font-weight: 400;color: #555;} #design .conBox .file_down_btn01{margin:10px 0;font-size:14px; color:#fff;background:#2e55a6;text-transform:uppercase;display:block;width:150px;} #design .conBox .file_down_btn01 span{display:inline-block;padding:12px 35px 12px 15px; background:url(../img/down_icon.png) no-repeat 90% 50%;} #design .depth04 > li {padding-left: 10px !important;margin: 4px 0 !important;background: url(../img/bullet_depth04.png) no-repeat 0 10px;font-size: 15px;line-height: 1.4em;font-weight: 400;color: #555;} /*현황*/ #design .donate_report{margin-bottom:20px;overflow:hidden;} #design .report_ul{float:right;text-align:right;margin-top:10px;color:#000;font-weight:600;} #design .report_ul li{margin-bottom:1px;} /********************* 아카데미 *******************/ /* 소개 */ #design .int_academy .img_wp::after {content: '';display: block;clear: both;} #design .int_academy .img_wp > div {float: left;width: 50%;padding: 10px;box-sizing: border-box;} /* 수강신청 */ #design .tabs.cate_tab > ul {padding-right: 150px;} #design .tabs .btn_cate {position: absolute;top: 24px;right: 0;z-index: 334;padding: 5px 12px;background-color: #2c384b;color: #fff;border-radius: 15px;font-size: 13px;} #design .academy_top {position: relative;z-index: 0;height: 45px;margin-bottom: 10px;border-bottom: 1px solid #ddd;} #design .academy_top > ul {padding-right: 150px;} #design .academy_top .btn_cate {position: absolute;top: 0;right: 0;z-index: 1;padding: 5px 12px;background-color: #2c384b;color: #fff;border-radius: 15px;font-size: 13px;} /*e카탈로그*/ #design .magazine {overflow:hidden;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid #e9e9e9;} #design .magazine h2 {font-size:34px;font-weight:600;color:#2c384b;padding:0 0 10px 0;background:none;} #design .magazine li {float:left;width:20%;} #design .magazine li .mgz_img {width:90%;} #design .magazine li .mgz_img img {width:100%;height:100%;border: 1px solid #e0e0e0;} #design .magazine li span {display:inline-block;width:100%;font-size:16px;font-weight:bold;margin-top:8px;text-align:center;} /* 비전 및 핵심가치 */ #design .vision_wrap > div {margin-top: 60px;text-align: center;} #design .vision_wrap > div:first-child {margin-top: 0;} #design .vision_wrap h3 {position: relative;z-index: 0;text-align: center;font-size: 22px;} #design .vision_wrap h3::after {content: '';display: block;width: 35px;height: 1px;margin: 10px auto 0;background-color: #333;} #design .vision_wrap .v_detail span.eng {display: inline-block;width: 140px;height: 35px;font-family: 'montserrat';text-transform: uppercase;font-size: 18px;font-weight: 800;color: #fff;line-height: 35px;border-radius: 35px;letter-spacing: 2px;} #design .vision_wrap .vision1 .v_detail span.eng {position: relative;z-index: 1;background: linear-gradient(45deg, #4098ad, #6461aa);} #design .vision_wrap .vision2 .v_detail span.eng {position: relative;z-index: 1;background: linear-gradient(45deg, #80519d, #cf396c);} #design .vision_wrap .vision3 .v_detail span.eng {position: relative;z-index: 1;background: linear-gradient(45deg, #d45154, #e0881f);} #design .vision_wrap .v_detail p {overflow: hidden;position: relative;z-index: 0;margin-top: -20px;padding: 40px 20px;background-color: #f4f4f4;font-size: 24px;font-weight: 800;color: #333;border-radius: 132px;} #design .vision_wrap .vision1 .v_detail p::before {content: 'V';position: absolute;top: -140px;left: 0;z-index: -1;font-size: 380px;font-weight: 500;color: #e5e5e5;line-height: 0.8em;font-family: 'Poppins';} #design .vision_wrap .vision2 .v_detail p::before {content: 'M';position: absolute;top: -120px;right: 5%;z-index: -1;font-size: 280px;font-weight: 500;color: #e5e5e5;line-height: 0.8em;font-family: 'Poppins';} #design .vision_wrap .vision3 .v_detail p::before {content: 'S';position: absolute;top: -50px;left: 4%;z-index: -1;font-size: 380px;font-weight: 500;color: #e5e5e5;line-height: 0.8em;font-family: 'Poppins';} #contain #design table thead .busking_th{font-size:13px;} #contain #design table thead .busking_td{font-size:14px;} /**/ #design .cidownload {margin-bottom: 10px;text-align: right;} #design .cidownload li {display: inline-block;margin-right: 5px;} /**/ #design .greeting .txt {margin-top: 45px;} #design .greeting .txt p {width: 85%;font-size: 17px;line-height: 1.65em;} #design .greeting .txt p + p {margin-top: 30px;} #design .greeting .txt p.sign {margin-top: 40px;font-weight: 600;font-size: 19px;} /**/ #design .organization{position:relative; width:100%; border:1px solid #ddd; margin-bottom:34px;} #design .organization:before { position:absolute; left:50%; top:30px; display:block; content:''; width:1px; height:330px; z-index:1; background:#aaa;} #design .organization em{position:absolute;z-index:2;background:#888} #design .organization .og1{top:70px;left:50%;width:1px; background:#333;} #design .organization .og2{top:166px;left:50%;width:1px;} #design .organization .og3{top:229px;left:50%;width:145px;height:1px} #design .og0nd{padding:12px 20px;margin:20px auto; margin-top:20px;width:200px; position:relative; z-index:2;text-align:center;background:#fff;border:2px solid #003977;font-weight:800;font-size:1.2em;color:#003977} #design .og0nd span{display:block;font-size:0.8em} #design .og1nd{padding:12px 20px;margin:20px auto;width:170px; position:relative; z-index:2;text-align:center;font-weight:800;font-size:1.2em;color:#fff;background:#003977} #design .og1nd span{display:block;font-size:0.8em} #design .og2nd{position:absolute;top:194px;left:55%;padding:13px 20px;width:130px;font-size:1em;font-weight:normal;text-align:center;color:#fff;background:#1878c3;z-index:999;} #design .og3nd{padding:140px 0 0 11.5%; position:relative; z-index:2;text-align:center;margin-bottom:80px} #design .og3nd li{float:left;width:126px;padding:5px 0;margin-left:5px;text-align:center;background:#fff;border:solid 2px #ccc ;font-weight:normal;font-size:1em} #design .og3nd li:first-child{margin-left:0} #design .og3nd li span{display:block;color:#666; font-size:13px;} /*기부문화 */ #design .prowrap_box{border:1px solid #ebf0f2;padding:0px 35px;margin-bottom:30px;} #design .prowrap_box .area{display:inline-block;padding:20px 0px 20px 0px;} #design .prowrap_box .pro_tit{font-size:25px; color:#0148ae;font-weight:600;} #design .prowrap_box .pro_txt{font-size:17px;} #design .prowrap_box .pro_txt01{font-size:20px;font-weight:600;color:#273f62;} #design .prowrap_box .pro_txt span{font-weight:600;} #design .prowrap_box .area.pro_icon01{background:url(../img/pro_icon01.png) no-repeat left 30px;padding-left:165px;} #design .gibu_inbox{text-align:center; border-bottom:1px dotted #6d6d6d;} #design .gibu_inbox .gibu_h4{font-size:20px;} #design .gibu_inbox .gibu_p{display:inline;font-size:20px; color:#fa4455} #design .gibu_inbox .li_head{display:table; width:100%; height:60px;margin-bottom:10px;} #design .gibu_inbox .li_head h4{display:table-cell; width:120px; background-color:#8781bd; font-size:18px; line-height:22px; letter-spacing:-0.05em; text-align: center; color:#fff; vertical-align:middle;} #design .gibu_inbox .li_head .h01{background-color:#a186be;} #design .gibu_inbox .li_head h4 span{font-size:18px; line-height: 22px; color:#fff;} #design .gibu_inbox .li_head p{display:table-cell; padding:0 20px; font-size:16px; line-height: 22px; letter-spacing:-0.05em; color:#333; text-align:center; vertical-align: middle;background-color:#f6f6f6} /**/ #design .guide_box{margin:30px 0;padding:30px 30px;-moz-box-shadow:inset 0 0 10px #B2B2B2;-webkit-box-shadow:inset 0 0 10px #B2B2B2;box-shadow:inset 0 0 10px #B2B2B2;border-radius:10px;background:url(../img/common/guide_box_bg.gif) no-repeat 100% 100%} #design .guide_box h3{color:#551ca9;font-size:17px} #design .mobile_table{display:none;} #design .gibu_total {margin-top: 10px;} #design .gibu_total > div {text-align: right;font-size: 15px;} #design .gibu_left{float:right;margin-bottom: 10px;display:block;font-size: 90%;} /**/ #design .stage{border-bottom:1px solid #ccc;overflow:hidden} #design .stage *{} #design .stage dt{float:left;width:70%;font-size:18px;font-family:Arial, Helvetica, sans-serif} #design .stage dt img{display:block;padding:20px 0} #design .stage dd{float:left;padding:30px 0;width:30%} #design .stage dd ul{overflow:hidden} #design .stage dd li{float:left;width:50%;font-size:15px} /**/ #design .tabmenu{margin:0 0 30px 0;*zoom:1; overflow:hidden;} #design .tabmenu:before, #design .tabmenu:after{clear:both;display:table;content:"";line-height:0} #design .tabmenu li{float:left;padding-right:2px; padding-bottom:2px;} #design .tabmenu li:first-child a{margin:0} #design .tabmenu li a{display:inline-block;position:relative;padding:0 32px;line-height:40px;font-size:15px;font-weight:normal;letter-spacing:-1px;color:#aaa;text-align:center;border:1px solid #b1b1b1;background:#fff url(../img/tab_bullet.png) no-repeat 15px -7px;transition:all 0.2s} #design .tabmenu li a i{display:none} #design .tabmenu li a:hover{position:relative;z-index:5; color:#fff;border:1px solid #176cb9;background:#176cb9 url(../img/tab_bullet.png) no-repeat 15px 18px;transition:all 0.2s} #design .tabmenu li a.sel{position:relative;z-index:5; color:#176cb9;font-weight:bold;border:1px solid #176cb9;background:#fff url(../img/tab_bullet.png) no-repeat 15px 18px;box-shadow:0 3px 0 #e2e2e2} #design .tabmenu li a.sel i{ width:4px; height:4px; border-radius:4px; background:#eee; position:absolute; left:12px; top:20px;} /**/ #design .depthmenu{margin:0 0 30px 0;*zoom:1} #design .depthmenu:before, #design .depthmenu:after{clear:both;display:table;content:"";line-height:0} #design .depthmenu li{display:inline;padding-right:4px} #design .depthmenu li:first-child a{margin:0} #design .depthmenu li a{display:inline-block;position:relative;padding:0 39px;line-height:37px;font-size:15px;font-weight:600;letter-spacing:-1px;color:#fff;text-align:center;border:2px solid #b1b1b1;background:#b1b1b1;border-radius:5px;transition:all 0.2s} #design .depthmenu li a i{display:none} #design .depthmenu li a:hover{position:relative;z-index:5;color:#fff;border:2px solid #014fbb;background:#014fbb;transition:all 0.2s} #design .depthmenu li a.sel{position:relative;z-index:5;color:#242b36;border:2px solid #014fbb;background:#fff;box-shadow:0 3px 0 #e2e2e2} #design .depthmenu li a.sel i{position:absolute;z-index:6;bottom:-11px;left:50%;display:block;margin-left:-4px;width:8px;height:11px;background:url(../img/ico_pin.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} /* #design .tabs{padding:0 0 10px 0;position:relative;*zoom:1} #design .tabs:before, #design .tabs:after{clear:both;display:table;content:"";line-height:0} #design .tabs ul{position:relative;z-index:1;height:40px;border-bottom:1px solid #aaa} #design .tabs li{float:left} #design .tabs li:first-child a{margin:0} #design .tabs li a{display:block;position:relative;z-index:0;margin:0 0 0 -1px;padding:0 26px;line-height:38px;font-size:14px;font-weight:400;color:#333;text-align:center;border:1px solid #dedede;border-bottom:1px solid #aaa;background:#fff} #design .tabs li a:hover{position:relative;z-index:5;font-weight:600;color:#fff;border:1px solid #333;background:#666;transition:all 0.3s} #design .tabs li a.sel{position:relative;z-index:5;padding:0 26px 0 40px;font-weight:600;color:#333;border:1px solid #aaa;border-bottom:1px solid #fff;background:#fff url(../img/btn_tabs.png) no-repeat 20px 11px} #design .tabs p{position:absolute;top:0;right:0} #design .tabs p a{display:block;padding:5px 25px;font-weight:400;color:#fff;border:1px solid #c62337;background:#c62337;border-radius:4px} #design .tabs{padding:20px 0;position:relative;*zoom:1} #design .tabs:before, #design .tabs:after{clear:both;display:table;content:"";line-height:0} #design .tabs ul{position:relative;z-index:1;height:42px;border-bottom:1px solid #03a98f;margin-bottom:20px;} #design .tabs li{float:left} #design .tabs li:first-child a{margin:0} #design .tabs li a{display:block;position:relative;z-index:0;margin:0 0 0 -1px;padding:0 24px;line-height:40px;font-size:15px;font-weight:600;color:#333;text-align:center;border:1px solid #dedede;border-bottom:1px solid #03a98f;background:#fff} #design .tabs li a span{font-size:13px} #design .tabs li a:hover{position:relative;z-index:5;font-weight:600;color:#fff;border:1px solid #333;background:#3d4459;transition:all 0.3s} #design .tabs li a.sel{position:relative;z-index:5;padding:0 26px 0 40px;font-weight:600;color:#333;border:1px solid #03a98f;border-bottom:1px solid #fff;background:#fff url(../img/btn_tabs.png) no-repeat 20px 13px} #design .tabs li a span{color:#f30} #design .tab_con ul {padding: 0;} #design .tab_title {padding-left: 21px;margin: 0 0 10px;background: url(../img/icon_liststyle.png) no-repeat 0 5px;} #design .list_wrap {margin-top: 20px;} #design .tabs {position:relative;*zoom:1} #design .tabs:before, #design .tabs:after{clear:both;display:table;content:"";line-height:0} #design .tabs ul{position:relative;z-index:333;height:50px;margin-top:13px;margin-bottom:20px;border-bottom:1px solid #2e55a6} #design .tabs li{float:left;} #design .tabs li a{display:block;position:relative;z-index:0;margin:0 0 0 -1px; padding:0 19.6px;line-height:48px;font-size:15px;font-weight:600;color:#333;text-align:center; border:1px solid #dedede;background:#fff} #design .tabs li a span{font-size:13px} #design .tabs li a:hover{position:relative;z-index:5;font-weight:600;color:#fff;background:#585858;transition:all 0.3s} #design .tabs li a.sel{position:relative;z-index:5;padding:0 26px;font-weight:600;color:#fff; background:#2e55a6} */ /* 어울아트센터 소개 */ #design .eoulart .bd_type {padding-top: 10px;margin-top: 30px;border-top: 1px dashed #ddd;} #design .center_top {overflow: hidden;margin-bottom: 35px;} #design .center_top h3 {float:left;width:25%;padding-top:35px;margin: 0;background:url(../img/center_tit_bg.gif) no-repeat;font-size:34px;font-weight:800;line-height:1.2em;} #design .center_top .center_ex {float:left;width:75%;padding-top:35px;} #design .center_top .center_ex p {margin: 0 0 15px;font-size:16px;} #design .center_bottom .center_box {overflow:hidden;} #design .center_bottom .center_box > div {float:left;width:44%;min-height: 275px;padding: 10px 3%; background:#6685a2;color:#fff;} #design .center_bottom .center_box .center_box_ex {text-align: right;background: #324969;} #design .center_bottom .center_box .center_b_tit {font-size:22px;display:inline-block;font-weight:600;padding-top: 15px;background: url(../img/center_tit_bg.gif) no-repeat;} #design .center_bottom .center_box .b_bd {border: 2px solid #65778f;padding:15px;background: none;} #design .center_bottom .center_box > div > dl {overflow:hidden;} #design .center_bottom .center_box > div > .first_b_dl {margin-top: 18px;} #design .center_bottom .center_box > div > dl dt {float: left;} #design .center_bottom .center_box > div > dl dd {float: left;margin: 0 0 0 15px;color: #000;} #design .center_bottom .center_box > div > dl dd ul {padding-left: 0;} #design .center_bottom .center_box > div > dl dd ul li {font-size:13px;} #design .center_bottom.new .center_box {display: flex;} #design .center_bottom.new .center_box > div {width:50%;padding: 20px;background:#6685a2;color:#fff;box-sizing: border-box;} #design .center_bottom.new .center_box .center_box_ex {text-align: right;background: #324969;} #design .center_bottom.new .center_box .center_b_tit {font-size:22px;display:inline-block;font-weight:600;padding-top: 15px;background: url(../img/center_tit_bg.gif) no-repeat;} #design .center_bottom.new .center_box .b_bd {border: 2px solid #65778f;padding:15px;background: none;} #design .center_bottom.new .center_box > div > dl {overflow:hidden;} #design .center_bottom.new .center_box > div > .first_b_dl {margin-top: 18px;} #design .center_bottom.new .center_box > div > dl dt {float: left;width: 60px;font-size: 20px;font-weight: 600;} #design .center_bottom.new .center_box > div > dl dd {float: left;width: calc(100% - 70px);margin: 0 0 0 10px;color: #000;} #design .center_bottom.new .center_box > div > dl dd ul {padding-left: 0;} #design .center_bottom.new .center_box > div > dl dd ul li {font-size:13px;} #design .center_bottom.new .center_box > div > dl dd ul li + li {margin-top: 7px;} #design .center_bottom.new .center_box > div > dl.bd_type {margin-top: 20px;padding-top: 20px;border-top: 1px dashed #ddd;} #design .center_bottom.new .center_box.his {display: block;} #design .center_bottom.new .center_box.his > div {width:100%;padding:20px;background:#fff;color:#000;box-sizing: border-box;min-height:150px;} #design .center_bottom.new .center_box.his .center_box_ex {display:flex;align-items: center;text-align: left;background: #fff;} #design .center_bottom.new .center_box.his .center_b_tit {font-size:28px;display:inline-block;font-weight:600;padding-top: 15px;background: url(../img/center_tit_bg.gif) no-repeat;} #design .center_bottom.new .center_box.his .b_bd {border: 2px solid #000;padding:30px;background: none;} #design .center_bottom.new .center_box.his p:nth-child(1) {width:210px;margin-right:30px;} #design .center_bottom.new .center_box.his p:nth-child(2) {width:calc(100% - 240px);font-size: 26px;} #design .center_bottom.new .center_box.his > div > dl {overflow:hidden;border-bottom: 1px solid #eee;} #design .center_bottom.new .center_box.his > div > .first_b_dl {margin-top: 18px;} #design .center_bottom.new .center_box.his > div > dl dt {float: left;width: 130px;font-size: 35px;font-weight: 600;padding-top: 10px;color:#3156a4;} #design .center_bottom.new .center_box.his > div > dl dd {float: left;width: calc(100% - 140px);margin: 0 0 0 10px;color: #000;} #design .center_bottom.new .center_box.his > div > dl dd ul {padding-left: 0;padding-bottom: 10px;} #design .center_bottom.new .center_box.his > div > dl dd ul li {display:flex;font-size:15px;margin-bottom: 10px;} #design .center_bottom.new .center_box.his > div > dl dd ul li > strong {display:inline-block;width:120px;margin-right:20px;font-weight:500;} #design .center_bottom.new .center_box.his > div > dl dd ul li > span {display:inline-block;width:calc(100% - 140px);} #design .center_bottom.new .center_box.his > div > dl dd ul li + li {margin-top: 7px;} #design .center_bottom.new .center_box.his > div > dl.bd_type {/*margin-top: 20px;padding-top: 20px;border-top: 1px dashed #ddd;*/margin-top: 0;padding-top:0;border-top:none;} /* 전체이용시설 */ #design .eoulart .center_use_wrap {overflow: hidden;} #design .eoulart .center_use_wrap > div {position: relative;float: left;width: 31.33333%;min-height: 370px;} #design .eoulart .center_use_wrap .center_pop_tit {position:absolute;padding: 5px 0 15px 45px;font-size:17px;font-weight:800;} #design .eoulart .center_use_wrap .use_tit_01 {background: url(../img/use_pop_01.png) no-repeat;} #design .eoulart .center_use_wrap .use_tit_02 {background: url(../img/use_pop_02.png) no-repeat;} #design .eoulart .center_use_wrap .use_tit_03 {background: url(../img/use_pop_03.png) no-repeat;} #design .eoulart .center_use_wrap .use_tit_04 {bottom: 0;background: url(../img/use_pop_04.png) no-repeat;} #design .eoulart .center_use_wrap .use_tit_05 {bottom: 0;background: url(../img/use_pop_05.png) no-repeat;} #design .eoulart .center_use_wrap .use_center_box {margin: 0 3%;} #design .eoulart .center_use_wrap .use_list {padding: 10px;margin: 55px 0 0 17px;border:1px solid #ddd;background:#fafafa;} #design .eoulart .center_use_wrap .use_list li {border-bottom: 1px solid #ddd;padding: 10px 0;} #design .eoulart .center_use_wrap .use_list li:last-child {border-bottom: 0;} #design .eoulart .center_use_wrap .use_list li p {font-size:14px;margin: 0;} #design .eoulart .center_use_wrap .use_list li .use_fr {color:#858585;margin-bottom:5px;} /* 공연장소개 */ #design .eoulart .play_wrap .eoul_tit {font-size:42px;font-weight:800;color:#2c384b;padding-bottom:15px;margin-top: 0;background: url(../img/eoulart_tit_bg.png) no-repeat 0 100%;} #design .eoulart .play_wrap .eoul_s_tit {padding-left:30px;font-size:18px;font-weight:600;background: url(../img/eoulart_bullet.png) no-repeat 0 4px;margin-bottom:15px;} #design .eoulart .play_wrap table {margin-top: 20px;} #design .eoulart .eoul_m_tit {font-size:22px;font-weight:800;color:#0077c0;padding-bottom:10px;margin-bottom:30px;background:url(../img/eoulart_s_tit.png) no-repeat 0 100%;} #design .eoulart .file_wrap > div {margin-bottom: 30px;} #design .eoulart .file_wrap .down_03 {margin-bottom: 0;} #design .eoulart .file_wrap > div > p {padding-left: 10px;font-size:20px;font-weight:600;margin: 0;} #design .eoulart .file_wrap > div .down_list {overflow:hidden;padding-left: 0;padding-top: 15px;background: url(../img/eoulart_list_bg.png) no-repeat;background-size: 100%;} #design .eoulart .file_wrap > div .down_list li {position:relative;float:left;width:47%;margin: 0 1% 0 0;padding: 15px 0 15px 1%;border-bottom: 1px solid #ddd;font-size:15px;} #design .eoulart .file_wrap > div .down_list .down_list_last {margin: 0 0 0 1%;} #design .eoulart .file_wrap > div .down_list li a {width: 35px;height: 35px;text-indent: -9999px;position: absolute; top: 8px; right: 42px;background: url(../img/al_btn.png) no-repeat;} #design .eoulart .file_wrap > div .down_list li .pdf_down {right: 0;background: url(../img/pdf_btn.png) no-repeat;} #design .eoulart .file_wrap > div .down_list li .han_down {right: 0;background: url(../img/han_btn.png) no-repeat;} #design .file_list > li > a {float: right;margin: 10px 0;font-size: 10px;color: #fff;background: #2e55a6;text-transform:uppercase;} #design .file_list > li > a > span {display: inline-block;padding: 12px 35px 12px 15px;background: url(../img/down_icon.png) no-repeat 90% 50%;} /* 전시실소개 */ #design .eoulart .display_list {overflow: hidden;margin-bottom: 0;} #design .eoulart .display_list + .display_list {margin-top: 10px;} #design .eoulart .display_list:last-child {margin-bottom: 40px;} #design .eoulart .display_list dt {float: left;background: url(../img/display_bullet.png) no-repeat 0 10px;padding:0 25px 0 12px;} #design .eoulart .display_list dd {float: left;background: url(../img/display_bar.png) no-repeat 0 8px;padding-left:25px;margin: 0;} #design .eoulart .btn_wrap {margin-top: 30px;text-align: center;} #design .eoulart .btn_wrap a.download_btn {display: inline-block;padding: 12px 50px 12px 15px;background: #333 url(../img/down_icon.png) no-repeat 90% 50%;color: #fff;font-size: 15px;} /* 대관 */ #design .eoulart .person_list {padding-left: 20px;} #design .eoulart .person_list > li {font-size: 16px;padding-left: 25px;background: url(../img/icon_liststyle2.png) no-repeat 0 5px;} #design .eoulart .person_list > li > ul {padding: 10px 0 20px;font-size:15px;} #design .coronation_access {overflow: hidden;position: relative;background: url(../img/process_bg.jpg) no-repeat 0 0;border: 1px solid #ddd;} #design .coronation_access dt {float: left; width: 22%;color: #fff;font-size: 24px;text-align: right;padding: 10px 2%;} #design .coronation_access dt span {position: absolute;bottom: -50px;left: 10px;font-size: 100px;opacity: 0.5;} #design .coronation_access dd {float: left;width: 70%;min-height: 120px;margin: 0;padding: 10px 2%;background: #fafafa;} #design .coronation_access .access_title {margin: 10px 0 0;padding-bottom: 8px;font-size: 16px;background: url(../img/title_bar.gif) no-repeat 0 100%;font-weight: 600;} #design .coronation_access .access_list {margin: 10px 0;padding-left: 0;font-size: 14px;} #design .coronation_access .access_list li {margin: 5px 0;padding-left: 25px;background: url(../img/icon_liststyle2.png) no-repeat 0 5px;} #design .coronation_fee .fee_tit {font-size: 18px;font-weight: 600;color: #000;} #design .eoulart .coronation_list {padding-left: 0;font-size: 15px;} #design .eoulart .coronation_list > li > ul {padding-left: 2%;} #design .file_wrap {overflow: hidden;padding: 0;margin: 10px 0;} #design .file_wrap .file_title {margin: 0 0 20px;padding: 10px 0;background: url(../img/title_bar.gif) no-repeat 0 100%;font-size: 16px;} #design .file_wrap > li {float: left;width: 48%;margin: 0 1%;} #design .file_wrap .file_list {padding-left: 0;} #design .file_wrap .file_list > li {overflow: hidden;width: 100%;border-bottom: 1px solid #ccc;} #design .file_wrap .file_list > li > p {float: left;width: 65%;font-size: 14px;padding: 10px 0;margin: 10px 0;} #design .file_wrap .file_list > li > a {float: right;margin: 10px 0;font-size: 10px;color: #fff;background: #2e55a6;text-transform:uppercase;} #design .file_wrap .file_list > li > a > span {display: inline-block;padding: 12px 35px 12px 15px;background: url(../img/down_icon.png) no-repeat 90% 50%;} /**/ #design .subtit{padding:20px 0;font-size:18px;text-align:center;border-top:0px solid #ccc;border-bottom:0px solid #ccc;background:url(../img/culture.png) no-repeat 50% 0} #design .subtit strong{font-size:18px;font-weight:400;color:#c62337} #design .title{position:relative;overflow:hidden} #design .title h3{position:relative;margin-bottom: 10px;padding-left:25px;line-height:40px;font-size: 20px;font-weight:600;color:#005997} #design .title h3 i{position:absolute;top:-2px;left:0;display:block;width:20px;height:40px;background:url(../img/depth1_1.png) no-repeat 50% 50%} #design .title p{position:absolute;top:10px;right:0;font-weight:600} #design .title .year{position:absolute;top:10px;right:0} #design .title .year strong{float:left;display:block;width:60px;line-height:20px;font-size:16px;color:#333;text-align:center} #design .title .year strong span{padding-left:5px;font-size:16px;color:#333} #design .title .year a{float:left;display:block;width:19px;height:19px;line-height:19px;font-size:11px;font-weight:800;font-family:"돋움", "굴림";text-align:center;color:#fff;background:#b7b7b7} #design .title .year a span{display:none} #design .point h3{margin-bottom:0;border-bottom:0px solid #ccc} #design .table{padding:0 10px;padding-bottom:20px} #design .table .tar{padding:10px 0} /**/ #program .policy .concert_detail .t_dtl .txt_box {float: none;width: 100%;} #program .policy .t_dtl .txt_box .btn_box {padding: 20px;margin: 10px 0;background: #f4f4f4;font-size: 15px;line-height: 1.6em;} /**/ #design .chart{position:relative;padding-bottom:5px} #design .chart > ul{padding:0 0 5px 8px} #design .chart > ul > li{padding:0 0 6px 17px;line-height:19px;background:url(../img/dp2.png) no-repeat 5px 6px} #design .chart > ul > li strong{color:#c62336} #design .chart li strong{font-weight:400} #design .chart li strong.orange{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff !important;background:#ef770c;border-radius:22px} #design .chart li strong.pgreen{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#235704;border-radius:22px} #design .chart li strong.gold{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#9f791e;border-radius:22px} #design .chart li p{padding:0 0 15px 0} #design .chart li p .ipin{color:#246e8b} #design .chart li ul{padding: 13px 20px;background-color: #f4f4f4;} #design .chart li ul li{padding: 3px 0;font-size:14px} #design .chart li .table{position:relative;top:-10px;padding:0 0 20px 70px} #design .chart dl{margin:0 0 30px 0;padding:10px 20px 10px 100px;overflow:hidden;border:1px solid #e3e3e3;background:#fff url(../img/ico_point.png) no-repeat 30px 50%;border-radius:5px;box-shadow:1px 3px 1px #fafafa} #design .chart dt{padding:5px 20px;font-size:16px;color:#526c9b} #design .chart dd{padding:0 20px 10px 20px;font-size:13px} #design .chart dd li{font-size:13px} #design .chart .down{display:inline-block;margin:0 2px 4px 2px;padding:2px 5px;font-size:13px;letter-spacing:-1px;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:3px} #design .chart .bot{margin:0 10px;padding:10px;border-top:1px solid #ccc;overflow:hidden} #design .chart p{padding-bottom:10px;overflow:hidden} #design .arrow{padding-bottom:50px;background:url(../img/ico_b_arrow.png) no-repeat 50% -20px} #design .photos{margin:0 0 10px 0;border-bottom:1px solid #ccc} #design .photos dl{position:relative;padding:20px;padding-top:0;overflow:hidden} #design .photos dt{float:left;width:100px} #design .photos dt img{display:block;padding:5px;width:100px;border:1px solid #ccc} #design .photos dd{float:left;padding:0 20px 10px 20px;font-size:13px} #design .photos dd li{font-size:13px} #design .photos ul{padding:0 0 5px 8px} #design .photos ul li{padding:0 0 4px 17px;background:url(../img/dp2.png) no-repeat 5px 9px} #design .photos ul li strong{color:#c62336} #design .photos dd .btn_lectureinfo {float:right; margin-top:15px; background:#ccc; width:150px; height:40px; line-height:40px; display:block; text-align:center;} #design .photos dd .btn_lectureinfo1 {float:right; margin-top:15px; background:#2e55a6; color:#fff;width:150px; height:40px; line-height:40px; display:block; text-align:center;} #design .grtable{position:relative;top:-10px} #design .grtable ol{padding:0 55px;overflow:hidden} #design .grtable ol li{float:left} #design .grtable ol li.gt1{width:50%} #design .grtable ol li.gt1 strong{background:#f6f9fa} #design .grtable ol li.gt2{width:25%} #design .grtable ol li.gt2 strong{background:#f6f9fa} #design .grtable ol li.gt3{width:25%} #design .grtable ol li.gt3 strong{background:#f6f9fa} #design .grtable ol li div{position:relative;margin:0 10px;border:1px solid #ccc;border-top:2px solid #81a7b3;background:#f2f2f2;overflow:hidden} #design .grtable ol li div strong{display:block;padding:7px 0;font-weight:600;text-align:center;color:#333;border-bottom:1px solid #eee} #design .grtable ol li div strong br{ display:none} #design .grtable ol li div span{display:block;padding:20px 10px;min-height:100px;height:100px\9;font-size:13px;background:#fff} /* #design .history{padding-bottom:50px;background:url(../img/history.png) no-repeat 100% 100%} #design .history dl{position:relative;padding:15px 20px;overflow:hidden} #design .history dt{float:left;position:relative;width:18%} #design .history dt strong{display:block;padding:25px 0;line-height:20px;font-size:36px;font-weight:800;color:#005997;letter-spacing:-1px;text-align:center} #design .history dd{float:left;position:relative;width:82%;padding:20px 0;min-height:28px;line-height:28px;font-size:16px} #design .history dd strong{padding:0 20px 0 30px;font-size:16px;font-weight:600;color:#00877d} */ /* #design .booklist{padding:0 0 30px 0} #design .booklist ul{overflow:hidden} #design .booklist li{float:left;width:20%} #design .booklist li dt{margin:0 auto;width:132px} #design .booklist li dt a{display:block} #design .booklist li dt img{display:block;width:132px;height:178px;border:1px solid #333} #design .booklist li dd{padding-bottom:20px;text-align:center} #design .booklist li dd a{display:block} #design .booklist li dd strong{display:block;padding:10px 20px 0 20px;height:47px;line-height:18px;font-size:15px;font-weight:600;overflow:hidden} #design .booklist li dd span{display:block;font-size:13px}*/ /* #design .onelist{padding:0 0 30px 0} #design .onelist ul{margin:0 -10px;overflow:hidden} #design .onelist li{float:left;width:33.33%} #design .onelist li dl{position:relative;margin:0 10px;overflow:hidden} #design .onelist li dt a{display:block} #design .onelist li dt img{display:block;width:132px;height:178px;border:1px solid #333} #design .onelist li dd{position:absolute;top:0;left:150px} #design .onelist li dd a{display:block} #design .onelist li dd strong{display:block;margin:0 0 15px 0;font-size:15px;font-weight:600;overflow:hidden} #design .onelist li dd span{display:block;font-size:13px}*/ /* #design .bookgroup{background:url(../img/bookgroup.png) no-repeat 100% 80%} #design .booktitle{position:relative;margin-bottom:20px;padding:20px 30px;padding-left:200px;min-height:150px;height:150px\9;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:10px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0} #design .booktitle h2{padding-bottom:7px;font-size:21px;font-weight:600} #design .booktitle h2 strong{font-size:21px;font-weight:600;color:#000} #design .booktitle p{line-height:20px;font-size:14px;color:#4c4c4c;word-break:break-all} #design .booktitle p strong{font-size:14px;font-weight:400;color:#479e33} #design .booktitle p i{position:absolute;bottom:0px;right:0px;width:0;height:0;border-bottom:30px solid #f7f7f7;border-left:30px solid transparent} #design .booktitle .ct1{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_culture.png) no-repeat 50% 50%} #design .booktitle .ct2{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_event.png) no-repeat 50% 50%} #design .booktitle .ct3{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_onebook.png) no-repeat 50% 50%} #design .booktitle .ct4{position:absolute;top:30px;left:0;display:block;width:170px;height:150px;border-right:1px solid #eee;background:url(../img/bookstart.png) no-repeat 50% 50%} #design .booktitle .sv1{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_ebook.png) no-repeat 50% 50%} #design .booktitle .sv2{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_oneservice.png) no-repeat 50% 50%} #design .booktitle .sv3{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_booksea.png) no-repeat 50% 50%} #design .booktitle .sv4{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_bookdream.png) no-repeat 50% 50%} #design .booktitle .blue{color:#00539b !important} #design .booktitle .green{color:#479e33 !important} #design .booktitle .red{color:#c62338 !important} #design .booktitle .orange{color:#ec9035 !important} #design .booktitle .silver{color:#696969 !important}*/ /* #design .text{margin-bottom:40px;padding:30px 30px 30px 160px;min-height:120px;font-size:16px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0} #design .text strong{font-size:16px;color:#c62337} #design .tx1{background:#fff url(../img/ico_culture.png) no-repeat 40px 50%} #design .tx2{background:#fff url(../img/ico_event.png) no-repeat 40px 50%}*/ /**/ #contain #design div.visitor_num_guid{color:#617295;font-size:0.92em;font-weight:normal;line-height:130%;padding:7px 0 3px ;text-align:left} #contain #design .bt-content .btn_gray{display:block;margin:3px 0;padding:3px 5px;font-weight: 400;color:#333;/*border:1px solid #aaa;*/background:#fff;border-radius:22px;text-align: center;font-size: 14px;} #contain #design .bt-content .btn_red{display:block;margin:3px 0;padding:3px 5px;font-weight: 400;color:#fff;/*border:1px solid #f23737;*/background:#f23737;border-radius:22px;text-align: center;font-size: 14px;} #contain #design .bt-content .btn_orange{display:block;margin:3px 0;padding:3px 5px;font-weight: 400;color:#fff;/*border:1px solid #f77a00;*/background:#f77a00;border-radius:22px;text-align: center;font-size: 14px;} #contain #design .bt-content .btn_blue{display:block;margin:3px 0;padding:3px 5px;font-weight: 400;color:#fff;/*border:1px solid #014fbb;*/background:#014fbb;border-radius:22px;text-align: center;font-size: 14px;} #contain #design .bt-content .btn_green{display:block;margin:3px 0;padding:3px 5px;font-weight: 400;color:#009688;/*border:1px solid #009688;*/background:#fff;border-radius:22px;text-align: center;font-size: 14px;} #contain #design .btn_regist{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #999;background:#999;border-radius:22px} #contain #design .btn_cancel{display:block;margin:3px 0;padding:3px 5px;width:69px;font-weight:600;color:#fff;border:1px solid #3d4459;background:#3d4459;border-radius:22px} #contain #design .btn_regist_go{display:block;padding:2px;font-weight:800;color:#fff;border:2px solid #1769A3;background:#003258} #contain #design .btn_deadline{color:#C5C5C5; font-weight:800} #contain #design .btn_suc{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#333;border:1px solid #aaa;background:#fff;border-radius:22px} #contain #design .btn_oky{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff;border:1px solid #014fbb;background:#014fbb;border-radius:22px} #contain #design .btn_pay{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff;border:1px solid #3d4459;background:#3d4459;border-radius:22px} #contain #design .btn_ing{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff;border:1px solid #c62338;background:#c62338;border-radius:22px} #txt_box{margin:10px 0;padding:20px;border:1px solid #ccc;background:#fafafa} /**/ #calendar{position:relative; padding-bottom:25px !important;} #calendar .days{text-align:left} #calendar .days a{display:inline-block;position:relative;top:0px;width:40px;height:40px;line-height:40px;font-size:18px;color:#c62337;border:1px solid #e3e3e3;border-radius:50px;overflow:hidden;transition:all 0.2s} #calendar .days a:hover{width:100px;text-indent:0em;color:#333} #calendar .days a i{position:absolute;top:0;width:40px;height:40px} #calendar .days .prev{padding:0 10px 0 30px;text-indent:20em} #calendar .days .prev i{left:0;background:url(../img/s_prev.png) no-repeat 50% 50%} #calendar .days .next{padding:0 30px 0 10px;text-indent:-20em} #calendar .days .next i{right:0;background:url(../img/s_next.png) no-repeat 50% 50%} #calendar .days span.year {margin-left: 10px;font-size: 20px;font-weight: 500;} #calendar .days strong{display:inline-block;position:relative;top:-4px;padding:0 10px;line-height:40px;font-size: 40px;color:#f23737;vertical-align: middle;} #calendar .days strong span{position:relative;top:-2px;margin:0 0 0 -10px;font-size:20px} #calendar .even{position:absolute;top:12px;right:186px} #calendar .even ul{overflow:hidden} #calendar .even li{float:left;position:relative;padding:0 10px 0 20px} #calendar .even li strong{font-weight:400} #calendar .even li i{position:absolute;top:0;left:0;width:20px;height:20px} #calendar .even .e1 i{background:url(../../img/pro_content/icon_schedule_r.gif) no-repeat 50% 50%} #calendar .even .e2 i{background:url(../../img/pro_content/icon_schedule_e.gif) no-repeat 50% 50%} #calendar .even .e3 i{background:url(../../img/pro_content/icon_schedule_m.gif) no-repeat 50% 50%} #calendar .even .e4 i{background:url(../../img/pro_content/icon_schedule_l.gif) no-repeat 50% 50%} #calendar .dk_search{/*position:absolute !important;*/top:-10px;right:0} #calendar .calendar td{position:relative;height:100px;vertical-align:top;background-color:none !important} #calendar .calendar td .result{padding:0 0 0 16px} #calendar .calendar td .none{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#f23737;border:1px solid #ccc;border-radius:4px} #calendar .calendar td .end{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#000;border:1px solid #ccc;background:#eee;border-radius:4px} #calendar .calendar td .start{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#fff;border:1px solid #005997;background:#005997;border-radius:4px} #calendar .day_num{position:absolute;top:2px;left:2px} #calendar .day_num span, #calendar .day_num span a{font-size:14px;font-weight:800;font-family:Arial, Helvetica, sans-serif} #calendar .btn_gray{display:block;margin:0 10px;padding:0 5px;font-weight:600;letter-spacing:-1px;color:#333;border:0px solid #aaa;background:#fff;border-radius:0px} #calendar .btn_red{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:22px} #calendar .btn_orange{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f77a00;background:#f77a00;border-radius:22px} #calendar .btn_blue{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #2d4594;background:#2d4594;border-radius:22px} #calendar .btn_green{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #009688;background:#009688;border-radius:22px} #calendar .playout{position:absolute;z-index:9999;display:block;margin:0;padding:10px;width:auto;text-align:left;border:1px solid #ccc !important;background:#fff;white-space:nowrap} #calendar .playout img{position:relative;margin:0 4px 0 0} #scheduleList{display:none} /**/ #design .service{padding:10px 0} #design .service .bookbox{position:relative;margin-bottom:30px;padding:20px 30px;min-height:120px;line-height:22px;font-size:15px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0} #design .service .bookbox *{line-height:22px;font-size:15px} #design .service .bookbox strong{font-weight:400;color:#c62337} #design .service .bookbox span{} #design .service .ebook{position:relative} #design .service .ebook i{position:absolute;top:120px;right:0;width:220px;height:150px;background:url(../img/img_ebook.png) no-repeat 100% 0%} #design .service .dream{position:relative} #design .service .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%} #design .service .eb01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%} #design .service .eb02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_info.png) no-repeat 20px 50%} #design .service .eb03{padding:30px 30px 30px 130px;background:#fff url(../img/ico_mobile.png) no-repeat 20px 50%} #design .service .os01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_oneservice.png) no-repeat 20px 50%} #design .service .os02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_members.png) no-repeat 20px 50%} #design .service .bs01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%} #design .service .bl01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_bookdream.png) no-repeat 20px 50%} #design .service .schema{position:relative;padding:10px 0 30px 0} #design .service .schema ol{position:absolute;top:-30px;right:0;overflow:hidden} #design .service .schema ol li{float:left;position:relative;margin-right:20px;padding-left:25px} #design .service .schema ol .sc1 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl01.png) no-repeat 50% 50%} #design .service .schema ol .sc2 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl02.png) no-repeat 50% 50%} #design .service .schema ol .sc3 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl03.png) no-repeat 50% 50%} #design .service .schema div{padding-bottom:30px} #design .service .schema div h4{padding:0 0 4px 28px;font-size:16px;font-weight:400;color:#333 !important;background:url(../img/dp2.png) no-repeat 13px 9px} #design .service .schema div ul{overflow:hidden} #design .service .schema div ul li{float:left;position:relative;width:33.33%;text-align:center} #design .service .schema div ul li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%} #design .service .schema div ul li span{display:block;margin:10px 10%;height:150px;border:1px solid #ccc;background:#fafafa;border-radius:10px} #design .service .schema div ul li strong{font-size:16px;font-weight:400;color:#333 !important} #design .service .schema .img1 *{color:#96c41c} #design .service .schema .img1 li span{border:1px solid #ccc} #design .service .schema .img1 .sa1 span{background:url(../img/ico_nl11.png) no-repeat 50% 50%} #design .service .schema .img1 .sa2 span{background:url(../img/ico_nl12.png) no-repeat 50% 50%} #design .service .schema .img1 .sa3 span{background:url(../img/ico_nl13.png) no-repeat 50% 50%} #design .service .schema .img2 *{color:#53b5e6} #design .service .schema .img2 li span{border:1px solid #ccc} #design .service .schema .img2 .sa1 span{background:url(../img/ico_nl21.png) no-repeat 50% 50%} #design .service .schema .img2 .sa2 span{background:url(../img/ico_nl22.png) no-repeat 50% 50%} #design .service .schema .img2 .sa3 span{background:url(../img/ico_nl23.png) no-repeat 50% 50%} /**/ #design .community{padding:10px 0} #design .community .faq_list{width:100%;border-top:1px solid #000;} #design .community .faq_list .faq .faq_q{position:relative;padding:0 80px;border-bottom:1px solid #ccc;font-size:16px;overflow:hidden;} #design .community .faq_list .faq .faq_q dt{position:absolute;top:7px;left:24px} #design .community .faq_list .faq .faq_q dd{line-height:50px} #design .community .faq_list .faq .faq_a{position:relative;padding:0 80px;border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;} #design .community .faq_list .faq .faq_a dt{position:absolute;top:14px;left:24px} #design .community .faq_list .faq .faq_a dd{height:auto;min-height:60px;margin:14px 0;line-height:20px} #design .community .faq_list .faq .disnone{display:none} #design .community .serve{position:relative} #design .community .serve i{position:absolute;top:120px;right:0;width:370px;height:510px;background:url(../img/img_serve.png) no-repeat 100% 0%} #design .community .dream{position:relative} #design .community .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%} #design .community .monitor{position:relative} #design .community .monitor i{position:absolute;top:-120px;right:25px;width:220px;height:150px;background:url(../img/img_monitor.png) no-repeat 100% 0%} /* 함지 */ #design .hamji_wp {padding-top: 40px;} #design .hamji_wp .hamji_list::after {content: '';display: block;clear: both;} #design .hamji_wp dl {float: left;width: 49%;margin: 0 1% 60px;height: 215px;position: relative;padding: 25px 25px 25px 175px;border: 1px solid #eaeaea;box-sizing: border-box;} #design .hamji_wp dl:nth-child(2n-1) {margin-left: 0;} #design .hamji_wp dl:nth-child(2n) {margin-right: 0;} #design .hamji_wp dl dt {position: absolute;top: -40px;left: 15px;width: 150px;padding: 10px;background: #fff;} #design .hamji_wp dl dt img {width: 100%;height: auto;} #design .hamji_wp dl dd {position: relative;height: 100%;margin-left: 20px;font-size: 22px;font-weight: 600;} #design .hamji_wp dl dd a {position: absolute;bottom: 0;left: 0;padding: 8px 15px;font-size: 15px;font-weight: 400;color: #555;background: #2e55a6;color: #fff;word-break: keep-all;} #design .hamji_wp dl dd a .ico {display: inline-block;margin-left: 5px;width: 18px;height: 12px;background: url(../img/ico_down_white.png) no-repeat 50%;background-size: auto 12px;vertical-align: middle;} /**/ #design .member{padding:0px 0} #design .member .infomation{margin:0 0 20px 0;padding:20px 0 20px 110px;color:#555;border:1px solid #d3d0d8;background:url(../img/infomation.png) no-repeat -10px 50%} #design .member .infomation dl{overflow:hidden} #design .member .infomation dt{float:left;display:block;padding-right:10px;line-height:30px;font-size:20px;font-weight:600;color:#2b3b56} #design .member .infomation dd{float:left;display:block;line-height:30px;font-size:16px} #design .member .infomation ul{padding-top:1px;overflow:hidden} #design .member .infomation ul li{float:left;padding:0 0 0 15px;margin-right:30px;line-height:20px;font-size:15px;background:url(../img/ico_dot.png) no-repeat 0 50%} #design .member .infomation ul li span.mem_num{color:#a28354} #design .member .infomation ul li span.use_ok{color:#498bbf} #design .member .infomation ul li span.use_no{color:#c14e33} /**/ #design .member .step{margin-bottom:20px;} #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:33.3%;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 .step{margin-bottom:20px;} #design .member .step dl{padding-bottom:20px} #design .member .step dt{padding-bottom:5px;font-size:24px;color:#333} #design .member .step ol{overflow:hidden} #design .member .step ol li{float:left;position:relative;padding:15px 0;width:27%;text-align:left; padding-left:3%;margin-right:2%;background:url(../img/join_next_off1.png) no-repeat;} #design .member .step ol li span{display:block;font-size:11px} #design .member .step ol li strong{display:block;font-size:16px} #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{background:url(../img/join_next1.png) no-repeat;} */ /**/ #design .terms{padding:30px 0} #design .terms *{line-height:20px;font-size:14px} #design .terms h3{padding-bottom:10px;font-size:16px;font-weight:600;letter-spacing:-1px;color:#263b98} #design .terms h4{padding:0 5px 5px 5px;font-size:14px;font-weight:600;color:#00877d} #design .terms ul{padding:0 10px} #design .terms ul li{padding-bottom:5px;font-size:13px} #design .terms p{padding:0 5px;line-height:20px} #design .terms table{} #design .terms table th{padding:3px 0 !important} #design .terms .termsbox{position:relative;margin-bottom:20px;padding:20px;line-height:25px;color:#333;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:10px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0} #design .terms .termsbox strong{font-size:15px;font-weight:600;color:#263b98} #design .terms .box{margin-bottom:20px;padding:15px;border:1px solid #e0e0e0;background:#f9f9f9} #design .terms .tgroup{padding-bottom:20px} #design .terms .tgroup > ul > li ul{margin-top:5px;padding:8px;border:1px solid #e0e0e0} #design .terms .tgroup > ul > li ul strong{display:block;padding-bottom:6px;font-size:14px} #design .terms .tgroup > ul > li > ul > li > ul{border:0px solid #e0e0e0;} #design .terms .tgroup > ul > li > ul > li > ul > li > ul{padding:12px;border:0px solid #e0e0e0;background:#f9f9f9} #design .terms .point{padding:0 5px 5px 5px;font-size:14px;font-weight:600;color:#00877d} #design .terms .pb5{padding-bottom:5px} #design .terms .pb10{padding-bottom:10px} #design .terms .pb15{padding-bottom:15px} #design .terms .btn{padding:0 6px 1px 6px;font-size:12px;color:#fff;border:1px solid #696969;background:#777;border-radius:3px} #design .terms .btn:hover{border:1px solid #111;background:#333} /**/ #design .email{padding:30px 0} #design .email *{line-height:25px;font-size:15px;font-weight:400} #design .email .emailbox{position:relative;margin-bottom:20px;padding:20px 50px 50px 0px;line-height:25px;color:#333;border-top:1px solid #e0e0e0;border-bottom:0px solid #9c9c9c;background:#fff;background:url(../img/mail_bg.png) no-repeat 90% 100%;border-radius:0px;border-bottom-right-radius:0px;box-shadow:0 #f0f0f0;} #design .email .emailbox strong{color:#c62338;font-weight:600} #design .email .emaildate{padding:60px 0 120px 0;font-size:15px;font-weight:600;color:#00877d} /*회원가입*/ #design .join_form{margin-bottom:10px;margin-top:10px;} #design .join_form p{font-size:15px;font-weight:600;color:#2d2d2d;} #design .join_form span{font-size:14px;} #design .member .comp table .td_left{text-align:left;} /*회원가입 완료*/ #design .member .join_ok{width:100%;margin:0 auto;text-align:center;} #design .member .join_ok img{margin-bottom:10px;} #design .member .join_ok .join_title{font-size:22px; color:#2d2d2d;margin-bottom:5px;} #design .member .join_ok .join_title strong{color:#0000;} #design .member .join_ok .txt{font-size:14px;color:#2d2d2d;} #design .member .comp{margin-top:30px;} /* 약관 동의 */ #design .privacy_wrap{margin-bottom:20px} #design .privacy_wrap .tt{color:#000;font-size:20px;font-weight:500;margin-bottom:20px;} #design .privacy_wrap .privacy{border:1px solid #ddd;font-size:16px; height:400px;width:93%;overflow:scroll;padding:25px 25px;} #design .privacy_wrap h4{margin-top:10px;margin-bottom:5px;font-size:16px;} #design .privacy_wrap .privacy .agree_ul{margin-bottom:8px;font-size:15px;} #design .privacy_wrap .privacy .agree_ul ul{margin-left:5px;font-size:14px;} /*질문*/ #design .polltit{margin-top:20px;padding:0 55px;position:relative;overflow:hidden} #design .polltit h3{position:relative;padding-left:25px;line-height:40px;font-size:16px;font-weight:600;letter-spacing:-1px;color:#333} #design .polltit h3 strong{font-size:17px;padding-right:10px;color:#00877d} #design .pollitem{margin-bottom:20px;padding:6px 80px 30px 80px;border-bottom:1px solid #e7e7e7} #design .pollitem ul{overflow:hidden} #design .pollitem ul li{padding-bottom:10px} #design .pollitem .question{padding-bottom:1px} #design .pollitem .question strong{padding-right:3px} #design .pollitem .question label{padding-right:10px} #design .pollitem .question input{height:25px;line-height:25px} #design .pollitem .graph{position:relative;margin:0 120px 0 20px;height:10px;background:url(../../wdVote/img/poll_graph_bg01.gif) repeat-x} #design .pollitem .graph .graphitem{height:10px;text-align:center;background:url(../../wdVote/img/poll_graph_bg02.gif) repeat-x} #design .pollitem .graph strong{position:absolute;top:-5px;right:-100px} #poll_outline{width:99%;padding-top:15px;clear:both;border:3px #cacaca solid;border-top-left-radius:10px;border-bottom-right-radius:10px} #poll{padding:0 15px 15px} #poll dl dd{padding:0;margin-left:23px;line-height:150%} #poll dl dd.tit{font-size:1.1em;font-weight:600;padding-bottom:10px;color:#1256A1} #poll dl dt{float:left;width:28px;padding:0;margin:0} #poll_info{float:left;;padding-top:20px} #poll_tit{float:left;background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;font-weight:600} #poll_pass #poll_pass_title{background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;margin-bottom:5px;width:757px;font-weight:600} #poll_table{margin-bottom:10px} #poll_pop{margin:15px} /* #contain #design table{width:100%;border-top:1px solid #aaa;border-collapse:collapse} #contain #design table caption{display:none} #contain #design table thead *{font-size:14px} #contain #design table tbody *{font-size:13px} #contain #design table thead th{padding:9px 10px;line-height:15px;font-weight:800;text-align:center;color:#000;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;border-bottom:2px solid #989898;background:#fafafa} #contain #design table thead th:first-child{border-left:0} #contain #design table thead tr{position:relative;z-index:2;background-color:#fff} #contain #design table thead th:last-child{border-right:0} #contain #design table tbody tr{position:relative;z-index:1} #contain #design table tbody th{padding:6px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2} #contain #design table tbody td{padding:6px 10px;text-align:center;border:1px solid #d2d2d2;border-bottom:1px solid #ccc} #contain #design table tbody td:first-child{border-left:0} #contain #design table tbody td:last-child{border-right:0} #contain #design table tbody th:first-child{border-left:0} #contain #design table tbody th:last-child{border-right:0;background-color:#fbfbfb} #contain #design table tbody tr:first-child th, #contain #design table tbody tr:first-child td{padding-top:9px !important;border-top:1px solid #aaa;background-image:url(../img/table_td.png);background-repeat:repeat-x} #contain #design table tbody td.subject, #contain #design table tbody td.tal{text-align:left} #contain #design table tbody td.subject a:hover{color:#000;text-decoration:underline} #contain #design table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} #contain #design table tbody .item{background:#fafafa} #contain #design table tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #989898;border-bottom:1px solid #cacaca;background:#f4f5f8} #contain #design table tfoot td{padding:4px 10px;text-align:center;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f8f8f8} #contain #design table tfoot td:first-child{border-left:0} #contain #design table tfoot td:last-child{border-right:0} #contain #design table tfoot th:first-child{border-left:0} #contain #design table tfoot th:last-child{border-right:0} #contain #design table tfoot td.tal{text-align:left} #contain #design table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} #contain #design table .dtnum{display:block;position:relative;height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden} #contain #design table .new{font-size:11px;font-weight:800;color:#c00} #contain #design table .btn_zip{padding:0 7px;height:25px;font-size:12px;letter-spacing:-1px;color:#fff !important;border:1px solid #333;background:#777 !important;cursor:pointer} #contain #design .ca_box{border:1px solid #ccc;height:25px;} #contain #design table tbody td #btn_receipt {background:#2e55a6; color:#fff; display:block; padding:3px 0;} #contain #design table tbody td #btn_receiptend {background:#e31a22; color:#fff; display:block; padding:3px 0;border:1px solid #e31a22;} */ /**/ #dkboard .dk_tabmenu{padding-bottom:30px} #dkboard .dk_tabmenu *{margin:0;padding:0;border:0;list-style-type:none} #dkboard .dk_tabmenu ul{height:40px;border-bottom:1px solid #333;*zoom:1} #dkboard .dk_tabmenu ul:before, #dkboard .dk_tabmenu ul:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_tabmenu li{float:left} #dkboard .dk_tabmenu li a{display:block;margin-left:-1px;padding:0 20px;height:40px;line-height:40px;text-align:center;border:1px solid #aaa;border-bottom:1px solid #333;background:#f0f0f0} #dkboard .dk_tabmenu li a strong{font-size:14px;font-weight:400;color:#888} #dkboard .dk_tabmenu li:first-child a{margin:0} #dkboard .dk_tabmenu li a:hover{position:relative;z-index:5;color:#777;border:1px solid #333;border-bottom:1px solid #fff;background:#fff} #dkboard .dk_tabmenu li a.sel{position:relative;z-index:5;font-weight:800;letter-spacing:0px;color:#000;border:1px solid #333;border-bottom:1px solid #fff;background:#fff} #dkboard .dk_tabmenu li a.sel strong{font-weight:600;color:#333} /**/ #dkboard .dk_fieldset{position:relative} #dkboard .dk_fieldset fieldset{position:relative;margin:0 80px 30px 80px;padding:20px 0 0 0;border:1px solid #d9d9d9} #dkboard .dk_fieldset fieldset legend{display:none} #dkboard .dk_fieldset .type{position:relative;*zoom:1} #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;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} /**/ #design .dk_view{*zoom:1} #design .dk_view:before, #design .dk_view:after{clear:both;display:table;content:"";line-height:0} #design .dk_view h2{position:relative;z-index:2;padding:17px 0;font-size:16px;text-align:center;border-top:2px solid #014fbb;border-bottom:1px solid #aaa;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.08)} #design .dk_view h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9} #design .dk_view dl{float:left;position:relative;width:50%;height:auto;margin: 0;border-bottom:1px solid #e0e0e0;background:#fff;overflow:hidden} #design .dk_view dl:before{width:100px;height:1000px;position:absolute;background:#fafafa;display:block;content:"";left:0;top:0} #design .dk_view dl.lik{width:100%;min-height:40px;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #design .dk_view dl.add{width:100%;min-height:40px;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #design .dk_view dl.add a{padding-right:15px} #design .dk_view dl.add img{padding:0; margin:0; padding-right:6px; vertical-align:top;} #design .dk_view dt{position:absolute;left:5px;top:2px;font-size:13px; font-weight:bold; padding:9px 0; overflow:hidden;text-indent:18px; } #design .dk_view dd{height:15px;line-height:20px;height:auto;margin-left: 0;min-height: 40px; padding:10px 0; padding-left:120px;font-size:13px;} #design .dk_view dd > a {display:inline-block;max-width: 45%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} #design .dk_view .img{float:left;width:30%} #design .dk_view .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #design .dk_view .info{float:right;margin:0 0 20px 0;width:65%} #design .dk_view .cominfo{margin:0 0 20px 0} #design .dk_view .contents{clear:both;position:relative;z-index:2;top:-1px;padding:20px;min-height:300px;background:none!important;width:auto !important;border-top:0px solid #e0e0e0;border-bottom:0px solid #d2d2d2} #design .dk_view .viewfile{margin-bottom:20px;padding:0 20px;border-bottom:1px solid #d2d2d2;background:#fff;overflow:hidden} #design .dk_view .viewfile li{position:relative;padding:7px 0 7px 11%;min-height:40px;border-bottom:0px solid #eee;overflow:hidden} #design .dk_view .viewfile li strong{position:absolute;top:10px;left:0px;padding:0 0 0 12px;line-height:20px;font-size:13px;background:url(../img/ico_clip.png) no-repeat 0 2px} #design .dk_view .viewfile li a{display:block;padding:5px 0 5px 20px;font-size:12px} #design .dk_view .viewfile li a.alz{background:url(../../wdBoard/img/alz.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.bmp{background:url(../../wdBoard/img/bmp.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.doc{background:url(../../wdBoard/img/doc.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.gif{background:url(../../wdBoard/img/gif.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.hwp{background:url(../../wdBoard/img/hwp.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.jpg{background:url(../../wdBoard/img/jpg.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.pdf{background:url(../../wdBoard/img/pdf.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.png{background:url(../../wdBoard/img/png.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.ppt{background:url(../../wdBoard/img/ppt.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.xls{background:url(../../wdBoard/img/xls.gif) no-repeat 0 3px} /**/ #design .dk_movie{margin:0 -10px;overflow:hidden;*zoom:1} #design .dk_movie:before, #design .dk_movie:after{clear:both;display:table;content:"";line-height:0} #design .dk_movie .webzine{float:left;width:50%} #design .dk_movie .webzine dl{position:relative;margin:10px;padding:0 0 0 25%;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out} #design .dk_movie .webzine dl:before, #design .dk_movie .webzine dl:after{clear:both;display:table;content:"";line-height:0} #design .dk_movie .webzine dl:hover{border:1px solid #3394dd;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.16);transition:all 0.3s ease-in-out} #design .dk_movie .webzine dt{position:absolute;top:0;left:0;width:100%} #design .dk_movie .webzine dt .tit{padding:10px 20px;border-bottom:1px solid #eee} #design .dk_movie .webzine dt .tit{background:none} #design .dk_movie .webzine dt .tit a{display:block;font-size:16px;font-weight:500;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #design .dk_movie .webzine dt .img{margin:10px 20px} #design .dk_movie .webzine dt .img a{display:inline-block;border:1px solid #eee} #design .dk_movie .webzine dt .img .noimg{display:block;width:75px;height:100px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px} #design .dk_movie .webzine dt .img img{width:75px} #design .dk_movie .webzine dd{padding:55px 20px 10px 0} #design .dk_movie .webzine dd ul{padding:0 0 5px 0} #design .dk_movie .webzine dd li{padding:0 10px;font-size:14px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #design .dk_movie .webzine dd li span{font-size:13px;color:#777} #design .dk_movie .webzine dd .txt{margin-bottom:10px;padding:0 10px;height:48px;line-height:16px;font-size:13px;color:#333;overflow:hidden} #design .dk_movie .webzine p{height:60px;line-height:20px;color:#888;overflow:hidden} #design .dk_movie .webzine .more{position:absolute;top:10px;right:10px;color:#aa6801} #design .dk_movie .detail{} #design .dk_movie .detail dl{position:relative;margin:10px;padding:0 0 0 25%;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out} #design .dk_movie .detail dl:before, #design .dk_movie .detail dl:after{clear:both;display:table;content:"";line-height:0} #design .dk_movie .detail dt{position:absolute;top:0;left:0;width:100%} #design .dk_movie .detail dt .tit{padding:10px 20px;display:block;font-size:22px;font-weight:600;color:#1c368d;border-bottom:1px solid #eee} #design .dk_movie .detail dt .img{margin:20px} #design .dk_movie .detail dt .img a{display:inline-block;border:1px solid #eee} #design .dk_movie .detail dt .img .noimg{display:block;width:150px;height:214px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px} #design .dk_movie .detail dt .img img{width:150px} #design .dk_movie .detail dd{padding:70px 20px 10px 0} #design .dk_movie .detail dd ul{padding:0 0 20px 0} #design .dk_movie .detail dd li{position:relative;padding:3px 10px 3px 70px;line-height:20px;font-size:15px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px} #design .dk_movie .detail dd li span{position:absolute;top:3px;left:0;font-size:14px;color:#009400} #design .dk_movie .detail dd .txt{padding:20px 0 50px 0;line-height:25px;font-size:15px;color:#333;border-top:1px solid #eee;text-align:justify;word-break:break-all} #design .dk_movie .detail p{height:60px;line-height:20px;color:#888;overflow:hidden} /**/ #dkboard .dk_detail{margin-bottom:20px;*zoom:1} #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 .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;appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;line-height:30px\9;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-bottom:12px} #dkboard .prevnext *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #dkboard .prevnext ul{border-top:1px solid #ccc} #dkboard .prevnext li{position:relative;padding:0px 90px 0 110px; height:44px; border:1px solid #ccc; border-top:0;} #dkboard .prevnext li strong{position:absolute;top:0;left:0; width:90px; background:#fafafa; height:43px; line-height:43px; font-size:13px; border-right:1px solid #ccc; text-align:center;display:block;color:#555;} #dkboard .prevnext li p{color:#999; line-height:44px;} #dkboard .prevnext li a {display:block; height:44px; line-height:44px; padding-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #dkboard .prevnext li a:hover { color:#ff661b;} #dkboard .prevnext li span{position:absolute;top:11px;right:18px;display:block;color:#999} /**/ #dkboard .dk_pass{padding:40px 0} #dkboard .dk_pass .box{padding:30px;font-size:20px;text-align:center;border:1px solid #d2d2d2;background:#fafafa} #dkboard .dk_pass .button button, #dkboard .dk_pass .button a{padding:5px 30px} /**/ #design .dk_title{padding:10px 0;*zoom:1} #design .dk_title:before, #design .dk_title:after{clear:both;display:table;content:"";line-height:0} #design .dk_title *{margin:0;padding:0;font-size:13px;border:0;list-style-type:none} #design .dk_title h3{float:left;line-height:30px;font-weight:400;color:#333} #design .dk_title .dk_search{float:right} /**/ #design .dk_search{position:relative;*zoom:1} #design .dk_search:before, #design .dk_search:after{clear:both;display:table;content:"";line-height:0} #design .dk_search fieldset{float:right} #design .dk_search fieldset * {vertical-align: top;} #design .dk_search fieldset legend{display:none} #design .dk_search fieldset select{padding: 5px;font-size:14px;font-weight:400;color:#777;border:1px solid #ccc;background:#fff} #design .dk_search fieldset label{padding:0 10px 0 0;line-height:30px} #design .dk_search fieldset input{margin: 0 0 0 3px;padding: 6px;font-size:14px;font-weight: 400;color:#777;border:1px solid #ccc;border-radius:0px} #design .dk_search fieldset button{position:relative;top:0px;padding: 5px 12px;font-size:14px;font-weight: 400;color:#fff;border:0;background:#333;border-radius:0px} #design .dk_search p{position:absolute;top:-65px;right:0} #design .dk_search p a{display:block;padding:5px 25px;font-weight:400;color:#fff;border:1px solid #c62337;background:#c62337;border-radius:0px} #design .comm{position:relative} #design .comm .sett{position:absolute;z-index:10;top: 11px;right:0} /**/ #design .dk_paging{padding:0 0 10px 0;text-align:center} #design .dk_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #design .dk_paging .paging{padding:20px 0} #design .dk_paging .paging span span{color:#2d4594;font-size:11px;display:none} #design .dk_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000} #design .dk_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5} #design .dk_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:0px solid #ccc} #design .dk_paging .prev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:1px solid #ccc} #design .dk_paging .next{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:1px solid #ccc} #design .dk_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:0px solid #ccc} #design #sg_paging{padding:0 0 10px 0;text-align:center} #design #sg_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #design #sg_paging .paging{padding:20px 0} #design #sg_paging .paging span span{color:#2d4594;font-size:11px;display:none} #design #sg_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000} #design #sg_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5} #design #sg_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:0px solid #ccc} #design #sg_paging .prev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:1px solid #ccc} #design #sg_paging .next{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:1px solid #ccc} #design #sg_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:0px solid #ccc} /**/ #design .dk_button{padding:20px 0;text-align:right} #design .dk_button *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #design .dk_button a{display:inline-block;padding:5px 20px;font-size:14px;color:#fff;border:1px solid #c62338;background:#c62338;border-radius:4px} #design .dk_button button{display:inline-block;padding:5px 20px;font-size:14px;color:#fff;border:1px solid #c62338;background:#c62338;border-radius:4px} /**/ #design .button{position:relative;padding:30px 0 0 0;text-align:center} #design .button p{margin:0 0 30px 0;padding:20px 0;font-size:15px;border:1px solid #eee;background:#fafafa} #design .button button{padding:13px 40px;font-size:15px;font-weight:600;text-align:center;color:#333;border:1px solid #aaa;border-top:2px solid #c62337;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;cursor:pointer;margin:0 7px;} #design .button .button01{padding:13px 40px;font-size:15px;font-weight:600;text-align:center;color:#333;border:1px solid #aaa;border-top:2px solid #005997;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;cursor:pointer;margin:0 7px;} #design .button .button02{padding:13px 40px;font-size:15px;font-weight:600;text-align:center;color:#333;border:1px solid #aaa;border-top:2px solid #208b25;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;cursor:pointer;margin:0 7px;} #design .button .button04{padding:13px 40px;font-size:15px;font-weight:600;text-align:center;color:#333;border:1px solid #aaa;border-top:2px solid #2c384b;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;cursor:pointer;margin:0 7px;} #design .button a{display:inline-block;margin:10px 5px;padding:13px 40px;font-size:15px;font-weight:600;color:#333;border:1px solid #aaa;border-top:2px solid #888;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;transition:all 0.3s} #design .button a:hover{color:#c62338;border:1px solid #aaa;border-top:2px solid #c62338;background:#fff} #design .button span{display:inline-block;margin:0 5px;padding:13px 40px;font-size:15px;color:#333;border:1px solid #aaa;border-top:2px solid #888;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px} #design .button span.end{color:#f23737;border:1px solid #aaa;border-top:2px solid #f23737} #design .button .btn_end{padding:11px 50px;font-size:15px;font-weight:600;color:#c62337;border:1px solid #c62337;border-top:2px solid #c62337;background:#fff} #design .button .btn_paym{padding:11px 60px;font-size:18px;color:#fff;border:1px solid #c62338;border-top:2px solid #c62338;background:#c62338;box-shadow:2px 2px 2px #ccc;border-radius:3px;transition:all 0.3s} #design .button .btn_paym:hover{color:#fff;border:1px solid #aaa;border-top:2px solid #333;background:#333} #design .button .btn_group{position:absolute;top:30px;left:0} #design .button .btn_first{display:inline-block;margin:0 5px 0 0;padding:0 15px;line-height:30px;font-size:13px;font-weight:600;color:#555;border:1px solid #aaa;background:#fafafa;box-shadow:2px 2px 2px #eee;border-radius:0px;transition:all 0.3s} #design .button .btn_first:hover{color:#000;border:1px solid #777;background:#fff} #design .button .btn_retract{position:relative;top:-0px;display:inline-block;margin:0;padding:0 20px;height:50px;line-height:50px;font-size:17px;font-weight:600;color:#555;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;transition:all 0.3s} #design .button .btn_retract:hover{color:#000;border:1px solid #777;background:#fff} /**/ #gallery_wrap{clear:both;overflow:hidden;margin:0 -7px;padding-bottom:12px;border-bottom:1px solid #d2d2d2} #gallery_wrap .gallery_list{float:left;width:50%;padding-bottom:14px} #gallery_wrap .image_bagic{margin:0 7px;padding:10px;background:#fff;border:1px solid #d2d2d2;border-bottom:1px solid #eee;text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .image_bagic a{display:block;height:200px;overflow:hidden;background:url(../img/noimg.png) no-repeat center center;} #gallery_wrap .image_bagic a img{width:100%;max-width:100%;min-height:140px;margin:0 auto;display:inline-block;height:auto;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_top{position:relative} #gallery_wrap .gallery_top > img{position:absolute;top:5px;left:10px} #gallery_wrap .gallery_top dl{margin:0 7px;padding:10px;border:1px solid #d2d2d2;border-bottom:1px solid #bbb;border-top:0;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.08);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_top dt a{display:block;padding:0 0 3px 0;font-weight:normal;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #gallery_wrap .gallery_top dd{margin-left: 0;line-height:20px} #gallery_wrap .gallery_top dd br { display:none;} #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} #gallery_wrap .gallery_list:hover .image_bagic{border:1px solid #3394dd;border-bottom:1px solid #eee;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_list:hover .gallery_top dl { border:1px solid #3394dd; border-top:0;box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_list:hover .gallery_top dt a { color:#3394dd;} #dk_book{} #dk_book .dk_book{margin:0 -10px;overflow:hidden;*zoom:1} #dk_book .dk_book:before, #dk_book .dk_book:after{clear:both;display:table;content:"";line-height:0} #dk_book .dk_book .webzine{float:left;position:relative;margin-bottom:20px;width:50%} #dk_book .dk_book .webzine dl{margin:0 10px;padding:20px;border:1px solid #cacaca;*zoom:1} #dk_book .dk_book .webzine dl:before, #dk_book .dk_book .webzine dl:after{clear:both;display:table;content:"";line-height:0} #dk_book .dk_book .webzine dt{float:left;width:25%} #dk_book .dk_book .webzine dt img{display:block;padding:4px;width:82px;height:120px;border:1px solid #dedede} #dk_book .dk_book .webzine dd{float:left;width:75%} #dk_book .dk_book .webzine dd div a{display:block;font-weight:600;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #dk_book .dk_book .webzine dd ul{padding:10px 0 0 0;min-height:85px;height:75px\9} #dk_book .dk_book .webzine dd li{padding:0 0 5px 0;color:#555;white-space:nowrap;overflow:hidden} #dk_book .dk_book .webzine dd li span{display:inline-block;width:40px;font-size:13px;color:#060} #dk_book .dk_book .webzine dd li em{padding:0 10px} #dk_book .dk_book .webzine .content{height:40px;line-height:20px;font-size:13px;color:#888;overflow:hidden} #dk_book .dk_book .more{display:block;margin:0 10px;padding:7px 20px;font-size:13px;text-align:right;color:#aa6801;border:1px solid #cacaca;border-top:0;background:#fafafa} #dk_book .dk_book .detail{position:relative;padding-bottom:20px} #dk_book .dk_book .detail dl{margin:0 10px;padding:20px;border:1px solid #cacaca;*zoom:1} #dk_book .dk_book .detail dl:before, #dk_book .dk_book .detail dl:after{clear:both;display:table;content:"";line-height:0} #dk_book .dk_book .detail dt{float:left;width:22%} #dk_book .dk_book .detail dt img{display:block;padding:4px;width:160px;border:1px solid #dedede} #dk_book .dk_book .detail dd{float:left;width:78%} #dk_book .dk_book .detail dd div{display:block;padding:5px 0;line-height:22px;font-size:15px;font-weight:600;color:#1c368d} #dk_book .dk_book .detail dd ul{padding:10px 0} #dk_book .dk_book .detail dd li{padding:0 0 5px 0;color:#555} #dk_book .dk_book .detail dd li span{float:left;display:block;padding:0 0 0 10px;width:60px;font-size:13px;color:#060;background:url(../img/dp2.png) no-repeat 0 6px} #dk_book .dk_book .detail dd li em{padding:0 10px} #dk_book .dk_book .detail p{height:60px;line-height:20px;color:#888;overflow:hidden} #dk_book .dk_book .info{margin:10px;margin-top:0;padding:10px 20px 20px 20px;border:1px solid #cacaca;background:#fafafa} /**/ #dk_gallery{} #dk_gallery .dk_gallery{margin:0 -10px;overflow:hidden;*zoom:1} #dk_gallery .dk_gallery:before, #dk_gallery .dk_gallery:after{clear:both;display:table;content:"";line-height:0} #dk_gallery .dk_gallery .theme{float:left;position:relative;width:50%} #dk_gallery .dk_gallery .theme dl{margin:0 10px 20px 10px;padding:10px;min-height:300px;height:180px\9;border:1px solid #cacaca;*zoom:1} #dk_gallery .dk_gallery .theme dl:before, #dk_gallery .dk_gallery .theme dl:after{clear:both;display:table;content:"";line-height:0} #dk_gallery .dk_gallery .theme dt{} #dk_gallery .dk_gallery .theme dt img{display:block;width:100%;height:300px} #dk_gallery .dk_gallery .theme dd{} #dk_gallery .dk_gallery .theme dd div a{display:block;padding:5px 0;font-weight:600;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #dk_gallery .dk_gallery .theme dd ul{padding:5px 0} #dk_gallery .dk_gallery .theme dd li{padding:0 0 5px 0;color:#555;white-space:nowrap;overflow:hidden} #dk_gallery .dk_gallery .theme .bagic{text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #dk_gallery .dk_gallery .theme .bagic a{display:block;height:300px;overflow:hidden;background:url(../img/noimg.png) no-repeat center center} #dk_gallery .dk_gallery .theme dl:hover{border:1px solid #3394dd;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #dk_gallery .dk_gallery .theme dl:hover a{color:#3394dd;} /**/ #program div.subject_a{margin:10px 0 15px 50px;background:url("../img/pro_content/list_title_line.gif") no-repeat 50px 0.6em} #program div.subject_a span.head{float:left;width:50px;background:url("../img/common/bullet_list01.gif") no-repeat 0 0.7em;padding:7px 0 0 10px;font-weight:600} #program div.subject_a input{width:470px;height:17px;border:1px solid #d3d3d3} #program .sitemap_con{padding:30px 0;overflow:hidden} #program .group{float:left;width:25%} #program .group h2{margin-right:20px;padding: 10px 0;margin-bottom:10px;font-size:16px;font-weight:600;color:#333;text-align:center;border:1px solid #ccc;border-bottom: 3px solid var(--mainColor);background:#fff;} #program .group > ul{margin-right:20px} #program .group > ul > li > a{display:block;padding: 10px;font-size:15px;font-weight: 400;color:#000;border-bottom:1px solid #e2e2e2} #program .group > ul > li > a:hover{color:#000} #program .group > ul ul{margin:0;padding: 7px;border-bottom:1px solid #eee;background:#fafafa;color: #555;} #program .group > ul ul li{padding:3px 0} #program .group > ul ul li a{padding:0;padding-left:12px;font-size:14px;font-weight:normal;border:none} .answer_box { position:relative; z-index:2; padding:15px; background:#f6f6f6;border-bottom:1px solid #d2d2d2; overflow:hidden;} .answer_box h4 { } .answer_box .answer_contents { padding:10px 0 15px 0; } .answer_box span { font-size:11px; color:#777;} /*********** 덧글 영역 ************/ 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:600} 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:600} #wd_print .row_input{position:relative;padding:10px 0 10px 120px;min-height:51px;border-bottom:1px solid #d2d2d2;overflow:hidden} #wd_print .row_input *{font-size:14px !important} #wd_print .row_input > label{display:block;position:relative;padding:4px 0} #wd_print .row_input > label.fl{margin:0 5px 0 0} #wd_print .row_input span.head{position:absolute;top:10px;left:20px;display:block;line-height:30px;font-weight:600;text-align:left;white-space:nowrap;color:#464646} #wd_print .row_input span.required{position:absolute;top:15px;left:10px;color:#f00;font-weight:600} #wd_print .row_input span.info {width:auto !important;margin:0;padding-top:6px;display:block;letter-spacing: -0.05em;border:none} #wd_print .row_input input.long {width:auto !important} #wd_print .row_input span.data {display:block;padding:4px 0 2px 0;line-height:140%} #wd_print .row_input .dk_textarea{padding:10px;width:100%;height:300px;border:1px solid #ccc} div.sg_pass{padding:20px 50px} div.sg_pass .sg_pass_box{border:solid #d2d2d2;border-width:2px 0;padding:30px;text-align:center;background:#f9f9f9} div.sg_pass .sg_pass_box span{padding:0 0 0 13px;background:url(../img/bullet_arrow.gif) no-repeat 0 0.2em} div.sg_pass .sg_pass_box input{vertical-align:middle;margin-bottom:4px;width:150px} div.sg_pass .sg_pass_btn{text-align:center;padding-top:15px} div.sg_pass .sg_pass_btn img, div.sg_pass .sg_pass_btn input{vertical-align:middle} div.sg_pass .sg_pass_btn input{padding:5px 10px;border:1px solid #ccc} div.sg_pass .sg_pass_btn a{display:inline-block; position:relative; top:1px;padding:5px 10px;line-height:20px;color:#fff;border:1px solid #999;background:#999} div.sg_reply{padding-top:5px;} div.sg_reply .reply_form{overflow:hidden; padding-bottom:28px;border-bottom:1px solid #ddd;} 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; position:relative;} div.sg_reply .reply_form .outline .row_input_reply{float:left;width:100%;} div.sg_reply .reply_form .outline .row_input_reply textarea{padding:10px;width:100%;height:50px;border:1px solid #888;resize:none;overflow-y:auto} div.sg_reply .reply_form .outline .row_input_reply .sg_file{display:block; width:100%; padding:3px 0;font-size:12px;} div.sg_reply .reply_form .outline .btn_board_ok{position:absolute; right:0; top:0;width:18%;height:72px;color:#fff !important;border:0;background:#444; cursor:pointer;} 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 38px;overflow:hidden;background:#f7f7f7 url(../img/ico_reply.png) no-repeat 10px 13px} 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;font-size:11px; display:inline-block; margin-top:-2px;} div.sg_reply .writing .con_wrap .m_d{float:right;padding-right:8px;} div.sg_reply .writing .con_wrap .m_d .postedit{float:left; color:#fff; font-size:0px !important;} div.sg_reply .writing .con_wrap .m_d .postedit a { display:inline-block; padding:1px 9px;color:#333; margin-left:4px; font-size:13px !important; background:#fff; border:1px solid #ddd; border-radius:3px;} div.sg_reply .writing .con_wrap .con{font-size:12px;padding:0; margin:0;} #program .okay{padding:20px 0} #program .okay *{font-size:13px} #program .okay p{padding:20px 0;margin-bottom:20px;font-size:14px;color:#f04d48;border-top:0px solid #eee;border-bottom:1px solid #eee} #program .okay p a{padding:5px 10px;color:#fff;border:1px solid #f04d48;background:#f04d48;border-radius:3px} #program .okay li{padding:2px 0;color:#333} #sg_btn_area{padding:10px 0 !important;text-align:right} #sg_btn_area a, #sg_btn_area button{display:inline-block;padding:5px 14px 7px 14px !important;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px} #sg_btn_area input{padding:5px 14px 7px 14px;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px} /*로그인폼*/ #program .login{padding-top:20px;padding-bottom:40px} #program .login form{margin:0 auto;margin-top:10px;padding:50px 120px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;overflow:hidden} #program .login fieldset{position:relative;margin:0 auto;width:560px;border:0} #program .login fieldset ul{margin-bottom:10px;overflow:hidden} #program .login fieldset label.id, #program .login fieldset label.pw{text-indent:-9999px;display:block;width:45px;height:45px;border:1px solid #c0c0c0;border-right:none;float:left} #program .login fieldset label.id{background:#fff url(../img/login_icon_id.png) no-repeat 50% 50%} #program .login fieldset label.pw{background:#fff url(../img/login_icon_pw.png) no-repeat 50% 50%} #program .login fieldset input{width:388px;height:45px !important;border:1px solid #c0c0c0 !important;border-left:none !important;background:#fff !important;margin-bottom:6px;font-size:15px} #program .login fieldset input:-webkit-autofill{background-color:rgb(255, 255, 255) !important;background-image:none} #program .login fieldset button{position:absolute;top:0;right:0;width:120px;height:100px;font-size:0px;font-weight:400;color:#fff;border:0;background:#555;border-radius:2px;transition:0.3s;cursor:pointer} /*#program .login fieldset button:before{content:"\e83e";display:block;font-size:24px;font-weight:700;text-align:center}*/ #program .login fieldset button:after{content:"LOGIN";display:block;font-size:16px;font-weight:700;text-align:center} #program .login fieldset button:hover{color:#fff;background:#ff6700;transition:0.3s} #program .login fieldset input[type=checkbox].chk{width:15px;height:15px;background:#fff !important;border:1px solid #cfcfcf;border-radius:0;appearance:none !important;margin-top:3px} #program .login fieldset label.chk01{font-size:13px;color:#555} #program .login form p{text-align:center;padding-top:18px} #program .login form p a{padding:0 12px} #program .login form p a:hover{text-decoration:underline} #program .login .find{padding:30px 0;font-size:15px;font-weight:400;text-align:center;color:#444} #program .login .find a{font-size:16px;color:#fff;background:#ff6700;border-radius:2px;display:inline-block;padding:1px 10px} #program .login .dashed{padding-top:10px} #program .login .login_guide{} #program .login .login_guide li{background:url(../img/dp2.png) no-repeat 0 5px;font-size:13px;color:#555;padding-bottom:6px;padding-left:13px} /* 뉴스레터 */ #design .community .news_top {text-align: center;} #design .community .news_top > a {overflow: hidden;display:inline-block;padding: 3px 10px;border-radius: 10px;vertical-align:middle;background: #ddd;color:#333;} #design .community .news_top .prev_news {} #design .community .news_top .prev_news:hover {background: #f14f62;color: #fff;} #design .community .news_top .next_news {} #design .community .news_top .next_news:hover {background: #f14f62;color: #fff;} #design .community .news_top .news_date {display:inline-block;margin: 0 10px;font-size: 18px;color: #696969;vertical-align:middle;} #design .community .news_top .news_date .month {font-size: 30px;font-weight: 600;vertical-align:middle;color:#2e55a6;} /*레이어팝업*/ .layer_cont span {width:15%;display: block;float:left;padding: 1px 0 !important;margin: 1px 0 !important;vertical-align: top;border-radius: 7px;font-size:12px !important;color:#fff;text-align: center;} .layer_cont a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;float: left;width:80%;padding: 1px 0 !important;margin: 1px 0 1px 10px !important;} .layer_cont .e2 {background: #2e55a6;} .layer_cont .e4 {background: #a68b2e;} .layer_cont .e1 {width: 100%;padding: 3px 0;background: #e31a22;} .layer_cont .e6 {background: #60ac16;word-break: keep-all;} .layer_cont .e7 {background: #dda100;} .layer_cont .e8 {background: #e65700;} .layer_cont .e9 {background: #ec008c;font-size:10px !important} /*금호강 바람소리길 축제*/ #design .culture .festival_link {margin-top: 30px;text-align: center;} #design .culture .festival_link a {display: inline-block;width: 90%;padding: 20px 0;color: #fff;font-weight: 600;border-radius: 10px;font-size: 18px;background: #1e93d6 url(../img/festival_link_bg.png) no-repeat 50%;background-size: 110%;}