/* table */ table {width:100%;margin:0;padding:0;border:0;border-collapse:separate;border-spacing:0;} td,th {border: none;font-weight:normal;line-height:1.5;} caption,legend {visibility: hidden;width: 0;height: 0;font-size: 0;line-height: 0} /*라이트 퀵*/ .scrolled #sideQuick { }/*visibility:visible; opacity:1 스크롤시 on*/ #sideQuick li {list-style: none} #sideQuick img { border: 0; vertical-align: top; margin: 0 auto; display: block;margin-bottom:5px;} #sideQuick { position: fixed;top:180px;right: -382px; width: 500px; height: 100%; z-index: 99; transition: all 0.5s}/* visibility:hidden;opacity:0; */ #sideQuick ul .quickMenu { width: 98px; } #sideQuick .quickTit{width:98px; border-radius:56px 56px 0 0; text-align:center;color:#fff; background-color:#eb5a09; padding:30px 0 15px; font-size:16px;} #sideQuick ul .quickMenu .quickName{padding:20px 0 0 ;color:#fff;cursor:pointer;transition:all .5s;background-color:#ff7d30; text-align:center; font-family:"굴림", Gulim, sans-serif; font-size: 12px;} #sideQuick ul .quickMenu .quickName:hover,#sideQuick ul .QuickMenu.active .quickName {color:#fff; background-color:#eb5a09; opacity: 1 } #sideQuick ul .quickMenu .quickName i { text-align: center;display: block;font-size: 36px;} #sideQuick ul .quickMenu .quickName span {display:block; width:78px; margin: 0 auto; border-bottom: 1px solid #fe9253; padding-bottom:10px;} .quickName01{width:98px; padding:20px 0 0 ;color:#fff;cursor:pointer;transition:all .5s;background-color:#ff7d30; text-align:center; font-family:"굴림", Gulim, sans-serif; font-size: 12px;} .quickName01:hover,.QuickMenu.active .quickName01 {color:#fff; background-color:#eb5a09; opacity: 1 } .quickName01 i { text-align: center;display: block;font-size: 36px;} .quickName01 span {display:block; width:78px; margin: 0 auto; border-bottom: 1px solid #fe9253; padding-bottom:10px;} #sideQuick .quickBtn{width:98px; border-radius:0px 0px 56px 56px; text-align:center;color:#fff; background-color:#eb5a09; padding:14px 0; font-size:16px;} #sideQuick .quickCall{border-radius:39px; width:78px; height:78px; margin:0 auto; padding:14px 0; font-size:16px; line-height:14px; color:#eb5a09; background:#fff; -webkit-border-radius:39px; -moz-border-radius:39px; -ms-border-radius:39px; -o-border-radius:39px;} #sideQuick .quickCall .num{font-size:16px; letter-spacing: -0.5px; display:inline-block; margin:4px 0 0; font-weight:600;} #sideQuick ul .quickMenu .quickCont{width:382px; display:none;position:absolute;left:118px;top:14px;max-height:100vh; padding:20px; overflow-y:auto; background-color:#fff; border:3px solid #eb5a09;} #sideQuick ul .quickMenu .quickCont .clearfix{padding:10px 6px 0;} #sideQuick ul .quickMenu .quickCont .clearfix .ch{display: inline-block; margin-right:5px;} #sideQuick .quickBtnClose{position:absolute;top:25px;right:10px;z-index:5;color:#333;cursor:pointer} #sideQuick .qClose { color:#222; background:#eb5a09;} #sideQuick .mfp-close:after {background: url(../img/btn_close_w.png) no-repeat center center;} #quickToggleBtn{width:28px; color:#fff;font-size:17px;background-color:#b31920; border-right:1px solid #b31920; background-repeat:no-repeat;position:absolute;left:-24px;width:24px;padding:28px 5px;top:244px; cursor:pointer;z-index:10; border-radius:16px 0 0 16px;} #quickToggleBtn.on { width: 28px;background-color: #096} #sideQuick .notice { background-color:#a57a47; color:#fff; font-size:16px; padding:20px; margin-bottom:20px; text-align:center} #sideQuick .notice .line { border:1px solid #c2945e; padding:20px} #sideQuick h3{padding:60px 0 20px;font-size:28px; text-align:center; line-height:20px;font-weight:600;position:relative} #sideQuick .counselTitle{color:#545454; font-weight: 400; font-size: 15px; line-height:22px; text-align:center; padding-bottom: 15px;} #sideQuick .counselTitle span.black{font-weight:600;} #sideQuick .counselTime p{font-weight: 400; font-size: 14px; text-align:center; padding:10px 0 30px; letter-spacing: -0.5px;} #sideQuick .cont_area .send_btn {width:90%; height:60px; background-color:#ff7d30; color:#fff; font-size:20px; font-weight:600; display:block; text-align:center; padding:10px 20px; margin:20px auto 10px; border:0; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;} #sideQuick .cont_area .send_btn:hover{color:#fff; background-color:#eb5a09; opacity: 1 } #sideQuick .cont_area .tbl-stat td>input{width:100%; display: inline-block; padding:14px 14px; color:#848484; font-size:16px; font-weight:600; background:#fff;border:3px solid #ddd; vertical-align:middle; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;} #sideQuick .cont_area select{width:100%; display: inline-block; padding:14px 14px; color:#848484; font-size:16px; font-weight:600; background:#fff; border:3px solid #ddd; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;} #sideQuick .cont_area textarea{width:100%; padding:14px 20px; color:#848484; font-size:16px; font-weight:600; background:#fff; border:3px solid #ddd; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;} #sideQuick .cont_area .terms_chk label { display: inline-block; margin-right: 5px; font-size:15px} #sideQuick .cont_area .terms_chk .privacy_popup { display:inline-block; padding: 5px 0; font-size: 15px} #sideQuick .cont_area .ltb {width: 100%;font-size:15px;} #sideQuick .cont_area .ltb table {width:100%;border-collapse:collapse;} #sideQuick .cont_area .ltb th{padding:0px;height:60px;text-align:center;background-color:#fbfbfb;color:#848484; font-size:16px; border-top:3px solid #ddd; border-bottom:1px solid #ddd;} #sideQuick .cont_area .ltb td {padding:10px 5px;height:auto;border-bottom:1px solid #ddd;} #sideQuick .cont_area .ltb td.num {text-align:center;} #sideQuick .cont_area .ltb tr:hover { background-color:#f2f2f2} #sideQuick .cont_area .ltb .last td {border-bottom:1px solid #ddd;} #sideQuick .cont_area .ltb .date { text-align:center} #sideQuick .cont_area .btn_wrap { margin: 20px auto 30px auto; text-align: center;} #sideQuick .cont_area .btn_wrap .btn_type01 a{width:60%; height:60px; background-color:#ff7d30; color:#fff; font-size:20px; line-height:38px;font-weight:600; display:block; text-align:center; padding:10px 20px; margin:20px auto 10px; border:0; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;} #sideQuick .title_icon {display:inline-block;width:28px;line-height:13px;font-size:0.55em;color:#fff;background:#ff7d30;text-align:center;border-radius:2px;margin-left:2px; vertical-align:middle} #privacy_bpopup_form .mfp-close:after{content: ''; display: block; width: 100%; height: 100%; background: url("../img/btn_close_w.png") no-repeat center center; } #privacy_bpopup_form .mfp-close { width: 50px; height: 50px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; } #privacy_bpopup_form .b-close{position: absolute; top:32px; right:54px;} #privacy_bpopup_form .privacy_pop{ width: 100%; height: auto; padding: 40px 20px 20px;} /* layerPopup */ #hd_layerPopup{display: block;} #mlayerPopup{display: none;} .pop_con{background:#fff;} .pop_con h2.f_pop_tit{width:100%;height:60px;line-height:60px;background:#ff7d30;font-size:22px;color:#fff; font-weight: 500;} .pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;} .pop_con h2.f_pop_tit span {display:inline-block; text-align: center; width: 100%} .f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto; padding:40px 30px;} .f_pop_wrap strong {color:#00a19a;font-weight:normal;} .f_pop_wrap p { color:#333; padding:0px; line-height:1.6; font-size:18px;} .qClose:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close_w.png") no-repeat center center; border-radius: 50%; } #sideQuick .qClose:after {background: url("../img/btn_close_w.png") no-repeat center center;} .qClose { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; } button.qClose:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } /*헤드메뉴*/ #header_wrap {position: fixed; width:100%; height:81px; background:rgba(0,0,0,0.5); z-index:10} .scrolled #header_wrap { background-color:#000; border-bottom:none; -webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} /*헤드메뉴 #header {position:relative; margin:0 auto; max-width: 1480px; ;z-index:6;} */ #header {position:relative; width:100%; ;z-index:6; max-width:1320px; margin: 0 auto;} #header .header-inner {width:100%; height:100% } #header .gnb { list-style:none; height:100%; position:absolute; right:0px} #header .gnb > li { float:left; position:relative; display:inline-block; width:100px; vertical-align:middle; text-align:center;} #header .gnb > li > a {display:inline-block; line-height:1em; width:100%; color:#ddd; font-size:15px; letter-spacing:-0.5px; font-weight:600; text-decoration:none;} #header .gnb > li > a:hover {color: #fff} #header .gnb > li.active {background-color: #b0905e} #header .gnb > li.active > a {color: #fff} #header .gnb .login { font-size:16px; width:70px; color:#fff} #header .gnb .join { font-size:16px; color:#fff; margin-left:20px} #header .gnb .login a { color:#ddd; font-size:12px} #header .gnb .login a:hover { color:#fff} #header .gnb .join a { color:#ddd; font-size:12px} #header .gnb .join a:hover { color:#fff} #header .header-inner .menu {cursor:pointer;text-indent:-9999px; position:absolute;top:29px; left:50%;width:25px;height:20px; background-image:url(../img/cate_more.gif); margin-left:200px; border:0; display:none} #header .header-inner .menu.on {background-image: url(../img/cate_close.gif)} #header .gnb > li, #header #right-side-open {height:80px;line-height:80px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} #header #right-side-open { position:absolute; right:0; width:100px; cursor:pointer; border-left:1px solid rgba(255,255,255,0.3); text-align:center; display: inline-block; } #header #right-side-open span{display:inline-block;width:20px; height:20px;font-size:18px;line-height:1em;margin-top:-10px; margin-left:-10px; position:absolute; top:50%;left:50%; color:#fff;} #header .gnb .snb {list-style:none; display:none;} #header #logo { margin-left:25px; padding:0} #header #logo a { display:block; width:100px; height:80px; line-height:80px} #header #logo img { width:100%} #header .gnb .snb,.device-md #header .gnb .snb{display: none;position: absolute;right: -82px;width: 200px; top:80px; border-top: 0;background-color: #000; z-index:2} #header .gnb .snb li { font-size:16px; line-height:3.1; text-align:left; border-top:1px solid #414141;} #header .gnb .snb li a { color:#FFF; display:block; padding-left:20px} #header .gnb .snb li a:hover {color:#fff; display:block; background-color:#2253b8; text-decoration:none; line-height:3.1} #header .gnb .snb li:first-child { border-top:0} @media screen and (max-width: 960px) { #header #logo { width:120px; display:block} #header .gnb { display:none} .scrolled #header_wrap { background-color:#fff} .scrolled #header { border-bottom:0} .scrolled #open-button { z-index:9999} .scrolled #open-button .navicon-line { background-color:#333} } /*헤드메뉴*/ /*모바일 오른쪽 메뉴*/ #right-side {background-color:#333;position:fixed; z-index:9999; top:0;right:-400px;max-width:400px; width:100%; height:100%; color:#FFF; padding:30px;-webkit-transition: right .3s ease;-moz-transition: right .3s ease;-ms-transition: right .3s ease;-o-transition: right .3s ease;transition: right .3s ease; box-sizing:border-box; overflow:auto;} #right-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#6cc043; color:#fff; font-weight:bold; height:5.0em; line-height:5em; border-radius:3px; margin-top:10px; padding:2px 0 4px 0;} #right-side #btn-close-right-side {position:absolute;top:20px;right:0;color:#fff;width:60px;text-align:center;line-height:40px; font-size:16px; cursor:pointer} #right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:20px} .right-side-on #right-side {right:0;} .right-side-on #wrapper { left:-400px; } .right-side-on #header { left:-400px; } .right-side-on #rs-overlay {display:block;} .quick_menu {width:100%; margin:auto; padding-top:20px} .quick_menu ul { text-align:center} .quick_menu li{display:inline-block; margin-left:-3px; width:80px; border-right:1px solid #ddd;} .quick_menu li:last-child { border:0} .quick_menu li a{display:block; box-sizing:border-box; color:#f5f5f5; letter-spacing:-0.8px; text-align:center; position:relative; font-size:12px} .quick_menu li a:hover{color:#fff;backface-visibility:hidden} .quick_menu li a.on{color:#fff;border-bottom-color:#FF3400;border-bottom-width:2px;border-bottom-style:solid} .quick_kakao{text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both} .quick_kakao a{display:block;position:relative;background:#ffd800} .quick_kakao a img{display:block;margin:0 auto} .side_gnb{position:relative;width:100%;float:left;padding-top:20px;} .side_gnb p{color:#fff; text-align:center; padding:20px } .side_gnb .menu-list{display:block;position:relative;border-bottom:1px solid #444; margin-top:60px} .side_gnb .menu-list>li>a{display:block;position:relative;color:#fff;font-size:15px;line-height:3.8em;padding:0 1.0em;border-top:1px solid #444; text-decoration:none} .side_gnb .menu-list>li>a i{display:block;position:absolute;top:50%;transform:translateY(-75%) rotate(135deg);-webkit-transform:translateY(-75%) rotate(135deg);right:1.5em;width:5.31%;max-width:32px;border:1px solid #f2f2f2;border-left-width:0;border-bottom-width:0;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-ms-transition:transform .3s ease} .side_gnb .menu-list>li.on>a i{-webkit-transform:translateY(-25%) rotate(315deg);transform:translateY(-25%) rotate(315deg)} .side_gnb .menu-list>li>a i:before{content:"";display:block;position:relative;padding-top:100%} .side_gnb .depth-2{display:none;} .side_gnb .depth-2>li { background-color:#ddd} .side_gnb .depth-2>li>a{display:block;color:#f2f2f2;font-size:1.2em;line-height:3.0em;padding:0 1.5em 0 2.2em;border-bottom:1px solid #fff; color:#000} /*모바일 오른쪽 메뉴*/ /* main_slider */ .slider_visual_wrap{min-width:1349px; margin-top:0px;} .slider_visual_wrap .visual_slider{position: relative; width: 100%; height:90vh; top:0px; } .slider_visual_wrap .visual_slider[data-main-carousel-autoplay-status="Y"] .play {display: none;} .slider_visual_wrap .visual_slider[data-main-carousel-autoplay-status="N"] .stop {display: none;} .owl-play-btn {cursor: pointer; color: #fff; position: absolute; bottom: 16%; right: 40%; transform: translate(-40%,65%); font-size: 20px; z-index: 2;} .main-carousel{padding:0; display:block; position:relative} .mouse_wrap {width:280px; position:absolute; right:5%; bottom:6%; transform: translateY(-50%); max-width:1400px; margin:0 auto; z-index:2} .mouse_wrap .mouse i { margin-left:5px} .mouse_wrap .mouse a { font-size:17px; color:#fff; opacity:0.8; padding:18px 0; border-bottom: 1px solid rgba(255, 255, 255, .3); display:block} .mouse_wrap .mouse a:hover { opacity:1; color:#ff7d30;} .main-carousel .li{ height:90vh; background-size:cover; background-position:center; position:relative} .main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, rgba(0, 0, 0, 0.6) 10%, transparent);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:400px;opacity:.8;z-index:1} .main-carousel .jarallax { min-height: 100vh;} .main-carousel .p_mov{display: block;} .main-carousel .m_mov{display: none;} .main-carousel .slBg01 { background-image:url(../img/main/slider/main_sliderBg01.jpg);} .main-carousel .slBg06 { background-image:url(../img/main/slider/main_sliderBg06.jpg);} .main-carousel .slBg05 { background-image:url(../img/main/slider/main_sliderBg05.jpg);} .main-carousel .slBg02 { background-image:url(../img/main/slider/main_sliderBg02.jpg);} .main-carousel .slBg03 { background-image:url(../img/main/slider/main_sliderBg03.jpg);} .main-carousel .slBg04 { background-image:url(../img/main/slider/main_sliderBg04.jpg);} .main-carousel .li .copy_area_wrap {max-width:1280px; margin:auto;} .main-carousel .li .copy_area{position: absolute; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%);margin:0 auto; color:#fff; padding:0 20px; z-index:2} .main-carousel .li .copy_area span {font-size:18px; font-weight:400; margin-bottom:10px; text-transform:uppercase; color:#fff; opacity:0.8; display:inline-block; position:relative; padding-left:5px; letter-spacing:.05em} .main-carousel .li .copy_area h2{font-size:74px;font-weight:bold; line-height:1.2; letter-spacing:-2px; font-weight:300; text-align:left} .main-carousel .li .copy_area h2 strong{font-size:74px; font-weight:500;} .main-carousel .li .copy_area h2 span{font-size:34px; font-weight:300; letter-spacing:-2px; margin-bottom:5px;} .main-carousel .li .copy_area h2 span strong{font-size:34px; font-weight:500;} .main-carousel .li .copy_area .img_bn01{margin:20px 0px;} .main-carousel .li .copy_area .img_bn01 img{width: 80%; float:left;} .main-carousel .li .copy_area h3{ max-width:480px; font-size:20px;font-weight:400;text-align:left; margin:25px 0 25px 0; color:#e4e4e4; letter-spacing:-0.6px; line-height:1.6; word-break: keep-all;} .main-carousel .li .copy_area h4{font-size:16px;font-weight:600;text-align:left; width:160px;} .main-carousel .li .copy_area h4:hover {} .main-carousel .li .copy_area h4 a{font-size:16px; font-weight:300; color:#333; background:#fff; padding:15px 40px;display:block; border-radius:25px; text-align:center; letter-spacing:1px} .main-carousel .li .copy_area h4 a:hover{color:#fff; background:#ff7d30; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .main-carousel .li .copy_area .img_bn02{width:80%; position:relative; left:-10%;} .main-carousel .owl-dots{position:absolute;width:100%; text-align:left; margin:0 auto; left:9%; bottom:60px;} .main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:42px;height:4px;display:inline-block;margin:0 3px; border-radius:60px;} .main-carousel .owl-dots .owl-dot.active{background:rgba(255, 125, 48, 1)} .main-carousel .owl-nav{position:absolute;width:100%;top:45%} .main-carousel .owl-nav .owl-prev{width:31px;height:61px;position:absolute;left:50px; background-color:transparent; cursor:pointer; background-image: url(../img/prevBtn_off.png);background-repeat: no-repeat; text-indent:-9999px} .main-carousel .owl-nav .owl-next{width:31px;height:61px;position:absolute;right:50px; background-color:transparent; cursor:pointer; background-image: url(../img/nextBtn_off.png);background-repeat: no-repeat; text-indent:-9999px} .scroll_down{width:88px; position:absolute; bottom:80px; left: 50%; transform: translateX(-50%); text-align:center; z-index:1;} .scroll_down span{color:#f5f5f5; font-size:15px; font-weight:600; line-height:100%; } .scroll_down .line{background:rgba(255,255,255,0.5); width:1px; height:63px; margin:10px auto 0 auto} @media screen and (max-width:1920px) { .main-carousel .li .copy_area h2{font-size:74px;} } /* news */ .news_visual_wrap {padding:110px 0; background-color:#f8f9fa;} .news_visual_wrap h2 { text-align:center; font-size:50px; color:#111; letter-spacing:-1px; font-weight:300; margin: 0 0 18px;} .news_visual_wrap h2 .tit01{color:#eb5a09;} .news_visual_wrap .txt01 { display: block; padding:0px 20px 50px 20px; text-align:center; font-size:20px; color:#767676; font-weight:400; line-height:1.4;} .news_visual_wrap .left h2 {} .news_visual_wrap .left p { font-size:16px; color:#555; max-width:150px} .news_visual_wrap .left .news_section .title { margin-bottom:10px } .news_visual_wrap .left .news_section .title a {font-size:19px; color:#444; font-weight:500; letter-spacing:-0.5px;} .news_visual_wrap .left .news_section .title .date { padding-left:27px; padding-right:20px; color:#2d64b1; font-size:16px; letter-spacing:1px; font-weight:600; background: url(../img/b_ico.gif); background-repeat: no-repeat; background-position: left center;} .news_visual_wrap .left .news_section .memo {line-height: 1.2em;} .news_visual_wrap .left .news_section .memo a {font-size:15px; color:#555; padding-left:26px; line-height:1.75} .news_visual_wrap .right { width:47%; padding:0px; float:right;} .news_visual_wrap .right .latest_tab ul {margin:0 auto;} .news_visual_wrap .right .latest_tab ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; } .news_visual_wrap .right .latest_tab ul li { width:25%; display:block; float:left; text-align:center; border:1px solid #ddd; border-radius:30px; margin-right:10px;} .news_visual_wrap .right .latest_tab ul li a {display:block; font-size:18px; color:#111; height:42px; line-height:42px; padding:0} .news_visual_wrap .right .latest_tab ul li a.on {color:#ff7d30; font-weight:500; } @media screen and (max-width:980px) { .news_visual_wrap .left { width:100%} .news_visual_wrap .right { width:100%} } /* social */ .social_visual_wrap{padding:110px 0; background:#fff;} .social_visual_wrap .inner { max-height:1280px; margin: 0 auto;} .social_visual_wrap h2{font-size:50px;} .social_visual_wrap .pBn{display:block;} .social_visual_wrap .mBn{display:none;} /* YouTube */ .YouTube_visual_wrap {padding:110px 0; background-color:#eff1f6} .YouTube_visual_wrap .left { width:100%; clear:both} .YouTube_visual_wrap .left .photo { float:left; width:51.38%} .YouTube_visual_wrap .left .photo img { width:100%} .YouTube_visual_wrap .left .photo .img01 { height:489px; background-image:url(../img/contents06_img1.jpg); background-repeat:no-repeat; background-position: center;} .YouTube_visual_wrap .left .photo .img02 { height:489px; background-image:url(../img/contents06_img2.jpg); background-repeat:no-repeat; background-position: center;} .YouTube_visual_wrap .left .txt { padding:55px 20px 20px 135px; float:left} .YouTube_visual_wrap .left .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;} .YouTube_visual_wrap .left .owl-dots .owl-dot{background-color:#ddd;width:30px;height:5px;display:inline-block;margin-left:10px; border:0} .YouTube_visual_wrap .left .owl-dots .owl-dot.active{background-color:#3181cb} .YouTube_visual_wrap .left .owl-nav {position: absolute; right: 0; bottom:0} .YouTube_visual_wrap .left .owl-nav i { font-size:22px} .YouTube_visual_wrap .left .owl-prev{ font-size: 0; width: 64px;height: 64px; background-color:#fff; display:inline-block} .YouTube_visual_wrap .left .owl-next{ font-size: 0; width: 64px;height: 64px; background-color:#fff; margin-left:-1px; display:inline-block} .YouTube_visual_wrap .left .txt h3 { font-size:15px; color:#191919} .YouTube_visual_wrap .left .txt h2 { font-size:38px; text-align:left; font-weight:bold; color:#000;line-height:1.3; padding-top:5px} .YouTube_visual_wrap .left .txt p { font-size:17px; color:#767676; font-weight:400; padding-top:20px; line-height:1.6; max-width:400px; word-break:keep-all} .YouTube_visual_wrap .left .txt .more a {display:block; width:190px; font-size:16px; color:#000; font-weight:bold; line-height:40px; margin-top:20px; padding:0px 40px 0 0; transition: all 0.2s;} .YouTube_visual_wrap .left .txt .more a:hover {padding:0px 12px; transition: all 0.3s;} .YouTube_visual_wrap .right { width:100%; float:right; clear:both} .YouTube_visual_wrap .right .txt_box { float:left; width:230px; margin-right:30px; text-align:left; display:table} .YouTube_visual_wrap .right .txt { display:table-cell; vertical-align:top;} .YouTube_visual_wrap .right .txt h3 { font-size:25px; color:#191919; text-align:left; font-weight:400; margin-bottom:10px;} .YouTube_visual_wrap .right .txt .mh3{display:none;} .YouTube_visual_wrap .right .txt h2 { font-size:38px; text-align:left; font-weight:bold; color:#000; line-height:1.3; padding-top:5px} .YouTube_visual_wrap .right .txt p { font-size:20px; color:#767676; padding-top:30px; max-width:509px; line-height:28px;} .YouTube_visual_wrap .right .txt .more a {display:block; font-size:18px; color:#111; line-height:40px; margin-top:60px;} .yotubeslider { display: none; } .yotubeslider.owl-loaded { display: block; } .YouTube_visual_wrap .right .photo { float:right; width:1006px;} .YouTube_visual_wrap .right .photo img { width:100%} .YouTube_visual_wrap .right .photo .youtubeMv{display:flex; margin-left: 20px;} .YouTube_visual_wrap .right .photo .img01 { height:400px; margin-right:40px; background-image:url(../img/contents06_img3.jpg); background-repeat:no-repeat; background-position:center;} .YouTube_visual_wrap .right .photo .img02 { height:400px; margin-right:40px; background-image:url(../img/contents06_img4.jpg); background-repeat:no-repeat; background-position:center;} .YouTube_visual_wrap .right .owl-dots{display: none;} .YouTube_visual_wrap .right .owl-nav {position: absolute; left: -126px; bottom:0} .YouTube_visual_wrap .right .owl-nav i { font-size:28px; color:#c5c5c5;} .YouTube_visual_wrap .right .owl-nav i:hover { color:#191919;} .YouTube_visual_wrap .right .owl-prev{ font-size: 0; width: 60px;height: 60px; border:1px solid #ddd; background-color:#fff; display:inline-block} .YouTube_visual_wrap .right .owl-next{ font-size: 0; width: 60px;height: 60px; border:1px solid #ddd; background-color:#fff; margin-left:-1px; display:inline-block} /* doctor */ #doctorWrap [data-aos] { opacity: 1 !important; transform: none !important; } .doctor_visual_wrap {position:relative; height:740px; overflow: visible;} .doctor_visual_wrap .photo .img01 { height:740px; background-image:url(../img/main/doctor_sliderBg01.jpg); background-repeat:no-repeat; background-position:center right;} .doctor_visual_wrap .photo .img02 { height:740px; background-image:url(../img/main/doctor_sliderBg02.jpg); background-repeat:no-repeat; background-position:center right;} .doctor_visual_wrap .photo .img03 { height:740px; background-image:url(../img/main/doctor_sliderBg03.jpg); background-repeat:no-repeat; background-position:center right;} .doctor_visual_wrap .photo .img04 { height:740px; background-image:url(../img/main/doctor_sliderBg04.jpg); background-repeat:no-repeat; background-position:center right;} .doctor_visual_wrap .photo .img05 { height:740px; background-image:url(../img/main/doctor_sliderBg05.jpg); background-repeat:no-repeat; background-position:center right;} .doctor_visual_wrap .photo .img06 { height:740px; background-image:url(../img/main/doctor_sliderBg06.jpg); background-repeat:no-repeat; background-position:center right;} .doctor_visual_wrap .color_box {position:absolute; width:100%; line-height:1.2; z-index:3} .doctor_visual_wrap .color_box h2 { color:#fff; font-size:40px; font-weight:400; } .doctor_visual_wrap .color_box p { color:#fff; opacity:0.8; padding-top:20px; font-size:17px; font-weight:300; line-height:1.6} .doctor_visual_wrap .color_box h4 a{color:#fff;padding:10px 40px;display:block; text-align:center; letter-spacing:1px} .doctor_visual_wrap .photo {position: relative; z-index: 1;} .doctor_visual_wrap .photo .slider li{ margin:0 auto; text-align: center; background-color:#f3f3f3;} .doctor_visual_wrap .photo .slider li:nth-child(2n){background-color:#f7f7f7;} .doctor_visual_wrap .photo .slider li .ct_dr01{background-image:url(../img/main/doctor/doctor_kys.png);} .doctor_visual_wrap .photo .slider li .ct_dr02{background-image:url(../img/main/doctor/doctor_lsh.png);} .doctor_visual_wrap .photo .slider li .ct_dr03{} .doctor_visual_wrap .photo .slider li .ct_dr04{background-image:url(../img/main/doctor/doctor_lch.png);} .doctor_visual_wrap .photo .slider li .ct_dr05{background-image:url(../img/main/doctor/doctor_ljj.png);} .doctor_visual_wrap .photo .slider li .ct_dr06{} .doctor_visual_wrap .photo .slider li .ct_dr07{background-image:url(../img/main/doctor/doctor_kdh.png);} .doctor_visual_wrap .photo .slider li .ct_dr08{background-image:url(../img/main/doctor/doctor_kdy.png);} .doctor_visual_wrap .photo .slider li .ct_dr09{background-image:url(../img/main/doctor/doctor_jjh.png);} .doctor_visual_wrap .photo .slider li .ct_dr10{background-image:url(../img/main/doctor/doctor_pch.png);} .doctor_visual_wrap .photo .slider li .ct_dr11{} .doctor_visual_wrap .photo .slider li .ct_dr12{} .doctor_visual_wrap .photo .slider li .ct_dr13{background-image:url(../img/main/doctor/doctor_kjh.png);} .doctor_visual_wrap .photo .slider li .ct_dr14{} .doctor_visual_wrap .photo .slider li .ct_dr15{} .doctor_visual_wrap .photo .slider li .ct_dr16{background-image:url(../img/main/doctor/doctor_jhs.png);} .doctor_visual_wrap .photo .slider li .ct_dr17{background-image:url(../img/main/doctor/doctor_jkd.png);} .doctor_visual_wrap .photo .slider li .ct_dr18{background-image:url(../img/main/doctor/doctor_hcm.png);} .doctor_visual_wrap .photo .slider li a{position: relative; display: block; width: 420px; height: 274px; padding:50px 20px 0 190px; margin: 0 auto; background-repeat: no-repeat; background-position: 2px 15px; background-size: contain; transition: 1s all; transform: translateY(0px);} .doctor_visual_wrap .photo .slider h2 { font-size:70px; color:#fff; font-weight:300; text-align:center;} .doctor_visual_wrap .photo .slider p { color:#fff; opacity:0.8; font-size:20px; font-weight:400; line-height:1.4; word-break:keep-all} .doctor_visual_wrap .photo .slider p .dr_more {display: inline-block; position: absolute; width:unset; height:unset; top: 18px; right: 0; padding:12px; font-size: 16px; color: #fff; background: url('../img/main/icon/arrow_icon_w.png') no-repeat 100% 50%; transition: 0.3s ease-out; letter-spacing:0;} .doctor_visual_wrap .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:0px;} .doctor_visual_wrap .owl-dots .owl-dot{ background-color:unset; color:#000; width:35px;height:35px;display:inline-block;margin:0 5px; border-radius:50px; cursor:pointer} .doctor_visual_wrap .owl-dots .owl-dot.active{ background-color:#ee3719} .doctor_visual_wrap .photo .owl-nav { display:none} .doctor_visual_wrap .photo h4{font-size:16px;font-weight:600;text-align:left; width:170px; margin-top:20px} .doctor_visual_wrap .photo h4 a{ background-color:#3147cf; color:#fff; text-align:center; padding:20px 60px;display:block; letter-spacing:1px} .doctor_visual_wrap .photo h4:hover { color:#222; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .doctor_visual_wrap .color_box .owl-dots{top:660px;} .doctor_visual_wrap .color_box .owl-dots .owl-dot{color:#fff; width:28px;height:28px;display:inline-block; border-radius:50px; cursor:pointer; border:0} .doctor_visual_wrap .color_box .owl-dots .owl-dot.active{background-color:#eb5a09; border:0} .doctor_visual_wrap span{font-size:20px; color:#fff; opacity:0.8; padding:30px 20px 30px 20px; font-weight:400; letter-spacing:-0.5px; display:block} .doctor_visual_wrap p { font-size:13px; color:#fff; opacity:0.6; letter-spacing:0px; font-weight:300} .doctor_visual_wrap ul {} .doctor_visual_wrap .drBn {margin-top:64px} .doctor_visual_wrap .doctor_cont{padding-top:80px; max-width:1280px; margin:0 auto;} .doctor_visual_wrap .doctor_cont ul li {} .doctor_visual_wrap .bn02 ul li {width:50%; float:left; position:relative; border-right:0} .doctor_visual_wrap .bn03 ul li {width:33.3%; float:left; position:relative; border-right:0} .doctor_visual_wrap .bn04 ul li {width:25%; float:left; position:relative; border-right:0} .doctor_visual_wrap .doctor_cont ul li .center {display: inline-block; height: 24px; padding: 0 14px; border-radius: 2px; border: 1px solid #eb5a09; font-size: 14px; color: #fff; line-height: 20px; background: #ff7d30; float:left;} .doctor_visual_wrap .doctor_cont ul li dl {padding-top:36px; text-align: left;} .doctor_visual_wrap .doctor_cont ul li:last-child dl {border-right:0;} .doctor_visual_wrap .doctor_cont ul li dl dt {font-size:24px; color:#000; margin-bottom:20px} .doctor_visual_wrap .doctor_cont ul li dl dd {font-size:15px; color:#666; line-height:1.4; font-weight:300;} .doctor_visual_wrap .color_box .owl-dots {counter-reset: dots; border:0} .doctor_visual_wrap .color_box .owl-dot:before {counter-increment:dots; content: counter(dots); border-radius:50px; color:#fff; font-size:16px; width:100%; height:100%; vertical-align: top; display:inline-block; padding-left:1px; padding-top:5px;font-weight:600;} .doctor_visual_wrap .color_box .owl-dot.active:before { color:#fff} /* centumInfor */ .centumInfor_visual_wrap .pBn{display:block;} .centumInfor_visual_wrap .mBn{display:none;} /* 건강정보 */ .healthInfo_visual_wrap {padding:110px 0; background:#f6f7fb;} .healthInfo_visual_wrap h2 { text-align:center; font-size:50px; letter-spacing:-1px; font-weight:300; margin: 0 0 18px;} .healthInfo_visual_wrap h2 .b01{font-weight:600; color:#111;} .healthInfo_visual_wrap .txt01 { display: block; padding: 0px 20px 50px 20px; text-align:center; font-size:20px; color:#767676; font-weight:400; line-height:1.4;} .healthInfo_visual_wrap ul{width:calc(100% + 20px); margin:0px 0 0 2px;} .healthInfo_visual_wrap ul li h2 { display:block; font-size:24px; font-weight:bold; padding:0px; text-align:center; color:#333} .healthInfo_visual_wrap ul li span { font-size:26px; display:block; padding-bottom:0px; text-align:center; letter-spacing:0} .healthInfo_visual_wrap ul li {background:#fff; margin: 0 10px 10px 0} .healthInfo_visual_wrap ul li a {position:relative; display:block; width:100%; padding:30px 0; background:#fff;} .healthInfo_visual_wrap ul li a .center_icon{text-align: center;} .healthInfo_visual_wrap ul li a .center_icon .ic01 {display:inline-block;} .healthInfo_visual_wrap ul li a .center_icon .ic02 {display:none;} .healthInfo_visual_wrap ul li a:hover {background:#ff7d30;} .healthInfo_visual_wrap ul li a:hover .center_icon .ic01 {display:none;} .healthInfo_visual_wrap ul li a:hover .center_icon .ic02 {display:inline-block;} .healthInfo_visual_wrap ul li a:hover h2 {color:#fff;} .healthInfo_visual_wrap ul li a:hover .sub_txt p {background:#fff; color:#eb5a09; font-weight:600} .healthInfo_visual_wrap ul li .sub_txt{margin:15px 5% 0px;} .healthInfo_visual_wrap ul li .sub_txt p{display:inline-block; background:#ff7d30; color:#fff; margin:3px; font-size:13px; padding:5px 13px; border-radius: 30px;} .healthInfo_visual_wrap ul .down01 {margin-top:50px; width:19%} .healthInfo_visual_wrap ul .down02 {margin-top:50px; width:24%} .healthInfo_visual_wrap ul li .img { width:100%; height:380px; background-repeat:no-repeat; background-position:top center; background-size:cover; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;} .healthInfo_visual_wrap ul li .img01 { background-image:url(../img/contents05_img1.jpg)} .healthInfo_visual_wrap ul li .img02 { background-image:url(../img/contents05_img2.jpg)} .healthInfo_visual_wrap ul li .img03 { background-image:url(../img/contents05_img3.jpg)} .healthInfo_visual_wrap ul li .img04 { background-image:url(../img/contents05_img4.jpg)} .healthInfo_visual_wrap ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)} .healthInfo_visual_wrap .healthBn{position:relative;min-height:1px; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0} .healthInfo_visual_wrap .healthBn {width:23.8%;} /* 정보배너 */ .inforbanner_visual_wrap {padding:110px 0; background: #fff;} .inforbanner_visual_wrap .inner {max-width:1280px;} .inforbanner_visual_wrap .left {width:50%; float:left} .inforbanner_visual_wrap .left .box01 { width:calc(100% - 9.5px); height:540px; padding:60px; border-radius:10px; margin-right:9px; margin-bottom:9px; background: linear-gradient( to left top, rgba(20, 20, 20, 0) 10%, rgba(20, 20, 20, 0.25) 25%, rgba(20, 20, 20, 0.5) 50%, rgba(20, 20, 20, 0.75) 75%, rgba(20, 20, 20, 1) 100% ), url(../img/middel_content_box01.jpg); background-size: cover; } .inforbanner_visual_wrap .left .box01 .since {color:#fff; text-align:left; font-weight:300; font-size:16px; letter-spacing:0} .inforbanner_visual_wrap .left .box01 h2 {color:#fff; text-align:left; font-weight:100; letter-spacing:-3px; line-height:1.2; font-size:42px} .inforbanner_visual_wrap .left .box01 h2 strong{font-size:50px} .inforbanner_visual_wrap .left .box01 h2 span {display:block; text-align:left; font-size:15px; padding:20px 0; line-height:1.6; color:#fff; letter-spacing:0; font-weight:300; opacity:0.8} .inforbanner_visual_wrap .left a{position:relative; display:block; width:calc(50% - 10.5px); height:270px; border-radius:10px; margin-right:9px; padding:65px 50px; text-align:center; background-color:#ff7d30; float:left} .inforbanner_visual_wrap .left a:hover{background-color:#eb5a09;} .inforbanner_visual_wrap .left .box03_1 h2 {color:#fff; font-weight:500; font-size:30px; letter-spacing:-1px; padding-top:10px;} .inforbanner_visual_wrap .left .box03_1 h2 span { display:block; font-size:16px; letter-spacing:-0.5px; padding:10px 0 30px 0; color:#fff; font-weight:300; opacity:0.8} .inforbanner_visual_wrap .left .box03_1 h2 .fh_number {font-size:30px; padding:3px 0 30px 0; letter-spacing:-1px; color:#fff; font-weight:600; opacity:1;} .inforbanner_visual_wrap .left .box03_1 a {display:inline-block; font-size:16px; border:1px solid rgba(255, 255, 255, .4); color:#fff; line-height:40px; padding:0 20px; transition: all 0.2s} .inforbanner_visual_wrap .left .box03_1 a:hover {padding:0 40px;transition: all 0.3s;background-color: #ffffff;border: 1px solid #ffffff;color: #ff9900;} .inforbanner_visual_wrap .left .box03_1 i {font-size:12px} .inforbanner_visual_wrap .left .box03_2 h2 {color:#fff; font-weight:500; font-size:30px; letter-spacing:-1px; padding-top:10px;} .inforbanner_visual_wrap .left .box03_2 h2 span { display:block; font-size:16px; letter-spacing:-0.5px; padding:10px 0 30px 0; color:#fff; font-weight:300; opacity:0.8} .inforbanner_visual_wrap .left .box03_2 h2 .fh_number {font-size:30px; padding:3px 0 30px 0; letter-spacing:-1px; color:#fff; font-weight:600; opacity:1;} .inforbanner_visual_wrap .left .box03_2 a {display:inline-block; font-size:16px; border:1px solid rgba(255, 255, 255, .4); color:#fff; line-height:40px; padding:0 20px; transition: all 0.2s} .inforbanner_visual_wrap .left .box03_2 a:hover {padding:0 40px;transition: all 0.3s;background-color: #ffffff;border: 1px solid #ffffff;color: #ff9900;} .inforbanner_visual_wrap .left .box03_2 i {font-size:12px} .inforbanner_visual_wrap .left .box04 {position:relative; display:block; width:calc(50% - 10.5px); height:270px; border-radius:10px; margin-right:9px; padding:65px 50px; text-align:center; background-color:#ff7d30; float:left} .inforbanner_visual_wrap .left .box04 h2 {color:#fff; font-weight:500; font-size:30px; letter-spacing:-1px} .inforbanner_visual_wrap .left .box04 h2 span {display:block; font-size:45px; padding:0; color:#fff; font-weight:bold;} .inforbanner_visual_wrap .left .box04 p {font-size:15px; color:#fff; opacity: 0.8; margin-top:10px} .inforbanner_visual_wrap .right {width:50%; float:left} .inforbanner_visual_wrap .right .box {position:relative; background-repeat:no-repeat; background-size:cover} .inforbanner_visual_wrap .right .box i {font-size:24px; font-weight:100} .inforbanner_visual_wrap .right .box i:hover {color:#FC3} .inforbanner_visual_wrap .right .box02 i {font-size:12px} .inforbanner_visual_wrap .right .box03 .plus_more {transition: all 0.2s; position:absolute; top:70%;left:50%;transform: translate(-50%); color: #fff; font-size: 0.9rem; width:50px; height:50px; line-height:50px; text-align:center; z-index:2} .inforbanner_visual_wrap .right .box04 .plus_more {transition: all 0.2s; position:absolute; top:70%;left:50%;transform: translate(-50%); color: #fff; font-size: 0.9rem; width:50px; height:50px; line-height:50px; text-align:center; z-index:2;} .inforbanner_visual_wrap .right .box02 {width: 100%; height:260px; border-radius:10px; margin-right:9px; margin-bottom:9px; text-align:left; background-color:#ebf0f5; clear:both} .inforbanner_visual_wrap .right .box02 h2 {color:#212121; font-weight:500; font-size:30px; letter-spacing:-1px} .inforbanner_visual_wrap .right .box02 h2 span { display:block; font-size:16px; padding:10px 0 20px 0; color:#212121; font-weight:300; letter-spacing:-0.5px; line-height:1.6; opacity:0.8} .inforbanner_visual_wrap .right .box02 a{width: 100%; display:inline-block; font-size:16px; color:#fff; } .inforbanner_visual_wrap .right .box02 .timeBox01{width:42%; display:inline-block; padding:25px 0px 25px 40px; float: left;} .inforbanner_visual_wrap .right .box02 .timeBox01 .more {display:inline-block; margin-top:40px; background-color:#fff; border:1px solid #ff7d30; padding:0.8rem 1.5rem; width:140px; color:#ff7d30; text-align:center; font-size:16px; border-radius: 30px; transition: all .2s} .inforbanner_visual_wrap .right .box02 .timeBox01 .more:hover { background-color:#eb5a09; color:#fff} .inforbanner_visual_wrap .right .box02 .timeBox02 {width:58%; display:inline-block; padding:25px; } .inforbanner_visual_wrap .right .box02 .timeBox02 h2 {margin:0 0 15px; font-size:22px; font-weight:300; text-align: center; } .inforbanner_visual_wrap .right .box02 .timeBox02 h2 span.bold {font-weight:700; display: inline-block; font-size: 22px; padding:0px;} .inforbanner_visual_wrap .right .box02 .timeBox02 ul li {margin:0 0 15px; text-align:center; font-size:18px; font-weight:300; color:#1e1e1e;} .inforbanner_visual_wrap .right .box02 .timeBox02 ul li:last-child {margin:0;} .inforbanner_visual_wrap .right .box02 .timeBox02 ul li span.day {display:inline-block; width:77px; height:32px; margin:0 12px 0 0; line-height:32px; font-size:15px; font-weight:700; text-align:center; color:#fff; border-radius:16px; background:#ff7d30; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px;} .inforbanner_visual_wrap .right .box03 {position:relative; display:block; width:calc(50% - 4.7px); height:270px; border-radius:10px; margin-right:9px; margin-bottom:9px; padding:65px 30px; text-align:center; background-color:#ebf0f5; float:left} .inforbanner_visual_wrap .right .box03:last-child{margin-right:0} .inforbanner_visual_wrap .right .box03 h2 {color:#212121; font-weight:500; font-size:30px; letter-spacing:-1px; padding-top:10px;} .inforbanner_visual_wrap .right .box03 h2 span { display:block; font-size:16px; letter-spacing:-0.5px; padding:10px 0 30px 0; color:#212121; font-weight:300; opacity:0.8} .inforbanner_visual_wrap .right .box03 a {display:inline-block; font-size:16px; border:1px solid rgba(255, 255, 255, .4); color:#fff; line-height:40px; padding:0 20px; transition: all 0.2s} .inforbanner_visual_wrap .right .box03 a:hover {padding:0 40px;transition: all 0.3s;background-color: #ffffff;border: 1px solid #ffffff;color: #ff9900;} .inforbanner_visual_wrap .right .box03 i {font-size:12px} .inforbanner_visual_wrap .right .box04 {position:relative; display:block; width:calc(50% - 10.5px); height:270px; border-radius:10px; margin-right:9px; padding:65px 50px; text-align:center; background-color:#ebf0f5; float:left} .inforbanner_visual_wrap .right .box04 h2 {color:#212121; font-weight:500; font-size:30px; letter-spacing:-1px} .inforbanner_visual_wrap .right .box04 h2 span {display:block; font-size:45px; padding:0; color:#212121; font-weight:bold;} .inforbanner_visual_wrap .right .box04 p {font-size:15px; color:#212121; opacity: 0.8; margin-top:10px} .centumInfor_visual_wrap { padding:110px 0; background-color:#f8f9fa;} .centumInfor_visual_wrap h2 { text-align:center; font-size:50px; color:#111; letter-spacing:-1px; font-weight:300; margin: 0 0 18px;} .centumInfor_visual_wrap h2 .tit01{color:#eb5a09;} .centumInfor_visual_wrap .txt01 { display: block; padding:0px 20px 50px 20px; text-align:center; font-size:20px; color:#767676; font-weight:400; line-height:1.4;} /* 센텀정보 */ .centumInfor_visual_wrap .left { width:48%; padding:0px; float:left} .centumInfor_visual_wrap .left h2 {} .centumInfor_visual_wrap .left p { font-size:16px; color:#555; max-width:150px} .centumInfor_visual_wrap .left .blog_section li {padding: 0;} .centumInfor_visual_wrap .left .blog_section .title { margin-bottom:10px } .centumInfor_visual_wrap .left .blog_section .title a {font-size:19px; color:#444; font-weight:500; letter-spacing:-0.5px;} .centumInfor_visual_wrap .left .blog_section .title .date { padding-left:27px; padding-right:20px; color:#2d64b1; font-size:16px; letter-spacing:1px; font-weight:600; background: url(../img/b_ico.gif); background-repeat: no-repeat; background-position: left center;} .centumInfor_visual_wrap .left .blog_section .memo {line-height: 1.2em;} .centumInfor_visual_wrap .left .blog_section .memo a {font-size:15px; color:#555; padding-left:26px; line-height:1.75} .centumInfor_visual_wrap .right { width:48%; padding:0px; float:right;} .centumInfor_visual_wrap .right .latest_tab ul {margin:0 auto;} .centumInfor_visual_wrap .right .latest_tab ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; } .centumInfor_visual_wrap .right .latest_tab ul li { width:25%; display:block; float:left; text-align:center; border:1px solid #ddd; border-radius:30px; margin-right:10px;} .centumInfor_visual_wrap .right .latest_tab ul li a {display:block; font-size:18px; color:#111; height:42px; line-height:42px; padding:0} .centumInfor_visual_wrap .right .latest_tab ul li a.on {color:#ff7d30; font-weight:500; } @media screen and (max-width:980px) { .centumInfor_visual_wrap .left { width:100%} .centumInfor_visual_wrap .right { width:100%} } @media screen and (max-width: 960px) { .inforbanner_visual_wrap .left {width:100%} .inforbanner_visual_wrap .right {width:100%} .inforbanner_visual_wrap .right .box04 {width:100%} } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;} 100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;} } /* 협력병원 */ .affiliated_visual_wrap {position:relative; width:100%; padding:10px 0px 0px; background:#f4f4f4; clear: both; } .about_info01{position:relative; top:-30px; display: inline-block; width:13%; } .about_info01 .tit_h2{font-size: 18px; color: #414141;} .affiliated_slider_wrap{display: inline-block; width:83%;} /*서브상단*/ .sub_visual{position:relative;max-width:2560px;margin:0 auto;overflow:hidden;background-repeat:no-repeat;background-position:center top} .sub_visual.mission .bg{background-image:url(../img/sub/subTopBn_0106.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size: 145%;} .sub_visual.specialty .bg{background-image:url(../img/sub/subTopBn_0107.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size: 145%;} .sub_visual.equipment .bg{background-image:url(../img/sub/subTopBn_0104.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size: 145%;} .sub_visual.doctor .bg{background-image:url(../img/sub/subTopBn_0102.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size: 100%;} .sub_visual.tour .bg{background-image:url(../img/sub/subTopBn_0103.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size: 145%;} .sub_visual.location .bg{background-image:url(../img/sub/subTopBn_0105.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size: 145%;} .sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.jpg)} .sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)} .sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)} .sub_visual.doctor_SubBg{height:150px;} .sub_visual.doctor_SubBg .bg{background:#f7f7f7; z-index: -9;} .sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)} .sub_visual.visual06 .bg{background-image:url(../img/sub_visual06.jpg)} /* .sub_visual:hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} */ .sub_visual .title_warp { max-width:1920px; margin:0 auto; height:650px;} .sub_visual .title_warp .title_page {position: relative; padding-top:280px; max-width:1300px; margin:0 auto; z-index:2} .sub_visual h3{font-size:22px;font-weight:500; padding-bottom:20px; letter-spacing:1px; color:#fff; opacity:0.8} .sub_visual .sub_title2{font-size:16px;font-weight:300; letter-spacing: 8px; text-align: center; padding-bottom:20px; color:#fff; opacity:0.8} .sub_visual .main_title{font-size:52px; font-weight:300; text-align:center; color:#fff; letter-spacing:0px;} .sub_visual .main_title2{font-size:56px; font-weight:600; text-align:center; color:#fff; letter-spacing:0px; line-height:76px; } .sub_visual .inBox {font-size:16px; padding-top:10px; color:#fff} .sub_visual .inBox i { font-size:16px; color:#fff; display:inline-block;} .sub_visual .inBox a { padding:0 13px 0 0} .sub_visual .inBox span {padding:0 13px; opacity:0.8; font-size:16px; font-weight:400; color:#fff} .sub_visual .inBox span.strong { opacity:1; padding:0 0 0 13px} .sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.9);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1280px;opacity:.6;z-index:1} .sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .sub_visual.tmp {height:80px; background-color:#fff;} .sub_visual.tmp .title_warp {display:none;} /*서브 제목*/ .content_wrap { width:100%; margin:0 auto;} .content_wrap .txtCon{ max-width:1280px; margin:0 auto;} .content_wrap .innerCont { max-width:1280px; margin:0 auto; font-size:17px; letter-spacing:-0.02em; line-height:1.75; color:#272727; font-weight:300; clear:both} .content_wrap .innerCont .sub_title{margin:110px 0 40px; padding:0; text-align:center;} .content_wrap .innerCont .sub_title h2 {font-size:56px; color:#000;} .content_wrap .innerCont .sub_title p {font-size: 28px; line-height: 38px; color:#272727; word-break:keep-all; padding:25px 0 0px; font-weight:300;} .content_wrap .innerCont .mtb01{margin:110px 0;} .content_wrap .innerCont .mtb02{margin:110px 0 60px;} .content_wrap .innerCont .content_area { width:100%;} .content_wrap .txtboard { max-width:1280px; margin:0 auto; padding:20px 20px 50px 20px; font-size:14px; line-height:1.75; letter-spacing:-0.02em; clear:both} .content_wrap .txtboard span { font-size:16px} .content_wrap .txtCon .sub_title{text-align:center; margin:110px 0px; padding:0px;} .content_wrap .txtCon .sub_title h2{ font-size:56px} .content_wrap .txtCon .sub_title p{font-size: 28px; color:#666; line-height: 38px; font-weight: 500; margin-top:50px;} .content_wrap .txtCon .sub_title .sub_txt{font-size: 32px; line-height: 42px; font-weight: 500; margin-top:50px;} /*서브 하단 네비*/ .share-area {float: right; display:block; padding-top:13px;box-sizing: border-box;} .share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left} .share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px} .share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0} .share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; cursor:pointer} .share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;} .share-area .share-btn{width:34px;height:34px;background-image:url(../img/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease; background-color: inherit; border:0; margin-right:20px} .share-area .share-btn.active {background-image: url(../img/share_close_bt.png);border-left: 1px solid #fff;} /*푸터*/ #footer{ position:relative; width:100%; height:auto; background:#30343b; clear:both} .foot_menu{width:100%; padding:20px 0px; background:#30343b; border-bottom:1px solid rgba(255,255,255,0.07); } .foot_menu .fm{ float:left} .foot_menu .fm li{ display:inline-block; font-size: 16px; opacity: 0.4; line-height:2em; margin-right:15px; padding-right:15px; border-right:1px solid rgba(255,255,255,0.07); } .foot_menu .fm li a{ font-size:1.08em; color:rgba(255,255,255,0.9);} .foot_menu .fm li a.point{color:#32c0eb;} .foot_menu .fm li:last-child{border-right:0; margin-right:0} .foot_menu .sns{ float:right} .foot_menu .sns li{ display:inline-block; margin-left:10px; font-size:24px; } .foot_menu .sns li:first-child {margin-left:0; } .foot_menu .sns li a { color:#777} .foot_menu .sns li a:hover { color:#fff} .foot_menu .menu { margin-top:20px; } .foot_menu #phone { display:inline-block; color:#fff; font-size:16px; text-align:center; padding: 0px 20px; background-color:#6C6} .foot_menu #kakao{ display:inline-block; color:#000; font-size:16px; text-align:center; padding: 0px 20px; background-color:#ffeb33} .footer_in {max-width:1280px; height:auto; padding:38px 0px; margin:0 auto; box-sizing:border-box} .footer_in address h1{ font-size:16px; line-height:1.8; padding-bottom:10px; color:#fff; font-weight:bold; } .footer_in address p{ overflow:hidden; font-size:13px} .footer_in address p strong{ font-weight: 500; color:rgba(255,255,255,0.5);} .footer_in address p span{display:inline-block;margin-right:10px; line-height:1.8em; font-size:16px; letter-spacing:0; color:rgba(255,255,255,0.4)} .footer_in address p.addr{margin-top:18px;} .footer_in address .num{color:rgba(255,255,255,0.5);} .footer_in address p.copylight{ font-size:13px; color:#999; margin-top:18px; letter-spacing:0} .footer_in address{float:left; width:65%; font-style:normal} .footer_in .customer{float:right; color:rgba(255,255,255,0.5); margin-left:20px; padding-left:30px; border-left:1px solid rgba(255,255,255,0.3); font-size:13px;} .footer_in .customer .main_tel{font-size:18px; font-weight:300; color:#fff; margin-bottom:20px; margin-top:20px; letter-spacing:0} .footer_in .customer .main_tel span{font-size:28px; font-weight:bold; color:#ff7d30; display:block; margin-top:10px;} #mlayerPopup .layerPopups_closeWrap { position: absolute; top: 5px; left: 0; right: 0; width: 100%; text-align: center; } #mlayerPopup .layerPopups_closeWrap span{color:#fff; display: inline-block; position: absolute; font-size: 16px; top:-32px; left:10px;} /*푸터*/ @media screen and (max-width:1440px) { /* slider */ .slider_visual_wrap .visual_slider{height:78vh;} .main-carousel .jarallax{min-height:78vh;} .main-carousel .li{height:78vh;} .mouse_wrap{width:220px; bottom:20%;} .mouse_wrap .mouse a{font-size:16px; padding:15px 0;} .main-carousel .li .copy_area h2{font-size:64px; } .main-carousel .li .copy_area h2 strong{font-size:64px; } .main-carousel .li .copy_area h2 span{font-size:32px;} .main-carousel .li .copy_area h2 span strong{font-size:32px;} .main-carousel .li .copy_area h3{font-size:18px;} .main-carousel .li .copy_area .img_bn02{width:70%; position:relative; left:0%;} } @media screen and (min-width: 1280px) and (max-width:1439px) { .content_wrap .inner{padding:0 20px;} .slider_visual_wrap{min-width:1280px;} .slider_visual_wrap .mouse_wrap{bottom:25%;} .inner{padding:0 20px;} .sub_visual .title_warp{height:70vh;} .sub_visual .title_warp .title_page {padding:280px 40px 0;} .sub_visual.doctor .title_warp{height:70vh;} .sub_visual.doctor .title_warp .title_page {padding:280px 40px 0;} .slider_visual_wrap .visual_slider{height:72vh;} .main-carousel .jarallax{min-height:72vh;} .main-carousel .li{height:72vh;} .main-carousel .li .copy_area h4{width:130px;} .main-carousel .li .copy_area h4 a{padding:10px 30px;} .main-carousel .owl-dots{bottom:40px;} .main-carousel .li .copy_area h2{font-size:58px; } .main-carousel .li .copy_area h2 strong{font-size:58px;} .main-carousel .li .copy_area h2 span{font-size:28px;} .main-carousel .li .copy_area h2 span strong{font-size:28px;} .main-carousel .li .copy_area h3{font-size:17px;} .main-carousel .li .copy_area h3 em{display: block;} .main-carousel .li .copy_area .img_bn01 img{width: 60%;} .YouTube_visual_wrap .right .txt_box{width:200px;} .doctor_visual_wrap .photo .slider p .dr_more{right:32px;} .doctor_visual_wrap .drBn{margin-top:40px; padding:20px;} .footer_in{padding:38px 20px;} } @media screen and (min-width: 1024px) and (max-width:1279px) { /*sub*/ .content_wrap .innerCont{padding:0 20px;} .content_wrap .inner{padding:0;} .content_wrap .innerCont .sub_title p{font-size:20px; line-height:30px; padding:25px 0px 0px;} .sub_visual.doctor .bg{background-size:125%; background-position:50% 0%;} .sub_visual.doctor .title_warp{height:658px;} .sub_visual.doctor .bg{background-size:139%; background-position:50% 0%;} .sub_visual.doctor .title_warp .title_page {padding:280px 40px 0;} .sub_visual .title_warp{height:472px;} .sub_visual .title_warp .title_page{padding:180px 40px 0;} .sub_visual.specialty .bg{background-position:50% 0%; background-size: 145%;} .slider_visual_wrap .visual_slider{height:64vh;} .main-carousel .jarallax{min-height:64vh;} .main-carousel .li{width:100%; height:64vh;} .main-carousel .li .copy_area h2{font-size:54px;} .main-carousel .li .copy_area h2 strong{font-size:54px;} .main-carousel .li .copy_area h2 span{font-size:26px;} .main-carousel .li .copy_area h2 span strong{font-size:26px;} .main-carousel .li .copy_area h4{width:128px} .main-carousel .li .copy_area h4 a{padding:12px 30px;} .main-carousel .li .copy_area .img_bn01 img{width: 60%;} .main-carousel .owl-nav{display: none;} .main-carousel .owl-dots{left:6%; bottom:10%;} .inner{padding:0 20px;} .mouse_wrap{width:180px; bottom:32%;} .mouse_wrap .mouse a{font-size:14px; padding:10px 0;} .news_visual_wrap{padding:80px 0;} .social_visual_wrap{padding:80px 0;} .YouTube_visual_wrap{padding:80px 0;} .YouTube_visual_wrap .right .photo{width:73%;} .YouTube_visual_wrap .right .yotubelogo img{margin:0px;} .doctor_visual_wrap .photo .slider li a{width:326px;} .doctor_visual_wrap .doctor_cont ul li dl dd{font-size:13px;} .healthInfo_visual_wrap{padding:80px 0;} .healthInfo_visual_wrap ul li .sub_txt p{margin:2px; font-size: 11px; padding:5px 10px;} .healthInfo_visual_wrap ul li a{height:auto;} .centumInfor_visual_wrap{padding:80px 0;} .inforbanner_visual_wrap{padding:80px 0;} .inforbanner_visual_wrap .right .box02 .timeBox01{padding:20px 0px 20px 30px;} .inforbanner_visual_wrap .right .box02 h2{font-size:22px;} .inforbanner_visual_wrap .right .box02 .timeBox02{padding:20px 20px 20px 0px;} .inforbanner_visual_wrap .right .box02 .timeBox02 ul li{font-size:17px;} .inforbanner_visual_wrap .right .box02 .timeBox02 ul li span.day{width:74px; height: 28px; margin:0 10px 0 0; line-height:30px;} .inforbanner_visual_wrap .left .box01{height:440px;} .inforbanner_visual_wrap .right .box02{height:230px;} .inforbanner_visual_wrap .right .box03{height:202px; padding:28px 30px;} .inforbanner_visual_wrap .right .box03 h2{font-size:24px;} .inforbanner_visual_wrap .left .box03_1 h2{font-size:24px;} .inforbanner_visual_wrap .left a{padding:36px 20px; height:202px;} .inforbanner_visual_wrap .left .box03_2 h2{font-size:24px;} .inforbanner_visual_wrap .left .box03_2 h2 .fh_number{font-size:24px;} .doctor_visual_wrap .drBn{padding:0 20px;} .footer_in{padding:38px 20px;} } @media screen and (max-width: 1023px) { /* sideQuick */ #sideQuick { display:none;} /* mobile button */ #open-button{position:fixed;z-index:10000;right:15px;padding-top:18px;width:75px; height:80px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer;display:block; } #open-button .navicon-line{position:absolute;width:20px;height:2px;border-radius:1px;background:#fff;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out} #open-button .nl1 {top: 11px;right: 10px; width:30px;} #open-button .nl2 {top: 19px;right: 10px; width:24px;} #open-button .nl3 {top: 27px;right: 10px; width:30px;} #open-button.on>div>div{transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);width:25px;position:absolute;top:15px;right:10px;margin:0;padding:0;background-color:#fff;} #open-button.on>div>div:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)} #open-button.scrolled .navicon-line {background-color: #333;} #open-button.on.scrolled >div>div{background-color:#fff;} .slider_visual_wrap .visual_slider{height:72vh;} .main-carousel .jarallax{min-height:72vh;} .main-carousel .li{width:72%; height:72vh;} .main-carousel .li .copy_area h2{font-size:52px;} .main-carousel .li .copy_area h2 strong{font-size:52px;} .main-carousel .li .copy_area h2 span{font-size:26px;} .main-carousel .li .copy_area h2 span strong{font-size:26px;} .main-carousel .li .copy_area h4{width:140px;} .main-carousel .li .copy_area h4 a{padding:10px 25px;} .main-carousel .li .copy_area .img_bn02{width:62%; position:relative; left:5%;} .mouse_wrap{width:200px; bottom:24%;} .mouse_wrap .mouse a{font-size:14px; padding: 12px 0;} .main-carousel .owl-dots{left:4%; bottom:40px;} .main-carousel .owl-nav{display: none;} /*sub*/ .content_wrap .innerCont{padding:0 20px;} .content_wrap .inner{padding:0;} .content_wrap .innerCont .sub_title p{font-size:20px; line-height:30px; padding:25px 0px 0px;} .sub_visual .title_warp{height:472px;} .sub_visual.specialty .bg{background-position:50% 0%; background-size: 145%;} .sub_visual.doctor .bg{background-size:145%; background-position:50% 0%;} .sub_visual.doctor .title_warp .title_page{padding:280px 40px 0;} .sub_visual.doctor .title_warp{height:65vh;} .sub_visual.doctor .bg{background-size:125%;} } @media screen and (max-width:960px){ /* layerPopup */ #hd_layerPopup{display: none;} #mlayerPopup{display: block;} #mlayerPopup .layerPopups_closeWrap{left:25%;} .sub_visual.specialty .bg{background-position:50% 0%; background-size: 145%;} /* main slider */ .main-carousel .owl-nav{display: none;} .mouse_wrap{display: none; width:210px;} .mouse_wrap .mouse a{font-size:20px; padding:15px 0 12px;} .slider_visual_wrap .visual_slider{height:100vh;} .main-carousel .jarallax{min-height:100vh;} .main-carousel .li{width:72%; height:100vh; background-position: 50% 50%; background-repeat: no-repeat;} .main-carousel .li .copy_area{top:48%;} .main-carousel .li .copy_area h2{font-size:62px;} .main-carousel .li .copy_area h2 strong{font-size:62px;} .main-carousel .li .copy_area h2 span{font-size:36px;} .main-carousel .li .copy_area h2 span strong{font-size:36px;} .main-carousel .li .copy_area h3{margin:15px 0 30px 0; font-size:24px;} .main-carousel .li .copy_area h4 a{font-size:16px;} .main-carousel .li .copy_area span{font-size:22px;} .main-carousel .li .copy_area .img_bn02{width:80%; position:relative; left:15%; margin:0 auto 240px;} .main-carousel .slBg01 {background-image:url(../img/mobile/slider/m_main_sliderBg01.jpg);} .main-carousel .slBg06 {background-image:url(../img/mobile/slider/m_main_sliderBg06.jpg);} .main-carousel .slBg05 {background-image:url(../img/mobile/slider/m_main_sliderBg05.jpg);} .main-carousel .slBg02 {background-image:url(../img/mobile/slider/m_main_sliderBg02.jpg);} .main-carousel .slBg03 {background-image:url(../img/mobile/slider/m_main_sliderBg03.jpg);} .main-carousel .slBg04 {background-image:url(../img/mobile/slider/m_main_sliderBg04.jpg);} .main-carousel .p_mov{display: none;} .main-carousel .m_mov{display: block; overflow:hidden;} .visual_slider{height:unset;} .main-carousel .owl-dots{bottom:40px; left:6%;} .main-carousel .owl-dots .owl-dot{width:48px; height:6px;} /* sub */ .sub_visual .title_warp { width:100%; height: 52vh;} .sub_visual .title_warp .title_page{padding:180px 40px 0;} .sub_visual h3 { font-size:12px} .sub_visual .main_title { font-size:42px;} .sub_visual .inBox { font-size:12px} .sub_visual.doctor .sub_title{font-size:22px;} /* news */ .news_visual_wrap{padding:60px 0;} .news_visual_wrap .txt01{display:none;} /* social */ .social_visual_wrap{height:auto; padding:60px 0;} /* YouTube */ .YouTube_visual_wrap {padding:60px 0;} .YouTube_visual_wrap .right .photo { width:100%} .YouTube_visual_wrap .right .txt {width:100%} .YouTube_visual_wrap .right .txt .more a{margin-top:0;} .YouTube_visual_wrap .left .photo { width:100%} .YouTube_visual_wrap .left .txt { padding:55px 20px 0px 20px; width:100%} .YouTube_visual_wrap .right .txt p {display: none;} /* YouTube */ .YouTube_visual_wrap{padding:60px 0px;} .YouTube_visual_wrap .inner{margin:20px;} .YouTube_visual_wrap .right .txt_box{padding:0 0 10px 0; width:100%; margin-right:0;} .YouTube_visual_wrap .right .txt{text-align:center;} .YouTube_visual_wrap .right .txt h3 {display:none;} .YouTube_visual_wrap .right .txt .mh3{display:inline-block; font-size:50px; color:#eb5a09; vertical-align:super; font-weight:400;} .YouTube_visual_wrap .right .txt .yotubelogo{display:inline-block;} .YouTube_visual_wrap .right .txt .more{text-align:right;} .YouTube_visual_wrap .right .owl-nav {position: relative; left:0; bottom:272px;} .YouTube_visual_wrap .right .owl-nav i { font-size:34px; color:#fff;} .YouTube_visual_wrap .right .owl-nav i:hover { color:#ff7d30;} .YouTube_visual_wrap .right .owl-prev{ float:left; border:0px; background-color:unset;} .YouTube_visual_wrap .right .owl-next{ float:right; border:0px; background-color:unset;} .YouTube_visual_wrap .right .photo .yotubeslider li{margin-right:0px;} .YouTube_visual_wrap .right .photo .yotubeslider li:nth-child(2n) {margin-right:0} .YouTube_visual_wrap .right .photo .youtubeMv {padding-top: 56.25%; position: relative; margin-left:0; } .YouTube_visual_wrap .right .photo .youtubeMv iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* doctor */ .doctor_visual_wrap{height:unset;} .doctor_visual_wrap .photo .slider h2 {font-size: 50px; text-align: center;} .doctor_visual_wrap .photo .slider p { text-align: center;} .doctor_visual_wrap .photo .slider p .dr_more{right:44px; font-size: 18px;} .doctor_visual_wrap .doctor_cont{padding-top:60px;} .doctor_visual_wrap .drBn{display: table; margin:0 auto;} .doctor_visual_wrap .color_box{padding:0; top:460px;} .doctor_visual_wrap .color_box .owl-dots{top:188px;} .doctor_visual_wrap .photo .slider li{padding:0; display:inline-block; width:200px; border-radius:10px; margin:0 5px;} .doctor_visual_wrap .photo .slider li a{padding:0; width:100%; height:320px; background-position:-4px 86px;} .doctor_visual_wrap .photo .slider .ct_dr_m01{display:none;} .doctor_visual_wrap .doctor_cont ul li dl{padding-top:10px; text-align: center;} .doctor_visual_wrap .doctor_cont ul li dl dd{display:none;} .doctor_visual_wrap .doctor_cont ul li .center{float:none; width:80px; margin: 20px auto 0;} .doctor_visual_wrap .bn03 ul li{width:28%;} .doctor_visual_wrap {position:relative; height:740px; } .doctor_visual_wrap .photo .img01 {background-image:url(../img/main/m_doctor_sliderBg01.jpg); background-position:center center; background-size:cover;} .doctor_visual_wrap .photo .img02 {background-image:url(../img/main/m_doctor_sliderBg02.jpg); background-position:center center; background-size:cover;} .doctor_visual_wrap .photo .img03 {background-image:url(../img/main/m_doctor_sliderBg03.jpg); background-position:center center; background-size:cover;} .doctor_visual_wrap .photo .img04 {background-image:url(../img/main/m_doctor_sliderBg04.jpg); background-position:center center; background-size:cover;} .doctor_visual_wrap .photo .img05 {background-image:url(../img/main/m_doctor_sliderBg05.jpg); background-position:center center; background-size:cover;} .doctor_visual_wrap .photo .img06 {background-image:url(../img/main/m_doctor_sliderBg06.jpg); background-position:center center; background-size:cover;} /* healthInfo */ .healthInfo_visual_wrap {padding:60px 0; min-height:600px;} .healthInfo_visual_wrap h2 { font-size:42px; margin-bottom: 30px;} .healthInfo_visual_wrap h2 .b01{display: inline-block;} .healthInfo_visual_wrap .inner{padding:0 20px;} .healthInfo_visual_wrap ul{width:calc(100% + 28px); margin:0px 0 0 0px;} .healthInfo_visual_wrap ul li{margin:0;} .healthInfo_visual_wrap .healthBn {float:none; min-height:0;} .healthInfo_visual_wrap .healthBn_wrap01{float:left; width:48%; margin:0px 10px 0px 0px; display:inline-block; vertical-align:top;} .healthInfo_visual_wrap .healthBn_wrap02{float:left; width:48%; margin:0px 0px 10px 0px; display:inline-block;} .healthInfo_visual_wrap .healthBn_wrap03{float:left; width:100%; display:inline-block;} .healthInfo_visual_wrap .healthBn_wrap02 li{margin-bottom:10px;} .healthInfo_visual_wrap .healthBn_wrap02 li:nth-child(2n){margin-bottom:0px;} .healthInfo_visual_wrap .healthBn_wrap03 li{margin-right:10px;} .healthInfo_visual_wrap .healthBn_wrap03 li:nth-child(2n){margin-right:0px;} .healthInfo_visual_wrap .mBn01{width:100%; display:inline-block;} .healthInfo_visual_wrap .mBn01 a{height:239px; padding:0;} .healthInfo_visual_wrap .mBn01 h2{position:relative; top:184px; margin: 0;} .healthInfo_visual_wrap .mBn01 .center_icon .ic01{position:relative; width:28%; top:-8px;} .healthInfo_visual_wrap .mBn01 .center_icon .ic02{position:relative; width:28%; top:-8px;} .healthInfo_visual_wrap .mBn02{width:100%; display:block; height:114px;} .healthInfo_visual_wrap .mBn02 h2{position:relative; display:inline-block; left:0px; top:12px; margin: 0px;} .healthInfo_visual_wrap .mBn02 .center_icon{display:inline;} .healthInfo_visual_wrap .mBn02 .center_icon .ic01{position:relative; width:19%; top:6px; left:26px;} .healthInfo_visual_wrap .mBn02 .center_icon .ic02{position:relative; width:19%; top:6px; left:26px;} .healthInfo_visual_wrap .mBn02 a{height:114px; padding:0px;} .healthInfo_visual_wrap .mBn03{float:left; width:48%; display:inline-block;} .healthInfo_visual_wrap .mBn03 a{height:239px; padding:0px;} .healthInfo_visual_wrap .mBn03 h2{position:relative; top:184px; margin: 0;} .healthInfo_visual_wrap .mBn03 .center_icon .ic01{position:relative; width:28%; top:-8px;} .healthInfo_visual_wrap .mBn03 .center_icon .ic02{position:relative; width:28%; top:-8px;} .healthInfo_visual_wrap ul{text-align:center;} .healthInfo_visual_wrap ul li .sub_txt{display:none;} .healthInfo_visual_wrap ul li span {font-size:24px; padding-bottom:0px;} .healthInfo_visual_wrap .txt01{display:none;} /* centumInfor */ .centumInfor_visual_wrap{padding:60px 20px;} .centumInfor_visual_wrap .left .blog_section .memo a { padding-left:0} .centumInfor_visual_wrap .pBn{display:none;} .centumInfor_visual_wrap .mBn{display:block;} /* inforbanner */ .inforbanner_visual_wrap{padding:60px 0;} .inforbanner_visual_wrap .inner {padding:0 20px;} .inforbanner_visual_wrap .left .box01 {width:100%; height:450px; background-position:center 14%; padding:60px 60px; border-radius:20px 20px 0px 0px; margin:0px;} .inforbanner_visual_wrap .left .box01 .since{font-size:20px;} .inforbanner_visual_wrap .left .box01 h2 {float:left; font-size:18px; display: inline-block; line-height:1.3; letter-spacing:-1px;} .inforbanner_visual_wrap .left .box01 h2 strong{font-size:46px;} .inforbanner_visual_wrap .left .box01 h2 span{font-size:24px; padding-top:10px; line-height:1.3;} .inforbanner_visual_wrap .left a{width:50%; border-radius:0px; margin-right:0px; padding:20px 20px; height: 82px;} .inforbanner_visual_wrap .left .box03_1{border-radius:0 0px 0px 20px;} .inforbanner_visual_wrap .left .box03_2{border-radius:0 0px 20px 0px;} .inforbanner_visual_wrap .left .box03_1 h2{font-size:22px; display:inline-block;vertical-align:middle; padding-top: 0; padding-left:10px;} .inforbanner_visual_wrap .left .box03_1 h2 span{display:none;} .inforbanner_visual_wrap .left .box03_2 h2{font-size:22px; display:inline-block; vertical-align:middle; padding-top: 0; padding-left:10px;} .inforbanner_visual_wrap .left .box03_2 h2 span{display:none;} .inforbanner_visual_wrap .imgBn{width: 40px; display: inline-block;} .inforbanner_visual_wrap .right{margin-top:20px;} .inforbanner_visual_wrap .right .box02 {text-align: center; margin:0;} .inforbanner_visual_wrap .right .box02 h2{font-size:24px;} .inforbanner_visual_wrap .right .box02 h2 span{font-size:18px; padding:5px 0 14px 0;} .inforbanner_visual_wrap .right .box02 .timeBox02 h2 {font-size:24px; margin:0 0 10px;} .inforbanner_visual_wrap .right .box02 .timeBox02 h2 span.bold{font-size:24px;} .inforbanner_visual_wrap .right .box03 {height:142px; border-radius:10px; margin-right:9px; margin-bottom:9px; padding:20px;} .inforbanner_visual_wrap .right .box03 h2{font-size:22px;} .inforbanner_visual_wrap .right .box03 h2 span{display:none;} .inforbanner_visual_wrap .right .infoBn{width:100%; display: inline-block; } .inforbanner_visual_wrap .right .box02{height:170px; margin-bottom:10px;} .inforbanner_visual_wrap .right .box02 h2{font-size:24px;} .inforbanner_visual_wrap .right .box02 .timeBox01{width:42%; display: inline-block; float:none; padding:0;} .inforbanner_visual_wrap .right .box02 .timeBox01 .more{margin-top:10px; width:110px; margin-top:0; padding:0.5rem 1.5rem;} .inforbanner_visual_wrap .right .box02 .timeBox02{width:50%; padding:0px; vertical-align:bottom;} .inforbanner_visual_wrap .right .box02 .timeBox02 ul li{font-size:20px; margin:0 0 5px; font-weight:500;} .inforbanner_visual_wrap .right .box02 .timeBox02 ul li span.day{width:62px; height:24px; margin:0 12px 0 0; line-height:25px; font-size:13px; font-weight:600;} .content_wrap .innerCont .sub_title{margin:80px 0;} .innerCont { font-weight:400} .content_wrap .innerCont .sub_title{margin:50px 0 50px} .content_wrap .innerCont .sub_title h2 { font-size:48px} .share-area{ display:none} .footer_in address { width:100%} .footer_in .customer { width:100%; border-left:0; margin-left:0; padding-left:0} .foot_menu .sns { float:right; padding-top:5px} .foot_menu .fm { margin-bottom:0px} .foot_menu{padding:20px 20px;} .footer_in{padding:38px 20px;} .foot_menu .fm li a{ font-size:13px;} .footer_in address p span{font-size:13px; line-height:1.5em; } .footer_in address p.copylight{font-size:12px;} } @media screen and (max-width:912px){ .sub_visual.doctor .title_warp{height:60vh;} .sub_visual .title_warp{height:48vh;} } /* iPad Air 820 */ @media screen and (max-width:820px){ .main-carousel .li .copy_area .img_bn02{width:80%; position:relative; left:6%; margin:0 auto 200px;} .slider_visual_wrap .visual_slider{height:90vh;} .main-carousel .jarallax{min-height:90vh;} .main-carousel .li{width:60%; height:90vh; background-position: 50% 50%; background-repeat: no-repeat;} .healthInfo_visual_wrap .mBn01 .center_icon .ic01{width:36%;} .healthInfo_visual_wrap .mBn01 .center_icon .ic02{width:36%;} .healthInfo_visual_wrap .mBn02 .center_icon .ic01{width:24%; top:6px;} .healthInfo_visual_wrap .mBn03 .center_icon .ic01{width:36%;} .YouTube_visual_wrap .right .owl-nav{bottom:242px;} .sub_visual.doctor .title_warp .title_page{padding:220px 40px 0;} .sub_visual .title_warp .title_page{padding:140px 40px 0;} } /* iPad Mini 768 */ @media screen and (max-width:768px){ .main-carousel .li .copy_area .img_bn02{left:3%;} /* mlayerPopup */ #mlayerPopup .layerPopups_closeWrap {left: 25%; right: 0;} /* main slider */ .mouse_wrap{display:none;} .main-carousel .li{width:58%; height:90vh;} /* social_visual_wrap */ .social_visual_wrap .pBn{display:none;} .social_visual_wrap .mBn{display:block;} .healthInfo_visual_wrap ul{width:calc(100% + 22px);} .healthInfo_visual_wrap .mBn01 .center_icon .ic01{width:36%;} .healthInfo_visual_wrap .mBn02 h2{top:14px;} .healthInfo_visual_wrap .mBn02 .center_icon .ic01{width:24%; left:26px; top:7%;} .healthInfo_visual_wrap .mBn03 .center_icon .ic01{width:36%;} .centumInfor_visual_wrap{padding:60px 20px;} /* sub banner */ .sub_visual.doctor .title_warp{height:420px;} .sub_visual.doctor .bg{background-size:130%;} .sub_visual .title_warp{height:340px;} } @media screen and (max-width: 640px) { /* mlayerPopup */ #mlayerPopup .layerPopups_closeWrap {left: 20%; } .sub_visual.specialty .bg{background-position:50% 0%; background-size: 180%;} /* main slider */ .slider_visual_wrap .visual_slider{height:80vh;} .main-carousel .li{width:50%; height:80vh;} .main-carousel .owl-nav{display: none;} .main-carousel .owl-dots{left:4%;} .main-carousel .li .copy_area span{font-size:18px;} .main-carousel .li .copy_area h2{font-size:48px;} .main-carousel .li .copy_area h2 strong{font-size:48px;} .main-carousel .li .copy_area h2 span{font-size:28px;} .main-carousel .li .copy_area h2 span strong{font-size:28px;} .main-carousel .li .copy_area h3{font-size:20px;line-height:1.4;} .main-carousel .li .copy_area h3 em{display: block;} .main-carousel .li .copy_area h4{width:120px;} .main-carousel .li .copy_area h4 a{padding:10px 20px;} .main-carousel .li .copy_area .img_bn01 img{width: 100%;} .main-carousel .li .copy_area .img_bn02{width:70%; position:relative; left:0%; margin:0 auto 200px;} /* YouTube */ .YouTube_visual_wrap .right .txt_box{padding:0 0 20px;} .YouTube_visual_wrap .right .txt .more a{font-size:16px; line-height:1.2;} .YouTube_visual_wrap .right .owl-nav{bottom:197px;} /* doctor */ .doctor_visual_wrap .photo .slider p .dr_more{font-size:16px;} .doctor_visual_wrap .photo .slider p{font-size:18px;} /* healthInfo */ .healthInfo_visual_wrap ul li{} .healthInfo_visual_wrap .healthBn_wrap01{margin:0px 6px 0px 0px;} .healthInfo_visual_wrap .healthBn_wrap02{margin:0px 0px 6px 0px;} .healthInfo_visual_wrap .healthBn_wrap02 li{margin-bottom:6px;} .healthInfo_visual_wrap .healthBn_wrap03 li{margin-right:6px;} .healthInfo_visual_wrap .mBn01 a{height:156px;} .healthInfo_visual_wrap .mBn01 h2{top:120px;} .healthInfo_visual_wrap .mBn02{height:75px;} .healthInfo_visual_wrap .mBn02 h2{top:8px;} .healthInfo_visual_wrap .mBn01 .center_icon .ic01{width:30%; top:-10px;} .healthInfo_visual_wrap .mBn01 .center_icon .ic02{width:30%; top:-10px;} .healthInfo_visual_wrap .mBn02 .center_icon .ic01{width:21%; top:2px; left:20px;} .healthInfo_visual_wrap .mBn02 .center_icon .ic02{width:21%; top:2px; left:20px;} .healthInfo_visual_wrap .mBn02 a{height:75px; padding:0px;} .healthInfo_visual_wrap .mBn03{margin:0 10px 10px 0;} .healthInfo_visual_wrap .mBn03 a{height:153px;} .healthInfo_visual_wrap .mBn03 h2{top:116px;} .healthInfo_visual_wrap .mBn03 .center_icon .ic01{width:30%; top:-10px;} .healthInfo_visual_wrap .mBn03 .center_icon .ic02{width:30%; top:-10px;} .healthInfo_visual_wrap ul li span{font-size:20px;} /* inforbanner */ .inforbanner_visual_wrap .left .box01{height:380px;} .inforbanner_visual_wrap .right .box02 h2{font-size:22px;} .inforbanner_visual_wrap .right .box02 h2 span{font-size:16px;} .inforbanner_visual_wrap .right .box02 .timeBox02 h2{font-size:22px;} .inforbanner_visual_wrap .right .box02 .timeBox02 ul li{font-size:18px;} .inforbanner_visual_wrap .right .box02 .timeBox02 h2 span.bold{font-size:22px;} /* sub */ .content_wrap .innerCont{padding:0 20px;} .content_wrap .inner{padding:0;} .content_wrap .txtCon {font-weight:400} .content_wrap .txtCon .sub_title{margin:50px 20px 50px} .content_wrap .txtCon .sub_title h2 {font-size:40px} .company_title_wrap{padding:40px 20px;} .company_title_wrap span{font-size:22px; line-height:34px;} .content_wrap .company_title_wrap p {font-size:38px; margin-bottom:30px;} .content_wrap .innerCont .sub_title p{font-size:20px; line-height:30px; padding:25px 0px 0px;} .sub_visual .bg{background-size:140%;} .sub_visual h3{padding-bottom:10px;} .sub_visual .main_title{font-size:34px;} .sub_visual.doctor .sub_title{font-size:20px;} .sub_visual.doctor .title_warp .title_page{padding:220px 40px 0;} .sub_visual .title_warp .title_page{padding:120px 40px 0;} /* tour */ .content_wrap .tour_area{margin:0px;} .sub_visual.tmp {height:60px;} /*아이폰*/ input { -webkit-appearance: none;-webkit-border-radius: 0;} .footer_in .customer .main_tel { display:none} /*아이폰*/ } /* */ @media screen and (max-width: 540px) { /* slider */ .slider_visual_wrap .visual_slider{height:94vh;} .main-carousel .jarallax{min-height:94vh;} .main-carousel .li{width:40%; height:94vh;} .main-carousel .li .copy_area h3{font-size:18px;} .main-carousel .li .copy_area span{font-size:16px;} .main-carousel .li .copy_area .img_bn02{width:80%; position:relative; left:0%; margin:0 auto 200px;} /* inforbanner */ .inforbanner_visual_wrap .left .box01{padding:40px; height:290px;} .inforbanner_visual_wrap .left .box01 .since{font-size:16px;} .inforbanner_visual_wrap .left .box01 h2 strong{font-size:38px;} .inforbanner_visual_wrap .left .box01 h2 span{font-size:18px;} .inforbanner_visual_wrap .right .box02 h2{font-size:22px;} .inforbanner_visual_wrap .right .box02 h2 span{font-size:16px; padding:5px 0 26px 0;} .inforbanner_visual_wrap .right .box02 .timeBox02 h2{font-size:22px;} .inforbanner_visual_wrap .right .box02 .timeBox02 ul li{font-size:16px; margin:0 0 8px;} .YouTube_visual_wrap .inner{margin:0 20px;} .YouTube_visual_wrap .right .owl-nav{bottom:168px;} .doctor_visual_wrap .photo .slider li{width:163px;} .doctor_visual_wrap .photo .slider li a{height:300px;} .doctor_visual_wrap .photo .slider p{font-size:16px;} .doctor_visual_wrap .photo .slider p .dr_more{right:25px;} .drag_slider .owl-carousel .owl-nav{right:78px;} .doctor_visual_wrap .color_box .owl-dots{top:168px;} .healthInfo_visual_wrap ul{width:calc(100% + 15px);} .healthInfo_visual_wrap .mBn01 .center_icon .ic01{width:33%;} .healthInfo_visual_wrap .mBn02 .center_icon .ic01{width:24%;} .healthInfo_visual_wrap .mBn03 .center_icon .ic01{width:33%;} /* sub */ .sub_visual .title_warp{height:28vh;} .sub_visual .title_warp .title_page{padding:100px 40px 0;} .sub_visual .sub_title2{font-size:14px;} .sub_visual .main_title{font-size:28px;} .content_wrap .innerCont .sub_title{margin:50px 0 20px;} } /* iPhone 14 Pro */ @media screen and (max-width: 430px) { /* mlayerPopup */ #mlayerPopup .layerPopups_closeWrap {left: 3%; } .sub_visual .title_warp{height:45vh;} .sub_visual .title_warp .title_page{padding:150px 20px 0px; height:unset;} .sub_visual.doctor .main_title{line-height:30px;} .sub_visual.doctor .title_warp .title_page{padding:280px 30px 0px;} .sub_visual .main_title{font-size:28px; line-height:38px; letter-spacing:-1px;} .sub_visual .sub_title2{font-size: 12px; letter-spacing: 4px;} .sub_visual.doctor .sub_title{font-size:17px;} .sub_visual.mission .bg{background-image:url(../img/mobile/m_subTopBn_0106.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size: 100%;} .sub_visual.specialty .bg{background-image:url(../img/mobile/m_subTopBn_0107.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size: 100%;} .sub_visual.equipment .bg{background-image:url(../img/mobile/m_subTopBn_0104.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size: 100%;} .sub_visual.doctor .bg{background-image:url(../img/mobile/m_subTopBn_0102.jpg); background-repeat:no-repeat; background-position:50% -25%; background-size: 108%;} .sub_visual.tour .bg{background-image:url(../img/mobile/m_subTopBn_0103.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size: 100%;} .sub_visual.location .bg{background-image:url(../img/mobile/m_subTopBn_0105.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size: 100%;} .content_wrap .txtCon .sub_title .sub_txt{font-size: 22px; line-height: 34px;} /* social */ .social_visual_wrap .pBn{display:none;} .social_visual_wrap .mBn{display:block;} /* slider */ .slider_visual_wrap .visual_slider{height:65vh;} .main-carousel .jarallax{min-height:0;} .main-carousel .li{width:32%; height:65vh;} .main-carousel .li .copy_area h2{font-size:40px;} .main-carousel .li .copy_area h2 strong{font-size:40px;} .main-carousel .li .copy_area h2 span{font-size:20px; margin-bottom:5px;} .main-carousel .li .copy_area h2 span strong{font-size:20px;} .main-carousel .li .copy_area h3{font-size:16px; line-height:1.3; margin:10px 0 10px 0;} .main-carousel .li .copy_area h4{display: none;} .main-carousel .li .copy_area h3 em{display:block;} .main-carousel .li .copy_area .img_bn02{width:90%; margin: 0 auto 180px;} .main-carousel .slBg01 .copy_area{top:45%;} .main-carousel .slBg01 .copy_area h2{font-size:27px;} .main-carousel .owl-dots{bottom:6%; left:3%;} .main-carousel .owl-dots .owl-dot{width:40px;} /* news */ .news_visual_wrap h2 { font-size:42px;} .lat .lat_cate{display:none;} /* social */ .social_visual_wrap h2{font-size:42px;} /* YouTube */ .YouTube_visual_wrap .inner{margin:0 10px;} .YouTube_visual_wrap h3{ font-size:42px;} .YouTube_visual_wrap .right .txt .more a{font-size:14px;} .YouTube_visual_wrap .right .txt_box{padding:0 0 10px} .YouTube_visual_wrap .right .txt .mh3{font-size:42px;} .YouTube_visual_wrap .right .txt .yotubelogo img{width:160px;} .YouTube_visual_wrap .right .owl-nav {position: relative; left:0; bottom:145px;} .YouTube_visual_wrap .right .photo{height:220px;} .YouTube_visual_wrap .right .photo .yotubeslider li{margin-right:0px;} /* doctor */ .doctor_visual_wrap .photo .slider h2{ font-size:42px;} .doctor_visual_wrap .doctor_cont ul li .center{width:88px; padding:0 6px; font-size:12px; line-height:22px;} .doctor_visual_wrap .doctor_cont ul li dl dt{font-size:18px;} .doctor_visual_wrap .photo .slider li{width:123px;} .doctor_visual_wrap .photo .slider li a{height:236px; background-position:-4px 80px;} .doctor_visual_wrap .photo .slider .mdr01{width:160px;} .doctor_visual_wrap span{padding:20px;} .doctor_visual_wrap .photo .slider p{font-size:16px;} .doctor_visual_wrap .photo .slider p .dr_more{right:20px; font-size:14px;} .doctor_visual_wrap .color_box{top:90%;} .doctor_visual_wrap {height:560px; } .doctor_visual_wrap .photo .img01 {height:560px;} .doctor_visual_wrap .photo .img02 {height:560px;} .doctor_visual_wrap .photo .img03 {height:560px;} .doctor_visual_wrap .photo .img04 {height:560px;} .doctor_visual_wrap .photo .img05 {height:560px;} .doctor_visual_wrap .photo .img06 {height:560px;} .doctor_visual_wrap .color_box .owl-dots{top:-14px;} .doctor_visual_wrap .color_box .owl-dots .owl-dot{width:24px; height:24px;} .doctor_visual_wrap .color_box .owl-dots .owl-dot:before{font-size:14px;} /* event */ /* healthInfo */ .healthInfo_visual_wrap .inner{padding: 0 10px;} .healthInfo_visual_wrap ul{width:calc(100% + 12px);} .healthInfo_visual_wrap h2 .b01{display:block;} .healthInfo_visual_wrap .mBn01 .center_icon .ic01{width:42%;} .healthInfo_visual_wrap .mBn01 .center_icon .ic02{width:42%;} .healthInfo_visual_wrap .mBn02 .center_icon .ic01{width:30%; top:6px; left:8px;} .healthInfo_visual_wrap .mBn02 .center_icon .ic02{width:30%; top:6px; left:8px;} .healthInfo_visual_wrap .mBn03 .center_icon .ic01{width:42%;} .healthInfo_visual_wrap .mBn03 .center_icon .ic02{width:42%;} /* centumInfor */ .centumInfor_visual_wrap{padding:60px 10px;} /* inforbanner */ .inforbanner_visual_wrap .inner{padding: 0 10px;} .inforbanner_visual_wrap .imgBn{width:32px;} .inforbanner_visual_wrap .imgBn02{width:50px;} .inforbanner_visual_wrap .left a{padding:15px 20px;height:62px;} .inforbanner_visual_wrap .left .box01 {height:268px; padding:30px;} .inforbanner_visual_wrap .left .box01 h2 strong{font-size:34px;} .inforbanner_visual_wrap .left .box01 h2 span{font-size:18px;} .inforbanner_visual_wrap .left .box03_1 h2{font-size:18px;} .inforbanner_visual_wrap .left .box03_2 h2{font-size:18px;} .inforbanner_visual_wrap .right{margin-top:15px;} .inforbanner_visual_wrap .right .box02{height:160px;} .inforbanner_visual_wrap .right .box02 .timeBox02{width:100%; margin-bottom:10px;} .inforbanner_visual_wrap .right .box02 .timeBox02 h2{} .inforbanner_visual_wrap .right .box02 .timeBox01{display:none;} .inforbanner_visual_wrap .right .box03{height:120px;} .inforbanner_visual_wrap .right .box03 h2{font-size:18px;} } /* iPhone XR */ @media screen and (max-width: 414px) { .content_wrap .innerCont{padding:0 20px;} .content_wrap .inner{padding:0;} .content_wrap .innerCont .sub_title p{font-size:18px; line-height:30px; padding:25px 0px 0px;} .sub_visual .title_warp{height: 45vh;} .sub_visual .title_warp .title_page{} .content_wrap .txtCon .sub_title02{margin:60px 20px;} .main-carousel .li .copy_area h2 span{paddign-left:0;} /* doctor */ .doctor_visual_wrap .color_box{top:520px;} /* tour */ .content_wrap .tour_area{margin:0px;} .sub_visual.tmp {height:60px;} } /* Galaxy S20 Ultra */ @media screen and (max-width: 412px) { /* slider */ .main-carousel .li{width:31%;} } /* iPhone 12 pro */ @media screen and (max-width: 390px) { #mlayerPopup .layerPopups_closeWrap{left:0%;} /* slider */ .main-carousel .li{width:29%;} /* doctor */ .doctor_visual_wrap .doctor_cont{padding-top:52px;} .doctor_visual_wrap .photo .slider li{width:116px;} .doctor_visual_wrap .photo .slider p .dr_more{font-size:14px;} .doctor_visual_wrap .color_box .owl-dots .owl-dot:before{padding-left:0px; padding-top:4px;} /* inforbanner */ .inforbanner_visual_wrap .right .box02 .timeBox02 ul li{font-size:16px;} /* YouTube */ .YouTube_visual_wrap .right .txt .more a{font-size:14px;} .inforbanner_visual_wrap .left .box01{height:230px;} .inforbanner_visual_wrap .left .box01 .since{font-size:14px;} .inforbanner_visual_wrap .left .box01 h2 strong{font-size:30px;} .inforbanner_visual_wrap .left .box01 h2 span{font-size:16px;} .healthInfo_visual_wrap ul li span{font-size:18px;} .healthInfo_visual_wrap .mBn01 .center_icon .ic01{width:46%;} .healthInfo_visual_wrap .mBn03 .center_icon .ic01{width:46%;} /* sub */ .sub_visual .main_title{font-size:28px;} .sub_visual.doctor .title_warp{height:400px;} /* tour */ .content_wrap .innerCont .sub_title p{font-size:18px;} .content_wrap .txtCon .sub_title h2{font-size:34px;} .content_wrap .company_title_wrap p{font-size:32px;} .content_wrap .txtCon .sub_title .sub_txt{font-size:20px;} } /* iPhone SE */ @media screen and (max-width: 375px) { .sub_visual .title_warp .title_page{padding:110px 20px 0px;} .sub_visual .sub_title2{padding-bottom:12px;} .sub_visual.doctor .bg{background-position:50% -28%;} /* slider */ .main-carousel .li{width:27%;} /* YouTube */ .YouTube_visual_wrap .right .owl-nav { bottom:120px;} /* doctor */ .doctor_visual_wrap .photo .slider li{width:104px;} .doctor_visual_wrap .photo .slider li a{height:210px; background-position:0px 80px;} .doctor_visual_wrap .photo .slider p{font-size:14px;} .doctor_visual_wrap .photo .slider p .dr_more{} /* centumInfor */ .inforbanner_visual_wrap .imgBn{width:27px;} .inforbanner_visual_wrap .left .box01 .since{font-size:14px;} .inforbanner_visual_wrap .left .box01 h2 strong{font-size:32px;} .inforbanner_visual_wrap .left .box01 h2 span{font-size:16px;} } /* Galaxy S8+ */ @media screen and (max-width: 360px) { .sub_visual .main_title{font-size:22px; line-height: 32px;} .sub_visual.doctor .title_warp{height:380px;} .sub_visual.doctor .title_warp .title_page{padding:260px 30px 0px;} .content_wrap .innerCont .sub_title p{font-size:16px; line-height: 28px;} .healthInfo_visual_wrap .mBn01 .center_icon .ic01{width:50%;} .healthInfo_visual_wrap .mBn02 .center_icon .ic01{width:32%;} .healthInfo_visual_wrap .mBn03 .center_icon .ic01{width:50%;} } /* Galaxy Fold */ @media screen and (max-width: 344px) { /* slider */ .main-carousel .li{width:26%; height:65vh;} .slider_visual_wrap .visual_slider{height:65vh;} .main-carousel .li .copy_area span{font-size:12px; padding-left:0px;} .main-carousel .li .copy_area h2{font-size:32px;} .main-carousel .li .copy_area h2 strong{font-size:32px;} .main-carousel .li .copy_area h2 span{font-size:18px;} .main-carousel .li .copy_area h2 span strong{font-size:18px;} .main-carousel .li .copy_area h3{font-size:13px;} .main-carousel .owl-dots{left:2%;} .main-carousel .owl-dots .owl-dot{width:30px;} /* news */ .news_visual_wrap h2{font-size:32px;} .news_visual_wrap{padding:40px 0;} /* social */ .social_visual_wrap{padding:40px 0;} .social_visual_wrap h2{font-size:32px;} /* YouTube */ .YouTube_visual_wrap{padding:40px 0;} .YouTube_visual_wrap .inner{margin:10px;} .YouTube_visual_wrap .right .txt .mh3{font-size:32px;} .YouTube_visual_wrap .right .txt .yotubelogo img{width:134px;} .YouTube_visual_wrap .right .photo{height:194px;} .YouTube_visual_wrap .right .photo .youtubeMv{padding-top:57.25%;} .YouTube_visual_wrap .right .owl-nav{bottom:89px;} .YouTube_visual_wrap .right .owl-prev{width:30px; height: 30px;} .YouTube_visual_wrap .right .owl-next{width:30px; height: 30px;} .YouTube_visual_wrap .right .txt .more a{font-size:13px;} /* doctor */ .doctor_visual_wrap .photo .slider p .dr_more{font-size:13px;} .doctor_visual_wrap .photo .slider h2{font-size:32px;} .doctor_visual_wrap .doctor_cont ul li .center{width:71px; padding:0 3px; font-size:10px; margin:12px auto 0;} .doctor_visual_wrap .doctor_cont ul li dl{padding-top:6px;} .doctor_visual_wrap .doctor_cont ul li dl dt{font-size:15px; letter-spacing: -1px;} .doctor_visual_wrap .photo .slider .mdr01{width:120px;} .doctor_visual_wrap .photo .slider li{width:82px; margin:0 3px;} .doctor_visual_wrap .photo .slider li a{height:180px; background-position:0px 65px;} .doctor_visual_wrap{height:480px;} .doctor_visual_wrap .photo .img01 {height:480px;} .doctor_visual_wrap .photo .img02 {height:480px;} .doctor_visual_wrap .photo .img03 {height:480px;} .doctor_visual_wrap .photo .img03 li a{background-position:0px 74px;} .doctor_visual_wrap .photo .img04 {height:480px;} .doctor_visual_wrap .photo .img05 {height:480px;} .doctor_visual_wrap .photo .img06 {height:480px;} .doctor_visual_wrap .photo .img06 li a{background-position:0px 74px;} .doctor_visual_wrap .color_box{top:436px;} .doctor_visual_wrap .color_box .owl-dots{top:-30px;} /* healthInfo */ .healthInfo_visual_wrap{padding:40px 0; min-height:unset;} .healthInfo_visual_wrap h2{font-size:32px; margin-bottom:20px;} .healthInfo_visual_wrap ul{width:calc(100% + 5px);} .healthInfo_visual_wrap ul li span{font-size:15px;} .healthInfo_visual_wrap .mBn01{height:120px;} .healthInfo_visual_wrap .mBn01 a{height:120px;} .healthInfo_visual_wrap .mBn01 h2{top:88px;} .healthInfo_visual_wrap .mBn01 .center_icon .ic01{top:-6px;} .healthInfo_visual_wrap .mBn02{height:58px;} .healthInfo_visual_wrap .mBn02 h2{top:8px;} .healthInfo_visual_wrap .mBn02 a{height:58px;} .healthInfo_visual_wrap .mBn03 h2{top:88px;} .healthInfo_visual_wrap .mBn03 .center_icon .ic01{top:-6px;} .healthInfo_visual_wrap .mBn03{height:120px;} .healthInfo_visual_wrap .mBn03 a{height:120px;} .healthInfo_visual_wrap ul li span{} .healthInfo_visual_wrap .mBn02 .center_icon .ic01{width:34%; left:0px;} /* centumInfor */ .centumInfor_visual_wrap{padding:40px 0px;} .centumInfor_visual_wrap .inner{padding:0 10px;} /* inforbanner */ .inforbanner_visual_wrap{padding:40px 0;} .inforbanner_visual_wrap .inner{padding:0 10px;} .inforbanner_visual_wrap .imgBn02{width:42px;} .inforbanner_visual_wrap .imgBn{width:24px;} .inforbanner_visual_wrap .left a{padding:15px 10px; height:54px;} .inforbanner_visual_wrap .left .box01{padding:20px; height:176px;} .inforbanner_visual_wrap .left .box01 .since{font-size:12px;} .inforbanner_visual_wrap .left .box01 h2 strong{font-size:26px;} .inforbanner_visual_wrap .left .box01 h2 span{font-size:14px;} .inforbanner_visual_wrap .left .box03_1 h2{font-size:14px; padding-left:4px;} .inforbanner_visual_wrap .left .box03_2 h2{font-size:14px; padding-left:4px;} .inforbanner_visual_wrap .right{margin-top:10px;} .inforbanner_visual_wrap .right .box02{height:148px;} .inforbanner_visual_wrap .right .box02 .timeBox02 h2{font-size:20px;} .inforbanner_visual_wrap .right .box02 .timeBox02 h2 span.bold{font-size:20px;} .inforbanner_visual_wrap .right .box02 .timeBox02 ul li{font-size:14px;} .inforbanner_visual_wrap .right .box02 .timeBox02 ul li span.day{height:22px; line-height:23px;} .inforbanner_visual_wrap .right .box03{height:100px; padding:15px; margin-bottom:3px; margin-right: 6px;} .inforbanner_visual_wrap .right .box03 h2{font-size:16px;} /* sub */ .sub_visual.doctor .bg{background-position:50% -10%;} } /* ========================================================= Main SEO introduction - Centum Hospital Matches Centum NEWS heading and description typography ========================================================= */ .main-seo-intro { position: relative; box-sizing: border-box; width: 100%; padding: 75px 20px 80px !important; background: #f0f2f5 !important; text-align: center; overflow: hidden; } .main-seo-intro > div { position: relative; z-index: 1; max-width: 1280px !important; margin: 0 auto; text-align: center; } .main-seo-intro h1 { margin: 0 0 22px !important; color: #111 !important; font-size: 50px !important; font-weight: 300 !important; line-height: 1.35 !important; letter-spacing: -1px; word-break: keep-all; } .main-seo-intro p { max-width: 1150px; margin: 0 auto 25px !important; color: #767676 !important; font-size: 20px !important; font-weight: 400 !important; line-height: 1.65 !important; word-break: keep-all; } .main-seo-intro h2 { margin: 28px 0 12px !important; color: #222 !important; font-size: 26px !important; font-weight: 600 !important; line-height: 1.4; word-break: keep-all; } .main-seo-intro h2 + p { margin-bottom: 0 !important; font-size: 20px !important; } @media screen and (max-width: 980px) { .main-seo-intro { padding: 55px 20px 60px !important; } .main-seo-intro h1 { font-size: 36px !important; } .main-seo-intro p, .main-seo-intro h2 + p { font-size: 17px !important; } .main-seo-intro h2 { font-size: 23px !important; } } @media screen and (max-width: 600px) { .main-seo-intro { padding: 42px 18px 48px !important; } .main-seo-intro h1 { font-size: 27px !important; letter-spacing: -0.6px; } .main-seo-intro p, .main-seo-intro h2 + p { font-size: 16px !important; line-height: 1.75 !important; } .main-seo-intro h2 { font-size: 21px !important; } } /* SEO intro: emphasis and clickable center cards */ .main-seo-intro h1 .seo-highlight { color:#eb5a09; font:inherit; } .main-seo-intro .seo-center-links {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1160px;margin:22px auto 0;padding:0;list-style:none;} .main-seo-intro .seo-center-links li {margin:0;padding:0;list-style:none;min-width:0;} .main-seo-intro .seo-center-links a {display:flex;align-items:center;justify-content:center;min-height:66px;padding:13px 8px;box-sizing:border-box;border:1px solid #dce0e5;border-radius:9px;background:#fff;color:#333;font-size:17px;font-weight:500;line-height:1.35;text-decoration:none;word-break:keep-all;transition:background .2s,border-color .2s,color .2s,transform .2s;} .main-seo-intro .seo-center-links a:hover,.main-seo-intro .seo-center-links a:focus-visible {background:#eb5a09;color:#fff;border-color:#eb5a09;transform:translateY(-2px);} .main-seo-intro .seo-center-links a:focus-visible {outline:2px solid #333;outline-offset:3px;} @media(max-width:980px){.main-seo-intro .seo-center-links{grid-template-columns:repeat(3,minmax(0,1fr));}.main-seo-intro .seo-center-links a{font-size:16px;}} @media(max-width:600px){.main-seo-intro .seo-center-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.main-seo-intro .seo-center-links a{min-height:58px;font-size:14px;padding:10px 5px;}} /* ============================================= 진료센터 공통 SEO 소개 영역 각 센터에서 .center-seo-intro 클래스를 공통 사용 ============================================= */ .center-seo-intro { margin: 0 0 60px; padding: 34px 36px; background: #f7f8fa; border-radius: 12px; text-align: center; word-break: keep-all; } .center-seo-intro h1 { margin: 0 0 16px; color: #222; font-size: 34px; font-weight: 600; line-height: 1.4; letter-spacing: -1px; } .center-seo-intro p { margin: 0 auto; max-width: 950px; color: #666; font-size: 20px; font-weight: 400; line-height: 1.7; } @media screen and (max-width: 768px) { .center-seo-intro { margin-bottom: 24px; padding: 24px 18px; } .center-seo-intro h1 { font-size: 23px; letter-spacing: -0.5px; } .center-seo-intro p { font-size: 15px; line-height: 1.8; } }