@charset 'utf-8'; @media (min-width: 841px) and (max-width: 1399px) { #design {font-size:14px;} /**/ #design h3 {margin-bottom: 25px;font-size: 21px;font-weight: 500;color: #2277d0;line-height: 1.2em;} #design .big_txt h3 {font-size: 25px;} #design h4 {margin-bottom: 20px;font-size: 18px;font-weight: 500;color: #0a734f;line-height: 1.2em;} #design h5 {margin-bottom: 20px;font-size: 16px;font-weight: 500;color: #000;line-height: 1.2em;} /**/ .con_wp {margin-top: 60px;} .con_wp.first {margin-top: 0;} .con_s_wp {margin-top: 30px;} .con_s_wp.first {margin-top: 0;} .imgbox_type01 {padding:30px;border:1px solid #ddd;text-align:center;} .imgbox_type01.bnone {border:none;text-align:left;padding-top:0;padding-left:0;} .imgbox_type01 img {} .imgbox_wp {padding:20px 20px 20px 0;text-align:left;} .flex_con_wp {display:flex;} .flex_con_wp > div {flex:1;} .iconbox_type01 {padding-top:20px;} .iconbox_type01 span {display:block;width:170px;min-height:90px;} .iconbox_type01 .icon_meta_p01 {background:url(../img/icon_meta_p01.png) no-repeat 0 0;} .iconbox_type01 .icon_meta_p02 {background:url(../img/icon_meta_p02.png) no-repeat 0 0;} .iconbox_type01 .icon_meta_p03 {background:url(../img/icon_meta_p03.png) no-repeat 0 0;} .iconbox_type01 .icon_meta_p04 {background:url(../img/icon_meta_p04.png) no-repeat 0 0;} .iconbox_type01 .icon_meta_p05 {background:url(../img/icon_meta_p05.png) no-repeat 0 0;} .iconbox_type01 .icon_meta_p06 {background:url(../img/icon_meta_p06.png) no-repeat 0 0;} .iconbox_tit {width:300px;margin:0 auto;padding:40px 0;border-radius:250px;text-align:center;background:#114079;font-size:22px;font-weight:500;color:#fff;} .iconbox_type02 {display:flex;flex-wrap:wrap;} .iconbox_type02 .con_s_wp {width:calc(50% - 10px);margin-right:10px;border:1px solid #ddd;padding:30px 90px 30px 30px;margin-top:10px;} .icon_camp01 {background:url(../img/icon_camp01.png) no-repeat 95% 30px;} .icon_camp02 {background:url(../img/icon_camp02.png) no-repeat 95% 30px;} .icon_camp03 {background:url(../img/icon_camp03.png) no-repeat 95% 30px;} .icon_camp04 {background:url(../img/icon_camp04.png) no-repeat 95% 30px;} /* .mDiv */ #design .mDiv img {width: 100%;} #design .mDiv .mSpan {display: none;} /**/ #design ul ul {margin-top: 10px;} #design ul.con_list > li {position: relative;z-index: 0;padding-left: 15px;font-size: 16px;color: #333;} #design ul.con_list > li + li {margin-top: 15px;} #design ul.con_list > li::before {content: '';position: absolute;top: 9px;left: 0;width: 6px;height: 6px;background-color: var(--mainColor);border-radius: 50%;} #design .big_txt ul.con_list > li {font-size: 18px;} #design .big_txt ul.con_list > li::before {top: 11px;} #design ul.con02 > li {position: relative;padding-left: 15px;font-size: 15px;font-weight: 400;color: #333;} #design ul.con02 > li + li {margin-top: 10px;} #design ul.con02 > li::before {content: '＞';position: absolute;top: 4px;left: 0;font-size: 9px;font-weight: 600;color: #333;} #design ul.con03 > li {position: relative;padding-left: 20px;font-size: 15px;font-weight: 400;color: #333;} #design ul.con03 > li + li {margin-top: 10px;} #design ul.con03 > li::before {content: '';position: absolute;top: 11px;left: 0;width: 10px;height: 1px;background-color: #aaa;} #design ul.con03 ul.con04 {margin-top: 7px;} #design ul.con04 > li {position: relative;padding-left: 12px;font-size: 14px;font-weight: 400;color: #555;} #design ul.con04 > li + li {margin-top: 5px;} #design ul.con04 > li::before {content: '';position: absolute;top: 10px;left: 0;width: 4px;height: 4px;background-color: #333;border-radius: 4px;} /**/ #design ul.number_list > li {position: relative;padding: 8px 0 8px 46px;font-size: 15px;line-height: 1.4em;color: #333;} #design ul.number_list li ul {margin-top: 12px;} #design ul.number_list > li + li {margin-top: 12px;} #design ul.number_list > li span.num {position: absolute;top: 0;left: 0;width: 36px;height: 36px;border-radius: 36px;text-align: center;font-size: 15px;font-weight: 400;line-height: 36px;color: var(--mainColor);border: 1px solid var(--mainColor);} #design ul.no_bg > li {padding-left: 0;background: none;font-size: 14px;color: #555;} #design ul.no_bg > li + li {margin-top: 10px;} #design ul.no_bg > li::before {display: none;} #design ul.th_list {display: flex;flex-wrap: wrap;} #design ul.th_list > li {width: 33.3333%;padding: 12px;border: 1px solid #ddd;border-left: 0;border-top: 0;font-size: 15px;} #design ul.th_list > li:nth-child(-n+3) {border-top: 1px solid #333;} #design ul.th_list > li:nth-child(3n-2) {border-left: 1px solid #ddd;} #design ul.th_list > li.full {width: 100%;} #design ul.th_list > li > div {position: relative;padding-left: 50px;} #design ul.th_list > li > div > strong {position: absolute;top: 1px;left: 0;width: 50px;height: 100%;} #design ul.th_list > li.full > div {padding-left: 20%;} #design ul.th_list > li.full > div > strong {width: 20%;} /**/ #design .add_txt {margin-top: 10px;font-size: 15px;color: #757575;} #design .txt_type1 {font-size: 16px;color: #555;line-height: 1.5em;} #design .txt_type2 {font-size: 14px;color: #555;line-height: 1.5em;} /**/ #design .admin_note {padding: 30px;background-color: #f6f6f6;margin-bottom: 30px;} #design .admin_note p {font-size: 15px;color: #333;} #design .admin_note p span {display: block;} #design .admin_note p span.title {margin-bottom: 12px;font-size: 20px;font-weight: 500;} #design .admin_note p span.title strong {text-decoration: underline;} #design .admin_note p span + span {margin-top: 5px;} /**/ #design a.link {display: inline-block;padding: 0 45px 5px 0;background-image: url(../img/ico_link_file.png);background-repeat: no-repeat;background-position: 100% 0;background-size: auto 34px;} #design a.link:hover span {border-bottom: 1px solid #00a54c;} /**/ #design p.summary {margin-bottom: 25px;padding: 25px;background-color: #f6f7f6;font-size: 17px;font-weight: 400;color: #333;} /**/ #design .wait_wp {padding-bottom: 50px;} #design .wait_wp .img {text-align: center;padding: 40px;} #design .wait_wp .img img {width: 100%;max-width: 650px;} #design .wait_wp .btn_wp {margin-top: 0;text-align: center;} /****************************** 서브 컨텐츠 ******************************/ /**/ #design .sub_con_top {padding: 30px;border: 1px solid #ddd;background-repeat: no-repeat;background-position: calc(100% - 45px) 50%;border-radius: 15px;} #design .sub_con_top p {font-size: 17px;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: 15px;font-size: 26px;line-height: 1.5em;font-weight: 500 !important;color: var(--subColor1);font-family: var(--fontMainSet);} #design .sub_con_top p .imp {display: block;font-size: 18px;margin-bottom: 15px;font-weight: 700;color: var(--mainColor);} #design .sub_con_bgbox {margin-top:20px;padding:40px;background-color: #f4f4f4;border-radius: 20px;} #design .sub_con_bgbox ul.con01 {display: flex;flex-wrap: wrap;justify-content: space-between;} #design .sub_con_bgbox ul.con01 .tit{font-size: 18px;font-weight: 500;width: 100%;color: #fff;padding: 10px;background-color: #0052b8;} #design .sub_con_bgbox ul.con01 > li {width:33%} #design .sub_con_bgbox dt {font-size: 16px;} #design .sub_con_bgbox dt dd {font-size: 16px;} /*에코스마트시티융합*/ #design .step_list {display:flex;flex-wrap:wrap;} #design .step_list > li {position:relative; margin-left:35px; text-align:center;} #design .step_list > li.arrow::after {content:""; display:block; position:absolute; top:50%; right:-34px; width:20px; height:20px; transform-origin:50% 50%; transform:translate(-50%, -50%) rotate(45deg); box-shadow:inset -5px 5px 0 #ebebeb; transition:all 0.5s ease-in-out; z-index:1;} #design .step_list > li.same::after {content:"=";display:block;font-size: 40px;position:absolute;top: 22%;right: -28px;z-index:1;} #design .step_list > li.plus :after {content:"+";display:block;font-size: 40px;position:absolute;top: 22%;right: -28px;z-index:1;} #design .step_list > li .samebox {height:100%;font-size:16px;overflow:hidden;border: 2px var(--colorPurple) solid;border-radius: 20px;width:100%;background-color: #fff;} #design .step_list > li .samebox .h3{font-size: 24px;font-weight: 500;color: #2277d0;line-height: 1.2em;} #design .step_list > li .box {width:100%;height:100%;font-size:16px;overflow:hidden;border:1px var(--mainColor) solid;border-top-left-radius:20px;border-bottom-right-radius:20px;width:100%;display:flex;flex-wrap:wrap;align-content: center;justify-content:center;background-color: #fff;} #design .step_list > li .num {width: 100%; display:block; width:100%; font-weight:600; padding:10px 0px; color:#fff; background-color:var(--mainColor);} #design .step_list > li .txt {width: 100%; padding:20px 10px; font-weight:400; font-size:15px; word-break:keep-all;} #design .step_list.col-2 > li {width: calc(50% - 35px);} #design .step_list.col-3 > li {width: calc(33.33% - 35px);} #design .step_list.col-4 > li {width: calc(25% - 35px);} /*대학 소개*/ #design .img_fusion {text-align: center;} #design .img_fusion .con1 .txt1 {padding: 20px;background-color: #0082ca;color: #fff;font-size: 18px;font-weight: 500;} #design .img_fusion .con1 .txt2 {padding: 20px;background-color: #fff;color: #000;font-size: 18px;font-weight: 500;border: 2px solid #0082ca;} #design .img_fusion span.fs_arrow {display: block;height: 35px;margin: 30px 0;background-image: url(../img/img_fusion_arrow.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;text-indent: -9999px;} #design .img_fusion span.fs_bar {display: block;width: 4px;height: 38px;margin: 20px auto;background-color: #d2d2d2;} #design .img_fusion .con2 {display: flex;margin-top: 40px;} #design .img_fusion .con2 > div {flex: 1 1 30%;} #design .img_fusion .con2 > div.con2_2 {margin: 0 30px;} #design .img_fusion .con2 > div span.tit {display: block;padding: 20px;font-size: 18px;color: #000;font-weight: 500;border: 1px solid #ddd;border-bottom: 0;} #design .img_fusion .con2 > div span.tit::before {content: '';display: block;margin-bottom: 15px;height: 120px;background-repeat: no-repeat;background-position: 50% 50%;} #design .img_fusion .con2 > div span.ex {display: block;padding: 20px;background-color: #13a4d0;color: #fff;font-size: 16px;font-weight: 500;} #design .img_fusion .con2 > div.con2_1 span.tit::before {background-image: url(../img/ico_fusion1.jpg);} #design .img_fusion .con2 > div.con2_2 span.tit::before {background-image: url(../img/ico_fusion2.jpg);} #design .img_fusion .con2 > div.con2_3 span.tit::before {background-image: url(../img/ico_fusion3.jpg);} #design .img_fusion .con3 .txt1 {padding: 20px;background-color: #fff;color: #000;font-size: 18px;font-weight: 500;border: 2px solid #0082ca;} #design .img_fusion .con4 .txt1 {margin-top: 50px;padding: 20px;background-color: #28284e;color: #fff;font-size: 18px;font-weight: 500;} #design .img_fusion .con4 .txt2 {padding: 20px;background-color: #0082ca;color: #fff;font-size: 18px;font-weight: 500;} #design .img_fusion .con4 .div_table {display: block;width: 100%;margin-top: 20px;border-collapse: collapse;} #design .img_fusion .con4 .div_table .dv_head {display: block;margin-bottom: 10px;} #design .img_fusion .con4 .div_table .dv_body {display: table;width: 100%;} #design .img_fusion .con4 .div_table .dv_head .dv_row {display: flex;} #design .img_fusion .con4 .div_table .dv_head .dv_con {flex: 1 1 20%;vertical-align: top;padding: 10px 0;word-break: break-all;} #design .img_fusion .con4 .div_table .dv_head .dv_con > div {width: 95%;height: 100%;margin: 0 auto} #design .img_fusion .con4 .div_table .dv_head .dv_con > div > span {display: block;} #design .img_fusion .con4 .div_table .dv_head .dv_con > div > span.tit {display: flex;min-height: 70px;background-color: #efefef;} #design .img_fusion .con4 .div_table .dv_head .dv_con > div > span.tit > span {width: calc(100% - 35px);height: 100%;padding: 10px 10px;text-align: left;} #design .img_fusion .con4 .div_table .dv_head .dv_con > div > span.tit .mark {width: 35px;height: auto;background-color: #13a4d0;text-align: center;color: #fff;font-size: 21px;font-weight: 700;} #design .img_fusion .con4 .div_table .dv_head .dv_con > div > span.con {padding: 10px 5px;min-height: 75px;border: 1px solid #ddd;border-top-width: 0;font-size: 15px;} #design .img_fusion .con4 .div_table .dv_body .dv_row {display: table-row;} #design .img_fusion .con4 .div_table .dv_body .dv_con {display: table-cell;width: 20%;padding: 10px 12px;vertical-align: middle;font-size: 16px;} #design .img_fusion .con4 .div_table .dv_body .dv_con {border: 2px solid #13a4d0;} #design .img_fusion .con4 .div_table .dv_body .dv_con.multi {padding: 0;} #design .img_fusion .con4 .div_table .dv_body .dv_con.multi > div {padding: 10px 12px;} #design .img_fusion .con4 .div_table .dv_body .dv_con.multi > div + div {border-top: 2px solid #13a4d0;} /*인사말*/ #design .greeting {padding-right: calc(30% + 40px);background-image: url(../img/img_greeting_person.png);background-repeat: no-repeat;background-position: 100% 0;background-size: 30% auto;} #design p {font-size: 16px;font-weight: 400;line-height: 1.5em;} #design p.tit {font-size: 22px;font-weight: 600;} #design p.sign {font-size: 18px;font-weight: 500;} #design p.sign .name {display: inline-block;margin-left: 10px;font-size: 40px;font-family: var(--fontPoint);} #design p + p {margin-top: 30px;} #design .greeting_wp {overflow: hidden;display: flex;} #design .greeting_wp .txt {width: 60%} #design .greeting_wp .txt p {font-size: 16px;font-weight: 400;line-height: 1.5em;} #design .greeting_wp .txt p.tit {font-size: 24px;font-weight: 600;} #design .greeting_wp .txt p.sign {font-size: 18px;font-weight: 500;} #design .greeting_wp .txt p.sign .name {display: inline-block;margin-left: 10px;font-size: 40px;font-family: var(--fontPoint);} #design .greeting_wp .img {width: 38%;text-align: right;} #design .greeting_wp .img img {max-width: calc(100% - 50px);margin-left: 50px;} /* 조직도 */ #design .img_org {padding: 7px;background-color: #f4f4f4;text-align: center;} #design .img_org .mDiv {padding: 30px;background-color: #fff;} /*참여학과*/ #design .major_wp {overflow: hidden;} #design .major_wp::before {content: '';display: block;height: 200px;background-image: url(../img/bg_int4.jpg);background-repeat: no-repeat;background-position: 50% 100%;background-size: auto 80%;} #design .major_wp .title {padding: 20px 30px;background-color: #0082ca;text-align: center;color: #fff;} #design .major_wp .title > span {display: block;} #design .major_wp .title > span.tit {font-size: 26px;font-weight: 500;} #design .major_wp .title > span.sub {width: 55%;margin: 0 auto;margin-top: 10px;padding: 7px 10px;background-color: #fff;font-size: 20px;font-weight: 500;color: #0082ca;} #design .major_wp .list {display: flex;margin: 30px -10px 0;flex-wrap: wrap;} #design .major_wp .list > div {display: flex;width: calc(33.33333% - 20px);padding: 30px;margin: 10px;border: 2px solid #ddd;text-align: center;font-size: 18px;font-weight: 500;justify-content: center;align-items: center;background-color: #efefef;} /* 비전 및 인재상 */ #design .vision_sp {display: flex;} #design .vision_sp > div {width: calc(50% - 15px);padding: 40px;border: 1px solid #ddd;border-radius: 40px;text-align: center;font-size: 19px;font-weight: 500;} #design .vision_sp > div:nth-child(2n-1) {margin-right: 15px;} #design .vision_sp > div:nth-child(2n) {margin-left: 15px;} #design .vision_sp > div::before {content: '';display: block;height: 140px;margin-bottom: 20px;background-repeat: no-repeat;background-position: 50% 50%;} #design .vision_sp > div.sp1::before {background-image: url(../img/ico_vision1.png);background-size: auto 95%;} #design .vision_sp > div.sp2::before {background-image: url(../img/ico_vision2.png);background-size: auto 90%;} #design .add_vs {margin: 30px auto 0;padding: 35px;border: 1px solid #ddd;border-radius: 40px;} /*찾아오시는길*/ #design .map_info {padding-top:50px;} #design .map_info .tit {font-size:24px;font-weight:500;margin-bottom:25px;color:#1976d2;} #design .map_info ul > li {position: relative;z-index: 0;padding: 5px 0 5px 50px;min-height: 35px;font-size: 15px;} #design .map_info ul > li + li {margin-top: 12px;} #design .map_info ul > li::before {content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 35px;height: 35px;background-repeat: no-repeat;background-position: 50% 50%;} #design .map_info ul > li.addr::before {background-image: url(../img/ico_map_addr.png);background-size: auto 30px;} #design .map_info ul > li.tel::before {background-image: url(../img/ico_map_tel.png);background-size: auto 28px;} #design .map_info ul > li.mail::before {background-image: url(../img/ico_map_mail.png);background-size: auto 21px;} /* 비교과 소개 */ #design .nsbj_wp > div {min-height: 110px;padding-left: 150px;background-repeat: no-repeat;background-position: 0 50%;background-size: auto 110px;} #design .nsbj_wp > div.nsbj1 {background-image: url(../img/ico_subj1.png);} #design .nsbj_wp > div.nsbj2 {background-image: url(../img/ico_subj2.png);} #design .nsbj_wp > div.nsbj3 {background-image: url(../img/ico_subj3.png);} #design .nsbj_wp > div.nsbj4 {background-image: url(../img/ico_subj4.png);} #design .nsbj_wp > div.nsbj5 {background-image: url(../img/ico_subj5.png);} #design .nsbj_wp > div.nsbj6 {background-image: url(../img/ico_subj6.png);} #design .nsbj_wp > div.nsbj7 {background-image: url(../img/ico_subj7.png);} /* 참여기업소개 */ #design .company_wp {overflow: hidden;} #design .company_wp div.list {display: flex;margin: 0 -7px;flex-wrap: wrap;} #design .company_wp div.list > div {overflow: hidden;width: calc(33.33333% - 14px);height: 90px;padding: 7px;margin: 7px;border: 2px solid #1385c7;border-radius: 30px;} #design .company_wp div.list > div > a, #design .company_wp div.list > div > span {position: relative;display: block;height: 100%;background-color: #fff;text-align: center;} #design .company_wp div.list > div > a img, #design .company_wp div.list > div > span img {position: absolute;top: 50%;right: auto;bottom: auto;left: 50%;display: block;width: auto;height: auto;max-width: 100%;max-height: 100%;transform: translate(-50%, -50%);} /*사업소개-1*/ #design .gist {padding:20px;margin-bottom:30px;border:1px solid #114079;display:flex;justify-content: center;align-items: center;} #design .gist span {display:block;text-align:center;color:#11244c;font-size:19px;margin-bottom:5px;} #design .gist p {text-align:center;color:#1976d2;font-size: 28px;font-weight:bold;} #design .gist_top {display:flex;justify-content: space-between;margin-bottom: 20px;} #design .gist_top li {width:30%;} #design .gist_top li div {height: 210px;border-radius: 210px;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-top: 50px;} #design .gist_top li div.vision {background:#114079 url(../img/icon_vision.png) no-repeat 50% 40px;} #design .gist_top li div.goal {background:#114079 url(../img/icon_goal.png) no-repeat 50% 40px;} #design .gist_top li div.value {background:#114079 url(../img/icon_value.png) no-repeat 50% 28px;} #design .gist_top li div span {font-size: 25px;font-weight: 500;color: #fff;margin-bottom: 10px;} #design .gist_top li div p {font-size: 14px;color: #fff;} #design .gist_top li div p em {display:block;text-align:center;} #design .gist_middle {padding:80px 0;margin-bottom: 30px;background:url(../img/gist_arr01.png) no-repeat 50% 0;} #design .gist_middle .mid_wp {border:1px solid #ddd;border-radius:20px;padding:30px 50px 60px;position:relative;} #design .gist_middle .mid_wp p{font-size: 20px;font-weight:500;text-align:center;} #design .gist_middle .mid_wp .mid_list {position:absolute;left: 50%;transform: translateX(-50%);bottom: -90px;display: flex;} #design .gist_middle .mid_wp .mid_list li {padding:20px;margin:0 10px;background:#2277d0;width: 140px;height: 140px;border-radius:150px;display: flex;justify-content: center;align-items: center;} #design .gist_middle .mid_wp .mid_list li span {text-align:center;color:#fff;} #design .gist_bottom {padding:80px 0 0;background:url(../img/gist_arr02.png) no-repeat 50% 0;} #design .gist_bottom .bottom_wp {border:1px solid #ddd;border-radius:20px;padding:30px;} #design .gist_bottom .bottom_wp .tit {font-size: 20px;font-weight:500;text-align:center;color:#aa8038;} #design .gist_bottom .bottom_wp .bottom_list {text-align:center;padding-top:10px;} #design .gist_bottom .bottom_wp .bottom_list li {display:inline-block;margin-right:30px;padding-left:20px;background:url(../img/icon_gist_check.png) no-repeat 0 3px;font-size:16px;} /*사업소개-2*/ #design .vs_goal {} #design .vs_goal li {margin-bottom:10px;display:flex;} #design .vs_goal li strong {display:inline-block;width:110px;padding:10px;border-radius:50px;background:#17253c;text-align:center;font-size:18px;font-weight:700;color:#fff;} #design .vs_goal li span {display:inline-block;width:calc(100% - 160px);font-size:17px;padding:10px;box-sizing:border-box;} #design .vs_goal li span em {display:inline-block;margin-right:30px;} #design .intro_pd {display:flex;} #design .intro_pd li {width:32%;margin-right:1.33333%;border:1px solid #ddd;padding:20px;box-sizing:border-box;} #design .intro_pd li p {padding-top:60px;display: flex;justify-content: center;align-items: center;} #design .intro_pd li p.icon_pd01 {background:url(../img/icon_pd01.png) no-repeat 50% 5px;} #design .intro_pd li p.icon_pd02 {background:url(../img/icon_pd02.png) no-repeat 50% 5px;} #design .intro_pd li p.icon_pd03 {background:url(../img/icon_pd03.png) no-repeat 50% 5px;} #design .intro_work {} #design .intro_work > ul > li > div {display:flex;} #design .intro_work > ul > li > div > ul {width:45%;margin-right:5%;background:#f5f5f5;padding:20px;box-sizing:border-box;} #design .intro_work > ul > li > div > ul:nth-child(2) li {color:#1976d2} #design .intro_work > ul > li > div > ul:nth-child(1) {position:relative;} #design .intro_work > ul > li > div > ul:nth-child(1)::after {content:'→';position:absolute;top:50%;transform: translateY(-50%);right:-9%;font-size:30px;color:#ccc;} /*과제소개*/ #design .task_info_wp {} #design .task_info_wp .task_info {} #design .task_info_wp .task_info > li {display:flex;padding-bottom:40px;margin-bottom:25px;border-bottom:1px solid #ddd;} #design .task_info_wp .task_info > li:first-child {border-top:1px solid #ddd;padding-top: 20px;} #design .task_info_wp .task_info > li .tit01, #design .task_info_wp .task_info > li .tit02 {width:30%;} #design .task_info_wp .task_info > li .tit01 p, #design .task_info_wp .task_info > li .tit02 p {font-size:20px;line-height: 1.3em;padding-top: 16px;padding-bottom: 70px;} #design .task_info_wp .task_info > li .con {width:70%;} #design .task_info_wp .task_info > li .con .stit {font-size:20px;font-weight:500;padding-top:35px;color:#a68b2e;} #design .task_info_wp .task_info > li:nth-child(1) .tit01 p {background:url(../img/icon_task_info01.png) no-repeat 0 90%;} #design .task_info_wp .task_info > li:nth-child(2) .tit01 p {background:url(../img/icon_task_info02.png) no-repeat 0 90%;} #design .task_info_wp .task_info > li:nth-child(3) .tit01 p {background:url(../img/icon_task_info03.png) no-repeat 0 90%;} #design .task_info_wp .task_info > li .tit02 p {background:url(../img/icon_task_info04.png) no-repeat 0 97%;} #design .task_box {margin-top:15px} #design .task_box li {margin-bottom:3px;} #design .task_box li strong {display:inline-block;margin-right:10px;color:#a68b2e;} /*대과제1*/ #design .task01_list {display:flex;flex-wrap:wrap;} #design .task01_list > li {width:48%;margin-right:2%;margin-bottom:20px;padding:160px 20px 20px;box-sizing:border-box;border:1px solid #ddd;} #design .task01_list > li.tli01 {background:url(../img/tli01.png) no-repeat 50% 60px;} #design .task01_list > li.tli02 {background:url(../img/tli02.png) no-repeat 50% 60px;} #design .task01_list > li.tli03 {background:url(../img/tli03.png) no-repeat 50% 50px;} #design .task01_list > li.tli04 {background:url(../img/tli04.png) no-repeat 50% 60px;} #design .task01_list > li.tli05 {background:url(../img/tli05.png) no-repeat 50% 60px;} #design .task01_list > li.tli06 {background:url(../img/tli06.png) no-repeat 50% 50px;} #design .task01_list > li h4 {text-align:center;} #design .task01_list > li p {font-size:16px;text-align:center;margin-bottom:25px;} #design .task01_list > li ul li {width:100%;} /*대과제2*/ #design .task01_list > li.tli2_01 {background:url(../img/tli2_01.png) no-repeat 50% 55px;} #design .task01_list > li.tli2_02 {background:url(../img/tli2_02.png) no-repeat 50% 55px;} #design .task01_list > li.tli2_03 {background:url(../img/tli2_03.png) no-repeat 50% 50px;} #design .task01_list > li.tli2_04 {background:url(../img/tli2_04.png) no-repeat 50% 60px;} #design .task01_list > li.tli2_05 {background:url(../img/tli2_05.png) no-repeat 50% 55px;} /*대과제3*/ #design .task01_list > li.tli3_01 {background:url(../img/tli3_01.png) no-repeat 50% 40px;} #design .task01_list > li.tli3_02 {background:url(../img/tli3_02.png) no-repeat 50% 40px;} /*자율과제*/ #design .task01_list > li.tli4_01 {background:url(../img/tli4_01.png) no-repeat 50% 40px;} #design .task01_list > li.tli4_02 {background:url(../img/tli4_02.png) no-repeat 50% 50px;} #design .task01_list > li.tli4_03 {background:url(../img/tli4_03.png) no-repeat 50% 40px;} #design .task01_list > li.tli4_04 {background:url(../img/tli4_04.png) no-repeat 50% 45px;} /**/ #design .tool .wrap_controllers {display:none;} #design .tool .wrap_map {border-bottom:1px solid #e0e0e0;} /*과제신청리스트*/ #design .use_lecture_list_wp {} #design .use_lecture_list {} #design .use_lecture_list li {display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd;} #design .use_lecture_list li:first-child {border-top:1px solid #ddd;} #design .use_lecture_list li .use_ll_target {width:15%;font-size:14px;color:#555;display:flex;align-items: center;justify-content: center;background:#f6f7f6;} #design .use_lecture_list li .use_ll_target div {width:100%;text-align:center;} #design .use_lecture_list li .use_ll_target div p {font-size:16px;font-weight:500;color:#114079;} #design .use_lecture_list li .use_ll_bumber {width:15%;font-size:14px;color:#555;display:flex;align-items: center;justify-content: center;} #design .use_lecture_list li .use_ll_bumber div {width:100%;text-align:center;} #design .use_lecture_list li .use_ll_bumber div p {font-size:16px;font-weight:500;color:#114079;} #design .use_lecture_list li .use_ll_info {width:65%;font-size:15px;padding:15px ;box-sizing:border-box;} #design .use_lecture_list li .use_ll_info > .ull_tit {font-size: 20px;font-weight:500;margin-bottom: 10px;line-height: 1.1em;} #design .use_lecture_list li .use_ll_info > .ull_cate {display:block;margin-bottom: 10px;font-size: 15px;color: #757575;} #design .use_lecture_list li .use_ll_info > .ull_teac_date {display:block;} #design .use_lecture_list li .use_ll_info > .ull_take_date {display:block;color:#b02323;font-weight:500;} #design .use_lecture_list li .use_ll_info > .ull_num {} #design .use_lecture_list li .use_ll_state {width:20%;display:flex;align-items: center;justify-content: center;} #design .use_lecture_list li .use_ll_state div {width:100%;} #design .use_lecture_list li .use_ll_state div a {display:block;text-align:center;} #design .use_lecture_list li .use_ll_state .btn {display:block;text-align:center;} #design .use_lecture_list li .use_ll_state .btn + .btn {margin:5px 0 0 0;} #design .use_lecture_list .apply_down a {display: inline-block;min-width: 180px;height: 36px;line-height: 34px;padding:0 36px 0 10px;margin:15px 0 5px;border: 1px solid #ccc;font-size: 15px; background: #e5e5e5 url(../img/apply_down_arr.png) no-repeat 94% 50%;} #design .use_lecture_list .apply_down + .apply_down a {margin-top:5px;} #design .use_lecture_list .apply_down a span {font-size:15px;color:#333 !important;} #design .use_lecture_list .apply_down a span em {color:#085ab4;} #design .use_lecture_list .btn {display:block; !important;} #design .use_lecture_list .apply_down_view a {display:inline-block;margin-bottom:5px;} #design .use_lecture_list .apply_down_view a:hover {text-decoration:underline !important;} #design .use_lecture_list .apply_down_view a span {display:block;font-size:15px;word-break: break-all;color:#555 !important;line-height: 1.2em;} #design .use_lecture_list .apply_down_view a span em {color:#085ab4;} #design .use_lecture_list .apply_down_view a span i {display:inline-block;margin-left:10px;width:17px;height:17px;background: url(../img/apply_down_arr.png) no-repeat 50% 50%;vertical-align: middle;} #design .use_lecture_view_cate {font-size:15px;margin-bottom:10px;} /**/ #design .con_tab {margin-bottom: 40px;} #design .con_tab > ul {display: flex;flex-wrap: wrap;} #design .con_tab > ul > li {width: 20%;text-align: center;font-size: 16px;line-height: 1;background-color: #f4f4f4;border: 1px solid #ccc;border-right-width: 0;border-bottom-color: var(--subColor1);} #design .con_tab > ul.dv2 > li {width: 50%;} #design .con_tab > ul.dv3 > li {width: 33.33333%;} #design .con_tab > ul.dv4 > li {width: 25%;} #design .con_tab > ul > li:last-child {border-right-width: 1px;} #design .con_tab > ul > li.active {border-color: var(--subColor1);border-right-width: 1px;border-bottom-color: #fff;background-color: #fff;} #design .con_tab > ul > li.active + li {border-left-width: 0;} #design .con_tab > ul > li button {width: 100%;height: 100%;padding: 12px;font-size: inherit;color: #555;} #design .con_tab > ul > li.active button {font-size: 17px;color: var(--subColor1);font-weight: 700;} #design .con_tab_con > div {display: none;} #design .con_tab_con > div.active {display: block;} #design .con_tab_con .txt + .txt {margin-top: 60px;} #design .con_tab_con .txt .img {margin-bottom: 20px;} /**/ #design .con_tab2 {margin-bottom: 30px;} #design .con_tab2 > ul {font-size: 0;} #design .con_tab2 > ul > li {display: inline-block;} #design .con_tab2 > ul > li + li {margin-left: 30px;} #design .con_tab2 > ul > li > button {padding: 0 10px;font-size: 18px;} #design .con_tab2 > ul > li:first-child > button {padding-left: 0;} #design .con_tab2 > ul > li.tab_on > button {font-size: 19px;color: var(--mainColor);font-weight: 500;border-bottom: 1px solid var(--mainColor);} /**/ #design .cate_tab {font-size: 0;} #design .cate_tab:before, #design .cate_tab:after{clear:both;display:table;content:"";line-height:0} #design .cate_tab li{display:inline-block;} #design .cate_tab li:first-child a{margin:0} #design .cate_tab li + li {margin-left: 5px;} #design .cate_tab li a{display: inline-block;position: relative;padding: 0 30px;line-height: 50px;font-size: 17px;letter-spacing: -1px;color: #333;text-align: center;background: #fff; transition: all 0.2s;font-weight: 500;border:2px solid #333;} #design .cate_tab li a:hover{} #design .cate_tab li.sel1 a {position:relative;z-index:5;color:#fff;background:#333;line-height:50px;box-sizing:border-box;font-weight: 500;} #design .cate_tab li > ul {display:none;} #design .cate_tab li.sel1 > ul {display:block;position:absolute;top:50px;left:0;margin-top:10px;} #design .cate_tab li.sel1 > ul > li a {display:inline-block;background:none;border:none;color:#555;padding:0;margin-right:30px;line-height:40px;} #design .cate_tab li.sel1 > ul > li.sel2 a {color: var(--subColor2);position:relative;} #design .cate_tab li.sel1 > ul > li.sel2 a:after {content:"";position:absolute;bottom:5px;left:0;background:var(--subColor2);width:100%;height:2px;} #design .cate_tab_s {margin-bottom:30px;border: 1px solid #ddd;padding:20px 30px 20px;margin-top: -1px;} #design .cate_tab_s > li {display:inline-block;} #design .cate_tab_s > li a {display:inline-block;background:none;border:none;color:#555;padding:0;margin-right:30px;line-height:40px;font-weight:500;} #design .cate_tab_s > li.sel2 a {color: var(--subColor2);position:relative;} #design .cate_tab_s > li.sel2 a:after {content:"";position:absolute;bottom:5px;left:0;background:var(--subColor2);width:100%;height:2px;} /**/ #design .process > ul {display: flex;flex-wrap: wrap;} #design .process > ul > li {margin: 2px 0;font-size: 0;} #design .process > ul.dv2 li {width: 50%;} #design .process > ul.dv3 li {width: 33.33333%;} #design .process > ul.dv4 li {width: 25%;} #design .process > ul li::after {content: '';display: inline-block;width: 50px;height: 100%;vertical-align: middle;background-image: url(../img/arrow_process.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 20px;} #design .process > ul li:last-child::after {background-image: none;} #design .process > ul li > div {display: inline-block;width: calc(100% - 50px);height: 100%;padding: 20px;border: 1px solid #ddd;font-size: 16px;color: #333;vertical-align: middle;border-radius: 10px;} /* 조직도 */ #design .org_map {position: relative;z-index: 0;text-align: center;} #design .org_map::before {content: '';position: absolute;top: 0;left: 50%;z-index: -1;width: 1px;height: 100%;background-color: #ccc;} #design .org_map > ul > li.org1 {display: block;} #design .org_map > ul > li.org1 div {display: inline-block;width: 50%;padding: 20px 0;font-size: 22px;background-color: var(--subColor1);color: #fff;border-radius: 100px;} #design .org_map > ul > li > ul {position: relative;z-index: 0;display: flex;margin-top: 110px;} #design .org_map > ul > li > ul::before {content: '';position: absolute;top: -50px;left: 16.66666%;width: calc(66.66666% + 1px);height: 1px;background-color: #ccc;} #design .org_map > ul > li > ul > li {position: relative;z-index: 0;width: calc(33.3333% - 20px);margin: 0 10px;padding: 20px 25px;border: 1px solid #ddd;border-radius: 30px;background-color: #fff;} #design .org_map > ul > li > ul > li::before {content: '';position: absolute;top: -50px;left: 50%;z-index: -1;width: 1px;height: 50px;background-color: #ccc;} #design .org_map > ul > li > ul > li.org3::before {display: none;} #design .org_map > ul > li > ul > li.org2.active {border-color: var(--mainColor);} #design .org_map > ul > li > ul > li.org3.active {border-color: var(--libColor2);} #design .org_map > ul > li > ul > li.org4.active {border-color: var(--libColor3);} #design .org_map > ul > li > ul > li strong {display: block;font-size: 18px;font-weight: 700;word-break: break-all;} #design .org_map > ul > li > ul > li.active strong {font-size: 20px;} #design .org_map > ul > li > ul > li.org2.active strong {color: var(--mainColor);} #design .org_map > ul > li > ul > li.org3.active strong {color: var(--libColor2);} #design .org_map > ul > li > ul > li.org4.active strong {color: var(--libColor3);} /* 찾아오시는 길 */ #design .map_wp .contact > li, #design .map_wp .traffic > li {padding: 10px 0 10px 50px;font-size: 17px;background-repeat: no-repeat;background-position: 0 50%;} #design .map_wp .contact > li.addr {background-image: url(../img/ico_map1.png);background-size: auto 25px;} #design .map_wp .contact > li.tel {background-image: url(../img/ico_map2.png);background-size: auto 30px;} #design .map_wp .traffic > li.car {background-image: url(../img/ico_map3.png);background-size: auto 20px;} #design .map_wp .traffic > li.bus {background-image: url(../img/ico_map4.png);background-size: auto 20px;} /* 견학안내 */ #design .visit_wp {margin-bottom: 40px;} /**/ #design .agree_wp {padding: 30px;border: 1px solid #ddd;} #design .agree_wp .agree_con .con {margin: 20px 0;} #design .agree_wp .agree_con .con:first-child {margin-top: 0;} #design .agree_wp .agree_btn {padding: 20px;background-color: #f6f6f6;text-align: center;font-size: 16px;} #design .agree_wp .agree_btn .agree_txt {margin-bottom: 5px;font-size: 16px;color: #000;} #design .agree_wp .agree_btn .input_wp {color: #555;} #design .agree_wp .agree_btn .input_wp + .input_wp {margin-left: 20px;} #design .agree_wp .agree_btn .input_wp input + label {margin-left: 5px;} #design .agree_wp .agree_btn .input_wp label + input {margin-left: 5px;} /* 사물함 신청 */ #design .locker_wp {margin-bottom: 50px;} #design .locker_process {margin-bottom: 30px;} #design .locker_process > ul > li > div {font-size: 16px;color: #555;} #design .locker_process > ul > li.active > div {border-color: var(--mainColor);color: var(--mainColor);font-size: 19px;font-weight: 700;} #design #program .locker_content p.title {margin-bottom: 12px;} #design #program .locker_content .agree_btn {margin-top: 20px;font-size: 15px;} #design #program .locker_content .agree_wp .agree_btn .agree_txt {font-size: 15px;} #design .locker_choice {padding: 20px;background-color: #f4f4f4;text-align: center;} #design .locker_choice .input_wp {font-size: 16px;margin: 0 20px;} #design .locker_choice .input_wp input + label {margin-left: 5px;} #design .locker_notice {padding: 40px 0;text-align: center;} #design .locker_notice span {display: inline-block;font-size: 21px;font-weight: 500;border-bottom: 1px solid #333;} #design .locker_area {margin-top: 50px;} #design .cont_wp .locker_area .refer {overflow:hidden;margin: 20px 0;} #design .cont_wp .locker_area .refer li {float:left;height:34px;line-height:34px;font-size: 16px;color:#333;padding-left:40px;} #design .cont_wp .locker_area .refer li + li {margin-left: 20px;} #design .cont_wp .locker_area .refer li.refer1 {background: url(../img/refer1.png) no-repeat 0 0;} #design .cont_wp .locker_area .refer li.refer2 {background: url(../img/refer2.png) no-repeat 0 0;} #design .cont_wp .locker_area .refer li.refer3 {background: url(../img/refer3.png) no-repeat 0 0;} #design .cont_wp .locker_area .refer li.refer4 {background: url(../img/refer4.png) no-repeat 0 0;} #design .cont_wp .locker_area .lock_wp {overflow:hidden;margin-bottom:20px;} #design .cont_wp .locker_area .lock_wp ul {float:left;margin-right:3px} #design .cont_wp .locker_area .lock_wp ul li {margin:0 0 3px 0;width:52px;height:50px;} #design .cont_wp .locker_area .lock_wp ul li a {display:block;width:100%;height:50px;line-height:50px;box-sizing:border-box;border:1px solid #2dcf8c;border-radius:5px;font-size:14px;text-align:center;background:#2dcf8c url(../img/icon_st_w.png) no-repeat 4px 4px;} #design .cont_wp .locker_area .lock_wp ul li a.st1 {border:1px solid #2d1787;background:#2d1787 url(../img/icon_st1.png) no-repeat 4px 4px;color:#fff !important;} #design .cont_wp .locker_area .lock_wp ul li a.st2 {border:1px solid #bababa;background:#d4d4d4 url(../img/icon_st2.png) no-repeat 4px 4px;} #design .cont_wp .locker_area .lock_wp ul li a.st3 {border:1px solid #ff4200;background:#ff4200 url(../img/icon_st3.png) no-repeat -2px -3px;color:#fff !important;} /*만족도*/ #design .sub_charge {padding:20px;border:1px solid #ddd;margin-bottom:10px;margin-top:70px;position:relative;font-size: 15px;} #design .sub_charge ul {overflow:hidden;padding-right:200px;} #design .sub_charge ul li {float:left;margin-right:30px;padding-left:10px;position:relative;} #design .sub_charge ul li::before {content: '';position: absolute;top: 11px;left: 0;width: 4px;height: 4px;border-radius:4px;background: #2079b7;} #design .sub_charge ul li strong {font-weight:500;} #design .sub_charge .limit {position:absolute;top:20px;right:20px;text-align:right;} #design .sub_charge .limit strong {font-weight:500;} #design .sub_research {padding:20px 20px 20px 100px;border:1px solid #ddd;background:url(../img/icon_research.png) no-repeat 23px 17px;position:relative;font-size: 15px;} #design .sub_research .tit {font-weight:500;margin-bottom:10px;margin-left:2px;font-size:16px;} #design .sub_research .pick {margin-bottom: 18px;} #design .sub_research .pick li {display:inline-block;margin-right:10px;} #design .sub_research input.research_input {width:250px !important;height:40px !important;} #design .sub_research input.research_btn {width:60px;height:40px;line-height:40px;background:#0e4267;color:#fff;font-size: 15px;} /* 스마트도서관 */ #design .smart_wrap .sub_con_top {padding-right: 320px;background-image: url(../img/ico_smart_top.png);background-position: 97% -20px;background-size: auto 280px;} /********** 자료검색 **********/ /* 연속간행물 */ #design .news_wrap .sub_con_top {padding-right: 360px;background-image: url(../img/ico_news_top.png);background-position: 95% 40px;background-size: auto 200px;} #design .news_wrap .tab_content > div {display: none;} #design .news_wrap .tab_content > div.sel {display: block;} /* 견학신청 */ #design .visit_guide > li {display: none;} #design .visit_guide > li.active {display: block;} #design .thousand_promise .sub_con_top {padding-right: 300px;background-image: url(../img/ico_promise_top.png);background-repeat: no-repeat;background-position: 105% 35px;background-size: auto 240px;} /* 찾아오시는길 */ #design .location #map {width: 100%;height: 500px;} #design .location #map * {box-sizing: content-box;} #design .location .lib_map {font-size: 0;} #design .location .lib_map > li {display: inline-block;width: 32%;margin: 15px 1% 0;vertical-align: top;} #design .location .lib_map > li:nth-child(3n-2) {margin-left: 0;} #design .location .lib_map > li:nth-child(3n) {margin-right: 0;} #design .location .lib_map > li:nth-child(-n+3) {margin-top: 0;} #design .location .lib_map > li > a {display: block;border: 1px solid #ddd;} #design .location .lib_map > li > a:hover {display: block;border-color: #333;box-shadow: 3px 3px 15px rgba(0,0,0,0.15);transition: all 0.5s;} #design .location .lib_map > li p.title {padding: 15px 20px;font-size: 17px;font-weight: 500;border-bottom: 1px solid #ddd;} #design .location .lib_map > li div.con {padding: 15px 20px;} #design .location .lib_map > li div.con > span {display: block;min-height: 30px;padding-left: 35px;font-size: 14px;font-weight: 400;color: #555;background-repeat: no-repeat;background-position: 0 0;} #design .location .lib_map > li div.con > span + span {margin-top: 15px;} #design .location .lib_map > li div.con > span.loc {background-image: url(../img/ico_map1.png);background-size: auto 25px;} #design .location .lib_map > li div.con > span.tel {background-image: url(../img/ico_map2.png);background-size: auto 22px;} #design .location .lib_info > li {position: relative;padding-left: 115px;} #design .location .lib_info > li > strong {position: absolute;top: 0;left: 15px;width: 80px;height: 100%;} /********** table **********/ #design .mobile_table {display: none;} #design .table_wp.table_wide {overflow-x: auto;} #design .table_wp.table_wide table {width: 100%;min-width: 840px;} /*기본*/ #design div + table {margin-top: 20px;} #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 th, #design table td {border: 1px solid #e3e3e3;} #design table thead th {height: 50px;padding: 12px;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: 50px;padding: 10px;font-size: 15px;color: #333;vertical-align: middle;} #design .table_wide table tbody td {padding: 3px;font-size: 14px;} #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: 10px;font-size: 15px;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;} /* table_small */ #design table.table_small thead th {height: 40px;padding: 5px;font-weight: 400;font-size: 14px;color:#333;background: #f6f7f6;border-bottom: 0;} #design table.table_small tbody td {height: 40px;padding: 5px;font-size: 14px;color: #333;vertical-align: middle;} /* table-cell color */ #design table tbody tr.use_color.blue td {background-color: #edf8ff;} #design table tbody tr.use_color.lightgray td {background-color: #efefef;} /*과제공모신청*/ table .prj_tit {font-size:20px;margin-bottom:10px;line-height: 1.1em;} table .prj {} table .prj li {font-size:15px;color: #757575;} table .apply_down a {display: inline-block;min-width: 180px;height: 36px;line-height: 34px;padding:0 36px 0 10px;margin:15px 0 5px;border: 1px solid #ccc;font-size: 15px; background: #e5e5e5 url(../img/apply_down_arr.png) no-repeat 94% 50%;} table .apply_down + .apply_down a {margin-top:5px;} table .apply_down a span {font-size:15px;color:#333 !important;} table .apply_down a span em {color:#085ab4;} table .btn {display:block; !important;} table .apply_down_view a {display:inline-block;margin-bottom:5px;} table .apply_down_view a:hover {text-decoration:underline !important;} table .apply_down_view a span {display:block;font-size:15px;word-break: break-all;color:#555 !important;line-height: 1.2em;} table .apply_down_view a span em {color:#085ab4;} table .apply_down_view a span i {display:inline-block;margin-left:10px;width:17px;height:17px;background: url(../img/apply_down_arr.png) no-repeat 50% 50%;vertical-align: middle;} /**/ #program .dk_table table th, #program .dk_table table td {font-size: 15px;} #dkboard .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;} #dkboard .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;} #dkboard .dk_table table.tstyle tbody td.subject .reply{display:inline-block;position:relative;left:-2px;padding:0 0 0 10px; background:url(../img/ico_reply.png) no-repeat 0px -35px;text-indent:-9999em;overflow:hidden; vertical-align:top !important;width: 1px;} #dkboard .dk_table table.tstyle tbody td.subject .list_reply{color:#aa6801} #dkboard .dk_table table.tstyle tbody td.subject .notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0} #dkboard .dk_table table.tstyle tbody td div.tac{padding:100px 0} #dkboard .dk_table table.tstyle tbody td .this{font-size:13px;color:#f30} #dkboard .dk_table table.tstyle tbody td .notice{font-size:13px;color:#0054FF} /************ 탭메뉴 ************/ /**/ #design .tabmenu{margin:0 0 30px 0;} #design .tabmenu:before, #design .tabmenu:after{clear:both;display:table;content:"";line-height:0} #design .tabmenu li{display:inline-block;margin-bottom: 5px;} #design .tabmenu li:first-child a{margin:0} /*#design .tabmenu li + li {margin-left: 7px;}*/ #design .tabmenu li a{display: inline-block;position: relative;padding: 0 3vw;line-height: 46px;font-size: 16px;letter-spacing: -1px;color: #333;text-align: center;border:2px solid #333;background: #fff; transition: all 0.2s;font-weight: 500;border-radius: 10px;} #design .tabmenu li a i{display:none} #design .tabmenu li a:hover{} #design .tabmenu li a.sel{position:relative;z-index:5;color:#fff;background:#333;line-height: 46px;box-sizing: border-box;} #design .tabmenu li.sel a{position:relative;z-index:5;color:#fff;background:#333;line-height: 46px;box-sizing: border-box;} #design .tabmenu li.mTabOn a{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;line-height:44px;box-sizing:border-box;} #design .tabmenu li.lib1 a {background-color: #fff;color: var(--mainColor);border: 2px solid var(--mainColor);} #design .tabmenu li.lib1 a.sel {background-color: var(--mainColor);color: #fff;font-weight: 500;} #design .tabmenu li.lib2 a {background-color: #fff;color: var(--libColor2);border: 2px solid var(--libColor2);} #design .tabmenu li.lib2 a.sel {background-color: var(--libColor2);color: #fff;font-weight: 500;} #design .tabmenu li.lib3 a {background-color: #fff;color: var(--libColor3);border: 2px solid var(--libColor3);} #design .tabmenu li.lib3 a.sel {background-color: var(--libColor3);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;} /* #program .tabmenu{margin:0 0 30px 0;} #program .tabmenu:before, #program .tabmenu:after{clear:both;display:table;content:"";line-height:0} #program .tabmenu li{display:inline-block;margin-bottom: 5px;} #program .tabmenu li:first-child a{margin:0} #program .tabmenu li a{display: inline-block;position: relative;height: 46px;padding: 0 20px;line-height: 46px;font-size: 17px;letter-spacing: -1px;color: #555555;text-align: center;border: 1px solid #ddd;background: #fff; transition: all 0.2s;} #program .tabmenu li a i{display:none} #program .tabmenu li a:hover {border-color: #242b36;color: #242b36;} #program .tabmenu li a.sel{position:relative;z-index:5;background-color: #242b36;color: #fff;line-height: 46px;box-sizing: border-box;}*/ /**/ #design .depthmenu{margin:0 0 30px 0;*zoom:1} #design .depthmenu:before, #design .depthmenu:after{clear:both;display:table;content:"";line-height:0} #design .depthmenu li{display:inline;padding-right:4px} #design .depthmenu li:first-child a{margin:0} #design .depthmenu li a{display:inline-block;position:relative;padding:0 39px;line-height:37px;font-size:15px;font-weight:600;letter-spacing:-1px;color:#fff;text-align:center;border:2px solid #b1b1b1;background:#b1b1b1;border-radius:5px;transition:all 0.2s} #design .depthmenu li a i{display:none} #design .depthmenu li a:hover{position:relative;z-index:5;color:#fff;border:2px solid #014fbb;background:#014fbb;transition:all 0.2s} #design .depthmenu li a.sel{position:relative;z-index:5;color:#242b36;border:2px solid #014fbb;background:#fff;box-shadow:0 3px 0 #e2e2e2} #design .depthmenu li a.sel i{position:absolute;z-index:6;bottom:-11px;left:50%;display:block;margin-left:-4px;width:8px;height:11px;background:url(../img/ico_pin.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} /**/ #design .tabstyle > ul {overflow: hidden;position:relative;z-index: 0;margin-bottom: 20px;} #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: 50px;padding: 0 15px;font-size: 16px;font-weight: 400;color: #555;line-height: 50px;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 .clock{padding: 25px;margin-bottom: 20px;background-color: #f6f7f6;text-align: center;font-size: 17px;} /**/ #dkboard .dk_tabmenu{padding-bottom:30px} #dkboard .dk_tabmenu *{margin:0;padding:0;border:0;list-style-type:none} #dkboard .dk_tabmenu ul{height:42px;border-bottom:2px solid #1c2645;*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:-2px;padding:0 20px;height:40px;line-height:40px;text-align:center;border:2px solid #d5d5d5;border-bottom:2px solid #1c2645;background:#fff} #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:2px solid #1c2645;border-bottom:2px solid #fff;background:#fff} #dkboard .dk_tabmenu li a.sel{position:relative;z-index:5;font-weight:800;letter-spacing:0px;color:#000;border:2px solid #1c2645;border-bottom:2px solid #fff;background:#fff} #dkboard .dk_tabmenu li a.sel strong{font-weight:600;color:#333} #program .title{position:relative;font-size: 16px;font-weight:500;color:#000;margin-bottom: 5px;} #program .table + .title {margin-top: 50px;} #program .title p {position:absolute;bottom: 0;right:0;font-size: 13px;font-weight: 400} /**/ #design .chart{position:relative;padding-bottom:5px} #design .chart > ul {padding-bottom: 20px;} /*#design .chart > ul > li{padding:0 0 6px 17px;line-height:19px;background:url(../img/dp2.png) no-repeat 5px 6px} #design .chart > ul > li strong{color:#c62336}*/ #design .chart li strong{font-weight:400} #design .chart li strong.orange{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff !important;background:#ef770c;border-radius:22px} #design .chart li strong.pgreen{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#235704;border-radius:22px} #design .chart li strong.gold{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#9f791e;border-radius:22px} #design .chart li p{padding:0 0 15px 0} #design .chart li p .ipin{color:#246e8b} #design .chart li ul{padding:6px 0 0 0} /*#design .chart li ul li{padding:3px 0;font-size:13px}*/ #design .chart li ul {margin: 10px 0;} #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: 10px 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 10px 0;border-bottom:1px solid #ccc} #design .photos dl {overflow: hidden;position:relative;padding: 20px 0;} #design .photos dt {float: left;width: 20%;} #design .photos dt img {width: 100%;box-shadow: 5px 5px 20px rgba(0,0,0,0.15);} #design .photos dd {float: left;width: 80%;padding-left: 30px;} /**/ #design .bookgroup{background:url(../img/bookgroup.png) no-repeat 100% 80%} #design .booktitle{position:relative;margin-bottom:30px;padding:30px 30px;padding-left:200px;height:auto;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:21px;font-weight:600;color:#000} #design .booktitle p{line-height:20px;font-size:14px;color:#4c4c4c;word-break:break-all} #design .booktitle p strong{font-size:14px;font-weight:400;color:#479e33} #design .booktitle p i{position:absolute;bottom:0px;right:0px;width:0;height:0;border-bottom:30px solid #f7f7f7;border-left:30px solid transparent} #design .booktitle .ct1{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_culture.png) no-repeat 50% 50%} #design .booktitle .ct2{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_event.png) no-repeat 50% 50%} #design .booktitle .ct3{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_onebook.png) no-repeat 50% 50%} #design .booktitle .ct4{position:absolute;top:30px;left:0;display:block;width:170px;height:130px;border-right:1px solid #eee;background:url(../img/bookstart.png) no-repeat 50% 50%} #design .booktitle .sv1{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_ebook.png) no-repeat 50% 50%} #design .booktitle .sv2{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_oneservice.png) no-repeat 50% 50%} #design .booktitle .sv3{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_booksea.png) no-repeat 50% 50%} #design .booktitle .sv4{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_bookdream.png) no-repeat 50% 50%} #design .booktitle .sv5{position:absolute;top:0;left:0;display:block;width:170px;height:157px;background:url(../img/ico_bookmobile.png) no-repeat 90% 50%} #design .booktitle .sv6{position:absolute;top:0;left:0;display:block;width:170px;height:157px;background:url(../img/ico_firstlib.png) no-repeat 80% 26%} #design .booktitle .sv7{position:absolute;top:0;left:0;display:block;width:170px;height:157px;background:url(../img/ico_nigntbook.png) no-repeat 70% 38%} #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} /**/ #calendar{position:relative; padding-bottom:25px !important;} #contain #calendar .aConfirm {position: absolute;top: 15px;right: 230px;padding: 0 20px;height: 32px;line-height: 32px;text-align: center;color: #fff;background: #1e2c5d;border-radius: 5px;} #calendar .days{text-align:left;margin-bottom:30px;} #calendar .days a{display:inline-block;position:relative;top:0px;width:0;height:40px;line-height:40px;font-size:18px;color:#c62337;border:1px solid #e3e3e3;border-radius:50px;overflow:hidden;transition:all 0.2s} #calendar .days a i{position:absolute;top:0;width:40px;height:40px} #calendar .days .prev{padding:0 10px 0 30px;text-indent:-99999em;} #calendar .days .prev i{left:0;background:url(../img/s_prev.png) no-repeat 50% 50%} #calendar .days .next{padding:0 30px 0 10px;text-indent:-20em} #calendar .days .next i{right:0;background:url(../img/s_next.png) no-repeat 50% 50%} #calendar .days strong{display:inline-block;position:relative;top:10px;padding:0 10px;line-height:40px;font-size:44px;color:#2e4287} #calendar .days strong span{position:relative;top:-2px;margin:0 0 0 -10px;font-size:20px} #calendar .even{/*position:absolute;top:20px;right:194px*/margin-bottom: 15px;} #calendar .even ul{overflow:hidden} #calendar .even li{float:left;position:relative;padding:0 10px 0 20px} #calendar .even li strong{font-weight:400} #calendar .even li i{position:absolute;top:0;left:0;width:20px;height:20px} #calendar .even .e1 i{background:url(../../img/pro_content/icon_schedule_r.gif) no-repeat 50% 50%} #calendar .even .e2 i{background:url(../../img/pro_content/icon_schedule_e.gif) no-repeat 50% 50%} #calendar .even .e3 i{background:url(../../img/pro_content/icon_schedule_m.gif) no-repeat 50% 50%} #calendar .even .e4 i{background:url(../../img/pro_content/icon_schedule_l.gif) no-repeat 50% 50%} #calendar .dk_search{position:absolute !important;top:13px;right:0} #contain #calendar .calendar thead th {background: #F0F8FF;color: #000;} #contain #calendar .calendar thead th:first-child {border-left: 1px solid #ddd;} #contain #calendar .calendar thead th:last-child {border-right: 1px solid #ddd;} #contain #calendar .calendar tbody td {height: 70px;padding: 10px;font-size: 14px;vertical-align: top;background-color: #fff;border: 1px solid #ddd !important;} /*#contain #calendar .calendar tbody #addTr td {padding: 5px;background: #0f185f;} #contain #calendar .calendar tbody #addTr td > div {padding: 0 15px;border: 1px solid #eaeaea;background: #fff;} #contain #calendar .calendar tbody #addTr td .vr_con {position: relative;padding: 12px 90px 12px 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: inline-block;} #contain #calendar .calendar tbody #addTr td .vr_con > div > span.vr_count {display: inline-block;margin-left: 10px;padding: 4px 10px;font-size: 16px;font-weight: 500;background-color: #efefef;} #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: 20px;right: 0;}*/ #contain #calendar .calendar tbody td a.appList {display: table;width: 100%;height: 80px;background-color: #ececec;} #contain #calendar .calendar tbody #addTr .vr_con {position: relative;padding: 15px 100px 15px 0;border-bottom: 1px solid #ddd;text-align: left;} #contain #calendar .calendar tbody #addTr .reserv_date {position: relative;z-index: 0;font-size: 20px;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: 4px;background-color: #def1ff;} #contain #calendar .calendar tbody #addTr .vr_con > div > span {font-size: 15px;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: inline-block;} #contain #calendar .calendar tbody #addTr .vr_con > div > span.vr_count {display: inline-block;margin-left: 15px;padding: 4px 10px;font-size: 18px;font-weight: 500;background-color: #efefef;} #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: 20px;right: 0;} #contain #calendar .calendar tbody #addTr .vr_close {position: absolute;top: 0;right: 0;width: 40px;height: 40px;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 18px;} #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: 10%;width: 80%;max-height: 95%;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 .calendar tbody td .result{} #contain #calendar .calendar tbody td .day_num {text-align: left;margin-bottom: 7px;} #contain #calendar .calendar tbody td .result span.claendar_holiday {display: block;margin-bottom: 3px;padding: 1px 3px;border: 1px solid #008489;} #contain #calendar .calendar tbody td .result span.claendar_holiday + br {display: none;} #contain #calendar .calendar tbody td .result > a {display: block;line-height: 1.3em;font-size: 13px;} #contain #calendar .calendar tbody td .result > a + a {margin-top: 10px;} #contain #calendar .calendar tbody td .playout {display: none !important;} #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} #scheduleList{display:none} /**/ #design .faq_list{width:100%;border-top:1px solid #000;font-size: 15px;letter-spacing: -0.4px;} #design .faq_list .faq .faq_q{display: flex;align-items: center;/*position:relative;padding: 0 0 0 60px;*/border-bottom:1px solid #ccc;overflow:hidden;} #design .faq_list .faq .faq_q dt{flex: 0 0 60px;margin: 0 10px 0 0;/*position:absolute;top:7px;left:7px*/} #design .faq_list .faq .faq_q dd{/*line-height:50px*/} #design .faq_list .faq .faq_q dd a {color:#333;} #design .faq_list .faq .faq_a{position:relative;/*padding:0 0 0 60px;*/border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;} #design .faq_list .faq .faq_a dt{/*position:absolute;top:14px;left: 7px*/} #design .faq_list .faq .faq_a dd{height:auto;min-height:60px;/*margin:14px 0;line-height:20px*/line-height: 1.5em;} #design .faq_list .faq .disnone{display:none} #design .faq_list .faq_qna dl {padding: 15px 15px;} #design .faq_list .faq_qna dl dt {margin-bottom: 10px;font-size: 17px;font-weight: 500;} #design .faq_list .faq_qna dl.faq_q dt {color: var(--mainColor);} #design .faq_list .faq_qna dl.faq_a dt {color: #2978ce;} #design .faq_list .faq_qna dl dd {font-size: 15px;line-height: 1.5em;} #design .faq_list .faq_qna dl dd p b {display: block;font-size: 17px;font-weight: 500;margin-bottom: 10px;} #design .vote_list + .title {margin-top: 50px;} #design .book_vote_list .faq .faq_q {padding: 20px;font-size: 18px;line-height: 1.2em;font-weight: 500;} #design .book_vote_list .faq .faq_a {padding: 20px;font-size: 15px;line-height: 1.4em;font-weight: 400;color: #555;} #design .survey_list .faq .faq_q {padding: 20px;font-size: 18px;line-height: 1.2em;font-weight: 500;} #design .survey_list .faq .faq_a {padding: 20px;font-size: 15px;line-height: 1.4em;font-weight: 400;color: #555;} /**/ #design #program .author_list p.title {font-size: 20px;font-weight: 500;padding-bottom: 10px;border-bottom: 3px solid #00b24f;} #design #program .author_list div.img {margin: 15px 0;} #design #program .author_list p.con {margin-top: 15px;padding-top: 15px;border-top: 1px solid #ddd;font-size: 15px;color: #555;line-height: 1.8em;} #design #program .author_view .name {font-size: 20px;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:30px;} /**/ #design .member{padding:0px 0} #design .member .infomation{margin:0 0 20px 0;padding:20px 0 20px 110px;color:#555;border:1px solid #d3d0d8;background:url(../img/infomation.png) no-repeat -10px 50%} #design .member .infomation dl{overflow:hidden} #design .member .infomation dt{float:left;display:block;padding-right:10px;line-height:30px;font-size:20px;font-weight:600;color:#2b3b56} #design .member .infomation dd{float:left;display:block;line-height:30px;font-size:16px} #design .member .infomation ul{padding-top:1px;overflow:hidden} #design .member .infomation ul li{float:left;padding:0 0 0 15px;margin-right:30px;line-height:20px;font-size:15px;background:url(../img/ico_dot.png) no-repeat 0 50%} #design .member .infomation ul li span.mem_num{color:#a28354} #design .member .infomation ul li span.use_ok{color:#498bbf} #design .member .infomation ul li span.use_no{color:#c14e33} #design .member .idpw {padding-bottom:30px;margin-bottom:50px;border-bottom:1px dashed #ccc;} #design .member .idpw.id_icon {background:url(../img/id_icon.png) no-repeat 20px bottom} #design .member .idpw.pw_icon {background:url(../img/pw_icon.png) no-repeat 20px bottom} #design .idpw_result {border:1px dashed #ddd;text-align:center;font-size:20px;padding:90px 20px 20px;background:url(../img/end_icon.png) no-repeat center 26px} /* 설문조사 */ #design .poll_condition {display: block;padding: 20px;margin: 0 0 20px;background-color: #f0f0f0;text-align: center;color: #555;font-size: 16px;} #design .ending {color:#c00;background:#feeeee} #design .ready {background-color: #e3eaf8;color: #09327d;} #design .polltit{margin-top:20px;padding:0;position:relative;overflow:hidden} #design .polltit h4 {position:relative;font-size: 17px;font-weight:600;letter-spacing:-1px;color:#333;margin-bottom: 10px;font-weight: 500;} #design .polltit h4 strong {font-size:17px;padding-right:10px;color: var(--mainColor);vertical-align: top;} #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} #design .pollitem .question strong{padding-right:3px} #design .pollitem .question label{padding-right:10px;height: auto;line-height: 1.4em;} /*#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_privacy {margin-bottom: 25px;} #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} /**/ #timUser{display:block;overflow:hidden} #timUser .userNum{float:left;display:block;width:20%;padding:4px 0} /**/ #contain #design .nocontent{clear:both;padding: 150px 0;font-size: 17px;font-weight:400;color: #757575;text-align:center;border-bottom:0px solid #ccc;/*background:url(../img/nocontent.png) no-repeat 50% 45%*/} /**/ #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 {padding: 15px 10px;font-size:18px;font-weight: 500;text-align:center;border-top: 1px solid #1c2645;border-bottom:1px solid #e3e3e3;background-color: #f6f7f6;} #design .dk_view h3 {padding: 12px 10px;font-size: 15px;color:#004d9b;border-top: 1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9;} #design .dk_view dl {/*float:left;*/position:relative;/*width:50%;*/height:auto;border-bottom:1px solid #e0e0e0;background:#fff;overflow:hidden;padding:0;margin:0} #design .dk_view dl:before {content:"";position:absolute;left:0;top:0;width:100px;height:100%;border-right: 1px solid #e3e3e3;} /*#design .dk_view dl + dl:before {border-left: 1px solid #e3e3e3;}*/ #design .dk_view dl.lik{width:100%;min-height:40px;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #design .dk_view dl.add1 {width:100%;} #design .dk_view dl.add1::before {border-left: 0;} #design .dk_view dl.add {width:100%;min-height:40px;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #design .dk_view dl.add a {padding-right:15px} #design .dk_view dl.add img {padding:0; margin:0; padding-right:6px; vertical-align:top;} #design .dk_view dt {position:absolute;left:5px;top:2px;font-size: 14px; font-weight:400; padding:9px 0; overflow:hidden;text-indent:18px; } #design .dk_view dd {height:15px;line-height:20px;height:auto; min-height: 40px; padding:10px 0; padding-left:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-size:14px;} #design .dk_view dd a {display:block;} #design .dk_view dd a + a {margin-top: 3px;} #design .dk_view dd a img {vertical-align: top;margin-right: 5px;} #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} /**/ #design .bd_seminar .seminar_info {padding: 30px;display: flex;background-color: #f4f4f4;} #design .bd_seminar .seminar_info .img {flex: 0 0 200px;margin-right: 40px;} #design .bd_seminar .seminar_info .txt {flex: 1 1 calc(100% - 240px);} #design .bd_seminar .seminar_info .txt h3 {color: #000;line-height: 1.5em;} #design .bd_seminar .seminar_info .txt dl {position: relative;display: flex;padding-left: 12px;font-size: 15px;} #design .bd_seminar .seminar_info .txt dl::before {content: '';position: absolute;top: 8px;left: 0;width: 5px;height: 5px;border-radius: 5px;background-color: #000;} #design .bd_seminar .seminar_info .txt dl + dl {margin-top: 15px;} #design .bd_seminar .seminar_info .txt dl dt {flex: 0 0 80px;color: #1f92ae;font-size: 16px;font-weight: 600;} #design .bd_seminar .content {padding: 35px 0;} #design .bd_seminar .content + .content {border-top: 1px solid #ddd;} #design .bd_seminar .content > p {position: relative;width: 100%;height: 0;padding-top: 56.25%;} #design .bd_seminar .content iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /***** 북큐레이션 *****/ #themeGallery .theme_gallery > ul::after {content: '';display: block;clear: both;} #themeGallery .theme_gallery > ul > li {float: left;width: 32%;margin: 20px 1% 0;text-align: center;} #themeGallery .theme_gallery > ul > li:nth-child(3n-2) {margin-left: 0;} #themeGallery .theme_gallery > ul > li:nth-child(3n) {margin-right: 0;} #themeGallery .theme_gallery > ul > li div.img {} #themeGallery .theme_gallery > ul > li div.img a {display: block;height: 200px;padding: 10px;background-color: #f2f2f2;} #themeGallery .theme_gallery > ul > li div.img img {height: 100%;max-width: 100%;} #themeGallery .theme_gallery > ul > li p.title a {overflow: hidden;padding: 15px 0;display: block;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;font-weight: 500;} #design #curationBook .curation {height: 540px;padding: 20px 0;background-color: #f4f4f4;} #design #curationBook .curation .slider li img {margin: 0 auto;height: 500px;max-width: 100%;} #design #curationBook .curation .slick-arrow {position: absolute;top: 50%;z-index: 109;width: 50px;height: 50px;margin-top: -25px;text-indent: -9999px;background-color: rgba(0,0,0,0.5);color: #fff;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 18px;} #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: 23.5%;margin: 40px 1% 0;text-align: center;} #design .relative_book > ul > li:nth-child(4n-3) {margin-left: 0;} #design .relative_book > ul > li:nth-child(4n) {margin-right: 0;} #design .relative_book > ul > li:nth-child(-n+4) {margin-top: 0;} #design .relative_book > ul > li dt {margin-bottom: 15px;} #design .relative_book > ul > li dt img {height: 250px;max-width: 100%;padding: 10px;background-color: #f2f2f2;} #design .relative_book > ul > li dd {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;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{} #design .dk_movie .webzine dl{position:relative;margin:10px;padding:0 0 0 150px;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out} #design .dk_movie .webzine dl:before, #design .dk_movie .webzine dl:after{clear:both;display:table;content:"";line-height:0} #design .dk_movie .webzine dl:hover{border:1px solid #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:170px;} #design .dk_movie .webzine dt .img .noimg{display:block;width:120px;height:160px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px} #design .dk_movie .webzine dt .img img{width:120px;height:100%;} #design .dk_movie .webzine dd{padding:55px 20px 30px 0} #design .dk_movie .webzine dd ul{padding:0 0 5px 0} #design .dk_movie .webzine dd li{padding:0 10px;font-size:15px;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:15px;color:#777} #design .dk_movie .webzine dd .txt{margin-bottom:10px;padding:0 10px;height:80px;line-height:20px;font-size:14px;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 0 0 200px;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out} #design .dk_movie .detail dl:before, #design .dk_movie .detail dl:after{clear:both;display:table;content:"";line-height:0} #design .dk_movie .detail dt{position:absolute;top:0;left:0;width:100%} #design .dk_movie .detail dt .tit{padding:10px 20px;display:block;font-size:22px;font-weight:600;color:#1c368d;border-bottom:1px solid #eee} #design .dk_movie .detail dt .img{margin:20px} #design .dk_movie .detail dt .img a{display:inline-block;border:1px solid #eee;height:200px;} #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;height:100%;} #design .dk_movie .detail dd{padding:70px 20px 10px 0} #design .dk_movie .detail dd ul{padding:0 0 20px 0} #design .dk_movie .detail dd li{position:relative;padding:3px 10px 3px 70px;line-height:20px;font-size:15px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px} #design .dk_movie .detail dd li span{position:absolute;top:3px;left:0;font-size:15px;color:#df5400} #design .dk_movie .detail dd .txt{padding:20px 0 50px 0;line-height:25px;font-size:15px;color:#333;border-top:1px solid #eee;text-align:justify;word-break:break-all} #design .dk_movie .detail p{height:60px;line-height:20px;color:#888;overflow:hidden} /**/ #dkboard .dk_detail{margin-bottom:20px;*zoom:1} #dkboard .dk_detail:before, #dkboard .dk_detail:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_detail *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_detail h2{margin:10px 0 30px;padding:20px 30px;font-size:16px;color:#0473ba;border-top:2px solid #0473ba;border-bottom:1px solid #0473ba;background:#fff} #dkboard .dk_detail h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9} #dkboard .dk_detail table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_detail table{width:100%;border-collapse:collapse;border-top:1px solid #ccc} #dkboard .dk_detail table caption{display:none} #dkboard .dk_detail table th{padding:10px 20px;text-align:left;border-bottom:1px solid #ccc;background:#fff} #dkboard .dk_detail table td{padding:10px;font-size:14px;color:#333;border-bottom:1px solid #ccc;background:#fff} #dkboard .dk_detail table td a{font-size:14px;color:#333} #dkboard .dk_detail .capacity{min-height:50px;overflow:hidden} #dkboard .dk_detail .capacity dl{float:left;width:11.11%;text-align:center;position:static} #dkboard .dk_detail .capacity dt{display:block;padding:5px 0;background:#ecf9f4} #dkboard .dk_detail .capacity dd{display:block;padding:5px 0} #dkboard .dk_detail .img{float:left;width:30%} #dkboard .dk_detail .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #dkboard .dk_detail .info{margin:0 0 20px 0} #dkboard .dk_detail .info dl{position:relative;padding-left:160px;border-top:1px solid #ccc;overflow:hidden} #dkboard .dk_detail .info dt{position:absolute;top:10px;left:20px;line-height:20px} #dkboard .dk_detail .info dd{padding:10px 0;line-height:20px} /**/ #dkboard .basic_write input[type="text"], #dkboard .basic_write input[type="password"]{padding:0 10px;height:30px;border:1px solid #ccc;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;line-height:30px\9;font-size:14px;font-family:inherit} /**/ #dkboard .faqlist *{margin:0;padding:0;list-style-type:none} #dkboard .faqlist li{padding:20px 0;border-bottom:1px solid #ccc} #dkboard .faqlist li dl{padding:10px 0;position:relative} #dkboard .faqlist li dt{position:absolute;top:10px;left:0} #dkboard .faqlist li dt strong{font-size:24px;font-family:Arial, Helvetica, sans-serif} #dkboard .faqlist li dd{padding-left:40px} #dkboard .faqlist li dd br{display:none} /**/ #dkboard .prevnext{margin-top: 30px;padding-bottom:12px} #dkboard .prevnext *{margin:0;padding:0;border:0;list-style-type:none;font-size:14px} #dkboard .prevnext ul{border-top:1px solid #ccc} #dkboard .prevnext li{position:relative;padding:0px 90px 0 110px; height:44px; border:1px solid #ccc; border-top:0;} #dkboard .prevnext li strong{position:absolute;top:0;left:0; width:90px; background:#fafafa; height:43px; line-height:43px; font-size:13px; border-right:1px solid #ccc; text-align:center;display:block;color:#555;} #dkboard .prevnext li p{color:#999; line-height:44px;} #dkboard .prevnext li a {display:block; height:44px; line-height:44px; padding-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #dkboard .prevnext li a:hover { color:#ff661b;} #dkboard .prevnext li span{position:absolute;top:11px;right:18px;display:block;color:#999} /**/ #dkboard .dk_pass{padding:40px 0} #dkboard .dk_pass .box{padding:30px;font-size:20px;text-align:center;border:1px solid #d2d2d2;background:#fafafa} #dkboard .dk_pass .button button, #dkboard .dk_pass .button a{padding:5px 30px} /**/ #design .dk_title{padding:10px 0;*zoom:1} #design .dk_title:before, #design .dk_title:after{clear:both;display:table;content:"";line-height:0} #design .dk_title *{margin:0;padding:0;font-size:13px;border:0;list-style-type:none} #design .dk_title h3{float:left;line-height:30px;font-weight:400;color:#333} #design .dk_title .dk_search{float:right} /**/ #design .dk_search{position:relative;} #design .dk_search:before, #design .dk_search:after{clear:both;display:table;content:"";line-height:0} #design .dk_search fieldset{float: right;min-width: 300px;text-align: right;} #design .dk_search fieldset legend{display:none} #design .dk_search fieldset select{width: 28%;padding:3px;height:32px !important;line-height:32px !important;font-size:14px;/*border-radius:5px;*/font-weight:400;color:#777;border:1px solid #ccc;background:#fff;vertical-align: middle;} #design .dk_search fieldset label{padding:0 10px 0 0;line-height:30px} #design .dk_search fieldset input{margin: 0 5px;padding: 0 5px;height:32px;line-height:32px;/*border-radius:5px;*/font-size:14px;color:#777;border:1px solid #ccc;vertical-align: middle;} #design .dk_search fieldset button{position:relative;top:0px;padding:0 12px;height:32px !important;font-size:15px;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{position:absolute;z-index:10;bottom: 7px;right:0} /**/ #design .dk_search.sett2 {clear: both;float: none;background-color: #f6f6f6;padding: 20px;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: 3px 0;height: 32px;vertical-align: middle;} #design .dk_search.sett2 fieldset select {width: auto;} #design .dk_search.sett2 fieldset input {max-width: 100px;} #design .dk_search.sett2 fieldset input.input_type2 {max-width: none;width: 30% !important;} /**/ #design .dk_paging{padding:0 0 10px 0;text-align:center} #design .dk_paging * {/*margin:0;padding:0;border:0;list-style-type:none;*/font-size: 13px;} #design .dk_paging .paging {margin: 30px 0 0;} #design .dk_paging .paging span span{color:#2d4594;font-size:13px;display:none} #design .dk_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000;vertical-align:middle;} #design .dk_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5} #design .dk_paging .pprev{display:inline-block;padding:0 10px;font-size:13px;color:#888;border-left:0px solid #ccc} #design .dk_paging .prev{display:inline-block;padding:0 10px;font-size:13px;color:#888;border-left:1px solid #ccc} #design .dk_paging .next{display:inline-block;padding:0 10px;font-size:13px;color:#888;border-right:1px solid #ccc} #design .dk_paging .nnext{display:inline-block;padding:0 10px;font-size:13px;color:#888;border-right:0px solid #ccc} #design #sg_paging{padding:0 0 10px 0;text-align:center} #design #sg_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #design #sg_paging .paging{padding:20px 0} #design #sg_paging .paging span span{color:#2d4594;font-size:11px;display:none} #design #sg_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000} #design #sg_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5} #design #sg_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:0px solid #ccc} #design #sg_paging .prev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:1px solid #ccc} #design #sg_paging .next{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:1px solid #ccc} #design #sg_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:0px solid #ccc} /**/ #design .dk_button{padding:20px 0 0;text-align:right} #design .dk_button *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #design .dk_button a{display:inline-block;padding:6px 20px 8px;font-size:14px;color:#fff;border:1px solid #1c2645;background:#1c2645;border-radius:4px} #design .dk_button button{display:inline-block;padding:5px 20px;font-size:14px;color:#fff;border:1px solid #1c2645;background:#1c2645;border-radius:4px} /* #design .button{position:relative;padding:30px 0 0 0;text-align:center} #design .button p{margin:0 0 30px 0;padding:20px 0;font-size:15px;border:1px solid #eee;background:#fafafa} #design .button button{padding: 16px 30px;font-size: 17px;text-align: center;color: #fff;border: none;background: #1e2c5d;cursor: pointer;vertical-align: middle;} #design .button a{display: inline-block;margin: 0 7px;padding: 16px 30px;margin:0;font-size: 17px;color: #fff;background: #1e2c5d;} #design .button a.st {display:inline-block;margin:0 7px;padding:13px 40px;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 a.st:hover{color:#ff581c;border:1px solid #aaa;border-top:3px solid #ff581c;background:#fff} #design .button span{display:inline-block;margin:0 5px;padding:13px 40px;font-size:15px;color:#333;border:1px solid #aaa;border-top:2px solid #888;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px} #design .button span.end{color:#f23737;border:1px solid #aaa;border-top:2px solid #f23737} #design .button .btn_end{padding:11px 50px;font-size:15px;font-weight:600;color:#c62337;border:1px solid #c62337;border-top:2px solid #c62337;background:#fff} #design .button .btn_paym{padding:11px 60px;font-size:18px;color:#fff;border:1px solid #c62338;border-top:2px solid #c62338;background:#c62338;box-shadow:2px 2px 2px #ccc;border-radius:3px;transition:all 0.3s} #design .button .btn_paym:hover{color:#fff;border:1px solid #aaa;border-top:2px solid #333;background:#333} #design .button .btn_group{display:inline-block;} #design .button .btn_first{padding: 16px 30px;font-size: 17px;text-align: center;color: #fff;border: none;background: #1e2c5d;cursor: pointer;vertical-align: middle;} #design .button .btn_retract{padding: 16px 30px;font-size: 17px;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:49%;padding-bottom:20px;margin-right: 2%} #gallery_wrap > div:nth-child(2n) {margin-right: 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;height:200px;overflow:hidden;background:url(../img/noimg.png) no-repeat center center;} #gallery_wrap .image_bagic a img{width:100%;max-width:100%;min-height:140px;margin:0 auto;display:inline-block;height:auto;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_top{position:relative} #gallery_wrap .gallery_top > img{position:absolute;top:5px;left:10px} #gallery_wrap .gallery_top dl{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{overflow:hidden;} #dk_book .dk_book {margin: 0 -7px;} #dk_book .dk_book:before, #dk_book .dk_book:after{clear:both;display:table;content:"";line-height:0} /*#dk_book .dk_book .webzine{float:left;position:relative;margin-bottom:20px;width:50%} #dk_book .dk_book .webzine dl{margin:0 10px;padding:10px;border:1px solid #cacaca;} #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: 15px;left: 25px;width: 110px;} #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:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #dk_book .dk_book .webzine dd ul{padding:10px 0 0 0;height:148px;} #dk_book .dk_book .webzine dd li{padding:0 0 5px 0;color:#555;font-size:15px;line-height:15px;white-space:nowrap;overflow:hidden} #dk_book .dk_book .webzine dd li span{display:inline-block;width:50px;font-size:15px;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{float: left;position: relative;width:50%;padding: 7px;} #dk_book .dk_book .webzine dl {padding: 20px;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:110px} #dk_book .dk_book .webzine dt a {display: block;width: 100%;} #dk_book .dk_book .webzine dt img {display:block; padding:4px;width: 90px;height: auto;border:1px solid #dedede} #dk_book .dk_book .webzine dd {float:left;width: calc(100% - 110px);} #dk_book .dk_book .webzine dd .field {display: inline-block;margin-bottom: 10px;padding: 2px 7px;border: 1px solid var(--mainColor);color: var(--mainColor);} #dk_book .dk_book .webzine dd div a {display:block;font-weight:500;color: var(--subColor1);font-size: 19px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #dk_book .dk_book .webzine dd ul {padding: 15px 0 0 0;/*margin-bottom: 40px;*/} #dk_book.read_chju .dk_book .webzine dd ul {height: auto;} #dk_book .dk_book .webzine dd li {overflow: hidden;font-size: 15px;color: #555;text-overflow: ellipsis;white-space: nowrap;} #dk_book .dk_book .webzine dd li + li {margin-top: 3px;} #dk_book.read_chju .dk_book .webzine dd ul li + li {margin-top: 5px;} #dk_book.read_chju .dk_book .webzine dd ul li + li.year_book {margin-top: 15px;} #dk_book .dk_book .webzine dd li span {display:inline-block;font-size:14px;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: #000;} #dk_book .dk_book .webzine .content {overflow: hidden;display: -webkit-box;height: 4.2em;margin: 20px 0 0 -110px;font-size: 15px;color: #333;line-height: 1.4em;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} #dk_book .dk_book .detail {position:relative;padding-bottom:20px;padding: 10px;} #dk_book .dk_book .detail dl {padding: 20px;background-color: #f4f4f4;} #dk_book .dk_book .detail dl:after {clear:both;display:table;content:"";line-height:0} #dk_book .dk_book .detail dt {float:left;width: 150px;margin-right: 25px;} #dk_book .dk_book .detail dt img {display:block; padding: 5px;width: 100%;height: auto;} #dk_book .dk_book .detail dd {float:left;width: calc(100% - 180px);} #dk_book .dk_book .detail dd div {display:block;font-weight:500;color: var(--subColor1);font-size: 18px;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 {color:#555;font-size:16px;} #dk_book .dk_book .detail dd li + li {margin-top: 10px;} #dk_book .dk_book .detail dd li span {display:inline-block;font-size:16px;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: var(--mainColor);font-size: inherit;} #dk_book .dk_book .title {padding: 10px;} #dk_book .dk_book .detail p {height:60px;line-height:20px;color:#888;overflow:hidden} #dk_book .dk_book .info {margin-top:0;padding: 18px 20px;border:1px solid #ddd;background:#fff;font-size: 15px;} #dk_book .dk_book .btn_wrap {padding: 10px;} #dk_book .dk_book .summary {padding: 10px;} #dk_book .dk_book .writer {padding: 10px;} #dk_book .dk_book .writer .img {padding: 5px;border: 1px solid #ddd;} #dk_book .dk_book .writer_info {margin-bottom: 20px;} #dk_book .dk_book .writer_info span.name {font-size: 20px;font-weight: 500;margin-right: 20px;border-bottom: 1px solid #333;vertical-align: middle;} /**/ #dk_gallery{} #dk_gallery .dk_gallery{margin:0 -10px;overflow:hidden;*zoom:1} #dk_gallery .dk_gallery:before, #dk_gallery .dk_gallery:after{clear:both;display:table;content:"";line-height:0} #dk_gallery .dk_gallery .theme{float:left;position:relative;width:50%} #dk_gallery .dk_gallery .theme dl{margin:0 10px 20px 10px;padding:10px;min-height:300px;height:180px\9;border:1px solid #cacaca;*zoom:1} #dk_gallery .dk_gallery .theme dl:before, #dk_gallery .dk_gallery .theme dl:after{clear:both;display:table;content:"";line-height:0} #dk_gallery .dk_gallery .theme dt{} #dk_gallery .dk_gallery .theme dt img{display:block;width:100%;height:300px} #dk_gallery .dk_gallery .theme dd{} #dk_gallery .dk_gallery .theme dd div a{display:block;padding:5px 0;font-weight:600;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #dk_gallery .dk_gallery .theme dd ul{padding:5px 0} #dk_gallery .dk_gallery .theme dd li{padding:0 0 5px 0;color:#555;white-space:nowrap;overflow:hidden} #dk_gallery .dk_gallery .theme .bagic{text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #dk_gallery .dk_gallery .theme .bagic a{display:block;height:300px;overflow:hidden;background:url(../img/noimg.png) no-repeat center center} #dk_gallery .dk_gallery .theme dl:hover{border:1px solid #3394dd;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #dk_gallery .dk_gallery .theme dl:hover a{color:#3394dd;} #program div.subject_a{margin:10px 0 15px 50px;background:url("../img/pro_content/list_title_line.gif") no-repeat 50px 0.6em} #program div.subject_a span.head{float:left;width:50px;background:url("../img/common/bullet_list01.gif") no-repeat 0 0.7em;padding:7px 0 0 10px;font-weight:600} #program div.subject_a input{width:470px;height:17px;border:1px solid #d3d3d3} /* #program .sitemap_con{padding:30px 0;overflow:hidden} #program .group{float:left;width:25%} #program .group h2{margin-right:20px;padding:8px 0;margin-bottom:10px;font-size:15px;font-weight:600;color:#333;text-align:center;border:1px solid #ccc;border-bottom:2px solid #00877d;background:#fff;box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.2)} #program .group > ul{margin-right:20px} #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:6px 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:26px;border-bottom:1px solid #d2d2d2;overflow:hidden} #wd_print .row_input *{font-size:15px !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:500;text-align:left;white-space:nowrap;color:#464646} #wd_print .row_input span.required{position:absolute;top:15px;left:10px;color:#f00;font-weight:600} #wd_print .row_input span.info {width:auto !important;margin:0;padding-top:6px;display:block;letter-spacing: -0.05em;border:none} #wd_print .row_input input.long {width:auto !important} #wd_print .row_input span.data {display:block;padding:4px 0 2px 0;line-height:140%} #wd_print .row_input .dk_textarea{padding:10px;width:100%;height:300px;border:1px solid #ccc} div.sg_pass{padding:20px 50px} div.sg_pass .sg_pass_box{border:solid #d2d2d2;border-width:2px 0;padding:30px;text-align:center;background:#f9f9f9} div.sg_pass .sg_pass_box span{padding:0 0 0 13px;background:url(../img/bullet_arrow.gif) no-repeat 0 0.2em} div.sg_pass .sg_pass_box input{vertical-align:middle;margin-bottom:4px;width:150px} div.sg_pass .sg_pass_btn{text-align:center;padding-top:15px} div.sg_pass .sg_pass_btn img, div.sg_pass .sg_pass_btn input{vertical-align:middle} div.sg_pass .sg_pass_btn input{padding:5px 10px;border:1px solid #ccc} div.sg_pass .sg_pass_btn a{display:inline-block; position:relative; top:1px;padding:5px 10px;line-height:20px;color:#fff;border:1px solid #999;background:#999} div.sg_reply{padding-top:5px;} div.sg_reply .reply_form{overflow:hidden; padding-bottom:28px;border-bottom:1px solid #ddd;} div.sg_reply .reply_form h2{color:#333 !important;font-size:14px !important;;margin:10px 0;float:left;background:none;padding:0} div.sg_reply .reply_form p.reply_num{text-align:right;float:right;font-size:12px;margin:10px 0 0 0} div.sg_reply .reply_form .outline{clear:both} div.sg_reply .reply_form .outline fieldset{border:0;overflow:hidden; position:relative;} div.sg_reply .reply_form .outline .row_input_reply{float:left;width:100%;} div.sg_reply .reply_form .outline .row_input_reply textarea{padding:10px;width:100%;height:50px;border:1px solid #888;resize:none;overflow-y:auto} div.sg_reply .reply_form .outline .row_input_reply .sg_file{display:block; width:100%; padding:3px 0;font-size:12px;} div.sg_reply .reply_form .outline .btn_board_ok{position:absolute; right:0; top:0;width:18%;height:72px;color:#fff !important;border:0;background:#444; cursor:pointer;} div.sg_reply .writing{border-bottom:1px solid #dfdfdf;padding:10px 0;font-size:12px;clear:both;overflow:hidden;position:relative} div.sg_reply .best_wrap{margin:10px 0 0;border-top:1px solid #c5d7e0} div.sg_reply .best_wrap .writing{padding:10px;background:#f3f3f1;border-bottom:1px solid #c5d7e0} div.sg_reply .best_wrap .writing .best_re{position:absolute;left:0;top:0} div.sg_reply .writing_re{padding:10px 0 10px 38px;overflow:hidden;background:#f7f7f7 url(../img/ico_reply.png) no-repeat 10px 13px} div.sg_reply .writing .profile_photo{float:left;width:42px;height:50px} div.sg_reply .writing .profile_photo img {width:42px;height:50px} div.sg_reply .writing .con_wrap{color:#555} div.sg_reply .writing .con_wrap #con_info{overflow:hidden} div.sg_reply .writing .con_wrap #con_info .info{float:left} div.sg_reply .writing .con_wrap #con_info .info .id{font-weight:700;margin-right:10px;position:relative;display:inline-block} div.sg_reply .writing .con_wrap #con_info .info .level01{background-position:0 0} div.sg_reply .writing .con_wrap #con_info .info .level02{} div.sg_reply .writing .con_wrap #con_info .info .level03{background-position:0 -40px} div.sg_reply .writing .con_wrap #con_info .info .level04{background-position:0 -60px} div.sg_reply .writing .con_wrap #con_info .info .day{color:#888;font-size:11px; display:inline-block; margin-top:-2px;} div.sg_reply .writing .con_wrap .m_d{float:right;padding-right:8px;} div.sg_reply .writing .con_wrap .m_d .postedit{float:left; color:#fff; font-size:0px !important;} div.sg_reply .writing .con_wrap .m_d .postedit a { display:inline-block; padding:1px 9px;color:#333; margin-left:4px; font-size:13px !important; background:#fff; border:1px solid #ddd; border-radius:3px;} div.sg_reply .writing .con_wrap .con{font-size:12px;padding:0; margin:0;} #program .okay{padding:20px 0} #program .okay *{font-size:13px} #program .okay p{padding:20px 0;margin-bottom:20px;font-size:14px;color:#f04d48;border-top:0px solid #eee;border-bottom:1px solid #eee} #program .okay p a{padding:5px 10px;color:#fff;border:1px solid #f04d48;background:#f04d48;border-radius:3px} #program .okay li{padding:2px 0;color:#333} /*#sg_btn_area{padding:10px 0 !important;text-align:right} #sg_btn_area a, #sg_btn_area button{display:inline-block;padding:5px 14px 7px 14px !important;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px} #sg_btn_area input{padding:5px 14px 7px 14px;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px}*/ /*로그인폼*/ #design .login{padding-top:20px;padding-bottom:40px} #design .login form{margin:0 auto;margin-top:10px;padding:40px 80px;background: #edf5fa;overflow:hidden} #design .login fieldset{position:relative;margin:0 auto;width:560px;border:0} #design .login fieldset ul{margin-bottom:10px;overflow:hidden} #design .login fieldset label.id, #program .login fieldset label.pw{text-indent:-9999px;display:block;width:45px;height:45px;border:1px solid #c0c0c0;border-right:none;float:left} #design .login fieldset label.id{overflow: hidden;position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;text-indent: -9999px;} #design .login fieldset label.pw{overflow: hidden;position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;text-indent: -9999px;} #design .login fieldset input{width: calc(100% - 130px);height:47px;border:1px solid #c0c0c0 !important;background:#fff !important;margin-bottom:6px;font-size:15px} #design .login fieldset input:-webkit-autofill{background-color:rgb(255, 255, 255) !important;background-image:none} #design .login fieldset button{position:absolute;top:0;right:0;width:120px;height:100px !important;font-size:0px;font-weight:400;color:#fff;border:0;background:#1e2c5d;border-radius:2px;transition:0.3s;cursor:pointer} #design .login fieldset button:after{content:"LOGIN";display:block;font-size:16px;font-weight:700;text-align:center} #design .login fieldset button:hover{color:#fff;background:#4079e6;transition:0.3s} #design .login fieldset input[type=checkbox].chk{width:15px;height:15px;background:#fff !important;border:1px solid #cfcfcf;border-radius:0;margin-top:3px} #design .login fieldset label.chk01{font-size:13px;color:#555} #design .login form p{text-align:center;padding-top:18px} #design .login form p a{padding:0 12px} #design .login form p a:hover{text-decoration:underline} #design .login .find{padding:30px 0;font-size:15px;font-weight:400;text-align:center;color:#444} #design .login .find a{font-size:16px;color:#fff;background:#2e4287;border-radius:2px;display:inline-block;padding:1px 10px} #design .login .dashed{padding-top:10px} #design .login .login_guide{} #design .login .login_guide li{background:url(../img/dp2.png) no-repeat 0 5px;font-size:13px;color:#555;padding-bottom:6px;padding-left:13px} #design .login form.outForm {margin-top:30px;} #design .login form.outForm fieldset {position:relative;margin:0 auto;width:302px;border:0} #design .login form.outForm ul li label {/*display:block;*/display:inline-block;width:100px;} #design .login .heading {font-size: 50px;font-family: var(--fontPointSet);margin-bottom: 30px;} .icon_warning {padding:2px 0 2px 30px;background:url(../img/icon_warning.png) no-repeat 0 4px;margin:20px 0;} #contain #program .login fieldset .auto_login {display: none !important;} /*동의*/ #design .pri_box { margin-bottom: 30px; padding:20px 20px 40px; 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 {} #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 30px 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;} #design .radio_box i { width: 26px; height: 26px; margin-right: 10px; 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:18px;height:18px;} #design .member .terms fieldset{position:relative;padding:50px 0} #design .member .termswrap{} #design .member .termswrap div{padding:20px;height:210px;border:1px solid #ccc;overflow-y:scroll} #design .member .termswrap div p{padding-bottom:20px} #design .member .termswrap div ul li ul{padding:5px 5px 20px 5px} #design .member .termswrap div textarea{float:left;display:block;padding: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:16px} #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 50px 30px 50px;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:20px;text-align:center;border-top:2px solid #333;border-bottom:1px solid #333;background:#fff;} #design .member .comp .c1{float:left;width:48%;overflow:hidden} #design .member .comp .c2{float:right;width:48%;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{background:#edf5fa;overflow:hidden} #design .member .step ol li{float:left;position:relative;padding:20px 0;width:25%;text-align:center} #design .member .step ol li span{display:block;font-size:13px} #design .member .step ol li strong{display:block;font-size:18px;font-weight:500;} #design .member .step ol li strong br {display:none;} #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 #12244b} #design .member .step ol li.sel span, #design .member .step ol li.sel strong {color:#12244b} .member_form{padding: 0 0 30px;border-top: 1px solid #000;margin-top: 50px;} .member_form fieldset{border:0} .member_form dl{padding:14px 0;border-bottom:1px solid #ccc;overflow:hidden} .member_form dt{float:left;width:16%} .member_form dd{float:left;width:84%} .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;} .join_form{padding: 0 0 30px;border-top: 1px solid #000;margin-top: 50px;} .join_form fieldset{border:0} .join_form dl{padding:14px 0;border-bottom:1px solid #ccc;overflow:hidden} .join_form dt{float:left;width:16%} .join_form dd{float:left;width:84%} .join_form dd select{border:1px solid #ccc} .join_form dd .t_txt{border:1px solid #ccc} .join_form dd .btn{padding: 0 16px;color: #fff;background: #555;height: 35px;line-height: 35px;vertical-align:top;display: inline-block;margin-bottom: 5px;font-size: 14px;border-radius: 5px;} .join_form .join_txt {display:block;} #design .member .button{padding:20px 0;text-align:center} #design .member .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa} #design .member .button button{padding:13px 40px;font-size:17px;text-align:center;color:#fff;border:0;background:#df5400;border-radius:5px} #design .member .button a{ display:inline-block;margin:0 5px;padding:10px 20px;color:#333;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px} #design .member .userPart{padding:30px 0} #design .member .userPart ul{overflow:hidden;display: flex;flex-wrap: wrap;} #design .member .userPart li {/* float:left; */width: 32%;margin-right: 1.33333%;margin-bottom: 10px;} #design .member .userPart li:nth-child(1) {background:url(../img/user_part01.png) no-repeat 95% 90%} #design .member .userPart li:nth-child(2) {background:url(../img/user_part02.png) no-repeat 95% 90%} #design .member .userPart li:nth-child(3) {background:url(../img/user_part03.png) no-repeat 95% 90%} #design .member .userPart li:nth-child(4) {background:url(../img/user_part04.png) no-repeat 95% 90%} #design .member .userPart li:nth-child(5) {background:url(../img/user_part05.png) no-repeat 95% 90%} #design .member .userPart .selects label{display: block;position: relative;padding: 20px 20px;padding-left: 50px;height: 160px;border: 1px solid #ccc;cursor: pointer;} #design .member .userPart .selects label input{position:absolute;top:22px;left:20px;width:19px;height:19px;margin:3px 3px 0px 5px;border:1px solid #ccc} #design .member .userPart .selects label strong{display: block;padding-bottom: 5px;font-size: 20px;color: #2e4287;font-weight: 500;} #design .member .userPart .selects label span{display:block;font-size:16px} #design .member .userPart .selects label:hover, #design .member .userPart .selects label.sel{color:#0093dd;border:1px solid #1976d2} #design .member .userPart .selects label:hover strong, #design .member .userPart .selects label:hover span{color:#1976d2} /**/ #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} .idpw_wp {} .idpw_wp .search_id {padding-bottom:30px;margin-bottom:30px;border-bottom:1px dashed #ddd;} .idpw_wp .idpw_con_wp {padding:10px 0;background: #edf5fa;} .idpw_wp .idpw_con {padding:5px 0;} .idpw_wp .idpw_con em {display:block;padding-left:120px;margin-top:5px;font-size:15px;} .idpw_wp .search_id .idpw_con.line {border-top:1px solid #ddd;} .idpw_wp .idpw_con label {display:inline-block;width:120px;text-align:center;} .idpw_wp .idpw_con .tit {display:inline-block;width:120px;text-align:center;} .idpw_wp .add_text {padding:15px 0 0} /* 사이트맵 */ #program .sitemap_con{padding-bottom: 30px;overflow:hidden} #program .sitemap_con:last-child {padding-bottom: 0;} #program .group{float:left;width:23.5%;margin: 0 1%;} #program .group:nth-child(4n-3) {margin-left: 0;} #program .group:nth-child(4n) {margin-right: 0;} #program .group h2{padding: 8px 0;margin-bottom:10px;font-size:18px;font-weight:600;color:#333;text-align:center;border:1px solid #ccc;background:#fff;} #program .group > ul{} #program .group > ul > li > a{display:block;padding: 10px;font-size:15px;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:6px 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:13px;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 * {transition: all 0.5s;} #introPrivacy ul li {padding: 50px 0;text-align: center;border-bottom: 1px dashed #ccc;} #introPrivacy ul li:hover {background: url(../img/bg_privacy.jpg) no-repeat 50%;background-size: cover;transition: all 0.5s;} #introPrivacy ul li:last-child {border-bottom: 0;} #introPrivacy ul li h3 {font-size: 29px;font-weight: 500;color: #555;letter-spacing: -0.8px;} #introPrivacy ul li h3.mobile {display: none;} #introPrivacy ul li h3 span {color: #0e4fa3;font-weight: 700;} #introPrivacy ul li:hover h3 {color: #fff;} #introPrivacy ul li:hover h3 span {color: #f7df12;} #introPrivacy ul li .privacy_btn {font-size: 0;padding-top: 10px;} #introPrivacy ul li .privacy_btn a {display: inline-block;padding: 0 5%;margin: 0 1%;height: 65px;font-size: 17px;line-height: 55px;letter-spacing: -0.5px;color: #333;border: 5px solid #ddd;border-radius: 65px;box-sizing: border-box;} #introPrivacy ul li:hover .privacy_btn a {border-color: #fff;color: #fff;} #introPrivacy ul li:hover .privacy_btn a:hover {background: #64d0d2;color: #fff;border-color: #64d0d2;transition: all 0.2s;}*/ /*기본*/ #design div + table.tstyle2 {margin-top: 20px;} #design table.tstyle2 {position: relative;z-index: 0;width: 100%;border-collapse: collapse;border-spacing: 0;text-align: center;background-color: #fff;} #design table.tstyle2::before {content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 1px;background-color: #333;} #design table.tstyle2 th, #design table.tstyle2 td {border: 1px solid #e3e3e3;word-break: break-all;} #design table.tstyle2 thead th {height: 50px;padding: 12px;font-weight: 400;font-size: 15px;color:#333;background: #f6f7f6;border-bottom: 0;} #design table.tstyle2 thead th:first-child {border-left: 0;} #design table.tstyle2 thead th:last-child {border-right: 0;} #design table.tstyle2 tbody th, #design table.tstyle2 tbody td {height: 50px;padding: 15px;font-size: 15px;color: #333;vertical-align: middle;} #design .table_wide table.tstyle2 tbody td {padding: 3px;font-size: 14px;} #design table.tstyle2 tbody th {font-weight: 400;} #design table.tstyle2 tbody th:first-child {border-left: 0;} #design table.tstyle2 tbody th:last-child {border-right: 0;} #design table.tstyle2 tbody td:first-child {border-left: 0;} #design table.tstyle2 tbody td:last-child {border-right: 0;} #design table.tstyle2 tbody th.item, #design table.tstyle2 tbody td.item {background:#f5f5f5;border-bottom:1px solid #ddd;text-align:center;} #design table.tstyle2 tfoot th, #design table.tstyle2 tfoot td {padding: 10px;font-size: 15px;font-weight: 400;border-top: 3px double #aaa;} #design table.tstyle2 tfoot td:first-child {border-left: 0;} #design table.tstyle2 tfoot th:first-child {border-left: 0;} #design table.tstyle2 tfoot th:last-child {border-right: 0;} /*대관신청_테이블_달력*/ .cal_s_wp {position:relative;margin-top:50px;} table.tstyle_calendar_s{border-collapse:collapse;width:100%;} table.tstyle_calendar_s::before {display:none;} table.tstyle_calendar_s caption{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden} table.tstyle_calendar_s thead.line{border:solid #333;border-width:2px 0 0 0} table.tstyle_calendar_s th {border:none !important;} table.tstyle_calendar_s th, table.tstyle_calendar_s td{padding:5px 6px;line-height:140%} table.tstyle_calendar_s th{background:#fff !important;font-weight:bold;text-align:center;vertical-align:middle;} table.tstyle_calendar_s .cal_month_area a {display:block;height:30px;} table.tstyle_calendar_s img.prev{margin-right:10px;width:30px;height:30px;} table.tstyle_calendar_s span.month{font-size:20px; font-weight:normal;} table.tstyle_calendar_s img.next{margin-left:10px;width:30px;height:30px;} table.tstyle_calendar_s th.sun{color:#ec2626 !important;} table.tstyle_calendar_s th.sat{color:#00679d !important;} table.tstyle_calendar_s tbody th{background:#fff;font-weight:bold;height:24px;font-size:15px; color:#000000;border:none;} table.tstyle_calendar_s tbody td{width:14%; border:none;min-height:30px;text-align:left;} table.tstyle_calendar_s tbody td:first-child {border-left: 1px solid #e3e3e3 !important;} table.tstyle_calendar_s tbody td:last-child {border-right: 1px solid #e3e3e3 !important;} table.tstyle_calendar_s td{background:#fff;border:none; font-size:11px; padding:5px 0;vertical-align:top} table.tstyle_calendar_s td:hover { background:#fff;} table.tstyle_calendar_s td.day{background:#333;} table.tstyle_calendar_s td .day {display: block;text-align: center; padding-bottom:12px;} table.tstyle_calendar_s td .day * {transition: 0s;} table.tstyle_calendar_s td .day span.today {display: block;background-color: transparent;} table.tstyle_calendar_s td .day span.sun {display: block !important;} table.tstyle_calendar_s td .day a {display: block;margin-bottom: 5px;padding: 3px;font-size: 24px;line-height: 1em;font-weight: 600; color:#333;text-align: center;font-family:arial;vertical-align: middle;} table.tstyle_calendar_s td .day span.today a {display: inline-block;padding: 3px 10px;font-weight: 600;background-color: #6a1ba2;color: #fff;} table.tstyle_calendar_s td .day a:hover {padding: 3px;text-decoration: underline;box-sizing: border-box;} table.tstyle_calendar_s td .day span.today a:hover {border: 0;} table.tstyle_calendar_s td .con br { display:none;} table.tstyle_calendar_s td .con a { display:block; margin-bottom:5px; padding:7px; border:1px solid #aaa; background:#fafafa;color:#333;border-radius:40px;} table.tstyle_calendar_s td .con span {} table.tstyle_calendar_s td.con{clear:right;float:right;margin:0;padding:0;vertical-align:top} table.tstyle_calendar_s .today {background:#3d5778} table.tstyle_calendar_s td ul.con03 li + li {margin-top: 10px;} table.tstyle_calendar_s td ul.con03 li .mem {padding: 5px;margin: 3px 0;text-align: center;background-color: #efefef;color: #333;} table.tstyle_calendar_s td ul.con03 li .mem .red {font-weight: 600;font-size: 14px !important;} table.tstyle_calendar_s td ul.con03 li .deadline {padding: 5px;margin: 3px 0;text-align: center;background-color: #757575;color: #fff;} table.tstyle_calendar_s td ul.con03 li .deadline > a {color: #fff;} table.tstyle_calendar_s td ul.con03 li.list_none {padding-left: 0;background-image: none;} table.tstyle_calendar_s td ul.con03 li.list_none > span {display: block;padding: 5px;text-align: center;} table.tstyle_calendar_s td ul.con03 li.list_none > span.rest {background-color: #cf148f;color: #fff;} table.tstyle_calendar_s .today a:link, table.tstyle_calendar_s .today a:visited, table.tstyle_calendar_s .today a:active{color:#0aa699;font-weight:900} table.tstyle_calendar_s .today a:hover{color:#333;font-weight:900} table.tstyle_calendar_s a:link, table.tstyle_calendar_s a:visited, table.tstyle_calendar_s a:active{color:#000} table.tstyle_calendar_s a:hover{color:#000;font-weight:bold} table.tstyle_calendar_s a.btn {display:block;text-align:center;width:100%;margin-top:10px;margin-bottom:5px;} table.tstyle_calendar_s a.btn strong {display:inline-block;padding:5px 6px !important;line-height: 1.1em;background:#555;color:#fff;border-radius:5px;font-size:13px;font-weight:500;} table.tstyle_calendar_s .reserve_person {display: flex;justify-content: space-around;padding: 5px;border: 1px solid #ddd;border-radius: 5px;margin-bottom: 1px;} table.tstyle_calendar_s .reserve_person .rp_name a {text-decoration:underline;color:#13a200 !important;font-weight:500;} table.tstyle_calendar_s .reserve_person .rp_name a:hover {font-weight:inherit;} table.tstyle_calendar_s .cal_daynum {display:block;margin-bottom:10px;/*background:#dcd7df;*/color:#757575;} table.tstyle_calendar_s .cal_daynum strong a {text-decoration:underline;} table.tstyle_calendar_s .cal_daynum.selDay {background:#007aff !important;color:#fff !important;} table.tstyle_calendar_s .cal_daynum.selDay:hover {cursor:pointer;background:#11244c !important;} table.tstyle_calendar_s .cal_daynum.picDay {background:#11244c url(../img/icon_picDay.png) no-repeat 90% 50% !important;background-size:25px !important;color:#fff !important;} table.tstyle_calendar_s .cal_daynum.picDay:hover {background:#11244c url(../img/icon_picDay.png) no-repeat 90% 50% !important;background-size:25px !important;color:#fff !important;} table.tstyle_calendar_s .cal_daynum em {display:inline-block;padding:6px 9px;font-size:18px;} table.tstyle_calendar_s .cal_daynum em.tday{background: #820cd3;border-radius:50px;color:#fff;} table.tstyle_calendar_s .cal_daynum.first {border-radius: 50px 0 0 50px;} table.tstyle_calendar_s .cal_daynum.last {border-radius:0 50px 50px 0;} table.tstyle_calendar_s .cal_daynum.first.last {border-radius:50px;} table.tstyle_calendar_s .sun a:link, table.tstyle_calendar_s .sun a:visited, table.tstyle_calendar_s .sun a:active{display:inline-block;color:#ec2626} table.tstyle_calendar_s .sun a:hover{color:#ec2626;font-weight:bold} .tstyle_calendar_s .sat a:link, .tstyle_calendar_s .sat a:visited, .tstyle_calendar_s .sat a:active{color:#0000ff} .tstyle_calendar_s .sat a:hover{color:#0000ff;font-weight:bold} table.tstyle_calendar_s .holiday a:link, table.tstyle_calendar_s .holiday a:visited, table.tstyle_calendar_s .holiday a:active{color:#FF0000} table.tstyle_calendar_s .holiday a:hover{color:#FF0000;font-weight:bold} table.tstyle_calendar_s tfoot td{background:#abadb3;font-weight:normal;text-align:center;vertical-align:middle} table.tstyle_calendar_s td.item{background:#f4f4f4;font-weight:bold} table.tstyle_calendar_s td.bg{background:#f4f4f4} table.tstyle_calendar_s td input{border:1px solid #cdcdcd;background:#f9f9f9;height:16Px;margin-bottom:2px;vertical-align:middle} table.tstyle_calendar_s .cal_note {font-size:14px !important;} .cal_month_area {display:flex;align-items:center;padding: 15px 0 20px;border-top: 1px solid #000; } /*범례*/ .cal_s_wp .exam {position: absolute;top: 28px;right: 5px;} .cal_s_wp .exam ul {display:flex;} .cal_s_wp .exam ul li {margin-left:20px;padding:2px 0 2px 45px;font-size:14px;font-weight:500;color:#555;position:relative;} .cal_s_wp .exam ul li.exam_today::before {content:'';position:absolute;top:0;left:20px;width:20px;height:20px;background:#820cd3;border-radius:20px;} .cal_s_wp .exam ul li.exam_no::before {content:'';position:absolute;top:0;left:0;width:40px;height:20px;background:#dcd7df;border-radius:20px;} .cal_s_wp .exam ul li.exam_pic::before {content:'';position:absolute;top:0;left:0;width:40px;height:20px;background:#13a200;} /*범례*/ .exam {} .exam ul {display:flex;} .exam ul li {margin-left:20px;padding:2px 0 2px 45px;font-size:14px;font-weight:500;color:#555;position:relative;} .exam ul li.exam_today::before {content:'';position:absolute;top:0;left:20px;width:20px;height:20px;background:#820cd3;border-radius:20px;} .exam ul li.exam_no::before {content:'';position:absolute;top:0;left:0;width:40px;height:20px;background:#dcd7df;border-radius:20px;} .exam ul li.exam_pic::before {content:'';position:absolute;top:0;left:0;width:40px;height:20px;background:#13a200;} /**/ .tit_app_step {font-size:25px;color:#820cd3;margin:0 0 10px 0;} .app_viewform_wp .stit, .app_bottom_wp .stit {font-size:18px;font-weight:500;margin-bottom:10px;} .app_view_wp {position:relative;} .app_view_wp #av_calender {position:absolute;top:0;left:0;width:45%;height:450px;} .app_view_wp .av_time {margin-bottom: 20px;display: flex;} .app_view_wp .av_time .reserve_time_wp {width:55%;} .app_view_wp .av_time .reserve_time_wp.view {width:100%;} .app_view_wp .av_time .reserve_time_wp .only_date {padding:15px;border:1px solid #ddd;} .app_view_wp .av_time .reserve_time_wp .reserve_sel_date, .app_view_wp .av_time .reserve_time_wp .reserve_sel_yoil {font-size:20px;font-weight:500;color:#13a200;} .app_view_wp .sel_reserve_wp {width:calc(45% - 50px);margin-left:50px;} .app_view_wp .sel_reserve_wp.view {width:100%;margin-left:0;border-top: 1px solid #ddd;} .app_view_wp .sel_reserve_wp .sel_reserve_tit {background:#13a200;padding:10px 0;font-size:18px;font-weight:500;text-align:center;color:#fff;margin:0} .app_view_wp .sel_reserve_wp .sel_reserve_info {border:1px solid #ddd;border-top:0;padding:30px 20px;} .app_view_wp .sel_reserve_wp .sel_reserve_info.view {padding:20px;} .app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room {font-size:17px;font-weight:500;margin-bottom:20px;color:#000;} .app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room_info {} .app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room_info li {margin-bottom:10px;} .app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room_info li strong {font-size:14px;font-weight:500;} .app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room_info li div {font-size:17px;color:#13a200;} .app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room_info li div .choice_tlist {margin-right:12px;} .app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room_info li div .rt_total {display:block;padding-top:5px;font-size:18px;color:#005700;} .app_view_wp .sel_reserve_wp.only_end {width:100%;margin-left:0;margin-bottom:50px;} .app_view_wp .sel_reserve_wp.only_end .sel_reserve_tit {background:#fff;padding:10px 0;font-size:30px;font-weight:400;text-align:left;color:#13a200;margin:0} .app_view_wp .sel_reserve_wp.only_end .sel_reserve_info {width:49%;margin-right:1%;box-sizing:border-box;border:1px solid #ddd;padding:30px 20px 20px;} .app_view_wp .sel_reserve_wp.only_end .sel_reserve_info .sel_room {font-size:20px;font-weight:500;margin-bottom:20px;color:#000;} .app_view_wp .sel_reserve_wp.only_end .sel_reserve_info .sel_room_info {display: flex;flex-wrap: wrap;} .app_view_wp .sel_reserve_wp.only_end .sel_reserve_info .sel_room_info li {padding-right: 50px;} .app_view_wp .sel_reserve_wp.only_end .sel_total_wp {display:flex;flex-wrap:wrap;} .app_view_wp .sel_reserve_wp.only_end .sel_total_wp .sel_state_area {width:50%;background:#eee;padding: 30px 20px 20px;} .app_view_wp .sel_reserve_wp.only_end .sel_total_wp .sel_state_area > .ssa_list {margin-bottom:10px;font-size:20px;} .app_view_wp .sel_reserve_wp.only_end .sel_total_wp .sel_state_area > .txt {font-size:14px;padding-top:15px;} .app_state_top {background:#edf6ec;padding: 20px;margin-bottom:40px;text-align:center;font-size: 20px;} .app_view_wp .av_time #reserve_time_div span {display:block;padding-top:10px;} .app_view_wp .av_time #reserve_time_div .time_choice {display:inline-block;width:30%;font-size: 17px;margin-bottom: 5px;} .app_view_wp .av_time #reserve_time_div .time_choice > input {width:18px;height:18px;vertical-align:top;margin-right:5px;} .app_view_wp .av_time #reserve_time_div .txt {margin-top:20px;padding:20px;text-align:center;background:#f5f5f5;font-size:15px;} .app_view_wp .av_time #reserve_time_div .txt em {color:#d0153f;font-size:15px;} .app_view_wp .av_time #reserve_time_div .stit {font-weight:500;color:#8f3ac9;} #reserve_time_info span {display:inline-block;padding-right:20px;} .app_viewform_wp {display:flex;background: #f4f1f5;padding: 25px;margin-bottom:20px;} .app_viewform_wp .avf_person {width:100%;} .app_viewform_wp .avf_info {width:50%;} .app_viewform_wp .avf_info .avf_event {} .app_viewform_wp .avf_info .avf_etc {padding-top:40px;} .flist_type {} .flist_type li {display:flex;align-items: center;margin-bottom:5px;} .flist_type li > strong {width:110px;font-weight:500;font-size:16px;color:#555;line-height: 1.2em;} .flist_type li > div {width:calc(100% - 130px);margin-left:20px;} .flist_type li .ipw01 {width:50% !important;} .flist_type li .ipw02 {width:90% !important;} .flist_type li .form_btn {height:38px;line-height:38px;padding:0 10px;} .flist_type li .note {display:inline-block;font-size:15px;padding-left:5px;} .flist_type .now_state {font-size:16px;font-weight:500;color:#d0153f;} .app_viewform_wp input[type="text"] {height:40px !important;padding:2px;} .app_bottom_wp {} .app_state {padding:40px;border:1px solid #eee7f1;} .bottom_agree {margin-bottom:20px} .bottom_agree:last-child {margin-bottom:0;} .bottom_agree > .agree_txt {margin-bottom:10px;color:#000;} .bottom_agree ul {padding:20px;border:1px solid #eee;margin-bottom:10px;} .bottom_agree > ul > li {font-size:15px;color:#555;margin-bottom: 5px;} .bottom_agree input[type="checkbox"] {width:18px;height:18px;} /**/ .fac_room_tit {padding-bottom:20px;margin-bottom:40px;border-bottom:1px solid #000;} .fac_room_tit .fac_lib {display:inline-block;padding:12px 30px;margin:0 20px 0 0;border:1px solid #000;border-radius:50px;font-size:18px;font-weight:500;} .fac_room_tit .fac_room {display:inline-block;font-size:24px;font-weight:500;} .status1 {display:inline-block;font-weight:500;padding:2px 8px;background:#333;color:#fff;border-radius:3px;border:1px solid #333;} .status2 {display:inline-block;font-weight:500;padding:2px 8px;background:#13a200;color:#fff;border-radius:3px;border:1px solid #13a200;} .status3 {display:inline-block;font-weight:500;padding:2px 8px;background:#d0153f;color:#fff;border-radius:3px;border:1px solid #d0153f;} .status4 {display:inline-block;font-weight:500;padding:2px 8px;background:#ddd;color:#000;border-radius:3px;border:1px solid #ddd;} .status5 {display:inline-block;font-weight:500;padding:2px 8px;background:#ddd;color:#000;border-radius:3px;border:1px solid #ddd;} /*이용자-상단검색영역*/ .top_search_area {display: flex;align-items: center;justify-content: center;padding:30px;border:1px solid #ddd;margin-bottom:30px;} .top_search_area select {display:inline-block;width:20% !important;} .top_search_area input {display:inline-block;width:20% !important;margin:0 5px !important;} .top_search_area input.btn {display:inline-block;width:100px !important;background:#000;color:#fff;margin-left:0 !important;margin-right:5px !important;border:1px solid #000;font-size:15px;} .top_search_area a.btn_reset {display:inline-block;width:80px !important;background:#fff !important;color:#000;border:1px solid #000;font-size:15px;line-height: 35px;text-align: center;} .top_search_area select.oth {width:15% !important;margin-right:5px !important;} /**/ .btn_use_start {display: inline-block;padding: 7px 15px;background: #e33000 !important;color: #fff;font-size: 15px;} .btn_use_start_v {display: inline-block;padding: 7px 15px;background: #e33000 !important;color: #fff;font-size: 20px;margin-left: 10px;vertical-align: baseline;} /**/ .room_pic {margin-bottom:30px;} .room_pic img {} /******************** inupt ********************/ #design input[type="text"], #design input[type="password"], #design select {width: 28%;height: 34px;padding: 0 12px;border: 1px solid #ddd;font-size: 15px;} #design input[type="radio"], #design input[type="checkbox"]{vertical-align: middle;} #design input[type="file"] {width: 50%;padding: 7px;border: 1px solid #ddd;font-size: 15px;} #design input[type="file"] + .btn {margin-left: 5px;} #design input[readonly="readonly"] {background-color: #efefef;} #design input[type="button"] {font-family: inherit;border: 0;} #design label {height: 36px;margin: 1px 0;line-height: 36px;vertical-align: middle;} #design textarea {width: 100%;min-height: 200px;padding: 15px;border: 1px solid #ddd;box-sizing: border-box;font-size: 15px;font-weight: 400;color: #555;} .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 {display: inline-block;padding: 7px 10px;font-size: 14px;vertical-align: middle;} .btn_inblock {display: inline-block !important;padding: 7px 10px;font-size: 14px;vertical-align: middle;} .btn + .btn {margin-left: 2px;} #contain table .btn + .btn {margin-left: 0;margin-top: 2px;} .mid_btn {display: inline-block;width: 22%;min-width: 120px;height: 50px;padding: 0 15px;text-align: center;font-size: 16px;line-height: 50px;font-weight: 400;box-sizing: border-box;vertical-align: middle;} .big_btn {display: inline-block;width: 30%;min-width: 200px;height: 60px;padding: 0 20px;font-size: 17px;line-height: 60px;font-weight: 400;box-sizing: border-box;vertical-align: middle;} .big_btn + .big_btn {margin-left: 5px;} .btn.btn_white {padding: 6px 9px;} .back_main {background: var(--mainColor) !important;color:#fff;} .back_sub1 {background: var(--subColor1) !important;color:#fff;} .back_sub2 {background: var(--subColor2) !important;color:#fff;} /*btn-style*/ .btn_area {padding-top:30px;} .con_btn_area {padding-top:5px} .btn_Lstyle {display:inline-block;padding:20px 60px !important;height:auto !important;background:#820cd3 !important;border-radius:100px;border:1px solid #820cd3 !important;font-size:17px;color:#fff !important;transition:all 0.2s;vertical-align: middle;border:0;cursor:pointer;} .btn_Lstyle:hover {background:#6c00b6 !important;} .btn_Lstyle_w {display:inline-block;padding:20px 60px !important;height:auto !important;background:#fff !important;border-radius:100px;border:1px solid #000 !important;font-size:17px;color:#000 !important;transition:all 0.2s;vertical-align: middle;border:0;cursor:pointer;} .btn_Lstyle_w:hover {background:#eee !important;} .btn_Lstyle_gr {display:inline-block;padding:20px 60px !important;height:auto !important;background:#ddd !important;border-radius:100px;border:1px solid #ddd !important;font-size:17px;color:#000 !important;transition:all 0.2s;vertical-align: middle;border:0;cursor:pointer;} .btn_Lstyle_gr:hover {background:#ccc !important;} .btn_Mstyle {display:inline-block;padding:10px 20px !important;height:auto !important;background:#1e2c5d;border:1px solid #1e2c5d;font-size:16px !important;color:#fff;border-radius:5px;cursor:pointer;} .btn_Mstyle_w {display:inline-block;padding:10px 20px !important;height:auto !important;background:#fff;border:1px solid #000;font-size:16px !important;color:#000;border-radius:5px;cursor:pointer;} }