@charset "utf-8"; @import url("base.css"); @import url("layout.css?v=250627"); @import url("common.css?v=250627"); @import url("model_cloud.css"); /* bmy 201512 */ /* common */ h1.h1_title{padding-top:60px;font-size:34px;color:#393b3e;font-weight:300;letter-spacing:-1px;} h1.h1_title1{padding-bottom:5px;text-align:center;font-size:40px;color:#393b3e;font-weight:500;letter-spacing:-1px;line-height:53px;} h1.h1_title2{padding: 27px 0 45px;font-size:36px;font-weight:400;text-align:left;} h2.h2_title{font-size:17px;color:#828282;font-weight:300;line-height: 26px;} h3.h3_title1{font-size:22px;color:#333333;font-weight:400;background:url(../images/hospital/bl_h3.gif) no-repeat 0 45px;padding-bottom:50px;text-align:left;letter-spacing:-0.5px;} h3.h3_title2{text-align:center;margin-bottom:30px;} h3.h3_title2 img.bl{vertical-align:top;padding-right:15px;} h3.h3_title2 img.title{padding-right:30px;} h3.h3_title3{margin-bottom:30px;} #sub_container{width:100%;min-width:1100px;text-align:center;clear:both;color:#3b3b3b;} #sub_container .left_menu_sec{float:left;width:211px;margin-right:57px;text-align:left;margin-top:50px;margin-bottom:65px;} #sub_container dl.left_menu{width:100%;} #sub_container dl.left_menu dt{background:#693887;padding-top:28px;padding-left:22px;height:52px;} #sub_container dl.left_menu dd{border-left:1px solid #e1e1e3;border-right:1px solid #e1e1e3;border-bottom:1px solid #e1e1e3;padding-bottom:100px;font-size:13px;background:#f6f2f9;} #sub_container dl.left_menu dd li{border-bottom:1px solid #e1e1e3;} #sub_container dl.left_menu dd li a{background:#f6f2f9;display:block;padding:13px 0 15px 23px;} #sub_container dl.left_menu dd li.ov a{background:#fff;} #sub_container .contents_sec{float:left;text-align:left;margin-top:50px;margin-bottom:65px;} /* mydio */ #mydio_main{text-align:left;} #mydio_main .cont_sec{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;overflow:hidden;width:1098px;margin:0 auto;} #mydio_main .l_sec{width:237px;float:left;} #mydio_main .r_sec{width:236px;float:right;} #mydio_main .event_sec{width:623px;float:left;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;} #mydio_main .br{overflow:hidden;border-top:1px solid #66615d;background:#f3f4f5;} #mydio_main .l_sec .myinfo{overflow:hidden;border-bottom:1px solid #dcdcdc;height:237px;font-size:13px;} #mydio_main .myinfo p.grade{float:left;height:100px;padding-top:15px;width:90px;} #mydio_main .myinfo p.dental{float:left;padding-top:35px;width: 145px;} #mydio_main .myinfo p.dental span{color:#ec2e72;} #mydio_main .myinfo ul.list{clear:both;background:#f3f4f5;margin:10px;color:#838383;padding:10px 13px 8px;} #mydio_main .myinfo ul.list li{overflow:hidden;border-bottom:1px solid #d8d8d8;padding:4px 5px 7px;} #mydio_main .myinfo ul.list li.end{border-bottom:none;} #mydio_main .myinfo ul.list span.info{float:right;display:inline-block;color:#333333;} #mydio_main .notice{border-bottom:1px solid #dcdcdc;position:relative;height:237px;line-height:18px;} #mydio_main .notice dl{padding:27px 20px 20px;} #mydio_main .notice dt{padding-bottom:12px;} #mydio_main .notice dd.more{position:absolute;top:21px;right:12px;} #mydio_main .notice dd li{border-bottom:1px solid #d4d4d4;padding:8px 3px 11px 1px;letter-spacing:0;} #mydio_main .notice dd li.end{border-bottom:none;} #mydio_main .notice .ico_new{padding:3px 0 0 5px;} #mydio_main .mileage{background:url(../images/hospital/mydio_img1.jpg) no-repeat 0 bottom;height:237px;position:relative;} #mydio_main .mileage dd.more{position:absolute;top:21px;right:12px;} #mydio_main .mileage dl{padding-left:19px;padding-top:22px;} #mydio_main .mileage dt{padding-bottom:11px;} #mydio_main .r_sec .guide{position:relative;height:190px;border-bottom:1px solid #dcdcdc;background:url(../images/hospital/mydio_img2.gif) no-repeat 50% 25px;} #mydio_main .r_sec .guide dl{padding-top:89px;text-align:center;} #mydio_main .r_sec .guide dd.more{position:absolute;top:17px;right:12px;} #mydio_main .r_sec .guide dt{padding-bottom:12px;} #mydio_main .r_sec .btn1{background-color:#f56397;background-image:url(../images/hospital/mydio_img6_bg.gif);background-position:right bottom;background-repeat:no-repeat;height:98px;padding-left:19px;padding-top:20px;} #mydio_main .r_sec .btn2{background-color:#663366;background-image:url(../images/hospital/mydio_img7_bg.gif);background-position:right bottom;background-repeat:no-repeat;height:98px;padding-left:19px;padding-top:20px;} #mydio_main .r_sec .btn3{background-color:#4c9cd8;background-image:url(../images/hospital/mydio_img70_bg.gif);background-position:right bottom;background-repeat:no-repeat;height:98px;padding-left:19px;padding-top:20px;} #mydio_main .r_sec .cs{border-top:1px solid #dcdcdc;text-align:center;} #mydio_main .r_sec .cs dl{padding-top:19px;} #mydio_main .r_sec .cs dt{background:url(../images/hospital/mydio_img8_bg.gif) no-repeat 50% 32px;height:52px;} #mydio_main .r_sec .cs dd.tel{padding-bottom:18px;} #mydio_main .event_sec{position:relative;} #mydio_main .event_sec .btns{overflow:hidden;text-align:center;position:absolute;width:100%;text-aligmn:center;bottom:30px;z-index:900;} #mydio_main .event_sec .btns img{padding:0 3px;vertical-align:middle;} #mydio_main .event_sec .btns img.end{} #mydio_main .br .state_sec{float:left;position:relative;} #mydio_main .br .state_sec dl{position:absolute;top:42px;left:4px;} #mydio_main .br .state_sec dt{padding-bottom:16px;} #mydio_main .br .state_sec dl dd{color:#5f5f5f;font-size:13px;line-height:20px;} #mydio_main .br .state_sec dd span.dental{color:#ec2e72;} #mydio_main .br .state_sec dl dd.more{font-size:12px;padding-top:20px;} #mydio_main .state{margin-left:225px;margin-top:40px;margin-bottom:54px;position:relative;width: 660px;height: 111px;} #mydio_main .state p.btn_pre{position:absolute;background:url(../images/hospital/mydio_img12_bg.gif) repeat-y 0 0;padding:42px 0 38px;left:-10px;} #mydio_main .state p.btn_next{position:absolute;top:0;right:10px;background:url(../images/hospital/mydio_img12_bg.gif) repeat-y 0 0;padding:42px 0 38px;} #mydio_main .state ul.list{float:left;letter-spacing:-0.5px;overflow:hidden;height:120px;} #mydio_main .state ul.list span.case{color:#45474d;font-size:35px;display:block;padding:5px 0 13px 74px;font-weight:100;} #mydio_main .state ul.list span.title{color:#45474d;font-size:13px;display:block;} #mydio_main .state ul.list li{margin:25px 0 20px 30px;float:left;width: 120px;} #mydio_main .state li.bg1{background:url(../images/hospital/mydio_ico1.png) no-repeat 0 0;} #mydio_main .state li.bg2{background:url(../images/hospital/mydio_ico2.png) no-repeat 0 0;} #mydio_main .state li.bg3{background:url(../images/hospital/mydio_ico3.png) no-repeat 0 0;} #mydio_main .state li.bg4{background:url(../images/hospital/mydio_ico4.png) no-repeat 0 0;} #mydio_main .state li.bg5{background:url(../images/hospital/mydio_ico5.png) no-repeat 0 0;} #mydio_main .state li.bg6{background:url(../images/hospital/mydio_ico6.png) no-repeat 0 0;} #mydio_main .state li.bg7{background:url(../images/hospital/mydio_ico7.png) no-repeat 0 0;} #mydio_main .state li.bg8{background:url(../images/hospital/mydio_ico8.png) no-repeat 0 0;} #mydio_main .state li.bg1_on{background:url(../images/hospital/mydio_ico1_on.png) no-repeat 0 0;} #mydio_main .state li.bg2_on{background:url(../images/hospital/mydio_ico2_on.png) no-repeat 0 0;} #mydio_main .state li.bg3_on{background:url(../images/hospital/mydio_ico3_on.png) no-repeat 0 0;} #mydio_main .state li.bg4_on{background:url(../images/hospital/mydio_ico4_on.png) no-repeat 0 0;} #mydio_main .state li.bg5_on{background:url(../images/hospital/mydio_ico5_on.png) no-repeat 0 0;} #mydio_main .state li.bg6_on{background:url(../images/hospital/mydio_ico6_on.png) no-repeat 0 0;} #mydio_main .state li.bg7_on{background:url(../images/hospital/mydio_ico7_on.png) no-repeat 0 0;} #mydio_main .state li.bg8_on{background:url(../images/hospital/mydio_ico8_on.png) no-repeat 0 0;} #mydio_main .state li.bg1_on span.case{color:#f50b0b;} #mydio_main .state li.bg2_on span.case{color:#f50b0b;} #mydio_main .state li.bg3_on span.case{color:#f50b0b;} #mydio_main .state li.bg4_on span.case{color:#f50b0b;} #mydio_main .state li.bg5_on span.case{color:#f50b0b;} #mydio_main .state li.bg6_on span.case{color:#f50b0b;} #mydio_main .state li.bg7_on span.case{color:#f50b0b;} #mydio_main .state li.bg8_on span.case{color:#f50b0b;} #mydio_main .br ul.quick{float:right;margin-right:14px;margin-top:39px;} #mydio_main .br ul.quick li{padding-bottom:7px;} #mydio_sub{} #mydio_sub div.go_menu{width:100%;border-bottom:1px solid #d9d9d9;text-align:left;display:none;} #mydio_sub ul.go_menu{width:1099px;margin:0 auto;border-left:1px solid #d9d9d9;font-size:13px;position:relative;background:#fff;height: 46px;} #mydio_sub ul.go_menu li{float:left;border-right:1px solid #d9d9d9;background:url(../images/hospital/ico_jump.gif) no-repeat right 50%;width:200px;} #mydio_sub ul.go_menu li a{display:block;padding:12px 0 15px 20px;} #mydio_sub ul.go_menu li.home {padding:12px 0 15px;background:none;text-align:center;width:50px;} #mydio_sub ul.go_menu li.home img{vertical-align:middle;} #mydio_sub ul.go_menu ul.snb{position:absolute;left:251px;top:46px;background:#fff;border-top:1px solid #d9d9d9;} #mydio_sub ul.go_menu ul.snb li{clear:both;background:#fff;background:none;width:200px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} #mydio_sub ul.go_menu ul.snb li a{display:block;padding:10px 10px 12px 20px;} #mydio_sub ul.go_menu ul.snb1{position:absolute;left:452px;top:46px;background:#fff;border-top:1px solid #d9d9d9;} #mydio_sub ul.go_menu ul.snb1 li{clear:both;background:#fff;background:none;width:200px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} #mydio_sub ul.go_menu ul.snb1 li a{display:block;padding:10px 10px 12px 20px;} #mydio_sub .visual{clear:both;height:298px;} #mydio_sub .visual_bg1{background:url(../images/hospital/mydio_bg1.jpg) no-repeat 50% 0;} #mydio_sub .visual_bg2{background:url(../images/hospital/mydio_bg2.jpg) no-repeat 50% 0;} #mydio_sub .visual_bg3{background:url(../images/hospital/mydio_bg3.jpg) no-repeat 50% 0;} #mydio_sub .visual_bg4{background:url(../images/hospital/mydio_bg4.jpg) no-repeat 50% 0;} #mydio_sub .visual_bg5{background:url(../images/hospital/mydio_bg5.jpg) no-repeat 50% 0;background-color:#e8eae9;} #mydio_sub .mydio_cont_sec{width:1200px;margin:0 auto;text-align:left;} #mydio_sub .mydio_cont_sec.w_1100{width:1100px;margin:0 auto;text-align:left;} #mydio_sub .contents{float:left;width: 1100px;position:relative;} /* 790px */ #mydio_sub .contents1{position:relative;margin-bottom:100px;} #mydio_sub ul.lnb{position:absolute;right:0;top:75px;overflow:hidden;font-size:13px;} #mydio_sub ul.lnb li{float:left;background:url(../images/hospital/ico_arrow.gif) no-repeat 10px 8px;padding-left:22px;} #mydio_sub ul.lnb li.home{background:none;} #mydio_sub .guide_sec{float:right;width:226px;margin-top:70px;} #mydio_sub ul.step{overflow:hidden;height:77px;margin:60px 0 40px;} #mydio_sub ul.step li{float:left;padding-left:30px;padding-top:15px;} #mydio_sub ul.step li.step1{width:230px;} #mydio_sub ul.step li.step2{width:248px;} #mydio_sub ul.step_bg1{background:url(../images/hospital/mydio_img19_bg.gif) no-repeat 0 0;} #mydio_sub ul.step_bg2{background:url(../images/hospital/mydio_img20_bg.gif) no-repeat 0 0;} #mydio_sub ul.step_bg3{background:url(../images/hospital/mydio_img21_bg.gif) no-repeat 0 0;} #mydio_sub ul.step1{overflow:hidden;height:77px;margin:60px 0 40px;} #mydio_sub ul.step1 li{float:left;padding-left:30px;padding-top:15px;} #mydio_sub ul.step1 li.step1{width:350px;} #mydio_sub ul.step1 li.step2{width:350px;} #mydio_sub ul.step_bg4{background:url(../images/hospital/mydio_img42_bg.gif) no-repeat 0 0;} #mydio_sub ul.step_bg5{background:url(../images/hospital/mydio_img43_bg.gif) no-repeat 0 0;} #mydio_sub ul.step_bg6{background:url(../images/hospital/mydio_img44_bg.gif) no-repeat 0 0;} #mydio_sub .ex_ver{border-bottom: 1px solid #eee;margin-bottom:60px;padding-bottom: 35px;text-align:center;letter-spacing:0;font-size: 13px;} #mydio_sub .ex_ver span.txt1{color:#155dff;text-decoration:underline;} #mydio_sub .ex_ver span.txt2{color:#fc4e12;} #mydio_sub .compl_ver{background:url(../images/hospital/mydio_img38_bg.gif) repeat-x 0 bottom;font-size: 13px;padding: 0 0 40px 0;text-align: center;margin-bottom:50px;} #mydio_sub .compl_ver span.txt1{font-size: 22px;display:block;padding-bottom: 10px;} #mydio_sub .compl_ver span.txt2{background:#fffc6e;} #mydio_sub .stitle_sec{position:relative;} h2.h2_title{padding-bottom:20px;} h3.h3_title{font-size:18px;color:#2c2c2c;font-weight:400;padding-bottom:13px;} h3.bg_star{background:url(../images/hospital/ico_star.gif) no-repeat 2px 3px;padding-left:35px;} #mydio_sub span.txt_dsc{color:#6f6f6f;position:absolute;right:0;bottom:17px;font-size:12px;} #mydio_sub span.star{color:#ec2e72;font-size:13px;} span.t_num{display:inline-block;font-size:30px;color:#ef206a;font-weight:600;padding-right:14px;padding-left:2px;line-height:30px;} span.t_txtitle{display:inline-block;font-size:26px;color:#101010;font-weight:400;line-height:26px;} #mydio_sub .guide_sec .sec1{margin-top:40px;margin-bottom:15px;} #mydio_sub .guide_sec .sec1 .title{text-align:center;color:#fff;font-size:17px;background:#f56397;padding:12px 0 14px;} #mydio_sub .guide_sec .sec1 .br{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} #mydio_sub .guide_sec .sec1 .txt_sec{background:url(../images/hospital/mydio_img21.gif) no-repeat 50% 30px;padding-top:180px;color:#717171;font-size:13px;text-align:center;line-height:18px;} #mydio_sub .guide_sec .sec1 .btn_sec{margin:30px 0 25px;text-align:center;} #mydio_sub .guide_sec .sec1 .btn_sec a{padding:5px 0 9px;border:1px solid #d8d8d8;border-radius:1px;width:85px;margin:8px 0;display:inline-block;} #mydio_sub .guide_sec .sec2{} #mydio_sub .guide_sec .sec2 .title{text-align:center;color:#fff;font-size:17px;background:#475c8e;padding:12px 0 14px;} #mydio_sub .guide_sec .sec2 .br{background:url(../images/hospital/mydio_img22.gif) no-repeat 50% 30px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} #mydio_sub .guide_sec .sec2 ul.txt_sec{padding-top:180px;color:#717171;font-size:13px;line-height:18px;} #mydio_sub .guide_sec .sec2 ul.txt_sec li{padding:7px 5px 7px 18px;background:url(../images/hospital/ico_dot.gif) no-repeat 9px 16px;line-height:20px;} #mydio_sub .guide_sec .sec2 .btn_sec{margin:30px 0 25px;text-align:center;} #mydio_sub .guide_sec .sec2 .btn_sec a{padding:5px 0 9px;border:1px solid #d8d8d8;border-radius:1px;width:95px;margin:8px 0;display:inline-block;} /* 200312 */ #mydio_sub .guide_sec .sec2 .service_info {width:90%; margin: 0 auto 30px auto; padding-top: 25px;border-top: 1px solid #e2e2e2;} #mydio_sub .guide_sec .sec2 .service_info ul li {margin-bottom:10px; font-size:13px;} #mydio_sub .guide_sec .sec2 .service_info .s_basic {width: 62px;height:28px; border-radius:12px 14px 14px 0; color:#fff; background:#7ab9e4; text-align:center; display:inline-block; line-height: 28px;} #mydio_sub .guide_sec .sec2 .service_info .s_premium {width: 62px;height:28px; border-radius:12px 14px 14px 0; color:#fff; background:#f79700; text-align:center; display:inline-block; line-height: 28px;} #mydio_sub .guide_sec .sec2 .service_info .txt {width: 64%; float:right;padding: 3px 0 0 0;} #mydio_sub .guide_sec .sec2 .service_info .str {color:#fe9001;} #mydio_sub .guide_sec .sec2 .service_info .stxt {clear:both;width:98%;margin:0 auto;padding-top:8px;font-size: 12px;color:#717171;} /* 200410 사이드배너 */ #mydio_sub .guide_sec02{width:292px;position:absolute; right:0;z-index: 99; cursor: pointer;margin-top:6px;} #mydio_sub .guide_sec02 .title .tt {width:18px; margin: 0 24px;writing-mode:vertical-rl;} #mydio_sub .guide_sec02 .sec1{width:100%;height:296px;overflow:hidden;} #mydio_sub .guide_sec02 .sec1 .title{width: 68px;height:100%;float:left;text-align:center;color:#fff;font-size:17px;padding:30px 0;background:#f56397;} #mydio_sub .guide_sec02 .sec1 .br{float:left;width: 224px;background:#fff;border:1px solid #d9d9d9;border-left:none;box-sizing:border-box;} #mydio_sub .guide_sec02 .sec1 .txt_sec{background:url(../images/hospital/mydio_img21.gif) no-repeat 50% 25px;padding-top:166px;color:#717171;font-size:13px;text-align:center;line-height:18px;} #mydio_sub .guide_sec02 .sec1 .btn_sec{margin:12px 0;text-align:center;} #mydio_sub .guide_sec02 .sec1 .btn_sec a{padding:5px 0 9px;border:1px solid #d8d8d8;border-radius:1px;width:85px;margin:8px 0;display:inline-block;} #mydio_sub .guide_sec02 .sec2{height:100%;overflow:hidden;} #mydio_sub .guide_sec02 .sec2 .title{width: 68px;height:100%; min-height:500px; float:left;text-align:center;color:#fff;font-size:17px;background:#475c8e;padding:30px 0;} #mydio_sub .guide_sec02 .sec2 .br{width: 224px;float:left;background:#fff url(../images/hospital/mydio_img22.gif) no-repeat 50% 25px;border-right:1px solid #d9d9d9; box-sizing:border-box;overflow:hidden; } #mydio_sub .guide_sec02 .sec2 ul.txt_sec{padding-top:160px;color:#717171;font-size:13px;line-height:18px;} #mydio_sub .guide_sec02 .sec2 ul.txt_sec li{padding:5px 5px 5px 18px;background:url(../images/hospital/ico_dot.gif) no-repeat 9px 16px;line-height:20px;} #mydio_sub .guide_sec02 .sec2 ul.txt_sec2{color:#717171;font-size:13px;line-height:18px;} #mydio_sub .guide_sec02 .sec2 ul.txt_sec2 li{padding:5px 5px 0px 18px;background:url(../images/hospital/ico_dot.gif) no-repeat 9px 16px;line-height:20px;} #mydio_sub .guide_sec02 .sec2 ul.txt_sec li.tit01{padding:0; margin-left:7px; width:209px; height:30px; background:#f56397; color:#ffffff; border-radius:3px; text-align:center;line-height:30px;} #mydio_sub .guide_sec02 .sec2 .btn_sec{margin:0px 0;text-align:center;} #mydio_sub .guide_sec02 .sec2 .btn_sec a{padding:5px 0 9px;border:1px solid #d8d8d8;border-radius:1px;width:95px;margin:20px 0 8px;display:inline-block;} #mydio_sub .guide_sec02 .sec2 .service_info {width:90%; margin: 10px auto 15px auto;} #mydio_sub .guide_sec02 .sec2 .service_info ul li {margin-bottom:5px; font-size:13px;} #mydio_sub .guide_sec02 .sec2 .service_info ul li.sm {margin-top:10px;} #mydio_sub .guide_sec02 .sec2 .service_info ul li.tit02{padding:0; margin-left:-4px; margin-bottom:15px; width:209px; height:30px; background:#475c8e; color:#ffffff; border-radius:3px; text-align:center;line-height:30px;} #mydio_sub .guide_sec02 .sec2 .service_info .s_basic {width: 62px;height:28px; border-radius:12px 14px 14px 0; color:#fff; background:#4aabec; text-align:center; display:inline-block; line-height: 28px;} #mydio_sub .guide_sec02 .sec2 .service_info .s_premium {width: 62px;height:28px; border-radius:12px 14px 14px 0; color:#fff; background:#f79700; text-align:center; display:inline-block; line-height: 28px;} #mydio_sub .guide_sec02 .sec2 .service_info .s_pb {width: 62px;height:28px; border-radius:12px 14px 14px 0; color:#fff; background:#4aabec; text-align:center; display:inline-block; line-height: 28px;} #mydio_sub .guide_sec02 .sec2 .service_info .s_2ndpb {width: 62px;height:28px; border-radius:12px 14px 14px 0; color:#fff; background:#08c0a8; text-align:center; display:inline-block; line-height: 28px;} #mydio_sub .guide_sec02 .sec2 .service_info .s_final {width: 62px;height:28px; border-radius:12px 14px 14px 0; color:#fff; background:#6d6adc; text-align:center; display:inline-block; line-height: 28px;} #mydio_sub .guide_sec02 .sec2 .service_info .txt {width: 64%; float:right;padding: 3px 0 0 0;} #mydio_sub .guide_sec02 .sec2 .service_info .str {color:#fe9001;} #mydio_sub .guide_sec02 .sec2 .service_info p.stxt {clear:both;width:98%;margin:0 auto;padding-top:8px;font-size: 12px;color:#717171; text-align:left;} #mydio_sub .guide_sec02 .sec2 .cs_bn {margin-top:20px;} #mydio_sub .guide_sec02 .sec4{width:295px;height:565px;position:absolute; left:0;z-index: 100; } #mydio_sub .guide_sec02 .sec4 .title{width: 68px;height:100%;float:left;text-align:center;color:#fff;font-size:17px;padding:30px 0;background:#f56397;} #mydio_sub .guide_sec02 .sec4 .title .tt {width:18px; margin: 0 24px;writing-mode:vertical-rl;} #mydio_sub .guide_sec02 .sec4 .br{/* float:left; */width: 226px;background:#fff;border:1px solid #d9d9d9; border-left:none;margin-bottom:10px;margin-left: 68px;} #mydio_sub .guide_sec02 .sec4 .txt_sec{background:url(../images/hospital/mydio_img37_bg.gif) no-repeat 50% 20px;padding:140px 0 0 0;color:#717171;font-size:12px;line-height:18px; } #mydio_sub .guide_sec02 .sec4 .txt_sec ul{height: 415px; overflow-y:auto; text-align:left;padding:0 13px 30px;} #mydio_sub .guide_sec02 .sec4 .txt_sec ul li{padding:12px 0 12px 24px;border-bottom:1px dashed #c8c8c8;line-height:20px;background:url(../images/hospital/ico_confirm.gif) no-repeat 0 16px;color:#2f2f2f;} #mydio_sub .guide_sec02 .sec4 .txt_sec ul li.noti{background:url(../images/hospital/ico_noti.gif) no-repeat 0 16px;} #mydio_sub .guide_sec02 .sec4 .txt_sec ul li span.date{display:block;color:#6c6c6c;letter-spacing:0;} #mydio_sub .sd_btn_print a {float:left;display:inline-block;color:#282828;font-size:15px;background:url(../images/hospital/mydio_img23_bg.gif) no-repeat 0 0;width:226px;height:32px;text-align:center;padding-top:6px;} #mydio_sub .q_box {border:3px solid rgba(208,208,208,.7); background:#fff;border-radius: 8px;padding: 10px; width: 120px; z-index:100; position:absolute; left: 290px; margin-top:-22px;} #mydio_sub .q_box dl {} #mydio_sub .q_box dl dt {color:#fe7801; margin-bottom:5px;} #mydio_sub .q_box dl dd {color:#717171; font-size:12px; } #mydio_sub .q_box .str {color:#fe9001;} #mydio_sub .q_box .btn_close {width: 15px; display:inline-block;float:right;} /* 가이드 주문 Splint 안내 팝업 창 */ #mydio_sub .order_splint_guide_modal {border:3px solid rgba(208,208,208,.7); background:#fff;border-radius: 8px;padding: 10px; width: 350px; z-index:100; position:absolute; left: 580px; margin-top:-22px;} #mydio_sub .order_splint_guide_modal dl dt {color:#fe7801; margin-top:10px; margin-bottom:5px;} #mydio_sub .order_splint_guide_modal dl dd {color:#717171; font-size:12px; } #mydio_sub .order_splint_guide_modal .str {color:#fe9001;} #mydio_sub .guide_sec .sec3{margin-top:40px;margin-bottom:15px;} #mydio_sub .guide_sec .sec3 .title{text-align:center;color:#fff;font-size:17px;background:#7c4a7c;padding:12px 0 14px;} #mydio_sub .guide_sec .sec3 .br{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} #mydio_sub .guide_sec .sec3 .txt_sec{background:url(../images/hospital/mydio_img25.gif) no-repeat 50% 30px;padding-top:180px;color:#717171;font-size:12px;text-align:center;line-height:28px;} #mydio_sub .guide_sec .sec3 .btn_sec{margin:30px 0 25px;text-align:center;} #mydio_sub .guide_sec .sec3 .btn_sec a{padding:5px 0 9px;border:1px solid #d8d8d8;border-radius:1px;width:85px;margin:8px 0;display:inline-block;} #mydio_sub .guide_sec .sec4{margin-bottom:20px;} #mydio_sub .guide_sec .sec4 .title{text-align:center;color:#fff;font-size:15px;background:#f56397;padding:10px 0 12px;} #mydio_sub .guide_sec .sec4 .br{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} #mydio_sub .guide_sec .sec4 .txt_sec{background:url(../images/hospital/mydio_img37_bg.gif) no-repeat 50% 20px;padding-top:140px;color:#717171;font-size:12px;line-height:18px;} #mydio_sub .guide_sec .sec4 .txt_sec ul{text-align:left;padding:0 13px 30px;} #mydio_sub .guide_sec .sec4 .txt_sec ul li{padding:12px 0 12px 24px;border-bottom:1px dashed #c8c8c8;line-height:20px;background:url(../images/hospital/ico_confirm.gif) no-repeat 0 16px;color:#2f2f2f;} #mydio_sub .guide_sec .sec4 .txt_sec ul li.noti{background:url(../images/hospital/ico_noti.gif) no-repeat 0 16px;} #mydio_sub .guide_sec .sec4 .txt_sec ul li span.date{display:block;color:#6c6c6c;letter-spacing:0;} #mydio_sub a.btn_tsave{display:block;color:#282828;font-size:15px;background:url(../images/hospital/mydio_img23_bg.gif) no-repeat 0 0;width:226px;height:32px;text-align:center;position:fixed;bottom: 500px;padding-top:6px;} #mydio_sub a.btn_print{display:block;color:#282828;font-size:15px;background:url(../images/hospital/mydio_img23_bg.gif) no-repeat 0 0;width:226px;height:32px;text-align:center;padding-top:6px;} #mydio_sub .order .sec{margin-bottom: 20px/* 55px */;} #mydio_sub .order .sec.mg_b80{margin-bottom:80px;} /* 보철물 잇몸 Base 형상 */ .design_sel .sel_wr {display: -ms-flexbox; display: -webkit-flex;display: flex; margin:10px 0;} .design_sel .sel_wr .col {-webkit-flex: 1;-ms-flex: 1;flex: 1; border:1px solid rgba(217,217,217,.7); margin-left:10px; background:#fff;box-sizing:border-box;overflow:hidden;cursor: pointer;} .design_sel .sel_wr .col:first-child {margin-left: 0;} .design_sel .sel_wr .col .type_box {background:#f1ecee;padding: 20px;box-sizing:border-box;margin-bottom:20px;} .design_sel .sel_wr .col .type_box .type {text-align:center; font-size: 16px; font-weight: 700; color:#212121;margin-bottom:20px;} .design_sel .sel_wr .col .type_box .type span {font-size: 18px;} .design_sel .sel_wr .col .type_box .photo {background:#030606; text-align:center;} .design_sel .sel_wr .col .type_box .photo img {width:260px;} .design_sel .sel_wr .col .dtl {width: 90%; margin: 0 auto; margin-bottom:10px; overflow:hidden;} .design_sel .sel_wr .col .dtl li {background: url(/images/order/cn/bullet.png) no-repeat 0 7px; padding-left: 10px; margin-bottom:10px; word-break: keep-all; word-wrap: break-word;} .design_sel .sel_wr .col .check {border-top:1px solid rgba(217,217,217,.7);text-align:center;padding: 15px 20px 0;height: 30px;} .design_sel .sel_wr .col.checked {border:3px solid #ed7fa6;} /* Order Division */ #mydio_sub .orderDvsBr{border-bottom:1px solid #794399; margin-top:20px;} #mydio_sub ul.orderDvs{overflow:hidden;text-align:center;margin-bottom:-1px;} #mydio_sub ul.orderDvs li{float:left;width:25%;} #mydio_sub ul.orderDvs li a{display:block;margin-left:5px;border-radius:3px 3px 0 0;padding:15px 0;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;background:#f8f8f8; font-size:13px;} #mydio_sub ul.orderDvs li:first-child a{margin-left:0;} #mydio_sub ul.orderDvs li.on a{color:#672093;border-left:2px solid #794399;border-top:2px solid #794399;border-right:2px solid #794399;background:#fff;} #mydio_sub .order_list{margin-top:20px;} #mydio_sub .order_list .txt_sec{display:none;} #mydio_sub .order_list{margin-top:20px;margin-bottom:75px;/* margin-top:50px; */} #mydio_sub .order_list .menu_sec{position:relative; margin-bottom:40px;} #mydio_sub .order_list .menu_sec p.btn_pre{position:absolute;left:0;top:0;} #mydio_sub .order_list .menu_sec p.btn_next{position:absolute;right:0;top:0;} #mydio_sub .order_list .menu_sec ul{overflow:hidden;border-left:1px solid #dfdfdf;} #mydio_sub .order_list .menu_sec ul li{float:left;width:25%;height:43px;line-height: 43px;background:linear-gradient(#fff , #f3f3f3);color:#3c3c3c;font-size:13px;letter-spacing:-0.5px;position: relative;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;box-sizing:border-box;} #mydio_sub .order_list .menu_sec ul li:nth-child(-n+4){border-top:1px solid #dfdfdf;} #mydio_sub .order_list .menu_sec ul li.end{} #mydio_sub .order_list .menu_sec ul li.on{background:linear-gradient(#79409c , #693887);color:#fff;} #mydio_sub .order_list .menu_sec ul li a{display:block;padding-left:15px;} #mydio_sub .order_list .menu_sec span.case{font-size:12px;} #mydio_sub .order_list .menu_sec span.ico_delivery{display:inline-block; position: absolute;right:15px;top:10px;} /*20200414_kimahlin*/ #mydio_sub .order_list .menu_sec ul li.diff a{display:block;padding-left: 15px;background-color:#fff;background:linear-gradient(#e9f5fb , #c8e5f4);/* border-right:1px solid #cccedc;border-bottom:1px solid #cccedc; */} #mydio_sub .order_list .menu_sec ul li.diff.on a{background:#607D8B; color:#fff;} #mydio_sub .order_list .menu_sec_admin{position:relative;} #mydio_sub .order_list .menu_sec_admin ul{overflow:hidden; width:100%; /*width: 1096px;*//* border-top:1px solid #e5e5e5; */border-left:1px solid #dfdfdf;} #mydio_sub .order_list .menu_sec_admin ul li{float:left; width:25%; /*width:274px;*/height:43px;background:linear-gradient(#fff , #f3f3f3);color:#3c3c3c;color:#3c3c3c;font-size:13px;letter-spacing:-0.5px;position: relative;text-align:left;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;box-sizing:border-box;} #mydio_sub .order_list .menu_sec_admin ul li:nth-child(-n+4){border-top:1px solid #dfdfdf;} #mydio_sub .order_list .menu_sec_admin ul li.end{background:url(../images/hospital/mydio_tab_bg.gif) no-repeat 0 0;} #mydio_sub .order_list .menu_sec_admin ul li.on{background:#693887;color:#fff;} #mydio_sub .order_list .menu_sec_admin ul li a{display:block;height:43px;padding-top:9px;padding-left:10px;padding-left: 15px;} /*20200414_kimahlin*/ #mydio_sub .order_list .menu_sec_admin ul li.diff a{display:block;padding-left: 15px;background-color:#fff;background:linear-gradient(#e9f5fb , #c8e5f4);/* border-right:1px solid #cccedc;border-bottom:1px solid #cccedc; */} #mydio_sub .order_list .menu_sec_admin ul li.diff.on a{background:#607D8B; color:#fff;} #mydio_sub .order_list .menu_sec_admin span.ico_sms{display:inline-block;position: absolute;right:15px;top:10px;} #mydio_sub .order_list .menu_sec_admin span.ico_delivery{display:inline-block;position: absolute;right:15px;top:10px;} #mydio_sub .order_list .menu_sec_ortho{position:relative;} #mydio_sub .order_list .menu_sec_ortho p.btn_pre{position:absolute;left:0;top:0;} #mydio_sub .order_list .menu_sec_ortho p.btn_next{position:absolute;right:0;top:0;} #mydio_sub .order_list .menu_sec_ortho ul{overflow:hidden;border-left:1px solid #dfdfdf;} #mydio_sub .order_list .menu_sec_ortho ul li{float:left;width:25%;height:43px;line-height: 43px;background:linear-gradient(#fff , #f3f3f3);color:#3c3c3c;font-size:13px;letter-spacing:-0.5px;position:relative;text-align:left;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;box-sizing:border-box;} #mydio_sub .order_list .menu_sec_ortho ul li:nth-child(-n+4){border-top:1px solid #dfdfdf;} #mydio_sub .order_list .menu_sec_ortho ul li.end{} #mydio_sub .order_list .menu_sec_ortho ul li.on{background:linear-gradient(#79409c , #693887);color:#fff;} #mydio_sub .order_list .menu_sec_ortho ul li a{display:block;padding-left:15px;} #mydio_sub .order_list .menu_sec_ortho span.ico_sms{display:inline-block;position: absolute;right:15px;top:10px;} #mydio_sub .order_list .menu_sec_ortho span.ico_delivery{display:inline-block;position: absolute;right:15px;top:10px;} #mydio_sub .order_list .menu_sec_ortho_pnu ul{overflow:hidden;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;} #mydio_sub .order_list .menu_sec_ortho_pnu ul li{float:left;width:33%;height:43px;line-height: 43px;background:linear-gradient(#fff , #f3f3f3);color:#3c3c3c;font-size:13px;letter-spacing:-0.5px;position: relative;text-align:left;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;box-sizing:border-box;} #mydio_sub .order_list .menu_sec_ortho_pnu ul li.end{width:34%;} #mydio_sub .order_list .menu_sec_ortho_pnu ul li.on{background:linear-gradient(#79409c , #693887);color:#fff;} #mydio_sub .order_list .menu_sec_ortho_pnu ul li a{display:block;padding-left:15px;} #mydio_sub .order_list .txt_sec{padding:30px 10px 20px;font-size:14px;float:left;} #mydio_sub .order_list .btn_recov{border-top:1px solid #d4d4d4;border-right:1px solid #aaaaaa;border-left:1px solid #d4d4d4;border-bottom:1px solid #929292;color:#282828;font-size:14px;padding:4px 0 8px;width:120px;display:inline-block;background:linear-gradient(to bottom, #fefefe, #f2f2f2);margin:0 5px;text-align:center;transition:all 0.3s;} #mydio_sub .order_list :hover.btn_recov{border:1px solid #af335f;color:#fff;font-size:14px;padding:4px 0 8px;width:120px;display:inline-block;background:#f54b88;margin:0 5px;text-align:center;transition:all 0.3s;} /* 2021-10-27 이전 #mydio_sub .order_detail{margin-top:50px;} #mydio_sub .order_detail .state_sec{margin-bottom:55px;} #mydio_sub .order_detail ul.icons{overflow:hidden;font-size:13px;background:url(../images/hospital/mydio_img26_bg.gif) no-repeat 0 0;height:118px;} #mydio_sub .order_detail ul.icons li{float:left;text-align:center;width:122px;letter-spacing:-1px;height:118px;color:#5c5c5c;box-sizing: border-box;} #mydio_sub .order_detail ul.icons li.on{background:url(../images/hospital/mydio_img27_bg.gif) no-repeat 0 0;color:#f56397;} #mydio_sub .order_detail ul.icons li span.icon{display:block;padding:8px 0 5px} */ /* 2021-10-27 이후 li 개수에 따라 width 자동 조절됨 */ #mydio_sub .order_detail{margin-top:50px;} #mydio_sub .order_detail .state_sec{margin-bottom:55px;} #mydio_sub .order_detail ul.icons {border-right:1px solid #ececec;display: -ms-flexbox; display: -webkit-flex;display: flex;} #mydio_sub .order_detail ul.icons li{float:left;text-align:center;letter-spacing:-1px;color:#5c5c5c;box-sizing: border-box;-webkit-flex: 1;-ms-flex: 1;flex: 1;border:1px solid #ececec;border-right:none; padding-bottom:8px;} #mydio_sub .order_detail ul.icons li:first-child {border-left:1px solid #ececec;} #mydio_sub .order_detail ul.icons li.on{border:2px solid #f56397; color:#f56397;} #mydio_sub .order_detail ul.icons li span.icon{display:block;padding:8px 0 5px} #mydio_sub .order_detail ul.ortho_icons{overflow:hidden;font-size:13px;border:1px solid #ececec;height:133px;} #mydio_sub .order_detail ul.ortho_icons li{float:left;text-align:center;width:92px;letter-spacing:-1px;height:133px;color:#5c5c5c;box-sizing: border-box;border-left:1px solid #ececec;} #mydio_sub .order_detail ul.ortho_icons li:first-child{border-left:none;} #mydio_sub .order_detail ul.ortho_icons li.w1{width:91px;} #mydio_sub .order_detail ul.ortho_icons li.on{border:2px solid #f56397;color:#f56397;} #mydio_sub .order_detail ul.ortho_icons li span.icon{display:block;padding:10px 0 8px;} #mydio_sub .order_detail ul.ortho_icons2{overflow:hidden;font-size:13px;border:1px solid #ececec;height:133px;} #mydio_sub .order_detail ul.ortho_icons2 li{float:left;text-align:center;width:99px;letter-spacing:-1px;height:133px;color:#5c5c5c;box-sizing: border-box;border-left:1px solid #ececec;} #mydio_sub .order_detail ul.ortho_icons2 li:first-child{width:102px;border-left:none;} #mydio_sub .order_detail ul.ortho_icons2 li.w1{width:100px;} #mydio_sub .order_detail ul.ortho_icons2 li.on{border:2px solid #f56397;color:#f56397;} #mydio_sub .order_detail ul.ortho_icons2 li span.icon{display:block;padding:10px 0 8px;} /* #mydio_sub .order_detail ul.ortho_icons{overflow:hidden;font-size:13px;background:url(../images/hospital/mydio_img61_bg.gif) no-repeat 0 0;height:133px;} #mydio_sub .order_detail ul.ortho_icons.bg_us{background:url(../images/hospital/mydio_img61_bg02.gif) no-repeat 0 0;} #mydio_sub .order_detail ul.ortho_icons li{float:left;text-align:center;width:92px;letter-spacing:-1px;height:133px;color:#5c5c5c;box-sizing: border-box;} #mydio_sub .order_detail ul.ortho_icons li.w1{width:91px;} #mydio_sub .order_detail ul.ortho_icons li.on{background:url(../images/hospital/mydio_img60_bg.gif) no-repeat 50% 0;color:#f56397;} #mydio_sub .order_detail ul.ortho_icons li span.icon{display:block;padding:8px 0 5px;} */ /*20200330 modelCloud*/ #mydio_sub .order_detail ul.ortho_icons_mod{overflow:hidden;font-size:13px;background:url(../images/hospital/mydio_img61_bg_mod.png) no-repeat 0 0;height:133px;} #mydio_sub .order_detail ul.ortho_icons_mod li{float:left;text-align:center;width:220px;letter-spacing:-1px;height:133px;color:#5c5c5c;box-sizing: border-box;} #mydio_sub .order_detail ul.ortho_icons_mod li.w1{width:220px;} #mydio_sub .order_detail ul.ortho_icons_mod li.on{background:url(../images/hospital/mydio_img60_bg_mod.png) no-repeat 50% 0;color:#f56397;} #mydio_sub .order_detail ul.ortho_icons_mod li span.icon{display:block;padding:8px 0 5px} #mydio_sub .order_detail ul.ortho_icons_add{overflow:hidden;font-size:13px;background:url(../images/hospital/mydio_img61add_bg.gif) no-repeat 0 0;height:133px;} #mydio_sub .order_detail ul.ortho_icons_add li{float:left;text-align:center;width:157px;letter-spacing:-1px;height:133px;color:#5c5c5c;box-sizing: border-box;} #mydio_sub .order_detail ul.ortho_icons_add li:first-child{width:158px;} #mydio_sub .order_detail ul.ortho_icons_add li.w1{width:157px;} #mydio_sub .order_detail ul.ortho_icons_add li.on{background:url(../images/hospital/mydio_img60add_bg.gif) no-repeat 50% 0;color:#f56397;} #mydio_sub .order_detail ul.ortho_icons_add li span.icon{display:block;padding:8px 0 5px} #mydio_sub .order_detail ul.ortho_ad_icons{overflow:hidden;font-size:13px;background:url(../images/hospital/mydio_img69_bg.gif) no-repeat 0 0;height:143px;} #mydio_sub .order_detail ul.ortho_ad_icons li{float:left;text-align:center;width:84px;letter-spacing:-1px;height:143px;color:#5c5c5c;box-sizing: border-box;} #mydio_sub .order_detail ul.ortho_ad_icons li.w1{width:85px;} #mydio_sub .order_detail ul.ortho_ad_icons li.on{background:url(../images/hospital/mydio_img60_bg.gif) no-repeat 50% 0;color:#f56397;} #mydio_sub .order_detail ul.ortho_ad_icons li span.icon{display:block;padding:8px 0 5px} #mydio_sub .order_detail ul.ortho_ad_icons li.on{background:url(../images/hospital/mydio_img68_bg.gif) no-repeat 50% 0;color:#f56397;} #mydio_sub .order_detail ul.ortho_pnu_icons{overflow:hidden;font-size:13px;} #mydio_sub .order_detail ul.ortho_pnu_icons li{float:left;width:363px;border:1px solid #ececec;height:80px;box-sizing: border-box;} #mydio_sub .order_detail ul.ortho_pnu_icons li.on{border:2px solid #f56397;} #mydio_sub .order_detail .txt_sec{background:url(../images/hospital/mydio_img38_bg.gif) repeat-x 0 bottom;padding:25px 0 40px;text-align:center;font-size:16px;} #mydio_sub .order_detail .txt_sec1{background:url(../images/hospital/mydio_img38_bg.gif) repeat-x 0 bottom;padding:25px 0 40px;text-align:center;font-size:16px;border-top:1px solid #838383;} #mydio_sub .order_detail ul.state{overflow:hidden;padding:20px;border-top: 1px solid #f489b4;border-bottom: 1px solid #f489b4;background:#ffebf3;margin-bottom:40px;} #mydio_sub .order_detail ul.state li{float:left;width:45%;} #mydio_sub .mark_dv {margin-bottom:10px; padding-right:20px;float:right;} #mydio_sub .child_t{color:#155dff;} #mydio_sub .ic_teeth_srt{width:8px; height:8px; border-radius:4px; display:inline-block; margin:1px 5px;} #mydio_sub .ic_teeth_srt.ic_child {background:#155dff;} #mydio_sub .ic_teeth_srt.ic_adult {background:#3b3b3b;} .board_search_sec{overflow:hidden;margin:30px 0 15px;text-align:center;padding:25px 0;border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;} /* .board_search_sec input{vertical-align:middle;} */ .board_search_sec a.btn{background:#222;color:#fff;display:inline-block;padding:8px 30px;font-size:14px;} .board_search_sec span.txt{font-size:12px;display:inline-block;padding-right:8px;} .board_search_sec .form1 {font-size:14px;border:1px solid #d5d5d5; padding:6px;} .board_search_sec .form2 {font-size:14px;border:1px solid #d5d5d5; padding:7px;} .board_search_sec input::placeholder {color: #515151;} .board_search_sec1{overflow:hidden;margin:30px 0 15px;text-align:center;background:#f7f8f8;padding:20px 0;border:1px solid #e7e7e7;} .board_search_sec1 input{vertical-align:middle;} .board_search_sec1 a.btn{background:#3d3d3d;color:#fff;display:inline-block;padding:3px 25px 7px;font-size:13px;} .board_search_sec1 span.txt{font-size:12px;display:inline-block;padding-right:8px;} #mydio_sub span.state_ico1{background:url(../images/hospital/mydio_state_ico1.png) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:35px;} #mydio_sub span.state_ico2{background:url(../images/hospital/mydio_state_ico2.png) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:35px;} #mydio_sub span.state_ico3{background:url(../images/hospital/mydio_state_ico3.png) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:46px;display:block;padding-top:23px;line-height:16px;margin-left:35px;} #mydio_sub span.state_ico4{background:url(../images/hospital/mydio_state_ico4.png) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:35px;} #mydio_sub span.state_ico5{background:url(../images/hospital/mydio_state_ico5.png) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:35px;} #mydio_sub span.state_ico6{background:url(../images/hospital/mydio_state_ico5.png) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:35px;} #mydio_sub span.state_ico7{background:url(../images/hospital/mydio_state_ico7.png) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:46px;display:block;padding-top:23px;line-height:16px;margin-left:35px;} #mydio_sub span.state_ico8{background:url(../images/hospital/mydio_state_ico8.png) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:46px;display:block;padding-top:23px;line-height:16px;margin-left:35px;} #mydio_sub span.state_ico9{background:url(../images/hospital/mydio_state_ico9.png) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:46px;display:block;padding-top:23px;line-height:16px;margin-left:35px;} #mydio_sub span.state_or_ico001{background:url(../images/hospital/mydio_state_or_ico1.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico100{background:url(../images/hospital/mydio_state_or_ico2.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico200{background:url(../images/hospital/mydio_state_or_ico3.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico260{background:url(../images/hospital/mydio_state_or_ico3.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico250{background:url(../images/hospital/mydio_state_or_ico4.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico210{background:url(../images/hospital/mydio_state_or_ico5.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico300{background:url(../images/hospital/mydio_state_or_ico6.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico420{background:url(../images/hospital/mydio_state_or_ico7.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico380{background:url(../images/hospital/mydio_state_or_ico8.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico390{background:url(../images/hospital/mydio_state_or_ico8.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico450{background:url(../images/hospital/mydio_state_or_ico9.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico500{background:url(../images/hospital/mydio_state_or_ico10.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico550{background:url(../images/hospital/mydio_state_or_ico11.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico600{background:url(../images/hospital/mydio_state_or_ico12.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:46px;display:block;padding-top:23px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico700{background:url(../images/hospital/mydio_state_or_ico13.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ico800{background:url(../images/hospital/mydio_state_or_ico14.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico001{background:url(../images/hospital/mydio_state_or_ico1.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico200{background:url(../images/hospital/mydio_state_or_ad_ico1.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico260{background:url(../images/hospital/mydio_state_or_ad_ico1.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico250{background:url(../images/hospital/mydio_state_or_ad_ico2.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico210{background:url(../images/hospital/mydio_state_or_ad_ico3.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico300{background:url(../images/hospital/mydio_state_or_ad_ico4.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico380{background:url(../images/hospital/mydio_state_or_ad_ico5.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico390{background:url(../images/hospital/mydio_state_or_ad_ico6.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico450{background:url(../images/hospital/mydio_state_or_ad_ico7.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico420{background:url(../images/hospital/mydio_state_or_ad_ico7.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico500{background:url(../images/hospital/mydio_state_or_ad_ico8.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico550{background:url(../images/hospital/mydio_state_or_ad_ico9.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico600{background:url(../images/hospital/mydio_state_or_ad_ico10.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:46px;display:block;padding-top:23px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico700{background:url(../images/hospital/mydio_state_or_ad_ico11.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico800{background:url(../images/hospital/mydio_state_or_ad_ico12.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:46px;display:block;padding-top:23px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_ad_ico14{background:url(../images/hospital/mydio_state_or_ad_ico13.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_pnu_ico1{background:url(../images/hospital/mydio_state_or_ad_ico7.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} #mydio_sub span.state_or_pnu_ico2{background:url(../images/hospital/mydio_state_or_ad_ico14.gif) no-repeat 0 0;text-align:center;font-size:12px;width:66px;vertical-align:middle;height:54px;display:block;padding-top:15px;line-height:16px;margin-left:15px;} /*주문서 검색 210909*/ .order_doc_sch {border:1px solid #d5d5d5; padding: 10px; margin-top:10px; box-size:border-box; } .order_doc_sch dl {width:85%; margin:0 auto; overflow:hidden;} .order_doc_sch dl dt {width:20%;float:left; font-size:18px; color:#222; font-weight:500; padding-top:5px; } .order_doc_sch dl dd {width:80%;float:left; overflow:hidden;} .order_doc_sch .order_sch_fm {width:68%;height:38px; background:#ededed; border:none; padding:0 10px; float:left;} .order_doc_sch .btn_sch {width:100px;height:38px; background:#333333; color:#fff; text-align:center;font-weight:400; font-size:14px; padding: 8px; float:left; display:inline-block; border-radius:3px; margin-left:5px;} .order_doc_sch .btn_clear {width:100px;height:38px; background:#75a9d2; color:#fff; text-align:center;font-weight:400; font-size:14px; padding: 8px; float:left; display:inline-block; border-radius:3px; margin-left:5px;} .ord_sch_wr {width:100%; text-align:center; margin-bottom:25px;} .ord_sch_wr .btn_sch {width:120px;height:38px; background:#333333; color:#fff; text-align:center;font-weight:400; font-size:14px; display:inline-block; border-radius:3px;margin:0 2px;} .ic_apply_chk {width:26px; height:26px; display:inline-block; border-radius:13px; background:#d0d0d0 url(../images/hospital/ic_apply_chk.png) no-repeat 50% 50%;} .ic_apply_chk.chked {background:#333 url(../images/hospital/ic_apply_chk.png) no-repeat 50% 50%;} /* 주문서 원격지원 요청 */ .remote_support {border: 1px solid #d5d5d5; margin-bottom:20px;} .remote_support .title {font-size:18px; font-weight:500; text-align:center;padding:10px;border-bottom: 1px solid #d5d5d5;margin-bottom:20px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgba(206, 206, 206, .25) 90%); } .remote_support .remote_dtl {display: -ms-flexbox; display: -webkit-flex;display: flex; width:98%; margin: 0 auto 20px; } .remote_support .remote_dtl .col {-webkit-flex: 1;-ms-flex: 1;flex: 1; border-left:1px solid rgba(219,219,219,.7);padding:10px;} .remote_support .remote_dtl .col:first-child {border-left:none;} .remote_support .remote_dtl .col .stit {font-size:14px;font-weight:500; margin-bottom:10px;} .remote_support .remote_dtl .col .dtl_cnt {font-size:14px;} .remote_support .remote_dtl .col .dtl_cnt li {margin-bottom:5px;padding-left:5px;} .remote_support .btn_remote_support {width:auto; padding:12px 30px;} /* popup */ #popup_wrap{width:100%;} #popup_wrap .title_sec{background:#475c8e;position:relative;height:60px;} #popup_wrap .title_sec p.title{padding:17px 0 0 25px;} #popup_wrap .title_sec p.btn_close{position:absolute;top:17px;right:35px;} #popup_wrap .cont_sec p.c_img{padding-left:39px;padding-top:40px;} #popup_wrap1{width:100%; overflow:hidden;} #popup_wrap1 .title_sec{background:#f24d88;position:relative;height:60px;} #popup_wrap1 .title_sec p.title{padding:12px 0 0 25px;color:#fff;font-size:24px;font-weight:100;} #popup_wrap1 .title_sec p.btn_close{position:absolute;top:17px;right:35px;} #popup_wrap1 .cont_sec p.c_img{} #popup_wrap1 .pop_inner {width:90%; margin: 40px auto; } #popup_wrap1 label {margin:0 5px;} #popup_wrap1 .p_btn_wr {width:100%;text-align:center; margin-top:30px;} #popup_wrap1 .p_btn {padding: 10px 20px; text-align:center; font-size:15px;color:#fff; min-width:70px; background:#444444;margin:0 3px;display:inline-block; } #popup_wrap1 .p_btn.str {background:#f56397;} /* dms */ #dms_sub{} #dms_sub div.go_menu{width:100%;border-bottom:1px solid #d9d9d9;text-align:left;display:none;} #dms_sub ul.go_menu{width:1099px;margin:0 auto;border-left:1px solid #d9d9d9;font-size:13px;position:relative;background:#fff;height: 46px;} #dms_sub ul.go_menu li{float:left;border-right:1px solid #d9d9d9;background:url(../images/hospital/ico_jump.gif) no-repeat right 50%;width:220px;} #dms_sub ul.go_menu li a{display:block;padding:12px 0 15px 20px;} #dms_sub ul.go_menu li.home {padding:12px 0 15px;background:none;text-align:center;width:50px;} #dms_sub ul.go_menu li.home img{vertical-align:middle;} #dms_sub ul.go_menu ul.snb{position:absolute;left:271px;top:46px;background:#fff;border-top:1px solid #d9d9d9;z-index: 800;} #dms_sub ul.go_menu ul.snb li{clear:both;background:#fff;background:none;width:220px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} #dms_sub ul.go_menu ul.snb li a{display:block;padding:10px 10px 12px 20px;} #dms_sub ul.go_menu ul.snb1{position:absolute;left:492px;top:46px;background:#fff;border-top:1px solid #d9d9d9;z-index: 800;} #dms_sub ul.go_menu ul.snb1 li{clear:both;background:#fff;background:none;width:220px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} #dms_sub ul.go_menu ul.snb1 li a{display:block;padding:10px 10px 12px 20px;} #dms_sub .visual{clear:both;height:298px;} #dms_sub .visual_bg1{background:url(../images/hospital/dms_bg1.jpg) no-repeat 50% 0;} #dms_sub .visual_bg2{background:url(../images/hospital/dms_bg2.jpg) no-repeat 50% 0;} #dms_sub .visual_bg3{background:url(../images/hospital/dms_bg3.jpg) no-repeat 50% 0;} #dms_sub .mydio_cont_sec{width:1100px;margin:0 auto;text-align:left;} #dms_sub .contents{width:1100px;margin:0 auto;position:relative;text-align:left;} #dms_sub ul.lnb{position:absolute;right:0;top:65px;overflow:hidden;font-size:12px;} #dms_sub ul.lnb li{float:left;background:url(../images/hospital/ico_arrow.gif) no-repeat 10px 8px;padding-left:22px;} #dms_sub ul.lnb li.home{background:none;} #dms_sub .guide_sec{float:right;width:226px;} #dms_sub td.dms_reg{padding:0;} #dms_sub .dms_list{margin:50px 0 100px;} #dms_sub .dms_list div.dms_reg{border-top:2px solid #e83877;border-bottom:2px solid #e83877;position:relative;padding:20px 20px 30px;text-align:left;width:1056px;} #dms_sub div.dms_reg p.p_img{position:absolute;top:-2px;right:140px; } #dms_sub div.dms_reg .title_sec {font-size:18px;padding-bottom:30px;padding-left:2px;} #dms_sub div.dms_reg p.btn_close{position:absolute;top:20px;right:25px;} #dms_sub div.dms_reg a.btn_reg{border:1px solid #5e6264;padding:4px 0 8px;font-size:12px;border-radius:1px;width:100px;} #dms_sub div.dms_reg a.btn_cancel{background:#3a3a3a;border:none;color:#fff;padding:4px 0 8px;font-size:12px;border-radius:1px;width:100px;} #dms_sub div.dms_reg .btn_sec{width:100%;clear:both;text-align:center;} #dms_sub div.dms_reg .reg_sec{overflow:hidden;padding:20px 2px 60px;} #dms_sub div.dms_reg .reg_sec dl{float:left;padding-right:25px;} #dms_sub div.dms_reg .reg_sec dl.end{padding-right:0; margin-bottom:10px;} #dms_sub div.dms_reg .reg_sec dt{font-size:14px;padding-bottom:10px;} #dms_sub tr.dms_reg td{border-bottom:none;} #dms_sub .dms_list td span.check{background:url(../images/hospital/ico_check.gif) no-repeat 0 0;padding-left:26px;height:20px;display:inline-block;} #dms_sub .dms_list td span.check_on{background:url(../images/hospital/ico_check_on.gif) no-repeat 0 0;padding-left:26px;height:20px;display:inline-block;color:#e92f71;} #dms_sub .dms_list .br_left{border-left:1px solid #eeeeee;} #dms_sub .dms_list .menu_sec{position:relative;} #dms_sub .dms_list .txt_sec{padding:30px 20px;font-size:14px;} #dms_sub .dms_list .menu_sec p.btn_pre{position:absolute;left:0;top:0;} #dms_sub .dms_list .menu_sec p.btn_next{position:absolute;right:0;top:0;} #dms_sub .dms_list .menu_sec ul{overflow:hidden;border-bottom:1px solid #e5e5e5;} #dms_sub .dms_list .menu_sec ul li{float:left;width:220px;height:43px;background:url(../images/hospital/mydio_tab_bg.gif) no-repeat 0 0;text-align:center;color:#3c3c3c;font-size:14px;} #dms_sub .dms_list .menu_sec ul li.end{background:url(../images/hospital/mydio_tab_bg_end.gif) no-repeat 0 0;} #dms_sub .dms_list .menu_sec ul li.on{background:url(../images/hospital/mydio_tab_bg_on.gif) no-repeat 0 0;color:#fff;} #dms_sub .dms_list .menu_sec ul li a{display:block;height:43px;padding-top:9px;} #dms_sub .about {} #dms_sub .about .sec1{background:url(../images/hospital/dms_bg4.jpg) no-repeat 50% 0;height:790px;position:relative;} #dms_sub .about .sec1 div.cont1{width:1100px;margin:0 auto;padding-top:50px;font-size:15px;} #dms_sub .about .sec1 div.cont1 dl dt{padding-bottom:475px;} #dms_sub .about .sec1 div.cont1 dl dd.txt{font-size:32px;line-height:28px;padding-bottom:25px;} #dms_sub .about .sec1 div.cont1 dl dd.txt1{line-height:28px;} #dms_sub .about .sec1 div.cont1 dl dd a.btn{border:1px solid #fff;padding:13px 50px 15px;} #dms_sub .about .sec1 div.cont1 dl dd a:hover.btn{border:1px solid #1b191b;background:#25272a;color:#fff;} #dms_sub .about .sec1 div.cont2{width:1100px;margin:0 auto;background:url(../images/hospital/dmc_img3.png) no-repeat 50% 110px;padding-top:400px;font-size:15px;display:none;} #dms_sub .about .sec1 div.cont2 dl dt{font-size:32px;padding-bottom:45px;} #dms_sub .about .sec1 div.cont2 dl dd.txt{line-height:28px;height:145px;} #dms_sub .about .sec1 div.cont2 dl dd a.btn{border:1px solid #fff;padding:13px 50px 15px;} #dms_sub .about .sec1 .r_btn{position:absolute;bottom:40px;text-align:center;width:100%;} #dms_sub .about .sec1 .r_btn a img{padding:5px;} #dms_sub .about .sec1 a.btn_next{position:absolute;top:350px;right:50px;} #dms_sub .about .sec1 a.btn_pre{position:absolute;top:350px;left:50px;} #dms_sub .about .sec2{width:1100px;margin:0 auto;text-align:center;padding:70px 0 100px;} #dms_sub .about .sec2 ul.list{overflow:hidden;} #dms_sub .about .sec2 ul.list li{float:left;text-align:center;width:345px;padding:0 10px;} #dms_sub .about .sec2 ul.list li span{display:block;} #dms_sub .about .sec2 ul.list li span.pic{padding-bottom:40px;} #dms_sub .about .sec2 ul.list li span.title{padding-bottom:15px;font-size:24px;} #dms_sub .about .sec2 ul.list li span.txt{font-size:14px;line-height:22px;color:#656565;} #dms_sub .about .sec2 p.title{text-align:center;padding-bottom:80px;} #dms_sub .about .sec3{background:url(../images/hospital/dmc_img6_bg.gif) repeat-x 0 0;margin:0 auto;padding-bottom:110px;} #dms_sub .about .sec3 p.title{text-align:center;padding-bottom:70px;padding-top:80px;} #dms_sub .about .sec3 dl{float:left;width:334px;} #dms_sub .about .sec3 dl dt{background:#2a3c67;text-align:center;color:#fff;font-size:24px;font-weight:normal;padding:15px 0;} #dms_sub .about .sec3 dl dd{border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background:#fff;height:510px;} #dms_sub .about .sec3 dl span.pic{display:block;vertical-align:bottom;} #dms_sub .about .sec3 dl.condi2{margin:0 48px;} #dms_sub .about .sec3 dl ul{text-align:left;padding:0 30px;font-size:13px;} #dms_sub .about .sec3 dl ul li{padding-bottom:8px;} #dms_sub .about .sec3 dl.condi1 span.pic{padding-top:130px;height:240px;} #dms_sub .about .sec3 dl.condi2 span.pic{padding-top:60px;height:310px;} #dms_sub .about .sec3 dl.condi3 span.pic{padding-top:105px;height:265px;} #dms_sub .about .sec3 a.btn{border:1px solid #5e6264;padding:13px 70px 15px;font-size:18px;} #dms_sub .about .sec3 a:hover.btn{background:#25272a;color:#fff;} #dms_sub .about .sec3 .min_width{margin-bottom:90px;} #dms_sub dl.noti_list{text-align:left;padding-bottom:100px;width:1050px;margin:0 auto;} #dms_sub dl.noti_list dt{font-size:18px;padding-bottom:15px;background:url(../images/hospital/ico_noti.gif) no-repeat 0 6px;padding-left:23px;} #dms_sub dl.noti_list dd{font-size:13px;letter-spacing:0;} #dms_sub dl.noti_list dd li{background:url(../images/hospital/bl_square.gif) no-repeat 4px 13px;padding:4px 0 4px 15px;} #sub_container .dms{margin:0 auto 100px 0;width:100%;position:relative;} #sub_container .dms .title_sec{margin:40px 0 20px;} #sub_container .dms .title_sec1{margin:0 0 20px;border-bottom: 1px solid #626262;text-align: left;} #sub_container .dms .search_sec{background:url(../images/hospital/mk_img1_bg.jpg) no-repeat 50% 0;height:183px;padding-top:115px} #sub_container .dms .cont_sec{margin:80px 0;position:relative;} #sub_container .dms .menu_btn{font-size:14px;} #sub_container .dms .menu_btn p.btn_pre a{position:absolute;top:65px;left:50%;margin-left:-550px;} #sub_container .dms .menu_btn p.btn_next a{position:absolute;top:65px;right:50%;margin-right:-550px;} #dms_sub .point_cont1{margin:0 auto;background:url(../images/hospital/point_bg1.jpg) no-repeat 50% 0;height:880px;} #dms_sub .point_cont1 p.title1{text-align:center;padding:70px 0 45px;} #dms_sub .point_cont1 p.title2{text-align:center;font-size:15px;color:#3e3e3e;height:190px;line-height:1.7em;} #dms_sub .point_cont1 ul.graph{overflow:hidden;width:990px;margin:0 auto;} #dms_sub .point_cont1 ul.graph li{display:inline-block;text-align:center;text-align:left;} #dms_sub .point_cont1 ul.graph li.end{text-align:right;} #dms_sub .point_cont1 ul.graph li.cnt{text-align:center;width:450px;} #dms_sub .point_cont1 ul.mypoint{overflow:hidden;width:790px;margin:120px auto 0;background-color:rgba(255, 255, 255, 0.7);font-size:14px;} #dms_sub .point_cont1 ul.mypoint li.point{float:left;padding:16px 50px 0 60px;height:40px;} #dms_sub .point_cont1 ul.mypoint li.point span.grade{font-weight:bold;padding-left:20px;padding-right:70px;letter-spacing:0;} #dms_sub .point_cont1 ul.mypoint li.point span.point{font-weight:bold;padding-left:20px;padding-right:40px;letter-spacing:0;} #dms_sub .point_cont1 ul.mypoint li.more{float:right;background:#585d63;background-color:rgba(52,55,62,0.8);padding:16px 30px 0 30px;height:40px;} #dms_sub .point_cont1 ul.mypoint li.more a{color:#fff;} #dms_sub .point_cont2{margin:77px auto 75px;} #dms_sub .point_cont2 p.title1{text-align:center;padding-bottom:30px;} #dms_sub .point_cont2 p.title2{text-align:center;font-size:15px;color:#3e3e3e;line-height:26px;} #dms_sub .point_cont5{width:1070px;margin:70px auto 100px;text-align:left;} #dms_sub .point_cont5 dt{font-size:15px;padding-bottom:10px;} #dms_sub .point_cont5 dd{margin-bottom:60px;} #dms_sub .point_cont5 dd ul{font-size:12px;color:#3d3d3d;} #dms_sub .point_cont5 dd ul li{padding:3px 0 3px 10px;background:url(../images/hospital/ico_dot.gif) no-repeat 2px 12px;} #dms_sub .point_cont3{background:#ffe5a3;} #dms_sub .point_cont3 ul.step{overflow:hidden;width:1100px;margin:0 auto;padding:70px 0 75px;} #dms_sub .point_cont3 ul.step li{float:left;} #dms_sub .point_cont3 ul.step li span{display:block;text-align:center;} #dms_sub .point_cont3 ul.step li.st1{padding-left:5px;width:310px;} #dms_sub .point_cont3 ul.step li.st2{padding-left:55px;background:url(../images/hospital/point_img7.gif) no-repeat 15px 102px;} #dms_sub .point_cont3 ul.step li.st3{float:right;background:url(../images/hospital/point_img7.gif) no-repeat left 102px;padding-right:5px;width:350px;} #dms_sub .point_cont3 ul.step li span.num{height:60px;} #dms_sub .point_cont3 ul.step li span.pic{height:205px;} #dms_sub .point_cont3 ul.step li span.title{height:50px;font-size:22px;letter-spacing:-1px;} #dms_sub .point_cont3 ul.step li span.txt{font-size:14px;line-height:22px;color:#4e4e4e;} #dms_sub .point_cont4{background:#f8f7f3;padding:90px 0 100px;} #dms_sub .point_cont4 p.title{text-align:center;padding-bottom:70px;} #dms_sub .point_cont4 table.grade{width:1100px;margin:0 auto;border-collapse:collapse;background:#fff;} #dms_sub .point_cont4 table.grade td{border:1px solid #dedede;text-align:center;position:relative;vertical-align:top;padding-bottom:90px;} #dms_sub .point_cont4 table.grade td span.pic{position:absolute;left:-1px;top:-1px;} #dms_sub .point_cont4 dl.grade{} #dms_sub .point_cont4 dl.grade dt{padding:40px 0 50px} #dms_sub .point_cont4 dl.grade dd.card{padding-bottom:60px;} #dms_sub .point_cont4 ul.list{margin:0 25px;font-size:13px;} #dms_sub .point_cont4 ul.list li{border-bottom:1px solid #dedede;padding:7px 0 9px;} #dms_sub .point_cont4 ul.list li span.bg{background:#fffb97;padding: 1px 6px 4px;} /* mileage */ /* seminar */ #seminar{background:url(../images/hospital/seminar_img2.jpg) no-repeat 50% 0;} #seminar .cont_sec{} #seminar ul.tab_menu{width:650px;margin:0 auto;overflow:hidden;} #seminar ul.tab_menu li{float:left;text-align:center;font-size:14px;color:#2e2e2e;} #seminar ul.tab_menu li a{padding:10px 0 13px;border:1px solid #cdcdcd;width:210px;display:block;background:#fff;} #seminar ul.tab_menu li.mg a{margin-left:-1px;} #seminar ul.tab_menu li.on a{background:#894bb0;color:#fff;} #sub_container .seminar_sch{margin:0 auto 100px 0;width:100%;position:relative;} #seminar .title_sec{margin:80px 0 20px;} #seminar .seminar_my .title_sec2{width:1100px;margin:30px auto 20px;font-size:18px;overflow:hidden;text-align:left;} #seminar .seminar_my .title_sec2 span.total{font-size:13px;display:inline-block;float:right;padding-top:10px;} #seminar .title_sec1{margin:0 0 20px;border-bottom: 1px solid #626262;text-align: left;} #seminar .search_sec{background:url(../images/hospital/mk_img1_bg.jpg) no-repeat 50% 0;height:183px;padding-top:115px} #seminar .cont_sec{margin:25px 0 90px;position:relative;} #seminar .thumb_sec table.list{width:1100px;margin:50px auto 20px;border-collapse:collapse;border-top:1px solid #727272;} #seminar .thumb_sec table.list td{border-bottom:1px solid #dddddd;padding:45px 5px 45px 0;} #seminar .thumb_sec .info_sec{overflow:hidden;text-align:left;position:relative;} #seminar .thumb_sec .info_sec span.ico_end{position:absolute;left:70px;top:115px;} #seminar .thumb_sec .info_sec p.thumb{float:left;} #seminar .thumb_sec .info_sec p.thumb img{border:1px solid #e4e4e4;} #seminar .thumb_sec .info_sec dl{float:left;width:260px;margin-left:25px;} #seminar .thumb_sec .info_sec dl dt{font-size:20px;padding-bottom:15px;padding-top: 5px;line-height:28px;} #seminar .thumb_sec .info_sec dl dd{font-size:14px;line-height:24px;word-break:keep-all;} #seminar .thumb_sec .info_sec dd ul{margin-top:30px;} #seminar .thumb_sec .info_sec dd.more{} #seminar .thumb_sec .info_sec dd.more a{font-size:13px;background:#f3f3f3;border:1px solid #b2b2b2;padding:4px 25px;position:absolute;left:265px;bottom:0;transition: all 0.5s;} #seminar .thumb_sec .info_sec dd.more a:hover{background:#36363d;border:1px solid #252525;color:#fff;} #seminar .thumb_sec .info_sec dd.end{padding:2px 40px 6px;position:absolute;left:265px;bottom:0;font-size:13px;background:#36363d;border:1px solid #252525;color:#fff;} #seminar .region_sec{margin:90px auto 20px;width:1100px;} #seminar .region_sec ul.region{overflow:hidden;margin-bottom:50px;} #seminar .region_sec ul.region li{float:left;text-align:center;background:url(../images/hospital/seminar_tab_off.gif) no-repeat 0 0;width:91px;font-size:14px;height:56px;padding-top:24px;} #seminar .region_sec ul.region li.on{background:url(../images/hospital/seminar_tab_on.gif) no-repeat 0 0;} #seminar .region_sec ul.region li.on a{color:#7900c5;} #seminar .region_sec ul.region li.first{margin-left:-1px;width:99px;} #seminar .region_sec .list_sec p.title{font-size:20px;padding-bottom:18px;padding-left:5px;} #seminar .region_sec .list_sec p.title span.total{text-align:right;font-size:13px;display:inline-block;float:right;padding-top:10px;padding-right:8px;letter-spacing:0;} #seminar .region_sec .etc{letter-spacing:0;margin-top:40px;text-align:left;} #seminar .region_sec .etc span{display:inline-block;padding:0 60px;margin-bottom: 10px;} #seminar .region_sec span.ico_dda{background:url(../images/hospital/ico_seminar_dda.png) no-repeat 0 6px;padding-left:15px;} #seminar .region_sec span.ico_ortho{background:url(../images/hospital/ico_seminar_dds.png) no-repeat 0 6px;padding-left:15px;} #seminar .region_sec span.ico_staff{background:url(../images/hospital/ico_seminar_staff.png) no-repeat 0 6px;padding-left:15px;} #seminar .region_sec span.ico_trios{background:url(../images/hospital/ico_seminar_trios.png) no-repeat 0 6px;padding-left:15px;} #seminar .region_sec span.ico_symposium{background:url(../images/hospital/ico_seminar_symposium.png) no-repeat 0 6px;padding-left:15px;} #seminar .region_sec span.ico_digital{background:url(../images/hospital/ico_seminar_digital.png) no-repeat 0 6px;padding-left:15px;} #seminar .month_sec{margin:90px auto 20px;width:1100px;} #seminar .month_sec ul.month{overflow:hidden;margin-bottom:50px;} #seminar .month_sec ul.month li{float:left;text-align:center;background:url(../images/hospital/seminar_tab_off.gif) no-repeat 0 0;width:80px;font-size:14px;height:56px;padding-top:24px;} #seminar .month_sec ul.month li.on{background:url(../images/hospital/seminar_tab_on.gif) no-repeat 0 0;} #seminar .month_sec ul.month li.on a{color:#7900c5;} #seminar .month_sec ul.month li.first{margin-left:-1px;width:140px;font-size: 17px;} #seminar .month_sec ul.month li.bg_none{background:url(../images/hospital/seminar_tab_off1.gif) repeat-x 0 0;} #seminar .month_sec .list_sec {overflow:hidden;} #seminar .month_sec .list_sec .calendar{float:left;width:283px;text-align:center;padding-top: 6px;min-height: 370px;} #seminar .month_sec .list_sec .calendar p.title{text-align:center;font-size:18px;height:32px;} #seminar .month_sec .list_sec .calendar .year{color:#fff;font-size:15px;background:url(../images/hospital/seminar_img11.gif) no-repeat 0 0;height:58px;} #seminar .month_sec .list_sec .calendar .year span{padding-top:20px;display:inline-block;} #seminar .month_sec .list_sec .year a{padding:5px 10px;display:inline-block;} #seminar .month_sec .list_sec .year a img{vertical-align:middle;} #seminar .month_sec .list_sec .year a.btn_pre{margin-right:20px;} #seminar .month_sec .list_sec .year a.btn_next{margin-left:20px;} #seminar .month_sec .list_sec .calendar .bg{background:url(../images/hospital/seminar_img12.gif) no-repeat 0 0;padding:12px 0 50px;} #seminar .month_sec .list_sec .tb_seminar{width:90%;margin:0 auto;font-size:13px;} #seminar .month_sec .list_sec .tb_seminar thead th{padding-bottom:25px;font-weight:500;} #seminar .month_sec .list_sec .tb_seminar tbody td{padding:5px 0;} #seminar .month_sec .list_sec .tb_seminar td.rsv{background:url(../images/hospital/seminar_img13.gif) no-repeat 50% 50%;color:#fff;} #seminar .month_sec .list_sec .list{float:right;width:750px;} #seminar .month_sec .list p.title{font-size:20px;padding-bottom:18px;padding-left:5px;} #seminar .month_sec .list p.title span.total{text-align:right;font-size:13px;display:inline-block;float:right;padding-top:10px;padding-right:8px;letter-spacing:0;} #seminar .month_sec .list_sec .etc{text-align:left;letter-spacing:0;margin-top:40px;} #seminar .month_sec .list_sec .etc span{display:inline-block;margin-bottom: 10px;margin-right:35px;} #seminar .month_sec .list_sec span.ico_dda{background:url(../images/hospital/ico_seminar_dda.png) no-repeat 0 6px;padding-left:15px;} #seminar .month_sec .list_sec span.ico_ortho{background:url(../images/hospital/ico_seminar_dds.png) no-repeat 0 6px;padding-left:15px;} #seminar .month_sec .list_sec span.ico_staff{background:url(../images/hospital/ico_seminar_staff.png) no-repeat 0 6px;padding-left:15px;} #seminar .month_sec .list_sec span.ico_trios{background:url(../images/hospital/ico_seminar_trios.png) no-repeat 0 6px;padding-left:15px;} #seminar .month_sec .list_sec span.ico_symposium{background:url(../images/hospital/ico_seminar_symposium.png) no-repeat 0 6px;padding-left:15px;} #seminar .month_sec .list_sec span.ico_advanced{background:url(../images/hospital/ico_seminar_advanced.png) no-repeat 0 50%;padding-left:15px;letter-spacing:0;} #seminar .month_sec .list_sec span.ico_digital{background:url(../images/hospital/ico_seminar_digital.png) no-repeat 0 6px;padding-left:15px;} #seminar .seminar_my{width:1100px;} #seminar ul.gallery{overflow:hidden;width: 1100px;margin:10px auto 20px;border-top: 1px solid #888888;padding-top:25px;} #seminar ul.gallery li{float:left;text-align:center;padding:5px 0 6px 9px;} #seminar ul.gallery li.first{padding-left:0;} #seminar ul.gallery li a img{width:268px;height:200px;} #seminar .seminar_sec{position:relative;margin: 90px auto 20px;} #seminar .seminar_sch{position:relative;width:100%;} #seminar .seminar_gallery{position:relative;width:100%;} #seminar .seminar_my{position:relative;width:100%;} #sub_container .menu_btn{font-size:14px;} #sub_container .menu_btn p.btn_pre a{position:absolute;top:65px;left:50%;margin-left:-550px;} #sub_container .menu_btn p.btn_next a{position:absolute;top:65px;right:50%;margin-right:-550px;} #seminar .seminar_my .visual{background:url(../images/hospital/seminar_img1.jpg) no-repeat 50% 0;height: 153px;padding-top: 96px;} #seminar .seminar_my .list_sec{width:1100px;margin:20px auto 100px;} #seminar .seminar_my .list_sec p.title{font-size:30px;padding-bottom:25px;padding-left:3px;} #seminar .seminar_my .list_sec p.title span{display:inline-block;font-size:14px;padding-left:40px;} #seminar .pic_icon{text-align:center;} .seminar_sch .detail_sec{width:1100px;margin:160px auto 0;} .seminar_sch .detail_sec div.pdf_down a.pdf_down{background:url(../images/hospital/seminar_dim2018_img6.png) no-repeat 180px 13px;background-color:#242121;color:#f3f3f3;font-size:18px;font-weight:100;padding:8px 90px 10px 60px;display:inline-block;border-radius:2px;border:none;} .seminar_sch .detail_sec div.pdf_down a.pdf_down:hover{background:url(../images/hospital/seminar_dim2018_img6.png) no-repeat 180px 13px;background-color:#f42222;border:none;} .seminar_sch .detail_sec .sec1{} .seminar_sch .detail_sec .sec1 ul{border-top:1px solid #b6b6b6;border-bottom:1px solid #6c6c6c;border-left:1px solid #9e9e9e;border-right:1px solid #9e9e9e;height:70px;background:#fff;} .seminar_sch .detail_sec .sec1 li.list{float:left;border-right:1px solid #9e9e9e;width:68px;height:70px;} .seminar_sch .detail_sec .sec1 li.list a img{padding:27px 23px 25px;} .seminar_sch .detail_sec .sec1 li.title{float:left;text-align:center;font-size:20px;width:960px;padding-top:24px;font-family: 'Roboto', sans-serif;} .seminar_sch .detail_sec .sec1 li.sns{float:right;border-left:1px solid #9e9e9e;width:68px;height:70px;} .seminar_sch .detail_sec .sec1 dl.sns{width:68px;position:relative;} .seminar_sch .detail_sec .sec1 dl.sns dt a {display:inline-block;height:70px;width:68px;padding:12px 0;} .seminar_sch .detail_sec .sec1 dl.sns dt a img{padding-top:9px;} .seminar_sch .detail_sec .sec1 dl.sns dd{position:absolute;top:70px;right:-1px;width:68px;border-bottom:1px solid #6c6c6c;border-left:1px solid #9e9e9e;border-right:1px solid #9e9e9e;background:#fff;padding:15px 0 20px;display:none;} .seminar_sch .detail_sec .sec1 dl.sns dd a{display:block;} .seminar_sch .detail_sec .sec1 dl.sns dd img{padding:7px 0;} .seminar_sch .detail_sec .sec2{border-top: 2px solid #e1e1e1;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;background:#f7f7f7;text-align:center;padding:80px 0;} .seminar_sch .detail_sec .sec2 .poster{padding-bottom:50px;} .seminar_sch .detail_sec .sec2 a.reg{border:1px solid #959595;margin:0 auto;text-align:center;padding:11px 60px 13px;background:#fff;font-size:16px;color:#000000;border-radius:2px;box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);transition: all 0.5s;} .seminar_sch .detail_sec .sec2 a:hover.reg {background:#36363d;border:1px solid #252525;margin:0 auto;text-align:center;font-size:16px;color:#fff;border-radius:2px;} .seminar_sch .detail_sec .sec3{border:1px solid #e4e4e4;padding:100px 60px;font-size:14px;margin-bottom:50px;} .seminar_sch .detail_sec .sec3 .section{margin-bottom:100px;} .seminar_sch .detail_sec .sec3 p.title{padding-bottom:20px;} .seminar_sch .detail_sec .sec3 p.stitle{padding:10px 0 15px 5px;font-size:15px;} .seminar_sch .detail_sec .sec3 p.stitle1{padding:30px 0 15px 5px;font-size:15px;} .seminar_sch .detail_sec .sec3 p.txt1{line-height:26px;} .seminar_sch .detail_sec div.dda_handson{overflow:hidden;} .seminar_sch .detail_sec dl.dda_handson{width:481px;float:left;margin-bottom:25px;} .seminar_sch .detail_sec dl.dda_handson:nth-child(2){margin-left:16px;} .seminar_sch .detail_sec dl.dda_handson:nth-child(4){margin-left:16px;} .seminar_sch .detail_sec dl.dda_handson dt{background:#f26094;border-radius:4px 4px 0 0;color:#fff;font-size:17px;padding:14px 0 13px;} .seminar_sch .detail_sec dl.dda_handson dd.thumb{} .seminar_sch .detail_sec dl.dda_handson dd.txt{background:#f3f3f3;text-align:left;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:25px 25px 55px;font-size:13px;line-height:24px;} .seminar_sch .detail_sec dl.dda_handson dd.txt span{color:#ee3577;} .seminar_sch .sch {border-top: 1px solid #dfdfdf;} .seminar_sch .sch dl {margin-bottom:20px;width:100%;overflow:hidden;} .seminar_sch .sch dl dt{width:15%;padding:10px 20px; font-size:16px; font-weight:500; text-align:left;float:left;box-sizing: border-box;border-bottom: 1px dashed #dfdfdf; } .seminar_sch .sch dl dd {width:85%;border-bottom: 1px dashed #dfdfdf; padding:12px 20px;text-align:left;float:left;box-sizing: border-box;} .seminar_sch .sch .last{border-bottom: 1px solid #dfdfdf;} .seminar_contact {padding-left:20px;} /* 세미나상세팝업 */ #popup{color: #3b3b3b;} #popup .header{position:relative;border-bottom:2px solid #f74f8a;background:#fafafa;} #popup .header p.title{padding:10px 0 10px 22px;font-size: 16px;} #popup .header p.close a{position:absolute;top:11px;right:11px;display:block;border:1px solid #d1d1d1;background:#fff;padding:3px;border-radius:2px;} #popup .container{padding:30px 25px 40px;} #popup dl.info{margin-bottom:40px;} #popup dl.info dt{padding-bottom:10px;font-size: 24px;font-weight: 400;} #popup dl.info dd{padding:2px 5px;font-size:13px;} #popup dl.info dd span{background:url(../images/common/bl_dot1.gif) no-repeat 0 8px;padding-left:10px;width:85px;display:inline-block;} #popup .tb_sec{} #popup .tb_sec p.title{padding-bottom:12px;font-size: 24px;font-weight: 400;} #popup .search_sec{margin-bottom:70px;} #popup p.c_title1{padding-bottom:4px;} #popup p.c_title2{font-size:14px;padding-bottom:20px;} #popup p.c_title2 span{text-decoration:underline;color:#d80755;} #popup p.c_btn{text-align:center;margin-top:30px} #popup a.c_search{background:#4f4f4f;border-radius:200px;text-align:center;padding:8px 40px 11px;color:#fff;font-size:13px;} #popup a.btn_cancel{background:#231e20;border-radius:2px;text-align:center;color:#fff;padding:2px 0 5px;width:75px;display:inline-block;font-size:12px;} #popup a.btn_re{background:#f66299;border-radius:2px;text-align:center;color:#fff;padding:2px 0 5px;width:75px;display:inline-block;font-size:12px;} #popup .form1{border:1px solid #c5c5c5;font-family:'Noto Sans Kr', sans-serif,'Roboto', 'Open Sans', sans-serif;padding:3px 10px 3px;font-size:13px;} #popup .form2{border:1px solid #c5c5c5;font-family:'Noto Sans Kr', sans-serif,'Roboto', 'Open Sans', sans-serif;padding:2px 2px 2px 3px;font-size:13px;} #popup table.tb1{width:100%;text-align: center;} #popup table.tb1 thead th{border-top:2px solid #5c5c5c;background:#d2dcf4;font-weight:500;text-align:center;padding:8px 0 11px;color:#2c2c2c;font-weight:500;} #popup table.tb1 tbody td{padding:8px 0 ;} #popup table.tb1 tbody td.td_alignL{text-align:left;} /* dim2018 */ .seminar_sch .detail_sec .dim2018{border:1px solid #e4e4e4;font-size:14px;margin-bottom:50px;color:#4a4a4a;} #seminar .dim2018 .dim_sec1{background:url(../images/hospital/seminar_dim2018_img1.jpg) no-repeat 50% 33px;position:relative;height:765px;color:#ffffff;text-align:left;} #seminar .dim2018 .dim_sec1 dl.day1 dt{position:absolute;left:145px;top:539px;font-weight:100;} #seminar .dim2018 .dim_sec1 dl.day2 dt{position:absolute;left:587px;top:539px;font-weight:100;} #seminar .dim2018 .dim_sec1 dt{color:#ffa484;font-size:26px;float:left;} #seminar .dim2018 .dim_sec1 dl.day1 dd{position:absolute;left:300px;top:543px;font-weight:300;} #seminar .dim2018 .dim_sec1 dl.day2 dd{position:absolute;left:745px;top:543px;font-weight:300;} #seminar .dim2018 .dim_sec1 dl ul.t_l{font-size:18px;padding-bottom:20px;} #seminar .dim2018 .dim_sec1 dl li.loca{font-size:14px;padding-top:5px;color:#d2d2d2;} #seminar .dim2018 h1.h1_dim2018{letter-spacing:3px;text-align:center;text-transform:uppercase;font-size:16px;color:#4a4a4a;font-family:'Roboto', sans-serif;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;display:inline-block;padding:8px 35px 7px;font-weight:500;color:#4a4a4a;margin-bottom:20px;} #seminar .dim2018 .dim_sec2{padding:50px 0 140px;} #seminar .dim2018 .dim_sec2 .txt1{font-size:15px;line-height:1.8em;padding-top:20px;} #seminar .dim2018 .dim_sec3{padding:0 60px;margin-bottom:100px;} #seminar .dim2018 .dim_sec3 ul.tab_menu1{overflow:hidden;margin:10px 0 25px;} #seminar .dim2018 .dim_sec3 ul.tab_menu1 li{display:inline-block;} #seminar .dim2018 .dim_sec3 li.day2{background:url(../images/hospital/seminar_dim2018_img2.gif) no-repeat left 50%;} #seminar .dim2018 .dim_sec3 ul.tab_menu1 li a{padding:5px 40px;display:inline-block;font-size:22px;font-weight:300;} #seminar .dim2018 .dim_sec3 ul.tab_menu1 li a.on{color:#2b48bf;} #seminar .dim2018 .dim_sec3 ul.tab_menu1 li.day1 a{background:url(../images/hospital/seminar_dim2018_img1.gif) no-repeat left 13px;} #seminar .dim2018 .dim_sec3 ul.tab_menu1 li.day1 a.on{background:url(../images/hospital/seminar_dim2018_img1_ov.gif) no-repeat left 13px;} #seminar .dim2018 .dim_sec3 ul.tab_menu1 li.day2 a{background:url(../images/hospital/seminar_dim2018_img1.gif) no-repeat right 13px;} #seminar .dim2018 .dim_sec3 ul.tab_menu1 li.day2 a.on{background:url(../images/hospital/seminar_dim2018_img1_ov.gif) no-repeat right 13px;} #seminar .dim2018 .dim_sec3 table.tb_sch{font-size:13px;margin-bottom:8px;} #seminar .dim2018 .dim_sec3 table.tb_sch th{font-weight:500;text-transform:uppercase;border-bottom:1px solid #676767;} #seminar .dim2018 .dim_sec3 table.tb_sch td{color:#646464;font-weight:400;} #seminar .dim2018 .dim_sec3 table.tb_sch td.break{color:#a6a6a6;} #seminar .dim2018 .dim_sec3 table.tb_sch tr.bg_lec td{background:#f6f8ff;} #seminar .dim2018 span.ico_lec{display:inline-block;background:#f56c3c;border-radius:2px;color:#fff;padding:1px 0 3px 8px;width:71px;height:22px;box-sizing:border-box;font-weight:200;font-size:13px;} #seminar .dim2018 span.ico_live{display:inline-block;background:url(../images/hospital/seminar_dim2018_img1.png) no-repeat 7px 2px;background-color:#fa5992;border-radius:2px;color:#fff;padding:1px 0 3px 32px;width:71px;height:22px;box-sizing:border-box;font-weight:200;font-size:13px;} #seminar .dim2018 span.ico_none{display:inline-block;width:71px;height:13px;} #seminar .dim2018 span.ico_date{display:inline-block;background:#454547;border-radius:2px;color:#fff;padding:1px 0 3px 8px;width:42px;height:22px;box-sizing:border-box;font-weight:200;font-size:13px;} #seminar .dim2018 .dim_sec3 table.tb_sch td span{margin-right:10px;} #seminar .dim2018 .dim_sec3 p.txt{font-size:13px;} #seminar .dim2018 .dim_sec4 .spk_sec{background:#ebecf0;padding:50px 0;margin-top:30px;} #seminar .dim2018 .dim_sec4 h2.h2_dim2018{color:#262529;font-size:36px;font-weight:100;letter-spacing:5px;line-height:36px;} #seminar .dim2018 .dim_sec4 ul.list{overflow:hidden;text-align:left;padding-left:47px;} #seminar .dim2018 .dim_sec4 ul.list li{float:left;padding-left:13px;background: url(../images/hospital/bl_dot.gif) no-repeat 0 8px;} #seminar .dim2018 .dim_sec4 ul.list li a{display:block;width:231px;height:307px;position:relative;border:1px solid #e4e4e4;border-radius:1px;} #seminar .dim2018 .dim_sec4 ul.list li a .pht{width:231px;height:307px;} #seminar .dim2018 .dim_sec4 ul.list li a .pht .over{opacity:0;width:231px;height:307px;transition: all 0.5s;border:1px solid #e4e4e4;} #seminar .dim2018 .dim_sec4 ul.list li a .pht:hover .over{opacity:1;width:231px;height:307px;background:rgba(0,0,0,0.8);border:1px solid #e4e4e4;border-radius:1px;} #seminar .dim2018 .dim_sec4 ul.list li .over{position:relative;} #seminar .dim2018 .dim_sec4 ul.list li dl.profile{color:#f5f5f5;font-size:12px;padding:20px;} #seminar .dim2018 .dim_sec4 ul.list li dl.profile dt{font-weight:500;padding-bottom:10px;} #seminar .dim2018 .dim_sec4 ul.list li ul.profile{color:#cecece;font-weight:300;} #seminar .dim2018 .dim_sec4 ul.list li ul.profile li{padding-left:7px;} #seminar .dim2018 .dim_sec4 ul.list li .over span.flag{position:absolute;top:13px;right:10px;} #seminar .dim2018 .dim_sec4 ul.list li.spk1-1 .pht{background:url(../images/hospital/seminar_dim2018_spk1.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk1-2 .pht{background:url(../images/hospital/seminar_dim2018_spk2.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk1-3 .pht{background:url(../images/hospital/seminar_dim2018_spk3.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk1-4 .pht{background:url(../images/hospital/seminar_dim2018_spk4.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk2-1 .pht{background:url(../images/hospital/seminar_dim2018_spk5.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk2-2 .pht{background:url(../images/hospital/seminar_dim2018_spk6.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk2-3 .pht{background:url(../images/hospital/seminar_dim2018_spk7.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk2-4 .pht{background:url(../images/hospital/seminar_dim2018_spk16.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk3-1 .pht{background:url(../images/hospital/seminar_dim2018_spk8.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk3-2 .pht{background:url(../images/hospital/seminar_dim2018_spk9.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk3-3 .pht{background:url(../images/hospital/seminar_dim2018_spk10.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk3-4 .pht{background:url(../images/hospital/seminar_dim2018_spk11.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk4-1 .pht{background:url(../images/hospital/seminar_dim2018_spk12.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk4-2 .pht{background:url(../images/hospital/seminar_dim2018_spk13.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk4-3 .pht{background:url(../images/hospital/seminar_dim2018_spk14.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list li.spk4-4 .pht{background:url(../images/hospital/seminar_dim2018_spk15.jpg) no-repeat 0 0;} #seminar .dim2018 .dim_sec4 ul.list dl.spk_info{padding-top:13px;padding-bottom:40px;} #seminar .dim2018 .dim_sec4 ul.list dl.spk_info dt{padding-bottom:15px;font-size:15px;font-weight:400;} #seminar .dim2018 .dim_sec4 ul.list dl.spk_info dd.date{padding-bottom:10px;} #seminar .dim2018 .dim_sec4 ul.list dl.spk_info dd.date span{margin-right:1px;} #seminar .dim2018 .dim_sec4 ul.list dl.spk_info dd.title{font-size:14px;font-weight:300;width:230px;word-break:break-word;} #seminar .dim2018 .dim_sec5{background:url(../images/hospital/seminar_dim2018_img2.jpg) no-repeat 0 0;height:1640px;margin-bottom:30px;} #seminar .dim2018 .dim_sec5 h1.h1_dim2018{border-top:1px solid #b59b99;border-bottom:1px solid #b59b99;color:#d3d3d3;margin-top:48px;} #seminar .dim2018 .dim_sec5 h2.h2_dim2018{color:#fff;font-size:36px;font-weight:100;line-height:47px;letter-spacing:-1px;height:260px;} #seminar .dim2018 .dim_sec5 .party1{overflow:hidden;text-align:left;height:435px;} #seminar .dim2018 .dim_sec5 .party1 p.pic{float:left;padding-left:73px;width:520px;} #seminar .dim2018 .dim_sec5 .party1 .w_party{float:left;} #seminar .dim2018 .dim_sec5 dl.c_sec1{} #seminar .dim2018 .dim_sec5 dl.c_sec1 dt{padding-bottom:20px;} #seminar .dim2018 .dim_sec5 dd{font-size:17px;color:#e0e0e0;font-weight:300;line-height:1.5em;} #seminar .dim2018 .dim_sec5 ul.p_list{font-size:14px;padding-top:35px;font-weight:200;} #seminar .dim2018 .dim_sec5 ul.p_list span.stitle{display:inline-block;width:48px;font-weight:400;} #seminar .dim2018 .dim_sec5 dl.c_sec2{color:#e0e0e0;margin-top:60px;} #seminar .dim2018 .dim_sec5 dl.c_sec2 dt{font-size:15px;} #seminar .dim2018 .dim_sec5 dl.c_sec2 ul.p_list{padding-top:10px;} #seminar .dim2018 .dim_sec5 .party2{clear:both;overflow:hidden;text-align:left;} #seminar .dim2018 .dim_sec5 .party2 .gala_l{float:left;padding-left:85px;width:478px;} #seminar .dim2018 .dim_sec5 .party2 .gala_r{float:left;position:relative;} #seminar .dim2018 .dim_sec5 .party2 .gala_r .bg{background:url(../images/hospital/seminar_dim2018_img5.gif) no-repeat 44px 0;width:447px;height:532px;} #seminar .dim2018 .dim_sec5 .party2 .gala_r span.pic{position:absolute;top:114px;left:0;z-index:200;} #seminar .dim2018 .dim_sec5 .party2 .gala_r .overflow{position:absolute;top:31px;left:60px;overflow:hidden;z-index:100;width:372px;} #seminar .dim2018 .dim_sec5 .party2 .gala_r ul{overflow:hidden;width:1488px;} #seminar .dim2018 .dim_sec5 .party2 .gala_r ul li{float:left;width:372px;height: 501px;} #seminar .dim2018 .dim_sec5 .party2 dl.txt_sec{padding:40px 0 0 15px;} #seminar .dim2018 .dim_sec5 .party2 dl.txt_sec dt{font-weight:500;font-size:16px;color:#454545;padding-bottom:15px;} #seminar .dim2018 .dim_sec5 .party2 dl.txt_sec dd{font-size:14px;color:#7b7b7b;line-height:1.5em;} #seminar .dim2018 .dim_sec5 .party2 .gala_r .btn_arrow{position:absolute;bottom:24px;left:205px;z-index:200;background:url(../images/hospital/seminar_dim2018_img6.gif) no-repeat 50% 19px;} #seminar .dim2018 .dim_sec5 .party2 .gala_r .btn_arrow a{display:inline-block;text-align:center;border-radius:2px;width:15px;padding:3px;margin:0 5px;} #seminar .dim2018 .dim_sec5 .party2 .gala_r .btn_arrow a:hover{background:#dfdfdf;border-radius:2px;width:15px;padding:3px;} #seminar .dim2018 .dim_sec6{margin-bottom:70px;} #seminar .dim2018 .dim_sec6 h2.h2_dim2018{color:#262529;font-size:36px;line-height:36px;font-weight:100;} #seminar .dim2018 .dim_sec6 ul.step{overflow:hidden;padding:50px 0 60px 67px;} #seminar .dim2018 .dim_sec6 ul.step li{float:left;text-align:center;background:url(../images/hospital/seminar_dim2018_img3.gif) no-repeat 16px 50%;padding-left:44px;} #seminar .dim2018 .dim_sec6 ul.step li:last-child{background:url(../images/hospital/seminar_dim2018_img3_ov.gif) no-repeat 16px 50%;} #seminar .dim2018 .dim_sec6 ul.step li:first-child{padding-left:0;} #seminar .dim2018 .dim_sec6 ul.step li span{display:block;} #seminar .dim2018 .dim_sec6 ul.step li span.t1{font-size:16px;padding:55px 0 20px;font-weight:500;color:#424242;} #seminar .dim2018 .dim_sec6 ul.step li span.t2{font-size:13px;color:#696969;} #seminar .dim2018 .dim_sec6 ul.step li span.t_red{color:#ef0707;} #seminar .dim2018 .dim_sec6 ul.step .bg{background:url(../images/hospital/seminar_dim2018_img4.gif) no-repeat 0 0;width:207px;height:207px;} #seminar .dim2018 .dim_sec6 ul.step .bg1{background:url(../images/hospital/seminar_dim2018_img4_ov.gif) no-repeat 0 0;width:207px;height:207px;} #seminar .dim2018 .dim_sec6 .info1{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;font-size:14px;padding:20px 20px 17px;width:925px;margin:10px auto 35px;} #seminar .dim2018 .dim_sec6 .info1 dl{overflow:hidden;text-align:left;} #seminar .dim2018 .dim_sec6 .info1 dt{float:left;width:90px;padding-bottom:10px;color:#424242;font-weight:500; } #seminar .dim2018 .dim_sec6 .info1 dd{float:left;background:url(../images/hospital/bl_line.gif) no-repeat 0 5px;padding-left:15px;color:#5d5d5d;} #seminar .dim2018 .dim_sec6 .info1 dd.col1{width:390px;} #seminar .dim2018 .dim_sec6 dl.noti{overflow:hidden;text-align:left;width:925px;margin:0 auto;} #seminar .dim2018 .dim_sec6 dl.noti dt{float:left;color:#ef0707;padding-right:40px;font-weight:500;} #seminar .dim2018 .dim_sec6 dl.noti dd{float:left;} #seminar .dim2018 .dim_sec6 dl.noti dd ul.noti{color:#696969;font-size:13px;} #seminar .dim2018 .dim_sec6 dl.noti dd ul.noti li{padding:0 0 3px 9px;background:url(../images/hospital/bl_dot.gif) no-repeat 0 8px;} #seminar .dim2018 .dim_sec6 div.pdf_down{text-align:center;margin-top:65px;} #seminar .dim2018 .dim_sec6 div.pdf_down a.pdf_down{background:url(../images/hospital/seminar_dim2018_img6.png) no-repeat 180px 13px;background-color:#242121;color:#f3f3f3;font-size:18px;font-weight:100;padding:8px 90px 10px 60px;display:inline-block;border-radius:2px;} #seminar .dim2018 .dim_sec6 div.pdf_down a.pdf_down:hover{background:url(../images/hospital/seminar_dim2018_img6.png) no-repeat 180px 13px;background-color:#f42222;} #seminar .dim2018 .dim_sec6 div.pdf_down img{vertical-align:top;} #seminar .dim2018 .dim_sec6 div.pdf_down span{padding-left:30px;} /* 2018디오디지털심포지움 */ #seminar .dds2018{border:1px solid #e4e4e4;font-size:14px;margin-bottom:50px;color:#4a4a4a;padding:30px 0 120px;} #seminar .dds2018 .visual{text-align:center;padding-bottom:90px;} #seminar .dds2018 p.title{display:inline-block;text-align:center;font-size:36px;font-weight:200;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;line-height:36px;padding:5px 25px 10px;letter-spacing:-1px;} #seminar .dds2018 .about{margin-bottom:130px;} #seminar .dds2018 .about .sch{overflow:hidden;padding:50px 20px 0;} #seminar .dds2018 .about .sch dl{float:left;width:33%;border-left:1px solid #e8e6ea;text-align:left;padding-left:35px;box-sizing:border-box;} #seminar .dds2018 .about .sch dl.wth50{width:50%;} #seminar .dds2018 .about .sch dl:first-child{border-left:0;} #seminar .dds2018 .about .sch dl dt{font-size:22px;font-weight:400;color:#282828;text-align:center;padding-bottom:30px;} #seminar .dds2018 .about .sch dl dt span{color:#2b48bf} #seminar .dds2018 .about .sch dl dd{color:#6c6c6c;background:url(../images/hospital/seminar_2018dds_img1.png) no-repeat 0 10px;padding:0 0 3px 8px;font-weight:300;} #seminar .dds2018 .about .sch dl dd span{display:inline-block;width:80px;color:#5c5c5c;font-weight:500;} #seminar .dds2018 .speaker{margin-bottom:130px;} #seminar .dds2018 .speaker .bgColor{background:#ebecf0;text-align:left;box-sizing:border-box;padding:70px 40px 20px;margin-top:40px;} #seminar .dds2018 .speaker .gr{overflow:hidden;} #seminar .dds2018 .speaker .spk_d{float:left;width:50%;overflow:hidden;} #seminar .dds2018 .speaker .wth100{width:100% !important;} #seminar .dds2018 .speaker .spk_d p.pht{float:left;} #seminar .dds2018 .speaker .spk_d p.pht img{border-radius:3px;border:1px solid #e7e7e7;} #seminar .dds2018 .speaker .spk_d dl{float:left;letter-spacing:-1px;padding:0 10px 70px 30px;box-sizing:border-box;width:350px;} #seminar .dds2018 .speaker .spk_d dl dt{font-size:24px;color:#191919;padding-bottom:25px;} #seminar .dds2018 .speaker .spk_d dl dt span{font-size:16px;color:#5c5c5c} #seminar .dds2018 .speaker .spk_d dl dd{font-size:13px;color:#696969;background:url(../images/hospital/seminar_2018dds_img1.png) no-repeat 0 10px;padding:0 0 3px 8px;} #seminar .dds2018 .speaker .spk_d .spk_info {float:left;letter-spacing:-1px;padding:0 10px 10px 30px;box-sizing:border-box;width:calc(100% - 136px);margin-bottom:40px; } #seminar .dds2018 .speaker .spk_d .spk_info .spk_subject {width:100%;padding:0;} #seminar .dds2018 .speaker .spk_d .spk_info .spk_subject dt{font-size:24px;color:#191919;padding:0 0 10px 0;} #seminar .dds2018 .speaker .spk_d .spk_info .spk_subject dd{font-size:13px;color:#696969;padding:0 0 3px 5px; background:none;word-break: keep-all;} #seminar .dds2018 .speaker .spk_d .spk_profile {margin-top:10px; width:100%;padding:0;} #seminar .dds2018 .speaker .spk_d .spk_profile dt{font-size:18px;color:#191919;padding-bottom:10px;} #seminar .dds2018 .speaker .spk_d .spk_profile dt span{font-size:14px;color:#5c5c5c} #seminar .dds2018 .speaker .spk_d .spk_profile dd{width:50%; float:left; font-size:13px;color:#696969;padding:0 5px 3px 5px; word-break: keep-all;box-sizing:border-box;} #seminar .dds2018 .curri{padding:0 50px;} #seminar .dds2018 .curri ul.tab_menu1{overflow:hidden;margin:30px 0 25px;} #seminar .dds2018 .curri ul.tab_menu1 li{display:inline-block;} #seminar .dds2018 .curri li{background:url(../images/hospital/seminar_dim2018_img2.gif) no-repeat left 50%;} #seminar .dds2018 .curri li:first-child{background:none;} #seminar .dds2018 .curri ul.tab_menu1 li a{padding:5px 35px 5px 70px;display:inline-block;font-size:22px;font-weight:300;} #seminar .dds2018 .curri ul.tab_menu1 li a.on{color:#2b48bf;} #seminar .dds2018 .curri ul.tab_menu1 li a{background:url(../images/hospital/seminar_dim2018_img1.gif) no-repeat 40px 13px;} #seminar .dds2018 .curri ul.tab_menu1 li a.on{background:url(../images/hospital/seminar_dim2018_img1_ov.gif) no-repeat 40px 13px;} #seminar .dds2018 .curri p.txt{font-size:13px;padding:15px 0 0 3px;} #seminar .dds2018 .info{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;font-size:14px;margin:50px 30px;padding:30px 20px 25px;} #seminar .dds2018 .info dl{overflow:hidden;text-align:left;} #seminar .dds2018 .info dt{float:left;width:80px;padding-bottom:10px;color:#101010;font-weight:bold } #seminar .dds2018 .info dd{float:left;background:url(../images/hospital/bl_line.gif) no-repeat 0 5px;padding-left:15px;color:#5d5d5d;} #seminar .dds2018 .info dd.col1{width:440px;} .seminar_sch .detail_sec ul.curri_tab_menu{overflow:hidden;background:url(../images/hospital/seminar_img16_bg.gif) repeat-x 0 bottom;margin-bottom:25px;} .seminar_sch .detail_sec ul.curri_tab_menu li a{float:left;margin-right:6px;background:#fff;border-left:1px solid #c9c9c9;border-top:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #585858;padding:10px 80px 14px;font-size:15px;color:#8b8b8b;} .seminar_sch .detail_sec ul.curri_tab_menu li.on a{border-left:1px solid #585858;border-top:1px solid #585858;border-right:1px solid #585858;border-bottom:1px solid #fff;color:#494949;} .seminar_sch .sec3 a{font-size:12px;background:#f3f3f3;border:1px solid #b2b2b2;padding:2px 15px 6px;} .seminar_sch .sec3 a:hover{background:#36363d;border:1px solid #252525;color:#fff;} .seminar_sch .detail_sec .sec3 .info{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;font-size: 13px;margin-top:50px;padding:30px 20px 25px;} .seminar_sch .detail_sec .sec3 .info dl{overflow:hidden;text-align:left;} .seminar_sch .detail_sec .sec3 .info dt{float:left;width:70px;padding-bottom:10px;color:#101010;font-weight:bold } .seminar_sch .detail_sec .sec3 .info dd{float:left;background:url(../images/hospital/bl_line.gif) no-repeat 0 5px;padding-left:15px;color:#5d5d5d;} .seminar_sch .detail_sec .sec3 .info dd.col1{width:440px;} .seminar_sch .detail_sec .sec3 .info1{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;font-size: 13px;margin-top:10px;margin-bottom:25px;padding:20px 20px 17px;} .seminar_sch .detail_sec .sec3 .info1 dl{overflow:hidden;text-align:left;} .seminar_sch .detail_sec .sec3 .info1 dt{float:left;width:70px;padding-bottom:10px;color:#101010;font-weight:bold } .seminar_sch .detail_sec .sec3 .info1 dd{float:left;background:url(../images/hospital/bl_line.gif) no-repeat 0 5px;padding-left:15px;color:#5d5d5d;} .seminar_sch .detail_sec .sec3 .info1 dd.col1{width:440px;} .seminar_sch .detail_sec .sec3 ul.speaker{overflow:hidden;border-top: 1px dashed #d6d6d6;padding-top:40px;} .seminar_sch .detail_sec .sec3 ul.speaker li{float:left;width: 145px;padding-left:5px;} .seminar_sch .detail_sec .sec3 ul.speaker li span{display:block;text-align:center;} .seminar_sch .detail_sec .sec3 ul.speaker li span.photo{padding-bottom:10px;} .seminar_sch .detail_sec .sec3 ul.speaker li span.dental{font-size:12px;color: #8d8d8d;} .seminar_sch .detail_sec .sec3 ul.speaker li span.name{font-weight:500;font-size: 15px;} .seminar_sch .detail_sec .sec3 ul.speaker li.profile{padding-left:40px;width:760px;} .seminar_sch .detail_sec .sec3 ul.speaker li.profile ul.profile{overflow:hidden;font-size:13px;text-align:left;} .seminar_sch .detail_sec .sec3 ul.speaker li.profile ul.profile li{float:left;width:350px;padding:1px 0 3px 7px;background:url(../images/hospital/bl_dot.gif) no-repeat 0 50%;} .seminar_sch .detail_sec .sec3 ul.speaker li.profile ul.profile1{overflow:hidden;font-size:13px;text-align:left;} .seminar_sch .detail_sec .sec3 ul.speaker li.profile ul.profile1 li{padding:1px 0 3px 7px;background:url(../images/hospital/bl_dot.gif) no-repeat 0 50%;clear:left;width: 100%;} .seminar_sch .detail_sec .sec3 ul.speaker li.profile dl.profile1{font-size:13px;text-align:left;} .seminar_sch .detail_sec .sec3 ul.speaker li.profile dl.profile1 dt{font-weight:500;padding-bottom:5px;} .seminar_sch .detail_sec .sec3 ul.speaker li.profile dl.profile1 dd{padding:1px 0 3px 7px;background:url(../images/hospital/bl_dot.gif) no-repeat 0 50%;clear:left;width: 100%;} .seminar_sch .detail_sec .sec3 .movie{margin-bottom:60px;} .seminar_sch .detail_sec .sec4 .section1{background:url(../images/hospital/seminar_img3_bg.gif) no-repeat 0 70px;text-align:center;} .seminar_sch .detail_sec .sec4 .section1 p.img{text-align:center;} .seminar_sch .detail_sec .sec4 .section1 dl{padding:20px 0;} .seminar_sch .detail_sec .sec4 .section1 dd{padding:20px 0 30px;font-size:15px;} .seminar_sch .detail_sec .sec4 .section2{border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-top:1px solid #e4e4e4;padding:60px 60px;} .seminar_sch .detail_sec .sec4 .section2 p.noti{color:#e54e0b;text-align:right;padding-bottom:10px;} .seminar_sch .detail_sec .sec4 .section3{background:#e4f1ff;border-left:1px solid #b0e6ee;border-bottom:1px solid #b0e6ee;border-right:1px solid #b0e6ee;border-top:1px solid #e4e4e4;padding:60px 0 80px;} .seminar_sch .detail_sec .sec4 .section3 a.reg{border:1px solid #959595;margin:0 auto;text-align:center;padding:10px 60px 12px;background:#fff;font-size:16px;color:#000000;border-radius:2px;} .seminar_sch .detail_sec .sec4 .section3 a:hover.reg {border:1px solid #252525;margin:0 auto;text-align:center;background:#36363d;font-size:16px;color:#fff;} #seminar .s_gallery{position:relative;} #seminar .s_gallery .title_sec{width:1100px;margin:30px auto 20px;font-size:18px;overflow:hidden;text-align:left;} #seminar .s_gallery .title_sec span.total{font-size:13px;display:inline-block;float:right;padding-top:10px;} .planmodal_seminar{background: #fff;padding: 30px 100px;} .planmodal_seminar p.photo{} .planmodal_seminar p.btn_pre{left:20px;position:absolute;top:350px;} .planmodal_seminar p.btn_next{right:20px;position:absolute;top:350px;} .planmodal_seminar dl.gallery{text-align:center;} .planmodal_seminar dl.gallery dt{font-size:22px;color:#4b4b4b;padding:10px 0 5px;} .planmodal_seminar dl.gallery dd{font-size:13px;} table.tb_sch{width:100%;border-collapse:collapse;font-size:13px;clear:both;} table.tb_sch thead th{border-top:1px solid #888888;background:#f7f7f7;text-align:center;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;padding:8px 0 10px;font-weight:500;} table.tb_sch tbody td{border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;padding:8px 0 10px;} table.tb_sch tbody td.bg_c1{background:#eef4fb;} table.tb_sch tbody td.bg_c2{background:#fff1f6;} table.tb_sch tbody td.bg_c3{background:#f1f1f1;} table.tb_sch tbody td.break{color:#a6a6a6;} table.tb_sch thead th:first-child{border-left:none;} table.tb_sch tbody td:first-child{border-left:none;} table.tb_sch .l_br_none{} table.tb_sch .alignL{padding-left:15px;text-align:left;} table.tb_sch a.more{font-size:13px;background:#f3f3f3;border:1px solid #b2b2b2;padding:4px 16px 6px;} table.tb_sch a:hover.more{font-size:12px;background:#36363d;color:#fff;border:1px solid #292828;padding:2px 16px 6px;} table.tb_sch span.ico_dda{background:url(../images/hospital/ico_seminar_dda.png) no-repeat 0 50%;padding-left:15px;letter-spacing:0;} table.tb_sch span.ico_dds{background:url(../images/hospital/ico_seminar_dds.png) no-repeat 0 50%;padding-left:15px;letter-spacing:0;} table.tb_sch span.ico_staff{background:url(../images/hospital/ico_seminar_staff.png) no-repeat 0 50%;padding-left:15px;letter-spacing:0;} table.tb_sch span.ico_trios{background:url(../images/hospital/ico_seminar_trios.png) no-repeat 0 50%;padding-left:15px;letter-spacing:0;} table.tb_sch span.ico_symposium{background:url(../images/hospital/ico_seminar_symposium.png) no-repeat 0 50%;padding-left:15px;letter-spacing:0;} table.tb_sch span.ico_advanced{background:url(../images/hospital/ico_seminar_advanced.png) no-repeat 0 50%;padding-left:15px;letter-spacing:0;} table.tb_sch span.ico_dionavi_userstaff{background:url(../images/hospital/ico_dionavi_userstaff.png) no-repeat 0 50%;padding-left:15px;letter-spacing:0;} table.tb_sch span.ico_digital{background:url(../images/hospital/ico_seminar_digital.png) no-repeat 0 50%;padding-left:15px;letter-spacing:0;} table.tb_my{width:100%;border-collapse:collapse;font-size:13px;} table.tb_my thead th{border-top:1px solid #888888;background:#f7f7f7;text-align:center;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;padding:8px 0 10px;font-weight:500;} table.tb_my tbody td{border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;padding:20px 0 23px;} table.tb_my tbody td.thumb img{width:45%;border: 1px solid #e4e4e4;} table.tb_my .l_br_none{border-left:none;} table.tb_my .alignL{padding-left:15px;text-align:left;} table.tb_my a.more{font-size:12px;background:#f3f3f3;border:1px solid #b2b2b2;padding:2px 16px 6px;} table.tb_my ul.info{margin-left:20px;font-size:14px;letter-spacing:0;} table.tb_my ul.info li{padding:4px 0;} table.tb_my ul.info li span{display:inline-block;width:100px;padding-left:10px;background:url(../images/hospital/bl_square.gif) no-repeat 0 9px;color:#006ac3;} table.tb_my a.re_reg{font-size:13px;background:#00adc7;border:1px solid #0093a9;padding:5px 0 9px;color:#fff;width:100px;display: inline-block;} table.tb_my a.cancel{font-size:13px;background:#282523;border:1px solid #171717;padding:5px 0 9px;color:#fff;width:100px;display: inline-block;} table.tb_semi_reg{width:100%;border-collapse:collapse;font-size:13px;border-top:1px solid #676767;text-align:left;} table.tb_semi_reg th{background:#f7f8f8;border-bottom:1px solid #e4e4e4;text-align:left;padding:8px 0 10px 25px;vertical-align:top;font-weight:500;} table.tb_semi_reg th.req{color:#e54e0b;} table.tb_semi_reg td{border-bottom:1px solid #e4e4e4;padding:9px 0 10px 25px;} table.tb_semi_reg td input{vertical-align:middle;} table.tb_semi_reg span.noti{display:block;padding:10px 0 5px;font-size:12px;color:#6f6f6f;} span.seminar_open{display:inline-block;text-align:center;color:#fff;padding:1px 0 4px;width:55px;border-radius:2px;background:#eb6796;margin-left:5px;letter-spacing: -0.5px;font-size:12px;} span.seminar_close{display:inline-block;text-align:center;color:#fff;padding:1px 0 4px;width:55px;border-radius:2px;background:#949494;margin-left:5px;letter-spacing: -0.5px;font-size:12px;} /* table */ table input{vertical-align:middle;} table.tb1{width:100%;border-collapse:collapse;border-top:2px solid #444a55;clear:both;font-size: 13px;} table.tb1 tbody th{background:#f7f8f8;border-bottom:1px solid #d5d5d5;font-weight:500;color:#454545;text-align:left;padding:7px 0 10px 12px;vertical-align:top;} table.tb1 tbody th.bg{background:#ffebf3;color:#e7266b;} table.tb1 tbody td{border-bottom:1px solid #d5d5d5;padding:5px 5px 7px 15px;vertical-align:middle;letter-spacing: 0;} table.tb1 tbody td.pic1 img{height:80px;padding:3px;} table.tb1 tbody td.tb_txt_box{padding:10px 5px 15px 15px;line-height:21px;} table.tb1 tbody td ul.list1 li{padding:4px 0;} table.tb1 tbody td dl.mydio_contact{overflow:hidden;} table.tb1 tbody td dl.mydio_contact dt{float:left;} table.tb1 tbody td dl.mydio_contact dd{float:left;background:url(../images/hospital/bl_line1.gif) no-repeat 15px 50%;padding-left:28px;} table.tb1 tbody td dl.mydio_contact1{overflow:hidden;} table.tb1 tbody td dl.mydio_contact1 dt{float:left;} table.tb1 tbody td dl.mydio_contact1 dd{float:left;background:url(../images/hospital/bl_line1.gif) no-repeat 25px 4px;padding-left:50px;padding-bottom:4px;} table.tb1 tbody td table.layoutframe td{padding:0;} table.tb5 tbody td table.layoutframe td{padding:0;} table.tb1 tbody td ul.list2 {overflow:hidden; } table.tb1 tbody td ul.list2 li{float:left;padding:4px 30px 4px 0;} table.tb1 tbody td ul.list2 li.wth100{width:100%;} table.tb1 tbody td ul.list2 li img{vertical-align:middle;padding-right:4px;} table.tb1 tbody td ul.list2.fa_thumb_list li{float:left;padding:4px 30px 4px 0; text-align:center;} table.tb1 tbody td ul.list3 {overflow:hidden;} table.tb1 tbody td ul.list3 li{float:left;padding:4px 0 4px;width:115px;} table.tb1 tbody td ul.list3 li.etc{width:550px;} table.tb1 tbody td ul.list4 {overflow:hidden;} table.tb1 tbody td ul.list4 li{float:left;padding:4px 0 4px 25px;} table.tb1 tbody td ul.list4 li img{vertical-align:middle;padding-right:3px;} table.tb1 tbody td ul.list4 li:first-child{padding-left:0;} table.tb1 tbody td ul.list4 li.etc_txt{clear:left;padding-left:0;} table.tb1 tbody td ul.list4 li.etc_txt1{padding-left:100px;padding-right:0;} table.tb1 tbody td ul.list4 li.etc_txt2{padding-left:0;padding-right:0;padding-top:5px;} table.tb1 tbody td ul.ca_s_list{} table.tb1 tbody td ul.ca_s_list li{padding:3px 0;} table.tb1 tbody td ul.ca_s_list li span{display:inline-block;width:110px;} table.tb1 tbody td p.setUpDel{display:inline-block;right:10px;border:1px solid #b1b1b1;color:#454545;padding:3px 8px;border-radius:1px;transition:all .3s;} table.tb1 tbody td p.setUpDel:hover{background:#b1b1b1 url(../../images/common/ic_close.png) no-repeat 50% 50%;border:1px solid #c02c1d;cursor:pointer;transition:all .3;} img#icoPlus:hover{cursor:pointer;} img#icoMinus:hover{cursor:pointer;} table.tb2{width:100%;border-collapse:collapse;border-top:2px solid #444a55;clear:both;font-size: 13px;} table.tb2 th.br_top{background:#f7f8f8;border-bottom:1px solid #d5d5d5;font-weight:normal;color:#454545;padding:7px 0 10px;text-align:center;letter-spacing:0;} table.tb2 th{background:#f7f8f8;font-weight:500;color:#454545;padding:7px 0 10px;text-align:center;letter-spacing:0;border-bottom:1px solid #d5d5d5;} table.tb2 tbody td{text-align:center;border-bottom:1px solid #d5d5d5;padding:8px 2px;} table.tb3{width:100%;border-collapse:collapse;clear:both;font-size: 13px;} table.tb3 th.br_top{background:#f7f8f8;border-bottom:1px solid #d5d5d5;font-weight:normal;color:#454545;padding:7px 0 10px;text-align:center;letter-spacing:0;} table.tb3 th{background:#f7f8f8;font-weight:500;color:#454545;padding:7px 0 10px;text-align:center;letter-spacing:0;border-bottom:1px solid #d5d5d5;} table.tb3 tbody td{text-align:center;border-bottom:1px solid #d5d5d5;padding:8px 2px;} table.tb3 ul.list{clear:both;font-size:12px;} table.tb3 ul.list li{padding:2px 0;} table.tb4{width:100%;border-collapse:collapse;border-top:2px solid #444a55;clear:both;font-size:13px;} table.tb4 th.br_top{background:#f7f8f8;border-bottom:1px solid #d5d5d5;font-weight:normal;color:#454545;padding:7px 0 10px;text-align:center;letter-spacing:0;} table.tb4 th{background:#f7f8f8;font-weight:500;color:#454545;padding:7px 0 10px;text-align:center;letter-spacing:0;border-bottom:1px solid #d5d5d5;} table.tb4 tbody tr.fag{background:linear-gradient(#f5fafd , #e3f4fd)} table.tb4 tbody tr.quick{background:#ea61911c;} table.tb4 tbody td{text-align:center;border-bottom:1px solid #d5d5d5;padding:8px 2px;} table.tb4 tbody td.alignL{text-align:left;padding-left: 15px;} table.tb4 th.state{width:136px;} table.tb4 td.state{width:136px;} table.tb4 th.date{width:130px;} table.tb4 td.date{width:130px;} table.tb4 td.td_txt{font-size:12px;text-align:left;} table.tb4 th.state1{width:96px;} table.tb4 td.state1{width:96px;} table.tb5{width:100%;border-collapse:collapse;border-top:2px solid #444a55;clear:both;font-size: 13px;} table.tb5 tbody th{background:#f7f8f8;border-bottom:1px solid #d5d5d5;font-weight:500;color:#454545;text-align:left;padding:12px 0 13px 12px;vertical-align:top;} table.tb5 tbody td{border-bottom:1px solid #d5d5d5;padding:12px 5px 15px 15px;vertical-align:middle;line-height:21px;font-size: 13px;} table.tb5 tbody td.opinion{color:#338acd;} table.tb6{width:100%;border-collapse:collapse;border-top:2px solid #444a55;clear:both;font-size:13px;} table.tb6 th.br_top{background:#f7f8f8;border-bottom:1px solid #d5d5d5;font-weight:500;color:#454545;padding:7px 0 10px;text-align:center;letter-spacing:0;} table.tb6 th{background:#f7f8f8;font-weight:500;color:#454545;padding:10px 0 13px;text-align:center;letter-spacing:0;border-bottom:1px solid #d5d5d5;} table.tb6 tbody td{text-align:center;border-bottom:1px solid #d5d5d5;padding:10px 2px;} table.tb7{width:100%;border-collapse:collapse;clear:both;font-size: 13px;} table.tb7 thead th{border-top:1px solid #d7d7d7;border-bottom:1px solid #626262;background:#fbfbfb;font-size:13px;text-align:center;padding:12px 0 15px;font-weight:500;} table.tb7 tbody td{text-align:center;border:1px solid #e4e4e4;padding:10px 10px 13px;font-size:13px;color:#5a5a5a;} table.tb7 tbody td a{color:#5a5a5a;} table.tb7 tbody td.br_no1{border-left:none;} table.tb7 tbody td.br_no2{border-right:none;} table.tb7 tbody td.alignL{text-align:left;padding-left:20px;} table.tb7 tbody tr.new td{background:#fbfbec;} table.tb7 span.ico_new{padding-left:10px;} table.tb7 span.ico_new img{vertical-align:middle;} table.tb8{width:100%;border-collapse:collapse;clear:both;font-size: 13px;} table.tb8 thead th{border-top:1px solid #d7d7d7;border-bottom:1px solid #626262;background:#fbfbfb;font-size:13px;text-align:center;padding:12px 0 15px;font-weight:500;} table.tb8 tbody td{text-align:center;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:13px 10px 15px;font-size:14px;color:#5a5a5a;} table.tb8 tbody td a{color:#5a5a5a;display: block;} table.tb8 tbody td.br_no1{border-left:none;} table.tb8 tbody td.que{text-align:left;padding-left:65px;background:url(../images/patient/faq_img1_bg.gif) no-repeat 26px 11px;} table.tb8 tbody td.answ{text-align:left;padding:25px 30px 30px 65px;background:url(../images/patient/faq_img2_bg.gif) no-repeat 10px 12px;line-height:22px;font-size:13px;} table.tb8 tbody tr.answ{} table.tb_st{width:100%;border-collapse:collapse;text-align:center;font-size:14px;margin-bottom:10px;} table.tb_st thead{} table.tb_st thead th{background:#f7f8f8;font-weight:400;color:#4a4a4a;border:1px solid #e4e4e4;border-top:1px solid #909090;padding:12px 0 13px;} table.tb_st tbody td{border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;color:#6e6e6e;padding:8px 0 8px;font-weight:400;} table.tb_st tbody td:first-child{border-left:none;} table.tb_st input {vertical-align:middle;} table.st_tb1{width:100%;border-collapse:collapse;border-top:2px solid #444a55;clear:both;font-size: 13px;} table.st_tb1 tbody th{background:#f7f8f8;border-bottom:1px solid #d5d5d5;font-weight:500;color:#454545;text-align:left;padding:7px 0 10px 12px;vertical-align:top;} table.st_tb1 tbody th.bg{background:#ffebf3;color:#e7266b;} table.st_tb1 tbody td{border-bottom:1px solid #d5d5d5;padding:5px 5px 7px 15px;vertical-align:middle;letter-spacing: 0;} table.st_tb1 tbody td.pic1 img{height:80px;padding:3px;} table.st_tb1 tbody td.tb_txt_box{padding:10px 5px 15px 15px;line-height:21px;} table.st_tb1 tbody td ul.list1 li{padding:4px 0;} table.st_tb1 tbody td dl.mydio_contact{overflow:hidden;} table.st_tb1 tbody td dl.mydio_contact dt{float:left;} table.st_tb1 tbody td dl.mydio_contact dd{float:left;background:url(../images/hospital/bl_line1.gif) no-repeat 15px 50%;padding-left:28px;} table.st_tb1 tbody td dl.mydio_contact1{overflow:hidden;} table.st_tb1 tbody td dl.mydio_contact1 dt{float:left;} table.st_tb1 tbody td dl.mydio_contact1 dd{float:left;background:url(../images/hospital/bl_line1.gif) no-repeat 25px 4px;padding-left:50px;padding-bottom:4px;} table.st_tb1 tbody td table.layoutframe td{padding:0;} table.st_tb1 tbody td ul.list2 {overflow:hidden;} table.st_tb1 tbody td ul.list2 li{float:left;padding:4px 30px 4px 0;} table.st_tb1 tbody td ul.list2 li img{vertical-align:middle;padding-right:4px;} table.st_tb1 tbody td ul.list3 {overflow:hidden;} table.st_tb1 tbody td ul.list3 li{float:left;padding:4px 0 4px;width:115px;} table.st_tb1 tbody td ul.list3 li.etc{width:550px;} table.st_tb1 tbody td ul.list4 {overflow:hidden;} table.st_tb1 tbody td ul.list4 li{float:left;/* padding:4px 0 4px 20px; */ padding-left:20px;line-height:32px;} table.st_tb1 tbody td ul.list4 li img{vertical-align:middle;padding-right:3px; } table.st_tb1 tbody td ul.list4 li:first-child{padding-left:0;} table.st_tb1 tbody td ul.list4 li.etc_txt{clear:left;padding-left:0;} table.st_tb1 tbody td ul.list4 li.etc_txt1{padding-left:100px;padding-right:0;} table.st_tb1 tbody td ul.list4 li.etc_txt2{padding-left:0;padding-right:0;padding-top:5px;} table.st_tb1 tbody td ul.ca_s_list{} table.st_tb1 tbody td ul.ca_s_list li{padding:3px 0;} table.st_tb1 tbody td ul.ca_s_list li span{display:inline-block;width:110px;} table.st_tb1 tbody td p.setUpDel{display:inline-block;right:10px;border:1px solid #b1b1b1;color:#454545;padding:3px 8px;border-radius:1px;transition:all .3s;} table.st_tb1 tbody td p.setUpDel:hover{background:#ea2c18;border:1px solid #c02c1d;cursor:pointer;transition:all .3s;} table.st_tb1 tbody td p.setUpDel i.material-icons{display:inline-block;font-size:14px;vertical-align: middle;line-height:14px;padding-right:6px;transition:all .3s;} table.st_tb1 tbody td p.setUpDel:hover i.material-icons{transition:all .3s;color:#fff;} table.st_tb1 tbody td p.setUpDel span{display:inline-block;vertical-align: middle;font-size:12px;line-height:14px;transition:all .3s;} table.st_tb1 tbody td p.setUpDel:hover span{transition:all .3s;color:#fff;} .fac_pic_tit {display:inline-block; margin:0px 0 0 0; float:left;} button{border:none;outline:none; cursor:pointer;} .btn_w {display:inline-block; margin:0 0 0 4px; float:right;} .btn_r_lft {width:20px; height:20px; border-radius:4px; background:#9c9ea2 url(../images/ortho/order/hospital/ic_r_lft.png) no-repeat 50% 50%; background-size: 20px; } .btn_r_rgt {width:20px; height:20px; border-radius:4px; background:#9c9ea2 url(../images/ortho/order/hospital/ic_r_rgt.png) no-repeat 50% 50%; background-size: 20px; } .btn_download {width:20px; height:20px; border-radius:4px; background:#9c9ea2 url(../images/ortho/order/hospital/ic_download.png) no-repeat 50% 50%; background-size: 20px; } #popup-msg, #popup-msg02, #popup-msg03, #popup-msg04 { position:absolute; left:calc(50% - 130px); top:1300px; width:350px; border:1px solid #111111; height:350px; z-index:999999;display:none;background:#fff; border-radius:30px; padding:30px; transition: transform .3s ease-out; transform: translate(0, -30px); -webkit-box-shadow: 0 19px 38px rgba(170,176,188,0.25), 0 15px 12px rgba(170,176,188,0.25); -moz-box-shadow: 0 19px 38px rgba(170,176,188,0.25), 0 15px 12px rgba(170,176,188,0.25); -ms-box-shadow: 0 19px 38px rgba(170,176,188,0.25), 0 15px 12px rgba(170,176,188,0.25); -o-box-shadow: 0 19px 38px rgba(170,176,188,0.25), 0 15px 12px rgba(170,176,188,0.25); box-shadow: 0 19px 38px rgba(170,176,188,0.25), 0 15px 12px rgba(170,176,188,0.25);} #popup-msg .popmsgimg, #popup-msg02 .popmsgimg, #popup-msg03 .popmsgimg, #popup-msg04 .popmsgimg { width:200px; margin: 0 auto 20px auto;} #popup-msg .text .title, #popup-msg02 .text .title, #popup-msg03 .text .title, #popup-msg04 .text .title { font-size: 24px; color: #454545; text-align:center;} table a.btn_post{display:inline-block;padding:3px 10px 8px;background:#6f6f6f;color:#fff;border-radius:1px;} table span.txt_noti1{color:#ec2e72;font-size:12px;} table span.txt_noti2{color:#ec2e72;font-size:12px;display:inline-block;padding-left:25px;} /*2019-04-23 Kim Ah Lin*/ table .file_sec_menu{ width:464px; display:inline-block; border:1px solid #ccc; margin:10px 0px 5px ; } table .file_sec_menu button{ width:50%; float:left; background:#fff; height:34px; line-height:34px; } table .file_sec_menu button.active{ background:#e6467b; color:#fff; font-weight:bold; } table .file_sec_menu button+button{ border-left:1px solid #ccc } table .file_putin{ overflow:hidden; padding-top:5px; } table .file_putin .btn_putin{ float:right; margin-right:15px; } table .file_putin .btn_putin a{ display:block; margin-bottom:6px; } table .file_putin .btn_putin a.search{ background:url(../images/hospital/btn_search_bg.gif) no-repeat 0 0; width:92px; height:26px; color:#fff; padding-top:6px; padding-left:42px; text-align:center; font-size:12x; } table .file_putin .putin{ width:464px; float:left; padding:10px 10px 0px; border: 1px solid #ccc; box-sizing:border-box; } table .file_putin .putin input{ border:1px solid #ccc; margin-bottom:10px; height:36px; padding:0px 10px; } table .file_putin .putin input.chart{ width:49%; float:left; margin-right:1%; box-sizing:border-box; } table .file_putin .putin input.name{ width:49%; float:left; margin-left:1%; box-sizing:border-box; } table .file_putin .putin input.file,table .file_putin .putin input.hospID{ width:100%; box-sizing:border-box; } table .file_putin table.file_putin_table{ width:464px; border-collapse:0; border:1px solid #ccc; border-spacing:0; } table .file_putin table.file_putin_table th,table .file_putin table.file_putin_table td{ text-align:center; padding:7px 0px; } .file_putin table.file_putin_table td{ color:#4c4c4c } .file_putin_layerPopup_wrap{ width:100hw; height:100vh; background:rgba(0, 0, 0, 0.5); position:fixed; top:0; left:0; right:0; botton:0; z-index:999; } .file_putin_layerPopup{ width:750px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); box-shadow:1px 1px 10px rgba(0,0,0,0.3); } .file_putin_layerPopup .searchDiv{ width:100%; display:inline-block; box-sizing:border-box; background:#f8f8f8; padding:20px; border-bottom:1px solid #ddd; } .file_putin_layerPopup .searchDiv input{ border-radius:2px; height:32px; padding:0px 5px; border:1px solid #ccc; width:150px; float:left; } .file_putin_layerPopup .searchDiv input+input{ margin-left:10px; } .file_putin_layerPopup .searchDiv button{ float:right; height:32px; border-radius:30px; background:#404040; color:#fff; width:70px; } .file_putin_layerPopup .layerDiv{ width:100%; padding:20px; box-sizing:border-box; } .file_putin_layerPopup .layerDiv input[type="radio"]{ display:none; } .file_putin_layerPopup .layerDiv input[type="radio"] + label span{ display:inline-block; width:19px; height:19px; margin:-2px 0px 0 0; vertical-align:middle; background:url(../images/hospital/off_check.png) left top no-repeat; background-size:19px 19px; cursor:pointer; } .file_putin_layerPopup .layerDiv input[type="radio"]:checked + label span{ background:url(../images/hospital/on_check.png) top no-repeat; background-size:19px 19px } .file_putin_layerPopup table{ width:100%; border-collapse:0; border-spacing:0; font-size:13px; } .file_putin_layerPopup table thead{ background:#f9f9f9; color:#000; font-weight:none; } .file_putin_layerPopup table thead th{ border-top :2px solid #e6467b } .file_putin_layerPopup table th, .file_putin_layerPopup table td{ padding:10px 5px; text-align:center; font-weight:400; border-bottom:1px solid #ccc; } .file_putin_layerPopup table td img{ width:20px; } .file_putin_layerPopup_btn{ width:100%; display:inline-block; padding-top:20px; text-align:center; } .file_putin_layerPopup_btn button{ height:36px; width:100px; border-radius:3px; } .file_putin_layerPopup_btn button+button{ margin-left:10px; } .file_putin_ok{ background:#e6467b; color:#fff; } .file_putin_cancel{ color:#fff; background:#a4a4a4; } /*2019-04-23 Kim Ah Lin*/ table .file_sec{overflow:hidden;padding-top:5px;} table .file_sec .file{float:left;} table .file_sec .btn_sec{float:left;margin-left:15px;} table .file_sec .btn_sec a{display:block;margin-bottom:6px;} table .file_sec .btn_sec a.search{background:url(../images/hospital/btn_search_bg.gif) no-repeat 0 0;width:92px;height:26px;color:#fff;padding-top:6px;padding-left:42px;text-align:center;font-size:12x;} table .file_sec .btn_sec a.upload{background:url(../images/hospital/btn_upload_bg.gif) no-repeat 0 0;width:92px;height:26px;color:#fff;padding-top:6px;padding-left:42px;text-align:center;font-size:12px;} table .file_sec .btn_sec a.del{background:url(../images/hospital/btn_del_bg.gif) no-repeat 0 0;width:92px;height:26px;color:#fff;padding-top:6px;padding-left:42px;text-align:center;font-size:12px;} table .file_sec ul.list{clear:both;padding:10px 0 5px 2px;font-size:12px;} table .file_sec ul.list li{padding:2px 0;} table.tb_imp{width:100%;margin:10px auto;border-collapse:collapse;font-size: 13px;} table.tb_imp tbody td{padding:3px 0;text-align:center;border-bottom:none;line-height:28px;} table.tb_imp tbody td.br_left{border-left:1px solid #dddddd;padding-left:15px;padding-left:8px;} table.tb_imp tbody td.br_right{padding-right:8px;} table.tb_imp tbody td.br_bottom{border-bottom:1px solid #f0f0f0;padding-bottom:15px;padding-top:10px;} table.tb_imp tbody td.br_top{padding-top:15px;padding-bottom:10px;background:none;} table.tb_imp tbody td.br_select{background:url(../images/hospital/br_select.gif) repeat-x 0 13px;} table.tb_imp tbody td.br_select_start{background:url(../images/hospital/br_select_start.gif) no-repeat right 13px;} table.tb_imp tbody td.br_select_end{background:url(../images/hospital/br_select_end.gif) no-repeat 0 13px;} table.tb_imp tbody td.br_select_single{background:url(../images/hospital/br_select1.gif) no-repeat 50% 13px;} table.tb_imp tbody td.bd_r {border-right:1px solid #dddddd;} /* 200413 */ table.tb_imp .material_sel {width:55px;height:45px; margin: 0 auto; border:1px solid #c9c9c9; padding: 10px 0 0 0; border-radius:2px; font-size: 11px;color:#717171; position: relative;cursor: pointer;} /*table.tb_imp .material_sel:after {content: ''; display: inline-block;position:absolute;left:0;bottom:0; width: 55px; height: 17px;vertical-align: middle;background:url(../images/hospital/icon_sel_arrow.png) no-repeat 50% 50%;}*/ table.tb_imp .material_sel a {cursor:pointer; display: block; width: 100%; line-height: 120%; color:#515151; font-size: 12px; vertical-align: middle;} table.tb_imp .material_sel ul {display: none;position: absolute;top: 50px;left: -1px;width:100%;border:1px solid #c9c9c9;background:#fff;z-index:10;border-bottom-right-radius: 2px 2px; border-bottom-left-radius: 2px 2px;} table.tb_imp .material_sel li{border-top:1px solid #c9c9c9; padding: 3px 0;} table.tb_imp .material_sel li:first-child {border-top:none;} table.tb_imp .material_sel li a {display: block;padding: 6px 0;font-size: 11px; line-height: 120%;color: #999; text-align:center;} table.tb_imp .material_sel.on01 {border:1px solid #7f8493; background:#bfc6db; } table.tb_imp .material_sel.on01 a {color:#fff;} table.tb_imp .material_sel.on01 ul {border:1px solid #7f8493; } table.tb_imp .material_sel.on01 li a{color: #999; } table.tb_imp .material_sel.on02 {border:1px solid #6e7edd; background:#a2b0ff; } table.tb_imp .material_sel.on02 a {color:#fff;} table.tb_imp .material_sel.on02 ul {border:1px solid #6e7edd; } table.tb_imp .material_sel.on02 li a{color: #999; } table.tb_imp .material_sel.on03 {border:1px solid #f44f73; background:#fe839e; } table.tb_imp .material_sel.on03 a {color:#fff;} table.tb_imp .material_sel.on03 ul {border:1px solid #f44f73; } table.tb_imp .material_sel.on03 li a{color: #999; } table.tb_imp .material_sel.on04 {border:1px solid #5ba0d1; background:#83cbfe; } table.tb_imp .material_sel.on04 a {color:#fff;} table.tb_imp .material_sel.on04 ul {border:1px solid #5ba0d1; } table.tb_imp .material_sel.on04 li a{color: #999; } table.tb_imp .material_sel.on05 {border:1px solid #9bce5e; background:#b7db8a; } table.tb_imp .material_sel.on05 a {color:#fff;} table.tb_imp .material_sel.on05 ul {border:1px solid #5ba0d1; } table.tb_imp .material_sel.on05 li a{color: #999; } table.tb_imp .material_sel.on06 {border:1px solid #7a67c5; background:#9889d1; } table.tb_imp .material_sel.on06 a {color:#fff;} table.tb_imp .material_sel.on06 ul {border:1px solid #5ba0d1; } table.tb_imp .material_sel.on06 li a{color: #999; } table.tb_imp .dable {border:1px solid #c9c9c9; background:#c9c9c9; } table.tb_imp .dable a {color:#fff !important;} table.tb_imp .dable li a{color: #999 !important; } /*table.tb_imp .material_sel.dable:after {background:none;}*/ table.tb_imp .num_sel_wr {} table.tb_imp .num_sel_wr ul {width: 96%; margin: 0 auto; overflow:hidden; padding-left:8px;} table.tb_imp .num_sel_wr ul li {float:left;width:45px;} table.tb_imp .num_sel_wr ul li:nth-child(odd) {width:auto;} table.tb_imp .num_sel_wr .bridge{width:100%;height:12px; display:block; background:url(../images/hospital/bridge.png) repeat-x; } table.tb_imp .num_sel_wr .bridge.on {background:url(../images/hospital/bridge_on.png) repeat-x;} table.tb_teeth{width:100%;margin:10px auto;border-collapse:collapse;font-size: 13px;} table.tb_teeth tbody td{padding:6px 0;text-align:center;border-bottom:none;} table.tb_teeth tbody td.br_left{border-left:1px solid #dddddd;padding-left:15px;padding-left:8px;} table.tb_teeth tbody td.br_right{padding-right:8px;} table.tb_teeth tbody td.br_bottom{border-bottom:1px solid #f0f0f0;padding-bottom:15px;padding-top:10px;} table.tb_teeth tbody td.br_top{padding-top:15px;padding-bottom:10px;background:none;} table.tb_teeth tbody td.br_select{background:url(../images/hospital/br_select.gif) repeat-x 0 13px;} table.tb_teeth tbody td.br_select_start{background:url(../images/hospital/br_select_start.gif) no-repeat right 13px;} table.tb_teeth tbody td.br_select_end{background:url(../images/hospital/br_select_end.gif) no-repeat 0 13px;} table.tb_teeth tbody td.br_select_single{background:url(../images/hospital/br_select1.gif) no-repeat 50% 13px;} table.tb_reply{width:100%;margin:10px auto;border-collapse:collapse;border-top:2px solid #444a55;border-bottom:1px solid #444a55;font-size: 13px;} table.tb_reply td{padding:12px 20px;border-bottom:1px solid #d5d5d5;clear:both;position:relative;} table.tb_reply tr.writer{background:#fffee8;} table.tb_reply td.writer{border-bottom:1px solid #d5d5d5;} table.tb_reply td.writer textarea{vertical-align:middle;} table.tb_reply td.writer a.btn{background:#000;text-align:center;color:#fff;display:inline-block;width:100px;height:42px;float:right;padding-top:20px;} table.tb_reply td dl{padding:6px 0} table.tb_reply td dl dt{font-size:13px;color:#000;padding-bottom:10px;} table.tb_reply td dl dd.txt{color:#9b9b9b;padding-right:150px;line-height:19px;} table.tb_reply td dl dd.date{position:absolute;right:20px;bottom:20px;color:#9b9b9b;font-size:12px;letter-spacing:0;} table.tb_reply tr.answ{background:url(../images/hospital/tb_reply_bg.gif) repeat-x 0 0;} table.tb_reply td.answ{} table.tb_reply td.answ dl{padding-left:50px;background:url(../images/hospital/ico_re_arrow.png) no-repeat 7px 5px;} /* 210708 shade선택*/ table.tb_imp .shade_sel {width:55px;height:35px; margin: 0 auto; border:1px solid #c9c9c9; padding: 10px 0 0 0; border-radius:2px; font-size: 11px;position: relative;cursor: pointer;} table.tb_imp .shade_sel a {cursor:pointer; display: block; width: 100%; line-height: 120%; color:#515151; font-size: 12px; vertical-align: middle;} table.tb_imp .shade_sel ul {display: none;position: absolute;top: 45px;left: -1px;width:100%;border:1px solid #c9c9c9;background:#fff;z-index:10;border-bottom-right-radius: 2px 2px; border-bottom-left-radius: 2px 2px;} table.tb_imp .shade_sel li{border-top:1px solid #c9c9c9; padding: 2px 0;} table.tb_imp .shade_sel li:first-child {border-top:none;} table.tb_imp .shade_sel li a {display: block;padding: 5px 0;font-size: 11px; line-height: 120%;color: #999; text-align:center;} table.tb_imp .shade_sel.on {border:1px solid #bdb38b;} table.tb_imp .shade_sel.on a{ color:#6d593b;} table.tb_imp .shade_sel.on ul {border:1px solid #bdb38b; } table.tb_imp .shade_sel.on li a{color: #999; } table.tb_imp .shade_sel.A0 {background:rgba(250,241,205,.2); } table.tb_imp .shade_sel.A1 {background:rgba(250,241,205,.4); } table.tb_imp .shade_sel.A2 {background:rgba(250,241,205,.6); } table.tb_imp .shade_sel.A3 {background:rgba(250,241,205,.8); } table.tb_imp .shade_sel.B1 {background:rgba(250,241,205,1); } ul.teeth_btn_sec {overflow:hidden;margin:35px 0 20px;} ul.teeth_btn_sec li.bridge{float:left;width:50%;} ul.teeth_btn_sec li.single{float:left;width:30%;} ul.teeth_btn_sec li.reset{float:left;width:20%;} ul.teeth_btn_sec a{margin:0 5px;} ul.teeth_btn_sec a.btn_bridge{background:url(../images/hospital/btn_bridge.gif) no-repeat 0 0;width:108px;height:25px;color:#fff;padding-top:5px;text-align:center;font-size:12px;display:inline-block;float:right;} ul.teeth_btn_sec a.btn_single{background:url(../images/hospital/btn_single.gif) no-repeat 0 0;width:108px;height:25px;color:#fff;padding-top:5px;text-align:center;font-size:12px;display:inline-block;float:left;} ul.teeth_btn_sec a.btn_reset{float:right;} ul.teeth_info{overflow:hidden;} ul.teeth_info li{float:left;padding:0 30px 0 10px;font-size:12px;} ul.teeth_info li span.bridge{background:#3bcdcb;border:1px solid #23b0ae;border-radius:1px;display:inline-block;padding:1px 8px 4px;color:#fff;margin-right:8px;font-size:12px;} ul.teeth_info li span.single{background:#8aba08;border:1px solid #759e04;border-radius:1px;display:inline-block;padding:1px 8px 4px;color:#fff;margin-right:8px;font-size:12px;} #mydio_sub .fullarch_re_btn{ width:100%; text-align:center; background:#f56397; color:#fff; font-size:17px; font-weight:bold; height:50px; line-height:50px; border-radius:3px; margin-bottom:10px; } #mydio_sub .fullarch_re_btn a{ display:block } .fullarch-info_text{ width:100%; margin-bottom:40px; font-size:14px; line-height:1.5em; font-weight:500; padding:0px 10px; box-sizing:border-box; color:#f14966; display: table; } .fullarch-info_text li{ float:left; } .fullarch-info_text li.pt{ width:11px; } .fullarch-info_text li.txt{ width:calc(100% - 11px) } #mydio_sub .final_btn_sec{overflow:hidden;padding-bottom:100px;clear:both;} a.btn_temp_save{border-top:1px solid #d4d4d4;border-right:1px solid #aaaaaa;border-left:1px solid #d4d4d4;border-bottom:1px solid #929292;color:#282828;font-size:15px;padding:7px 0 11px;width:150px;display:inline-block;background:linear-gradient(to bottom, #fefefe, #f2f2f2);margin:0 5px;text-align:center;transition:all 0.3s;} a:hover.btn_temp_save{border:1px solid #af335f;color:#fff;font-size:15px;padding:7px 0 11px;width:150px;display:inline-block;background:linear-gradient(to bottom, #f54b88, #d3336d);margin:0 5px;text-align:center;transition:all 0.3s;} a.btn_reg{border-top:1px solid #d4d4d4;border-right:1px solid #aaaaaa;border-left:1px solid #d4d4d4;border-bottom:1px solid #929292;color:#282828;font-size:15px;padding:7px 0 11px;width:150px;display:inline-block;background:linear-gradient(to bottom, #fefefe, #f2f2f2);margin:0 5px;text-align:center;transition:all 0.3s;} a:hover.btn_reg{border:1px solid #af335f;color:#fff;font-size:15px;padding:7px 0 11px;width:150px;display:inline-block;background:#f54b88;margin:0 5px;text-align:center;transition:all 0.3s;} a.btn_confirm{border-top:1px solid #d4d4d4;border-right:1px solid #aaaaaa;border-left:1px solid #d4d4d4;border-bottom:1px solid #929292;color:#282828;font-size:15px;padding:7px 0 11px;padding-left:40px;padding-right:40px;display:inline-block;background:linear-gradient(to bottom, #fefefe, #f2f2f2);margin:0 5px;text-align:center;transition:all 0.3s;} a.btn_cancel{border-top:1px solid #4d4d4d;border-right:1px solid #3e3e3e;border-left:1px solid #3e3e3e;border-bottom:1px solid #353535;color:#282828;font-size:15px;padding:7px 0 11px;width:150px;display:inline-block;background:linear-gradient(to bottom, #666666, #4e4e4e);color:#fff;margin:0 5px;text-align:center;transition:all 0.3s;} a.btn_basic{border-top:1px solid #d4d4d4;border-right:1px solid #aaaaaa;border-left:1px solid #d4d4d4;border-bottom:1px solid #929292;color:#282828;font-size:15px;padding:7px 0 11px;padding-left:40px;padding-right:40px;display:inline-block;background:linear-gradient(to bottom, #fefefe, #f2f2f2);margin:0 5px;text-align:center;} .btn_str {border:1px solid #af335f;color:#fff;font-size:15px;padding:7px 0 11px;width:150px;display:inline-block;background:#f54b88;margin:0 5px;text-align:center;} .btn_str:hover {background:#af335f;transition:all 0.3s;} a.btn_common { min-width: 152px; height: 46px; padding: 0px 10px; font-size:15px; line-height:46px; text-align: center; color: #fff; margin: 2px 4px; box-sizing:border-box; } a.btn_outline { background: #fff; border: 1px solid rgba(1, 1, 1, .7); color: #010101; box-sizing:border-box;} a.btn_outline:hover { background: linear-gradient(#ffffff, #e7e8ec); transition: all 0.3s;} a.btn_primary { background: #010101;} a.btn_primary:hover { background: linear-gradient(#333333, #010101); transition: all 0.3s;} a.btn_neg {background: #7d7f90;} a.btn_neg:hover {background:linear-gradient(#7d7f90 , #6e7080);transition: all 0.3s;} .final_btn_sec a.btn_pre{border-top:1px solid #d4d4d4;border-right:1px solid #aaaaaa;border-left:1px solid #d4d4d4;border-bottom:1px solid #929292;color:#282828;font-size:15px;padding:7px 20px 13px 60px;display:inline-block;background:url(../images/hospital/ico_pre.gif) no-repeat 0 0;margin:0 5px;text-align:right;} .final_btn_sec a:hover.btn_pre{border:1px solid #af335f;color:#fff;font-size:15px;padding:7px 20px 13px 60px;display:inline-block;background:url(../images/hospital/ico_pre_ov.gif) no-repeat 0 0;margin:0 5px;text-align:right;} .final_btn_sec a.btn_next{border-top:1px solid #d4d4d4;border-right:1px solid #aaaaaa;border-left:1px solid #d4d4d4;border-bottom:1px solid #929292;color:#282828;font-size:15px;padding:7px 60px 13px 20px;display:inline-block;background:url(../images/hospital/ico_next.gif) no-repeat right 0;margin:0 5px;text-align:left;} .final_btn_sec a:hover.btn_next{border:1px solid #af335f;color:#fff;font-size:15px;padding:7px 60px 13px 20px;display:inline-block;background:url(../images/hospital/ico_next_ov.gif) no-repeat right 0;margin:0 5px;text-align:left;} span.vAlign img{vertical-align:middle;padding-right:3px;} span.vAlign input{vertical-align:middle;padding-right:3px;} span.vAlign input:last-child{content:' ';} /* dionavi */ #sub_container{} #sub_container .dionavi{margin:0 auto 100px 0;width:100%;} #sub_container .dionavi .visual{background:url(../images/hospital/dionavi_img1_bg.jpg) no-repeat 50% 0;padding-top:115px;position:relative;} #sub_container .dionavi .visual p.btn_pre{position:absolute;top:120px;left:50%; font-size:15px;} #sub_container .dionavi .visual p.btn_next{position:absolute;top:120px;right:50%; font-size:15px;text-align:right;} #sub_container .dionavi .cont_sec{width:1100px;margin:0 auto;} #sub_container .dionavi ul.tab_menu{overflow:hidden;border-top:1px solid #dddddd;border-bottom:1px solid #858585;border-left:1px solid #cccccc;border-right:1px solid #cccccc;margin-top:40px;margin-bottom:40px;} #sub_container .dionavi ul.tab_menu li{float:left;border-left:1px solid #cccccc;text-align:center;width:20%;margin-left:-1px;font-size:14px;} #sub_container .dionavi ul.tab_menu li.first{border-left:none;} #sub_container .dionavi ul.tab_menu li a{display:inline-block;padding:14px 10px 15px;} #sub_container .dionavi ul.tab_menu li.on{background:#894bb0;color:#fff;} #sub_container .dionavi .effect_sec1{margin-bottom:90px;border-bottom:1px solid #e5e5e5;padding-bottom:90px;} .dionavi_proc{text-align:left;margin-top: 40px;} .dionavi_proc .br{border-bottom:1px solid #d0d0d0;} .dionavi_proc .sec{padding-bottom:80px;margin-bottom:55px;} .dionavi_proc .bg_g{background:#f2f2f2;text-align:center;padding:50px 0;} .dionavi_proc .sec .txt{font-size:14px;line-height:22px;margin-bottom:35px;display:block;} .dionavi_proc .bg_g ul li{text-align:center;background:url(../images/hospital/dionavi_proc_img4_bg.gif) no-repeat center bottom;padding-bottom:30px;padding-top:20px;} .dionavi_proc .bg_g ul li.end{background:none;} .dionavi_proc table.tb_scan{width:100%;border-collapse:collapse;text-align:left;font-size:14px;letter-spacing:0;} .dionavi_proc table.tb_scan thead th{border-top:2px solid #747474;background:#f2f2f2;text-align:left;border-bottom:1px solid #d6d6d6;border-left:1px solid #d6d6d6;padding:7px 0 9px 15px;font-weight: 400;} .dionavi_proc table.tb_scan .br_none{border-left:none;} .dionavi_proc table.tb_scan tbody th{background:#4d4caf;color:#fff;border-bottom:1px solid #d6d6d6;padding:5px 0 7px 15px;font-weight: 400;} .dionavi_proc table.tb_scan tbody td{border-bottom:1px solid #d6d6d6;border-left:1px solid #d6d6d6;padding:5px 0 7px 15px;font-size:13px;} .dionavi_kit{text-align:left;margin-top: 40px;} .dionavi_kit .sec{overflow:hidden;clear:both;margin-bottom:180px;} .dionavi_kit .sec p.lft_title{float:left;width:227px;} .dionavi_kit .sec .r_cont{float:right;width:873px;border-top:1px solid #a1a1a1;} .dionavi_kit .sec .r_cont .kit_sec{border-bottom:1px solid #dfdfdf;position:relative;} .dionavi_kit .r_cont .kit_sec dl{padding-top:34px;padding-left:23px;} .dionavi_kit .r_cont .kit_sec dt{} .dionavi_kit .r_cont .kit_sec dd.txt{padding-top:32px;font-size:14px;padding-left:10px;line-height:22px;} .dionavi_kit .r_cont .kit_sec dd.code{position:absolute;right:8px;bottom:13px;} .dionavi_kit .r_cont .kit_bg1{background:url(../images/hospital/dionavi_kit_img1.jpg) no-repeat 430px 120px;height:370px;} .dionavi_kit .r_cont .kit_bg2{background:url(../images/hospital/dionavi_kit_img2.jpg) no-repeat 460px 130px;height:415px;} .dionavi_kit .r_cont .kit_bg3{background:url(../images/hospital/dionavi_kit_img3.jpg) no-repeat 270px 180px;height:415px;} .dionavi_kit .r_cont .kit_bg4{background:url(../images/hospital/dionavi_kit_img4.jpg) no-repeat 265px 215px;height:460px;} .dionavi_kit .r_cont .kit_sec1{background:url(../images/hospital/dionavi_kit_img12_bg.gif) no-repeat right bottom;} .dionavi_kit .r_cont .kit_sec1 dl{overflow:hidden;padding:55px 5px 75px 16px;} .dionavi_kit .r_cont .kit_sec1 dt{float:left;width:260px;font-size: 18px;} .dionavi_kit .r_cont .kit_sec1 dd{float:left;width:585px;padding-top:3px;font-size:13px;line-height:24px;} .dionavi_kit .r_cont .kit_sec1 dd span.pic{display:inline-block;padding:40px 0 20px;} .dionavi_tip{} .dionavi_tip p.pic1{text-align:center;padding:90px 0 110px;} .dionavi_tip p.pic2{padding:30px 0 0;} .dionavi_tip p.pic3{background:#f2f2f2;text-align:center;padding:50px 0;} .dionavi_tip dl{padding-top:70px;} .dionavi_tip dl dt{padding-bottom:20px;} .dionavi_tip dl dd{font-size:14px;line-height:24px;} .dionavi_tip .br_top{} .dionavi_tip .effect_sec{background:url(../images/hospital/dionavi_tip_img3_bg.gif) no-repeat 0 0;padding:30px 0 90px;text-align:left;} .dionavi_tip .br_none{border-bottom:none;} /* marketing*/ #sub_container .mk_data{margin:0 auto 100px 0;width:100%;position:relative;} #sub_container .mk_data .title_sec{margin:40px 0 20px;} #sub_container .mk_data .title_sec1{margin:0 0 20px;border-bottom: 1px solid #626262;text-align: left;} #sub_container .mk_data .search_sec{background:url(../images/hospital/mk_img1_bg.jpg) no-repeat 50% -20px;height:100px;padding-top:55px} #sub_container .mk_data .cont_sec{margin:80px 0 0;position:relative;} /* #sub_container .mk_data .menu_btn{font-size:14px;} #sub_container .mk_data .menu_btn p.btn_pre a{position:absolute;top:65px;left:50%;margin-left:-550px;} #sub_container .mk_data .menu_btn p.btn_next a{position:absolute;top:65px;right:50%;margin-right:-550px;} */ #sub_container .mk_data .search_sec input{vertical-align:middle;} #sub_container .mk_data .search_sec img{vertical-align:middle;} #sub_container .mk_data .search_sec .form1{padding:9px 10px;} #sub_container .mk_data .search_sec input.form2{padding:10px;} #sub_container .mk_data .search_sec a.btn {background:#000000;color:#fff;display:inline-block;padding0: 25px ;font-size:12px;padding:0 20px;} #sub_container .mk_data .search_sec span.txt{font-size:12px;display:inline-block;padding-right:8px;} #sub_container .paging_btn{position:absolute;left:50%;margin-left:580px;top:310px;} #sub_container .paging_btn img{display:block;} .mk_data ul.tab_menu{overflow:hidden;font-size:14px;margin-bottom:50px;} .mk_data ul.tab_menu li{display:inline-block;margin-left:-6px;} .mk_data ul.tab_menu li a{display:inline-block;padding:16px 0;width:360px;background:#fff;border:1px solid #cdcdcd;border-radius:1px;} .mk_data ul.tab_menu li a.on{background:#894bb0;color:#fff;border:1px solid #894bb0;} .mk_data .catalog_sec{width:1100px;margin:0 auto;font-size:14px;overflow:hidden;} .mk_data .catalog_sec .br{border:1px solid #e1e1e1;border-radius:1px;width:252px;float:left;margin:0 11px 40px 10px;box-shadow: 0 3px 1px #f0f0f0;} .mk_data .catalog_sec .br .pic{background:#f3f3f3;position:relative;text-align:center;height: 220px;vertical-align:middle;} .mk_data .catalog_sec .info{text-align:left;margin:0 18px;padding-top:20px;height:120px;line-height:20px;} .mk_data .catalog_sec .info span{display:block;} .mk_data .catalog_sec .info span.tag{padding-top:5px;color:#ee6b2b;letter-spacing:0;font-size:12px;} .mk_data .catalog_sec .cmt{border-top:1px solid #e6e6e6;margin:0 15px;padding:10px 0 14px;color:#8f8f8f;letter-spacing:0;} .mk_data .catalog_sec .cmt img{vertical-align:middle;} .mk_data .catalog_sec .cmt ul{overflow:hidden;font-size:12px;} .mk_data .catalog_sec .cmt ul li{float:right;padding-left:20px;} .mk_data .catalog_sec .cmt ul li.down{float:left;background:url(../images/hospital/ico_down.gif) no-repeat 2px 3px;padding-left:25px;color:#2b282c;} .mk_data .catalog_sec .cmt ul li.down a{display:block;} .mk_data .catalog_sec .cmt ul li img{vertical-align:middle;} .mk_data .pic_sec{width:1100px;margin:0 auto;font-size:14px;overflow:hidden;} .mk_data .pic_sec .br{border:1px solid #e1e1e1;border-radius:1px;width:252px;float:left;margin:0 11px 40px 10px;box-shadow: 0 3px 1px #f0f0f0;} .mk_data .pic_sec .br .pic{background:#f3f3f3;position:relative;text-align:center;height: 220px;vertical-align:middle;} .mk_data .pic_sec .br .pic img{vertical-align:middle;} .mk_data .pic_sec .info{text-align:left;margin:0 18px;padding-top:20px;height:90px;line-height:20px;} .mk_data .pic_sec .info span{display:block;} .mk_data .pic_sec .info span.tag{padding-top:5px;color:#ee6b2b;font-size:12px;letter-spacing:0;font-size:12px;} .mk_data .pic_sec .cmt{border-top:1px solid #e6e6e6;margin:0 15px;padding:10px 0 14px;color:#8f8f8f;letter-spacing:0;} .mk_data .pic_sec .cmt img{vertical-align:middle;} .mk_data .pic_sec .cmt ul{overflow:hidden;font-size:12px;} .mk_data .pic_sec .cmt ul li{float:right;padding-left:20px;} .mk_data .pic_sec .cmt ul li.down{float:left;background:url(../images/hospital/ico_down.gif) no-repeat 2px 3px;padding-left:25px;color:#2b282c;} .mk_data .pic_sec .cmt ul li img{vertical-align:middle;} .mk_data .movie_sec{width:1100px;margin:0 auto;font-size:14px;overflow:hidden;} .mk_data .movie_sec .br{border:1px solid #e1e1e1;border-radius:1px;width:252px;float:left;margin:0 11px 40px 10px;box-shadow: 0 3px 1px #f0f0f0;} .mk_data .movie_sec .br .pic{background:#f3f3f3;position:relative;padding:23px 0;text-align:center;} .mk_data .movie_sec .br .pic span.btn_play{position:absolute;left:105px;top:70px;} .mk_data .movie_sec .info{text-align:left;margin:0 10px;padding-top:20px;height:120px;line-height:20px;} .mk_data .movie_sec .info span{display:block;} .mk_data .movie_sec .info span.tag{padding-top:5px;color:#ee6b2b;font-size:12px;letter-spacing:0;font-size:12px;} .mk_data .movie_sec .cmt{border-top:1px solid #e6e6e6;margin:0 15px;padding:10px 0 14px;color:#8f8f8f;letter-spacing:0;} .mk_data .movie_sec .cmt img{vertical-align:middle;} .mk_data .movie_sec .cmt ul{overflow:hidden;font-size:12px;} .mk_data .movie_sec .cmt ul li{float:right;padding-left:20px;} .mk_data .movie_sec .cmt ul li.down{float:left;background:url(../images/hospital/ico_down.gif) no-repeat 2px 3px;padding-left:25px;color:#2b282c;} .mk_data .pic_sec .cmt ul li img{vertical-align:middle;} .mk_data .etc_sec{width:1100px;margin:0 auto;font-size:14px;overflow:hidden;} .mk_data .etc_sec .br{border:1px solid #e1e1e1;border-radius:1px;width:252px;float:left;margin:0 11px 40px 10px;box-shadow: 0 3px 1px #f0f0f0;} .mk_data .etc_sec .br .pic{background:#f3f3f3;position:relative;text-align:center;height: 220px;vertical-align:middle;} .mk_data .etc_sec .info{text-align:left;margin:0 18px;padding-top:20px;height:120px;line-height:20px;} .mk_data .etc_sec .info span{display:block;} .mk_data .etc_sec .info span.tag{padding-top:5px;color:#ee6b2b;letter-spacing:0;font-size:12px;} .mk_data .etc_sec .cmt{border-top:1px solid #e6e6e6;margin:0 15px;padding:10px 0 14px;color:#8f8f8f;letter-spacing:0;} .mk_data .etc_sec .cmt img{vertical-align:middle;} .mk_data .etc_sec .cmt ul{overflow:hidden;font-size:12px;} .mk_data .etc_sec .cmt ul li{float:right;padding-left:20px;} .mk_data .etc_sec .cmt ul li.down{float:left;background:url(../images/hospital/ico_down.gif) no-repeat 2px 3px;padding-left:25px;color:#2b282c;} .mk_data .etc_sec .cmt ul li img{vertical-align:middle;} .mk_column{width:1100px;margin:0 auto;} .mk_column_visual{background:url(../images/hospital/mk_img3.jpg) no-repeat 50% 0;height:238px;margin-bottom:70px;} .mk_material_visual{background:url(../images/hospital/mk_img4.jpg) no-repeat 50% 0;height:238px;margin-bottom:70px;} .mk_material p.stitle{text-align:center;padding:0 0 5px;} .mk_material dl{text-align:center;} .mk_material dl dt{padding:60px 0 20px;} .mk_material dl dd{font-size:14px;line-height:25px;} .mk_material ul.list{overflow:hidden;width:1100px;margin:70px auto;} .mk_material ul.list li{float:left;width:25%;text-align:center;height:180px;} .mk_material ul.list dt{padding-bottom:35px;padding-top:0;} .mk_material ul.list dd{font-size:13px;line-height:22px;} .mk_material ul.list li.line{background:url(../images/hospital/mk_img8_bg.gif) repeat-y 0 0;} .mk_material .tab_menu{width:1100px;margin:130px auto 40px;background:url(../images/hospital/mk_img9_bg.gif) repeat-x 0 26px;} .mk_material .tab_menu ul{width:665px;margin:0 auto;overflow:hidden;} .mk_material .tab_menu ul li {padding:10px 0 15px;width:220px;float:left;text-align:center;border-top:1px solid #cdcdcd;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-bottom:1px solid #858585;margin-left:-1px;background:#fff;font-size:16px;} .mk_material .tab_menu ul li.first {margin-left:1px;} .mk_material .tab_menu ul li.on {background:#eb6796;color:#fff;} .mk_material .tab_cont_bg{background:url(../images/hospital/mk_img5.jpg) no-repeat 50% 0;height:682px;} .mk_material .tab_cont_bg ul{widtn:1100px;margin:0 auto;} .mk_material .tab_cont_bg li{text-align:center;} /* dms */ #mydio_sub .dms_cont_sec{width:1100px;margin:0 auto;text-align:left;} #mydio_sub .dms_cont_sec .contents1{position:relative;} #mydio_sub .planning_file_sec{padding:20px 0 25px;} #mydio_sub .planning_file_sec p.file_img img{width:98%;} #mydio_sub .planning_file_sec p.file_img{padding:15px 0 10px;} #mydio_sub .planning_file_sec span.num{background:#f56397;color:#fff;padding:0 8px;display:inline-block;} #mydio_sub .planning_file_sec .op_list{} #mydio_sub .planning_file_sec .op_list img.ico_new{display:inline-block;padding-left:3px;padding-top:5px;} #mydio_sub .planning_file_sec dl.op{overflow:hidden;border-top:1px dashed #bababa;padding:10px 5px;line-height:20px;font-size: 12px;} #mydio_sub .planning_file_sec dl.first{border-top:none} #mydio_sub .planning_file_sec dl.op dt{float:left;width:20%;} #mydio_sub .planning_file_sec dl.op dd{float:left;width:80%;} #mydio_sub .planning_file_sec dl.op dd span.date{display:block;color:#888888;} #mydio_sub .planning_file_sec .op_write{margin-top:13px;overflow:hidden;} #mydio_sub .planning_file_sec .op_write .form8{float:left} #mydio_sub .planning_file_sec .op_write a.btn_write{float:left;border-top:1px solid #d5d5d5;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;height:34px;padding:8px 22px 0;display: inline-block;} p.noti_title{font-size:18px;padding:0 0 15px 10px;} #mydio_sub .noti_guide{border-bottom:1px solid #d5d5d5;} #mydio_sub .noti_guide dl dt{border-top:1px solid #d5d5d5;background:url(../images/hospital/ico_view1_off.gif) no-repeat 750px 50%;font-size:14px;} #mydio_sub .noti_guide dl dt.on{background:url(../images/hospital/ico_view1_on.gif) no-repeat 750px 50%;} #mydio_sub .noti_guide dl dt a{display:block;padding:9px 10px 13px;} #mydio_sub .noti_guide dl dd{border-top:1px solid #d5d5d5;padding:20px 10px 35px;line-height:22px;} #mydio_sub .noti_guide dl ul li{background:url(../images/hospital/ico_dot.gif) no-repeat 2px 12px;padding-left:10px;} td.pdf, td.pdf a{color:#ff4e00;} td.pdf img{vertical-align:middle;} td.pdf img.ico_pdf{padding-right:7px;display:inline-block;} td.pdf a.drillBtn{border-top:1px solid #d4d4d4;border-right:1px solid #aaaaaa;border-left:1px solid #d4d4d4;border-bottom:1px solid #929292;color:#282828;font-size:12px;padding:3px 24px 4px 20px;display:inline-block;margin:0 5px;text-align:left;cursor:pointer} td.pdf a:hover.drillBtn{border:1px solid #af335f;color:#fff;font-size:12px;padding:3px 24px 4px 20px;display:inline-block;margin:0 5px;text-align:left;background-color:#f24f89;} /* community */ .h_commu_sec .commu_search{overflow:hidden;margin-bottom:15px;} .h_commu_sec .commu_search .l_sec{float:left;padding-top:7px;padding-left:32px;background:url(../images/patient/ico_zoom.gif) no-repeat 8px 10px;min-height:25px;} .h_commu_sec .commu_search .l_sec span.total{color:#f11367;font-weight:bold;} .h_commu_sec .commu_search .r_sec{float:right;} .h_commu_sec .commu_search input{vertical-align:middle;} .h_commu_sec .commu_search .r_sec a.btn{background:#3d3d3d;color:#fff;display:inline-block;padding:4px 25px 8px;font-size:12px;line-height: 19px; height: 17px;} .h_commu_sec .commu_search .r_sec span.txt{font-size:12px;display:inline-block;padding-right:8px;} /* e84b3a */ .h_commu_sec .commu_search .r_sec select{} .h_commu_sec .faq_search{background:#fafafa;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;overflow:hidden;margin-bottom:50px;padding:15px 0 15px 20px;} .h_commu_sec .faq_search span{display:inline-block;float:left;} .h_commu_sec .faq_search span.title{font-size:13px;padding-right:30px;padding-top:4px;padding-left:10px;background:url(../images/hospital/bl_square.gif) no-repeat 0 13px;} .h_commu_sec .faq_search span.btn{} .h_commu_sec .faq_search span.btn a{display:block;background:#3d3d3d;color:#fff;padding:5px 40px 8px;margin-left:6px;} .h_commu_sec ul.tab_menu{overflow:hidden;margin-bottom:30px;font-size:14px;border-bottom:1px solid #e1e1e1;} .h_commu_sec ul.tab_menu li{float:left;} .h_commu_sec ul.tab_menu li a{background: url(../images/hospital/mydio_tab_bg.gif) no-repeat 0 0;padding:10px 30px 12px;display:inline-block;text-align:center;border-right:1px solid #e1e1e1;margin-right:3px;} .h_commu_sec ul.tab_menu li a.on{background:#3d3d3d;color:#fff;} .read_sec{overflow:hidden;} .read_sec .title_sec{border-bottom:1px solid #626262;font-size:14px;} .read_sec dl.title1{clear:both;overflow:hidden;background:#fbfbfb;border-top:1px solid #d7d7d7;padding:12px 30px 13px;} .read_sec dl.title2{clear:both;overflow:hidden;background:#fbfbfb;border-top:1px solid #d7d7d7;padding:12px 30px 13px;} .read_sec dl.title1 dt{float:left;width:70px;font-weight: 500;} .read_sec dl.title2 dt{float:left;width:70px;font-weight: 500;} .read_sec dl.title1 dd{float:left;background:url(../images/patient/bl_line.gif) no-repeat 0 2px;padding-left:20px;} .read_sec dl.title2 dd{float:left;background:url(../images/patient/bl_line.gif) no-repeat 0 2px;padding-left:20px;} .read_sec dl.title2{color:#5a5a5a;} .read_sec span.ico_new{padding-left:10px;} .read_sec span.ico_new img{vertical-align:middle;} .read_sec .read_cont{padding:50px 10px 70px;color: #353535;} .read_sec .read_cont p.pic{width:100%;text-align:center;padding:30px 0;} .read_sec .read_cont p.txt{line-height:24px;font-size: 13px;} .read_sec .list_page{overflow:hidden;padding:19px 10px 20px;border-top:1px solid #d7d7d7;border-bottom: 1px solid #626262;font-size: 14px;} .read_sec .list_page .l_sec{float:left;width:50%;overflow:hidden;text-align:left;} .read_sec .list_page .r_sec{float:right;width:50%;overflow:hidden;background:url(../images/patient/bl_line1.gif) no-repeat 0 50%;text-align:right;} .read_sec .list_page span.btn_pre{display:inline-block;padding-right:20px;padding-left:20px;font-weight:500;background:url(../images/patient/btn_pre_bg.gif) no-repeat 0 50%;} .read_sec .list_page span.btn_next{display:inline-block;padding-right:20px;padding-left:20px;font-weight:500;background:url(../images/patient/btn_next_bg.gif) no-repeat right 50%;} .read_sec .list_page dl.title dt{font-size:13px;} .read_sec .list_page dl.title dd.dental{padding-top:5px;} .read_sec p.btn_list{clear:both;text-align:center;float:right;margin-top:30px;color:#fff;} .read_sec p.btn_list a{color:#fff;background:#3d3d3d;display:block;padding:8px 50px 11px;border:1px solid #3d3d3d;border-radius:1px;} /* .read_sec .list_page p.btn_pre{position:absolute;left:5px;top:40px;background:url(../images/patient/btn_pre_bg.gif) no-repeat 0 50%;padding-left:15px;color:#868686;} .read_sec .list_page p.btn_pre a{display:block;color:#868686;} .read_sec .list_page p.btn_next{position:absolute;right:5px;top:40px;background:url(../images/patient/btn_next_bg.gif) no-repeat right 50%;padding-right:15px;color:#868686;} .read_sec .list_page p.btn_next a{display:block;color:#868686;} .read_sec p.btn_list{clear:both;background:#3d3d3d;width:160px;padding:10px 0;text-align:center;float:right;margin-top:30px;color:#fff;} .read_sec p.btn_list a{color:#fff;display:block;} */ /* salesman */ #mypage_container .salesman{} #mypage_container .salesman .bg{background:url(../images/hospital/mypage_img1.jpg) no-repeat 0 50%;height:546px;margin-bottom: 30px;} #mypage_container .salesman p.t1{padding-top:54px;height:60px;text-align:center;} #mypage_container .salesman p.t2{height:160px;text-align:center;} #mypage_container .salesman p.photo{float:left;margin-left:140px;margin-right:45px;width:84px;height:112px;background:url(../images/hospital/mypage_img5.gif) no-repeat 0 0;} #mypage_container .salesman table.man{float:left;width:430px;border-collapse:collapse;} #mypage_container .salesman table.man th{border-bottom:1px solid #e4e4e4;background:#fafafa;padding:8px 0 10px 30px;font-weight:500;} #mypage_container .salesman table.man td{border-bottom:1px solid #e4e4e4;padding:8px 0 10px 30px;} #mypage_container .salesman table.man .br_top{border-top:1px solid #e4e4e4;} /* 플래너 의견관리 210428 */ .btn_mdy {width:30px; height:26px; display:inline-block; text-align:center; background:url(../images/hospital/ic_modify.png) no-repeat 50% 50%; } .ic_req {width:26px; height:16px;line-height:18px;color:#fff; font-size:11px; background:#fb6195; text-align:center; display:inline-block;margin-left:5px; border-radius:2px;font-weight:200;font-family:"돋움","dotum","돋움체";} .sml_btn{width:47px; height:27px; border:1px solid #d4d4d4; border-right:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa; display:inline-block;margin:0 2px;} .s_btn_add {background:url(../images/hospital/ic_plus.png) no-repeat 50% 50%;} .s_btn_delete {background:url(../images/hospital/ic_minus.png) no-repeat 50% 50%;} .pop_pln_cmt {width:750px;margin:80px auto 0;background:#fff;position:relative;} .pop_pln_cmt textarea {white-space: pre-line;} textarea.rnf_comment{width:100%; box-sizing: border-box; height:100%;} .dms_reg .title_sec {text-align:center;margin-top:20px; margin-bottom:20px; font-size:20px; text-align:center;} .dms_reg .reg_sec {display:inline-block; text-align:left; width:100%;} .dms_reg .reg_sec dl {float:left; width:33%; margin-bottom:20px;} .dms_reg .reg_sec dt {text-align:left; width:100%;} .dms_reg .reg_sec dd {text-align:left; width:100%;} .dms_reg .reg_sec dl.pln_cmt {width:100%;} .dms_reg .reg_sec dl .pln_cmt{width:100%;overflow:hidden; text-align:left; margin-bottom:10px;box-sizing: border-box;} .dms_reg .reg_sec dl .pln_cmt .cmt_view {width:100%;height:260px; float:left; border:1px solid #d0d0d0; padding:5px;box-sizing: border-box;} .dms_reg .reg_sec dl .pln_cmt .cmt_view .cmt_cont{width:100%; padding:10px; margin-bottom:20px;} .dms_reg .reg_sec dl .pln_cmt .cmt_view .cmt_cont li{margin-bottom:8px;white-space: pre-line;} .dms_reg .reg_sec dl .pln_cmt .cmt_view .cmt_cont .autosize {resize:none;height:auto;overflow-y:scroll; border:1px solid #e3e3e3;} .dms_reg .reg_sec dl .pln_cmt .cmt_view .cmt_cont .btn_delete {width:20px; height:20px; background:url(../images/hospital/ic_close.png) no-repeat 50% 50%;display:inline-block; margin-left:5px;} .dms_reg .reg_sec dl .pln_cmt .cmt_list_box {width:100%; height:430px; float:right;overflow-y: scroll; border:1px solid #d0d0d0;box-sizing: border-box; margin-top:10px;} .dms_reg .reg_sec dl .pln_cmt .cmt_list_box .cmt_list_tbl {width:100%;box-sizing: border-box;} .dms_reg .reg_sec dl .pln_cmt .cmt_list_box .cmt_list_tbl thead th{border-bottom:1px solid #d0d0d0; padding:8px 8px; text-align:center;font-size:14px;background:#fff; position: sticky; top:0;} .dms_reg .reg_sec dl .pln_cmt .cmt_list_box .cmt_list_tbl tr {cursor: pointer;} .dms_reg .reg_sec dl .pln_cmt .cmt_list_box .cmt_list_tbl tr td {border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3;background:#f9f9f9; text-align:left; padding:6px 5px;font-size:13px;} .dms_reg .reg_sec dl .pln_cmt .cmt_list_box .cmt_list_tbl tr td:first-child {border-left:none;background:#fff;} .dms_reg .reg_sec dl .pln_cmt .cmt_list_box .cmt_list_tbl tr td.title{color:#4c4eac;} .dms_reg .reg_sec dl .pln_cmt .cmt_list_box .cmt_list_tbl tr td.btn_cmt_add {width:100%;height:34px;display:block;cursor: pointer; background:url(../images/hospital/ic_arrow.png) no-repeat 50% 50%;padding:0; } .w95 {width:95%;} /* 검색 */ .wr_search{overflow:hidden;margin-bottom:7px;} .wr_search .r_sec{float:right;} .wr_search input{vertical-align:middle;} .wr_search a.btn{background:#3d3d3d;color:#fff;display:inline-block;padding:4px 25px 8px;font-size:12px;line-height: 19px; height: 17px;} /* clinical_board */ ul.clinical_board{border-top:2px solid #686868;} ul.clinical_board li{border-bottom:1px solid #e4e4e4;overflow:hidden;clear:both;padding:30px 5px;} ul.clinical_board li p.photo{float:left;margin-right:25px;width:215px;height:160px;box-sizing:border-box;background:#fff;overflow:hidden;} ul.clinical_board li p.photo img{width:100%;} ul.clinical_board li dl.info{float:right;margin-left:5px;width:575px;} ul.clinical_board li dl.info dt{color: #333333;font-size:18px;} ul.clinical_board li dl.info dt{padding-bottom:10px;} ul.clinical_board li dl.info dd.txt{font-size:14px;padding-bottom:25px;line-height:20px;} ul.clinical_board li dl.info dd.dr{font-size:14px;float:left;} ul.clinical_board li dl.info dd.etc{font-size:13px;float:right;} ul.clinical_board li dl.info span.date{font-size:13px;display:inline-block;background:url(../images/hospital/bl_line.gif) no-repeat 15px 50%;padding-left:30px;} ul.clinical_board li dl.info span.read{background:url(../images/hospital/bl_line.gif) no-repeat 0 50%, url(../images/hospital/ico_read.gif) no-repeat 10px 50%;padding-left:47px;display:inline-block;margin-left:25px;} ul.clinical_board li dl.info span.reply{background:url(../images/hospital/ico_reply.gif) no-repeat 0 50%;color: #3a96ec;padding-left:23px;display:inline-block;margin-left:25px;font-weight: bold;} ul.clinical_board li dl.info span.pdf a{background:url(../images/hospital/ico_pdf1.gif) no-repeat 0 50%;font-size:13px;background-color:#2d2929;border-radius:2px;padding:4px 10px 5px 40px;color:#fff;margin-left:25px;display:inline-block;transition:all 0.3s;} ul.clinical_board li dl.info span.pdf a:hover{background:url(../images/hospital/ico_pdf1.gif) no-repeat 0 50%;background-color:#e84b3a;transition:all 0.3s;} /* 치과기공물의뢰서 */ #wrap_request{width:99%;margin:10px auto;border:2px solid #444a55;color:#2a2a2a;} #wrap_request .sec1{padding:15px 25px 25px;} #wrap_request .sec1 p.no{padding-bottom:10px;} #wrap_request .sec1 p.no span{font-weight:bold;} #wrap_request .sec1 p.title{font-size:40px;text-align:center;padding-bottom:55px;} #wrap_request .sec1 p.name{font-size:13px;text-align:right;} #wrap_request .sec1 p.name span{display:inline-block;padding:0 10px 0 5px;font-weight:bold;color:#2878e6;} #wrap_request .sec2{} #wrap_request .tb_request{width:100%;border-collapse:collapse;text-align:left;} #wrap_request .tb_request th{background:#f7f8f8;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;padding:10px 0 14px 15px;font-weight:500;} #wrap_request .tb_request td{border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;padding:10px 0 14px 15px;} #wrap_request .tb_request .first{border-left:none;} #wrap_request .tb_request .br_top{border-top:1px solid #d5d5d5;} #wrap_request .sec3{padding:55px 50px 60px;} #wrap_request .sec4{border-top:1px solid #d5d5d5;padding:25px 35px;} #wrap_request .sec4 p.txt{font-size:15px;padding-bottom:30px;} #wrap_request .sec4 p.date{font-size:13px;padding-bottom:7px;text-align:right;} #wrap_request .sec4 p.sign{font-size:14px;padding-bottom:40px;text-align:right;} #wrap_request .sec4 p.sign span{display:inline-block;font-size:20px;padding:0 15px;font-weight:bold;} #wrap_request .sec4 p.to{} #wrap_request .sec4 p.to span{font-size:18px;} #wrap_request .sec5{border-top:1px solid #d5d5d5;padding:15px 25px 17px} /* 스마트나비_201611 */ #sub_container .smartnavi{margin:0 auto 100px 0;width:100%;} #sub_container .smartnavi .visual{background:url(../images/hospital/smartnavi_img1.jpg) no-repeat 50% 0;padding-top:115px;position:relative;} #sub_container .smartnavi .visual p.btn_pre{position:absolute;top:120px;left:50%; font-size:15px;} #sub_container .smartnavi .visual p.btn_next{position:absolute;top:120px;right:50%; font-size:15px;text-align:right;} #sub_container .smartnavi .visual span.v_title{position:absolute;left:50%;margin-left:-548px;top:60px;} #sub_container .smartnavi .cont_sec{margin:0 auto 50px;} #sub_container .smartnavi ul.tab_menu{width:1100px;margin:40px auto;overflow:hidden;border-top:1px solid #dddddd;border-bottom:1px solid #858585;border-left:1px solid #cccccc;border-right:1px solid #cccccc;} #sub_container .smartnavi ul.tab_menu li{float:left;border-left:1px solid #cccccc;text-align:center;width:25%;margin-left:-1px;font-size:14px;} #sub_container .smartnavi ul.tab_menu li.first{border-left:none;} #sub_container .smartnavi ul.tab_menu li a{display:inline-block;padding:14px 10px 15px;} #sub_container .smartnavi ul.tab_menu li.on{background:#47acdf;color:#fff;} #sub_container .smartnavi .min_width{width:1100px;margin:0 auto 90px;text-align:left;} #sub_container .smartnavi_sec1 p.txt1{font-size:20px;margin:15px 0 25px;} #sub_container .smartnavi_sec1 ul{font-size:14px;line-height:1.8em;color:#656565;} #sub_container .smartnavi_sec1 ul li{background:url(../images/common/bl_dot1.gif) no-repeat 7px 12px;padding-left:17px;} #sub_container .smartnavi_sec1 .diag{width:1100px;margin:100px auto 150px;border-top:1px solid #e5e5e5;padding-top:65px;} #sub_container .smartnavi_sec1 p.txt2{text-align:center;padding-bottom:52px;} #sub_container .smartnavi_sec1 .diag .bg{background:url(../images/hospital/smartnavi_img3_bg.gif) no-repeat 50% 0;position:relative;height:272px;} #sub_container .smartnavi_sec1 .diag .pic1{position:absolute;left:499px;top:127px;} #sub_container .smartnavi_sec1 .diag .pic2{position:absolute;left:98px;top:44px;} #sub_container .smartnavi_sec1 .diag .pic3{position:absolute;left:98px;top:185px;} #sub_container .smartnavi_sec1 .diag .pic4{position:absolute;right:98px;top:44px;} #sub_container .smartnavi_sec1 .diag .pic5{position:absolute;right:98px;top:185px;} #sub_container .smartnavi .pr_movie{background:#2c2e32;text-align:center;padding:30px 0;margin-bottom: 100px;} #sub_container .smartnavi_sec1 .diag .pic4{position:absolute;right:98px;top:44px;} #sub_container .smartnavi_sec4 .prod{padding:80px 0 0 55px;} #sub_container .smartnavi_sec2 ul{overflow:hidden;margin-bottom:100px;} #sub_container .smartnavi_sec2 li{padding-top:45px;height:130px;} #sub_container .smartnavi_sec2 li.floatL{float:left;padding-left:158px;width:390px;border-bottom:1px dashed #bbbbbb;} #sub_container .smartnavi_sec2 li.floatR{float:right;padding-left:135px;width:404px;border-bottom:1px dashed #bbbbbb;} #sub_container .smartnavi_sec2 li.ico1{background:url(../images/hospital/smartnavi_ico1.gif) no-repeat 27px 64px;} #sub_container .smartnavi_sec2 li.ico2{background:url(../images/hospital/smartnavi_ico2.gif) no-repeat 20px 55px;} #sub_container .smartnavi_sec2 li.ico3{background:url(../images/hospital/smartnavi_ico3.gif) no-repeat 27px 64px;} #sub_container .smartnavi_sec2 li.ico4{background:url(../images/hospital/smartnavi_ico4.gif) no-repeat 20px 55px;} #sub_container .smartnavi_sec2 li.ico5{background:url(../images/hospital/smartnavi_ico5.gif) no-repeat 27px 64px;} #sub_container .smartnavi_sec2 li dt{font-size:18px;padding-bottom:10px;} #sub_container .smartnavi_sec2 li dd{font-size:13px;color:#797979;line-height:1.7em;} #sub_container .smartnavi_sec2 li.ico4 dt{letter-spacing:-0.5px;} #sub_container .smartnavi_sec3 .bg{background-color:#f7f7f7;background-image:url(../images/hospital/smartnavi_img19.gif);background-position:80px 120px;background-repeat:no-repeat;position:relative;padding-top:150px;height:290px;margin-bottom: 100px;} #sub_container .smartnavi_sec3 .bg ul{overflow:hidden;} #sub_container .smartnavi_sec3 .bg li{float:left;text-align:center;} #sub_container .smartnavi_sec3 .bg li dt{padding-bottom:15px;} #sub_container .smartnavi_sec3 .bg li dd.stitle{font-size:24px;} #sub_container .smartnavi_sec3 .bg li.step1{width:230px;} #sub_container .smartnavi_sec3 .bg li.step2{width:211px;} #sub_container .smartnavi_sec3 .bg li.step3{width:220px;} #sub_container .smartnavi_sec3 .bg li.step4{width:215px;} #sub_container .smartnavi_sec3 .bg li.step5{width:215px;} #sub_container .smartnavi_sec3 .bg p.pic1{position:absolute;top:85px;left:500px;} #sub_container .smartnavi_sec3 .bg p.pic2{position:absolute;top:42px;left:793px;} #sub_container .smartnavi_sec3 p.pic3{text-align:right;padding:0 10px 15px;} #sub_container .smartnavi_sec3 ul.list{text-align:left;padding-top:10px;font-size:13px;color:#616060;} #sub_container .smartnavi_sec3 ul.list li{clear:both;padding-bottom:3px;} #sub_container .smartnavi_sec3 li.step1 ul.list{padding-left:50px;} #sub_container .smartnavi_sec3 li.step2 ul.list{padding-left:43px;} #sub_container .smartnavi_sec3 li.step3 ul.list{padding-left:42px;} #sub_container .smartnavi_sec3 li.step4 ul.list{padding-left:58px;} #sub_container .smartnavi_sec3 li.step5 ul.list{padding-left:50px;} #sub_container .smartnavi_sec3 h3.h3_title3{margin-bottom:10px;} #sub_container .smartnavi a.btn{border:1px solid #d6d6d6;border-radius:1px;text-align:center;padding:9px 30px 12px; font-size: 15px;} #sub_container .smartnavi a.btn:hover{border:1px solid #383838;border-radius:1px;background:#383838;color:#fff;} /* ortho_cont */ #sub_container .orthonavi{margin:0 auto 100px 0;width:100%;} #sub_container .orthonavi .visual{background:url(../images/hospital/ortho_img4_bg_v1.jpg) no-repeat 50% 0;padding-top:115px;position:relative;} #sub_container .orthonavi .visual p.btn_pre{position:absolute;top:120px;left:50%; font-size:15px;} #sub_container .orthonavi .visual p.btn_next{position:absolute;top:120px;right:50%; font-size:15px;text-align:right;} #sub_container .orthonavi .cont_sec{margin:0 auto 50px;} /* ortho */ .ortho_contents{position:relative; padding-bottom: 20px;} .ortho_contents ul.ortho_file span.stitle{display:inline-block;width:235px;} .ortho_contents ul.ortho_file span.txt_noti{color: #ec2e72;padding-left:5px;} .ortho_contents ul.ortho_file span.txt_noti3{display:block;padding-left:240px;padding-top:3px;} .ortho_contents ul.ortho_file li{padding:3px 0 3px;} .ortho_contents ul.ortho_file li img{vertical-align:middle;} .ortho_contents .ortho_sec{/* border-top:1px dashed #d5d5d5; */overflow:hidden;padding:25px 0;margin-top:8px;background: #fafbfd;border: 1px solid rgba(206,210,223, .7);} .ortho_contents .ortho_sec .l_sec{} .ortho_contents .ortho_sec .r_sec{margin-top:30px;} .ortho_contents .ortho_sec .l_sec1{} .ortho_contents .ortho_sec .r_sec1{padding-top:35px;} .ortho_contents p.t_stitle{margin-bottom:10px;} .ortho_contents p.t_stitle span{display:inline-block;background:#444a55;padding:2px 10px 5px;color:#fff;} .orthonavi .ortho_sec3{margin-top:8px;} .orthonavi .ortho_sec3 p.case_title{text-align:center;background:url(../images/hospital/ortho_img28_bg.gif) no-repeat 50% 8px;margin:80px 0 40px;} .orthonavi .ortho_sec3 .bg{background:#f6f6f6;text-align:center;padding:35px 0 60px;margin-bottom: 25px;} .orthonavi .ortho_sec3 .bg dl{overflow:hidden;width:40%;font-size:18px;margin:0 auto;} .orthonavi .ortho_sec3 .bg dl dt{display: inline-block;padding-right: 5px;color:#ec1a65;background:url(../images/hospital/bl_dot1.gif) no-repeat 0 10px;padding-left:10px;} .orthonavi .ortho_sec3 .bg dl dd{display: inline-block;padding-right: 60px;} .orthonavi .ortho_sec3 p.pic{text-align:center;padding-top:35px;} /* 교정 임상 211215 soo */ .orthonavi .ortho_sec3 .ortho_tab {width: 100%; margin-bottom:70px; overflow:hidden; box-sizing:border-box; } .orthonavi .ortho_sec3 .ortho_tab ul {overflow:hidden;} .orthonavi .ortho_sec3 .ortho_tab li {width:49%;height:65px;line-height:65px; margin:0 0.5%; float:left;display:inline-block; font-weight:400; text-align:center; } .orthonavi .ortho_sec3 .ortho_tab li a {width:100%;height:65px;line-height:65px; display:block;border-radius:6px;border:1px solid rgba(191,191,191,.85); color:#666; font-size:26px;box-sizing: border-box; cursor: pointer; } .orthonavi .ortho_sec3 .ortho_tab li a:hover {background:#4d4caf; border:1px solid #4d4caf;color:#fff;} .orthonavi .ortho_sec3 .ortho_tab li.active a {background:#4d4caf; border:1px solid #4d4caf;color:#fff;} .orthonavi .ortho_sec3 .case_wr {overflow:hidden;} .orthonavi .ortho_sec3 .case_wr h3 {font-family: 'S-CoreDream-2ExtraLight'; font-weight: normal;font-style: normal; font-size:45px; color:#212121; margin-bottom:40px; } .orthonavi .ortho_sec3 .case_wr h3 em {font-family: 'S-CoreDream-4Regular'; font-weight: normal;font-style: normal; font-size:60px; display:block;} .orthonavi .ortho_sec3 .case_wr .case_tab {width: 100%; overflow:hidden; margin-bottom:30px; text-align:center; } .orthonavi .ortho_sec3 .case_wr .case_tab ul {display: inline-block;margin: 0 auto; overflow:hidden;} .orthonavi .ortho_sec3 .case_wr .case_tab li {float:left;width:220px; height:250px; position:relative; cursor:pointer;} .orthonavi .ortho_sec3 .case_wr .case_tab li:hover .txtbx{opacity:1; text-align:center; color:#fff;transition: all 1s;} .orthonavi .ortho_sec3 .case_wr .case_tab li.active .txtbx{opacity:1; text-align:center; color:#fff;transition: all 1s;} .orthonavi .ortho_sec3 .case_wr .case_tab li .txtbx{opacity:0; width:187px; height:167px; margin:0 auto;margin-top: 40px;padding-top: 20px;} .orthonavi .ortho_sec3 .case_wr .case_tab li .txtbx dl{} .orthonavi .ortho_sec3 .case_wr .case_tab li .txtbx dl dt {font-size:18px; color:#fff; font-weight:400; margin-bottom:5px;} .orthonavi .ortho_sec3 .case_wr .case_tab li .txtbx dl dd {font-size:14px; color:#fff; font-weight:300;} .orthonavi .ortho_sec3 .case_wr .case_tab li .cbtn {width:96px; height:30px; line-height:30px; border-radius:15px; background:#4d4caf; color:#fff;font-size:15px; text-align:center;font-weight:300;display:inline-block; position:absolute; bottom:40px; left: calc(50% - 48px);display:none;cursor: pointer; } .orthonavi .ortho_sec3 .case_wr .case_tab li:hover .cbtn{display:block;cursor: pointer;} .orthonavi .ortho_sec3 .case_wr .case_tab li.active .cbtn{display:block;} .orthonavi .ortho_sec3 .case_wr .case_tab li .ctitlebx {width:96px; height:30px; line-height:30px; border-radius:15px; background:#4d4caf; color:#fff;font-size:15px; text-align:center;font-weight:300;display:inline-block; position:absolute; bottom:40px; left: calc(50% - 48px); } .orthonavi .ortho_sec3 .case_wr .case_tab li:hover .ctitlebx {display:none;} .orthonavi .ortho_sec3 .case_wr .case_tab li .ctitlebx .num {font-weight:500;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c1 {background:url(../images/hospital/ortho_digital_case1_bg.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c1:hover {background:url(../images/hospital/ortho_digital_case1_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c1.active {background:url(../images/hospital/ortho_digital_case1_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c2 {background:url(../images/hospital/ortho_digital_case2_bg.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c2:hover {background:url(../images/hospital/ortho_digital_case2_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c2.active {background:url(../images/hospital/ortho_digital_case2_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c3 {background:url(../images/hospital/ortho_digital_case3_bg.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c3:hover {background:url(../images/hospital/ortho_digital_case3_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c3.active {background:url(../images/hospital/ortho_digital_case3_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c4 {background:url(../images/hospital/ortho_digital_case4_bg.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c4:hover {background:url(../images/hospital/ortho_digital_case4_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c4.active {background:url(../images/hospital/ortho_digital_case4_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c5 {background:url(../images/hospital/ortho_digital_case5_bg.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c5:hover {background:url(../images/hospital/ortho_digital_case5_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho1_c5.active {background:url(../images/hospital/ortho_digital_case5_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho2_c1 {background:url(../images/hospital/ortho_digital2_case1_bg.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho2_c1:hover {background:url(../images/hospital/ortho_digital2_case1_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho2_c1.active {background:url(../images/hospital/ortho_digital2_case1_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho2_c2 {background:url(../images/hospital/ortho_digital2_case2_bg.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho2_c2:hover {background:url(../images/hospital/ortho_digital2_case2_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho2_c2.active {background:url(../images/hospital/ortho_digital2_case2_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho2_c3 {background:url(../images/hospital/ortho_digital2_case3_bg.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho2_c3:hover {background:url(../images/hospital/ortho_digital2_case3_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho2_c3.active {background:url(../images/hospital/ortho_digital2_case3_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho2_c4 {background:url(../images/hospital/ortho_digital2_case4_bg.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho2_c4:hover {background:url(../images/hospital/ortho_digital2_case4_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_tab li.ortho2_c4.active {background:url(../images/hospital/ortho_digital2_case4_bg_on.png) no-repeat 50% 50%;} .orthonavi .ortho_sec3 .case_wr .case_dtl {width:100%; border-radius:12px; overflow:hidden; padding: 30px 30px 0; margin-bottom:30px; box-sizing:border-box;background-color: #f7f6f4; } .orthonavi .ortho_sec3 .case_wr .case_dtl.bg2{background:#f4f4fb;} /* .orthonavi .ortho_sec3 .case_wr .case_dtl:nth-child(odd){background-color: #f7f6f4;} */ .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd {overflow:hidden; margin-bottom:20px;} .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .caseimg {width:324px; float:left;} .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .rgt_con {width:680px; float:right; text-align:left; } .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .rgt_con h3 {font-size:30px; font-weight:200; color:#212121; margin-bottom:15px; text-align:left;} .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .rgt_con h3 em {font-size:30px; font-weight:600; display:inline;} .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .rgt_con h4 {font-size:36px; font-weight:300; margin-bottom:10px; text-align:left; letter-spacing:-1px; word-break: keep-all;} .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .rgt_con .case_info{margin-bottom:10px; overflow:hidden;} .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .rgt_con .case_info .info_grp{display:inline-block;margin-right: 40px; font-size:30px; font-weight:400;} .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .rgt_con .case_info .info_grp .txtstr {color:#4d4caf;} .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .rgt_con .case_info2 {width:100%; background:#ece9e4;overflow:hidden; padding:20px 20px 15px; border-radius:6px;} .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .rgt_con .case_info2.infobg2{background:#dbdbf2;} .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .rgt_con .case_info2 dl {overflow:hidden;font-size:15px; color:#212121; } .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .rgt_con .case_info2 dl dt {width:17%; float:left; font-weight:400; margin-bottom:5px; background:url(../images/hospital/ortho_case_line.gif) no-repeat 100% 50%; } .orthonavi .ortho_sec3 .case_wr .case_dtl .case_dtl_hd .rgt_con .case_info2 dl dd {width:80%; float:right; font-weight:300; margin-bottom:5px; } .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result {width:100%; overflow:hidden;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .depth_list {overflow:hidden; margin-bottom:5px;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .depth_list li {display:inline-block; float:left; margin-right:40px;background:url(../images/hospital/ortho_digital_dot.png) no-repeat 0 50%; padding-left:8px; font-size:16px;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .depth_list li:first-child{margin-left:15px;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr{width:100%; overflow:hidden; margin-bottom:30px; } .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .title {width:186px; margin:20px auto 10px;font-size:24px; font-weight:400; color:#212121; text-align:center; } .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .before {width: calc(20% - 6px); float:left;border-radius:6px;background:#e0e0e0; margin:0 3px; box-sizing:border-box; text-align:center;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .ing {width: calc(60% - 6px); float:left;border-radius:6px;background:#cecde6; margin:0 3px; box-sizing:border-box;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .after {width: calc(20% - 6px); float:left; border-radius:6px;background:#4d4caf; margin:0 3px; box-sizing:border-box;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .after .title {color:#fff;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .w40 {width: calc(40% - 6px);} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .ortho_photo_wr {display:inline-block;margin: 0 auto; overflow:hidden;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .ortho_photo {width:186px; margin: 0 auto;margin-bottom:15px; overflow:hidden;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .ortho_photo li {padding:5px 0;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .ortho_photo2 {width:186px; margin: 0 9px 15px; overflow:hidden; float:left; } .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .ortho_photo2 li {padding:5px 0;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .ortho_photo3 {margin: 0 auto;margin-bottom:15px; overflow:hidden; } .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .ortho_photo3 li {width:186px;padding:5px 0; margin: 0 9px; float:left;} .orthonavi .ortho_sec3 .case_wr .case_dtl .ortho_result .result_wr .ortho_photo3 li:first-child {width:100%;} .orthonavi .ortho_sec3 .case_wr .stxt {font-size:16px; margin-bottom:50px; padding-left:15px;} .orthonavi .ortho_sec3 .case_wr .btn_wr {margin-bottom:40px; text-align:center;} .orthonavi .ortho_sec3 .case_wr .btn_wr .btn_ortho_case {min-width:300px;padding: 12px 30px; background:#4d4caf; border-radius:10px; color:#fff; font-size:20px; font-weight:400; text-align:center; display:inline-block;} .orthonavi .ortho_sec3 .case_wr .btn_wr .btn_ortho_case span {vertical-align:middle;} .orthonavi .ortho_sec3 .case_wr .btn_wr .btn_ortho_case img {vertical-align:middle;} .orthonavi .ortho_sec{text-align:left;margin-top: 70px;} .orthonavi .ortho_sec ul.info{margin-bottom:100px;} .orthonavi .ortho_sec ul.info li{padding:30px 0 35px 165px;} .orthonavi .ortho_sec ul.info li.bg1{background:url(../images/hospital/ortho_img5.gif) no-repeat 6px 30px;} .orthonavi .ortho_sec ul.info li.bg2{background:url(../images/hospital/ortho_img6.gif) no-repeat 6px 25px;} .orthonavi .ortho_sec ul.info li.bg3{background:url(../images/hospital/ortho_img7.gif) no-repeat 6px 20px;} .orthonavi .ortho_sec ul.info li dt{font-size:19px;padding-bottom:15px;} .orthonavi .ortho_sec ul.info li dd{font-size:14px;line-height:1.8em;color:#797979;} .orthonavi .ortho_sec1{background:url(../images/hospital/ortho_img2.jpg) no-repeat 50% 0;position:relative;height:361px;padding-bottom: 50px;} .orthonavi .ortho_sec1 img{position:absolute;left:50%;top:94px;margin-left: 170px;} .orthonavi .ortho_sec ul.adv{overflow:hidden;margin:45px 0 130px;} .orthonavi .ortho_sec ul.adv li{float:left;width:330px;padding:0 30px 0 5px;min-height:325px;} .orthonavi .ortho_sec ul.adv li.br{float:left;border-left:1px solid #d7d7d7;width:305px;padding:0 30px;} .orthonavi .ortho_sec ul.adv li span{display:block;text-align:center;} .orthonavi .ortho_sec ul.adv li span.title{font-size:18px;padding:15px 0;} .orthonavi .ortho_sec ul.adv li span.txt{font-size:14px;line-height: 22px;color:#797979;} .orthonavi .ortho_sec ul.adv li span.pic{height:150px;padding-top: 15px;} .orthonavi .ortho_sec ul.adv li span.pic img{vertical-align:middle;} .orthonavi .ortho_sec .tb_bg{background:url(../images/hospital/ortho_img11_bg.gif) no-repeat 0 0;min-height:352px;padding-left:50px;margin: 50px 0 100px;} .orthonavi .ortho_sec table.figure{border-collapse:collapse;text-align:center;} .orthonavi .ortho_sec table.figure thead th{color:#fff;font-size:14px;height:42px;padding-top:13px;vertical-align:top;font-weight:500;} .orthonavi .ortho_sec table.figure tbody{font-size:15px;} .orthonavi .ortho_sec table.figure tbody th{font-weight:500;color:#797979;} .orthonavi .ortho_sec table.figure tbody td{ height: 36px;} .orthonavi .ortho_sec table.figure td.t_color{color:#e50957;} .orthonavi .ortho_sec2{background:#2c2e32;margin-bottom:100px;padding:30px 0;text-align:center;} .orthonavi .prd_bg{background:url(../images/hospital/ortho_img3_bg.jpg) no-repeat 0 0;position:relative;height:566px;margin:60px 0 80px;} .orthonavi .prd_bg p{position:absolute;line-height:22px;color:#797979; font-size: 14px;} .orthonavi .prd_bg p.txt1{top:45px;right: 770px;text-align:right;} .orthonavi .prd_bg p.txt2{top:44px;left:788px;text-align:left;} .orthonavi .prd_bg p.txt3{top:330px;left:65px;text-align:center;} .orthonavi .prd_bg p.txt4{top:346px;right:63px;text-align:center;} .orthonavi .prd_bg p span{color:#404040;} .orthonavi a.btn{border:1px solid #d6d6d6;border-radius:1px;text-align:center;padding:9px 30px 12px; font-size: 15px;} .orthonavi a.btn:hover{border:1px solid #383838;border-radius:1px;background:#383838;color:#fff;} .orthonavi .ortho_sec .process_bg{background:url(../images/hospital/ortho_img15_bg.gif) no-repeat 0 0;height:425px;margin-top:35px;} .orthonavi .ortho_sec ul.process{overflow:hidden;} .orthonavi .ortho_sec ul.process li{float:left;width:168px;padding:110px 7px 0 8px;position:relative;} .orthonavi .ortho_sec ul.process li span.num{position:absolute;left:0;top:0;} .orthonavi .ortho_sec ul.process li span.title{position:absolute;left:10px;top:44px;} .orthonavi .ortho_sec ul.process li dt{font-size:16px;padding-bottom:15px;} .orthonavi .ortho_sec ul.process ul.txt{padding-top:20px;font-size:13px;} .orthonavi .ortho_sec ul.process ul.txt li{padding:2px 3px 2px 8px;background:url(../images/hospital/bl_dot.gif) no-repeat 1px 12px;} .orthonavi .ortho_sec .order{background:#f6f6f6;padding-top:40px;} .orthonavi .ortho_sec .order .sec{overflow:hidden;padding:10px 0 50px 55px;} .orthonavi .ortho_sec .order .sec p.num{float:left;} .orthonavi .ortho_sec .order .sec .step{float:left;background:#fff;width:947px;overflow:hidden;} .orthonavi .ortho_sec .order .step dl{float:left;padding:40px 0 0 35px;width:300px;} .orthonavi .ortho_sec .order .step dt{padding-bottom:35px;} .orthonavi .ortho_sec .order .step dd li{padding-bottom:6px;line-height:22px;color:#797979;font-size:14px;} .orthonavi .ortho_sec .order .step p.pic{float:left;padding-top:35px;} .orthonavi .ortho_sec .order .arrow{background:url(../images/hospital/ortho_img27.gif) no-repeat 50% bottom;} .orthonavi .br_top{border-top:1px solid #e5e5e5;padding-top:80px;} table.tb_ortho1{width:94%;margin:0 auto;border-collapse:collapse;} table.tb_ortho1 tbody td{text-align:center;border-bottom:none;padding:3px 0;} table.tb_ortho1 tbody td.br_left{border-left:1px solid #dddddd;padding-left:5px;padding-left:8px;} table.tb_ortho1 tbody td.br_right{padding-right:8px;} table.tb_ortho1 tbody td.br_bottom{border-bottom:1px solid #f0f0f0;padding-bottom:15px;padding-top:0;} table.tb_ortho1 tbody td.br_top{padding-top:15px;padding-bottom:0;background:none;} table.tb_ortho1 tbody td.alg_t{vertical-align:top;} table.tb_ortho1 tbody td.alg_b{vertical-align:bottom;padding-top:15px;padding-bottom:0;} table.tb_ortho1 tbody td.pd_right{padding-right:7px;} table.tb_ortho1 tbody td.line_bg{background:url(../images/hospital/mydio_img46_bg.gif) no-repeat 50% bottom;} table.tb_ortho1 tbody td.line_bg1{background:url(../images/hospital/mydio_img46_bg.gif) no-repeat 50% top;} table.tb_ortho2{width:94%;margin:0 auto;border-collapse:collapse;} table.tb_ortho2 tbody td{text-align:center;border-bottom:none;padding:0;} table.tb_ortho2 tbody td.br_left{border-left:1px solid #dddddd;padding-left:15px;padding-left:8px;} table.tb_ortho2 tbody td.br_right{padding-right:8px;} table.tb_ortho2 tbody td.br_bottom{border-bottom:1px solid #f0f0f0;padding-bottom:15px;padding-top:10px;} table.tb_ortho2 tbody td.br_top{padding-top:15px;padding-bottom:10px;background:none;} table.tb_ortho2 tbody td.alg_t{vertical-align:top;} table.tb_ortho2 tbody td.alg_b{vertical-align:bottom;padding:15px 0 10px;} table.tb_ortho2 tbody td.line_bg{background:url(../images/hospital/mydio_img46_bg.gif) no-repeat 50% bottom;} table.tb_ortho2 tbody td.line_bg1{background:url(../images/hospital/mydio_img46_bg.gif) no-repeat 50% top;} table.ortho_file_list{/* border-collapse:collapse; */} table.ortho_file_list tbody td{padding: 0;border:none;} table.ortho_file_list tbody tr.pic td{width:170px;height:110px;} table.ortho_file_list tbody tr.pic td img{width:100%;height:100%;border:1px solid #c8c8c8;} table.ortho_file_list tbody td.pic1{padding:3px 2px;} table.ortho_file_list tbody td.pic1 img{height:140px;} table.ortho_file_list tbody td .pic_n{display:inline-block;float:left; font-size:12px; letter-spacing:-0.05em;} table.ortho_file_list tbody tr.pic2 td{width:160px;height:110px;} table.ortho_file_list tbody tr.pic2 td img{width:100%;height:100%;border:1px solid #c8c8c8;} table.ortho_file_list td.bl_ico_view{padding:4px 0 4px 30px;background:url(../images/hospital/bl_line.gif) no-repeat 10px 50%;} table.ortho_file_list td.bl_ico_view img.ico_view_file{display:inline-block;vertical-align:middle;padding-left: 5px;} table.ortho_file_list td.bl_ico_view span.btnViewP{display:inline-block;background:#6f6f6f;border-radius:15px;padding:3px 13px 2px 10px;color:#fff;margin-left:15px;font-size:11px;transition:all .3s;} table.ortho_file_list td.bl_ico_view span.btnViewP:hover{background:#eb6796;transition:all .3s;} table.ortho_file_list td.bl_ico_view span.btnViewP i.material-icons{font-size:22px;vertical-align: middle;} table.ortho_file_list1{border-collapse:collapse;} table.ortho_file_list tbody td.radiograph_bg1{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg1.png) no-repeat 50% 50%;} table.ortho_file_list tbody td.radiograph_bg2{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg2.png) no-repeat 50% 50%;} table.ortho_file_list tbody td.radiograph_bg3{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg3.png) no-repeat 50% 50%;} table.ortho_file_list tbody td.radiograph_bg4{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg4.png) no-repeat 50% 50%;} table.ortho_file_list tbody td.radiograph_bg5{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg5.png) no-repeat 50% 50%;} table.ortho_file_list tbody td.facial_bg1{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg6.png) no-repeat 50% 50%;} table.ortho_file_list tbody td.facial_bg2{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg8.png) no-repeat 50% 50%;} table.ortho_file_list tbody td.facial_bg3{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg7.png) no-repeat 50% 50%;} table.ortho_file_list tbody td.facial_bg4{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg9.png) no-repeat 50% 50%;} table.ortho_file_list tbody td .intraoral_bg1{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg10.png) no-repeat 50% 50%; margin-bottom:10px;} table.ortho_file_list tbody td .intraoral_bg2{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg11.png) no-repeat 50% 50%; margin-bottom:10px;} table.ortho_file_list tbody td .intraoral_bg3{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg12.png) no-repeat 50% 50%; margin-bottom:10px;} table.ortho_file_list tbody td .intraoral_bg4{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg13.png) no-repeat 50% 50%; margin-bottom:10px;} table.ortho_file_list tbody td .intraoral_bg5{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg14.png) no-repeat 50% 50%; margin-bottom:10px;} table.ortho_file_list tbody td .intraoral_bg6{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg15.png) no-repeat 50% 50%; margin-bottom:10px;} /*풀아치 보철사진 업로드 썸네일 이미지*/ td.FA_facial_bg1{background:#f1f4fc url(../images/hospital/FA_photo_file_bg1.png) no-repeat 50% 50%;} td.FA_facial_bg2{background:#f1f4fc url(../images/hospital/FA_photo_file_bg2.png) no-repeat 50% 50%;} td.FA_facial_bg3{background:#f1f4fc url(../images/hospital/FA_photo_file_bg3.png) no-repeat 50% 50%;} td.FA_facial_bg4{background:#f1f4fc url(../images/hospital/FA_photo_file_bg4.png) no-repeat 50% 50%;} td.FA_facial_bg5{background:#f1f4fc url(../images/hospital/FA_photo_file_bg5.png) no-repeat 50% 50%;} /* table.ortho_file_list tbody td.radiograph_bg1{background:url(../images/hospital/ico_ortho_radiograph_bg1.gif) no-repeat 50% 50%;} table.ortho_file_list tbody td.radiograph_bg2{background:url(../images/hospital/ico_ortho_radiograph_bg2.gif) no-repeat 50% 50%;} table.ortho_file_list tbody td.radiograph_bg3{background:url(../images/hospital/ico_ortho_radiograph_bg3.gif) no-repeat 50% 50%;} table.ortho_file_list tbody td.radiograph_bg4{background:url(../images/hospital/ico_ortho_radiograph_bg4.gif) no-repeat 50% 50%;} table.ortho_file_list tbody td.radiograph_bg5{background:url(../images/hospital/ico_ortho_radiograph_bg5.gif) no-repeat 50% 50%;} table.ortho_file_list tbody td.radiograph_bg6{background:url(../images/hospital/ico_ortho_radiograph_bg6.gif) no-repeat 50% 50%;} table.ortho_file_list tbody td.facial_bg1{background:url(../images/hospital/ico_ortho_facial_bg1.gif) no-repeat 50% 50%;} table.ortho_file_list tbody td.facial_bg2{background:url(../images/hospital/ico_ortho_facial_bg2.gif) no-repeat 50% 50%;} table.ortho_file_list tbody td.facial_bg3{background:url(../images/hospital/ico_ortho_facial_bg3.gif) no-repeat 50% 50%;} table.ortho_file_list tbody td.facial_bg4{background:url(../images/hospital/ico_ortho_facial_bg4.gif) no-repeat 50% 50%;} table.ortho_file_list1 tbody td.intraoral_bg1{background:url(../images/hospital/ico_ortho_intraoral_bg1.gif) no-repeat 50% 50%;} table.ortho_file_list1 tbody td.intraoral_bg2{background:url(../images/hospital/ico_ortho_intraoral_bg2.gif) no-repeat 50% 50%;} table.ortho_file_list1 tbody td.intraoral_bg3{background:url(../images/hospital/ico_ortho_intraoral_bg3.gif) no-repeat 50% 50%;} table.ortho_file_list1 tbody td.intraoral_bg4{background:url(../images/hospital/ico_ortho_intraoral_bg4.gif) no-repeat 50% 50%;} table.ortho_file_list1 tbody td.intraoral_bg5{background:url(../images/hospital/ico_ortho_intraoral_bg5.gif) no-repeat 50% 50%;} table.ortho_file_list1 tbody td.intraoral_bg6{background:url(../images/hospital/ico_ortho_intraoral_bg6.gif) no-repeat 50% 50%;} table.ortho_file_list1{border-collapse:collapse;} table.ortho_file_list1 tbody td{padding: 0 2px 2px 0;border:none;width:128px;height:74px;} table.ortho_file_list1 tbody td img{width:100%;height:100%;border:1px solid #c8c8c8;} */ table.ortho_file_list2{border-collapse:collapse;} table.ortho_file_list2 tbody td{padding:0 2px 3px 0;border:none;} table.ortho_file_list2 tbody td.pic{padding-right:25px;width:128px;vertical-align:top;} table.ortho_file_list2 tbody td.no_img{background:url(../images/hospital/ico_ortho_pic_bg.gif) no-repeat 50% 50%;} table.ortho_file_list2 tbody td.pic img{width:147px;height:85px;border:1px solid #c8c8c8;vertical-align:top;} table.ortho_file_list2 tbody td.pic span.f_name{display:block;padding-top:6px;color:#0677ce;} /* 기공정보_기공기록서 table 20191216 */ table.ortho_file_tbl{border-collapse:collapse; width: 100%; margin-bottom: 10px;box-sizing:border-box;} table.ortho_file_tbl thead th {background:#ededed; text-align:center;border-left:1px solid #fff;box-sizing:border-box; padding-left: 0;} table.ortho_file_tbl thead th:first-child {border-left:none;} table.ortho_file_tbl tbody td{text-align:center; padding: 6px 2px;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;box-sizing:border-box;} table.ortho_file_tbl tbody td:first-child {border-left:none;} .ortho_contents ul.ortho_file_list3{overflow:hidden; width: 510px;} .ortho_contents ul.ortho_file_list3 li{float:left;padding: 0;border:none;margin: 5px 5px 0;box-sizing:border-box;} .ortho_contents ul.ortho_file_list3 li:nth-child(3n+1){clear:left;} .ortho_contents ul.ortho_file_list3 li .pic{width:160px;height:110px;} .ortho_contents ul.ortho_file_list3 li.clear{clear:left;} .ortho_contents ul.ortho_file_list3 li img{width:100%;height:100%;border:1px solid #c8c8c8;box-sizing:border-box;} .ortho_contents ul.ortho_file_list3 li.clear{clear:left;} .ortho_contents ul.ortho_file_list3 li .intraoral_bg1{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg10.png) no-repeat 50% 50%; margin-bottom:10px; margin-left:160px;} .ortho_contents ul.ortho_file_list3 li .intraoral_bg2{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg11.png) no-repeat 50% 50%; margin-bottom:10px;} .ortho_contents ul.ortho_file_list3 li .intraoral_bg3{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg12.png) no-repeat 50% 50%; margin-bottom:10px;} .ortho_contents ul.ortho_file_list3 li .intraoral_bg4{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg13.png) no-repeat 50% 50%; margin-bottom:10px;} .ortho_contents ul.ortho_file_list3 li .intraoral_bg5{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg14.png) no-repeat 50% 50%; margin-bottom:10px;} .ortho_contents ul.ortho_file_list3 li .intraoral_bg6{background:#f1f4fc url(../images/ortho/order/hospital/photo_file_bg15.png) no-repeat 50% 50%; margin-bottom:10px;} .ortho_contents ul.ortho_file_list4{float:left;padding-left: 60px;padding-top:40px;} .ortho_contents ul.ortho_file_list4 li{padding:3px 0;} input.file_hidden{opacity: 0;width:160px;height:110px;cursor:pointer;} #mydio_sub .order_detail .ortho_detail_sec .sec{margin-bottom: 55px;clear:both;} #mydio_sub ul.comment_error{ } #mydio_sub ul.comment_error li:first-child{border-top:none;padding-top:0;} #mydio_sub ul.comment_error li{border-top:1px dashed #d5d5d5;padding:10px 5px 10px;} #mydio_sub ul.comment_error li span{display:block;padding:2px 0;} #mydio_sub ul.comment_error li span.date{color:#e94200;} #mydio_sub ul.comment_error li span.txt{padding-bottom:10px;} #mydio_sub ul.comment_error li span.pic{padding-bottom:5px;} #mydio_sub ul.comment_error li span.pic img{width:128px; height:74px;padding:0 8px 0 0;} #mydio_sub ul.comment_error li p.cmtDel{display:inline-block;position:absolute;right:10px;border:1px solid #b1b1b1;color:#454545;padding:3px 8px;border-radius:1px;transition:all .3s;} #mydio_sub ul.comment_error li p.cmtDel:hover{background:#ea2c18;border:1px solid #c02c1d;cursor:pointer;transition:all .3s;} #mydio_sub ul.comment_error li p.cmtDel i.material-icons{display:inline-block;font-size:14px;vertical-align: middle;line-height:14px;padding-right:6px;transition:all .3s;} #mydio_sub ul.comment_error li p.cmtDel:hover i.material-icons{transition:all .3s;color:#fff;} #mydio_sub ul.comment_error li p.cmtDel span{display:inline-block;vertical-align: middle;font-size:12px;line-height:14px;transition:all .3s;} #mydio_sub ul.comment_error li p.cmtDel:hover span{transition:all .3s;color:#fff;} #mydio_sub ul.comment_file{} #mydio_sub ul.comment_file li{padding:4px 0;} #mydio_sub ul.comment_file li span{display:inline-block;padding-right:15px;} #mydio_sub .ortho_detail_sec .sec_error{border:2px solid #f56397;margin-bottom: 55px;} #mydio_sub .ortho_detail_sec .sec_error .title{background:#f56397;color:#fff;text-align:center;font-size:15px;padding:7px 0 10px;} #mydio_sub .ortho_detail_sec .sec_error .br{background:url(../images/hospital/mydio_img62_bg.gif) no-repeat 45px 26px;padding:20px 50px 30px 215px;overflow:hidden;} #mydio_sub .ortho_detail_sec .sec_error .br dl{} #mydio_sub .ortho_detail_sec .sec_error .br dt{font-size:14px;padding-bottom: 10px;font-weight:bold;} #mydio_sub .ortho_detail_sec .sec_error .br dd.txt{float:left;width: 60%;font-size:13px;} #mydio_sub .ortho_detail_sec .sec_error .br dd.pic{float:right;} #mydio_sub .ortho_detail_sec .sec_error .br dd.pic img{width:128px; height:74px;padding:2px 4px;} #mydio_sub .ortho_detail_sec ul.ipr{overflow:hidden;padding:40px 0;} #mydio_sub .ortho_detail_sec ul.ipr li{position:relative;height:285px;width:340px;} #mydio_sub .ortho_detail_sec ul.ipr li.up{background:url(../images/hospital/mydio_img63_bg.gif) no-repeat 50% 50%;margin-left:85px;} #mydio_sub .ortho_detail_sec ul.ipr li.down{background:url(../images/hospital/mydio_img64_bg.gif) no-repeat 50% 50%;margin-left:85px;} #mydio_sub .ortho_detail_sec ul.ipr li span{display:block;position:absolute;} #mydio_sub .ortho_detail_sec ul.ipr li.up span.up1{top:95px;left:0;} #mydio_sub .ortho_detail_sec ul.ipr li.up span.up2{top:60px;left:21px;} #mydio_sub .ortho_detail_sec ul.ipr li.up span.up3{top:26px;left:54px;} #mydio_sub .ortho_detail_sec ul.ipr li.up span.up4{top:7px;left:99px;} #mydio_sub .ortho_detail_sec ul.ipr li.up span.up5{top:0;left:150px;} #mydio_sub .ortho_detail_sec ul.ipr li.up span.up6{top:7px;right:99px;} #mydio_sub .ortho_detail_sec ul.ipr li.up span.up7{top:26px;right:54px;} #mydio_sub .ortho_detail_sec ul.ipr li.up span.up8{top:60px;right:21px;} #mydio_sub .ortho_detail_sec ul.ipr li.up span.up9{top:95px;right:0;} #mydio_sub .ortho_detail_sec ul.ipr li.down span.down1{bottom:95px;left:0;} #mydio_sub .ortho_detail_sec ul.ipr li.down span.down2{bottom:60px;left:21px;} #mydio_sub .ortho_detail_sec ul.ipr li.down span.down3{bottom:26px;left:54px;} #mydio_sub .ortho_detail_sec ul.ipr li.down span.down4{bottom:7px;left:99px;} #mydio_sub .ortho_detail_sec ul.ipr li.down span.down5{bottom:0;left:154px;} #mydio_sub .ortho_detail_sec ul.ipr li.down span.down6{bottom:7px;right:99px;} #mydio_sub .ortho_detail_sec ul.ipr li.down span.down7{bottom:26px;right:54px;} #mydio_sub .ortho_detail_sec ul.ipr li.down span.down8{bottom:60px;right:21px;} #mydio_sub .ortho_detail_sec ul.ipr li.down span.down9{bottom:95px;right:0;} /* 2024 orthonavi */ /*텍스트 강조 컬러*/ .txt_str {color:#ec3939; font-size:14px;} .txt_str2 {color:#ec3939 !important; } .txt_str3 {color:#5563ea; font-weight: 500;} .txt_blue {color:#007bc8; font-size:14px;} .txt_pink {color:#ea568a;} .precaution {margin: 30px 0;} .precaution .stit {display:inline-block; background: #6b77f1; border-radius: 6px 6px 0 0; color:#fff; padding: 5px 15px;margin-left: 4px;font-size:15px;} .precaution .caution_list {border: 1px solid rgba(217,218,233,.8); border-radius: 4px; padding: 10px;} .precaution .caution_list li {background:url(../images/ortho/order/common/ic_mark.png) no-repeat 0 50%; margin-bottom: 3px; padding-left:27px; font-size: 14px;line-height: 26px;} /*주문 완료*/ .compl_ver2 {border:4px solid rgba(231,233,241,.7);padding: 25px; overflow: hidden; margin: 30px 0; text-align: center;font-size:14px;} .compl_ver2 .txt1 {font-size: 22px; font-weight: 600; margin-bottom: 10px;text-align: center;} .compl_ver2 .txt2 {color:#ec3939; } .compl_ver2 .font_c3 {color:#ec3939;} .compl_ver2 .font_c4 {color:#6b77f1;} /* 상태아이콘 */ .order_step {border:4px solid rgba(231,233,241,.7);padding-top: 20px; overflow: hidden; margin-bottom: 40px;} .order_step ul {width:94%; margin: 0 auto 20px; overflow: hidden; hidden;display: -ms-flexbox; display: -webkit-flex;display: flex;} .order_step ul li {float: left; box-sizing: border-box;-webkit-flex: 1;-ms-flex: 1;flex: 1;/* width:calc(100% / 11); */} /* .order_step ul li.w7{width:calc(100% / 7);} .order_step ul li.w12{width:calc(100% / 12);} */ .order_step ul li dl{overflow: hidden; text-align: center;width: 100%;} .order_step ul li dl dt {width:100%;height:82px; text-align: center; margin-bottom: 5px;} .order_step ul li dl dt .step_ic {height: 76px;text-align: center;display: inline-block;} .order_step ul li dl dt img {margin-top: 6px;} .order_step ul li dl dd {width:100%; clear: both;position: relative; font-size: 14px; text-align: center; padding: 8px 0;overflow: hidden;} .order_step ul li dl dd .line {width:100%;height: 8px; background: #e2e4eb;display:block; } .order_step ul li dl dd .line50 {width:50%;display: inline-block;} .order_step ul li dl dd .point{width: 18px; height: 18px; border-radius: 9px; background: #e2e4eb;display: inline-block; position: absolute; left: calc(50% - 9px); top: calc(50% - 9px); z-index: 10;} .order_step ul li dl.active {overflow: hidden; text-align: center;} .order_step ul li dl.active dt {position: relative;} .order_step ul li dl.active dt .step_ic{width: 76px; height: 76px; border-radius: 38px; background: #eff3fd;position: absolute;left:calc(50% - 38px); top:calc(50% - 38px);z-index: 1;} .order_step ul li dl.active dt img {text-align: center;} .order_step ul li dl.active dd .point{background: #6370f4;} .order_step ul li dl.active dd {color: #505eda;} .order_step .step_dtl {font-size: 16px; background: #f4f5f8; padding: 15px 10px; text-align: center;line-height: 1.8;} .order_step .step_dtl .step_bx {background:#dfe8ff; height:32px; border-radius: 16px; padding: 0 8px; margin: 0 8px; display: inline-block;} /* 텝 */ .state_tab{background: #f1f3fd; border-radius: 1px;padding:8px 0;margin-bottom: 40px;} .state_tab ul{ display: flex; flex-wrap: wrap;width: calc(100% - 16px); margin: 0 auto; overflow: hidden;} .state_tab ul li {display:inline-flex;width: calc(25% - 10px);min-height:40px; float: left; border:1px solid rgba(255,255,255,1);padding:8px 8px; border-radius:5px; margin: 4px 4px;background:rgba(255,255,255,.5);box-shadow : 1px 1px 3px rgba(21,21,23,.1);box-sizing:border-box;} .state_tab ul li a {width:100%; display: block; cursor: pointer;color: #010101;font-size: 14px;overflow: hidden; vertical-align: middle;} .state_tab ul li a .state_tit{max-width:78%;display:inline-block;float: left;letter-spacing:-0.5px; } .state_tab ul li .count{font-size: 19px; color: #505eda; font-weight: 500;display: inline-block; float: right;margin-left: 3px;line-height:1.2;letter-spacing: -1px;} .state_tab ul li.active {background: #5969ff; border: 1px solid #4c59ce;box-shadow : 1px 1px 3px rgba(21,21,23,.1);} .state_tab ul li.active a {color: #e7f0fa;} .state_tab ul li.active .count {color: #fff;} .state_tab ul li.active .txt_str {color:#ffcb41;} .state_tab ul li .ic_mobile {width:25px; height: 28px; display: inline-block; background: url(../images/ortho/order/hospital/ic_mobile.png) no-repeat;vertical-align:middle; } .state_tab ul li.active .ic_mobile{background: url(../images/ortho/order/hospital/ic_mobile_on.png) no-repeat;} /* 상태 아이콘 */ .state_ic {width:76px; height: 48px;display: inline-block; color: #fff;font-size: 13px;font-weight:300;text-align: center;border-radius: 6px;display: flex;justify-content: center;align-items: center;margin: 0 auto;box-sizing: border-box;} .state_ico200 {background: #7dcdf7;border:3px solid rgba(255,255,255,.5);} .state_ico210 {border:3px solid rgba(255,255,255,.5);background:#f7a913;} .state_ico250 {background: #7dcdf7;} .state_ico260 {border:3px solid rgba(255,255,255,.5);background:#1a9bde;}/*주문서 재접수 아이콘*/ .state_ico300 {border: 3px solid transparent;background-image: linear-gradient(#3fb0ff , #5969ff), linear-gradient(to bottom, rgba(63,176,255,.7) 0%, rgba(89,105,255,.7) 100%);background-origin: border-box;background-clip: content-box, border-box;} .state_ico380 {background: #4fc8aa;border:3px solid rgba(255,255,255,.5);} .state_ico390 {background: #4fc8aa;} .state_ico450 {background: #eb6796;border:3px solid rgba(255,255,255,.5);} .state_ico500 {/* background: #eb6796; */background-image: linear-gradient(#3fb0ff , #5969ff), linear-gradient(to bottom, rgba(63,176,255,.7) 0%, rgba(89,105,255,.7) 100%);} .state_ico420 {border: 3px solid transparent;background-image: linear-gradient(#8769ec , #9170ff), linear-gradient(to bottom, rgba(160,139,247,.7) 0%, rgba(135,105,236,.7) 100%);background-origin: border-box;background-clip: content-box, border-box;} .state_ico550 {border: 3px solid transparent;background-image: linear-gradient(#3fb0ff , #5969ff), linear-gradient(to bottom, rgba(63,176,255,.7) 0%, rgba(89,105,255,.7) 100%);background-origin: border-box;background-clip: content-box, border-box;} .state_ico600 {background: #5969ff;} .state_ico700 {border: 3px solid rgba(202,206,235,.7);background:#9fa5d1;} .state_ico800 {background: #9d9ea5;} .ic_txt_str {color: #eb417d;font-weight: 500;font-size: 14px;} /* 검색 */ .search_line_wr {width:100%; text-align:center;} .search_line {width:auto; display:inline-block; margin:0 auto 30px;text-align:center;overflow:hidden;} .search_line .selbox {float:left;font-size:15px;padding: 5px 10px;width: 168px;height: 44px; border: 0;border-bottom:2px solid #010101;opacity: 1;color:#515151;line-height: 1.4;-ms-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; background: url(../images/ortho/order/common/select_ic.png) no-repeat 92% 50%; margin:0 15px 0 0;} .search_line .selbox option{color:#515151;} .search_line .search_word {width:500px; border-bottom: 2px solid #010101;display: inline-block; height:44px;overflow:hidden; } .search_line .search_word .search_input {width:400px; height: 38px;padding:3px 10px;background:none; color:#515151; border:none; font-size:15px; margin-bottom:4px;} .search_line .search_word .search_input::placeholder{font-size: 16px;} .search_line .search_word .search_input:focus {outline:none;} .search_line .search_word .btn_search {width:80px; height:42px;background: url(../images/ortho/order/common/ic_search.png) no-repeat 50% 50%; float:right;} .search_line .btn_save {width:100px; height: 40px;background:#010101; color: #fff; text-align: center; cursor: pointer; margin: 4px 0 0 5px; font-size:14px;line-height:36px;display:inline-block;float:right;} .search_line .search_period {width:370px;text-align:left;padding:0 0 0 10px; margin-top:3px; float:left; vertical-align:middle;} /* #mydio_sub .order_detail .state_sec{margin-bottom:55px;} #mydio_sub .order_detail ul.icons {border-right:1px solid #ececec;display: -ms-flexbox; display: -webkit-flex;display: flex;} #mydio_sub .order_detail ul.icons li{float:left;text-align:center;letter-spacing:-1px;color:#5c5c5c;box-sizing: border-box;-webkit-flex: 1;-ms-flex: 1;flex: 1;border:1px solid #ececec;border-right:none; padding-bottom:8px;} #mydio_sub .order_detail ul.icons li:first-child {border-left:1px solid #ececec;} #mydio_sub .order_detail ul.icons li.on{border:2px solid #f56397; color:#f56397;} #mydio_sub .order_detail ul.icons li span.icon{display:block;padding:8px 0 5px} #mydio_sub .order_detail ul.ortho_icons{overflow:hidden;font-size:13px;border:1px solid #ececec;height:133px;} #mydio_sub .order_detail ul.ortho_icons li{float:left;text-align:center;width:92px;letter-spacing:-1px;height:133px;color:#5c5c5c;box-sizing: border-box;border-left:1px solid #ececec;} #mydio_sub .order_detail ul.ortho_icons li:first-child{border-left:none;} #mydio_sub .order_detail ul.ortho_icons li.w1{width:91px;} #mydio_sub .order_detail ul.ortho_icons li.on{border:2px solid #f56397;color:#f56397;} #mydio_sub .order_detail ul.ortho_icons li span.icon{display:block;padding:10px 0 8px;} #mydio_sub .order_detail ul.ortho_icons2{overflow:hidden;font-size:13px;border:1px solid #ececec;height:133px;} #mydio_sub .order_detail ul.ortho_icons2 li{float:left;text-align:center;width:99px;letter-spacing:-1px;height:133px;color:#5c5c5c;box-sizing: border-box;border-left:1px solid #ececec;} #mydio_sub .order_detail ul.ortho_icons2 li:first-child{width:102px;border-left:none;} #mydio_sub .order_detail ul.ortho_icons2 li.w1{width:100px;} #mydio_sub .order_detail ul.ortho_icons2 li.on{border:2px solid #f56397;color:#f56397;} #mydio_sub .order_detail ul.ortho_icons2 li span.icon{display:block;padding:10px 0 8px;} */ /* DIO TV */ #dio_tv{font-family: 'Noto Sans', sans-serif;background: url(../images/hospital/seminar_img9.jpg) no-repeat 50% 0;} #dio_tv .visual_sec{height:413px;text-align:center;position:relative;} #dio_tv .visual_sec p.title{text-align:center;padding-top:159px;} #dio_tv .visual_sec p.ico{position:absolute;left:50%;top:170px;margin-left:-86px;} #dio_tv .visual_sec .timer_sec{text-align:left;position:absolute;top:1006px;left:50%;margin-left:-240px;color:#fff;font-size:18px;background: url(../images/hospital/seminar_img13.png) no-repeat 156px 0;width:480px;height:50px;} #dio_tv .visual_sec .timer{display:inline-block;height:45px;width:400px;text-align:left;padding:6px 0 0 48px;} #dio_tv .visual_sec .timer_sec span{display:inline-block;} #dio_tv .visual_sec .timer_sec span.s_title{padding-right:23px;font-size: 14px;color:#c8c8c8;} #dio_tv .visual_sec .timer_sec span.t_h1{text-align:center;width:29px;padding-top:6px;} #dio_tv .visual_sec .timer_sec span.t_h2{text-align:center;width:28px;padding-top:6px;margin-right: 55px;} #dio_tv .visual_sec .timer_sec span.t_m1{text-align:center;width:28px;padding-top:6px;} #dio_tv .visual_sec .timer_sec span.t_m2{text-align:center;width:28px;padding-top:6px;margin-right: 39px;} #dio_tv .visual_sec .timer_sec span.t_s1{text-align:center;width:28px;padding-top:6px;} #dio_tv .visual_sec .timer_sec span.t_s2{text-align:center;width:28px;padding-top:6px;} #dio_tv .visual_sec img.ico_onair{position:absolute;top:1006px;left:50%;margin-left:-76px;} #dio_tv .cont_sec{text-align:left;} #dio_tv .cont_sec .on_air{height:715px;margin-bottom: 70px;} #dio_tv .cont_sec .on_air .movie{margin:0 auto;text-align:center;height:645px;} #dio_tv .tv_quiz{width:1100px;margin:0 auto;background: url(../images/hospital/seminar_img40_bg.gif) repeat-y right 0;} #dio_tv .tv_quiz p.title{margin-bottom:52px;} #dio_tv .tv_quiz .tv{background: url(../images/hospital/seminar_img38_bg.gif) no-repeat right top;margin-bottom:85px;} #dio_tv .tv_quiz .quiz{background: url(../images/hospital/seminar_img39_bg.gif) no-repeat right bottom;margin-bottom:100px;} #dio_tv .tv_quiz p.flag{position:absolute;top:0;left:3px;} #dio_tv .tv_quiz .tv .sec{width:885px;margin-left:140px;background: url(../images/hospital/seminar_img36_bg.gif) repeat-y 0 0;} #dio_tv .tv_quiz .gr{overflow:hidden;position:relative;} #dio_tv .tv_quiz .tv .gr{overflow:hidden;padding-bottom:40px;} #dio_tv .tv_quiz .gr .left{float:left;padding-left:85px;padding-right:48px;width:485px;} #dio_tv .tv_quiz .gr .right{float:left;padding-left:40px;width:205px;} #dio_tv .tv_quiz .tv .speaker{overflow:hidden;} #dio_tv .tv_quiz .tv .speaker p.photo{float:left;width:155px;} #dio_tv .tv_quiz .tv .speaker p.subject{float:left;font-size:22px;padding-top: 27px;color:#3a3939;font-weight:600;letter-spacing:-0.5px;width:320px;text-align:left;word-break:keep-all;} #dio_tv .tv_quiz .tv .speaker p.subject span.name{font-size:15px;display:block;padding-top: 6px;color:#525252;font-weight:400;} #dio_tv .tv_quiz .tv .speaker p.subj_txt{clear:both;padding-top:40px;font-size: 14px;line-height: 1.7em;} #dio_tv .tv_quiz p.s_title{padding-bottom:35px;} #dio_tv .tv_quiz span.date{font-size: 20px;} #dio_tv .tv_quiz ul.list{text-align:left;font-size:13px;line-height:26px;margin-top: 30px;} #dio_tv .tv_quiz ul.list span{display:inline-blodk;padding-right:20px;background: url(../images/hospital/bl_line2.gif) no-repeat 36px 3px;font-weight: 600;} #dio_tv .tv_quiz .quiz .sec{width:885px;margin-left:140px;background: url(../images/hospital/seminar_img42_bg.gif) repeat-y right 0;} #dio_tv .tv_quiz .quiz .gr{overflow:hidden;padding-bottom:20px;} #dio_tv .tv_quiz .quiz .left{float:left;padding-left:85px;padding-right:48px;width:485px;} #dio_tv .tv_quiz .quiz .right{float:left;padding-left:40px;width:205px;} #dio_tv .tv_quiz .quiz ul.step{} #dio_tv .tv_quiz .quiz li{padding-left:20px;font-size:13px;margin:8px 0;} #dio_tv .tv_quiz .quiz li.no1{background: url(../images/hospital/seminar_img8.png) no-repeat 0 0;} #dio_tv .tv_quiz .quiz li.no2{background: url(../images/hospital/seminar_img8.png) no-repeat 0 -25px;} #dio_tv .tv_quiz .quiz li.no3{background: url(../images/hospital/seminar_img8.png) no-repeat 0 -52px;} #dio_tv .tv_quiz .quiz dl.que{} #dio_tv .tv_quiz .quiz dl.que dt{font-size:16px;padding-bottom:25px;line-height: 1.7em;font-weight:600;} #dio_tv .tv_quiz .quiz dl.que dd.btns{margin-top:35px;text-align:center;} #dio_tv .tv_quiz .quiz dl.que dd.btns a.confirm{color:#fff;background:#3b66c6;padding:8px 21px;margin:0 5px;border-radius:1px;} #dio_tv .tv_quiz .quiz dl.que dd.btns a.cancel{color:#fff;background:#a7a7a7;padding:8px 21px;margin:0 5px;border-radius:1px;} #dio_tv .tv_quiz .quiz .right p.pic{position:absolute;right:40px;bottom:5px;} #dio_tv .tv_quiz dl.noti{margin:35px 0 30px 230px;font-size:13px;} #dio_tv .tv_quiz dl.noti dt{font-size:14px;font-weight: 600; padding-bottom: 8px;} #dio_tv .tv_quiz dl.noti dd{padding:2px 0 2px 10px; background: url(../images/hospital/bl_square.gif) no-repeat 0 10px;} #dio_tv .tv_quiz .form_quiz{background:#f4faff;width:483px;height:80px;border:1px solid #e2e2e2;} #dio_tv .review{background: url(../images/hospital/seminar_img7.jpg) no-repeat 50% 0;height:740px;margin-bottom:95px;} #dio_tv .review .gr{overflow:hidden;background:#fff;width:1100px;margin:0 auto;height:395px;padding:40px 0;} #dio_tv .review .title_sec{height:195px;} #dio_tv .review .title_sec p.title{text-align:center;padding-top:30px;} #dio_tv .review .title_sec .txt{font-size:16px;text-align:center;} #dio_tv .review .gr p.s_title{color:#6d57c2;font-size:17px;height:78px;font-weight: 600;} #dio_tv .review .gr p.s_title span{display:block;font-size:13px;color:#525252;padding-top:10px;} #dio_tv .review .gr table{border-collapse:collapse;border-top:2px sold #b2b3b5;} #dio_tv .review .write{float:left;width:405px;padding:10px 72px 15px;} #dio_tv .review .qna{float:left;width:405px;border-left:1px solid #e2e2e2;padding:10px 0 15px 72px;} #dio_tv .review .tb{border-collapse:collapse;border-top:2px solid #b2b3b5;font-size:14px;} #dio_tv .review .tb th{padding: 7px 0 7px 6px;font-weight:500;} #dio_tv .review .tb td.bl{background: url(../images/hospital/bl_line2.gif) no-repeat 0 50%;padding: 7px 5px 7px 20px;} #dio_tv .review .tb td.td_form{padding:15px 0;} #dio_tv .review dl.star_select{position:relative;} #dio_tv .review dl.star_select dt a{display:inline-block;width:200px;padding:5px; border:0px solid #cdcdcd;height:25px;line-height:25px;} #dio_tv .review dl.star_select dd{position:absolute;width:220px;top:36px;left:0;border:1px solid #cdcdcd;background:#fff;} #dio_tv .review dl.star_select dd ul li{padding:5px 10px;;background:#fff;} #dio_tv .review .form_quiz1{border:1px solid #cdcdcd;width:382px;height:95px;padding:10px;} #dio_tv .review .form_quiz2{border:1px solid #cdcdcd;width:382px;height:95px;padding:10px;} #dio_tv .review .form_quiz3{border:1px solid #cdcdcd;width:260px;height:25px;line-height:25px;padding:5px 10px;} #dio_tv .review .btns{text-align:right;margin-top:15px;} #dio_tv .review .btns a.confirm{color: #fff;background: #6d54ca;padding: 9px 25px;margin: 0 5px;border-radius: 1px;} #dio_tv .review .btns a.cancel{color: #fff;background: #a7a7a7;padding: 9px 25px;border-radius: 1px;} #dio_tv .sch{width:1100px;margin:0 auto 80px;} #dio_tv .sch p.title{text-align:center;padding-bottom:30px;font-size: 30px;color:#5a5a5a;letter-spacing: -2px;} #dio_tv .sch table{border-collapse:collapse;width:100%;font-size:14px;} #dio_tv .sch table thead th{border-top:2px solid #eb6796;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;background:#f4f4f4;text-align:center;font-size:14px;padding:8px 0;font-weight:500;} #dio_tv .sch table thead th:first-child{border-left:none;} #dio_tv .sch table tbody td{border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;padding:8px 15px;font-size:13px;} #dio_tv .sch table tbody td.align_c{text-align:center;} #dio_tv .sch table tbody td:first-child{border-left:none;} #dio_tv .replay{width:1100px;margin:0 auto 100px;position:relative;} #dio_tv .replay p.title{text-align:center;padding-bottom:30px;font-size: 30px;color:#5a5a5a;letter-spacing: -2px;} #dio_tv .replay p.title span.txt{display:block;font-size:16px;padding-top:10px;letter-spacing: -1px;} #dio_tv .replay span.more{position:absolute;right:10px;top:56px;font-size:13px;} #dio_tv .replay span.more a{background: url(../images/hospital/bl_arrow1.gif) no-repeat right 8px;padding:5px 15px 5px 5px;} #dio_tv .replay ul.list{overflow:hidden;border-top:2px solid #eb6796;border-bottom:1px solid #d9d9d9;padding:35px 0;} #dio_tv .replay ul.list li{float:left;width:240px;padding-left:45px;} #dio_tv .replay ul.list li:first-child{padding-left:2px;} #dio_tv .replay .detail{} #dio_tv .replay ul.list .mv_yt{padding-bottom:28px;} #dio_tv .replay .detail{line-height:1.7em;} #dio_tv .replay .detail dt{font-size:15px;color:#292929;padding-bottom:15px;font-weight:600;} #dio_tv .replay .detail dd{color:#4e4e4e;line-height: 1.7em;color:#807e7e;} #dio_tv .replay .detail dd.name{font-size:13px;padding-bottom: 8px;color: #292929;} #dio_tv .replay .detail dd.more{margin-top:18px;} #dio_tv .replay .detail dd.more a{padding:3px 10px 4px;border-radius:1px;font-size:13px;border:1px solid #eee;color:#333131;} #dio_tv .replay .detail dd.more a:hover{padding:3px 10px 4px;border-radius:1px;border:1px solid #474747;background:#474747;color:#fff;} /* probo */ #sub_container .chairside{margin:0 auto;width:100%;line-height:1.8em;} #sub_container .chairside .visual{background:url(../images/hospital/chairside_img1_bg.jpg) no-repeat 50% 0;padding-top:115px;position:relative;height:333px;} #sub_container .chairside .visual p.btn_pre{position:absolute;top:120px;left:50%; font-size:15px;} #sub_container .chairside .visual p.btn_next{position:absolute;top:120px;right:50%; font-size:15px;text-align:right;} #sub_container .cont_probo{background:url(../images/hospital/probo_img7.jpg) no-repeat fixed 50% 0;} #sub_container .cont_probo .sec1{width:100%;background:url(../images/hospital/probo_img2.jpg) no-repeat 50% 0;height:825px;padding-bottom:120px;background-color:#fff;} #sub_container .cont_probo .sec1 dl.l_title{position:absolute;left:20px;top:280px;text-align:right;} #sub_container .cont_probo .sec1 dl.l_title dt{color:#58595c;} #sub_container .cont_probo .sec1 dl.l_title dd{font-size:24px;font-weight:300;padding:25px 5px 0 0;letter-spacing:-0.5px;line-height:1.5em;} #sub_container .cont_probo .sec1 table.spec{border-collapse:collapse;position:absolute;left:865px;top:300px;width:335px;font-size:13px;text-align:left;} #sub_container .cont_probo .sec1 table.spec th{border-bottom:1px solid #e1e1e1;color:#474646;font-weight:500;line-height:2.4em;padding-left:10px;} #sub_container .cont_probo .sec1 table.spec td{border-bottom:1px solid #e1e1e1;line-height:2.4em;padding-left:10px;} #sub_container .cont_probo .sec1 table.spec tr:first-child th{border-top:1px solid #a3a3a3;} #sub_container .cont_probo .sec1 table.spec tr:first-child td{border-top:1px solid #e1e1e1;} #sub_container .cont_probo .sec1 .btn_sec{width:375px;margin:0 auto;background:url(../images/hospital/probo_img2.gif) repeat-x 0 0;text-align:center;position:relative;height:35px;padding-top:4px} #sub_container .cont_probo .sec1 .btn_sec img{vertical-align:middle;} #sub_container .cont_probo .sec1 .btn_sec a{padding:3px 4px;display:inline-block;} #sub_container .cont_probo .sec1 .btn_sec a.btn{position:absolute;top:0;right:50px;padding:0 3px;} #sub_container .cont_probo .sec1 .prd_bg span{text-align:center;vertical-align:bottom;transition: all 0.5s;} #sub_container .cont_probo .sec1 .prd_bg span img{transition: all 0.5s;} #sub_container .cont_probo .sec2{} #sub_container .cont_probo .sec2 .bg{height:580px;} #sub_container .cont_probo .sec2 .bg span.txt{color:#b9fbff;font-size:26px;text-transform:uppercase;display:inline-block;padding-top:75px;font-weight:100;} #sub_container .cont_probo .sec2 .cc{transition: all 0.3s;width:350px;height:350px;border:1px solid #8b96d6;background:rgba(255,255,255,0.1);border-radius:175px;text-align:center;position:absolute;color:#f1f2f9;font-size:16px;line-height:1.5em;text-align:center;font-weight:100;} #sub_container .cont_probo .sec2 .cc span.stitle{font-size:23px;line-height:30px;text-transform:uppercase;display:block;padding:90px 0 60px;background:url(../images/hospital/probo_img3.gif) no-repeat 50% 176px;font-weight:300;} #sub_container .cont_probo .sec2 .r1{top:95px;left:92px;} #sub_container .cont_probo .sec2 .r2{top:95px;left:426px;} #sub_container .cont_probo .sec2 .r3{top:95px;right:92px;} #sub_container .cont_probo .sec2 .cc:hover{background:rgba(0,0,0,0.6);cursor:default;} #sub_container .cont_probo .sec2 .r1{animation-duration: 0.5s; animation-name: slidein;} #sub_container .cont_probo .sec2 .r2{animation-duration: 1s; animation-name: slidein;} #sub_container .cont_probo .sec2 .r3{animation-duration: 1.5s; animation-name: slidein;} @keyframes slidein { from { top:200px; } to { top:95px; } } #sub_container .cont_probo .sec3{padding:100px 0 55px;background:#fff;} #sub_container .cont_probo .sec3 .l_sec{float:left;width:600px;} #sub_container .cont_probo .sec3 .r_sec{float:right;width:599px;border-left:1px solid #ededed;} #sub_container .cont_probo .sec3 dt{color:#303033;font-size:24px;background:url(../images/hospital/probo_img4.gif) no-repeat 50% 45px;height:50px;padding-bottom:25px;} #sub_container .cont_probo .sec3 dd{font-size:15px;line-height:1.7em;} #sub_container .cont_probo .sec3 .l_sec dd.pic{padding-top:115px;} #sub_container .cont_probo .sec3 .r_sec dd.pic{padding-top:95px;} #sub_container .cont_probo .sec3 dl.mtr{} #sub_container .cont_probo .sec3 dl.mtr dt{font-size: 40px;font-weight: 200;line-height: 55px;padding-bottom: 20px;background:none;} #sub_container .cont_probo .sec3 dl.mtr dd{font-size: 18px;font-weight: 300;} #sub_container .cont_probo .sec3 .mtrBG{background:url(../images/hospital/probo_img12.jpg) no-repeat 50% 10px;height: 420px;margin-top: 60px;} #sub_container .cont_probo .sec3 .mtrBG p.title{font-size: 22px;line-height: 32px;background:url(../images/hospital/probo_img4.gif) no-repeat 50% 0px;padding-top:15px;text-align:center;color: #3e51c5;} #sub_container .cont_probo .sec3 .mtrBG span{display:inline-block;position:absolute;top:340px;border-radius:20px;width:150px;padding:6px 0 8px;text-align:center;font-size:13px;} #sub_container .cont_probo .sec3 .mtrBG span.nm1{left:40px;border:1px solid #fcde3b;} #sub_container .cont_probo .sec3 .mtrBG span.nm2{left:292px;border:1px solid #8cde5f;} #sub_container .cont_probo .sec3 .mtrBG span.nm3{left:540px;border:1px solid #75bed9;} #sub_container .cont_probo .sec3 .mtrBG span.nm4{left:770px;border:1px solid #fcde3b;} #sub_container .cont_probo .sec3 .mtrBG span.nm5{left:1000px;border:1px solid #ff9180;} #sub_container .cont_probo .sec4{background:url(../images/hospital/probo_img8.jpg) no-repeat 50% 0;height:563px;position:relative;} #sub_container .cont_probo .sec4 .gr{overflow:hidden;width:1155px;margin:0 auto;} #sub_container .cont_probo .sec4 ul.movie{padding-top:105px;height:390px;} #sub_container .cont_probo .sec4 ul.movie li{float:left;text-align:center;width:590px;padding:0 0 40px;position:relative;box-sizing:border-box;} #sub_container .cont_probo .sec4 ul.movie li span.ico_play{position:absolute;left:255px;top:133px;opacity:0.5;transition: all 0.5s;} #sub_container .cont_probo .sec4 ul.movie li span.m_title{display:block;padding-top:20px;} #sub_container .cont_probo .sec4 ul.movie li a{color:#939393;font-size:15px;} #sub_container .cont_probo .sec4 ul.movie li .bg{width:563px;height:315px;background:#373738;overflow:hidden;} #sub_container .cont_probo .sec4 ul.movie li .bg1{background:url(../images/hospital/probo_img9.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;} #sub_container .cont_probo .sec4 ul.movie li .bg2{background:url(../images/hospital/probo_img10.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;} #sub_container .cont_probo .sec4 ul.movie li .bg3{background:url(../images/hospital/probo_img11.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;} #sub_container .cont_probo .sec4 ul.movie li a:hover .bg{opacity:1;overflow:hidden;width:563px;height:315px;} #sub_container .cont_probo .sec4 ul.movie li a:hover .bg1{background:url(../images/hospital/probo_img9.jpg) no-repeat 0 0;opacity:1;transform: scaleX(1.1) scaleY(1.1);} #sub_container .cont_probo .sec4 ul.movie li a:hover .bg2{background:url(../images/hospital/probo_img10.jpg) no-repeat 0 0;opacity:1;transform: scaleX(1.1) scaleY(1.1);} #sub_container .cont_probo .sec4 ul.movie li a:hover .bg3{background:url(../images/hospital/probo_img11.jpg) no-repeat 0 0;opacity:1;transform: scaleX(1.1) scaleY(1.1);} #sub_container .cont_probo .sec4 ul.movie li a:hover span.ico_play{position:absolute;left:255px;top:133px;opacity:1;transition: all 0.5s;} #sub_container .cont_probo .sec4 a.btn_next{position:absolute;left:50%;margin-left:600px;top:240px;opacity:0.5;transition: all 0.5s;display:blcok;} #sub_container .cont_probo .sec4 a.btn_pre{position:absolute;right:50%;margin-right:600px;top:240px;opacity:0.5;transition: all 0.5s;display:blcok;} #sub_container .cont_probo .sec4 a.btn_next:hover{opacity:1;transition: all 0.5s;margin-left:610px;cursor:pointer;} #sub_container .cont_probo .sec4 a.btn_pre:hover{opacity:1;transition: all 0.5s;margin-right:610px;cursor:pointer;} #sub_container .cont_probo .sec4 a.btn_next img{display:blcok;padding:5px;} #sub_container .cont_probo .sec4 a.btn_pre img{display:blcok;padding:5px;} #sub_container .cont_probo .sec5{background:#fff;padding:85px 0 125px;} #sub_container .cont_probo .sec5 .titles{text-align:center;font-size:40px;font-weight:100;padding-bottom:60px;} #sub_container .cont_probo .sec5 .titles span{color:#878787;font-size:16px;display:block;padding-bottom:15px;font-weight:300;} #sub_container .cont_probo .sec5 ul.manual{overflow:hidden;} #sub_container .cont_probo .sec5 ul.manual li{display:inline-block;} *::-ms-backdrop, #sub_container .cont_probo .sec5 ul.manual li{margin-left: 0px;} #sub_container .cont_probo .sec5 ul.manual li img{padding-right:10px;vertical-align:middle;} #sub_container .cont_probo .sec5 ul.manual li a{display:block;border:1px solid #e1e1e1;padding:20px 25px;width:330px;box-sizing:border-box;font-size:15px;text-align:left;font-weight:300;transition: all 0.5s;border-radius:2px;background:url(../images/hospital/probo_img3.png) no-repeat 280px 50%;} #sub_container .cont_probo .sec5 ul.manual li a:hover{border:1px solid #3347c2;color:#fff;transition: all 0.5s;background:url(../images/hospital/probo_img3_ov.png) no-repeat 280px 50%;background-color:#3347c2;} #sub_container .cont_probo .sec5 a.pdf_down{width:210px;padding:10px 0;font-size:16px;border:1px solid #1b1b1b;border-radius:3px;display:inline-block;background:#333333;color:#fff;transition: all 0.5s;} #sub_container .cont_probo .sec5 a.pdf_down:hover{border:1px solid #e2e2e2;color:#333333;background:#fff;} #simplemodal-overlay {background-color:#000;} #modal_movie1{display:none;margin:20px auto 0;width:1002px;height:564px;background:#000;color:#fff;} #modal_movie1 .gr{padding:1px;} #modal_movie1 span.ico_close a{background:#000;color:#fff;font-size:14px;padding:8px 25px 10px;font-weight:300;} #modal_movie2{display:none;margin:20px auto 0;width:1002px;height:564px;background:#000;color:#fff;} #modal_movie2 .gr{padding:1px;} #modal_movie2 span.ico_close a{background:#000;color:#fff;font-size:14px;padding:8px 25px 10px;font-weight:300;} #modal_movie3{display:none;margin:20px auto 0;width:1002px;height:564px;background:#000;color:#fff;} #modal_movie3 .gr{padding:1px;} #modal_movie3 span.ico_close a{background:#000;color:#fff;font-size:14px;padding:8px 25px 10px;font-weight:300;} /* trios */ h1.h1_title2{font-size:33px;font-weight:300;letter-spacing:-0.5px; text-align:center;} #sub_container .cont_trios{width:100%;background:url(../images/hospital/trios_img6.jpg) no-repeat left 150px, url(../images/hospital/trios_img7.jpg) no-repeat right 50px;} #sub_container .cont_trios .sec1{margin:50px auto;width:980px;height:880px;border-radius:490px;border:1px solid #e9e9e9;background:url(../images/hospital/trios_img1.jpg) no-repeat 50% 675px;background-color:#fff;text-align:center;padding-top:115px;} #sub_container .cont_trios .sec1 p.txt{font-size:16px;line-height:1.8em;text-align:center;padding:55px 0 95px;letter-spacing:-0.2px;} #sub_container .cont_trios .sec1 dl.ico_sec{} #sub_container .cont_trios .sec1 dl.ico_sec dt span{background:#36aad3;color:#fff;padding:5px 40px 8px;border-radius:20px;font-size:18px;} #sub_container .cont_trios .sec1 dl.ico_sec ul{overflow:hidden;width:825px;margin:50px auto;} #sub_container .cont_trios .sec1 dl.ico_sec ul li.bg1{background:url(../images/hospital/trios_img1.gif) no-repeat 10px 0;} #sub_container .cont_trios .sec1 dl.ico_sec ul li.bg2{background:url(../images/hospital/trios_img2.gif) no-repeat 0 10px,url(../images/hospital/trios_img1.gif) no-repeat -158px 0;} #sub_container .cont_trios .sec1 dl.ico_sec ul li.bg3{background:url(../images/hospital/trios_img2.gif) no-repeat 0 10px,url(../images/hospital/trios_img1.gif) no-repeat -332px 0;} #sub_container .cont_trios .sec1 dl.ico_sec ul li.bg4{background:url(../images/hospital/trios_img2.gif) no-repeat 0 10px,url(../images/hospital/trios_img1.gif) no-repeat -505px 0;} #sub_container .cont_trios .sec1 dl.ico_sec ul li.bg5{background:url(../images/hospital/trios_img2.gif) no-repeat 0 10px,url(../images/hospital/trios_img1.gif) no-repeat -670px 0;} #sub_container .cont_trios .sec1 dl.ico_sec ul li{float:left;color:#6b6b6b;font-size:13px;line-height:1.5em;padding-top:70px;width:165px;text-align:center;} #sub_container .cont_trios .sec2{margin:110px 0 90px;} #sub_container .cont_trios h2.h2_title1{font-size:16px;font-weight:300;color:#5f5f5f;padding-top:20px;} #sub_container .cont_trios .sec2 ul.list{overflow:hidden;width:1200px;margin:40px auto 0;} #sub_container .cont_trios .sec2 ul.list li{float:left;box-size:border-box;width:290px;border:1px solid #e7e7e7;border-radius:2px;margin-left:10px;height:435px;} #sub_container .cont_trios .sec2 ul.list li:first-child{margin-left:0;} #sub_container .cont_trios .sec2 ul.list li span.stitle{display:block;font-size:17px;text-align:left;padding:30px 26px 20px} #sub_container .cont_trios .sec2 ul.list li span.txt{display:block;font-size:14px;line-height:1.7em;text-align:left;padding:0 26px;color:#5f5f61;word-break:keep-all;} #sub_container .cont_trios .sec2 ul.list li .bg1{background:url(../images/hospital/trios_img2.jpg) no-repeat 0 0;height:194px;} #sub_container .cont_trios .sec2 ul.list li .bg2{background:url(../images/hospital/trios_img3.jpg) no-repeat 0 0;height:194px;} #sub_container .cont_trios .sec2 ul.list li .bg3{background:url(../images/hospital/trios_img4.jpg) no-repeat 0 0;height:194px;} #sub_container .cont_trios .sec2 ul.list li .bg4{background:url(../images/hospital/trios_img5.jpg) no-repeat 0 0;height:194px;} #sub_container .cont_trios .sec3{background:url(../images/hospital/trios_img8.jpg) no-repeat 50% 0;height:827px;margin-bottom:100px;} #sub_container .cont_trios .sec3 p.stitle{text-align:center;color:#fff;font-size:33px;line-height:1.4em;font-weight:300;letter-spacing:-1px;padding-top:60px;} #sub_container .cont_trios .sec3 p.stitle span{} #sub_container .cont_trios .sec3 dl.trios_txt{position:absolute;top:340px;left:310px;width:265px;} #sub_container .cont_trios .sec3 dl.design_txt{position:absolute;top:340px;left:700px;} #sub_container .cont_trios .sec3 dl{text-align:left;} #sub_container .cont_trios .sec3 dt{color:#29292b;font-size:22px;padding:6px 0 7px 9px;margin-bottom:10px;} #sub_container .cont_trios .sec3 dl ul.list{font-size:14px;} #sub_container .cont_trios .sec3 dl ul.list li{background:url(../images/hospital/trios_img1.png) no-repeat 6px 10px;padding-left:15px;padding-bottom:5px;letter-spacing:-0.3px;line-height:1.7em;word-break:keep-all;} #sub_container .cont_trios .sec4{margin:0 auto 100px;} #sub_container .cont_trios .sec4 a.pdf_down{display:inline-block;border:1px solid #e1e1e1;padding:20px 25px;width:330px;box-sizing:border-box;font-size:15px;text-align:left;font-weight:300;transition: all 0.5s;border-radius:2px;background:url(../images/hospital/probo_img3.png) no-repeat 280px 50%;} #sub_container .cont_trios .sec4 a.pdf_down:hover{border:1px solid #3347c2;color:#fff;transition: all 0.5s;background:url(../images/hospital/probo_img3_ov.png) no-repeat 280px 50%;background-color:#3347c2;} #sub_container .cont_trios .sec4 a img{padding-right:10px;vertical-align:middle;} /* programill */ #sub_container .cont_prog{} #sub_container .cont_prog .sec1{background:url(../images/hospital/ivoc_img7.jpg) no-repeat 50% 0;height:616px;margin-top:80px;} #sub_container .cont_prog .sec1 dl.l_title{position:absolute;right:840px;top:111px;text-align:right;} #sub_container .cont_prog .sec1 dl.l_title dt{padding-bottom:30px;} #sub_container .cont_prog .sec1 dl.l_title ul li{font-size:17px;letter-spacing:-0.5px;line-height:1.5em;padding-bottom:4px;color:#58595c;} #sub_container .cont_prog .sec1 table.spec{border-collapse:collapse;position:absolute;left:850px;top:210px;width:275px;font-size:13px;text-align:left;} #sub_container .cont_prog .sec1 table.spec th{border-bottom:1px solid #e1e1e1;color:#474646;font-weight:500;line-height:2.4em;padding-left:10px;} #sub_container .cont_prog .sec1 table.spec td{border-bottom:1px solid #e1e1e1;line-height:2.4em;padding-left:10px;} #sub_container .cont_prog .sec1 table.spec tr:first-child th{border-top:1px solid #a3a3a3;} #sub_container .cont_prog .sec1 table.spec tr:first-child td{border-top:1px solid #e1e1e1;} #sub_container .cont_prog .sec2{background:url(../images/hospital/ivoc_img2.gif) no-repeat 50% 92px;width:990px;margin:0 auto 85px;overflow:hidden;} #sub_container .cont_prog .sec2 .mtr{width:330px;float:left;text-align:center;font-size:15px;} #sub_container .cont_prog .sec2 .mtr p.pic{text-align:center;} #sub_container .cont_prog .sec2 .mtr dt{font-size:19px;font-weight: 500;text-transform:uppercase;padding-bottom:15px;} #sub_container .cont_prog .sec2 .mtr dd{color:#58595c;} #sub_container .cont_prog .sec2 .mtr dd.txt{padding-top:12px;line-height:1.5em;} #sub_container .cont_prog .sec3{background:url(../images/hospital/ivoc_img3.gif) no-repeat 50% 0;padding-top:80px;} #sub_container .cont_prog .sec3 .bg{background:url(../images/hospital/ivoc_img6.jpg) no-repeat 50% 0;height:450px;padding-top:80px;} #sub_container .cont_prog .sec3 h2.h2_title2{font-size:16px;font-weight:400;color:#6b6b6b;} #sub_container .cont_prog .sec3 h1.h1_title3{font-size:36px;text-transform:uppercase;font-weight:500;padding:15px 0 40px;} #sub_container .cont_prog .sec3 ul.list{overflow:hidden;width:1082px;margin:0 auto;height:195px;} #sub_container .cont_prog .sec3 ul.list li{float:left;width:184px;color:#fff;font-size:15px;line-height:1.6em;padding-top:73px;height:112px;letter-spacing:-0.1px;} #sub_container .cont_prog .sec3 ul.list li.t1{padding-top:56px;} #sub_container .cont_prog .sec3 ul.list li.t2{} #sub_container .cont_prog .sec3 ul.list li.t3{margin-left:346px;} #sub_container .cont_prog .sec3 ul.list li.t4{} #sub_container .cont_prog .sec3 p.t5{font-size:14px;text-align:center;padding-top:120px;} #sub_container .cont_prog .sec4{margin:0 auto 100px;} #sub_container .cont_prog .sec4 a.pdf_down{display:inline-block;border:1px solid #e1e1e1;padding:20px 25px;width:440px;box-sizing:border-box;font-size:15px;text-align:left;font-weight:300;transition: all 0.5s;border-radius:2px;background:url(../images/hospital/probo_img3.png) no-repeat 395px 50%;} #sub_container .cont_prog .sec4 a.pdf_down:hover{border:1px solid #3347c2;color:#fff;transition: all 0.5s;background:url(../images/hospital/probo_img3_ov.png) no-repeat 395px 50%;background-color:#3347c2;} #sub_container .cont_prog .sec4 a img{padding-right:10px;vertical-align:middle;} /* Drill Sequence 검색 201803 */ #drill_sq_noti{width:100%;background:#f2f7fb;text-align:left;padding:45px 0 60px;font-weight:300;} #drill_sq_noti .min_width{width:1100px;margin:0 auto;overflow:hidden;} #drill_sq_noti dl{float:left;width:550px;box-sizing:border-box;line-height:1.9em;} #drill_sq_noti dl.cs{padding-left:10px;} #drill_sq_noti dl.noti{border-left:1px solid #dbdbdf;padding-left:40px;} #drill_sq_noti dl dt{font-size:20px;font-weight:400;padding-bottom:20px;padding-top:10px;} #drill_sq_noti dl dd{font-size:13px;color:#6e6f70;padding-bottom:15px;} #drill_sq_noti dl dd:last-child{padding-bottom:7px;} #drill_sq_noti dl dd ul li{padding-bottom:4px;padding-left:10px;line-height:1.5em;background:url(../images/hospital/bl_dot2.gif) no-repeat 2px 9px;} #drill_sq_noti dl li span.f_c{color:#474849;font-weight:500;} #drill_sq{margin-top:50px;} #drill_sq .search_sec{border:12px solid #f2f2f2;margin-bottom:70px;padding:35px 0 45px;} #drill_sq p.title{text-align:center;color:#272727;font-size:28px;font-weight:300;} #drill_sq p.title1{text-align:center;color:#8c8c8c;font-size:15px;font-weight:300;padding:10px 0 40px;} #drill_sq span.f_c{color:#f0236c;} #drill_sq .search_sec .gr{overflow:hidden;width:760px;margin:0 auto;padding-top:30px;font-size:14px;font-weight:300;vertical-align:middle;} #drill_sq .search_sec .gr .slt_form{float:left;border:1px solid #cccccc;box-sizing:border-box;height:49px;line-height:49px;width:130px;font-family: 'Noto Sans Kr',"Open Sans","맑은 고딕","Malgun Gothic","나눔 고딕","Nanum Gothic","dotum";font-size:14px;margin-right:5px;padding-left:10px;color: #393b3e;} #drill_sq .search_sec .gr .br{float:left;border:1px solid #cccccc;border-radius:2px 0 0 2px;width:520px;box-sizing:border-box;height:49px;padding-top:8px;padding-left:15px;} #drill_sq .search_sec a.btn2{float:left;background:#2c2c2c;border-radius:0 2px 2px 0;color:#fff;height:49px;width:86px;box-sizing:border-box;text-align:center;padding-top:13px;} #drill_sq .search_sec a.btn1{border-left:1px solid #cccccc;padding:5px 0 0 43px;height:30px;width:110px;box-sizing:border-box;display:inline-block;background:url(../images/hospital/ico_pdf.gif) no-repeat 18px 8px;color: #393b3e;} #drill_sq .search_sec a.btn1:hover{color:#ff231d;} #drill_sq .search_sec .form_file{border:none;font-family: 'Noto Sans Kr',"Open Sans","맑은 고딕","Malgun Gothic","나눔 고딕","Nanum Gothic","dotum";font-size:14px;height:30px;width:375px;line-height:30px;} #drill_sq .before_sec{text-align:center;border-bottom:2px solid #909090;padding:80px 0 145px;margin-bottom:45px;} #drill_sq .before_sec p.ico{width:128px;height:128px;border-radius:64px;background:#f2f2f2;text-align:center;vertical-align:middle;display:inline-block;box-sizing:border-box;padding-top:30px;} #drill_sq .before_sec span.txt{display:block;font-size:18px;color:#474747;font-weight:200;padding-top:20px;} #drill_sq .result_sec{border-bottom:2px solid #909090;margin-bottom:45px;} #drill_sq table.tb_sq{width:100%;border-collapse:collapse;text-align:center;font-size:13px;margin-bottom:30px;} #drill_sq table.tb_sq thead{} #drill_sq table.tb_sq thead th{background:#f7f8f8;font-weight:400;color:#4a4a4a;border:1px solid #e4e4e4;border-top:1px solid #909090;padding:10px 0 11px;} #drill_sq table.tb_sq tbody td{border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;color:#6e6e6e;padding:8px 0 8px;font-weight:400;} #drill_sq table.tb_sq tbody td:first-child{border-left:none;} #drill_sq table.tb_sq tbody td span.case{text-align:center;display:inline-block;margin-left:-1px;cursor:pointer;width:80px;padding:3px 0 4px;font-size:13px;} #drill_sq table.tb_sq tbody td span.btn_on{border:1px solid #eb407c;border-radius:2px;background:#f2578e;color:#fff;} #drill_sq table.tb_sq tbody td span.btn_off{border:1px solid #d4d4d4;border-radius:2px;} #drill_sq table.tb_sq img.ico_check{cursor:pointer;} #drill_sq table.tb_sq a.view_off{font-size:12px;background:#e2e2e2;border:1px solid #d4d4d4;padding:5px 12px;color:#fff;cursor:default;border-radius:2px;} #drill_sq table.tb_sq a.view_on{font-size:12px;background:#0394d7;border:1px solid #0789c5;padding:5px 12px;color:#fff;border-radius:2px;} #drill_sq .result_sec .btn_sec{text-align:center;margin-bottom:45px;} #drill_sq .result_sec .btn_sec a.btn{font-size:14px;display:inline-block;border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-bottom:1px solid #929292;background:linear-gradient( to bottom, #fdfdfd, #f2f2f2 );padding:11px 30px 13px;transition: all 0.3s;} #drill_sq .result_sec .btn_sec a:hover.btn{box-shadow:0 3px 6px 1px #d3d3d3;text-decoration:underline;transition: all 0.3s;} #drill_sq .result_sec .form_length{border:1px solid #dfdfdf;color:#6e6e6e;font-family: 'Noto Sans Kr',"Open Sans","맑은 고딕","Malgun Gothic","나눔 고딕","Nanum Gothic","dotum";font-size:13px;height:28px;width:90px;line-height:28px;} #drill_sq .btn_sec1{ display:flex; text-align:center; justify-content: center;} #drill_sq .btn_sec1 a span.print1{background: url(../images/hospital/drill_sq_img1.png) no-repeat 0 0;padding-left:60px;min-height:20px;display:inline-block;} #drill_sq .btn_sec1 a span.print2{background: url(../images/hospital/drill_sq_img2.png) no-repeat 0 0;padding-left:60px;min-height:20px;display:inline-block;} #drill_sq .btn_sec1 a span.print3{background: url(../images/hospital/drill_sq_img3.png) no-repeat 0 0;padding-left:60px;min-height:20px;display:inline-block;} #drill_sq .btn_sec1 a .print4{background: url(../images/hospital/drill_sq_img4.png) no-repeat 0 0;padding-left:60px;min-height:20px; margin-left:10px;} #drill_sq .btn_sec1 a .print5{background: url(../images/hospital/drill_sq_img5.png) no-repeat 0 0;padding-left:60px;min-height:20px; margin-left:10px;} #drill_sq .btn_sec1 a:hover span.print1{background: url(../images/hospital/drill_sq_img1_ov.png) no-repeat 0 0;} #drill_sq .btn_sec1 a:hover span.print2{background: url(../images/hospital/drill_sq_img2_ov.png) no-repeat 0 0;} #drill_sq .btn_sec1 a:hover span.print3{background: url(../images/hospital/drill_sq_img3_ov.png) no-repeat 0 0;} #drill_sq .btn_sec1 a:hover .print4{background: url(../images/hospital/drill_sq_img4_ov.png) no-repeat 0 0;} #drill_sq .btn_sec1 a:hover .print5{background: url(../images/hospital/drill_sq_img5_ov.png) no-repeat 0 0;} #drill_sq .btn_sec1 a.btn{border-radius:2px;text-align:left;margin:0 10px;font-size:14px;display:inline-block;border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-bottom:1px solid #929292;background:linear-gradient( to bottom, #fdfdfd, #f2f2f2 );padding:15px 30px 17px 18px;width:245px;box-sizing:border-box;box-shadow:0 3px 4px 0 #d3d3d3;transition: all 0.3s;} #drill_sq .btn_sec1 a.btn_02{display:flex; align-items: center; border-radius:2px;text-align:left;margin:0 10px;font-size:14px;border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-bottom:1px solid #929292;background:linear-gradient( to bottom, #fdfdfd, #f2f2f2 );padding:5px 20px 7px 8px;width:245px;box-sizing:border-box;box-shadow:0 3px 4px 0 #d3d3d3;transition: all 0.3s;} #drill_sq .btn_sec1 a:hover.btn{text-decoration:underline;transition: all 0.3s;color:#eaeaea;background:#3d3d3e;border:1px solid #1d1d1d;} #drill_sq .btn_sec1 a:hover.btn_02{text-decoration:underline;transition: all 0.3s;color:#eaeaea;background:#3d3d3e;border:1px solid #1d1d1d;} #drill_sq .btn_sec1 .btn.b_t {background:#e4f4fd;} #drill_sq .btn_sec1 .btn.b_b{background:#e9e2fb;} /* 휴면계정전환 201804 */ #m_release{text-align:center;padding:45px 0;} #m_release h1.h1_title_1{} #m_release h2.h2_title_1{font-size:48px;font-weight:200;padding:55px 0 25px;color:#272727;} #m_release .cont{width:950px;margin:0 auto;border-top:2px solid #e8487d;border-bottom:2px solid #c5c5c5;padding:52px 10px 60px;box-sizing:border-box;} #m_release .cont p.title{font-size:22px;font-weight:300;padding-bottom:55px;line-height:33px;color:#525252;text-align:center;} #m_release .cont p.title span.f_color{color:#e8487d;} #m_release .cont dl.info{background:#fbf9f3;border-radius:3px;padding:40px 70px;font-size:14px;text-align:left;color:#696767;font-weight:300;line-height:23px;} #m_release .cont dl.info dt{font-weight:400;font-size:16px;} #m_release .cont dl.info dd{padding-top:15px;} #m_release .btns{padding-top:50px;text-align:center;font-size:14px;font-weight:300;} #m_release .btns a.confirm{display:inline-block;border-radius:2px;margin:0 10px;background:#e8487d;color:#fff;padding:10px 0 12px;width:190px;transition: all 0.5s;} #m_release .btns a.cancel{display:inline-block;border-radius:2px;margin:0 10px;background:#464646;color:#fff;padding:10px 0 12px;width:190px;transition: all 0.5s;} #m_release .btns a.confirm:hover{background:#0f0f0f;transition: all 0.5s;} #m_release .btns a.cancel:hover{background:#0f0f0f;transition: all 0.5s;} /* 이메일무단수집거부 */ .spam{margin-bottom:50px;font-size:14px;} .spam .sec1{margin-bottom:40px;background:#fbf9f3;border-radius:3px;padding:30px 45px;} .spam .sec1 dt{font-weight:400;font-size:17px;color:#3b3b3b} .spam .sec1 dd{padding-top: 15px;} .spam .sec2{padding:0 30px;} .spam .sec2 li{background: url(../images/hospital/trios_img1.png) no-repeat 8px 10px;padding:0 0 6px 20px;} /* 개인정보처리방침2018 */ #privacy_inrto{font-weight:300;margin-bottom:60px;} #privacy_inrto p.t_title{font-size:36px;} #privacy_inrto div.t_txt{font-size:20px;} #privacy_inrto .gr{margin:30px 0;} #privacy_inrto .gr p.title{font-size:16px;font-weight:500;padding:10px 0 ;color:#222222;} #privacy_inrto .gr div.txt{font-size:14px;padding:5px 0;color:#28292a;} #privacy_inrto .gr p.stitle{font-size:13px;font-weight:400;padding:4px 0 ;color: #404142;} #privacy_inrto .gr ul.stitle{font-size:13px;font-weight:400;padding:4px 0 10px;color: #404142;} #privacy_inrto .gr ul.stitle li{padding:1px 0;} #privacy_inrto .gr div.stxt{font-size:13px;line-height: 21px;color: #707070;} #privacy_inrto .gr p.stxt{font-size:13px;line-height: 21px;color: #707070;} #privacy_inrto .gr ul.stxt{font-size:13px;line-height: 21px;color: #707070;} #privacy_inrto .gr ul.stxt li{padding:1px 0;} .txtClause .gr{margin-bottom:10px;} .txtClause p.title3{font-size:15px;padding-bottom:15px;} .txtClause .gr p.title1{font-size:15px;font-weight:500;padding:10px 0 ;color:#222222;} .txtClause .gr div.txt1{font-size:14px;padding:5px 0;color:#28292a;} .txtClause .gr p.stitle1{font-size:13px;font-weight:400;padding:4px 0 ;color: #404142;} .txtClause .gr ul.stitle1{font-size:13px;font-weight:400;padding:4px 0 10px;color: #404142;} .txtClause .gr ul.stitle1 li{padding:1px 0;} .txtClause .gr div.stxt1{font-size:13px;line-height: 21px;color: #707070;} .txtClause .gr p.stxt1{font-size:13px;line-height: 21px;color: #707070;} .txtClause .gr ul.stxt1{font-size:13px;line-height: 21px;color: #707070;} .txtClause .gr ul.stxt1 li{padding:1px 0;} table.tb_privacy{border-collapse:collapse;text-align:center;width:100%;font-size:13px;} table.tb_privacy thead th{background:#f4f5f8;border-top:1px solid #333333;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;padding:8px 3px;font-weight:400;color:#1f1f1f;} table.tb_privacy thead th:first-child{border-left:none;} table.tb_privacy tbody td{border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;padding:10px 3px;} table.tb_privacy tbody td.alignL{padding:8px 10px 8px 20px;text-align:left;} table.tb_privacy tbody td:first-child{border-left:none;} .txtClause ul.term_list{margin-bottom:20px;} .txtClause ul.term_list li{padding:2px 0;} .txtClause ul.term_list_bl{margin-top:20px;font-size: 13px;} .txtClause ul.term_list_bl li{padding:2px 0 2px 20px; background: url(../images/hospital/trios_img1.png) no-repeat 8px 10px;} /* newsletter */ #newsletter{margin-bottom:50px;} #newsletter .list_sec{border-top:2px solid #444a55;padding:35px 0 0 0;} #newsletter .list_sec ul.list{overflow:hidden;} #newsletter .list_sec ul.list li.gr:nth-child(3n+1){margin-left:0;} #newsletter .list_sec ul.list li.gr{float:left;margin-left:32px;width:257px;position:relative;} /*#newsletter .list_sec ul.list li.pd_none{margin-left:0;}*/ #newsletter li.gr p.thumb{border:10px solid #f5f5f5;margin-bottom:15px;} #newsletter li.gr p.title{font-size:14px;color:#4c4d50;font-weight:300;} #newsletter li.gr p.title span.date{font-weight:300;font-size:14px;background: url(../images/hospital/bl_line.gif) no-repeat 13px 4px;padding-left:27px;} #newsletter li.gr p.title1{font-size:15px;color:#4c4d50;padding-top:4px;text-align:left;min-height:70px;word-break:keep-all;} #newsletter li.gr .ov{opacity:0;background:rgba(0,0,0,.5);position:absolute;left:0;top:0;width:257px;height:163px;text-align:center;transition: all 0.5s;} #newsletter li.gr:hover .ov{opacity:1;transition: all 0.5s;} #newsletter li.gr .ov .btn{padding-top:70px;} #newsletter li.gr .ov .btn a{display:inline-block;margin:0 3px;background: url(../images/hospital/ico_view.png) no-repeat 42px 8px;background-color:#000000;color:#fff;padding:6px 42px 6px 10px;font-size:13px;font-weight:300;border-radius:2px;transition: all 0.3s;} #newsletter li.gr .ov .btn a:hover{background: url(../images/hospital/ico_view1.png) no-repeat 42px 8px;background-color:#f56397;transition: all 0.3s;} #newsletter .reg{border-top:1px solid #e8e9ea;position:relative;padding:45px 35px 40px;text-align:center;} #newsletter .reg dl{font-size:14px;} #newsletter .reg dl dt{font-size:18px;padding-bottom:10px;} #newsletter .reg a.btn_news{position:absolute;right:20px;top:30px;background:#444a55;color:#fff;border-radius:1px;padding:5px 15px 7px;font-size:15px;font-weight:300;} #newsletter .reg a.btn_news1{border:1px solid #969ba1;border-radius:1px;padding:10px 35px 12px;font-size:15px;transition: all 0.3s;} #newsletter .reg a.btn_news1:hover{background:#eb6796;border:1px solid #a6305a;color:#fff;transition: all 0.3s;} /* #newsletter .list_sec ul.list ll .gr{width:257px;} #newsletter .list_sec li .ov{text-align:center;} #newsletter .list_sec li p.thumb{border:10px solid #f5f5f5;} #newsletter .list_sec li p.thumb img{} #newsletter .list_sec li .gr .ov{opacity:0;background:rgba(0,0,0,.5);width:257px;height:163px;padding-top:75px;} #newsletter .list_sec li .gr .ov .btn{} #newsletter .list_sec li .gr .ov .btn a{padding:5px 10px;display:inline-block;color:#fff;} #newsletter .list_sec li .gr .ov:hover{opacity:1;} #newsletter .list_sec li .gr .ov:hover .btn a{} #newsletter .list_sec li .gr p.title{font-size:15px;} #newsletter .list_sec li .gr p.title span.date{font-size:14px;} */ /* idx추가 */ #sub_container .cont_idx .titles{text-align:center;font-size:40px;font-weight:100;padding-bottom:75px;} #sub_container .cont_idx .titles span{color:#878787;font-size:16px;display:block;padding-bottom:15px;font-weight:300;} #sub_container .cont_idx .sec1{background:url(../images/hospital/idx_bg1.jpg) no-repeat 50% 60px;height:700px;position:relative;text-align:left;margin-top:50px;} #sub_container .cont_idx .sec1 .title{padding-top:15px;} #sub_container .cont_idx .sec1 .title span{display:block;font-size:44px;line-height:55px;font-weight:100;} #sub_container .cont_idx .sec1 table.spec{border-collapse:collapse;position:absolute;right:25px;top:105px;width:460px;font-size:13px;text-align:left;} #sub_container .cont_idx .sec1 table.spec th{border-bottom:1px solid #e1e1e1;color:#474646;font-weight:500;line-height:2.4em;padding-left:19px;} #sub_container .cont_idx .sec1 table.spec td{border-bottom:1px solid #e1e1e1;line-height:2.4em;padding-left:10px;} #sub_container .cont_idx .sec1 table.spec tr:first-child th{border-top:1px solid #a3a3a3;} #sub_container .cont_idx .sec1 table.spec tr:first-child td{border-top:1px solid #e1e1e1;} #sub_container .cont_idx .sec1 ul.cpnt{position:absolute;left:740px;top:285px;overflow:hidden;} #sub_container .cont_idx .sec1 ul.cpnt li{float:left;margin-right:6px;background:#000;position:relative;border-radius:2px;} #sub_container .cont_idx .sec1 ul.cpnt li img{opacity:1;border:1px solid #e7e7e7;transition: all 0.5s;} #sub_container .cont_idx .sec1 ul.cpnt li span.txt{opacity:0;position:absolute;background:rgba(0,0,0,.7);text-align:center;width:100%;height:100%;line-height:16px;padding-top:25px;vertical-align:middle;transition: all 0.5s;} #sub_container .cont_idx .sec1 ul.cpnt li img:hover{opacity:.4;transition: all 0.5s;} #sub_container .cont_idx .sec1 ul.cpnt li:hover span.txt{opacity:1;color:#fff;transition: all 0.5s;} #sub_container .cont_idx .sec2{width:1200px;height:580px;border-bottom:1px solid #f2f2f2;margin:0 auto;position:relative;} #sub_container .cont_idx .sec2 div.bg{width:1200px;overflow:hidden;} #sub_container .cont_idx .sec2 ul.bg{width:3600px;} #sub_container .cont_idx .sec2 ul.bg li{float:left;} #sub_container .cont_idx .sec2 .cont_slide{width:800px;overflow:hidden;position:absolute;left:200px;top:260px;} #sub_container .cont_idx .sec2 ul.txt_gr{width:2400px;text-align:center;} #sub_container .cont_idx .sec2 ul.txt_gr li{width:800px;float:left;} #sub_container .cont_idx .sec2 ul.txt_gr span{display:block;} #sub_container .cont_idx .sec2 ul.txt_gr span.txt1{font-size:30px;padding-bottom:45px;line-height:30px;font-weight:300;} #sub_container .cont_idx .sec2 ul.txt_gr span.txt2{font-size:15px;line-height:26px;color:#696969;} #sub_container .cont_idx .sec2 a.btn_pre{position:absolute;left:45px;top:350px;opacity:.3;display:block;padding:15px;transition: all 0.5s;} #sub_container .cont_idx .sec2 a.btn_next{position:absolute;right:45px;top:350px;opacity:.3;display:block;padding:15px;transition: all 0.5s;} #sub_container .cont_idx .sec2 a.btn_pre:hover{opacity:.8;left:35px;transition: all 0.3s;} #sub_container .cont_idx .sec2 a.btn_next:hover{opacity:.8;right:35px;transition: all 0.3s;} #sub_container .cont_idx .sec2 .dots{position:absolute;text-align:center;width:100%;top:480px;} #sub_container .cont_idx .sec2 .dots img{padding:4px;} #sub_container .cont_idx .sec2 .dots img:hover{cursor:pointer;} #sub_container .cont_idx .sec3{background:url(../images/hospital/idx_bg2.gif) repeat-x 0 518px;height:950px;padding-top:70px;} #sub_container .cont_idx .sec3 .cont_slide{width:1200px;margin:0 auto;position:relative;} #sub_container .cont_idx .sec3 .cont_slide div.txt_gr{position:absolute;left:5px;top:205px;width:280px;overflow:hidden;} #sub_container .cont_idx .sec3 .cont_slide ul.txt_gr{width:1960px;} #sub_container .cont_idx .sec3 .cont_slide ul.txt_gr li{float:left;width:280px;text-align:left;} #sub_container .cont_idx .sec3 .cont_slide ul.txt_gr span{display:block;} #sub_container .cont_idx .sec3 .cont_slide ul.txt_gr span.txt1{font-size:30px;line-height:38px;height:145px;font-weight:300;} #sub_container .cont_idx .sec3 .cont_slide ul.txt_gr span.txt2{font-size:15px;line-height:25px;color:#696969;padding-right:15px;} #sub_container .cont_idx .sec3 .cont_slide div.pic_gr{position:absolute;left:325px;top:0;width:611px;overflow:hidden;} #sub_container .cont_idx .sec3 .cont_slide ul.pic_gr{width:4277px;} #sub_container .cont_idx .sec3 .cont_slide ul.pic_gr li{float:left;width:611px;} #sub_container .cont_idx .sec3 .cont_slide .btn_gr{position:absolute;right:30px;top:286px;} #sub_container .cont_idx .sec3 .cont_slide .btn_gr a{padding:15px 22px;display:inline-block;background:#f2f6f9;} #sub_container .cont_idx .sec3 .cont_slide .btn_gr a:hover{} #sub_container .cont_idx .sec3 .cont_slide .dots{position:absolute;text-align:center;width:100%;top:660px;padding-left:70px;box-sizing:border-box;} #sub_container .cont_idx .sec3 .cont_slide .dots img{padding:4px;} #sub_container .cont_idx .sec3 .cont_slide .dots img:hover{cursor:pointer;} #sub_container .cont_idx .sec4{background:url(../images/hospital/idx_bg1.gif) repeat-y 50% 0;} #sub_container .cont_idx .sec4 .min_width1{background:url(../images/hospital/idx_bg12.jpg) no-repeat 50% 0;height:627px;position:relative;} #sub_container .cont_idx .sec4 .title{position:absolute;top:37px;font-size:36px;line-height:36px;font-weight:200;} #sub_container .cont_idx .sec4 .title img{padding:2px 15px 0 0;} #sub_container .cont_idx .sec4 div.old{left:47px;} #sub_container .cont_idx .sec4 div.new{left:725px;color:#dc2963;} #sub_container .cont_idx .sec4 ul.list{position:absolute;top:485px;text-align:left;font-size:14px;color:#696969;line-height:25px;} #sub_container .cont_idx .sec4 ul.old{left:26px;} #sub_container .cont_idx .sec4 ul.old li{background:url(../images/hospital/bl_dot1.png) no-repeat 0 11px;padding-left:10px;} #sub_container .cont_idx .sec4 ul.new{left:610px;width:590px;} #sub_container .cont_idx .sec4 ul.new li{float:left;width:285px;background:url(../images/hospital/bl_dot1.png) no-repeat 0 9px;padding-left:10px;} #sub_container .cont_idx .sec5{width:1200px;margin:0 auto;overflow:hidden;text-align:left;font-size:15px;line-height:25px;padding:110px 0 90px;border-bottom:1px solid #f2f2f2;} #sub_container .cont_idx .sec5 p.title{background:url(../images/hospital/idx_img12.gif) no-repeat 2px bottom;height:45px;font-size:24px;margin-bottom:30px;} #sub_container .cont_idx .sec5 .gr1{float:left;width:570px;} #sub_container .cont_idx .sec5 .gr2{float:left;width:600px;padding-left:30px;} #sub_container .cont_idx .sec5 .gr1 .txt{} #sub_container .cont_idx .sec5 .gr1 .txt p.pic{text-align:left;padding:60px 0 0 65px;} #sub_container .cont_idx .sec5 .gr2 p.pic{float:left;padding-right:45px;} #sub_container .cont_idx .sec5 .gr2 .txt{float:left;width:375px;} #sub_container .cont_idx .sec5 .gr2 .txt ul.list{padding:25px 0 40px;font-size:13px;line-height:20px;color:#696969;} #sub_container .cont_idx .sec5 .gr2 .txt ul.list li{padding-bottom:8px;background:url(../images/hospital/bl_dot1.png) no-repeat 0 9px;padding-left:10px;} #sub_container .cont_idx .sec5 .gr2 a.btn_peg{margin-left:5px;border:1px solid #dfdfdf;font-size:14px;padding:10px 25px 12px 20px;transition: all 0.5s;} #sub_container .cont_idx .sec5 .gr2 a.btn_peg img{padding:4px 10px 0 0;} #sub_container .cont_idx .sec5 .gr2 a.btn_peg:hover{border:1px solid #3347c2;color:#fff;transition: all 0.5s;background-color:#3347c2;} #sub_container .cont_idx .sec6{width:1200px;margin:0 auto;box-sizing:border-box;padding:60px 0 130px;} #sub_container .cont_idx .sec6 .bg_gr{background:url(../images/hospital/idx_bg13.jpg) no-repeat 50% 0;height:360px;} #sub_container .cont_idx .sec6 .bg_gr p{font-size:24px;text-align:center;padding-top:255px;font-weight:300;} #sub_container .cont_idx .sec6 ul.list{overflow:hidden;text-align:left;} #sub_container .cont_idx .sec6 ul.list li{float:left;width:600px;border-bottom:1px solid #ebebeb;height:235px;padding-left:140px;padding-right:40px;box-sizing:border-box;} #sub_container .cont_idx .sec6 ul.list li.ico1{background:url(../images/hospital/idx_img8.gif) no-repeat 13px 100px;} #sub_container .cont_idx .sec6 ul.list li.ico2{background:url(../images/hospital/idx_img9.gif) no-repeat 20px 90px;} #sub_container .cont_idx .sec6 ul.list li.ico3{background:url(../images/hospital/idx_img10.gif) no-repeat 13px 100px;} #sub_container .cont_idx .sec6 ul.list li.ico4{background:url(../images/hospital/idx_img11.gif) no-repeat 20px 90px;} #sub_container .cont_idx .sec6 ul.list li span{display:block;} #sub_container .cont_idx .sec6 ul.list li span.txt1{font-size:18px;padding:40px 0 25px;} #sub_container .cont_idx .sec6 ul.list li span.txt2{font-size:14px;line-height:24px;font-weight:300;} #sub_container .cont_idx .sec6 p.noti{text-align:center;font-size:14px;padding-top:15px;color:#696969;font-weight:100;} #sub_container .cont_idx .sec6 span.link{padding-left:10px;} #sub_container .cont_idx .sec7{background:url(../images/hospital/probo_img8.jpg) no-repeat 50% 0;height:563px;position:relative;} #sub_container .cont_idx .sec7 .gr{overflow:hidden;width:1155px;margin:0 auto;} #sub_container .cont_idx .sec7 ul.movie{padding-top:105px;height:390px;} #sub_container .cont_idx .sec7 ul.movie li{float:left;text-align:center;width:590px;padding:0 0 40px;position:relative;box-sizing:border-box;} #sub_container .cont_idx .sec7 ul.movie li span.ico_play{position:absolute;left:255px;top:133px;opacity:0.5;transition: all 0.5s;} #sub_container .cont_idx .sec7 ul.movie li span.m_title{display:block;padding-top:20px;} #sub_container .cont_idx .sec7 ul.movie li a{color:#939393;font-size:15px;} #sub_container .cont_idx .sec7 ul.movie li .bg{width:563px;height:315px;background:#373738;overflow:hidden;} #sub_container .cont_idx .sec7 ul.movie li .bg1{background:url(../images/hospital/idx_video1.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;} #sub_container .cont_idx .sec7 ul.movie li .bg2{background:url(../images/hospital/idx_video2.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;} #sub_container .cont_idx .sec7 ul.movie li .bg3{background:url(../images/hospital/idx_video3.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;} #sub_container .cont_idx .sec7 ul.movie li .bg4{background:url(../images/hospital/idx_video4.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;} #sub_container .cont_idx .sec7 ul.movie li .bg5{background:url(../images/hospital/idx_video5.jpg) no-repeat 0 0;opacity:0.5;transition: all 0.5s;width:563px;height:315px;} #sub_container .cont_idx .sec7 ul.movie li a:hover .bg{opacity:1;overflow:hidden;width:563px;height:315px;} #sub_container .cont_idx .sec7 ul.movie li a:hover .bg1{opacity:1;transform: scaleX(1.1) scaleY(1.1);} #sub_container .cont_idx .sec7 ul.movie li a:hover .bg2{opacity:1;transform: scaleX(1.1) scaleY(1.1);} #sub_container .cont_idx .sec7 ul.movie li a:hover .bg3{opacity:1;transform: scaleX(1.1) scaleY(1.1);} #sub_container .cont_idx .sec7 ul.movie li a:hover .bg4{opacity:1;transform: scaleX(1.1) scaleY(1.1);} #sub_container .cont_idx .sec7 ul.movie li a:hover span.ico_play{position:absolute;left:255px;top:133px;opacity:1;transition: all 0.5s;} #sub_container .cont_idx .sec7 a.btn_next{position:absolute;left:50%;margin-left:600px;top:240px;opacity:0.5;transition: all 0.5s;display:blcok;} #sub_container .cont_idx .sec7 a.btn_pre{position:absolute;right:50%;margin-right:600px;top:240px;opacity:0.5;transition: all 0.5s;display:blcok;} #sub_container .cont_idx .sec7 a.btn_next:hover{opacity:1;transition: all 0.5s;margin-left:610px;cursor:pointer;} #sub_container .cont_idx .sec7 a.btn_pre:hover{opacity:1;transition: all 0.5s;margin-right:610px;cursor:pointer;} #sub_container .cont_idx .sec7 a.btn_next img{display:blcok;padding:5px;} #sub_container .cont_idx .sec7 a.btn_pre img{display:blcok;padding:5px;} #sub_container .cont_idx .sec8{background:#fff;padding:85px 0 125px;} #sub_container .cont_idx .sec8 .titles{text-align:center;font-size:40px;font-weight:100;padding-bottom:60px;} #sub_container .cont_idx .sec8 .titles span{color:#878787;font-size:16px;display:block;padding-bottom:15px;font-weight:300;} #sub_container .cont_idx .sec8 ul.manual{overflow:hidden;} #sub_container .cont_idx .sec8 ul.manual li{display:inline-block;} #sub_container .cont_idx .sec8 ul.manual li img{padding-right:10px;vertical-align:middle;} #sub_container .cont_idx .sec8 ul.manual li a{display:block;border:1px solid #e1e1e1;padding:20px 25px;width:330px;box-sizing:border-box;font-size:15px;text-align:left;font-weight:300;transition: all 0.5s;border-radius:2px;background:url(../images/hospital/probo_img3.png) no-repeat 280px 50%;} #sub_container .cont_idx .sec8 ul.manual li a:hover{border:1px solid #3347c2;color:#fff;transition: all 0.5s;background:url(../images/hospital/probo_img3_ov.png) no-repeat 280px 50%;background-color:#3347c2;} #sub_container .cont_idx .sec8 a.pdf_down{width:210px;padding:10px 0;font-size:16px;border:1px solid #1b1b1b;border-radius:3px;display:inline-block;background:#333333;color:#fff;transition: all 0.5s;} #sub_container .cont_idx .sec8 a.pdf_down:hover{border:1px solid #e2e2e2;color:#333333;background:#fff;} /* idx*/ #sl_dot1 {text-align:center; position:absolute;} #sl_dot1 ul{display:inline-block; *display:inline; zoom:1;} #sl_dot1 ul li{float: left; } #sl_dot2 {text-align:center; position:absolute;} #sl_dot2 ul{display:inline-block; *display:inline; zoom:1;} #sl_dot2 ul li{float: left; } /* 러닝컨텐츠 201810 */ #learning{width:1100px;margin:40px auto 140px;box-sizing:border-box;} #learning .search_sec1{overflow:hidden;border:1px solid #e4e4e4;padding:30px 30px 30px 20px;} #learning .search_sec1 p.stitle{float:left;font-size:16px;width:100px;margin-top:22px;background:url(../images/bl_line.gif) no-repeat right 2px;text-transform:uppercase;display:none;} #learning .search_sec1 ul.slt{font-size:14px;margin-bottom:40px;} #learning .search_sec1 ul.slt li{display:inline-block;margin-right:25px;} #learning .search_sec1 ul.slt li img{padding:0 5px;} #learning .search_sec1 ul.slt li img:hover{cursor:pointer;} #learning .search_sec1 .bg{background:#f3f3f3;padding:7px 0 7px 10px;width:450px;border-radius:2px; margin: 0 auto;} #learning .search_sec1 .bg img{vertical-align:middle;} #learning .search_sec1 .form_srch{border:none;background:#f3f3f3;color:#555555;font-family:'Roboto', sans-serif;font-size:15px;padding:10px 0;width:380px;} #learning .search_sec1 .form_srch:focus{outline:none;} #learning .search_sec1 a.btn_search{border-left:1px solid #b0b0b0;padding-left:12px;padding-right:5px;} #learning .search_sec1 a.btn_search img{opacity:.5;transition:all 0.3s;} #learning .search_sec1 a.btn_search:hover img{opacity:1;transition:all 0.3s;} #learning .cate_sec{background:url(../images/hospital/case_bg1.gif) repeat-x 0 bottom;height:60px;margin-bottom:20px;margin-top:50px;} #learning .cate_sec ul{overflow:hidden;text-align:center;font-size:15px;margin-bottom:-1px;height:60px;} #learning .cate_sec ul li{float:left;margin-left:5px;background:#fff;} #learning .cate_sec ul li:first-child{margin-left:0;} #learning .cate_sec ul li a{border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-top:1px solid #e4e4e4;border-bottom:1px solid #894bb0;display:block;padding:0 60px;height:60px;line-height: 60px;box-sizing:border-box;} #learning .cate_sec ul li a.on{border-left:1px solid #894bb0;border-right:1px solid #894bb0;border-top:2px solid #894bb0;border-bottom:1px solid #fff;color:#894bb0;} #learning .cate_sec1{margin: 80px 0 0;position: relative;} #learning .cate_sec1 ul.tab_menu1{overflow:hidden;font-size:14px;margin-bottom:50px;} #learning .cate_sec1 ul.tab_menu1 li{display:inline-block;margin-left:-5px;} #learning .cate_sec1 ul.tab_menu1 li:first-child{display:inline-block;margin-left:0;} #learning .cate_sec1 ul.tab_menu1 li a{display:inline-block;padding:16px 0;background:#fff;border:1px solid #cdcdcd;border-radius:1px;width: 136px;} #learning .cate_sec1 ul.tab_menu1 li a.on{background:#894bb0;color:#fff;border:1px solid #894bb0;} #learning .movie_sec{} #learning .movie_sec .overflow{overflow:hidden;padding:20px 0;} #learning .movie_sec .clear{clear:both;} #learning .movie_sec .l_gr:first-child{margin-left:0;} #learning .movie_sec .l_gr{float:left;width:350px;border-bottom:1px solid #cdcdce;margin-left:25px;position: relative;} #learning .movie_sec .l_gr .thumb{width:350px;height:197px;overflow:hidden;position:relative;} #learning .movie_sec .l_gr .thumb a.btn_play{position:absolute;left:150px;top:75px;opacity:.5;transition:all 0.3s;} #learning .movie_sec .l_gr .thumb span.time{display:none;background:#212228;color:#fff;width:68px;height:30px;text-align:center;position:absolute;right:0;bottom:0;font-size:14px;padding-top:7px;} #learning .movie_sec .l_gr .thumb img.pic{transition:all 0.3s;} #learning .movie_sec .l_gr .thumb:hover img.pic{transform:scale(1.1,1.1);transition:all 0.3s;} #learning .movie_sec .l_gr .thumb a.btn_play:hover{opacity:1;transition:all 0.3s;} #learning .movie_sec dl.info{padding-top:20px;height:170px;text-align:left;} #learning .movie_sec dl.info dt{font-size:16px;color:#14171a;padding-bottom:20px;line-height:24px;} #learning .movie_sec dl.info dd{font-size:14px;color:#6d7075;line-height:20px;width:290px;height:120px;display:none;} #learning .btn_sec{text-align:right;} #learning .btn_sec a{font-size:13px;color:#2d3238;text-align:left;border:1px solid #3c444b;border-radius:20px;display:inline-block;padding: 8px 25px 9px 20px;} #learning .btn_sec a.share{background:url(../images/ico_share.png) no-repeat 20px 11px;padding-left:47px;position:absolute;bottom:30px;right:120px;} #learning .btn_sec a.down{background:url(../images/ico_down.png) no-repeat 20px 11px;padding-left:47px;margin-left:5px;position:absolute;bottom:30px;right:0;} #learning .btn_sec a.share:hover{background:url(../images/ico_share_ov.png) no-repeat 20px 11px;background-color:#3c444b;border:1px solid #3c444b;color:#fff;transition:all 0.3s;} #learning .btn_sec a.down:hover{background:url(../images/ico_down_ov.png) no-repeat 20px 11px;background-color:#3c444b;border:1px solid #3c444b;color:#fff;transition:all 0.3s;} #learning .btn_sec a.share:hover .share_pop{opacity:1;} #learning .btn_sec .share_pop{position:absolute;width:219px;height:68px;background:url(../images/learning_img1.png) no-repeat 0 0;text-align:center;bottom:70px;right:60px;opacity:0;padding-top: 7px;} #learning .btn_sec .share_pop a{display:inline-block;padding:5px;border:0;border-radius:0;} #learning .paging1{text-align:center;font-size:18px;margin-bottom:55px;position:relative;} #learning .paging1 img{vertical-align:middle;} #learning .paging1 a{border:1px solid #fff;font-size:16px;border-radius:2px;display:inline-block;margin:0 2px;padding:4px 10px;transition:all 0.3s;cursor:pointer;} #learning .paging1 a:hover{border:1px solid #3c444b;transition:all 0.3s;} #learning .paging1 a.on{border:1px solid #3c444b;} #learning .paging1 a.btn_pre{transition:all 0.3s;position:absolute;left:360px;top:4px;border:none;} #learning .paging1 a.btn_next{transition:all 0.3s;position:absolute;right:360px;top:4px;border:none;} #learning .paging1 a.btn_pre:hover{background:none;transition:all 0.3s;left:350px;border:none;} #learning .paging1 a.btn_next:hover{background:none;transition:all 0.3s;right:350px;border:none;} #l_popup{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);text-align:center;z-index:999999;} #l_popup .gr{width:1120px;margin:50px auto 0;background:#fff;position:relative;} #l_popup .gr .mv{padding-top:35px;} #l_popup .gr .overflow{overflow:hidden;padding:45px 45px 55px;text-align:left;} #l_popup .gr dl.info{float:left;width:640px;} #l_popup .gr dl.info dt{font-size:20px;color:#14171a;padding-bottom:12px;} #l_popup .gr dl.info dd{font-size:16px;color:#6d7075;line-height:20px;display:none;} #l_popup .gr dl.share{float:left;width:275px;} #l_popup .gr dl.share dt{font-size:15px;color:#2d3238;background:url(../images/ico_share.png) no-repeat 0 13px;padding:10px 28px 10px 25px;float:left;} #l_popup .gr dl.share dd{} #l_popup .gr dl.share dd a{padding:0 2px;} #l_popup .gr p.btn_down{float:right;background:url(../images/bl_line3.gif) no-repeat 0 10px;padding-left:21px;} #l_popup .gr p.btn_down a.btn_down{font-size:15px;color:#2d3238;text-align:center;border:1px solid #3c444b;border-radius:20px;display:inline-block;padding: 8px 25px 9px;display:block;transition:all 0.3s;} #l_popup .gr p.btn_down a.btn_down:hover{background-color:#3c444b;border:1px solid #3c444b;color:#fff;transition:all 0.3s;} #l_popup .gr a.btn_close{position:absolute;background:#242424;padding:20px;top:0;right:-69px;transition:all 0.3s;} #l_popup .gr a.btn_close:hover{background:#ea6896;transition:all 0.3s;} /* 교정-컨펌배송일안내-팝업-201812 */ #orthoPop{position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:999;left:0;top:0;} #orthoPop .containter{width:550px;height:440px;margin:150px auto 0;background:#fff;position:relative;box-shadow:0 5px 12px rgba(0,0,0,.4);} #orthoPop .containter .titleSec{background:#f24d88;text-align:center;color:#fff;font-size:24px;line-height:60px;} #orthoPop .containter .contSec{padding:32px 50px 0;} #orthoPop .containter .contSec .dateInfo{font-size:16px;text-align:center;border:1px solid #f0f0f0;padding:12px 0 17px;margin:0 0 27px;} #orthoPop .containter .contSec .dateInfo span.date{display:inline-block;padding:0 10px;font-size:24px;background:url(../images/hospital/ortho_img54.gif) repeat-x 0 bottom;margin:0 8px;color:#000000;} #orthoPop .containter .contSec .dateInfo span.txtRed{color:#e30b0b;} #orthoPop .containter .contSec .notiInfo{text-align:center;font-size:14px;line-height:25px;} #orthoPop .containter .contSec .notiInfo span.ico img{vertical-align:middle;padding-right:5px;} #orthoPop .containter .contSec .notiInfo span.txtRed{color:#e30b0b;} #orthoPop .containter .contSec ul.contact{font-size:14px;padding-top:35px;} #orthoPop .containter .contSec ul.contact li{padding:3px 0;} #orthoPop .containter .contSec ul.contact li .stitle{display:inline-block;background:#f3f3f3;border-radius:2px;border:1px solid #dddddd;width:95px;padding:5px 0 8px 18px;margin-right:15px;} #orthoPop .containter .btnSec{text-align:center;position:absolute;bottom:0;} #orthoPop .containter .btnSec a{display:inline-block;border-top:1px solid #b8b8b8;font-size:16px;line-height:55px;color:#232222;transition:all .3s;} #orthoPop .containter .btnSec a:hover{color:#fff;transition:all .3s;} #orthoPop .containter .btnSec a.btnCancel{width:275px;background:url(../images/hospital/ortho_img52.png) no-repeat 40px 20px;} #orthoPop .containter .btnSec a.btnConfirm{border-left:1px solid #b8b8b8;width:274px;background:url(../images/hospital/ortho_img53.png) no-repeat 40px 20px;} #orthoPop .containter .btnSec a.btnCancel:hover{background-color:#262626;} #orthoPop .containter .btnSec a.btnConfirm:hover{background-color:#262626;} #orthoPop .containter .btnSec a.btnMCloudCancel{width:180px;background:url(../images/hospital/ortho_img52.png) no-repeat 40px 20px;} #orthoPop .containter .btnSec a.btnMCloudConfirm{border-left:1px solid #b8b8b8;width:180px;background:url(../images/hospital/ortho_img53.png) no-repeat 40px 20px;} #orthoPop .containter .btnSec a.btnMCloudCancel:hover{background-color:#262626;} #orthoPop .containter .btnSec a.btnMCloudConfirm:hover{background-color:#262626;} #sub_container .conTitle_sec{text-align:center;} #sub_container .conTitle_sec .gr{line-height:48px;} #sub_container .conTitle_sec .h1_num{display:inline-block;color:#eb6796;font-size:24px;font-weight:800;border-bottom:3px solid #d8d8d8;vertical-align:top;line-height:33px;font-family:'roboto', san-serif;padding-top: 3px;} #sub_container .conTitle_sec .h1_txt{display:inline-block;font-size:48px;font-weight:800;color:#333333;padding-left:15px;} #sub_container .conTitle_sec .h2_txt{color:#212121;font-size:44px;font-weight:200;line-height:50px;letter-spacing:-1px;padding-top: 15px;} #sub_container .sec_bien{margin-bottom:120px;} #sub_container .sec_bien .cont{background:url(../images/hospital/bien_img1.jpg) no-repeat 50% 0;} #sub_container .sec_bien .cont .min_wdt{overflow:hidden;width:1200px;margin:30px auto 80px;padding-top: 280px;} #sub_container .sec_bien .cont ul.list{float:left;line-height: 25px;text-align:left;font-size: 14px;margin-left: 150px;font-weight: 300;} #sub_container .sec_bien .cont ul.list li{background: url(../images/hospital/bl_dot1.png) no-repeat 0 9px;padding-left:10px;} #sub_container .sec_bien .cont table.spec{float:right;border-collapse:collapse;width:460px;font-size:13px;text-align:left;margin-top: 15px;margin-right: 23px;} #sub_container .sec_bien .cont table.spec th{border-bottom:1px solid #e1e1e1;color:#474646;font-weight:500;line-height:2.4em;padding-left:19px;} #sub_container .sec_bien .cont table.spec td{border-bottom:1px solid #e1e1e1;line-height:2.4em;padding-left:10px;} #sub_container .sec_bien .cont table.spec tr:first-child th{border-top:1px solid #a3a3a3;} #sub_container .sec_bien .cont table.spec tr:first-child td{border-top:1px solid #e1e1e1;} #sub_container .sec_bien .info_sec{background:#f8f8f8;border-radius:3px;padding:18px 25px;width:1200px;margin:0 auto 80px;text-align:left;} #sub_container .sec_bien .info_sec .whtGr{background:#fff;border-radius:3px;clear:both;overflow:hidden;margin:20px 0;padding: 35px 30px;} #sub_container .sec_bien .info_sec dl{} #sub_container .sec_bien .info_sec dt{font-size:18px;padding: 0 0 13px;} #sub_container .sec_bien .info_sec dd{font-size: 14px;line-height: 24px;font-weight: 300;} #sub_container .sec_bien .info_sec .bgGr{width:37%;float:left;min-height: 105px;} #sub_container .sec_bien .info_sec .icoBg1{background: url(../images/hospital/bien_img1.gif) no-repeat 0 -8px;padding-left:95px;} #sub_container .sec_bien .info_sec .icoBg2{background: url(../images/hospital/bien_img2.gif) no-repeat 0 -8px;padding-left:95px;} #sub_container .sec_bien .info_sec .icoBg3{background: url(../images/hospital/bien_img3.gif) no-repeat 0 25px;padding-left:95px;} #sub_container .sec_bien .info_sec .icoBg4{background: url(../images/hospital/bien_img4.gif) no-repeat 0 25px;padding-left:95px;} #sub_container .sec_bien .info_sec .icoBg5{background: url(../images/hospital/bien_img5.gif) no-repeat 0 -8px;padding-left:95px;} #sub_container .sec_bien .info_sec .icoBg6{background: url(../images/hospital/bien_img6.gif) no-repeat 0 -8px;padding-left:95px;} #sub_container .sec_bien .info_sec .brRft{float:right;} #sub_container .sec_bien .info_sec1{background:url(../images/hospital/bien_img2.jpg) no-repeat 50% bottom;} #sub_container .sec_bien .info_sec1 .min_wdt{width:1200px;margin:0 auto;text-align:left;padding-top: 0px;} #sub_container .sec_bien .info_sec1 dl{padding-bottom:380px;} #sub_container .sec_bien .info_sec1 dt{font-size:40px;font-weight:200;line-height:55px;padding-bottom: 20px;} #sub_container .sec_bien .info_sec1 dd{font-size: 14px;line-height: 25px;font-weight: 300;} #sub_container .sec_bien .info_sec1 p.pic{position:absolute;right:5px;top:270px;} #sub_container .sec_xcube{margin-bottom:120px;} #sub_container .sec_xcube .cont{background:url(../images/hospital/xcube_img1.jpg) no-repeat 50% 10px;} #sub_container .sec_xcube .cont .min_wdt{overflow:hidden;width:1200px;margin:0 auto 0;} #sub_container .sec_xcube .cont ul.list{line-height: 25px;text-align:left;font-size: 14px;margin:60px 0 0 650px;font-weight: 300;} #sub_container .sec_xcube .cont ul.list li{background: url(../images/hospital/bl_dot1.png) no-repeat 0 9px;padding-left:10px;} #sub_container .sec_xcube .cont table.spec{border-collapse:collapse;width:460px;font-size:13px;text-align:left;margin-top: 35px;margin-left:640px;} #sub_container .sec_xcube .cont table.spec th{border-bottom:1px solid #e1e1e1;color:#474646;font-weight:500;line-height:2.4em;padding-left:19px;} #sub_container .sec_xcube .cont table.spec td{border-bottom:1px solid #e1e1e1;line-height:2.4em;padding-left:10px;} #sub_container .sec_xcube .cont table.spec tr:first-child th{border-top:1px solid #a3a3a3;} #sub_container .sec_xcube .cont table.spec tr:first-child td{border-top:1px solid #e1e1e1;} #sub_container .sec_xcube ul.cpnt{overflow:hidden;margin:80px 0 0 640px;} #sub_container .sec_xcube ul.cpnt li{float:left;margin-right:6px;background:#000;position:relative;border-radius:2px;} #sub_container .sec_xcube ul.cpnt li img{opacity:1;border:1px solid #e7e7e7;transition: all 0.5s;} #sub_container .sec_xcube ul.cpnt li span.txt{opacity:0;position:absolute;background:rgba(0,0,0,.7);text-align:center;width:100%;height:100%;line-height:16px;padding-top:35px;vertical-align:middle;transition: all 0.5s;} #sub_container .sec_xcube ul.cpnt li img:hover{opacity:.4;transition: all 0.5s;} #sub_container .sec_xcube ul.cpnt li:hover span.txt{opacity:1;color:#fff;transition: all 0.5s;} /* 나비팀싸인 */ .mydio_cont_sec .naviteamSign{position:absolute;bottom:-110px;right:0px;border: 1px solid #d5d5d5; } .mydio_cont_sec .naviteamSign dl{float:left;width:180px;border-right: 1px solid #d5d5d5;} .mydio_cont_sec .naviteamSign dl:last-child{border-right: none;} .mydio_cont_sec .naviteamSign dl dt{border-bottom: 1px solid #d5d5d5;padding:2px 5px;font-size:14px;background:#e8e8e8;font-weight:500;text-align:center;} .mydio_cont_sec .naviteamSign dl dd{padding:10px 0;font-size:13px;color:#bfbfbf;float:left;width:49%;line-height:18px;text-align:center;} .mydio_cont_sec .naviteamSign dl dd:last-child{border-left: 1px solid #d5d5d5;} .mydio_cont_sec .naviteamSign dl.guide_size{} .mydio_cont_sec .naviteamSign dl.guide_size dd {padding:0;width:100%;border-left: none;} .mydio_cont_sec .naviteamSign .tbl_sign {border-collapse:collapse; width: 100%;box-sizing:border-box;} .mydio_cont_sec .naviteamSign .tbl_sign th {border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5; font-weight:bold;} .mydio_cont_sec .naviteamSign .tbl_sign th:last-child {border-right: none;} .mydio_cont_sec .naviteamSign .tbl_sign td:last-child {border-right: none;} .mydio_cont_sec .naviteamSign .tbl_sign td {border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5; } .mydio_cont_sec .naviteamSign .tbl_sign tr:last-child td, .mydio_cont_sec .naviteamSign .tbl_sign tr:last-child th {border-bottom: none;} /* 드릴 관리/사용량 확인 200422 */ #drill_mng{margin-top:50px;} #drill_mng .search_sec{border:12px solid #f2f2f2;margin-bottom:50px;padding:35px 0;} #drill_mng .search_sec .inner{overflow:hidden;width:85%;margin:0 auto;font-size:14px;font-weight:300;vertical-align:middle; } #drill_mng .search_sec .inner label {font-size:18px; font-weight:300; margin-left:80px;padding-right:20px;} #drill_mng .search_sec .inner label:first-child {margin-left:0;} #drill_mng .search_sec .inner .slt_form{border:1px solid #cccccc;box-sizing:border-box;height:49px;line-height:49px;width:250px;font-family: 'Noto Sans Kr',"Open Sans","맑은 고딕","Malgun Gothic","나눔 고딕","Nanum Gothic","dotum";font-size:14px;margin-right:5px;padding-left:10px;color: #393b3e;} #drill_mng .search_sec a.btn_search{float:right;background:#2c2c2c;border-radius:0 2px 2px 0;color:#fff;height:49px;width:86px;box-sizing:border-box;text-align:center;padding-top:13px;cursor: pointer;} #drill_mng .list {border: 1px solid #e6e6e6; padding:30px;box-sizing:border-box; height: 640px; overflow-y:auto; } #drill_mng .drill_dayset {border:1px solid #ccc; width: 120px; height:30px;padding:0px 10px; margin: 0 2px 0 20px;} #drill_mng .use_num {color:#3990fb;} #drill_mng .use_num_over {color:#ec5188; font-weight:500;} /* 드릴링 tbl 210111 */ #drilling {widht:100%; height:100%; margin-top:30px; position:relative;} #drilling.drilling_wr {widht:100%; height:100%;} #drilling.drilling_wr h3.title {text-align: center;color: #272727;font-size: 28px;font-weight: 300; margin-bottom:20px;} #drilling.drilling_wr .drilling_tbl_wr {} #drilling .btn_close_bk {width:28px; height:27px; background:url(../images/hospital/ic_close_bk.png) no-repeat 0 0; border:1px solid #212121; display:inline-block; position:absolute; top:5px; right:0;} .tbl_drilling{width:100%;border-collapse:collapse;text-align:center;margin-bottom:30px;border-right:1px solid #e4e4e4;} .tbl_drilling thead{} .tbl_drilling thead th{background:#f7f8f8;font-weight:400;color:#4a4a4a;border:1px solid #e4e4e4;border-top:1px solid #909090;padding:4px 3px; text-align:center;} .tbl_drilling tbody td{ border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;color:#6e6e6e;padding: 2px 3px;font-weight:400;txt-align:center; height: 30px; } .tbl_drilling .prd_n {background:#f7f8f8;font-weight:400;color:#4a4a4a;} #drilling.drilling_wr .t_btn_wr {overflow:hidden; margin-bottom:10px;float:right;} #drilling.drilling_wr .t_btn_wr .tsm_btn {border:1px solid #d4d4d4;border-bottom:1px solid #929292; border-radius:2px;padding:8px 20px;width:90px;box-sizing:border-box; margin-right:3px;display:inline-block; text-align:center;} #drilling.drilling_wr .t_btn_wr .tsm_btn.active {border:1px solid #757575;background:#929292; color:#fff;} /* 이미지 회전 */ .img_rotatey{ animation: rotateY 10s infinite; } @keyframes rotateY{ 0% { transform: rotateY(0deg); } 50% { transform: rotateY(180deg); } 100% { transform: rotateY(0deg); } } /*크롬 브라우저*/ @media screen and (-webkit-min-device-pixel-ratio:0) { table.tb_imp .num_sel_wr .bridge{margin-top:8px; } } /*VD_thumb*/ .vd_thumb{width: 900px; margin: 10px;} .vd_thumb li{display: inline-block; margin:10px 5px 5px 5px; text-align: center; list-style: none; } .vd_thumb li .photo_area { display: block; width: 210px; height: 210px; border:1px solid #d5d5d5 ;} .vd_thumb li .photo_area img{ width: 210px;} .vd_thumb li .ph_name {display: block; padding:5px 3px; font-size: 13px; color: #8d8d8d;} /*// VD_thumb*/ table.tb1 tbody td.pr_td {vertical-align:top;} /*직송처리 팝업*/ .img-replace { /* replace text with an image */ display: inline-block; overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap; } .cd-popup-trigger { margin-left:15px;padding:4px 10px; border-radius:3px; background:#f56397; color:#fff; font-size:12px;} .cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(94, 110, 141, 0.5); opacity: 0; visibility: hidden; z-index:999999; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s;} .cd-popup.is-visible { opacity: 1;visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;} .cd-popup-container { position: relative; width: 90%; max-width: 400px; margin: 4em auto; background: #FFF;border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .cd-popup-container p { padding: 3em 1em; font-size:16px;} .cd-popup-container .cd-buttons:after { content: ""; display: table; clear: both;} .cd-popup-container .cd-buttons li { float: left; width: 50%; list-style: none;} .cd-popup-container .cd-buttons a { display: block; height: 60px; line-height: 60px; font-size:14px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;} .cd-popup-container .cd-buttons li:first-child a { background: #f56397; border-radius: 0 0 0 .25em;} .no-touch .cd-popup-container .cd-buttons li:first-child a:hover { background-color: #fc8982;} .cd-popup-container .cd-buttons li:last-child a { background: #b6bece; border-radius: 0 0 .25em 0;} .no-touch .cd-popup-container .cd-buttons li:last-child a:hover { background-color: #c5ccd8;} .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;} .cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after { content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;} .cd-popup-container .cd-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;} .cd-popup-container .cd-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;} .is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} /*// 직송처리 팝업*/