/*index.css*/

a,  label{display: block;}
#content{width: 100%;}
.inner{width: 1520px; max-width: 100%; margin: 0 auto;}
.inner_sub{width:1380px; max-width: 100%; margin: 0 auto;}
.clearfix::before, .clearfix::after{content: ''; display: table; line-height: 0;}
.clearfix::after{clear: both;}
#wrapper{width: 100%;}
#hd_pop, #hd_wrapper, #gnb .gnb_wrap, #container_wr, #ft_wr, #container{width: 100%;}
#hd, #wrapper, #ft{min-width: inherit;}
#container{margin: 0;}
#container_wr{margin:0;}

.pcolor{color: #61f1e5;}

/* ************main visual S*/
.main_visual{position: relative;}
.main_visual .mv_slide img{position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.mv_title{position: absolute; width: 100%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; left: 50%; padding: 0 20px;}
.mv_title h1{text-align: center; text-shadow: 0px 2px 6px #6464646e;} 
.mv_title h2{color: #fff; text-align: center; text-shadow: 0px 2px 6px #6464646e; word-break: keep-all;}  
.mv_title p{padding-top: 30px; text-align: center; color: #fff; text-shadow: 0px 2px 6px #6464646e; word-break: keep-all;}
.mv_title span{color: #fff; padding-top: 20px; display: block; text-align: center; word-break: keep-all;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 5%;}
.swiper-pagination-bullet-active{background: #000!important; width: 50px!important; border-radius: 6px;}
.swiper-pagination-bullet{width: 13px; height: 5px; border-radius: 2px;}
.swiper-pagination-bullet{background: #fff; opacity: 1;}
.swiper-button-next{background-image: none; margin-right: 5%;}
.swiper-button-prev{background-image: none; margin-left: 5%;}
.swiper-button-next, .swiper-button-prev{width: 60px;height: 60px;}
.swiper-button-next img{width:30%;} 
.swiper-button-prev img{width:30%;}
.swiper-slide > img{width: 100%; height: calc(100vh - 76px); object-fit: cover;}
/*main visual E*/

/* ****************section1 S*/
.section_wrap.sect1{width: 100%; display: flex; flex-wrap: wrap;}
.section_wrap.sect1 .half_link{width: 50%; padding: 185px 20px; background-position: center; text-align: center; color: #fff;}
.section_wrap.sect1 .half_link:nth-child(1){background: url(../img/main/half_link_bg01.png) no-repeat; background-size: cover;}
.section_wrap.sect1 .half_link:nth-child(2){background: url(../img/main/half_link_bg02.png) no-repeat; background-size: cover;}

.section_wrap.sect1 .half_link > p{padding: 30px 0 90px;}
.section_wrap.sect1 .half_link > ul{width: 100%; display: flex; flex-wrap: wrap;}
.section_wrap.sect1 .half_link > ul li{width: 33.3333%;}
.section_wrap.sect1 .half_link > ul li:not(:last-child){border-right: 1px solid #fff; box-sizing: border-box;}
.section_wrap.sect1 .half_link > ul li .link_icon{height: 100px;}
.section_wrap.sect1 .half_link > ul li .link_icon img{display: inline-block; max-width: 50%;}
.section_wrap.sect1 .half_link > ul li span{display: block; padding: 20px 0 45px; color:#fff}
.section_wrap.sect1 .half_link > ul li .plus_icon{width: 35px; height: 35px; line-height: 35px; border: 2px solid #fff; box-sizing: border-box; margin: 0 auto; border-radius: 50%; transition: .25s;}
.section_wrap.sect1 .half_link > ul li .plus_icon a{color: #fff; font-size: 30px;     line-height: 30px;}
.section_wrap.sect1 .half_link > ul li:hover .plus_icon{background: #1fdbcb; border: 2px solid #1fdbcb;}

/*section1 E*/

/* *********************section2 S************ */
.sect2{width: 100%; position: relative; padding: 110px 0 80px;}
.sect2::after{content: ""; display: block; clear: both;}
.sect2 .section_wrap{width: 100%; max-width: 1720px; float: right; position: relative;}
.sect2 .section_wrap::before{content: ""; width: 100%; height: 280px; background: #103b48; position: absolute; bottom: 0; right: 0;}
.sect2 .section_wrap::after{content: url(../img/main/care_bg.png); position: absolute; left: 0; bottom: 300px;}

.sect2 .main_tit{margin-left: 50px;}
.sect2 .main_tit .e_color{color: #1fdbcb; margin-bottom: 20px;}

.sect2 .care_swiper{max-width: 1200px; float: right; }
.sect2 .care_swiper .swiper-slide{color: #fff;}
.sect2 .care_swiper .swiper-slide img {width:100%}
.sect2 .care_swiper .swiper-slide h5{padding: 10px 0;}
.sect2 .care_swiper .swiper-slide p{padding-bottom: 80px;}

.sect2 .care-button-prev{width: 70px; height: 70px; border: 1px solid #999; box-sizing: border-box; position: absolute; left: 50px; top: 495px; z-index: 2; background: url(../img/main/left_hover.png) no-repeat; background-position: 25px center; display: inline-block; cursor: pointer;}
.sect2 .care-button-next{width: 70px; height: 70px; border: 1px solid #999; box-sizing: border-box; position: absolute; left: 119px; top: 495px; z-index: 2; background: url(../img/main/right_hover.png) no-repeat; background-position: 25px center; display: inline-block; cursor: pointer;}
.sect2 .care-button-prev:hover {background: url(../img/main/left_hover.png) no-repeat #10a79a; background-position: 25px center; }
.sect2 .care-button-next:hover {background: url(../img/main/right_hover.png) no-repeat #10a79a; background-position: 25px center; }


@media screen and (max-width:1400px) {
.sect2 .care-button-prev, .sect2 .care-button-next {top:65px}
.sect2 .care-button-prev {left:auto; right:89px}
.sect2 .care-button-next {left:auto; right:20px}

.sect2 .care_swiper {float:none; max-width:100%; padding:0px 20px}
.sect2 .main_tit {margin-left:20px; margin-bottom:50px}

}


@media screen and (max-width:540px) {
#gnb .head_click_tab li:first-child {margin-right:15px}
#gnb .head_click_tab {right:90px}
.sect2 .care-button-prev, .sect2 .care-button-next {width:50px; height:50px; top:185px}
.sect2 .care-button-prev {left:20px; right:auto; background-position: 15px center;}
.sect2 .care-button-next {left:69px; right:auto; background-position: 15px center;}
.sect2 .care-button-prev:hover {background: url(../img/main/left_hover.png) no-repeat #10a79a; background-position: 15px center; }
.sect2 .care-button-next:hover {background: url(../img/main/right_hover.png) no-repeat #10a79a; background-position: 15px center; }
.sect2 .main_tit {margin-left:20px; margin-bottom:100px}


}
/*section2 E*/

/* *******************section3 S*************** */
.sect3{width: 100%; height: 100vh; position: relative;}
.sect3 .tab_bg{position: absolute; top: 0; left: 0; z-index: -1; display:none}
.sect3 .tab_bg img{display: none; width: 100%; min-height: 100vh; object-fit: cover;}
.sect3 .tab_bg.on{display: block;}

/* tab_show */
.sect3 .inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sect3 .inner .tab_show{width: 100%;}
.sect3 .inner .tab_show li{color: #fff; display: none;}
.sect3 .inner .tab_show li.on{display: block;}
.sect3 .inner .tab_show li p{padding: 40px 0 0 35px; margin-top: 30px; border-left: 4px solid #67c0e5; box-sizing: border-box;}
.sect3 .inner .tab_show li:nth-child(1) p{border-left-color: #67c0e5;}

.sect3 .inner .tab_show li:nth-child(1) .e_color{color: #67c0e5;}
.sect3 .inner .tab_show li:nth-child(2) .e_color{color: #65b63c;}
.sect3 .inner .tab_show li:nth-child(3) .e_color{color: #ed5b73;}
.sect3 .inner .tab_show li:nth-child(4) .e_color{color: #ffb723;}
.sect3 .inner .tab_show li:nth-child(5) .e_color{color: #2db996;}
.sect3 .inner .tab_show li:nth-child(6) .e_color{color: #bd71dc;}

.sect3 .inner .tab_show li:nth-child(1) p{border-left-color: #67c0e5;}
.sect3 .inner .tab_show li:nth-child(2) p{border-left-color: #65b63c;}
.sect3 .inner .tab_show li:nth-child(3) p{border-left-color: #ed5b73;}
.sect3 .inner .tab_show li:nth-child(4) p{border-left-color: #ffb723;}
.sect3 .inner .tab_show li:nth-child(5) p{border-left-color: #2db996;}
.sect3 .inner .tab_show li:nth-child(6) p{border-left-color: #bd71dc;}
/* tab_click */
.sect3 .inner .tab_click{width: 100%; border: 1px solid #fff; box-sizing: border-box; margin-top: 80px; display: flex; flex-wrap: wrap;}
.sect3 .inner .tab_click li{width: 16.6667%; padding: 40px 20px; box-sizing: border-box; color: #fff; text-align: center; transition: .25s; cursor: pointer;}
.sect3 .inner .tab_click li:nth-child(1):hover,
.sect3 .inner .tab_click li:nth-child(1).on{background: #2f6cc7e1;}
.sect3 .inner .tab_click li:nth-child(2):hover,
.sect3 .inner .tab_click li:nth-child(2).on{background: #62c72fd7;}
.sect3 .inner .tab_click li:nth-child(3):hover,
.sect3 .inner .tab_click li:nth-child(3).on{background: #e45069d2;}
.sect3 .inner .tab_click li:nth-child(4):hover,
.sect3 .inner .tab_click li:nth-child(4).on{background: #ffa812d0;}
.sect3 .inner .tab_click li:nth-child(5):hover,
.sect3 .inner .tab_click li:nth-child(5).on{background: #22ccb3d0;}
.sect3 .inner .tab_click li:nth-child(6):hover,
.sect3 .inner .tab_click li:nth-child(6).on{background: #b36ddbd5;}
.sect3 .inner .tab_click li:not(:last-child){border-right: 1px solid #fff; box-sizing: border-box;}
.sect3 .inner .tab_click li .icon_wrap{height: 100px;}
.sect3 .inner .tab_click li .icon_wrap img{display: inline-block; max-width: 60%; filter: brightness(10); transition: .2s;}
.sect3 .inner .tab_click li > span{display: block; padding-top: 20px;}
.sect3 .inner .tab_click li:hover .icon_wrap img,
.sect3 .inner .tab_click li.on .icon_wrap img{filter: brightness(1);}
/*section3 E*/




@media screen and (max-width:1100px) {
.section_wrap.sect1 .half_link > ul li .plus_icon {width:25px; height: 25px;  }
.section_wrap.sect1 .half_link > ul li .plus_icon a{font-size:20px;   line-height: 20px;  }
.section_wrap.sect1 .half_link > ul li span {font-size:16px !important; padding:0px 0px 25px}
.section_wrap.sect1 .half_link > ul li .link_icon img {width:40%}
.section_wrap.sect1 .half_link > p {font-size:18px !important; padding:20px 0px 50px}
.section_wrap.sect1 .half_link > h3 {font-size:26px !important;}
.sect3 .inner .tab_click li {width:33.33%}
.sect3 .inner .tab_click li:nth-child(1) {border-bottom: 1px solid #fff;}
.sect3 .inner .tab_click li:nth-child(2) {border-bottom: 1px solid #fff;}
.sect3 .inner .tab_click li:nth-child(3) {border-bottom: 1px solid #fff;     border-right: 0px solid #fff;}
.sect3 .inner .tab_click li .icon_wrap img {width:60px}
.sect3 .inner .tab_click li > span {padding-top:0px}
.sect3 .inner .tab_click li .icon_wrap {height:80px}
.sect3 .inner h4 {font-size:30px  !important;}
}


@media screen and (max-width:768px) {
.section_wrap.sect1 .half_link > ul li .link_icon {height:70px}
.section_wrap.sect1 {flex-direction: column;}
.section_wrap.sect1 .half_link {width:100%; padding: 100px 20px;}
.section_wrap.sect1 .half_link > ul li span {font-size:12px !important; padding:0px 0px 25px}
.section_wrap.sect1 .half_link > ul li .link_icon img {width:50px}
.section_wrap.sect1 .half_link > p {font-size:16px !important; }
.sect3 .inner h4 {font-size:28px  !important;}
.sect3 .inner .tab_show li p br.none {display:none}
}



@media screen and (max-width:600px) {
.sect3 .inner {position:initial; top:auto; left:auto; transform:none}
.sect3 .inner .tab_show li p {padding:10px 0px 0px 20px; margin-top:20px; font-size:14px;     letter-spacing: -0.5px;}
.sect3 .inner .tab_click li .icon_wrap {height:70px}
.sect3 .inner .tab_click li {padding:10px 10px}
.sect3 .inner .tab_click li > span {font-size: 14px !important; line-height:20px}
.sect3 .inner .tab_click {margin-top:40px}
.sect3 .inner h4 {font-size:22px  !important;}
.sect3 .inner .tab_click li .icon_wrap {height:50px}
.sect3 .inner .tab_click li .icon_wrap img {width:40px}
}

/* *****************section4 S*************** */
.sect4{padding: 100px 0;}



/*section4 E*/
@media screen and (max-width:1520px){
    .inner{width: 100%; padding: 0 20px;}
}
@media screen and (max-width:1380px){
    .inner_sub{width: 100%; padding: 0 20px;}
}
@media screen and (max-width:1200px){
    .section_wrap .sect1 .right_con{height: 460px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 460px; height: 460px;}
    .section_wrap .sect1 .right_con .sect1_backimg{width: 240px; height: 240px;}
    .section_wrap .section .sect_tbox p{word-break: keep-all;}
    .section_wrap .section .sect_tbox p br{display: none;}

    .sect3 a.m-banner{width: 100%;}
    .sect3 a.m-banner:nth-child(1){margin-bottom: 30px;}
}
@media screen and (max-width:1080px){
    .section_wrap .sect1 .right_con{height: 420px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 420px; height: 420px;}
    .section_wrap .sect1 .right_con .sect1_backimg{width: 210px; height: 210px;}

    .fir_about ul li{width: 49%; height: 400px;}
    .fir_about ul li:nth-child(1n+3){margin-top: 20px;}

    .sect2 .about_01{height: auto;}
    .sect2 .right{width: 100%; padding: 100px 20px; order: 1;}
    .sect2 .right .about_tit{width: 100%;}
    .sect2 .left{width: 100%; padding: 50px 20px; order: 2;}
    .sect2 .left ul{width: 70%;}
    .sect2 .left ul li{width: 46%;}
    .sect2 .left ul li > img{height: 400px;}
}
@media screen and (max-width:980px){
    .mv_title h2{font-size: 50px; line-height: 70px;}
    /* .swiper-slide{height: 700px;} */
    .section_wrap .sect1 .left_con{width: 100%; float: none;}
    .section_wrap .sect1 .right_con{width: 100%; float: none; margin-top: 40px;}
    .section_wrap .sect1 .right_con{height: 460px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 460px; height: 460px; margin: auto; left: 0; right: 0;}
    .section_wrap .sect1 .right_con .sect1_backimg{width: 240px; height: 240px; left: 12%;}
    .section_wrap .section .sect_tbox p{word-break: keep-all;}
    .section_wrap .section .sect_tbox h6{font-size: 17px;}
    .section_wrap .section .sect_tbox h5{font-size: 32px;}
    .section_wrap .section .sect_tbox p{font-size: 15px;}
    .index_sect2 .pop_img{width: 100%; height: 450px;}
    .index_sect2 .sect2_yellow{width: 70%; height: 420px;}
    .index_sect2 {padding: 80px 0; height: 980px;}
    #popupDiv, #popupDiv>iframe{width: 100%;}

    .sect4 .latest_wr{float: none; width: 100%;}
    .sect4 .latest_wr:nth-child(2){margin-right: 0%;}
}
@media screen and (max-width:768px){
    .mv_title h2{font-size: 40px; line-height: 55px;}
    .swiper-button-next, .swiper-button-prev{width: 45px; height: 45px;}
    /* .swiper-slide{height: 500px;} */
    .section_wrap .sect1 .right_con{height: 400px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 400px; height: 400px; margin: auto; left: 0; right: 0;}
    .section_wrap .sect1 .right_con .sect1_backimg{width: 200px; height: 200px; left: 12%;}
    .section_wrap .section .sect_tbox p{word-break: keep-all;}
    .section_wrap .section .sect_tbox h6{font-size: 16px;}
    .section_wrap .section .sect_tbox h5{font-size: 30px;}
    .section_wrap .section .sect_tbox p{font-size: 14px;}
    .index_sect2 .pop_img{width: 100%; height: 400px;}
    .index_sect2 .sect2_yellow{width: 70%; height: 380px;}
    .index_sect2 {padding: 80px 0; height: 920px;}
    #popupDiv, #popupDiv>iframe{height: 400px;}
    .lt_wr{width: 100%; margin: 0; margin-left: 0!important;}
    .lat .lat_title a{font-size: 22px;}
    .lat .lt_more{font-size: 14px; top: 3px; padding: 3px 0;}
    .lat li a{font-size: 15px;}
    .lat .lt_date{font-size: 15px;}
    .pic_lt .lt_more{font-size: 14px; padding: 3px 0;}
    .pic_lt .lat_title a{font-size: 22px;}
    .owl-item a{font-size: 15px;}
    .pic_lt .lt_date{font-size: 15px;}

    .fir_about ul li{width: 100%; height: 400px;}
    .fir_about ul li:nth-child(1n+2){margin-top: 20px;}
    .fir_about ul li .fir_txt .hide-txt{max-height: 800px; opacity: 1;}

    .sect2 .left ul{width: 80%;}
    .sect2 .left ul li{width: 100%;}
    .sect2 .left ul li:nth-child(1n+2){margin-top: 50px;}
    .sect2 .left ul li > img{height: 350px;}

    .sect3 a.m-banner{padding: 60px 20px 60px 20px;}
}
@media screen and (max-width:600px){
    .mv_title h2{font-size: 35px; line-height: 50px;}
    .swiper-button-next, .swiper-button-prev{display: none;}
    /* .swiper-slide{height: 400px;} */
    .swiper-pagination-bullet{width: 10px; height: 10px;}
    .swiper-pagination-bullet-active{width: 35px!important;}
    .section_wrap .sect1 .right_con{height: 370px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 370px; height: 370px; margin: auto; left: 0; right: 0;}
    .section_wrap .sect1 .right_con .sect1_backimg{width: 180px; height: 180px; left: 5%;}
    .sect2 .left ul li > img{height: 250px;}
    #popupDiv, #popupDiv>iframe{height: 350px;}
    .lat .lt_more{width: 100px;}
    .pic_lt .lt_more{width: 100px;}
    .sect3{padding:65px 0; height:100%}
}
@media screen and (max-width:480px){
    .mv_title h2{font-size: 26px; line-height: 40px;}
	.mv_title span {font-size: 18px; line-height: 30px;}
    /* .swiper-slide{height: 350px;} */
    .section_wrap .sect1 .right_con{height: 300px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 300px; height: 300px; margin: auto; left: 0; right: 0;}
    .section_wrap .sect1 .right_con .sect1_backimg{width: 120px; height: 120px; left: 5%;}
    .section_wrap .section .sect_tbox h6{font-size: 15px; line-height: 20px;}
    .section_wrap .section .sect_tbox h5{font-size: 24px; line-height: 35px;}
    .section_wrap .section .sect_tbox p{font-size: 13px; line-height: 20px;}
    .section_wrap .section .sect_tbox .yellow_line{width: 35px;}
    .section_wrap .sect1{padding: 70px 0;}
    .index_sect2 .pop_img{width: 100%; height: 200px;}
    .index_sect2 .sect2_yellow{width: 70%; height: 180px; top: 50%;}
    .index_sect2 {padding: 60px 0; height: 660px;}
    #popupDiv, #popupDiv>iframe{height: 200px;}
    .lat .lat_title a{font-size: 20px;}
    .lat .lt_more{font-size: 14px; top: 4px; width: 90px;}
    .lat li a{font-size: 14px;}
    .lat .lt_date{font-size: 14px;}
    .section_wrap .sect3 .sect_tbox h5{word-break: keep-all;}
    .pic_lt .lt_more{width: 90px; font-size: 14px;}
    .pic_lt .lat_title a{font-size: 20px;}
    .index_sect2 .play_btn{width: 50px;height: 50px;}
    .index_sect2 .sect2_popup:hover .play_btn{width: 50px;height: 50px;} 
    .sect3{padding:65px 0; height:100%}

    .owl-item a{font-size: 13px;}
    .pic_lt .lt_date{font-size: 13px;}
    .pic_lt .lt_date{padding: 0;}
}
@media screen and (max-width:360px){
    .section_wrap .section .sect_tbox p{margin-top: 30px;}
    .section_wrap .sect1 .sect_tbox .mat_p{margin-top: 10px;}
    .section_wrap .sect1 .right_con{height: 250px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 250px; height: 250px; margin-top: 0;}
    .section_wrap .sect1 .right_con .sect1_backimg{left: 0;}
    .section_wrap .section .sect_tbox h5{word-break: keep-all;}
}
.main_sec4  {padding:130px 0px}
.main_sec4 .latest_area .show_box{display:none}
.main_sec4 .latest_area .show_box.active {display:block}
.main_sec4 .notice_tab {display:flex; align-items: baseline; padding-bottom:50px}
.main_sec4 .notice_tab li {font-size:30px; font-weight:700; cursor: pointer;}
.main_sec4 .notice_tab li.on {font-size:55px;}
.main_sec4 .notice_tab li.no_to {cursor: default; padding:0px 30px}
.main_sec4 .notice_tab li.more {margin-left:70px}


@media screen and (max-width:700px){
.main_sec4 .notice_tab li {font-size:24px;}
.main_sec4 .notice_tab li.on {font-size:30px;}
.main_sec4 .notice_tab li.no_to {padding:0px 10px}
.main_sec4 .notice_tab li.more {margin-left: 50px;}
.latest_sw > .inner > div:nth-child(2) {width:80%}
.latest_sw > .inner > div:nth-child(3) {width:100%; padding:0px 0px 30px}
}


@media screen and (max-width:400px){
.main_sec4 .notice_tab li {font-size:20px;}
.main_sec4 .notice_tab li.on {font-size:25px;}
.main_sec4 .notice_tab li.no_to {padding:0px 10px}
.main_sec4 .notice_tab li.more {margin-left: 35px;}
}