@charset "UTF-8";

/*-------------------------------------------------
Version : 1.0
Author : han
-------------------------------------------------*/
.main article {margin:0 auto; max-width:1920px; overflow: hidden;}
.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%;  font-family: 'GmarketSans','Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic'; background: url(../images/main/img_main_bg01.png) no-repeat 50% 50%; background-size:cover;}
.main_sec_medi .main_cnt_visual .in_w {top:45%; transform: translateY(-50%); float:right; 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 {content:''; display:block; position:absolute; left:100%; bottom:50%; margin-left:10px; width:110px; height:1px; background:#fff;}
.main_sec_medi .main_cnt_visual .x1 {font-size:40px; font-weight: 300; line-height: 1.25;}
.main_sec_medi .main_cnt_visual .x1 strong {font-weight: 500;}
.main_sec_medi .main_cnt_visual .x2 { margin-top: 10px;  font-weight:600; font-size:24px; color:#fec250; font-family:'Montserrat'; letter-spacing: 0;}
.main_sec_medi .main_cnt_appointment {height:100%; width:16.7%; text-align: center; background:#0fb027; background: linear-gradient( 135deg, #06a71f, #13b62d);}
.main_sec_medi .main_cnt_appointment ul {display:flex; flex-direction: column; margin:0 auto; width:220px; height:240px; 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 {content:''; display:inline-block; height:100%; vertical-align: middle;}
.main_sec_medi .main_cnt_appointment ul a { padding:10px; font-size:17px; font-weight: 300; vertical-align: middle;
    transition: all 0.2s ease;}
.main_sec_medi .main_cnt_appointment ul > li:hover { flex:0; flex-basis:25%;}
.main_sec_medi .main_cnt_appointment ul > li:hover a {font-size: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 {content:''; display:block; position:absolute; left:50%; top: 0; margin-left:-27.5px; width:55px; height: 55px; background:#059e1d url(../images/main/icon_main_customer.png) no-repeat 50% 50%; 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 {    margin-top: 3px; font-size:24px; font-weight: 600; font-family: 'Montserrat'; letter-spacing: 0 ; }

.main_sec_medi .main_cnt_findStaff input[type="text"],
.main_sec_medi .main_cnt_findStaff input[type="submit"] {height:48px; width:220px; border:none;}
.main_sec_medi .main_cnt_findStaff input[type="text"] {  text-align: center; background:#ececec;}
.main_sec_medi .main_cnt_findStaff input[type="text"]::placeholder {font-size:14px;;}
.main_sec_medi .main_cnt_findStaff input[type="submit"] {margin-top:5px; padding-left:20px; color:#fff; font-size:17px; background:#32353c; background:#32353c url(../images/comm/icon_schS_w.png) no-repeat 65px 55%; 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; align-items: center; flex:1; margin:0 22px 20px;}
.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 {content:''; display:block; position:relative; height:50px; background: url(../images/main/icon_mian_quick_myAin01.png) no-repeat 50% 50%; 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 {padding-right:10px; width:33%; line-height:1.2; text-align: left; 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 {content:''; display:block; position:absolute; left:-1px; top:8px; width:3px; height:3px; background:#fff; border-radius: 50%; }
.main_sec_medi .main_my_barcode dt span:after {content:''; display:block; position:absolute; left:10px; bottom:-5px; right:0; height:1px; background:#fff;}


.main_sec_medi .main_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 {content:''; display:block; position:absolute; left:50%; margin-left:33.4%; width:16.7%; height:100%; background: url(../images/main/img_main_bg02.png) no-repeat 50% 50%; background-size:cover;}

.main_sec_quick {    justify-content: center; height:200px;}
.main_sec_quick:before {content:''; display:block; position:absolute; left:0;  margin-right:33.4%; top:0; width:30%; height:100%; background: #f3efee;}
.main_sec_quick .main_h3_w {position:relative; left:-12.5%; margin-left:25%; padding:48px 0 0 40px; width:25%; height: 100%; background: #f3efee;  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; font-size:14px; color:#a8a5a4; line-height: 1.5;}
.main_sec_quick .main_h3_w .main_h_x:before,
.main_sec_quick .main_h3_w .main_h_x:after {content:''; display:block; position:absolute; right: 42px; bottom:-4px; height:24px;}
.main_sec_quick .main_h3_w .main_h_x:before {width:24px;  background-color: #a8e1b0; border-radius: 50%;}
.main_sec_quick .main_h3_w .main_h_x:after {right: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; align-items: center;   position:relative; left:-12.5%; padding-left: 1.25%; padding-right:4.5%; width:50%; background:#fff;  box-sizing: border-box; }
.main_sec_quick .main_quick_list > li {flex:auto; text-align: center;}
.main_sec_quick .main_quick_list a {font-weight: 500;}
.main_sec_quick .main_quick_list a:before {content:''; display:block; position:relative; top:0; margin-bottom:15px; height:70px; background: url(../images/main/icon_main_useInstruction01.png) no-repeat 50% 0; 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 { justify-content: center; height:275px;}
.main_sec_press .main_press_w {width:calc(50% - 16.7%); background:#143356;}
.main_sec_press .main_c_box_w {display:flex; flex:auto; position:relative; width:50%; overflow: hidden;}
.main_sec_press .main_c_box_w02 {display:flex; flex-direction: column; width:16.7%;}
.main_sec_press .main_c_box_w .main_c_box { height:100%; width:25%;}

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


/*
================================================================

Main Style Sheet

Version : 1.0
Author : CME
First Update : 2022.10.11
Last Update : 2022.00.00

================================================================
*/


/********** common **********/
.main_wrapper{display:block; position:relative;}
.main_wrapper .inner{width:1280px;}
.main_wrapper .inner_w{width:1600px; margin:0 auto;}
/********** //common **********/


/********** text **********/
.cen_tit{display:block;position:relative;color:#222;font-weight:700;font-size: 1.875rem;line-height:1.5;letter-spacing:-0.5px;text-align:center;}
.cen_dec{display:block;position:relative;color:#666;font-weight:300;font-size: 1.250rem;line-height:1.5;letter-spacing:-0.5px;text-align:center;}
.cen_tit + .cen_dec{margin-top:10px;}
/********** //text **********/


/********** visual **********/
.visual_wrapper{display:block; position:relative; padding-bottom:50px;}
.visual_wrapper .swiper-slide{text-align:center; height:498px;}
.visual_wrapper .swiper-slide .inner{position:absolute; top:150px; left:50%; transform:translateX(-50%);}
.visual_wrapper .swiper-slide .slide_dec{display:block; position:relative; text-align:right;}
.visual_wrapper .swiper-slide .slide_dec dt{display:block;position:relative;color:#fff;font-size: 3.000rem;font-weight:700;line-height:1.5;}
.visual_wrapper .swiper-slide .slide_dec dd{display:block;position:relative;color:#fff;font-size: 1.5rem;font-weight:500;line-height:1.5;}

.visual_wrapper .swiper_btns .swiper_prev{display:inline-block; position:absolute; z-index:2; top:50%; left:8%; right:auto; bottom:auto; transform:translateY(-50%); width:45px; height:45px; text-indent:-9999px; overflow:hidden; background:url(../images/main/ico_visual_prev.png)no-repeat center center; cursor:pointer;}
.visual_wrapper .swiper_btns .swiper_next{display:inline-block; position:absolute; z-index:2; top:50%; left:auto; right:8%; bottom:auto; transform:translateY(-50%); width:45px; height:45px; text-indent:-9999px; overflow:hidden; background:url(../images/main/ico_visual_next.png)no-repeat center center; cursor:pointer;}
.visual_wrapper .swiper_btns .swiper_prev.swiper-button-disabled{background:url(../images/main/ico_visual_prev_off.png)no-repeat center center;}
.visual_wrapper .swiper_btns .swiper_next.swiper-button-disabled{background:url(../images/main/ico_visual_next_off.png)no-repeat center center;}
.visual_wrapper .visual_cen_dec{display:block;position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);}
.visual_wrapper .visual_cen_dec > .inner{display:flex;align-items: stretch;}
.visual_wrapper .visual_cen_dec > .inner > dl{display:table-cell;vertical-align:top;position:relative;padding:40px 65px;box-sizing:border-box;background: #0a51a1;}
.visual_wrapper .visual_cen_dec > .inner > dl dt{display:block;position:relative;text-align:left;color: #fff;font-size:30px;font-weight:700;letter-spacing:-0.5px;line-height:1.5;word-break:keep-all;}
.visual_wrapper .visual_cen_dec > .inner > dl dd{display:block;position:relative;margin-top:10px;text-align:left;color: #fff;font-size:20px;font-weight:300;letter-spacing:-0.5px;line-height:1.5;word-break:keep-all;}
.visual_wrapper .visual_cen_dec > .inner > dl:nth-of-type(even){background:#0a51a1;}
.visual_wrapper .visual_cen_dec > .inner > dl:nth-of-type(even) dt{color:#fff;}
.visual_wrapper .visual_cen_dec > .inner > dl:nth-of-type(even) dd{color:#fff;}

.visual_wrapper .visual_cen_dec > .inner [class^='box_link']{display: block;background: #fff;width:270px;padding: 2.5rem 2.5rem;box-sizing:border-box;font-size: 1.875rem;font-weight:700;color: #000;vertical-align: top;transition: all .3s;box-shadow: 0 15px 30px rgb(233 237 243 / 60%);}
.visual_wrapper .visual_cen_dec > .inner [class^='box_link']:hover{transform:translate(-4%, -4%)}
.visual_wrapper .visual_cen_dec > .inner a[class^='box_link'] .link_tit{display: block;height:76px;font-size: 1.875rem;letter-spacing: -2px;line-height: 1.2;font-weight:700;text-align: left;}
.visual_wrapper .visual_cen_dec > .inner a[class^='box_link'] .link_dec{display: block;font-size: 0.938rem;line-height: 1.500rem;font-weight:400;text-align: left;}

.visual_wrapper .visual_cen_dec > .inner a.box_link_sty01{flex: 0 270px;background:#ffffff url(../images/main/ico_main_pen.png) no-repeat calc(100% - 40px) calc(100% - 36px);color:#000;}
.visual_wrapper .visual_cen_dec > .inner a.box_link_sty02{flex: 0 0 270px;background:#19cb8e url(../images/main/ico_main_target.png) no-repeat calc(100% - 40px) calc(100% - 36px);color: #fff;}
.visual_wrapper .visual_cen_dec > .inner a.box_link_sty03{flex: 1;background:#0a51a1;color:#fff;}
.visual_wrapper .visual_cen_dec > .inner a.box_link_sty04{background:#3a92d5; color:#fff;}
.visual_wrapper .visual_cen_dec > .inner a.box_link_sty05{background:#8e9fba;color: #fff;}


/********** //visual **********/


/********** news_wrapper **********/
.main_wrapper .news_wrapper{display:table; table-layout:fixed; position:relative; width:100%; padding:30px 0 50px;}


/* board */
.main_wrapper .news_wrapper > .board_wrapper{display:table-cell; position:relative; width:calc(100% - 400.1px); padding-right:80px; vertical-align:top; box-sizing:border-box;}
.main_wrapper .news_wrapper > .board_wrapper .main_tab{display:flex; position:relative; width:calc(100% - 50.1px);}
.main_wrapper .news_wrapper > .board_wrapper .main_tab > li{display:inline-block; position:relative; flex:1;}
.main_wrapper .news_wrapper > .board_wrapper .main_tab > li a{display:block;position:relative;padding:10px 5px;border:1px solid #ccc;color:#333;font-weight:500;font-size: 1.125rem;line-height:28px;letter-spacing:-0.5px;text-align:center;z-index:2;box-sizing:border-box;border-left:0;transition:all .3s;}
.main_wrapper .news_wrapper > .board_wrapper .main_tab > li:first-of-type a{border-left:1px solid #ccc;}
.main_wrapper .news_wrapper > .board_wrapper .main_tab > li a:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#0a51a1; content:""; z-index:-1; border-radius:3px; box-sizing:border-box; box-shadow:0 5px 5px rgba(0, 0, 0, 0.16); opacity:0; transition:all .3s;}
.main_wrapper .news_wrapper > .board_wrapper .main_tab > li.on a{color:#fff; font-weight:700;}
.main_wrapper .news_wrapper > .board_wrapper .main_tab > li.on a:before{opacity:1;}
.main_wrapper .news_wrapper > .board_wrapper .more_box{display:inline-block; position:absolute; top:0; right:80px; width:50px; height:50px;}
.main_wrapper .news_wrapper > .board_wrapper .more_box li{display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.main_wrapper .news_wrapper > .board_wrapper .more_box .main_more{display:none; position:relative; width:100%; height:100%; border:1px solid #ccc; background:#fff; box-sizing:border-box; border-left:0; text-indent:-9999px; overflow:hidden; z-index:10}
.main_wrapper .news_wrapper > .board_wrapper .more_box .main_more:before{display:block; position:absolute; top:50%; left:50%; width:30%; height:2px; background:#000; content:""; transform:translate(-50%, -50%);}
.main_wrapper .news_wrapper > .board_wrapper .more_box .main_more:after{display:block; position:absolute; top:50%; left:50%; width:2px; height:30%; background:#000; content:""; transform:translate(-50%, -50%);}
.main_wrapper .news_wrapper > .board_wrapper .more_box li.on .main_more{display:block;}

.main_wrapper .news_wrapper > .board_wrapper .board_con{display:block; position:relative;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_noti{display:block; position:relative;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_noti a{display:block;position:relative;width:100%;padding: 1.5rem 0;box-sizing:border-box;border-bottom:1px solid #ccc;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_noti .date{display:block; position:absolute; top:50%; left:20px; transform:translateY(-50%); width:100px; height:100px; padding:20px 0; border-radius:100px; box-sizing:border-box; background:#0a51a1;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_noti .date dt{display:block;position:relative;text-align:center;color:#fff;font-family:"Roboto", sans-serif;font-size: 1.875rem;font-weight:400;letter-spacing:-0.25px;line-height: 1;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_noti .date dd{display:block;position:relative;margin-top:5px;text-align:center;color:#fff;font-family:"Roboto", sans-serif;font-size: 1.00rem;font-weight:400;letter-spacing:-0.25px;line-height:24px;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_noti .dec{display:block; position:relative; width:100%; padding-left:140px; box-sizing:border-box;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_noti .dec dt{display:block;position:relative;text-align:left;color:#222;font-size: 1.125rem;font-weight:400;letter-spacing:-0.5px;line-height:30px;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_noti .dec dd{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;width:100%;height: 4.5rem;margin-top:10px;text-align:left;color:#666;font-size: 0.938rem;font-weight:300;letter-spacing:-0.5px;line-height: 1.5rem;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_noti a:hover .dec dt{text-decoration:underline;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_noti a:hover .dec dd{text-decoration:underline;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_list{display:block;position:relative;padding-top: 0.938rem;box-sizing:border-box;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_list > li{display:block; position:relative;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_list > li + li{margin-top:15px;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_list > li a{display: flex;table-layout:fixed;position:relative;width:100%;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_list > li a .tit{display: block;vertical-align:middle;position:relative;width:calc(100% - 100.1px);text-align:left;color:#222;font-size: 1.125rem;font-weight:400;letter-spacing:-0.5px;line-height: 1.875rem;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_list > li a .date{display: block;vertical-align:middle;position:relative;width:100px;text-align:right;color:#666;font-size: 1.000rem;font-weight:400;letter-spacing:-0.25px;line-height:30px;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_list > li a:hover .tit{text-decoration:underline;}
.main_wrapper .news_wrapper > .board_wrapper .board_con .board_list > li.empty{display:block; position:relative; padding:15px 0; box-sizing:border-box; text-align:center; color:#222; font-size:18px; font-weight:400; letter-spacing:-0.5px; line-height:30px;}

/* banner */
.main_wrapper .news_wrapper > .banner_wrapper{display:table-cell; vertical-align:top; width:400px;}
.main_wrapper .news_wrapper > .banner_wrapper .banner_swiper{width:100%;}
.main_wrapper .news_wrapper > .banner_wrapper .banner_swiper .swiper-slide{}
.main_wrapper .news_wrapper > .banner_wrapper .banner_swiper .swiper-slide a{display:block; position:relative;}
.main_wrapper .news_wrapper > .banner_wrapper .banner_swiper .swiper-slide a img{width:100%; image-rendering:-webkit-optimize-contrast;}
.main_wrapper .news_wrapper > .banner_wrapper .swiper_btns{display:inline-block; position:absolute; top:0; right:0;}
.main_wrapper .news_wrapper > .banner_wrapper .swiper_btns .swiper-pagination{display:inline-block; position:relative; top:auto; right:auto; bottom:auto; left:auto; width:auto; height:20px; vertical-align:middle;}
.main_wrapper .news_wrapper > .banner_wrapper .swiper_btns .swiper-pagination .swiper-pagination-current{font-weight:500;}
.main_wrapper .news_wrapper > .banner_wrapper .swiper_btns .swiper_prev{display:inline-block; position:relative; vertical-align:middle; width:20px; height:20px; background:url(../images/main/ico_swiper_prev.png)no-repeat center center;}
.main_wrapper .news_wrapper > .banner_wrapper .swiper_btns .swiper_next{display:inline-block; position:relative; vertical-align:middle; width:20px; height:20px; background:url(../images/main/ico_swiper_next.png)no-repeat center center;}
.main_wrapper .news_wrapper > .banner_wrapper .swiper_btns .swiper_stop{display:inline-block; position:relative; vertical-align:middle; width:20px; height:20px; background:url(../images/main/ico_swiper_stop.png)no-repeat center center;}
/********** //news_wrapper **********/


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


/**********  **********/
/**********  **********/


/**********  **********/
/**********  **********/


/********** responsive **********/
/**********  **********/
@media (max-width:1620px){

    /********** common **********/
    .main_wrapper{display:block;position:relative;box-sizing:border-box;}
    .main_wrapper .inner{width:1200px; margin:0 auto;}
    .main_wrapper .inner_w{width: 100%;padding: 0 24px;margin:0 auto;box-sizing: border-box;}




}

@media (max-width:1440px){

    .sites_list > li{width:calc((100% / 4) - 18px); margin-left:24px;}


}

@media (max-width:1380px){


    .sites_list > li{margin:0 0 0 1.250rem;}
    .sites_list > li a .img_dec dt{font-size: 1.500rem;}

    .img_list{flex-wrap:wrap;}
    .img_list > li{width:48%;}
    .img_list > li > a{display: inline-flex;width: 100%;align-items: center;}
    .img_list > li .img_sec{width:40%;height: auto;}
    .img_list > li .img_dec{padding: 0 24px;flex:1;}
    .img_list > li .img_dec dt{font-size:1.500rem;}



}
@media (max-width:1254px){

    .main_wrapper .inner{width:100%;padding: 0 24px;flex-wrap: wrap;box-sizing: border-box;}
    .visual_wrapper{padding:0;}
    .visual_wrapper .swiper-slide{height: auto;min-height: 240px;max-height:370px;}
    .visual_wrapper .swiper-slide img{width:100%; height:100%; object-fit:cover;}
    .visual_wrapper .swiper-slide .inner{top: 50%;left: auto;padding: 0 24px;text-align: center;box-sizing: border-box;transform: translate(0, -50%);}
    .visual_wrapper .swiper-slide .slide_dec{text-align: center;}
    .visual_wrapper .swiper-slide .slide_dec dt{font-size:2.00rem;}
    .visual_wrapper .swiper-slide .slide_dec dd{font-size:1.125rem;}
    .visual_wrapper .swiper_btns{display:none;}

    .visual_wrapper .visual_cen_dec{position: relative;bottom: auto;left: auto;padding: 24px 0;transform: translate(0);}
    .visual_wrapper .visual_cen_dec > .inner > dl{width: auto;min-width: 30%;padding: 1.5rem;flex: 1;}
    .visual_wrapper .visual_cen_dec > .inner > dl dt{font-size:1.250rem;word-break: break-all;}
    .visual_wrapper .visual_cen_dec > .inner > dl dd{font-size: 1.000rem;}
    .visual_wrapper .visual_cen_dec > .inner a.box_link_sty01{border:1px solid #d6d6d6;}

    .main_wrapper .news_wrapper > .board_wrapper{padding-right:24px;}
    .main_wrapper .news_wrapper > .board_wrapper .more_box{right: 24px;}

    .sites_list{flex-wrap:wrap; gap: 1.250rem;}
    .sites_list > li{width: calc((100% / 2) - 0.625rem);margin: 0;background: #fff;}
    .sites_list > li a{display:inline-flex;}
    .sites_list > li a .img_sec{height: 185px;flex: 1 0 auto;}
    .sites_list > li a .img_dec{width:60%;padding: 20px;background: transparent;flex:1;}
    .sites_list > li a .img_dec dd{margin-top:1rem;}


}
@media (max-width:968px){

    .site_list > li{width:calc(50% - 0.625rem)}
    .sites_list > li a{display:block;}
    .sites_list > li a .img_sec{width:100%;}
    .sites_list > li a .img_dec{width:100%;}

    .main_wrapper .news_wrapper{display:block;}
    .main_wrapper .news_wrapper > .board_wrapper{display:block; width:100%; padding-right:0;}
    .main_wrapper .news_wrapper > .board_wrapper .more_box{right:0;}
    .main_wrapper .news_wrapper > .banner_wrapper{ display: block; position: relative;width: 100%; padding: 40px 0 0 0; margin-top: 40px;}
}

@media (max-width:860px){

    .visual_wrapper .visual_cen_dec > .inner a.box_link_sty01{flex:1;}
    .visual_wrapper .visual_cen_dec > .inner a.box_link_sty02{flex:1; }
    .visual_wrapper .visual_cen_dec > .inner a.box_link_sty03{flex:1; }
    .visual_wrapper .visual_cen_dec > .inner a.box_link_sty03 .link_dec{display:none;}
    .visual_wrapper .visual_cen_dec > .inner a[class^='box_link']{padding:1.5rem;}
    .visual_wrapper .visual_cen_dec > .inner a[class^='box_link'] .link_tit{font-size:1.250rem;word-break: break-all;}
    .visual_wrapper .visual_cen_dec > .inner a[class^='box_link'] .link_tit em{display:block;}
}
@media (max-width:768px){

    .inner_w{display: block;width: 100%;padding:0 24px;margin:0;box-sizing: border-box;}



}
@media (max-width:640px){




}
@media (max-width:428px){

    .visual_wrapper .visual_cen_dec > .inner{flex-wrap:wrap;}

    .visual_wrapper .visual_cen_dec > .inner a[class^='box_link']{display: table; background-image: none; padding:1.5rem 0;}
    .visual_wrapper .visual_cen_dec > .inner a[class^='box_link'] .link_tit{display:table-cell;vertical-align:middle;word-break:break-all;text-align: center;}


    .visual_wrapper .visual_cen_dec > .inner a[class^='box_link'] .link_dec{display:none;}


    .sites_list > li{width:calc((100% / 1 ) - 0px);margin: 0;}
    .sites_list > li:first-of-type{margin:0 0 16px 0;}
    .sites_list > li:nth-child(2n){margin:0 0 16px 0;}



}
/********** //responsive **********/