/*문자열설정*/ @charset "utf-8"; /*폰트설정*/ /*@import url("/fonts/NanumBarunGothic/NanumBarunGothic.css");*/ /*@import url("/fonts/NanumGothic/NanumGothic.css");*/ /*@import url("/fonts/NanumMyeongjo/NanumMyeongjo.css");*/ /*@import url("/fonts/nanumsquare/nanumsquare.css");*/ /*@import url("/fonts/Oswald/Oswald.css");*/ /*@import url("/fonts/NotoSansCJK/NotoSansCJK.css");*/ @import url("/fonts/notokr/notokr.css"); /* @import url("/fonts/Nunito/Nunito.css"); */ /* *{margin:0;padding:0;font-weight:normal;font-family:"NanumBarunGothic","돋음, Dotum","Arial","sans-serif";} */ /* *{margin:0;padding:0;font-weight:normal;font-family:"NanumGothic","돋음, Dotum","Arial","sans-serif";} */ /* *{margin:0;padding:0;font-weight:normal;font-family:"NanumMyeongjo","돋음, Dotum","Arial","sans-serif";} */ /* *{margin:0;padding:0;font-weight:normal;font-family:"NanumSquare","돋음, Dotum","Arial","sans-serif";} */ /* *{margin:0;padding:0;font-weight:normal;font-family:"Oswald","돋음, Dotum","Arial","sans-serif";} */ /* *{margin:0;padding:0;font-weight:normal;font-family:"NotoSansCJK_R","돋음, Dotum","Arial","sans-serif";} */ *{margin:0;padding:0;font-weight:normal;font-family:"Noto Sans KR","돋음, Dotum","Arial","sans-serif";} /* *{margin:0;padding:0;font-weight:300;font-family:"Nunito","돋음, Dotum","Arial","sans-serif";} */ /*html5-doctor-reset-stylesheet.min CSS 초기화*/ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup {padding:0; margin:0; font-size:12px; }div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0;}table{border-spacing:0;}ol, ul, li{ list-style:none;}h1, h2, h3, h4, h5, h6, th, td{font-weight:normal; font-size:100%;}form, fieldset, a img{ border:0;}q:before,q:after { content:''; }abbr,acronym { border:0; }address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal;}blockquote, q{quotes:none;}caption{display:none;}a img, input, textarea, select, img{ vertical-align:middle;}time, progress, mark, output {display:inline;}a {text-decoration:none;}a img{ border:0;}img, input, select{vertical-align:middle;}input{ font-size:13px; color:#000; vertical-align:middle; }select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }article, aside, figure, figure img, figcaption, hgroup, footer, header, main, nav, section, label, video, object {display:block;} /* 편의를 위한 CSS 정의 */ .hide{position:absolute;top:-9999px;left:-9999px;} .clr{clear:both !important;float:none !important;width:0 !important;height:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;overflow:hidden !important;visibility:hidden !important;} a {text-decoration:none;color:#ccc} a:hover{text-decoration:underline;} a img{border:0;} img, input, select{ vertical-align:middle; } input{ font-size:13px;color:#000; vertical-align:middle; } select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; } .ilh {width:159px;height:29px;position:relative;float:left;background:#8b8b8b;} .ilh label {display:block;font-size:12px;padding-left:10px;color:#fff;} .ilh span {display: block;height:32px;} .ilh input {position:absolute;width:100%;height:29px;padding-left:10px;border:0;background: transparent;font-size:12px;vertical-align:top;color:#fff;top:0;left:0;z-index:1;} .my-placeholder{color:#aaa;} input[type=checkbox].s_checkbox {position:relative;top:-1px;margin-right:5px;width:15px;height:15px;border:0;border-radius:0;background:url('../img/input/chk_img.gif') no-repeat 0 0;background-size:15px 30px;} input[type=checkbox]:checked.s_checkbox {background-position:0 -15px;} input[type=radio].s_radiobox {position:relative;width:15px;height:15px;border:0;border-radius:0;background:url('../img/input/radio_img.png') no-repeat 0 0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-size:15px 30px;} input[type=radio]:checked.s_radiobox {background-position:0 -15px;} input[type=file].s_upload {filter: alpha(opacity=0);opacity:0;outline:none;background:none;cursor:pointer;} select.s_select {width:100%;border:1px solid #c3c3c3;position:relative;top:0px;display:inline-block;padding:0 0 0 5px;line-height:30px;height:30px;background:url('/img/input/bg_select.gif') right top no-repeat padding-box border-box #fff;appearance:none;-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;border-radius:0;text-indent:0.01px; text-overflow:'';} select.s_select::-ms-expand {display:none;} textarea.s_area {margin:5px 0;width:100%;padding:10px;height:150px !important;line-height:15px;border:1px solid #c3c3c3;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} input.s_text {background:#fff;border:1px solid #c3c3c3;padding:7px 10px;height:30px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} input.s_text:input-placeholder {color:#ccc;} input.s_text:-webkit-input-placeholder {color:#ccc;} input.s_text:-ms-input-placeholder {color:#ccc;} input[type=submit]{appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} a.page-on{background-color:#646464;border:1px solid #646464;color:#fff;} .blind{position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; text-indent:-9999999999px;} .clear:after{content:"";display:block;clear:both;} .tac{text-align:center;} .fll{float:left;} .flr{float:right;} .por{position:relative;} .poa{position:absolute;} .fwb{font-weight:bold;} .term_text textarea{width:100%;height:500px;padding:20px;box-sizing:border-box;font-size:14px} .mgt0{margin-top:0px !important;}.mgt5{margin-top:5px !important;}.mgt10{margin-top:10px !important;}.mgt15{margin-top:15px !important;}.mgt20{margin-top:20px !important;}.mgt25{margin-top:25px !important;}.mgt30{margin-top:30px !important;}.mgt35{margin-top:35px !important;}.mgt40{margin-top:40px !important;}.mgt45{margin-top:45px !important;}.mgt50{margin-top:50px !important;} .mgr0{margin-right:0px !important;}.mgr5{margin-right:5px !important;}.mgr10{margin-right:10px !important;}.mgr15{margin-right:15px !important;}.mgr20{margin-right:20px !important;}.mgr25{margin-right:25px !important;}.mgr30{margin-right:30px !important;}.mgr35{margin-right:35px !important;}.mgr40{margin-right:40px !important;}.mgr45{margin-right:45px !important;}.mgr50{margin-right:50px !important;} .mgb0{margin-bottom:0px !important;}.mgb5{margin-bottom:5px !important;}.mgb10{margin-bottom:10px !important;}.mgb15{margin-bottom:15px !important;}.mgb20{margin-bottom:20px !important;}.mgb25{margin-bottom:25px !important;}.mgb30{margin-bottom:30px !important;}.mgb35{margin-bottom:35px !important;}.mgb40{margin-bottom:40px !important;}.mgb45{margin-bottom:45px !important;}.mgb50{margin-bottom:50px !important;} .mgl0{margin-left:0px !important;}.mgl5{margin-left:5px !important;}.mgl10{margin-left:10px !important;}.mgl15{margin-left:15px !important;}.mgl20{margin-left:20px !important;}.mgl25{margin-left:25px !important;}.mgl30{margin-left:30px !important;}.mgl35{margin-left:35px !important;}.mgl40{margin-left:40px !important;}.mgl45{margin-left:45px !important;}.mgl50{margin-left:50px !important;} .pdt0{padding-top:0px !important;}.pdt5{padding-top:5px !important;}.pdt10{padding-top:10px !important;}.pdt15{padding-top:15px !important;}.pdt20{padding-top:20px !important;}.pdt25{padding-top:25px !important;}.pdt30{padding-top:30px !important;}.pdt35{padding-top:35px !important;}.pdt40{padding-top:40px !important;}.pdt45{padding-top:45px !important;}.pdt50{padding-top:50px !important;} .pdr0{padding-right:0px !important;}.pdr5{padding-right:5px !important;}.pdr10{padding-right:10px !important;}.pdr15{padding-right:15px !important;}.pdr20{padding-right:20px !important;}.pdr25{padding-right:25px !important;}.pdr30{padding-right:30px !important;}.pdr35{padding-right:35px !important;}.pdr40{padding-right:40px !important;}.pdr45{padding-right:45px !important;}.pdr50{padding-right:50px !important;} .pdb0{padding-bottom:0px !important;}.pdb5{padding-bottom:5px !important;}.pdb10{padding-bottom:10px !important;}.pdb15{padding-bottom:15px !important;}.pdb20{padding-bottom:20px !important;}.pdb25{padding-bottom:25px !important;}.pdb30{padding-bottom:30px !important;}.pdb35{padding-bottom:35px !important;}.pdb40{padding-bottom:40px !important;}.pdb45{padding-bottom:45px !important;}.pdb50{padding-bottom:50px !important;} .pdl0{padding-left:0px !important;}.pdl5{padding-left:5px !important;}.pdl10{padding-left:10px !important;}.pdl15{padding-left:15px !important;}.pdl20{padding-left:20px !important;}.pdl25{padding-left:25px !important;}.pdl30{padding-left:30px !important;}.pdl35{padding-left:35px !important;}.pdl40{padding-left:40px !important;}.pdl45{padding-left:45px !important;}.pdl50{padding-left:50px !important;} /* 카카오맵 여백,테두리 초기화 */ .root_daum_roughmap{padding:0 !important;border:0 !important;} /* 카카오맵 스크롤시 줌/인 방지 스크립트 */ .root_daum_roughmap:before{content:"";display:block;position:absolute;width:100%;height:100%;background:rgba(255,255,255,0);z-index:2;cursor:pointer;} .root_daum_roughmap.changed:before{display:none;} /* 사이트 메인 비주얼 BX슬라이더 사용 시*/ .bx_mb98_wrap{padding:50px 0;} .bx_vertical_wrap{width:600px;margin:0 auto 50px} .bx_vertical_wrap:after{clear:both;display:block;content:''} .bx_vertical_wrap > h3{float:left;font-size:22px;padding-top:2px} .bx_vertical_wrap > h3:after{content:'';width:2px;height:25px;background:#ccc;margin:0 10px;display:inline-block;vertical-align:middle} .bx_vertical_wrap .bx-wrapper{float:left;padding-top:5px} .bx_vertical_wrap .bx_vertical_inner > li > a{font-size:18px;color:#000;display:inline-block;width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bx_vertical_wrap > a{display:inline-block;float:right;} .bx_vertical_wrap > a:after{content:"";display:block;clear:both;} .bx_vertical_wrap > a > span{display:inline-block;text-align:center;width:30px;height:30px;text-decoration:none;font-size:22px;color:#333;border:1px solid #777;border-radius:25px;transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;} .bx_vertical_wrap > a:hover > span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);} .bx_vertical_wrap .bx-wrapper .bx-prev{top:5%;display:inline-block;text-indent:0px;right:-300px} .bx_vertical_wrap .bx-wrapper .bx-next{top:40%;display:inline-block;text-indent:0px;right:-300px} /* 메인비주얼 Slick 사용시 */ .slick_visual_wrap{position:relative;width:100%;max-width:640px;margin:0 auto;} .mv_wrap{width:640px;position:relative;} .mv_wrap > .mv_inner > li{border:0;outline:0;} .mv_inner .slick-slide{height:480px;position:relative;} .mv_inner .slick-slide .ani{position:absolute; left:65%; transform:translate(-50%,-50%);top:170px; animation-name: bn_txt; animation-duration:.3s; animation-duration: ease; animation-iteration-count:infinite;; animation-direction:alternate; animation-fill-mode: forwards; } @-webkit-keyframes bn_txt { 0% { top:170px; } 100% { top:180px; } } .mv_inner video{width:100%;} .mv_wrap > .mv_inner > .slick-dots{position:absolute;text-align:center;bottom:24px;z-index:1;width:100%} .mv_wrap > .mv_inner > .slick-dots > li{display:inline-block;margin:0 5px;} .mv_wrap > .mv_inner > .slick-dots > li > button{background:#fff;text-indent:-9999px;display:inline-block;width:44px;height:4px;border:0;border-radius:10px;cursor:pointer;outline:none;} .mv_wrap > .mv_inner > .slick-dots > li.slick-active:hover > button , .mv_wrap > .mv_inner > .slick-dots > li.slick-active > button{background:#0B57F4;} /* 커스텀 넘버링 페이지 단일버전 .mv_wrap > .mv_inner > .slick-dots{position:absolute;text-align:center;left:0;right:0;bottom:30px;z-index:1;} .mv_wrap > .mv_inner > .slick-dots > li{position:relative;display:inline-block;margin:0 10px;cursor:pointer;} .mv_wrap > .mv_inner > .slick-dots > li > span{display:inline-block;width:50px;height:30px;border:0;border-radius:0px;cursor:pointer;outline:none;box-sizing:border-box;} .mv_wrap > .mv_inner > .slick-dots > li > strong{position:absolute;top:0px;left:0;color:#000 ;font-size:15px;width:50px;text-align:left;} .mv_wrap > .mv_inner > .slick-dots > li.slick-active > span{border-bottom:2px solid #d3b891 !important;} .mv_wrap > .mv_inner > .slick-dots > li.slick-active > strong{color:#d3b891;} */ /* 커스텀 넘버링 페이지 토탈버전 .mv_wrap > .mv_inner > .slick-dots{position:absolute;text-align:center;left:0;right:0;bottom:50px;z-index:1;} .mv_wrap > .mv_inner > .slick-dots > li{position:relative;cursor:pointer;} .mv_wrap > .mv_inner > .slick-dots > li > strong{font-size:20px;display:none;} .mv_wrap > .mv_inner > .slick-dots > li > span{font-size:20px;display:none;} .mv_wrap > .mv_inner > .slick-dots > li.slick-active > strong{color:#d3b891;display:inline-block;} .mv_wrap > .mv_inner > .slick-dots > li.slick-active > span{color:#000;display:inline-block;} */ .mv_wrap > .mv_inner > .slick-arrow{position:absolute;top:50%;width:55px;height:55px;border:0;outline:0;display:inline-block;text-indent:-99999px;cursor:pointer;z-index:1;} /* 루프 끝에서 좌우 버튼 감추기 .mv_wrap > .mv_inner > .slick-disabled{display:none !important;} */ /* 흰색 버튼 .mv_wrap > .mv_inner > .slick-prev{background: url("/img/main/mv_w_prev.png") no-repeat;left:50%;margin-left:-600px;} .mv_wrap > .mv_inner > .slick-next{background: url("/img/main/mv_w_next.png") no-repeat;right:50%;margin-right:-600px;} */ /* 검정색 버튼 */ .mv_wrap > .mv_inner > .slick-prev{background: url("/img/main/mb06_prev.png") no-repeat;left:50%;margin-left:-320px;} .mv_wrap > .mv_inner > .slick-next{background: url("/img/main/mb06_next.png") no-repeat;right:50%;margin-right:-320px;} /* 비주얼 오브젝트 효과 */ /* 개인정보취급방침 및 약관 etc.. */ .ntw_privacy > h1{font-size:30px !important;} #terms_privacy_wrap .txt_dep_01{font-size:18px !important;} #terms_privacy_wrap .txt_dep_02{font-size:18px !important;} #terms_privacy_wrap .txt_dep_03{font-size:18px !important;} #terms_privacy_wrap div strong{font-size:18px !important;} #terms_privacy_wrap div p{font-size:18px !important;} #terms_privacy_wrap h2{font-size:20px !important;} #terms_privacy_wrap h3{font-size:18px !important;} .ntw_service > h1{font-size:30px !important;} #terms_service_wrap .txt_dep_01{font-size:18px !important;} #terms_service_wrap .txt_dep_02{font-size:18px !important;} #terms_service_wrap .txt_dep_03{font-size:18px !important;} #terms_service_wrap div strong{font-size:18px !important;} #terms_service_wrap div p{font-size:18px !important;} #terms_service_wrap h2{font-size:20px !important;} #terms_service_wrap h3{font-size:18px !important;} .ntw_service1 > h1{font-size:30px !important;} #terms_service1_wrap .txt_dep_01{font-size:18px !important;} #terms_service1_wrap .txt_dep_02{font-size:18px !important;} #terms_service1_wrap .txt_dep_03{font-size:18px !important;} #terms_service1_wrap div strong{font-size:18px !important;} #terms_service1_wrap div p{font-size:18px !important;} #terms_service1_wrap h2{font-size:20px !important;} #terms_service1_wrap h3{font-size:18px !important;} .new_privacy_table th{font-size:18px !important;} .new_privacy_table td{font-size:18px !important;} #terms_essential_wrap .txt_dep_02{font-size:18px !important;} #terms_essential_wrap div span{font-size:18px !important;} #terms_essential_wrap h3{font-size:18px !important;} #terms_choice_wrap .txt_dep_02{font-size:18px !important;} #terms_choice_wrap div span{font-size:18px !important;} #terms_choice_wrap h3{font-size:18px !important;} /* 공통 */ .visual_txt_wrap{position:absolute} .vis_on > *{opacity:1 !important} .visual_txt_wrap > *{opacity:0} .mv_inner .visual01 .visual_txt_wrap{bottom:120px;padding-left:200px;} .mv_inner .visual02 .visual_txt_wrap{bottom:120px;padding-left:200px;} .mv_inner .visual03 .visual_txt_wrap{top:80px;padding-left:1000px;} .mv_inner .visual04 .visual_txt_wrap{top:120px;padding-left:500px;} .mv_inner .visual05 .visual_txt_wrap{top:80px;padding-left:1000px;} .mv_inner .slick-slide .ani{position:absolute; left:65%; transform:translate(-50%,-50%);top:170px; animation-name: bn_txt; animation-duration:.3s; animation-duration: ease; animation-iteration-count:infinite;; animation-direction:alternate; animation-fill-mode: forwards; } @-webkit-keyframes bn_txt { 0% { top:170px; } 100% { top:180px; } } /* 텍스트 스타일1 */ .mv_inner .type01 .visual_txt_wrap .s_name{color:#b8b7b7;font-size:14px;letter-spacing:3px;display:inline-block} .mv_inner .type01 .visual_txt_wrap .desc_big{color:#000;font-size:50px;line-height:1.1;letter-spacing:-2.7px;padding:20px 0} .mv_inner .type01 .visual_txt_wrap .desc_big > strong{color:#0e77bb;} .mv_inner .type01 .visual_txt_wrap .desc{color:#333;font-size:18px} /* 텍스트 스타일2 */ .mv_inner .type02 .visual_txt_wrap .s_name{color:#000;display:inline-block;font-size:15px;letter-spacing:2px;} .mv_inner .type02 .visual_txt_wrap .s_name:after{content:'';height:2px;width:95%;display:block;background:#000;margin:10px auto} .mv_inner .type02 .visual_txt_wrap .desc_big{font-size:50px;letter-spacing:-2.7px;line-height:1.1;color:#000;margin-top:5px} .mv_inner .type02 .visual_txt_wrap .desc{font-size:16px;color:#000;margin-top:15px} /* 텍스트 스타일3 */ .mv_inner .type03 .visual_txt_wrap .s_name{color:#000;display:inline-block;font-size:15px;letter-spacing:2px;} .mv_inner .type03 .visual_txt_wrap .s_name:after{content:'';height:2px;width:95%;display:block;background:#000;margin:10px auto} .mv_inner .type03 .visual_txt_wrap .desc_big{font-size:50px;letter-spacing:-2.7px;line-height:1.1;color:#000;margin-top:5px} .mv_inner .type03 .visual_txt_wrap .desc{font-size:16px;color:#000;margin-top:15px} /* 텍스트 위치1 */ .visual01 .s_name{transition:1s all ease;transform:translateY(40px);} .visual01 .desc_big{transition:1s all ease;transition-delay:.5s;transform:translateY(40px);} .visual01 .desc{transition:1s all ease;transition-delay:1s;transform:translateY(40px);} .visual01 .vis_on .s_name{transform:translateY(0)} .visual01 .vis_on .desc_big{transform:translateY(0)} .visual01 .vis_on .desc{transform:translateY(0)} /* 텍스트 위치2 */ .visual02 .s_name{transition:1s all ease;transform:translateY(40px);} .visual02 .desc_big{transition:1s all ease;transition-delay:.5s;transform:translateY(40px);} .visual02 .desc{transition:1s all ease;transition-delay:1s;transform:translateY(40px);} .visual02 .vis_on .s_name{transform:translateY(0)} .visual02 .vis_on .desc_big{transform:translateY(0)} .visual02 .vis_on .desc{transform:translateY(0)} /* 텍스트 위치3 */ .visual03 .s_name{transition:1s all ease;transform:translateX(-40px);} .visual03 .desc_big{transition:1s all ease;transition-delay:.5s;transform:translateX(-40px);} .visual03 .desc{transition:1s all ease;transition-delay:1s;transform:translateX(-40px);} .visual03 .vis_on .s_name{transform:translateX(0)} .visual03 .vis_on .desc_big{transform:translateX(0)} .visual03 .vis_on .desc{transform:translateX(0)} /* 텍스트 위치4 */ .visual04 .s_name{transition:1s all ease;transform:translateY(40px);} .visual04 .desc_big{transition:1s all ease;transition-delay:.5s;transform:translateY(40px);} .visual04 .desc{transition:1s all ease;transition-delay:1s;transform:translateY(40px);} .visual04 .vis_on .s_name{transform:translateY(0)} .visual04 .vis_on .desc_big{transform:translateY(0)} .visual04 .vis_on .desc{transform:translateY(0)} /* 텍스트 위치5 */ .visual05 .s_name{transition:1s all ease;transform:translateY(-40px);} .visual05 .desc_big{transition:1s all ease;transition-delay:.5s;transform:translateY(-40px);} .visual05 .desc{transition:1s all ease;transition-delay:1s;transform:translateY(-40px);} .visual05 .vis_on .s_name{transform:translateY(0)} .visual05 .vis_on .desc_big{transform:translateY(0)} .visual05 .vis_on .desc{transform:translateY(0)} /* 비급여수가표 */ .price_table_wrap{margin-top:100px;margin-bottom:50px;white-space:nowrap;overflow-x:scroll} .price_table_wrap > h4{font-size:36px;margin-bottom:8px;} .price_table{table-layout:fixed;width:1300px;border-top:2px solid #000;border-top-left-radius: 20px;border-top-right-radius: 20px;clip-path: content-box;} .price_table tr th{font-size:24px;color:#ffffff;font-weight: 500;line-height: 1.1;padding:20px 2px;border-bottom:1px solid #ddd;background-color: #212121;} .price_table tr td{font-size:22px;padding:14px 2px;border-bottom:1px solid #ddd;text-align:center;word-wrap:break-word;} .price_table tr td:first-child{text-align:center;} .price_table .th_s{font-size: 18px;font-weight:500;line-height: 1.1;} .price_table .td_s{font-size: 18px;line-height: 1.2;} .price_table .td_sacc{display: inline-block;font-size: 18px;font-weight:400;line-height: 1.2;color:#0D3FDC;padding:4px 0px 0px 0px;} .price_table .td_sacc1{display: inline-block;font-size: 18px;font-weight:400;line-height: 1.2;color:#3d3d3d;padding:0px 0px 0px 0px;} .price_table .td_sacc2{display: inline-block;font-size: 18px;font-weight:500;line-height: 1.2;padding:4px 0px 0px 0px;;color:#3d3d3d} .price_table .td_acc0{font-size: 20px;font-weight:600} .price_table .td_acc{font-size: 22px;font-weight:600;color:#121212;line-height: 1.2;} .price_table .td_acc2{font-weight:600;color:#2151FC;line-height: 1.2;} .price_table .td_acc3{font-size: 22px;font-weight:600;color:#2151FC;line-height: 1.2;} .price_table .td_acc4{font-size: 20px;font-weight:600;color:#121212;line-height: 1.2;text-align:left;padding-left:16px;} /* 확대 배너 */ .bn_box_list{width:620px;margin:0 auto;padding:20px 0;} .bn_box_list:after{clear:both;display:block;content:"";} .bn_box_list > li{float:left;margin-right:20px;margin-bottom:20px;width:300px;} .bn_box_list > li:nth-child(2n){margin-right:0px;} .bn_box_list > li > a{height:300px;display:block;text-align:center;position:relative;} .zoom_bx{overflow:hidden;} .zoom_bx > img{transition:all .4s ease-in-out;} .zoom_bx:hover > img{transform:scale(1.1);} /* Fixed 배너 */ .main_global_wrap{background:url('/img/m/main/global_bg.jpg') no-repeat center bottom fixed;height:700px;width:100%;position:relative} .main_global_wrap > .tit_wrap{text-align:center;padding-top:50px;} .main_global_wrap > .tit_wrap > .s_name{color:#b8b7b7;font-size:14px;letter-spacing:3px;} .main_global_wrap > .tit_wrap > h3{font-size:56px;color:#fff;letter-spacing:-3px;margin-top:7px} .main_global_wrap > .tit_wrap > h3 > strong{color:#f7a08b;} .main_global_wrap > .tit_wrap > h4{color:#fff;font-size:26px;letter-spacing:-1px} .main_global_wrap > .group_list_bg{background:rgba(0,0,0,0.7);height:275px;width:100%;position:absolute;bottom:0} .main_global_wrap > .group_list_bg > .inner_wrap{width:640px;margin:0 auto;padding-top:50px;height:100%;box-sizing:border-box} .main_global_wrap > .group_list_bg > .inner_wrap:after{clear:both;display:block;content:""} .main_global_wrap > .group_list_bg > .inner_wrap > .group_list{float:left;margin-left:55px;width:600px;height:100%} .main_global_wrap > .group_list_bg > .inner_wrap > .group_list:after{clear:both;display:block;content:''} .main_global_wrap > .group_list_bg > .inner_wrap > .group_list > li{float:left;color:#fff;margin-bottom:15px} .main_global_wrap > .group_list_bg > .inner_wrap > .group_list > li > .list_name{font-size:24px;width:150px;display:inline-block;vertical-align:middle;position:relative;padding-left:32px} .main_global_wrap > .group_list_bg > .inner_wrap > .group_list > li > .list_name:before{content:'';background:url('/img/main/icon_group_list.png');width:19px;height:30px;display:inline-block;position:absolute;left:0;top:2px} .main_global_wrap > .group_list_bg > .inner_wrap > .group_list > li > span{font-size:18px;vertical-align:middle} .main_global_wrap > .group_list_bg > .inner_wrap > .group_list > li.child_first{width:150px;height:100%;margin-bottom:0;margin-right:60px} .main_global_wrap > .group_list_bg > .inner_wrap > .group_list > li.child_first > .list_name{width:auto} .main_global_wrap > .group_list_bg > .inner_wrap > .group_list > li.child_first > .list_ko{margin-left:35px;margin-top:15px} .main_global_wrap > .group_list_bg > .inner_wrap > .group_list > li.child_first > .list_ko > li{font-size:17px;padding-left:15px;position:relative;margin-bottom:11px} .main_global_wrap > .group_list_bg > .inner_wrap > .group_list > li.child_first > .list_ko > li:before{content:'';background:#fff;width:3px;height:3px;position:absolute;top:11px;left:0;display:inline-block} /* 배너 슬라이딩 */ .sbn_wrap{position:relative;width:640px;margin:0 auto;padding:50px 0;} .sbn_section > a{display:inline-block;margin-right:20px;} .sbn_section > a > img{margin:0 auto;} .sbn_txt_wrap{text-align:center;margin-top:-8px;} .sbn_txt_wrap > .sbn_category{display:inline-block;width:120px;height:30px;line-height:30px;color:#fff;font-size:15px;border-radius:15px;border:0;} .sbn_txt_wrap > .cc1{background-color:#0c6aa7;} .sbn_txt_wrap > .cc2{background-color:#589d16;} .sbn_txt_wrap > .cc3{background-color:#c04ace;} .sbn_txt_wrap > .cc4{background-color:#efbe3a;} .sbn_txt_wrap > .sbn_n{font-size:20px;margin-top:20px;color:#000;} /* 프로그램 최신글 ver.1 */ .m_program_wrap{position:relative;width:577px;margin:0 auto;padding-top:75px;} .m_program{display:flex;flex-wrap:wrap; justify-content: space-between;} .m_program:after{content:"";display:block;clear:both;} .m_program > .mp_section{width:47%;} .m_program > .mp_section:nth-child(1){} .m_program > .mp_section:nth-child(2){} .m_program > .mp_section:nth-child(3){padding-right:0;width:100%;} .m_program > .mp_section > a{display:block;padding-bottom:45px;margin-bottom:35px;position:relative;text-decoration:none;text-align:center;} .m_program > .mp_section > a:after{content:''; display:block; position:absolute; left:50%;transform:translatex(-50%); width:40px;height:1px;background:#00589f;bottom:0;} .m_program > .mp_section > a > h3{text-decoration:none;font-size:22px;color:#00589f;text-transform:uppercase;letter-spacing:-1px;text-align:center;font-weight:600;} .m_program > .mp_section > a > span{display:inline-block;text-align:center;float:right;width:30px;height:30px;text-decoration:none;font-size:22px;color:#333;border:1px solid #777;border-radius:25px;transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;} .m_program > .mp_section > a:hover > span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);} .mp_list_box > li{padding-bottom:30px;} .mp_list_box > li:last-child{margin-bottom:0px !important;} .mp_list_box > li > a{width:100%;font-size:15px;color:#626262;display:flex;justify-content: space-between;} .mp_01{text-align:center;margin-top:45px;} .mp_01 > p{color:#1c1c1c; font-size:17px; letter-spacing:-2px;line-height:27px;margin-top:40px;} .mp_02{display:flex;justify-content: space-between;} .mp_02 p{color:#1c1c1c; font-size:17px; letter-spacing:-2px;font-weight:500;margin-top:15px;} .mp_02 > div:hover p{color:#00589f;} .mp_02 > div{cursor:pointer;} .mp_txt{display:inline-block; width:70%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle;font-size:18px; letter-spacing:-2px;vertical-align: middle;} .mp_date{color:#1c1c1c; font-size:18px; letter-spacing:-2px;display:inline-block; vertical-align:middle;width:100px;text-align: right;} .mp_list_box > li:hover .mp_txt{color:#999;} .mp_list_box > li:hover .mp_date{color:#999;} .mp_02 > div > a{text-align:center;display:block;text-decoration:none;} /* 프로그램 최신글 ver.2 */ .m_program2_wrap{position:relative;width:600px;margin:0 auto;padding:30px 0;} .m_program2:after{content:"";display:block;clear:both;} .m_program2 > .mp_section2{float:left;width:600px;margin-left:100px;} .m_program2 > .mp_section2:first-child{margin-left:0;} .m_program2 > .mp_section2:after{content:"";display:block;clear:both;} .m_program2 > .mp_section2 > h3{float:left;text-decoration:none;font-size:26px;color:#333;display:inline-block;} .m_program2 > .mp_section2 > h3:after{content:"";display:inline-block;width:1px;height:26px;margin:0 10px;background-color:#ddd;vertical-align:middle;} .m_program2 > .mp_section2 > p{float:left;margin-top:5px;} .m_program2 > .mp_section2 > p > a{text-decoration:none;width:400px;font-size:20px;color:#626262;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .m_program2 > .mp_section2 > a{display:inline-block;float:right;} .m_program2 > .mp_section2 > a:after{content:"";display:block;clear:both;} .m_program2 > .mp_section2 > a > span{display:inline-block;text-align:center;width:30px;height:30px;text-decoration:none;font-size:22px;color:#333;border:1px solid #777;border-radius:25px;transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;} .m_program2 > .mp_section2 > a:hover > span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);} /* 전체메뉴 */ /* 헤더 얇은 ver .header_wrap{position:relative;width:100%;height:70px;box-sizing:border-box;background-color:#fff;z-index:999;border-bottom:1px solid #bab49f;} .header{height:100%;text-align:center;} .header .logo{position:absolute;left:50%;transform: translateX(-50%);padding-top:20px;} .header .logo > a{color:#fff;} .btn_call{float:right;height:100%;padding:20px 30px 0;color:#fff;box-sizing:border-box;} .btn_menu{height:100%;position:relative;box-sizing:border-box;padding:20px 30px 0;float:left;} .btn_menu > span{height:3px;background:#000;box-sizing:border-box;transition: all .4s;width:35px;display:block;} .btn_menu > span:nth-child(1){margin-bottom:9px;} .btn_menu > span:nth-child(2){margin-bottom:9px;opacity:1;} .btn_menu > span:nth-child(3){} .btn_menu.on > span:nth-child(1){transform: translateY(13px) rotate(45deg)} .btn_menu.on > span:nth-child(2){opacity:0;} .btn_menu.on > span:nth-child(3){transform: translateY(-11px) rotate(-45deg)} .nav-active .document{position:absolute;width:100%;height:100%;overflow:hidden;} */ /* 헤더 두꺼운 ver */ .header_wrap{position:static;width:100%;height:140px;box-sizing:border-box;background-color:#fff;z-index:999;border-bottom:1px solid #bab49f;} .header{height:100%;text-align:center;} .header .logo{position:absolute;left:50%;transform: translateX(-50%);padding-top:38px;} .header .logo > a{color:#fff;} .btn_call{float:right;height:100%;padding:53px 30px 0;color:#fff;box-sizing:border-box;} .btn_menu{height:100%;position:relative;box-sizing:border-box;padding:57px 30px 0;float:left;} .btn_menu > span{height:3px;background:#000;box-sizing:border-box;transition: all .4s;width:39px;display:block;} .btn_menu > span:nth-child(1){margin-bottom:11px;} .btn_menu > span:nth-child(2){margin-bottom:11px;opacity:1;} .btn_menu > span:nth-child(3){} .btn_menu.on > span:nth-child(1){transform: translateY(14px) rotate(45deg)} .btn_menu.on > span:nth-child(2){opacity:0;} .btn_menu.on > span:nth-child(3){transform: translateY(-14px) rotate(-45deg)} .nav-active .document{position:absolute;width:100%;height:100%;overflow:hidden;} .header_iner{position:relative;width:100%;} /* 메인 div 부모 */ .main_container_wrap{position:relative;width:100%;max-width:640px;margin:0 auto;overflow:hidden;} /* 서브 div 부모 */ .sub_container_wrap{position:relative;width:100%;max-width:640px;margin:0 auto;overflow:hidden;} .sub_program_wrap{position:relative;width:100%;max-width:600px;margin:0 auto;overflow:hidden;padding-bottom:50px;} /* 프로그램 타이틀 */ .sub_program_wrap > h3.program_title{ font-size: 45px;letter-spacing: -2px;font-weight: 600;text-align:center;margin-top:50px;} /* 서브 투뎁스 메뉴 */ .sub-top-link-wp{position:relative;width:100%;height:80px;line-height:80px;} .sub-top-link-wp:after{content:"";display:block;clear:both} .sub-top-tit{float:left;padding-left:20px;width:50%;background-color:#fff;border:solid 1px #000;box-sizing:border-box;position:relative;cursor:pointer} .sub-top-tit > p{color:#000;font-size:26px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width:260px;} .sub-top-link{float:left;padding-left:20px;width:50%;background-color:#f8f8f8; cursor:pointer;box-sizing:border-box;position:relative;border:solid 1px #000;box-sizing:border-box;border-left:none} .sub-top-link:after{content:""; display:block; clear:both} .sub-top-link p{font-size:26px; color:#000; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding: 0 50px 0 0px;} .sub-top-plus{float:right; font-size:50px; margin-right:20px;} .sub-top-arrow{position:absolute;right:25px;top:37px} .sub_link_sty{position:absolute;width:100%;max-width:640px;left:-1px;display:none; z-index:10;border:solid 1px #000;} .sub_link_sty > li{text-align:center;background-color:#fff;line-height:70px;height:70px;border-bottom:1px solid #000;/* filter: alpha(opacity=90); opacity:0.9;*/ width:100%;cursor:pointer} .sub_link_sty > li > a{width:100%;font-size:24px;color:#000;display:block;text-decoration:none; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box; padding:0 20px;} .sub_link_sty1{position:absolute;width:100%;max-width:640px;left:-1px;display:none; z-index:10;border:solid 1px #000;} .sub_link_sty1 > li{text-align:center;background-color:#fff;line-height:70px;height:70px;border-bottom:1px solid #000;/* filter: alpha(opacity=90); opacity:0.9;*/ width:100%;cursor:pointer} .sub_link_sty1 > li > a{width:100%;font-size:24px;color:#000;display:block;text-decoration:none;} .m_main_probox_wrap{padding:60px 0;background-color:#454341;} .m_main_probox_wrap > h3{text-align:center;margin-bottom:45px;} .m_pro_wrap{width:580px;margin:0 auto;} .m_pro_wrap:after{content:"";display:block;clear:both;} .m_pro_wrap > .m_pro_section{float:left;margin-left:36px;width:272px;} .m_pro_wrap > .m_pro_section:first-child{margin-left:0;} .m_pro_section > h5{color:#fff;font-size:32px;text-align:center;margin-bottom:15px;} .m_pro_list{margin-top:30px;padding-bohttom:20px;border-bottom:1px solid #5f5e5c;} .m_pro_list > li{margin-bottom:15px;} .m_pro_list > li:after{content:"";display:block;clear:both;} .m_pro_list > li:before{vertical-align:middle;content:"";display:inline-block;background-color:#e4cbba;width:3px;height:26px;margin-right:15px;} .m_pro_list > li > a{vertical-align:middle;color:#fff;text-decoration:none;width:250px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:26px;} .m_pro_date{display:inline-block;color:#fff;font-size:14px;float:right;} .foot_inner{position:relative;} .hide_label{position:absolute;z-index:-1;text-indent:-9999px} .bot_counsel{width:640px;margin:0 auto;background-color:#353535;padding:35px 30px;box-sizing:border-box;left:50%;transform:translatex(-50%);position:fixed;bottom:0px;z-index:999;} .bot_counsel .txt_wrap > h3{font-size:33px;letter-spacing:-1px;color:#fff;font-weight:500;margin-bottom:5px;} .bot_counsel .b_privacy label{display:inline-block;color:#7e7e7e;font-size:15px;vertical-align:middle;margin:5px 0 0 15px;} .bot_counsel .b_privacy #bchk{width:15px;height:15px;vertical-align:middle;margin-right:5px;} .bot_counsel .b_privacy a{font-size:20px;display:inline-block;padding:2px 10px;background:#5c5c5c;color:#fff;border-radius:10px;margin-left:10px;vertical-align:middle;} .bot_counsel .form_wrap{display:flex;width:462px;} .f_cate,.f_name,.f_tel{box-sizing:border-box;height:68px;font-size:20px;padding-left:15px;border:0;background-color:#fff;color:#000;} .f_contents{box-sizing:border-box;width:580px;height:60px;font-size:20px;padding-top:15px;padding-left:15px;border:0;background-color:#404040;color:#fff;margin-top:15px;} .f_submit{box-sizing:border-box;border:none;width:108px;height:68px;font-size:21px;color:#fff;text-align:center;background:#019fd3;cursor:pointer;border:0;font-weight:bold;} .f_name{width:190px;margin-right:10px;} .f_tel{width:265px;} /* 푸터 상담창 위치 고정 .bc_program_wrap{position:relative;width:600px;margin:0 auto;background-color:#191919;border-radius:8px;padding:30px;box-sizing:border-box;} .bc_program_wrap > h3{text-align:center;padding:10px 0 30px 0;font-size:40px;color:#fff;} .cb_cate{margin-bottom:15px;} .cb_cate > select{width:100%;padding:20px 0 20px 20px;font-size:25px;color:#000;border-radius:5px;} .cb_name{margin-bottom:15px;} .cb_name > input{width:100%;padding:20px 0 20px 20px;font-size:25px;color:#000;border-radius:5px;border:0;box-sizing:border-box;} .cb_phone{margin-bottom:15px;} .cb_phone > div{display:inline-block;width:33%;} .cb_phone > div > input{width:100%;padding:20px 0 20px 20px;color:#000;font-size:25px;border-radius:5px;border:0;box-sizing:border-box;} .cb_phone_ty2{margin-bottom:15px;} .cb_phone_ty2 > input{width:100%;padding:20px 0 20px 20px;font-size:25px;color:#000;border-radius:5px;border:0;box-sizing:border-box;} .cb_contents{margin-bottom:15px;} .cb_contents > textarea{width:100%;padding:20px 0 50px 20px;color:#000;font-size:25px;border-radius:5px;border:0;box-sizing:border-box;} .cb_privacy{margin-bottom:15px;} .cb_privacy > label{display:inline-block;font-size:26px;color:#fff;vertical-align:middle;cursor:pointer;} .cb_privacy > label > input{width:30px;height:30px;margin-right:5px;} .cb_privacy_btn{text-decoration:none;display:inline-block;background-color:#727272;color:#fff;margin-left:15px;padding:2px 30px;font-size:24px;border-radius:3px;vertical-align:middle;} .cb_btn > input{width:100%;padding:20px 0;color:#fff;background-color:#95a900;border:0;font-size:26px;cursor:pointer;border-radius:5px;} */ .foot_top_wrap{display:flex;} .foot_input_wrap{display:flex;justify-content: space-between;margin-top:20px;} .foot_txt{padding-top:40px;font-size:14px;line-height:1.5;text-align:center;font-weight:400;letter-spacing:-1px;width:100%;margin:0 auto;color:#939393;} /* 푸터 상담창 하단 FIXED */ .bc_program_wrap{position:fixed;width:600px;left:50%;margin-left:-300px;bottom:-617px;background-color:#191919;border-radius:8px;padding:0 30px;height:617px;box-sizing:border-box;} .bc_program_wrap > .bc_program_btn{position:absolute;top:0;left:0;right:0;text-align:center;margin-top:-90px;} .bc_program_wrap > .bc_program_btn > p{text-align:center;cursor:pointer;color:#fff;font-size:28px;width:600px;height:90px;line-height:90px;background-color:#2b2b2b;display:inline-block;box-sizing:border-box;border-radius:8px;} .bc_program_wrap > .bc_program_btn > p > img{margin-right:20px;display:inline-block;} .bc_program_wrap > .bc_program_btn > p > span{display:inline-block;margin-left:20px;width:170px;height:60px;line-height:60px;background-color:#828486;box-sizing:border-box;border-radius:5px;vertical-align:middle;} .bc_program_wrap > h3{display:none;} .cb_cate{margin-top:30px;margin-bottom:15px;} .cb_cate > select{width:100%;padding:20px 0 20px 20px;font-size:25px;color:#000;border-radius:5px;} .cb_name{margin-bottom:15px;} .cb_name > input{width:100%;padding:20px 0 20px 20px;font-size:25px;color:#000;border-radius:5px;border:0;box-sizing:border-box;} .cb_phone{margin-bottom:15px;} .cb_phone > div{display:inline-block;width:33%;} .cb_phone > div > input{width:100%;padding:20px 0 20px 20px;color:#000;font-size:25px;border-radius:5px;border:0;box-sizing:border-box;} .cb_phone_ty2{margin-bottom:15px;} .cb_phone_ty2 > input{width:100%;padding:20px 0 20px 20px;font-size:25px;color:#000;border-radius:5px;border:0;box-sizing:border-box;} .cb_contents{margin-bottom:15px;} .cb_contents > textarea{width:100%;padding:20px 0 50px 20px;color:#000;font-size:25px;border-radius:5px;border:0;box-sizing:border-box;} .cb_privacy{margin-bottom:15px;} .cb_privacy > label{display:inline-block;font-size:26px;color:#fff;vertical-align:middle;cursor:pointer;} .cb_privacy > label > input{width:30px;height:30px;margin-right:5px;} .cb_privacy_btn{text-decoration:none;display:inline-block;background-color:#727272;color:#fff;margin-left:15px;padding:2px 30px;font-size:24px;border-radius:3px;vertical-align:middle;} .cb_btn > input{width:100%;padding:20px 0;color:#fff;background-color:#555;border:0;font-size:26px;cursor:pointer;border-radius:5px;} /* 푸터 */ .footer_wrap{width:100%;max-width:640px;margin:0 auto;background-color:#131313;padding:50px 0 250px 0;} .foot_logo{text-align:center;} .foot_mem{text-align:center;width:100%;margin:0 auto;padding-bottom:40px; border-bottom:1px solid #292929;} .foot_mem > li{display:inline-block;margin-right:8px;} .foot_mem > li > a{display:flex;justify-content:space-between;align-items:center;font-size:22px;color:#aaaaaa;width:auto;height:48px; border:1px solid #aaaaaa;text-decoration:none;line-height:1.7;padding:2px 8px 0 8px} .foot_mem > li:last-child{margin-right:0 !important;} .foot_address_table{table-layout:fixed;width:100%;box-sizing:border-box;padding:0 20px;margin-top:20px;} .foot_address_table tr th{font-size:24px;text-align:left;color:#fff;padding-bottom:10px;} .foot_address_table tr td{font-size:22px;text-align:left;color:#fff;padding-bottom:10px;} .foot_copy{font-size:14px;color:#cacaca;text-align:center;line-height:1.7;padding-top:40px;} /*메인*/ .mb01{width:100%;} .mb01 > h3{margin-top:45px; text-align:center;} .mb01 > ul{width:577px; margin:45px auto 0;display:flex;justify-content: space-between;flex-wrap:wrap;} .mb01 > ul a{width:100%; display:block;text-decoration:none;} .mb01 > ul li{width:49%;} .mb01 > ul a p{font-size:23px; color:#000;text-align:center;margin:30px 0;} .mb02{margin-top:30px;} /*드래그*/ .beforeandafter{width:577px;height:350px;margin:0 auto;} div.beforeandafter{ /* main container *//* background: white;border: 1px solid gray;display: block;height: 434px; /* default height of main container */overflow: hidden; position: relative;/* width: 650px; /* default width of main container */} div.beforeandafter img{max-width: none !important;} div.before, div.after{ /* before and after DIVs within main container */height: 100%; left: 0;overflow: hidden;position: absolute;top: 0;transition: width 0.4s ease-in-out; /* CSS transition. Actual duration set inside script (options.revealduration) */ width: 100%;z-index: 100;} div.after{z-index: 1; /* z-index of after div should be smaller than before's */} div.drag{ /* main div used for separating and dragging between before and after slides */background: #fff;cursor: col-resize;display: block;height: 299px;left: 100%;position: absolute;top: 0;transition: left 0.4s ease-in-out; /* transition. 0.4s sets duration of drag fade in time */width: 2px; /* width of drag bar separator */z-index: 1001;} div.drag div.draghandle{ /* handle bar within drag interface */background: url("/img/main/mb06_03.png") no-repeat;height: 43px; /* height of drag handle */ position: absolute;top:30% !important;text-align: center;width: 43px; /* width of drag handle */} div.drag div.draghandlea{ /* handle bar within drag interface */background: url("/img/main/mb06_03.png");height: 40px; /* height of drag handle */position: absolute;text-align: center;width: 40px; /* width of drag handle */} div.drag div.draghandleb{ /* handle bar within drag interface */background: url("/img/main/mb06_03.png");height: 40px; /* height of drag handle */position: absolute;text-align: center;width: 40px; /* width of drag handle */} div.drag div.draghandlec{ /* handle bar within drag interface */background: url("/img/main/mb06_03.png");height: 40px; /* height of drag handle */position: absolute;text-align: center;width: 40px; /* width of drag handle */} div.before span.caption, div.after span.caption{ /* CAS to syle SPAN caption. Optional */bottom:80px;color:#fff;display:block;padding:5px;position: absolute; font-weight:500;width:150px;font-size:18px;text-align:center;transform:translateX(110%);left:50%;} div.before span.caption{transform:translateX(-45%);left:10%;} .mb02_wrap{width:598px;margin:0 auto;padding-top:100px;} .mb02_wrap > h3{text-align:center;} .mb02_wrap > p{margin-top:30px; text-align:center;font-size:22px; letter-spacing:-2px;} .mb02_1400{margin:0 auto ;width:598px;position:relative; padding-top:40px;} /*치료사례 비포에프터 사진 .mb02_bf{width:598px;margin:25px auto 0;}*/ .mb02_bf > div{width:598px;display:flex;justify-content: space-between;} .mb02bf_wrap{width:598px;} .mb02bf_wrap > a{display:flex;justify-content: space-between;width:100%;} /*b02bf_wrap .left{margin-right:5px;position:relative;}*/ .mb02bf_wrap > a > div{width:50%;} .mb02bf_wrap > a > div > img{width:100%;} /*b02bf_wrap .left:after{content:''; background:url('/img/main/mb02_bf.png') no-repeat;background-size: 100%;position:absolute;left:0;top:0;display:block;width:100%;height:79px;z-index:9;} .link_btn{margin:70px auto 0;}*/ .mb02_1400 .slick-dots{position:absolute; left:50%;transform:translatex(-50%);bottom:0;display:flex; justify-content: center; bottom:60px;} .mb02_1400 .slick-dots > li{margin-right:10px; } .mb02_1400 .slick-dots > li > button{border:0px; text-indent:-9999px;width:15px; height:15px; background:#e7e7e7; border-radius:50px;transition:all .3s ease;} .mb02_1400 .slick-dots > li.slick-active > button{background:#218eeb;width:48px;} .mb04{width:100%;margin-top:90px;height:412px;} .mb04 > div{width:608px;position:relative; margin-left:30px;overflow:hidden;} .mb04_txt{width:225px;height:488px;} .mb04_txt > h3{margin-top:20px;} .mb04_txt > p{margin-top:35px;font-size:20px; font-weight:600;} .mb04_txt > a{margin-top:140px; display:inline-block;} .mb04_posi{width:384px;position:absolute; right:0; top:0px;} .mb04_slide{} .mb04_slide .slick-slide{margin-right:20px;box-shadow:3px 3px 15px rgba(0,0,0,0.1);border:1px solid #dbdbdb;} .mb04_slide .slick-slide > a{width:280px;display:block;text-decoration:none;} .mb04_slide .slick-arrow{border:0px; text-indent:-9999px;outline:none;width:54px; height:54px;position:absolute; top:295px;z-index:99;cursor:pointer;} .mb04_slide .slick-prev {background:url('/img/main/mb06_prev.png'); left:-224px;} .mb04_slide .slick-next {background:url('/img/main/mb06_next.png'); left:-171px;} .mb03_txt{width:100%;box-sizing:border-box; padding:15px;border-top:1px solid #dbdbdb;} .mb03_txt p{font-size:17px;color:#8c8c8c;letter-spacing:-2px;margin:20px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .mb03_ico2{display:flex;justify-content:space-between;} .mb03_ico2 > div{display:flex;} .mb03_txt h5{color:#3f3f3f;font-size:17px;color:#333;letter-spacing:-2px;font-weight:500;} .mb03_img{width:280px;height:230px;overflow:hidden;} .mb03_img img{width:100%;} .mb05{margin-top:65px; position:relative; width:100%;} .mb05 > a{position:relative; width:100%;display:block;} .mb05 > a > div{position:absolute;width:430px; left:50%;transform:translatex(-50%);top:62px;} .mb06{display:flex; width:100%;} .mb06 > div{width:50%;position:relative;} .mb06 > div > div{position:absolute;left:50%;transform:translatex(-45%);bottom:32px;text-align:center;width:260px;} .mb06 > div > div h3{font-size:18px; font-weight:bold; letter-spacing:-1px;} .mb06 > div.blue > div h3{font-size:18px; font-weight:bold; letter-spacing:-1px;color:#08b1ec;} .mb06 > div > div p{font-size:14px;letter-spacing:-1px;line-height:24px;margin-top:15px; } .blue > div{transform:translatex(-55%) !important;} .mb06 > div > div.blue h3{color:#08b1ec;} .mb07{width:640px;margin-top:50px;} .mb07 > div{width:577px;margin:0px auto 0;} .mb07 h3{text-align:center;} .mb07 ul{display:flex;width:100%;justify-content: space-between;margin-top:55px;flex-wrap:wrap;} .mb07 > div > ul > li{ font-size:18px; font-weight:500; color:#000; letter-spacing:1.2px;margin-bottom:40px;width:49%;} .mb07 > div > ul > li a div{width:100%;} .mb05_img{height:159px; overflow:hidden;} .mb07 > div > ul > li div img{width:100% !important;height:100% !important;} .mb07 > div h4{font-size:30px; font-weight:600; color:#1c1c1c; letter-spacing:-2px;} .mb07 > div p{font-size:19px; font-weight:300; color:#393939; letter-spacing:-2px;} .mb07 > div > ul > li span{display:block; width:100%; font-size:22px; font-weight:500; color:#000; letter-spacing:-1px;text-align:center;margin-top:30px;} .mb07 > div > ul > li a{text-decoration:none;} .mb08{width:100%; position:relative;height:148px;background:#218eeb;margin-top:30px;} .mb08 > div{width:100%; left:0;bottom:0; position:absolute;display:flex;} .mb07_map{width:640px;margin:75px auto 0;position:relative;} .mb07_posi{position:absolute;left:80px;top:60px;} .mb07_posi > div h4{font-size:30px; font-weight:600; color:#1c1c1c; letter-spacing:-2px;} .mb07_posi > div p{font-size:20px; font-weight:300; color:#393939; letter-spacing:-2px;} .mb07_posi > div > ul > li span{display:inline-block; width:100px; font-size:21px; font-weight:300; color:#393939; letter-spacing:-1px;} .mb07_posi > div > ul > li{ font-size:21px; font-weight:500; color:#000; letter-spacing:1.2px;margin-bottom:20px;} .last_li{color:#747474 !important;font-size:20px !important; letter-spacing:-1px !important;} .mb07_posi > ul{display:flex;width:350px;justify-content: space-between;margin-top:20px;} .number{width:640px; margin:0 auto;position:relative;} .count_num{font-size:46px; font-weight:700;position:absolute;top:34px; right:114px;} .number > span.ea{font-size:16px; font-weight:400;position:absolute;top:85px; right:50px;} .number > span.small{position:absolute;font-size:13px;font-weight:300; letter-spacing:-0.5px; top:101px;right:30px; color: #797979} .mb13{width:100%; position:relative;height:726px;overflow:hidden;} .mb13 > ul{width:100%; position:absolute; left:0;top:0; height:100%;} .mb13 > ul > li{height:25%;border-bottom: 1px solid rgba(255, 255, 255, .3);overflow:hidden;} .mb13 > ul > li a{transition:all .4s ease;} .mb13 > ul > li a > div{display:flex;width:100%; height:100%; box-sizing:border-box;justify-content: center; position:relative; } .mb13 > ul > li a > div h3{ height:100%; box-sizing:border-box;padding-top:30px;position:absolute; left:50%;transform:translatex(-50%);transition:all .4s ease;} .mb13 > ul > li a > div p{color:#f4f4f4; font-size:19px; height:100%; box-sizing:border-box;padding-top:70px;opacity:0;transition:all .4s ease;position:absolute;right:60px;} .mb13 > ul > li:hover .mb11_ov p{opacity:1;} .mb13 > ul > li:hover .mb11_ov h3{transform:translatex(-90%);} .mb13 > ul > li:hover{background:rgba(0,0,0,0.4);} .mb13 > ul > li:last-child{border:none;} .mb13 > ul > li:last-child p{padding-top:55px;} /*메인*/ /*서브*/ .mgt100{margin-top:100px;} .mgt90{margin-top:90px;} .mgt80{margin-top:80px;} .mgt70{margin-top:70px;} .mgt60{margin-top:60px;} .sub_vis{width:100%;position:relative;} .sub_vis > h2{position:absolute; display:inline-block;left:50%;transform:translate(-50%, -50%); top:50%; color:#fff; font-size:50px;width:90%;text-align:center; font-weight:500;letter-spacing:-2px;} .sub_title{line-height: 57px;font-size:50px; font-weight:500;color:#1c1c1c;letter-spacing:-3px;text-align:center;margin-top:50px;width:640px;box-sizing:border-box;padding:0 15px;} .sub_text{font-size:20px; font-weight:300;color:#1c1c1c;letter-spacing:-2px;text-align:center;margin:25px 0 50px 0;width:640px;box-sizing:border-box;padding:0 15px;} .sub_title2{color:#1c1c1c; font-size:50px; letter-spacing:-4px;font-weight:100;text-align:center;box-sizing:border-box;padding:0 15px;line-height: 68px;} .sub_title2 > strong{font-weight:500;} .sub_title2 .blue{color:#1a7dcd;font-weight:500} .sub_title2 > i{font-style:normal; font-size:35px;font-weight:200; letter-spacing:-2px;} .sub_text2{color:#1c1c1c; font-size:20px; letter-spacing:-2px;font-weight:300;text-align:center;line-height:32px;box-sizing:border-box;padding:0 15px;} .sub_text2 > .blue{font-weight:500;color:#0b69b5;} .sub_text2 > strong{font-weight:600;} .sub_text3{color:#1c1c1c; font-size:16px; letter-spacing:-2px;font-weight:300;text-align:left;line-height:32px;box-sizing:border-box;padding:0px 0px 10px 0px;} .implant01_01wrap{width:100%; position:relative;} .imp_posi{position:absolute; left:50%;transform:translatex(-50%); top:250px;} .implant01_bf_wrap{margin:60px auto 0;width:577px;position:relative;} .implant01_bf_wrap .slick-dots{position:absolute; left:50%;transform:translatex(-50%);bottom:0;display:flex; justify-content: center;} .implant01_bf_wrap .slick-dots > li{margin-right:10px; } .implant01_bf_wrap .slick-dots > li > button{border:0px; text-indent:-9999px;width:15px; height:15px; background:#bababa; border-radius:50px;transition:all .3s ease;} .implant01_bf_wrap .slick-dots > li.slick-active > button{background:#218eeb;width:48px;} .implant01_slide1{width:580px;margin:0 auto;padding:50px 0 100px 0;} .implant01_slide1 .slick-dots{position:absolute; left:50%;transform:translatex(-50%);bottom:50px;display:flex; justify-content: center;} .implant01_slide1 .slick-dots > li{margin-right:10px; } .implant01_slide1 .slick-dots > li > button{border:0px; text-indent:-9999px;width:15px; height:15px; background:#bababa; border-radius:50px;transition:all .3s ease;} .implant01_slide1 .slick-dots > li.slick-active > button{background:#218eeb;width:48px;} /*의료진 탭*/ .doc_wrap{width:100%;margin:0px auto 0;} .doc_info{position:relative;margin-top:50px;} .doc_info .slick-dots{position:absolute;top:-50px; left:50%;transform:translatex(-50%);width:591px;display: flex;justify-content: center;} .doc_info .slick-dots li{width:20%; background:#979797;cursor:pointer; height: 35px; line-height: 35px; text-align: center; color: #fff; font-weight: 200; letter-spacing: -1px; font-size: 20px;} .doc_info .slick-dots li span{font-weight: 500;} .doc_sel{width:468px;display: flex;justify-content: center;margin:0 auto;} .doc_sel li{box-sizing:border-box; border:1px solid #dcdcdc;} .doc_info .slick-dots li.slick-active{background:#0b81cc;} .evt_wrap{position:fixed;right:20px;top:750px;z-index:99;animation-name: q_ani; animation-duration:.3s; animation-duration: ease; animation-iteration-count:infinite;; animation-direction:alternate; animation-fill-mode: forwards;} @-webkit-keyframes q_ani { 0% { top:750px; } 100% { top:730px; } } .evt_iner{position:relative;} .close_btn{position:absolute; right:3px; top:2px; width:15px; height:15px; cursor:pointer;} .imp3_wrap{position:relative;width:100%;margin-top:80px;} .imp3_slide{position:absolute;left:30px;width:610px;bottom:70px;} .imp3_slide .slick-arrow{border:0px; text-indent:-9999px;outline:none;width:57px; height:56px;position:absolute; top:471px;z-index:99;cursor:pointer;} .imp3_slide .slick-prev {background:url('/img/m/sub/implant06_slide_prev.jpg');right:87px;} .imp3_slide .slick-next {background:url('/img/m/sub/implant06_slide_next.jpg'); right:30px} .imp_slidewrap{width:640px;margin:0 auto;position:relative;} .imp_slidewrap .slick-dots{position:absolute;display:flex;left:0px; top:58px;width: 100%;justify-content: center;} .imp_slidewrap .slick-dots > li{width:284px; height:234px;} .imp_slidewrap .slick-dots > li:nth-child(1){margin-right:10px;} .imp_slidewrap .slick-dots > li > button{width:100%; height:100%;text-indent:-9999px;outline:none;border:0px;background:none;cursor:pointer;} .tab_dep1_wrap{width:100%;position:relative;} .tab_dep1_wrap > ul{width:100%;display:flex;justify-content: center;margin:50px 0;flex-wrap:wrap;} .tab_dep1_wrap > ul > li{width:194px; height:69px;box-sizing:border-box; } .tab_dep1_wrap > ul > li > a{width:100%; height:100%; font-size:19px; color:#7d7d7d;background:#fff;display:block;line-height:69px; text-align:center; border:1px solid #e3e4f5;box-sizing:border-box;letter-spacing:-2px;} .tab_dep1_wrap > ul > li > a.select{color:#fff; background:#1d8dff;border:1px solid #1d8dff;} #tabs{position:absolute;width:100%;height:1px; top:-140px;} #tabs2{position:absolute;width:100%;height:1px; top:410px;} .implant06_wrap{width:100%; margin:0 auto;position:relative;} .implant06_wrap > .implant06_slide{width:581px; position:absolute; left:50%;transform:translatex(-50%);bottom:80px;} .implant06_slide .slick-arrow{border:0px; text-indent:-9999px;outline:none;width:56px; height:56px;position:absolute; bottom:0px;z-index:99;cursor:pointer;z-index:999;} .implant06_slide .slick-prev {background:url('/img/m/sub/implant06_slide_prev.jpg'); right:57px;} .implant06_slide .slick-next {background:url('/img/m/sub/implant06_slide_next.jpg'); right:1px;border-right:1px solid #cbcbcb;} .imp9_slide{width:581px;margin:0 auto;position:relative;padding-bottom:50px;} .imp9_slide .slick-dots{position:absolute; left:50%;transform:translatex(-50%);bottom:0;display:flex; justify-content: center;} .imp9_slide .slick-dots > li{margin-right:10px; } .imp9_slide .slick-dots > li > button{border:0px; text-indent:-9999px;width:15px; height:15px; background:#bababa; border-radius:50px;transition:all .3s ease;} .imp9_slide .slick-dots > li.slick-active > button{background:#218eeb;width:48px;} .straightening01_slide{width:640px;position:relative;} .straightening01_slide .slick-arrow{border:0px; text-indent:-9999px;outline:none;width:56px; height:56px;position:absolute; top:360px;z-index:99;cursor:pointer;z-index:999;} .straightening01_slide .slick-prev {background:url('/img/m/sub/implant06_slide_prev.jpg'); right:86px;} .straightening01_slide .slick-next {background:url('/img/m/sub/implant06_slide_next.jpg'); right:30px;border-right:1px solid #cbcbcb;} .straightening02_slide{width:100%;position:relative;} .straightening02_slide > div{width:580px;left:50%;transform:translatex(-50%);top:393px;position:absolute;} .straightening02_slide .slick-dots{position:absolute; left:50%;transform:translatex(-50%);bottom:-120px;display:flex; justify-content: center;} .straightening02_slide .slick-dots > li{margin-right:10px; } .straightening02_slide .slick-dots > li > button{border:0px; text-indent:-9999px;width:15px; height:15px; background:#bababa; border-radius:50px;transition:all .3s ease;} .straightening02_slide .slick-dots > li.slick-active > button{background:#218eeb;width:48px;} .tab_dep2_wrap{width:100%;position:relative;padding-bottom:100px;} .tab_dep2_wrap > ul{width:100%;display:flex;justify-content: center;position:absolute; left:0px; bottom:65px;z-index:99;flex-wrap:wrap;} .tab_dep2_wrap > ul > li{width:215px; height:69px;box-sizing:border-box; } .tab_dep2_wrap > ul > li > a{width:100%; height:100%; font-size:22px; color:#7d7d7d;background:#fff;display:block;line-height:69px; text-align:center; border:1px solid #e3e4f5;box-sizing:border-box;border-right:0px;letter-spacing:-2px;} .tab_dep2_wrap > ul > li > a.select{color:#fff; background:#1d8dff;border:1px solid #1d8dff;} .tab_dep2_wrap > ul > li:last-child > a{border-right:1px solid #e3e4f5;} .stra_foot_roll{width:640px;} .stra_foot_slide{width:100%;} .stra_foot_slide .slick-arrow{border:0px; text-indent:-9999px;outline:none;width:33px; height:34px;position:absolute; bottom: 40px;cursor:pointer;z-index:999;} .stra_foot_slide .slick-prev {background:url('/img/sub/stra_foot_roll_prev.png'); right:90px;} .stra_foot_slide .slick-next {background:url('/img/sub/stra_foot_roll_next.png'); right:50px;} .msb_img_wrap{width:640px;position:relative;} .msb_img_wrap > div{width:100%;position:absolute; left:0px;top:310px;} .smb_slide .slick-dots{position:absolute; left:50%;transform:translatex(-50%);bottom:0px;display:flex; justify-content: center;} .smb_slide .slick-dots > li{margin-right:10px; } .smb_slide .slick-dots > li > button{border:0px; text-indent:-9999px;width:15px; height:15px; background:#bababa; border-radius:50px;transition:all .3s ease;} .smb_slide .slick-dots > li.slick-active > button{background:#218eeb;width:48px;} .gen01_01{margin:0px auto 0; width:581px; position:relative;} .gen01_roll{width:100%; position:relative; padding-top:100px;} .gen01_roll .slick-dots{position:absolute; top:50px; left:0; display:flex;justify-content: center;width:100%;} .gen01_roll .slick-dots > li{width:229px;height:49px;cursor:pointer;} .gen01_roll .slick-dots > li > span{font-size:20px;letter-spacing:-2px; color:#1c1c1c;display:block; width:100%; height:100%; border:1px solid #dadada; background:#f4f4f4;border-right:0px;text-align:center; line-height:49px;} .gen01_roll .slick-dots > li:last-child > span{ border-right:1px solid #dadada; } .gen01_roll .slick-dots > li.slick-active span{background:#1a7dcd;font-weight:600;color:#fff;} .intro01_wrap{position:relative;width:100%;} .intro01_wrap > ul{width:581px;top:345px;left:50%;transform:translatex(-50%);position:absolute;} .intro3_map{width:580px;margin:0 auto; height:470px; overflow:hidden;} .intro03_wrap{position:relative; width:580px;margin:0 auto 10px;} .intro03_wrap > div{position:absolute;width:493px;left:20px;display:flex;justify-content: space-between;bottom:45px;} .intro03_wrap > div > a{width:238px;height:45px; display:block;} .intro04_roll{width:100%;} .intro04_roll > div{margin:0 auto; width:580px;} .intro04_roll .slick-slide img{width:100%;} .intro04_roll .slick-dots{width:100%; display:flex; flex-wrap:wrap;margin:30px 0;} .intro04_roll .slick-dots > li{width:135px;height:80px;box-sizing:border-box;overflow:hidden;margin-bottom:12px;cursor:pointer;margin-right:12px;} .intro04_roll .slick-dots > li:nth-child(4n){margin-right: 0px;} .intro04_roll .slick-dots > li > img{width:100%;height:100%;} .intro04_roll .slick-dots > li.slick-active{border:5px solid #1a7dcd;} .imp2_slide{width:100%; position:relative;margin:50px 0;} .imp2_slide > div{width:580px;left:50%;transform:translatex(-50%); top:65px; position:absolute;} .imp2_slide .slick-arrow{border:0px; text-indent:-9999px;outline:none;width:57px; height:56px;position:absolute; top:547px;z-index:99;cursor:pointer;} .imp2_slide .slick-prev {background:url('/img/m/sub/implant06_slide_prev.jpg');right:57px;} .imp2_slide .slick-next {background:url('/img/m/sub/implant06_slide_next.jpg'); right:0px} /*서브*/ /*작업완료후 추가CSS*/ /*작업완료후 추가CSS*/ /*jdw 추가CSS*/ .grd-container { width: 600px; margin: 0 auto; padding: 40px 0 120px 0; } .grd-tab-buttons { display: flex; align-items: flex-start; gap: 8px; margin-top: 40px; margin-bottom: 20px; justify-content: center; } .grd-tab-button { display: flex; width: 292px; height: 80px; padding: 16px; justify-content: center; align-items: center; border-radius: 8px; background: #FFF; color: #1A7DCD; text-align: center; font-size: 28px; font-style: normal; font-weight: 500; line-height: 100%; /* 20px */ letter-spacing: -0.8px; cursor: pointer; } .grd-tab-button.active { color: #1A7DCD; border: 2px solid #2F9EE5; } .grd-tab-button.inactive { color: #B3B3B3; border: 2px solid #E6E6E6; } .grd-video-container { display: flex; flex-direction: column; justify-content: space-between; align-items : center; /* flex-direction: row; */ } .grd-video-container-asset { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; } .grd-video-container iframe { width: 600px; height: 337.5px; /* 16:9 비율 */ } .grd-video-container p { display: flex; padding: 12px 0px; justify-content: center; align-items: center; align-self: stretch; background: #D4E8F5; color: #1C1C1C; text-align: center; font-size: 28px; letter-spacing: -0.8px;