@charset "utf-8";/* CSS Document */

/* main-visual { *********************************************************************************************/
.main-visual-wr { margin-top:90px; } 
.swiper-container-mainvisual { position:relative; height:75vh; overflow:hidden; } 
.swiper-container-mainvisual div.swiper-slide div.img-wr { position:relative; } 
.swiper-container-mainvisual div.swiper-slide div.img-wr:after { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; } 
.swiper-container-mainvisual div.swiper-slide div.img-wr img { /* width:100%; */ height:100%; display:block; position:relative; } 
.swiper-container-mainvisual div.swiper-slide div.text-wr { width: 90%; position:absolute; top:310px; left:50%; transform:translate(-50%,-50%); width:70%; max-width:1000px; color:#fff; letter-spacing:-1px; text-align:center } 
.swiper-container-mainvisual div.swiper-slide div.text-wr p.tit { font-size:62px; line-height:1.1; text-shadow:1px 1px 2px rgba(0,0,0,0.5); font-weight:100 } 
.swiper-container-mainvisual div.swiper-slide div.text-wr p.tit > strong { display:block; font-weight:500; font-size:80px; } 
.swiper-container-mainvisual div.swiper-slide div.text-wr p.text { font-family: 'nanumsquare';  font-size: 24px; font-weight: 500; margin-top: 120px; letter-spacing: 0; } 
.swiper-container-mainvisual div.swiper-slide div.text-wr a.gomore { color:#fff; font-size:16px; font-weight:300; position:absolute; bottom:0; left:80%; } 
.swiper-container-mainvisual div.swiper-slide div.text-wr a.gomore span.line { display:block; position:relative; margin-top:5px; background-color:#fff; width:100px; height:1px; transition: all .2s; } 
.swiper-container-mainvisual div.swiper-slide div.text-wr a.gomore span.arrow { display:block; position:absolute; top:-6px; right:-2px; background-color:#fff; width:15px; height:1px; transform: rotate( -130deg ); } 
.swiper-container-mainvisual div.swiper-slide div.text-wr a.gomore:hover span.line { width:150px; transition: all .2s; } 
#img-wr00 { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../img/main_visual00.jpg') no-repeat center/cover; } 
#img-wr01 { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../img/main_visual01.jpg') no-repeat center/cover; background-position:30% center; } 
#img-wr02 { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../img/main_visual02.jpg') no-repeat center/cover; } 

.mgBTM15 { margin-bottom: 15px; }
.mob_show { display: none; }

/* .main_section { width:100%; padding:80px 0; position:relative; }  */
/* .main_section { width:100%; padding:105px 0 80px; position:relative; }  */
.main_section .main_tit { text-align:center; } 
.main_section .main_tit .tit_logo { margin-bottom: 20px; } 
.main_section .main_tit .tit { font-size: 33px; letter-spacing: -1px; color: #222; margin-bottom: 20px; font-family: 'nanumsquare';} 
.main_section .main_tit .txt { transform: skew(-0.1deg); font-size: 18px; font-weight: 400; color: #747373; box-sizing: border-box; line-height: 22px; letter-spacing: -0.5px; margin: 25px auto 0; font-family: 'nanumsquare';} 
/* main_cont1 { *********************************************************************************************/
.thumb_list { margin-top:50px; padding-bottom: 105px; border-bottom: 2px solid #ffcb05; } 
.thumb_list ul li { float:left; width: calc( 33.3333% - 1.4%); margin-right:2%; } 
.thumb_list ul li:last-child { margin-right:0 } 
.thumb_list ul li a { display:block; width:100%; height:100%; } 
.thumb_list ul li a .thum_img { position: relative; width:100%; height:100%; overflow:hidden; box-sizing:border-box; background-color: #111; } 
.thum_img .view_btn { transform: scale(0.5); z-index: 2; opacity: 0; visibility: hidden; width: 66px; height: 66px; position: absolute; left: 0; right: 0; top: 100px; margin: auto; transition: all 0.3s;} 
.thum_img .view_btn img { width: 100%; }  
.thum_img > img { position: relative; z-index: 1; display: block; transition: all 0.3s ease; overflow: hidden !important; width:100%; } 
.thumb_list ul li:hover a .thum_img > img { opacity: 60%; width:100%; transform:scale(1.03); overflow:hidden !important; } 
.thumb_list ul li:hover a .thum_img .view_btn { transform: scale(1.2); opacity: 1; visibility: visible; } 
.thumb_list ul li:hover a .captions { background-color: #e6e6e6; } 
.thumb_list ul li a .captions { transition: all 0.3s ease; width: 100%; box-sizing: border-box; border: 1px solid #ddd; padding: 30px 20px; text-align:left; } 
.thumb_list ul li a .captions dt { font-size: 22px; font-weight: bold; color: #222; margin-bottom: 15px; line-height: 30px; font-family: 'nanumsquare'; } 
.thumb_list ul li a .captions dd { font-size:15px; line-height:24px; font-weight:500; color:#666666; font-family: 'nanumsquare';} 
/* .thumb_list ul li:hover a .captions dt { color: #0ca2e0; background: -webkit-gradient(linear,left top,right top,color-stop(32%,#0ca2e0),color-stop(100%,#27dde8)); background: -webkit-linear-gradient(left,#0ca2e0 32%,#27dde8 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }  */
@media all and (max-width : 1280px ){
    .thum_img .view_btn { top: 40%; }
}
@media all and (max-width : 980px ){
    .thum_img .view_btn { width: 55px; height: 55px; top: 35%; }
}
@media all and (max-width : 765px ){
    .thum_img .view_btn { top: 40%; width: 66px; height: 66px; } 
}
@media all and (max-width : 360px ){
    .thum_img .view_btn { top: 38%; width: 55px; height: 55px; } 
}


/* main_cont1 { *********************************************************************************************/
#contents01 { padding: 90px 0 105px; }
/* main_cont2 { *********************************************************************************************/
#contents02 {  } 
.sec2_group { width: 100%; background-color: #ddd; display: flex; margin-top: 75px; display: flex;}
.sec2_group .sec2_box { transition: all 0.3s ease-in-out; cursor: pointer; overflow: hidden; width: calc(100% / 4); height: 100%; position: relative; background-color: #ffcb05;}
.sec2_group .sec2_box .text { transition: all 0.4s ease-in-out; z-index: 1; text-align: center; font-family: 'nanumsquare'; position: absolute; width: 100%; height: 100%; color: #fff; padding: 80% 0 62px;}
.sec2_group .sec2_box:nth-child(1) .text { padding: 74.5% 0 62px;}
.sec2_group .sec2_box .text h3 { line-height: 36px; font-size: 30px; font-family: 'nanumsquare'; text-align: center; }
.sec2_group .sec2_box .text span { display: block;  position: relative; bottom: -40px; visibility: hidden; opacity: 0; transition:.4s ease-in-out; transition-delay: .1s;  width: 29px; height: 1px; background-color: #fff; margin: 25px auto; }
.sec2_group .sec2_box .text p { line-height: 20px; position: relative; bottom: -40px; visibility: hidden; opacity: 0; transition: .4s ease-in-out; transition-delay: .1s;  font-size: 18px; font-weight: 500; padding-bottom: 20px;}
.sec2_img img { width: 100%; opacity: 100%; transition: all 0.3s ease-in-out; }

.sec2_group .sec2_box:hover {  box-shadow: 0px 33px 40px 0 rgb(0 0 0 / 20%); }
.sec2_group .sec2_box:hover .sec2_img img { opacity: 20%; }
.sec2_group .sec2_box:hover .text { padding: 34% 0; }
.sec2_group .sec2_box:hover .text span { visibility: visible; opacity: 1; bottom: 0;}
.sec2_group .sec2_box:hover .text p { visibility: visible; opacity: 1; bottom: 0;}

/* main_cont3{ *********************************************************************************************/
#contents03 { padding: 80px 0 105px; }
.sec3_wrap { margin-top: 75px; display: flex; font-family: 'nanumsquare'; justify-content: space-between;}
.sec3_notice { width: 100%; max-width: 650px;  }
.notice_tit { display: flex; justify-content: space-between; padding-bottom: 32px; border-bottom: 1px solid #000; align-items: center; }
.notice_tit h3 { font-size: 24px; font-weight: 500; color:#edbb00;}
.notice_tit span img { vertical-align: middle; }
.notice_tit .more_btn { font-size: 16px; color: #a4a4a4; }
.notice_tit .more_btn span:nth-child(1){ margin-right: 10px;}

.sec3_img_mob { display: none; }

.sec3_recruitment { position: relative; color: #fff; width: 100%; max-width: 530px; height: 333px;}
.sec3_recruitment img { position: absolute; top: 0; right: 0;}
.sec3_recruitment .recruitment_cnt { position: absolute; width: 100%; padding: 75px 65px 0; }
.sec3_recruitment .recruitment_cnt h3 { font-size: 24px; }
.sec3_recruitment .recruitment_cnt span { display: block; width: 29px; height: 1px; background-color: #fff; margin: 20px 0; }
.sec3_recruitment .recruitment_cnt p { font-size: 18px; line-height: 28px;}
.sec3_recruitment .recruitment_cnt .rec_view_btn { color: #fff;  border-radius: 50px; font-size: 15px; width: 135px;  display: block; margin-top: 40px; border: 1px solid #fff;  padding: 12px 40px; }

.sec3_recruitment .recruitment_cnt .rec_view_btn:hover { background: #fff; color: #222; }
/* main_cont4 { *********************************************************************************************/
#contents04 { background: url(/img/sec4_banner_bg.jpg) no-repeat; background-position: center; } 
#contents04 .inner:after { display: none; }
.main_section.banner { padding: 40px 0; }
#contents04 .inner {display: flex; font-family: 'nanumsquare'; justify-content: space-between;}
#contents04 .inner .bnr_left { margin-right: 5%; }
#contents04 .inner .bnr_left .bnr_tit { margin-top: 72px; }
#contents04 .inner .bnr_left span { display: block; width: 29px; height: 1px; background-color: #fff; margin: 20px 0; }
#contents04 .inner .bnr_left p { line-height: 30px; font-size: 24px; font-weight: normal; color: #fff; }
#contents04 .inner .bnr_right { width: 100%; max-width: 617px; background-color: rgba(236,246,245,0.5); padding: 75px; }
#contents04 .inner .bnr_right h3 { color: #16b1a0; font-size: 34px; font-weight: bold;  font-family: 'nanumsquare';}
#contents04 .inner .bnr_right .bnr_right_txt { color: #1d1d1d; }
#contents04 .inner .bnr_right .bnr_right_txt h5 { font-size: 24px; margin-top: 30px; font-family: 'nanumsquare';}
#contents04 .inner .bnr_right .bnr_right_txt .number { font-size: 36px; font-weight: 900; margin: 10px 0; }
#contents04 .inner .bnr_right .bnr_right_txt p { font-size: 20px; font-weight: bold; }

/* main_cont4 { *********************************************************************************************/
/* .sec5_group { width: 686px; display: flex; }
.sec5_group li { width: calc(100% / 3); }
 */

    /*애니메이트*/
#wrap .aniTarget { opacity: 0; } 
#wrap .animated { opacity: 1; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
#wrap .animated.delay-1s { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } 
#wrap .animated.delay-2s { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } 
#wrap .animated.delay-3s { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } 
@-webkit-keyframes fadeInUp { 
 from { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 
 to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 
 }
@keyframes fadeInUp { 
 from { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 
 to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 
 }
#wrap .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } 
.pc_hide { display:none } 
#contents03 .pic_lt { box-sizing:border-box; overflow:hidden; } 
#contents03 .pic_lt ul li a { display:block; width:100%; height:100%; } 
#contents03 .pic_lt ul li a > img { width:100%; height:auto; transition: all 0.3s ease; border:1px solid #ddd } 
#contents03 .newsArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar { top:auto; bottom:0; height: 6px; margin-bottom:10px } 
.newsArea .swipeArea .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #0ca2e0; background: #0ca2e0; background: -webkit-linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%); background: linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%); } 



@media screen and (max-width:1500px) {}
@media all and (max-width:1280px) {.thumb_list ul li a .captions { height:180px; } 
.pic_tit.captions dt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#contents02 .icon_list li figcaption > strong { font-size:20px } 
.sec2_group .sec2_box:nth-child(1) .text { padding: 64.5% 0 62px; }
.sec2_group .sec2_box .text { padding: 70% 0 62px; }
.sec2_group .sec2_box .text h3 { line-height: 32px; font-size: 22px; }
.sec2_group .sec2_box .text p { padding-bottom: 10px; font-size: 16px; }
.sec2_group .sec2_box:hover .text { padding: 23% 0 ; }

.sec3_notice { width: calc(49% - 1% );}
.sec3_recruitment { width: 48%; overflow: hidden; }
.sec3_recruitment .recruitment_cnt { padding: 70px 8% 0; }
.sec3_recruitment .recruitment_cnt .mob_show { display: block; }

#contents04 { padding:45px 0 } 
#contents04 .inner .bnr_left p { font-size: 20px; line-height: 26px; }
#contents04 .inner .bnr_right { max-width: 500px; } 
#contents04 .inner .bnr_right h3 { font-size: 32px; }
#contents04 .inner .bnr_right .bnr_right_txt .number { font-size: 30px; }
 }
@media all and (max-width:1180px) {#contents02 .icon_list li figure > img { width:52%; height:auto; } 
 }
@media all and (max-width:1150px) {}
@media all and (max-width:1040px) {
.sec2_group .sec2_box .mob_show { display: block; }
}
@media all and (max-width:981px) {.main-visual-wr { margin-top:40px; } 
/* main-visual { *********************************************************************************************/
.swiper-container-mainvisual div.swiper-slide div.text-wr { top: 260px; }
.swiper-container-mainvisual div.swiper-slide div.text-wr p.tit img { width: 100%; } 
.swiper-container-mainvisual div.swiper-slide div.text-wr p.tit > strong { font-size:60px; } 
.swiper-container-mainvisual div.swiper-slide div.text-wr p.text { font-size:19px; } 
.swiper-container-horizontal > .swiper-pagination-bullets { bottom:20px !important; } 
.pic_tit.captions dt { font-size: 20px; }
.pic_tit.captions dd { font-size: 14px; }
/* main-tit { *********************************************************************************************/
.main_section { padding:60px 0; } 
.main_section .main_tit .tit { font-size:35px; } 
.main_section .main_tit .txt { font-size:16px; } 
/* main_cont1 { *********************************************************************************************/
#contents01 { padding: 70px 0 ; }
.thumb_list { padding-bottom: 40px; }
.thumb_list ul li a .captions { padding: 1.5em 1.2em; } 
.thumb_list ul li a .captions dt { font-size:17px; } 
.thumb_list ul li a .captions dd { font-size:14px; } 
/* main_cont2 { *********************************************************************************************/
#contents02 { padding: 0; }
#contents02 .icon_list li { width: calc(25% - 1.4%); } 
#contents02 .icon_list li figure > img { width:60%; } 
#contents02 .icon_list li figcaption { line-height:1.5; font-size:13px; } 
#contents02 .icon_list li figcaption > strong { font-size:18px; margin-top:5px } 
#contents02 .icon_list li figcaption > strong > i { margin-top:0 } 

.sec2_group { flex-wrap: wrap; margin-top: 60px; }
.sec2_group .sec2_box { width: calc(100% / 2); }
.sec2_group .sec2_box .text h3 { font-size: 1.6rem; line-height: 1.2; }
.sec2_group .sec2_box .text p { font-size: 1.2rem; padding-bottom: 18px; }
.sec2_group .sec2_box .mob_show { display: none; } 
.sec2_group .sec2_box:hover .text { padding: 20% 0; }


#contents03 { padding: 70px 0; }

#contents04 .inner .bnr_right { padding: 75px 50px; }
 }
@media all and (max-width:850px) {.main_section .main_tit .tit { font-size:30px; margin-bottom:15px; } 
.main_section .main_tit .txt { font-size:15px; } 
.thumb_list { margin-top: 30px; } 
.thumb_list ul li a .captions dt { font-size:16px; } 
.thumb_list ul li a .captions dd { font-size:13px; } 
/* main_cont2 { *********************************************************************************************/
#contents02 .icon_list { margin-top:30px } 
#contents02 .icon_list li { width:50%; border: 1px solid #ddd; margin:0; padding: 2em 0.5em; margin-left: -1px; margin-bottom: -1px; } 
#contents02 .icon_list li figure > img { width:40% } 

/* main_cont4 { *********************************************************************************************/
/* #contents04 { padding:55px 0 }  */
#contents04 .txt_box h4 { font-size:34px } 
#contents04 .txt_box p { font-size: 18px; margin-top:25px } 
#contents04 .txt_box a.gr_btn { width: 180px; height: 40px; line-height: 35px; font-size: 14px; } 
 }
@media all and (max-width:765px) {.thumb_list ul li { float:none; width:100%; margin-bottom:30px; } 
.thumb_list ul li a .captions { height:auto; padding: 2em 1.2em; } 
.thumb_list ul li a .captions dt { font-size:20px; } 
.thumb_list ul li a .captions dd { font-size:15px; } 


.pic_lt .swiper-wrapper { flex-direction: column; }  

#contents05 .inner div.arti_wrap article .latest_wr { width:100%; margin:0 } 

/* #contents03 .inner { width:100% }  */
.newsArea { padding:0 } 
.newsArea .swipeArea { position:static; margin-top:10px; } 
.newsArea .swipeArea .swiper-container { padding:0 0px 0 50px; } 
.newsArea .swipeArea .swiper-button-prev { top:500px; width:80px; height:80px; background-size:80px 80px; display:none !important } 
.newsArea .swipeArea .swiper-button-next { top:500px; left:650px; width:80px; height:80px; background-size:80px 80px; display:none !important } 
.newsArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar { width:calc(100vw - 0px); left:15px } 
/*.newsArea .swipeArea .swiper-slide { } */
/* .pic_lt ul li { width: 500px !important; display:block; }  */
.sec2_group .sec2_box .text h3 { font-size: 24px; }
.sec2_group .sec2_box .text p { font-size: 18px; }



.sec3_wrap { flex-direction: column; }
.sec3_notice { max-width: 100%; width: 100%; }
.notice_tit { padding-bottom: 20px; }
.notice_tit h3 { font-size: 22px; }
.sec3_recruitment { margin-top: 20px; width: 100%; max-width: 100%; height: 300px; }
.sec3_recruitment .recruitment_cnt { padding: 50px 10% 0; }
.sec3_recruitment .recruitment_cnt .mob_show { display: none; }
.sec3_recruitment .recruitment_cnt h3 { font-size: 22px; }
.sec3_recruitment .recruitment_cnt p { font-size: 16px; line-height: 24px; }

.sec3_img_pc { display: none; }
.sec3_recruitment .sec3_img_mob { display: block; top: -90px; right: -100px; }
.sec3_recruitment .recruitment_cnt .mob_show { display: block; }
#contents04 .inner .bnr_left { display: none; }
#contents04 .inner .bnr_right { width: 100%; max-width: 100%; padding: 75px 20%; }

.small_banner > img.m_hide { display:block; } 
.small_banner > img.pc_hide, .small_banner > img.m_hide.mobile { display:none; } 
}
@media screen and (max-width:660px ) {
/* .m_hide { display:none; }  */

#wrap .animated.delay-1s { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } 
#wrap .animated.delay-2s { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } 
#wrap .animated.delay-3s { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } 

/* main_cont4 { *********************************************************************************************/

#contents04 .txt_box h4 { font-size:29px } 
#contents04 .txt_box p { font-size: 15px; margin-top:20px } 
#contents04 .txt_box a.gr_btn { font-size: 13px; } 

#contents05 .inner div.arti_wrap article { float: none; width: 100%; margin-bottom: 50px; margin-right: 0; height: 300px; max-height: none; box-sizing: border-box; } 
#contents05 .inner div.arti_wrap article:last-child { width:100%; height:30vh; margin-bottom:0 } 

#contents05 .inner div.arti_wrap article:last-child { height:38vh } 
.small_banner > img.m_hide, .small_banner > img.pc_hide { display:none; } 
.small_banner > img.m_hide.mobile { display:block; } 
 }
 @media all and (max-width:590px) {
.sec2_group .sec2_box .mob_show { display: block; }
 }
@media screen and (max-width:570px ) {/* main-visual { *********************************************************************************************/
/* .swiper-container-mainvisual div.swiper-slide div.text-wr { width:90%; top:50%; }  */
.main_section { padding: 50px 0; } 
.main_section .main_tit .tit { font-size: 26px; } 

.sec2_group .sec2_box .text h3 { font-size: 20px; }
.sec2_group .sec2_box .text p { font-size: 1rem; padding-bottom: 18px; }
#contents04 .inner .bnr_right .bnr_right_txt .number { font-size: 26px; }
#contents04 .inner .bnr_right .bnr_right_txt p { font-size: 18px; }

/* main_cont4 { *********************************************************************************************/
#contents04 { padding:42px 0; text-align: center; } 
#contents04 .inner .bnr_right h3 { font-size: 28px; }
#contents04 .inner .bnr_right .bnr_right_txt h5 { font-size: 20px; }
#contents04 .inner .bnr_right .bnr_right_txt .number { margin: 12px 0; font-size: 25px; }
 }
@media screen and (max-width:550px ) {.pc_hide { display:block } 
/* main-visual { *********************************************************************************************/
.swiper-container-mainvisual div.swiper-slide div.text-wr p.tit { font-size:30px; } 
.swiper-container-mainvisual div.swiper-slide div.text-wr p.tit > strong { font-size:40px; } 
.swiper-container-mainvisual div.swiper-slide div.text-wr p.text { font-size:15px; } 
/* main_cont2 { *********************************************************************************************/

/* main_cont3 { *********************************************************************************************/
.sec2_group .sec2_box .mob_show { display: block; }

/* main_cont4 { *********************************************************************************************/
#contents04 .inner .bnr_right { padding: 55px 0; }

}
@media screen and (max-width:500px ) {
.swiper-container-mainvisual div.swiper-slide div.text-wr p.tit { width: 100%; }
#contents03 .main_tit { width:90%; margin:0 auto; } 
.newsArea .swipeArea .swiper-container { padding:0 15px 0 15px; } 
.newsArea .swipeArea .swiper-slide { width:270px !important; padding:0!important } 
.newsArea .swipeArea .swiper-slide .hover { top:140px; left:15px; padding:0; width:calc(100% - 30px); } 
.newsArea .swipeArea .swiper-slide .hover .tit { color:#fff; font-size:16px; line-height:20px; } 
.newsArea .swipeArea .swiper-slide .hover .txt1 { display:none; } 
.newsArea .swipeArea .swiper-button-prev { top: 370px; width: 40px; height: 40px; background-size: 40px 40px; } 
.newsArea .swipeArea .swiper-button-next { top: 370px; width: 40px; height: 40px; background-size: 40px 40px; } 
.newsArea .swipeArea .swiper-slide .hover.on { top:140px; box-shadow:10px 10px 30px 0px rgba(0,0,0,0); background:none; } 
.newsArea .swipeArea .swiper-slide .hover.on .tit { color:#fff; } 
.newsArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar { top:230px; bottom:auto } 

.pic_tit.captions dt { font-size: 20px; }
.pic_tit.captions dd { font-size: 14px; }

 }
@media screen and (max-width:420px ) {
/* main-visual { *********************************************************************************************/
.swiper-container-mainvisual div.swiper-slide div.text-wr p.tit { font-size:27px; } 
.swiper-container-mainvisual div.swiper-slide div.text-wr p.tit > strong { font-size:32px; } 
.swiper-container-mainvisual div.swiper-slide div.text-wr p.text { font-size:15px; line-height: 20px; } 
.thumb_list ul li { margin-bottom: 15px; }
.thumb_list ul li a .captions { padding:1.7em 1.2em; } 
.thumb_list ul li a .captions dt { font-size:17px; } 
.thumb_list ul li a .captions dd { font-size:14px; } 
.swiper-container-mainvisual div.swiper-slide div.text-wr p.text .mob_show { display: block; }

.sec2_group .sec2_img { background: #111;}
.sec2_group .sec2_img img { opacity: 75%; }
.sec2_group .sec2_box { width: calc(100% / 1); }
.sec2_group .sec2_box { pointer-events: none; }
.sec2_group .sec2_box .text { padding-top: 30%; }
.sec2_group .sec2_box .text:nth-child(1) { padding-top: 25%; }
.sec2_group .sec2_box .text h3 { font-size: 22px; }
.sec2_group .sec2_box .text span { bottom: 0; visibility: inherit; opacity: 1; }
.sec2_group .sec2_box .text p { font-size: 17px; padding-bottom: 13px; bottom: 0; opacity: 1; visibility: inherit; }
.sec2_group .sec2_box .mob_show { display: none; }
/* main_cont4 { *********************************************************************************************/
#contents04 { padding:30px 0; } 
#contents04 .inner .bnr_right .bnr_right_txt p { font-size: 17px; }
 }

@media screen and (max-width:330px ) {
/* main-visual { *********************************************************************************************/
.swiper-container-mainvisual div.swiper-slide div.text-wr p.text { line-height: 18px; }       
}

@media screen and (max-width:325px ) {
.sec3_recruitment .recruitment_cnt .mob_show { display: none; }
}

@media screen and (max-width:310px ) {
#contents01 .main_tit .txt .m_hide { display: none; }
}