/* ==== mob ==== */
@media screen and (max-width:767px){
body,th,td,input,select,textarea,button {font-size:12px; line-height:1.5;}
.inner {width:100%; padding:0 3%;}
.pc {display:none !important;}
.tab {display:none}
.mob {display:block !important;}
.pc_img {display:none;}
.mob_img {display:block;}

body,th,td,input,select,textarea,button {font-size:13px; line-height:20px;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:1024px; min-width:auto; margin:0 auto; overflow:hidden;}

#header {height: 60px;}
#header h1 {top:15px; width: 100px; height: 30px;}

.navi .navi_wrap {width: 80%; padding: 60px 3% 0;}
.navi .lnb h3 {font-size: 18px; padding: 25px 0 25px 10px;}
.navi .lnb .sub_navi {margin-top: 20px; display: none;}
.navi .lnb .sub_navi li {margin-bottom: 12px; font-size: 15px;}

.navi_btn {top:22px; right:3%; width:24px; height:18px;}
.navi_btn span {width:24px; height:2px;}
.navi_btn span.line01 {top:0;}
.navi_btn span.line02 {top:8px;}
.navi_btn span.line03 {top:16px;}
.navi_btn.on {transform:rotate(-45deg); transition:0.3s ease-in-out 0.2s;}
.navi_btn.on span {top:50%; margin-top:-2px; transition:0.3s ease-in-out;} 




#quick_btn {position: fixed; right: 0; bottom: 0; z-index: 99; width: 100%;}
#quick_btn .q_list {display: flex; width: 100%; border-radius: 0;}
#quick_btn .q_list li {width: 33.33%; height: 80px; border-bottom: 0;}
#quick_btn .q_list li a {padding: 17px 0 15px;}
#quick_btn .q_list li img {height: 24px;}
#quick_btn .q_list li p {font-size: 12px;}

#quick_btn > button {position: absolute; right: 10px; top: -50px; width: 40px; height: 40px; border-radius: 15px; margin-top: 0; box-shadow: 0 0 12px rgba(0,0,0,.16);}
#quick_btn > button img {width: 100%;}






#header .h_btn {right: 60px; top: 20px;}
#header .h_btn > li {width: 22px; height: 22px; margin-right: 15px;}
#header .h_btn > li img {width: 100%; height: 100%; vertical-align: top;}
#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: 30px; 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;}


#main_visual {width: 94%; height: 590px; margin-top: 60px; border-radius: 20px;}
#main_visual .mv_list .swiper-slide .inner {padding: 60px 20px 0; box-sizing: border-box;}
#main_visual .mv_list .swiper-slide > img {position: absolute; right: auto;  bottom: 0; height: auto; width: 90%; left: 50%; transform: translateX(-50%);}

#main_visual .mv_list .swiper-slide .txt h2 {font-size: 25px; line-height: 36px;}
#main_visual .mv_list .swiper-slide .txt p {font-size: 16px; line-height: 26px; margin: 20px 0 35px;}
#main_visual .mv_list .swiper-slide .txt p br {display: none;}

#main_visual .mv_list .swiper-slide .txt button {border-radius: 22px; height: 44px; line-height: 44px;}
#main_visual .mv_list .swiper-slide .txt button a {padding: 0 20px;}
#main_visual .mv_list .swiper-slide .txt button a span {font-size: 14px;}
#main_visual .mv_list .swiper-slide .txt button a img {width: 14px; height: 12px; margin-left: 15px;}

#main_visual .mv_list .mv_controls {bottom: 30px;}
#main_visual .mv_list .mv_controls.inner {padding: 0 20px;}
#main_visual .mv_list .mv_controls .swiper-pagination {margin-right: 20px; font-size: 16px; text-shadow: 0 0 3px rgba(0,0,0,.6);}
#main_visual .mv_list .mv_controls .swiper-pagination .swiper-pagination-current {font-size: 22px;}

#main_visual .mv_list .mv_controls button {width: 8px; margin-right: 15px; margin-top: -7px;}
#main_visual .mv_list .mv_controls button img {width: 100%;}



.m_title > span {font-size: 15px; margin-bottom: 15px; letter-spacing: 3px;}
.m_title h2 {font-size: 28px; line-height: 38px;}
.m_title p {font-size: 16px; line-height: 26px; margin-top: 20px;}


#con1 {padding: 100px 0; background: url(../images/main/con1_bg.png) no-repeat left top 60px; background-size: 70%;}
#con1 .m_title {margin-bottom: 50px;}
#con1 .m_title p br {display: none;}

#con1 .c1_list {padding: 20px 15px; display: flex; flex-wrap: wrap;}
#con1 .c1_list li {width: 50%; padding: 25px 0; border-top: 1px solid #dedede;}
#con1 .c1_list li:nth-child(2n) {border-right: 0;}
#con1 .c1_list li:nth-child(-n+2) {border-top: 0;}
#con1 .c1_list li strong {font-size: 35px; margin-bottom: 20px;}
#con1 .c1_list li p {font-size: 13px;}



.more_btn { border-radius: 22px; height: 44px; line-height: 44px;}
.more_btn a span {font-size: 14px;}
.more_btn a img {width: 14px; height: 10px; margin-left: 15px;}


#con2 {padding: 80px 0 100px; border-radius: 0 100px 0 0;}
#con2 .m_title {margin-bottom: 50px;}
#con2 .m_title .more_btn {position: relative; right: auto; top: auto; margin-top: 30px;}


.doctor_slide {position: relative; margin-left: 0; padding-left: 0; overflow: hidden;}

.doctor_slide .swiper-pagination {position: absolute; left: 50% !important; bottom: auto !important; top: 0; transform: translate(-50%, 0); width: 100% !important; z-index: 10; display: flex; align-items: center; justify-content: center;}
.doctor_slide .swiper-pagination::before {content:''; width: 240px; height: 1px; background: #C1C1C1; position: absolute; left: 50%; transform: translateX(-50%); top: 9px; z-index: 0;}
.doctor_slide .swiper-pagination span { height: 16px; line-height: 16px; background: url(../images/main/c2_bullet.png) no-repeat top center; font-size: 13px; margin: 0 20px 0 0 !important; padding-top: 28px; background-size: 20px 20px;}
.doctor_slide .swiper-pagination span:last-child {margin-right: 0 !important;}
.doctor_slide .swiper-pagination .swiper-pagination-bullet-active {background: url(../images/main/c2_bullet_on.png) no-repeat top center; background-size: 20px 20px;}


.doctor_slide .swiper-slide {width: 94%; padding: 0 3%; margin-top: 70px; flex-wrap: wrap;}

.doctor_slide .swiper-slide > img {width: 100%; border-radius: 10px;}
.doctor_slide .swiper-slide .text {margin-left: 0; width: 100%; margin-top: 40px;}
.doctor_slide .swiper-slide .text .tit {margin-bottom: 25px;}
.doctor_slide .swiper-slide .text .tit > img {width: 22px; margin-bottom: 15px;}
.doctor_slide .swiper-slide .text .tit h3 {font-size: 24px; line-height: 34px;}
.doctor_slide .swiper-slide .text .tit h3 br {display: none;}
.doctor_slide .swiper-slide .text span {font-size: 15px; padding: 5px 12px; border-radius: 5px;}
.doctor_slide .swiper-slide .text .name {margin: 12px 0 30px; font-size: 30px;}
.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: 80px 0 100px;}
#con3 .m_title {margin-bottom: 40px;}

#con3 .ser_list li {border-radius: 15px;}

#con3 .ser_list li .txt_box {left: 25px; width: calc(100% - 50px);}
#con3 .ser_list li .txt_box span {font-size: 15px;}
#con3 .ser_list li .txt_box h3 {font-size: 22px; margin-bottom: 30px;}
#con3 .ser_list li .txt_box p {display: none;}
#con3 .ser_list li .txt_box .s_arrow {top: 31px; width: 16px;}
#con3 .ser_list li .hover_box {display: none !important;}
#con3 .ser_list li:hover a .img_box img {filter: none;} 

#con4 {padding: 80px 0 100px; border-radius: 100px 0 0 0;}

#con4 .left .m_title {margin-bottom: 40px;}

#con4 .left .why_list li {width: 100%; height: 100px; margin-bottom: 20px; padding: 14px 20px;}

#con4 .left .why_list li:nth-child(3) {margin-left: 0;}
#con4 .left .why_list li span {width: 50px; height: 50px; line-height: 50px; font-size: 22px;}
#con4 .left .why_list li p {width: calc(100% - 70px); font-size: 16px; line-height: 24px; margin-left: 20px;}
#con4 .left .why_list li p br {display: none;}


#con5 {padding: 80px 0 100px;}
#con5 .m_title {margin-bottom: 40px;}

#con5 .review_list li {width: 230px; height: 310px; border-radius: 115px; margin: 0 5px;}
#con5 .review_list li img {width: 100%;}
#con5 .review_list li .txt_box {padding: 20px 25px;}
#con5 .review_list li .txt_box span {font-size: 14px;}
#con5 .review_list li .txt_box p:nth-of-type(1) {font-size: 15px; line-height: 23px; margin: 15px 0 25px;}
#con5 .review_list li .txt_box p.date {font-size: 13px;}


#con6 {margin: 80px 0 100px;}
#con6 .m_title {margin-bottom: 40px;}

#con6 .tab_btn {padding: 8px; background: none; flex-wrap: wrap;}
#con6 .tab_btn li {width: 100%; padding: 15px 20px; font-size: 12px; line-height: 1; margin-bottom: 5px;}
#con6 .tab_btn li:last-child {margin-bottom: 0;}

#con6 .tabcontent {margin-top: 30px;}
#con6 .tabcontent .left {border-radius: 10px;}

#con6 .tabcontent .right {margin-top: 25px;}
#con6 .tabcontent .right .yt_list li {margin-bottom: 20px;}
#con6 .tabcontent .right .yt_list li a img {width: 28%; border-radius: 8px;}
#con6 .tabcontent .right .yt_list li a p {margin-left: 15px; font-size: 15px; line-height: 20px;}
#con6 .tabcontent .right .yt_list li a p br {display: none;}


#con7 {padding: 80px 0;}
#con7 .left span {font-size: 16px;}
#con7 .left h2 {font-size: 26px; line-height: 36px; margin: 20px 0;}
#con7 .left h2 br {display: none;}
#con7 .left p {font-size: 14px; line-height: 24px;}

#con7 .left .inquiry_box {width: 100%; margin-top: 40px;}
#con7 .left .inquiry_box li {width: 100%; margin-right: 0; margin-top: 8px;}
#con7 .left .inquiry_box li:nth-child(-n+2) {margin-top: 8px;}
#con7 .left .inquiry_box li:first-child {margin-top: 0;}
#con7 .left .inquiry_box li input {padding: 0 15px; font-size: 14px;}
#con7 .left .inquiry_box li select {font-size: 14px;}
#con7 .left .inquiry_box li .submit_btn {font-size: 16px;}

#con7 .left .agree_box {margin-top: 20px;}
#con7 .left .agree_box li {align-items: flex-start;}
#con7 .left .agree_box li p {font-size: 14px; line-height: 20px; margin-left: 8px; margin-top: -3px;}

#con7 .right {margin-top: 50px;}
#con7 .right .conbtn_list li {width: 49%; height: 150px; margin-right: 2%; margin-top: 2%;}
#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:last-child {margin-right: 0;}

#con7 .right .conbtn_list li a {padding-top: 32px;}
#con7 .right .conbtn_list li a img {width: 40px;}
#con7 .right .conbtn_list li a p {font-size: 15px; margin-top: 25px;}
#con7 .right .conbtn_list li:first-child a p {margin-top: 15px;}
#con7 .right .conbtn_list li:first-child a strong {font-size: 18px; margin-top: 5px;}


#footer .f_top {padding: 60px 3% 40px;}
#footer .f_top .map {height: 280px; border-radius: 10px;}

#footer .f_top .info {margin-top: 30px;}
#footer .f_top .info > h2 {font-size: 26px;}
#footer .f_top .info > p {font-size: 15px; line-height: 25px;}

#footer .f_top .info .inf_list > li {margin-bottom: 30px;}
#footer .f_top .info .inf_list > li span {font-size: 16px; width: 75px;}
#footer .f_top .info .inf_list > li strong {width: calc(100% - 75px); font-size: 24px;}
#footer .f_top .info .inf_list > li .time {width: calc(100% - 75px);}
#footer .f_top .info .inf_list > li .time li {font-size: 14px; margin-bottom: 4px;}
#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: 80px;}


#footer .f_mid {padding: 28px 3%;}
#footer .f_mid p {font-size: 14px; line-height: 24px;}
#footer .f_mid p br {display: none;}


#footer .f_bot {padding: 30px 3% 110px; justify-content: space-between;}
#footer .f_bot .foot_logo {width: 120px; margin-right: 0;}

#footer .f_bot .f_txt {width:100%; padding-left: 0; margin-top: 30px; order: 1;}
#footer .f_bot .f_txt .privacy li {font-size: 14px; margin-right: 20px;}

#footer .f_bot .f_txt .address {font-size: 13px; display: block;}
#footer .f_bot .f_txt .address p {margin-right: 0;}
#footer .f_bot .f_txt .address p:last-child {margin-right: 0;}

#footer .f_bot .f_txt p.copyright {font-size: 13px; line-height: 18px;}

#footer .f_bot .sns_btn {order: 0;}
#footer .f_bot .sns_btn li {width: 40px; margin-right: 5px;}


/* === Sub === */
#sub_contents {margin-top: 112px;}

.sub_loc {height: 52px; top: 60px;}
.sub_loc .inner {padding: 0;}
.sub_loc .s_loc > li {height: 52px; width: calc((100% - 52px) / 2);}
.sub_loc .s_loc > li > a {padding: 0 15px; background: url(../images/sub/nav_arrow.png) no-repeat center right 15px; background-size: 9px 5px;}
.sub_loc .s_loc > li > a p {line-height: 52px; font-size: 13px;}
.sub_loc .s_loc > li:first-child {width: 52px;}
.sub_loc .s_loc > li:first-child img {width: 16px; height: 14px;}

.sub_loc .s_loc > li .loc_select {top: 57px; padding: 0 15px;}
.sub_loc .s_loc > li .loc_select li {font-size: 13px; line-height: 17px; margin-bottom: 15px;}

.sub_loc .s_loc > li.open .loc_select {padding: 15px 15px;}

.sub_loc .s_loc.sloc_m100 > li {width: calc(100% - 52px);}
.sub_loc .s_loc.sloc_m100 > li:first-child {width: 52px;}


.sub_title {padding: 50px 0 40px; margin-bottom: 60px;}
.sub_title span {font-size: 16px; margin-bottom: 15px;}
.sub_title h2 {font-size: 32px; margin-bottom: 25px;}
.sub_title p {font-size: 14px; line-height: 23px;}

.sub_title strong {font-size: 16px; line-height: 20px; padding: 8px 12px; margin-bottom: 20px;}


/* Refractive title */
.sub_title_r {padding: 50px 0 0; margin-bottom: 80px;}
.sub_title_r::before {content: ''; width: 90%; height: 300px; border-radius: 150px 0 0 150px;}

.sub_title_r .inner > img {width: 80%;}

.sub_title_r .title_box span {font-size: 16px; margin-bottom: 15px;}
.sub_title_r .title_box h2 {font-size: 32px; margin-bottom: 20px;}
.sub_title_r .title_box strong {font-size: 15px; line-height: 20px; padding: 8px 10px;}
.sub_title_r .title_box .blue_p {font-size: 18px; line-height: 24px; margin: 20px 0 20px;}
.sub_title_r .title_box .txt_box p {font-size: 14px; line-height: 23px; margin-bottom: 20px;}
.sub_title_r .title_box .txt_box p br {display: none;}

.sub_title_r .title_box .txt_box .check_list li img {width: 18px; margin-right: 8px;}
.sub_title_r .title_box .txt_box .check_list li p {font-size: 14px;}


.sub_title_r.s_smilepro {background: url(../images/sub/visumax800_bg.png) no-repeat right bottom 300px; background-size: 75%;}
.sub_title_r.s_smile {background: url(../images/sub/visumax500_bg.png) no-repeat right bottom 300px; background-size: 75%;}
.sub_title_r.s_icl {background: url(../images/sub/evoicl_bg.png) no-repeat right bottom 300px; background-size: 55%;}
.sub_title_r.s_visulasik {background: url(../images/sub/visulasik_bg.png) no-repeat right bottom 300px; background-size: 60%;}
.sub_title_r.s_lasek {background: url(../images/sub/ex500_bg.png) no-repeat right bottom 300px; background-size: 45%;}
.sub_title_r.s_cataract {background: url(../images/sub/cataract_bg.png) no-repeat right bottom 300px; background-size: 60%;}



/* Introduction */
.intro_wrap .tit {margin-bottom: 35px;}
.intro_wrap .tit h3 {font-size: 26px;}
.intro_wrap .tit p {font-size: 15px; margin-top: 15px;}

.intro_01 .why_list li {border-radius: 15px; padding: 20px 25px; width: 100%; margin-top: 10px;}
.intro_01 .why_list li:nth-child(-n+2) {margin-top: 10px;}
.intro_01 .why_list li:first-child {margin-top: 0;}
.intro_01 .why_list li h4 {font-size: 20px; margin-top: 20px;}
.intro_01 .why_list li p {font-size: 15px; line-height: 24px; margin-top: 15px;}

.intro_02 {margin: 80px 0; padding: 80px 0;}
.intro_02 .history_box > img {border-radius: 10px;}
.intro_02 .history_box .history {margin-top: 30px;}
.intro_02 .history_box .history li {margin-bottom: 20px;}
.intro_02 .history_box .history li span {font-size: 18px; line-height: 25px; width: 66px;}
.intro_02 .history_box .history li p {font-size: 15px; line-height: 23px; width: calc(100% - 66px);}


.intro_04 {margin-bottom: 80px;}
.intro_04 .parter_list li {width: 32%;}
.intro_04 .parter_list li:nth-child(4n) {margin-right: 2%;}
.intro_04 .parter_list li:nth-child(-n+4) {margin-top: 2%;}
.intro_04 .parter_list li:nth-child(3n) {margin-right: 0;}
.intro_04 .parter_list li:nth-child(-n+3) {margin-top: 0;}


.intro_03 {margin-bottom: 80px;}
.intro_03 .tab_btn {padding: 8px 5px; margin-bottom: 25px;}
.intro_03 .tab_btn li {font-size: 12px; padding: 0 10px; height: 42px; line-height: 42px; border-radius: 22px;}

.intro_03 .tabcontent {position: relative;}
.intro_03 .tabcontent > ul li {margin: 0 6px;}

.intro_03 .tabcontent .cl01_prev {left: 7%; width: 40px;}
.intro_03 .tabcontent .cl01_next {right: 7%; width: 40px;}

.intro_03 .tabcontent .cl02_prev {left: 7%; width: 40px;}
.intro_03 .tabcontent .cl02_next {right: 7%; width: 40px;}

.intro_03 .tabcontent button img {width: 100%;}


/* Miracle Doctors */
.doctor_box {margin-bottom: 80px; flex-wrap: wrap;}
.doctor_box:last-of-type {margin-bottom: 150px;}
.doctor_box > .doctor_img {width: 100%; position: relative; left: 0; top: 0; flex:0 0 100%;}
.doctor_box > .doctor_img img {width: 100%; border-radius: 15px;}
.doctor_box .d_info {width: 100%; padding: 30px 0 0;}
.doctor_box .d_info h3 {font-size: 24px; line-height: 32px; padding-bottom: 20px; margin-bottom: 30px;}
.doctor_box .d_info h3 br {display: none;}
.doctor_box .d_info .name {margin-bottom: 60px;}
.doctor_box .d_info .name span {font-size: 14px; margin-bottom: 12px;}
.doctor_box .d_info .name strong {font-size: 28px; margin-bottom: 20px;}
.doctor_box .d_info .name p {font-size: 13px;}

.doctor_box .d_info .hours {margin-bottom: 60px;}
.doctor_box .d_info .hours h4 {font-size: 15px; margin-bottom: 10px;}
.h_tbl_wrap {border-radius: 8px;}
.hours_tbl th {height: 36px; font-size: 12px;}
.hours_tbl td {height: 36px; font-size: 12px;}
.doctor_box .d_info .hours .day {width: 10px; height: 10px;}
.doctor_box .d_info .hours .off {width: 6px; height: 6px;}
.doctor_box .d_info .hours .h_if {margin-top: 10px;}
.doctor_box .d_info .hours .h_if li {margin-right: 15px;}
.doctor_box .d_info .hours .h_if li p {font-size: 12px;}

.doctor_box .profile_box {padding-top: 30px; margin-top: 30px;}
.doctor_box .profile_box h4 {font-size: 22px; margin-bottom: 20px;}
.doctor_box .profile_box .bullet li {font-size: 15px; line-height: 22px; padding-left: 12px;}
.doctor_box .profile_box .bullet li::before {top: 9px;}

.doctor_wrap .doctor_bg {margin-bottom: 80px; padding: 60px 0;}


/* Smile Pro */
.rf_tit {margin-bottom: 35px;}
.rf_tit h3 {font-size: 25px; line-height: 30px;}
.rf_tit p {font-size: 14px; line-height: 23px; margin-top: 15px;}

.smilepro_wrap .sp_01 {margin-bottom: 80px;}
.smilepro_wrap .sp_01 .rf_tit {margin-bottom: 30px;}

.keyb_list {flex-wrap: wrap;}
.keyb_list li {width: 100%; margin-bottom: 50px;}
.keyb_list li:last-child {margin-bottom: 0;}
.keyb_list li img {border-radius: 15px;}
.keyb_list li h4 {font-size: 20px; margin: 30px 0 15px;}
.keyb_list li p {font-size: 15px; line-height: 24px;}


.smilepro_wrap .sp_02 {padding: 80px 0;}
.smilepro_wrap .sp_02 .pro_ex_box {flex-wrap: wrap;}
.smilepro_wrap .sp_02 .pro_ex_box > img {width: 100%; border-radius: 10px;}
.smilepro_wrap .sp_02 .pro_ex_box .txt {width: 100%; margin-top: 30px;}
.smilepro_wrap .sp_02 .pro_ex_box .txt h4 {font-size: 26px; line-height: 32px; margin-bottom: 20px;}
.smilepro_wrap .sp_02 .pro_ex_box .txt strong {font-size: 18px; line-height: 24px; margin-bottom: 20px;}
.smilepro_wrap .sp_02 .pro_ex_box .txt p {font-size: 15px; line-height: 23px; margin-bottom: 20px;}
.smilepro_wrap .sp_02 .pro_ex_box .txt p br {display: none;}

.smilepro_wrap .sp_03 {padding: 80px 0;}
.smilepro_wrap .sp_03 .tit {margin-bottom: 30px;}
.smilepro_wrap .sp_03 .tit h3 {font-size: 15px; line-height: 35px; padding-bottom: 60px;}
.smilepro_wrap .sp_03 .tit h3 b {font-size: 28px;}
.smilepro_wrap .sp_03 .tit h3::after {height: 40px;}
.smilepro_wrap .sp_03 .tit strong {font-size: 15px; padding: 8px 15px; margin-bottom: 20px;}
.smilepro_wrap .sp_03 .tit p {font-size: 15px; line-height: 25px;}
.smilepro_wrap .sp_03 .tit p br {display: none;}


.smilepro_wrap .sp_03 .why_con {margin-top: 60px;}
.smilepro_wrap .sp_03 .why_con .rf_tit p {font-size: 14px; line-height: 24px; margin-top: 20px;}
.smilepro_wrap .sp_03 .why_con .whc_list {width: 100%;}

.smilepro_wrap .sp_03 .why_con .whc_list li {border-radius: 10px; padding: 20px 20px; margin-bottom: 15px;}
.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: 24px; margin-right: 12px;}
.smilepro_wrap .sp_03 .why_con .whc_list li .tit h4 {font-size: 18px;}
.smilepro_wrap .sp_03 .why_con .whc_list li p {font-size: 14px; line-height: 22px; margin-top: 5px; padding-left: 36px;}
.smilepro_wrap .sp_03 .why_con .whc_list li p br {display: none;}


