/* CSS Document */ #wd_print .row_input input.sbtn {padding: 5px 10px;border-radius: 2px;cursor: pointer;} #design .intro, #design .toylib, #design .plays, #design .season, #design .time, #design .play, #design .parents, #design .info, #design .member, #design .etc {font-size:16px;} /* #design .certifi_wrap * {padding:0; margin:0; border:0; font-size:14px;} #design .certifi_wrap h2 {padding:0; margin:0; font-size:19px; padding:3px 0 16px 39px; color:#333; background:url(../img/h2_title.png) no-repeat left 0px;} #design .certifi_wrap .t_login { margin-bottom:25px; padding-left:71px; position:relative;} #design .certifi_wrap .t_login i {position:absolute; left:0; top:5px; border:1px solid #186993; border-radius:10px; width:54px; height:54px; line-height:53px !important; text-align:center; display:block; font-size:27px !important; color:#186993;} #design .certifi_wrap .t_login p {font-size:17px; padding-bottom:8px;} #design .certifi_wrap .t_login a {display:block; width:160px; line-height:23px;height:25px; border:1px solid #aaa;color:#666; font-weight:bold; border-radius:2px; text-align:center; font-size:13px;} #design .certifi_wrap .certi_kind {overflow:hidden; padding:40px 4%; background:#f2f2f2;} #design .certifi_wrap .certi_kind .k_box {float:left; width:46%; margin:0 2%;background:#fff;} #design .certifi_wrap .certi_kind .k_box .inner {height:250px; border:3px solid #888; padding:20px; transition: 0.3s;} #design .certifi_wrap .certi_kind .k_box.n1 .inner {border:3px solid #80c439;} #design .certifi_wrap .certi_kind .k_box.n2 .inner {border:3px solid #f7941d;} #design .certifi_wrap .certi_kind .k_box.n3 .inner {border:3px solid #0da871;} #design .certifi_wrap .certi_kind .k_box .inner:hover { box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.15);} #design .certifi_wrap .k_box h4 {font-size:18px; padding-bottom:16px; font-weight:800;} #design .certifi_wrap .k_box p {min-height:65px; padding-bottom:15px;} #design .certifi_wrap .certi_kind .k_box.n3 p {margin-bottom:17px; border-bottom:1px dashed #e2e2e2;} #design .certifi_wrap .k_box ul {padding-bottom:15px; margin-bottom:17px; border-bottom:1px dashed #e2e2e2;} #design .certifi_wrap .k_box ul li {position:relative; overflow:hidden; padding-bottom:8px;} #design .certifi_wrap .k_box ul li input {float:right;} #design .certifi_wrap .k_box button { display:block; width:120px; border-radius:2px; border:1px solid #111; height:34px;line-height:32px; background:#333; color:#fff; text-align:center; margin:0 auto; cursor:pointer;} */ #design .con_text {font-size:17px;} #design ul.con01 {} #design ul.con01 > li {padding:0 0 12px 28px; background:url(../img/con01_bullet.png) no-repeat 0 3px;background-size: auto 20px;font-size:17px; color:#000;line-height: 1.4em;} #design ul.con01 > li:last-child {padding-bottom: 0;} #design ul.con01 > li .st {font-size:inherit;} #design ul.con01 > li > strong { font-size:inherit; } #design ul.con01 > li ul { padding: 6px 0 8px 0;} #design ul.con01 > li li { font-size:15px; padding:3px 0;color:#555; padding-left:8px;/*background:url(../img/list_bullet2.png) no-repeat left 12px;*/line-height: 1.3em;} #design ul.con01 > li li > strong { font-size:inherit; font-weight:normal;} #design ul.con01 > li li li { font-size:inherit; background:none; padding-left:11px; color:#777; position:relative;} #design ul.con01 > li li li:before { content:'-'; position:absolute; left:0; top:3px; color:#aaa; font-size:12px;} #design ul.con01 li.b_none { background:none;} #design ul.con01 > li.btn {background:none;} #design ul.con01 > li.btn a { display:block; width:200px; line-height:38px; border:1px solid #bbb; border-top:2px solid #009893; color:#009893;border-bottom:1px solid #b2b2b2; border-radius:2px; text-align:center;box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.08);} #design ul.con01 > li.btn02 a {color:#666; border-top:2px solid #666;} #design ul.con02 {} #design ul.con02 > li {padding-left: 15px !important;margin-bottom: 10px;background: url(../img/con02_bullet.png) no-repeat 0 9px;background-size: 7px auto;font-size: 16px;line-height: 1.5em;} #design ul.con01 li ul.con02 > li {background-position: 0 10px;} #design ul.con02 .con03 {padding: 5px 0;} #design ul.con03 > li {position:relative; margin: 5px 0 !important; padding-left: 10px !important; line-height: 1.4em; color:#4e4e4e;} #design ul.con03 > li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#ccc; border-radius:4px;} #design ul.con03.dot_none li {padding-left:0 !important;} #design ul.con03.dot_none li:before {display:none !important;} .con04 > li::before {content: "·";margin-right: 5px;font-size: 15px;font-weight: 700;} /* 주의사항 */ .cuation_list li {padding-left:14px;} .cuation_list li {position:relative; margin-bottom:10px; padding-left:25px; line-height:1.6em; color:#4e4e4e;} .cuation_list li:before {content:''; position:absolute; top:4px; left:0; width:20px; height:20px; background:url(../img/line_check.svg) 0 0 no-repeat;} /*별지*/ em.i_annex {color:#ff8363; margin-right:4px;} .annex {margin-top:5px; font-size:16px; color:#5e5e5e;} ol.listD {padding: 5px 0 5px 15px;} ol.listD > li {margin: 0 0 5px;padding-left: 0 !important;line-height: 1.2em;list-style: decimal;font-size: 14px !important;color:#4e4e4e;word-break: keep-all;} ol.listD > li::before {display: none;} ol.listD > li:last-child {margin-bottom:0;} ol.listD > li > ul > li {margin: 7px 0;} #design p.bar_title {width: 100%;padding-bottom: 30px;font-size: 24px;font-weight: 600;color: #203a7b;text-align: center;} #design p.bar_title::after {content: '';display: block;width: 25px;height: 3px;margin: 15px auto 0;background: #00a4a6;} #design p.ex_box {padding:24px 68px 32px 200px; background:url(../img/bookstart.png) no-repeat 40px 5px; border:3px solid #555; margin-bottom:30px;} #design p.ex_box strong {display:block; font-size:17px; color:#ff6400; padding-bottom:7px;} #design .sub_con {margin-bottom: 50px;} #design .sub_con_s {margin-bottom: 30px;} #design .sub_last {margin-bottom: 0;} /**/ #design .c_blue { color:#006dba;} #design .c_yellow { color:#fff726;} #design .c_orange { color:#ff6114;} #contain .down {margin-top: 30px;text-align:center;} #contain .down a {display:inline-block;padding: 15px 50px;font-size: 16px;color: #fff;border-radius: 30px;background: #cc3300;} #design .img {text-align: center;} #design .img img {max-width: 80%;} #contain h3 {font-size:26px; padding:3px 0 3px 45px; margin-bottom:15px; font-weight:600; color:#333; background:url(../img/h3_bullet.png) no-repeat 0 6px; background-size:auto 32px;} #design h4 {font-size:22px; color:#333; font-weight:600; margin-bottom:15px;} /* 돌상 이용안내 */ .section-fix {display:flex; flex-wrap:wrap; gap:0 20px;} .section-fix > div {display:flex; align-items:center; gap:40px; padding:30px; border:1px #ccc dashed; border-radius:20px;} .section-fix > div strong.tit {display:block; font-size:20px;} .section-fix > div strong {font-weight:600;} .section-fix > div:before {content:''; width:100px; height:100px; display:inline-block; border-radius:100%;} .section-fix > div.day100:before {background:#fef7e8 url(../img/icon_day100.svg) center center no-repeat; background-size:60%;} .section-fix > div.year1:before {background:#fef7e8 url(../img/icon_year1.svg) center center no-repeat; background-size:55%;} #design .step_dayear {display:flex; gap:0 40px; margin-top:30px;} #design .step_dayear li {position:relative; width:calc(100% / 5 - 20px); padding:30px 20px; text-align:center; background-color:#fafafa; border-radius:20px;} #design .step_dayear li:after {content:""; display: block; width:20px; height:20px; border-top:5px solid #ddd; border-right:5px solid #ddd; box-sizing:border-box; transform:rotate(45deg); position:absolute; top:calc(50% - 10px); right:-25px;} #design .step_dayear li:last-child:after {display:none;} #design .step_dayear li:before {content:''; display:block; width:70px; height:70px; margin:0 auto 20px; border-radius:70px; background-size:50% !important;} #design .step_dayear li:nth-child(1):before {background:#f8c327 url(../img/icon_account.svg) center center no-repeat;} #design .step_dayear li:nth-child(2):before {background:#579bfe url(../img/icon_cake.svg) center center no-repeat;} #design .step_dayear li:nth-child(3):before {background:#37ac7c url(../img/icon_listcheck.svg) center center no-repeat;} #design .step_dayear li:nth-child(4):before {background:#9577d9 url(../img/icon_customer.svg) center center no-repeat;} #design .step_dayear li:nth-child(5):before {background:#f16689 url(../img/icon_emotione.svg) center center no-repeat;} /*돌상*/ #design .yh_list{} #design .yh_list{width:49%;float:left;border:1px solid #d3d3d3; border-radius:5px;text-align:center;padding:20px;box-sizing:border-box;margin-bottom:15px;} #design .yh_list:nth-child(2n){float:right;} #design .yh_list:hover{border:1px solid #fabe1f;} #design .yh_list img{width:200px;height:200px;} #design .yh_list .yh_t{background:#efefef;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:5px;font-size:17px; margin:10px 0;} #design .yh_list .btn_a{background:#00589f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:5px;font-size:17px;display:block;width:44%;float:left;color:#fff} #design .yh_list .btna_a:hover{background:#00457d} #design .yh_list .btn_b{background:#f4c432;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:5px;font-size:17px;display:block;width:49%;float:right;} #design .yh_list .btna_b:hover{background:#ffc000} /*돌상 검색*/ #design .yh_search{padding:30px 0px;background:#efefef;border-radius:5px;margin-bottom:15px;text-align:center;} #design .yh_search select{height:40px;line-height:40px; padding:5px;border-radius:5px;width:30%;box-sizing:border-box;border:1px solid #d3d3d3} #design .yh_search .search_t{font-size:18px;margin-bottom:15px;} /*돌상 한복리스트*/ #design .yh_res{width:32%;float:left;margin-right:2%;border:1px solid #d3d3d3;border-radius:5px;box-sizing:border-box;margin-bottom:15px;padding:20px 10px;text-align:center;} #design .yh_res:nth-child(3n){float:right; margin-right:0;} #design .yh_res img{width:80%;height:200px;} /********** 장난감도서관 소개 **********/ .btn_Mstyle {display:inline-block;padding:8px 16px;background:#2f6fb7;font-size:14px;color:#fff;transition:all 0.2s;margin-bottom:5px;margin-top:10px;} .btn_Mstyle:hover {background:#2f6fb7;} #design .btn_down{background-color:#2d2d2d;padding:5px 10px;border-radius:10px;color:#fff} #design .btn_down a{color:#fff;font-size:13px;} #design .bus_num {font-size:16px;margin-bottom:20px;} #design .bus_num .b_cate01 {display:inline-block;padding:0 5px;height:25px;line-height:25px;background:#4987a2;color:#fff;font-size:14px;border-radius:3px;margin-right:5px;} #design .bus_num .b_cate02 {display:inline-block;padding:0 5px;height:25px;line-height:25px;background:#6a985e;color:#fff;font-size:14px;border-radius:3px;margin-right:5px;} #design .bus_num .b_cate03 {display:inline-block;padding:0 5px;height:25px;line-height:25px;background:#29917e;color:#fff;font-size:14px;border-radius:3px;margin-right:5px;} #design .bus_num p{display:inline-block;} #daumRoughmapContainer1611291604906{width:100% !important} /*인사말*/ #design .greeting_title {margin-bottom:40px; text-align:center;} #design .greeting_title div {width:80%; margin:-22px auto 0; padding:35px 40px; font-size:22px; font-weight:600; line-height:32px; color:#333; background-color:#f6f8fe; border-radius:100px;} #design .greeting_title strong {font-weight:inherit; color:#ff8363;} #design .greeting_con {display:flex; justify-content:center; align-items:center; gap:0 70px;} #design .greeting_con .text_box p {line-height:28px; color:#333;} #design .greeting_con .text_box p + p {margin-top:30px;} #design .greeting_con .text_box .tit {font-size:20px; font-weight:500; margin-bottom:30px;} #design .greeting_con .text_box .tit strong {font-weight:700; } #design .greeting_con .text_box .sign {margin-top:40px; font-weight:500;} /* 설립목적 */ #design .goal_txt {display:flex; gap:0 100px; align-items:center; padding:20px 0 50px; margin-bottom:80px; border-bottom:1px #b9becd dashed;} #design .goal_txt p {font-size:35px; font-weight:700; color:#ff8363;} #design .goal_txt strong {display:block; color:#555; font-size:18px; font-weight:500;} #design .goal_txt strong em {color:#ff8363;} /* 연혁 */ .history_wp {overflow:visible; display:flex;} .history_wp .history_title {display:flex; flex-wrap:wrap; flex-direction:column; align-items:flex-start; justify-content:space-between;} .history_wp .since strong {display:block; font-size:35px; color:#ff8363; line-height:26px;} .history_wp .since em {display: block; margin-top:8px; font-size:20px; font-family:var(--fontSubSet); color:#666;} .history_wp .name {position:relative; margin-top:60px; padding:44px 30px 0; width:210px; height:220px; text-align:center; background:url(../img/bg_history_wp.png) 0 0 no-repeat; background-size:100%; font-family:var(--fontSubSet); font-size:18px; font-weight:700; color:#888; line-height:1.2; letter-spacing:0;} .history_wp .name strong {padding-left:20px;} .history_wp .history_list {position: relative;width: auto;margin: 0 0 0 160px;} .history_wp .history_list:before {content: ""; display: block; position: absolute;left: 0;top: 17px;width: 1px;height: calc(100% - 17px); z-index: -2; background: #ddd;} .history_wp .history_list > li {position: relative;} .history_wp .history_list > li + li {margin-top:78px;} .history_wp .history_list > li::before {content: "";position: absolute;left: -7px;top: 4px;width: 15px;height: 15px;border-radius: 50%;background: #fff; border:4px solid #ff8363;box-sizing: border-box;} .history_wp .history_list > li:last-child::after {content: "";position: absolute;left: 0;top: 13px;width: 1px;height: 100%;background: #fff;z-index: -1;} .history_wp .history_list > li .year {position: absolute;left: -140px;top: -10px; padding: 0;font-family:var(--fontSubSet);color: #222;font-size:28px;font-weight:700;} .history_wp .history_list > li .info ul li {display:flex; margin-top:0; padding-left:50px;} .history_wp .history_list > li .info ul li + li {margin-top:11px;} .history_wp .history_list > li .info ul li strong {flex-shrink: 0;position: relative;left:auto;top:auto;min-width:28px;margin-right:10px; font-family:var(--fontSubSet);color: #ff8363;} .history_wp .history_list > li .info ul li p {position:relative; padding-left:17px; margin:0;} .history_wp .history_list > li .info ul li p:before {content:''; position:absolute; top:11px; left:5px; width:3px; height:3px; border-radius:100%; background-color:#ff8363;} /* 미션 및 비전 */ .core {width:100%; max-width:1000px; margin:80px auto;} .core .item {position:relative; text-align:center;} .core .item + .item {margin-top:100px;} .core .item .tit {display:inline-block; padding:10px 25px; font-size:18px; font-weight:700; color:#fff; background-color:#ff8363; border-radius:30px; position:absolute; top:0; left:50%; transform:translateX(-50%) translateY(-55%); z-index:1;} .core .item strong {position:relative; display:block; padding:40px 30px; font-size:22px; font-weight:700; color:#555; background-color:#f6f8ff; border-radius:100px;} .core .item strong:after {content:""; display: block; width:20px; height:20px; border-top:5px solid #ddd; border-right:5px solid #ddd; box-sizing:border-box; transform:rotate(134deg); position:absolute; bottom:-40px; left:calc(50% - 10px);} .core .item strong em {color:#ff8363;} .core .item:nth-child(2) .tit {background-color:#108EB7;} .core .item:nth-child(2) strong {font-size:20px; color:#108EB7; border:1px #108EB7 dashed; background-color:rgba(16, 142, 183, 0.06);} .core .item:nth-child(3) .tit {background-color:#ce6596;} .core .item:nth-child(3) strong:after {display:none;} .core .item:nth-child(3) ul {display:flex; gap:20px; padding-top:40px;} .core .item:nth-child(3) ul li {width:calc(100% / 4); padding:30px; font-size:20px; font-weight:600; color:#ce6596; background-color:rgba(206, 101, 150, 0.06); border-radius:20px;} .strategy_wp p.tit {width:calc(100% - calc(100% / 4 - 30px * 3 / 4) + 60px); margin:0 auto; padding:18px; font-size:20px; font-weight:700; color:#fff; text-align:center; background-color:#4a4f66; border-radius:20px;} .strategy_wp ul {display:flex; gap:0 30px; padding-top:60px;} .strategy_wp ul li {position:relative; width:calc(100% / 4); background-color:#f6f8ff; border-radius:20px;} .strategy_wp ul li:before {content:''; position:absolute; left:50%; top:-60px; width:1px; height:60px; background:linear-gradient(to bottom, #666 0% 1px, transparent 1px 100%) repeat-y top/100% 4px; z-index:10px;} .strategy_wp ul li .top {position:relative; padding:18px; border-radius:20px 20px 0 0 ;} .strategy_wp ul li:nth-child(1) .top {background-color:#f8c327;} .strategy_wp ul li:nth-child(2) .top {background-color:#579bfe;} .strategy_wp ul li:nth-child(3) .top {background-color:#37ac7c;} .strategy_wp ul li:nth-child(4) .top {background-color:#9577d9;} .strategy_wp ul li .top span {position:absolute; top:0; left:50%; transform: translate(-50%, -60%); display:inline-block; padding:6px 8px; margin-bottom:5px; font-family:var(--fontSubSet); font-size:13px; font-weight:700; color:#fff; border-radius:20px; background-color:inherit;} .strategy_wp ul li .top p {font-size:18px; font-weight:600; text-align:center; color:#fff;} .strategy_wp ul li .txt {padding:20px; border-radius:20px;} .strategy_wp ul li .txt p {position:relative; padding-left:12px; margin-bottom:10px;} .strategy_wp ul li .txt p:last-child {margin-bottom:0;} .strategy_wp ul li .txt p:before {content:''; position:absolute; top:10px; left:0; display:inline-block; width:3px; height:3px; border-radius:3px; background-color:#555; vertical-align:middle;} /* 사업안내 */ .business_wp {display:flex; justify-content:center; gap:0 50px;} .business_wp .item {width:50%; max-width:360px; background-color:#fafafa; border-radius:20px; text-align:center;} .business_wp .item .item_tit {display:block; padding:20px 10px; font-size:20px; font-weight:600; color:#fff; border-radius:20px 20px 0 0;} .business_wp .item:nth-child(1) .item_tit {background-color:#f8c327;} .business_wp .item:nth-child(2) .item_tit {background-color:#37ac7c;} .business_wp .item .item_box {padding:30px; text-align:left;} .business_wp .item .item_box .img_wrap {margin-bottom:20px;} /*시설안내*/ #design .facility {overflow: hidden;} #design .facility > div {float: left;width: 100%;margin-bottom: 25px;box-sizing: border-box;} #design .facility > div.last {margin-bottom: 0;} #design .facility figure img {display: block;max-width: 100%;padding: 20px;border: 2px solid #efefef;box-sizing: border-box;} #design .facility figure figcaption {font-size: 18px;font-weight: 600;color: #000;margin-bottom: 10px;padding: 3px 10px 3px 37px;background: url(../img/ico_facility.png) no-repeat 0 0;background-size: auto 28px;} #design .facility p.title {font-size: 18px;font-weight: 600;color: #000;padding: 3px 10px 3px 37px;background: url(../img/ico_facility.png) no-repeat 0 0;background-size: auto 28px;} /*시설안내 2*/ #design .facilitys {overflow: hidden;} #design .facilitys > div {float: left;width: 100%;margin-bottom: 25px;box-sizing: border-box;} #design .facilitys > div.last {margin-bottom: 0;} #design .facilitys figure img {display: block;max-width:50%;padding: 20px;border: 2px solid #efefef;box-sizing: border-box;float:left;} #design .facilitys figure img:nth-child(2){float:right;} #design .facilitys figure figcaption {font-size: 18px;font-weight: 600;color: #000;margin-bottom: 10px;padding: 3px 10px 3px 37px;background: url(../img/ico_facility.png) no-repeat 0 0;background-size: auto 28px;} #design .facilitys p.title {font-size: 18px;font-weight: 600;color: #000;padding: 3px 10px 3px 37px;background: url(../img/ico_facility.png) no-repeat 0 0;background-size: auto 28px;} /* 찾아오시는 길 */ #design .map_wp {margin-bottom:70px;} #design .map-info-box {padding:20px 40px; color:#fff; font-size:17px; background-color:#555; border-radius:0 0 20px 20px;} #design .map-info-box ul {display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px;} #design .map-info-box ul li p {display:inline-block; margin-right:40px;} #design .map-info-box ul li strong {font-weight:600;} .root_daum_roughmap {width:100% !important;} .root_daum_roughmap .cont {display:none;} .bis_con {padding:0 60px; border:1px #d5d7dd solid; border-radius:20px;} .bis_con > li {display:flex; align-items:center; gap:0 50px; padding:40px 0; border-bottom:1px #d5d7dd dashed;} .bis_con > li:last-child {border-bottom:0;} .bis_con > li .bis_left {width:120px; height:120px; font-size:0; background-color:#f9f3e7; border-radius:100%;} .bis_con > li .bis_left:before {content:''; display:inline-block; width:100%; height:100%;} .bis_con > li .bis_left.subway:before {background:url(../img/icon_subway.svg) center center no-repeat; background-size:38%;} .bis_con > li .bis_left.bus:before {background:url(../img/icon_bus.svg) center center no-repeat; background-size:42%;} .bis_con > li .bis_left.car:before {background:url(../img/icon_car.svg) center center no-repeat; background-size:42%;} .bis_con > li .bis_right {width:calc(100% - 170px);} .bis_con > li ul li {position:relative; padding-left:20px; margin-bottom:10px;} .bis_con > li ul li:before {content:''; display:block; position:absolute; top:11px; left:5px; width:5px; height:5px; background-color:#ff8363; border-radius:50%;} .parking {padding:30px; border:1px #d5d7dd solid; border-radius:20px;} .parking .parking_map {display:block; margin-bottom:20px; font-size:0; text-align:center;} /**/ #design .sub_top_wp {padding:10px; margin-bottom:50px; background:url(../img/sub_top_wp.png) 0 0 repeat; border-radius:20px; z-index:0;} #design .sub_top_wp > div {position:relative; display:flex; align-items:center; padding:20px 30px; background-color:#fff; border-radius:20px;} #design .sub_top_wp div.txt {width: calc(100% - 180px);} #design .sub_top_wp p {font-size:16px; font-weight:400; color:#4e4e4e;} #design .sub_top_wp .title {margin-bottom:12px; font-size:25px; font-weight:600; color:#000;} #design .sub_top_wp ul li strong {display:inline-block; margin-right:8px; font-weight:600; color:#333;} #design .sub_top_wp > div::before {content:''; width:150px; height:150px; margin-right:20px; background-repeat:no-repeat; background-position:50% 50%;} #design .sub_top_wp.toy > div::before {background-image: url(../img/icon_direct1.svg); background-size:auto 80px;} #design .sub_top_wp.dayear > div::before {background-image: url(../img/icon_dayear.svg); background-size:auto 90px;} #design .sub_top_wp.plays > div::before {background-image: url(../img/icon_plays.svg); background-size:auto 80px;} #design .sub_top_wp.plays .cuation {padding-top:20px; margin-top:20px !important; border-top:1px #ccc dashed;} #design .sub_top_wp.ebook > div::before {background-image: url(../img/icon_ebook.svg); background-size:auto 80px;} #design .sub_top_wp.time > div::before {background-image: url(../img/icon_time.svg); background-size:auto 85px;} #design .sub_top_wp.private > div::before {background-image: url(../img/icon_etc1.svg); background-size:auto 65%;} #design .sub_top_wp.cctv > div::before {background-image: url(../img/icon_etc2.svg); background-size:auto 65%;} #design .sub_top_wp.noImg > div {min-height:150px; padding:40px;} #design .sub_top_wp.noImg > div::before {content:''; display:none;} #design .sub_top_wp.noImg div.txt {width:100%;} #design .sub_con_top_lecture {padding:30px 40px; margin-bottom:30px; border:1px #ccc dashed; border-radius:20px;} #design .sub_con_top_lecture p {margin-bottom:10px; font-size:20px; font-weight:500;} #design .sub_con_top_lecture li {font-size:inherit; line-height: 1.5em; color: #333; letter-spacing: -1px; word-spacing: 2px;} #design .sub_con_top_lecture li .time {font-size:17px; font-weight:600; color:var(--colorRed); word-spacing: 2px;} #design .sub_con_top_lecture .con_list li + li {margin-top:0;} /********** 대여안내 **********/ /*장난감도서관 - 이용안내*/ #design .howto {display:flex; gap:0 40px; margin-bottom:20px;} #design .howto.cols6 {flex-wrap:wrap; gap:20px 40px;} #design .howto.cols6 li {width:calc(100% / 3 - 27px);} #design .howto.cols5 li {width:calc(100% / 5 - 20px);} #design .howto.cols4 li {width:calc(100% / 4 - 20px);} #design .howto.cols3 li {width:calc(100% / 3 - 20px);} #design .howto li {position:relative; padding:30px; text-align:center; background-color:#fafafa; border-radius:20px;} #design .howto li:after {content:""; display: block; width:20px; height:20px; border-top:5px solid #ddd; border-right:5px solid #ddd; box-sizing:border-box; transform:rotate(45deg); position:absolute; top:calc(50% - 10px); right:-25px;} #design .howto.cols6 li:nth-child(3n):after, #design .howto li:last-child:after {display:none;} #design .howto li strong {display:block; margin-bottom:5px; font-size:18px; font-weight:600;} #design .howto li em.font_sm {display:block;} #design .howto li:before {content:''; width:80px; height:80px; display:block; margin:0 auto 15px; text-align:center; border-radius:80px;} #design .howto li.icon_join:before {background:#f8c327 url(../img/icon_howto1.svg) no-repeat center center; background-size:40%;} #design .howto li.icon_document:before {background:#579bfe url(../img/icon_howto2.svg) no-repeat center center; background-size:40%;} #design .howto li.icon_memcard:before {background:#37ac7c url(../img/icon_howto3.svg) no-repeat center center; background-size:50%;} #design .howto li.icon_iyong:before {background:#9577d9 url(../img/icon_howto4.svg) no-repeat center center; background-size:55%;} #design .howto li.icon_join2:before {background:#f8c327 url(../img/icon_account.svg) center center no-repeat; background-size:50%;} #design .howto li.icon_reser:before {background:#37ac7c url(../img/icon_listcheck.svg) center center no-repeat; background-size:50%;} #design .howto li.icon_visit:before {background:#f16689 url(../img/icon_emotione.svg) center center no-repeat; background-size:50%;} #design .howto li.icon_site:before {background:#579bfe url(../img/pages-line.svg) no-repeat center center; background-size:45%;} #design .howto li.icon_book:before {background:#f16689 url(../img/icon_book.svg) no-repeat center center; background-size:45%;} #design .howto li.icon_app:before {background:#579bfe url(../img/icon_app.svg) no-repeat center center; background-size:45%;} #design .howto li.icon_srch:before {background:#9577d9 url(../img/icon_srch.svg) no-repeat center center; background-size:45%;} #design .howto li.icon_booking:before {background:url(../img/icon_calendar_check.svg) center center no-repeat; background-size:45%;} #design .howto li.icon_regist:before {background:url(../img/icon_howto3.svg) no-repeat center center; background-size:50%;} #design .howto li.icon_smile:before {background:url(../img/icon_emotione.svg) center center no-repeat; background-size:50%;} #design .howto li.icon_coin:before {background:url(../img/icon_coin.svg) center center no-repeat; background-size:50%;} #design .bg_yellow:before {background-color:#f8c327 !important;} #design .bg_blue:before {background-color:#579bfe !important;} #design .bg_green:before {background-color:#37ac7c !important;} #design .bg_purple:before {background-color:#9577d9 !important;} #design .bg_pink:before {background-color:#f16689 !important;} #design .bg_orange:before {background-color:#ff8363 !important;} #design .annual {display:flex; gap:0 3%; margin-bottom:40px;} #design .annual .item {display:flex; align-items:center; gap:0 20px; width:100%; padding:30px 3%; border-radius:10px; background-color:#fafafa;} #design .annual .item .icon {width:80px; height:80px; border-radius:100px; background-size:40px !important; font-size:0;} #design .annual .item.i-annual .icon {background:#f8c327 url(../img/coupon-line.svg) center center no-repeat;} #design .annual .item.rental .icon {background:#37ac7c url(../img/gift-line.svg) center center no-repeat;} #design .annual .item.period .icon {background:#579bfe url(../img/calendar-2-line.svg) center center no-repeat;} #design .annual .item.booking .icon {background:#f8c327 url(../img/icon_calendar_check.svg) center center no-repeat;} #design .annual .item.store .icon {background:#37ac7c url(../img/icon_store.svg) center center no-repeat;} #design .annual .item.card .icon {background:#579bfe url(../img/icon_howto3.svg) center center no-repeat;} #design .annual .item.baby .icon {background:#f8c327 url(../img/icon_indivi.svg) center center no-repeat; background-size:70% !important;} #design .annual .item.team .icon {background:#579bfe url(../img/icon_group.svg) center center no-repeat; background-size:70% !important;} #design .annual .item.guard .icon {background:#37ac7c url(../img/icon_guard.svg) center center no-repeat; background-size:70% !important;} #design .annual .item .text {width:calc(100% - 100px);} #design .annual .item .text strong {display:block; margin-bottom:5px; font-size:18px; color:#222; font-weight:700;} /* 파손규정 */ .fix_step_break {margin-top:30px;} .fix_step_break ol {display:flex;} .fix_step_break ol li {position:relative; padding:10px 0; display:flex; flex-wrap:wrap; align-content:center; align-items:center; justify-content:center; text-align:center; background-color:#fceff5; border:1px #f38fb1 solid; border-radius:10px;} .fix_step_break ol li:after {content:''; display:block; width:0; height:0; border-top:10px transparent solid; border-bottom:10px transparent solid; border-left:10px #ddd solid; position:absolute; top:calc(50% - 10px); right:-20px;} .fix_step_break ol li:last-child:after {display:none;} .fix_step_break ol.col4 {gap:0 30px;} .fix_step_break ol.col4 li {width:calc(100% / 4 - 15px);} .fix_step_break ol li p {width:100%; padding:10px;} .fix_step_break ol li p + p {border-top:1px #f38fb1 solid;} .fix_step_break ol + ol {margin-top:20px;} .fix_step_break ol.label {display:grid; gap:0 30px; grid-template-columns:repeat(4, 1fr);} .fix_step_break ol.label li {padding:20px 10px; background-color:#f2f4f7; border:1px #737e9e solid;} .fix_step_break ol.label li:nth-child(1) {grid-column: 1 / 3;} .fix_table {display:grid; grid-template-columns:repeat(4, 1fr); gap:10px 0;} .fix_table li {text-align:center; border-right:1px solid #d5d7dd; border-bottom:1px solid #d5d7dd; border-left:1px solid #d5d7dd; border-top:1px solid #222;} .fix_table li + li {margin-left:-1px;} .fix_table li strong {display:block; padding:13px 10px; color:#222; border-bottom:1px solid #d5d7dd; background-color:#f9f9f9;} .fix_table li p {padding:15px 10px;} /*이용약관*/ #design .guide_wrap .signature {text-align: center;} #design .guide_wrap .signature p {font-size: 25px;font-weight: 600;color: #000;} #design .guide_wrap .signature p.date {padding-bottom: 7px;font-size: 18px;font-weight: 400;color: #666;} /*꼭지켜주세요*/ #design .necessary {padding-top: 140px;background: url(../img/necessary_top.png) no-repeat 50% 0;background-size: auto 140px;} #design .necessary_con {padding: 10px 40px 40px;margin-top: -30px;border: 5px solid #f1774c;border-top: 0;box-sizing: border-box;} #design .necessary .title {padding: 20px 0 40px;text-align: center;font-size: 25px;font-weight: 600;} #design .necessary .title .tit {position: relative;z-index: 0;font-size: 31px;} #design .necessary .title .tit::after {content: '';position: absolute;bottom: -1px;left: 0;z-index: -1;display: block;width: 100%;height: 10px;background: #fef6ca;} #design .necessary .title .tit .font_son {font-size: 60px;font-weight: 400;color: #ed5b27;vertical-align: baseline;} #design .necessary ul {margin-bottom: 35px;} #design .necessary ul:last-child {margin-bottom: 0;} #design .necessary ul > li {padding-left: 32px;font-size: 17px;margin-bottom: 15px;color: #454545;word-break: keep-all;background: url(../img/ico_flower.png) no-repeat 0 2px;background-size: auto 18px;} #design .necessary ul > li:last-child {margin-bottom: 0;} #design .necessary ul > li strong {color: #000;} #design .necessary_bottom {padding: 0 0 10px;text-align: center;font-size: 21px;font-weight: 600;line-height: 1.5em;} /********** 놀이터 **********/ /* 놀이체험실 */ .play_time {display:flex; gap:0 30px; margin-bottom:30px;} .play_time li {display:flex; align-items:center; gap:0 20px; padding:20px; font-size:18px; font-weight:500; border:1px #ccc dashed; border-radius:20px; background-color:#fafafa;} .play_time li strong {display:flex; align-items:center; justify-content:center; width:70px; height:70px; color:#fff; border-radius:70px;} .play_time li:nth-child(1) strong {background-color:#37ac7c;} .play_time li:nth-child(2) strong {background-color:#9577d9;} .play_time li:nth-child(3) strong {background-color:#f16689;} .play_time.cols3 li {width:calc(100% / 3 - 15px);} /* 놀이체험실 - 이용수칙 */ .use_rule {display:flex; flex-wrap:wrap;} .use_rule li {width:calc(100% / 3); padding:40px; margin:-1px -1px 0 0; border:1px #ddd solid; text-align:center;} .use_rule li:before {content:''; display:block; width:100px; height:100px; margin:0 auto 20px; background-size:80%;} .use_rule li.rule1:before {background:url(../img/icon_rule1.svg) center center no-repeat;} .use_rule li.rule2:before {background:url(../img/icon_rule2.svg) center center no-repeat;} .use_rule li.rule3:before {background:url(../img/icon_rule3.svg) center center no-repeat;} .use_rule li.rule4:before {background:url(../img/icon_rule4.svg) center center no-repeat;} .use_rule li.rule5:before {background:url(../img/icon_rule5.svg) center center no-repeat;} .use_rule li.rule6:before {background:url(../img/icon_rule6.svg) center center no-repeat;} .use_rule li.rule7:before {background:url(../img/icon_rule7.svg) center center no-repeat;} .use_rule li.rule8:before {background:url(../img/icon_rule8.svg) center center no-repeat;} .use_rule li.rule9:before {background:url(../img/icon_rule9.svg) center center no-repeat;} .use_rule li .tit {display:block; margin-bottom:5px; font-size:19px; font-weight:600;} /*놀이터*/ #design .play {position:relative;} #design .play .play_img01 {position:absolute;top:20px;right:50px;width:195px;height:280px;background:url(../img/play_img01.png) no-repeat 0 0;} /**/ #design .play .play_join {} #design .play .play_join .join_btn > ul {overflow: hidden;} #design .play .play_join .join_btn > ul > li {float: left;text-align:center;width: 48%;margin: 0 2%;} #design .play .play_join .join_btn ul .p_join_01 {margin-left: 0;} #design .play .play_join .join_btn ul .p_join_02 {margin-right: 0;} #design .play .play_join .join_btn > ul > li > a {display:block;padding: 40px;background: #f9f9f9;border: 1px solid #ddd;box-sizing: border-box;} #design .play .play_join .join_btn > ul > li > a .img_wrap {padding-bottom: 20px;} #design .play .play_join .join_btn > ul > li > a .img_wrap img {width:100px;} #design .play .play_join .join_btn > ul > li > a p {margin: 0;color:#777;font-size: 13px;padding: 10px 0 15px;} #design .play .play_join .join_btn > ul > li > a p.title {padding:0;font-size: 21px;line-height: 1em;font-weight:600;color:#000;} #design .play .play_join .join_btn > ul > li > a .more {display:inline-block;padding: 8px 50px;font-size: 14px;color: #fff;background: #666;border-radius: 20px;} #design .play .play_join .join_step {overflow: hidden;} #design .play .play_join .join_step > li {float:left;width:18.4%;margin: 0 1%;height: 240px;background: #f9f9f9;border: 1px solid #ddd;border-radius: 5px;box-sizing: border-box;} #design .play .play_join .join_step > li.step01 {margin-left: 0;} #design .play .play_join .join_step > li.step05 {margin-right: 0;} #design .play .play_join .join_step > li h2 {padding: 15px;font-size:17px;font-weight:600;text-align:center;color:#fff;background: #fd7581;border-radius:5px 5px 0 0;} #design .play .play_join .join_step > li > ol {padding: 15px 15px 15px 30px;font-size: 14px;list-style: decimal;} #design .play .play_join .join_step > li > ul {padding: 15px;font-size: 14px;} #design .play .play_join .join_step > li > ul.con03 > li {background-position: 0 7px; } #design .play .play_join .join_step > li > p {padding: 15px;font-size: 14px;} #design .play .play_join .join_step > li.step05 h2 {height: 100%;padding: 0;border-radius: 5px;line-height: 240px;} #design .play .play_join .add_text {margin-bottom: 5px;color:#ff3d4e;font-size: 14px;font-weight: 400;} #design p.num_text {padding: 5px 0;font-size: 18px;font-weight: 600;color:#000;} #design .play .play_join .dv3 > li {width: 32%;height: 150px;} #design .play .play_join .dv3 > li:nth-child(3n) {margin-right: 0;} #design .play .play_join .dv4 > li {height: 180px;} #design .play .play_join .dv4 > li:nth-child(4n) {margin-right: 0;} /**/ #design form {margin: 30px 0;padding: 0;width: 100%;} #design form fieldset {padding: 0;border: 0;} #design form fieldset textarea {width: 100%;height: 250px;padding: 10px;background: #f9f9f9;border: 1px solid #ddd;border-radius: 0;box-sizing: border-box;font-family: 'Malgun Gothic','맑은 고딕',Dotum, sans-serif;} /* 예약 */ #design form table thead th {padding: 12px 0;} #design form table tbody td {padding: 10px;} #design form table tbody td span {display:inline-block;padding-right: 10px;} #design form table tbody td span:last-child {padding-right: 0;} #design form table tbody td label {padding: 0 0 0 5px !important;} #design .play .table01 .text_input {padding: 6px;margin: 0;background: #f9f9f9;} #design .play .table01 .nessary {background: #f9f9f9 url(../img/nessary.png) no-repeat 100% 0;} #design .play .table01 td textarea {width: 100%;height: 150px;border: 1px solid #ddd;background: #f9f9f9;box-sizing: border-box;} #design .play .btn_wrap {margin-top: 30px;} /*오시는길*/ #daumRoughmapContainer1554279734321 {width: 100% !important;} #design .line {display:block;} #design .play .loc_title {padding-bottom: 15px;font-size: 28px;color:#222;font-weight: 500;line-height: 1.4em;} #design .imp {color:#c7252b;font-size: inherit;} #design .play .loc_list > li {margin: 10px 0;} #design .play .loc_list > li > span {display:inline-block;padding: 3px 0;padding: 3px 40px;} #design .play .loc_list .address {background: url(../img/icon_add.png) no-repeat 0 50%;} #design .play .loc_list .address span {padding-right: 0;} #design .play .loc_list .tel {background: url(../img/icon_tel.png) no-repeat 0 50%;} #design .play .loc_list .fax {background: url(../img/icon_print.png) no-repeat 0 50%;} #design .play .loc_list .mail {padding-right: 0;background: url(../img/icon_mail.png) no-repeat 0 50%;} #design .play .map_title {padding: 25px 10px 25px 70px;background: url(../img/icon_bus.png) no-repeat 0 50%;} #design .play .loc_box {background: #fff;padding: 25px;} #design .play .loc_box h2 {font-size: 18px;font-weight: 600;padding: 5px 0 5px 25px;color:#000;background: url(../img/h1_bullet.gif) no-repeat 0 50%;} /********** 장난감 **********/ /*장난감세척*/ #design .search_wrap .clean_process {padding-top: 20px;} #design .search_wrap .clean_process > dl {min-height: 100px;padding-left: 150px;margin-bottom: 40px;} #design .search_wrap .clean_process dl.clean01 {background: url(../img/ico_wash01.png) no-repeat 0 0;background-size: auto 90px;} #design .search_wrap .clean_process dl.clean02 {background: url(../img/ico_wash02.png) no-repeat 7px 0;background-size: auto 92px;} #design .search_wrap .clean_process dl.clean03 {background: url(../img/ico_wash03.png) no-repeat 7px 0;background-size: auto 92px;} #design .search_wrap .clean_process dl dt {padding-bottom: 5px;font-size: 22px;font-weight: 600;color: #000;} #design .search_wrap .clean_process dl dt span.num {font-weight: 500;color: #ccc;} #design .search_wrap .total_clean {min-height: 200px;background: url(../img/ico_clean.png) no-repeat 100% 100%;background-size: 250px auto;} #design .search_wrap .total_clean ul {width: 60%;} #design .search_wrap .total_clean ul li {word-break: keep-all;} /*발달단계*/ #design .search_wrap .toy_ex {margin-top: 20px;padding: 40px;background-color: #fffce1;} #design .search_wrap .toy_ex.toy01 {background-image: url(../img/ico_step01.png); background-repeat: no-repeat; background-position: 90% 90%;background-size: auto 150px;} #design .search_wrap .toy_ex.toy02 {background-image: url(../img/ico_step02.png); background-repeat: no-repeat; background-position: 90% 90%;background-size: auto 150px;} #design .search_wrap .toy_ex.toy03 {background-image: url(../img/ico_step03.png); background-repeat: no-repeat; background-position: 93% 93%;background-size: auto 120px;} #design .search_wrap .toy_ex p.title {margin-bottom: 30px;text-align: center;font-size: 21px;font-weight: 600;color: #333;} #design .search_wrap .toy_ex p.title .font_son {margin-right: 3px;font-size: 45px;font-weight: 400;color: #ef521b;} #design .search_wrap .toy_ex .toy_ex_con p {margin-bottom: 30px;font-size: 15px;word-break: keep-all;line-height: 1.4em;color: #555;} #design .search_wrap .toy_ex .toy_ex_con p span.tit {display: block;margin-bottom: 5px;font-size: 18px;font-weight: 600;} #design .search_wrap .toy_ex .toy_ex_con p span.tit span {display: inline-block;padding: 7px 12px;background: #00a4a6;color: #fff;} /********** 장난감도서관 **********/ /**/ .dv3 {overflow:hidden;} .dv3 > li {float: left;width: 32%;margin: 0 1%;} .dv3 > li:nth-child(3n-2) {margin-left: 0;} .dv3 > li:nth-child(3n) {margin-right: 0;} .dv3 > li > img {width: 100%;} /********** 프로그램 **********/ /*견학 프로그램*/ #design .program_wrap .visit_top ul.con02 {padding: 10px 0 20px 130px;background: url(../img/ico_visit.png) no-repeat 0 10px;background-size: auto 100px;} /**/ #design .program .program_guide > ul {overflow: hidden;} #design .program .program_guide > ul > li {float: left;width: 48%;margin: 10px 1%;padding: 20px;border: 1px solid #ddd;box-sizing: border-box;font-size: 15px;} #design .program .program_guide > ul > li:nth-child(2n-1) {margin-left: 0;} #design .program .program_guide > ul > li:nth-child(2n) {margin-right: 0;} #design .program .program_guide > ul > li > div {padding-left: 40%;word-break: keep-all;} #design .program .program_guide > ul > .pro_list01 > div {background: url(../img/guide_icon1.gif) no-repeat 7% 50%;} #design .program .program_guide > ul > .pro_list02 > div {background: url(../img/guide_icon2.gif) no-repeat 7% 50%;} #design .program .program_guide > ul > .pro_list03 > div {background: url(../img/guide_icon3.gif) no-repeat 7% 50%;} #design .program .program_guide > ul > .pro_list04 > div {background: url(../img/guide_icon4.gif) no-repeat 7% 50%;} #design .program .program_guide > ul > .pro_list05 > div {background: url(../img/guide_icon5.gif) no-repeat 7% 50%;} #design .program .program_guide > ul > .pro_list06 > div {background: url(../img/guide_icon6.gif) no-repeat 7% 50%;} #design .program .program_guide > ul > li .title {padding-bottom: 10px;font-size: 17px;font-weight: 600;color:#000;} #design .program .program_wrap .con04 > li {margin: 5px 0;font-size: 14px;color: #4e4e4e;} /*강좌 - view*/ #design .photos{margin: 0 0 10px;border-bottom:1px solid #ccc} #design .photos dl{position:relative;padding:20px;padding-top:0;overflow:hidden} #design .photos dt{float:left;width:100px} #design .photos dt img{display:block;padding:5px;width:100px;border:1px solid #ccc} #design .photos dd{float:left;padding:0 20px 10px 20px;font-size:14px} #design .photos dd li{font-size:14px} #design .photos ul{padding:0 0 5px 8px} #design .photos ul li{padding: 5px 0;background:url(../img/dp2.png) no-repeat 5px 9px} #design .photos ul li strong{color:#c62336} /********** 마이페이지 **********/ /* 회원가입 */ #design .member {} #design .member form p {padding: 10px;background:#f4f9fd;border: 1px solid #2f6fb7;text-align:center;border-radius:5px;} #design .member form p input[type="radio"] {width: 18px;height: 18px;vertical-align:middle;} #design .member form p label {font-size: 14px;font-weight: 300;color:#2f6fb7;} #design .member fieldset {padding: 0;} #design .member form h2 {font-size: 14px;text-align:left;padding:15px 20px;border-bottom:1px solid #dbdbdb;background:#f8f8f8} #design .member form textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em;box-sizing: border-box;font-size: 14px;} #design .member form .agree_wrap {position:relative;margin: 10px 0 30px;border: 1px solid #ddd;} #design .member .agree_check {border: 0;position:absolute;top:0;right:0;padding:15px;font-size: 14px;color: #4e4e4e;} #design .member .agree_check input[type="checkbox"] {width: 18px;height: 18px;} #design .member .check_all_wrap {padding-bottom: 20px;text-align: center;} #design .member .check_all_wrap label {font-size: 14px;color:#4e4e4e;} #design .member .mem_finish {} #design .member .mem_finish .m_finish_top {border: 1px solid #d1d1d1;border-radius: 8px;padding: 150px 30px 30px 30px;margin-bottom: 30px;text-align:center;font-size:32px;background: url(../img/bg_m_finish_top.png) no-repeat center 26px;} #design .member .mem_finish .m_finish_txt {text-align:center;padding:20px 0;line-height:24px} #design .member .mem_finish .m_finish_txt .feed {display:block;} #design .member .member_from{padding: 0 0 30px;border-top: 1px solid #000;margin-top: 20px;} #design .member .member_from fieldset{border:0} #design .member .member_from dl{padding:14px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .member .member_from dt{float:left;width:20%} #design .member .member_from dd{float:left;width:80%;text-align:left;} #design .member .member_from dd select{border:1px solid #ccc} #design .member .member_from dd .t_txt{border:1px solid #ccc} #design .member .member_from dd .btn{padding: 0 16px;color: #fff;background: #555;height: 32px;line-height: 32px;display: inline-block;margin-bottom: 5px;font-size: 14px;border-radius: 5px;} #design .member .form_wrap .add_input {display:block;font-size: 13px !important;color:#3598db;} /* 회원가입 입력 */ #design .member .form_wrap h2 {padding: 0;margin-bottom: 5px;font-size: 20px;color:#000;border-bottom: 0;} #design .member .form_wrap {} #design .member .form_wrap .step_detail li {margin-bottom:10px} #design .member .text_input {margin: 5px 0;box-sizing: border-box;padding: 10px;} #design .member .text_input_m1 {margin: 5px 0;box-sizing: border-box;padding: 10px;} #design .member .form_wrap .btn_wrap {margin-top: 10px;} #design .member .new_member {margin-top: 30px;} #design .member .nessary {background: #fff url(../img/nessary.png) no-repeat 100% 0;} #design .member .member_from .red_nessary{color:#fe0000;} #design .member .title_nessary{color:#2d2d2d;float:right;display:contents;} #design .member .title_nessary .red_nessary{color:#fe0000} #design .condition span {font-size: 14px;line-height: 1.2em;} #design .condition .confirm {padding:2px 10px; color:#f27800; border:1px solid #f27800;} /*승인*/ #design .condition .wait {padding:2px 10px; color:#7ba003; border:1px solid #7ba003;} /*접수*/ /*#design .condition .blue {padding:2px 10px; color:#005aa1; border:1px solid #005aa1;} */ #design .condition .cancel {padding:2px 10px; color:#888; border:1px solid #aaa;}/*취소*/ /* 놀이터 이용내역 */ #design .playGroundLayer table th {font-weight: 500;background: #f6f6f6;} #design .playGroundLayer table td {text-align: left;border: 1px solid #ddd;font-size:13px !important;} #design .playGroundLayer table td .day {text-align:center;} #design .playGroundLayer table .date{display:block;} #design .playGroundLayer table .sun {color:#f26d7d;} #design .playGroundLayer table .sat {color:#3095dd;} #design .playGroundLayer .c_left {text-align:center;margin-bottom: 20px;} #design .playGroundLayer .c_prev {display:inline-block;width: 30px;height: 30px;text-indent: -9999px;background: url(../img/btnPrev.gif) no-repeat 50%;vertical-align:middle;} #design .playGroundLayer .c_next {display:inline-block;width: 30px;height: 30px;text-indent: -9999px;background: url(../img/btnNext.gif) no-repeat 50%;vertical-align:middle;} #design .playGroundLayer .c_left h3 {display:inline-block;padding: 0 20px;font-size: 22px;font-weight: 500;line-height: 1em;vertical-align:middle;background:none;} #design .playGroundLayer span .playTurn.not{background:#492012;color:#fff !important;border:1px solid #492012 !important;} #design .playGroundLayer .play_num .YmdChk{padding:5px 7px !important;border:1px solid #ddd !important;box-sizing:border-box;border-radius:5px;} #design .playGroundLayer .dk_search {display:none;} #design .playGroundLayer span.playTurn {display:inline-block;padding: 3px 7px;margin: 5px 5px 0 0;background: #e6b200;color:#464646;border: 1px solid #e6b200;border-radius: 5px;} #design .condition span {font-size: 14px;line-height: 1.2em;} #design .condition .confirm {padding:2px 10px; color:#f27800; border:1px solid #f27800;} /*승인*/ #design .condition .wait {padding:2px 10px; color:#7ba003; border:1px solid #7ba003;} /*접수*/ /*#design .condition .blue {padding:2px 10px; color:#005aa1; border:1px solid #005aa1;} */ #design .condition .cancel {padding:2px 10px; color:#888; border:1px solid #aaa;}/*취소*/ /* 놀이터 이용내역 */ #design .playGroundLayer table th {font-weight: 500;background: #f6f6f6;} #design .playGroundLayer table td {text-align: left;border: 1px solid #ddd;} #design .playGroundLayer table td .day {min-height: 80px;} #design .playGroundLayer table .sun {color:#f26d7d !important;} #design .playGroundLayer table .sun span {color:#f26d7d !important;} #design .playGroundLayer table .sat {color:#3095dd !important;} #design .playGroundLayer table .sat span {color:#3095dd !important;} #design .playGroundLayer table .date {display:block;padding-bottom: 3px !important;} #design .playGroundLayer .c_left {text-align:center;margin-bottom: 20px;} #design .playGroundLayer .c_prev {display:inline-block;width: 30px;height: 30px;text-indent: -9999px;background: url(../img/btnPrev.gif) no-repeat 50%;vertical-align:middle;} #design .playGroundLayer .c_next {display:inline-block;width: 30px;height: 30px;text-indent: -9999px;background: url(../img/btnNext.gif) no-repeat 50%;vertical-align:middle;} #design .playGroundLayer .c_left h3 {display:inline-block;padding: 0 20px;font-size: 22px;font-weight: 500;line-height: 1em;vertical-align:middle;} #design .playGroundLayer .dk_search {display:none;} #design .playGroundLayer span.playTurn {display:inline-block;padding: 3px 7px !important;margin: 5px 3px 0 0 !important;background: #e6b200;color:#000;border: 1px solid #e6b200;border-radius: 5px;} #design .playGroundLayer span.comp {background: #ddd;color: #888 !important;border: 1px solid #ddd !important;} #design .playGroundLayer span.not {background: #492012;color: #fff !important;} #design .playGroundLayer .play_num .YmdChk {padding: 3px 7px !important;border: 1px solid #ddd !important;box-sizing: border-box;border-radius: 5px;} /**/ #design .mypage_wrap .log_wrap {width: 50%;margin: 50px auto;} #design .mypage_wrap .log_wrap .text_input {display:block;width: 100%;margin-bottom: 10px;} #design .mypage_wrap .log_wrap .btn_submit {width: 100%;height: 45px;line-height: 45px;padding: 0;font-size: 18px;font-weight: 600;} #design .mypage_wrap .log_wrap .chk_input {vertical-align:middle;} #design .mypage_wrap .log_wrap .chk_input + label {vertical-align:middle;font-size: 15px;padding: 0 0 0 5px !important;} #design .mypage_wrap .log_wrap .auto_log {text-align:center;margin-top: 20px;} #design .mypage_wrap .log_bottom {text-align:center;} #design .mypage_wrap .log_bottom > a {display:inline-block;padding-left: 20px;font-size: 15px;} #design .mypage_wrap .log_bottom .log_search {position:relative;padding: 0 20px 0 0;} #design .mypage_wrap .log_bottom .log_search::after {content: "";position:absolute;right: 0;top: 5px;display:inline-block;width: 1px;height: 12px;background: #999;} /*모바일 회원증*/ #design .mypage .barcode_wrap {text-align:center;} #design .mypage #BarCode {margin: 10px auto 0;} /********** 기타 **********/ /*이메일무단수집거부*/ #design .etc .etc_wrap .etc_txt {font-size: 17px;font-weight: 400;color: #333;word-break: keep-all;} #design .etc .etc_wrap .etc_date {margin-top: 20px;font-size: 15px;color: #757575;} /*장난감검색*/ #design .toy_search fieldset {text-align: center;} #design .toy_search {padding:40px 20px 20px;background:url(../img/bg_tsearch.png) repeat-x 0 0 #efefef;border-radius:5px;} #design .toy_search h2 {} #design .toy_search select {display: inline-block;height:40px;line-height:40px;padding:5px;border-radius:5px;width:19.5%;border: 1px solid #ccc !important;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #design .toy_search input.tsearch {display: inline-block;height:40px !important;line-height:40px !important;padding:5px;border-radius:5px;width:30%;box-sizing: border-box;border: 1px solid #ddd;} #design .toy_search input.tsearch_btn {display: inline-block;width:8%;height:40px;padding:5px;border-radius:5px;background:#f1774c;color:#fff;font-weight:bold;font-size:17px;cursor: pointer;} #design .toy_search_list {margin-top:10px;overflow: hidden;} #design .toy_search_list ul {} #design .toy_search_list ul li {width:32%;float:left;margin: 10px 1%;} #design .toy_search_list ul li:nth-child(3n-2) {margin-left: 0;} #design .toy_search_list ul li:nth-child(3n) {margin-right: 0;} #design .toy_search_list ul li a {display:block;padding:20px;text-align:center;border:1px solid #d3d3d3;border-radius:5px;/*height:320px;*/} #design .toy_search_list ul li a:hover {display:block;padding:20px;text-align:center;border:1px solid #fabe1f;border-radius:5px;} #design .toy_search_list ul li a img {max-width:100%;height:200px;} #design .toy_search_list ul li a .tit {margin:10px 0;padding:5px;font-size:17px;font-weight:bold;background:#efefef;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;} #design .toy_search_list ul li a .ts_info {} #design .toy_search_list ul li a .ts_info span {display: inline-block;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #design .toy_search_list ul li a .ts_info .tsi01 {width:100%;background:#f4c432;padding:2%;border: 1px solid #f4c432;margin-bottom:10px;box-sizing:border-box;} #design .toy_search_list ul li a .ts_info .tsi_num01 {width:43%;border:1px solid #d1d1d1;padding:2%;} #design .toy_search_list ul li a .ts_info .tsi_num02 {width:19%;border:1px solid #d1d1d1;padding:2%;} /*장난감검색-상세*/ #design .toy_view_info {padding:20px;background:#efefef;overflow:hidden;border-radius:5px;} #design .toy_view_info .tvi_img {float:left;width:30%;height:100%;border:1px solid #ddd;box-sizing: border-box;background:url(../img/noimg.png) no-repeat center 50%;} #design .toy_view_info .tvi_img img {width:100%;height:inherit;} #design .toy_view_info .tvi_txt {float:left;width: 65%;margin-left: 5%;} #design .toy_view_info .tvi_txt dl {overflow:hidden;} #design .toy_view_info .tvi_txt dl dt {font-size:24px;line-height: 1.2em;font-weight: 600;margin-bottom:16px;} #design .toy_view_info .tvi_txt dl dd {float:left;max-width: 33.33333%;min-height:80px;margin-right:5px;padding: 10px;border-radius:5px;background:#2f6fb7;text-align:center;} #design .toy_view_info .tvi_txt dl dd span {display:block;color:#fff;} #design .toy_view_info .tvi_txt dl dd span.tit {font-size:14px;color:#fff;font-weight:bold;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';letter-spacing:-1px;margin-top:8px;} #design .toy_view_info .tvi_txt dl dd span.con {font-size:14px;color:#fff;padding: 10px;} #design .toy_view_info .tvi_txt ul {margin-top:16px;} #design .toy_view_info .tvi_txt ul li {padding:4px 0;} #design .toy_view_info .tvi_txt ul li span {font-size:17px; font-weight: 500;} #design .toy_view_info .tvi_txt ul li span.tit {padding-left:20px;background:url(../img/bullet_li03.png) no-repeat left 6px;} #design .tvi_info_box {padding:25px 0;border-bottom:1px dashed #dbdbdb;} #design .tvi_info_box .tit{width:106px;height:38px;padding-top:4px;background:url(../img/bg_tvi_box.png) no-repeat 0 0;font-size:17px;font-weight:bold;margin-bottom:10px;text-align:center;} #design .tvi_info_box .con {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #design .tvi_info_box img {max-width:100%;} #design .con_title {padding: 20px 0 10px;font-size: 20px;font-weight: 600;line-height: 1.2em;color: #cc3300;} #design .BtnDelivery {display:inline-block;padding: 3px 7px;background: #ec7404;color:#fff;border-radius: 5px;} #design .BtnReservation {display:inline-block;padding: 3px 7px;background: #cc3300;color:#fff;border-radius: 5px;} /*신규장난감*/ #design .toy_new_title {display:none;padding-top: 85px;text-align:center;background: url(../img/new_arrive_top_bg.png) no-repeat 50% 100%;} #design .toy_new_title p {padding: 25px 0;margin: 0;font-size: 28px;line-height: 1em;color:#333;letter-spacing: -1px;} #design .toy_new_title span {font-size: 32px !important;color:#052474;} /*베스트장난감*/ #design .toy_best_title {display:none;position:relative;margin-top: 20px;padding: 40px 0 30px;text-align:center;} #design .toy_best_title p {padding: 35px 0 15px;border-bottom: 5px solid #619fc1;margin: 0;font-size: 28px;line-height: 1em;color:#333;letter-spacing: -1px;background: url(../img/best_icon_02.png) no-repeat 100% 50%;} #design .toy_best_title p::before {position:absolute;top: 0;left: 0;content: "";background: url(../img/best_icon_01.png) no-repeat 50%;width: 180px;height: 160px;} #design .toy_best_title span {font-size: 32px !important;color:#052474;} #design .best_list ul li a .ts_info .tsi01 {width: 30%;} #design .best_list ul li a .ts_info .tsi_num01 {width: 57%;} #design .culture {padding-top: 60px;} /*#design .fac {padding-bottom:250px;background:url(../img/bg_fac.png) no-repeat center bottom;}*/ #design .use {padding-bottom:170px;background:url(../img/bg_use.png) no-repeat right bottom;} #design .use span {display:block;} #design .jstep {overflow:hidden;background:url(../img/step_arr.png) no-repeat 320px 50%;margin-bottom:30px;} #design .jstep .step1 {float:left;border-radius:8px;width:300px;height:180px;border:2px solid #58a804;margin-right:50px;} #design .jstep .step1 strong {display:block;font-size:20px;font-weight:bold;text-align:center;padding:16px 0;background:#58a804;color:#fff;margin-bottom: 6px;} #design .jstep .step2 {float:left;border-radius:8px;width:300px;height:180px;border:2px solid #ffd02e;margin-right:50px;} #design .jstep .step2 strong {display:block;font-size:20px;font-weight:bold;text-align:center;padding:16px 0;background:#ffd02e;margin-bottom: 6px;} #design .jstep2 {overflow:hidden;background:url(../img/step_arr.png) no-repeat 320px 50%;margin-bottom:40px;} #design .jstep2 .step1 {float:left;border-radius:8px;width:300px;height:120px;border:2px solid #58a804;margin-right:50px;} #design .jstep2 .step1 strong {display:block;font-size:20px;font-weight:bold;text-align:center;padding:16px 0;background:#58a804;color:#fff;margin-bottom: 6px;} #design .jstep2 .step2 {float:left;border-radius:8px;width:300px;height:120px;border:2px solid #ffd02e;margin-right:50px;} #design .jstep2 .step2 strong {display:block;font-size:20px;font-weight:bold;text-align:center;padding:16px 0;background:#ffd02e;margin-bottom: 6px;} #design input[type=checkbox]{display: inline-block} #design input[type=checkbox]+ label{display:inline-block;position:relative;padding:0 0 0 5px !important;margin-right:10px;cursor:pointer} #design input[type=radio]{display: inline-block;vertical-align:middle;} #design input[type=radio]+ label{display:inline-block;position:relative;padding:0 0 0 0 !important;margin-right:10px;cursor:pointer} /**/ #design .guide_box{margin:30px 0;padding:30px 30px;-moz-box-shadow:inset 0 0 10px #B2B2B2;-webkit-box-shadow:inset 0 0 10px #B2B2B2;box-shadow:inset 0 0 10px #B2B2B2;border-radius:10px;background:url(../img/common/guide_box_bg.gif) no-repeat 100% 100%} #design .guide_box h3{color:#551ca9;font-size:17px} /**/ #design .stage{border-bottom:1px solid #ccc;overflow:hidden} #design .stage *{} #design .stage dt{float:left;width:70%;font-size:18px;font-family:Arial, Helvetica, sans-serif} #design .stage dt img{display:block;padding:20px 0} #design .stage dd{float:left;padding:30px 0;width:30%} #design .stage dd ul{overflow:hidden} #design .stage dd li{float:left;width:50%;font-size:15px} /**/ #design .tabmenu{margin:0 0 30px 0;*zoom:1} #design .tabmenu:before, #design .tabmenu:after{clear:both;display:table;content:"";line-height:0} #design .tabmenu li{display:inline;padding-right:4px} #design .tabmenu li:first-child a{margin:0} #design .tabmenu li a{display:inline-block;position:relative;padding:0 38px;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 .tabmenu li a i{display:none} #design .tabmenu li a:hover{position:relative;z-index:5;color:#fff;border:2px solid #ff581c;background:#ff581c;transition:all 0.2s} #design .tabmenu li a.sel{position:relative;z-index:5;color:#242b36;border:2px solid #ff581c;background:#fff;box-shadow:0 3px 0 #e2e2e2} /**/ #design .depthmenu{margin:0 0 30px 0;*zoom:1} #design .depthmenu:before, #design .depthmenu:after{clear:both;display:table;content:"";line-height:0} #design .depthmenu li{display:inline;padding-right:4px} #design .depthmenu li:first-child a{margin:0} #design .depthmenu li a{display:inline-block;position:relative;padding:0 39px;line-height:37px;font-size:15px;font-weight:600;letter-spacing:-1px;color:#fff;text-align:center;border:2px solid #b1b1b1;background:#b1b1b1;border-radius:5px;transition:all 0.2s} #design .depthmenu li a i{display:none} #design .depthmenu li a:hover{position:relative;z-index:5;color:#fff;border:2px solid #014fbb;background:#014fbb;transition:all 0.2s} #design .depthmenu li a.sel{position:relative;z-index:5;color:#242b36;border:2px solid #014fbb;background:#fff;box-shadow:0 3px 0 #e2e2e2} #design .depthmenu li a.sel i{position:absolute;z-index:6;bottom:-11px;left:50%;display:block;margin-left:-4px;width:8px;height:11px;background:url(../img/ico_pin.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} #design .tabs{padding:20px 0;position:relative;*zoom:1} #design .tabs:before, #design .tabs:after{clear:both;display:table;content:"";line-height:0} #design .tabs ul{position:relative;z-index:1;height:42px;border-bottom:2px solid #8bba00;margin-bottom:20px;} #design .tabs li{float:left} #design .tabs li:first-child a{margin:0} #design .tabs li a{display:block;position:relative;z-index:0;margin:0 0 0 -1px;padding:0 24px;line-height:40px;font-size:15px;font-weight:600;color:#333;text-align:center;border:1px solid #dedede;background:#fff} #design .tabs li a span{font-size:13px} #design .tabs li a:hover{position:relative;z-index:5;font-weight:600;color:#fff;border:1px solid #8bba00;background:#8bba00;transition:all 0.3s;color:#fff} #design .tabs li a.sel{position:relative;z-index:5;padding:0 26px 0 26px;font-weight:600;color:#333;border:2px solid #8bba00;border-bottom:2px solid #fff;} #design .tabs li a span{color:#f30} /**/ #design .subtit{padding:20px 0;font-size:18px;text-align:center;border-top:0px solid #ccc;border-bottom:0px solid #ccc;background:url(../img/culture.png) no-repeat 50% 0} #design .subtit strong{font-size:18px;font-weight:400;color:#c62337} /*#design .title{position:relative;overflow:hidden;margin-top:30px;}*/ #design .title h3{position:relative;padding-left:25px;line-height:40px;font-size:17px;font-weight:600;color:#005997} #design .title h3 i{position:absolute;top:-2px;left:0;display:block;width:20px;height:40px;background:url(../img/depth1_1.png) no-repeat 50% 50%} #design .title p{position:absolute;top:10px;right:0;font-weight:600} #design .title .year{position:absolute;top:10px;right:0} #design .title .year strong{float:left;display:block;width:60px;line-height:20px;font-size:16px;color:#333;text-align:center} #design .title .year strong span{padding-left:5px;font-size:16px;color:#333} #design .title .year a{float:left;display:block;width:19px;height:19px;line-height:19px;font-size:11px;font-weight:800;font-family:"돋움", "굴림";text-align:center;color:#fff;background:#b7b7b7} #design .title .year a span{display:none} #design .point h3{margin-bottom:0;border-bottom:0px solid #ccc} #design .table{padding:0 10px;padding-bottom:20px} #design .table .tar{padding:10px 0} /**/ #design .chart{position:relative;padding-bottom:5px} #design .chart > ul{padding:0 0 5px 8px} #design .chart > ul > li{padding:0 0 6px 17px;line-height:19px;background:url(../img/dp2.png) no-repeat 5px 6px} #design .chart > ul > li strong{color:#c62336} #design .chart li strong{font-weight:400} #design .chart li strong.orange{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff !important;background:#ef770c;border-radius:22px} #design .chart li strong.pgreen{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#235704;border-radius:22px} #design .chart li strong.gold{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#9f791e;border-radius:22px} #design .chart li p{padding:0 0 15px 0} #design .chart li p .ipin{color:#246e8b} #design .chart li ul{padding:6px 0 0 0} #design .chart li ul li{padding:3px 0;font-size:13px} #design .chart li .table{position:relative;top:-10px;padding:0 0 20px 70px} #design .chart dl{margin:0 0 30px 0;padding:10px 20px 10px 100px;overflow:hidden;border:1px solid #e3e3e3;background:#fff url(../img/ico_point.png) no-repeat 30px 50%;border-radius:5px;box-shadow:1px 3px 1px #fafafa} #design .chart dt{padding:5px 20px;font-size:16px;color:#526c9b} #design .chart dd{padding:0 20px 10px 20px;font-size:13px} #design .chart dd li{font-size:13px} #design .chart .down{display:inline-block;margin:0 2px 4px 2px;padding:2px 5px;font-size:13px;letter-spacing:-1px;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:3px} #design .chart .bot{margin:0 10px;padding:10px;border-top:1px solid #ccc;overflow:hidden} #design .chart p{padding-bottom:10px;overflow:hidden} #design .arrow{padding-bottom:50px;background:url(../img/ico_b_arrow.png) no-repeat 50% -20px} #design .grtable{position:relative;top:-10px} #design .grtable ol{padding:0 55px;overflow:hidden} #design .grtable ol li{float:left} #design .grtable ol li.gt1{width:50%} #design .grtable ol li.gt1 strong{background:#f6f9fa} #design .grtable ol li.gt2{width:25%} #design .grtable ol li.gt2 strong{background:#f6f9fa} #design .grtable ol li.gt3{width:25%} #design .grtable ol li.gt3 strong{background:#f6f9fa} #design .grtable ol li div{position:relative;margin:0 10px;border:1px solid #ccc;border-top:2px solid #81a7b3;background:#f2f2f2;overflow:hidden} #design .grtable ol li div strong{display:block;padding:7px 0;font-weight:600;text-align:center;color:#333;border-bottom:1px solid #eee} #design .grtable ol li div strong br{ display:none} #design .grtable ol li div span{display:block;padding:20px 10px;min-height:100px;height:100px\9;font-size:13px;background:#fff} /**/ #design .guide .info{background:url(../img/greeting.png) no-repeat 100% 100%} #design .guide .info .tit{padding:20px 0 20px 0} #design .guide .info .tit span{font-size:20px;color:#2a2a2a} #design .guide .info .tit h2{font-size:30px;font-weight:600;color:#000;background:none;padding: 0px 0 16px 0;} #design .guide .info .txt{padding:0 0 20px 0;line-height:25px;font-size:20px;color:#555} #design .guide .info .txt strong{font-size:20px;font-weight:600;color:#333} #design .guide .info .txt2{padding:0 0 20px 0;line-height:25px;font-size:16px;color:#555} #design .guide .info .sign{padding:0 50px 200px 0px;font-size:16px;font-weight:600;text-align:left} #design .guide .info .sign img{position:relative;top:15px} #design .guide .his{background:url(../img/history_line.png) no-repeat 18% 43px}} #design .guide .organ{position:relative} #design .guide .organ .header{position:relative} #design .guide .organ .header div{margin:0 auto;margin-bottom:10px;width:200px;line-height:60px;font-size:20px;text-align:center;box-shadow:0 3px 0 #fafafa} #design .guide .organ .h1{line-height:50px !important;font-weight:800;color:#005997;border:2px solid #ccc;border-top:3px solid #005997;background:#fff} #design .guide .organ .body{position:relative;padding:35px 80px 10px 80px;*zoom:1;background:url(../img/organ.png) no-repeat 50% -15px} #design .guide .organ .body:before, #design .guide .organ .body:after{clear:both;display:table;content:"";line-height:0} #design .guide .organ .body *{font-size:13px} #design .guide .organ .body dl{overflow:hidden} #design .guide .organ .body dl dd{float:left;width:33%} #design .guide .organ .body dl dd strong{display:block;margin:0 20px;line-height:50px;font-size:18px;font-weight:400;text-align:center;color:#333;border:1px solid #ccc;border-top:3px solid #c92135;background:#fff;box-shadow:0 3px 0 #fafafa} #design .guide .organ .phone{line-height:50px;font-size:15px;color:#c92135;text-align:right} #design .guide .pic{padding-bottom:400px;background:url(../img/guide_photo.png) no-repeat 100% 100%} #design .guide .ins table th a{display:inline-block;padding-right:30px;background:url(../img/btn_detail_ico.png) no-repeat 100% 0} #design .guide .viewbox{padding-bottom:20px;overflow:hidden;} #design .guide .viewbox .photo{position:relative;z-index:1000;padding:15px;height:370px;text-align:center;border:1px solid #e6e6e6;background:#fafafa;} #design .guide .viewbox .photo h3{position:absolute;z-index:1000;top:231px;left:30px;display:block;padding:0 15px;line-height:40px;color:#fff;background:rgba(219,55,74,0.9)} #design .guide .viewbox .photo img{width:720px;height:340px} #design .guide .viewbox .photo strong{position: absolute;z-index: 1000;left:0;top:0;display: block;color: #ff581c;font-size:22px;} #design .guide .viewbox .map{float:right;position:relative;z-index:1000;padding:30px 0;width:49%;height:320px;text-align:center;border:1px solid #ccc;background:#fafafa} #design .guide .viewbox .map h3{position:absolute;z-index:1000;top:232px;left:30px;display:block;padding:0 15px;line-height:40px;color:#333;border:1px solid #ccc;background:#fff} #design .guide .viewbox .bx-viewport{height:240px} #design .guide .viewbox .bx-wrapper .bx-controls{position:relative;top:6px} #design .guide .viewbox .bx-wrapper .bx-pager{text-align:center} #design .guide .viewbox .bx-wrapper .bx-pager .bx-pager-item, #design .guide .viewbox .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline;*zoom:1} #design .guide .viewbox .bx-wrapper .bx-pager.bx-default-pager a{margin: 0 5px;display: inline-block;width:22px;height:22px;outline: 0;text-indent: -9999em;background: #ccc;border-radius: 50px;} #design .guide .viewbox .bx-wrapper .bx-pager.bx-default-pager a.active{background: #ff581c;} #design .guide .tab {display:none;} #design .guide .tab dl{position:relative;padding:0 30px;margin-bottom:3px;border-top:0px solid #eee;overflow:hidden} #design .guide .tab dt{float:left;position:relative;width:14%} #design .guide .tab dt strong{display:block;padding-left:52px;line-height:30px;font-size:15px;font-weight:600;color:#333;border:1px solid #ccc;background:#fff url(../img/btn_detail_ico.png) no-repeat 0 50%;border-radius:5px;box-shadow:2px 4px 2px #fafafa} #design .guide .tab dd{float:left;position:relative;width:86%} #design .guide .tab dd strong{display:block;position:relative;top:-3px;margin:2px 0;padding:2px 20px;line-height:30px;font-size:15px;font-weight:400;border:1px solid #fff;background:#fff} #design .guide .root_daum_roughmap{width:100% !important} #design .guide .root_daum_roughmap .wrap_controllers .wrap_btn_zoom{width:auto !important} #design .guide .maps{padding-bottom:30px} #design .guide .add{padding:30px 0 30px 150px;background:url(../img/add.png) no-repeat 20px 40%} #design .guide .add li{font-size:16px;background:none} #design .guide .metro{padding:20px 0 20px 150px;background:url(../img/metro.png) no-repeat 20px 40%} #design .guide .metro li{padding-bottom:5px;font-size:16px;background:none} #design .guide .bus{padding:20px 0 20px 150px;background:url(../img/bus.png) no-repeat 20px 40%} #design .guide .bus li{font-size:16px;background:none} #design .guide .bus li span{font-size:16px} #design .guide .bus li i{display:inline-block;margin-right:2px;position:relative;top:-3px;width:22px;height:5px;line-height:22px;font-size:12px;text-align:center;color:#fff !important;border-radius:22px} #design .guide .bus li i.green{background:#3ccf10} #design .guide .closure{padding:20px 220px 20px 25px;background:url(../img/closure.png) no-repeat 100% 60%;overflow:hidden} #design .guide .closure dt{padding-bottom:10px;font-size:17px;font-weight:600;color:#333} #design .guide .closure dd{overflow:hidden} #design .guide .closure dd div{float:left;margin:0 15px 15px 0;text-align:center} #design .guide .closure dd strong{display:block;margin:0 auto;width:30px;height:30px;line-height:30px;color:#fff;background:#069;border-radius:30px} #design .guide .closure dd span{display:block;padding:4px 0;font-size:11px;font-family:"돋움", "굴림";letter-spacing:-1px;color:#777} #design .guide .closure .cmonth{padding:0;border-bottom:1px solid #cfcfcf} #design .guide .closure .cmonth dt{color:#ec9035} #design .guide .closure .cmonth dd strong{background:#ec9035} #design .guide .closure .cmonth dd span{color:#ec9035} #design .guide .closure .pmonth{padding:15px 0} #design .guide .closure .pmonth dt{color:#00a88e} #design .guide .closure .pmonth dd strong{background:#00a88e} #design .guide .closure .pmonth dd span{color:#00a88e} /**/ #design .guide .figure{margin:0 -20px;padding:10px 0;overflow:hidden} #design .guide .figure li{float:left;position:relative;width:25%} #design .guide .figure li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%} #design .guide .figure li strong{display:block;margin:0 20px;padding:150px 0 30px 0;text-align:center;font-size:14px;font-weight:400;color:#777 !important;border:1px solid #ccc} #design .guide .figure .st1{background:url(../img/st1.png) no-repeat 50% 40%} #design .guide .figure .st2{background:url(../img/st2.png) no-repeat 50% 40%} #design .guide .figure .st3{background:url(../img/st3.png) no-repeat 50% 40%} #design .guide .figure .st4{background:url(../img/st4.png) no-repeat 50% 40%} #design .guide .figure .tt1{background:url(../img/tt1.png) no-repeat 50% 40%} #design .guide .figure .tt2{background:url(../img/tt2.png) no-repeat 50% 40%} #design .guide .figure .tt3{background:url(../img/tt3.png) no-repeat 50% 40%} #design .guide .figure .tt3 strong{padding:150px 0 9px 0} #design .guide .figure .tt4{background:url(../img/tt4.png) no-repeat 50% 40%} #design .guide .picture{margin:0 -20px;padding:10px 0;overflow:hidden} #design .guide .picture li{float:left;position:relative;width:33.33%} #design .guide .picture li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%} #design .guide .picture li strong{display:block;margin:0 20px;padding:160px 20px 30px 20px;height:240px;text-align:center;font-size:14px;font-weight:400;color:#777 !important;border:1px solid #ccc} #design .guide .picture .pt1{background:url(../img/pt1.png) no-repeat 50% 30%} #design .guide .picture .pt2{background:url(../img/pt2.png) no-repeat 50% 30%} #design .guide .picture .pt3{background:url(../img/pt3.png) no-repeat 50% 30%} #design .guide .angle{margin:0 -20px;padding:10px 0;overflow:hidden} #design .guide .angle li{float:left;position:relative;width:33.33%} #design .guide .angle li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%} #design .guide .angle li strong{display:block;margin:0 20px;padding:150px 0 30px 0;text-align:center;font-size:14px;font-weight:400;color:#777 !important;border:1px solid #ccc} #design .guide .angle .an1{background:url(../img/an1.png) no-repeat 50% 40%} #design .guide .angle .an2{background:url(../img/an2.png) no-repeat 50% 40%} #design .guide .angle .an3{background:url(../img/an3.png) no-repeat 50% 40%} #design .guide .dr1{background:url(../img/img_dr1.png) no-repeat 100% 100%} #design .guide .dr4{background:url(../img/img_dr4.png) no-repeat 100% 100%;padding-bottom:100px} #design .guide .dr5{background:url(../img/img_dr5.png) no-repeat 100% 100%} #design .guide .ss1{background:url(../img/ss1.png) no-repeat 100% 100%} #design .guide .ss3{background:url(../img/ss3.png) no-repeat 100% 100%;padding-bottom:300px} #design .donate {padding-bottom:110px;background:url(../img/donate.png) no-repeat right bottom;} /**/ #design .booklist{padding:0 0 30px 0} #design .booklist ul{overflow:hidden} #design .booklist li{float:left;width:20%} #design .booklist li dt{margin:0 auto;width:132px} #design .booklist li dt a{display:block} #design .booklist li dt img{display:block;width:132px;height:178px;border:1px solid #333} #design .booklist li dd{padding-bottom:20px;text-align:center} #design .booklist li dd a{display:block} #design .booklist li dd strong{display:block;padding:10px 20px 0 20px;height:47px;line-height:18px;font-size:15px;font-weight:600;overflow:hidden/*;white-space:nowrap;text-overflow:ellipsis*/} #design .booklist li dd span{display:block;font-size:13px} /**/ #design .onelist{padding:0 0 30px 0} #design .onelist ul{margin:0 -10px;overflow:hidden} #design .onelist li{float:left;width:33.33%} #design .onelist li dl{position:relative;margin:0 10px;overflow:hidden} #design .onelist li dt a{display:block} #design .onelist li dt img{display:block;width:132px;height:178px;border:1px solid #333} #design .onelist li dd{position:absolute;top:0;left:150px} #design .onelist li dd a{display:block} #design .onelist li dd strong{display:block;margin:0 0 15px 0;font-size:15px;font-weight:600;overflow:hidden/*;white-space:nowrap;text-overflow:ellipsis*/} #design .onelist li dd span{display:block;font-size:13px} /**/ #design .bookgroup{background:url(../img/bookgroup.png) no-repeat 100% 80%} #design .booktitle{position:relative;margin-bottom: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} #design .boxst {padding:20px 200px 80px 28px;margin-bottom:40px;border:1px solid #ccc;border-top:3px solid #f7941d;} #design .boxst h2 {background:none;padding: 0 0 16px 0;font-size:20px;font-weight:bold;} #design .boxst .txt {font-size:16px;} #design .boxst .txt span {font-size:inherit;} #design .boxst .txt span.linefeed {display:block;} #design .bst1 {background:url(../img/bst1.png) no-repeat right 30px;} #design .bst2 {background:url(../img/bst2.png) no-repeat right 30px;} #design .bst3 {background:url(../img/bst3.png) no-repeat right 30px;} /* #design .text{margin-bottom:40px;padding:30px 30px 30px 160px;min-height:120px;font-size:16px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0} #design .text strong{font-size:16px;color:#c62337} #design .tx1{background:#fff url(../img/ico_culture.png) no-repeat 40px 50%} #design .tx2{background:#fff url(../img/ico_event.png) no-repeat 40px 50%} */ /**/ #design .culture .time{margin:0 auto;padding:20px 0;width:420px;overflow:hidden;display:none} #design .culture .time h2{float:left;padding:0 10px 0 35px;line-height:40px;font-size:18px;font-weight:300;letter-spacing:-1px;color:#777;background:url(../img/ico_clock.png) no-repeat 0 50%} #design .culture .time div{float:left;color:#c62337;overflow:hidden} #design .culture .time div strong{float:left;display:block;position:relative;width:35px;line-height:40px;font-size:18px;text-align:center;border:1px solid #c62337;background:#fff;border-radius:4px} #design .culture .time div strong i{position:absolute;top:0;right:-10px;display:block;width:4px;height:40px;background:url(../img/ico_minute.png) no-repeat 50% 50%} #design .culture .time div strong.t1{color:#fff;border:1px solid #a51628;background:#c62337} #design .culture .time div strong.t2{color:#fff;border:1px solid #a51628;background:#c62337} #design .culture .time div strong.t3{color:#fff;border:1px solid #a51628;background:#c62337} #design .culture .time div span{float:left;display:block;line-height:40px;font-size:14px;color:#c62337;padding:0 10px 0 5px} #design .culture .time div span.none{text-indent:-9999em;overflow:hidden} #design .culture .list{padding-bottom:20px} #design .culture .list ul{border-top:1px solid #aaa} #design .culture .list li div{padding:15px 20px;font-size:16px;border:1px solid #eee;border-top:0;border-right:0;border-left:0} #design .culture .list li div strong{font-size:16px !important} #design .culture .bg_bookstart {background:url(../img/bg_bookstart.png) no-repeat right 222px} /**/ #calendar{position:relative; padding-bottom:25px !important;} #calendar .days{text-align:left;margin-bottom: 15px;} #calendar .days a{display:inline-block;position:relative;top:0px;width:30px;height:30px;border:1px solid #e3e3e3;border-radius:50px;overflow:hidden;vertical-align: middle;} /*#calendar .days a:hover{width:100px;text-indent:0em;color:#333}*/ #calendar .days a i{position:absolute;top:0;width:30px;height:30px;} #calendar .days .prev{text-indent: -9999px;} #calendar .days .prev i{left:0;background:url(../img/s_prev.png) no-repeat 50% 50%} #calendar .days .next{text-indent: -9999px;} #calendar .days .next i{right:0;background:url(../img/s_next.png) no-repeat 50% 50%} #calendar .days strong{display:inline-block;padding:0 20px;font-size:38px;color:#4014a8;vertical-align: middle;} #calendar .days strong span{position:relative;top:-2px;margin:0 0 0 -10px;font-size:20px} #calendar .even{position:absolute;top:17px;right:200px} #calendar .even ul{overflow:hidden} #calendar .even li{float:left;position:relative;padding:0 10px 0 20px} #calendar .even li strong{font-weight:400} #calendar .even li i{position:absolute;top:0;left:0;width:20px;height:20px} #calendar .even .e1 i{background:url(../../img/pro_content/icon_schedule_r.gif) no-repeat 50% 50%} #calendar .even .e2 i{background:url(../../img/pro_content/icon_schedule_e.gif) no-repeat 50% 50%} #calendar .even .e3 i{background:url(../../img/pro_content/icon_schedule_m.gif) no-repeat 50% 50%} #calendar .even .e4 i{background:url(../../img/pro_content/icon_schedule_l.gif) no-repeat 50% 50%} #calendar .dk_search{position:absolute !important;top:10px;right:0} #calendar .calendar td{position:relative;height:100px;vertical-align:top;background-color:none !important} #calendar .calendar td .result{padding:0 0 0 16px} #calendar .calendar td .none{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#f23737;border:1px solid #ccc;border-radius:4px} #calendar .calendar td .end{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#000;border:1px solid #ccc;background:#eee;border-radius:4px} #calendar .calendar td .start{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#fff;border:1px solid #005997;background:#005997;border-radius:4px} #calendar .day_num{position:absolute;top:2px;left:2px} #calendar .day_num span, #calendar .day_num span a{font-size:14px;font-weight:800;font-family:Arial, Helvetica, sans-serif} #calendar .btn_gray{display:block;margin:0 10px;padding:0 5px;font-weight:600;letter-spacing:-1px;color:#333;border:0px solid #aaa;background:#fff;border-radius:0px} #calendar .btn_red{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:22px} #calendar .btn_orange{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f77a00;background:#f77a00;border-radius:22px} #calendar .btn_blue{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #2d4594;background:#2d4594;border-radius:22px} #calendar .btn_green{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #009688;background:#009688;border-radius:22px} #calendar .playout{position:absolute;z-index:9999;display:block;margin:0;padding:10px;width:auto;text-align:left;border:1px solid #ccc !important;background:#fff;white-space:nowrap} #calendar .playout img{position:relative;margin:0 4px 0 0} #contain .culture .on_mark {margin-bottom: 10px;} #scheduleList{display:none} /**/ #design .service{padding:10px 0} #design .service .bookbox{position:relative;margin-bottom:30px;padding:20px 30px;min-height:120px;line-height:22px;font-size:15px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0} #design .service .bookbox *{line-height:22px;font-size:15px} #design .service .bookbox strong{font-weight:400;color:#c62337} #design .service .bookbox span{} #design .service .ebook{position:relative} #design .service .ebook i{position:absolute;top:120px;right:0;width:220px;height:150px;background:url(../img/img_ebook.png) no-repeat 100% 0%} #design .service .dream{position:relative} #design .service .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%} #design .service .eb01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%} #design .service .eb02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_info.png) no-repeat 20px 50%} #design .service .eb03{padding:30px 30px 30px 130px;background:#fff url(../img/ico_mobile.png) no-repeat 20px 50%} #design .service .os01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_oneservice.png) no-repeat 20px 50%} #design .service .os02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_members.png) no-repeat 20px 50%} #design .service .bs01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%} #design .service .bl01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_bookdream.png) no-repeat 20px 50%} #design .service .schema{position:relative;padding:10px 0 30px 0} #design .service .schema ol{position:absolute;top:-30px;right:0;overflow:hidden} #design .service .schema ol li{float:left;position:relative;margin-right:20px;padding-left:25px} #design .service .schema ol .sc1 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl01.png) no-repeat 50% 50%} #design .service .schema ol .sc2 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl02.png) no-repeat 50% 50%} #design .service .schema ol .sc3 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl03.png) no-repeat 50% 50%} #design .service .schema div{padding-bottom:30px} #design .service .schema div h4{padding:0 0 4px 28px;font-size:16px;font-weight:400;color:#333 !important;background:url(../img/dp2.png) no-repeat 13px 9px} #design .service .schema div ul{overflow:hidden} #design .service .schema div ul li{float:left;position:relative;width:33.33%;text-align:center} #design .service .schema div ul li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%} #design .service .schema div ul li span{display:block;margin:10px 10%;height:150px;border:1px solid #ccc;background:#fafafa;border-radius:10px} #design .service .schema div ul li strong{font-size:16px;font-weight:400;color:#333 !important} #design .service .schema .img1 *{color:#96c41c} #design .service .schema .img1 li span{border:1px solid #ccc} #design .service .schema .img1 .sa1 span{background:url(../img/ico_nl11.png) no-repeat 50% 50%} #design .service .schema .img1 .sa2 span{background:url(../img/ico_nl12.png) no-repeat 50% 50%} #design .service .schema .img1 .sa3 span{background:url(../img/ico_nl13.png) no-repeat 50% 50%} #design .service .schema .img2 *{color:#53b5e6} #design .service .schema .img2 li span{border:1px solid #ccc} #design .service .schema .img2 .sa1 span{background:url(../img/ico_nl21.png) no-repeat 50% 50%} #design .service .schema .img2 .sa2 span{background:url(../img/ico_nl22.png) no-repeat 50% 50%} #design .service .schema .img2 .sa3 span{background:url(../img/ico_nl23.png) no-repeat 50% 50%} /**/ #design .faq_list {width:100%; border-top:1px solid #222;} #design .faq_list .faq > a {position:relative; display:block;} #design .faq_list .faq > a:after {content:''; position:absolute; top:calc(50% - 10px); right:30px; width:30px; height:20px; background:url(../img/icon_faq_arrow.svg) center center no-repeat; background-size:100%;} #design .faq_list .faq dl {display:flex; align-items:center; gap:0 30px; padding:30px; border-bottom:1px solid #ccc; overflow:hidden;} #design .faq_list .faq dl dt {width:40px; height:40px; border-radius:40px; background-color:#555; font-family:var(--fontSubSet); font-weight:700; color:#fff; display:flex; align-items:center; justify-content:center;} #design .faq_list .faq dl dd {width:calc(100% - 100px);} #design .faq_list .faq .faq_q dd {font-size:19px;} #design .faq_list .faq .faq_a {align-items:flex-start; background-color:#f9f9f9;} #design .faq_list .faq .faq_a dt {background-color:#ff8363;} #design .faq_list .faq .faq_a dd {margin-top:5px;} #design .faq_list .faq .disnone {display:none;} #design .community .serve{position:relative} #design .community .serve i{position:absolute;top:120px;right:0;width:370px;height:510px;background:url(../img/img_serve.png) no-repeat 100% 0%} #design .community .dream{position:relative} #design .community .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%} #design .community .monitor{position:relative} #design .community .monitor i{position:absolute;top:-120px;right:25px;width:220px;height:150px;background:url(../img/img_monitor.png) no-repeat 100% 0%} #design .community .locker_list {display:none;} #design .community .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 .terms{padding:30px 0} #design .terms *{line-height:20px;font-size:14px} #design .terms h3{padding-bottom:10px;font-size:16px;font-weight:600;letter-spacing:-1px;color:#263b98} #design .terms h4{padding:0 5px 5px 5px;font-size:14px;font-weight:600;color:#00877d} #design .terms ul{padding:0 10px} #design .terms ul li{padding-bottom:5px;font-size:13px} #design .terms p{padding:0 5px;line-height:20px} #design .terms table{} #design .terms table th{padding:3px 0 !important} #design .terms .termsbox{position:relative;margin-bottom:20px;padding:20px;line-height:25px;color:#333;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:10px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0} #design .terms .termsbox strong{font-size:15px;font-weight:600;color:#263b98} #design .terms .box{margin-bottom:20px;padding:15px;border:1px solid #e0e0e0;background:#f9f9f9} #design .terms .tgroup{padding-bottom:20px} #design .terms .tgroup > ul > li ul{margin-top:5px;padding:8px;border:1px solid #e0e0e0} #design .terms .tgroup > ul > li ul strong{display:block;padding-bottom:6px;font-size:14px} #design .terms .tgroup > ul > li > ul > li > ul{border:0px solid #e0e0e0;} #design .terms .tgroup > ul > li > ul > li > ul > li > ul{padding:12px;border:0px solid #e0e0e0;background:#f9f9f9} #design .terms .point{padding:0 5px 5px 5px;font-size:14px;font-weight:600;color:#00877d} #design .terms .pb5{padding-bottom:5px} #design .terms .pb10{padding-bottom:10px} #design .terms .pb15{padding-bottom:15px} #design .terms .btn{padding:0 6px 1px 6px;font-size:12px;color:#fff;border:1px solid #696969;background:#777;border-radius:3px} #design .terms .btn:hover{border:1px solid #111;background:#333} /**/ #design .email{padding:30px 0} #design .email *{line-height:25px;font-size:15px;font-weight:400} #design .email .emailbox{position:relative;margin-bottom:20px;padding:20px 50px 50px 0px;line-height:25px;color:#333;border-top:1px solid #e0e0e0;border-bottom:0px solid #9c9c9c;background:#fff;background:url(../img/mail_bg.png) no-repeat 90% 100%;border-radius:0px;border-bottom-right-radius:0px;box-shadow:0 #f0f0f0} #design .email .emailbox strong{color:#c62338;font-weight:600} #design .email .emaildate{padding:60px 0 120px 0;font-size:15px;font-weight:600;color:#00877d} /*질문*/ #design .polltit{margin-top:20px;padding:0 55px;position:relative;overflow:hidden} #design .polltit h3{position:relative;padding-left:25px;line-height:40px;font-size:16px;font-weight:600;letter-spacing:-1px;color:#333} #design .polltit h3 strong{font-size:17px;padding-right:10px;color:#00877d} #design .pollitem{margin-bottom:20px;padding:6px 80px 30px 80px;border-bottom:1px solid #e7e7e7} #design .pollitem ul{overflow:hidden} #design .pollitem ul li{padding-bottom:10px} #design .pollitem .question{padding-bottom:1px} #design .pollitem .question strong{padding-right:3px} #design .pollitem .question label{padding-right:10px} #design .pollitem .question input{height:25px;line-height:25px} #design .pollitem .graph{position:relative;margin:0 120px 0 20px;height:10px;background:url(../../wdVote/img/poll_graph_bg01.gif) repeat-x} #design .pollitem .graph .graphitem{height:10px;text-align:center;background:url(../../wdVote/img/poll_graph_bg02.gif) repeat-x} #design .pollitem .graph strong{position:absolute;top:-5px;right:-100px} #poll_outline{width:99%;padding-top:15px;clear:both;border:3px #cacaca solid;border-top-left-radius:10px;border-bottom-right-radius:10px} #poll{padding:0 15px 15px} #poll dl dd{padding:0;margin-left:23px;line-height:150%} #poll dl dd.tit{font-size:1.1em;font-weight:600;padding-bottom:10px;color:#1256A1} #poll dl dt{float:left;width:28px;padding:0;margin:0} #poll_info{float:left;;padding-top:20px} #poll_tit{float:left;background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;font-weight:600} #poll_pass #poll_pass_title{background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;margin-bottom:5px;width:757px;font-weight:600} #poll_table{margin-bottom:10px} #poll_pop{margin:15px} /********************** table **********************/ #contain .table_wp {position: relative;} #contain .mobile_table {display: none;} /* #contain #design table{width:100%;border-top:2px solid #052473;border-collapse:collapse} #contain #design table caption{display:none} #contain #design table thead *{font-size:14px} #contain #design table tbody *{font-size:13px} #contain #design table thead th{padding:9px 10px;line-height:15px;font-weight:800;text-align:center;color:#000;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;border-bottom:1px solid #989898;background:#fff} #contain #design table thead th:first-child{border-left:0} #contain #design table thead tr{position:relative;z-index:2;background-color:#fff} #contain #design table thead th:last-child{border-right:0} #contain #design table tbody tr{position:relative;z-index:1} #contain #design table tbody th{padding:6px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2} #contain #design table tbody td{padding:6px 10px;text-align:center;border:1px solid #d2d2d2;border-bottom:1px solid #ccc} #contain #design table tbody td:first-child{border-left:0} #contain #design table tbody td:last-child{border-right:0} #contain #design table tbody th:first-child{border-left:0} #contain #design table tbody th:last-child{border-right:0;background-color:#fbfbfb} #contain #design table tbody tr:first-child th, #contain #design table tbody tr:first-child td{padding-top:9px !important;border-top:1px solid #aaa;background-image:url(../img/table_td.png);background-repeat:repeat-x} #contain #design table tbody td.subject, #contain #design table tbody td.tal{text-align:left} #contain #design table tbody td.subject a:hover{color:#000;text-decoration:underline} #contain #design table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} #contain #design table tbody .item{background:#fafafa} #contain #design table tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #989898;border-bottom:1px solid #cacaca;background:#f4f5f8} #contain #design table tfoot td{padding:4px 10px;text-align:center;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f8f8f8} #contain #design table tfoot td:first-child{border-left:0} #contain #design table tfoot td:last-child{border-right:0} #contain #design table tfoot th:first-child{border-left:0} #contain #design table tfoot th:last-child{border-right:0} #contain #design table tfoot td.tal{text-align:left} #contain #design table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} #contain #design table .dtnum{display:block;position:relative;height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden} #contain #design table .new{font-size:11px;font-weight:800;color:#c00} #contain #design table .btn_zip{padding:0 7px;height:25px;font-size:12px;letter-spacing:-1px;color:#fff !important;border:1px solid #333;background:#777 !important;cursor:pointer} */ /**/ #contain .dk_table table *{margin:0;padding:0;border:0;list-style-type:none;font-size:15px;color:#333} #contain .dk_table table{width:100%;border-collapse:collapse;border-top:1px solid #000;border-bottom:1px solid #ddd;} #contain .dk_table table caption{display:none} #contain .dk_table table thead th{height:65px; font-size:17px; font-weight: 500;text-align:center;color:#000;border:0 !important;border-bottom:1px solid #e9e9e9 !important; position:relative; background:#f5f5f5;} #contain .dk_table table tbody tr:hover { background:#fafafa;} #contain .dk_table table tbody tr:hover td[scope=row] { background:#f7f7f7; border-right:1px solid #ddd;} #contain .dk_table table tbody tr.notice td {border-bottom:1px solid #c5d7e0;background:#f3f3f1} #contain .dk_table table tbody td {padding:25px 10px; color:#333; text-align:center; border:0; border-bottom:1px solid #ddd;} #contain .dk_table table tbody td[scope=row] span{display:block;width:36px;color:#fff;height:20px;background:#333;margin:0 auto;font-size:12px;line-height:20px;text-align:center;border-radius:4px} #contain .dk_table table tbody td[scope=row] span.bt-content{display:inline;background:none;color:#2285ce;font-family:arial;font-size:13px;font-weight:400} #contain .dk_table table tbody td a{font-size:13px;color:#333} #contain .dk_table table tbody td a.company{display:block;padding:7px 0 0 30px;font-size:16px;color:#000;background:url(../img/ico_company.png) no-repeat 0 50%} #contain .dk_table table tbody td img{vertical-align:middle} #contain .dk_table table tbody td ul{text-align:left} #contain .dk_table table tbody td li{font-size:15px;line-height:20px;color:#333} #contain .dk_table table tbody td.subject{text-align:left;} #contain .dk_table table tbody td.subject div{position:relative;padding:5px 0;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #contain .dk_table table tbody td.subject a{display:inline-block;padding:0 0 0 0 !important;font-size:17px;font-weight:normal;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contain .dk_table table tbody td.subject a:hover { color:#ff661b;} #contain .dk_table table tbody td.subject span{font-size:11px;font-weight:800} #contain .dk_table table tbody td.subject span img{} #contain .dk_table table tbody td.subject .new{display:inline-block;top:2px;width:30px;height:15px;background:url(../img/ico_new.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align:top !important;} #contain .dk_table table 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:top !important;} #contain .dk_table table tbody td.subject .reply{display:inline-block;position:relative;left:-2px;padding:0 0 0 10px; background:url(../img/ico_reply.png) no-repeat 0px -38px;text-indent:-9999em;overflow:hidden; vertical-align:top !important;} #contain .dk_table table tbody td.subject .list_reply{color:#aa6801} #contain .dk_table table tbody td.subject notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0} #contain .dk_table table tbody td div.tac{padding:100px 0} #contain .dk_table table tbody td .this{font-size:11px;color:#f30} #contain .dk_table table tbody td .notice{font-size:11px;color:#0054FF} #contain .dk_table table tr:first-child td{background:url(../img/board/table_td.png) repeat-x 0 0} #contain .dk_table table tr th:last-child{border-right:0} #contain .dk_table table tr td:last-child{border-right:0} /*조리사*/ #contain table .c_prev{display:inline-block;width:30px;height:30px;text-indent:-999px;background:url(../img/btnPrev.gif) no-repeat 50%;vertical-align:middle} #contain table .c_next{display:inline-block;width:30px;height:30px;text-indent:-999px;background:url(../img/btnNext.gif) no-repeat 50%;vertical-align:middle} #contain table .btn_impossible{background:#ddd;color:#888;border:1px solid #ddd;display:inline-block;padding:3px 7px;border-radius:5px;font-size:14px;} #contain table .btn_possible{background:#e6b200;color:#222;border:1px solid #e6b200;display:inline-block;padding:3px 7px;border-radius:5px;font-size:14px;} #contain table .btn_possible:hover{color:#fff;background:#000;border:1px solid #000} #contain table .btnCancel{background:#ef245d;color:#fff;border:1px solid #ef245d;display:inline-block;padding:3px 7px;border-radius:5px;font-size:14px;} #contain table .btn_confir{background:#daeaff;color:#0f6cd3;border:1px solid #0f6cd3;display:inline-block;padding:3px 7px;border-radius:5px;font-size:14px;} #contain table .btn_psubmit{background:#2f6fb7;color:#fff;border:1px solid #2f6fb7;display:inline-block;padding:3px 7px;border-radius:5px;font-size:14px;} #timUser{display:block;overflow:hidden} #timUser .userNum{float:left;display:block;width:20%;padding:4px 0} /**/ #contain #design .nocontent{clear:both;padding:180px 0 100px 0;font-size:16px !important;font-weight:400;color:#777;text-align:center;border-bottom:0px solid #ccc;/*background:url(../img/nocontent.png) no-repeat 50% 45%*/} /**/ #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 #ff581c;*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 #ff581c;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 #ff581c;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 #ff581c;border-bottom:2px solid #fff;background:#fff} #dkboard .dk_tabmenu li a.sel strong{font-weight:600;color:#333} /**/ #dkboard .dk_fieldset{position:relative} #dkboard .dk_fieldset fieldset{position:relative;margin:0 80px 30px 80px;padding:20px 0 0 0;border:1px solid #d9d9d9} #dkboard .dk_fieldset fieldset legend{display:none} #dkboard .dk_fieldset .type{position:relative;*zoom:1} #dkboard .dk_fieldset .type:before, #dkboard .dk_fieldset .type:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_fieldset .type label{display:block;margin:0 20% 5px 20%;line-height:25px} #dkboard .dk_fieldset .type label strong{position:absolute;top:0;left:10%;line-height:25px;font-size:14px;font-weight:400} #dkboard .dk_fieldset .type label span{display:block;border:1px solid #ccc} #dkboard .dk_fieldset .type label input{padding:5px 0;width:100%;text-indent:10px} #dkboard .dk_fieldset .type label select{padding:5px;width:100%;border:1px solid #ccc;text-indent:6px} #dkboard .dk_fieldset .order{margin:20px 0 0 0;padding:10px 0;border-top:1px solid #ccc;background:#f7f7f7} #dkboard .dk_fieldset .order .hunmin{text-align:center} #dkboard .dk_fieldset .order .hunmin a{display:inline-block;padding:5px;border:1px solid #ccc;background:#fff;border-radius:3px} #dkboard .dk_fieldset .button{position:absolute;top:24px;right:50px} #dkboard .dk_fieldset .button button{width:80px;height:72px;font-size:15px;color:#fff;border:0;border-top:4px solid #035ca9;background:#0480ce} /**/ #design .dk_view {} #design .dk_content {padding:30px 20px;} #design .dk_view h2 {position:relative; padding:25px 0; font-size:20px; font-weight:700; text-align:center; border-top:2px solid #4e4e4e; border-bottom:1px solid #ddd; z-index:2;} #design .dk_view h3 {padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9} #design .dk_view .board_info {border-bottom:1px solid #dddd; background-color:#f8f9fa; font-size:16px; color:#666; text-align:center;} #design .dk_view dl {display:inline-block; padding:20px 0;} #design .dk_view dl + dl:before {content:''; display:inline-block; position:relative; top:-1px; width:1px; height:1.4rem; margin:0 1.5rem 0 1rem; background-color:#ddd; vertical-align:middle;} #design .dk_view dl.lik{width:100%;min-height:40px;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #design .dk_view dl.add{width:100%;min-height:40px;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #design .dk_view dl.add a{padding-right:15px} #design .dk_view dl.add img{padding:0; margin:0; padding-right:6px; vertical-align:top;} #design .dk_view dt {display:inline-block; color:#333; font-weight:600; margin-right:10px;} #design .dk_view dd {display:inline-block; color:#666; font-weight:400; white-space:nowrap; text-overflow:ellipsis;} #design .dk_view .img{float:left;width:30%} #design .dk_view .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #design .dk_view .info{float:right;margin:0 0 20px 0;width:65%} #design .dk_view .cominfo{margin:0 0 20px 0} #design .dk_view .contents{clear:both;position:relative;z-index:2;top:-1px;padding:20px;min-height:300px;background:none!important;width:auto !important;border-top:0px solid #e0e0e0;border-bottom:0px solid #d2d2d2} #design .dk_view .viewfile{margin-bottom:20px;padding:0 20px;border-bottom:1px solid #d2d2d2;background:#fff;overflow:hidden} #design .dk_view .viewfile li{position:relative;padding:7px 0 7px 11%;min-height:40px;border-bottom:0px solid #eee;overflow:hidden} #design .dk_view .viewfile li strong{position:absolute;top:10px;left:0px;padding:0 0 0 12px;line-height:20px;font-size:13px;background:url(../img/ico_clip.png) no-repeat 0 2px} #design .dk_view .viewfile li a{display:block;padding:5px 0 5px 20px;font-size:12px} #design .dk_view .viewfile li a.alz{background:url(../../wdBoard/img/alz.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.bmp{background:url(../../wdBoard/img/bmp.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.doc{background:url(../../wdBoard/img/doc.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.gif{background:url(../../wdBoard/img/gif.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.hwp{background:url(../../wdBoard/img/hwp.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.jpg{background:url(../../wdBoard/img/jpg.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.pdf{background:url(../../wdBoard/img/pdf.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.png{background:url(../../wdBoard/img/png.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.ppt{background:url(../../wdBoard/img/ppt.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.xls{background:url(../../wdBoard/img/xls.gif) no-repeat 0 3px} #design .dk_file {position:relative; padding:25px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} #design .dk_file dl {display:flex; font-size:16px;} #design .dk_file dl dt {width:150px; text-align:center; color:#000;} #design .dk_file dl dd {width:calc(100% - 150px); display:flex;} #design .dk_file dl dd a + a {margin-left:60px;} #design .dk_file dl dd a {display:inline-block; vertical-align:middle; color:#666;} #design .dk_file dl dd a:hover {text-decoration:underline;} #design .dk_file dl dd a img {margin-right:8px;} /**/ #design .dk_movie{margin:0 -10px;overflow:hidden;*zoom:1} #design .dk_movie:before, #design .dk_movie:after{clear:both;display:table;content:"";line-height:0} #design .dk_movie .webzine{float:left;width:50%} #design .dk_movie .webzine dl{position:relative;margin:10px;padding:0 0 0 25%;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out} #design .dk_movie .webzine dl:before, #design .dk_movie .webzine dl:after{clear:both;display:table;content:"";line-height:0} #design .dk_movie .webzine dl:hover{border:1px solid #3394dd;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.16);transition:all 0.3s ease-in-out} #design .dk_movie .webzine dt{position:absolute;top:0;left:0;width:100%} #design .dk_movie .webzine dt .tit{padding:10px 20px;border-bottom:1px solid #eee} #design .dk_movie .webzine dt .tit{background:none} #design .dk_movie .webzine dt .tit a{display:block;font-size:16px;font-weight:500;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #design .dk_movie .webzine dt .img{margin:10px 20px} #design .dk_movie .webzine dt .img a{display:inline-block;border:1px solid #eee} #design .dk_movie .webzine dt .img .noimg{display:block;width:75px;height:100px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px} #design .dk_movie .webzine dt .img img{width:75px} #design .dk_movie .webzine dd{padding:55px 20px 10px 0} #design .dk_movie .webzine dd ul{padding:0 0 5px 0} #design .dk_movie .webzine dd li{padding:0 10px;font-size:14px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #design .dk_movie .webzine dd li span{font-size:13px;color:#777} #design .dk_movie .webzine dd .txt{margin-bottom:10px;padding:0 10px;height:48px;line-height:16px;font-size:13px;color:#333;overflow:hidden} #design .dk_movie .webzine p{height:60px;line-height:20px;color:#888;overflow:hidden} #design .dk_movie .webzine .more{position:absolute;top:10px;right:10px;color:#aa6801} #design .dk_movie .detail{} #design .dk_movie .detail dl{position:relative;margin:10px;padding:0 0 0 25%;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out} #design .dk_movie .detail dl:before, #design .dk_movie .detail dl:after{clear:both;display:table;content:"";line-height:0} #design .dk_movie .detail dt{position:absolute;top:0;left:0;width:100%} #design .dk_movie .detail dt .tit{padding:10px 20px;display:block;font-size:22px;font-weight:600;color:#1c368d;border-bottom:1px solid #eee} #design .dk_movie .detail dt .img{margin:20px} #design .dk_movie .detail dt .img a{display:inline-block;border:1px solid #eee} #design .dk_movie .detail dt .img .noimg{display:block;width:150px;height:214px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px} #design .dk_movie .detail dt .img img{width:150px} #design .dk_movie .detail dd{padding:70px 20px 10px 0} #design .dk_movie .detail dd ul{padding:0 0 20px 0} #design .dk_movie .detail dd li{position:relative;padding:3px 10px 3px 70px;line-height:20px;font-size:15px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px} #design .dk_movie .detail dd li span{position:absolute;top:3px;left:0;font-size:14px;color:#009400} #design .dk_movie .detail dd .txt{padding:20px 0 50px 0;line-height:25px;font-size:15px;color:#333;border-top:1px solid #eee;text-align:justify;word-break:break-all} #design .dk_movie .detail p{height:60px;line-height:20px;color:#888;overflow:hidden} /**/ #dkboard .dk_detail{margin-bottom:20px;*zoom:1} #dkboard .dk_detail:before, #dkboard .dk_detail:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_detail *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_detail h2{margin:10px 0 30px;padding:20px 30px;font-size:16px;color:#0473ba;border-top:2px solid #0473ba;border-bottom:1px solid #0473ba;background:#fff} #dkboard .dk_detail h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9} #dkboard .dk_detail table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_detail table{width:100%;border-collapse:collapse;border-top:1px solid #ccc} #dkboard .dk_detail table caption{display:none} #dkboard .dk_detail table th{padding:10px 20px;text-align:left;border-bottom:1px solid #ccc;background:#fff} #dkboard .dk_detail table td{padding:10px;font-size:14px;color:#333;border-bottom:1px solid #ccc;background:#fff} #dkboard .dk_detail table td a{font-size:14px;color:#333} #dkboard .dk_detail .capacity{min-height:50px;overflow:hidden} #dkboard .dk_detail .capacity dl{float:left;width:11.11%;text-align:center;position:static} #dkboard .dk_detail .capacity dt{display:block;padding:5px 0;background:#ecf9f4} #dkboard .dk_detail .capacity dd{display:block;padding:5px 0} #dkboard .dk_detail .img{float:left;width:30%} #dkboard .dk_detail .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #dkboard .dk_detail .info{margin:0 0 20px 0} #dkboard .dk_detail .info dl{position:relative;padding-left:160px;border-top:1px solid #ccc;overflow:hidden} #dkboard .dk_detail .info dt{position:absolute;top:10px;left:20px;line-height:20px} #dkboard .dk_detail .info dd{padding:10px 0;line-height:20px} /**/ #dkboard .basic_write input[type="text"], #dkboard .basic_write input[type="password"]{padding:0 10px;height:30px;border:1px solid #ccc;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;line-height:30px\9;font-size:14px;font-family:inherit} /**/ #dkboard .faqlist *{margin:0;padding:0;list-style-type:none} #dkboard .faqlist li{padding:20px 0;border-bottom:1px solid #ccc} #dkboard .faqlist li dl{padding:10px 0;position:relative} #dkboard .faqlist li dt{position:absolute;top:10px;left:0} #dkboard .faqlist li dt strong{font-size:24px;font-family:Arial, Helvetica, sans-serif} #dkboard .faqlist li dd{padding-left:40px} #dkboard .faqlist li dd br{display:none} /**/ #dkboard .prevnext{margin:20px 0 30px;} #dkboard .prevnext *{margin:0;padding:0;border:0;list-style-type:none;font-size:14px; color:#333;} #dkboard .prevnext ul {border-top:1px solid #e3e3e3;} #dkboard .prevnext li {position:relative; border-bottom:1px solid #e3e3e3;} #dkboard .prevnext li strong {position:relative; display:inline-block; width:15%; padding:13px 0; font-weight:500; text-align:center;} #dkboard .prevnext li strong:before {content:''; display:block; position:absolute; top:calc(50% - 3px); right:0; width:14px; height:7px; background:url('../img/board_post_arrow.png') center center no-repeat; background-size:12px;} #dkboard .prevnext li.next strong:before {transform:rotate(180deg);} #dkboard .prevnext li p{color:#999;} #dkboard .prevnext li p, #dkboard .prevnext li a {display:inline-block; overflow:hidden; width:75%; margin-left:2%; font-weight:400; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;} #dkboard .prevnext li a:hover {text-decoration:underline;} #dkboard .prevnext li span{position:absolute;top:11px;right:18px;display:block;color:#999} #dkboard .prevnext li span.reply {display:none;} /**/ #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;} #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;background: none;} #design .dk_title .dk_search{float:right} /* 총 게시물 및 우측 검색창 */ #design .board_head_wrap {display:flex; align-items:end; justify-content:space-between; margin-bottom:20px;} #design .board_head_wrap .total_text em {color:#EC1C24; font-weight:600;} /**/ #design .dk_search{position:relative;} #design .dk_search:before, #design .dk_search:after{clear:both;display:table;content:"";line-height:0} #design .dk_search form {margin:0 !important;} #design .dk_search fieldset {float:right; display:flex; gap:5px; align-items:center;} #design .dk_search fieldset legend{display:none} #design .dk_search fieldset select {display:inline-block; padding: 0 44px 0 15px; width:130px; height:40px; font-size:16px; font-weight:500; color:#666; border:1px solid #ccc; border-radius:4px; background: #fff url(../img/breadcrumbs-arrow.svg) no-repeat right 14px center;} ::-moz-svg-foreign-content, :root #design .dk_search fieldset select{line-height:19px !important;} #design .dk_search fieldset label{position:absolute;top: -9999px;left: -9999px;} #design .dk_search fieldset input{display:inline-block; height:40px; padding:0 10px; font-size:16px; font-weight:600; color:#666; border:1px solid #ccc; border-radius:4px;} #design .dk_search fieldset input[type="button"] {border:0;} #design .dk_search fieldset button{padding:0 12px;height:40px;font-size:14px;font-weight:700;color:#fff; border:0; background:#666; border-radius:4px;} #design .dk_search p{position:absolute;top:-65px;right:0} #design .comm{position:relative} #design .comm .sett{position:absolute;z-index:10;top:10px;right:0} /**/ #design .dk_paging{padding:0 0 10px 0;text-align:center;} #design .dk_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:15px;line-height:38px;vertical-align:middle;} #design .dk_paging .paging{padding:20px 0;margin:0 auto;font-size:0;} #design .dk_paging .paging a {display:inline-block;width:40px;height:40px;} #design .dk_paging .paging .group_num {display:inline-block; margin:0 10px;} #design .dk_paging .paging span span{color:#2d4594;font-size:11px;display:none} #design .dk_paging .paging strong{display:inline-block;width:40px;height:40px;color:#fff;background:#333;border-radius:100%;} #design .dk_paging .paging .num{display:inline-block;color:#555;} #design .dk_paging .paging .num:hover {text-decoration:underline;} #design .dk_paging .pprev{display:inline-block;font-size:0;color:#888;} #design .dk_paging .pprev:before {content:''; display:inline-block; width:24px; height:24px; background:url(../img/arrow-left-double-line.svg) center 0 no-repeat; vertical-align: middle;} #design .dk_paging .prev{display:inline-block;font-size:0;color:#888;} #design .dk_paging .prev:before {content:''; display:inline-block; width:24px; height:24px; background:url(../img/arrow-left-s-line.svg) center 0 no-repeat; vertical-align: middle;} #design .dk_paging .next{display:inline-block;font-size:0;color:#888;} #design .dk_paging .next:before {content:''; display:inline-block; width:24px; height:24px; background:url(../img/arrow-right-s-line.svg) center 0 no-repeat; vertical-align: middle;} #design .dk_paging .nnext{display:inline-block;font-size:0;color:#888;} #design .dk_paging .nnext:before {content:''; display:inline-block; width:24px; height:24px; background:url(../img/arrow-right-double-line.svg) center 0 no-repeat; vertical-align: middle;} #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 #138e7e} #design #sg_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5} #design #sg_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:0px solid #ccc} #design #sg_paging .prev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:1px solid #ccc} #design #sg_paging .next{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:1px solid #ccc} #design #sg_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:0px solid #ccc} /**/ #design .dk_button{padding:20px 0;text-align:right} #design .dk_button *{margin:0;padding:0;border:0;list-style-type:none;font-size:14px} #design .dk_button a{display:inline-block;padding:8px 20px;font-size:15px;color:#fff;border:1px solid #f1774c;background:#f1774c;border-radius:5px} #design .dk_button button{display:inline-block;padding:8px 20px;font-size:15px;color:#fff;border:1px solid #f1774c;background:#f1774c;border-radius:5px;font-family: inherit;} /**/ #design .button{position:relative;padding:30px 0 0 0;text-align:center} #design .button p{margin:0 0 30px 0;padding:20px 0;font-size:15px;border:1px solid #eee;background:#fafafa} #design .button button{padding:13px 40px;font-size:15px;font-weight:600;text-align:center;color:#fff;border:1px solid #cc3300;background:#cc3300;border-radius:5px;cursor:pointer} #design .button a{display:inline-block;margin:0 7px;padding:13px 40px;font-size:15px;font-weight:500;color:#fff;border:1px solid #fe860f;background:#fe860f;box-shadow:2px 2px 2px #eee;border-radius:5px;transition:all 0.3s} #design .button a:hover{color:#333;border:1px solid #aaa;background:#fff} #design .button a.btn01_gray {background:#969696;border:1px solid #969696;} #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:5px} #design .button span.end{color:#f23737;border:1px solid #aaa;border-top:2px solid #f23737} #design .button .btn_end{padding:11px 50px;font-size:15px;font-weight:600;color:#c62337;border:1px solid #c62337;border-top:2px solid #c62337;background:#fff} #design .button .btn_paym{padding:11px 60px;font-size:18px;color:#fff;border:1px solid #c62338;border-top:2px solid #c62338;background:#c62338;box-shadow:2px 2px 2px #ccc;border-radius:3px;transition:all 0.3s} #design .button .btn_paym:hover{color:#fff;border:1px solid #aaa;border-top:2px solid #333;background:#333} #design .button .btn_group{position:absolute;top:30px;left:0} #design .button .btn_first{display:inline-block;margin:0 5px 0 0;padding:0 15px;line-height:30px;font-size:13px;font-weight:600;color:#555;border:1px solid #aaa;background:#fafafa;box-shadow:2px 2px 2px #eee;border-radius:0px;transition:all 0.3s} #design .button .btn_first:hover{color:#000;border:1px solid #777;background:#fff} #design .button .btn_retract{position:relative;top:-0px;display:inline-block;margin:0;padding:0 20px;height:50px;line-height:50px;font-size:17px;font-weight:600;color:#555;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;transition:all 0.3s} #design .button .btn_retract:hover{color:#000;border:1px solid #777;background:#fff} /**/ #gallery_wrap{clear:both;overflow:hidden;margin:0 -7px;padding-bottom:12px;border-bottom:1px solid #d2d2d2} #gallery_wrap .gallery_list{float:left;width:50%;padding-bottom:14px} #gallery_wrap .image_bagic{margin:0 7px;padding:10px;background:#fff;border:1px solid #d2d2d2;border-bottom:1px solid #eee;text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .image_bagic a{display:block;height:200px;overflow:hidden;background:url(../img/noimg.png) no-repeat center center;} #gallery_wrap .image_bagic a img{width:100%;max-width:100%;min-height:140px;margin:0 auto;display:inline-block;height:auto;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_top{position:relative} #gallery_wrap .gallery_top > img{position:absolute;top:5px;left:10px} #gallery_wrap .gallery_top dl{margin:0 7px;padding:10px;border:1px solid #d2d2d2;border-bottom:1px solid #bbb;border-top:0;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.08);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_top dt a{display:block;padding:0 0 3px 0;font-weight:normal;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #gallery_wrap .gallery_top dd{line-height:20px} #gallery_wrap .gallery_top dd br { display:none;} #gallery_wrap .gallery_top .write{font-size:12px;color:#333} #gallery_wrap .gallery_top .date{font-size:12px;color:#888} #gallery_wrap .gallery_top .view_count{font-size:12px;color:#888} #gallery_wrap .gallery_list:hover .image_bagic{border:1px solid #3394dd;border-bottom:1px solid #eee;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_list:hover .gallery_top dl { border:1px solid #3394dd; border-top:0;box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_list:hover .gallery_top dt a { color:#3394dd;} #dk_book{} #dk_book .dk_book{margin:0 -10px;overflow:hidden;*zoom:1} #dk_book .dk_book:before, #dk_book .dk_book:after{clear:both;display:table;content:"";line-height:0} #dk_book .dk_book .webzine{float:left;position:relative;margin-bottom:20px;width:50%} #dk_book .dk_book .webzine dl{margin:0 10px;padding:20px;border:1px solid #cacaca;*zoom:1} #dk_book .dk_book .webzine dl:before, #dk_book .dk_book .webzine dl:after{clear:both;display:table;content:"";line-height:0} #dk_book .dk_book .webzine dt{float:left;width:25%} #dk_book .dk_book .webzine dt img{display:block;padding:4px;width:82px;height:120px;border:1px solid #dedede} #dk_book .dk_book .webzine dd{float:left;width:75%} #dk_book .dk_book .webzine dd div a{display:block;font-weight:600;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #dk_book .dk_book .webzine dd ul{padding:10px 0 0 0;min-height:85px;height:75px\9} #dk_book .dk_book .webzine dd li{padding:0 0 5px 0;color:#555;white-space:nowrap;overflow:hidden} #dk_book .dk_book .webzine dd li span{display:inline-block;width:40px;font-size:13px;color:#060} #dk_book .dk_book .webzine dd li em{padding:0 10px} #dk_book .dk_book .webzine .content{height:40px;line-height:20px;font-size:13px;color:#888;overflow:hidden} #dk_book .dk_book .more{display:block;margin:0 10px;padding:7px 20px;font-size:13px;text-align:right;color:#aa6801;border:1px solid #cacaca;border-top:0;background:#fafafa} #dk_book .dk_book .detail{position:relative;padding-bottom:20px} #dk_book .dk_book .detail dl{margin:0 10px;padding:20px;border:1px solid #cacaca;*zoom:1} #dk_book .dk_book .detail dl:before, #dk_book .dk_book .detail dl:after{clear:both;display:table;content:"";line-height:0} #dk_book .dk_book .detail dt{float:left;width:22%} #dk_book .dk_book .detail dt img{display:block;padding:4px;width:160px;border:1px solid #dedede} #dk_book .dk_book .detail dd{float:left;width:78%} #dk_book .dk_book .detail dd div{display:block;padding:5px 0;line-height:22px;font-size:15px;font-weight:600;color:#1c368d} #dk_book .dk_book .detail dd ul{padding:10px 0} #dk_book .dk_book .detail dd li{padding:0 0 5px 0;color:#555} #dk_book .dk_book .detail dd li span{float:left;display:block;padding:0 0 0 10px;width:60px;font-size:13px;color:#060;background:url(../img/dp2.png) no-repeat 0 6px} #dk_book .dk_book .detail dd li em{padding:0 10px} #dk_book .dk_book .detail p{height:60px;line-height:20px;color:#888;overflow:hidden} #dk_book .dk_book .info{margin:10px;margin-top:0;padding:10px 20px 20px 20px;border:1px solid #cacaca;background:#fafafa} /**/ #dk_gallery{} #dk_gallery .dk_gallery{margin:0 -10px;overflow:hidden;*zoom:1} #dk_gallery .dk_gallery:before, #dk_gallery .dk_gallery:after{clear:both;display:table;content:"";line-height:0} #dk_gallery .dk_gallery .theme{float:left;position:relative;width:50%} #dk_gallery .dk_gallery .theme dl{margin:0 10px 20px 10px;padding:10px;min-height:300px;height:180px\9;border:1px solid #cacaca;*zoom:1} #dk_gallery .dk_gallery .theme dl:before, #dk_gallery .dk_gallery .theme dl:after{clear:both;display:table;content:"";line-height:0} #dk_gallery .dk_gallery .theme dt{} #dk_gallery .dk_gallery .theme dt img{display:block;width:100%;height:300px} #dk_gallery .dk_gallery .theme dd{} #dk_gallery .dk_gallery .theme dd div a{display:block;padding:5px 0;font-weight:600;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #dk_gallery .dk_gallery .theme dd ul{padding:5px 0} #dk_gallery .dk_gallery .theme dd li{padding:0 0 5px 0;color:#555;white-space:nowrap;overflow:hidden} #dk_gallery .dk_gallery .theme .bagic{text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #dk_gallery .dk_gallery .theme .bagic a{display:block;height:300px;overflow:hidden;background:url(../img/noimg.png) no-repeat center center} #dk_gallery .dk_gallery .theme dl:hover{border:1px solid #3394dd;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #dk_gallery .dk_gallery .theme dl:hover a{color:#3394dd;} #program div.subject_a{margin:10px 0 15px 50px;background:url("../img/pro_content/list_title_line.gif") no-repeat 50px 0.6em} #program div.subject_a span.head{float:left;width:50px;background:url("../img/common/bullet_list01.gif") no-repeat 0 0.7em;padding:7px 0 0 10px;font-weight:600} #program div.subject_a input{width:470px;height:17px;border:1px solid #d3d3d3} /* 사이트맵 */ #program .sitemap_con {display:flex; gap:0 50px; margin-bottom:50px;} #program .group {width:calc(100% / 4 - 25px);} #program .group h2 {padding:20px 0; margin-bottom:10px; font-size:22px; font-weight:700; color:#222; border-bottom:2px #222 solid;} #program .group > ul {} #program .group > ul > li > a {display:block; padding:15px 20px; font-weight:600; color:#222;} #program .group > ul li a:hover {text-decoration:underline;} #program .group > ul ul {margin-left:25px;} #program .group > ul ul li {position:relative; margin-bottom:4px; padding-left:12px;} #program .group > ul ul li:before {content:''; position:absolute; top:12px; left:0; display:inline-block; width:5px; height:5px; background-color:#c5d4cc; border-radius:5px;} #program .group > ul ul li a {font-size:16px; font-weight:normal; color:#555;} .answer_box { position:relative; z-index:2; padding:15px; background:#f6f6f6;border-bottom:1px solid #d2d2d2; overflow:hidden;} .answer_box h4 { } .answer_box .answer_contents { padding:10px 0 15px 0; } .answer_box span { font-size:11px; color:#777;} /*********** 덧글 영역 ************/ div.sg_reply{width:100%} div.sg_reply .writing{background: url(../img/line_dotted.gif) repeat-x bottom;padding:10px;font-size:0.92em} /*덧글내용*/ div.sg_reply .writing .info .id{font-weight:600} div.sg_reply .writing .info .day{color:#ff6f6f} div.sg_reply .writing .info img{vertical-align:middle;margin-bottom:2px} div.sg_reply .writing .con{line-height:16px;padding-top:7px} /*덧글쓰기 폼*/ div.sg_reply .reply_form{margin-top:10px} div.sg_reply .reply_form .outline{} div.sg_reply .reply_form .outline fieldset legend {padding:0;font-size:0;line-height:0;text-indent: -2000px} div.sg_reply .reply_form .outline .row_input{padding:2px 15px} div.sg_reply .reply_form .outline .row_input input{vertical-align:middle;margin-bottom:2px} div.sg_reply .reply_form .outline .row_input span.pad{padding-left:30px} div.sg_reply .reply_form .outline textarea{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:40px;width:648px} #wd_print .guide_txt{padding:5px 0 20px 0;text-align:right;border-bottom:1px solid #333} #wd_print .guide_txt .required{color:#f00;font-weight:600} #wd_print .row_input{position:relative;padding:10px 0 10px 120px;/*min-height:51px;*/border-bottom:1px solid #d2d2d2;overflow:hidden} #wd_print .row_input *{font-size:14px !important;font-family: inherit;} #wd_print .row_input > label{display:block;position:relative;padding:4px 0} #wd_print .row_input > label.fl{margin:0 5px 0 0} #wd_print .row_input span.head{position:absolute;top:10px;left:20px;display:block;line-height:30px;font-weight:600;text-align:left;white-space:nowrap;color:#464646} #wd_print .row_input span.required{position:absolute;top:15px;left:10px;color:#f00;font-weight:600} #wd_print .row_input span.info {width:auto !important;margin:0;padding-top:6px;display:block;letter-spacing: -0.05em;border:none} #wd_print .row_input input.long {width:auto !important} #wd_print .row_input span.data {display:block;padding:4px 0 2px 0;line-height:140%} #wd_print .row_input .dk_textarea{padding:10px;width:100%;height:300px;border:1px solid #ccc} div.sg_pass{padding:20px 50px} div.sg_pass .sg_pass_box{border:solid #d2d2d2;border-width:2px 0;padding:30px;text-align:center;background:#f9f9f9} div.sg_pass .sg_pass_box span{padding:0 0 0 13px;background:url(../img/bullet_arrow.gif) no-repeat 0 0.2em} div.sg_pass .sg_pass_box input{vertical-align:middle;margin-bottom:4px;width:150px} div.sg_pass .sg_pass_btn{text-align:center;padding-top:15px} div.sg_pass .sg_pass_btn img, div.sg_pass .sg_pass_btn input{vertical-align:middle} div.sg_pass .sg_pass_btn input{padding:5px 10px;border:1px solid #ccc} div.sg_pass .sg_pass_btn a{display:inline-block; position:relative; top:1px;padding:5px 10px;line-height:20px;color:#fff;border:1px solid #999;background:#999} div.sg_reply{padding-top:5px;} div.sg_reply .reply_form{overflow:hidden; padding-bottom:28px;border-bottom:1px solid #ddd;} div.sg_reply .reply_form h2{color:#333 !important;font-size:14px !important;;margin:10px 0;float:left;background:none;padding:0} div.sg_reply .reply_form p.reply_num{text-align:right;float:right;font-size:12px;margin:10px 0 0 0} div.sg_reply .reply_form .outline{clear:both} div.sg_reply .reply_form .outline fieldset{border:0;overflow:hidden; position:relative;} div.sg_reply .reply_form .outline .row_input_reply{float:left;width:100%;} div.sg_reply .reply_form .outline .row_input_reply textarea{padding:10px;width:100%;height:50px;border:1px solid #888;resize:none;overflow-y:auto} div.sg_reply .reply_form .outline .row_input_reply .sg_file{display:block; width:100%; padding:3px 0;font-size:12px;} div.sg_reply .reply_form .outline .btn_board_ok{position:absolute; right:0; top:0;width:18%;height:72px;color:#fff !important;border:0;background:#444; cursor:pointer;} div.sg_reply .writing{border-bottom:1px solid #dfdfdf;padding:10px 0;font-size:12px;clear:both;overflow:hidden;position:relative} div.sg_reply .best_wrap{margin:10px 0 0;border-top:1px solid #c5d7e0} div.sg_reply .best_wrap .writing{padding:10px;background:#f3f3f1;border-bottom:1px solid #c5d7e0} div.sg_reply .best_wrap .writing .best_re{position:absolute;left:0;top:0} div.sg_reply .writing_re{padding:10px 0 10px 38px;overflow:hidden;background:#f7f7f7 url(../img/ico_reply.png) no-repeat 10px 13px} div.sg_reply .writing .profile_photo{float:left;width:42px;height:50px} div.sg_reply .writing .profile_photo img {width:42px;height:50px} div.sg_reply .writing .con_wrap{color:#555} div.sg_reply .writing .con_wrap #con_info{overflow:hidden} div.sg_reply .writing .con_wrap #con_info .info{float:left} div.sg_reply .writing .con_wrap #con_info .info .id{font-weight:700;margin-right:10px;position:relative;display:inline-block} div.sg_reply .writing .con_wrap #con_info .info .level01{background-position:0 0} div.sg_reply .writing .con_wrap #con_info .info .level02{} div.sg_reply .writing .con_wrap #con_info .info .level03{background-position:0 -40px} div.sg_reply .writing .con_wrap #con_info .info .level04{background-position:0 -60px} div.sg_reply .writing .con_wrap #con_info .info .day{color:#888;font-size:11px; display:inline-block; margin-top:-2px;} div.sg_reply .writing .con_wrap .m_d{float:right;padding-right:8px;} div.sg_reply .writing .con_wrap .m_d .postedit{float:left; color:#fff; font-size:0px !important;} div.sg_reply .writing .con_wrap .m_d .postedit a { display:inline-block; padding:1px 9px;color:#333; margin-left:4px; font-size:13px !important; background:#fff; border:1px solid #ddd; border-radius:3px;} div.sg_reply .writing .con_wrap .con{font-size:12px;padding:0; margin:0;} #program .okay{padding:20px 0} #program .okay *{font-size:13px} #program .okay p{padding:20px 0;margin-bottom:20px;font-size:14px;color:#f04d48;border-top:0px solid #eee;border-bottom:1px solid #eee} #program .okay p a{padding:5px 10px;color:#fff;border:1px solid #f04d48;background:#f04d48;border-radius:3px} #program .okay li{padding:2px 0;color:#333} #sg_btn_area{padding:10px 0 !important;text-align:right} #sg_btn_area a, #sg_btn_area button{display:inline-block;padding:5px 14px 7px 14px !important;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px} #sg_btn_area input{padding:5px 14px 7px 14px;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px} /*로그인폼*/ #program .login{padding-top:20px;padding-bottom:40px} #program .login form{margin:0 auto;margin-top:10px;padding:50px 120px 20px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;box-sizing: border-box;} #program .login fieldset{position:relative;margin:0 auto;width:560px;border:0} #program .login fieldset ul{width: 77%;margin-right: 3%;} #program .login fieldset ul li {position:relative;margin-bottom: 5px;border: 1px solid #ddd;} #program .login fieldset ul li:last-child {margin-bottom: 0;} #program .login fieldset label.id, #program .login fieldset label.pw{position:absolute;top: 0;left: 0;text-indent:-9999px;display: inline-block;width:45px;height:45px;vertical-align:middle;} #program .login fieldset label.id{background:#fff url(../img/login_icon_id.png) no-repeat 50% 50%} #program .login fieldset label.pw{background:#fff url(../img/login_icon_pw.png) no-repeat 50% 50%} #program .login fieldset input{width: 100%;height:45px !important;padding-left: 50px;box-sizing: border-box;border:1px solid c0c0c0 !important;border-left:none !important;background:#fff !important;font-size:15px} #program .login fieldset input:-webkit-autofill{background-color:rgb(255, 255, 255) !important;background-image:none} #program .login fieldset button{position:absolute;top:0;right:0;width: 20%;height: 100%;font-size:0px;font-weight:400;color:#fff;border:0;background:#2f6fb7;border-radius:2px;transition:0.3s;cursor:pointer} #program .login fieldset button:after{content:"LOGIN";display:block;font-size:16px;font-weight:700;text-align:center} #program .login fieldset button:hover{color:#fff;background:#2f6fb7;transition:0.3s} #program .login fieldset input[type=checkbox].chk{width:15px;height:15px;background:#fff !important;border:1px solid #cfcfcf;border-radius:0;appearance:none !important;margin-top:3px} #program .login fieldset label.chk01{font-size:13px;color:#555} #program .login form p{text-align:center;padding-top:18px} #program .login form p a{padding:0 12px} #program .login form p a:hover{text-decoration:underline} #program .login .find{padding:30px 0;font-size:15px;font-weight:400;text-align:center;color:#444} #program .login .find a{font-size:16px;color:#fff;background:#ff6700;border-radius:2px;display:inline-block;padding:1px 10px} #program .login .dashed{padding-top:10px} #program .login .login_guide{} #program .login .login_guide li{background:url(../img/dp2.png) no-repeat 0 5px;font-size:13px;color:#555;padding-bottom:6px;padding-left:13px} /*동의*/ #design .pri_box { margin-bottom: 30px; padding:20px 20px 40px; box-sizing: border-box; background: #fbfbfb; border-top: 2px #f7941d 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: #ffff; } #design .pri_box .scr_box .txt_box { margin-top: 0 !important; } #design .pri_box .scr_box .txt_box > dl, .pri_box .scr_box .txt_box > ul {margin-bottom:16px;} #design .pri_box .scr_box .txt_box > dl dt, #design .pri_box .scr_box .txt_box > dl dd {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #design .pri_box .scr_box .txt_box > ul li { margin-top: 10px;} #design .pri_box .radio_box { float: right; } #design .agree_box {margin-top: 10px;} #design .radio_box, #design .check_box { height: 100%; display: table; } #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;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #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 .free_agree {margin-bottom: 30px;padding: 20px;background: #f4f4f4;} #design .free_agree p {margin: 0;font-size: 14px;letter-spacing: -1px;} #design .free_agree .f_agree_title {padding-bottom: 15px;text-align: center;font-size: 20px;font-weight: 600;font-family: 'nanumSquare';} #design .free_agree .f_txt_guide {font-size: 15px;text-align:center;word-break: keep-all;} #design .free_agree .agree_wrap {margin: 20px 0;background: #fff;} #design .free_agree .agree_wrap ul {padding: 20px;margin: 0;border: 3px solid #ddd;} #design .free_agree .agree_wrap ul li {margin: 10px 0;font-size: 15px;letter-spacing: -1px;} #design .free_agree .agree_check {font-size: 15px;letter-spacing: -1px;} #design .free_agree .agree_check input {vertical-align: middle;} #design .free_agree .agree_check label {vertical-align: middle;} /*테이블*/ #contain ul li .th_wrap {margin: 10px 0 20px;} #contain table {width:100%; word-break:break-all; font-size:16px; color:#4e4e4e; border-top:1px solid #4e4e4e;} #contain table tr {border-bottom:1px #d5d7dd solid;} #contain table thead th {padding:13px 10px; font-size:16px; font-weight:600; color:#222; text-align:center; background-color:#f9f9f9;} #contain table thead th:not(:last-child), #contain table tbody th, #contain table td:not(:last-child){border-right: 1px solid #d5d7dd;} #contain table thead th:not(:first-child), #contain table tbody th:not(:first-child), #contain table td:not(:first-child){border-left: 1px solid #d5d7dd;} #contain table tbody th {padding:15px 15px; font-weight:500; color:#222;} #contain table tbody td {padding:15px 15px;} #contain table strong {font-weight:500;} #contain table .text_center {text-align:center;} #contain table .th_bg {background-color:#f9f9f9; font-weight:600} #contain table [data-tip="1"] {color:#d41620;} #contain .cuation {margin-top:30px;} #contain .cuation li {padding-left:25px; background:url(../img/error-warning-line.svg) 0 2px no-repeat; background-size:20px;} #contain .cuation li + li {margin-top:7px;} #contain .dues {margin-top:20px;} #contain .dues li:first-child {border-top:1px solid #4e4e4e;} #contain .dues li:first-child table {border-color:#d5d7dd;} #contain .dues li:first-child .table_tit {background-color:#f9f9f9;} #contain .dues li:nth-child(2) .table_tit {border-bottom:1px solid #d5d7dd;} #contain .dues .table_tit {position:relative; padding:20px; font-size:20px; font-weight:600; text-align:center;} #contain .dues .table_tit .more_view {position:absolute; top:15px; right:0; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:30px; border:1px #222 solid;} #contain .dues .table_tit .more_view i.i_plus {position:relative; display:flex; justify-content:center; align-items:center; width:15px; height:15px;} #contain .dues .table_tit .more_view i.i_plus:before {width:14px; height:2px;} #contain .dues .table_tit .more_view i.i_plus:before, #contain .dues .table_tit .more_view i.i_plus:after {content:''; position:absolute; display:block; background-color:#222; transition:all 0.3s ease;} #contain .dues .table_tit .more_view i.i_plus:after {width:2px; height:14px; transform:rotate(180deg);} #contain .dues .table_tit .more_view:hover i.i_plus:before, #contain .dues .table_tit .more_view:hover i.i_plus:after {transform:rotate(-180deg);} #contain .dues li:nth-child(2) .table_tit + div {position:relative; margin-top:-1px; z-index:3;} #contain .dues .th_wrap {margin:0;} #contain table.table01 {width: 100%;font-size: 14px;word-break: break-all;color: #4e4e4e;border-top: 2px solid #2f6fb7;} #contain table.table01 thead th {font-size: 17px;font-weight: 600;border-bottom: 1px solid #ddd;} #contain table.table01 tbody th {font-size: 14px;font-weight: 500;color:#cc3300;border-bottom: 1px solid #ddd;} #contain table.table01 tbody td {text-align:left;font-size: 14px;font-weight: 400;border-bottom: 1px solid #ddd;} #contain table.table02 {width:100%;font-size: 14px;word-break: break-all;color: #4e4e4e;border-top: 2px solid #2f6fb7;} #contain table.table02 thead th {font-size: 14px;font-weight: 600;border-left: 0;border-right: 0;border-top:2px solid #2f6fb7; background: #f9f9f9; padding:8px 10px; color:#000;} #contain table.table02 tbody th, #contain table.table02 tbody td {font-weight: 400border-bottom: 1px solid #ddd;padding:8px 10px; text-align:center;} #contain table.table02 .line_l {text-align:left;} #contain table ul {} #contain table ul li {font-size:inherit; padding:3px 0; color:#555; padding-left:8px; background:url(../img/list_bullet2.png) no-repeat left 12px; } /*이용약관-개인정보처리방침등*/ #design .textinfo {} #design .textinfo .color_box {padding:40px; border-radius:20px; margin-bottom:40px; font-size:18px; background-color:#f6f6f6;} #design .textinfo h4 {margin-top:40px;} #design .textinfo p {padding-bottom:20px; line-height:28px;} #design .textinfo > ul {padding:0 0 20px 20px;} #design .textinfo > ul > li {text-indent:-20px; margin-bottom:6px;} #design .textinfo ul li:last-child {margin-bottom:0;} #design .textinfo ul > li > ul {padding:10px 0 10px;} #design .textinfo .con02 {padding-left:10px;} #design .textinfo .con02 li {text-indent:0; font-size:17px;} #design .textinfo .con02 li ul li + li {margin-top:5px;} #design .season .member_from{padding: 0;border-top: 1px solid #000;margin-top: 20px;margin-bottom: 30px;position:relative;} #design .season .member_from:before{content:'';display:block;position:absolute;width:19%;height:100%;background:#f3f3f3;z-index: -1;} #design .season .member_from fieldset{border:0} #design .season .member_from dl{padding:14px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .season .member_from dt{float:left;width:20%} #design .season .member_from dd{float:left;width:80%;text-align:left;} #design .season .member_from dd select{border:1px solid #ccc} #design .season .member_from dd .t_txt{border:1px solid #ccc} #design .season .member_from dd .btn{padding: 0 16px;color: #fff;background: #555;height: 32px;line-height: 32px;display: inline-block;margin-bottom: 5px;font-size: 14px;border-radius: 5px;} #design .season .form_wrap .add_input {display:block;font-size: 13px !important;color:#3598db;} #design .season .member_from .red_nessary{color:#fe0000;} #design .season .title_nessary{color:#2d2d2d;float:right;display:contents;} #design .season .title_nessary .red_nessary{color:#fe0000} /* 부모ON */ .curri_card_list {display:grid; grid-template-columns: repeat(auto-fill, minmax(20%, auto)); gap:20px;} .curri_card_list > li {text-align:center;} .curri_card_list > li a {position:relative; display:block;} .curri_card_list > li strong {display:block; width:100%; padding:5px 0; color:#fff; font-size:16px; background:#6a3fa0; border-radius:5px;} .curri_card_list > li span {display:block; width:100%; color:#6a3fa0; margin:12px 0 8px;} .curri_card_list > li p {font-size:19px; font-weight:600;} .curri_card_list .card_before {position:relative; display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; min-height:300px; padding:20px; border:1px #ccc solid; transform:rotateY(0deg); transition:all 0.5s; opacity:1; z-index:2; border-radius:20px;} .curri_card_list .card_after {position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center; justify-content:center; min-height:300px; padding:20px; font-size:16px; text-align:left; color:#fff; background-color:#9577d9; box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.15); transform:rotateY(180deg); opacity:0; transition:all 0.5s; border-radius:20px;} .curri_card_list a.selected .card_before{transform: rotateY(180deg); opacity: 0;} .curri_card_list a.selected .card_after {opacity:1; transform: rotateY(0);} .curri_card_list .card_after ul {padding-left:20px;} .curri_card_list .card_after li {text-indent:-20px;} .curri_card_list .card_after li + li {margin-top:5px;} .curri_card_list a:hover .card_before {border-color:#6a3fa0;} .curri_card_list > li:nth-child(n+4):nth-child(-n+10) strong {background:#f79220 !important;} .curri_card_list > li:nth-child(n+4):nth-child(-n+10) span {color:#f79220 !important;} .curri_card_list > li:nth-child(n+4):nth-child(-n+10) .card_after {background:#f79220 !important;} .curri_card_list > li:nth-child(n+4):nth-child(-n+10) a:hover .card_before {border-color:#f79220 !important;} .curri_card_list > li:nth-child(n+11):nth-child(-n+12) strong {background:#37ac7c !important;} .curri_card_list > li:nth-child(n+11):nth-child(-n+12) span {color:#37ac7c !important;} .curri_card_list > li:nth-child(n+11):nth-child(-n+12) .card_after {background:#37ac7c !important;} .curri_card_list > li:nth-child(n+11):nth-child(-n+12) a:hover .card_before {border-color:#37ac7c !important;} .curri_card_list > li:nth-child(13) strong {background:#ed6565 !important;} .curri_card_list > li:nth-child(13) span {color:#ed6565 !important;} .curri_card_list > li:nth-child(13) .card_after {background:#ff8787 !important;} .curri_card_list > li:nth-child(13) a:hover .card_before {border-color:#ed6565 !important;} .curri_card_list > li:nth-child(n+14):nth-child(-n+17) strong {background:#f8c327 !important;} .curri_card_list > li:nth-child(n+14):nth-child(-n+17) span {color:#f8c327 !important;} .curri_card_list > li:nth-child(n+14):nth-child(-n+17) .card_after {background:#f8c327 !important;} .curri_card_list > li:nth-child(n+14):nth-child(-n+17) a:hover .card_before {border-color:#f8c327 !important;} /******************** .btn ********************/ .btn_wrap {text-align:center; margin-top:50px;} .btn {display:inline-block; padding:7px 10px; vertical-align:middle; border-radius:5px;} .btn + .btn {margin-left: 5px;} #contain table .btn + .btn {margin-top:4px; margin-left: 0;} .big_btn {display: inline-block;padding: 14px 32px;font-size: 16px;font-weight: 500;text-decoration: none;border-radius: 4px;transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;text-align: center;min-width: 140px;border: 1px solid transparent;cursor: pointer;} .btn_large {display:inline-block; padding:17px 45px !important; font-size:18px; font-weight:500; text-decoration:none; border-radius:30px; transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;text-align: center;min-width: 140px;border: 1px solid transparent;cursor: pointer;} .v01 {color:#fff; background-color:#ff8363;} #design .btn_submit {font-size: 15px;font-weight: 400;padding: 15px 40px;font-family:inherit;border-radius:5px;} #design .btn_cancel {display: inline-block;background: #969696;font-weight: 400;padding: 15px 40px;font-family:inherit;border-radius:5px;font-size: 15px;} /* ON부모교육 - 교육신청 */ .yup_pro_list {margin-top:20px; border-top:2px #222 solid;} .yup_pro_list li {border-bottom:1px #ddd solid;} .yup_pro_list li a {position:relative; display:flex; gap:0 40px; padding:30px 0;} .yup_pro_list li .area_img {width:200px;} .yup_pro_list li .area_info {width:calc(100% - 400px);} .yup_pro_list li .area_info strong {display:block; margin-bottom:20px; font-size:24px;} .pro_info_item {margin-bottom:20px;} .pro_info_item .info-item {font-weight:500; color:#8f939b; font-family:var(--fontSubSet);} .pro_info_item .info-item + .info-item {margin-top:5px;} .pro_info_item span {margin-right:20px; font-size:18px; font-weight:600; color:#5e6572; font-family:var(--fontMainSet); vertical-align:middle;} .yup_pro_list li .area_info .info-cn {color:#757575;} .yup_pro_list li .area_viewbtn {position:absolute; top:calc(50% - 30px); right:0; padding:20px 30px; color:#fff; font-weight:500; background:#f6ae02; border-radius:10px;} /* ON부모교육 - 교육신청 상세보기 */ .yup_pro_view .view_title {position:relative; padding:25px 0; font-size:24px; font-weight:700; text-align:center; border-top:2px solid #4e4e4e; border-bottom:1px solid #ddd; z-index:2;} .yup_pro_view .view_info {display:flex; gap:0 50px; margin-bottom:40px; padding:40px; border-bottom:1px #ddd solid; background-color:#f9f9fa;} .yup_pro_view .view_info .img_area {width:200px;} .yup_pro_view .view_info .pro_info .btn_request span {border:1px solid rgba(0,0,0,0); display:inline-flex; align-items:center; justify-content:center; position:relative; width:auto; height:auto; padding:0 15px; min-height:30px; border-radius:5px; font-size:15px; font-weight:500; line-height:30px; overflow:hidden; vertical-align:middle; background-color:#fff;} .yup_pro_view .view_info .pro_info .btn_request .ending {border-color: #226ed3; color: #226ed3;} .yup_pro_view .view_info .pro_info .btn_request .ingNot {border-color: #d83d69; color: #d83d69;} .yup_pro_view .view_info .pro_info .btn_request a {padding-left:35px !important; background:url(../img/file-download-line.svg) 10px 4px no-repeat; background-size:22px;} .yup_pro_view .view_info .pro_info .btn_request a:hover {background-color:#316bc8 !important;} .yup_pro_view .view_movie .cuation {padding-top:20px; margin-top:20px !important; border-top:1px #ccc dashed;} .yup_pro_view .view_movie .movie_area {margin:50px 0; border:1px #f1f1f1 solid;} .yup_pro_view .view_con {padding:50px 0; border-top:1px #ddd solid; border-bottom:1px #ddd solid;} /* 부모교육 및 활동 */ .step_prog_wp {padding:50px 30px; background-color:#f7f8fc; border-radius:10px;} .step_prog_wp h4 {color:#5b556d !important; text-align:center; font-size:28px !important; font-weight:700 !important;} .step_prog {display:flex; flex-wrap:wrap; justify-content:center; gap:30px; margin-top:40px;} .step_prog .item {width:calc(100% / 3 - 15px); max-width:250px; padding:40px 30px; border-radius:10px; text-align:center; color:#444;} .step_prog .item:nth-child(1) {background-color:#e7e6f4;} .step_prog .item:nth-child(2) {background-color:#e5f1f1;} .step_prog .item:nth-child(3) {background-color:#f9f4e1;} .step_prog .item:nth-child(4) {background-color:#e9f2fd;} .step_prog .item:nth-child(5) {background-color:#fbecf2;} .step_prog .item .tit:before {content:''; display:block; width:80px; height:80px; margin:0 auto 20px; background-size:100%;} .step_prog .item:nth-child(1) .tit:before {background:url(../img/icon_step_prog1.svg) center center no-repeat;} .step_prog .item:nth-child(2) .tit:before {background:url(../img/icon_step_prog2.svg) center center no-repeat;} .step_prog .item:nth-child(3) .tit:before {background:url(../img/icon_step_prog3.svg) center center no-repeat;} .step_prog .item:nth-child(4) .tit:before {background:url(../img/icon_step_prog4.svg) center center no-repeat;} .step_prog .item:nth-child(5) .tit:before {background:url(../img/icon_step_prog5.svg) center center no-repeat;} .step_prog .item .tit {margin-bottom:20px; font-size:20px; font-weight:600;} .step_prog .item .tit span {display:block; font-size:17px; color:#f85272;} .step_prog .item .con {position:relative; padding-top:20px; margin-top:20px;} .step_prog .item .con:before {content:'···'; word-break:break-all; line-height:7px; color:#888; position:absolute; top:-10px; left:calc(50% - 1px); display:inline-block; width:2px; height:20px;} /**/ .edu_parents_list {display:flex; flex-wrap:wrap; gap:20px;} .edu_parents_list > li {width:calc(100% / 3 - 15px); border-radius:20px; border:1px #ddd solid;} .edu_parents_list > li .tit {padding:20px; font-size:20px; font-weight:600; text-align:center; border-radius:20px 20px 0 0; background-color:#f5f6fa;} .edu_parents_list > li .con {padding:30px 40px; text-align:center;} .edu_module_list {margin-top:30px; display:flex; gap:20px;} .edu_module_list li {width:calc(100% / 4 - 20px); border:1px #ddd solid; border-radius:20px;} .edu_module_list li + li {margin-left:-1px;} .edu_module_list li .tit {padding:20px 40px; font-size:20px; font-weight:600; background-color:#fffcf0; border-radius:20px 20px 0 0;} .edu_module_list li .tit span {display:inline-block; padding:2px 12px; margin-bottom:5px; font-size:16px; color:#ff8363; border:1px #ff8363 solid; border-radius:20px;} .edu_module_list li .con {padding:30px 40px;} /**/ .edu_exper_list {display:flex; gap:0 20px;} .edu_exper_list > li {width:50%; max-width:360px; background-color:#fafafa; border-radius:20px;} .edu_exper_list > li .tit {display:block; padding:20px 10px; font-size:20px; font-weight:600; color:#fff; border-radius:20px 20px 0 0; text-align:center;} .edu_exper_list > li:nth-child(1) .tit {background-color:#f8c327;} .edu_exper_list > li:nth-child(2) .tit {background-color:#37ac7c;} .edu_exper_list > li .con {padding:30px; text-align:left;} /* 양육상담 - 상담절차 */ .step_counsel_list {} .step_counsel_list li {position:relative; display:flex; align-items:center; gap:0 50px; margin-bottom:30px;} .step_counsel_list li:after {content:''; position:absolute; bottom:-20px; left:calc(50% + 125px); display:block; width:0; height:0; border-left:10px transparent solid; border-right:10px transparent solid; border-top:10px #ddd solid;} .step_counsel_list li:last-child {margin-bottom:0;} .step_counsel_list li:last-child:after {display:none;} .step_counsel_list li strong {position:relative; width:200px; height:100%; padding:30px 15px; text-align:center; color:#fff; background-color:#ff8363; /*FFF8F5*/ border-radius:20px;} .step_counsel_list li strong:after {content:'···'; word-break:break-all; line-height:7px; color:#888; position:absolute; top:calc(50% - 4px); right:-35px; display:inline-block; width:20px; height:4px;} .step_counsel_list li p {width:calc(100% - 250px); padding:30px; text-align:center; border:3px #e7e7e7 solid; border-radius:20px;} .step_counsel_list li p a {display:inline-block; margin-top:7px; padding:8px 20px; border-radius:5px;} .step_counsel_list li p a.btn-down {color:#fff; background:#a5b3c8;} .step_counsel_list li p a.btn-down:hover {color:#fff; background:#3359c6;} .step_counsel_list li p a.btn-down:before {content:''; display:inline-block;width:20px; height:20px; margin-right:5px; vertical-align:-3px; background:url(../img/file-download-line.svg) 0 0 no-repeat;} /* 양육코칭 */ .coaching_list {display:flex; gap:0 30px;} .coaching_list > li {display:flex; align-items:center; gap:0 25px; width:calc(100% / 3 - 15px); padding:20px 20px; background-color:#fafafa; border-radius:20px;} .coaching_list > li .tit {display:flex; align-items:center; justify-content:center; width:100px; height:100px; text-align:center; font-weight:600; color:#fff; border-radius:100%;} .coaching_list > li:nth-child(1) .tit {background-color:#f8c327;} .coaching_list > li:nth-child(2) .tit {background-color:#37ac7c;} .coaching_list > li:nth-child(3) .tit {background-color:#9577d9;} .coaching_list > li .con {width:calc(100% - 125px); font-weight:500;} .coaching_biz {display:flex; justify-content:center; gap:0 30px; margin-bottom:40px;} .coaching_biz li {display:flex; flex-wrap:wrap; align-content:center; align-items:center; justify-content:center; width:180px; height:180px; padding:20px; text-align:center; font-size:17px; font-weight:600; border-radius:100%; border:3px #e1e1e1 solid;} .coaching_biz li:before {content:''; display:block; width:60px; height:60px; margin:0 auto 10px;} .coaching_biz li:nth-child(1):before {background:url(../img/icon_coaching_biz1.svg) center center no-repeat; margin-bottom:15px;} .coaching_biz li:nth-child(2):before {background:url(../img/icon_coaching_biz2.svg) center center no-repeat;} .coaching_biz li:nth-child(3):before {background:url(../img/icon_coaching_biz3.svg) center center no-repeat;} .coaching_biz_step {display:flex;} .coaching_biz_step li {width:calc(100% / 4); border:1px #dbe1e9 solid; border-top:1px #222 solid;} .coaching_biz_step li + li {margin-left:-1px;} .coaching_biz_step li strong {display:block; width:100%; padding:10px 20px; text-align:center; font-size:18px; font-weight:600; border-bottom:1px #dbe1e9 solid; background-color:#f3f6fa;} .coaching_biz_step li strong span {font-size:16px;} .coaching_biz_step li p {padding:20px; text-align:center;} .coaching_biz_step li p span {display:block; margin-top:4px; font-size:15px; color:#4876ef;} .coaching_review li {display:flex; gap:0 50px;} .coaching_review li {} .coaching_review li + li {margin-top:40px;} .coaching_review li div {position:relative; width:calc(50% - 25px); border:1px #ddd solid; border-radius:20px; background:#f7f8fc;} .coaching_review li div strong {display:block; padding:10px 30px; font-size:19px; text-align:center; color:#fff; border-radius:20px 20px 0 0;} .coaching_review li div.before strong {background-color:#b4c0d3;} .coaching_review li div.after strong {background-color:#4876ef;} .coaching_review li div.after {border-color:#4876ef;} .coaching_review li div p {display:flex; gap:0 20px; padding:25px 20px; line-height:25px;} .coaching_review li div.before p {color:#666;} .coaching_review li div.after p {color:#333;} .coaching_review li div p:before {content:''; display:inline-block; width:50px; height:50px; background-size:70% !important; border-radius:100%;} .coaching_review li div.before p:before {background:#b4c0d3 url(../img/emotion-normal-line.svg) center center no-repeat;} .coaching_review li div.after p:before {background:#4876ef url(../img/icon_emotione.svg) center center no-repeat;} .coaching_review li div.before:after {content:''; position:absolute; right:-35px; top:calc(50% - 10px); display:block; width:0; height:0; border-top:10px transparent solid; border-bottom:10px transparent solid; border-left:10px #ddd solid;} .coaching_review li div p span {width:calc(100% - 70px);} .coaching_qna {} .coaching_qna li {background-color:#f7f8fc; border-radius:20px; border:1px #e1e1e1 solid; border-top:0;} .coaching_qna li + li {margin-top:30px;} .coaching_qna li strong {display:flex; align-items:center; padding:12px 30px; font-size:19px; border-radius:20px; background-color:#ffefcf; border:1px #f8c327 solid;} .coaching_qna li strong:before {content:'Q'; display:flex; justify-content:center; align-items:center; width:40px; height:40px; margin-right:20px; font-size:20px; font-weight:700; color:#f8c327; background-color:#fff; border-radius:100%;} .coaching_qna li p {padding:30px 40px; line-height:25px;} /* 2차 탭고정 */ .fix_tab2 .tab_box {margin-bottom:30px;} .fix_tab2 .tab_box a {display:inline-block; position:relative; min-width:200px; padding:12px 15px; font-size:18px; font-weight:600; color:#666; border-radius:100px; border:1px solid #E9E9E9; background-color:#F5F7F9; text-align:center;} .fix_tab2 .tab_box a + a {margin-left:7px;} .fix_tab2 .tab_box a.active {color:#fff; background-color:#ff8363; border-color:#ff8363;} .fix_tab2 .tab_box_con > div {display:none;} .fix_tab2 .tab_box_con > div.active {display:block;} /* 북나들e */ .booke_wp .img_area {padding:50px; text-align:center; background-color:#fafafa; border-radius:20px;} .font_sm {font-size:15px; line-height:20px;} /* 둘러보기 */ .space_img {display:flex; gap:0 20px; font-size:0;} .space_img li {width:calc(100% / 4 - 10px); overflow:hidden; border-radius:10px;} .space_map {display:flex; flex-wrap:wrap; justify-content:center; padding:0; margin-bottom:30px; border:1px solid #ddd; border-top:3px solid #191919; border-radius:0 0 20px 20px; overflow:hidden;} .space_map.pdNo {padding-bottom:0 !important;} .space_map.pdNo .space_info {margin-bottom:0 !important;} .space_map .space_info {display:flex; gap:0 40px; width:100%; padding:40px; margin-bottom:40px; background-color:#f6f6f6;} .space_map .space_info img {max-width:300px;} .space_map .space_info strong {display:block; margin-bottom:20px; font-size:22px; font-weight:500;} .space_map .space_info p {line-height:24px;} .space_map .mapSec.right {display:flex; flex-wrap:wrap; gap:0 30px; width:100%; padding:30px; margin-top:30px; border-left:1px solid #eee; text-align:left !important; border:0; border-top:1px #ddd solid;} .space_map .mapSec.right > div {width:100%;} .space_map .mapSec.right > div ul {display: flex; flex-wrap: wrap;} .space_map .mapSec.right > div ul li {width:calc(100% / 4 );} .space_map .mapSec.right > div + div {margin-top:40px;} .space_map .mapSec {position:relative; z-index:1;} .space_map .mapSec .base {display:block; width:800px; max-width:800px !important; position:relative; z-index:1;} .space_map .mapSec .point {position:absolute;width:0;height:0;left:0;top:0;z-index:3} .space_map .mapSec .point button {display:block;position:absolute;width:30px;height:30px;border:0;background:none;overflow:visible} .space_map .mapSec .point button span:first-of-type {display:block;position:absolute;width:100%;height:100%;left:0;top:0;font-size:15px;font-weight:700;line-height:2em;color:#972eae;z-index:2} .space_map .mapSec .point button span:last-of-type {display:block;position:absolute;width:100%;height:100%;left:0;top:0;box-sizing:border-box;border-radius:50%;border:3px solid #972eae;background:#fff;z-index:1;box-shadow:2px 2px 2px rgba(0, 0, 0, .2)} .space_map .mapSec .point button:hover {z-index:2} .space_map .mapSec .point button:hover span:last-of-type {animation:pointAni .75s ease 1;} @keyframes pointAni { 0% {transform:scale(1)} 50% {transform:scale(1.25)} 100% {transform:scale(1)} } .toylib01 .point .pos-01 {top:226px; left:332px;} .toylib01 .point .pos-02 {top:171px; left:351px;} .toylib01 .point .pos-03 {top:232px; left:385px;} .toylib01 .point .pos-04 {top:265px; left:374px;} .toylib01 .point .pos-05 {top:270px; left:478px;} .toylib01 .point .pos-06 {top:221px; left:507px;} .toylib01 .point .pos-07 {top:178px; left:537px;} .toylib01 .point .pos-08 {top:123px; left:472px;} .toylib01 .point .pos-09 {top:151px; left:497px;} .toylib01 .point .pos-10 {top:116px; left:374px;} .toylib01 .point .pos-11 {top:82px; left:327px;} .toylib01 .point .pos-12 {top:130px; left:304px;} .toylib01 .point .pos-13 {top:66px; left:251px;} .toylib01 .point .pos-14 {top:203px; left:485px;} .toylib01 .point .pos-15 {top:216px; left:418px;} .toylib01 .point .pos-16 {top:146px; left:411px;} .toylib01 .point .pos-17 {top:149px; left:463px;} .toylib01 .point .pos-18 {top:64px; left:201px;} .toylib02 .point .pos-01 {top:145px; left:307px;} .toylib02 .point .pos-02 {top:191px; left:483px;} .toylib02 .point .pos-03 {top:142px; left:694px;} .toylib02 .point .pos-04 {top:263px; left:458px;} .toylib02 .point .pos-05 {top:277px; left:201px;} .toylib02 .point .pos-06 {top:381px; left:201px;} .toylib02 .point .pos-07 {top:428px; left:435px;} .toylib02 .point .pos-08 {top:523px; left:340px;} .toylib02 .point .pos-09 {top:428px; left:719px;} .toylib02 .point .pos-10 {top:20px; left:510px;} .toylib03 .point .pos-01 {top:20px; left:292px;} .toylib03 .point .pos-02 {top:223px; left:292px;} .toylib03 .point .pos-03 {top:20px; left:448px;} .toylib03 .point .pos-04 {top:27px; left:534px;} .toylib03 .point .pos-05 {top:28px; left:686px;} .toylib03 .point .pos-06 {top:232px; left:696px;} .toylib03 .point .pos-07 {top:262px; left:528px;} .toylib03 .point .pos-08 {top:239px; left:420px;} .space_map .mapSec .title{font-size:22px;font-weight:500;color:#000;margin-bottom:15px;} .space_map .locationList{margin-top:-2px;} .space_map .locationList > li {display:flex;align-items:center;font-size:1.056em;color:#333;margin-top:2px;flex-wrap:wrap;} .space_map .locationList > li ~ li {margin-top: 16px;} .space_map .locationList > li .item {display:flex; align-items: center; width: 100%; font-size: 16px; line-height: 1.2;} .space_map .locationList > li .item i {flex:none; display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:#fff;background-color:#ff8363;font-style:normal;margin-right:10px;font-size:0.889em; border-radius:4px;} .space_map_detail ul {display:flex; flex-wrap:wrap; gap:20px;} .space_map_detail ul li {width:calc(100% / 2 - 10px); border-radius:20px; border:1px #ddd solid; overflow:hidden;} .space_map_detail ul li .role_head {display:block; width:100%; padding:15px 30px; font-size:22px; font-weight:600; background-color:#F8F8F8;} .space_map_detail ul li .role_body {padding:20px 30px; font-size:16px; line-height:24px;} .space_map_detail ul li .role_body .imgwrap {margin-bottom:20px; font-size:0; line-height:0; border-radius:10px; overflow:hidden;} /* SNS 소개 */ .sns_page {margin:90px 0;} .sns_page .sns_head {margin-bottom:50px; text-align:center;} .sns_page .sns_head .title {display:block; margin-bottom:8px; font-size:28px; font-weight:600;} .sns_page .sns_head .title em {color:#ff8363;} .sns_page .sns_head .title br {display:none;} .sns_page .sns_head span {font-size:22px;} .sns_page .sns_link {display:flex; justify-content:center; gap:20px 30px;} .sns_page .sns_link li {border-radius:10px; text-align:center; border:1px #ebebeb solid;} .sns_page .sns_link li a {display:block; padding:30px 40px 20px;} .sns_page .sns_link li i {display:block; width:80px; height:80px; margin-bottom:10px; border-radius:90px;} .sns_page .sns_link li i.icon1 {background:#fc04ac url(../img/instagram-line.svg) center center no-repeat; background-size:45%;} .sns_page .sns_link li i.icon2 {background:#ff0033 url(../img/youtube-fill.svg) center center no-repeat; background-size:45%;} .sns_page .sns_link li i.icon3 {background:#f7c408 url(../img/story_fill.svg) center center no-repeat; background-size:20%;} .sns_page .sns_link li i.icon4 {background:#3ab256 url(../img/ico_blog.svg) center center no-repeat; background-size:45%;} .sns_page .sns_link li strong {font-size:18px;}