@charset "UTF-8";

/*-------------------------------------------------
Version : 1.1
Author : han
-------------------------------------------------*/
.main article {margin:0 auto; max-width:1920px; overflow: hidden;}
.main article > section {display:flex; position:relative; }

.main h3 { color:#010101; }

.main_c_box  {position:relative; width:16.7%; text-align: center; 
    transition: all 0.3s ease;}
.main_c_box02 {position:relative;}

.main_sec_medi .main_cnt_appointment,
.main_c_box {padding-top:50px; box-sizing: border-box;}
.main_sec_medi .main_cnt_myAin {padding-top:50px; padding-bottom:50px;}

.main_sec_medi .main_cnt_appointment h3,
.main_c_box h3 {margin-bottom: 1.5rem;  font-size:1.625rem; font-weight: 500;}
.main_c_box02 h3 {font-size: 1.25rem;font-weight: 500;}


.main_sec_press .tab_w .tab_tit_list,
.main_sec_medi .main_cnt_visual,
.main h3 {font-family: 'GmarketSans','Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic';}

.main_sec_press .tab_w .tab_cnt .main_press_list .d,
.main_sec_medi .main_cnt_visual .x2,
.main_sec_medi .main_custom_info .t {font-family: 'Montserrat', 'GmarketSans','Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic';} 


.main_sec_medi .main_cnt_visual,
.main_sec_medi .main_cnt_visual h3,
.main_sec_medi .main_cnt_appointment,
.main_sec_medi .main_cnt_appointment h3,
.main_sec_medi .main_cnt_appointment h4,
.main_sec_medi .main_cnt_myAin,
.main_sec_medi .main_cnt_myAin h3,
.main_sec_press .main_c_box_w .main_bann01 h3,
.main_sec_press .main_c_box_w .main_bann05 h3,
.main_sec_press .main_c_box_w .main_bann06 h3,
.main_sec_press .main_c_box_w .main_bann08 h3,
.main_c_box02.main_bann07 h3,
.main_sec_press .main_press_w {color:#fff; }

.main_sec_press .main_c_box_w .main_bann02 h3{color:#444;}
.main_sec_press .main_c_box_w .main_bann03 h3{color:#444;}
.main_sec_press .main_c_box_w .main_bann04 h3{color:#333;}
.main_c_box_w02 .main_bann05 h3 {color:#674d31; }

.main_sec_medi {height:550px; display:flex; }    
.main_sec_medi .main_cnt_visual {position:relative; width:66.7%; max-width:1280px; height:100%; overflow: hidden;  /*background: url(../images/main/img_main_bg01.png) no-repeat 50% 50%; background-size:cover;*/}
.main_sec_medi .main_cnt_visual .main_visual_bg {position:absolute; left:0; top:0; right:0; bottom:0;}
.main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual {height: 100%;}
/*
.main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual .swiper-slide {background: url(../images/main/img_main_bg01.png) no-repeat 50% 50%; background-size:cover;}
.main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual .swiper-slide.slide01 {background-image: url(../images/main/img_main_bg01.png);}
.main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual .swiper-slide.slide02 {background-image: url(../images/main/img_main_bg01_02.png);}
.main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual .swiper-slide.slide03 {background-image: url(../images/main/img_main_bg01_03.jpg);}
.main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual .swiper-slide.slide04 {background-image: url(../images/main/img_main_bg01_04.jpg);}
.main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual .swiper-slide.slide05 {background-image: url(../images/main/img_main_bg01_05.jpg);}
.main_sec_medi .main_cnt_visual .main_visual_bg .swiper_control {display:none;}
@media (max-width:1600px) and (min-width:1025px) {
    .main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual .swiper-slide.slide03 {background-image: url(../images/main/img_main_bg01_03mo.jpg); background-position:0% 0%;}
	.main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual .swiper-slide.slide04 {background-image: url(../images/main/img_main_bg01_04mo.jpg); background-position:0% 0%;}
	.main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual .swiper-slide.slide05 {background-image: url(../images/main/img_main_bg01_05mo.jpg); background-position:0% 0%;}
}
@media (max-width:640px) {
    .main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual .swiper-slide.slide03 {background-image: url(../images/main/img_main_bg01_03mo.jpg); background-position:0% 0%;}
	.main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual .swiper-slide.slide04 {background-image: url(../images/main/img_main_bg01_04mo.jpg); background-position:0% 0%;}
	.main_sec_medi .main_cnt_visual .main_visual_bg .swiper_main_visual .swiper-slide.slide05 {background-image: url(../images/main/img_main_bg01_05mo.jpg); background-position:0% 0%;}
}
*/
.main_cnt_visual .swiper-pagination { left:50%; transform: translateX(-50%); transition:none; bottom:1rem;}
.main_cnt_visual .swiper-pagination > span:not(:last-child) {margin-right:0.25rem;}
.main_cnt_visual .swiper-pagination-bullet {width: 1.25rem;height: 0.125rem; background:#000; border:none; border-radius: 0;}
.main_cnt_visual .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {opacity: 0.3;}
.main_cnt_visual .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 2.5rem; height: 0.25rem;}
/*
.main_sec_medi .main_cnt_visual .in_w {z-index:11; top:45%; transform: translateY(-50%); float:right; max-width:1170px; }
.main_sec_medi .main_cnt_visual .in_w > h3,
.main_sec_medi .main_cnt_visual .in_w > p {position:relative; top:20px; opacity: 0; filter: blur(3px);
    -webkit-transition: all 0.5s ease; transition: all 0.8s ease;}
.main_sec_medi .main_cnt_visual .in_w > p.x2 {top:0;}
*/
.main_sec_medi .main_cnt_visual .swiper-slide {overflow: hidden;}
.main_sec_medi .main_cnt_visual img {height:100%; max-width:none;}
.main_sec_medi .main_cnt_visual .in_cover {display:flex; justify-content: flex-end; align-items: center; position:absolute; left:0; top:0; width:100%; height: 100%;}
.main_sec_medi .main_cnt_visual .visual_txt {z-index:11; position:relative; top:-5%;  max-width:1170px; height: auto; }
.main_sec_medi .main_cnt_visual .visual_txt > h3,
.main_sec_medi .main_cnt_visual .visual_txt > p {position:relative; top:20px; opacity: 0; filter: blur(3px);
    -webkit-transition: all 0.5s ease; transition: all 0.8s ease;}
.main_sec_medi .main_cnt_visual .visual_txt > p.x2 {top:0;}

.main_sec_medi .main_cnt_visual h3 { margin-bottom: 15px; font-weight: 500; font-size:22px;}
.main_sec_medi .main_cnt_visual h3 span {position:relative; vertical-align: top;}
.main_sec_medi .main_cnt_visual h3 span:before {content:''; display:block; position:absolute; left:100%; bottom:50%; margin-left:10px; width:110px; height:1px; background:#fff;}
.main_sec_medi .main_cnt_visual .x1 {font-size:40px; font-weight: 300; line-height: 1.25;}
.main_sec_medi .main_cnt_visual .x1 strong {font-weight: 500;}
.main_sec_medi .main_cnt_visual .x2 { margin-top: 10px;  font-weight:600; font-size:24px; color:#fec250; letter-spacing: 0;}
.main_sec_medi .main_cnt_visual .swiper-slide-active .visual_txt > h3,
.main_sec_medi .main_cnt_visual .swiper-slide-active .visual_txt > p { top:0; opacity: 1; filter: blur(0);}
.main_sec_medi .main_cnt_visual .swiper-slide-active .visual_txt > h3 {-webkit-transition-delay:0.2s; transition-delay:0.2s;}
.main_sec_medi .main_cnt_visual .swiper-slide-active .visual_txt > p.x1 {-webkit-transition-delay:0.2s; transition-delay:0.7s;}
.main_sec_medi .main_cnt_visual .swiper-slide-active .visual_txt > p.x2 {-webkit-transition-delay:0.2s; transition-delay:1s;}

.main_cnt_visual .swiper-button-next, 
.main_cnt_visual .swiper-button-prev { width:1.25rem; height:3rem; background: url(../images/comm/icon_arw03l_g.png) no-repeat 50% 50%; background-size:contain; }
.main_cnt_visual .swiper-button-next {right:0.5rem; background-image: url(../images/comm/icon_arw03r_g.png); }
.main_cnt_visual .swiper-button-prev {left:0.5rem;}
/*
.on .main_sec_medi .main_cnt_visual .in_w > h3,
.on .main_sec_medi .main_cnt_visual .in_w > p { top:0; opacity: 1; filter: blur(0);}
.on .main_sec_medi .main_cnt_visual .in_w > h3 {-webkit-transition-delay:0.2s; transition-delay:0.2s;}
.on .main_sec_medi .main_cnt_visual .in_w > p.x1 {-webkit-transition-delay:0.2s; transition-delay:0.7s;}
.on .main_sec_medi .main_cnt_visual .in_w > p.x2 {-webkit-transition-delay:0.2s; transition-delay:1s;}
*/
/*
.main_sec_medi .main_cnt_w { flex:1; display:flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; height: 100%;}
.main_sec_medi .main_cnt_w .main_c_box {width:50%; width:30%;}
*/
.main_sec_medi .main_cnt_w { flex:1; display:flex;  flex-wrap: wrap; align-content: flex-start; justify-content: space-between; position:relative; height: 100%;}
.main_sec_medi .main_cnt_w .main_c_box {width:50%; }
.main_sec_medi .main_cnt_w .main_c_box > .w {margin:0 auto; width:80%; max-width: 300px;}
.main_sec_medi .main_cnt_appointment {display:flex;     flex-direction: column; height:100%; width:50%; text-align: center; background:#0fb027; background: linear-gradient( 135deg, #06a71f, #13b62d);}
.main_sec_medi .main_cnt_appointment ul {display:flex; flex-direction: column; margin:0 auto; width: 80%; max-width:220px; height:188px; border-top:1px solid #3dbe51;}
.main_sec_medi .main_cnt_appointment ul > li {flex:1;  border-bottom:1px solid #3dbe51; 
    transition: all 0.2s ease;}
.main_sec_medi .main_cnt_appointment ul a {display:flex; justify-content: center; align-items: center; height:100%; font-size: 1.125rem; font-weight: 300; vertical-align: middle;
    transition: all 0.2s ease;}
/* .main_sec_medi .main_cnt_appointment ul > li:hover { flex:0;  flex-basis:25%; } */
.main_sec_medi .main_cnt_appointment ul > li:hover a {font-size: 1.250rem;font-weight: 400;}
.main_sec_medi .main_cnt_appointment .main_call {flex:1; display:flex; flex-direction: column; justify-content: center; padding:1rem 0 0.875rem;}
.main_sec_medi .main_cnt_appointment .main_call > .w {position:relative; padding-top:4rem;}
.main_sec_medi .main_cnt_appointment .main_call > .w:before {content:''; display:block; position:absolute; left:50%; top: 0; transform: translate(-50%, 0); width:3.4375rem; height: 3.4375rem; background:#059e1d url(../images/main/icon_main_customer.png) no-repeat 50% 50%; background-size:3.125rem auto; border-radius: 50%; }
.main_sec_medi .main_cnt_appointment .main_call h4 {font-weight: 400;}
.main_sec_medi .main_cnt_appointment .main_call .call {    margin-top: 3px; font-size:24px; font-weight: 600; letter-spacing: 0 ; }
.main_sec_medi .main_cnt_appointment .main_cancel_w {display: flex;/* height: 4.375rem; */flex-direction: column;}
.main_sec_medi .main_cnt_appointment .main_cancel {display:flex;justify-content: center;align-items: center;padding: 1rem 0.25rem;height: 100%;font-size:1.125rem;color:#000;font-weight: 500;background: #f3efee;box-sizing:border-box;}
.main_sec_medi .main_cnt_appointment .main_cancel .t {position:relative; padding-right:3.125rem;}
.main_sec_medi .main_cnt_appointment .main_cancel .t .icon_arw01 {position:absolute; right:0; top:50%; margin-top:-0.75rem;}
.main_sec_medi .main_cnt_appointment .main_cancel .t .icon_arw01:before{background-color: rgba(255,255,255,.8);}
.main_sec_medi .main_cnt_appointment .main_cancel:hover .t .icon_arw01:after {right:4px;}
.main_sec_medi .main_cnt_appointment .main_counsel {display:flex; justify-content: center; align-items: center; padding: 1rem 0.25rem; height: 100%; font-size:1.125rem; color:#000; font-weight: 500; background:#fec250; box-sizing:border-box;}
.main_sec_medi .main_cnt_appointment .main_counsel .t {position:relative;display: inline-flex;padding-right:3.125rem;align-items: center;}
.main_sec_medi .main_cnt_appointment .main_counsel .t .icon_counsel{display: inline-block;width: 20px;height: 20px;margin-right: 10px;background: url(../images/main/icon_counsel_b.png) no-repeat center center;}
.main_sec_medi .main_cnt_appointment .main_counsel .t .icon_arw01 {position:absolute; right:0; top:50%; margin-top:-0.75rem;}
.main_sec_medi .main_cnt_appointment .main_counsel:hover .t .icon_arw01:after {right:4px;}

.main_sec_medi .main_custom_info {flex:1; margin:0 auto; padding:0.9375rem 0; width:80%; max-width:220px;  text-align: left;}
.main_sec_medi .main_custom_info dl {position:relative;    white-space: nowrap;}
.main_sec_medi .main_custom_info dl dt {margin-bottom:1px;}
.main_sec_medi .main_custom_info > dl {padding-left:3.5rem; margin-right: -1rem; margin-left: -0.25rem;}
.main_sec_medi .main_custom_info > dl + dl {margin-top:0.625rem;}
.main_sec_medi .main_custom_info > dl:before {content:''; display:block; position:absolute; left:0;top:0.125rem; width:2.75rem; height:2.75rem; background:#049d1c url(../images/main/icon_main_customer.png) no-repeat 50% 50%; background-size:2rem; border-radius: 50%;}
.main_sec_medi .main_custom_info > dl.info01:before {background-image: url(../images/main/icon_main_customer02.png);}
.main_sec_medi .main_custom_info > dl.info02:before {background-image: url(../images/main/icon_main_customer.png);}
.main_sec_medi .main_custom_info > dl > dt {font-weight: 500;}
.main_sec_medi .main_custom_info .t {margin-right:-1rem;  font-size:1.375rem; font-weight: 500; letter-spacing: 0; white-space: nowrap;}
.main_sec_medi .main_custom_info .dt_dot {margin-top:0.1875rem; font-size:0.875rem; color:#def1e0;}
.main_sec_medi .main_custom_info .dt_dot dd {font-weight: 200;}

.icon_arw01 {display:inline-block; position:relative; width:40px; height:1.5rem;}
.icon_arw01:before,
.icon_arw01:after {content:''; display:block; position:absolute; height:100%; transition: all 0.2s ease;}
.icon_arw01:before {top:0; right:0; width:1.5rem;  background-color: #ffe7b9; border-radius: 50%;}
.icon_arw01:after {top:0.125rem; right:0.5625rem; width:1.875rem; background: url(../images/comm/icon_arw_stBtn01.png) no-repeat 100% 50%; background-size:contain;}



.main_sec_medi .main_cnt_findStaff { background-color:#fff ;}
.main_sec_medi .main_cnt_findStaff input[type="text"],
.main_sec_medi .main_cnt_findStaff input[type="submit"] {height:48px; width:100%; max-width:220px; border:none;}
.main_sec_medi .main_cnt_findStaff input[type="text"] {  text-align: center; background:#ececec;}
.main_sec_medi .main_cnt_findStaff input[type="text"]::placeholder {font-size:14px;;}
.main_sec_medi .main_cnt_findStaff input[type="submit"] {margin-top:5px; padding-left:20px; color:#fff; font-size:17px; background:#32353c; background:#32353c url(../images/comm/icon_schS_w.png) no-repeat right calc(50% + 35px) top 55%; background-size:20px auto;}
.main_sec_medi .main_cnt_findStaff input::placeholder {color:#999;}

.main_sec_medi .main_cnt_myAin {display: flex; flex-direction: column; position:absolute; left:50%; top:50%; background-color:#827876 ;}
.main_sec_medi .main_cnt_myAin > .w {display:flex; flex-direction: column; height: 100%;}
.main_sec_medi .main_cnt_myAin h3 {margin-bottom:0.625rem;}
.main_sec_medi .main_cnt_myAin ul {flex:1; display:flex; align-items: center; flex:1; margin:0 auto ; max-width:276px; width:100%;}
.main_sec_medi .main_cnt_myAin ul > li {flex:1;}
.main_sec_medi .main_cnt_myAin ul a { font-size:14px; line-height: 1.2;}
.main_sec_medi .main_cnt_myAin ul a:before {content:''; display:block; position:relative; height:50px; background: url(../images/main/icon_mian_quick_myAin01.png) no-repeat 50% 50%; background-size:auto 100%;}
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_prag:before {background-image: url(../images/main/icon_mian_quick_myAin01.png); } /* 산모수첩 */
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_infer:before { background-image: url(../images/main/icon_mian_quick_myAin02.png); } /* 난임수첩 */
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_baby:before {background-image: url(../images/main/icon_mian_quick_myAin03.png); } /* 아기수첩 */
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_album:before {background-image: url(../images/main/icon_mian_quick_myAin04.png); } /* 신생아앨범 */
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_advice:before {background-image: url(../images/main/icon_mian_quick_myAin05.png); } /* 온라인상담 */
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_waiting:before {background-image: url(../images/main/icon_mian_quick_myAin06.png); } /* 진료대기현황 */
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_result:before {background-image: url(../images/main/icon_mian_quick_myAin07.png); } /* 검사결과조회 */

.main_sec_medi .main_my_barcode {display:flex; align-items: center; justify-content: center; justify-content: space-between; margin: 1.25rem auto -1.25rem; max-width:250px;}
.main_sec_medi .main_my_barcode dt {padding-right:10px; line-height:1.2; text-align: left; box-sizing: border-box;}
.main_sec_medi .main_my_barcode dt span { position:relative; padding-left:10px; white-space: nowrap; }
.main_sec_medi .main_my_barcode dt span:before {content:''; display:block; position:absolute; left:-1px; top:8px; width:3px; height:3px; background:#fff; border-radius: 50%; }
.main_sec_medi .main_my_barcode dt span:after {content:''; display:block; position:absolute; left:10px; bottom:-5px; right:0; height:1px; background:#fff;}
.main_sec_medi .main_my_barcode dd { width: calc(100% - 90px);  max-width: 135px; max-height: 40px;}
.main_sec_medi .main_my_barcode dd .barcodeSpan {width:100%!important; height: 40px !important;}
.main_sec_medi .main_my_barcode dd .barcodeSpan img {width:100%; height:100%;}

.main_sec_quick {    justify-content: center; height:200px;}
.main_sec_quick .main_quick_left {display:flex; width:37.5%; background: #f3efee;  box-sizing: border-box;}
.main_sec_quick .main_quick_left > div {width:50%;}
.main_sec_quick .main_h3_w {display:flex; flex-direction: column; justify-content: center; padding:0 1.875rem; box-sizing: border-box;}
.main_sec_quick .main_h3_w h3 {margin-bottom:10px; font-size:24px; font-weight: 500;}
.main_sec_quick .main_h3_w .main_h_x {position:relative; padding-bottom: 1.25rem; font-size:14px; color:#a8a5a4; line-height: 1.5;}
.main_sec_quick .main_h3_w .main_h_x:before,
.main_sec_quick .main_h3_w .main_h_x:after {content:''; display:block; position:absolute; right: 12px; bottom:-4px; height:24px;}
.main_sec_quick .main_h3_w .main_h_x:before {width:24px;  background-color: #a8e1b0; border-radius: 50%;}
.main_sec_quick .main_h3_w .main_h_x:after {right:21px; bottom:-5px; width:30px; background: url(../images/comm/icon_arw_stBtn01.png) no-repeat 100% 50%; background-size:30px auto;}
.main_sec_quick .movie_w {display:block; position:relative; height: 100%;  overflow: hidden;}
.main_sec_quick .movie_w:before, 
.main_sec_quick .movie_w:after {content:''; display:block; z-index:1; position:absolute; 
	-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_sec_quick .movie_w:before {left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.main_sec_quick .movie_w:after {left:50%; top:50%; transform: translate(-50%, -50%); width:5rem; height:5rem; background: url(../images/main/icon_play.png) no-repeat 50% 50%; background-size: 2.25rem auto; background-color:rgba(255,255,255,0.16); border-radius: 50%; }
.main_sec_quick .movie_w img {width:100%; height: 100%; object-fit: cover;
	-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_sec_quick .movie_w:hover img {scale: 1.05;}
.main_sec_quick .movie_w:hover:before {background:rgba(0,0,0,0.4);}
.main_sec_quick .movie_w:hover:after {background-color:rgba(0,0,0,0.5);} 

.main_sec_quick .main_quick_list {display:flex;align-items: center;padding-left: 1.5%;width: 46.5%;background:#fff;box-sizing: border-box;}
.main_sec_quick .main_quick_list > li {flex:1; max-width:143px; text-align: center; }
.main_sec_quick .main_quick_list a {font-weight: 500;}
.main_sec_quick .main_quick_list a span {  display: flex; align-items: center;  height: 40px;}
.main_sec_quick .main_quick_list a:before {content:''; display:block; position:relative; top:0; height:70px; background: url(../images/main/icon_main_useInstruction01.png) no-repeat 50% 0; background-size: auto 100%;
    -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.main_sec_quick .main_quick_list a.ico_quick_reserv:before {background-image: url(../images/main/icon_main_useInstruction01.png);} /* 예약안내 */
.main_sec_quick .main_quick_list a.ico_quick_out:before {background-image: url(../images/main/icon_main_useInstruction02.png);} /* 외래진료안내 */
.main_sec_quick .main_quick_list a.ico_quick_hospital:before {background-image: url(../images/main/icon_main_useInstruction03.png);} /* 입/퇴원안내 */
.main_sec_quick .main_quick_list a.ico_quick_schedule:before {background-image: url(../images/main/icon_main_useInstruction04.png);} /* 진료시간표 */
.main_sec_quick .main_quick_list a.ico_quick_certif:before {background-image: url(../images/main/icon_main_useInstruction05.png);} /* 증명서 발급안내 */
.main_sec_quick .main_quick_list a.ico_quick_faq:before {background-image: url(../images/main/icon_main_useInstruction06.png);} /* FAQ */
.main_sec_quick .main_quick_list a.ico_quick_album:before {background-image: url(../images/main/icon_main_useInstruction07.png);} /* 신생아 앨범 */
.main_sec_quick .main_quick_list a:hover:before {top:-10px;}

.main_sec_medi .main_c_box  {height:50%; }

.main_sec_press { justify-content: center; height:275px;}
.main_sec_press .main_press_w {width:calc(50% - 16.7%); background:#143356;}
.main_sec_press .main_c_box_w {display:flex; flex:auto; position:relative; width:50%; overflow: hidden;}
.main_sec_press .main_c_box_w .main_c_box {flex-grow: 1;height:100%;width: calc(100% / 6);flex-basis: calc(100% / 6);}
.main_sec_press .main_c_box h3{font-size:1.125rem;}
.main_sec_press .main_c_box span em{font-size: 1rem; line-height:1;}
.main_sec_press .main_c_box_w .main_bann01 {background:#7f8eb5;}
.main_sec_press .main_c_box_w .main_bann02 {background:#f4f7fa;}
.main_sec_press .main_c_box_w .main_bann03 {background:#ffffff;}
.main_sec_press .main_c_box_w .main_bann04 {background: #f3efee;}
.main_sec_press .main_c_box_w .main_bann05 {background: #0bb096;}
.main_sec_press .main_c_box_w .main_bann06 {background: #fb859f;}
.main_sec_press .main_c_box_w .main_bann07 {background: #ffdeb9;}
.main_sec_press .main_c_box_w .main_bann08 {background: #856442;}

.main_sec_press .main_c_box:after {content:''; display:block; position:absolute; left:50%; top:50%; margin:-10px 0 0 -40px; width:80px; height:80px;  background: url(../images/main/icon_main_it01.png) no-repeat 50% 50%; background-size:contain; }
.main_sec_press .main_c_box.main_bann01:after {background-image: url(../images/main/icon_main_it06_w.png);} 
.main_sec_press .main_c_box.main_bann02:after {background-image: url(../images/main/icon_main80_05.png);} 
.main_sec_press .main_c_box.main_bann03:after {background-image: url(../images/main/icon_main_it07.png);} 
/* .main_sec_press .main_c_box.main_bann03:after {background-image: url(../images/comm/bg_ainLogo02_green01.png);background-position:center center;opacity: 0.6;transform: translate(-50%, -50%);margin: 0;} */
.main_sec_press .main_c_box.main_bann04:after {background-image: url(../images/main/icon_main_it08.png);}
.main_sec_press .main_c_box.main_bann05:after {background-image: url(../images/main/icon_main_it09_w.png);}
.main_sec_press .main_c_box.main_bann06:after {background-image: url(../images/main/icon_main80_01_w.png);}
.main_sec_press .main_c_box.main_bann07:after {background-image: url(../images/main/icon_main07_b.png);}
.main_sec_press .main_c_box.main_bann08:after {background-image: url(../images/main/icon_main08_w.png);}

.main_sec_press .main_c_box:hover {  background-size: auto 110% ;}


.main_c_box02:after {content:'';display:block;position:absolute;left:50%;top:50%;margin-left:40px;margin-top: -25px;width: 50px;height: 50px;background: url(../images/main/icon_main_itt_01.png) no-repeat 50% 50%;background-size:contain;}
.main_c_box_w02 {display:flex;flex-direction: column;width: 16.8%;}
.main_c_box_w02 .main_c_box02 {display:flex; align-items: center; padding-left:22%; height:50%; }
.main_c_box02.main_bann07 {background:#856442;}
.main_c_box02.main_bann05 {background:#fec250;}
.main_c_box02.main_bann06{background:#f3efee;}
.main_c_box02.main_bann05:after { background-image: url(../images/main/icon_main60_01_b.png);} 
.main_c_box02.main_bann06:after { background-image: url(../images/main/icon_main60_02.png);} 
.main_c_box02.main_bann07:after { background-image: url(../images/main/icon_main60_03_w.png);} 

.main_sec_press .main_c_box_w02{display:none;} 

.main_sec_press .main_press_w {}
.main_sec_press .tab_w {}
.main_sec_press .tab_w .tab_tit {position:relative;}
.main_sec_press .tab_w .tab_tit_list { display:flex; position:relative; padding-right:58px; height:58px; font-size:18px; font-weight: 300;  overflow: hidden;}
.main_sec_press .tab_w .tab_tit_list > li {flex:auto; background:#102945; }
.main_sec_press .tab_w .tab_tit_list > li a.tit {display:block; text-align: center; height:58px; line-height: 58px; text-align: center; opacity: 0.5; }
.main_sec_press .tab_w .tab_tit_list > li a.tit span {position:relative; top:2px }
.main_sec_press .tab_w .tab_tit_list > li a.btn_more {position:absolute; right:0; top:0; width:58px; height:58px;}
.main_sec_press .tab_w .tab_tit_list > li.ac {flex:0 0 32%; background:none; box-shadow: 0 0 50px rgba(0,0,0,0.1);}
.main_sec_press .tab_w .tab_tit_list > li.ac a.tit {font-size:24px; font-weight: 500; line-height: 62px; opacity: 1;}
.main_sec_press .tab_w .tab_tit_list > li.ac a.tit span {top:3px;}
.main_sec_press .tab_w .btn_more {position:absolute; right:0; top:0; width:58px; height:58px;}
.main_sec_press .tab_w .btn_more:before,
.main_sec_press .tab_w .btn_more:after {margin-left:-8px; margin-top:0; width:17px; height:1px; background:#fff;}
.main_sec_press .tab_w .tab_cnt {position:relative; padding:38px 60px 0;}
.main_sec_press .tab_w .tab_cnt .btn_more {top:auto; bottom:100%;}
.main_sec_press .tab_w .tab_cnt .btn_more:before,
.main_sec_press .tab_w .tab_cnt .btn_more:after {display:none;}
.main_sec_press .tab_w .tab_cnt .main_press_list > li {display:flex; margin-bottom:14px;}
.main_sec_press .tab_w .tab_cnt .main_press_list a {display:block; position:relative; flex:1; padding-left:10px; font-size:18px; font-weight: 300; box-sizing: border-box; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_sec_press .tab_w .tab_cnt .main_press_list a.t:before {content:''; display:block; position:absolute; left:0; top:50%;  width:2px; height:2px; background:#fff;}
.main_sec_press .tab_w .tab_cnt .main_press_list .d {    margin-left: 40px; font-size:15px; color:#3f7294; font-weight: 400;  }

.main_sec_press .tab_w .tab_cnt .main_press_list.main_press_mov {display:flex; margin-top: -10px; margin-left: -20px; margin-right: -20px;}
.main_sec_press .tab_w .tab_cnt .main_press_list.main_press_mov > li {  flex-direction: column; width:45%; box-sizing: border-box;}
.main_sec_press .tab_w .tab_cnt .main_press_list.main_press_mov > li + li {margin-left:10%;}
.main_sec_press .tab_w .tab_cnt .main_press_list.main_press_mov a.img_mov {    flex: 0 0 120px; position:relative; padding:0; overflow: hidden;}
.main_sec_press .tab_w .tab_cnt .main_press_list.main_press_mov a.img_mov img {position:absolute; left:50%; top:50%; max-width:none; height:100%;
    -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.main_sec_press .tab_w .tab_cnt .main_press_list.main_press_mov a.t {flex:none; margin-top: 15px;}



@media (max-width:1600px) and (min-width:1241px) { 
	.main_sec_medi .main_cnt_visual img.vis_pc {display:none;}
	.main_sec_medi .main_cnt_visual img.vis_mo {display:block!important; position:relative; left:50%; transform: translateX(-50%);}
}
@media (max-width:1600px) {

	.main_sec_medi .main_cnt_visual {	width: 50%;}

	.main_sec_quick .main_quick_left {width:33.33%;}
	.main_sec_quick .main_quick_list {flex:1; padding: 0 1.5%; width:auto;}
	.main_sec_quick .main_quick_list > li {max-width:none;}



	.main_sec_press .main_c_box_w {flex-wrap: wrap; width:33.3%;}
	.main_sec_press .main_c_box_w .main_c_box {padding-top:30px;width:25%;height:50%;flex-basis: auto;}
	.main_sec_press .main_c_box_w .main_c_box h3,
	.main_sec_press .main_c_box_w02 .main_c_box02 h3 {font-size: 1.25rem;}
	.main_sec_press .main_c_box_w .main_c_box h3:has(em){line-height:1;}
	.main_sec_press .main_c_box:after {margin-top:0; height:50px;}

	.main_sec_press .main_c_box_w02 .main_c_box02 {	align-items: center;	padding-left: 20%;	}
	.main_sec_press .main_c_box02:after {   margin-left: 15%;  margin-top: -25px; height: 50px;}

	
	.main_sec_press .main_press_w {width:50%;}

}

@media (max-width:1440px) { 
	.main #header .hd_side_util { margin-right: 2%; }

}
@media (max-width:1300px) { 

	.main_sec_quick .main_quick_left {width:25%;}
	.main_sec_quick .main_quick_left .main_h3_w {display:none;}
	.main_sec_quick .main_quick_left .main_video_w {width:100%;}

	.main_sec_quick .main_quick_list {    background: #f3efee;}
	.main_sec_quick .main_c_box_w02{display:none;}

	.main_sec_press {flex-wrap: wrap; height: auto; }
	.main_sec_press .main_c_box_w {width:100%;}
	.main_sec_press .main_c_box_w .main_c_box {padding-top:0;height:200px;width: calc(100% / 4);}
	.main_sec_press .main_c_box_w .main_c_box h3 { position: absolute; width: 100%; bottom: 63%; margin: 0; }
	.main_sec_press .main_c_box_w .main_c_box h3:has(em){bottom:56%}
	.main_sec_press .main_c_box:after { height: 35%;}
	.main_sec_press .main_c_box02:after { margin-top: -2rem;  height: 4rem;}

	.main_sec_press .main_c_box_w02 {display:flex; width:25%;}
	.main_sec_press .main_press_w {width:75%;}


	.main_sec_press .main_press_w {height:275px;}
	.m1300_none{display:none;}

}

@media (max-width:1260px) {

	.main_sec_medi .main_cnt_visual .x1 {font-size: 30px;}
	.main_sec_medi .main_cnt_visual .x2 { font-size: 20px; }

}

@media (max-width:1240px) { 
	.main_sec_medi {flex-direction: column-reverse; height: auto;}
	.main_sec_medi .main_cnt_visual,
	.main_sec_medi .main_cnt_w {width: 100%; }

	.main_sec_medi .main_cnt_visual {height:auto;}
	.main_sec_medi .main_cnt_visual img {max-width:100%;}
	.main_sec_medi .main_cnt_visual .visual_txt {top:auto;}
	.main_sec_medi .main_cnt_visual .main_visual_bg {position:relative; right:auto; left:auto; top:auto; bottom:auto;}

	.main_sec_medi .main_cnt_w,
	.main_sec_medi .main_cnt_appointment {height:550px;}


}

@media (max-width:1160px) { 
	.main_sec_quick .main_quick_list {  padding: 0 1%;}
	.main_sec_quick .main_quick_list a { letter-spacing: -1px;}
	.main_sec_quick .main_quick_list a:before {    height: 4rem;}
}
@media (max-width:960px) {
	.main_sec_quick {height: auto;}
	.main_sec_quick .main_quick_left {width:50%;}

	.main_sec_quick .main_quick_list {flex-wrap: wrap; gap:0.75rem 0; padding:1.25rem 1%;}
	.main_sec_quick .main_quick_list > li {flex:none; width:33.3%;}
	.main_sec_quick .main_quick_list a:before { height: 3.75rem;}

	.main_sec_press .main_press_w,
	.main_sec_press .main_c_box_w02 {width:100%;}

	.main_sec_press .main_c_box_w .main_c_box {width:50%;height: 12rem;}

	.main_sec_press .main_c_box_w02 { flex-direction: row;}
	.main_sec_press .main_c_box_w02 .main_c_box02 {flex:1; justify-content: center; padding-left: 0; width:auto; height:100px;}
	.main_sec_press .main_c_box_w02 .main_c_box02:after {display:none;}
}

@media (max-width:860px) {
	.main_sec_quick .main_quick_list a {font-size:15px;}
}

@media (max-width:768px) { 

	.main_sec_quick .main_quick_list a span { height: 35px;}
	.main_sec_quick .main_quick_list a:before {margin-bottom:3px; height: 3.25rem; }

	.main_sec_press .main_c_box_w .main_c_box { height: 12rem;}
	.main_sec_press .main_c_box:after {margin-top:0; height: 4rem;}
	.main_sec_press .main_c_box h3:has(em){bottom:10px}

	.main_sec_press .main_c_box_w02 .main_c_box02 { height: 5.5rem;}
	.main_sec_press .main_c_box_w02 .main_c_box02 h3 span {position:relative; top:2px;}

	.main_sec_press .main_press_w { height: auto;}

	.main_sec_press .tab_w .tab_cnt { padding: 2rem 25px; }
	.main_sec_press .tab_w .tab_tit_list { padding-right: 3rem; height: 3rem; font-size: 1.0625rem; }
	.main_sec_press .tab_w .tab_tit_list > li a.tit {    height: 3rem; line-height: 3rem; }
	.main_sec_press .tab_w .tab_tit_list > li.ac a.tit {    font-size: 1.25rem; line-height: 3rem;}
	.main_sec_press .tab_w .tab_tit_list > li.ac a.tit span {top:2px;}
	.main_sec_press .tab_w .btn_more { width: 3rem; height: 3rem; }

	.main_sec_press .tab_w .tab_cnt .main_press_list a { font-size: 1.125rem; }
	.main_sec_press .tab_w .tab_cnt .main_press_list.main_press_mov { margin-top: 0; margin-left: 0; margin-right: 0;     margin-bottom: -15px;}
	.main_sec_press .tab_w .tab_cnt .main_press_list.main_press_mov a.img_mov { flex: 0 0 7.5rem; }
	
}

@media (max-width:640px) { 
	.main article > section.main_sec_quick {display:block;}
	.main_sec_quick .main_quick_left {width:100%; background:none;}
	.main_sec_quick .main_quick_left .main_h3_w {display:flex;}
	.main_sec_quick .main_quick_left .main_video_w {width:50%;}

	.main_sec_medi .main_cnt_visual img {height: auto;}
	.main_sec_medi .main_cnt_visual img.vis_pc {display:none;}
	.main_sec_medi .main_cnt_visual img.vis_mo {display:block!important; position:relative; }
	.main_cnt_visual .swiper-pagination { bottom: 0.375rem;}
	.main_sec_medi .main_cnt_visual .visual_txt {scale: 0.9;}

	.main_sec_medi .main_cnt_appointment h3, 
	.main_c_box h3 { margin-bottom: 1.25rem;}

	.main_sec_medi .main_cnt_appointment,
	.main_sec_medi .main_c_box { padding-top: 2.5rem; }

	.main_sec_medi .main_cnt_myAin {padding-bottom:40px;}
	.main_sec_medi .main_cnt_myAin ul {margin-left:-15px; margin-right:-15px; width:calc(100% + 30px);}

	.main_sec_medi .main_cnt_appointment {  height: 480px;}
	.main_sec_medi .main_cnt_appointment ul {height:200px;}

	.main_sec_quick .main_quick_list {padding: 6vw 1%;}
	.main_sec_quick .main_h3_w .main_h_x {margin-right:-10px; letter-spacing: -1px;}
}

@media (max-width:560px) { 
	.main_sec_quick .main_quick_left .main_h3_w {display:none;}
	.main_sec_quick .main_quick_left .main_video_w {width:100%;}
}

@media (max-width:540px) { 

	.main_sec_medi .main_cnt_visual h3 {font-size: 1.25rem;}
	.main_sec_medi .main_cnt_visual .x1 { font-size: 1.875rem; }
	.main_sec_medi .main_cnt_visual .x2 { font-size: 1.25rem; }

	.main_sec_medi .main_cnt_appointment { height: 440px;}
	.main_sec_medi .main_cnt_appointment .main_call { padding: 0.75rem 0;}
	.main_sec_medi .main_cnt_appointment .main_call > .w { padding-top: 3rem; }
	.main_sec_medi .main_cnt_appointment .main_call > .w:before { width: 2.5rem; height: 2.5rem; background-size: 2.125rem auto;}
	.main_sec_medi .main_cnt_appointment .main_call h4 {font-size:1rem;}
	.main_sec_medi .main_cnt_appointment .main_call .call { font-size: 1.5rem; }

	.main_sec_medi .main_cnt_appointment .main_cancel_w {/* height: 4rem; */}
	.main_sec_medi .main_cnt_appointment .main_cancel .t,
	.main_sec_medi .main_cnt_appointment .main_counsel .t{padding-right:0;}
	.main_sec_medi .main_cnt_appointment .main_cancel .t .icon_arw01,
	.main_sec_medi .main_cnt_appointment .main_counsel .t .icon_arw01{display:none;}

	.main_sec_medi .main_custom_info { padding: 0.75rem 0; }

	.main_sec_medi .main_cnt_myAin {top:47%; padding-top: 30px; padding-bottom: 30px; height: 53%; }
	.main_sec_medi .main_cnt_myAin h3 { margin-bottom: 0;}
	.main_sec_medi .main_cnt_myAin ul a { font-size: 0.9375rem;}
	.main_sec_medi .main_cnt_myAin ul a:before { height: 45px; background-position:50% 0; }
	.main_sec_medi .main_my_barcode { margin: 0.5rem auto -0.5rem; }

	.main_sec_medi .main_cnt_findStaff {flex:1;     height: auto;}
	.main_sec_medi .main_cnt_findStaff input[type="text"] {font-size:1.125rem;}

	.main_sec_press .tab_w .tab_cnt .main_press_list.main_press_mov { margin-bottom: -10px;}
	.main_sec_press .tab_w .tab_cnt .main_press_list.main_press_mov a.img_mov { flex: 0 0 20vw; }

	.main_sec_press .main_c_box02:after {left:48%;}
	

}


@media (max-width:460px) { 

	
	.main_sec_medi .main_cnt_appointment { height: 400px;}	
	.main_sec_medi .main_cnt_appointment,
	.main_sec_medi .main_c_box { padding-top: 2.25rem;}
	.main_sec_medi .main_cnt_appointment ul {height:140px;}

	.main_sec_medi .main_cnt_appointment h3, 
	.main_c_box h3 { font-size: 1.5rem; font-weight: 500; }	
	.main_sec_medi .main_cnt_appointment h3 {margin-bottom:0.75rem;}	

	.main_sec_medi .main_cnt_myAin {    padding-top: 30px; }
	.main_sec_medi .maif.main_sec_medi .main_custom_infon_cnt_myAin h3 { margin-bottom: 5px;}
	.main_sec_medi .main_cnt_myAin ul a:before { height: 40px;}
	.main_sec_medi .main_my_barcode dt { padding-right: 5px; }
	.main_sec_medi .main_my_barcode dt span {padding-left: 5px;}
	.main_sec_medi .main_my_barcode dt span:after {    left: 5px;}
	.main_sec_medi .main_my_barcode dd { width: calc(100% - 80px); }

	.main_sec_medi .main_custom_info {/*zoom:0.88;*/ transform: scale(0.88); padding: 0;}
	.main_sec_medi .main_custom_info > dl {left: -0.25rem; padding-left:3.125rem;}
	.main_sec_medi .main_custom_info > dl:before { width: 2.5rem; height: 2.5rem; }

	.main_sec_medi .main_cnt_findStaff h3 {    margin-bottom: 0.75rem;}
	.main_sec_medi .main_cnt_findStaff input[type="text"], 
	.main_sec_medi .main_cnt_findStaff input[type="submit"] { height: 40px; }
	.main_sec_medi .main_cnt_findStaff input[type="text"] {padding: 5px 5% 5px 5%; }
	.main_sec_medi .main_cnt_findStaff input[type="text"]::placeholder {font-size:0.9375rem; letter-spacing: -0.875px;}
	.main_sec_medi .main_cnt_findStaff input[type="submit"] { margin-top: 3px; font-size: 1.125rem;}

	.main_sec_press .main_c_box_w02 .main_c_box02 h3 { font-size: 1.375rem;}

}



@media (max-width:400px) { 
	.main_sec_medi .main_custom_info .t {letter-spacing: -0.5px;}


}






/* HSM 20260306 메인 진료예약 및 전화 수정 */
.main_sec_medi .main_custom_info {background-color: #f3efee; width: 100%; max-width: none;}
.main_sec_medi .main_custom_info > dl {color: #000; max-width: 170px; margin: 0 auto;}
.main_sec_medi .main_custom_info .t {color: #0dae26;}
.main_sec_medi .main_cnt_appointment .main_cancel {background-color: inherit; color: #fff; font-size: 1.625rem; font-weight: 500; padding: 2rem 0.25rem; letter-spacing: -1px;}
.main_sec_medi .main_cnt_appointment .main_cancel .t .icon_arw01:before {background-color: #58c96a;}
.main_sec_medi .main_cnt_appointment .main_cancel .t .icon_arw01:after {filter:invert(100);}


@media (max-width : 640px) {
  .main_sec_medi .main_cnt_appointment .main_cancel {padding: 1.5rem 0.25rem;}
}

@media (max-width : 460px) {
  .main_sec_medi .main_cnt_appointment .main_cancel {padding: 1rem 0.25rem; font-size: 1.5rem;}
  .main_sec_medi .main_custom_info {transform: scale(1); padding: 0.75rem 0;}
  .main_sec_medi .main_custom_info > dl {max-width: 120px;}
	.main_sec_medi .main_custom_info .t {font-size: 1.175rem;}
}