.smilepro_wrap .sp_04 {padding: 80px 3%;}
.smilepro_wrap .sp_04 .ex_benefits {flex-wrap: wrap;}
.smilepro_wrap .sp_04 .ex_benefits::after {content: none;}
.smilepro_wrap .sp_04 .ex_benefits li {width: 47%; margin-top: 35px;}
.smilepro_wrap .sp_04 .ex_benefits li:nth-child(-n+2) {margin-top: 0;}
.smilepro_wrap .sp_04 .ex_benefits li span {font-size: 18px; margin: 20px 0 10px;}
.smilepro_wrap .sp_04 .ex_benefits li span::after {content: none;}
.smilepro_wrap .sp_04 .ex_benefits li p {font-size: 14px; line-height: 22px;}
.smilepro_wrap .sp_04 .ex_benefits li p br {display: none;}


.smilepro_wrap .sp_05 {padding: 80px 0;}
.smilepro_wrap .sp_05 .tit {margin-bottom: 40px;}
.smilepro_wrap .sp_05 .tit img {width: 50px; margin-bottom: 20px;}
.smilepro_wrap .sp_05 .tit h3 {font-size: 28px; line-height: 38px;}
.smilepro_wrap .sp_05 .tit p {font-size: 15px; line-height: 25px;}
.smilepro_wrap .sp_05 .img_box {flex-wrap: wrap;}
.smilepro_wrap .sp_05 .img_box img {width: 100%; border-radius: 10px; margin-bottom: 15px;}
.smilepro_wrap .sp_05 .img_box img:last-child {margin-bottom: 0;}


