@charset "UTF-8";

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

-------------------------------------------------*/
.main article { overflow: hidden;margin:0 auto; max-width:1900px;}
.main article > section {display:flex; position:relative; }

.main h3 { color:#010101; font-family: 'GmarketSans','Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic'; }

.main_c_box  {position:relative; width:16.7%; text-align: center;
    transition: all 0.3s ease;}
.main_c_box02 {position:relative;}

.main_sec_medi .main_cnt_appointment,
.main_c_box {padding-top:55px; box-sizing: border-box;}
.main_sec_medi .main_cnt_myAin {padding-top:50px;}

.main_sec_medi .main_cnt_appointment h3,
.main_c_box h3 {margin-bottom: 25px;  font-size:26px; font-weight: 500;}
.main_c_box02 h3 {font-size:24px; font-weight: 500;}


.main_sec_medi .main_cnt_visual,
.main_sec_medi .main_cnt_visual h3,
.main_sec_medi .main_cnt_appointment,
.main_sec_medi .main_cnt_appointment h3,
.main_sec_medi .main_cnt_appointment h4,
.main_sec_medi .main_cnt_myAin,
.main_sec_medi .main_cnt_myAin h3,
.main_sec_press .main_c_box_w .main_bann01 h3,
.main_sec_press .main_c_box_w .main_bann03 h3,
.main_sec_press .main_press_w,
.main_sec_press .main_c_box_w02 .main_bann05 h3 {color:#fff; }

.main_sec_press .main_c_box_w .main_bann04 h3 {color:#674d31;}

.main_sec_medi {height:550px; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; }
.main_sec_medi .main_cnt_visual {position:relative; width:50%; height:100%; background: url(../images/main/img_main_bg01.png) no-repeat 50% 50%;  font-family: 'GmarketSans','Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic'; background-size:cover;}
.main_sec_medi .main_cnt_visual .in_w { float:right;top:45%; transform: translateY(-50%); max-width:850px; }
.main_sec_medi .main_cnt_visual h3 { margin-bottom: 15px; font-weight: 500; font-size:22px;}
.main_sec_medi .main_cnt_visual h3 span {position:relative; vertical-align: top;}
.main_sec_medi .main_cnt_visual h3 span:before { display:block; position:absolute; bottom:50%; left:100%; width:110px; height:1px; background:#fff;content:''; margin-left:10px;}
.main_sec_medi .main_cnt_visual .x1 {font-size:40px; font-weight: 300; line-height: 1.25;}
.main_sec_medi .main_cnt_visual .x1 strong {font-weight: 500;}
.main_sec_medi .main_cnt_visual .x2 { color:#fec250; letter-spacing: 0; margin-top: 10px;  font-weight:600; font-size:24px; font-family:'Montserrat';}
.main_sec_medi .main_cnt_appointment { width:16.7%;height:100%; background:#0fb027; background: linear-gradient( 135deg, #06a71f, #13b62d); text-align: center;}
.main_sec_medi .main_cnt_appointment ul {display:flex; width:220px; height:240px; margin:0 auto; flex-direction: column; border-top:1px solid #3dbe51;}
.main_sec_medi .main_cnt_appointment ul > li {flex:1; border-bottom:1px solid #3dbe51;
    transition: all 0.2s ease;}
.main_sec_medi .main_cnt_appointment ul > li:before { display:inline-block; height:100%; vertical-align: middle;content:'';}
.main_sec_medi .main_cnt_appointment ul a { padding:10px; vertical-align: middle; font-size:17px; font-weight: 300;
    transition: all 0.2s ease;}
.main_sec_medi .main_cnt_appointment ul > li:hover { flex:0; flex-basis:25%;}
.main_sec_medi .main_cnt_appointment ul > li:hover a {font-size:18px; font-weight: 400;}
.main_sec_medi .main_cnt_appointment .main_call { position:relative; margin-top:30px; padding-top:65px;}
.main_sec_medi .main_cnt_appointment .main_call:before { display:block; position:absolute; top: 0; left:50%; width:55px; height: 55px; background:#059e1d url(../images/main/icon_main_customer.png) no-repeat 50% 50%;content:''; margin-left:-27.5px; background-size:50px auto; border-radius: 50%; }
.main_sec_medi .main_cnt_appointment .main_call h4 {font-weight: 400;}
.main_sec_medi .main_cnt_appointment .main_call .call { letter-spacing: 0 ;    margin-top: 3px; font-size:24px; font-weight: 600; font-family: 'Montserrat'; }

.main_sec_medi .main_cnt_findStaff input[type="text"],
.main_sec_medi .main_cnt_findStaff input[type="submit"] { width:220px;height:48px; border:none;}
.main_sec_medi .main_cnt_findStaff input[type="text"] { background:#ececec;  text-align: center;}
.main_sec_medi .main_cnt_findStaff input[type="text"]::placeholder {font-size:14px;;}
.main_sec_medi .main_cnt_findStaff input[type="submit"] { background:#32353c; background:#32353c url(../images/comm/icon_schS_w.png) no-repeat 65px 55%; color:#fff;margin-top:5px; padding-left:20px; font-size:17px; background-size:20px auto;}
.main_sec_medi .main_cnt_findStaff input::placeholder {color:#999;}

.main_sec_medi .main_cnt_myAin h3 {margin-bottom:10px;}
.main_sec_medi .main_cnt_myAin ul {display:flex; margin:0 22px 20px; align-items: center; flex:1;}
.main_sec_medi .main_cnt_myAin ul > li {flex:1;}
.main_sec_medi .main_cnt_myAin ul a { font-size:14px;}
.main_sec_medi .main_cnt_myAin ul a:before { display:block; position:relative; height:50px; background: url(../images/main/icon_mian_quick_myAin01.png) no-repeat 50% 50%;content:''; background-size:50px auto;}
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_prag:before {background-image: url(../images/main/icon_mian_quick_myAin01.png); } /* 산모수첩 */
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_infer:before { background-image: url(../images/main/icon_mian_quick_myAin02.png); } /* 난임수첩 */
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_baby:before {background-image: url(../images/main/icon_mian_quick_myAin03.png); } /* 아기수첩 */
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_album:before {background-image: url(../images/main/icon_mian_quick_myAin04.png); } /* 신생아앨범 */
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_advice:before {background-image: url(../images/main/icon_mian_quick_myAin05.png); } /* 온라인상담 */
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_waiting:before {background-image: url(../images/main/icon_mian_quick_myAin06.png); } /* 진료대기현황 */
.main_sec_medi .main_cnt_myAin ul a.ico_myAin_result:before {background-image: url(../images/main/icon_mian_quick_myAin07.png); } /* 검사결과조회 */

.main_sec_medi .main_my_barcode {display:flex; align-items: center; justify-content: center;     margin-left: -5px;}
.main_sec_medi .main_my_barcode dt { width:33%; text-align: left;padding-right:10px; line-height:1.2; box-sizing: border-box;}
.main_sec_medi .main_my_barcode dt span { position:relative; padding-left:10px; }
.main_sec_medi .main_my_barcode dt span:before { display:block; position:absolute; top:8px; left:-1px; width:3px; height:3px; background:#fff;content:''; border-radius: 50%; }
.main_sec_medi .main_my_barcode dt span:after { display:block; position:absolute; right:0; bottom:-5px; left:10px; height:1px; background:#fff;content:'';}


.main_sec_medi .main_c_box  {height:50%; }
.main_sec_medi .main_cnt_findStaff { background-color:#fff ;}
.main_sec_medi .main_cnt_myAin {display: flex; flex-direction: column; padding-bottom: 30px; background-color:#827876 ;}
.main_sec_medi:before { display:block; position:absolute; left:50%; width:16.7%; height:100%; background: url(../images/main/img_main_bg02.png) no-repeat 50% 50%;content:''; margin-left:33.4%; background-size:cover;}

.main_sec_quick { height:200px;    justify-content: center;}
.main_sec_quick:before { display:block; position:absolute; top:0; left:0; width:30%; height:100%; background: #f3efee;content:'';  margin-right:33.4%;}
.main_sec_quick .main_h3_w {position:relative; left:-12.5%; width:25%; height: 100%; padding:48px 0 0 40px; background: #f3efee; margin-left:25%;  box-sizing: border-box;}
.main_sec_quick .main_h3_w h3 {margin-bottom:10px; font-size:24px; font-weight: 500;}
.main_sec_quick .main_h3_w .main_h_x {position:relative; color:#a8a5a4; font-size:14px; line-height: 1.5;}
.main_sec_quick .main_h3_w .main_h_x:before,
.main_sec_quick .main_h3_w .main_h_x:after { display:block; position:absolute; right: 42px; bottom:-4px; height:24px;content:'';}
.main_sec_quick .main_h3_w .main_h_x:before {width:24px;  background-color: #a8e1b0; border-radius: 50%;}
.main_sec_quick .main_h3_w .main_h_x:after {right:51px; bottom:-5px; width:30px; background: url(../images/comm/icon_arw_stBtn01.png) no-repeat 100% 50%; background-size:30px auto;}

.main_sec_quick .main_quick_list { display:flex;   position:relative; left:-12.5%; width:50%; background:#fff; align-items: center; padding-left: 1.25%; padding-right:4.5%;  box-sizing: border-box; }
.main_sec_quick .main_quick_list > li { text-align: center;flex:auto;}
.main_sec_quick .main_quick_list a {font-weight: 500;}
.main_sec_quick .main_quick_list a:before { display:block; position:relative; top:0; height:70px; background: url(../images/main/icon_main_useInstruction01.png) no-repeat 50% 0;content:''; margin-bottom:15px; background-size:70px auto;
    -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.main_sec_quick .main_quick_list a.ico_quick_reserv:before {background-image: url(../images/main/icon_main_useInstruction01.png);} /* 예약안내 */
.main_sec_quick .main_quick_list a.ico_quick_out:before {background-image: url(../images/main/icon_main_useInstruction02.png);} /* 외래진료안내 */
.main_sec_quick .main_quick_list a.ico_quick_hospital:before {background-image: url(../images/main/icon_main_useInstruction03.png);} /* 입/퇴원안내 */
.main_sec_quick .main_quick_list a.ico_quick_schedule:before {background-image: url(../images/main/icon_main_useInstruction04.png);} /* 진료시간표 */
.main_sec_quick .main_quick_list a.ico_quick_certif:before {background-image: url(../images/main/icon_main_useInstruction05.png);} /* 증명서 발급안내 */
.main_sec_quick .main_quick_list a.ico_quick_nonpay:before {background-image: url(../images/main/icon_main_useInstruction06.png);} /* 비급여 진료비용 */
.main_sec_quick .main_quick_list a.ico_quick_album:before {background-image: url(../images/main/icon_main_useInstruction07.png);} /* 신생아 앨범 */
.main_sec_quick .main_quick_list a:hover:before {top:-10px;}


.main_sec_press { height:275px; justify-content: center;}
.main_sec_press .main_press_w {width:calc(50% - 16.7%); background:#143356;}
.main_sec_press .main_c_box_w {display:flex; overflow: hidden; position:relative; width:50%; flex:auto;}
.main_sec_press .main_c_box_w02 {display:flex; width:16.7%; flex-direction: column;}
.main_sec_press .main_c_box_w .main_c_box { width:25%; height:100%;}

.main_sec_press .main_c_box_w .main_bann01,
.main_sec_press .main_c_box_w .main_bann03 {background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%;}
.main_sec_press .main_c_box_w .main_bann01 {background-image: url(../images/main/img_main_bg03.png);}
.main_sec_press .main_c_box_w .main_bann02 {background:#fff;}
.main_sec_press .main_c_box_w .main_bann03 {background-image: url(../images/main/img_main_bg04.png);}
.main_sec_press .main_c_box_w .main_bann04 {background:#fec250;}
.main_sec_press .main_c_box:before { display:block; position:absolute; top:50%; left:50%; width:80px; height:80px; margin:-15px 0 0 -40px;  background: url(../images/main/icon_main_it01.png) no-repeat 50% 50%;content:''; background-size:contain; }
.main_sec_press .main_c_box.main_bann01:before {background-image: url(../images/main/icon_main_it01.png);} /* 마더비 문화원 */
.main_sec_press .main_c_box.main_bann02:before {background-image: url(../images/main/icon_main_it02.png);} /* 산후 조리원 */
.main_sec_press .main_c_box.main_bann03:before {background-image: url(../images/main/icon_main_it03.png);} /* 층별 안내 */
.main_sec_press .main_c_box.main_bann04:before {background-image: url(../images/main/icon_main_it04.png);} /* 찾아오시는 길*/
.main_sec_press .main_c_box:hover {  background-size: auto 110% ;}

.main_sec_press .main_c_box02:before { display:block; position:absolute; top:50%; left:50%; width:60px; height:60px;  background: url(../images/main/icon_main_itt_01.png) no-repeat 50% 50%;content:''; margin-left:40px; margin-top:-30px; background-size:contain; }
.main_sec_press .main_c_box_w02 .main_c_box02 {display:flex; height:50%; align-items: center; padding-left:70px; }
.main_sec_press .main_c_box02.main_bann05 {background:#856442;}
.main_sec_press .main_c_box02.main_bann05:before { background-image: url(../images/main/icon_main_itt_01.png);}
.main_sec_press .main_c_box02.main_bann06:before { background-image: url(../images/main/icon_main_itt_02.png);}


.main_sec_press .main_press_w {}
.main_sec_press .tab_w {}
.main_sec_press .tab_w .tab_tit {position:relative;}
.main_sec_press .tab_w .tab_tit_list { display:flex; overflow: hidden; position:relative; height:58px; padding-right:58px; font-size:18px; font-weight: 300; font-family: 'GmarketSans','Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic';}
.main_sec_press .tab_w .tab_tit_list > li { background:#102945;flex:auto; }
.main_sec_press .tab_w .tab_tit_list > li a.tit {display:block; height:58px; text-align: center; text-align: center; line-height: 58px; opacity: 0.5; }
.main_sec_press .tab_w .tab_tit_list > li a.tit span {position:relative; top:2px }
.main_sec_press .tab_w .tab_tit_list > li a.btn_more {position:absolute; top:0; right:0; width:58px; height:58px;}
.main_sec_press .tab_w .tab_tit_list > li.ac { background:none;flex:0 0 210px; box-shadow: 0 0 50px rgba(0,0,0,0.1);}
.main_sec_press .tab_w .tab_tit_list > li.ac a.tit {font-size:24px; font-weight: 500; line-height: 62px; opacity: 1;}
.main_sec_press .tab_w .tab_tit_list > li.ac a.tit span {top:3px;}
.main_sec_press .tab_w .btn_more {position:absolute; top:0; right:0; width:58px; height:58px;}
.main_sec_press .tab_w .btn_more:before,
.main_sec_press .tab_w .btn_more:after { width:17px; height:1px; background:#fff;margin-left:-8px; margin-top:0;}
.main_sec_press .tab_w .tab_cnt {position:relative; padding:38px 60px 0;}
.main_sec_press .tab_w .tab_cnt .btn_more {top:auto; bottom:100%;}
.main_sec_press .tab_w .tab_cnt .btn_more:before,
.main_sec_press .tab_w .tab_cnt .btn_more:after {display:none;}
.main_sec_press .tab_w .tab_cnt .main_press_list > li {display:flex; margin-bottom:14px;}
.main_sec_press .tab_w .tab_cnt .main_press_list a {display:block; overflow: hidden; position:relative; flex:1; padding-left:10px; font-size:18px; font-weight: 300; white-space:nowrap; text-overflow: ellipsis;}
.main_sec_press .tab_w .tab_cnt .main_press_list a:before { display:block; position:absolute; top:50%; left:0;  width:2px; height:2px; background:#fff;content:'';}
.main_sec_press .tab_w .tab_cnt .main_press_list .d { color:#3f7294;    margin-left: 40px; font-size:15px; font-weight: 400; font-family: 'Montserrat'; }



/* main_visual */
.main_wrapper{display: block;position: relative;width: 100%;}
.main_wrapper .section{display: block;position: relative;width: 100%;height: 100%;text-align: left; box-sizing: border-box;}
.main_wrapper .section dt{display: block;position: relative;color: #fff; font-size: 36px;line-height: 50px;font-family: 'Roboto';font-weight: 500;}
.main_wrapper .section dd{display: block;position: relative;color: #fff; font-size: 16px;line-height: 24px;font-family: 'Roboto';font-weight: 300;}
.main_wrapper .section .btn_wrap{display: block;position: relative;padding-top: 30px;}
.main_wrapper .section .btn_wrap > a{display: inline-block;position: relative;padding: 15px 60px 15px 25px; border: 2px solid #fff;color: #fff;letter-spacing: 1.5px;text-align: center;vertical-align: middle;border-radius: 30px; font-size: 13px;font-weight: 600;line-height: 18px;font-family: 'Roboto'; box-sizing: border-box;transition: all .3s;}
.main_wrapper .section .btn_wrap > a:hover{background: #fff;color: #222;}
.main_wrapper .section .btn_wrap > a:hover:before{ right: 15px;background: url(/common/front/keng/images/ico/arw_right_black.png) no-repeat center right;}
.main_wrapper .section .btn_wrap > a:before{display: block;position: absolute;top: 50%;right: 30px;width: 16px;height: 8px;background: url(/common/front/keng/images/ico/arw_right_white.png) no-repeat center right;content: '';transform: translateY(-50%);transition: all .3s;}

.main_wrapper .section.section02{display: flex;width: 100%;}
.main_wrapper .section.section02 dt{color: #222;}
.main_wrapper .section.section02 dd{padding: 20px 0 50px 0; color: #222;box-sizing: border-box;}
.main_wrapper .section.section02 .lft{display: inline-block;position: relative;width: 50%;height: 100%; padding: 50px 0 0 150px; background: url(/common/front/keng/images/main/main_section02_lft.jpg) no-repeat center center;min-height: 320px;box-sizing: border-box;}
.main_wrapper .section.section02 .rit{display: inline-block;position: relative;width: 50%;height: 100%; padding: 50px 0 0 50px; background: url(/common/front/keng/images/main/main_section02_rit.jpg) no-repeat center center;min-height: 320px;box-sizing: border-box;}
.main_wrapper .section.section02 .btn_nxt{display: block;position: relative;width: 34px;height: 34px;background: #b2b5b4;border-radius: 50%;transition: all .3s;}
.main_wrapper .section.section02 .btn_nxt:before{display: block;position: absolute;top: 50%;left: 50%;width: 16px;height: 8px; background: url(/common/front/keng/images/ico/arw_right_white.png) no-repeat center center;transform: translate(-50%, -50%);transition: all .3s;}
.main_wrapper .section.section02 .btn_nxt:hover:before{left: 25px;}

.main_wrapper .section.section03{width:100%; background: url(/common/front/keng/images/main/main_section03.jpg) no-repeat center center;}
.main_wrapper .section.section03 .cen{position:relative; width:1600px; padding:70px 0; margin:0 auto;}
.main_wrapper .section.section03 .btn_wrap{position:absolute;top:50%;right:0;padding: 0;transform: translateY(-50%);}
.main_wrapper .section.section04{width: 100%;height: 100%;padding: 70px 0;background: url(/common/front/keng/images/main/main_section04.jpg) no-repeat center center;text-align: center; box-sizing: border-box;}

.main_wrapper .section.section01{display: flex;width: 100%;}

.visual_wrapper{display: block;position: relative;width: 100%;overflow: hidden;}
.visual_wrapper .swiper-wrapper{height: 680px;}
.visual_wrapper .swiper-slide{display: block;position: relative; height:100%;}
.visual_wrapper .swiper-slide img{height:100%; object-fit:cover;}
.visual_wrapper .swiper-slide .inner{display: block;position: absolute;top: 50%;left: 50%; height: auto;text-align: center; vertical-align: middle;transform: translate(-50%,-50%);}
.visual_wrapper .swiper-slide .inner dt{display: block;position: relative;color: #fff;font-size: 50px;line-height: 52px;font-family: 'Roboto';font-weight: 700;}
.visual_wrapper .swiper-slide .inner dd{display: block;position: relative;color: #ffff;font-size: 24px;line-height: 40px;font-family: 'Roboto';font-weight:400;}
.visual_wrapper .swiper-slide .inner .btn_wrap{display: block;position: relative;text-align: center;box-sizing: border-box;margin-top: 35px;}
.visual_wrapper .swiper-slide .inner .btn_wrap > a{display: inline-block;position: relative;padding: 15px 60px 15px 25px; border: 2px solid #fff;color: #fff;letter-spacing: 1.5px;text-align: center;vertical-align: middle;border-radius: 30px; font-size: 13px;font-weight: 600;line-height: 18px;font-family: 'Roboto';transition: all .3s; box-sizing: border-box;}
.visual_wrapper .swiper-slide .inner .btn_wrap > a:hover{background: #fff;color: #222;}
.visual_wrapper .swiper-slide .inner .btn_wrap > a:hover:before{right: 15px;background: url(/common/front/keng/images/ico/arw_right_black.png) no-repeat center right;}
.visual_wrapper .swiper-slide .inner .btn_wrap > a:before{display: block;position: absolute;top: 50%;right: 20px;width: 16px;height: 8px;background: url(/common/front/keng/images/ico/arw_right_white.png) no-repeat center right;content: '';transform: translateY(-50%);transition: all .3s;}
.visual_wrapper .swiper_btn{display: inline-block;position: absolute;bottom: 20px; left: 50%; z-index: 9999;transform: translateX(-50%);}
.visual_wrapper .swiper_btn .swiper-pagination{display:inline-block;position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index: 999;width: auto;height:20px;vertical-align:middle;transform: auto;transform: none;transition: auto;/* z-index: 9099; */}
.visual_wrapper .swiper_btn .swiper-pagination .swiper-pagination-bullet{width: 11px;height: 11px;border: 3px solid #fff;opacity: 1;border-radius: 50%;box-sizing: border-box;margin-left: 14px;}
.visual_wrapper .swiper_btn .swiper-pagination .swiper-pagination-bullet:first-of-type{margin-left: 0;}
.visual_wrapper .swiper_btn .swiper-pagination .swiper-pagination-bullet:last-of-type{margin-right: 14px;}
.visual_wrapper .swiper_btn .swiper-pagination .swiper-pagination-bullet-active{width:11px;height: 11px;background: #fff;border-color: #fff;border-radius: 50%;box-sizing: border-box;}
.visual_wrapper .swiper_btn .swiper-pagination .swiper-pagination-bullet-active:first-of-type{margin-left: 0;}
.visual_wrapper .swiper_btn .swiper-pagination .swiper-pagination-bullet-active:last-of-type{margin-right: 14px;}
.visual_wrapper .swiper_btn .swiper_stop{display: inline-block;position: relative;z-index: 999;width: 9px;height: 13px;background: url(/common/front/keng/images/ico/ico_pasue.png) no-repeat center center;vertical-align: middle; content: '';}
/* .visual_wrappe .swiper_btn .swiper_stop:before{display: block;position: absolute;bottom: 23px;left: 50%;transform: translateX(-50%);} */

.video_wrapper{position:relative; display:flex; flex-direction:column; }
.video_wrapper:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0, .2); z-index:1;}

.video_section{position:absolute;top:0;right:0;box-sizing:border-box;z-index: 100;}
.video_section .video_frame{position:relative;width: 420px;height: 230px;overflow:hidden;box-shadow: 5px 5px 20px rgba(0,0,0,0.15);}
.video_section .video_frame:before{content:"";position: absolute;display:block;width:100%;height:100%;background:rgba(0,0,0,0.15);z-index:1;}
.video_section .video_frame iframe{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

.video_section .video_card{position:relative;width: 470px;box-sizing:border-box;padding:24px 24px 20px;background: rgb(15 76 139 / 40%);}
.video_section .video_card:first-child{padding-top: 42px;padding-bottom: 0;}
.video_section .video_card .cate{position: relative;font-size: 22px;font-weight: 300;color:#fff;line-height: 24px;margin-bottom: 12px;}
.video_section .video_card .pic { position:relative; max-height:238px; overflow: hidden; }
.video_section .video_card .pic:before {content:''; display:block; padding-top:58.3%; }
.video_section .video_card .pic img {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%; height:100%; object-fit: cover;}
.video_section .video_card .txt {position:relative;margin-top: 16px;}
.video_section .video_card .txt .t {min-height: 48px;font-size: 17px;font-weight: 400;letter-spacing: 0.5px;color: #fff;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


/* main_visual */



/********** sites_wrapper **********/
.sites_wrapper{display:block;position:relative;padding: 30px 0 50px;background: #f4f4f4;box-sizing:border-box;}
.sites_wrapper .inner_w{max-width:1600px; margin:0 auto;}
.sites_logo { margin-bottom:2.5rem; text-align: center;}
.sites_logo a{display:block;}
.sites_logo img {width: 18.75rem; max-width:60%;}
.sites_wrapper .sites_list{display:flex; position:relative;}
.sites_wrapper .sites_list > li{display:inline-block; position:relative; width:calc((100% / 4) - 30.1px); margin-left:40px;}
.sites_wrapper .sites_list > li:first-of-type{margin-left:0;}
.sites_wrapper .sites_list > li a{display:block; position:relative; transition:all .5s;}
.sites_wrapper .sites_list > li a .img_sec{display:block; overflow:hidden; position:relative; height:270px; box-sizing:border-box;}
.sites_wrapper .sites_list > li a .img_sec img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; min-height:100%; image-rendering:-webkit-optimize-contrast;}
.sites_wrapper .sites_list > li a .img_dec{display:block; position:relative; width:100%; height:165px; padding:15px 20px; background:#fff; box-sizing:border-box;}
.sites_wrapper .sites_list > li a .img_dec dt{display:block; position:relative; color:#222; letter-spacing:-0.5px; text-align:left; font-size:30px; font-weight:700; line-height:1.5;}
.sites_wrapper .sites_list > li a .img_dec dd{display:-webkit-box; overflow:hidden; width:100%; height:72px; color:#333; letter-spacing:-0.5px; text-align:left; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow:hidden; font-size:15px; font-weight:300; line-height:24px;}
.sites_wrapper .sites_list > li:hover a{transform:translateY(-20px); box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);}
/********** //sites_wrapper **********/