@charset "UTF-8";
/*-------------------------------------------------
Version : 1.0
Author : han
-------------------------------------------------*/
.main .x_main_custom { font-family: 'Sbaggro', 'GmarketSans', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic'; } 

.main article { margin:0 auto; max-width:1920px; } 
.main .contents { margin:0; } 
.main .in_cover > .in_w { max-width:1380px; } 

.main h3 { font-size:32px; font-weight: 600; text-transform: uppercase; } 
.main .main_h_side { position:absolute; width:100%; } 
.main .main_h_side .main_ico_more,
.main .main_video_btn { position:absolute; right:0; bottom:1.125rem; height:1.875rem; margin-bottom: 0.25rem; box-sizing: border-box; } 
.main .main_h_side .main_ico_more,
.main .main_video_btn > span { width:1.875rem; border:1px solid #ddd; background:#fff; border-radius: 50%; box-sizing: border-box; } 
.main .main_video_btn { display:flex; right:36px; gap:6px; } 
.main .main_video_btn > span { position:relative; height: 100%; } 
.main .main_h_side .main_ico_more:before,
.main .main_h_side .main_ico_more:after { display:block; position:absolute; top:50%; left:50%; width:11px; height:1px; background:#888999; content:''; margin-left:-5px; } 
.main .main_h_side .main_ico_more:after { transform: rotate(90deg); } 
.main .main_video_btn > span:before { display:block; position:absolute; top:50%; left:50%; width:7px; height:7px; border:1px solid #bbbbbb; content:''; border-top:0; border-left:0; } 
.main .main_video_btn > span.btn_before:before { margin-left:2px; transform: translate(-50%, -50%) rotate(-225deg); } 
.main .main_video_btn > span.btn_after:before { margin-left:-2px; transform: translate(-50%, -50%) rotate(-45deg); } 


.main .ip_btn { text-indent: -9999px; } 
.main .btn_c_m { background-color:#009e98; border-color:#009e98; } 
.main .btn_c_sb { background-color:#3987ee; border-color:#3987ee; } 

.main .x_main_custom { display:flex; color:#074aaa; font-size:29px; font-weight: 600; line-height: 1.3; } 
.main .x_main_custom .icon { width:32px; height:28px; background: url(../images/main/main_icon_custom.png) no-repeat 0% 50%; flex:0 0 32px; margin-right:10px; background-size:contain; } 

.main .date,
.main .hit { display:inline-flex; color:#888; align-items: center; font-size:0.875rem; } 
.main .date .icon_date { width:14px; height:16px; background: url(../images/main/main_icon_calen.png) no-repeat 50% 50%; margin-right:0.5rem; background-size:contain; } 


/* cnt : visual */
.main_vis {position:relative; } 
.main_vis .in_cover { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none;} 
.main_vis .in_cover .in_w { height:100%; } 

.main_vis .vis_box{position:relative; height:415px; background:#bbbcde; text-align:center; overflow:hidden;}
.main_vis .vis_box .vis_pc img{max-width:none;}
.main_vis .vis_box .vis_m{display:none;}
.main_vis .vis_txt{display:flex; height:100%; align-items: center; text-align:left;}
.main_vis .vis_txt .top{font-family: 'BareunBatang';color:#000;font-size: 1.25rem;line-height: 1.6;letter-spacing: -1.5px;padding: 0 8px;margin-bottom: 8px; font-weight:700}
.main_vis .vis_txt p{font-family: 'BareunBatang';color:#000;font-size: 2.8rem;line-height: 1.25;letter-spacing: 1.75px;}
.main_vis .vis_txt p:not(strong) {font-weight: 100; } 
.main_vis .vis_txt p strong{font-weight:700;}
.main_vis .vis_txt button{display:flex;gap:16px;justify-content: center;align-items: center;margin-top: 20px;padding-right: 34px;font-family: 'BareunBatang';background: url(../images/main/ico_arw_b.gif) no-repeat right center;margin-left: 8px; font-weight:700; color:#000;}
.main_vis .vis_info{position:absolute; top:0; right:0; width:480px;}

.main_vis .vis_info .main_box{padding:40px 24px;}
.main .main_box.rsrvtn_box {padding: 24px 40px;background: #c8e7e9;border: 0;min-height: auto;color: #033e8a;box-sizing: border-box;height: 135px;} 
.main .main_box.rsrvtn_box.box_deco.deco_v:before{background:#77ceda;}
.main .main_box.rsrvtn_box.box_deco.deco_v:after{background:#fff;}

.main .main_box.rsrvtn_box .tit_dec{font-size:14px; font-weight: 300;letter-spacing: -1px;color: #485f61;}
.main .main_box.rsrvtn_box .ip_w {display: flex;gap: 4px;justify-content: space-between;align-items: center; pointer-events: auto;} 
.main .rsrvtn_form_tit{display:flex; justify-content: space-between; align-items:center; flex-wrap:wrap; gap:8px;}
.main .rsrvtn_form_tit i.ico_mdm{display:block; width:5.75rem; height:5.75rem; background:url(../images/main/ico_mdm01.png) no-repeat center center / 100% auto; }
.main .rsrvtn_form_tit h4{display:flex; justify-content:center; margin-bottom:0; gap:20px; color: #000000; font-size:1.25rem; align-items:center;}


@media(max-width: 680px){
 /* .rsrvtn_box { height: auto; padding: .75rem 1.5rem .75rem; text-align:center; gap: 8px; }  */
 
 

 }


/* cnt : sch */
.main_sch { padding:1.875rem 0; margin:0 auto; max-width:1060px; } 
.main_sch .sch_w { display:flex; align-items: center; border-bottom:2px solid #333; } 
.main_sch .sch_w > dt { position:relative; color:#000; letter-spacing: -1.5px; margin-right:60px; font-size:25px; font-weight: 600; } 
.main_sch .sch_w > dt .a_link { display:block; position:absolute; top:0; right:0; color:#000; letter-spacing: -1px; text-align: center; font-size:14px; font-weight:500; } 
.main_sch .sch_w > dt .a_link span { display:block; margin:0 auto; } 
.main_sch .sch_w > dt .a_link .icon { width:46px; height:46px; background:#e7f9fd url(../images/main/main_icon_reserv.png) no-repeat 50% 50%; margin-bottom:0.125rem; background-size:22px auto; } 
.main_sch .sch_w > dd { display:flex; position:relative; flex:1; } 
.main_sch .sch_w > dd input[type="text"] { height:50px; border:none; flex:1; font-size:19px; } 
.main_sch .sch_w > dd input[type="text"]::placeholder { color:#888888; font-weight: 600; } 
.main_sch .sch_w > dd .ip_sch { width:50px; height:50px; border:none; background: url(../images/main/main_icon_sch.png) no-repeat 50% 50%; } 
.main_sch .sch_label_w { display:flex; padding:13px 0; align-items: center; } 
.main_sch .sch_label_w > dt { color:#2f5c9b; margin-right:60px; font-size:15px; font-weight: 600; } 
.main_sch .sch_label_w .label_w { display:flex; flex-wrap: wrap; gap:3px 4px; } 
.main_sch .sch_label_w .label_w a { display:inline-flex; height:25px; padding:0 1rem; border:1px solid #ddd; color:#666; align-items: center; font-size:13px; border-radius: 13px; box-sizing:border-box; } 
.main_sch .sch_label_w .label_w a:nth-child(2n - 1) { background-color:#f4f5f6; } 

/* cnt : block */
.main_block_list { display:flex; flex-wrap: wrap; margin-right:-24px; margin-top:-24px; } 
.main_block_list > li { display:block; width:25%; padding-right:24px; margin-top:24px; box-sizing: border-box; } 
.main_block_list > li.area2 { width:50%; } 
.main_block_list form { height: 100%; } 
.main_block_list .main_box { height: 100%; } 
.main .main_box { position:relative; padding:1.875rem 24px 2.125rem; border:1px solid #ddd; min-height: 206px; box-sizing: border-box; } 
.main_box > .w { display:flex; height: 100%; margin:0 auto; flex-direction: column; max-width:240px; } 
.area2 .main_box > .w { max-width:585px; } 
.main_box > .w > .f_flex { flex:1; } 
.main_box h4 { position:relative; z-index:1; letter-spacing: -2px; font-size:25px; line-height: 1; white-space: nowrap; } 
.main_box .tit_dec{font-size:.9375rem; font-weight:400; color:#aecfff;}
.main_box .h_divi { justify-content: flex-start; align-items: flex-end; } 
.main_box .h_divi .h_w { margin-left:1rem; font-size:0.9375rem; font-weight: 200; } 

.main_box.box_deco { } 
.main_box.box_deco:before,
.main_box.box_deco:after { display:block; position:absolute; top:50%; width:12px; height:12px; background:#fff; content:''; margin-top:-6px; border-radius: 50%; } 
.main_box.box_deco:before { left:-6px; } 
.main_box.box_deco:after { right:-6px; } 
.main_box.box_deco.deco_v:before { top:-6px; left:50%; margin:0; margin-left:-6px; } 
.main_box.box_deco.deco_v:after { top:100%; right:50%; margin:0; margin-right:-6px; margin-top:-6px; } 

.main_ip_w01 { display:flex; gap:5px; } 
.main_ip_w01 > .ip_w { display:flex; flex:1; flex-direction: column; gap:3px; } 
.main_ip_w01 > .ip_w select,
.main_ip_w01 > .ip_w input[type="text"],
.main_ip_w01 > .ip_w input[type="password"]{ border:none; letter-spacing: -1px; padding-right: 1.375rem; font-size:14px; } 
.main_ip_w01 > .btn_w { width:30.4%; } 
.main_ip_w01 > .btn_w input { width:100%; height:100%; border:none; background:#009e98 url(../images/main/main_icon_sch01_w.png) no-repeat 50% 50%; } 
.main_ip_w01 > .btn_w input.ip_login{background:#fff; color:#0a4a9b; cursor: pointer; text-indent:0;}

.main_box.box_bg_b { background:#074aaa; color:#fff; border-color:#074aaa; } 
.main_box.box_bg_b h4 { color:#fff; } 
.main_box.box_bg_b h4:has( + p){margin-bottom:8px;}
.main_box.box_bg_m { background:#caeff1; border-color:#caeff1; } 

.main_box .x_bann_list { display:flex; margin-top:24px;} 
.main_box .x_bann_list > li { position:relative; flex:1; } 
.main_box .x_bann_list > li + li:before { display:block; position:absolute; top:50%; left:0; width:1px; height:50px; background:#396ebb; content:''; transform: translate(0, -50%); } 
.main_box .x_bann_list > li:hover + li:before { display:none; } 
.main_box .x_bann_list a { display:flex; position:relative; height: 124px; flex-direction: column; align-items: center; justify-content: center; text-align:center; pointer-events:auto} 
.main_box .x_bann_list a:before,
.main_box .x_bann_list a:after { display:block; position:absolute; top:50%; width:10px; height:10px; background:transparent; content:''; margin-top:-5px; border-radius: 50%; } 
.main_box .x_bann_list a:before { left:-5px; } 
.main_box .x_bann_list a:after { right:-5px; } 
.main_box .x_bann_list a .icon {width: 46px;height: 46px;background: url(../images/main/main_icon_35_01.png) no-repeat 50% 50%;margin-bottom: 0.5rem;/* background-size:contain; */} 
.main_box .x_bann_list a .icon.icon0101 { background-image: url(../images/main/main_icon_35_01.png); } 
.main_box .x_bann_list a .icon.icon0102 { background-image: url(../images/main/main_icon_35_02.png); } 
.main_box .x_bann_list a .icon.icon0103 { background-image: url(../images/main/main_icon_35_03.png); } 
.main_box .x_bann_list a .icon.icon0104 { background-image: url(../images/main/main_icon_35_04.png); } 
.main_box .x_bann_list a:hover { background:#fff; color:#003d94; font-weight: 500; } 
.main_box .x_bann_list a:hover:before,
.main_box .x_bann_list a:hover:after { background:#003d94; } 
.main_box .x_bann_list a:hover .icon.icon0101 { background-image: url(../images/main/main_icon_35_01_ac.png); } 
.main_box .x_bann_list a:hover .icon.icon0102 { background-image: url(../images/main/main_icon_35_02_ac.png); } 
.main_box .x_bann_list a:hover .icon.icon0103 { background-image: url(../images/main/main_icon_35_03_ac.png); } 
.main_box .x_bann_list a:hover .icon.icon0104 { background-image: url(../images/main/main_icon_35_04_ac.png); } 
.main_box .x_bann_list .t{font-size:.875rem;}

.main_box.box02 { min-height: auto; } 
.main_box.box02 .h_w { padding-right:50px; margin-bottom:0; } 
.main_box.box02 .h_w .h_icon { position:absolute; top:-7px; right:-14px; width:71px; height:60px; background: url(../images/main/main_img_01.png) no-repeat 50% 50%; background-size:contain; } 

.main_swipe_bann_w { position:relative; height: 100%; /*border:1px solid #ddd; */ box-sizing: border-box; } 
.main_swipe_bann { /*height: 206px; */ } 
.main_swipe_bann .swiper-slide { height: 100%; background:#fff; } 
.main_swipe_bann .swiper-slide a { display:block; height: 100%; } 
.main_swipe_bann .swiper-slide img { width:100%; object-fit: cover; } 
.main_swipe_bann .swiper-controler { display:flex; position:absolute; bottom:20px; left:30px; z-index:1; align-items: center; gap:10px; } 
.main_swipe_bann .swiper-pagination { display:flex; position:relative; gap:5px; } 
.main_swipe_bann .swiper-pagination-bullet { width:5px; height:5px; background:#555555; border-radius: 3px; } 
.main_swipe_bann .swiper-pagination-bullet-active { width:30px; } 
.main_swipe_bann .swiper-control { width:20px; height:20px; } 
.main_swipe_bann .swiper-control .btn_autoPlay { width:100%; height:100%; background: url(../images/main/vis_btn_pause.png) no-repeat 50% 50%; } 
.main_swipe_bann .swiper-control .btn_autoPlay.btn_stop { background-image: url(../images/main/vis_btn_pause.png); } 
.main_swipe_bann .swiper-control .btn_autoPlay.btn_play { background-image: url(../images/main/vis_btn_play.png); } 

.main_swipe_bann_xl .swiper-slide { height: 100%; background:#fff; } 
.main_swipe_bann_xl .swiper-slide a { display:block; height: 100%; } 
.main_swipe_bann_xl .swiper-slide img { width:100%; object-fit: cover; } 
.main_swipe_bann_xl .swiper-controler { display:flex; position:absolute; bottom:20px; left:30px; z-index:1; align-items: center; gap:10px; } 
.main_swipe_bann_xl .swiper-pagination { display:flex; position:relative; gap:5px; } 
.main_swipe_bann_xl .swiper-pagination-bullet { width:5px; height:5px; background:#555555; border-radius: 3px; } 
.main_swipe_bann_xl .swiper-pagination-bullet-active { width:30px; } 
.main_swipe_bann_xl .swiper-control { width:20px; height:20px; } 
.main_swipe_bann_xl .swiper-control .btn_autoPlay { width:100%; height:100%; background: url(../images/main/vis_btn_pause.png) no-repeat 50% 50%; } 
.main_swipe_bann_xl .swiper-control .btn_autoPlay.btn_stop { background-image: url(../images/main/vis_btn_pause.png); } 
.main_swipe_bann_xl .swiper-control .btn_autoPlay.btn_play { background-image: url(../images/main/vis_btn_play.png); } 
.main_swipe_bann_xl .swiper-button-next,
.main_swipe_bann_xl .swiper-button-prev{width: 33px; margin:0 ;height: 33px; left: auto; right:auto; top:50%; transform:translateY(-50%);background: url(../images/comm/icon_arrowR.png) no-repeat 0 0;}
.main_swipe_bann_xl .swiper-button-next{right:20px; background-image:url(../images/comm/icon_arrowR.png)}
.main_swipe_bann_xl .swiper-button-prev{left:20px; background-image:url(../images/comm/icon_arrowL.png)}


.main .box_custom .txt > dt { color:#003d94; margin-bottom:0.25rem; font-size:15px; font-weight:500; } 
.main .box_custom .txt > dt span { position:relative; padding:0 10px; } 
.main .box_custom .txt > dt span:before,
.main .box_custom .txt > dt span:after { display:block; position:absolute; top:50%; width:3px; height:3px; background:#003d94; content:''; margin-top:-2px; } 
.main .box_custom .txt > dt span:before { left:0; } 
.main .box_custom .txt > dt span:after { right:0; } 
.main .box_custom .txt > dd { display:flex; } 
.main .box_custom .txt > dd > p { white-space: nowrap; } 
.main .box_custom .txt > dd > p + p { position:relative; margin-left:0.5rem; padding-left:0.5rem; } 
.main .box_custom .txt > dd > p + p:before { display:block; position:absolute; top:50%; left:0; width:1px; height:12px; background:#ddd; content:''; margin-top:-6px; } 

.main_box.box04 .btn_list > li { display:block; } 
.main_box.box04 .btn_list > li + li { margin-top:5px; } 
.main_box.box04 .btn_list a { justify-content: space-between; } 
.main_box.box04 .btn_list a .icon_arw { margin-right:-5px; background-image: url(../images/main/main_arw01_w.png); } 

/* cnt : news */
.main .cnt_news { } 
.main_news_list { display:flex; border:1px solid #ddd; } 
.main_news_list > li { display:block; flex:1; max-width:calc(20% + 1px ); } 
.main_news_list > li:not(:first-child) { border-left:1px solid #ddd; } 

.main .news_box { padding:30px 24px; } 
.main .news_box > .w { margin:0 auto; max-width:200px; } 
.main .news_box .tag_w { margin-bottom:10px; } 
.main .news_box .tag { width:4rem; height:1.5625rem; border:2px solid #3987ee; color:#3987ee; text-align: center; margin-top:-0.5rem; line-height: 1.25rem; font-size:0.875rem; border-radius: 13px; box-sizing: border-box; } 
.main .news_box .tag.tab_c_r { color:#ea5b7a; border-color:#ea5b7a; } 
.main .news_box .tag.tab_c_m { color:#009e98; border-color:#009e98; } 
.main .news_box .tag.tab_c_r + .dday { color:#ea5b7a; margin-left:0.5rem; font-weight: 500; } 
.main .news_box .tit a { display: -webkit-box; overflow: hidden; margin-bottom:0.625rem; min-height: 52px; font-size:1.25rem; font-weight: 500; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } 
.main .news_box .txt a { display: -webkit-box; overflow: hidden; min-height: 45px; font-size:0.9375rem; line-height: 1.5; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.main .news_box .date { margin-top:1.25rem; } 

.main .cnt_news .main_tab_w { position:relative; } 
.main .cnt_news .main_tab_w .main_tab_list { display:flex; position:absolute; right:0; bottom:100%; margin-bottom:-1px; } 
.main .cnt_news .main_tab_w .main_tab_list > li { border:1px solid #ddd; box-sizing: border-box; } 
.main .cnt_news .main_tab_w .main_tab_list > li:not(:first-child) { margin-left:-1px; } 
.main .cnt_news .main_tab_w .main_tab_list a { display:flex; width:183px; height:2.875rem; padding:0 20px; align-items: center; justify-content: space-between; box-sizing: border-box; } 
.main .cnt_news .main_tab_w .main_tab_list a .icon_add { position:relative; width:13px; height:1px; background:#888999; } 
.main .cnt_news .main_tab_w .main_tab_list a .icon_add:before { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#888999; content:''; transform: rotate(90deg); } 
.main .cnt_news .main_tab_w .main_tab_list .ac { position:relative; background:#2f5c9b; border-color:#2f5c9b; } 
.main .cnt_news .main_tab_w .main_tab_list .ac a { color:#fff; } 
.main .cnt_news .main_tab_w .main_tab_list .ac a .icon_add,
.main .cnt_news .main_tab_w .main_tab_list .ac a .icon_add:before { background:#fff; } 


/* cnt : 건강TV */
.main_bg_m { background:#eff9fa; margin-top:-10px; padding-top:50px; padding-bottom:50px; } 
.main_video_list { display:flex; } 
.main_video_list .video_box .video { display:block; overflow: hidden; position:relative; /*height: 150px; */background:#000; } 
.main_video_list .video_box .video:before { display:block; content:''; padding-top:56.25%; } 
.main_video_list .video_box .video img { position:absolute; top:50%; left:0; width:100%; height:auto; transform:translateY(-50%); opacity: 0.7; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.main_video_list .video_box .video .icon_play { position:absolute; top:50%; left:50%; width:23px; height:33px; background: url(../images/main/main_icon_video.png) no-repeat 50% 50%; transform: translate(-50%, -50%); opacity: 0.7; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.main_video_list .video_box .tit { display: -webkit-box; overflow: hidden; height:3rem; margin-top:1.25rem; font-size:1.125rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.main_video_list .video_box .sup_w { position:relative; margin-top:1.5rem; } 
.main_video_list .video_box .sup_w span { } 
.main_video_list .video_box .sup_w span { white-space: nowrap; } 
.main_video_list .video_box .sup_w span + span:not(.icon_sns) { position:relative; margin-left:0.5rem; padding-left:0.5rem; } 
.main_video_list .video_box .sup_w span + span:not(.icon_sns):before { display:block; position:absolute; top:50%; left:0; width:1px; height:12px; background:#888999; content:''; margin-top:-6px; } 
.main_video_list .video_box .sup_w .icon_sns { position:absolute; top:50%; right:0; width:2.375rem; height:2.375rem; border:1px solid #f77c7d; background: url(../images/main/main_icon_sns_youtube.png) no-repeat 50% 50%; transform: translate(0, -50%); border-radius: 50%; box-sizing: border-box; } 


.main_video_list .video_box:hover img { opacity: 0.5; } 
.main_video_list .video_box:hover .video .icon_play { opacity: 1; } 


/* cnt : banner */
.main .main_bann_list { display:flex; margin:30px 0; } 
.main .main_bann_list > li { flex:auto; } 
.main .main_bann_list a { display:flex; padding:0.5rem; border:1px solid transparent; align-items: center; justify-content: center; min-height: 80px; font-size:1.125rem; box-sizing: border-box; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.main .main_bann_list a .icon { width:3.375rem; height:3.125rem; background: url(../images/main/main_icon_0101.png) no-repeat 50% 50%; margin-right:1rem; background-size:contain; } 
.main .main_bann_list a .icon.icon0101 { background-image: url(../images/main/main_icon_0101.png); } 
.main .main_bann_list a .icon.icon0102 { background-image: url(../images/main/main_icon_0102.png); } 
.main .main_bann_list a .icon.icon0103 { background-image: url(../images/main/main_icon_0103.png); } 
.main .main_bann_list a .icon.icon0104 { background-image: url(../images/main/main_icon_0104.png); } 
.main .main_bann_list a .icon.icon0105 { width:3.625rem; background-image: url(../images/main/main_icon_0105.png); } 
.main .main_bann_list a .icon.icon0106 { background-image: url(../images/main/main_icon_0106.png); } 
.main .main_bann_list a .icon.icon0107 { background-image: url(../images/main/main_icon_0107.png); } 
.main .main_bann_list a:hover { border-color:#0248ad; box-shadow: 7px 7px 15px rgba(0,0,0,0.15); } 
.main .main_bann_list a .t { flex:1; } 


/* 띠배너 */
.c_body_event_top { position:relative; z-index: 500; background:#fff; } 
.c_body_event_top .event_w { position:relative; margin:0 auto; max-width:1920px; } 
.c_body_event_top .event_w .img_w { overflow: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.c_body_event_top .event_w .img { display:block; } 
.c_body_event_top .event_w img { position:relative; left:50%; transform: translateX(-50%); max-width:none; } 
.c_body_event_top .event_w .btn_w,
.c_body_event_top .event_tg_w { position:absolute; left:50%; width:100%; transform: translateX(-50%); max-width:1340px; } 
.c_body_event_top .event_w .btn_w { top:0; } 
.c_body_event_top .event_tg_w { bottom:0; } 
.event_check { position:absolute; top:15px; right:20px; font-size:14px; } 
.event_check span { vertical-align: middle; cursor: pointer; } 
.event_check input[type="checkbox"] { width: 15px; height: 15px; vertical-align: middle; margin-right: 0.25rem; border-color: #ddd; cursor: pointer; } 
.event_check .event_close { position:relative; top:1px; width:17px; height: 17px; background:url(../images/popup/banner_icon_close.png) no-repeat 50% 50%; vertical-align: middle; margin-left: 4px; background-size:contain; } 
.c_body_event_top .event_tg_w { max-width:1580px; } 
.c_body_event_top .event_tg { position:absolute; right:20px; width:76px; height: 20px; background:#0b3f88; color:#fff; letter-spacing: 0; text-align: center; line-height: 20px; font-size:13px; font-weight: 200; text-transform: uppercase; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } 
.c_body_event_top .event_tg span { vertical-align:middle; } 
.c_body_event_top .event_tg .icon { width:7px; height:6px; background: url(../images/popup/icon_event_close.png) no-repeat 50% 50%; margin-left:7px; background-size:contain; } 

.c_body_event_top.hide .event_w .img_w { height:0!important; } 
.c_body_event_top.hide .event_tg .icon { background-image: url(../images/popup/icon_event_close_ac.png); } 


/* ctn : login */
.box_login .login_tit{display:flex; justify-content:space-between; align-items: center;}
.box_login h4{margin:0;}
.box_login .main_ip_w01{margin-top:1.5rem;}
.box_login .main_ip_w01 input[type='text'],
.box_login .main_ip_w01 input[type='password']{background:rgba(255,255,255,0.3); color:#fff; font-size:0.825rem;}
.box_login .main_ip_w01 input[type='text']::placeholder,
.box_login .main_ip_w01 input[type='password']::placeholder{color:rgba(255,255,255,.3); font-weight:100;}

.box_login .btn_area{gap:4px;}
.box_login .btn_area .ico_naver{border:0; background:#06be34 url(../images/comm/icon_sns40_01.png) no-repeat center center / 80% auto;}
.box_login .btn_area .ico_kakao{border:0; background:#fae300 url(../images/comm/icon_sns40_02.png)no-repeat center center / 80% auto;;}

.utilty_list{display:flex; border:1px solid rgba(255,255,255,.35); border-left:0; border-bottom:0; flex-wrap:wrap; margin-top:26px;}
.utilty_list > li{display:flex; width:50%; border-left:1px solid rgba(255,255,255,.35); border-bottom:1px solid rgba(255,255,255,.35); box-sizing:border-box;}
.utilty_list a { display:flex; padding:.625rem; border:1px solid transparent; align-items: center; justify-content: center; min-height: 40px; font-size:.875rem; box-sizing: border-box; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  letter-spacing:-2px;} 
.utilty_list a .icon{ width:16px; height:16px; background: url(../images/main/main_icon_0501.png) no-repeat 50% 50%; margin-right:.5rem; background-size:contain; } 
.utilty_list li:hover{background:#fff; color:#000;}
.utilty_list li:hover .icon{filter: invert(100%) hue-rotate(180deg); }

@media (max-width:1160px) {
    .c_body_event_top { display:none; } 
 }

/* 20250702 메인 슬라이더 추가 */
.main_vis .in_cover { z-index: 10; } 
.main_vis .swiper_btm_wrap { position: absolute; bottom: 20px; left: 50%; z-index: 10; transform: translateX(-50%); } 
.main_vis .swiper-pagination { display: inline-block; position:relative; } 
.main_vis .swiper-pagination .swiper-pagination-bullet { width: 28px; margin-left:5px; background: #000; border-radius: 0; box-sizing:border-box; opacity:1; border: 1px solid transparent; } 
.main_vis .swiper-pagination .swiper-pagination-bullet:first-of-type { margin-left: 10px; } 
.main_vis .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; opacity:1; border: 1px solid #074aaa; } 

.main_vis .btns { display: inline-block; width: 10px; height: 10px; position: relative; } 
.main_vis .btns [class^=btn_st] { position: absolute; width: 10px; height: 10px; border: 0; color: transparent; cursor:pointer; top:0; left:0; filter: invert(1); } 
.main_vis .btns .btn_start { background: url(../images/main/vis_btn_play.png)no-repeat center/cover; display: none; } 
.main_vis .btns .btn_stop { background: url(../images/main/vis_btn_pause.png)no-repeat center/cover; } 

.vis_video_bg .video_frame { position: absolute; top: 0; right: 50%; width: 485px; height: 100%; transform: translateX(43.5%); } 
.video_frame video { height: 100%; } 
.main_vis .swiper_prev { display:inline-block; position:absolute; top:50%; right:auto; bottom:auto; left:8%; width:45px; height:45px; background:url(../images/comm/icon_arrowL.png)no-repeat center center; z-indeX:2; transform:translateY(-50%); text-indent:-9999px; overflow:hidden; cursor:pointer; display: none; } 
.main_vis .swiper_next { display:inline-block; position:absolute; top:50%; right:8%; bottom:auto; left:auto; width:45px; height:45px; background:url(../images/comm/icon_arrowR.png)no-repeat center center; z-index:2; transform:translateY(-50%); text-indent:-9999px; overflow:hidden; cursor:pointer; display: none; } 

.vis_main_swiper { height: 100%; } 
.vis_main_swiper .swiper-container { height: 100%; } 
.vis_main_swiper a { display: flex; align-items: center; justify-content: center; height: 100%; } 
.vis_main_swiper a .mo { display: none; }
.main_vis .vis_info { width: auto; } 
.main .main_box.rsrvtn_box { padding: 24px 24px; } 
.main .main_box.rsrvtn_box .ip_w { gap: 20px; } 

@media(max-width:1400px) { 
.main_vis .vis_box .vis_main_swiper img { height: 100%; } 
.main_vis .vis_info .main_box { padding: 24px 24px; }
.main_box .x_bann_list a { height: auto; }
.main_vis .vis_box { height: 350px; }
} 

@media(max-width:1200px) { 
.vis_video_bg .video_frame { transform: translateX(50%); } 
.vis_main_swiper a { position: absolute; top: 0; left: -10%; }
.vis_main_swiper a:has( .video_frame) { position: relative; left: 0; }
.main_vis .in_cover { position: static; } 
.main_vis .vis_info { width: 100%; position: static; display: flex; flex-direction: column-reverse; } 
.main_vis .vis_info .main_box { padding: 1.5rem 24px 1.75rem; } 
.main_vis > .in_cover { position:relative; top:auto; right:auto; padding: 0 25px 25px; pointer-events: auto; } 
.main_vis .main_sch { display: block !important; } 
.in_cover .main_sch.m90_none { display: none; } 
.main_vis .vis_box .vis_main_swiper img { object-fit: cover; } 
.main_block_list > li.area2 { min-width: 100%; }
} 

@media (max-width:1160px) { 
.main_vis .vis_box .vis_main_swiper a img { margin-left:0; } 
} 

@media(max-width:1000px) { 
.main_vis .vis_box { height: auto; } 
.main_vis .swiper_btm_wrap { bottom: 5px; }
.vis_main_swiper a { position: relative; left:0; }
.main_vis .vis_box .vis_main_swiper img { width: 100%; }
} 

@media(max-width:900px) { 
.main_vis .vis_box .vis_pc.vis_main_swiper { display: block;}
.vis_video_bg .video_frame { display: none; }
.vis_main_swiper a img { display: none; }
.vis_main_swiper a .mo { display: block; }

/* HSM 20251127 제증명발급, 오시는길 컨텐츠 수정 */
.btn_list_ver2 {gap: 10px;}
.btn_list_ver2 > li {width: 33%;}
} 

@media(max-width:768px) { 
.main_vis > div.vis_box { height: auto; } 
} 

@media(max-width:640px) { 
.main article .cnt { width: 100%; margin-top: 0; } 
} 

@media(max-width:580px){
.main_block_list.cnt > li { padding-right: 0; }
}



/* HSM 20251127 메인페이지 제증명발급,오시는길 컨텐츠수정 */
.btn_list_ver2 {display: flex; justify-content: space-between;}
.btn_ver2 {display: flex; flex-direction: column; align-items: center; gap: 10px;}
.main_proof { background: url(../images/main/ico_main_qic_shortcut1.png) no-repeat center; background-color: inherit;}
.btn_ver2:hover .main_proof {background: url(../images/main/ico_main_qic_shortcut2.png) no-repeat center;}
.main_medical_records {background: url(../images/main/ico_main_qic_shortcut3.png) no-repeat center;}
.btn_ver2:hover .main_medical_records {background: url(../images/main/ico_main_qic_shortcut4.png) no-repeat center;}

.main_directions {background: url(../images/main/ico_main_qic_shortcut5.png) no-repeat center;}
.btn_ver2:hover .main_directions {background: url(../images/main/ico_main_qic_shortcut6.png) no-repeat center;}

.ico_shortcut_btn {width: 53px; height: 53px; background-color: #f4f5f7; border-radius: 100%;}
.btn_ver2:hover .ico_shortcut_btn {background-color: #084aaa;}
.btn_ver2:hover .f_flex {color: #084aaa;}

.btn_ver2 .f_flex {text-align: center;}