/* Smile */
.smile_wrap .sm_01 .sm_process .smp_list {margin-top: 40px;}
.smile_wrap .sm_01 .sm_process .smp_list li {margin-bottom: 60px;}
.smile_wrap .sm_01 .sm_process .smp_list li::after {left: 50%; transform: translateX(-50%); bottom: -40px;}


.smile_wrap .sm_01 .sm_process .smp_list li span {width: 68px; height: 68px; font-size: 14px; line-height: 20px; padding-top: 12px;}
.smile_wrap .sm_01 .sm_process .smp_list li span b {font-size: 22px;}

.smile_wrap .sm_01 .sm_process .smp_list li .txt {width: calc(100% - 90px); padding-top: 10px;}
.smile_wrap .sm_01 .sm_process .smp_list li .txt h4 {font-size: 20px; margin-bottom: 10px;}
.smile_wrap .sm_01 .sm_process .smp_list li .txt p {font-size: 15px; line-height: 23px;}

.smile_wrap .sm_01 .sm_process > img {border-radius: 10px;}


.smile_wrap .sm_02 {margin: 80px auto;}

.smile_wrap .sm_02 .sm_dft {flex-wrap: wrap;}
.smile_wrap .sm_02 .sm_dft > img {border-radius: 10px; margin-bottom: 40px;}

