/* Common **********************************************************************/ html,body {width:100%;} html {overflow-y:scroll; box-sizing:border-box;} *, *:before, *:after{box-sizing:inherit;} *{ -webkit-text-size-adjust:none; -webkit-text-size-adjust - auto | none | N% (default auto) } body {word-break:break-all;-ms-word-break:break-all; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0; word-break:keep-all;} fieldset,img {border:0px none; vertical-align:top;} dl,ul,ol,menu,li {list-style:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;} button {border:0 none; background-color:transparent; cursor:pointer;} body { background:#fff;} body,th,td,input,select,textarea,button {font-size:18px; line-height:1.7; font-family:"IBM Plex Sans", sans-serif; color:#000; letter-spacing: -0.01em;} /* 기본폰트 세팅 */ input, select, textarea, button{vertical-align:middle; } a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;} a:hover,a:focus{color:#333; text-decoration:none} a {display: block; width: 100%; height: 100%;} table {border-collapse:collapse; border-spacing:0;} address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;} summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;} caption {position:static;} /* label hidden 泥섎━ */ .invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;} label.invisible{*position:Absolute;} /* common */ .clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;} .clfix {display:inline-block;} .clfix {display:block;} * html .clfix {height:1%;} /* Hides from IE-mac */ .clfix {zoom:1;} /*for IE 5.5-7*/ .center{text-align:center;} .inner {width:1400px; margin:0 auto;} .pc {display:block;} .tab {display:none;} .mob {display:none;} .pc_img {display:inline-block;} .tab_img {display:none;} .mob_img {display:none;} /* === Main === */ #wrap {position:relative; width:100%; margin:0 auto; overflow: hidden;} #header {width:100%; height: 100px; z-index: 105; position:fixed; left:0; top:0; text-align: center; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,.16);} #header h1 {position:absolute; left:3%; top:24px; width: 173px; height: 52px;} #header h1 img {display:block; width:100%; height:100%;} #header .gnb {font-size: 0; display:inline-block; text-align: center; vertical-align: top;} #header .gnb > li {display:inline-block; vertical-align: top; font-size: 18px; height: 100px; line-height: 100px; margin-right: 70px; position:relative; font-weight: 500; transition: all 0.2s;} #header .gnb > li:last-child {margin-right: 0;} #header .gnb > li > a {color: #000;} #header .gnb > li:hover > a {color: #1A4883; transition: all 0.3s;} #header .gnb > li:hover::after {content: ''; position: absolute; left: 50%; bottom: 24px; width: 5px; height: 5px; border-radius: 50%; background: #1A4883; transition: all 0.2s;} #header .gnb > li.on > a {color: #1A4883; transition: all 0.3s;} #header .gnb > li.on::after {content: ''; position: absolute; left: 50%; bottom: 24px; width: 5px; height: 5px; border-radius: 50%; background: #1A4883; transition: all 0.2s;} #header .gnb > li .sub_nav {position: absolute; left: 50%; transform: translateX(-50%); top: 100px; width: 160px; background: #fff; padding: 25px 0; border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,.15); display: none; z-index: 105;} #header .gnb > li .sub_nav li {font-size: 16px; line-height: 1; margin-bottom: 22px;} #header .gnb > li .sub_nav li:last-child {margin-bottom: 0;} #header .gnb > li .sub_nav li a {color: #222;} #header .gnb > li .sub_nav li:hover a {color: #1A4883; font-weight: 600;} #header .h_btn {position: absolute; right: 3%; top: 36px; display: flex; align-items: flex-start;} #header .h_btn > li {width: 28px; height: 65px; margin-right: 25px; position: relative;} #header .h_btn > li img {width: 100%; vertical-align: middle;} #header .h_btn > li:last-child {margin-right: 0;} #header .h_btn > li a {display: block; width: 100%; height: 100%;} #header .h_btn > li .global_link {position: absolute; left: 50%; top: 42px; transform: translateX(-50%); width: 54px; background: #fff; border-radius: 8px; box-shadow: 0 0 8px rgba(0,0,0,.16); overflow: hidden; display: none;} #header .h_btn > li .global_link li {font-size: 14px; height: 32px; line-height: 32px; transition: all 0.3s;} #header .h_btn > li .global_link li a {display: block; width: 100%; height: 100%; color: #000;} #header .h_btn > li .global_link li:hover {background: #e5e5e5;} .navi {display:none;} .navi_btn {display:none;} #quick_btn {position: fixed; right: 1.7%; bottom: 50px; z-index: 999;} #quick_btn .q_list {width: 90px; background: #205CAA; border-radius: 15px; text-align: center; box-shadow: 0 0 8px rgba(0,0,0,.2);} #quick_btn .q_list li {height: 90px;} #quick_btn .q_list li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;} #quick_btn .q_list li a {display: block; width: 100%; height: 100%; color: #fff; padding: 20px 0 15px;} #quick_btn .q_list li img {height: 28px;} #quick_btn .q_list li p {font-size: 13px; line-height: 1; margin-top: 8px;} #quick_btn > button {width: 90px; height: 90px; display: block; border-radius: 15px; margin-top: 10px; box-shadow: 0 0 8px rgba(0,0,0,.16);} #quick_btn > button img {width: 100%;} #main_visual {width: 94%; height: 82vh; max-height: 880px; margin: 0 auto; margin-top: 100px; position: relative; overflow: hidden; border-radius: 40px;} #main_visual .mv_list {position: relative; height: 100%;} #main_visual .mv_list .swiper-slide {width: 100%; background: url(../images/main/main_bg.jpg) no-repeat center center / cover; position: relative;} #main_visual .mv_list .swiper-slide .inner {display: flex; align-items: center; height: 100%;} #main_visual .mv_list .swiper-slide > img {position: absolute; right: 8%; bottom: 0; height: 100%;} #main_visual .mv_list .swiper-slide .txt h2 {font-size: 60px; line-height: 80px; font-family: "Outfit", sans-serif; color: #fff;} #main_visual .mv_list .swiper-slide .txt p {font-size: 24px; line-height: 38px; color: #fff; margin: 25px 0 40px;} #main_visual .mv_list .swiper-slide .txt button {border: 1px solid #fff; border-radius: 28px; height: 56px; line-height: 56px;} #main_visual .mv_list .swiper-slide .txt button a {display: flex; align-items: center; padding: 0 25px; width: 100%; height: 100%;} #main_visual .mv_list .swiper-slide .txt button a span {font-size: 16px; font-weight: bold; font-family: "Outfit", sans-serif; color: #fff;} #main_visual .mv_list .swiper-slide .txt button a img {width: 15px; height: 12px; margin-left: 20px;} #main_visual .mv_list .mv_controls {position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; z-index: 10; color: #fff; display: flex; align-items: center;} #main_visual .mv_list .mv_controls .swiper-pagination {text-align: left; width: 51px; position: relative; margin-right: 40px; font-family: "Outfit", sans-serif; font-size: 18px; } #main_visual .mv_list .mv_controls .swiper-pagination .swiper-pagination-current {font-size: 26px; font-weight: 800; padding-right: 5px;} #main_visual .mv_list .mv_controls .swiper-pagination .swiper-pagination-total {padding-left: 5px;} #main_visual .mv_list .mv_controls button {width: 10px; margin-right: 20px;} #main_visual .mv_list .mv_controls button img {width: 100%;} .m_title > span {display: block; font-size: 22px; color: #1A4883; line-height: 1; font-family: "Outfit", sans-serif; margin-bottom: 25px; font-weight: 700; letter-spacing: 3px;} .m_title h2 {font-size: 55px; line-height: 70px; font-family: "Outfit", sans-serif; font-weight: 300;} .m_title h2 b {font-weight: 700;} .m_title p {font-size: 22px; line-height: 36px; margin-top: 35px;} #con1 {padding: 220px 0; background: url(../images/main/con1_bg.png) no-repeat left top 130px; background-size: 50%;} #con1 .m_title {text-align: center; margin-bottom: 90px;} #con1 .c1_list {padding: 50px 0; background: #fff; border-radius: 30px; box-shadow: 0 0 10px rgba(104,155,220,0.45); display: flex; align-items: center;} #con1 .c1_list li {width: 25%; border-right: 1px solid #dedede; text-align: center; font-family: "Outfit", sans-serif; padding: 25px 0;} #con1 .c1_list li:last-child {border-right: 0;} #con1 .c1_list li strong {display: block; font-size: 65px; line-height: 1; margin-bottom: 25px; font-weight: 800; color: #1A4883;} #con1 .c1_list li p {font-size: 20px; font-weight: 500; color: #1A4883;} .more_btn {border: 1px solid #000; border-radius: 28px; height: 56px; line-height: 56px;} .more_btn a {display: flex; align-items: center; padding: 0 25px; width: 100%; height: 100%;} .more_btn a span {font-size: 16px; font-weight: bold; font-family: "Outfit", sans-serif; color: #000;} .more_btn a img {width: 15px; height: 12px; margin-left: 20px;} #con2 {padding: 170px 0 200px; background: #F6F8FC url(../images/main/con2_bg_txt.png) no-repeat left 3% bottom; background-size: 55%; border-radius: 0 250px 0 0;} #con2 .m_title {position: relative; margin-bottom: 80px;} #con2 .m_title .more_btn {position: absolute; right: 0; top: 60px;} .doctor_slide {position: relative; margin-left: 17.5%; padding-left: 250px; overflow: hidden;} .doctor_slide .swiper-pagination {position: absolute; left: 0; bottom: auto !important; top: 50%; transform: translateY(-50%); width: auto !important; z-index: 10;} .doctor_slide .swiper-pagination::before {content:''; width: 1px; height: 118px; background: #C1C1C1; position: absolute; left: 9px; top: 10px; z-index: 0;} .doctor_slide .swiper-pagination span {display: block; width: 185px; height: 20px; line-height: 20px; background: url(../images/main/c2_bullet.png) no-repeat left center; background-size: 20px 20px; font-size: 18px; color: #9a9a9a; margin: 0 0 40px !important; cursor: pointer; transition: all 0.3s; text-align: left; opacity: 1 !important; padding-left: 32px; z-index: 1; position: relative;} .doctor_slide .swiper-pagination-bullet {display: block; border-radius: 0 !important;} .doctor_slide .swiper-pagination .swiper-pagination-bullet-active {color: #1A4883; font-weight: bold; background: url(../images/main/c2_bullet_on.png) no-repeat left center; background-size: 20px 20px;} .doctor_slide .swiper-slide {display: flex; align-items: center; width: 1150px; opacity: 0.3; transform: scale(0.7); transition: all 0.3s;} .doctor_slide .swiper-slide.swiper-slide-active {transform: scale(1); opacity: 1;} .doctor_slide .swiper-slide > img {width: 450px; border-radius: 30px;} .doctor_slide .swiper-slide .text {margin-left: 60px;} .doctor_slide .swiper-slide .text .tit {margin-bottom: 40px;} .doctor_slide .swiper-slide .text .tit > img {width: 26px; display: block; margin-bottom: 20px;} .doctor_slide .swiper-slide .text .tit h3 {font-size: 26px; line-height: 40px; font-weight: 500; font-family: "Outfit", sans-serif;} .doctor_slide .swiper-slide .text span {display: inline-block; color: #1A4883; background: #C8DBF4; font-size: 18px; font-weight: 500; line-height: 1; padding: 5px 12px; border-radius: 5px;} .doctor_slide .swiper-slide .text .name {display: block; margin: 12px 0 30px; font-size: 35px; line-height: 1; font-family: "Outfit", sans-serif;} .doctor_slide .swiper-slide .text .bullet li {font-size: 16px; line-height: 24px; color: #666; margin-bottom: 10px; padding-left: 12px; position: relative;} .doctor_slide .swiper-slide .text .bullet li::before {content: ''; width: 4px; height: 4px; background: #1A4883; border-radius: 50%; position: absolute; left: 0; top: 11px;} .doctor_slide .swiper-slide .text .bullet li:last-child {margin-bottom: 0;} .doctor_slide .swiper-slide .text .bullet li b {color: #000;} #con3 {margin: 220px 0 250px;} #con3 .m_title {text-align: center; margin-bottom: 100px;} #con3 .ser_wrap {padding: 0 3%;} #con3 .ser_list {display: flex; justify-content: space-between; box-sizing: border-box !important;} #con3 .ser_list li {width: 19%; border-radius: 30px; position: relative; overflow: hidden; z-index: 5;} #con3 .ser_list li a {display: block; width: 100%; height: 100%; color: #fff; z-index: 5; position: relative;} #con3 .ser_list li a .img_box {width: 100%; position: relative; height: 0; padding-bottom: 142.008%;} #con3 .ser_list li a .img_box img {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); filter: blur(0); transition: 0.3s ease-in-out;} #con3 .ser_list li .txt_box {position: absolute; left: 40px; bottom: 50px; color: #fff; width: calc(100% - 80px); transform: translateY(85px); transition: all 0.3s; z-index: 7;} #con3 .ser_list li:hover .txt_box {transform: translateY(0);} #con3 .ser_list li .txt_box span {font-size: 16px; line-height: 1; display: block; font-family: "Outfit", sans-serif; margin-bottom: 10px; font-weight: 300;} #con3 .ser_list li .txt_box h3 {font-size: 28px; line-height: 1; font-family: "Outfit", sans-serif; margin-bottom: 40px; font-weight: 500;} #con3 .ser_list li .txt_box p {font-size: 15px; line-height: 20px;} #con3 .ser_list li .txt_box .s_arrow {position: absolute; right: 0; top: 27px; width: 22px; display: none; transition: all 0.3s;} #con3 .ser_list li .txt_box .s_arrow img {width: 100%;} #con3 .ser_list li:hover a .img_box img {filter: blur(10px);} #con3 .ser_list li:hover .hover_box {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.4); filter: blur(8px);} #con3 .ser_list li:hover .txt_box .s_arrow {display: block; z-index: 7;} #con4 {padding: 220px 0; background: url(../images/main/con4_bg.jpg) no-repeat center center / cover; border-radius: 250px 0 0 0;} #con4 .inner {display: flex; justify-content: space-between; align-items: flex-end;} #con4 .left {width: 58%;} #con4 .left .m_title {margin-bottom: 80px;} #con4 .left .m_title span {color: #5496EB;} #con4 .left .m_title h2 {color: #fff;} #con4 .left .why_list li {width: 70%; height: 120px; background: #fff; box-shadow: 0 0 25px rgba(144,207,255,1); border-radius: 60px; margin-bottom: 40px; display: flex; align-items: center; padding: 14px 25px; transition: all 0.3s;} #con4 .left .why_list li:nth-child(2n) {margin-left: 20%;} #con4 .left .why_list li:nth-child(3) {margin-left: 7%;} #con4 .left .why_list li:last-child {margin-bottom: 0;} #con4 .left .why_list li span {display: block; width: 92px; height: 92px; line-height: 92px; color: #fff; font-size: 32px; text-align: center; background: #1A4883; border-radius: 50%; font-weight: 500; font-style: italic;} #con4 .left .why_list li p {font-size: 20px; line-height: 28px; margin-left: 28px;} #con4 .left .why_list li.on {background: #1F5497; box-shadow: 0 0 25px rgba(144,207,255,.72);} #con4 .left .why_list li.on span {background: #fff; color: #1A4883; font-weight: 700;} #con4 .left .why_list li.on p {color: #fff;} #con4 .right {width: 42%;} #con4 .right img {width: 100%; border-radius: 30px;} #con5 {background: #EEF0F5; padding: 200px 0 250px;} #con5 .m_title {text-align: center; margin-bottom: 100px;} #con5 .review_list {display: flex;} #con5 .review_list li {width: 340px; height: 460px; border-radius: 200px; margin: 0 10px; overflow: hidden; background: #fff; display: flex; align-items: center;} #con5 .review_list li img {width: 100%;} #con5 .review_list li .txt_box {padding: 0 50px;} #con5 .review_list li .txt_box span {display: block; font-size: 16px; font-weight: 500; color: #B1B7BE;} #con5 .review_list li .txt_box p:nth-of-type(1) {font-size: 20px; line-height: 30px; margin: 25px 0 50px; font-weight: 700;} #con5 .review_list li .txt_box p.date {font-size: 16px; color: #B1B7BE;} #con6 {margin: 220px 0 250px; text-align: right;} #con6 .m_title {text-align: left;} #con6 .tab_btn {display: inline-flex; align-items: center; justify-content: flex-end; background: #DAE4F1; padding: 8px 15px; border-radius: 40px;} #con6 .tab_btn li {padding: 18px 35px; background: #DAE4F1; color: #1A4883; font-weight: 500; border-radius: 35px; cursor: pointer;} #con6 .tab_btn li.on {background: #1A4883; color: #fff; font-weight: bold;} #con6 .tabcontent {margin-top: 50px; overflow: hidden; text-align: left;} #con6 .tabcontent .left {float: left; width: 50%; border-radius: 30px; overflow: hidden; position: relative; height: 0; padding-bottom: 28.13%;} #con6 .tabcontent .left iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} #con6 .tabcontent .right {float: right; width: 50%; padding-left: 60px;} #con6 .tabcontent .right .yt_list li {margin-bottom: 25px;} #con6 .tabcontent .right .yt_list li:last-child {margin-bottom: 0;} #con6 .tabcontent .right .yt_list li a {display: flex; align-items: center;} #con6 .tabcontent .right .yt_list li a img {width: 24%; border-radius: 15px;} #con6 .tabcontent .right .yt_list li a p {color: #000; margin-left: 25px; font-size: 20px; line-height: 30px; font-weight: 700;} #con6 .tabcontent .right .yt_list li:hover a p {color: #1A4883;} #con6 .tabcontent .right .go_youtube {background: #DB1B1A; padding: 8px 20px; border-radius: 30px; margin-top: 45px; display: block; margin-left: auto;} #con6 .tabcontent .right .go_youtube a {display: flex; align-items: center;} #con6 .tabcontent .right .go_youtube a p {color: #fff; font-size: 14px; font-weight: 800; margin-right: 15px; line-height: 1;} #con6 .tabcontent .right .go_youtube a img {width: 26px;} #con7 {background: #1A4883; padding: 120px 0;} #con7 .inner {display: flex; align-items: center; justify-content: space-between; color: #fff;} #con7 .left {width: calc(100% - 440px);} #con7 .left span {font-size: 22px; line-height: 1; color: rgba(255,255,255,.5); display: block; font-weight: 700; font-family: "Outfit", sans-serif;} #con7 .left h2 {font-size: 40px; line-height: 52px; margin: 20px 0 25px; font-family: "Outfit", sans-serif;} #con7 .left p {font-size: 22px;} #con7 .left .inquiry_box {width: 710px; margin-top: 60px; display: flex; flex-wrap: wrap;} #con7 .left .inquiry_box li {width: 350px; margin-right: 10px; margin-top: 10px;} #con7 .left .inquiry_box li:nth-child(2n) {margin-right: 0;} #con7 .left .inquiry_box li:nth-child(-n+2) {margin-top: 0;} #con7 .left .inquiry_box li input {background: #133663; width: 100%; height: 52px; padding: 0 15px; font-size: 16px; border: 0; border-radius: 8px; color: #fff;} #con7 .left .inquiry_box li input::placeholder {color: rgba(255,255,255,.5);} #con7 .left .inquiry_box li select {width: 100%; height: 52px; padding: 0 15px; font-size: 16px; border: 0; border-radius: 8px; color: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #133663 url(../images/main/select_arrow.png) no-repeat center right 13px; background-size: 11px 6px;} #con7 .left .inquiry_box li .submit_btn {width: 100%; height: 52px; font-size: 18px; border-radius: 8px; color: #fff; background: #000; font-family: "Outfit", sans-serif; font-weight: 700;} #con7 .left .agree_box {margin-top: 30px;} #con7 .left .agree_box li {display: flex; align-items: center; margin-bottom: 10px;} #con7 .left .agree_box li:last-child {margin-bottom: 0;} #con7 .left .agree_box li p {font-size: 14px; margin-left: 8px; line-height: 1;} #con7 .right {width: 440px;} #con7 .right .conbtn_list {display: flex; flex-wrap: wrap;} #con7 .right .conbtn_list li {width: 210px; height: 210px; margin-right: 20px; margin-top: 20px; background: #2A65B2; border-radius: 10px; text-align: center;} #con7 .right .conbtn_list li:nth-child(2n) {margin-right: 0;} #con7 .right .conbtn_list li:nth-child(-n+2) {margin-top: 0;} #con7 .right .conbtn_list li a {display: block; width: 100%; height: 100%; padding-top: 45px;} #con7 .right .conbtn_list li a img {width: 60px;} #con7 .right .conbtn_list li a p {font-size: 16px; line-height: 1; color: #fff; margin-top: 30px; font-weight: 500;} #con7 .right .conbtn_list li:first-child a p {margin-top: 20px;} #con7 .right .conbtn_list li:first-child a strong {display: block; font-size: 20px; font-weight: 700; font-family: "Outfit", sans-serif; color: #fff;} #footer {background: #062751;} #footer .f_top {padding: 150px 0 80px; display: flex; align-items: center; justify-content: space-between;} #footer .f_top .map {width: 48%; height: 470px; border-radius: 20px; overflow: hidden;} #footer .f_top .map iframe {width: 100%; height: 100%;} #footer .f_top .info {width: 48%; color: #fff;} #footer .f_top .info > h2 {font-size: 35px; line-height: 1; font-family: "Outfit", sans-serif; margin-bottom: 15px;} #footer .f_top .info > p {font-size: 20px; line-height: 30px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,.3);} #footer .f_top .info .inf_list > li {display: flex; margin-bottom: 30px;} #footer .f_top .info .inf_list > li:first-child {align-items: center;} #footer .f_top .info .inf_list > li:last-child {margin-bottom: 0;} #footer .f_top .info .inf_list > li span {font-size: 22px; line-height: 1; font-weight: 700; font-family: "Outfit", sans-serif; width: 135px;} #footer .f_top .info .inf_list > li strong {font-size: 40px; line-height: 1; font-weight: 800;} #footer .f_top .info .inf_list > li .time {width: calc(100% - 135px);} #footer .f_top .info .inf_list > li .time li {display: flex; align-items: center; font-size: 18px; margin-bottom: 3px;} #footer .f_top .info .inf_list > li .time li:last-child {margin-top: 7px;} #footer .f_top .info .inf_list > li .time li em {width: 105px;} #footer .f_top .info .inf_list > li .time li p b {color: #5496EB;} #footer .f_top .info .inf_list > li .time li p.close_p {color: #A8A8A8; font-size: 14px;} #footer .f_mid {background: #021A3A; padding: 32px 0; text-align: center;} #footer .f_mid p {text-align: center; color: #fff; font-size: 18px; line-height: 30px;} #footer .f_bot {padding: 50px 0; display: flex; justify-content: space-between; align-items: flex-start;} #footer .f_bot .foot_logo {width: 173px;} #footer .f_bot .f_txt {width: calc(100% - 455px); padding-left: 80px;} #footer .f_bot .f_txt .privacy {display: flex; align-items: center; margin-bottom: 20px;} #footer .f_bot .f_txt .privacy li {font-size: 16px; line-height: 1; margin-right: 30px;} #footer .f_bot .f_txt .privacy li:last-child {margin-right: 0;} #footer .f_bot .f_txt .privacy li a {color: #fff;} #footer .f_bot .f_txt .address {font-size: 15px; color: rgba(255,255,255,.6); display: flex;} #footer .f_bot .f_txt .address p {margin-right: 25px;} #footer .f_bot .f_txt .address p:last-child {margin-right: 0;} #footer .f_bot .f_txt p.copyright {font-size: 15px; color: #fff; margin-top: 20px;} #footer .f_bot .sns_btn {display: flex; align-items: center;} #footer .f_bot .sns_btn li {width: 50px; margin-right: 8px;} #footer .f_bot .sns_btn li a {display: block; width: 100%; height: 100%;} #footer .f_bot .sns_btn li a img {width: 100%;} #footer .f_bot .sns_btn li:last-child {margin-right: 0;} /* === Sub === */ #sub_contents {margin-top: 166px; } .sub_loc {width: 100%; height: 66px; background: #1A4883; position: fixed; top: 100px; left: 0; z-index: 100; box-shadow: 0 3px 10px rgba(0,0,0,.16);} .sub_loc .s_loc {display: flex; align-items: center;} .sub_loc .s_loc > li {width: 300px; height: 66px; text-align: left; border-right: 1px solid rgba(255,255,255,.3); position: relative;} .sub_loc .s_loc > li > a {display: block; width: 100%; height: 100%; padding: 0 25px; color: #fff; background: url(../images/sub/nav_arrow.png) no-repeat center right 25px; background-size: 11px 6px;} .sub_loc .s_loc > li > a p {font-size: 16px; line-height: 66px;} .sub_loc .s_loc > li:first-child {width: 66px; display: flex; align-items: center; justify-content: center; border-left: 1px solid rgba(255,255,255,.3);} .sub_loc .s_loc > li:first-child img {width: 18px; height: 16px;} .sub_loc .s_loc > li .loc_select {position: absolute; left: 0; top: 70px; width: 100%; overflow: hidden; background: #1A4883; border: 1px solid rgba(255,255,255,.3); padding: 0 25px; max-height: 0; opacity: 0; visibility: hidden; transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.35s ease,visibility 0s linear 0.35s;} .sub_loc .s_loc > li .loc_select li {font-size: 16px; margin-bottom: 10px;} .sub_loc .s_loc > li .loc_select li:last-child {margin-bottom: 0;} .sub_loc .s_loc > li .loc_select li a {color: #fff;} .sub_loc .s_loc > li .loc_select li:hover a {color: #fff;} .sub_loc .s_loc > li.open .loc_select {max-height: 300px; padding: 15px 25px; opacity: 1; transform: translateY(0) scaleY(1); pointer-events: auto; visibility: visible; transition: opacity .18s ease, transform .18s ease, visibility 0s;} .sub_title {padding: 120px 0 60px; border-bottom: 1px solid #DEDEDE; margin-bottom: 120px;} .sub_title span {display: block; font-size: 22px; line-height: 1; color: #1A4883; margin-bottom: 25px; font-family: "Outfit", sans-serif; font-weight: 700; letter-spacing: 2.5px;} .sub_title h2 {font-size: 55px; line-height: 1; margin-bottom: 35px; font-family: "Outfit", sans-serif; font-weight: 700;} .sub_title p {font-size: 20px; line-height: 32px;} .sub_title strong {display: inline-block; font-size: 22px; line-height: 1; color: #fff; background: #1A4883; padding: 12px 20px; font-family: "Outfit", sans-serif; font-weight: 500; margin-bottom: 35px;} /* Refractive title */ .sub_title_r {padding: 120px 0 0; margin-bottom: 150px; height: 815px; position: relative;} .sub_title_r::before {content: ''; width: 48%; height: 550px; background: #EDF0FA; border-radius: 300px 0 0 300px; position: absolute; right: 0; bottom: 0;} .sub_title_r .inner {display: flex; align-items: flex-start; justify-content: space-between;} .sub_title_r .inner > img {width: 48%; z-index: 5; position: relative;} .sub_title_r .title_box span {display: block; font-size: 22px; line-height: 1; color: #1A4883; margin-bottom: 25px; font-family: "Outfit", sans-serif; font-weight: 700; letter-spacing: 2.5px;} .sub_title_r .title_box h2 {font-size: 55px; line-height: 1; margin-bottom: 30px; font-family: "Outfit", sans-serif; font-weight: 700;} .sub_title_r .title_box strong {display: inline-block; font-size: 22px; background: #1A4883; color: #fff; line-height: 1; padding: 12px 20px; font-family: "Outfit", sans-serif; font-weight: 500;} .sub_title_r .title_box .blue_p {font-size: 26px; font-weight: 700; color: #1A4883; margin: 30px 0 25px; font-family: "Outfit", sans-serif;} .sub_title_r .title_box .txt_box p {font-size: 18px; line-height: 30px; margin-bottom: 25px;} .sub_title_r .title_box .txt_box p:last-child {margin-bottom: 0;} .sub_title_r .title_box .txt_box .check_list {margin-bottom: 25px;} .sub_title_r .title_box .txt_box .check_list li {display: flex; align-items: center; margin-bottom: 15px;} .sub_title_r .title_box .txt_box .check_list li:last-child {margin-bottom: 0;} .sub_title_r .title_box .txt_box .check_list li img {width: 20px; margin-right: 10px;} .sub_title_r .title_box .txt_box .check_list li p {font-size: 18px; font-weight: 500; line-height: 1;} .sub_title_r.s_smilepro {background: url(../images/sub/visumax800_bg.png) no-repeat left 40px bottom;} .sub_title_r.s_smile {background: url(../images/sub/visumax500_bg.png) no-repeat left 40px bottom;} .sub_title_r.s_icl {background: url(../images/sub/evoicl_bg.png) no-repeat left 40px bottom;} .sub_title_r.s_visulasik {background: url(../images/sub/visulasik_bg.png) no-repeat left 40px bottom;} .sub_title_r.s_lasek {background: url(../images/sub/ex500_bg.png) no-repeat left 40px bottom;} .sub_title_r.s_cataract {background: url(../images/sub/cataract_bg.png) no-repeat left 40px bottom;} /* Introduction */ .intro_wrap .tit {margin-bottom: 50px; text-align: center;} .intro_wrap .tit h3 {font-size: 40px; line-height: 1; font-weight: 700; font-family: "Outfit", sans-serif;} .intro_wrap .tit p {font-size: 20px; margin-top: 20px;} .intro_01 .why_list {display: flex; justify-content: space-between; flex-wrap: wrap;} .intro_01 .why_list li {width: 49%; margin-top: 2%; background: #F6F8FC; border-radius: 30px; padding: 70px 50px; position: relative;} .intro_01 .why_list li:nth-child(-n+2) {margin-top: 0;} .intro_01 .why_list li h4 {font-size: 30px; line-height: 1; font-weight: 600;} .intro_01 .why_list li p {font-size: 18px; line-height: 32px; margin-top: 45px;} .intro_01 .why_list li img {position: absolute; right: 50px; top: 40px; width: 94px;} .intro_02 {margin: 150px 0; padding: 120px 0 150px; background: #F7F7F7 url(../images/sub/intro_m_bg.png) no-repeat bottom left 40px;} .intro_02 .history_box {display: flex; justify-content: space-between; align-items: flex-start;} .intro_02 .history_box > img {width: 50%; border-radius: 30px;} .intro_02 .history_box .history {width: 46%; padding-top: 30px;} .intro_02 .history_box .history li {display: flex; align-items: flex-start; margin-bottom: 25px;} .intro_02 .history_box .history li:last-child {margin-bottom: 0;} .intro_02 .history_box .history li span {font-size: 24px; line-height: 28px; font-weight: 700; color: #1A4883; width: 85px;} .intro_02 .history_box .history li p {font-size: 18px; line-height: 28px; width: calc(100% - 85px);} .intro_04 {margin-bottom: 150px;} .intro_04 .parter_list {display: flex; justify-content: space-between;} .intro_04 .parter_list li {width: 13.5%; border: 1px solid #dedede;} .intro_04 .parter_list li img {width: 100%;} .intro_03 {text-align: center; margin-bottom: 200px;} .intro_03 .tab_btn {display: inline-flex; align-items: center; justify-content: flex-end; background: #DAE4F1; padding: 8px 15px; border-radius: 40px; margin-bottom: 40px;} .intro_03 .tab_btn li {font-size: 16px; width: 320px; height: 56px; line-height: 56px; text-align: center; background: #DAE4F1; color: #1A4883; font-weight: 500; border-radius: 35px; cursor: pointer; font-family: "Outfit", sans-serif;} .intro_03 .tab_btn li.on {background: #1A4883; color: #fff; font-weight: bold;} .intro_03 .tabcontent {position: relative;} .intro_03 .tabcontent > ul li {margin: 0 10px;} .intro_03 .tabcontent > ul li img {width: 100%;} .intro_03 .tabcontent .cl01_prev {position: absolute; left: 32%; top: 50%; transform: translateY(-50%); width: 70px;} .intro_03 .tabcontent .cl01_next {position: absolute; right: 32%; top: 50%; transform: translateY(-50%); width: 70px;} .intro_03 .tabcontent .cl02_prev {position: absolute; left: 32%; top: 50%; transform: translateY(-50%); width: 70px;} .intro_03 .tabcontent .cl02_next {position: absolute; right: 32%; top: 50%; transform: translateY(-50%); width: 70px;} .intro_03 .tabcontent button img {width: 100%;} /* Miracle Doctors */ .doctor_box {position: relative; display: flex; align-items:flex-start; justify-content: space-between; margin-bottom: 150px;} .doctor_box:last-of-type {margin-bottom: 200px;} .doctor_box > .doctor_img {width: 45%; position: sticky; left: 0; top: 166px; flex:0 0 45%; } .doctor_box > .doctor_img img {width: 100%; border-radius: 30px;} .doctor_box .d_info {width: 48%; min-height: 100vh; padding: 40px 0 0;} .doctor_box .d_info h3 {font-size: 35px; font-weight: 500; line-height: 45px; font-family: "Outfit", sans-serif; padding-bottom: 30px; margin-bottom: 35px; border-bottom: 2px solid #E3E6F2;} .doctor_box .d_info .name {margin-bottom: 80px;} .doctor_box .d_info .name span {display: block; font-size: 18px; line-height: 1; color: #1A4883; margin-bottom: 18px; font-weight: 600;} .doctor_box .d_info .name strong {display: block; font-size: 40px; line-height: 1; font-family: "Outfit", sans-serif; margin-bottom: 30px; font-weight: 700;} .doctor_box .d_info .name p {font-size: 18px; line-height: 1; color: #9DA2AA;} .doctor_box .d_info .hours {margin-bottom: 80px;} .doctor_box .d_info .hours h4 {font-size: 18px; line-height: 1; margin-bottom: 15px; font-weight: 600;} .h_tbl_wrap {border-radius: 15px; overflow: hidden; border: 1px solid #dedede;} .hours_tbl {width: 100%;} .hours_tbl th {height: 40px; background: #1A4883; font-size: 14px; color: #fff; font-weight: 500;} .hours_tbl td {height: 40px; background: #fff; font-size: 14px; text-align: center; color: #000; font-weight: 500;} .doctor_box .d_info .hours .day {width: 12px; height: 12px; vertical-align: middle;} .doctor_box .d_info .hours .off {width: 8px; height: 8px; vertical-align: middle;} .doctor_box .d_info .hours .h_if {display: flex; justify-content: flex-end; align-items: center; margin-top: 15px;} .doctor_box .d_info .hours .h_if li {display: flex; align-items: center; margin-right: 20px;} .doctor_box .d_info .hours .h_if li:last-child {margin-right: 0;} .doctor_box .d_info .hours .h_if li p {font-size: 13px; line-height: 1; margin-left: 5px;} .doctor_box .profile_box {padding-top: 45px; margin-top: 45px; border-top: 1px solid #dedede;} .doctor_box .profile_box:nth-of-type(1) {margin-top: 0;} .doctor_box .profile_box h4 {font-size: 28px; line-height: 1; margin-bottom: 25px; font-weight: 700;} .doctor_box .profile_box .bullet li {font-size: 18px; line-height: 28px; color: #444; margin-bottom: 10px; padding-left: 12px; position: relative;} .doctor_box .profile_box .bullet li:last-child {margin-bottom: 0;} .doctor_box .profile_box .bullet li::before {content: ''; width: 4px; height: 4px; background: #1A4883; border-radius: 50%; position: absolute; left: 0; top: 12px;} .doctor_box .profile_box .bullet li b {color: #1A4883; font-weight: 700;} .doctor_wrap .doctor_bg {margin-bottom: 150px; padding: 150px 0; background: #F7F8FC;} .doctor_wrap .doctor_bg .doctor_box {margin-bottom: 0;} /* Smile Pro */ .rf_tit {text-align: center; margin-bottom: 70px;} .rf_tit h3 {font-size: 40px; line-height: 55px; font-weight: 700; font-family: "Outfit", sans-serif;} .rf_tit p {font-size: 20px; line-height: 32px; color: #696969; margin-top: 30px;} .rf_tit strong {font-size: 26px; line-height: 1; font-weight: 500; font-family: "Outfit", sans-serif; background: #1A4883; padding: 10px 18px; color: #fff; display: inline-block; margin-bottom: 25px;} .smilepro_wrap .sp_01 {margin-bottom: 150px;} .smilepro_wrap .sp_01 .rf_tit {margin-bottom: 50px;} .keyb_list {display: flex; justify-content: space-between;} .keyb_list li {width: 32%; text-align: center;} .keyb_list li img {width: 100%; border-radius: 20px;} .keyb_list li h4 {font-size: 26px; line-height: 1; color: #1A4883; margin: 40px 0 20px; font-family: "Outfit", sans-serif;} .keyb_list li p {font-size: 20px; line-height: 32px;} .smilepro_wrap .sp_02 {background: #F7F8FC; padding: 120px 0 150px;} .smilepro_wrap .sp_02 .pro_ex_box {display: flex; align-items: center; justify-content: space-between;} .smilepro_wrap .sp_02 .pro_ex_box > img {width: 50%; border-radius: 20px;} .smilepro_wrap .sp_02 .pro_ex_box .txt {width: 46%;} .smilepro_wrap .sp_02 .pro_ex_box .txt h4 {font-size: 32px; line-height: 40px; font-family: "Outfit", sans-serif; font-weight: 400; margin-bottom: 30px;} .smilepro_wrap .sp_02 .pro_ex_box .txt h4 b {font-weight: 600; color: #1A4883;} .smilepro_wrap .sp_02 .pro_ex_box .txt strong {font-size: 22px; line-height: 1; font-style: italic; color: #1A4883; display: block; margin-bottom: 25px; position: relative;} .smilepro_wrap .sp_02 .pro_ex_box .txt strong::after {content: ''; width: 180px; height: 1px; background: #C8C8C8; position: absolute; right: 0; top: 12px;} .smilepro_wrap .sp_02 .pro_ex_box .txt p {font-size: 18px; line-height: 28px; margin-bottom: 25px;} .smilepro_wrap .sp_02 .pro_ex_box .txt p:last-child {margin-bottom: 0;} .smilepro_wrap .sp_03 {background: #1A4883 url(../images/sub/pro_m_txtbg.png) no-repeat left bottom; padding: 150px 0 180px;} .smilepro_wrap .sp_03 .tit {margin-bottom: 70px; text-align: center; color: #fff;} .smilepro_wrap .sp_03 .tit h3 {font-size: 40px; line-height: 70px; font-weight: 400; font-family: "Outfit", sans-serif; padding-bottom: 90px; margin-bottom: 40px; position: relative;} .smilepro_wrap .sp_03 .tit h3 b {font-size: 55px; font-weight: 700;} .smilepro_wrap .sp_03 .tit h3::after {content: ''; width: 1px; height: 60px; background: rgba(255,255,255,.6); position: absolute; left: 50%; bottom: 0;} .smilepro_wrap .sp_03 .tit strong {display: inline-block; font-size: 26px; font-weight: 500; background: #5496EB; padding: 10px 22px; line-height: 1; font-family: "Outfit", sans-serif; margin-bottom: 25px;} .smilepro_wrap .sp_03 .tit p {font-size: 20px; line-height: 32px;} .video_box {width: 1200px; height: 0; padding-bottom: 48.2149%; margin: 0 auto; position: relative;} .video_box iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .smilepro_wrap .sp_03 .why_con {margin-top: 170px; display: flex; align-items: flex-start; justify-content: space-between;} .smilepro_wrap .sp_03 .why_con .rf_tit {text-align: left; color: #fff; width: 48%;} .smilepro_wrap .sp_03 .why_con .rf_tit p {color: #fff;} .smilepro_wrap .sp_03 .why_con .whc_list {width: 46%;} .smilepro_wrap .sp_03 .why_con .whc_list li {background: #fff; border-radius: 20px; padding: 25px 50px; margin-bottom: 15px;} .smilepro_wrap .sp_03 .why_con .whc_list li:last-child {margin-bottom: 0;} .smilepro_wrap .sp_03 .why_con .whc_list li .tit {display: flex; align-items: center; margin-bottom: 0;} .smilepro_wrap .sp_03 .why_con .whc_list li .tit img {width: 30px; margin-right: 15px;} .smilepro_wrap .sp_03 .why_con .whc_list li .tit h4 {font-size: 26px; font-weight: 700; line-height: 1; color: #000;} .smilepro_wrap .sp_03 .why_con .whc_list li p {font-size: 18px; line-height: 26px; margin-top: 10px; padding-left: 45px;} .smilepro_wrap .sp_04 {padding: 150px 0 180px;} .smilepro_wrap .sp_04 .ex_benefits {display: flex; justify-content: space-between; position: relative;} .smilepro_wrap .sp_04 .ex_benefits::after {content: ''; width: 3000px; height: 1px; background: rgba(26,72,131,.3); position: absolute; left: 50%; bottom: 181px; transform: translateX(-50%);} .smilepro_wrap .sp_04 .ex_benefits li {width: 22%; text-align: center;} .smilepro_wrap .sp_04 .ex_benefits li img {width: 82%; display: block; margin: 0 auto;} .smilepro_wrap .sp_04 .ex_benefits li span {display: block; font-size: 26px; font-weight: 700; line-height: 1; color: #1A4883; position: relative; font-family: "Outfit", sans-serif; margin: 100px 0 15px;} .smilepro_wrap .sp_04 .ex_benefits li span::after {content: ''; width: 20px; height: 20px; background: #1A4883; position: absolute; left: 50%; bottom: 60px; border-radius: 50%; transform: translateX(-50%);} .smilepro_wrap .sp_04 .ex_benefits li p {font-size: 20px; line-height: 32px;} .smilepro_wrap .sp_05 {background: url(../images/sub/pro_vision_bg.jpg) no-repeat center center / cover; padding: 150px 0 180px;} .smilepro_wrap .sp_05 .tit {color: #fff; margin-bottom: 80px; text-align: center;} .smilepro_wrap .sp_05 .tit img {width: 80px; display: block; margin: 0 auto; margin-bottom: 20px;} .smilepro_wrap .sp_05 .tit h3 {font-size: 50px; margin-bottom: 20px; font-family: "Outfit", sans-serif;} .smilepro_wrap .sp_05 .tit p {font-size: 26px; line-height: 40px;} .smilepro_wrap .sp_05 .img_box {display: flex; align-items: center; justify-content: space-between;} .smilepro_wrap .sp_05 .img_box img {width: 49%; border-radius: 20px;} /* Smile */ .smile_wrap .sm_01 .sm_process {display: flex; align-items: flex-start; justify-content: space-between;} .smile_wrap .sm_01 .sm_process .smp_list {width: 48%;} .smile_wrap .sm_01 .sm_process .smp_list li {display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 40px; position: relative;} .smile_wrap .sm_01 .sm_process .smp_list li:last-child {margin-bottom: 0;} .smile_wrap .sm_01 .sm_process .smp_list li::after {content: ''; width: 13px; height: 7px; background: url(../images/sub/arrow_down.png) no-repeat; background-size: 13px 6px; position: absolute; left: 40px; bottom: 0;} .smile_wrap .sm_01 .sm_process .smp_list li:last-child::after {content: none;} .smile_wrap .sm_01 .sm_process .smp_list li span {display: block; width: 100px; height: 100px; background: #73A3E0; border-radius: 50%; font-size: 18px; line-height: 26px; font-weight: 700; color: #fff; text-align: center; padding-top: 22px;} .smile_wrap .sm_01 .sm_process .smp_list li span b {font-size: 30px; font-weight: 700;} .smile_wrap .sm_01 .sm_process .smp_list li:nth-child(2) span {background: #4475B3;} .smile_wrap .sm_01 .sm_process .smp_list li:nth-child(3) span {background: #1A4883;} .smile_wrap .sm_01 .sm_process .smp_list li .txt {width: calc(100% - 140px);} .smile_wrap .sm_01 .sm_process .smp_list li .txt h4 {font-size: 26px; line-height: 1; margin-bottom: 15px;} .smile_wrap .sm_01 .sm_process .smp_list li .txt p {font-size: 18px; line-height: 26px; color: #444;} .smile_wrap .sm_01 .sm_process > img {width: 47%; border-radius: 20px;} .smile_wrap .sm_02 {margin: 180px auto;} .smile_wrap .sm_02 .sm_dft {display: flex; align-items: center; justify-content: space-between;} .smile_wrap .sm_02 .sm_dft > img {width: 50%; border-radius: 25px;} .smile_wrap .sm_02 .sm_dft .df_check {width: 45%;} .smile_wrap .sm_02 .sm_dft .df_check li {margin-bottom: 50px;} .smile_wrap .sm_02 .sm_dft .df_check li:last-child {margin-bottom: 0;} .smile_wrap .sm_02 .sm_dft .df_check li .tit {display: flex; align-items: center; margin-bottom: 10px;} .smile_wrap .sm_02 .sm_dft .df_check li .tit img {width: 30px; margin-right: 20px;} .smile_wrap .sm_02 .sm_dft .df_check li .tit h4 {font-size: 26px; line-height: 1; font-weight: 700;} .smile_wrap .sm_02 .sm_dft .df_check li p {font-size: 18px; line-height: 26px; color: #444; padding-left: 50px;} .smile_wrap .sm_03 {background: #F7F8FC; padding: 120px 0 150px;} .sm_whob {display: flex; justify-content: space-between;} .sm_whob li {width: 23.5%; text-align: center;} .sm_whob li img {width: 100%; border-radius: 20px;} .sm_whob li span {font-size: 16px; width: 40px; height: 40px; border-radius: 50%; background: #1A4883; display: block; color: #fff; text-align: center; line-height: 40px; font-weight: 600; margin: 0 auto; margin-top: -20px; position: relative; z-index: 5;} .sm_whob li p {font-size: 22px; line-height: 32px; font-weight: 500; margin-top: 15px;} .smile_wrap .sm_04 {margin: 180px auto;} .rf_tble {width: 100%; border-top: 3px solid #1A4883;} .rf_tble tr {border-bottom: 1px solid #DEDEDE;} .rf_tble th {background: #F7F7F7; font-size: 24px; line-height: 1; font-weight: 600; border-right: 1px solid #DEDEDE; padding: 25px 0;} .rf_tble th.ctg {font-size: 18px; color: #696969;} .rf_tble th.sm {background: #1A4883; color: #fff;} .rf_tble th:last-child {border-right: 0;} .rf_tble td {background: #fff; font-size: 18px; line-height: 28px; border-right: 1px solid #DEDEDE; padding: 30px 15px; text-align: center;} .rf_tble td.ctg {font-size: 18px; line-height: 24px; color: #696969;} .rf_tble td.sm {background: #F7F8FC; color: #1A4883; font-weight: 500;} .rf_tble td:last-child {border-right: 0;} .rf_tble td img {width: 100%;} .smile_wrap .sm_04 .gray_box {background: #F7F7F7; padding: 40px 60px; margin-top: 40px; border-radius: 20px;} .smile_wrap .sm_04 .gray_box .bullet li {font-size: 20px; line-height: 32px; padding-left: 12px; position: relative; margin-bottom: 10px;} .smile_wrap .sm_04 .gray_box .bullet li:last-child {margin-bottom: 0;} .smile_wrap .sm_04 .gray_box .bullet li::before {content: ''; width: 4px; height: 4px; background: #1A4883; border-radius: 50%; position: absolute; left: 0; top: 15px;} /* icl */ .icl_wrap .icl_01 {margin-bottom: 180px;} .icl_wrap .icl_02 {padding: 120px 0 150px; background: #F7F8FC;} .icl_03 {margin: 180px auto;} .icl_03 .rf_tit {margin-bottom: 90px;} .whychoose .whcon {display: flex; align-items: center; justify-content: space-between; margin-bottom: 80px;} .whychoose .whcon:nth-child(2) {flex-direction: row-reverse;} .whychoose .whcon:last-child {margin-bottom: 0;} .whychoose .whcon > img {width: 48%; border-radius: 20px;} .whychoose .whcon .txt_box {width: calc(52% - 60px); position: relative;} .whychoose .whcon .txt_box h4 {font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 20px; position: relative; z-index: 2;} .whychoose .whcon .txt_box p {font-size: 18px; line-height: 30px; margin-bottom: 25px;} .whychoose .whcon .txt_box p:last-of-type {margin-bottom: 0;} .whychoose .whcon .txt_box .gray_box {background: #F5F5F5; padding: 40px; border-radius: 20px; margin-top: 40px;} .whychoose .whcon .txt_box .gray_box .bullet li {font-size: 16px; line-height: 26px; padding-left: 15px; position: relative; margin-bottom: 15px;} .whychoose .whcon .txt_box .gray_box .bullet li:last-child {margin-bottom: 0;} .whychoose .whcon .txt_box .gray_box .bullet li::before {content: ''; width: 4px; height: 4px; background: #1A4883; border-radius: 50%; position: absolute; left: 0; top: 12px;} .whychoose .whcon .txt_box img.bg_num {position: absolute; right: 0; top: 0; height: 66px; z-index: 1;} .icl_wrap .icl_04 {background: #1A4883 url(../images/sub/pro_m_txtbg.png) no-repeat left bottom; padding: 150px 0 180px;} .icl_wrap .icl_04 .tit {color: #fff; margin-bottom: 70px; text-align: center;} .icl_wrap .icl_04 .tit h3 {font-size: 40px; line-height: 65px; font-family: "Outfit", sans-serif; font-weight: 400; margin-bottom: 25px;} .icl_wrap .icl_04 .tit h3 b {font-size: 55px; font-weight: 700;} .icl_wrap .icl_04 strong {font-size: 26px; line-height: 42px; font-weight: 600; color: #fff; display: block; text-align: center; margin-top: 60px; font-family: "Outfit", sans-serif;} /* VISU LASIK */ .visu_wrap .visu_01 {margin-bottom: 180px;} .benefit_box {display: flex; align-items: center; justify-content: space-between;} .benefit_box > img {width: 48%; border-radius: 20px;} .benefit_box .bene_list {width: 47%;} .benefit_box .bene_list li {padding: 17px 10px; border-bottom: 1px solid #DEDEDE; display: flex; align-items: center;} .benefit_box .bene_list li:first-child {padding-top: 0;} .benefit_box .bene_list li span {width: 96px; height: 34px; border-radius: 17px; background: #DAE4F1; font-size: 16px; font-weight: 500; color: #1A3D6A; font-family: "Outfit", sans-serif; line-height: 34px; text-align: center; margin-right: 20px;} .benefit_box .bene_list li p {width: calc(100% - 116px); font-size: 22px; font-weight: 500;} .visu_wrap .visu_02 {background: #F7F8FC; padding: 120px 0 150px; margin-bottom: 180px;} .visu_wrap .visu_03 {margin-bottom: 200px;} .candi_box {display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;} .candi_box .candi_list {width: 46%;} .candi_box .candi_list li {display: flex; align-items: center; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #ccc;} .candi_box .candi_list li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;} .candi_box .candi_list li img {width: 30px; margin-right: 20px;} .candi_box .candi_list li p {font-size: 24px; font-weight: 500; line-height: 1; width: calc(100% - 50px);} .candi_box > img {width: 50%; border-radius: 20px;} /* Lasek */ .lasek_wrap .lasek_01 {margin-bottom: 180px;} .lasek_wrap .lasek_02 {background: #F7F8FC; padding: 120px 0 150px; margin-bottom: 180px;} .lasek_wrap .lasek_03 {margin-bottom: 200px;} /* Cataract */ .cataract_wrap .catar_01 {background: #2C333E url(../images/sub/pro_m_txtbg2.png) no-repeat left bottom; padding: 150px 0 180px; margin-bottom: 180px;} .cataract_wrap .catar_01 .tit {text-align: center; color: #fff; margin-bottom: 70px;} .cataract_wrap .catar_01 .tit h3 {font-size: 40px; line-height: 70px; font-weight: 400; font-family: "Outfit", sans-serif; margin-bottom: 40px;} .cataract_wrap .catar_01 .tit h3 b {font-size: 55px; font-weight: 700;} .cataract_wrap .catar_01 .tit em {display: block; font-size: 30px; font-family: "Outfit", sans-serif; font-weight: 700; line-height: 1;} .cataract_wrap .catar_01 .tit strong {font-size: 26px; line-height: 1; color: #fff; background: #5496EB; font-family: "Outfit", sans-serif; font-weight: 500; padding: 10px 18px; display: inline-block; margin: 35px 0 30px;} .cataract_wrap .catar_01 img.miracle_formula {width: 100%; border-radius: 20px;} .cataract_wrap .catar_01 .mf_info {display: flex; margin-top: 70px; width: 100%;} .cataract_wrap .catar_01 .mf_info li {width: 50%; padding-right: 4%;; border-right: 1px solid rgba(255,255,255,.3); color: #fff;} .cataract_wrap .catar_01 .mf_info li:last-child {padding-left: 4%; padding-right: 0; border-right: 0;} .cataract_wrap .catar_01 .mf_info li h4 {font-size: 30px; line-height: 1; margin-bottom: 25px;} .cataract_wrap .catar_01 .mf_info li p {font-size: 18px; line-height: 28px;} .cataract_wrap .catar_01 .more_btn {display: block; margin: 0 auto; margin-top: 80px; background: #1B60B8; width: 300px; height: 56px; border-radius: 28px;} .cataract_wrap .catar_01 .more_btn a {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; color: #fff;} .cataract_wrap .catar_01 .more_btn a p {font-size: 16px; font-weight: 700; line-height: 56px; font-family: "Outfit", sans-serif;} .cataract_wrap .catar_02 {margin-bottom: 180px;} .cataract_wrap .catar_02 .cp_comparison {display: flex; justify-content: space-between;} .cataract_wrap .catar_02 .cp_comparison li {padding: 70px 65px 65px; border: 1px solid #D4D4D4; text-align: center; width: 48.5%;} .cataract_wrap .catar_02 .cp_comparison li img {width: 100%; max-width: 520px;} .cataract_wrap .catar_02 .cp_comparison li h4 {font-size: 28px; line-height: 1; color: #1A4883; margin: 70px 0 25px; font-family: "Outfit", sans-serif;} .cataract_wrap .catar_02 .cp_comparison li p {font-size: 18px; line-height: 30px; color: #444;} .cataract_wrap .catar_03 {margin-bottom: 180px;} .comp_tbl {width: 100%; border-top: 3px solid #1A4883;} .comp_tbl tr {border-bottom: 1px solid #DEDEDE;} .comp_tbl th {background: #F7F8FC; font-size: 22px; line-height: 28px; font-weight: 600; padding: 20px 10px; color: #000; border-right: 1px solid #DEDEDE;} .comp_tbl th:last-child {border-right: 0;} .comp_tbl th.ctg {font-size: 18px; font-weight: 400; color: #696969;} .comp_tbl td {font-size: 18px; line-height: 28px; padding: 40px 15px; text-align: center; border-right: 1px solid #DEDEDE;} .comp_tbl td:last-child {border-right: 0;} .cataract_wrap .catar_04 {padding: 150px 0 180px; background: #F7F8FC; margin-bottom: 180px;} .cataract_wrap .catar_05 {margin-bottom: 120px;} .iol_box .tab_btn {display: flex;} .iol_box .tab_btn li {width: 50%; background: #F8F8F8; border: 1px solid #DEDEDE; height: 74px; line-height: 74px; text-align: center; font-size: 22px; font-weight: 500; cursor: pointer;} .iol_box .tab_btn li:first-child {border-right: 0;} .iol_box .tab_btn li.on {background: #fff; position: relative; border-bottom: 0;} .iol_box .tab_btn li.on::before {content: ''; width: 100%; height: 4px; background: #1A4883; position: absolute; left: 0; top: 0;} .iol_box .tab_con {width: 100%; border: 1px solid #DEDEDE; border-top: 0; padding: 80px 0 100px;} .iol_box .tab_con .tabcontent .iol_list {display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 80px;} .iol_box .tab_con .tabcontent .iol_list:last-of-type {margin-bottom: 0;} .iol_box .tab_con .tabcontent .iol_list li {margin-right: 40px;} .iol_box .tab_con .tabcontent .iol_list li:last-child {margin-right: 0;} .iol_box .tab_con .tabcontent .iol_list li img {width: 252px; display: block; margin: 0 auto;} .iol_box .tab_con .tabcontent .iol_list li p {font-size: 18px; line-height: 1; margin-top: 15px; text-align: center;} .cataract_wrap .catar_06 {width: 100%; background: url(../images/sub/catar_banner_bg.jpg) no-repeat center center / cover; padding: 155px 0;} .cataract_wrap .catar_06 h3 {font-size: 40px; line-height: 58px; font-weight: 500; font-family: "Outfit", sans-serif; color: #fff;} /* Comprehensive Eye Exam */ .equipment_wrap {text-align: center; margin-bottom: 200px;} .eq_btn {display: inline-flex; align-items: center; justify-content: center; padding: 8px 15px; border-radius: 40px; background: #DAE4F1;} .eq_btn li {width: 240px; height: 56px; line-height: 56px; font-size: 16px; font-weight: 500; text-align: center; background: #DAE4F1; color: #1A4883; border-radius: 28px; cursor: pointer; font-family: "Outfit", sans-serif;} .eq_btn li.on {background: #1A4883; color: #fff;} .equipment_wrap .eq_con {margin-top: 60px;} .equipment_wrap .eq_list {display: flex; flex-wrap: wrap;} .equipment_wrap .eq_list li {width: 32%; margin-right: 2%; margin-top: 2%; border: 1px solid #D1D1D1; position: relative;} .equipment_wrap .eq_list li:nth-child(3n) {margin-right: 0;} .equipment_wrap .eq_list li:nth-child(-n+3) {margin-top: 0;} .equipment_wrap .eq_list li img {width: 100%;} .equipment_wrap .eq_list li p {position: absolute; left: 0; top: 35px; font-size: 22px; font-weight: 600; width: 100%;} /* FAQ */ .faq_wrap {text-align: center; margin-bottom: 200px;} .faq_con {margin-top: 60px;} .faq_con .faq_list {width: 100%; text-align: left;} .faq_con .faq_list li {border-bottom: 1px solid #BCBFC7;} .faq_con .faq_list li:first-child {border-top: 1px solid #BCBFC7;} .faq_con .faq_list li .q_box {padding: 30px 35px; position: relative; cursor: pointer;} .faq_con .faq_list li .q_box::after {content: ''; width: 23px; height: 12px; background: url(../images/sub/f_arrow.png) no-repeat; background-size: 23px 12px; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); transition: transform 0.4s;} .faq_con .faq_list li .q_box.active::after {transform: translateY(-50%) rotate(-180deg);} .faq_con .faq_list li .q_box p {font-size: 22px; font-weight: 600; color: #000;} .faq_con .faq_list li .a_box {background: #F1F3F9; padding: 40px 60px; border-radius: 20px; display: none;} .faq_con .faq_list li .a_box .a_in {display: flex; align-items: flex-start;} .faq_con .faq_list li .a_box span {display: block; width: 40px; height: 40px; background: #1A4883; border-radius: 50%; line-height: 40px; text-align: center; color: #fff; font-size: 20px; font-family: "Outfit", sans-serif; font-weight: 800; margin-right: 20px;} .faq_con .faq_list li .a_box p {font-size: 18px; line-height: 30px; color: #222; width: calc(100% - 60px); padding-top: 5px;} /* Notice */ .notice_wrap {margin-bottom: 200px;} .total_p {font-size: 16px; margin-bottom: 10px;} .total_p b {color: #1A4883;} .notice_tbl {width: 100%; border-top: 3px solid #1A4883;} .notice_tbl tr {border-bottom: 1px solid #DEDEDE; transition: all 0.3s;} .notice_tbl tr:hover {background: #f7f7f7;} .notice_tbl tr:first-child {background: none;} .notice_tbl th {font-size: 18px; line-height: 1; padding: 20px 0;} .notice_tbl td {font-size: 18px; text-align: center;} .notice_tbl td.n_tit {text-align: left;} .notice_tbl td.n_tit a {padding: 28px 40px; color: #000;} .notice_tbl td.n_tit:hover a {text-decoration: underline;} .notice_tbl td:last-child {color: #888;} .paging_wrap{text-align: center; margin-top: 40px;} ul.paging{display: inline-block; font-size: 0;} ul.paging li{display: inline-block; vertical-align: middle; margin-right: 5px;} ul.paging li:last-child {margin-right: 0;} ul.paging li img {vertical-align: middle;} ul.paging li a {display: block; width: 40px; height: 40px; border-radius: 20px; border: 1px solid #ddd; font-size: 16px; color:#999; line-height: 40px;} ul.paging li.on a {color:#fff; border: 0; background:#1A4883;} .n_view_wrap {margin-bottom: 200px; padding-top: 120px;} .n_view_wrap .nv_top {width: 100%; border-top: 3px solid #1A4883; border-bottom: 1px solid #dedede; padding: 45px 3%; text-align: center;} .n_view_wrap .nv_top .nv_title {font-size: 26px; line-height: 38px; font-weight: 600; margin-bottom: 20px;} .n_view_wrap .nv_top .nv_info {display: flex; align-items: center; justify-content: center;} .n_view_wrap .nv_top .nv_info li {font-size: 16px; line-height: 1; margin-right: 30px; position: relative; color: #777;} .n_view_wrap .nv_top .nv_info li::after {content: ''; width: 5px; height: 5px; background: #ccc; border-radius: 50%; position: absolute; right: -17px; top: 6px;} .n_view_wrap .nv_top .nv_info li:last-child {margin-right: 0;} .n_view_wrap .nv_top .nv_info li:last-child::after {content: none;} .n_view_wrap .nv_con {padding: 50px; border-bottom: 1px solid #dedede; font-size: 18px; line-height: 30px;} .n_view_wrap .ev_con {padding: 50px 0; border-bottom: 1px solid #dedede; text-align: center;} /* .n_view_wrap .ev_con img {width: 100%; max-width: 1000px;} */ .go_btn {display: block; margin: 0 auto; height: 52px; background: #1A4883; border-radius: 26px;} .go_btn a {display: flex; align-items: center; justify-content: center; padding: 0 30px; color: #fff;} .go_btn a p {font-size: 16px; font-weight: 600; font-family: "Outfit", sans-serif; margin-right: 15px;} .go_btn a img {width: 16px;} .n_view_wrap .go_btn {margin-top: 40px;} /* Event */ .event_wrap {margin-bottom: 200px;} .event_list {display: flex; flex-wrap: wrap;} .event_list li {width: 31%; margin-right: 3.5%; margin-top: 50px;} .event_list li:nth-child(3n) {margin-right: 0;} .event_list li:nth-child(-n+3) {margin-top: 0;} .event_list li img {width: 100%; border-radius: 15px;} .event_list li p {font-size: 22px; color: #000; margin-top: 15px; font-weight: 700; width: 100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family: "Outfit", sans-serif;} .event_list li span {font-size: 16px; line-height: 1; color: #888;} /* footer popup */ .popup {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9997;} .popup_inner {width: 94%; max-width:1000px; height: 60vh; border-radius: 15px; overflow: hidden; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .popup_inner h3 {font-size: 24px; height: 80px; line-height: 80px; padding: 0 50px; font-family: "Outfit", sans-serif;} .popup .close_btn {position: absolute; width: 20px; right: 30px; top: 30px; background: none; border: none; padding: 0; cursor: pointer;} .close_btn img {width: 100%;} .popup .pop_b_con {width: 100%; height: calc(100% - 80px); overflow-y: scroll; padding: 30px 50px; background: #f5f5f5;} .popup .pop_b_con p {font-size: 15px; line-height: 24px;} .popup .pop_b_con strong {font-size: 15px; display: block; line-height: 1; font-weight: 700; color: #1A4883; margin: 20px 0 7px;} /* 로그인 */ #login_wrap {width: 100%; margin: 120px 0 200px;} #login_wrap .l_tit {text-align: center; margin-bottom: 60px;} #login_wrap .l_tit h3 {font-size: 50px; font-weight: 300; line-height: 1;} #login_wrap .l_tit h3 b {font-weight: bold;} #login_wrap .l_tit p {font-size: 22px; margin-top: 20px;} #login_wrap .login_box {width: 600px; background: #f7f7f7; border-radius: 20px; margin: 0 auto; padding: 50px 30px 60px;} #login_wrap .login_box input {width: 100%; height: 50px; border: 1px solid #ddd; padding-left: 20px; font-size: 16px; color: #000; margin-bottom: 5px;} #login_wrap .login_box input:last-of-type {margin-bottom: 20px;} #login_wrap .login_box input::placeholder {color: #888;} #login_wrap .login_box .login_btn {display:block; width: 100%; height: 50px; background: #186F73; border-radius: 8px; color: #fff;} #login_wrap .login_box .findpw {font-size: 16px; text-align: left; margin-top: 15px;} #login_wrap .login_box .findpw a {color: #000;} #login_wrap .login_box .j_btn {font-size: 16px; display: block; margin-top: 15px; font-weight: 500; float: right;} #login_wrap .login_box .j_btn a {color: #186F73;} #login_wrap .join_box {width: 800px; background: #f7f7f7; border-radius: 20px; margin: 0 auto; padding: 50px 30px 60px;} #login_wrap .join_box .join li {margin-bottom: 25px;} #login_wrap .join_box .join li p {font-size: 16px; font-weight: 500; margin-bottom: 5px;} #login_wrap .join_box .join li p b {color: #186F73;} #login_wrap .join_box .join li > input {width: 100%; height: 50px; border: 1px solid #ddd; padding-left: 20px; font-size: 16px; color: #000; margin-bottom: 5px;} #login_wrap .join_box .join li > input::placeholder {color: 888;} #login_wrap .join_box .join li .pw_span {font-size: 14px; line-height: 1; color: #666;} #login_wrap .join_box .join li.agree .tit {display: flex; margin-bottom: 5px; align-items: center;} #login_wrap .join_box .join li.agree .tit input {display: block; margin-right: 8px; margin-top: -4px;} #login_wrap .join_box .join li.agree textarea {width: 100%; height: 150px; border: 1px solid #ddd; padding: 15px; font-size: 14px; line-height: 24px;} #login_wrap .join_box .join_btn {display:block; width: 300px; height: 50px; background: #186F73; border-radius: 8px; color: #fff; font-size: bold; margin: 0 auto; margin-top: 40px;} #login_wrap .join_box .mypage li {border-bottom: 1px solid #ddd; padding-bottom: 20px;} #login_wrap .join_box .mypage li:nth-of-type(2) {border-bottom: 0; padding-bottom: 0;} #login_wrap .join_box .mypage li:last-child {margin-bottom: 0;} #login_wrap .join_box .mypage li strong.my_data {font-size: 18px; font-family: 'Pretendard'; font-weight: 500;} #login_wrap .join_box .withdrawal {font-size: 14px; display: block; font-weight: 500; float: right; color: #888; margin-top: 15px;} #login_wrap .join_box .edit_btn {display:block; width: 300px; height: 50px; background: #186F73; border-radius: 8px; color: #fff; font-size: bold; margin: 0 auto; margin-top: 60px;} .admin_member_list .admin_tbl {width: 100%; border-top: 2px solid #186F73;} .admin_member_list .admin_tbl th {background: #eaeff6; font-size: 16px; padding: 12px 0;} .admin_member_list .admin_tbl td {text-align: center; font-size: 16px; padding: 12px 0; border-bottom: 1px solid #ddd;} .admin_member_list .admin_tbl td .admin_wd {font-size: 14px; width: 100px; height: 34px; text-align: center; background: #333; color: #fff; font-weight: 500; border-radius: 8px;} .admin_in_wrap { min-height: 100vh; padding-top: 90px;} #admin_inq {margin: 100px 0 150px;} #admin_inq .inner {width: 1400px;} #admin_inq h2 {font-size: 50px; text-align: center; line-height: 1; margin-bottom: 60px;} #admin_inq .list_btn {width: 250px; height: 60px; border-radius: 30px; background: #000; font-size: 20px; display: block; margin: 0 auto; margin-top: 50px;} #admin_inq .list_btn a {display: block; width: 100%; height: 100%; color: #fff; line-height: 60px;} .admin_tbl {width: 100%; border-top: 3px solid #56EFE4;} .admin_tbl tr {border-bottom: 1px solid #ddd;} .admin_tbl th {font-size: 16px; padding: 14px 0; background: #f5f5f5;} .admin_tbl td {font-size: 16px; padding: 14px 0; text-align: center; background: #fff;} .admin_tbl td .view_btn {font-size: 14px; color: #fff; background: #000; display: inline-block; width: 110px; border-radius: 3px; height: 34px; line-height: 34px; font-weight: 500;} .admin_tbl td .view_btn:hover {background: #56EFE4; color: #000;} @media screen and (max-width:1400px){ .inner {width:100%; padding:0 3%;} .doctor_slide { margin-left: 3%; padding-left: 230px; overflow: hidden;} }