/* 헤더 */
.header{height: 110px; line-height: 110px; background-color: #fff;border-bottom: 1px solid #21622C; position: fixed; z-index: 9999;}
.header > div > div{display: flex; justify-content: space-between; align-items: center;}
.header .h_logo{width: 18%; float: left;}
.header .h_nav{width: 80%; float: left; font-size: 1.2rem; font-weight: 600;} 
.header .h_menu{width: 2%; float: left; cursor: pointer;}

.main_menu{width: 100%; float: left;}
.main_menu > ul{width: 100%; display: flex; justify-content: center; align-items: center;}
.main_menu > ul > li{width: 20%; float: left; text-align: center;}
.main_menu_ori > ul > li.active{color: #21622C;}
.main_menu > ul > li > a{width: 100%; float: left;}

/* 서브메뉴 */
.header_menu{ position: fixed; z-index: 99; top: 110px; height: 230px; background-color: rgba(255,255,255,0.9); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-bottom: none;}
.header_menu > div{height: 100%;}
.header_menu > div > div{height: 100%;}
.header_menu .h_nav{height: 100%;}
.sub_menu{height: 100%;}
.sub_menu > ul{height: 100%; align-items: flex-start;}
.sub_menu > ul > li{height: 100%; padding: 1%; line-height: 45px; border-left: 1px solid #E5E5E5;}
.sub_menu > ul > li:last-child{border-right: 1px solid #EBEBEB;}
.sub_menu > ul > li > div{width: 100%; float: left; }
.sub_menu > ul > li > div:not(:first-child){margin-top: 4%;}
.sub_menu > ul > li > div > a{width: 100%; float: left; font-size: 1.2rem; font-weight: 500;}
.sub_menu > ul > li > div:hover a{background-color: #197D2A; color: #fff; font-weight: 600;}

/*테블릿구조일 때 탑메뉴 형식*/
/*탑메뉴*/
.top_menu { display:none; width:100%; float:left; top:0; background-color: #fff; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); z-index: 9; }
.top_menu .top { width:100%; float:left; padding:3% 6.3% 3% 6.3%; }
.top_menu .top > ul { width:100%; float:left; }
.top_menu .top .top_logo { width:50%; float:left; }
.top_menu .top .top_logo > a { width:90%; float:left; }
/* .top_menu .top .top_logo > a > img { width:100%; } */
.top_menu .top .menu_open { width:50%; float:left; font-size: 25px; text-align:right; line-height:50px; }

/*서브메뉴*/
.sub_menu2 { width:100%; float:right; display:none; height:100vh; transition:0.5s; background-color:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:9999; opacity:1; }
.sub_menu2 .sub_menu_con { width:80%; float:right; height:100vh; overflow:scroll; position:relative; transition:0.5s; background-color:#fff; }
.sub_menu2 .sub_menu_con .menu_top { width:100%; display:inline-block; text-align: center; padding:6% 0; }
.sub_menu2 .sub_menu_con .menu_top > img { width:45%; }
.sub_menu2 .sub_menu_con .sub_mainmenu { width:100%; float:left; }
.sub_menu2 .sub_menu_con .sub_manu_wrap { width:100%; float:left; border-bottom:1px solid #eee; }
.sub_menu2 .sub_menu_con .sub_manu_wrap .main_tab { width:100%; float:left; padding:6% 7%; }
.sub_menu2 .sub_menu_con .sub_manu_wrap .main_tab > a { width:100%; float:left; }
.sub_menu2 .sub_menu_con .sub_manu_wrap .main_tab > a > p { width:90%; float:left; font-size:1.3rem; font-weight:500; }
.sub_menu2 .sub_menu_con .sub_manu_wrap .main_tab > p { width:90%; float:left; font-size:1.3rem; font-weight:500; }
.sub_menu2 .sub_menu_con .sub_manu_wrap .main_tab .click { width:10%; float:left; }
.sub_menu2 .sub_menu_con .sub_manu_wrap .main_tab .click > i { width:100%; float:left; text-align:right; font-size:20px; padding:5% 0; }
.sub_menu2 .sub_menu_con .sub_manu_wrap > ul { width:100%; float:left; transition:0.5s; }
.sub_menu2 .sub_menu_con .sub_manu_wrap > ul .sub_tab_mn { overflow: hidden; height:50px; visibility: hidden; transition:0.5s; background-color:#f3f3f3; border-bottom:1px solid #eee; }
.sub_menu2 .sub_menu_con .sub_manu_wrap > ul .sub_tab_mn:last-child { margin-bottom:0; }
.sub_menu2 .sub_menu_con .sub_manu_wrap > ul .sub_tab_mn > a { width:100%; float:left; padding:5% 10%; font-size:1.3rem; text-align: left; }
.sub_menu2 .sub_menu_con .sub_manu_wrap > ul .stm { width:100%; float:left; height:auto; visibility: visible; transition:0.5s; }

.sub_menu2 .sub_menu_con .sub_manu_wrap > ul { transition: 0s; }
.sub_menu2 .sub_menu_con .sub_manu_wrap .main_tab .click > i{ transition: 0.5s; }
.sub_menu2 .sub_menu_con .sub_manu_wrap .main_tab.on .click > i{ transform: scaleY(-1); }

.sub_menu2 .close_tab { color:#fff; float:left; font-size:30px; padding: 3% 0% 0 4%;  }

/* 서브비주얼 */
.sub_visual{height:18vw; background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; margin-top: 80px;}
.sub_visual > div{height: 100%;}
.sub_visual > div > div{height: 100%; position: relative;}
.sub_visual .sub_v_tit{width: 100%; float: left; color: #fff; top: 50%; transform: translateY(-50%); text-shadow: 0px 4px 4px rgba(0,0,0,0.3);} 
.sub_visual .sub_v_tit .sub_txt{font-size: 1.6rem; font-weight: 500; opacity: 0.7; }
.sub_visual .sub_v_tit .sub_tit{font-size: 3.2rem; font-weight: 600; margin-top: 10px;}

/* 홈메뉴 */
.home_menu{width: 100%; position: absolute; right: 0; bottom: 8%; text-align: right; font-size: 0.9rem; font-weight: 300; color: #fff; opacity: 0.7;}
.home_menu > ul{width: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 7px;}
.home_menu > ul > li{float: left;}
.home_menu > ul > li.circle{width: 2px; height: 2px; border-radius: 2px; background-color: #fff;}
.home_menu > ul > li:first-child{margin-right: 10px;}

/* 탭메뉴 */
.tab_menu{background-color: #fff; border-bottom: 1px solid #eee;}
.tab_menu .nav_box{width: 100%; float: left; text-align: center;}
.tab_menu .nav_box > ul{width: 100%; float: left;}
.tab_menu .nav_box > ul > li{width: 20%; display: inline-block; vertical-align: middle; height: 60px; line-height: 60px; font-size: 1.1rem; font-weight: 500; color: #555;}
.tab_menu .nav_box > ul > li.active{background-color: #21622C; color: #fff;}
.tab_menu .nav_box > ul > li > a{width: 100%; float: left;}

/* 서브페이지 타이틀 공통 */
.subtitle_wrap{margin-top: 5vw;}
.subtitle_wrap .subtitle_box{width: 100%; float: left; padding-bottom: 3%; border-bottom: 1px solid #D9D9D9; display: flex; align-items: center; gap: 20px;}
.subtitle_wrap .subtitle_box > div{float: left;}
.subtitle_wrap .subtitle_box .sub_title{font-size: 2rem; font-weight: 500;}
.subtitle_wrap .subtitle_box .line{width: 1px; height: 24px; background-color: #ddd;}
.subtitle_wrap .subtitle_box .sub_con{font-size: 1.4rem; font-weight: 400; color: #999;} 


/* 게시판 리스트 영역 */
.list_wrap{margin-top: 1%;}
.list_wrap > div > div{border-top: 3px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}
.list_wrap .list_box{width: 100%; float: left;}
.list_wrap .list_box > ul{width: 100%; float: left; font-size: 1.4rem; text-align: center;}
.list_wrap .list_box > .main { background-color: #F9FAF4; }
.list_wrap .list_box > ul:not(:last-child){border-bottom: 1px solid #D9D9D9;}
.list_wrap .list_box > ul li{float: left;}
.list_wrap .list_box .list_title{font-weight: 500; padding: 1.5% 0;}
.list_wrap .list_box .no{width: 10%;}
.list_wrap .list_box .title{width: 55%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.list_wrap .list_box .list_content .title{text-align: left !important;}
.list_wrap .list_box .writer{width: 15%;}
.list_wrap .list_box .date{width: 20%;}
.list_wrap .list_content{font-weight: 300; color: #333;}
.list_wrap .list_content > a{width: 100%; float: left; padding: 1.5% 0;}

/* 게시판 노리스트 */
.nolist_wrap{width: 100%; float: left; text-align: center; padding: 5% 0; border-top: 1px solid #D9D9D9; }
.nolist_wrap > div{width: 100%; float: left;}
.nolist_wrap .icon{font-size: 3.3rem; color: #ddd;}
.nolist_wrap .txt{font-size: 1.4rem; color: #ccc; margin-top: 1%;}

/* 서브페이지 탭박스 */
.sub_tab{margin-top: 3%;}
.sub_tab .tab_box{width: 100%; float: left; display: flex; justify-content: space-between; align-items: center;}
.sub_tab .tab_box .tab_list{width: 90%;}
.sub_tab .tab_list > ul{width: 100%; float: left;}
.sub_tab .tab_list > ul > li{width: 12%; display: inline-block; vertical-align: middle; font-size: 1.2rem; font-weight: 400; border-radius: 100px; background-color: #F2F2F2; color: #444; height: 40px; line-height: 40px; text-align: center;}
.sub_tab .tab_list > ul > li:not(:first-child){margin-left: 1%;}
.sub_tab .tab_list > ul > li.active{background-color: #EF7D2E; color: #fff;}
.sub_tab .tab_list > ul > li > a{width: 100%; float: left;}
.sub_tab .tab_box .select_box{text-align: right;}

/* 페이징 */
.paging_wrap{margin-top: 5%; text-align: center;}
.paging_wrap ul{width: 100%; float: left; }
.paging_wrap ul > li{display: inline-block; vertical-align: middle; margin: 0 0.2%;}
.paging_wrap ul > li > a{width: 40px; float: left; height: 40px; line-height: 40px; font-size: 1rem; border: 1px solid #D9D9D9;}
.paging_wrap ul > li i{font-size: 1rem; color: #444;}
.paging_wrap ul > li span{width: 40px; float: left; height: 40px; line-height: 40px; color: #EF7D2E; border: 1px solid #EF7D2E;}

/* 푸터 */

.ft_menu{border-top: 1px solid #EBEBEB; background-color: #fff; padding: 1% 0; margin-top: 10%;}
.ft_menu ul{width: 100%; float: left;}
.ft_menu ul > li{width: auto; float: left; margin-right: 1%; color: #444; text-align: center; font-size: 1.2rem; font-weight: 500;}
.ft_menu ul > li > a{width: 100%; float: left;}

.footer{padding: 3% 0;  color: #fff; background-color: #252726;}
.footer .comp_info{width: 100%; float: left; font-weight: 300;}
.footer .comp_info .f_logo{width: 100%; float: left;}
.footer .comp_info .text_box{width: 100%; display: flex; justify-content: space-between; align-items: flex-end; padding-top: 2%;}
.footer .comp_info .left_box{width:75%; float: left; font-size: 1.1rem; line-height: 26px;}

.footer .comp_info .right_box{width: 20%; float: left; text-align: right;}
.footer .comp_info .right_box > select{width: 100%; float: left; padding: 0 5%; border-radius: 0 !important; color: rgba(255,255,255,0.6); border: 1px solid rgba(255,255,255,0.2); background: url(/images/f_select_arrow.png) no-repeat right 10px center; cursor: pointer !important; }
.footer .comp_info .right_box > select > *{color: #333 !important;}
.footer .comp_info .right_box > select > a { width:100%; float:left; }
.footer .comp_info .copyright{width: 100%; float: left; font-size: 0.9rem; margin-top: 2%; padding-top: 2%; border-top: 1px solid #404040;}


/* 메인페이지 */
/* 메인 타이틀 */
.main_title{width: 100%; float: left; font-weight: 500;}
.main_title .ss{width: 100%; float: left; font-size: 1.4rem; color: #8F8F8F; line-height: 1.5;}
.main_title .sub{width: 100%; float: left; font-size: 1.6rem; color: #666;}
.main_title .title{width: 100%; float: left; font-size: 2.5rem; line-height: 1.3;}
.main_title .title span{font-weight: 700;}


/* 1 메인 비주얼 */
.main_visual { margin-top: 70px; }
.main_visual > div{width: 100% !important;}
.main_slide{width: 100%; float: left;}
.main_slide .slide_wrap{width: 100%; float: left; position: relative;}
/* 서이준 */
/* .main_slide .slide_wrap.main_01{background: url(/images/main_visual01.jpg) no-repeat 100% center; height: 40vw;} */
.main_slide .slide_wrap .slide_title{width: 1300px; margin: 0 auto; top: 26%;}
.slide_wrap .slide_title .sub{width: 100%; float: left; font-size: 1.7rem; margin-top: 2.2%;}
.slide_wrap .slide_title .sub > span{font-weight: 600;}
.slide_wrap .slide_title .title{width: 100%; float: left; font-size: 3.5rem; font-weight: 700; margin-top: 1%;}
.slide_wrap .slide_title .more_btn{width: 100%; float: left; margin-top: 2.5%;}  
.slide_wrap .slide_title .more_btn a{width: 175px; float: left; height: 40px; line-height: 40px; padding: 0 2%; font-size: 1.1rem; font-weight: 500; border-radius: 100px; border: 1px solid rgba(72,121,81,0.5); text-align: center;}
.slide_wrap .slide_title .more_btn i{font-size: 1rem; text-align: right;}
.slide_wrap .slide_title .more_btn .left{float: left; text-align: left;}
.slide_wrap .slide_title .more_btn .right{float: right; text-align: right;}

/* .main_slide .slide_arrow{width: 100%; float: left; position: absolute; top: 50%; left: 0; z-index: 99; transform: translateY(-50%); padding: 0 3%;} */
/* .main_slide .slide_arrow > div{font-size: 3.8rem; } */
.main_slide .slide_arrow{position: absolute; z-index: 99; font-size: 3.8rem; top: 50%; transform: translateY(-50%); opacity: 0.3} 
.main_slide .slide_arrow  i{cursor: pointer;}
.main_slide .slide_arrow.active{opacity: 1;}
.main_slide .slide_arrow.left{left: 2%;}
.main_slide .slide_arrow.right{right: 2%;}

/* 슬라이드 도트 */
.main_slide .slide_btn{text-align: center; bottom: 17%;}
.main_slide .slide_btn li{background-color: #000;}

/* 슬라이드 도트 공통*/
.slide_btn{width: 100%; float: left; position: absolute; z-index: 98;}
.slide_btn ul{width: 100%; float: left;}
.slide_btn li{display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 100px; cursor: pointer;  opacity: 0.4;}
.slide_btn li.active{width: 35px; opacity: 1;}
.slide_btn li:not(:first-child){margin-left: 0.5%;}

/* 2. 상담폼 */
.form_wrap{transform: translateY(-90px); margin-bottom: -90px;}
.form_wrap .form_box{height: 500px; display: flex; justify-content: center;  align-items: center; background-color: #EEF5EF; border-radius: 10px; box-shadow: 2px 4px 4px 2px rgba(0,0,0,0.1);}
.form_wrap .form_box > div{width: 45%;}
.form_wrap .txt_box > div{width: 100%; float: left;}
.form_wrap .txt_box .title{font-size: 2.5rem; font-weight: 700; display: flex; justify-content: flex-start; align-items: center;}
.form_wrap .txt_box .title i{font-size: 2rem; margin-right: 2%;}
.form_wrap .txt_box .sub{font-size: 1.7rem; color: #666; margin-top: 4%;}
.form_wrap .txt_box .sub span{color: #000; font-weight: 500;}
.form_wrap .txt_box .con{font-size: 1.4rem; color: #666; line-height: 1.4; margin-top: 3%;}
.form_wrap .info_box .form_input{width: 100%; float: left;}
.form_wrap .info_box .form_input:not(:first-child){margin-top: 1.2%;}
.form_wrap .info_box .form_input input{width: 100%; float: left; border: 1px solid #DFDFDF; border-radius: 5px; height: 68px; line-height: 68px; font-size: 1.45rem; font-weight: 600;}
.form_wrap .info_box .anti_bot_input input{width: 50%; float: left;}
.form_wrap .info_box .sub_anti_text { width: 100%; float: left; font-size: 1.1rem; color: #999; text-align: right; margin-top: 2%; }
.form_wrap .info_box .sub_anti_text .tt { font-weight: 500; color:#555; }
.form_wrap .info_box .check_box{width: 100%; float: left; margin-top: 4%; font-size: 1.1rem; font-weight: 500;}
.form_wrap .info_box .check_box span{float: left;}
.form_wrap .info_box .radio-icon{width: 18px; float: left; height: 18px; border: 1px solid #333; border-radius: 100px; position: relative;} /* 라디오 원 */
.form_wrap .info_box .check_box input[type="checkbox"] + label{display: flex; align-items: center; gap: 1%; justify-content: flex-start; cursor: pointer;}
.form_wrap .info_box .check_box input[type="checkbox"]{display: none;} /* 라디오 버튼 기본 숨김 */
.form_wrap .info_box .check_box input[type="checkbox"]:checked + label .radio-icon::after { /* 라디오 클릭 시 내부 원 */
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    background-color: #333;
    border-radius: 100px;
    transform: translate(-50%, -50%);

}
.form_wrap .info_box .check_box .more_btn > *{color: rgba(0,0,0,0.4);}
.form_wrap .info_box .check_box .more_btn a{width: 95px; float: left; height: 25px; line-height: 24px; font-size: 0.9rem; border-radius: 100px; border: 1px solid rgba(0,0,0,0.4); text-align: center;}
.form_wrap .info_box .check_box .more_btn i{font-size: 0.8rem; margin-left: 5%;}
.form_wrap .info_box .submit_btn{width: 100%; float: left; margin-top: 3%; text-align: center;}
.form_wrap .info_box .submit_btn button{width: 100%; float: left; font-size: 1.6rem; height: 68px; line-height: 68px; color: #fff; font-weight: 700; border-radius: 15px;}
.form_wrap .info_box .form_input_num { width: 48%; float: left; margin-top: 0; background-color: #fff; border-radius: 5px; text-align: center; height: 68px; line-height: 68px; margin-left: 2%; border: 1px solid #DFDFDF; }


/* 3. 주간보호센터 소개 */
.center_wrap{margin-top: 5%;}
.center_wrap .main_title .title{margin-top: 1.4%;}
.center_wrap .content_box{width: 100%; float: left; margin-top: 4%; display: flex; justify-content: space-between; align-items: center;}
.center_wrap .content_box > div{width: 50%; float: left;}
.center_wrap .info_box{width: 100%; float: left;}
.center_wrap .info_01{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.center_wrap .info_01 ul{width: 50%; float: left; height: 160px;}
.center_wrap .info_01 .con_01{display: flex; justify-content: center; align-items: center; background-color: #F8F8F8; cursor: pointer;}
.center_wrap .info_01 .con_01:nth-child(n+3){border-top: 2px solid #fff;}
.center_wrap .info_01 .con_01:nth-child(2n-1){border-right: 2px solid #fff;}

.center_wrap .info_01 .icon_box{width: 90px; float: left; height: 90px; border-radius: 100px; background-color: rgba(255,255,255,0.5); position: relative;}
.center_wrap .info_01 .icon_box .icon_img{width: 100%; float: left; text-align: center; top: 50%; transform: translate(0%, -50%);}
.center_wrap .info_01 .icon_box .icon_img.on{display: none; position: absolute;}
.center_wrap .info_01 .txt_box{width: 50%; float: left; text-align: right;}
.center_wrap .info_01 .title{font-size: 1.5rem; font-weight: 700; color: rgba(51,51,51,0.77);}
.center_wrap .info_01 .con{font-size: 1.2rem; color: #999; margin-top: 2.5%;}

/* 액티브 효과 */
.center_wrap .con_01.active .icon_img.on{display: block;}
.center_wrap .con_01.active .icon_img.off{display: none;}
.center_wrap .con_01.active .title{color: #EF7D2E;}
.center_wrap .con_01.active .icon_box{background-color: #fff;}

.center_wrap .info_01 .con_02{color: #fff; text-align: left;}
.center_wrap .info_01 .con_02 a{width: 100%; float: left; padding: 0 10%; top: 48%; transform: translateY(-50%);}
.center_wrap .info_01 .con_02 li{width: 100%; float: left;}
.center_wrap .info_01 .con_02 .more_btn{font-size: 1.5rem; text-align: right;}
.center_wrap .info_01 .con_02 .tit{font-size: 1.5rem; font-weight: 700; margin-top: 3%;}
.center_wrap .info_01 .con_02 .sub{font-size: 1rem; opacity: 0.8; margin-top: 4%;}

/* 슬라이드 */
/* .center_wrap .slide_wrap.slide_01{background: url(/images/center_slide01.jpg) no-repeat 100% center; } */
.center_wrap .slide_wrap{color: #fff;}
.center_wrap .slide_wrap .slide_btn{text-align: right; top: 5%; right: 5%;}
.center_wrap .slide_wrap .slide_btn li{background-color: #fff;}
.center_wrap .slide_wrap .slide_box{width: 100%; float: left; position: relative;}
.center_wrap .slide_wrap .title_box{width: 100%; float: left; position: absolute; left: 7%; bottom: 8%; z-index: 99;}
.center_wrap .slide_wrap .title_box ul{width: 100%; float: left;}
.center_wrap .slide_wrap .title_box .point{width: 90px; float: left; height: 45px; line-height: 45px; font-size: 1.7rem; font-weight: 700; text-align: center; border-radius: 100px; background-color: rgba(0,0,0,0.5);}
.center_wrap .slide_wrap .title_box .txt{width: 100%; float: left; font-size: 1.4rem; line-height: 1.4; margin-top: 2%; text-shadow: 0px 2px 4px rgba(0,0,0,0.25);}
.center_wrap .slide_wrap .title_box .txt > span{color: #FFF7CC;}
.center_wrap .slide_wrap .slide_list{width: 100%; float: left;}
.center_wrap .slide_wrap .slide_list img{object-fit: cover; width: 100%; height: 480px;}

/* 4. 4가지 포인트 소개 */
.point_wrap{background: url(/images/point_bg.jpg) no-repeat 100% center; height: 780px; margin-top: 7%; padding-top: 7%; background-size: cover;}
.point_wrap .main_title{text-align: center;}
.point_wrap .main_title .sub{color: #111; font-size: 2rem;}
.point_wrap .main_title .title{margin-top: 0.8%;}
.point_wrap .main_title .ss{margin-top: 1.6%;}
.point_wrap .list_box{width: 100%; padding-top: 5%; display: flex; justify-content: center; align-items: center;}
.point_wrap .list_box > div{width: 25%; border-radius: 50%; overflow: hidden; position: relative;}
.point_wrap .list_box > div:nth-child(1){z-index: 4;}
.point_wrap .list_box > div:nth-child(2){z-index: 3;}
.point_wrap .list_box > div:nth-child(3){z-index: 2;}
.point_wrap .list_box > div:nth-child(4){z-index: 1;}
.point_wrap .list_box > div:not(:first-child){margin-left: -2%;}
.point_wrap .list_box ul{width: 100%; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; color: #fff;}
.point_wrap .list_box > div::before{
    content: "";
    display: block;
    padding-top: 100%;

}
.point_wrap .list_box .color_01{background: linear-gradient(to right, #003309 0%, #137B26 100%);}
.point_wrap .list_box .color_02{background: linear-gradient(to right, #FF9500 0%, #EF7D2E 100%);}
.point_wrap .list_box li{width: 100%; float: left;}
.point_wrap .list_box .title{font-size: 1.7rem; font-weight: 700; color: #FFF7CC;}
.point_wrap .list_box .con{font-size: 1.4rem; font-weight: 300; line-height: 1.4; margin-top: 3%;}
.point_wrap .list_box .con span{font-weight: 500;}

/* 5. 병원 시설 둘러보기 */
.gallery_wrap{margin-top: 3%;}
.gallery_wrap .gallery_box{margin-top: 9%; display: flex; justify-content: space-between; align-items: center; position: relative;}
.gallery_wrap .gallery_box .left_box{width: 39%;}
.gallery_wrap .gallery_box .right_box{width: 55%;}
.gallery_wrap .main_title .sub{font-size: 1.4rem; font-weight: 700;}
.gallery_wrap .main_title .title{margin-top: 2%; font-weight: 400;}
.gallery_wrap .main_title .ss{margin-top: 3.5%; font-weight: 400;}
.gallery_wrap .main_title .ss span{color: #333; font-weight: 600;}
.gallery_wrap .slide_bar{width: 100%; padding-top: 24%; display: flex; justify-content: space-between; align-items: center;}
.gallery_wrap .slide_bar .arrow_box{width: 50%; font-size: 2rem;}
.gallery_wrap .arrow_box i{color: #999; cursor: pointer;}
.gallery_wrap .arrow_box > div{float: left;}
.gallery_wrap .arrow_box > div.active i{color: #000;}
.gallery_wrap .arrow_box .right{margin-left: 13%;}
.gallery_wrap .slide_bar .btn_box{width: 50%; text-align: right;}
.gallery_wrap .btn_box ul{width: 100%; float: left;}
.gallery_wrap .btn_box li{width: 10px; height: 10px; border-radius: 100px; background-color: #D9D9D9; display: inline-block; vertical-align: middle; cursor: pointer;}
.gallery_wrap .btn_box li:not(:first-child){margin-left: 6%;}
.gallery_wrap .btn_box li.active{background-color: #197D2A;}
.gallery_wrap .slide_list{width: 100%; float: left;}
.gallery_wrap .slide_list .slide_box{width: 100%; float: left;}
.gallery_wrap .slide_list img{object-fit: cover; width: 100%; height: 100%;}
.gallery_wrap .gallery_bg{width: 163vh; height: 490px; position: absolute; top: 0; left: 0; background-color: #F9F9F9; border-top-right-radius: 100px; z-index: -1;}

/* 6. 고려 소식지 */
.main_news{margin-top: 7%;}
.main_news .main_title .ss{margin-top: 0.8%;}
.main_news .title_wrap{display: flex; justify-content: space-between; align-items: center;}
.main_news .more_btn a{width: 130px; float: left; height: 42px; line-height: 42px; padding: 0 15%; font-size: 1rem; font-weight: 500; color: #C3C3C3; text-align: center; border-radius: 100px; border: 1px solid #E2E2E2;}
.main_news .more_btn i{font-size: 1rem; text-align: right;}
.main_news .more_btn .left{float: left; text-align: left;}
.main_news .more_btn .right{float: right; text-align: right;}

.main_news .slide_wrap{width: 100%; float: left; margin-top: 4%; position: relative;}
/* 서이준 */
/* .main_news .slide_box{width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;} */
.main_news .slide_box{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.main_news .slide_box .list_box{width: 24%;}
.main_news .slide_box .list_box a{width: 100%; float: left;}
.main_news .list_box .img_box{width: 100%; float: left; height: 135px; overflow: hidden;}
.main_news .list_box .img_box:hover img{transform: scale(1.3);}
.main_news .list_box .img_box img{width: 110%; height: 120%; object-fit: cover; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; transform: scale(1.2); top: -44px; }
.main_news .list_box .txt_box{width: 100%; float: left; height: 145px; padding: 0 10%; background-color: #F6F6F6; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
.main_news .list_box .txt_box ul{width: 100%; float: left; top: 50%; transform: translateY(-50%);}
.main_news .list_box .txt_box li{width: 100%; float: left;}
.main_news .list_box .category{font-size: 0.8rem; font-weight: 700;}
.main_news .list_box .title{font-size: 1.4rem; font-weight: 600; margin-top: 4%;}
.main_news .list_box .date{font-size: 0.9rem; font-weight: 500; color: #999; margin-top: 8%;}
.main_news .list_box .more{width: 38px !important; float: left; height: 38px; line-height: 38px; text-align: center; font-size: 1.1rem; color: #BCBCBC; background-color: #fff; border: 1px solid #EFEFEF; border-radius: 100px; position: absolute; top: -8%; right: -5%; z-index: 9;}
.main_news .slide_arrow{position: absolute; z-index: 99; font-size: 2.5rem; top: 50%; transform: translateY(-50%); opacity: 0.3;}
.main_news .slide_arrow.active{opacity: 1;}
.main_news .slide_arrow.left{left: -4%; cursor: pointer;}
.main_news .slide_arrow.right{right: -4%; cursor: pointer;}

/* 액티브효과 */
.main_news .list_box.active .more{color: #EF7D2E !important;}
.main_news .list_box.active .txt_box{background-color: #fff !important; box-shadow: 0px 4px 4px rgba(0,0,0,0.1);}

/* 7. 서비스 */
.main_service{margin-top: 8%; background-color: #454547; padding: 1.7% 0;}
.main_service .con_box{display: flex; justify-content: space-between; align-items: center;}
.main_service .con_box > div{flex: 1}
.main_service .left_box{position: relative; float: left;}
.main_service .left_box .txt{font-size: 2rem; color: #fff; float: left; line-height: 40px;}
.main_service .left_box .txt span{font-weight: 700;}
.main_service .left_box .imgbox{position: absolute; top: 60%; right: 0; transform: translateY(-50%);}
.main_service .left_box .imgbox img{width: 100%; height: 100%; object-fit: cover;}
.main_service .right_box{display: flex; gap: 20px; justify-content: flex-end;}
.main_service .right_box > div{width: 380px; float: left; height: 68px; line-height: 68px; border-radius: 100px; text-align: center; background-color: #fff;}
.main_service .right_box > div a{width: 100%; float: left; padding: 0 10%;}
.main_service .right_box > div span{font-weight: 700;}
.main_service .right_box .txt{float: left; font-size: 1.2rem; font-weight: 500;}
.main_service .right_box .more{float: right; font-size: 1.3rem;}  
.main_service .right_box .color_01{border: 1px solid rgba(0,176,223,0.2);}
.main_service .right_box .color_01 span{color: #1E649C;}
.main_service .right_box .color_01 .more{color: #7FB3DD;}
.main_service .right_box .color_02{border: 1px solid rgba(154,91,44,0.2);}
.main_service .right_box .color_02 span{color: #A25C16;}
.main_service .right_box .color_02 .more{color: #E6A462;}


/* 오시는 길 */
.main_map{padding: 5% 0;background-color: #F2F2F2; position: relative;}
.main_map .con_box{display: flex; justify-content: space-between; align-items: flex-end;}
.main_map .left_box{width: 50%; float: left;}
.main_map .left_box > div > div{border-radius: 30px; border: 2px solid #fff; box-shadow: 2px 4px 4px 1px rgba(0,0,0,0.15);}
.main_map .right_box{width: 45%; margin-left: 4%;}
.main_map .main_title .ss{font-size: 1rem;}
.main_map .main_title .title{margin-top: 1.5%; font-weight: 700;}
.main_map .info_box{width: 100%; float: left; margin-top: 5%;}
.main_map .info_box > div{width: 100%; float: left; border-radius: 20px;}
.main_map .info_box .main_box{height: 70px; line-height: 70px; padding: 0 7%; font-size: 1.5rem; color: #fff;}
.main_map .main_box .left{width: 25%; float: left; font-weight: 700;}
.main_map .main_box .left i{font-size: 1.7rem; margin-right: 1.5%;}
.main_map .main_box .right{width: 75%; float: left;}
.main_map .info_box .sub_box{background-color: #fff; margin-top: 1%; padding: 6% 3%;}
.main_map .sub_box .list_box{width: 100%; float: left; padding: 0 4%;}
.main_map .sub_box .list_box:not(:last-child){margin-bottom: 3.5%; padding-bottom: 3.5%; border-bottom: 1px solid #F2F2F2;}
.main_map .list_box .title_box{display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
.main_map .list_box span{float: left;}
.main_map .list_box .icon{font-size: 1.4rem;}
.main_map .list_box .tit{font-size: 1.3rem; font-weight: 700;}
.main_map .list_box .con{font-size: 1.2rem; color: #3F3F3F;}
.main_map .list_box .contents{width: 100%; float: left; margin-top: 2.5%;}
.main_map .contents .list{font-size: 1rem; line-height: 1.4; color: #3F3F3F; display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px;}
.main_map .contents .left::after{
    content: '';
    position: absolute;
    top: 50%;
    right: -14%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: #3F3F3F;
}
.main_map .contents .list:not(:first-child){margin-top: 1.5%;}
.main_map .contents .list.ref{font-size: 0.9rem; color: #666;}

.main_map .map_logo{width: auto !important; margin: 0 !important; position: absolute; bottom: 0; right: 0;}


/* 서브페이지 */
/* 1. 인사말 */
.daily_wrap{height: 25vw; margin-top: 6%; background: url(/images/about_bg01.png) no-repeat center; background-size: cover;}
.daily_wrap > div{height: 100%;}
.daily_wrap > div > div{height: 100%;}
.daily_wrap .con_box{width: 100%; top: 50%; transform: translateY(-50%);display: flex; justify-content: space-between; align-items: center;}
.daily_wrap .con_box .left_box{width: 33%; float: left; font-size: 2.5rem; font-weight: 500; line-height: 1.4;}
.daily_wrap .con_box .left_box span{font-weight: 700;}
.daily_wrap .con_box .right_box{width: 65%; float: left; height: 20vw;}
.daily_wrap .con_box .right_box img{width: 100%; height: 100%; object-fit: cover;}
.comment_wrap{margin-top: 7%; position: relative;}
.comment_wrap .con_box{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.comment_wrap .left_box{width: 55%; float: left;}
.comment_wrap .left_box .line{width: 95px; float: left; height: 5px;}
.comment_wrap .left_box .txt{width: 100%; float: left; font-size: 1.4rem; margin-top: 6%; line-height: 1.5; color: #666;}
.comment_wrap .left_box .txt span{font-weight: 500; color: #333;}
.comment_wrap .right_box{width: 42%; float: left;}
.comment_wrap .right_box img{width: 100%; height: 100%; object-fit: cover;}
.comment_wrap .bg_logo{width: auto; margin: 0; position: absolute; left: 0; bottom: 0;}

/* 미션,비전 */
.mission_wrap{height: 18vw; margin-top: 6%; background: url(/images/about02_img02.jpg) no-repeat center; background-size: cover;}
.mission_wrap > div{height: 100%;}
.about_02 .subtext_box .txt{margin-top: 15px;}
.mission_wrap .mission_box{padding: 4% 0px; text-align: center; background-color: rgba(255,255,255,0.7); border: 2px solid #fff;     top: 70%; transform: translateY(-50%);}
.mission_wrap .mission_box .title{font-size: 2rem; font-weight: 700;}
.mission_wrap .mission_box .con{font-size: 1.7rem; margin-top: 1%; color: #555;}
.vision_wrap{margin-top: 5%;}
.vision_wrap .title_box{width: 100%; float: left; font-size: 2rem; font-weight: 700;}
.vision_wrap .list_box{width: 100%; float: left; margin-top: 4%;}
.vision_wrap .list_box .list{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.vision_wrap .list_box .list:not(:last-child){padding-bottom: 2%; margin-bottom: 2%; border-bottom: 1px solid #EEE;}
.vision_wrap .list_box .left_box{width: 55%; float: left;}
.vision_wrap .list_box .left_box img{width: 100%; height: 100%; object-fit: cover;}
.vision_wrap .list_box .right_box{width: 40%; float: left;}
.vision_wrap .right_box > div{width: 100%; float: left;}
.vision_wrap .right_box .num{font-size: 1.9rem; font-weight: 600; position: relative;}
.vision_wrap .right_box .num .highlight{width: 40px; float: left; position: absolute; bottom: 0; z-index: -1; background-color: #EEFFF1; height: 13px;}
.vision_wrap .right_box .con{font-size: 1.7rem; color: #555; margin-top: 3%; line-height: 1.4;}
.vision_wrap .right_box .con span{color: #222; font-weight: 600;}
.vision_wrap .list_02 .right_box{text-align: right;}
.vision_wrap .list_01 .highlight{left: -1%;}
.vision_wrap .list_02 .highlight{right: 0;}
.about_02 .contnet_box{width: 92%; margin: 0 auto; transform: translateY(-50%); margin-bottom: -3vw; display: flex; justify-content: center; align-items: center; }
.about_02 .contnet_box ul{width: 33.3%; padding: 4% 0; display: flex; justify-content: center; align-items: center; gap: 5%;}
.about_02 .contnet_box ul:nth-child(1){border-top-left-radius: 50px; border-bottom-left-radius: 50px;}
.about_02 .contnet_box ul:nth-child(3){border-top-right-radius: 50px; border-bottom-right-radius: 50px;}
.about_02 .contnet_box li{float: left; font-weight: 700;}
.about_02 .contnet_box .title{font-size: 2.1rem; color: #FFF267;}
.about_02 .contnet_box .line{width: 28%; height: 1px; background-color: rgba(255,255,255,0.5);}
.about_02 .contnet_box .circle{width: 5px; height: 5px; margin-left: -5%; border-radius: 100px; background-color: #D9D9D9;}
.about_02 .contnet_box .con{font-size: 1.6rem; color: #fff;}



/* 3. 제공서비스 */
.service_01{margin-top: 5vw;}
.service_01 .center_list{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.service_01 .center_list ul{width: 24%; float: left; border-radius: 10px; padding: 3% 2%;}
.service_01 .center_list li{width: 100%; float: left; color: #fff;}
.service_01 .center_list ul:first-child{border-top-left-radius: 60px;}
.service_01 .center_list ul:last-child{border-bottom-right-radius: 60px;}
.service_01 .center_list .txt{font-size: 1.6rem; font-weight: 600; line-height: 1.4;}
.service_01 .center_list .icon{text-align: right;}

.service_02{margin-top: 7vw;}
.service_02 .list_box{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.service_02 .list_box:not(:first-child){margin-top: 9%;}
.service_02 .left_box > div{float: left;}
.service_02 .list_box .left_box{width: 40%;}
.service_02 .list_box .right_box{width: 55%;}
.service_02 .left_box img{width: 100%; height: 100%; object-fit: cover;}
.service_02 .right_box > div{width: 100%; float: left;}
.service_02 .right_box .title{font-size: 1.6rem; font-weight: 700; padding-bottom: 2%; border-bottom: 1px solid #DFDFDF;}
.service_02 .right_box .con{font-size: 1.4rem; color: #666; line-height: 1.5; margin-top: 3%;}
.service_02 .right_box .con span{font-weight: 600; color: #444;}
.service_02 .right_box .con .margin_t { margin-top: 15px; }
.service_02 .list_02 .right_box{text-align: right;}



/* 반응형 */

/* PC (1400 이하) */
@media only screen and (max-width: 1400px) {

    /* 헤더 */
    .header .h_nav{font-size: 1.3rem;}

    /* 메인 */
    .main_slide .slide_wrap .slide_title{width: 1100px; margin: 0 auto;}
    .list_wrap .list_content > a{padding: 1.8% 0;}
    .sub_visual {height:23vw;}
    .main_slide .slide_wrap.main_01{height: 50vw; background-position: right; background-size: cover;}
    .form_wrap{transform: translateY(-82px); margin-bottom: -82px;}
    .main_slide .slide_btn { bottom: 26%; }

    /* 주간보호센터 소개 */
    .center_wrap{margin-top: 8%;}


    /* 4가지 포인트 소개 */
    .point_wrap{height: 700px;}
    .center_wrap .info_01 ul{height: 160px;}
    .center_wrap .slide_wrap .slide_list img{height: 510px;}
    .center_wrap .info_01 .icon_box{width: 85px; height: 85px;}
    .center_wrap .info_01 .icon_box img{width: 55%;}

    /* 고려소식지 */
    .main_news .slide_box .list_box{width: 32%;}
    .main_news .list_box .img_box{ height: 120px;}
    .main_news .list_box .img_box img{width: 110%; height: 120%; top: -41px; }
    .main_news .list_box .txt_box{height: 11vw;}


    /* 병원 시설 둘러보기 */
    .gallery_wrap .gallery_bg{width: 127vh; height: 450px;}

    /* 서비스 */
    .main_service .left_box .txt{font-size: 1.8rem;}
    .main_service .right_box > div{width: 350px;}
    .main_service .right_box{gap: 15px;}
    /* 메인끝 */

    /* 서브페이지 */
    /* 1. 인사말 */
    .daily_wrap{height: 31vw;}
    .daily_wrap .con_box .right_box{height: 23vw;}

    /* 미션,비전 */
    .about_02 .contnet_box ul:nth-child(1){border-top-left-radius: 35px; border-bottom-left-radius: 35px;}
    .about_02 .contnet_box ul:nth-child(3){border-top-right-radius: 35px; border-bottom-right-radius: 35px;}
    .about_02 .contnet_box .line{width: 23%;}








}

/* @media (min-width: 1200px) and (max-width: 1400px) */



/* 태블릿 (1200 이하) */
@media only screen and (max-width: 1200px) {

    

    /* 메인 */
    .main_visual > div{padding: 0 !important;}
    .main_slide .slide_wrap .slide_title{width: 100%; padding: 0 10%;}
    .form_wrap{transform: translateY(-70px); margin-bottom: -70px;}
    .main_slide .slide_btn { bottom: 25%; }


    /* 4가지 포인트 소개 */
    .point_wrap{height: 650px; padding-top: 11%;}


    /* 고려소식지 */
    .main_news .slide_box .list_box{width: 32%;}
    .main_news .list_box .img_box{height: 10vw;}
    .main_news .list_box .img_box img{width: 100%; height: 130%; top: -44px; }
    .main_news .list_box .txt_box{height: 11vw;}


    /* 병원 시설 둘러보기 */
    .gallery_wrap .gallery_bg{width: 127vh; height: 480px;}
    .gallery_wrap .slide_bar{padding-top: 17%;}

    /* 서비스 */
    .main_service .left_box .txt{font-size: 1.8rem;}
    .main_service .right_box > div{width: 320px;}
    .main_service .right_box{gap: 15px;}
    /* 메인끝 */


    .sub_tab .tab_list > ul > li{width: 18%;}
    .list_wrap .list_content > a{padding: 2.6% 0;}
    .sub_visual {height:24vw;}
    .sub_visual .sub_v_tit .sub_tit{font-size: 2.8rem;}
    .ft_menu { padding: 3% 0; }

    /* 주간보호센터란? */
    .service_02 .left_box img{height: 22vw;}
    .service_02 .right_box .con { font-size: 1.33rem; }

    /* 1. 인사말 */
    .daily_wrap{height: 35vw;}
    .daily_wrap .con_box .right_box{height: 25vw;}
    .comment_wrap .right_box{height: 42vw;}

    /* 미션,비전 */
    .about_02 .contnet_box ul:nth-child(1){border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
    .about_02 .contnet_box ul:nth-child(3){border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
    .about_02 .contnet_box .line{width: 15%;}

    /* 병원 시설 둘러보기 */
    .gallery_wrap .main_title .ss {  font-size: 1.25rem; }

    /* 8. 고려소식지 */
    .main_news { margin-top: 12%; }









}


/* 태블릿 (1024 이하)-사파리 */
@media only screen and (max-width: 1000px) {

    /* 1 메인 비주얼 */
    .main_visual { margin-top: 0px; }

    .main_title .title{font-size: 2.3rem; }

    /* 주간보호센터란? */
    .service_02 .left_box img{height: 40vw;}
    .service_01 .center_list .txt{font-size: 1.5rem;}


        /* 푸터 */
    .footer .comp_info .text_box{display: block; float: left;}
    .footer .comp_info .left_box{width: 100%; font-size: 1rem;}
    .footer .comp_info .right_box{margin-top: 2%;}

    /* 1. 인사말 */
    .daily_wrap{height: 33vw; margin-top: 9%;}

    /* 슬라이드 도트 */
    .main_slide .slide_btn{text-align: center; bottom: 28%;}

    /* 2. 상담폼 */
    .form_wrap .form_box{height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; background-color: #EEF5EF; /* box-shadow: 2px 4px 4px 2px rgba(0,0,0,0.1); */ padding: 8% 5%;}
    .form_wrap .form_box > div{width: 100%; float: left;}
    .form_wrap .txt_box > div{width: 100%; float: left;}

    /* 3. 주간보호센터 소개 */
    .center_wrap .content_box{width: 100%; float: left; margin-top: 4%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
    .center_wrap .content_box > div{width: 100%; float: left;}

    .point_wrap{height: 530px; padding-top: 11%;}
    .point_wrap .list_box { padding-top: 7%; }
    .point_wrap .list_box .con { font-size: 1.2rem; }

    /* 병원 시설 둘러보기 */
    .gallery_wrap .gallery_box  { display: flex; justify-content: center; flex-direction: column; align-items: center; }
    .gallery_wrap .gallery_box .left_box{width: 100%;}
    .gallery_wrap .gallery_box .right_box{width: 100%; margin-top: 3%;}
    .gallery_wrap .gallery_bg{display: none;}
    .gallery_wrap .slide_bar{padding-top: 5%;}
    .gallery_wrap .main_title .ss {  font-size: 1.4rem; }
    

    /* 7. 서비스 */
    .main_service { padding: 5% 0; }
    .main_service .con_box{display: flex; justify-content: center; align-items: flex-start; flex-direction: column;}
    .main_service .left_box { width: 100%; float: left; }
    .main_service .right_box{margin-top: 2%;}
    
    /* 8. 고려소식지 */
    .list_box_goryo { flex: 0 0 50%; }
    .main_news { margin-top: 9%; }
    .main_news .list_box .txt_box{height: 14vw;}
    .main_news .list_box .img_box { height: 10vw; }
    .main_news .list_box .more { position: absolute; top: -32%; right: -5%; }
    .main_news .list_box .img_box img { height: 130%; top: -38px;  }
    .main_news .list_box .title { font-size: 1.3rem; }

    /*상단헤더*/
    .header { display: none; }
    .top_menu { display:block; }
    .sub_menu2 { display:block; }

    .sub_visual { margin-top: 0; }

    .subtitle_wrap .subtitle_box .sub_title{width: 15%; float: left; }

    


}


/* 태블릿 세로 (768 이하) */
@media only screen and (max-width: 768px) {

    .list_wrap .list_box .no{width: 15%;}
    .list_wrap .list_box .title{width: 50%;}
    .list_wrap .list_box .writer{display: none;}
    .list_wrap .list_box .date{width: 35%;}

    .list_wrap .list_content > a{padding: 3% 0;}
    .sub_visual {height:30vw;}
    .sub_visual .sub_v_tit .sub_tit{font-size: 2.6rem;}
    .subtitle_wrap{margin-top: 7vw;}

    .subtitle_wrap{ display: none; }
    .subtitle_wrap_m{ display: block !important; }
    .sub_tab{display: none;}
    .sub_tab_m{display: block;}
    .sub_tab .tab_list > ul > li{width: 25%;}

    .ft_menu { padding: 2% 0; }
    .footer .comp_info .text_box{margin-top: 3%;}
    .footer .comp_info .left_box{width:100%;}
    .footer .comp_info .right_box{width: 30%; margin-top:3% }

    .point_wrap .list_box .con { font-size: 1rem; }

}



/* 모바일 (480 이하) */
@media only screen and (max-width: 480px) {

    .list_wrap .list_content > a{padding: 3.8% 0;}
    .sub_visual {height:40vw;}
    .sub_tab .tab_list > ul > li{width: 30%;}
    select { width:120px; }

    .ft_menu { padding: 3% 0; }
    .footer .comp_info .right_box{width: 40%; margin-top:3% }

}



/* 초소형 모바일 (375 이하) */
@media only screen and (max-width: 375px) {
    .sub_tab .tab_list > ul > li{width: 30%;}
    .sub_visual {height:45vw;}

}
