/* 원본 www.drh.co.kr/new/front/css/desktop.css 이식본 — private/migrate/tools/layout_css_port.py 가 생성. 직접 고치지 말고 drh7-fix.css 에 보정을 쓸 것 */ @media screen and (min-width:1400px) { /* CSS Document */ #design h2 {font-size:22px;font-weight:500;color:#333;margin-bottom:18px;padding-left:22px;background:url(/uploads/drh/front/img/bullet_h2.png) no-repeat left 50%;} #design h2.no_bg{padding:0;background:none;} #design h3 {padding-bottom: 10px;font-size: 20px;font-weight: 400;color: #333;} #design h3.c_black {padding-bottom: 10px;font-size:20px;color:#333} #design h4 {padding-bottom: 8px;font-size: 17px;font-weight: 400;color:#000;} #design h4.pdt {padding-top:20px;} #design .con_title {margin-bottom: 40px;text-align:center;font-size: 28px;line-height: 1.3em;font-weight: 600;padding-bottom: 30px;background: url(/uploads/drh/front/img/top_bar.png) no-repeat 50% 100%;} #design .scon_wp {width:100%;position:relative;} #design .scon_wp_in {width:1200px;margin:0 auto;} #design .bg_gray1 {background:#f5f5f5;} #design .sub_mg {margin-bottom:140px;} #design .result_box {border: 20px solid #f5f5f5;box-sizing: border-box;padding: 50px 20px;text-align: center;} #design .result_box span {display:inline-block;font-size:24px;font-weight:300;} #design .result_box span strong {font-weight:500;color:#ff5d65} /*개인정보처리방침*/ .policy_box{box-sizing:border-box;border:1px solid #ddd;padding:20px 15px 20px 15px;margin-bottom:15px;} .txt_strong{font-size:18px;color:#333;} /*컨텐츠탭*/ #design .sub_4tab {padding-bottom:40px;} #design .sub_4tab ul {overflow:hidden;} #design .sub_4tab ul li {float:left;width:25%;} #design .sub_4tab ul li a {display:block;height:58px;line-height:58px;vertical-align:middle;text-align:center;background:#fff;border:1px solid #ccc;color:#333;font-size:18px;font-weight:400;margin-left: -1px;} #design .sub_4tab ul li:first-child a {margin-left:0;} #design .sub_4tab ul li a:hover {border:1px solid #d1b698;} #design .sub_4tab ul li a.sel {background:#d1b698;border:1px solid #d1b698;color:#fff;} #design .sub_4tab ul li a span {} #design .sub_2tab {padding-bottom:40px;} #design .sub_2tab ul {display:flex;} #design .sub_2tab ul li {float:left;width:100%;} #design .sub_2tab ul li a {display:block;height:58px;line-height:58px;vertical-align:middle;text-align:center;background:#fff;border:1px solid #ccc;color:#333;font-size:18px;font-weight:400;margin-left: -1px;} #design .sub_2tab ul li:first-child a {margin-left:0;} #design .sub_2tab ul li a:hover {border:1px solid #d1b698;} #design .sub_2tab ul li a.sel {background:#d1b698;border:1px solid #d1b698;color:#fff;} #design .sub_2tab ul li a span {} #design .sub_cnt_wp {margin-top:66px;} #design .sub_cnt_wp .txt01, #design .txt01 {font-size:16px;color:#333;} #design .sub_cnt_wp .txt02, #design .txt02 {font-size:18px;color:#666;line-height:32px;font-weight:300;margin-bottom:20px;} #design .sub_cnt_wp .txt02 em, #design .txt02 em{color:#333;font-weight:400} #design .sub_cnt_wp .txt02 .under_line, #design .txt02 .under_line{color:#ff5d65;font-weight:400;text-decoration: underline; text-underline-offset: 4px;} #design .sub_cnt_wp .txt02_txt, #design .txt02_txt {font-size:16px;color:#666;line-height:26px;font-weight:300;margin-bottom:20px;} #design .sub_cnt_wp .txt02_img, #design .txt02_img {font-size:18px;color:#666;line-height:32px;font-weight:300;margin-bottom:20px;padding:0 280px 0 0;} #design .sub_cnt_wp .txt03, #design .txt03 {font-size:26px;color:#ff5e66;margin-bottom:30px;font-family:'NanumMyeongjo' !important;font-weight:bold;} #design .sub_cnt_wp .txt04, #design .txt04 {font-size:34px;color:#333;margin-bottom:40px;font-family:'NanumMyeongjo';font-weight:bold; line-height:1.29;} #design .txt02 strong, #design .sub_cnt_wp .txt04 em, #design .txt04 em{font-weight:inherit; color:#ff5e66; font-family:inherit;} #design .sub_cnt_wp2 {margin-top:50px;} #design .sub_cnt_wp2 .txt01 {font-size:16px;color:#333;} #design .sub_cnt_wp2 .txt02 {font-size:18px;color:#666;line-height:32px;font-weight:300;margin-bottom:20px;} #design .sub_cnt_wp2 .txt02_txt {font-size:16px;color:#666;line-height:26px;font-weight:300;margin-bottom:20px;} #design .sub_cnt_wp2 .txt02_img {font-size:18px;color:#666;line-height:32px;font-weight:300;margin-bottom:20px;padding:0 300px 0 0;} #design .sub_cnt_wp2 .txt03 {font-size:26px;color:#ff5e66;margin-bottom:30px;font-family:'NanumMyeongjo' !important;font-weight:bold;} #design .sub_cnt_wp3 {margin-top:10px;} #design .sub_cnt_wp3 + .sub_cnt_wp3 {margin-top:30px;} #design .sub_cnt_wp .txt02 strong, #design .txt02 strong, #design .sub_cnt_wp2 .txt02 strong, #design .sub_cnt_wp .txt02_txt strong, #design .txt02_txt strong, #design ul.con li strong, #design ul.con01 li strong {font-weight:500;} #design .sub_box {padding:40px 50px;background:#fff;} #design .sub_box_g {padding:40px 50px;background:#f5f5f5;} #design .sub_box .tit, #design .sub_box_g .tit {font-size:20px;color:#ff5d65;margin-bottom:10px;} #design .sub_box p, #design .sub_box_g p {font-size:18px;line-height:32px;color:#666;font-weight:300;} #design .emp {display:block;font-family:'NanumMyeongjo' !important;font-size:34px;line-height:48px;color:#333;font-weight:700 !important;margin-bottom:10px;} #design .emp span {font-family:inherit;font-weight:inherit;} #design .emp span.feed {display:block;} #design .emp strong{color:#FF5E66;font-weight:inherit;} #design .bg_breat_cancer {background:url(/uploads/drh/front/img/breat_cancer.jpg) no-repeat right 0;} #design .bg_breat_dbwjs {background:url(/uploads/drh/front/img/breat_dbwjs.jpg) no-repeat right 0;} #design .bg_centercon19 {background:url(/uploads/drh/front/img/centercon19.jpg) no-repeat right 0;background-size:200px;} #design .bg_centercon20 {background:url(/uploads/drh/front/img/centercon20.jpg) no-repeat 400px 0;} #design .bg_centercon21 {background:url(/uploads/drh/front/img/centercon21.jpg) no-repeat right 0;} #design .bg_centercon22 {background:url(/uploads/drh/front/img/centercon22.jpg) no-repeat right 0;} #design .bg_centercon23 {background:url(/uploads/drh/front/img/centercon23.jpg) no-repeat right 0;} /*핑크스토리*/ #design h2.pink{font-family:'SpoqaHanSansNeo' !important; font-weight:600; letter-spacing:-2px;} #design .txt02.pink{font-size:16px; font-family:'SpoqaHanSansNeo' !important; font-weight:500; letter-spacing:-1.2px; margin-bottom:80px;} #design .txt02.pink.img{position:relative;} #design .txt02.pink.img:after{position:absolute; content:""; background:url(/uploads/drh/front/img/pink_img.png) no-repeat; width:266px; height:237px; right:0; top:-65px;} #design .pink_movie .txt02.pink.img:after{background:url(/uploads/drh/front/img/pink_movie.png) no-repeat;background-size:contain;width:450px;} /* 코로나 */ #design .clinic11_01 img.pc {display: block;} #design .clinic11_01 img.m {display: none;} #design .clinic11_01 .img01 {display: block; margin: 0 auto; margin-bottom: 20px;} #design .clinic11_01 .img02 {margin-top: 60px;} #design .clinic11_01 .img03 {margin-top: 10px; margin-bottom: 40px;} #design .clinic11_01 h3 {padding-bottom: 18px; font-size: 22px; font-weight: 500;} #design .clinic11_01 .sub_cnt_wp2 + .sub_cnt_wp2 {margin-top: 36px;} /**/ #design .copy_press {overflow:hidden;background:url(/uploads/drh/front/img/cp_line.png) repeat-y center 0;} #design .copy_press li {float:left;width:50%;text-align:center;} #design .copy_press .cp_l {padding-right:100px;} #design .copy_press .cp_r {padding-left:100px;} #design .copy_press li .tit {height:40px;border-bottom:1px solid #333;color:#333;font-size:22px;font-weight:500;margin-bottom:30px;} #design .copy_press li dl {padding-top:50px;background:url(/uploads/drh/front/img/cp_arrow.png) no-repeat center 18px;} #design .copy_press li dl.back_none {padding-top:0;background:none;} #design .copy_press li dl dt {height:50px;line-height:50px;font-size:20px;color:#fff;font-weight:500;background:#d1b698} #design .copy_press li dl dd {border:2px solid #d1b698;padding:26px 20px 30px} #design .copy_press li dl dd strong {display:block;font-size:20px;line-height:28px;font-weight:500;color:#333;} #design .copy_press li dl dd span {display:block;font-size:18px;line-height:16px;color:#666;padding-top:14px;} #design .copy_press li dl dd span .feed {display:block;} #design .copy_press li dl.last {padding-top:50px;background:url(/uploads/drh/front/img/cp_arrow2.png) no-repeat center 18px;} #design .copy_press li dl.last dt {height:50px;line-height:50px;font-size:20px;color:#fff;font-weight:500;background:#ff5d65} #design .copy_press li dl.last dd {border:2px solid #ff5d65;padding:26px 20px 30px} #design .copy_press li dl.last dd strong {display:block;font-size:20px;line-height:28px;font-weight:500;color:#333;} #design .copy_press li dl.last dd span {display:block;font-size:18px;line-height:16px;color:#666;padding-top:14px;} #design .copy_press li dl.last dd span .feed {display:block;} /**/ #design #expen {padding: 50px 0;} #design #expen .expen_tit {font-size:40px;font-weight:600;color:#333;text-align:center;line-height:50px;} /**/ #design .cont_box1 {padding:26px 30px;border:1px solid #ddd;} #design .cont_box1 ul {} #design .cont_box1 ul li {padding: 5px 0 5px 10px;font-size: 15px;color: #666;background: url(/uploads/drh/front/img/cb_bullet01.png) no-repeat left 13px;font-weight: 300;} /**/ #design ul.con {padding-bottom:10px;} #design ul.con li {padding:0 0 9px 14px;font-size:18px;color:#666;font-weight:300;background:url(/uploads/drh/front/img/cb_bullet01.png) no-repeat left 15px;line-height: 32px;} #design ul.con li.b_none {padding-left:0;background:none;} #design ul.con li:last-child {padding-bottom:0;} #design ul.con li strong.black {color:#333;margin-right:10px;} #design ul.con.gr_bg{background:#f9f9f9;padding:20px 22px; word-break:keep-all;} /**/ #design ul.con01 {padding-bottom:10px;} #design ul.con01 li {padding:0 0 16px 14px;font-size:16px;color:#666;background:url(/uploads/drh/front/img/cb_bullet01.png) no-repeat left 12px;} #design ul.con01 li.b_none {padding-left:0;background:none;} #design ul.con01 li:last-child {padding-bottom:0;} #design ul.con01 li strong.black {color:#333;margin-right:10px;} #design ul.img_style {overflow:hidden;} #design ul.img_style li {float:left;margin:0 10px 15px 0;} /**/ #design .sub_imgtxt01 {display: table;margin-top:70px;} #design .sub_imgtxt01 .it_img {display: table-cell;width:560px;vertical-align:middle;} #design .sub_imgtxt01 .it_img img {border: 1px solid #ddd;} #design .sub_imgtxt01 .it_img .exp {text-align:center;font-size:15px;color:#888;margin-top:16px;} #design .sub_imgtxt01 .it_con {display: table-cell;vertical-align: middle;padding-left:50px;} #design .sub_imgtxt01 .it_con .tit {font-size:18px;font-weight:500;color:#333;margin-bottom:20px;} #design .sub_imgtxt01 .it_con .con {font-size:17px;color:#666;font-weight:300; line-height: 30px;} #design .sub_imgtxt01 .it_con .con .feed {display:inline-block;} /**/ #design .center_sns {margin-bottom:30px;} #design .center_sns .csns01 {display:inline-block;font-size:16px;color:#333;padding:13px 0 13px 50px;background:url(/uploads/drh/front/img/csns01.png) no-repeat left 50%;margin-right:50px;} #design .center_sns .csns02 {display:inline-block;font-size:16px;color:#666;padding:13px 0 13px 50px;background:url(/uploads/drh/front/img/csns02.png) no-repeat left 50%;} #design .center_sns .csns03 {display:inline-block;font-size:16px;color:#666;padding:13px 0 13px 50px;background:url(/uploads/drh/front/img/csns03.png) no-repeat left 50%;margin-right:50px;} #design .center_sns .csns04 {display:inline-block;font-size:16px;color:#666;padding:13px 0 13px 50px;background:url(/uploads/drh/front/img/csns04.png) no-repeat left 50%;} /**/ #design .st_step {padding-top:5px;} #design .st_step ul {display: inline-block;overflow:hidden;background:url(/uploads/drh/front/img/st_step_line.png) repeat-x 0 50%;} #design .st_step li {float:left;margin-right:40px;} #design .st_step li:last-child {margin-right:0;} #design .st_step li span {display:inline-block;width:110px;height:36px;line-height:36px;border-radius:36px;font-size:16px;color:#fff;background:#ccc;text-align:center;} #design .st_step li span.sel {background:#ff5d65;} #design .st_step .st_step_txt {clear:both;margin-top:10px;color:#ff5d65;} /*유방센터-센터소개*/ #design .ct1_top_intro {width:100%;background:url(/uploads/drh/front/img/ct1_top_intro.png) no-repeat center top;} #design .ct1_top {width:1200px;height:730px;margin:0 auto;/*background:url(/uploads/drh/front/img/ct1_top_bg2.png) no-repeat left top*/position:relative;} #design .ct1_top_bg1 {display:none;/*position: absolute;bottom: 0;left: 0;width:100%;min-height:269px;background:url(/uploads/drh/front/img/ct1_top_bg1.svg) no-repeat center bottom;background-size:100%;*/} #design .ct1_top .topbox {padding:130px 0 0 550px} #design .ct1_top .topbox .topbox_tit {font-size:64px;font-family:'NanumMyeongjo' !important;font-weight:700;color:#ff5e66;line-height:86px;margin-bottom:45px;} #design .ct1_top .topbox .topbox_txt1 {font-size:26px;color:#333;margin-bottom:16px;} #design .ct1_top .topbox .topbox_txt2 {font-size:40px;color:#333;} #design .ct1_con {width:1200px;margin:0 auto;padding: 40px 0;} #design .ct1_con p {font-size:18px;font-weight:300;line-height:32px;margin-bottom:32px;color:#666;} #design .ct1_con p span.feed {display:block;} /*뇌신경센터-센터소개*/ #design .ct2_top_intro {width:100%;background:url(/uploads/drh/front/img/ct2_top_intro.png) no-repeat center top;} #design .ct2_top {width:1200px;height:726px;margin:0 auto;position:relative;} #design .ct2_top_bg1 {display:none;} #design .ct2_top .topbox {padding:130px 0 0 590px} #design .ct2_top .topbox .topbox_tit {font-size:64px;font-family:'NanumMyeongjo' !important;font-weight:700;color:#ff5e66;line-height:86px;margin-bottom:45px;} #design .ct2_top .topbox .topbox_txt1 {font-size:26px;color:#333;margin-bottom:16px;} #design .ct2_top .topbox .topbox_txt2 {font-size:40px;color:#333;} #design .ct2_con {width:1200px;margin:0 auto;padding: 40px 0;} #design .ct2_con p {font-size:18px;font-weight:300;line-height:32px;margin-bottom:32px;color:#666;} #design .ct2_con p span.feed {display:block;} /*의료진소개*/ #design .doctor_box {padding-left:360px;padding-bottom:60px;margin-bottom:60px;border-bottom:1px solid #ddd;position:relative;} #design .doctor_box:first-child{margin-top:60px;} #design .doctor_box:last-child {padding-bottom:0;margin-bottom:0;border-bottom:none;} #design .doctor_box .doc_img {position:absolute;top:0;left:0;width:300px;height:380px;} #design .doctor_box .doc_img img {width:100%;height:100%;} #design .doctor_box .doc_info {min-height:380px;position:relative;} #design .doctor_box .doc_info .don_name {font-size:25px;color:#333;line-height: 1;margin-bottom:24px} #design .doctor_box .doc_info .don_name span {display:inline-block;margin-left:10px;font-size:16px;color:#666;} #design .doctor_box .doc_info .don_part {margin-bottom:18px;} #design .doctor_box .doc_info .don_part strong {display:inline-block;width:115px;font-size:16px;font-weight:500;color:#333;} #design .doctor_box .doc_info .don_part span {display:inline-block;font-size:16px;font-weight:400;color:#666;} #design .doctor_box .doc_info .don_clinic {margin-bottom:18px;} #design .doctor_box .doc_info .don_clinic strong {display:inline-block;width:115px;font-size:16px;font-weight:500;color:#333;} #design .doctor_box .doc_info .don_clinic a {display:inline-block;font-size:16px;font-weight:400;color:#fb5f63;text-decoration:underline;} #design .doctor_box .doc_info .btn_area {/*position:absolute;left:0;bottom:0;*/} /*유튜브*/ #design .popupModalVideo{padding-top:8px;} #design .video_modal_popup.reveal {display: flex;position: fixed; top: 0;left: 0; right: 0; bottom: 0; justify-content: center; align-items: center;z-index:999} #design .video_modal_popup .video-wrapper {position: relative; width: 65%; padding-bottom: 39%; z-index: 10; } #design .video_modal_popup .video-wrapper iframe { position: absolute; width: 100%; height: 100%;} #design .video_modal_popup.reveal .video_modal_popup-closer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); z-index: 9 } /*서류발급*/ #design .dm_step {overflow:hidden;} #design .dm_step li {float:left;width:184px;padding-right:40px;margin-right:30px;margin-bottom:10px;background:url(/uploads/drh/front/img/dm_step_arr.png) no-repeat right 50%;text-align:center;} #design .dm_step li .dm_wp {width:100%;height:184px;border:10px solid #d1b698;border-radius:50%;box-sizing:border-box;} #design .dm_step li .dm_wp strong {display:block;font-size:30px;color:#333;font-weight:400;padding:26px 0 12px;margin-bottom:10px;background:url(/uploads/drh/front/img/dm_line.png) no-repeat center bottom;} #design .dm_step li .dm_wp span {font-size:18px;color:#666;line-height:24px;letter-spacing:-1px} #design .dm_step li.arr_oth {background:url(/uploads/drh/front/img/dm_step_arr2.png) no-repeat right 50%;} #design .dm_step li:last-child {padding-right:0;margin-right:0;background:none;} #design .dm_step li:last-child .dm_wp {width:100%;height:184px;border:10px solid #ff5d65;border-radius:50%;box-sizing:border-box;} #design .dm_step.step4 {} #design .dm_step.step4 li {padding-right:50px;margin-right:38px;width:234px;} #design .dm_step.step4 li .dm_wp {height:234px;} #design .dm_step.step4 li:last-child {padding-right:0;margin-right:0;} #design .dm_step.step4 li .dm_wp strong {padding-top:36px;} #design .dm_step.step4 li .dm_wp span em {display:block;font-size:14px;line-height:22px;color:#999999;font-weight:400;margin-top:7px;} /* 입퇴원안내바로가기 배너 */ #design .entering_bnr {width:100%;height:260px;background:url('/uploads/drh/front/img/reservation_bg.jpg') no-repeat center;background-size:cover;padding:0;min-height:260px;position:relative;} #design .entering_bnr .txt_box {position:absolute;top:50%;transform:translateY(-50%);left:100px;} #design .entering_bnr .txt_box strong {font-size:30px;line-height:40px;font-weight:400;color:#fff;display:block;} #design .entering_bnr .txt_box strong b {font-size:inherit;line-height:inherit;font-weight:700;color:inherit;} #design .entering_bnr .txt_box a {font-size:15px;line-height:50px;font-weight:400;color:#fff;text-align:center;padding:0 22px;background:#ff5e66;display:inline-block;margin-top:35px;} /* 건강검진예약 배너 */ #design .checkup_bnr {background:url('/uploads/drh/front/img/reservation_bg.jpg') no-repeat center;background-size:cover;} #design .checkup_bnr .txt_box strong {/*color:#333;*/} /*설립자인사말*/ #design .in1_top_intro {width:100%;background:url(/uploads/drh/front/img/in1_top_intro.png) no-repeat center top;} #design .in1_top {width:1200px;height:708px;margin:0 auto;position:relative;} #design .in1_top .topbox {padding:50px 0 0 550px} #design .in1_top .topbox .topbox_tit {font-size:64px;font-family:'NanumMyeongjo' !important;font-weight:700;color:#ff5e66;line-height:86px;margin-bottom:45px;} #design .in1_top .topbox .topbox_txt1 {font-size:26px;color:#333;margin-bottom:16px;} #design .in1_top .topbox .topbox_txt2 {font-size:40px;color:#333;} #design .in1_con {width:1200px;margin:0 auto;padding: 40px 0;} #design .in1_con p {font-size:18px;font-weight:300;line-height:32px;margin-bottom:32px;color:#666;} #design .in1_con p span.feed {display:block;} /*병원장인사말*/ #design .in2_top_intro {width:100%;background:url(/uploads/drh/front/img/in2_top_intro.png) no-repeat center top;} #design .in2_top {width:1200px;height:718px;margin:0 auto;position:relative;} #design .in2_top .topbox {padding:50px 0 0 650px} #design .in2_top .topbox .topbox_tit {font-size:64px;font-family:'NanumMyeongjo' !important;font-weight:700;color:#ff5e66;line-height:86px;margin-bottom:45px;} #design .in2_top .topbox .topbox_txt1 {font-size:26px;color:#333;margin-bottom:16px;} #design .in2_top .topbox .topbox_txt2 {font-size:40px;color:#333;} #design .in2_con {width:1200px;margin:0 auto;padding: 40px 0;} #design .in2_con p {font-size:18px;font-weight:300;line-height:32px;margin-bottom:32px;color:#666;} #design .in2_con p span.feed {display:block;} #design .in2_top_intro_new {width:100%;background:url(/uploads/drh/front/img/in2_top_intro_new.png) no-repeat center top;} /*연혁*/ #design .his_wp{} #design .his_wp .tit {font-size:34px;color:#ff5e66;margin-bottom:30px;font-family:'NanumMyeongjo' !important;font-weight:bold;} #design .his_wp .his_txt {font-size:16px;color:#666;line-height:24px;margin-bottom:60px;} #design .his_wp .his_txt .feed {display:block;} #design .his_wp .history {} #design .his_wp .history .his_r {margin-left:50%;margin-top: -14px;} #design .his_wp .history .his_r .his_con {padding: 5px 0 5px 144px;position:relative;padding-bottom:70px;background:url(/uploads/drh/front/img/his_line.png) no-repeat left 12px;} #design .his_wp .history .his_r .his_con .year {position:absolute;top:0;left:44px;font-size:30px;color:#333;} #design .his_wp .history .his_r .his_con dl {overflow: hidden;margin-bottom:8px} #design .his_wp .history .his_r .his_con dt {display:block;float:left;font-size:16px;color:#333;margin-right:8px;padding-top: 2px;font-weight: 400;min-width: 42px;} #design .his_wp .history .his_r .his_con dd {display:block;float:left;font-size:16px;color:#888;} #design .his_wp .history .his_l {margin-right:50%;margin-top: -14px;} #design .his_wp .history .his_l .his_con {padding: 0 144px 5px 0;position:relative;padding-bottom:70px;background:url(/uploads/drh/front/img/his_line.png) no-repeat right 5px;margin-right: -14px;} #design .his_wp .history .his_l .his_con .year {position:absolute;top:-7px;right:44px;font-size:30px;color:#333;} #design .his_wp .history .his_l .his_con dl {overflow: hidden;margin-bottom:8px} #design .his_wp .history .his_l .his_con dt {display:block;float:right;font-size:16px;color:#333;text-align: right;margin-left:8px;padding-top: 2px;font-weight: 400;min-width: 42px;} #design .his_wp .history .his_l .his_con dt.tal {text-align:left;} #design .his_wp .history .his_l .his_con dd {display:block;float:right;font-size:16px;color:#888;text-align: right;} #design .his_wp .history .his_r:last-child .his_con {background:url(/uploads/drh/front/img/his_line_last.png) no-repeat left 5px;} #design .his_wp .history .his_l:last-child .his_con {background:url(/uploads/drh/front/img/his_line_last.png) no-repeat right 5px;} /*미션비전*/ #design .value {background: url(/uploads/drh/front/img/value_line.png) no-repeat center 50%;} #design .value li {display:inline-block;width:230px;height:230px;border-radius:50%;border:10px solid #eee;background:#fff;box-sizing:border-box;margin-right:155px;} #design .value li:last-child {margin-right:0;} #design .value li span {display:inline-block;padding-top:145px;font-size:20px;color:#333;} #design .value .val_icon01 {background:#fff url(/uploads/drh/front/img/val_icon01.png) no-repeat center 40px;} #design .value .val_icon02 {background:#fff url(/uploads/drh/front/img/val_icon02.png) no-repeat center 50px;} #design .value .val_icon03 {background:#fff url(/uploads/drh/front/img/val_icon03.png) no-repeat center 54px;} /*시설안내*/ #design .funeral {margin-bottom:45px;} #design .funeral_top {padding:70px 550px 30px 50px;background:#f8f8f8 url(/uploads/drh/front/img/bg_funeral_top.png) no-repeat right top;} #design .funeral_top .ftop_tit {font-size:34px;color:#ff5e66;font-weight:bold;font-family:'NanumMyeongjo' !important;margin-bottom:20px;} #design .funeral_top .ftop_con {font-size:16px;color:#666;margin-bottom:40px;} #design .funeral_top strong {display:block;font-size:22px;color:#333;margin-bottom:14px;font-weight: 500;} /*오시는 길*/ #design .intor_map {padding:9px;border:1px solid #ddd;} #design .intor_map .root_daum_roughmap .wrap_controllers {display:none;} #design .intor_map .root_daum_roughmap {width:100%;border:none;} #design .way_tit01, #design .way_tit02, #design .way_tit03 {font-size:22px;color:#333;font-weight:500;height:60px;line-height:60px;padding-left:70px;margin-bottom:26px;} #design .way_tit01 {background:url(/uploads/drh/front/img/way01.png) no-repeat left top;} #design .way_tit02 {background:url(/uploads/drh/front/img/way02.png) no-repeat left top;} #design .way_tit03 {background:url(/uploads/drh/front/img/way03.png) no-repeat left top;} /*로그인*/ #design #login .login_tit {font-size:40px;font-weight:600;color:#333;text-align:center;line-height:50px;margin-top:50px;} #design #login .login_tit span {display:block;font-size:24px;font-weight:400;letter-spacing:-1px;margin-bottom: 50px;} #design #login .login_box {padding:40px;background:#f5f5f5;border-top:1px solid #333;margin-bottom:60px;overflow:hidden;} /*#design #login .login_box .login_left {float:left;width:50%;height:188px;background:url(/uploads/drh/front/img/login_left_line.png) repeat-y right top;position:relative;}*/ #design #login .login_box .login_left {float:left;width:50%;height: auto;background:url(/uploads/drh/front/img/login_left_line.png) repeat-y right top;} #design #login .login_box .login_left > div {position:relative;padding-bottom: 40px;} #design #login .login_box .login_left ul{padding-top:20px;box-sizing: border-box;} #design #login .login_box .login_left ul li {position:relative;width:330px;height:50px;margin-bottom:10px;background:#fff;} #design #login .login_box .login_left label {} #design #login .login_box .login_left label.hidden {overflow: hidden;position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;text-indent: -9999px;} #design #login .login_box .login_left input{width: 100%;padding: 3px 10px;height:45px;background:#fff;font-size:15px;border: 0;} #design #login .login_box .login_left input::placeholder {font-size:16px;color:#aaa} #design #login .login_box .login_left .button{position:absolute;top:20px;right:40px;width:170px;height:110px;font-size: 20px;font-weight:300;letter-spacing: -1px;color:#fff;background:#ff5d65;cursor:pointer} #design #login .login_box .login_left input[type=checkbox].chk{width:15px;height:15px;background:#fff !important;border:1px solid #cfcfcf;border-radius:0;appearance:none !important;margin-top:3px} #design #login .login_box .login_left .save_id {position:absolute;left:0;bottom: 5px;font-size:16px;color:#666;} #design #login .login_box .login_left .save_id label {display:inline-block;font-size:16px;color:#666;} #design #login .login_box .login_left .find_idpw {position:absolute;right:40px;bottom: 5px;} #design #login .login_box .login_left .find_idpw a {font-size:16px;color:#666;transition: 0.3s;} #design #login .login_box .login_left .find_idpw a:hover {color:#ff5d65} #design #login .login_box .login_left .find_idpw a.find_id {padding-right:15px;margin-right:13px;background:url(/uploads/drh/front/img/find_id_line.png) no-repeat right 50%;} #design #login .login_box .login_right {float:left;width:50%;position:relative;} #design #login .login_box .login_right .go_join {padding:20px 0 0 40px;} #design #login .login_box .login_right .go_join .tit {display:block;padding-bottom:12px;font-size:26px;color:#333;} #design #login .login_box .login_right .go_join .txt {font-size:16px;line-height:24px;color:#666} #design #login .login_box .login_right .go_join .txt span.feed {display:block;} #design #login .login_box .login_right .button{position:absolute;top:20px;right:0;width:170px;height:110px;line-height:110px;font-size: 20px;font-weight:300;letter-spacing: -1px;color:#fff;background:#ff5d65;cursor:pointer} #design #login .login_box .member_no_info {clear: both;padding: 20px 0 0 !important;font-size: 16px;color: #f5353e;} #design #login .login_box .member_no_info span {display: block;margin-top: 3px;font-weight: inherit;} #design #login .nonMem_box {padding:40px;background:#f5f5f5;border-top:1px solid #333;margin-bottom:60px;overflow:hidden;} #design #login .nonMem_box .nonMem1 {/* padding-bottom:64px;margin-bottom:50px;background:url(/uploads/drh/front/img/nonMem1_line.png) repeat-x left bottom; */position:relative;} #design #login .nonMem_box .nonMem1 .tit {padding:0 200px 0 0;font-size:26px;color:#333;display: flex;align-items: center;} #design #login .nonMem_box .nonMem1 .tit span {display:inline-block;margin-left:30px;font-size:16px;color:#666;vertical-align: text-top;line-height:1.7;} #design #login .nonMem_box .nonMem1 .button {position:absolute;top:0;right:0;width:170px;height:90px;line-height:90px;font-size: 18px;font-weight:300;letter-spacing: -1px;color:#fff;background:#d1b698;cursor:pointer} #design #login .nonMem_box .nonMem2 {position:relative;} #design #login .nonMem_box .nonMem2 .tit {padding:0 200px 0 0;margin-bottom:6px;font-size:26px;color:#333;} #design #login .nonMem_box .nonMem2 .nm_form {padding:0 200px 0 0;} #design #login .nonMem_box .nonMem2 .nm_form input::placeholder {font-size:16px;color:#aaa} #design #login .nonMem_box .nonMem2 .nm_form input {padding: 3px 10px;height:45px;background:#fff;font-size:15px;border:0;} #design #login .nonMem_box .nonMem2 .nm_form input.t_txt1 {width:235px;margin-right:20px;} #design #login .nonMem_box .nonMem2 .nm_form input.t_txt2 {width:275px;margin-right:20px;} #design #login .nonMem_box .nonMem2 .nm_form input.t_txt3 {width:100px;} #design #login .nonMem_box .nonMem2 .button {position:absolute;top:0;right:0;width:170px;height:90px;line-height:90px;font-size: 18px;font-weight:300;letter-spacing: -1px;color:#fff;background:#d1b698;cursor:pointer} /*통합검색결과1*/ #design #t_search_result {} #design #t_search_result .ts_reault_tit {font-size:40px;font-weight:600;color:#333;text-align:center;line-height:50px;padding-top:50px;} #design #t_search_result .ts_reault_tit span {display:block;font-size:24px;font-weight:400;letter-spacing:-1px;margin-bottom: 50px;} #design #t_search_result .ts_reault_tit span strong {font-weight:inherit;color:#ff5d65;} #design #t_search_result .ts_reault_wp {margin-bottom:120px;} #design #t_search_result .ts_reault_wp .mgb {margin-bottom:60px;} #design #t_search_result .ts_reault_wp .tsr_tit {height:62px;line-height:62px;padding:0 150px 0 30px;;border:1px solid #ddd;background:#f5f5f5;position:relative;} #design #t_search_result .ts_reault_wp .tsr_tit p {font-size:22px;font-weight:500;color:#333;} #design #t_search_result .ts_reault_wp .tsr_tit a.more {position:absolute;top:0;right:30px;font-size:16px;font-weight:500;color:#ff5d65;} #design #t_search_result .ts_reault_wp .tsr_list {} #design #t_search_result .ts_reault_wp .tsr_list li {padding:26px 0;border-bottom:1px solid #ccc} #design #t_search_result .ts_reault_wp .tsr_list li .list_tit {font-size:18px;color:#333;} #design #t_search_result .ts_reault_wp .tsr_list li .list_con a {font-size:16px;color:#666;transition: 0.2s;} #design #t_search_result .ts_reault_wp .tsr_list li .list_con a:hover {color:#ff5d65} /*진료과상단*/ #design .part_top_wp {border:1px solid #ddd;} #design .part_top_wp .part_top {border:9px solid #f5f5f5;box-sizing:border-box;padding:35px 30px;} #design .part_top_wp .part_top .tit {font-family:'NanumMyeongjo' !important;font-size:34px;line-height:44px;font-weight:bold;color:#333;} #design .part_top_wp .part_top .tit span {font-family:inherit;font-weight:inherit;} #design .part_top_wp .part_top p {font-size:18px;line-height:32px;font-weight:300;color:#666;margin-top:16px;} /*진료예약 인트로*/ .rsv_intro {display:none;overflow:hidden;} .rsv_intro .rsv_web {float:left;width:50%;} .rsv_intro .rsv_web .rsv_wp {margin-right:20px;border:10px solid #f5f5f5;box-sizing:border-box;padding:60px 0 50px;text-align:center;background: url(/uploads/drh/front/img/cer_phone.png) no-repeat center 136px;} .rsv_intro .rsv_web .rsv_wp span {display:inline-block;padding-bottom:195px;font-size:16px;color:#333;} .rsv_intro .rsv_kakao {float:left;width:50%;} .rsv_intro .rsv_kakao .rsv_wp {margin-left:20px;border:10px solid #f5f5f5;box-sizing:border-box;padding:60px 0 50px;text-align:center;background: url(/uploads/drh/front/img/cer_ipin.png) no-repeat center 136px;} .rsv_intro .rsv_kakao .rsv_wp span {display:inline-block;padding-bottom:195px;font-size:16px;color:#333;} .rsv_intro .rsv_wp .rsv_btn {display:block;width:130px;height:46px;line-height:46px;margin:0 auto;background:#ff5d65;font-size:16px;color:#fff;} /**/ #design #ga_tab { text-align:center; padding-bottom:35px;} #design #ga_tab li { display:inline; } #design #ga_tab li a { display:inline-block; padding:4px 8px; border:1px solid #bbb; border-radius:2px;} #design #ga_tab li a:hover {background:#888; border:1px solid #888; color:#fff;} #design #ga_tab li.on a { color:#ff5521; background:#ff5521; border:1px solid #ff5521; color:#fff; font-weight:bold; } /**/ #design .c_blue { color:#006dba; font-weight:bold; text-decoration:none !important;} #design .c_yellow { color:#fff726;font-weight:bold;} #design .c_orange { color:#ff6114;font-weight:bold;} #design .c_green { color:#42a51f;font-weight:bold;} /**/ #design .schema{position:relative;padding:10px 0} #design .schema ol{position:absolute;top:10px;right:0;overflow:hidden} #design .schema ol li{float:left;position:relative;background:none !important;margin-right:20px;padding-left:25px !important} #design .schema ol .sc1 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(/uploads/drh/front/img/ico_nl01.png) no-repeat 50% 50%} #design .schema ol .sc2 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(/uploads/drh/front/img/ico_nl02.png) no-repeat 50% 50%} #design .schema ol .sc3 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(/uploads/drh/front/img/ico_nl03.png) no-repeat 50% 50%} #design .schema div{padding-bottom:30px} #design .schema div h4{padding:0 0 4px 28px;font-size:16px;font-weight:400;color:#333 !important;background:url(/uploads/drh/front/img/dp2.png) no-repeat 13px 9px} #design .schema div ul{overflow:hidden} #design .schema div ul li{float:left;position:relative;width:33.33%;background:none;text-align:center} #design .schema div ul li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(/uploads/drh/front/img/st0.png) no-repeat 50% 50%} #design .schema div ul li span{display:block;margin:10px 10%;height:150px;border:1px solid #ccc;background:#fafafa;border-radius:10px} #design .schema div ul li strong{font-size:16px;font-weight:400;color:#333 !important} #design .schema .img1 *{color:#96c41c} #design .schema .img1 li span{border:1px solid #ccc} #design .schema .img1 .sa1 span{background:url(/uploads/drh/front/img/ico_nl11.png) no-repeat 50% 50%} #design .schema .img1 .sa2 span{background:url(/uploads/drh/front/img/ico_nl12.png) no-repeat 50% 50%} #design .schema .img1 .sa3 span{background:url(/uploads/drh/front/img/ico_nl13.png) no-repeat 50% 50%} #design .schema .img2 *{color:#53b5e6} #design .schema .img2 li span{border:1px solid #ccc} #design .schema .img2 .sa1 span{background:url(/uploads/drh/front/img/ico_nl21.png) no-repeat 50% 50%} #design .schema .img2 .sa2 span{background:url(/uploads/drh/front/img/ico_nl22.png) no-repeat 50% 50%} #design .schema .img2 .sa3 span{background:url(/uploads/drh/front/img/ico_nl23.png) no-repeat 50% 50%} /*top_title*/ #design .top_title {padding-bottom: 30px;background: url(/uploads/drh/front/img/top_bar.png) no-repeat 50% 100%;} #design .top_title p {font-size: 17px;text-align:center;color:#555;} #design .top_title p.title {padding-bottom: 10px;font-size: 26px;font-weight: 600;color:#000;} #design .top_title p.title::before {content: "";display:inline-block;width: 14px;height: 12px;margin-right: 15px;vertical-align:top;background: url(/uploads/drh/front/img/prev_quot.png) no-repeat 50% 0;} #design .top_title p.title::after {content: "";display:inline-block;width: 14px;height: 12px;margin-left: 15px;vertical-align:top;background: url(/uploads/drh/front/img/next_quot.png) no-repeat 50% 0;} /*con01 ~ con04*/ .con01 > li {} .con02 > li {padding: 7px 0 7px 12px;background: url(/uploads/drh/front/img/con02_bullet.png) no-repeat 0 14px;font-size: 15px;} .con03 > li {padding: 4px 0 4px 12px;background: url(/uploads/drh/front/img/con03_bullet.png) no-repeat 0 11px;font-size: 14px;} .con04 > li {padding: 2px 0 2px 9px;background: url(/uploads/drh/front/img/con04_bullet.png) no-repeat 0 10px;font-size: 14px;} .no_bg > li {padding: 5px 0;font-size: 15px;} .no_bg li ul {padding: 10px 0;font-size: 14px;} .no_bg li ul li {padding: 2px 0;} .dec_list {padding-left: 18px;} .dec_list > li {list-style: decimal;margin: 5px 0;} /*dl-table*/ #design dl.th_list {display: table;margin: 2px 0;width: 100%;} #design dl.th_list dt {display: table-cell;width: 20%;padding: 5px;background: #008060;color: #fff;text-align:center;box-sizing: border-box;vertical-align:middle;line-height: 1.2em;} #design dl.th_list dd {display: table-cell;width: 80%;padding: 7px;background: #fff;color:#464646;vertical-align:middle;line-height: 1.2em;border: 1px solid #ddd;border-left: 0;} /*con_box*/ #design .con_box {padding-top: 30px;} #design .con_box.first {padding-top: 0;} #design .con_text {font-size:17px;} /*bg_box*/ #design .bg_box {background: #f6f6f6;} #design .bg_box > ul {padding: 20px;} /*본인확인 #design .cert_top {padding: 20px 30px;margin-bottom: 20px;background: #f7f7f7;text-align:center;} #design .cert_top > p {display:inline-block;padding: 10px 0 20px 50px;font-size: 17px;color:#333;background: url(/uploads/drh/front/img/cert_top_bg.png) no-repeat 0 50%;} #design .cert_top > p span {font-size: 18px;font-weight: 600;color:#184bb2;} #design .cert_top .imp {display:block;padding-top: 7px;text-align:left;font-size: 14px;color:#ff0000;} #design .cert_top > ul {text-align:left;} #design .cert_top > ul > li {padding: 4px 0 4px 10px;font-size: 15px;background-position: 0 12px;} #design .cert_top .add_text {display:block;padding: 15px 0 0;font-size: 17px;color:#121212;} #design .member .cert_btn {overflow:hidden; margin-bottom: 30px;} #design .member .cert_btn > div {float:left;width: 50%;padding: 30px 30px 50px;box-sizing: border-box;border: 2px solid #ddd;} #design .member .cert_btn > div i {display:block;height: 100px;padding-bottom: 20px;} #design .member .cert_btn .cert_01 {border-right: 1px solid #ddd;} #design .member .cert_btn .cert_02 {border-left: 1px solid #ddd;} #design .member .cert_btn .cert_01 i {background: url(/uploads/drh/front/img/cert_icon_01.png) no-repeat 50%;} #design .member .cert_btn .cert_02 i {background: url(/uploads/drh/front/img/cert_icon_02.png) no-repeat 50%;} #design .member .arr_btn {letter-spacing: -0.4px;} #design .member .arr_btn > span {font-size: 18px;font-weight: 600;color:#000;} #design .member .cert_btn button {cursor: pointer;} #design .member .cert_info {position:relative;} #design .member .cert_info .btn {position:absolute;top: 0;right: 0;} */ /*arrow_btn*/ #design .arr_btn {display:inline-block;padding: 10px 20px 10px 0;background: url(/uploads/drh/front/img/arrow_btn_bg.png) no-repeat 100% 100%;font-size: 15px;color:#464646;letter-spacing: -1px;} /**/ #design .guide_box{margin:30px 0;padding:30px 30px;box-shadow:inset 0 0 10px #B2B2B2;border-radius:10px;background:url(/uploads/drh/front/img/common/guide_box_bg.gif) no-repeat 100% 100%} #design .guide_box h3{color:#551ca9;font-size:17px} /*.form - dl, dt, dd 구조*/ #design .form dl {overflow: hidden;} #design .form dl dt {float:left;width: 15%;padding: 3px 0;margin: 10px 0 0;text-align:center;color: #000;font-size: 15px;background: #efefef;border: 1px solid #ddd;border-radius: 5px;box-sizing: border-box;word-break: keep-all;} #design .form dl dt > span {margin-left: 5px;} #design .form dl dd {float:left;width: 83%;padding: 10px;border-bottom: 1px dashed #ddd;margin-left: 2%;font-size: 15px;box-sizing: border-box;} #design .form dl:last-child dd {border-bottom: 0;} /**/ #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;} #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:17px;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 #333;background:#333;transition:all 0.2s} #design .tabmenu li a.sel{position:relative;z-index:5;color:#242b36;border:2px solid #333;background:#fff;box-shadow:0 3px 0 #e2e2e2} /**/ #design .depthmenu{margin:0 0 30px 0;} #design .depthmenu:before, #design .depthmenu:after{clear:both;display:table;content:"";line-height:0} #design .depthmenu ul{height:42px;border-bottom:1px solid #007800} #design .depthmenu li{float:left;} #design .depthmenu li:first-child a{margin:0} #design .depthmenu li *{transition:all 0.2s ease-in-out} #design .depthmenu li a{display:inline-block;position:relative;padding:0 35px;line-height:41px;font-size:15px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #007800;background:#f3f3f3} #design .depthmenu li a i{display:none !important;} #design .depthmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #007800;background:#007800;} #design .depthmenu li a.sel{position:relative;z-index:5;color:#007800;border:1px solid #007800;border-bottom:1px solid #fff;background:#fff} #design .depthmenu li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#7ba67b} #design .depthmenu li a.sel:hover{color:#014fbb} #design .depthmenu li a.sel:hover i{margin-left:-0%;width:0%} #design .tabs{position:relative;} #design .tabs:before, #design .tabs:after{clear:both;display:table;content:"";line-height:0} #design .tabs ul{display: none;position:relative;z-index:1;height:42px; margin-bottom:20px;border-bottom:2px solid #ff581c} #design .tabs li{float:left} #design .tabs li:first-child a{margin:0} #design .tabs li a{display:block;position:relative;z-index:0;margin:0 0 0 -1px;padding:0 24px;line-height:40px;font-size:15px;font-weight:600;color:#333;text-align:center;border:1px solid #dedede;border-bottom:1px solid #03a98f;background:#fff} #design .tabs li a span{font-size:13px} #design .tabs li a:hover{position:relative;z-index:5;font-weight:600;color:#fff;border:1px solid #333;background:#3d4459;transition:all 0.3s} #design .tabs li a.sel{position:relative;z-index:5;padding:0 26px 0 40px;height:41px;font-weight:600;color:#333;border:2px solid #ff581c;border-bottom:1px solid #fff;background:#fff url(/uploads/drh/front/img/btn_tabs.png) no-repeat 20px 13px} #design .tabs li a span{color:#f30} #design .tabs .clock{ padding-bottom:10px;} #program #txt_box_wrapper {padding: 20px 30px;background: #f4f4f4;} #program #txt_box_wrapper ul {overflow: hidden;} #program #txt_box_wrapper ul li {float: left; width: 23.5%;margin: 10px 1%;background: #fff;text-align: center;} #program #txt_box_wrapper ul li:nth-child(4n-3) {margin-left: 0;} #program #txt_box_wrapper ul li:nth-child(4n) {margin-right: 0;} /**/ #design .grtable{clear:both;margin-left:-10px} #design .grtable ol{padding:5px 80px 10px 0;overflow:hidden} #design .grtable ol li{float:left} #design .grtable ol li.gt1{width:56%} #design .grtable ol li.gt1 strong{background:#f6f9fa} #design .grtable ol li.gt2{width:22%} #design .grtable ol li.gt2 strong{background:#f6f9fa} #design .grtable ol li.gt3{width:22%} #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;font-size:13px;background:#fff} #design .donate {padding-bottom:110px;background:url(/uploads/drh/front/img/donate.png) no-repeat right bottom;} /**/ #design .culture{padding: 30px 0 0;} #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(/uploads/drh/front/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(/uploads/drh/front/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(/uploads/drh/front/img/bg_bookstart.png) no-repeat right 222px} #design .ls_process {padding-top:40px;border-top:1px dashed #ccc;} #design .ls_process .process {overflow:hidden;margin-bottom:50px;} #design .ls_process .process li {float:left;width:33.3%;} #design .ls_process .process li .img {height:262px;margin-bottom:20px;border:1px solid #dadada;border-radius:5px;} #design .ls_process .process li .img img {width:100%;height:inherit;} #design .ls_process .process li .txt {text-align:center;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #design .ls_process .process li .in, #design .ls_process .process li .in_none2 {padding-left:40px;background:url(/uploads/drh/front/img/arr.png) no-repeat 13px 120px;} #design .ls_process .process li .in_none {padding-left:28px;} /**/ #contain #design div.visitor_num_guid{color:#617295;font-size:0.92em;font-weight:normal;line-height:130%;padding:7px 0 3px ;text-align:left;font-size: 13px;letter-spacing: -0.4px;} #contain #design .bt-content .btn_gray{display:block;margin:3px 0;padding:3px 5px;color:#333;border:1px solid #aaa;background:#fff;border-radius:22px;font-size: 13px;letter-spacing: -0.4px;} #contain #design .bt-content .btn_red{display:block;margin:3px 0;padding:3px 5px;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:22px;font-size: 13px;letter-spacing: -0.4px;} #contain #design .bt-content .btn_orange{display:block;margin:3px 0;padding:3px 5px;color:#fff;border:1px solid #f77a00;background:#f77a00;border-radius:22px;font-size: 13px;letter-spacing: -0.4px;} #contain #design .bt-content .btn_blue{display:block;margin:3px 0;padding:3px 5px;color:#fff;border:1px solid #014fbb;background:#014fbb;border-radius:22px;font-size: 13px;letter-spacing: -0.4px;} #contain #design .bt-content .btn_green{display:block;margin:3px 0;padding:3px 5px;color:#009688;border:1px solid #009688;background:#fff;border-radius:22px;font-size: 13px;letter-spacing: -0.4px;} #contain #design .btn_regist{display:block;margin:3px 0;padding:3px 5px;color:#fff;border:1px solid #999;background:#999;border-radius:22px;font-size: 13px;letter-spacing: -0.4px;} #contain #design .btn_cancel{display:block;margin:3px 0;padding:3px 5px;width:69px;color:#fff;border:1px solid #3d4459;background:#3d4459;border-radius:22px;font-size: 13px;letter-spacing: -0.4px;} #contain #design .btn_regist_go{display:block;padding:2px;font-weight:800;color:#fff;border:2px solid #1769A3;background:#003258} #contain #design .btn_deadline{color:#C5C5C5;font-weight:600;} #contain #design .btn_suc{display:inline-block;margin:0 2px;padding:3px 10px;font-size: 13px;color:#333;border:1px solid #aaa;background:#fff;vertical-align:top;border-radius:22px} #contain #design .btn_oky{display:inline-block;margin:0 2px;padding:3px 10px;color:#fff;font-size: 13px;border:1px solid #014fbb;background:#014fbb;vertical-align:top;border-radius:22px} #contain #design .btn_pay{display:inline-block;margin:0 2px;padding:3px 10px;color:#fff;font-size: 13px;border:1px solid #3d4459;background:#3d4459;vertical-align:top;border-radius:22px} #contain #design .btn_ing{display:inline-block;margin:0 2px;padding:3px 10px;color:#fff;font-size: 13px;border:1px solid #c62338;background:#c62338;vertical-align:top;border-radius:22px} #txt_box{margin:10px 0;padding:20px;border:1px solid #ccc;background:#fafafa} /**/ #contain #calendar{position:relative; margin-bottom:30px;} #contain #calendar .days{text-align:left} #contain #calendar .days a{display:inline-block;position:relative;top:0px;width:0;height:40px;line-height:40px;font-size:15px;color:#c62337;border:1px solid #e3e3e3;border-radius:50px;overflow:hidden;transition:all 0.2s} #contain #calendar .days a:hover{width:80px;text-indent:0em;color:#333} #contain #calendar .days a i{position:absolute;top:0;width:40px;height:40px} #contain #calendar .days .prev{padding:0 10px 0 30px;text-indent:20em} #contain #calendar .days .prev i{left:0;background:url(/uploads/drh/front/img/s_prev.png) no-repeat 50% 50%} #contain #calendar .days .next{padding:0 30px 0 10px;text-indent:-20em} #contain #calendar .days .next i{right:0;background:url(/uploads/drh/front/img/s_next.png) no-repeat 50% 50%} /*_::-moz-svg-foreign-content, :root #contain #calendar .days a:hover{width:40px;text-indent:-0em;color:#fff} _::-moz-svg-foreign-content, :root #contain #calendar .days .prev{color:#fff;text-indent:-0em} _::-moz-svg-foreign-content, :root #contain #calendar .days .next{color:#fff;text-indent:-0em}*/ #contain #calendar .days strong{display:inline-block;position:relative;top:-4px;padding:0 30px;line-height:40px;font-size:44px;color:#333} #contain #calendar .days strong span{position:relative;top:-2px;margin:0 0 0 -10px;font-size:20px} #contain #calendar .even{position:absolute;top:13px;right:200px} #contain #calendar .even ul{overflow:hidden} #contain #calendar .even li{float:left;position:relative;padding:0 10px 0 20px} #contain #calendar .even li strong{font-weight:400} #contain #calendar .even li i{position:absolute;top:0;left:0;width:20px;height:20px} #contain #calendar .even .e1 i{background:url(/uploads/drh/img/pro_content/icon_schedule_r.gif) no-repeat 50% 50%} #contain #calendar .even .e2 i{background:url(/uploads/drh/img/pro_content/icon_schedule_e.gif) no-repeat 50% 50%} #contain #calendar .even .e3 i{background:url(/uploads/drh/img/pro_content/icon_schedule_m.gif) no-repeat 50% 50%} #contain #calendar .even .e4 i{background:url(/uploads/drh/img/pro_content/icon_schedule_l.gif) no-repeat 50% 50%} #contain #calendar .dk_search{position:absolute !important;top:10px;right:0} #contain #calendar .calendar td{position:relative;height:100px;vertical-align:top;background:none !important} #contain #calendar .calendar td .result{padding:0 0 0 16px} #contain #calendar .calendar td .none{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#f23737;border:1px solid #ccc;border-radius:4px} #contain #calendar .calendar td .end{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#000;border:1px solid #ccc;background:#eee;border-radius:4px} #contain #calendar .calendar td .start{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#fff;border:1px solid #005997;background:#005997;border-radius:4px} #contain #calendar .day_num{position:absolute;top:5px;left:5px} #contain #calendar .day_num span, #contain #calendar .day_num span a{font-size:14px;font-weight:600;font-family:Arial, Helvetica, sans-serif} #contain #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} #contain #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} #contain #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} #contain #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} #contain #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} #contain #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} #contain #calendar .playout img{position:relative;margin:0 4px 0 0} #scheduleList{display:none} /**/ #design .community{/*padding:10px 0*/} #design .community .faq_list{width:100%;border-top:1px solid #000;} #design .community .faq_list .faq .faq_q{position:relative;padding:0 80px;border-bottom:1px solid #ccc;font-size:16px;overflow:hidden;} #design .community .faq_list .faq .faq_q dt{position:absolute;top:7px;left:24px} #design .community .faq_list .faq .faq_q dd{line-height:50px} #design .community .faq_list .faq .faq_a{position:relative;padding:0 80px;border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;} #design .community .faq_list .faq .faq_a dt{position:absolute;top:14px;left:24px} #design .community .faq_list .faq .faq_a dd{height:auto;min-height:60px;margin:14px 0;line-height:20px} #design .community .faq_list .faq .disnone{display:none} #design .community .serve{position:relative} #design .community .serve i{position:absolute;top:220px;right:0;width:370px;height:510px;background:url(/uploads/drh/front/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(/uploads/drh/front/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(/uploads/drh/front/img/img_monitor.png) no-repeat 100% 0%} /**/ #design .member .infomation{margin:0 0 20px 0;padding:20px 0 20px 110px;color:#555;border:1px solid #d3d0d8;background:url(/uploads/drh/front/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(/uploads/drh/front/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 .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("/uploads/drh/front/img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;font-weight:600} #poll_pass #poll_pass_title{background:url("/uploads/drh/front/img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;margin-bottom:5px;width:757px;font-weight:600} #poll_table{margin-bottom:10px} #poll_pop{margin:15px} /**/ #contain .nessacery_text {padding-bottom: 10px;text-align:center;font-size: 15px;} #contain .nessacery_text span {vertical-align:middle;} #contain .add_text {padding: 10px 0;font-size: 14px;} /**/ #contain #design .table_wp_s {width:800px;} #contain #design .table_wp_m {width:950px;} #contain #design .table_wp .mobile_only {display:none;} #contain #design table{width:100%;border-collapse:collapse;border-top:1px solid #333;letter-spacing: -0.4px;} #contain #design table caption{font-size:0;line-height: 0;height: 0;} #contain #design table thead th{padding:17px 10px;line-height:15px;font-size:16px;font-weight:400;text-align:center;color:#333;border-left:1px solid #ddd;border-right:none;background:#f9f9f9;} #contain #design table thead th:first-child{border-left:0} #contain #design table thead th.bb1 {border-bottom:1px solid #ddd;} #contain #design table thead tr{background-color:#fff} #contain #design table tbody tr{} #contain #design table tbody th{font-size:16px;color:#333;padding:14px 20px;font-weight:400;text-align:center;border:1px solid #ddd;border-bottom:1px solid #ddd;background: #ffff;vertical-align: middle;} #contain #design table tbody td{font-size:16px;color:#666;padding:14px 20px;text-align:center;border:1px solid #ddd;border-bottom:1px solid #ddd;vertical-align: middle;} #contain #design table tbody td:first-child{border-left:0} #contain #design table tbody td:last-child{border-right:0} #contain #design table tbody th:first-child{border-left:0} #contain #design table tbody th:last-child{border-right:0;background-color:#fbfbfb} #contain #design table tbody tr:first-child th, #contain #design table tbody tr:first-child td{border-top:1px solid #ddd;} #contain #design table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fff} #contain #design table tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f4f5f8} #contain #design table tfoot td{padding:8px 10px;text-align:center;border:1px solid #ddd;border-bottom:1px solid #ddd;border-top: 3px double #999;background-color:#f8f8f8} #contain #design table tfoot td:first-child{border-left:0} #contain #design table tfoot td:last-child{border-right:0} #contain #design table tfoot th:first-child{border-left:0} #contain #design table tfoot th:last-child{border-right:0} #contain #design table tfoot td.tal{text-align:left} #contain #design table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} #contain #design table tbody td.subject{text-align:left} #contain #design table tbody td.subject a:hover{color:#000;text-decoration:underline} #contain #design table tbody th.item, #contain #design table tbody td.item{background:#f9f9f9;border-bottom:1px solid #ddd;text-align:center;} #contain #design table tbody td.item.ta_left{background:none;color:#333;} #contain #design table tbody td.item span.red{vertical-align:middle;} #contain #design table tbody td span.poss {color:#ff5d65;font-weight:bold} #contain #design table tbody td span.noposs {color:#666;font-weight:normal} #contain #design table tbody td .dtnum{display:block;position:relative;line-height: 1.1em;} #contain #design table tbody td .new{font-size:11px;font-weight:800;color:#c00} #contain #design table tbody td .btn_zip{padding:0 7px;height:25px;font-size:12px;letter-spacing:-1px;color:#fff !important;border:1px solid #333;background:#777 !important;cursor:pointer} #contain #design table tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer} #contain #design table tbody td span.info { padding:0 3px;} #contain #design table tbody td .line_h {line-height:30px;} /**/ #contain #design table.tstyle1 {width:100%;border-collapse:collapse;border-top:1px solid #333;letter-spacing: -0.4px;} #contain #design table.tstyle1 caption{font-size:0;line-height: 0;height: 0;} #contain #design table.tstyle1 thead th{padding:20px 10px;line-height:15px;font-size:16px;font-weight:400;text-align:center;color:#333;border-left:none;border-right:none;border-bottom:1px solid #ddd;background:#f9f9f9;} #contain #design table.tstyle1 thead th:first-child{border-left:0} #contain #design table.tstyle1 thead tr{background-color:#fff} #contain #design table.tstyle1 tbody tr{} #contain #design table.tstyle1 tbody th{font-size:16px;color:#333;padding:17px 10px;font-weight:400;text-align:center;border-left:0;border-right:0;border-bottom:1px solid #ddd;background: #ffff;vertical-align: middle;} #contain #design table.tstyle1 tbody td{font-size:16px;color:#666;padding:17px 10px;text-align:center;border-left:0;border-right:0;border-bottom:1px solid #ddd;vertical-align: middle;} #contain #design table.tstyle1 tbody td:first-child{border-left:0} #contain #design table.tstyle1 tbody td:last-child{border-right:0} #contain #design table.tstyle1 tbody th:first-child{border-left:0} #contain #design table.tstyle1 tbody th:last-child{border-right:0;background-color:#fbfbfb} #contain #design table.tstyle1 tbody tr:first-child th, #contain #design table.tstyle1 tbody tr:first-child td{border-top:1px solid #aaa;} #contain #design table.tstyle1 tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} #contain #design table.tstyle1 tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border-bottom:1px solid #cacaca;background-color:#f4f5f8} #contain #design table.tstyle1 tfoot td{padding:8px 10px;text-align:center;border-bottom:1px solid #cacaca;border-top: 3px double #999;background-color:#f8f8f8} #contain #design table.tstyle1 tfoot td:first-child{border-left:0} #contain #design table.tstyle1 tfoot td:last-child{border-right:0} #contain #design table.tstyle1 tfoot th:first-child{border-left:0} #contain #design table.tstyle1 tfoot th:last-child{border-right:0} #contain #design table.tstyle1 tfoot td.tal{text-align:left} #contain #design table.tstyle1 tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} #contain #design table.tstyle1 tbody td.subject{text-align:left} #contain #design table.tstyle1 tbody td.subject a:hover{color:#000;text-decoration:underline} #contain #design table.tstyle1 tbody th.item, #contain #design table.tstyle1 tbody td.item{background:#f9f9f9;border-bottom:1px solid #cacaca;text-align:center;} #contain #design table.tstyle1 tbody td.item span.red{vertical-align:middle;} #contain #design table.tstyle1 tbody td span.poss {text-indent:-9999px;} #contain #design table.tstyle1 tbody td span.noposs {color:#666;font-weight:normal} #contain #design table.tstyle1 tbody td .dtnum{display:block;position:relative;line-height: 1.1em;} #contain #design table.tstyle1 tbody td .new{font-size:11px;font-weight:800;color:#c00} #contain #design table.tstyle1 tbody td .btn_zip{padding:0 7px;height:25px;font-size:12px;letter-spacing:-1px;color:#fff !important;border:1px solid #333;background:#777 !important;cursor:pointer} #contain #design table.tstyle1 tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer} #contain #design table.tstyle1 tbody td span.info { padding:0 3px;} #contain #design table.tstyle1 tbody td .line_h {line-height:30px;} #contain #design table.tstyle1 tbody td a {color:#666;transition:all 0.2s} #contain #design table.tstyle1 tbody td a:hover {color:#ff5e66 !important;text-decoration:underline;} #contain #design table.tstyle1 tbody td .st_check {font-size:16px;color:#c4a27c}/*확인중*/ #contain #design table.tstyle1 tbody td .st_cancel {font-size:16px;color:#aaa}/*예약취소*/ #contain #design table.tstyle1 tbody td .st_ok {font-size:16px;color:#ff5d65;text-decoration:underline}/*예약확정*/ #contain #design table.tstyle1 tbody td .st_apply {font-size:16px;color:#666}/*신청중*/ /**/ #contain #design table.tstyle2{width:100%;border-collapse:collapse;border-top:none;letter-spacing: -0.4px;} #contain #design table.tstyle2 caption{font-size:0;line-height: 0;height: 0;} #contain #design table.tstyle2 thead th{padding:20px 10px;line-height:15px;font-size:16px;font-weight:400;text-align:center;color:#333;border-left: 0;border-right: 0;background:#f9f9f9;} #contain #design table.tstyle2 thead th:first-child{border-left:0} #contain #design table.tstyle2 thead tr{background-color:#fff} #contain #design table.tstyle2 tbody tr{} #contain #design table.tstyle2 tbody th{font-size:16px;color:#333;padding:15px 20px;font-weight:400;text-align:center;border-bottom:1px solid #ddd;background: #ffff;border-left: 0;border-right: 0;vertical-align: middle;} #contain #design table.tstyle2 tbody td{font-size:16px;color:#666;padding:15px 20px;text-align:center;border-bottom:1px solid #ddd;border-left: 0;border-right: 0;vertical-align: middle;} #contain #design table.tstyle2 tbody td .flex_box{display: flex;align-items: center;} #contain #design table.tstyle2 tbody td .flex_box .txt{margin-left:10px;} #contain #design table.tstyle2 tbody td .flex_box .txt p{font-size: 16px;color:#fe5d65;position: relative;line-height: 1.5;word-break: keep-all;} #contain #design table.tstyle2 tbody td:first-child{border-left:0} #contain #design table.tstyle2 tbody td:last-child{border-right:0} #contain #design table.tstyle2 tbody th:first-child{border-left:0} #contain #design table.tstyle2 tbody th:last-child{border-right:0;background-color:#fbfbfb} #contain #design table.tstyle2 tbody tr:first-child th, #contain #design table.tstyle2 tbody tr:first-child td{border-top:1px solid #333;} #contain #design table.tstyle2 tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} #contain #design table.tstyle2 tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f4f5f8} #contain #design table.tstyle2 tfoot td{padding:8px 10px;text-align:center;border-bottom:1px solid #cacaca;border-top: 3px double #999;background-color:#f8f8f8} #contain #design table.tstyle2 tfoot td:first-child{border-left:0} #contain #design table.tstyle2 tfoot td:last-child{border-right:0} #contain #design table.tstyle2 tfoot th:first-child{border-left:0} #contain #design table.tstyle2 tfoot th:last-child{border-right:0} #contain #design table.tstyle2 tfoot td.tal{text-align:left} #contain #design table.tstyle2 tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} #contain #design table.tstyle2 tbody td input[type=button] {height:34px;line-height:34px;padding:0 12px;border:none;background:#888;color:#fff;font-size:14px;text-align:center;} #contain #design table.tstyle2 tbody td span.stxt {font-size:14px;color:#aaa;padding-left:8px;} #contain #design table.tstyle2 tbody td.subject{text-align:left} #contain #design table.tstyle2 tbody td.subject a:hover{color:#000;text-decoration:underline} #contain #design table.tstyle2 tbody th.item, #contain #design table.tstyle2 tbody td.item{background:#f9f9f9;color:#333} #contain #design table.tstyle2 tbody td.item span.red{vertical-align:middle;} #contain #design table.tstyle2 tbody td.item span.pink{vertical-align:middle;font-weight:bold;color:#ff5d65} #contain #design table.tstyle2 tbody td span.poss {text-indent:-9999px;} #contain #design table.tstyle2 tbody td span.noposs {color:#666;font-weight:normal} #contain #design table.tstyle2 tbody td a {color:#666;transition:all 0.2s} #contain #design table.tstyle2 tbody td a:hover {color:#ff5e66;} #contain #design table.tstyle2 tbody td .st_check {font-size:16px;color:#c4a27c}/*확인중*/ #contain #design table.tstyle2 tbody td .st_cancel {font-size:16px;color:#aaa}/*예약취소*/ #contain #design table.tstyle2 tbody td .st_ok {font-size:16px;color:#ff5d65;text-decoration:underline}/*예약확정*/ #contain #design table.tstyle2 tbody td .st_apply {font-size:16px;color:#666}/*신청중*/ #contain #design .comment {font-size:15px;margin-bottom:10px;} #contain #design .chart_chk {padding: 0 0 10px;margin-bottom: 40px;border-bottom: 3px double #3c6ccd;text-align:center;font-size: 14px;} /**/ #contain #dkboard .dk_table table *{margin:0;padding:0;border:0;list-style-type:none;font-size:16px;color:#666} #contain #dkboard .dk_table table{width:100%;border-collapse:collapse;border-top:1px solid #333; border-bottom: 1px solid #ddd;} #contain #dkboard .dk_table table caption{font-size: 0;line-height: 0;height: 0;} #contain #dkboard .dk_table table tbody tr:hover { background:#fafafa;} #contain #dkboard .dk_table table tbody tr:hover td[scope=row] { background:#fafafa;} #contain #dkboard .dk_table table tbody tr.notice td {border-bottom:1px solid #c5d7e0;background:#f3f3f1} #contain #dkboard .dk_table table thead th{padding:20px 10px 20px 10px;line-height:15px;font-size:16px;font-weight:400;text-align:center;color:#333;border-bottom:1px solid #ddd; position:relative;background:#f9f9f9;} #contain #dkboard .dk_table table thead th.mo_none {} #contain #dkboard .dk_table table tbody td{padding:17px 10px; font-size:16px;color:#666;text-align:center;border-bottom:1px solid #ddd;} /*#contain #dkboard .dk_table table tbody td[scope=row] span{display:block;width:36px;color:#fff;height:20px;background:#333;margin:0 auto;font-size:12px;line-height:20px;text-align:center;border-radius:4px} #contain #dkboard .dk_table table tbody td[scope=row] span.bt-content{display:inline;background:none;color:#2285ce;font-family:arial;font-size:13px;font-weight:400} */ #contain #dkboard .dk_table table tbody td a{padding: 2px;line-height:15px;font-size:13px;color:#333} #contain #dkboard .dk_table table tbody td a.company{display:block;padding:7px 0 0 30px;font-size:16px;color:#000;background:url(/uploads/drh/front/img/ico_company.png) no-repeat 0 50%} #contain #dkboard .dk_table table tbody td img{vertical-align:middle} #contain #dkboard .dk_table table tbody td ul{text-align:left} #contain #dkboard .dk_table table tbody td li{font-size:15px;line-height:20px;color:#333} #contain #dkboard .dk_table table tbody td.subject{text-align:left; padding-top:20px;} #contain #dkboard .dk_table table tbody td.subject div{position:relative;padding:5px 0;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #contain #dkboard .dk_table table tbody td.subject a{display:inline-block;padding:0 !important;font-size:16px;font-weight:normal;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height: 16px;transition:0.2s;} #contain #dkboard .dk_table table tbody td.subject a:hover { color:#ff5d65;} #contain #dkboard .dk_table table tbody td.subject span{font-size:11px;font-weight:800} #contain #dkboard .dk_table table tbody td.subject span img{} #contain #dkboard .dk_table table tbody td.subject .new{display:inline-block;top:2px;width:30px;height:15px;background:url(/uploads/drh/front/img/ico_new.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align:top !important;} #contain #dkboard .dk_table table tbody td.subject .secret{display:inline-block;top:2px;width:17px;height:17px;background:url(/uploads/drh/front/img/ico_secret.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden;} #contain #dkboard .dk_table table tbody td.subject .reply{display:inline-block;position:relative;left:-2px;padding:0 0 0 36px; background:url(/uploads/drh/front/img/ico_reply.png) no-repeat 22px 3px;text-indent:-9999em;overflow:hidden;width: 1px;} #contain #dkboard .dk_table table tbody td.subject .list_reply{color:#aa6801} #contain #dkboard .dk_table table tbody td.subject notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0} #contain #dkboard .dk_table table tbody td div.tac{padding:100px 0} #contain #dkboard .dk_table table tbody td .this{font-size:12px;color:#ff5d65} #contain #dkboard .dk_table table tbody td .notice{font-size:12px;color:#ff5d65} #contain #dkboard .dk_table table tr:first-child td{background:url(/uploads/drh/front/img/board/table_td.png) repeat-x 0 0} #contain #dkboard .dk_table table tr th:last-child{border-right:0} #contain #dkboard .dk_table table tr td:last-child{border-right:0} #timUser{display:block;overflow:hidden} #timUser .userNum{float:left;display:block;width:20%;padding:4px 0} /**/ #contain #design .nocontent{color:#fff;/*border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;clear:both;padding:180px 0 100px 0;font-size:16px !important;font-weight:400;text-align:center;background:url(/uploads/drh/front/img/nocontent.png) no-repeat 50% 40%*/} /**/ #dkboard .dk_tabmenu{padding-bottom:30px} #dkboard .dk_tabmenu ul{height: 50px;border-bottom:1px solid #b0b0b0;box-sizing: border-box;} #dkboard .dk_tabmenu li{float:left} #dkboard .dk_tabmenu li a{display:block;padding:0 30px;height:50px;line-height:50px;text-align:center;box-sizing: border-box;} #dkboard .dk_tabmenu li a strong{font-size:17px;font-weight:400;color:#757575;} #dkboard .dk_tabmenu li a:hover strong {color:#1850c2;font-weight: 600;} #dkboard .dk_tabmenu li a.sel{letter-spacing:0px;color:#000;border-bottom: 3px solid #1850c2;background:#fff} #dkboard .dk_tabmenu li a.sel strong{font-weight:600;color:#1850c2} /**/ #dkboard .dk_fieldset{position:relative} #dkboard .dk_fieldset fieldset{position:relative;margin:0 80px 30px 80px;padding:20px 0 0 0;border:1px solid #d9d9d9} #dkboard .dk_fieldset fieldset legend{display:none} #dkboard .dk_fieldset .type{position:relative;} #dkboard .dk_fieldset .type:before, #dkboard .dk_fieldset .type:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_fieldset .type label{display:block;margin:0 20% 5px 20%;line-height:25px} #dkboard .dk_fieldset .type label strong{position:absolute;top:0;left:10%;line-height:25px;font-size:14px;font-weight:400} #dkboard .dk_fieldset .type label span{display:block;border:1px solid #ccc} #dkboard .dk_fieldset .type label input{padding:5px 0;width:100%;text-indent:10px} #dkboard .dk_fieldset .type label select{padding:5px;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-top:15px;} #design .dk_content .content {font-size:16px;} #design .dk_view:before, #design .dk_view:after{clear:both;display:table;content:"";line-height:0} #design .dk_view h2{position:relative;z-index:2;padding:17px 0;font-size:17px;text-align:center;border-top:1px solid #333;border-bottom:1px solid #ddd;margin-bottom:0;font-weight: 400;background:#f9f9f9 !important;} #design .dk_view h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9} #design .dk_view dl{float:left;height:56px;line-height:56px;position:relative;width:50%;border-bottom:1px solid #ddd;background:#fff;overflow:hidden;padding:0;margin:0} #design .dk_view dl.bd_right_line {text-align:right} #design .dk_view dl.bd_right_line dd {padding-right:20px;} #design .dk_view dl.bd_right {text-align:right} #design .dk_view dl.bd_right dt {display: inline-block;font-size: 14px;font-weight: 400;overflow: hidden;text-indent:0;color: #888;padding:0;margin-right: 12px;background:none;} #design .dk_view dl.bd_right dd {padding-right:20px;} #design .dk_view dl.bd_right dd.line {padding-right: 12px;margin-right: 10px;background: url(/uploads/drh/front/img/gall_line.png) no-repeat right 50%;} #design .dk_view dl.add1 {width:100%;} /*#design .dk_view dl:before{width:100px;height:1000px;position:absolute;background:#fafafa;display:block;content:"";left:0;top:0}*/ #design .dk_view dl.lik{width:100%;min-height:40px;border-top:1px solid #ddd;margin-top:-1px;vertical-align:middle} #design .dk_view dl.add{width:100%;min-height:40px;border-top:1px solid #ddd;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;font-size: 14px;font-weight: 400;/* padding: 9px 0; */overflow: hidden;text-indent: 18px;color: #888;padding-right: 13px;margin-right: 10px;background: url(/uploads/drh/front/img/gall_line.png) no-repeat right 50%;} #design .dk_view dd{display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;color: #888;} #design .dk_view dd a {display:block;} #design .dk_view dd a img {vertical-align:middle;} #design .dk_view dd span.btn {display:inline-block;margin-left:16px;padding: 0;} #design .dk_view dd span.btn a {display:inline-block;color:#333;padding:0 10px;height:30px;line-height:30px;border:1px solid #ccc;border-radius:30px} #design .dk_view dd span.btn a:hover {text-decoration:underline;} #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{font-size:16px;clear:both;position:relative;z-index:2;top:-1px;padding:20px;min-height:300px;background:none!important;width:auto !important;border-top:0px solid #ddd;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(/uploads/drh/front/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(/uploads/drh/wdBoard/img/alz.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.bmp{background:url(/uploads/drh/wdBoard/img/bmp.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.doc{background:url(/uploads/drh/wdBoard/img/doc.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.gif{background:url(/uploads/drh/wdBoard/img/gif.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.hwp{background:url(/uploads/drh/wdBoard/img/hwp.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.jpg{background:url(/uploads/drh/wdBoard/img/jpg.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.pdf{background:url(/uploads/drh/wdBoard/img/pdf.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.png{background:url(/uploads/drh/wdBoard/img/png.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.ppt{background:url(/uploads/drh/wdBoard/img/ppt.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.xls{background:url(/uploads/drh/wdBoard/img/xls.gif) no-repeat 0 3px} /**/ #dkboard .dk_detail{margin-bottom:20px;} #dkboard .dk_detail:before, #dkboard .dk_detail:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_detail *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_detail h2{margin:10px 0 30px;padding:20px 30px;font-size:16px;color:#0473ba;border-top:2px solid #0473ba;border-bottom:1px solid #0473ba;background:#fff} #dkboard .dk_detail h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9} #dkboard .dk_detail table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_detail table{width:100%;border-collapse:collapse;border-top:1px solid #ccc} #dkboard .dk_detail table caption{font-size: 0;line-height: 0;height: 0;} #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:34px;border:1px solid #ddd;background:#fff;box-sizing:border-box;appearance:none;-webkit-appearance:none;border-radius:0;line-height:30px;font-size:14px;font-family:inherit} /**/ #dkboard .faqlist *{margin:0;padding:0;list-style-type:none} #dkboard .faqlist li{padding:20px 0;border-bottom:1px solid #ccc} #dkboard .faqlist li dl{padding:10px 0;position:relative} #dkboard .faqlist li dt{position:absolute;top:10px;left:0} #dkboard .faqlist li dt strong{font-size:24px;font-family:Arial, Helvetica, sans-serif} #dkboard .faqlist li dd{padding-left:40px} #dkboard .faqlist li dd br{display:none} /**/ #dkboard .prevnext{padding-bottom:12px} #dkboard .prevnext *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #dkboard .prevnext ul{border-top:1px solid #ccc} #dkboard .prevnext li{position:relative;padding:0px 90px 0 110px; height:44px; border:1px solid #ccc; border-top:0;} #dkboard .prevnext li strong{position:absolute;top:0;left:0; width:90px; background:#fafafa; height:43px; line-height:43px; font-size:13px; border-right:1px solid #ccc; text-align:center;display:block;color:#555;} #dkboard .prevnext li p{color:#999; line-height:44px;} #dkboard .prevnext li a {display:block; height:44px; line-height:44px; padding-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #dkboard .prevnext li a:hover { color:#ff5e66;} #dkboard .prevnext li span{position:absolute;top:11px;right:18px;display:block;color:#999} /**/ #dkboard .dk_pass{} #dkboard .dk_pass .box{width:860px;margin:0 auto;border:20px solid #f5f5f5;padding:90px 0;text-align:center;} #dkboard .dk_pass .box input.pass_input {display:block;width:340px;height:50px;line-height:50px;margin:0 auto;border:1px solid #ddd;} #dkboard .dk_pass .box input.pass_input::placeholder {font-size:16px;color:#aaa} #dkboard .dk_pass .box span {display:inline-block;font-size:16px;margin-bottom:16px;color:#333} /**/ #design .dk_title{position:relative;z-index:10;padding:15px 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} #design .dk_title .dk_search{padding:21px 0;background:#f9f9f9;text-align:center;margin-bottom:40px;} /**/ #design .dk_search{position:relative;} #design .dk_search:before, #design .dk_search:after{clear:both;display:table;content:"";line-height:0} #design .dk_search fieldset{} #design .dk_search fieldset legend{display:none} #design .dk_search fieldset select{display:inline-block;min-width:100px;margin:0 5px 0 0;padding:3px;height:34px;line-height:34px;font-size:14px;font-weight:400;color:#666;border:1px solid #ddd;background:#fff} /*_::-moz-svg-foreign-content, :root #design .dk_search fieldset select{line-height:19px !important}*/ #design .dk_search fieldset label{width:0;height:0;font-size:0;line-height:0;overflow:hidden;position:absolute;left:0;top:0;/*float:left;padding:0 10px 0 0;vertical-align: middle;*/} #design .dk_search fieldset input{display:inline-block;min-width:260px;margin:0 5px 0 0;padding:0 5px;height:34px;line-height:34px;font-size:14px;color:#666;border:1px solid #ddd;} #design .dk_search fieldset button{width:80px;padding:0 14px;height:34px;font-size:14px;color:#fff;border:0;background:#777;vertical-align: bottom;} #design .dk_search p{position:absolute;top:-65px;right:0} #design .dk_search p a{display:block;padding:5px 25px;font-weight:400;color:#fff;border:1px solid #c62337;background:#c62337;border-radius:0px} #design .comm{position:relative} #design .comm h3{float:none;font-size:13px;padding-bottom:0;} #design .comm h3:before { display:none;} #design .comm .sett{position:absolute;z-index:10;top:12px;right:0} /**/ #design .dk_paging{padding:0 0 10px 0;text-align:center} #design .dk_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #design .dk_paging .paging{padding:20px 0} #design .dk_paging .paging span span{color:#2d4594;font-size:11px;display:none} #design .dk_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000} #design .dk_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5} #design .dk_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:0px solid #ccc} #design .dk_paging .prev{display:inline-block;font-size:11px;color:#888;border-left:1px solid #ccc} #design .dk_paging .next{display:inline-block;font-size:13px;color:#888;border-right:1px solid #ccc} #design .dk_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:0px solid #ccc} #design #sg_paging{padding:0 0 10px 0;text-align:center} #design #sg_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #design #sg_paging .paging{padding:20px 0} #design #sg_paging .paging span span{color:#2d4594;font-size:11px;display:none} #design #sg_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000} #design #sg_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5} #design #sg_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:0px solid #ccc} #design #sg_paging .prev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:1px solid #ccc} #design #sg_paging .next{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:1px solid #ccc} #design #sg_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:0px solid #ccc} /**/ #design .dk_button{padding:20px 0;text-align:right} #design .dk_button *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px} #design .dk_button a{display:inline-block;padding:6px 20px 8px;font-size:15px;color:#fff;border:1px solid #ff5e66;background:#ff5e66;} #design .dk_button button{display:inline-block;padding:5px 20px;font-size:15px;color:#fff;border:1px solid #ff5e66;background:#ff5e66;} /*.line*/ #design .line {display:block;} /**/ #gallery_wrap{clear:both;overflow:hidden;margin:0;padding-bottom:12px;} #gallery_wrap .gallery_list{float:left;width:270px;margin-right:40px;padding-bottom:44px} #gallery_wrap .gallery_list.last {margin-right: 0;} #gallery_wrap > div:nth-child(4n) {margin-right: 0;} #gallery_wrap .image_bagic{background:#fff;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:270px;width:270px;overflow:hidden;background:url(/uploads/drh/front/img/gall_no_img.png) no-repeat center center;} #gallery_wrap .image_bagic a img{width:100%;max-width:100%;min-height:270px;margin:0 auto;display:inline-block;height:auto;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_top{position:relative} #gallery_wrap .gallery_top > img{position:absolute;top:5px;left:10px} #gallery_wrap .gallery_top dl{padding-top:18px;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:16px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all 0.2s} #gallery_wrap .gallery_top dd{line-height:20px} #gallery_wrap .gallery_top dd br { display:none;} #gallery_wrap .gallery_top .write{font-size:14px;color:#999;font-weight:normal;padding-right:10px;margin-right:10px;background:url(/uploads/drh/front/img/gall_line.png) no-repeat right 50%;} #gallery_wrap .gallery_top .date{font-size:14px;color:#999} #gallery_wrap .gallery_top .view_count{font-size:12px;color:#888} #gallery_wrap .gallery_list:hover .image_bagic{} #gallery_wrap .gallery_list:hover .gallery_top dl {} #gallery_wrap .gallery_list:hover .gallery_top dt a { color:#ff5d65;} /**/ #gallery_doc_wp{clear:both;overflow:hidden;margin:0 -7px;padding-bottom:12px;} #gallery_doc_wp .gallery_doc_list{float:left;width:23%;margin-right: 2%;padding-bottom:44px} #gallery_doc_wp .gallery_doc_list.last {margin-right: 0;} #gallery_doc_wp > div:nth-child(4n) {margin-right: 0;} #gallery_doc_wp .image_bagic{background:#fff;text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_doc_wp .image_bagic a{display:block;height:382px;width:270px;overflow:hidden;background:#f4f4f1} #gallery_doc_wp .image_bagic a img{width:100%;max-width:100%;min-height:270px;margin:0 auto;display:inline-block;height:auto;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_doc_wp .gallery_doc_top{position:relative} #gallery_doc_wp .gallery_doc_top > img{position:absolute;top:5px;left:10px} #gallery_doc_wp .gallery_doc_top dl{padding-top:18px;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_doc_wp .gallery_doc_top dt a{display:block;padding:0 0 3px 0;font-weight:normal;font-size:16px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all 0.2s} #gallery_doc_wp .gallery_doc_top dd{line-height:20px} #gallery_doc_wp .gallery_doc_top dd br { display:none;} #gallery_doc_wp .gallery_doc_top .write{font-size:14px;color:#999;font-weight:normal;padding-right:10px;margin-right:10px;background:url(/uploads/drh/front/img/gall_line.png) no-repeat right 50%;} #gallery_doc_wp .gallery_doc_top .date{font-size:15px;color:#999} #gallery_doc_wp .gallery_doc_top .view_count{font-size:12px;color:#888} #gallery_doc_wp .gallery_doc_list:hover .image_bagic{} #gallery_doc_wp .gallery_doc_list:hover .gallery_doc_top dl {} #gallery_doc_wp .gallery_doc_list:hover .gallery_doc_top dt a { color:#ff5d65;} /* gallery_tv */ #gallery_wrap.gallery_tv {} #gallery_wrap.gallery_tv .gallery_list {width: 31.33333%;margin: 0 1%;} #gallery_wrap.gallery_tv .gallery_list:nth-child(3n-2) {margin-left: 0;} #gallery_wrap.gallery_tv .gallery_list:nth-child(3n) {margin-right: 0;} #gallery_wrap.gallery_tv .image_bagic a {position: relative;width: 100%;height: 0;padding-top: 56.25%;} #gallery_wrap.gallery_tv .image_bagic a img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;min-height: auto;} /**/ #dk_book{} #dk_book .dk_book{margin:0 -10px;overflow:hidden;} #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%;background:url(/uploads/drh/front/img/recom_table.png) no-repeat 50% 170px} #dk_book .dk_book .webzine dl{margin:0 30px;padding:20px 30px;border:0px solid #cacaca;} #dk_book .dk_book .webzine dl:before, #dk_book .dk_book .webzine dl:after{clear:both;display:table;content:"";line-height:0} #dk_book .dk_book .webzine dt{float:left;width:36%} #dk_book .dk_book .webzine dt a {display: block;width: 100%;} #dk_book .dk_book .webzine dt img{display:block;padding:4px;width:98px;height:140px;margin-left:12px;border:1px solid #dedede} #dk_book .dk_book .webzine dd{float:left;width:56%} #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:5px 0 0 0;min-height:110px;height:110px} #dk_book .dk_book .webzine dd li{color:#555;white-space:nowrap;overflow:hidden} #dk_book .dk_book .webzine dd li span{display:inline-block;font-size:13px;color:#060} #dk_book .dk_book .webzine dd li em{padding:0 2px} #dk_book .dk_book .webzine .content{margin:28px 0 0 -97px;height:40px;line-height:20px;font-size:13px;color:#888;overflow:hidden} #dk_book .dk_book .more{display:none;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;} #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(/uploads/drh/front/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;} #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:25%} #dk_gallery .dk_gallery .theme dl{margin:0 10px 20px 10px;padding:10px;min-height:180px;height:180px;border:1px solid #cacaca;} #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:120px} #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:120px;overflow:hidden;background:url(/uploads/drh/front/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("/uploads/drh/front/img/pro_content/list_title_line.gif") no-repeat 50px 0.6em} #program div.subject_a span.head{float:left;width:50px;background:url("/uploads/drh/front/img/common/bullet_list01.gif") no-repeat 0 0.7em;padding:7px 0 0 10px;font-weight:600} #program div.subject_a input{width:470px;height:17px;border:1px solid #d3d3d3} /* #program .sitemap_con {overflow:hidden;padding-bottom: 40px;} #program .sitemap_con:last-child {padding-bottom: 0;} #program .group{float:left;width: 23.5%;margin: 0 1%;} #program .group:nth-child(4n-3) {margin-left: 0;} #program .group:nth-child(4n) {margin-right: 0;} #program .group h2{padding: 12px 0;margin-bottom:10px;font-size: 18px;font-weight:600;color:#333;text-align:center;border:1px solid #ccc;border-bottom: 4px solid #184bb2;background:#fff;} #program .group > ul{} #program .group > ul > li > a{display:block;padding: 10px 5px;font-size:15px;font-weight:normal;letter-spacing:-1px;color:#555;border-bottom:1px solid #e2e2e2} #program .group > ul > li > a:hover{color:#000} #program .group > ul ul{margin:0;padding:6px 7px;border-bottom:1px solid #eee;background:#fafafa} #program .group > ul ul li{padding:3px 0} #program .group > ul ul li a{padding:0;padding-left:12px;font-size:12px;font-weight:normal;border:none} */ /**/ .answer_box { position:relative; z-index:2; padding:15px; background:#f6f6f6;border-bottom:1px solid #d2d2d2; overflow:hidden;} .answer_box h4 { } .answer_box .answer_contents { padding:10px 0 15px 0; } .answer_box span { font-size:11px; color:#777;} /*********** 덧글 영역 ************/ div.sg_reply{width:100%} div.sg_reply .writing{background: url(/uploads/drh/front/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 170px;min-height:26px;border-bottom:1px solid #ddd;overflow:hidden} #wd_print .row_input:before {position: absolute;top: 0;left: 0;padding: 5px 0;width: 150px;height: 100%;line-height: 20px;font-weight: 400;letter-spacing: -1px;color: #333;content: attr(data-th);background: #f9f9f9;text-indent: 10px;overflow: hidden;} #wd_print .row_input *{font-size: 16px !important;font-weight: 400;color:#333;letter-spacing:-1px} #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:400;text-align:left;white-space:nowrap;color:#464646} #wd_print .row_input span.required{position:absolute;top:10px;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 #ddd} 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(/uploads/drh/front/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;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(/uploads/drh/front/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{} #program .login .heading {} #program .login form{margin:0 auto;padding:50px 0;} #program .login fieldset{position:relative;margin:0 auto;width:60%;} #program .login fieldset ul{padding-right: 130px;box-sizing: border-box;} #program .login fieldset ul li {position:relative;padding-left: 50px;margin: 2px 0;border: 1px solid #ddd;} #program .login fieldset label.id, #program .login fieldset label.pw{position:absolute;top: 0;left: 0;display:block;width:45px;height:45px;text-indent:-9999px;} #program .login fieldset label.id{background:#fff url(/uploads/drh/front/img/login_icon_id.png) no-repeat 50% 50%} #program .login fieldset label.pw{background:#fff url(/uploads/drh/front/img/login_icon_pw.png) no-repeat 50% 50%} #program .login fieldset input{width: 100%;padding: 3px 10px;height:45px;background:#fff;font-size:14px;border: 0;} /*#program .login fieldset input:-webkit-autofill{background-color:rgb(255, 255, 255) !important;background-image:none}*/ #program .login fieldset button{position:absolute;top:0;right:0;width:120px;height:96px;font-size: 18px;font-weight:600;letter-spacing: -1px;color:#fff;border:0;background:#555;border-radius:2px;transition:0.3s;cursor:pointer} /*#program .login fieldset button:before{content:"\e83e";display:block;font-size:24px;font-weight:700;text-align:center} #program .login fieldset button:after{content:"LOGIN";display:block;font-size:16px;font-weight:700;text-align:center}*/ #program .login fieldset button:hover{color:#fff;background:#ff6700;transition:0.3s} #program .login fieldset input[type=checkbox].chk{width:15px;height:15px;background:#fff !important;border:1px solid #cfcfcf;border-radius:0;appearance:none !important;margin-top:3px} #program .login fieldset label.chk01{font-size:13px;color:#555} #program .login form p{text-align:center;padding-top:18px} #program .login form p a{padding:0 12px} #program .login form p a:hover{text-decoration:underline} #program .login .find{padding: 20px;margin-bottom: 10px;text-align:center;font-size:17px;font-weight:400;color:#000;background: #f4f4f4;} #program .login .find a{display:inline-block;padding: 2px 5px;margin: 0 3px;color:#fff;background:#184bb2;border-radius:2px;vertical-align:middle;} #program .login .dashed{padding-top:10px} #program .login .login_guide{} #program .login .login_guide li{background:url(/uploads/drh/front/img/dp2.png) no-repeat 0 12px;font-size:14px;color:#555;padding: 5px 0 5px 12px;} /*동의*/ #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: #fff; } #design .pri_box .scr_box .txt_box { margin-top: 0 !important; } #design .pri_box .scr_box .txt_box > dl, .pri_box .scr_box .txt_box > ul {margin-bottom:16px;} #design .pri_box .scr_box .txt_box > dl dt, #design .pri_box .scr_box .txt_box > dl dd {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #design .pri_box .scr_box .txt_box > ul li { margin-top: 10px;} #design .pri_box .radio_box { float: right; } #design .agree_box {margin-top: 10px;} #design .radio_box, #design .check_box { 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; } /**/ #program span.line {display: block;color: inherit !important;font-size: inherit !important;} /*버튼*/ .btn{ cursor:pointer; vertical-align:middle; touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .button {text-align:center;} .btn {display:inline-block;padding: 3px 10px;border-radius: 3px;font-size: 14px;vertical-align:middle;} .btn_sm {display:inline-block;width:150px;height:40px;line-height:40px;box-sizing:border-box;text-align:center;font-size: 14px;letter-spacing: -0.4px;vertical-align:middle;} .btn_mid {display:inline-block;width:150px;height:40px;line-height:40px;box-sizing:border-box;text-align:center;font-size: 14px;letter-spacing: -0.4px;vertical-align:middle;} .btn_big {display:inline-block;width:160px;height:54px;line-height:54px;box-sizing:border-box;text-align:center;font-size: 16px;letter-spacing: -1px;vertical-align:middle;} .down_btn {margin-left: 5px;} .btn_blue {background: #184bb2;color: #fff !important;} .btn_orange {background: #fc7817;color:#000;} .btn_green {background: #218268;color: #fff !important;} .btn_black {background: #333;color: #fff;} .btn_white {background: #fff;border: 1px solid #ddd;color:#333;box-sizing: border-box;} .btn_pink {background: #fe5d65 !important;color:#fff !important;border: 0;} .btn_violet {background: #472881;color:#fff;} .btn_red {background: #c93338;color:#fff;} .btn_yellow {background: #d1b698;color: #fff;} .btn_gray {background: #888;color:#fff !important;} .btn_lightgray {background: #f2f2f2;border: 1px solid #cecece;color:#000;} .btn_style1 {display:inline-block;width:180px;height:50px;line-height:50px;background:#fff;border:1px solid #ccc;box-sizing:border-box;text-align:center;font-size: 16px;color:#666;letter-spacing: -0.5px;transition:all 0.3s;margin-right:10px;float:left;} .btn_style1:hover {background:#d1b698;color:#fff;border:1px solid #d1b698;} .btn_style2 {display:inline-block;width:180px;height:50px;line-height:50px;background:#fff;border:1px solid #ccc;box-sizing:border-box;text-align:center;font-size: 16px;color:#666;letter-spacing: -0.5px;transition:all 0.3s;float:left;margin-right:10px;} .btn_style2:hover {background:#fe5d65;color:#fff;border:1px solid #fe5d65;} .btn_style2.btn_video {padding-left: 30px;background-image: url(/uploads/drh/front/img/p_video.png);background-repeat: no-repeat;background-position: 25px 50%;background-size: auto 25px;} .btn_style2.btn_video:hover {background-image: url(/uploads/drh/front/img/p_video_on.png);} .btn_area {padding-top:50px;} .btn_area button {display:inline-block;margin-right:5px;} .down_btn_wp {margin-top:30px;} .down_btn_wp .down {display:inline-block;height:50px;line-height:50px;font-size:16px;color:#fff;margin-right:10px;padding: 0 28px 0 52px;background:#ff5d65 url(/uploads/drh/front/img/icon_down.png) no-repeat 25px 50%;} .go_btn_wp {margin-top:30px;} .go_btn_wp .go_btn {display:inline-block;height:50px;line-height:50px;font-size:16px;color:#fff;margin-right:10px;padding: 0 28px;background:#ff5d65} #design input.btn_file {height: 34px;line-height: 34px;padding: 0 20px;border: none;background: #888;color: #fff;font-size: 14px;text-align: center;} input[type=button].btn-common {padding:5px 10px;background:#888 !important;border:none !important;font-size:15px;color:#fff !important;} /*폼 일부*/ /**/ #design input[type=checkbox]+ label{display:inline-block;position:relative;padding:0 10px 0 3px;margin-right:10px;cursor:pointer;font-size:15px;} /*#design input[type=checkbox]+ label:before{content:"";display:inline-block;position:relative;top:0px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:0} #design input[type=checkbox]:checked + label:before{content:"\2713";font-size:13px !important;font-family:Arial, Helvetica, sans-serif;font-weight:800;color:#03a98f;background:#fff;text-align:center;line-height:16px}*/ #design input[type=radio] {vertical-align:top;} #design input[type=radio]+ label{display:inline-block;position:relative;padding:0 0 0 5px !important;margin-right:10px;font-size: 15px;cursor:pointer;} textarea {width: 100%;padding: 20px;box-sizing: border-box;border: 1px solid #ddd;} textarea.form_textarea {min-height: 150px;font-size:15px;} select {border: 1px solid #d2d2d2;padding: 3px;height:34px;/*min-width:150px*/} select.fome_sel {border: 1px solid #d2d2d2;padding: 3px;height:34px;min-width:150px;font-size:15px;} #design input[type="text"] {border: 1px solid #d2d2d2;padding: 5px;height:34px;font-size:15px;} #design input.fome_input1 {border: 1px solid #d2d2d2;padding: 5px;height:34px;min-width:150px;background:url(/uploads/drh/front/img/icon_fome_cal.png) no-repeat 94% 50%;font-size:15px;} #design input[type="password"] {border: 1px solid #d2d2d2;padding: 5px;height:34px;} .fome_input {height:34px;min-width:140px;font-size:15px;} .fome_input_90 {height:34px;width:90%;font-size:15px;} .fome_input3 {height:34px;width:310px;font-size:15px;} .fome_input4 {height:34px;width:360px;font-size:15px;} /*페이징*/ #design .pag_wp1 {padding:50px 0 50px;} #design .pagination {text-align:center;} #design .pagination a {display:inline-block;width:32px;height:32px;line-height:32px;border:1px solid #ccc;color:#666;transition:all 0.2s} /*#design .pagination a:hover {background:#ff5d65;color:#fff;border:1px solid #ff5d65;}*/ #design .pagination strong {display:inline-block;width:32px;height:32px;line-height:32px;border:1px solid #ff5d65;color:#ff5d65;vertical-align: top;} #design .pagination a.start {background: url(/uploads/drh/front/img/bg_start.png) no-repeat center 50%;text-indent:-99999px;} #design .pagination a.prev {background: url(/uploads/drh/front/img/bg_prev.png) no-repeat center 50%;text-indent:-99999px;margin-right:12px;} #design .pagination a.next {background: url(/uploads/drh/front/img/bg_next.png) no-repeat center 50%;text-indent:-99999px;margin-left:12px;} #design .pagination a.last {background: url(/uploads/drh/front/img/bg_last.png) no-repeat center 50%;text-indent:-99999px;} /*회원가입*/ .join_area .ag_box {width: 100%;height: 300px;box-sizing: border-box;padding: 17px 20px 25px;font-size: 14px;color: #555;word-break: keep-all;line-height: 1.8;border: 1px solid #ddd;overflow-y: scroll;margin-bottom: 15px;} .join_area .join_tit {font-size:40px;font-weight:600;color:#333;text-align:center;line-height:50px;margin:50px 0;} .join_area .join_top {margin-bottom:46px;} .join_area .join_top ul {overflow:hidden;} .join_area .join_top li {float:left;width:20%} .join_area .join_top li div {height:56px;line-height:56px;background:#f5f5f5;border:1px solid #ccc;margin-left:-1px;font-size:18px;color:#333;text-align:center;} .join_area .join_top li:first-child div {margin-left:0;} .join_area .join_top li div.sel {background:#ff5d65;border:1px solid #ff5d65;color:#fff;} /**/ #design .join_area .join_ex {margin-bottom: 80px;} #design .join_area .join_ex p {font-size: 18px;font-weight: 400;line-height: 1.2em;color: #333;word-break: keep-all;} #design .join_area .join_ex p span {font-size: inherit;display: block;} #design .join_area .join_ex p span + span {margin-top: 20px;} #design .join_area .join_ex .title {margin-bottom: 30px;font-size: 30px;font-weight: 700;color: #333;} #design .join_area .join_select_wp .title {margin-bottom: 10px;font-size: 30px;font-weight: 700;color: #333;} #design .join_area .join_select {overflow:hidden;} #design .join_area .join_select .sel_wp input[type="radio"] {display: block;position: absolute;top: 20px;left: 20px;} #design .join_area .join_select .sel_wp input[type="radio"] + label::before, input[type="radio"] + label::before {display: none;} #design .join_area .join_select .sel_under {float:left;width:50%;} #design .join_area .join_select .sel_under .tit {font-size: 30px;color:#333;font-weight: 700;margin-bottom:5px;} #design .join_area .join_select .sel_under .tit span {display: block;margin-top: 10px;font-size: 20px;font-weight: 400;color:#333;margin-bottom:5px;} #design .join_area .join_select .sel_under .sel_wp {margin-right:20px;box-sizing:border-box;text-align:center;} #design .join_area .join_select .sel_under .sel_wp label {width: 100%;height: 100%;padding: 210px 0 70px !important;border: 2px solid #f5f5f5;background: url(/uploads/drh/front/img/ico_join_select1.png) no-repeat 50% 35%;box-sizing: border-box;} #design .join_area .join_select .sel_under .sel_wp input[type="radio"]:checked + label {border-color: #fe5d65;} #design .join_area .join_select .sel_up {float:left;width:50%;} #design .join_area .join_select .sel_up .tit {font-size: 30px;font-weight: 700;color:#333;margin-bottom:5px;padding-left:20px;} #design .join_area .join_select .sel_up .tit span {display: block;margin-top: 10px;font-size: 20px;font-weight: 400;color:#333;margin-bottom:5px;} #design .join_area .join_select .sel_up .sel_wp {margin-left:20px;box-sizing:border-box;text-align:center;} #design .join_area .join_select .sel_up .sel_wp label {width: 100%;height: 100%;padding: 210px 0 70px !important;border: 2px solid #f5f5f5;background: url(/uploads/drh/front/img/ico_join_select2.png) no-repeat 50% 35%;box-sizing: border-box;} #design .join_area .join_select .sel_up .sel_wp input[type="radio"]:checked + label {border-color: #fe5d65;} /**/ .join_area .join_type_ex {padding: 25px 30px;margin-bottom: 30px;background-color: #f8f8f8;} .join_area .join_type_ex dl {overflow: hidden;padding: 5px 0;} .join_area .join_type_ex dl dt, .join_area .join_type_ex dl dd {float: left;} .join_area .join_type_ex dl dt {width: 120px;font-size: 17px;font-weight: 500;color: #333;} .join_area .join_type_ex dl dd {width: calc(100% - 120px);font-size: 17px;font-weight: 400;color: #333;} .join_area .join_last .join_type_ex {margin: 30px 0 0;text-align: left;} .join_area .certify {overflow:hidden;} .join_area .certify .cer_phone {float:left;width:50%;} .join_area .certify .cer_phone .tit {font-size:18px;color:#333;margin-bottom:5px;} .join_area .certify .cer_phone .cer_wp {margin-right:20px;border:10px solid #f5f5f5;box-sizing:border-box;padding:60px 0 50px;text-align:center;background: url(/uploads/drh/front/img/cer_phone.png) no-repeat center 136px;} .join_area .certify .cer_phone .cer_wp span {display:inline-block;padding-bottom:195px;font-size:16px;color:#333;} .join_area .certify .cer_ipin {float:left;width:50%;} .join_area .certify .cer_ipin .tit {font-size:18px;color:#333;margin-bottom:5px;padding-left:20px;} .join_area .certify .cer_ipin .cer_wp {margin-left:20px;border:10px solid #f5f5f5;box-sizing:border-box;padding:60px 0 50px;text-align:center;background: url(/uploads/drh/front/img/cer_ipin.png) no-repeat center 136px;} .join_area .certify .cer_ipin .cer_wp span {display:inline-block;padding-bottom:195px;font-size:16px;color:#333;} .join_area .certify .cer_wp .cer_btn {display:block;width:130px;height:46px;line-height:46px;margin:0 auto;background:#ff5d65;font-size:16px;color:#fff;} .join_area .strAgree {padding-top:20px;font-size:14px;color:#aaa;} .join_area .strAgree label span {color:#666;} .join_area .join_last {border:20px solid #f5f5f5;box-sizing:border-box;padding:70px 20px;text-align:center;} .join_area .join_last span {display:inline-block;font-size:16px;line-height:26px;color:#666;} .join_area .join_last strong {display:inline-block;font-size:36px;line-height:46px;color:#333;font-weight:500;margin-bottom:20px;} .join_area .join_last strong span {font-size:inherit;font-weight:inherit;color:#ff5d65} /* 연구실적 */ #contain #dkboard .thesis_list > dl {padding: 40px;border: 1px solid #ddd;} #contain #dkboard .thesis_list > dl:hover {border-color: #ff5e66;transition: all 0.5s;} #contain #dkboard .thesis_list > dl::after {content: '';display: block;clear: both;} #contain #dkboard .thesis_list > dl + dl {margin-top: 30px;} #contain #dkboard .thesis_list > dl dt, #contain #dkboard .thesis_list > dl dd {float: left;} #contain #dkboard .thesis_list > dl dt {width: 180px;margin-right: 40px;} #contain #dkboard .thesis_list > dl dt img {max-width: 100%;} #contain #dkboard .thesis_list > dl dd {width: calc(100% - 220px);} #contain #dkboard .thesis_list > dl dd a.title {display: block;margin-bottom: 30px;} #contain #dkboard .thesis_list > dl dd a.title span {display: block;font-size: 24px;line-height: 1.2em;color: #333;} #contain #dkboard .thesis_list > dl dd a.title span.field {margin-bottom: 5px;font-size: 16px;} #contain #dkboard .thesis_list > dl dd a.title span.date {margin-top: 10px;font-size: 16px;color: #555;} #contain #dkboard .thesis_list > dl dd .summary .tit {position: relative;display: block;padding-right: 80px;margin-bottom: 15px;font-size: 17px;font-weight: 600;color: #333;} #contain #dkboard .thesis_list > dl dd .summary .tit strong {color: #ff5e66;} #contain #dkboard .thesis_list > dl dd .summary .tit a.btn {position: absolute;top: 0;right: 0;padding: 2px 0 2px 20px;font-size: 14px;border-radius: 0;background-image: url(/uploads/drh/front/img/ico_thesis.png);background-repeat: no-repeat;background-position: 0 40%;background-size: auto 15px;} #contain #dkboard .thesis_list > dl dd .summary .tit a.btn:hover {text-decoration: underline;} #contain #dkboard .thesis_list > dl dd .summary > p {min-height: 2.6em;padding: 20px 100px 20px 20px;background-color: #efefef;font-size: 15px;line-height: 1.3em;} /* 22-04-06 추가 */ #contain #dkboard .thesis_list > ul {width: 90%;margin: 0 auto;font-size: 0;line-height: 1;} #contain #dkboard .thesis_list > ul > li {display: inline-block;max-width: calc(25% - 24px);margin: 50px 12px 0;text-align: center;vertical-align: top;box-sizing: border-box;} #contain #dkboard .thesis_list > ul > li:nth-child(4n-3) {margin-left: 0;} #contain #dkboard .thesis_list > ul > li:nth-child(4n) {margin-right: 0;} #contain #dkboard .thesis_list > ul > li:nth-child(-n+4) {margin-top: 0;} #contain #dkboard .thesis_list > ul > li > a {display: inline-block;height: 100%;text-align: center;} #contain #dkboard .thesis_list > ul > li > a img {max-width: 100%;width: 240px;height: 300px;border: 1px solid #ddd;margin: auto;} #contain #dkboard .thesis_list > ul > li span.tit {width: 240px;margin-top: 15px;display: block;font-size: 15px;font-weight: 400;color: #333;line-height: 1.6em;} #contain #dkboard .thesis_view > dl {padding: 40px;border: 1px solid #ddd;} #contain #dkboard .thesis_view > dl::after {content: '';display: block;clear: both;} #contain #dkboard .thesis_view > dl + dl {margin-top: 30px;} #contain #dkboard .thesis_view > dl dt, #contain #dkboard .thesis_view > dl dd {float: left;} #contain #dkboard .thesis_view > dl dt {width: 180px;margin-right: 40px;} #contain #dkboard .thesis_view > dl dt img {max-width: 100%;} #contain #dkboard .thesis_view > dl dd {width: calc(100% - 220px);} #contain #dkboard .thesis_view > dl dd .txt_title {display: block;margin-bottom: 30px;} #contain #dkboard .thesis_view > dl dd .txt_title span {display: block;font-size: 24px;line-height: 1.2em;color: #333;} #contain #dkboard .thesis_view > dl dd .txt_title span.field {margin-bottom: 5px;font-size: 16px;} #contain #dkboard .thesis_view > dl dd .txt_title span.date {margin-top: 10px;font-size: 16px;color: #555;} #contain #dkboard .thesis_view > dl dd .summary .title {position: relative;display: block;min-height: 36px;padding: 7px 120px 0 0;margin-bottom: 10px;font-size: 17px;font-weight: 600;color: #333;box-sizing: border-box;} #contain #dkboard .thesis_view > dl dd .summary .title strong {} #contain #dkboard .thesis_view > dl dd .summary .title a.btn {position: absolute;top: 0;right: 0;padding: 8px 12px 8px 35px;font-size: 14px;color: #fff;border-radius: 2px;background-color: #5494f3;background-image: url(/uploads/drh/front/img/ico_thesis_clip.png);background-repeat: no-repeat;background-position: 13px 50%;background-size: auto 15px;} #contain #dkboard .thesis_view > dl dd .summary > .summary_con {padding: 15px;background-color: #efefef;font-size: 15px;font-weight: 300;color: #666;line-height: 1.3em;} #contain #dkboard .thesis_view > dl dd .summary > .summary_con span.tit {display: block;margin-bottom: 2px;font-size: 15px;font-weight: 300;color: #ff5e66;} /*#contain #dkboard .thesis_view > dl dd .summary > p + p {margin-top: 20px;}*/ /*아이디비밀번호 찾기*/ .idpw_area {} .idpw_area .idpw_tit {font-size:40px;font-weight:600;color:#333;text-align:center;line-height:50px;margin:50px 0;} .idpw_area form fieldset {margin-bottom:90px;} .idpw_area .top_txt {position:relative;} .idpw_area .top_txt .info {position:absolute;top:10px;right:0;font-size:16px;color:#aaa} .idpw_area .idpw_txt{font-size:16px;text-align:center;padding-bottom:60px;word-break:keep-all;} /*파일첨부 */ .input-file { display: inline-block; margin-bottom: 5px; } .input-file [type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; } .input-file .file-label { display: inline-block; height: 34px; line-height: 34px; padding: 0 20px; font-size: 14px !important; background: #888; color: #fff !important; text-align: center; vertical-align: middle; } .input-file .file-name { width: 310px; background: #fff; height: 27px; line-height: 26px; text-indent: 5px; border: 1px solid #d2d2d2; } /* 접근성 탭 포커스 스타일 */ .file-focus { outline: 1px dotted #d2310e; } /*건강증진*/ .sub_cnt_wp .inspect_box{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;border:1px solid #ddd;padding:40px 0;} .sub_cnt_wp .inspect_box > div{box-sizing:border-box;text-align: center;} .sub_cnt_wp .inspect_box .title{display: inline-block;box-sizing:border-box;background:#d1b698;border-radius:25px;font-size:22px;color:#fff;font-weight:700;letter-spacing:-0.44px;height:50px;line-height:48px;padding:0 42px;} .sub_cnt_wp .inspect_box .disease_box{font-size:0;margin-top:40px;} .sub_cnt_wp .inspect_box .disease_box li{display: inline-block;box-sizing:border-box;} .sub_cnt_wp .inspect_box .disease_box .img{display:flex;align-items:center;justify-content:center;width:150px;height:150px;margin:0 auto;} .sub_cnt_wp .inspect_box .disease_box .img img{max-height:100%;} .sub_cnt_wp .inspect_box .disease_box dl{margin-top:14px;} .sub_cnt_wp .inspect_box .disease_box dl dt{font-size:18px;color:#333;font-weight:500;letter-spacing:-0.36px;} .sub_cnt_wp .inspect_box .disease_box dl dd{font-size:16px;color:#666;font-weight:400;letter-spacing:-0.32px;margin-top:4px;} .sub_cnt_wp .inspect_box .case01{width:65%;} .sub_cnt_wp .inspect_box .case01 .disease_box li{width:38%;} .sub_cnt_wp .inspect_box .case01 .disease_box li + li{} .sub_cnt_wp .inspect_box .case02{padding:0 62px 0 73px;border-left:1px solid #ddd;} .table_wp + h3{margin-top:40px;} .inspect_caution{font-size:16px;color:#ff5d65;font-weight:400;letter-spacing:-0.32px;display: block;margin-bottom:45px;} .inc_precaution{ counter-reset:counter;} .inc_precaution li{font-size:18px;color:#747774;font-weight:400;letter-spacing:-0.36px;line-height:30px;counter-increment:counter;display:flex;} .inc_precaution li + li{margin-top:10px;} .inc_precaution li:before{content: counter(counter) '.';font-size:inherit;color:inherit;font-weight:inherit;display: inline-block;margin-right:5px;} /*환자지원사업*/ .sub_cnt_wp .sub_dl{} .sub_cnt_wp .sub_dl + .sub_dl{} .sub_cnt_wp .sub_dl dt{font-size:20px;color:#333;font-weight:500;letter-spacing:-0.5px;position: relative;padding-left:11px;margin-bottom:6px;} .sub_cnt_wp .sub_dl dt:before{width:3px;height:3px;content:"";box-sizing:border-box;border-radius:100%;background:#333;position: absolute;left:0;top:16px;} #design .dm_step.pat_support_step{width:calc(100% + 88px);display:flex;margin-left:-44px;margin-bottom:25px;} #design .dm_step.pat_support_step li{margin:0 44px;width:calc(25% - 88px);box-sizing:border-box;padding:0;background: none;position: relative;} #design .dm_step.pat_support_step li + li:before{width:12px;height:22px;content:"";background:url('/uploads/drh/front/img/dm_step_arr.png')no-repeat center;position: absolute;top:50%;left:-48px;transform:translateY(-50%);} #design .dm_step.pat_support_step li:last-child:before{background:url('/uploads/drh/front/img/dm_step_arr2.png')no-repeat center;} #design .dm_step.pat_support_step li .dm_wp{height:0;padding-bottom:calc(100% - 20px);position: relative;} #design .dm_step.pat_support_step li .dm_wp > div{position: absolute;width:100%;top:50%;left:0;transform:translateY(-50%);} #design .dm_step.pat_support_step li .dm_wp strong{padding-top:0;} #design .dm_step.pat_support_step li .dm_wp em{font-size:14px;color:#999;font-weight:400;letter-spacing:-0.28px;} #contain #design .cancer_table table tbody th.item{background:#fff;} #contain #design .cancer_table table tbody td{word-break:break-all;background:#fff;} #contain #design .cancer_table table tbody th, #contain #design .cancer_table table tbody td{padding-right:10px;padding-left:10px;} #contain #design .cancer_table table tbody td .sub_cancer_dl + .sub_cancer_dl{margin-top:13px;} #contain #design .cancer_table table tbody td .sub_cancer_dl dt{color:#333;font-weight:400;} #contain #design .cancer_table table tbody td.item.ta_left{color:#666;} #contain #design .cancer_table + p{font-size:16px;color:#ff5d65;font-weight:400;letter-spacing:-0.32px;margin-top:25px;} /* 방사선종양센터 */ #design .icon_step {display:flex;padding-top:25px;} #design .icon_step li {text-align:center;display:inline-block;width:calc(20% - 40px);} #design .icon_step li + li {margin-left:50px;} #design .icon_step li .icon {display:block;position:relative;z-index:1;} #design .icon_step li .icon:before {content:'';display:block;position:absolute;width:100%;height:100%;border-radius:100%;background:#f5f5f5;z-index:-1;} #design .icon_step li .icon:after {content:'';display:block;position:absolute;width:22px;height:42px;background:url('/uploads/drh/front/img/center07_03_steparrow.png') no-repeat center;background-size:100% auto;top:50%;right:-18px;transform:translateY(-50%);z-index:-2;} #design .icon_step li:last-of-type .icon:after {display:none;} #design .icon_step li .icon img {width:100%;height:100%;} #design .icon_step li .txt_wrap {padding-top:20px;} #design .icon_step li .txt_wrap strong {display:block;font-size:18px;line-height:1;font-weight:500;color:#111;padding-bottom:11px;} #design .icon_step li .txt_wrap p {font-size:14px;line-height:22px;font-weight:300;color:#666;} }