.smile_wrap .sm_02 .sm_dft .df_check li {margin-bottom: 25px;}
.smile_wrap .sm_02 .sm_dft .df_check li .tit {margin-bottom: 10px; align-items: flex-start;}
.smile_wrap .sm_02 .sm_dft .df_check li .tit img {width: 20px; margin-right: 15px; padding-top: 2px;}
.smile_wrap .sm_02 .sm_dft .df_check li .tit h4 {font-size: 20px; line-height: 25px;}
.smile_wrap .sm_02 .sm_dft .df_check li p {font-size: 14px; line-height: 22px; padding-left: 35px;}
.smile_wrap .sm_02 .sm_dft .df_check li p br {display: none;}


.smile_wrap .sm_03 {padding: 80px 0;}
.sm_whob {flex-wrap: wrap;}
.sm_whob li {width: 48%; margin-top: 30px;}
.sm_whob li:nth-child(-n+2) {margin-top: 0;}

.sm_whob li span {font-size: 14px; width: 34px; height: 34px; line-height: 34px; margin-top: -17px;}
.sm_whob li p {font-size: 15px; line-height: 22px; margin-top: 10px;}
.sm_whob li img {border-radius: 10px;}

.smile_wrap .sm_04 {margin: 80px auto;}

.table_wrap {width: 100%; overflow-x: scroll;}
.table_wrap table {width: 780px !important;}

