@charset "UTF-8";

/*-------------------------------------------------
Version : 1.0
Author : han
-------------------------------------------------*/

.main .wrapper {display:flex; flex-direction: column;}
.main header {width:100%;}
.main header .hd_box02 {border-bottom:1px solid #ddd;}
.main #header nav {display:flex; justify-content: flex-end;}
.main #header nav ul.gnb { width:100%;margin:0; max-width:1300px;}
.main .contents { overflow: hidden; position:relative;flex:1;}
.main article {overflow: visible;}
.main article .in_cover > .in_w {display:flex; max-width:1780px;}
.main article .in_cover > .in_w:before { display:block; position:absolute; top:0; right:59%; width:100%; height:300%; background:#cbedef;content:'';}


.main .cnt_left {overflow: hidden;width:41%;padding-right:60px;padding-top:70px;box-sizing: border-box;}
.main .cnt_right {flex:1; padding-left:60px; padding-top:40px; box-sizing: border-box; }
.main .cnt_left > .w,
.main .cnt_right > .w {position:relative; }

.main .btn { height:50px;padding:0 15px; border:none; font-size:1.125rem;}
.main .btn.alignL > span:not(.icon) {flex:1;}
.main .btn .icon {width:20px; height:20px; background: url(../images/main/main_icon_arw.png) no-repeat 100% 50%;}

.main article .cnt {margin-bottom:35px;}

.main article h3 {font-size:34px; font-weight: 600; text-transform: uppercase; }

.main_press_box .date { font-family: 'Pretendard', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic'; }

.main article .btn_arw {display:flex; width:145px; height:43px; padding:0 1rem; background:#0a4a9b; color:#fff; align-items: center; box-sizing: border-box;}
.main article .btn_arw span { background: url(../images/main/main_icon_arw01_01.png) no-repeat 100% 50%;flex:1;}


/* main vis */
.main_vis {position:relative;height:750px;box-sizing: border-box;}
.main_vis:before { display:block; position:absolute; right:-60px; bottom:110px; width:800px; height:382px;  background: url(../images/main/main_vis_bg.png) no-repeat 50% 50%;content:'';}
.main_vis > div {position:relative;}
.main_vis .swiper_main_visual { position: absolute; bottom:0; left:0; width:auto; max-width:100%;  }
.main_vis .swiper-slide {text-align: right;}
.main_vis .swiper-slide img {position:relative;object-fit: cover; }
.main_vis .in_cover { position:absolute; top:0; left:0;z-index:10; width:100%; height:100%;}
.main_vis .in_cover > .in_w { height: 100%; padding-top:70px; max-width:1300px; box-sizing: border-box;}
.main_vis .vis_txt {z-index:10;width:100%;padding-top:60px;box-sizing: border-box;}
.main_vis .vis_txt .t { letter-spacing: -3px;    margin-right: -30px; font-size:54px; line-height: 1.2;}
.main_vis .vis_txt .t:not(strong){font-weight:300; }
.main_vis .vis_txt .x {margin-top:20px; font-size:1.125rem; opacity: 0.7;}
.main_vis .vis_txt .btn { width:175px;margin-top:45px;}

.main_vis .swiper-controler {display:flex;position:absolute;top:0;left:0;z-index: 10;width:80px;height:30px;background:rgba(0,0,0,0.2);align-items: center;border-radius: 15px;display: none;}
.main_vis .swiper-button-next, 
.main_vis .swiper-button-prev {  position:relative; top:auto; right:auto; bottom:auto; left:auto; width:auto; margin:0;flex:1;}
.main_vis .swiper-button-next:before { display:block; position:absolute; top:50%;  left:-1px; width:1px; height:14px; background:#b5cbcc;content:''; margin-top:-7px;}

.main_vis .swiper-pagination {top:1px; color:#d4b3b3; margin-right:30px; font-size:19px; font-weight: 500;}
.main_vis .swiper-pagination .swiper-pagination-total {color:#000;}
.main_vis .swiper-pagination .swiper-pagination-current {color:#d5677f;}
.main_vis .swiper-pagination > span {position:relative; letter-spacing: 0; }
.main_vis .swiper-pagination > span:before { display:inline;content:'0';}

.main_vis .swiper-button-next, 
.main_vis .swiper-button-prev {width:20px; height:20px; background: url(../images/main/main_swipe_arw.png) no-repeat 50% 50%;}
.main_vis .swiper-button-prev {background-image: url(../images/main/main_swipe_arw_l.png) }

.main_vis .swiper-control {width:20px; height:20px; }
.main_vis .swiper-control .btn_autoPlay {width:100%; height:100%;  background: url(../images/main/vis_btn_pause.png) no-repeat 50% 50%; }
.main_vis .swiper-control .btn_autoPlay.btn_stop { background-image: url(../images/main/vis_btn_pause.png);}
.main_vis .swiper-control .btn_autoPlay.btn_play { background-image: url(../images/main/vis_btn_play.png);}

.main_cnt_ft {}
.main_cnt_ft.mobile{display: none;}
.main_cnt_ft .cnt_ft_menu_list {display:flex;}
.main_cnt_ft .cnt_ft_menu_list a { color:#535f60;line-height: 50px; font-size:15px;}
.main_cnt_ft .cnt_ft_menu_list > li {position:relative;}
.main_cnt_ft .cnt_ft_menu_list > li + li {margin-left:10px; padding-left:10px;}
.main_cnt_ft .cnt_ft_menu_list > li + li:before { display:block; position:absolute; top:50%; left:0; width:2px; height:2px; margin:-1px 0 0 -1px; background:#666;content:''; }
.main_cnt_ft .x_divi {display:flex; color:#535f60; font-size:14px; line-height: 1.5; border-top:1px solid #98b0b1;}
.main_cnt_ft .x_divi address {flex:1; padding-top:20px; }
.main_cnt_ft .x_divi .copy {margin-top:10px;font-size: 0.875rem;}
.main_cnt_ft .cnt_ft_cert_logo {display:flex; padding-top:25px; }
.main_cnt_ft .cnt_ft_cert_logo > p {margin-left:5px;}


/* main content */
.main_menu_tab {display:flex;}
.main_menu_tab.m_mode{display:none;}
.main_menu_tab .tab_tit_list {width:190px; border:1px solid #ddd; }
.main_menu_tab .tab_tit_list > li {display:block;}
.main_menu_tab .tab_tit_list > li:not(:first-child) {border-top:1px solid #ddd;}
.main_menu_tab .tab_tit_list a {display:flex; height: 43px; align-items: center; justify-content: center; font-size:1.0625rem;}
.main_menu_tab .tab_tit_list .ac a { background:#0a4a9b;color:#fff; border-color:#0a4a9b;}
.main_menu_tab .main_tab_cnt{position:relative; background:#dceca8;flex:1; margin-left:-1px;}

.main_menu_tab .main_tab_cnt > div {display:flex; height:100%; padding:40px; justify-content: flex-end; box-sizing: border-box;}
.main_menu_tab .main_tab_cnt > div > .w {display:flex; position:relative; width:100%; align-items: center; max-width:700px; }
.main_menu_tab .main_tab_cnt .img {width:110px; height:110px;  background:#fff url(../images/main/mian_icon_50_01.png) no-repeat 50% 50%; border-radius: 50%;}
.main_menu_tab .main_tab_cnt dl { margin:0 30px;flex:1;}
.main_menu_tab .main_tab_cnt dl > dt {margin-bottom: 10px;font-size: 1.5rem;font-weight: 500;}
.main_menu_tab .main_tab_cnt dl > dd {display:block;line-height: 1.6;font-size: 1rem;}
.main_menu_tab .main_tab_cnt .btn_more {display:flex; width:185px; height:185px; background: url(../images/main/main_bann_bg01.png) no-repeat 50% 50%; color:#fff; text-align: center; flex-direction: column; justify-content: center; align-items: center; font-size:1.125rem; line-height: 1.5; background-size:contain;}
.main_menu_tab .main_tab_cnt .btn_more:after { display:block;  width:40px; height:40px; background:#fff url(../images/main/main_icon_arw02.png) no-repeat 50% 50%;content:''; margin-top:20px; border-radius: 50%;}


.main_quick_w {display:flex;}
.main_quick_w > ul {flex:1;margin-right: 30px;}
.main_quick_list {display:flex; }
.main_quick_list > li {flex:1;}
.main_quick_list a {display:flex; height: 100%; justify-content: center; align-items: center; flex-direction: column;}
.main_quick_list a:before { display:block; width:40px; height:40px; background: url(../images/main/mian_icon_40_01.png) no-repeat 50% 50%;content:''; margin-bottom: 1rem; background-size:contain;}
.main_quick_list a.quick01:before {background-image: url(../images/main/mian_icon_40_01.png) ;}
.main_quick_list a.quick02:before {background-image: url(../images/main/mian_icon_40_02.png) ;}
.main_quick_list a.quick03:before {background-image: url(../images/main/mian_icon_40_03.png) ;}
.main_quick_list a.quick04:before {background-image: url(../images/main/mian_icon_40_04.png) ;}

.main_video a.video {display:block; position:relative; width:370px; height:215px;}
.main_video a.video:before { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.35);content:'';}
.main_video .icon_play {position:absolute; top:50%; left:50%; color:#fff; transform: translate(-50%, -50%); font-weight: 300;}
.main_video .icon_play:before { display:block; width:46px; height:46px; margin:0 auto 10px;  border:2px solid #fff; background: url(../images/main/main_icon_video_play.png) no-repeat 58% 50%;content:''; border-radius: 50%;}

.main_press_tab {display:flex; position:relative;}
.main_press_tab h3 {position:absolute; top:0; left:0;}
.main_press_tab .tab_tit_list {position:relative; top:55px; width:175px; margin-right:50px;}
.main_press_tab .tab_tit_list > li {display:block; margin-bottom:5px;}
.main_press_tab .tab_tit_list a {display:flex; width:100%;  height:43px; align-items: center; box-sizing: border-box; }
.main_press_tab .tab_tit_list a span {flex:1;}
.main_press_tab .tab_tit_list .ac a {padding:0 1rem; background:#0a4a9b; color:#fff;}
.main_press_tab .tab_tit_list .ac a span {background: url(../images/main/main_icon_arw01.png) no-repeat 100% 50%;}

.main_press_tab .tab_cnt {flex:1; }
.main_press_tab .tab_cnt .main_press_box_w {display:flex; }
.main_press_tab .tab_cnt .main_press_box_w > div:not(:last-child) {margin-right:24px;}
.main_press_box { border:1px solid #ddd;flex:1;}
.main_press_box > .w {position:relative; padding:32px 28px 35px; border:2px solid #fff;  box-sizing: border-box;}
.main_press_box .category { color:#bbb;margin-bottom:12px; font-size: 14px; font-weight: 500;}
.main_press_box .tit {
    display: -webkit-box;  overflow: hidden; color:#000; letter-spacing: -1px;margin-bottom:25px;  font-size:20px; font-weight: 600; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_press_box .txt {
    display: -webkit-box;  overflow: hidden; height: 48px; color:#444;margin-bottom:25px; font-size: 15px; line-height: 1.6; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_press_box .date {position:relative; color:#666; padding-top:20px; font-size:14px; font-weight: 500;}
.main_press_box .date:before { display:block; position:absolute; top:0; left:0; width:60px; height:1px; background:#ddd;content:'';}
.main_press_box .date span {position:relative;}
.main_press_box .date span + span {margin-left:10px; padding-left:10px;}
.main_press_box .date span + span:before { display:block; position:absolute; top:50%; left:0; width:3px; height:3px; margin:-2px 0 0 -2px; background:#ccc;content:''; }
.main_press_box .btn_arw {position:absolute; right:-3px; bottom:-3px; opacity: 0;}
.main_press_box:hover,
.main_press_box:hover > .w {border-color:#0a4a9b;}
.main_press_box:hover .category {color:#0a4a9b;}
.main_press_box:hover .btn_arw {opacity: 1;}


.main_sns {display:flex; position:relative; padding:12px 0;}
.main_sns:before { display:block; position:absolute; top:0; left:-60px; width:200%; height:1px; background:#ddd;content:'';}
.main_sns .main_sns_list { display:flex;flex:1; align-items: center; flex-wrap: wrap; }
.main_sns .main_sns_list > li {margin: 0 25px; margin-left:0;}
.main_sns .main_sns_list a {display:flex; color:#32489b; align-items: center; line-height: 30px; font-size:15px; font-weight: 500; white-space: nowrap;}
.main_sns .main_sns_list a .icon {position:relative; width:14px; height:14px; border:1px solid #32489b; margin-left:10px; box-sizing: border-box; border-radius: 50%;}
.main_sns .main_sns_list a .icon:before { display:block; position:absolute; top:50%; left:50%; width:4px; height:4px; border:1px solid #32489b;content:''; transform: translate(-50%, -50%) rotate(-45deg); margin-left:-1px; border-left:none; border-top:none;}
.main_sns .main_sns_list a.insta {color:#f378ac;}
.main_sns .main_sns_list a.insta .icon,
.main_sns .main_sns_list a.insta .icon:before {border-color:#f378ac; }
.main_sns .main_sns_list a.blog {color:#418117;}
.main_sns .main_sns_list a.blog .icon,
.main_sns .main_sns_list a.blog .icon:before {border-color:#418117; }
.main_sns .main_sns_list a.kakao {color:#ff9c0f;}
.main_sns .main_sns_list a.kakao .icon,
.main_sns .main_sns_list a.kakao .icon:before {border-color:#ff9c0f; }
.main_sns .main_sns_list a.youtube {color:#bc0000;}
.main_sns .main_sns_list a.youtube .icon,
.main_sns .main_sns_list a.youtube .icon:before {border-color:#bc0000; }


.ft_familysite { position:relative; width:240px;  }
.ft_familysite h3 { height:40px;margin:0; border:1px solid #ddd;  letter-spacing: 0; font-weight: 400; font-family: 'Roboto'; text-transform: uppercase; }
.ft_familysite h3 a {display: flex; position:relative; height: 100%; padding:0 20px;  align-items: center; font-size:14px;}
.ft_familysite h3 a span {flex:1;}
.ft_familysite h3 a:after { display:block; position:relative; width:9px; height: 9px; background: url(../images/main/main_icon_slt.png) no-repeat 50% 50%;content:''; background-size:contain; transition: all 0.2s ease;}
.ft_familysite_list {position:absolute; bottom:100%; left:0; width:100%; border:1px solid #ddd; background:#fff; max-height: 200px; overflow-y: auto; box-sizing:border-box;}
.ft_familysite_list > li {display:block; }
.ft_familysite_list > li:not(:first-child) {border-top:1px solid #ddd;}
.ft_familysite_list a {display:block; padding:8px; font-size:14px; opacity: 0.6;}
.ft_familysite_list a:hover {opacity: 1;}
.ft_familysite h2 a.ac:before {transform: rotate(180deg);}


/*media*/
@media (max-width:1680px) { 
    /* 1680 :  메인 */
    .main .main_vis .vis_txt .t {font-size: 3.125rem; }

    .main .main_menu_tab .main_tab_cnt .img {display:none; }
    .main .main_menu_tab .main_tab_cnt dl > dd br {display:none;}

    .main .main_sns { align-items: center; }
    .main .main_sns .main_sns_list {display:flex; }
    
    .ft_familysite { width: 220px;}

}
@media (max-width:1530px) { 
    /* 1530 :  메인 */
    .main .main_vis .vis_txt .t { font-size: 3rem; }
    .main .main .cnt_right { padding-left: 40px; }
    .main .main_menu_tab .main_tab_cnt dl {margin: 0;}
    .main .main_menu_tab .main_tab_cnt .btn_more {width:160px; height:160px;}
    .main .main_quick_w{gap:20px;}
    .main_quick_w > ul{margin:0; flex-wrap:nowrap;}
    
}

@media (max-width:1420px) { 
    /* 1420:  메인 */
    .main .cnt_left {padding: 0;}
    .main_vis:before { right: -40px; }
    
    .main_vis .vis_txt .x{margin-top: 10px;}
    .main_vis .vis_txt .btn {margin-top: 20px;}

    .main_menu_tab .tab_tit_list { width: 180px; }
    .main_menu_tab .main_tab_cnt > div {padding: 30px;justify-content: space-evenly;}

    .main_sns .main_sns_list { margin-right: 20px;    }
    .main_sns .main_sns_list a .icon { margin-left: 5px; }

}
@media (max-width:1160px){
    /* 1160 : 메인 */
    .main article .in_cover > .in_w{flex-wrap: wrap;max-width: 100%;}
    .main article .in_cover > .in_w:before{display: none;}
    
    .main .cnt_left{width: 100%;background-color: #cbedef;}
    .main .cnt_right{padding-left: 0;}
    .main .main_vis{height: 420px;}
    .main .main_vis:before{right: 0;bottom: 0;width: calc(100% - 100px);}
    .main .main_vis .vis_txt .t{font-size: 2.5rem;}
    .main .main_vis .vis_txt{padding: 50px 50px 0;}
    .main .main_vis .swiper-controler{top: auto;bottom: 50px;left: 50px;}
    
    .main .main .cnt_right{padding-left: 0;}
    .main .main_cnt_ft{display: none;}
    .main .main_cnt_ft.mobile{display: block;}
        
}
@media (max-width:860px){
    /* 860 : 메인 */
    .main .main_vis .swiper_main_visual{right: 20px; left: auto;width:70%;}
    .main .main_vis .vis_txt .t:not(strong){font-size:2rem;}
    .main .main_vis .swiper-controler{right:20px;bottom: 20px;left:auto;}
    .main .main_vis .vis_txt .btn{width: 100px;height: 32px;}
    .main .btn.alignL > span:not(.icon){font-size:0.875rem;}
}
@media (max-width:768px){
    /* 768 : 메인 */
    .main .main_vis{height: 420px;}
    .main .main_vis .vis_txt{padding:40px 20px}
    .main .main_vis .vis_txt .t:not(strong){font-size:1.5rem;}
    
}
@media (max-width:640px){
    /* 640 : 메인 */
    .main article h3{position: relative;font-size:2rem;margin-bottom: 10px;}
    .main article .cnt{margin-bottom: 20px;}
    
    .main .cnt_right{width: 100%;flex: auto;padding-top: 20px;}
    .main .main_menu_tab{flex-wrap: wrap;}
    .main .main_menu_tab.pc_mode{display:none;}
    .main .main_menu_tab.m_mode{display:block;}
    .main .main_menu_tab.m_mode .main_tab_cnt{display: flex;}
    .main .main_menu_tab.m_mode .quick_menu{display:flex;padding: 20px 40px;align-items: center;justify-content: space-around;}
    .main .main_menu_tab .tab_tit_list{display: flex;display: none;width: 100%;border: 0;flex-wrap: wrap;padding-right: 1px;}
    .main .main_menu_tab .tab_tit_list li{width: calc(50% + 1px);border: 1px solid #ddd;flex: none;box-sizing: border-box;margin-bottom: -1px;margin-left: -1px;}
    .main .main_menu_tab .tab_tit_list li:not(:first-child){border:1px solid #ddd;}

    .main .main_menu_tab .main_tab_cnt > div{padding: 20px 40px 60px;}
    .main .main_menu_tab .main_tab_cnt dl{flex: auto;margin: 0;}
    .main .main_menu_tab .main_tab_cnt .btn_more{position: relative;background: none;background-color: #0a4a9b;width:100%;height: 50px;margin-top: 20px;}
    .main .main_menu_tab .main_tab_cnt .btn_more:after{width:24px; height:24px; background-size:5px auto; position: absolute;top: 50%;transform: translateY(-50%);right: 20px;margin-top: 0;}
    .main .main_menu_tab .main_tab_cnt:before{display:block;position:absolute;top: 50%;left: -20px;width: 40px;height: 26px;background: #fff;content:"";transform: translateY(-50%);border-radius:30px;}
    .main .main_menu_tab .main_tab_cnt:after{display:block;position:absolute;top: 50%;right: -20px;width: 40px;height: 26px;background: #fff;content:"";transform: translateY(-50%);border-radius:30px;}
    
    .main .main_quick_w{flex-wrap: wrap;}
    .main .main_quick_w > ul{padding: 0;margin: 0;flex: auto;align-items: flex-start;}
    .main .main_video a.video{width: 100%;height: auto;}

    
    .main .main_press_tab{flex-wrap: wrap;}
    .main .main_press_tab .tab_cnt{flex: auto;margin-top: 10px;}
    .main .main_press_tab .tab_tit_list{display: flex;top: 0;width: 100%;margin-right: 0;}
    .main .main_press_tab .tab_tit_list li{margin: 0;flex:0 1 calc(100% / 2);}
    .main .main_press_tab .tab_cnt .main_press_box_w{flex-wrap: wrap;}

    
    
    .main .main_menu_tab .main_tab_cnt > div > .w{flex-wrap: wrap;max-width: 100%;}

    .main .main_press_tab .tab_tit_list a{padding: 0 20px;}
    .main .main_press_box{width: 100%;flex: auto;margin-bottom: 20px;}
    .main .main_press_box:last-child{margin-bottom: 0;}
    .main .main_press_tab .tab_cnt .main_press_box_w > div:not(:last-child){margin-right: 0;}
    .main .main_press_box > .w{padding: 15px 28px 20px;}

    .main .cnt.main_sns{padding: 12px 0 20px;margin: 0;flex-wrap: wrap;}
    .main .cnt.main_sns .main_sns_list{width: 100%;flex: auto;margin-right: 0;}

    .main .main_cnt_ft .x_divi{flex-wrap: wrap;}
    .main .main_cnt_ft .x_divi address{width: 100%;flex: auto;font-size: .875rem;}    


    .main_cnt_ft .cnt_ft_menu_list a{line-height: 30px;}
}
@media (max-width:480px){
    /* 480 : 메인 */
    .main .main_vis:before{right: 0;width: 100%;height: 100%;background-size: cover;background-position:bottom right;}
    .main .main_vis .vis_txt{padding:20px;}
    .main .main_vis .vis_txt .t br + br{display:none;}
    .main .main_vis .vis_txt .x{font-size:2rem;font-weight: 700;line-height: 1;opacity: 1;}
    .main .main_vis .swiper_main_visual{right: 0;width:100%;}    
    
    .main .main_press_box > .w{padding: 12px 20px;}
    .main .main_press_box .tit{margin-bottom:10px;font-size: 1.25rem;}
    .main .main_press_box .txt{height: 20px;margin-bottom:10px;font-size: .875rem;-webkit-line-clamp: 1;}
    .main .main_press_box .date{padding-top:10px;}
    
 
    
   
    
}






/* 20250805 KJH 간호실메인수정 */
.main_quick_w > ul { height: 215px; }
@media(max-width:640px){
.main_quick_w > ul { height: auto; }
}