@charset 'utf-8'; /**/ #design h3 {padding-left: 35px;margin-bottom: 12px;font-size: 20px;font-weight: 700;color: #1f2a69;background-image: url(../_img/bullet_h3.png);background-repeat: no-repeat;background-position: 0 2px;background-size: auto 25px;} #design h4 {margin-bottom: 15px;font-size: 21px;font-weight: 700;color: #000;} /**/ #design .con_wp {margin-top: 45px;} #design .con_wp.first {margin-top: 0;} #design .con_s_wp {margin-top: 25px;} #design .con_s_wp.first {margin-top: 0;} /* .mDiv */ #design .mDiv {display:block;position:relative;} #design .mDiv img {width: 100%;} #design .mDiv .mSpan {position:absolute;right:0;bottom:0;width:40px;height:40px;background: rgba( 0, 0, 0, 0.5 ) url(../img/btn_clk.png) no-repeat center 50%;background-size:20px;text-indent:-99999em;cursor: pointer;} /*book page num check guide*/ #design .bookchk_guide {padding: 10px;} #design .bookchk_guide .bookchk_line {display: flex;align-items: center;margin-bottom: 20px;flex-wrap: wrap;border: 1px solid #ccc;border-radius: 5px;padding: 10px;} #design .bookchk_guide .bookchk_box {margin-right: 0px;} #design .bookchk_guide .bookchk_img {height: 90px;width: 88px;background-image: url(../_img/book.png);background-repeat: no-repeat;background-position: calc(0% - 9px) 0%;background-size: auto 100%;} #design .bookchk_guide .bookchk_imgXY {width: 100px;height: 120px;position: absolute;background-image: repeating-linear-gradient(45deg, transparent , transparent 0 calc(50% - 3px), red calc(50% - 3px) calc(50% + 3px)) , repeating-linear-gradient(-45deg, transparent , transparent 0 calc(50% - 3px), red calc(50% - 3px) calc(50% + 4px));} #design .bookchk_guide .bookchk_page {position: relative;top: 38%;left: 20%;margin-bottom: 0px;display: flex;flex-direction: column;line-height: 17px;} #design .bookchk_guide .bookchk_pno {font-size: 20px;font-weight: 500;color: #fff;padding: 0px;margin: 0px;} #design .bookchk_guide .bookchk_pge {padding: 0px;font-size: 14px;color: #fff; margin: 0px;} #design .bookchk_guide .bookchk_in {bottom: 0px;text-align: center;padding-right: 12%;display: block;position: relative;} #design .bookchk_guide .bookchk_sa {margin-right: 15px;font-size: 30px;} #design .bookchk_guide .bookchk_sa2 {width: 20%;} #design .bookchk_guide .bookchk_arr {font-size: 10px;width: 40px;} #design .bookchk_guide .bookchk_arr .arrowed {position: relative;height: 139px;width: 200px;margin: 0 20px 20px 0;border: 1px solid rgba(0,0,0,0.25);} #design .bookchk_guide .bookchk_arr .arrow1 {border-color: darkorange transparent transparent darkorange;display: block;top: -1px;right: 0px;transform-origin: top right;transform: rotate(45deg);} #design .bookchk_guide .bookchk_arr p {font-size: 14px;color:red;word-break: keep-all;} #design .bookchk_guide .bookchk_txt1 {font-size: 20px;font-weight: 500;} #design .bookchk_guide .bookchk_txt2 {font-size: 20px;font-weight: 500;} /**/ #design ul ul {margin-top: 5px;} #design ul.con_list > li {position: relative;z-index: 0;padding-left: 10px;font-size: 14px;color: #000;} #design ul.con_list > li + li {margin-top: 5px;} #design ul.con_list > li::before {content: '';position: absolute;top: 9px;left: 0;width: 4px;height: 4px;background-color: #1f2a69;border-radius: 50%;} #design ul.con02 > li {position: relative;padding-left: 15px;font-size: 14px;font-weight: 400;color: #333;} #design ul.con02 > li + li {margin-top: 7px;} #design ul.con02 > li::before {content: '＞';position: absolute;top: 3px;left: 0;font-size: 9px;font-weight: 600;color: #333;} #design ul ul.con03 {margin: 5px 0 10px;} #design ul > li:last-child ul.con03 {margin-bottom: 0;} #design ul.con03 > li {position: relative;padding-left: 10px;font-size: 14px;font-weight: 400;color: #555;} #design ul.con03 > li + li {margin-top: 2px;} #design ul.con03 > li::before {content: '';position: absolute;top: 10px;left: 0;width: 5px;height: 1px;background-color: #aaa;} #design ul ul.con04 {margin: 5px 0 10px;} #design ul > li:last-child ul.con04 {margin-bottom: 0;} #design ul.con03 ul.con04 {margin-top: 5px;} #design ul.con04 > li {position: relative;padding-left: 10px;font-size: 13px;font-weight: 400;color: #000;} #design ul.con04 > li + li {margin-top: 5px;} #design ul.con04 > li::before {content: '';position: absolute;top: 8px;left: 0;width: 3px;height: 3px;background-color: #333;border-radius: 3px;} /**/ #design ul.number_list > li {position: relative;padding: 7px 0 7px 40px;font-size: 14px;line-height: 1.4em;color: #333;} #design ul.number_list li ul {margin-top: 10px;} #design ul.number_list > li + li {margin-top: 10px;} #design ul.number_list > li span.num {position: absolute;top: 0;left: 0;width: 32px;height: 32px;border-radius: 32px;text-align: center;font-size: 14px;font-weight: 400;line-height: 32px;color: #00b24f;border: 1px solid #00b24f;} #design ul.num_list > li {position: relative;padding-left: 30px;font-size: 15px;font-weight: 400;color: #000;} #design ul.num_list > li + li {margin-top: 5px;} #design ul.num_list > li > span.num {position: absolute;top: auto;left: 0;font-size: 15px;font-weight: 700;color: #000;} #design ul.no_bg > li {padding-left: 0;background: none;font-size: 13px;color: #555;} #design ul.no_bg > li + li {margin-top: 3px;} #design ul.no_bg > li::before {display: none;} /**/ #design .process_list {display: flex;flex-wrap: wrap;} #design .process_list > li {position: relative;z-index: 0;padding-right: 35px;} #design .process_list > li::after {content: '';position: absolute;top: 0;right: 0;width: 35px;height: 100%;background-image: url(../_img/ico_b_arrow.png);background-repeat: no-repeat;background-position: 50% 50%;} #design .process_list.dv2 > li {width: 100%;margin: 10px 0;} #design .process_list.dv2 > li:last-child::after {background-image: none;} #design .process_list.dv3 > li {width: 50%;margin: 7px 0;} #design .process_list.dv3 > li:nth-child(2n-1) {margin-left: 0;} #design .process_list.dv3 > li:nth-child(2n) {margin-right: 0;} #design .process_list.dv3 > li:last-child::after {background-image: none;} #design .process_list > li > div {overflow: hidden;border: 1px solid #ddd;border-radius: 10px;text-align: center;} #design .process_list > li > div > span {display: block;padding: 10px 12px;color: #000;font-size: 13px;} #design .process_list > li > div > ul {display: block;padding: 15px;color: #000;font-size: 13px;text-align: left;} #design .process_list > li > div > span.tit {background-color: #631992;font-size: 14px;font-weight: 500;color: #fff;} #design .process_list > li > div .box {margin-top: 10px;padding: 7px 12px;background-color: #f4f4f4;} #design .process_list > li > div .box .no_bg > li + li {margin-top: 10px;} @media all and (max-width: 419px) { #design .process_list {display: block;} #design .process_list > li {position: relative;z-index: 0;padding: 0 0 35px;} #design .process_list > li:last-child {padding-bottom: 0;} #design .process_list > li::after {content: '';position: absolute;top: auto;left: 0;bottom: 0;width: 100%;height: 35px;background-image: url(../_img/ico_b_arrow.png);background-repeat: no-repeat;background-position: 50% 50%;transform: rotate(90deg);} #design .process_list.dv3 > li {width: 100%;margin: 0;} } /**/ #design ul.th_list > li {padding: 10px 12px;border: 1px solid #ddd;border-top: 0;font-size: 14px;background-color: #fff;} #design ul.th_list > li:first-child {border-top: 1px solid #333;} #design ul.th_list > li > div {position: relative;padding-left: 80px;} #design ul.th_list > li > div > strong {position: absolute;top: 1px;left: 0;width: 80px;height: 100%;} #design ul.li_table {} #design ul.li_table > li {} #design ul.li_table > li > span {display: block;padding: 12px 0;border-bottom: 1px dashed #ddd;} #design ul.li_table > li:first-child > span.tit {padding-top: 0;} #design ul.li_table > li:last-child > span {padding-bottom: 0;border-bottom: 0;} #design ul.li_table > li > span.tit {padding-bottom: 0;border-bottom: 0;} #design ul.li_table > li > span.tit + span {padding-top: 5px;} #design ul.li_table > li span.inline_input {display: block;} #design ul.li_table > li span.inline_input + span.inline_input {margin-top: 2px;} #design ul.li_table > li input[type="text"], #design ul.li_table > li select {min-width: auto;width: 80%;} /**/ #design .admin_note {padding: 20px;background-color: #f6f6f6;margin-bottom: 20px;} #design .admin_note p {font-size: 14px;color: #333;} #design .admin_note p span {display: block;} #design .admin_note p span.title {margin-bottom: 10px;font-size: 18px;font-weight: 500;} #design .admin_note p span.title strong {text-decoration: underline;} #design .admin_note p span + span {margin-top: 4px;} /**/ #design a.link {display: inline-block;padding: 0 40px 5px 0;} #design a.link::after {content: '';display: inline-block;width: 30px;height: 30px;margin-left: 7px;background-image: url(../img/ico_link_file.png);background-repeat: no-repeat;background-position: 100% 0;background-size: auto 28px;vertical-align: top;} /**/ #design p.summary {margin-bottom: 20px;padding: 20px;background-color: #f6f7f6;font-size: 15px;font-weight: 400;color: #333;} #design p.note {padding-left: 30px;background-image: url(../_img/ico_con_notice.png);background-repeat: no-repeat;background-position: 0 50%;font-size: 15px;font-weight: 400;color: #000;background-size: auto 15px;} #design p.note + p.note {margin-top: 10px;} /****************************** 서브 컨텐츠 ******************************/ /**/ #design .sub_con_top {padding: 20px;background-color: #f6f7f6;background-repeat: no-repeat;} #design .sub_con_top p {font-size: 15px;line-height: 1.5em;font-weight: 400;color: #333;} #design .sub_con_top p + p {margin-top: 15px;} #design .sub_con_top p.title {margin-bottom: 20px;font-size: 21px;line-height: 1.5em;font-weight: 500;color: #4e0080;} #design .sub_con_top p .line {display: inline;} /* 독서마라톤이란 */ #design .con_top {padding: 20px;background-color: #f1f6ff;border-radius: 10px;} #design .con_top.gray {background-color: #f1f2f4;} #design .con_top.white {background-color: #fff;} #design .con_top p {font-size: 14px;line-height: 1.5em;font-weight: 300;color: #000;} #design .con_top p.title {margin-bottom: 15px;font-size: 18px;font-weight: 700;color: #000;} #design .con_top .con_top {margin-top: 15px;padding: 15px;} #design .con_top_info {padding: 20px;margin-bottom:15px;background-color: #f1f6ff;border-radius: 10px;} #design .con_top_info .gray {background-color: #f1f2f4;} #design .con_top_info .white {background-color: #fff;} #design .con_top_info p {font-size: 14px;line-height: 1.5em;font-weight: 300;color: #000;} #design .con_top_info p.title {padding-left: 40px;margin-bottom: 20px;font-size: 20px;font-weight: 700;color: #000;background-image: url(../_img/bullet_h3.png);background-repeat: no-repeat;} #design .con_top_border {padding: 20px;border: 1px solid #ddd;background-color: #fff;border-radius: 10px;} #design .con_top_border + .con_top_border {margin-top: 15px;} #design .con_top_border.imp {border-color: #1f2a69;} #design .con_top_border.imp .con_list > li::before {background-color: #ccc;} #design .con_top_border .title {margin-bottom: 12px;font-size: 18px;font-weight: 700;color: #000;} #design .con_top_border p.add_txt {margin-top: 12px;font-size: 13px;color: #de1a1e;} #design .con_top_border p.note {padding-left: 30px;background-image: url(../_img/ico_con_notice.png);background-repeat: no-repeat;background-position: 0 50%;background-size: auto 15px;font-size: 14px;font-weight: 400;color: #000;} #design .con_top_border .input_wrap {margin-top: 20px;} #design .con_top_border .input_wrap > span {display: block;} #design .con_top_border .input_wrap > span + span {margin-top: 0;} /* 참가신청 */ #design .course_select .course_list {} #design .course_select .course_list > li {overflow: hidden;min-height: 200px;padding: 20px 30px;margin: 10px 0 0;background-color: #f1f6ff;border-radius: 10px;text-align: center;background-repeat: no-repeat;} #design .course_select .course_list > li:first-child {margin-top: 0;background-image: url(../_img/ico_select_person1.png);background-position: calc(100% - 10px) 100%;background-size: 70px auto;} #design .course_select .course_list > li:last-child {background-image: url(../_img/ico_select_person2.png);background-position: calc(100% - 15px) 100%;background-size: 100px auto;} #design .course_select .course_list > li .title {margin-bottom: 20px;font-size: 20px;font-weight: 700;color: #1f2a69;} #design .course_select .course_list > li .course_info {margin-bottom: 20px;font-size: 18px;font-weight: 500;color: #1f2a69;} #design .course_select .course_list > li .course_btn {display: flex;margin: 0 auto;flex-direction: column;align-items: center;} #design .course_select .course_list > li .course_btn > a {display: block;width: 67.5%;max-width: 220px;margin: 3px;padding: 15px 30px;background-color: #38448a;font-size: 15px;font-weight: 500;color: #fff;background-image: url(../_img/ico_select_w_arrow.png);background-repeat: no-repeat;background-position: calc(100% - 30px) 50%;border-radius: 50px;} #design .course_select .course_list > li .course_btn .cannot {display: block;width: 67.5%;max-width: 220px;margin: 3px;padding: 15px 30px;background-color: #dcdff2;font-size: 15px;font-weight: 500;color: #212121;border-radius: 50px;} #design .course_select .course_list > li .course_btn > a + a {margin-top: 4px;} #design .top_course {padding-bottom: 20px;} #design .top_course > div {overflow: hidden;padding: 15px;border: 1px solid #1f2a69;border-radius: 10px;} #design .top_course p.title {margin-bottom: 5px;color: #1f2a69;font-size: 16px;font-weight: 500;} #design .top_course .top_btn {} #design .top_course .top_btn > a {display: inline-block;padding: 7px 10px;margin: 1px;line-height: 1.2em;font-size: 13px;background-color: #f1f2f4;border-radius: 5px;vertical-align: middle;} #design .top_course .top_btn > a.sel {background-color: #dc4649;color: #fff;} #design .form_wp {position: relative;z-index: 0;padding: 20px;background-color: #f1f6ff;border-radius: 10px;} #design .form_wp.first {margin-top: 70px;} #design .form_wp.first::before, #design .form_wp.first::after {content: '';position: absolute;left: 50%;transform: translateX(-50%);background-repeat: no-repeat;background-position: 50% 100%;} #design .form_wp.first::before {top: -94px;width: 100%;height: 94px;background-image: url(../_img/ico_form_before.png);background-size: auto 55px;} #design .form_wp.first::after {top: -45px;width: 100%;height: 50px;background-image: url(../_img/ico_form_after.png);background-size: auto 12px;} #design .form_wp .form_con {padding: 20px;border-radius: 10px;background-color: #fff;} #design .form_wp .input_wrap {} #design .form_wp .input_wrap > select {width: 100%;} #design .form_wp .input_wrap > span {display: block;font-size: 14px;} #design .form_wp .input_wrap > span + span {margin-top: 3px;} #design .form_wp .sel_course {} #design .form_wp .sel_course > div {width: 100%;} #design .form_wp .sel_course > div + div {margin-top: 5px;} #design .form_wp .sel_course input[type="radio"] {display: none;} #design .form_wp .sel_course label {display: block;height: auto;padding: 15px 60px 15px 15px;background-image: url(../_img/ico_check_off.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;background-color: #fff;background-size: auto 18px;border-radius: 10px;cursor: pointer;line-height: 1.4em;} #design .form_wp .sel_course input:checked + label {background-color: #1f2a69;color: #fff;background-image: url(../_img/ico_check_on.png)} #design .form_wp .sel_course input + label > span {display: block;font-size: 13px;line-height: 1.4em;color: #757575;} #design .form_wp .sel_course input + label > span + span {margin-top: 3px;} #design .form_wp .sel_course input + label > span.tit {margin-bottom: 10px;font-size: 18px;font-weight: 500;line-height: 1.4em;color: #000;} #design .form_wp .sel_course input:checked + label > span {color: #fff;} #design .form_wp .sel_course input:checked + label > span.tit {color: #fff;} #design .form_wp #addUserMember .add_member > button {display: inline-block;padding: 7px 10px;margin-bottom: 15px;background-color: #1f2a69;color: #fff;border-radius: 5px;font-size: 14px;} #design .form_wp #add_user_list li + li {padding-top: 15px;margin-top: 20px;border-top: 1px dashed #ccc;} #design .form_wp #add_user_list .input_wrap {display: flex;position: relative;} #design .form_wp #add_user_list .input_wrap > span {display: block;width: calc(100% - 70px);} #design .form_wp #add_user_list .input_wrap > span + span {margin-top: 7px;} #design .form_wp #add_user_list .input_wrap > span label {display: block;width: 100%;margin-bottom: 0;} #design .form_wp #add_user_list .input_wrap > span input {width: 100%;} #design .form_wp #add_user_list .input_wrap .name_box {display: flex; width: 70%;flex-direction: column;} #design .form_wp #add_user_list .input_wrap .label_box {width: 30%;} #design .form_wp #add_user_list li button {display: inline-block;padding: 7px 10px;background-color: #7e8ef0;color: #fff;border-radius: 5px;font-size: 13px;} #design .form_wp #add_user_list li:first-child button {} #design .form_wp #add_user_list li button + button {top: 55px;} /****************************** 참가 현황 ******************************/ /* 완주자 현황 */ #design .finish_wp .box_finish {text-align: center;background-image: url(../_img/bg_finish.png);background-repeat: no-repeat;background-position: 50% 20%;background-size: ;} #design .finish_wp .finish_list .finish_top {margin-bottom: 30px;} #design .finish_wp .finish_list .finish_top > div {padding: 20px 20px 20px 65px;background-color: #f5f5f5;border-radius: 10px;background-repeat: no-repeat;background-position: 12px 0;} #design .finish_wp .finish_list .finish_top > div + div {margin-top: 10px;} #design .finish_wp .finish_list .finish_top > div:nth-child(1) {background-image: url(../_img/fin_1st.png);} #design .finish_wp .finish_list .finish_top > div:nth-child(2) {background-image: url(../_img/fin_2nd.png);} #design .finish_wp .finish_list .finish_top > div:nth-child(3) {margin-right: 0;background-image: url(../_img/fin_3th.png);} #design .finish_wp .finish_list .finish_top > div > span {display: block;} #design .finish_wp .finish_list .finish_top > div > span.name {margin-bottom: 5px;font-size: 19px;font-weight: 700;color: #000;} #design .finish_wp .finish_list .finish_top > div > span.date {font-size: 14px;font-weight: 400;color: #757575;} /****************************** 나의 현황 ******************************/ #design .my_page .con_top p {text-align: center;font-size: 16px;} #design .my_page .con_top .con_top p.title {text-align: left;} #design .my_page .con_top .finish_bg{background-image: url(../_img/bg_finish.png);background-size: 88%;} #design .my_page .con_top strong {font-weight: 700;} #design .my_page .finish_info {display: flex;padding-bottom: 10px;border-radius: 10px;align-items: center;flex-direction: column;} #design .my_page .finish_info .finish_th{font-size: 16px;margin-bottom: 7px;background-color: #fff;} #design .my_page .finish_info .finish_box {display: flex; flex-direction: column;background-color: #fff;} #design .my_page .finish_info .finish_msg{display: block;font-size: 22px;font-weight: 600;color: var(--colorRed);} #design .my_page .finish_info .finish_date{font-size: 14px;text-align: center;margin-bottom: 10px;} #design .my_page .con_top .con_list li span { display: inline-block; width: 100%; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; font-size: 14px; color: #000; min-width:170px; } #design .my_page .my_race > div {padding: 30px 15px;background-color: #1f2a69;border-radius: 10px;margin-bottom: 15px;} #design .my_page .my_race > span {display: inline-block;padding: 10px 0px;border-radius: 10px;} #design .my_page .my_race .track_wp {position: relative;padding: 90px 10px 50px 35px;background-image: url(../_img/track_bg3.png);background-repeat: no-repeat;background-position: 40% calc(100% - 57px);} #design .my_page .my_race .track_wp .start, #design .my_page .my_race .track_wp .finish {position: absolute;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;} #design .my_page .my_race .track_wp .start {bottom: 20px;left: 0;width: 40px;height: 80px;/*background-image: url(../_img/ico_m_my_start.png);background-size: 100% auto;*/} #design .my_page .my_race .track_wp .finish {top: 0;right: 0;width: 55px;height: 90px;background-image: url(../_img/ico_m_my_finish.png);background-size: 100% auto;} #design .my_page .my_race .track_wp .finish.end {display: none;} #design .my_page .my_race .track_wp .track {position: relative;z-index: 10;width: calc(100% - 20px);height: 8px;border-radius: 6px;background-color: #abb1d1;} #design .my_page .my_race .track_wp .track::before {content: '';} #design .my_page .my_race .track_wp .track_name {position: absolute;color: #fff;top: -30px;} #design .my_page .my_race .track_wp .track > span.me {position: absolute;display: inline-block;padding: 15px 0 25px;text-align: center;font-size: 12px;font-weight: 700;color: #fff;line-height: 1.2em;transform: translateX(-50%);} #design .my_page .my_race .track_wp .track > span.me::before {content: '';position: absolute;top: -1px;left: 50%;z-index: 2;width: 10px;height: 10px;margin-left: -6px;background-color: #fff;border-radius: 50%;} #design .my_page .my_race .track_wp .track > span.me::after {content: '';position: absolute;top: -152%;left: 50%;z-index: 9;width: 50px;height: 80px;background-image: url(../_img/ico_man_run.png);background-repeat: no-repeat;background-position: 50% 100%;transform: translateX(-70%);background-size: auto 100%;} #design .my_page .my_race .track_wp .track > span.me.end::after {top: -95px;height: 90px;background-image: url(../_img/ico_man_finish.png);} #design .my_page .my_race .track_wp .track > span {position: absolute;display: inline-block;padding-top: 15px;text-align: center;font-size: 12px;font-weight: 700;color: #fff;line-height: 1.2em;transform: translateX(-50%);} #design .my_page .my_race .track_wp .track > span::before {content: '';position: absolute;top: -1px;left: 50%;z-index: 2;width: 10px;height: 10px;margin-left: -6px;background-color: #fff;border-radius: 50%;} #design .my_page .my_race .track_wp .track > span.step0 {color: rgba(255,255,255,0.4);} #design .my_page .my_race .track_wp .track > span.step0::after {content: '';position: absolute;top: 0;left: 0;z-index: 1;width: 6px;height: 10px;background-color: #1f2a69;} #design .my_page .my_race > div {padding: 43px 30px 0px;background-color: #1f2a69;border-radius: 10px;margin-bottom: 20px;} #design .my_page .my_race > span {display: inline-block;padding: 20px 0px;border-radius: 10px;} #design .my_page .my_race .track_bar {position: relative;padding: 55px 20px 86px 0px;background-image: url(../_img/track_bg3.png);background-repeat: no-repeat;background-position: 30% -34px;background-size: 130px;} #design .my_page .my_race .track_bar:last-child {padding-bottom: 44px;} #design .my_page .my_race .track_bar .start, #design .my_page .my_race .track_bar .finish {position: absolute;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;} #design .my_page .my_race .track_bar .start {top: 35px;left: 0;width: 80px;height: 50px;/*background-image: url(../_img/ico_m_my_start.png);background-size: auto 100%;*/} #design .my_page .my_race .track_bar .finish {top: -30px;right: -54px;width: 100px;height: 73px;background-image: url(../_img/ico_m_my_finish.png);background-size: auto 100%;} #design .my_page .my_race .track_bar .finish.end {display: none;} #design .my_page .my_race .track_bar .track {position: relative;z-index: 10;width: 100%;height: 11px;border-radius: 6px;background-color: #abb1d1;} #design .my_page .my_race .track_bar .track::before {content: '';} #design .my_page .my_race .track_bar .track_name {position: absolute;color: #000000;top: -58px;padding: 5px 15px;border-radius: 15px;background: var(--colorYellow);} #design .my_page .my_race .track_bar .track > span.me {position: absolute;display: inline-block;padding: 24px 0 20px;width: 90px;text-align: center;font-size: 15px;font-weight: 500;color: #fff;line-height: 1.2em;transform: translateX(-50%);} #design .my_page .my_race .track_bar .track > span.me::before {content: '';position: absolute;top: -1px;left: 50%;z-index: 2;width: 13px;height: 13px;margin-left: -6px;background-color: #fff;border-radius: 50%;} #design .my_page .my_race .track_bar .track > span.me::after {content: '';position: absolute;top: -67px;left: 50%;z-index: 9;width: 80px;height: 70px;background-image: url(../_img/ico_man_run.png);background-repeat: no-repeat;background-position: 50% 100%;transform: translateX(-50%);background-size: auto 100%;} #design .my_page .my_race .track_bar .track > span.me.end::after {top: -79px;height: 90px;background-image: url(../_img/ico_man_finish.png);} #design .my_page .my_race .track_bar .track > span {position: absolute;display: inline-block;padding-top: 25px;text-align: center;font-size: 15px;font-weight: 500;color: #fff;line-height: 1.2em;transform: translateX(-50%);} #design .my_page .my_race .track_bar .track > span::before {content: '';position: absolute;top: -1px;left: 50%;z-index: 2;width: 13px;height: 13px;margin-left: -6px;background-color: #fff;border-radius: 50%;} #design .my_page .my_race .track_bar .track > span.step0 {color: rgba(255,255,255,0.4);} #design .my_page .my_race .track_bar .track > span.step0::after {content: '';position: absolute;top: 0;left: 0;z-index: 1;width: 15px;height: 12px;background-color: #1f2a69;} /* 말풍선 */ #design .my_page .my_race .track_bar .speech-bubble {position: absolute;top: -46px;background: #00aabb;color: white;padding: 3px 10px;border-radius: 10px;text-align: center;} /* 말풍선 꼬리 */ #design .my_page .my_race .track_bar .speech-bubble::after {content: '';position: absolute;bottom: -20px;left: 30%;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: #00aabb transparent transparent transparent;} /* 독서기록일지 */ #design .book_diary_wp {} #design .book_diary_wp .guide_top .add_mark_txt {margin-top: 3px;color: #000;font-size: 14px;font-weight: 400;} #design .book_diary_wp a.diary_guide {display: inline-block;padding: 15px 50px 15px 20px;margin-bottom: 20px;font-size: 15px;background-color: #f1f6ff;color: #000;border-radius: 60px;background-image: url(../_img/ico_guide_diary.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;} #design .book_diary_wp .diary_content .notebox {padding: 15px; margin: 15px 0px; border: 1px solid #ccc; border-radius: 10px;} #design .book_diary_wp .diary_content p.note {font-weight: 400;} #design .book_diary_wp .diary_content p.note strong {font-weight: 700;} #design .book_diary_wp .diary_content p.note strong.navy {font-weight: 500;} #design .book_diary_wp .diary_content .diary_con {margin-top: 40px;} #design .book_diary_wp .diary_content .diary_con.first {margin-top: 0;} #design .book_diary_wp .diary_content .diary_con .btn_area {margin-bottom: 25px;} #design .book_diary_wp .diary_content .diary_con .btn_area a {display: block;width: 130px;height: 40px;padding: 0 !important;background-color: #47aa8b;text-align: center;font-size: 15px !important;font-weight: 500;color: #fff;line-height: 40px;border-radius: 5px;} #design .book_diary_wp .diary_content .diary_con .btn_area form {overflow: hidden;position: relative;width: 100%;max-width: 400px;height: 42px;margin-top: 5px;padding-right: 40px;text-align: right;border: 1px solid #ddd;border-radius: 5px;} #design .book_diary_wp .diary_content .diary_con .btn_area form input[type="text"] {width: 100%;height: 100%;border-width: 0;margin: 0;} #design .book_diary_wp .diary_content .diary_con .btn_area form input[type="submit"] {position: absolute;top: 0;right: 0;width: 40px;height: 100%;background-image: url(../_img/ico_b_search.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-color: transparent;} /**/ #design .book_diary_wp .diary_con .write_content {padding: 30px 0;font-size: 14px;color: #000;border-bottom: 1px solid #ddd;} #design .book_diary_wp .diary_con .write_content .view_title {margin-bottom: 20px;font-size: 18px;font-weight: 700;color: #1f2a69;} /**/ #design .book_diary_wp .guide_top {margin-bottom: 30px;} #design .book_diary_wp .book_search_wp {margin-bottom: 30px;padding: 20px;background-color: #f1f6ff;border-radius: 10px;justify-content: space-between;} #design .book_diary_wp .book_search_wp .search_bars {border-bottom: 1px solid #000;} #design .book_diary_wp .book_search_wp .search_bars select, #design .book_diary_wp .book_search_wp .search_bars input {height: 40px;padding: 0;background-color: transparent;border-width: 0;font-size: 14px;} #design .book_diary_wp .book_search_wp .search_bars select {width: 80px;} #design .book_diary_wp .book_search_wp .search_bars input[type="text"] {width: calc(100% - 120px);padding-left: 20px;} #design .book_diary_wp .book_search_wp .search_bars input[type="submit"] {width: 30px;height: 40px;background-image: url(../_img/ico_bb_search.png);background-repeat: no-repeat;background-position: 100% 50%;text-indent: -9999px;background-size: auto 25px;} #design .book_diary_wp .book_search_wp .search_self {margin-top: 10px;text-align: center;} #design .book_diary_wp .book_search_wp .search_self > a {display: block;height: 40px;background-color: #555;font-size: 15px;font-weight: 500;color: #fff;border-radius: 5px;line-height: 40px;} #design .book_diary_wp .diary_con .book_list {border-top: 1px solid #12244b;} #design .book_diary_wp .diary_con .book_list .book_con {padding: 30px 0;border-bottom: 1px solid #ddd;} #design .book_diary_wp .diary_con .book_list .book_con .img {height: 150px;text-align: center;} #design .book_diary_wp .diary_con .book_list .book_con .img img {max-width: 100%;width: auto;height: 100% !important;border: 1px solid #f5f5f5;} #design .book_diary_wp .diary_con .book_list .book_con .con {margin: 20px 0 0;} #design .book_diary_wp .diary_con .book_list .book_con .con .title {margin-bottom: 10px;font-size: 17px;line-height: 1.2em;font-weight: 500;color: #000;} #design .book_diary_wp .diary_con .book_list .book_con .con .book_info > span {position: relative;z-index: 0;display: inline-block;margin-right: 15px;padding-right: 15px;vertical-align: middle;color: #757575;} #design .book_diary_wp .diary_con .book_list .book_con .con .book_info > span::after {content: '';position: absolute;top: 50%;right: 0;width: 1px;height: 12px;margin-top: -6px;background-color: #ccc;} #design .book_diary_wp .diary_con .book_list .book_con .con .book_info > span:last-child {padding-right: 0;margin-right: 0;} #design .book_diary_wp .diary_con .book_list .book_con .con .book_info > span:last-child::after {display: none;} #design .book_diary_wp .diary_con .book_list .book_con .con .diary_info {margin-top: 15px;} #design .book_diary_wp .diary_con .book_list .book_con .con .diary_info > span {display: block;font-size: 14px;font-weight: 400;color: #000;} #design .book_diary_wp .diary_con .book_list .book_con .con .diary_info > span + span {margin-top: 2px;} #design .book_diary_wp .diary_con .book_list .book_con .con .diary_info .diary_state {margin-top: 12px;} #design .book_diary_wp .diary_con .book_list .book_con .con .diary_info .diary_state > span {display: inline-block;padding: 5px 10px;margin: 1px 0;border: 1px solid #ccc;border-radius: 3px;font-size: 13px;color: #000;} #design .book_diary_wp .diary_con .book_list .book_con .con .diary_info .diary_ign {display: block;margin-top: 5px;padding: 15px;border-radius: 5px;background-color: #f4f4f4;} #design .book_diary_wp .diary_con .book_list .book_con .con .diary_info .diary_ign > span {display: block;margin-bottom: 5px;font-weight: 500;color: #000;} #design .book_diary_wp .diary_con .book_list .book_con .con .diary_info .open_btn {margin-top: 5px;} #design .book_diary_wp .diary_con .book_list .book_con .con .diary_info .open_btn > a {padding: 9px 12px !important;border-radius: 5px;} #design .book_diary_wp .diary_con .book_list.view .btn_wp {padding: 15px 0;text-align: center;border-bottom: 1px solid #ddd;} #design .book_diary_wp .diary_con .book_list.view .btn_wp button {display: inline-block;padding: 7px 15px;background-color: #f0f0f0;font-size: 14px;border-radius: 5px;} #design .book_diary_wp .diary_con .book_list.view .btn_wp button.sel {background-color: #1f2a69;color: #fff;} #design .book_diary_wp .diary_reply {margin-top: 20px;} #design .book_diary_wp .diary_reply > a {display: inline-block;margin-right: 7%;font-size: 13px;color: #757575;background-repeat: no-repeat;background-position: 0 50%;} #design .book_diary_wp .diary_reply > a:last-child {margin-right: 0;} #design .book_diary_wp .diary_reply > a.like {padding-left: 20px;background-image: url(../_img/ico_like.png);} #design .book_diary_wp .diary_reply > a.clk {padding: 3px 5px 3px 30px;border: 1px solid #ccc;border-radius: 5px;background-position: 5px;} #design .book_diary_wp .diary_reply > a.reply {padding-left: 18px;background-image: url(../_img/ico_reply.png);} #design .book_diary_wp .diary_reply > a strong {color: #000;font-weight: 400;} #design .book_diary_wp .diary_con .book_list .book_con .btn_area {padding: 0;margin: 0;} #design .book_diary_wp .diary_con .book_list .book_con .con + .btn_area {margin-top: 20px;} #design .book_diary_wp .diary_con .book_list .book_con .btn_area .btn {width: 100%;height: 45px;padding: 0 !important;font-size: 15px !important;line-height: 45px;font-weight: 500;} #design .book_diary_wp .diary_con .book_list .book_con .btn_area .btn.write {background-color: #7e8ef0;line-height: 45px;} #design .book_diary_wp .diary_con .book_list .book_con .btn_area .btn.write::before {content: '';display: inline-block;width: 15px;height: 15px;margin-right: 7px;background-image: url(../_img/ico_w_write.png);background-repeat: no-repeat;background-position: 50% 50%;} #design .book_diary_wp .diary_con .book_list .book_con .btn_area .btn.view {background-color: #fff;border: 1px solid #1f2a69;color: #1f2a69;line-height: 43px;} #design .book_diary_wp .diary_con .book_list .book_con .btn_area .btn.book {text-align: center;background-color: #47aa8b;color: #fff;line-height: 45px;border-radius: 5px;} #design .book_diary_wp .diary_con .book_list .book_con .btn_area .btn.del {text-align: center;background-color: #333;color: #fff;line-height: 45px;border-radius: 5px;} #design .book_diary_wp .diary_con .book_list .book_con .btn_area .btn.teaching {text-align: center;background-color: #e0474b;color: #fff;line-height: 45px;border-radius: 5px;} #design .book_diary_wp .diary_con .book_list .book_con .btn_area .btn + .btn {margin-top: 2px;} #design .book_diary_wp .diary_con .book_list .no_content {padding: 100px 0;text-align: center;font-size: 14px;color: #757575;border-bottom: 1px solid #ddd;} /* 검색 */ #design .book_diary_wp .diary_con .book_src .book_con {padding: 20px 0;align-items: center;} #design .book_diary_wp .diary_con .book_src .book_con .img {height: 100px;} #design .book_diary_wp .diary_con .book_src .book_con .con .title {margin-bottom: 15px;font-size: 17px;} #design .book_diary_wp .diary_con .book_src .book_con .con .info > span {position: relative;z-index: 0;padding-left: 15px;display: block;font-size: 14px;font-weight: 400;color: #000;vertical-align: middle;} #design .book_diary_wp .diary_con .book_src .book_con .con .info > span + span {margin-top: 3px;} #design .book_diary_wp .diary_con .book_src .book_con .con .info > span::before {content: '';position: absolute;top: 11px;left: 0;width: 7px;height: 1px;background-color: #757575;} #design .book_diary_wp .diary_con .book_src .book_con .con .info > span:last-child::after {display: none;} /* view 페이지 */ #design .book_diary_wp .my_reply {padding: 20px;margin: 15px 0;background-color: #f7f7f7;} #design .book_diary_wp .my_reply .reply_chk {margin-bottom: 15px;} #design .book_diary_wp .my_reply .reply_chk > span {display: block;vertical-align: middle;font-size: 13px;line-height: 1;color: #000;} #design .book_diary_wp .my_reply .reply_chk > span + span {margin-top: 3px;} #design .book_diary_wp .my_reply .reply_chk > span * {vertical-align: baseline;} #design .book_diary_wp .wirte_textarea {position: relative;padding-bottom: 35px;border: 1px solid #ccc;background-color: #fff;} #design .book_diary_wp .user_id {margin-bottom: 10px;font-size: 14px;font-weight: 500;color: #000;} #design .book_diary_wp .wirte_textarea textarea {min-height: 100px;padding: 12px;border: 0;} #design .book_diary_wp .wirte_textarea .chk_letter {position: absolute;bottom: 7px;left: 15px;font-size: 12px;color: #757575;} #design .book_diary_wp .wirte_textarea .chk_letter * {vertical-align: top;} #design .book_diary_wp .wirte_textarea .chk_letter input {padding: 0;width: 25px !important;height: auto;background-color: transparent;border-width: 0;color: inherit;font-size: inherit;} #design .book_diary_wp .wirte_textarea .btn_save {position: absolute;bottom: 5px;right: 5px;width: 40px;padding: 3px 0;text-align: center;background-color: #555;font-size: 14px;color: #fff;font-weight: 500;} #design .book_diary_wp .reply_wrap .tabs {margin-bottom: 0;} #design .book_diary_wp .reply_wrap .reply_list .reply_con {padding: 20px 0;border-bottom: 1px solid #e0e0e0;} #design .book_diary_wp .reply_wrap .reply_list .reply_con > span {display: block;} #design .book_diary_wp .reply_wrap .reply_list .reply_con > span.name {font-size: 14px;font-weight: 500;color: #000;} #design .book_diary_wp .reply_wrap .reply_list .reply_con > span.content {margin: 10px 0 5px;font-size: 14px;font-weight: 400;color: #333;} #design .book_diary_wp .reply_wrap .reply_list .reply_con > span.date {font-size: 13px;font-weight: 400;color: #757575;} #design .book_diary_wp .reply_wrap .reply_list .reply_con .btn_area {margin-top: 10px;} #design .book_diary_wp .reply_wrap .reply_list .reply_con .btn_area .s_btn {display:inline-block;padding: 3px 7px;font-size: 13px;color: #757575;border: 1px solid #ccc;background-color: #fff;} /* 이전대회 */ #design .history_wp .no_history {height: 0;padding-top: 100%;background-image: url(../_img/img_no_history.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;text-indent: -99999px;} /*********************************** member ***********************************/ /* 로그인 */ #design .log_wp {width: 90%;margin: 0 auto 20px;} #design .log_wp .py-2 + .py-2 {margin-top: 3px;} #design .log_wp .py-2 input {height: 45px;border-radius: 5px;} #design .log_wp .log_btn {overflow: hidden;width: 100%;margin-top: 5px;border-radius: 5px;background-color: #1f2a69;text-align: center;} #design .log_wp .log_btn input {width: 100%;padding: 15px 20px;color: #fff;font-size: 15px;font-weight: 500;font-family: inherit;background-color: inherit;} /*********************************** table ***********************************/ /**/ #design .mobile_table {display: block;font-size: 14px;padding: 12px 0 12px 50px;background: url(../_img/mobile_table.png) no-repeat left 50%;} #design .table_wp {overflow-x: auto;} #design .table_wp.table_wide {overflow-x: auto;} #design .table_wp table {width: 100%;min-width: 600px;} #design .table_wp.table_wide table {min-width: 840px;} /*기본*/ #design table {position: relative;z-index: 0;width: 100%;border-collapse: collapse;border-spacing: 0;text-align: center;background-color: #fff;} #design table::before {content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 1px;background-color: #333;} #design table .left {text-align: left; word-break: initial; padding: 5px;} #design table th, #design table td {border: 1px solid #e3e3e3;} #design table thead th {height: 40px;padding: 7px;font-weight: 400;font-size: 15px;color:#333;background: #f6f7f6;border-bottom: 0;} #design table thead th:first-child {border-left: 0;} #design table thead th:last-child {border-right: 0;} #design table tbody th, #design table tbody td {height: 40px;padding: 7px;font-size: 14px;color: #333;vertical-align: middle;} #design .table_wide table tbody td {padding: 3px;font-size: 13px;} #design table tbody th {font-weight: 400;} #design table tbody th:first-child {border-left: 0;} #design table tbody th:last-child {border-right: 0;} #design table tbody td:first-child {border-left: 0;} #design table tbody td:last-child {border-right: 0;} #design table tbody th.item, #design table tbody td.item {background:#f5f5f5;border-bottom:1px solid #ddd;text-align:center;} #design table tfoot th, #design table tfoot td{padding: 7px;font-size: 14px;font-weight: 400;border-top: 3px double #aaa;} #design table tfoot td:first-child {border-left: 0;} #design table tfoot th:first-child {border-left: 0;} #design table tfoot td:last-child {border-right: 0;} #design table tfoot th:last-child {border-right: 0;} /**/ #program .dk_table table th, #program .dk_table table td {font-size: 13px;} /* #design table.tstyle {width:100%;border-collapse:collapse;border-top:1px solid #333;letter-spacing: -0.4px;text-align:center;} #design table.tstyle caption{font-size:0;line-height: 0;height: 0;} #design table.tstyle thead th{padding: 10px 10px;font-weight: 400;font-size: 14px;color:#333;border-left: none;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;text-align: center;} #design table.tstyle thead th:first-child{border-left:0} #design table.tstyle thead th:last-child{border-right:0} #design table.tstyle thead tr{background-color:#fff} #design table.tstyle tbody th{font-size:14px;color:#333;padding:10px 10px;font-weight:400;border-left:0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background: #ffff;vertical-align: middle;text-align:center;} #design table.tstyle tbody td{font-size:14px;color:#555;padding:10px 10px;border: 1px solid #ddd;vertical-align: middle;} #design table.tstyle tbody td:first-child{border-left:0} #design table.tstyle tbody td:last-child{border-right:0} #design table.tstyle tbody th:first-child{border-left:0} #design table.tstyle tbody th:last-child{border-right:0;} #design table.tstyle tbody th.item, #design table.tstyle tbody td.item{background:#f5f5f5;border-bottom:1px solid #ddd;text-align:center;} #design table.tstyle tbody td ul {} #design table.tstyle tbody td ul li {padding:1px 0 1px 10px;position:relative;} #design table.tstyle tbody td ul li:before {content:"";width:3px;height:1px;background:#575757;position:absolute;top:10px;left:0} #design table.tstyle tbody td label {vertical-align:middle;}*/ /**/ #contain .khsrch{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px} #contain .khsrch select.sl-sel{margin:0 10px 0 0;padding:0 30px 0 10px;height:40px;border:1px solid #e1e1e5;background:#fff url(../_img/ico-select.svg) no-repeat 100% 50%} #contain .khsrch input.ip-txt{padding:0 60px 0 15px;width:300px;height:40px;border:1px solid #e1e1e5} #contain .khsrch input.ip-txt:focus{border-color:#a89765} #contain .khsrch fieldset{position:relative;display:flex;align-items:center} #contain .khsrch fieldset form{padding:0;margin:0;} #contain .khsrch fieldset button.bt-srh{width:40px;height:40px;color:#1f2a69;border:1px solid #e1e1e5;transition:all .2s} #contain .khsrch fieldset button.bt-srh:hover{color:#fff;border:1px solid #1f2a69;background:#1f2a69} #contain .khsrch fieldset button.bt-srh i{font-size:18px} #contain .khsrch fieldset span{padding:0 0 0 24px} #contain .khsrch fieldset span label{padding:0 6px} #contain .khsrch fieldset span label:before{margin:0 4px 0 0} #contain .khsrch .khbtns{display:flex;align-items:center} #contain .khsrch .khbtns strong{display:inline-block;line-height:52px;vertical-align:middle} #contain .khsrch .khbtns .button + .button{margin-left:10px} #contain .cons{position:relative} #contain .cons .khbtn{padding:20px 0 0 0} .ktskip{display:none} .kflex{display:flex} .kflex .inner{margin:0 20px 0 0} .kflex + .tar{padding:10px 40px 10px 0} /**/ #desgin .dk_table table.tstyle *{margin:0;padding:0;border:0;list-style-type:none;font-size:14px;color:#555} #desgin .dk_table table.tstyle{width:100%;border-collapse:collapse;border-top:1px solid #1c2645; border-bottom:1px solid #ddd;} #desgin .dk_table table.tstyle caption{font-size: 0;line-height: 0;height: 0;} #desgin .dk_table table.tstyle tbody tr:hover { background:#fafafa;} #desgin .dk_table table.tstyle tbody tr:hover td[scope=row] { background:#f7f7f7; border-right:1px solid #ddd;} #desgin .dk_table table.tstyle tbody tr.notice td {border-bottom:1px solid #c5d7e0;background:#f3f3f1} #desgin .dk_table table.tstyle thead th{padding: 10px 10px;font-weight: 400;font-size: 14px;color: #333;border-left: none;border-right:none;border-bottom: 1px solid #ddd;background: #f5f5f5;text-align: center;} #desgin .dk_table table.tstyle tbody td{padding:9px 10px; font-size:14px;color:#555;text-align:center;border-right:1px solid #eaeaea;border-bottom:1px solid #ddd;} #desgin .dk_table table.tstyle 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} #desgin .dk_table table.tstyle tbody td[scope=row] span.bt-content{display:inline;background:none;color:#2285ce;font-family:arial;font-size:14px;font-weight:400} #desgin .dk_table table.tstyle tbody td a{padding: 2px;font-size:14px;color:#555} #desgin .dk_table table.tstyle 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%} #desgin .dk_table table.tstyle tbody td img{vertical-align:middle} #desgin .dk_table table.tstyle tbody td ul{text-align:left} #desgin .dk_table table.tstyle tbody td li{font-size:14px;line-height:20px;color:#555} #desgin .dk_table table.tstyle tbody td.subject{text-align:left;/*padding-top:15px;*/} #desgin .dk_table table.tstyle tbody td.subject div{position:relative;padding:5px 0;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #desgin .dk_table table.tstyle tbody td.subject a{display:inline-block;padding:0 0 0 0 !important;font-size:14px;font-weight:normal;color:#555;} #desgin .dk_table table.tstyle tbody td.subject a:hover { color:#4079e6;} #desgin .dk_table table.tstyle tbody td.subject span{font-size:11px;font-weight:800} #desgin .dk_table table.tstyle tbody td.subject span img{} #design .dk_table table.tstyle tbody td.subject .new{display:inline-block;width: 15px;height:15px;background:url(../_img/ico_new.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align: middle !important;} #design .dk_table table.tstyle tbody td.subject .secret{display:inline-block;top:2px;width:17px;height:15px;background:url(../_img/ico_secret.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align:middle !important;} #design .dk_table table.tstyle tbody td.subject .reply{display:inline-block;position:relative;left:-2px;padding:0 0 0 15px; background:url(../_img/ico_reply.png) no-repeat 0px 100%;text-indent:-9999em;overflow:hidden; vertical-align:top !important;width: 1px;} #design .dk_table table.tstyle tbody td.subject .list_reply{color:#aa6801} #design .dk_table table.tstyle tbody td.subject notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0} #design .dk_table table.tstyle tbody td div.tac{padding:100px 0} #design .dk_table table.tstyle tbody td .this{font-size:13px;color:#f30} #design .dk_table table.tstyle tbody td .notice{font-size:13px;color:#0054FF} #design .dk_table table.tstyle tr:first-child td{background:url(../img/board/table_td.png) repeat-x 0 0} #design .dk_table table.tstyle tr th:last-child{border-right:0} #design .dk_table table.tstyle tr td:last-child{border-right:0} #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;color:#333;border:1px solid #aaa;background:#fff;border-radius:5px;font-size:14px} #contain #design .bt-content .btn_red{display:block;margin:3px 0;padding:3px 5px;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:5px;font-size:14px} #contain #design .bt-content .btn_orange{display:block;margin:3px 0;padding:3px 5px;color:#fff;border:1px solid #f77a00;background:#f77a00;border-radius:5px;font-size:14px} #contain #design .bt-content .btn_blue{display:block;margin:3px 0;padding:3px 5px;color:#fff;border:1px solid #014fbb;background:#014fbb;border-radius:5px;font-size:14px} #contain #design .bt-content .btn_green{display:block;margin:3px 0;padding:3px 5px;color:#009688;border:1px solid #009688;background:#fff;border-radius:5px;font-size:14px} #contain #design .btn_regist{display:block;margin:3px 0;padding:3px 5px;color:#fff;border:1px solid #999;background:#999;border-radius:5px;font-size:14px} #contain #design .btn_cancel{display:block;margin:3px 0;padding:3px 5px;width:69px;color:#fff;border:1px solid #3d4459;background:#3d4459;border-radius:5px;font-size:14px} #contain #design .btn_regist_go{display:block;padding:2px;font-weight:800;color:#fff;border:2px solid #1769A3;background:#003258;font-size:14px} #contain #design .btn_deadline{color:#C5C5C5; font-weight:800}*/ /*#contain #design .btn_suc{display:inline-block;margin:0 1px;padding:3px 7px;color:#333;border:1px solid #aaa;background:#fff;border-radius:5px;font-size:14px} #contain #design .btn_oky{display:inline-block;margin:0 1px;padding:3px 7px;color:#fff !important;border:1px solid #014fbb;background:#014fbb;border-radius:5px;font-size:14px} #contain #design .btn_pay{display:inline-block;margin:0 1px;padding:3px 7px;color:#fff !important;border:1px solid #3d4459;background:#3d4459;border-radius:5px;font-size:14px} #contain #design .btn_ing{display:inline-block;margin:0 1px;padding:3px 7px;color:#fff !important;border:1px solid #c62338;background:#c62338;border-radius:5px;font-size:14px} #contain #design button.btn_oky{padding:5px 10px 7px 10px}*/ #txt_box{margin:10px 0;padding:20px;border:1px solid #ccc;background:#fafafa} /**/ #contain #design table.responsive {width:100%;border-top:0 !important} #contain #design table.responsive colgroup {display: none;} #contain #design table.responsive * {font-size: 13px} #contain #design table.responsive thead{display:none} #contain #design table.responsive tbody tr{display:block !important;/*padding-bottom:15px !important;margin-bottom:15px !important;*/border-top:1px solid #333 !important;overflow:hidden} #contain #design table.responsive tbody th, #contain #design table.responsive tbody td{clear:both;float:left\9;width:100%\9;display:block;padding:0 !important;position:relative;min-height:31px;height: auto;text-align:left !important;border:0 !important;border-bottom:1px solid #eee !important;background:#fff !important;overflow:hidden} #contain #design table.responsive tbody th:before, #contain #design table.responsive tbody td:before{position:absolute;top:0;left:0;padding:5px 0;width:25%;height:100%;line-height:20px;font-weight:400;letter-spacing:-1px;color:#333;content:attr(data-th);background:#fafafa;text-indent:10px;overflow:hidden} #contain #design table.responsive tbody th .bt-content, #contain #design table.responsive tbody td .bt-content{display:block;margin-left:25%;padding:5px 10px;line-height:20px;text-align:left !important;background:#fff} #contain #design table.responsive tbody th .bt-content a, #contain #design table.responsive tbody td .bt-content a{padding: 2px;display:inline-block;color:#006dc0;font-weight: 500} #contain #design table.responsive tbody td .bt-content span{display:inline !important;margin:0 !important;width:auto !important;text-align:left !important;color:#333;} #contain #design table.responsive tbody td.bt-hide{display:none} #contain #design table.responsive tbody td.tac{text-align:left !important} #contain #design table.responsive tbody td.subject{font-weight:700;border-bottom:1px solid #e2e2e2;background:#fafafa} #contain #design table.responsive tbody td.subject a{display:inline-block;color:#006 !important} #contain #design table.responsive tbody td .notice{background:none !important} #contain #design table.responsive tbody td .new{position:relative;top:3px;display:inline-block;padding-left: 15px;font-size:11px;font-weight: 400;background:url(../img/ico_new.png) no-repeat 0 50%} #contain #design table.responsive tbody td .secret{position:relative;top:2px;display:inline-block;padding-left:12px;font-size:11px;background:url(../img/ico_secret.png) no-repeat 0 50%} #contain #design table.responsive tbody th{float:left\9;width:100%\9;display:block;position:relative;font-weight:800;color:#000;background:#f9f9f9 !important} #contain #design table.responsive tbody th span{background:transparent !important} #contain #design table.responsive tbody tr:first-child th, #contain #design table.responsive tbody tr:first-child td{padding:0 !important} /* #contain #design table.responsive 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 table.responsive .bt-content .btn_gray{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#333 !important;text-align:center !important;border:1px solid #aaa;background:#fff;border-radius:22px} #contain #design table.responsive .bt-content .btn_red{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #f23737;background:#f23737;border-radius:22px} #contain #design table.responsive .bt-content .btn_orange{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #f77a00;background:#f77a00;border-radius:22px} #contain #design table.responsive .bt-content .btn_blue{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #014fbb;background:#014fbb;border-radius:22px} #contain #design table.responsive .bt-content .btn_green{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#009688 !important;text-align:center !important;border:1px solid #009688;background:#fff;border-radius:22px} #contain #design table.responsive .btn_regist{display:inline-block !important;margin:3px;padding:5px 20px !important;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #999;background:#999;border-radius:22px} #contain #design table.responsive .btn_cancel{display:inline-block !important;margin:3px;padding:5px 20px;width:69px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #3d4459;background:#3d4459;border-radius:22px} #contain #design table.responsive .btn_regist_go{display:inline-block !important;padding:2px;font-weight:800;color:#fff !important;border:2px solid #1769A3;background:#003258} #contain #design table.responsive .btn_deadline{color:#C5C5C5 !important; font-weight:800;}*/ /**/ #contain #design table.tstyle_cal *{margin:0;padding:0;border:0;list-style-type:none;color:#333} #contain #design table.tstyle_cal{width:100%;border-collapse:collapse;border-top:2px solid #1c2645} #contain #design table.tstyle_cal caption{font-size:0;line-height: 0;height: 0;} #contain #design table.tstyle_cal thead *{font-size:15px;} #contain #design table.tstyle_cal tbody *{font-size:14px;} #contain #design table.tstyle_cal thead th{padding:12px 10px;line-height:15px;font-weight:normal;text-align:center;color:#000;border-left:1px solid #e7e7e7;border-right:none;border-bottom:1px solid #989898;background:#fff;box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.08);} #contain #design table.tstyle_cal thead th:first-child{border-left:0} #contain #design table.tstyle_cal thead tr{background-color:#fff} #contain #design table.tstyle_cal tbody tr{} #contain #design table.tstyle_cal tbody th{padding:7px 10px;font-weight:600;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2} #contain #design table.tstyle_cal tbody td{padding:10px 10px;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #ccc} #contain #design table.tstyle_cal tbody td:first-child{border-left:0} #contain #design table.tstyle_cal tbody td:last-child{border-right:0} #contain #design table.tstyle_cal tbody th:first-child{border-left:0} #contain #design table.tstyle_cal tbody th:last-child{border-right:0;background-color:#fbfbfb} #contain #design table.tstyle_cal tbody tr:first-child th, #contain #design table.tstyle_cal tbody tr:first-child td{border-top:1px solid #aaa;} #contain #design table.tstyle_cal tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} #contain #design table.tstyle_cal tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f4f5f8} #contain #design table.tstyle_cal tfoot td{padding:8px 10px;text-align:center;border:1px solid #d2d2d2;border-bottom:1px solid #cacaca;border-top: 3px double #999;background-color:#f8f8f8} #contain #design table.tstyle_cal tfoot td:first-child{border-left:0} #contain #design table.tstyle_cal tfoot td:last-child{border-right:0} #contain #design table.tstyle_cal tfoot th:first-child{border-left:0} #contain #design table.tstyle_cal tfoot th:last-child{border-right:0} #contain #design table.tstyle_cal tfoot td.tal{text-align:left} #contain #design table.tstyle_cal tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} #contain #design table.tstyle_cal tbody td.subject{text-align:left} #contain #design table.tstyle_cal tbody td.subject a:hover{color:#000;text-decoration:underline} #contain #design table.tstyle_cal tbody th.item, #contain #design table.tstyle_cal tbody td.item{border-bottom:1px solid #cacaca;text-align:center;} #contain #design table.tstyle_cal tbody td.item span.red{position:absolute;} #contain #design table.tstyle_cal tbody td .dtnum{display:block;position:relative;line-height: 1.1em;} #contain #design table.tstyle_cal tbody td .new{font-size:11px;font-weight:800;color:#c00} #contain #design table.tstyle_cal 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.tstyle_cal tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer} #contain #design table.tstyle_cal tbody td span.info { padding:0 3px;} /* .comment {font-size:16px;margin-bottom:10px;} .memo {font-size:15px;color:#666;padding-top:5px;}*/ /*이용동의 .agree_area {padding-top:50px;} .agree_area .agree_tit {font-size:18px;font-weight:500;color:#405ab2;margin-bottom:16px;} .agree_area .agree_box {padding:20px;margin-bottom:15px;border:1px solid #ccc;height:200px;overflow-y: scroll;font-size:15px;} .agree_area .agree_chk label {font-size:15px;color:#666;vertical-align: middle;margin-left:5px;}*/ /* #program #txt_box_wrapper {padding: 20px 5%;background: #f4f4f4;} #program #txt_box_wrapper ul {overflow: hidden;} #program #txt_box_wrapper ul li {float: left; width: 48%;margin: 10px 2%;background: #fff;text-align: center;} #program #txt_box_wrapper ul li:nth-child(2n-1) {margin-left: 0;} #program #txt_box_wrapper ul li:nth-child(2n) {margin-right: 0;} #program #txt-box_wrapper ul li img {width: 100%;}*/ /* #popupbar .popupbar{overflow:hidden} #popupbar .popupbar .slide{overflow:hidden} #popupbar .popupbar .slide .holidays{padding:10px 0 0 0 !important} #popupbar .popupbar .slide .holidays h3{font-size:12px !important} #popupbar .popupbar .slide .holidays button{font-size:11px !important} #popupbar .popupbar .slide .opens{width:auto !important} #popupbar .bx-controls{display:none}*/ /* #design input[type=checkbox]{display:none;} #design input[type=checkbox]+ label{display:inline-block;position:relative;padding:0 0 0 23px !important;margin-right:10px;cursor:pointer} #design input[type=checkbox]+ label:before{content:"";display:inline-block;position:relative;top:0px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:0} #design input[type=checkbox]:checked + label:before{content:"\2713";font-size:13px !important;font-weight:800;color:#03a98f;background:#fff;text-align:center;line-height:16px} #design input[type=radio]{display:none;display:block} #design input[type=radio]+ label{display:inline-block;position:relative;padding:0 0 0 23px !important;margin-right:10px;cursor:pointer} #design input[type=radio]+ label:before{content:"";display:inline-block;position:relative;top:0px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:20px} #design input[type=radio]:checked + label:before{content:"\2022";font-size:16px !important;font-weight:800;color:#03a98f;background:#fff;text-align:center;line-height:16px} */ /* #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 .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{display: flex;padding:0;margin: 0 0 30px;flex-wrap: wrap;} #design .tabmenu li {width: calc(50% - 2px);margin: 2px 2px;vertical-align: top;} #design .tabmenu li:nth-child(even) {margin-right: 0;} #design .tabmenu li:nth-child(odd) {margin-left: 0;} #design .tabmenu li a{display: block;position: relative;padding: 15px 10px;height: 100%;font-size: 16px;letter-spacing: -1px;color: #333;text-align: center;border: 1px solid #1f2a69;background: #fff;border-radius: 10px;} #design .tabmenu li a i{display:none} #design .tabmenu li.sel a {position:relative;z-index:5;color:#fff;background:#1f2a69;box-sizing: border-box;} #design .tabmenu li a.sel i{display:none} #design .tabmenu li.mTabOn a{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;line-height:40px;box-sizing:border-box;} #design .tabmenu li.lib0, #design .tabmenu li.lib1, #design .tabmenu li.lib2, #design .tabmenu li.lib3, #design .tabmenu li.lib4 {width: 33.3333%;} #design .tabmenu li.lib1 a {background-color: #fff;color: #7000b7;border: 2px solid #7000b7;} #design .tabmenu li.lib1 a.sel {background-color: #7000b7;color: #fff;font-weight: 500;} #design .tabmenu li.lib2 a {background-color: #fff;color: #00b755;border: 2px solid #00b755;} #design .tabmenu li.lib2 a.sel {background-color: #00b755;color: #fff;font-weight: 500;} #design .tabmenu li.lib3 a {background-color: #fff;color: #003fe0;border: 2px solid #003fe0;} #design .tabmenu li.lib3 a.sel {background-color: #003fe0;color: #fff;font-weight: 500;} #design .tabmenu li.lib4 a {background-color: #fff;color: #fb612b;border: 2px solid #fb612b;} #design .tabmenu li.lib4 a.sel {background-color: #fb612b;color: #fff;} /**/ #design .tabs {position: relative;display: flex;z-index: 0;margin-bottom: 30px;padding: 1px 0 0 1px;flex-wrap: wrap;} #design .tabs::after {content: '';position: absolute;bottom: 0;left: 0;z-index: -1;width: 100%;height: 1px;background-color: #ccc;} #design .tabs > li > a {display: block;padding: 10px 25px;margin: -1px 0 0 -1px;border: 1px solid #ccc;font-size: 15px;font-weight: 400;color: #000;} #design .tabs > li > a:hover {color: #dc4649;font-weight: 500;} #design .tabs > li.sel > a {background-color: #dc4649;color: #fff;font-weight: 500;border-color: #dc4649;} /**/ #design .mytabs {position: relative;display: flex;z-index: 0;margin-bottom: 0px;padding: 1px 0 0 1px;flex-wrap: wrap;} #design .mytabs::after {content: '';position: absolute;bottom: 0;left: 0;z-index: -1;width: 100%;height: 1px;background-color: #ccc;} #design .mytabs > li > a {display: block;padding: 10px;margin: -1px 0 0 -1px;border: 1px solid #ccc;font-size: 15px;font-weight: 400;color: #000;} #design .mytabs > li > a:hover {color: #dc4649;font-weight: 500;} #design .mytabs > li.sel > a {background-color: #636fba;color: #fff;font-weight: 500;border-color: #636fba;} /* #program .tabmenu{padding:0;margin:0 0 30px 0;*zoom:1} #program .tabmenu:before, #program .tabmenu:after{clear:both;display:table;content:"";line-height:0} #program .tabmenu li{float:left;width:50%} #program .tabmenu li a{display: block;position: relative;height: 40px;line-height: 40px;font-size: 15px;letter-spacing: -1px;color: #555;text-align: center;border: 1px solid #ddd;background: #fff;} #program .tabmenu li a i{display:none} #program .tabmenu li a.sel {position:relative;z-index:5;background-color: #242b36;color: #fff;box-sizing: border-box;line-height: 40px;} #program .tabmenu li a.sel i{display:none}*/ /**/ #design .depthmenu{padding:0;margin:0 -5px 10px -5px;*zoom:1} #design .depthmenu:before, #design .depthmenu:after{clear:both;display:table;content:"";line-height:0} #design .depthmenu li{float:left;width:50%} #design .depthmenu li a{display:block;position:relative;margin:5px;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{display:none} /**/ #design .tabstyle > ul {overflow: hidden;position:relative;z-index: 0;margin-bottom: 15px;} #design .tabstyle > ul::after {content: '';position: absolute;bottom: 0;left: 0;z-index: -1;} #design .tabstyle > ul > li {float: left;margin: 2px;} #design .tabstyle > ul > li > a {display: block;height: 40px;padding: 0 12px;font-size: 15px;font-weight: 400;color: #555;line-height: 40px;background-color: #f8f8f8;border: 1px solid #333;} #design .tabstyle > ul > li > a.sel {background-color: #fff;color: #8813d3;font-weight: 500;} #design .tabstyle > ul > li > a:hover {background-color: #333;color: #fff;transition: all 0.3s;} /*#design .tabstyle{position:relative;} #design .tabstyle ul{position:relative;z-index:1;height:42px; margin-bottom:20px;border-bottom:2px solid #4079e6} #design .tabstyle li{float:left} #design .tabstyle li:first-child a{margin:0} #design .tabstyle li a{display:block;position:relative;z-index:0;margin:0 0 0 -1px;padding:0 24px;line-height:41px;font-size:15px;color:#333;text-align:center;border:1px solid #ccc;border-bottom:1px solid #4079e6;background:#fff} #design .tabstyle li a span{font-size:15px} #design .tabstyle li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #4079e6;background:#4079e6;transition:all 0.3s} #design .tabstyle li a.sel, #design .tabstyle li a.selected {position:relative;z-index:5;padding:0 15px;height:41px;color:#333;border:2px solid #4079e6;border-bottom:1px solid #fff;background:#fff} #design .tabstyle li a span{color:#f30} #design .tabstyle .clock{ padding-bottom:10px;}*/ #design .tabstyle .clock{padding: 15px;margin-bottom: 15px;background-color: #f6f7f6;text-align: center;font-size: 15px;} #dkboard .dk_tabmenu{padding:0;margin:0 -5px 10px -5px;} #dkboard .dk_tabmenu:before, #dkboard .dk_tabmenu:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_tabmenu li{float:left;width:50%} #dkboard .dk_tabmenu li a{display:block;position:relative;margin:5px;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} #dkboard .dk_tabmenu li a i{display:none} #dkboard .dk_tabmenu li a:hover{position:relative;z-index:5;color:#fff;border:2px solid #1c2645;background:#1c2645;transition:all 0.2s} #dkboard .dk_tabmenu li a.sel{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;box-shadow:0 3px 0 #e2e2e2} #dkboard .dk_tabmenu li a.sel i{display:none} /**/ #design #program .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 #program .subtit strong{font-size:18px;font-weight:400;color:#c62337} #design #program .title{position:relative;overflow:hidden} #design #program .title p{padding: 0 0 5px;font-size: 13px;text-align: right;} #design #program .title .year{position:absolute;top:10px;right:0} #design #program .title .year strong{float:left;display:block;width:60px;line-height:20px;font-size:16px;color:#333;text-align:center} #design #program .title .year strong span{padding-left:5px;font-size:16px;color:#333} #design #program .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 #program .title .year a span{display:none} #design #program .point h3 {border-bottom:0px solid #ccc} #design #program .table + .title {margin-top: 40px;} /*#design #program .table{padding-bottom:20px} #design #program .table .tar{padding:10px 0}*/ /**/ #design .chart{position:relative;padding-bottom:5px} #design .chart > ul {padding:0 0 15px;} #design .chart > ul > li {font-size: 14px;} /*#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{margin: 10px 0;} /*#design .chart li ul li{padding:3px 0;font-size:13px}*/ #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{padding:12px 0;border-top:1px dashed #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 20px 0;border-bottom:1px solid #ccc} #design .photos dl {position:relative;padding:10px 0;} #design .photos dt {} #design .photos dt img {max-width: 100%;max-height: 300px;box-shadow: 3px 3px 15px rgba(0,0,0,0.15);} #design .photos dd {padding: 10px 0 0;} #design .photos dd li{font-size:14px} /*#design .photos dd li span, #design .photos dd li strong{font-size:11px} #design .photos ul{padding:0 0 5px 0} #design .photos ul li{padding:0 0 4px 14px;background:url(../img/dp2.png) no-repeat 5px 8px} #design .photos ul li strong{color:#c62336}*/ /**/ #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/*;white-space:nowrap;text-overflow:ellipsis*/} #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:100%} #design .onelist li dl{position:relative;margin: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 10px 0;font-size:15px;font-weight:600;overflow:hidden/*;white-space:nowrap;text-overflow:ellipsis*/} #design .onelist li dd span{display:block;font-size:14px} /**/ #design .bookgroup{background:url(../img/bookgroup.png) no-repeat 100% 80%} #design .booktitle{position:relative;margin-bottom:20px;padding:20px;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:2px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0} #design .booktitle h2{background: none;padding: 0 0 7px 0;font-size: 21px;font-weight: 600;} #design .booktitle h2 strong{font-size:18px;font-weight:600;color:#000} #design .booktitle p{line-height:20px;font-size:14px;color:#4c4c4c;word-break:break-all} #design .booktitle p br{display:none} #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:none;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:none;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:none;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:none;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:none;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:none;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:none;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:none;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 .boxst {padding:20px;margin-bottom:30px;border:1px solid #ccc;border-top:3px solid #1c2645;} #design .boxst h2 {background:none;padding: 0 0 16px 0;font-size:16px;font-weight:bold;} #design .boxst .txt {font-size:14px;} #design .boxst .txt span {font-size:inherit;} #design .boxst .txt span.linefeed {display:inline;} #design .bst1 {background:none;} #design .bst2 {background:none;} #design .bst3 {background:none;}*/ /* #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%}*/ /* #design .culture{} #design .culture .time{margin:0 auto;padding:20px 0;width:420px;overflow:hidden;display:none} #design .culture .time h2{float:left;padding:0 10px 0 35px;line-height:40px;font-size:18px;font-weight:300;letter-spacing:-1px;color:#777;background:url(../img/ico_clock.png) no-repeat 0 50%} #design .culture .time div{float:left;color:#c62337;overflow:hidden} #design .culture .time div strong{float:left;display:block;position:relative;width:35px;line-height:40px;font-size:18px;text-align:center;border:1px solid #c62337;background:#fff;border-radius:4px} #design .culture .time div strong i{position:absolute;top:0;right:-10px;display:block;width:4px;height:40px;background:url(../img/ico_minute.png) no-repeat 50% 50%} #design .culture .time div strong.t1{color:#fff;border:1px solid #a51628;background:#c62337} #design .culture .time div strong.t2{color:#fff;border:1px solid #a51628;background:#c62337} #design .culture .time div strong.t3{color:#fff;border:1px solid #a51628;background:#c62337} #design .culture .time div span{float:left;display:block;line-height:40px;font-size:14px;color:#c62337;padding:0 10px 0 5px} #design .culture .time div span.none{text-indent:-9999em;overflow:hidden} #design .culture .list{padding-bottom:20px} #design .culture .list ul{border-top:1px solid #aaa} #design .culture .list li div{padding:15px 20px;font-size:16px;border:1px solid #eee;border-top:0;border-right:0;border-left:0} #design .culture .list li div strong{font-size:16px !important} #design .culture .bg_bookstart {background:none;} */ #design .ls_process {padding-top:30px;border-top:1px dashed #ccc;} #design .ls_process .process {overflow:hidden;margin-bottom:10px;} #design .ls_process .process li {width:100%;} #design .ls_process .process li .img {margin-bottom:20px;border:1px solid #dadada;border-radius:5px;} #design .ls_process .process li .img img {width:100%;height:initial;} #design .ls_process .process li .txt {text-align:center;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #design .ls_process .process li .in {padding-bottom:30px;margin-bottom:20px;background:url(../img/arr2.png) no-repeat center bottom;} #design .ls_process .process li .in_none {padding-bottom:30px;margin-bottom:20px;background:url(../img/arr2.png) no-repeat center bottom;} #design .ls_process .process li .in_none2 {padding-bottom:40px;} /**/ #calendar {position:relative} #calendar .aConfirm {position: absolute;top: 100px;right:0;padding: 0 20px;height: 32px;line-height: 32px;text-align: center;color: #fff;background: #1e2c5d;border-radius: 5px;} #calendar .days{text-align:center;padding-bottom: 15px;} #calendar .days a{display:inline-block;position:relative;top:0px;width:30px;height:30px;line-height:30px;font-size:15px;color:#c62337;border:1px solid #e3e3e3;border-radius:50px;overflow:hidden;transition:all 0.2s} #calendar .days a i{position:absolute;top:0;width:30px;height:30px} #calendar .days .prev{text-indent:-9999px;} #calendar .days .prev i{left:0;background:url(../img/s_prev.png) no-repeat 50% 50%;background-size: 25px auto !important;} #calendar .days .next{text-indent:-9999px;} #calendar .days .next i{right:0;background:url(../img/s_next.png) no-repeat 50% 50%;background-size: 25px auto !important;} #calendar .days strong{display:inline-block;position:relative;top: 6px;padding:0 20px;line-height:40px;font-size: 30px;color:#2e4287} #calendar .days strong span{position:relative;top:-2px;margin:0 0 0 -10px;font-size:20px} #calendar .even{padding:10px 0;} #calendar .even ul{text-align:center;overflow:hidden;margin-bottom: 10px;} #calendar .even li{float:left;position:relative;display:block;width:33.33333%;text-align:left;} #calendar .even li strong{font-weight:400;padding-left:20px;font-size: 13px;vertical-align: middle;} #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% 100%} #calendar .even .e2 i{background:url(../../img/pro_content/icon_schedule_e.gif) no-repeat 50% 100%} #calendar .even .e3 i{background:url(../../img/pro_content/icon_schedule_m.gif) no-repeat 50% 100%} #calendar .even .e4 i{background:url(../../img/pro_content/icon_schedule_l.gif) no-repeat 50% 100%} #calendar .dk_search{padding-bottom:20px} #calendar .dk_search fieldset{float:none !important;text-align:center !important} #contain #calendar .calendar thead th {background: #333;color: #fff;font-size: 12px;} #contain #calendar .calendar tbody td {height: 50px;padding: 0;font-size: 12px;vertical-align: top;background-color: #f4f4f4;border: 1px solid #ddd !important;} /*#contain #calendar .calendar tbody #addTr td {padding: 3px;background: #0f185f;} #contain #calendar .calendar tbody #addTr td > div {overflow-y: auto;max-height: 250px;padding: 0 10px;border: 1px solid #eaeaea;background: #fff;} #contain #calendar .calendar tbody #addTr td .vr_con {position: relative;padding: 10px 0;border-bottom: 1px solid #ddd;text-align: left;} #contain #calendar .calendar tbody #addTr td .vr_con > div > span {font-size: 14px;vertical-align: middle;} #contain #calendar .calendar tbody #addTr td .vr_con > div > span.vr_num {display: block;color: #003fe0;font-weight: 500;} #contain #calendar .calendar tbody #addTr td .vr_con > div > span.vr_time {display: block;margin: 2px 0 5px;} #contain #calendar .calendar tbody #addTr td .vr_con > div > span.vr_count {display: block;font-size: 16px;font-weight: 500;} #contain #calendar .calendar tbody #addTr td .vr_con > div > span.vr_count strong {color: #7000b7;} #contain #calendar .calendar tbody #addTr td .vr_con > a.btn {position: absolute;top: 10px;right: 0;} #contain #calendar.vr_calendar .calendar tbody td {vertical-align: middle;} #contain #calendar .calendar tbody td.appList {background-color: #ececec;} #contain #calendar .calendar tbody td.vrSel {background-color: #0f185f;} #contain #calendar .calendar tbody td.appList .day_num span {padding: 5px;border-radius: 50%;background-color: #fff;} #contain #calendar .calendar tbody td.vrSel .day_num span {font-size: 105%;font-weight: 700;}*/ #contain #calendar .calendar tbody td a.appList {display: table;width: 100%;height: 60px;background-color: #ececec;} #contain #calendar .calendar tbody #addTr .vr_con {position: relative;padding: 10px 0;border-bottom: 1px solid #ddd;text-align: left;} #contain #calendar .calendar tbody #addTr .reserv_date {position: relative;z-index: 0;font-size: 16px;font-weight: 500;color: #000;} #contain #calendar .calendar tbody #addTr .reserv_date::after {content: '';position: absolute;bottom: -5px;left: 0;z-index: -1;width: 100%;height: 3px;background-color: #def1ff;} #contain #calendar .calendar tbody #addTr .vr_con > div > span {font-size: 14px;vertical-align: middle;} #contain #calendar .calendar tbody #addTr .vr_con > div > span.vr_num {display: block;color: #003fe0;font-weight: 500;} #contain #calendar .calendar tbody #addTr .vr_con > div > span.vr_time {display: block;margin: 2px 0 5px;} #contain #calendar .calendar tbody #addTr .vr_con > div > span.vr_count {display: block;font-size: 15px;font-weight: 500;} #contain #calendar .calendar tbody #addTr .vr_con > div > span.vr_count strong {color: #7000b7;} #contain #calendar .calendar tbody #addTr .vr_con > .vr_btn {position: absolute;top: 15px;right: 0;} #contain #calendar .calendar tbody #addTr .vr_close {position: absolute;top: 0;right: 0;width: 35px;height: 35px;background-color: #0f185f;background-image: url(../img/ico_close_white.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 16px;} #contain #calendar.vr_calendar .calendar tbody td {padding: 0;vertical-align: middle;} #contain #calendar .calendar tbody td a.vrSel {background-color: #0f185f;} #contain #calendar .calendar tbody td a.appList .day_num {display: table-cell;vertical-align: middle;} #contain #calendar .calendar tbody td a.appList .day_num span {display: inline-block;padding: 10px;border-radius: 50%;background-color: #fff;} #contain #calendar .calendar tbody td a.vrSel .day_num span {font-size: 115%;font-weight: 700;} #contain #calendar .calendar tbody #addTr {overflow-y: auto;position: absolute;top: 50%;left: 5%;width: 90%;max-height: 90%;padding: 15px;box-shadow: 7px 7px 20px rgba(0,0,0,0.2);background-color: #fff;transform: translateY(-50%);border: 5px solid #0f185f;} #contain #calendar.vr_calendar .calendar tbody td .day_num {font-size: 3vmin;} #contain #calendar .calendar tbody td .result{padding:0 0 0 16px} #contain #calendar .calendar tbody td .none{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#f23737;border:1px solid #ccc;border-radius:4px} #contain #calendar .calendar tbody td .end{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#000;border:1px solid #ccc;background:#eee;border-radius:4px} #contain #calendar .calendar tbody td .start{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#fff;border:1px solid #005997;background:#005997;border-radius:4px} #contain #calendar .visit_calendar {display: none;} /*#calendar .calendar td{position:relative;height:100px;vertical-align:top;background-color:transparent !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{} #scheduleList .scheduleList{} #scheduleList .scheduleList dl {position:relative;padding-bottom:20px;border-top:2px solid #ccc} #scheduleList .scheduleList dl.skip {/*position: absolute;*/display: none;} #scheduleList .scheduleList dt{background:#fafafa} #scheduleList .scheduleList dt a{display:block;text-align:center;padding:7px 10px;font-size:15px;color:#1c2645;font-weight:600;font-family:Arial, Helvetica, sans-serif} #scheduleList .scheduleList dd{padding:5px 0;min-height:40px;text-align:center;} /*#scheduleList .scheduleList dd a{display:block;padding:5px 10px;font-size:13px;border-top:1px solid #eee;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}*/ #scheduleList .scheduleList dd a img{position:relative;top:1px} #scheduleList .scheduleList dd .result {padding: 10px;} #scheduleList .scheduleList dd span.end { display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#000;border:1px solid #ccc;background:#eee;border-radius:4px} /*#scheduleList .scheduleList dd a {display:inline-block;max-width: 100%;box-sizing: border-box;padding:2px 10px;color:#000;border:1px solid #005997;border-radius:4px}*/ /* #design .service{} #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;display:none;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;display:none;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:10px;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{margin:0 -10%;overflow:hidden} #design .service .schema div ul li{float:left;position:relative;width:100%;text-align:center} #design .service .schema div ul li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;display:none;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 .faq_list{border-top:1px solid #000;font-size: 14px;letter-spacing: -0.4px;} #design .faq_list .faq .faq_q{position:relative;/*padding: 7px 7px 7px 35px;*/border-bottom:1px solid #ccc;overflow:hidden;} #design .faq_list .faq .faq_q dt{/*position:absolute;top: 12px;left:5px*/} #design .faq_list .faq .faq_q dt img{display:block;width:20px} #design .faq_list .faq .faq_q dd{/*padding:5px 0*/} #design .faq_list .faq .faq_q dd a {color:#333;} #design .faq_list .faq .faq_q dd a{display:block;font-size: 14px;} #design .faq_list .faq .faq_a{position:relative;/*padding: 7px 7px 7px 35px;*/border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;} #design .faq_list .faq .faq_a dt{/*position:absolute;top: 12px;left:5px*/} #design .faq_list .faq .faq_a dt img{display:block;width:20px} #design .faq_list .faq .faq_a dd{height:auto;min-height:60px;margin:5px 0;} /*#design .faq_list .faq .faq_a dd * {font-size: 13px;line-height: 1.4em;}*/ #design .faq_list .faq .disnone{display:none} #design .faq_list .faq_qna dl {padding: 10px 10px;} #design .faq_list .faq_qna dl dt {margin-bottom: 8px;font-size: 15px;font-weight: 500;} #design .faq_list .faq_qna dl.faq_q dt {color: #1f2a69;} #design .faq_list .faq_qna dl.faq_a dt {color: #dc4649;} #design .faq_list .faq_qna dl dd {font-size: 13px;line-height: 1.5em;} #design .faq_list .faq_qna dl.faq_a dd p b {display: block;font-size: 14px;font-weight: 500;margin-bottom: 7px;} #design .vote_list + .title {margin-top: 30px;} #design .book_vote_list .faq .faq_q {padding: 15px;font-size: 16px;line-height: 1.2em;font-weight: 500;} #design .book_vote_list .faq .faq_a {padding: 15px;font-size: 14px;line-height: 1.4em;font-weight: 400;color: #555;} #design .survey_list .faq .faq_q {padding: 15px;font-size: 16px;line-height: 1.2em;font-weight: 500;} #design .survey_list .faq .faq_a {padding: 15px;font-size: 14px;line-height: 1.4em;font-weight: 400;color: #555;} /**/ #design #program .author_list p.title {font-size: 17px;font-weight: 500;padding-bottom: 10px;border-bottom: 3px solid #00b24f;} #design #program .author_list div.img {margin: 10px 0;} #design #program .author_list p.con {margin-top: 10px;padding-top: 10px;border-top: 1px solid #ddd;font-size: 14px;color: #555;line-height: 1.6em;} #design #program .author_view .name {font-size: 17px;font-weight: 500;} /**/ #design .serve{position:relative} #design .serve i{position:absolute;top:120px;right:0;width:370px;height:510px;background:url(../img/img_serve.png) no-repeat 100% 0%} #design .dream{position:relative} #design .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%} #design .monitor{position:relative} #design .monitor i{position:absolute;top:-120px;right:25px;width:220px;height:150px;background:url(../img/img_monitor.png) no-repeat 100% 0%} #design .locker_list {display:none;} #design .ta_mo_none {font-size:20px;text-align:center;padding:50px;} /*#design #dkboard .community {font-size: 14px !important;}*/ /**/ #design .member{} #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 .idpw {padding-bottom:70px;margin-bottom:50px;border-bottom:1px dashed #ccc;} #design .member .idpw.id_icon {background:url(../img/id_icon.png) no-repeat center bottom} #design .member .idpw.pw_icon {background:url(../img/pw_icon.png) no-repeat center bottom} #design .idpw_result {border:1px dashed #ddd;text-align:center;font-size:16px;padding:90px 20px 20px;background:url(../img/end_icon.png) no-repeat center 26px} /* #design .terms{padding:10px 0} #design .terms *{line-height:19px;font-size:14px;font-weight:400;color:#333} #design .terms h3{padding-bottom:10px;font-size:17px;font-weight:600;color:#263b98} #design .terms h4{padding:0 5px 5px 8px;font-weight:400} #design .terms ul{padding:0 17px} #design .terms ul li{padding-bottom:3px} #design .terms p{padding:0 5px 0 10px;line-height:20px} #design .terms table th{padding:3px 0 !important} #design .terms .termsbox{position:relative;margin-bottom:20px;padding:20px;line-height:25px;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-weight:400} #design .terms .box{margin-bottom:10px} #design .terms .tgroup{padding-bottom:20px} #design .terms .tgroup > ul > li ul{margin-top:5px;padding:8px 0;border:0px solid #e0e0e0} #design .terms .tgroup > ul > li ul strong{display:block;padding-bottom:6px} #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-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{} #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;} #design .email .emailbox br{display:none} #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 .polltit{margin-top: 20px;padding: 0;position:relative;overflow:hidden} #design .polltit h4 {position:relative;font-size:16px;line-height: 1.4em;font-weight: 500;letter-spacing:-1px;color:#333} #design .polltit h4 strong {font-size:16px;padding-right: 5px;color:#00877d} #design .pollitem{margin-bottom:20px;padding:6px 0 30px 0;border-bottom:1px solid #e7e7e7} #design .pollitem ul{overflow:hidden} /*#design .pollitem ul li{padding-bottom:10px}*/ #design .pollitem ul li + li {margin-top: 7px;} #design .pollitem .question{padding-bottom:1px;font-size: 14px;} #design .pollitem .question strong{padding-right:3px;vertical-align: middle;} #design .pollitem .question label{padding-right:10px;height: auto;line-height: 1.2em;} /*#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} #design .poll_condition {display: block;padding: 15px;margin: 0 0 10px;background-color: #f0f0f0;text-align: center;color: #555;font-size: 14px;} #design .ending {color:#c00;background:#feeeee} #design .ready {background-color: #e3eaf8;color: #09327d;} #design .poll_privacy {margin-bottom: 20px;} #design .poll_privacy > strong {display: block;margin: 0 !important;} #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.responsive{width:100%;min-width: 100%;border-top:0 !important} #contain #design table.responsive thead{display:none} #contain #design table.responsive tbody tr{display:block !important;margin-bottom:15px !important;border-top:2px solid #008060 !important;border-bottom: 1px solid #333;overflow:hidden} #contain #design table.responsive tbody th, #contain #design table.responsive tbody td{clear:both;float:left;width:100%;display:block;padding:0 !important;position:relative;min-height:31px;text-align:left !important;border:0 !important;border-bottom:1px solid #eee !important;background:#fff !important;overflow:hidden} #contain #design table.responsive tbody th:before{position:absolute;top:0;left:0;padding:5px 0;width:25%;height:100%;line-height:20px;font-weight:400;letter-spacing:-1px;color:#333;content:attr(data-th);background:#fafafa;text-indent:10px;overflow:hidden;} #contain #design table.responsive tbody td:before{position:absolute;top:0;left:0;padding:5px 0;width:25%;height:100%;line-height:20px;font-weight:400;letter-spacing:-1px;color:#333;content:attr(data-th);background:#fafafa;text-indent:10px;overflow:hidden} #contain #design table.responsive tbody th .bt-content, #contain #design table.responsive tbody td .bt-content{display:block;margin-left:25%;padding:5px 10px;line-height:20px;text-align:left;background:#fff;} #contain #design table.responsive tbody th .bt-content a, #contain #design table.responsive tbody td .bt-content a{padding: 2px;display:inline-block;color:#006dc0;font-weight:700} #contain #design table.responsive tbody td .bt-content span{display:inline !important;margin:0 !important;width:auto !important;text-align:left !important;color:#333;} #contain #design table.responsive tbody td.bt-hide{display:none} #contain #design table.responsive tbody td.subject{font-weight:700;border-bottom:1px solid #e2e2e2;background:#fafafa} #contain #design table.responsive tbody td.subject a{display:inline-block;color:#006 !important} #contain #design table.responsive tbody td .notice{background:none !important} #contain #design table.responsive tbody td .new{position:relative;top:3px;display:inline-block;padding-left:12px;font-size:11px;background:url(../img/ico_new.png) no-repeat 0 50%} #contain #design table.responsive tbody td .secret{position:relative;top:2px;display:inline-block;padding-left:12px;font-size:11px;background:url(../img/ico_secret.png) no-repeat 0 50%} #contain #design table.responsive tbody th{float:left;width:100%;display:block;position:relative;font-size: 15px;font-weight: 500;color:#008060;border-bottom: 3px double #ddd !important;} #contain #design table.responsive tbody th:last-child {border-bottom: 1px solid #ddd !important;border-top: 1px solid #ddd !important;} #contain #design table.responsive tbody th span{background:transparent !important} #contain #design table.responsive tbody tr:first-child th, #contain #design table.responsive tbody tr:first-child td{padding:0 !important} */ /* #contain #design table.responsive 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 table.responsive .bt-content .btn_gray{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#333 !important;text-align:center !important;border:1px solid #aaa;background:#fff;border-radius:5px} #contain #design table.responsive .bt-content .btn_red{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #f23737;background:#f23737;border-radius:5px} #contain #design table.responsive .bt-content .btn_orange{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #f77a00;background:#f77a00;border-radius:5px} #contain #design table.responsive .bt-content .btn_blue{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #014fbb;background:#014fbb;border-radius:5px} #contain #design table.responsive .bt-content .btn_green{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#009688 !important;text-align:center !important;border:1px solid #009688;background:#fff;border-radius:5px} #contain #design table.responsive .btn_regist{display:inline-block !important;margin:3px;padding:5px 20px !important;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #999;background:#999;border-radius:5px} #contain #design table.responsive .btn_cancel{display:inline-block !important;margin:3px;padding:5px 20px;width:69px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #3d4459;background:#3d4459;border-radius:5px} #contain #design table.responsive .btn_regist_go{display:inline-block !important;padding:2px;font-weight:800;color:#fff !important;border:2px solid #1769A3;background:#003258} #contain #design table.responsive .btn_deadline{color:#C5C5C5 !important; font-weight:800;} */ #timUser{display:block;overflow:hidden} #timUser .userNum{float:left;display:block;width:20%;padding:4px 0} /**/ #contain #design .nocontent{clear:both;padding: 100px 0;font-size: 16px;font-weight:400;color:#757575;text-align:center;border-bottom:0px solid #ccc;} /* #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_content { padding-top:15px;} #design .dk_view:after {content: '';display: block;clear: both;} #design .dk_view h2 {position:relative;z-index:2;padding: 12px 10px;font-size: 16px;font-weight: 500;text-align:center;border-top: 1px solid #1c2645;border-bottom:1px solid #e3e3e3;background-color: #f6f7f6;} #design .dk_view h3 {padding: 8px 10px;font-size: 14px;color: #004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #e3e3e3;background:#f9f9f9} #design .dk_view dl {overflow: hidden;position:relative;width:100%;height:auto;margin: 0;border-bottom:1px solid #e3e3e3;} #design .dk_view dl.lik{width:100%;min-height:30px;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #design .dk_view dl.add{width:100%;min-height:30px;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 {float: left;width: 25%;padding: 7px;font-size: 13px;font-weight: 500;text-align:center;} #design .dk_view dd {float: left;width: 75%;margin: 0;min-height: 33px;padding: 7px;border-left: 1px solid #e3e3e3;font-size:13px;} #design .dk_view dd img {vertical-align: middle;margin-right: 5px;} #design .dk_view dl dd a {overflow: hidden;display: block;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 .answer_wrap {border-top: 1px solid #333;} #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} /***** 북큐레이션 *****/ #themeGallery .theme_gallery > ul::after {content: '';display: block;clear: both;} #themeGallery .theme_gallery > ul > li {float: left;width: 49%;margin: 20px 1% 0;text-align: center;} #themeGallery .theme_gallery > ul > li:nth-child(2n-1) {margin-left: 0;} #themeGallery .theme_gallery > ul > li:nth-child(2n) {margin-right: 0;} #themeGallery .theme_gallery > ul > li div.img {} #themeGallery .theme_gallery > ul > li div.img a {display: block;height: 180px;padding: 10px;background-color: #f2f2f2;} #themeGallery .theme_gallery > ul > li div.img img {height: 100% !important;max-width: 100%;} #themeGallery .theme_gallery > ul > li p.title a {overflow: hidden;padding: 12px 0;display: block;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;font-weight: 500;} #design #curationBook .curation {height: 340px;padding: 20px 0;background-color: #f4f4f4;} #design #curationBook .curation .slider li img {margin: 0 auto;height: 300px !important;max-width: 100%;} #design #curationBook .curation .slick-arrow {position: absolute;top: 50%;z-index: 109;width: 40px;height: 40px;margin-top: -20px;text-indent: -9999px;background-color: rgba(0,0,0,0.5);color: #fff;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 15px;} #design #curationBook .curation .slick-prev {left: 0;background-image: url(../img/arrow_lib_prev.png);} #design #curationBook .curation .slick-next {right: 0;background-image: url(../img/arrow_lib_next.png);} #design .relative_book > ul::after {content: '';display: block;clear: both;} #design .relative_book > ul > li {float: left;width: 49%;margin: 30px 1% 0;text-align: center;} #design .relative_book > ul > li:nth-child(2n-1) {margin-left: 0;} #design .relative_book > ul > li:nth-child(2n) {margin-right: 0;} #design .relative_book > ul > li:nth-child(-n+2) {margin-top: 0;} #design .relative_book > ul > li dt {margin-bottom: 10px;} #design .relative_book > ul > li dt img {height: 180px !important;max-width: 100%;padding: 7px;background-color: #f2f2f2;} #design .relative_book > ul > li dd {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;font-weight: 500;color: #333;text-align: center;} /**/ #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{width:100%} #design .dk_movie .webzine dl{position:relative;margin:10px;padding:0 0 0 25%;border:1px solid #d2d2d2; min-height:180px;*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 #1c2645;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;height:110px;} #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;height:100%;} #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:#4079e6} #design .dk_movie .detail{} #design .dk_movie .detail dl{position:relative;margin:10px;padding:0;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{width:100%} #design .dk_movie .detail dt .tit{padding:10px 20px 8px 20px;display:block; margin-bottom:12px; text-align:center;font-size:17px;font-weight:bold;color:#1c368d;border-bottom:1px solid #eee} #design .dk_movie .detail dt .img{margin:0 auto; display:block; width:150px; font-size:0px; padding:0;} #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:15px} #design .dk_movie .detail dd ul{padding:0 0 20px 0} #design .dk_movie .detail dd li{position:relative;padding:3px 0px 3px 0px;text-align:center;line-height:20px;font-size:13px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px} #design .dk_movie .detail dd li span{display:block; text-align:center;font-size:14px; font-weight:bold; padding-bottom:2px;color:#df5400} #design .dk_movie .detail dd .txt{padding:20px 0 50px 0;line-height:25px;font-size:13px;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} /**/ #design .prevnext{margin-top: 20px;padding-bottom:12px} #design .prevnext *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #design .prevnext ul{border-top:1px solid #ccc} #design .prevnext li{position:relative;padding:0px 90px 0 110px; height:44px; border:1px solid #ccc; border-top:0;} #design .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;} #design .prevnext li p{overflow: hidden;color:#999; line-height:44px;text-overflow: ellipsis;white-space: nowrap;} #design .prevnext li a {display:block; height:44px; line-height:44px; padding-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #design .prevnext li a:hover { color:#ff661b;} #design .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: 0 0 20px;} #design .dk_title * {/*margin:0;padding:0;border:0;list-style-type:none*/font-size: 13px;} #design .dk_title h3 {margin-bottom: 5px;line-height:30px;font-weight:400;color:#333;padding: 0;background-image: none;} #design .dk_title .dk_search {display:block} #design .dk_title fieldset span {display:inline-block} /**/ #design .dk_search {position:relative;} #design .dk_search::after{content: '';display: block;clear: both;} #design .dk_search fieldset {display:block} #design .dk_search fieldset legend {display:none} /*#design .dk_search fieldset select {padding:3px;width:28%;height:32px !important;line-height:32px !important;border-radius:5px;font-size:14px;font-weight:400;color:#777;border:1px solid #ccc;background:#fff} #design .dk_search fieldset label {display: none;padding:0 10px 0 0;line-height:30px} #design .dk_search fieldset input {padding:2px 5px !important;width:50%;height: 32px;line-height:32px;font-size:12px;font-weight:800;color:#777;border:1px solid #ccc;border-radius:5px}*/ #design .dk_search fieldset button {position:relative;top:0px;padding:0;padding: 0 2%;height:32px !important;font-size:14px;font-weight:400;color:#fff;border:0;background:#777;/*border-radius:5px;*/vertical-align: middle;} #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{} /**/ #design .dk_search.sett2 {clear: both;float: none;background-color: #f6f6f6;padding: 15px;margin-top: 5px;border-top: 1px solid #222;} #design .dk_search.sett2 fieldset {float: none;text-align: left;} #design .dk_search.sett2 fieldset select, #design .dk_search.sett2 fieldset input, #design .dk_search.sett2 fieldset button {margin: 2px 0;height: 32px;vertical-align: middle;} #design .dk_search.sett2 fieldset select {width: auto;min-width: 80px;background-color: #fff;} #design .dk_search.sett2 fieldset input[type="text"] {min-width: 80px;width: 30%;} /**/ #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: 12px;} #design .dk_paging .paging {margin: 20px 0 0;} #design .dk_paging .paging span span{color:#2d4594;font-size:12px;display:none} #design .dk_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000;vertical-align: middle;margin-bottom: 5px;} #design .dk_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5;margin-bottom: 5px;} #design .dk_paging .pprev{display:inline-block;padding:0 10px;font-size:12px;color:#888;border-left:0px solid #ccc} #design .dk_paging .prev{display:inline-block;padding:0 10px;font-size:12px;color:#888;border-left:1px solid #ccc} #design .dk_paging .next{display:inline-block;padding:0 10px;font-size:12px;color:#888;border-right:1px solid #ccc} #design .dk_paging .nnext{display:inline-block;padding:0 10px;font-size:12px;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 {margin: 20px 0 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: 15px 0 0;} #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 16px 8px;font-size:13px;color:#fff;border:1px solid #1c2645;background:#1c2645;border-radius:4px} #design .dk_button button {display:inline-block;padding:3px 10px;font-size:13px;color:#fff;border:1px solid #1c2645;background:#1c2645;border-radius:4px} /* #design .button{position:relative;padding:20px 0;text-align:center;*zoom:1} #design .button:before, #design .button:after{clear:both;display:table;content:"";line-height:0} #design .button p{margin:0 0 30px 0;padding:20px 0;font-size:15px;border:1px solid #eee;background:#fafafa} #design .button button{padding:12px 20px;font-size: 14px;text-align: center;color: #fff;border: none;background: #1e2c5d;cursor: pointer;vertical-align: middle;} #design .button a{display: inline-block;margin: 0 7px;padding: 12px 20px;margin:0;font-size: 14px;color: #fff;background: #1e2c5d;} #design .button a.st {display:block;margin:0 7px 5px;padding:13px 40px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';font-size:15px;font-weight:600;color:#1c2645;border:1px solid #aaa;border-top:3px solid #1c2645;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;transition:all 0.3s} #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:13px 50px;font-size:15px;font-weight:600;color:#c62337;border:1px solid #c62337;border-top:2px solid #c62337;background:#fff} #design .button .btn_paym{clear:both;display:block;margin:5px 0;padding:13px 0;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 {display: inline-block;} #design .button .btn_first{display:inline-block;padding: 12px 20px;font-size: 14px;text-align: center;color: #fff;border: none;background: #1e2c5d;cursor: pointer;vertical-align: middle;} #design .button .btn_retract{display:inline-block;padding: 12px 20px;font-size: 14px;text-align: center;color: #fff;border: none;background: #1e2c5d;cursor: pointer;vertical-align: middle;}*/ /**/ #gallery_wrap{clear:both;overflow:hidden;margin:0 -7px;padding-bottom:12px;border-bottom:1px solid #d2d2d2} #gallery_wrap .gallery_list{float:left;width:100%;padding: 15px 0;} #gallery_wrap .image_bagic{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;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{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{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{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:100%} #dk_book .dk_book .webzine dl{position:relative;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{position:absolute;top:20px;left:20px} #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{padding-left:110px} #dk_book .dk_book .webzine dd div a{display:block;font-weight:500;color:#1c368d;font-size:16px;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;font-size: 14px;line-height: 16px;white-space:nowrap;overflow:hidden} #dk_book .dk_book .webzine dd li span{display:inline-block;width:40px;font-size:14px;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:14px;color:#888;overflow:hidden}*/ #dk_book .dk_book .webzine {position: relative;} #dk_book .dk_book .webzine + .webzine {margin-top: 5px;} #dk_book .dk_book .webzine dl {padding: 15px;border:1px solid #ccc;background-color: #fff;} #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: 100px} #dk_book .dk_book .webzine dt a {display: block;width: 100%;} #dk_book .dk_book .webzine dt img {display:block; padding:4px;width: 80px;height: auto;border:1px solid #dedede} #dk_book .dk_book .webzine dd {float:left;width: calc(100% - 100px);} #dk_book .dk_book .webzine dd div a {display:block;font-weight:500;color:#4e0080;font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #dk_book .dk_book .webzine dd ul {padding: 15px 0 0 0;} #dk_book .dk_book .webzine dd li {overflow: hidden;color: #555;font-size: 13px;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;} #dk_book .dk_book .webzine dd li + li {margin-top: 3px;} #dk_book .dk_book .webzine dd li span {display:inline-block;font-size:13px;color: #333;font-weight: 500;} #dk_book .dk_book .webzine dd li em {padding:0 2px} #dk_book .dk_book .webzine dd li strong {font-weight: 500;color: #00b24f;} #dk_book .dk_book .webzine .content {overflow: hidden;height: 5.6em;margin: 20px 0 0 0;font-size: 13px;color: #333;line-height: 1.4em;} #dk_book .dk_book .more {display:block;padding:7px 20px;font-size:13px;text-align:right;color:#4079e6;border:1px solid #cacaca;border-top:0;background:#fafafa} #dk_book .dk_book .detail {margin-bottom: 30px;} #dk_book .dk_book .detail dl {padding: 20px;border:1px solid #cacaca;background-color: #fff;} #dk_book .dk_book .detail dl:after {clear:both;display:table;content:"";line-height:0} #dk_book .dk_book .detail dt {float:left;width:100px;} #dk_book .dk_book .detail dt img {display:block; padding:4px;width:80px;height: auto;border:1px solid #dedede} #dk_book .dk_book .detail dd {float:left;width: calc(100% - 100px);} #dk_book .dk_book .detail dd div {display:block;font-weight:500;color:#4e0080;font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #dk_book .dk_book .detail dd ul {padding: 15px 0 0 0;} #dk_book .dk_book .detail dd li {padding:0 0 5px 0;color:#555;font-size: 13px;} #dk_book .dk_book .detail dd li span {display:inline-block;font-size:13px;color: #333;font-weight: 500;} #dk_book .dk_book .detail dd li em {padding: 0 2px} #dk_book .dk_book .detail dd li strong {font-weight: 500;color: #00b24f;} #dk_book .dk_book .detail p {height:60px;line-height:20px;color:#888;overflow:hidden} #dk_book .dk_book .info {margin-top: 5px;padding:12px 15px;border:1px solid #cacaca;background:#fafafa;font-size: 13px;} #dk_book .dk_book .writer .img {border: 1px solid #ddd;} #dk_book .dk_book .writer .writer_info {text-align: center;margin-top: 10px;} #dk_book .dk_book .writer .writer_info span.name {display: block;font-size: 15px;font-weight: 500;margin-bottom: 7px;} #dk_book .dk_book .btn_wrap {padding: 10px;} /**/ #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:100%} #dk_gallery .dk_gallery .theme dl{margin:0 10px 20px 10px;padding:10px;min-height:250px;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%} #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;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{overflow:hidden} #program .group{float:left;width:100%} #program .group h2{margin-bottom:0px !important;padding:8px 0 12px 0;font-size:15px;font-weight:600;color:#333;text-align:center;border:0px solid #ccc;border-bottom:2px solid #00877d;background:#fff} #program .group > ul{margin-bottom:10px} #program .group > ul > li > a{display:block;padding:8px 4px;font-size:14px;font-weight:600;letter-spacing:-1px;color:#555;border-bottom:1px solid #e2e2e2} #program .group > ul > li > a:hover{color:#000} #program .group > ul ul{margin:0;padding:2px 7px;border-bottom:1px solid #eee;background:#fafafa} #program .group > ul ul li{padding:3px 0} #program .group > ul ul li a{padding:0;padding-left:12px;font-size:11px;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{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 17px 8px 17px !important;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px} #sg_btn_area input{padding:5px 17px 8px 17px !important;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px} /*로그인폼*/ #contain #program .login{padding-top:10px} #contain #program .login form{margin:0 auto;margin-top:7px;/*border-top:1px solid #e2e2e2;*/border-bottom:0;overflow:hidden;padding:34px 0 29px 0} #contain #program .login fieldset{border:0;position:relative} #contain #program .login fieldset ul{position:relative;padding:0 0 60px 0;overflow:hidden} #contain #program .login fieldset ul li{border:1px solid #c0c0c0;overflow:hidden;position:relative;margin-bottom:5px;background:#fff} #contain #program .login fieldset ul label{display:block;width:46px;height:46px;border-right:none;position:absolute;left:0;top:0;text-indent:-9999em} #contain #program .login fieldset ul label.id{overflow: hidden;position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;text-indent: -9999px;} #contain #program .login fieldset ul label.pw{overflow: hidden;position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;text-indent: -9999px;} #contain #program .login fieldset input{width:100%;height:46px;text-indent:5px;border:0 !important;background:#fff;font-size:13px} #contain #program .login fieldset input:-webkit-autofill{background:none !important} #contain #program .login fieldset button{position:absolute;top:106px;right:0;margin:0 0 10px 0;width:100%;height:45px !important;border-radius:2px;font-size:0px;font-weight:400;color:#fff;border:0;background:#1e2c5d;border-radius:2px;transition:0.3s;cursor:pointer} #contain #program .login fieldset button:hover{background:#4079e6;transition:0.3s} #contain #program .login fieldset button:after{content:"LOGIN";display:block;font-size:16px;font-weight:700;text-align:center} #contain #program .login fieldset input[type=checkbox].chk{width:12px;height:12px;background:#fff !important;border:1px solid #cfcfcf;border-radius:0;} #contain #program .login fieldset label.chk01{font-size:12px;color:#555;vertical-align:middle} #contain #program .login form p{text-align:center;padding-top:18px} #contain #program .login form p a{padding:0 12px} #contain #program .login form p a:hover{text-decoration:underline} #contain #program .login .find {text-align:center;font-size:12px;color:#444;font-weight:normal;padding:12px; border:1px solid #e2e2e2; text-align:left;} #contain #program .login .find a{font-size:12px;color:#fff;background:#2e4287;border-radius:2px;display:inline-block;padding:1px 8px} #contain #program .login .dashed{padding:20px 0} #contain #program .login .login_guide{} #contain #program .login .login_guide li{background:url(../img/dp2.png) no-repeat 0 4px;background-size:8px; line-height:16px; font-size:12px;color:#555;padding-bottom:6px;padding-left:13px} #contain #program .login form.outForm {margin-top:30px;} #contain #program .login form.outForm fieldset {position:relative;margin:0 auto;width:302px;border:0} #contain #program .login form.outForm fieldset ul li {border:none;} #contain #program .login form.outForm fieldset ul label {display:block;width:100px;height:auto;position:initial;text-indent:initial} #contain #program .login form.outForm fieldset input{width: 300px;height: 47px !important;border: 1px solid #c0c0c0 !important;background: #fff !important;margin-bottom: 6px;font-size: 15px;} /* 로그인 유지 */ #contain #program .login fieldset .auto_login input[type="checkbox"] {width: 0;height: 0;margin: 0;appearance: none;clip: rect(0 0 0 0);} #contain #program .login fieldset .auto_login label {padding: 5px 0 5px 35px;background-image: url(../img/ico_check_login_off.png);background-repeat: no-repeat;background-position: 0 50%;background-size: auto 28px;font-size: 17px;color: #333;font-weight: 600;} #contain #program .login fieldset .auto_login input[type="checkbox"]:checked + label {background-image: url(../img/ico_check_login_on.png?v=1);} #contain #program .login fieldset p.summary {margin-left: 30px;padding: 30px 15px 15px 15px;font-size: 13px;background-color: #fff;clip-path: polygon(0 15px, 30px 15px, 45px 0, 60px 15px, 100% 15px, 100% 100%, 0 100%);background-color: aliceblue;} /*동의*/ #design .pri_box { margin-bottom: 30px; padding:10px 10px 42px; box-sizing: border-box; background: #fbfbfb; border-top: 2px #1c2645 solid; border-bottom: 2px #dfdfdf solid; } #design .pri_box .scr_box { width: 100%; height: 190px; padding: 24px; box-sizing: border-box; border: 1px #dcdcdc solid; resize: none; overflow-y: scroll; background: #fff; } #design .pri_box .scr_box .txt_box { margin-top: 0 !important; } #design .pri_box .scr_box .txt_box > dl, .pri_box .scr_box .txt_box > ul {margin-bottom:16px;} #design .pri_box .scr_box .txt_box > dl dt, #design .pri_box .scr_box .txt_box > dl dd {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #design .pri_box .scr_box .txt_box > ul li { margin-top: 10px;} #design .pri_box .radio_box { float: right; } #design .agree_box {margin-top: 10px;} #design .radio_box, #design .check_box {} #design .radio_box .radio { height: 26px; padding: 0 20px 0 0; display: table-cell; vertical-align: middle; position: relative; z-index: 1; line-height: 26px; } #design .radio_box strong { float: left; vertical-align: middle;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';line-height: 22px;font-size: 13px;} #design .radio_box i { width: 26px; height: 26px; margin-right: 6px; display: block; border: 1px #dcdcdc solid; border-radius: 13px; box-sizing: border-box; float: left; position: relative; z-index: 1; background: #fff } #design .radio_box input { opacity: 0; width: 26px; height: 26px; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer; } #design .radio_box input:checked + i::after { content: ""; width: 10px; height: 10px; display: block; background: #ef4629; border-radius: 5px; position: absolute; left: 7px; top: 7px; } /*회원가입 #design .member .terms{} #design .member .terms input[type=checkbox] {width:16px;height:16px;} #design .member .terms fieldset{position:relative;padding:50px 0} #design .member .termswrap{} #design .member .termswrap div{padding:20px;height:160px;border:1px solid #ccc;overflow-y:scroll;font-size: 14px;} #design .member .termswrap div p{padding-bottom:20px} #design .member .termswrap div ul li ul{padding:5px 5px 20px 5px} #design .member .termswrap div textarea{float:left;display:block;padding:0 40px 0 0;width:100%;height:210px;line-height:18px;border:0} #design .member .termswrap label{display:inline-block;padding:10px 0;font-size:14px} #design .member .certify{padding:50px 0} #design .member .certify p{padding-bottom:10px} #design .member .certify ul{padding:30px 0} #design .member .guide{margin:20px 0 0 0;padding:20px 0;border-top:1px solid #ccc} #design .member .guide a{display:block;margin-bottom:10px;color:#f00} #design .member .comp{padding:208px 0 30px 0;background:url(../img/comp.png) no-repeat 50% 40px;overflow:hidden} #design .member .comp dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .member .comp dt{float:left;width:30%} #design .member .comp dd{float:left;width:70%} #design .member .comp .txt{padding:10px 0;font-size:18px;text-align:center;border-top:2px solid #333;border-bottom:1px solid #333;background:#fff;word-break: keep-all;} #design .member .comp .c1{overflow:hidden} #design .member .comp .c2{overflow:hidden} #design .member .step{} #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:16px 0;width:20%;text-align:center} #design .member .step ol li span{display:block;font-size:13px;margin-bottom: 3px;} #design .member .step ol li strong{display:block;font-size:15px;font-weight:500;line-height: 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/step_arrow.png) no-repeat 50% 50%} #design .member .step ol li.sel{border-bottom:3px solid #df5400} #design .member .step ol li.sel span, #design .member .step ol li.sel strong {color:#df5400} .member_form{padding: 0 0 30px;border-top: 1px solid #000;} .member_form fieldset{border:0} .member_form dl{padding:14px 0;border-bottom:1px solid #ccc;overflow:hidden} .member_form dt{color: #4079e6;} .member_form dd{} .member_form dd span {display:block;} .member_form dd select{border:1px solid #ccc} .member_form dd .t_txt{border:1px solid #ccc} .member_form dd .btn{padding: 0 16px;color: #fff;background: #555;height: 32px;line-height: 32px;display: inline-block;margin-bottom: 5px;font-size: 14px;border-radius: 5px;} #design .member .button{padding:20px 0;text-align:center} #design .member .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa} #design .member .button button{padding:12px 10px;font-size:16px;text-align:center;color:#fff;border:0;background:#df5400;border-radius:5px;margin-bottom: 5px;} #design .member .button a{ display:inline-block;margin:0 10px;padding:10px 20px;color:#333;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px} #design .member .idpw .button a {display:block;width:200px;margin:0 auto 5px;} #design .member .userPart{padding:30px 0} #design .member .userPart ul{overflow:hidden} #design .member .userPart li {width:100%;margin-bottom:5px;} #design .member .userPart li:first-child {background:url(../img/user_part01.png) no-repeat center bottom;background-size: 110px;} #design .member .userPart li:last-child {background:url(../img/user_part02.png) no-repeat center bottom;background-size: 110px;} #design .member .userPart .selects label{display: block;position: relative;padding: 20px 20px;padding-left: 50px;height: 110px;border: 1px solid #ccc;cursor: pointer;} #design .member .userPart .selects label input{position:absolute;top:20px;left:20px;width:19px;height:19px;margin:3px 3px 0px 5px;border:1px solid #ccc} #design .member .userPart .selects label strong{display: block;font-size: 18px;color: #2e4287;font-weight: 500;} #design .member .userPart .selects label span{display:block;font-size:14px} #design .member .userPart .selects label:hover, #design .member .userPart .selects label.sel{color:#0093dd;border:1px solid #df5400} #design .member .userPart .selects label:hover strong, #design .member .userPart .selects label:hover span{color:#df5400}*/ /* #design .member > p{padding-bottom:20px} #design .member > .dp1{position:relative;margin-bottom:10px;padding:0 0 0 25px;line-height:20px;font-size:15px;letter-spacing:-1px;color:#555} #design .member > .dp1 > li{padding-bottom:10px} #design .member > .dp1 .dp2{padding:10px} #design .member > .dp1 .dp2 > li{position:relative;padding-bottom:5px} #design .member > .dp1 .dp2 > li i{position:absolute;top:-2px;left:0;display:block;width:16px;height:16px;background:url(../img/gumilib/dp2.png) no-repeat 50% 8px} #design .member > .dp1 .dp2 > dl{overflow:hidden} #design .member > .dp1 .dp2 > dl dt{float:left;width:8%} #design .member > .dp1 .dp2 > dl dd{float:left;width:92%;line-height:24px} #design .member > .dp1 .dp2 i{display:inline-block;width:16px;height:16px;background:url(../img/gumilib/dp2.png) no-repeat 50% 8px} #design .member > .dp1 .dp2 table{margin:5px 0 10px 0} #design .member > .dp1 .dp2 li dl{margin-bottom:10px;padding:20px;border:1px solid #eee;overflow:hidden} #design .member > .dp1 .dp2 li dt{float:left;width:30%} #design .member > .dp1 .dp2 li dd{float:left;width:70%} #design .member > .dp1 .dp3{margin-bottom:30px;padding:0 10px} #design .member > .dp1 .dp3 > li{position:relative;padding-left:20px} #design .member > .dp1 .dp3 > li i{position:absolute;top:-1px;left:0;display:block;width:16px;height:16px;background:url(../img/gumilib/dp3.png) no-repeat 50% 8px}*/ /*사이트맵*/ #program .sitemap_con{} #program .group{width:100%;padding-bottom: 15px;} #program .group h2{padding: 0 0 10px;font-size:16px;font-weight:600;color:#333;text-align:center;border-bottom: 2px solid #184bb2;background:#fff} #program .group > ul{margin-bottom:10px} #program .group > ul > li > a{display:block;padding: 10px;font-size:13px;letter-spacing:-1px;color:#555;border-bottom:1px solid #e2e2e2} #program .group > ul > li > a:hover{color:#000} #program .group > ul ul{margin:0;padding:2px 7px;border-bottom:1px solid #eee;background:#fafafa} #program .group > ul ul li{padding:3px 0} #program .group > ul ul li a{padding:0;padding-left:12px;font-size:11px;font-weight:normal;border:none} /* .seat_type {padding:20px;border:1px solid #ccc;} .seat_type ul {overflow:hidden;} .seat_type ul li {float:left;width:20%;} .seat_type ul li a {} .seat_type ul li a.on {font-weight: 500; color: #4079e6;}*/ /*개인정보처리방침 intro #introPrivacy ul li {padding: 20px 0;text-align: center;border-bottom: 2px solid #192b6e;} #introPrivacy ul li h3 {display: none;} #introPrivacy ul li h3.mobile {display: inline-block;margin-bottom: 0;} #introPrivacy ul li h3.mobile button {padding: 0 20px 0 10px;font-size: 20px;font-weight: 500;color: #555;letter-spacing: -0.8px;background: url(../img/arr_top_log.png) no-repeat 100% 50%;cursor: pointer;font-family: 'noto Sans KR';} #introPrivacy ul li h3 span {color: #0e4fa3;font-weight: 700;} #introPrivacy ul li .privacy_btn {display: none;margin-top: 10px;} #introPrivacy ul li .privacy_btn a {display: block;padding: 0 3%;margin: 5px 0;height: 50px;font-size: 15px;line-height: 50px;letter-spacing: -0.5px;color: #333;border: 3px solid #ddd;border-radius: 50px;box-sizing: border-box;}*/ /******************** inupt ********************/ #design input[type="text"], #design input[type="password"], #design select {width: 30%;height: 32px;padding: 0 10px;background-color: #fff;border: 1px solid #ddd;font-size: 15px;margin: 1px 0;border-radius: 5px;} #design input[type="radio"], #design input[type="checkbox"] {width: 15px;height: 15px;margin: 0;vertical-align: middle;border-radius: 2px;} #design input[type="file"] {width: 50%;padding: 5px;border: 1px solid #ddd;font-size: 14px;} #design input[type="file"] + .btn {margin-left: 5px;} #design input[type="button"] {font-family: inherit;border: 0;} #design input[readonly="readonly"] {background-color: #efefef;} #design label {display: inline-block;height: 32px;vertical-align: middle;} #design textarea {width: 100%;min-height: 130px;padding: 10px;border: 1px solid #ddd;box-sizing: border-box;font-size: 14px;font-weight: 400;color: #555;border-radius: 5px;} #design input + label {margin-left: 5px;} #design label + input {margin-left: 5px;} #design input[type="hidden"] + label {margin-left: 0;} #design label + select, #design label + input {margin-left: 5px;} #design .year-search {display:flex;justify-content: center;gap: 10px;align-items: center;padding: 15px;margin: 10px 0;border-radius: 10px;background-color: var(--colorLightgray);flex-wrap: wrap;} #design .year-sel-box {display: block;width: 100%;} #design .year-sel {width: 100%;border: none;background-color: var(--mainColor);color: #fff;height: 40px;} #design .search_select {display: flex;width: 100%;gap: 5px;justify-content: space-between;align-items: center;} #design .search_select label, #design .search_select select, #design .search_select input {vertical-align: middle;font-size: 13px;} #design .search_select select {width: auto;height: 37px;max-width: calc(100% - 45px);} #design .search_select label {display: block;width: 120px;height: 35px;padding: 0 10px;text-align: center;line-height: 35px;background-color: var(--colorWhite);border-radius: 5px;font-size: 14px;} #design .search_select label + select {margin-left: 0;width: 80%;} #design .search_select input.btn {height: 35px;padding: 0 10px;border-radius: 5px;font-size: 13px;} .input_type1 {width: 10% !important;} .input_type2 {width: 50% !important;} .input_type3 {width: 80% !important;} .input_type4 {width: 100% !important;} /******************** .btn ********************/ .btn_wrap {text-align: center;margin-top: 40px;} .btn_s_wrap {text-align: center;margin-top: 15px;height:52px;} .btn {display: inline-block;padding: 5px 8px !important;font-size: 13px !important;vertical-align: top;} .btn + .btn {margin-left: 1px;} #contain table .btn + .btn {margin-left: 0;margin-top: 1px;} .sml_btn {display: inline-block;width: 50%;min-height: 40px;margin: 2px 0;padding: 15px;text-align: center;font-size: 15px;line-height: 1.4em;font-weight: 500;box-sizing: border-box;vertical-align: top;border-radius: 5px;} .mid_btn {display: inline-flex;width: 48%;min-height: 50px;height: 100%;margin: 2px 0;padding: 15px;text-align: center;font-size: 15px;line-height: 1.4em;font-weight: 500;box-sizing: border-box;vertical-align: middle;border-radius: 5px;align-items: center;justify-content: center;} .big_btn {display: inline-block;width: 80%;min-height: 50px;padding: 15px;font-size: 15px;line-height: 1.6em;font-weight: 400;box-sizing: border-box;vertical-align: top;} .big_btn + .big_btn {margin-top: 2px;} .btn_blue {background: #7e8ef0 !important;color: #fff !important;} .btn_white {background: #fff !important;color: #333 !important;border: 1px solid #333 !important;} .btn.btn_white {padding: 4px 7px !important;} .btn_black {background: #333 !important;color: #fff !important;} .btn_red {background: #dc4649 !important;color: #fff !important;} .btn_purple {background: #641886 !important;color: #fff !important;} .btn_yellow {background: #f4cb0a !important;color: #333 !important;} .btn_orange {background: #f23f15 !important;color: #fff !important;} .btn_gray {background: #555 !important;color: #fff !important;} .btn_navy {background: #02032e !important;color: #fff !important;} .btn_purple {background-color: #4e0080 !important;color: #fff !important;} .btn_green {background-color: #47aa8b !important;color: #fff !important;} .btn_pink {background-color: #f8277b !important;color: #fff !important;} /******************** 독서기록일지 modal CSS ********************/ .modal {max-width: 665px;width: 95%;padding: 30px;background-color: #1a2564;border-radius: 35px;box-shadow: none;} .modal .title {padding-right: 30px;margin-bottom: 20px;font-size: 22px;font-weight: 500;color: #fff;} .modal .con {padding: 20px;background-color: #313b74;border-radius: 5px;} .modal .con dl + dl {margin-top: 20px;} .modal .con dl dt {margin-bottom: 10px;font-size: 16px;font-weight: 500;color: #ffadad;} .modal .con dl dd {font-size: 13px;color: #fff;} p.add_mark_txt {position: relative;z-index: 0;margin-top: 20px;padding-left: 20px;font-size: 15px;color: #fff;} p.add_mark_txt::before {content: '※';position: absolute;top: 0;left: 0;font-size: inherit;font-weight: inherit;color: inherit;} .modal a.close-modal {top: 30px;right: 30px;background-color: transparent;background-image: url(../_img/ico_w_close.png);background-repeat: no-repeat;background-position: 100% 50%;background-size: auto 25px;}