.rf_tble th {font-size: 15px; padding: 12px 0;}
.rf_tble th.ctg {font-size: 13px;}
.rf_tble td {font-size: 13px; line-height: 20px; padding: 15px 5px;}
.rf_tble td.ctg {font-size: 13px; line-height: 20px;}

.smile_wrap .sm_04 .gray_box {padding: 25px 25px; margin-top: 20px; border-radius: 15px;}
.smile_wrap .sm_04 .gray_box .bullet li {font-size: 15px; line-height: 23px;}
.smile_wrap .sm_04 .gray_box .bullet li::before {top: 10px;}


.mob_swipe {font-size: 0; margin-bottom: 12px;}
.mob_swipe img {width: 40px; display: inline-block; vertical-align: middle; animation: swipeArrow 1.8s ease-in-out infinite;}
.mob_swipe p {font-size: 14px; font-weight: 600; color: #1A4883; display: inline-block; margin-left: 10px; vertical-align: middle;}

@keyframes swipeArrow {
    0% {
        transform: translateX(-7px);
        opacity: 0.3;
    }
    50% {
        transform: translateX(3px);
        opacity: 1;
    }
    100% {
        transform: translateX(-7px);
        opacity: 0.3;
    }
}



/* icl */
.icl_wrap .icl_01 {margin-bottom: 80px;}
.icl_wrap .icl_02 {padding: 80px 0;}

.icl_03 {margin: 80px auto;}
.icl_03 .rf_tit {margin-bottom: 40px;}
.rf_tit strong {font-size: 15px; padding: 8px 12px; margin-bottom: 15px;}

.whychoose .whcon {margin-bottom: 40px;}
.whychoose .whcon > img {border-radius: 10px; margin-bottom: 30px;}

.whychoose .whcon .txt_box h4 {font-size: 22px; line-height: 30px; margin-bottom: 15px;}
.whychoose .whcon .txt_box p {font-size: 14px; line-height: 23px; margin-bottom: 10px;}

.whychoose .whcon .txt_box .gray_box {padding: 20px; border-radius: 10px; margin-top: 25px;}
.whychoose .whcon .txt_box .gray_box .bullet li {font-size: 14px; line-height: 23px; margin-bottom: 10px; padding-left: 13px;}
.whychoose .whcon .txt_box .gray_box .bullet li::before {top: 9px;}

.whychoose .whcon .txt_box img.bg_num {height: 50px;}


.icl_wrap .icl_04 {padding: 80px 0;}
.icl_wrap .icl_04 .tit {margin-bottom: 35px;}
.icl_wrap .icl_04 .tit h3 {font-size: 15px; line-height: 30px; margin-bottom: 20px;}
.icl_wrap .icl_04 .tit h3 b {font-size: 26px;}
.icl_wrap .icl_04 .tit p br {display: none;}

.icl_wrap .icl_04 strong {font-size: 16px; line-height: 26px; margin-top: 25px;}
.icl_wrap .icl_04 strong br {display: none;}


/* VISU LASIK */
.visu_wrap .visu_01 {margin-bottom: 80px;}
.visu_wrap .visu_01 .rf_tit p br {display: none;}

.benefit_box > img {width: 100%; border-radius: 10px;}
.benefit_box .bene_list {margin-top: 40px;}
.benefit_box .bene_list li {padding: 15px 10px; flex-wrap: wrap; text-align: center;}
.benefit_box .bene_list li span {width: 92px; height: 27px; border-radius: 15px; font-size: 13px; line-height: 27px; margin-right: 0; margin: 0 auto;}

.benefit_box .bene_list li p {width: 100%; font-size: 16px; line-height: 24px; margin-top: 10px;}

.visu_wrap .visu_02 {padding: 80px 0; margin-bottom: 80px;}
.visu_wrap .visu_03 {margin-bottom: 80px;}

.candi_box .candi_list {margin-top: 35px;}
.candi_box .candi_list li {margin-bottom: 15px; padding-bottom: 15px; align-items: flex-start;}
.candi_box .candi_list li img {width: 20px; margin-right: 15px; padding-top: 2px;}
.candi_box .candi_list li p {font-size: 18px; line-height: 24px; width: calc(100% - 35px);}

.candi_box > img {border-radius: 10px;}


/* LASEK */
.lasek_wrap .lasek_01 {margin-bottom: 80px;}
.lasek_wrap .lasek_01 .rf_tit p br {display: none;}
.lasek_wrap .lasek_02 {padding: 80px 0; margin-bottom: 80px;}
.lasek_wrap .lasek_02 .rf_tit h3 br {display: none;}
.lasek_wrap .lasek_03 {margin-bottom: 80px;}


/* Cataract */
.cataract_wrap .catar_01 {background-size: 80%; padding: 80px 0; margin-bottom: 80px;}
.cataract_wrap .catar_01 .tit {margin-bottom: 35px;}
.cataract_wrap .catar_01 .tit h3 {font-size: 18px; line-height: 36px; margin-bottom: 20px;}
.cataract_wrap .catar_01 .tit h3 b {font-size: 28px;}
.cataract_wrap .catar_01 .tit em {font-size: 18px; line-height: 25px;}
.cataract_wrap .catar_01 .tit strong {font-size: 15px; padding: 8px 12px; margin: 20px 0;}
.cataract_wrap .catar_01 .tit p {font-size: 13px; line-height: 22px;}

.cataract_wrap .catar_01 .mf_info {margin-top: 40px; flex-wrap: wrap;}
.cataract_wrap .catar_01 .mf_info li {width: 100%; padding-right: 0; border-right: 0; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.3);}
.cataract_wrap .catar_01 .mf_info li:last-child {padding-left: 0; padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.cataract_wrap .catar_01 .mf_info li h4 {font-size: 22px; margin-bottom: 15px;}
.cataract_wrap .catar_01 .mf_info li p {font-size: 13px; line-height: 24px;}

.cataract_wrap .catar_01 img.miracle_formula {border-radius: 10px;}


.cataract_wrap .catar_01 .more_btn {margin-top: 35px; width: 260px; height: 46px; border-radius: 23px;}
.cataract_wrap .catar_01 .more_btn a p {font-size: 14px; line-height: 46px;}


.cataract_wrap .catar_02 {margin-bottom: 80px;}

.cataract_wrap .catar_02 .cp_comparison {flex-wrap: wrap;}
.cataract_wrap .catar_02 .cp_comparison li {width: 100%; padding: 35px 30px; margin-bottom: 20px;}
.cataract_wrap .catar_02 .cp_comparison li:last-child {margin-bottom: 0;}
.cataract_wrap .catar_02 .cp_comparison li h4 {font-size: 20px; margin: 25px 0 15px;}
.cataract_wrap .catar_02 .cp_comparison li p {font-size: 14px; line-height: 23px;}

.cataract_wrap .catar_03 {margin-bottom: 80px;}

.comp_tbl th {font-size: 14px; line-height: 18px; padding: 12px 10px;}
.comp_tbl th.ctg {font-size: 13px;}
.comp_tbl td {font-size: 13px; line-height: 20px; padding: 15px 10px;}

.cataract_wrap .catar_04 {padding: 80px 0; margin-bottom: 80px;}

.cataract_wrap .catar_05 {margin-bottom: 80px;}

.iol_box .tab_btn li {height: 60px; line-height: 60px; font-size: 16px;}

.iol_box .tab_con {padding: 40px 20px 50px;}
.iol_box .tab_con .tabcontent .iol_list {margin-bottom: 20px;}
.iol_box .tab_con .tabcontent .iol_list li {margin-right: 4%; margin-top: 20px; width: 48%;}
.iol_box .tab_con .tabcontent .iol_list li:nth-child(-n+2) {margin-top: 0;}
.iol_box .tab_con .tabcontent .iol_list li:nth-child(2n) {margin-right: 0;}
.iol_box .tab_con .tabcontent .iol_list li:last-child {margin-right: 0;}
.iol_box .tab_con .tabcontent .iol_list li img {width: 100%;}
.iol_box .tab_con .tabcontent .iol_list li p {font-size: 15px; margin-top: 10px;}

.cataract_wrap .catar_06 {padding: 50px 0;}
.cataract_wrap .catar_06 h3 {font-size: 22px; line-height: 32px;}


/* Comprehensive Eye Exam */
.equipment_wrap {margin-bottom: 100px;}
.eq_btn {padding: 6px;}
.eq_btn li {width: auto; padding: 0 10px; height: 42px; line-height: 42px; font-size: 12px;}

.equipment_wrap .eq_btn {flex-wrap: wrap; background: none;}
.equipment_wrap .eq_btn li {width: 100%; margin-bottom: 5px;}
.equipment_wrap .eq_btn li:last-child {margin-bottom: 0;}

.equipment_wrap .eq_con {margin-top: 35px;}
.equipment_wrap .eq_list li {width: 49%; margin-right: 2%; margin-top: 2%;}
.equipment_wrap .eq_list li:nth-child(3n) {margin-right: 2%;}
.equipment_wrap .eq_list li:nth-child(-n+3) {margin-top: 2%;}
.equipment_wrap .eq_list li:nth-child(2n) {margin-right: 0;}
.equipment_wrap .eq_list li:nth-child(-n+2) {margin-top: 0;}

.equipment_wrap .eq_list li p {top: 18px; font-size: 14px;}


/* FAQ */
.faq_wrap {margin-bottom: 100px;}

.faq_con {margin-top: 35px;}
.faq_con .faq_list li .q_box {padding: 25px 35px 25px 15px;}
.faq_con .faq_list li .q_box::after {width: 14px; height: 8px; background-size: 14px 8px; right: 15px;}

.faq_con .faq_list li .q_box p {font-size: 16px;}

.faq_con .faq_list li .a_box {padding: 20px; border-radius: 10px; display: none;}
.faq_con .faq_list li .a_box span {width: 26px; height: 26px; line-height: 26px; font-size: 14px; margin-right: 14px;}
.faq_con .faq_list li .a_box p {font-size: 14px; line-height: 23px; width: calc(100% - 40px); padding-top: 0;}



/* Notice */
.notice_wrap {margin-bottom: 100px;}
.total_p {font-size: 15px;}

.notice_tbl th {font-size: 13px; padding: 15px 0;}
.notice_tbl td {font-size: 13px;}
.notice_tbl td.n_tit a {padding: 15px 15px;}


.paging_wrap{margin-top: 30px;}
ul.paging li{margin-right: 5px;}
ul.paging li a {width: 36px; height: 36px; border-radius: 18px; font-size: 14px; line-height: 36px;}


.n_view_wrap {margin-bottom: 100px; padding-top: 80px;}

.n_view_wrap .nv_top {padding: 25px 3%;}
.n_view_wrap .nv_top .nv_title {font-size: 20px; line-height: 30px; margin-bottom: 15px;}
.n_view_wrap .nv_top .nv_info li {font-size: 14px; line-height: 1; margin-right: 20px;}
.n_view_wrap .nv_top .nv_info li::after {width: 3px; height: 3px; right: -12px;}

.n_view_wrap .nv_con {padding: 30px 3%; font-size: 15px; line-height: 25px;}

.n_view_wrap .ev_con {padding: 50px 0; border-bottom: 1px solid #dedede; text-align: center;}
.n_view_wrap .ev_con img {width: 100%; height: auto;}
.n_view_wrap .ev_con figure.image {margin: 0;}

.go_btn {height: 48px; border-radius: 24px;}
.go_btn a p {font-size: 14px;}
.go_btn a img {width: 14px;}

.n_view_wrap .go_btn {margin-top: 30px;}



/* Event */
.event_wrap {margin-bottom: 100px;}

.event_list li {width: 47%; margin-right: 3%; margin-top: 30px;}
.event_list li:nth-child(3n) {margin-right: 3%;}
.event_list li:nth-child(-n+3) {margin-top: 30px;}
.event_list li:nth-child(2n) {margin-right: 0;}
.event_list li:nth-child(-n+2) {margin-top: 0;}

.event_list li img {border-radius: 8px;}
.event_list li p {font-size: 16px; margin-top: 10px;}
.event_list li span {display: block; font-size: 13px; margin-top: 5px;}



/* footer popup */
.popup_inner {height: 70vh; border-radius: 10px;}
.popup_inner h3 {font-size: 18px; height: 60px; line-height: 60px; padding: 0 30px;}
.popup .close_btn {width: 18px; right: 20px; top: 22px;}


.popup .pop_b_con {width: 100%; height: calc(100% - 60px); overflow-y: scroll; padding: 20px 30px;}
.popup .pop_b_con p {font-size: 13px; line-height: 22px;}
.popup .pop_b_con strong {font-size: 13px; display: block; line-height: 18px; margin: 20px 0 7px;}






















/* === Sub === */
#sub_visual {width: 100%; height: 280px; padding: 115px 0;}
#sub_visual .title p {font-size: 18px; margin-bottom: 25px;}
#sub_visual .title h2 {font-size: 40px;}


/* 로그인 */
#login_wrap {margin: 70px 0 100px;}
#login_wrap .l_tit { margin-bottom: 40px;}
#login_wrap .l_tit h3 {font-size: 28px; }
#login_wrap .l_tit h3 b {font-weight: bold;}
#login_wrap .l_tit p {font-size: 16px;}

#login_wrap .login_box {width: 100%; border-radius: 10px; padding: 40px 20px 50px;}
#login_wrap .login_box input {height: 45px; padding-left: 15px; font-size: 14px;}
#login_wrap .login_box .login_btn {height: 45px; font-size: 15px; font-weight: bold;}

#login_wrap .login_box .findpw {font-size: 15px;}
#login_wrap .login_box .j_btn {font-size: 15px;}


#login_wrap .join_box {width: 100%; border-radius: 10px; margin: 0 auto; padding: 40px 20px;}
#login_wrap .join_box .join li {margin-bottom: 25px;}
#login_wrap .join_box .join li p {font-size: 15px;}
#login_wrap .join_box .join li > input {height: 45px; padding-left: 15px; font-size: 15px;}

#login_wrap .join_box .join_btn {width: 250px; height: 45px; margin-top: 30px; font-size: 15px; font-weight: bold;}

#login_wrap .join_box .mypage li {border-bottom: 1px solid #ddd; padding-bottom: 20px;}

#login_wrap .join_box .mypage li strong.my_data {font-size: 16px;}
#login_wrap .join_box .edit_btn {width: 250px; height: 45px; margin-top: 60px; font-size: 15px; font-weight: bold;}

.admin_member_list {width: 100%; overflow-x: scroll;}
.admin_member_list .admin_tbl {min-width: 800px;}
.admin_member_list .admin_tbl th {background: #eaeff6; font-size: 14px; padding: 12px 0;}
.admin_member_list .admin_tbl td {text-align: center; font-size: 14px; padding: 12px 0; border-bottom: 1px solid #ddd;}
.admin_member_list .admin_tbl td .admin_wd {font-size: 13px;}






}