@charset "UTF-8";
/* main visual slide */
.mainvisual_slider_wrap { position: relative; } 
.mainvisual_slider_wrap .mainvisual_slider { } 
.mainvisual_slider_wrap .main_visual { height: 100vh; } 
.mainvisual_slider_wrap .main_visual img { width: 100vw; height: 100vh; object-fit: cover; } 
.mainvisual_slider_wrap .mainvisual_slider_items { padding-left: 30px; position: absolute; top: 60%; left: 50%; width: 100%; max-width: calc(1280px + 30px); font-size: 1.8em; color: #fff; text-align: left; transform: translate(-50%, -60%); } 
.mainvisual_slider_wrap .main_txt { margin-bottom: 40px; font-size: 1em; color: #fff; text-align: left; } 
.mainvisual_slider_wrap .main_txt .main_txt_point { margin-bottom: 40px; font-size: 1.2em; color: #fabe00; animation: main_event 0.5s ease-in-out forwards; opacity: 0; } 
.mainvisual_slider_wrap .main_txt h3 { margin-bottom: 40px; font-size: 2.5em; font-weight: 700; animation: main_event 0.5s ease-in-out forwards; animation-delay: 0.25s; opacity: 0; } 
.mainvisual_slider_wrap .main_txt p { font-size: 0.9em; line-height: 1.4; animation: main_event 0.5s ease-in-out forwards; animation-delay: 0.5s; opacity: 0; } 
.mainvisual_slider_wrap .btn_area { display: flex; align-items: center; column-gap: 20px; } 
.mainvisual_slider_wrap .target_dots { } 
.mainvisual_slider_wrap .target_dots ul { display: flex; column-gap: 5px; } 
.mainvisual_slider_wrap .target_dots ul li { display: flex; } 
.mainvisual_slider_wrap .target_dots ul li button { padding: 10px; position: relative; } 
.mainvisual_slider_wrap .target_dots ul li.slick-active button { width: 40px; } 
.mainvisual_slider_wrap .target_dots ul li button::after { display: inline-block; border: 1px solid #fff; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; content: ''; border-radius: 10px; transform: translate(-50%, -50%); } 
.mainvisual_slider_wrap .target_dots ul li.slick-active button::after { display: inline-block; border: 1px solid #fff; width: 100%; height: 10px; background-color: #fff; content: ''; border-radius: 10px; } 
.mainvisual_slider_wrap .slick-arrow { width: 24px; height: 24px; background: #fff; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; } 
.mainvisual_slider_wrap .prevArrow { transform: rotate(180deg); -webkit-mask-image: url(/history/img/main/ico_login_certify_go.svg); mask-image: url(/history/img/main/ico_login_certify_go.svg); } 
.mainvisual_slider_wrap .nextArrow { transform: rotate(0deg); -webkit-mask-image: url(/history/img/main/ico_login_certify_go.svg); mask-image: url(/history/img/main/ico_login_certify_go.svg); } 
.mainvisual_slider_wrap .btn_play_wrap { display: flex; align-items: center; justify-content: center; border: 1px solid #fff; width: 40px; height: 40px; border-radius: 40px; } 
.mainvisual_slider_wrap .btn_play { width: 20px; height: 20px; background: #fff; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/history/img/main/ico_swiper_play.svg); mask-image: url(/history/img/main/ico_swiper_play.svg); } 
.mainvisual_slider_wrap .btn_play.on { width: 20px; height: 20px; background: #fff; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/history/img/main/ico_swiper_stop.svg); mask-image: url(/history/img/main/ico_swiper_stop.svg); } 
@keyframes main_event { 
 0% { opacity: 0; transform: translateY(50px)}
 100% { opacity: 1; transform: translateY(0)} 
 }
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px){
 .mainvisual_slider_wrap .main_txt h3 { font-size: 2em; } 
 }
@media all and (max-width:768px){
 .mainvisual_slider_wrap .main_txt h3 { margin-bottom: 10px; font-size: 1.4em; } 
 .mainvisual_slider_wrap .main_txt p { font-size: 0.7em; } 
 }
/* section공통 */
.main_contents .section_tit { margin: 0 auto; margin-bottom: 20px; padding: 0 35px; max-width: calc(1280px + 35px + 35px); text-align: left; } 
.main_contents .font-style1 { font-size: 2.6em; font-weight: normal; font-weight: 600; color: #11172b; } 
.main_contents .font-white { color: #fff; } 
.main_contents .section_sub_tit { margin: 0 auto; margin-bottom: 40px; padding: 0 35px; max-width: calc(1280px + 35px + 35px); text-align: left; } 
.main_contents .font-style2 { font-size: 1em; } 
.main_contents .section_inner { margin: 0 auto; padding: 0 35px; max-width: calc(1280px + 35px + 35px); } 
.main_contents .section_inner:after { display: block; clear: both; content: ""; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px){
 .main_contents .font-style1 { font-size: 2em; } 
 .main_contents .section_sub_tit { margin-bottom: 30px; } 
 }
@media all and (max-width:768px){
 .main_contents .section_inner { padding: 0 20px; max-width: calc(1280px + 35px + 35px); } 
 .main_contents .section_tit { margin-bottom: 10px; padding: 0 20px; } 
 .main_contents .section_sub_tit { margin-bottom: 20px; padding: 0 20px; } 
 }
/* section1 */
.section1.pt { padding-top: 130px; } 
.section1.pb { padding-bottom: 130px; } 
.section1 { padding-bottom: 140px; background: url(/history/img/main/bg_section1.png) no-repeat center center / cover; } 
.section1_txt { width: 100%; word-wrap: break-word; overflow-wrap: break-word; } 
.section1_txt p { margin-bottom: 10px; word-wrap: break-word; overflow-wrap: break-word; } 
.section1_txt h4 { word-wrap: break-word; overflow-wrap: break-word; } 
.section1_slider_wrap { display: flex; column-gap: 40px; } 
.section1_slider { flex: 1 1 auto; width: 100%; min-width: 0; max-width: 800px; } 
.section1_slider .slick-list { overflow: hidden; max-width: 100%; } 
.section1_slider .slick-track { display: flex; align-items: center; } 
.section1_slider .slick-slide { width: 100%; } 
.section1_slider .slide { } 
.section1_slider .slide-thumb { overflow: hidden; width: 100%; max-width: 800px; border-radius: 20px; } 
.section1_slider .slide-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.section1_info .slide-info { } 
.section1_info .slide-info .tit { display: inline-block; } 
.section1_info .slide-info .tit::before { display: inline-block; margin-right: 5px; content: '·'; } 
.section1_info .slide-info .date { display: inline-block; margin-left: 5px; } 
.section1 .section1_slider_items { display: flex; justify-content: space-between; flex-shrink: 0; flex: 0 0 auto; flex-direction: column; padding-top: 3%; padding-bottom: 3%; overflow: hidden; width: auto; min-width: 300px; max-width: 400px; box-sizing: border-box; } 
.section1 .btn_area { display: flex; align-items: center; margin-top: 20px; column-gap: 15px; } 
.section1 .slick-arrow { width: 20px; height: 20px; background: #11172b; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; } 
.section1 .prevArrow { transform: rotate(90deg); -webkit-mask-image: url(/history/img/main/ico_angle.svg); mask-image: url(/history/img/main/ico_angle.svg); } 
.section1 .nextArrow { transform: rotate(-90deg); -webkit-mask-image: url(/history/img/main/ico_angle.svg); mask-image: url(/history/img/main/ico_angle.svg); } 
.section1 .btn_play_wrap { display: flex; align-items: center; justify-content: center; } 
.section1 .btn_play { width: 20px; height: 20px; background: #11172b; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/history/img/main/ico_swiper_play.svg); mask-image: url(/history/img/main/ico_swiper_play.svg); } 
.section1 .btn_play.on { width: 20px; height: 20px; background: #11172b; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/history/img/main/ico_swiper_stop.svg); mask-image: url(/history/img/main/ico_swiper_stop.svg); } 
.section1 .num-wrap { } 
.section1 .num { } 
.section1 .icon { } 
.section1 .icon::after { display: inline-block; margin-right: 3px; margin-left: 5px; content: '/'; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1200px) and (min-width:901px){
 .section1_slider { flex: 1 1 auto; min-width: 0; max-width: 100%; } 
 .section1_slider .slide-thumb { max-width: 100%; } 
 }
@media all and (max-width:900px){
 .section1.pt { padding-top: 70px; } 
 .section1.pb { padding-bottom: 70px; } 
 .section1_slider_wrap { flex-direction: column; row-gap: 30px; } 
 .section1_slider { max-width: 100%; order: 2; } 
 .section1_slider .slide-thumb { max-width: unset; } 
 .section1 .section1_slider_items { padding-top: unset; padding-bottom: unset; width: 100%; min-width: 0; max-width: 100%; order: 1; row-gap: 20px; } 
 }
@media all and (max-width:768px){
 .section1.pt { padding-top: 40px; } 
 .section1.pb { padding-bottom: 40px; } 
 .section1_slider_wrap { flex-direction: column; row-gap: 20px; } 
 .section1_slider { max-width: 100%; } 
 .section1 .section1_slider_items { width: 100%; min-width: 0; max-width: 100%; } 
 .section1 .section_slider .slide { height: 460px; } 
 .section1 .section_slider .slide-thumb { width: 100%; height: calc(100% - 200px); } 
 .section1_info .slide-info { /* padding: 30px; */
 width: 100%; /* height: 200px; */} 
 }
/* section2 */
.section2 { background-image: url(/history/img/main/bg_section2.png); background-position: center; background-size: cover; } 
.section2.pt { padding-top: 150px; } 
.section2.pb { padding-bottom: 60px; } 
.section2 .group { margin: 0 auto; padding-left: 28%; max-width: calc(1280px + 35px + 35px); } 
.section2 .box_link { } 
.section2 .box_link ul { display: grid; column-gap: 20px; grid-template-columns: repeat(3, 1fr); } 
.section2 .box_link ul li { background-color: #fff; border-radius: 10px; } 
.section2 .box_link a { display: block; padding: 40px 30px; height: 100%; min-height: 300px; background-repeat: no-repeat; background-position: right 25px bottom 25px; } 
.section2 .box_link a:hover { background-color: #00879e; border-radius: 10px; } 
.section2 .box_link li:nth-child(1) a { background-image: url(/history/img/main/icon_6.png); } 
.section2 .box_link li:nth-child(1) a:hover { background-image: url(/history/img/main/icon_on_6.png); } 
.section2 .box_link li:nth-child(2) a { background-image: url(/history/img/main/icon_7.png); } 
.section2 .box_link li:nth-child(2) a:hover { background-image: url(/history/img/main/icon_on_7.png); } 
.section2 .box_link li:nth-child(3) a { background-image: url(/history/img/main/icon_8.png); } 
.section2 .box_link li:nth-child(3) a:hover { background-image: url(/history/img/main/icon_on_8.png); } 
.section2 .box_link p { } 
.section2 .box_link .tit { margin-bottom: 25px; font-size: 1.6em; font-weight: 600; line-height: 140%; color: #11172b; } 
.section2 .box_link a:hover .tit { color: #fff; } 
.section2 .box_link .txt { font-size: 1.1em; line-height: 140%; color: #666; } 
.section2 .box_link a:hover .txt { color: #fff; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1280px){
 .section2.pt { padding-top: 70px; } 
 .section2.pb { padding-bottom: 70px; } 
 .section2 .box_link ul { row-gap: 20px; grid-template-columns: repeat(3, 1fr); } 
 .section2 .box_link ul li:last-child { } 
 }
@media all and (max-width:1024px){
 .section2 .group { padding-left: 20%; } 
 .section2 .box_link a { min-height: 260px; } 
 .section2 .box_link li:nth-child(1) a { background-size: 40px; } 
 .section2 .box_link li:nth-child(2) a { background-size: 40px; } 
 .section2 .box_link li:nth-child(3) a { background-size: 40px; } 
 .section2 .box_link li:nth-child(4) a { background-size: 28px; } 
 .section2 .box_link li:nth-child(5) a { background-size: 38px; } 
 .section2 .box_link .tit { margin-bottom: 10px; font-size: 1.6em; } 
 }
@media all and (max-width:768px){
 .section2.pt { padding-top: 40px; } 
 .section2.pb { padding-bottom: 40px; } 
 .section2 .group { padding-left: unset; } 
 .section2 .box_link { } 
 .section2 .box_link ul { grid-template-columns: repeat(2, 1fr); column-gap: 10px; row-gap: 10px; } 
 .section2 .box_link ul li { } 
 .section2 .box_link ul li:last-child { grid-column: 1 / span 2; } 
 .section2 .box_link ul li:last-child a { min-height: 140px; } 
 .section2 .box_link a { padding: 20px 20px; min-height: 200px; } 
 }
/* section3 */
.section3 { background-color: #f3f6fb; } 
.section3.pt { padding-top: 150px; } 
.section3.pb { padding-bottom: 80px; } 
.section3 .box_link { } 
.section3 .box_link ul { display: grid; column-gap: 20px; grid-template-columns: repeat(5, 1fr); } 
.section3 .box_link ul li { background-color: #fff; border-radius: 10px; } 
.section3 .box_link a { display: block; padding: 40px 30px; height: 100%; min-height: 300px; background-repeat: no-repeat; background-position: right 25px bottom 25px; } 
.section3 .box_link a:hover { background-color: #00879e; border-radius: 10px; } 
.section3 .box_link li:nth-child(1) a { background-image: url(/history/img/main/icon_1.png); } 
.section3 .box_link li:nth-child(1) a:hover { background-image: url(/history/img/main/icon_on_1.png); } 
.section3 .box_link li:nth-child(2) a { background-image: url(/history/img/main/icon_2.png); } 
.section3 .box_link li:nth-child(2) a:hover { background-image: url(/history/img/main/icon_on_2.png); } 
.section3 .box_link li:nth-child(3) a { background-image: url(/history/img/main/icon_3.png); } 
.section3 .box_link li:nth-child(3) a:hover { background-image: url(/history/img/main/icon_on_3.png); } 
.section3 .box_link li:nth-child(4) a { background-image: url(/history/img/main/icon_4.png); } 
.section3 .box_link li:nth-child(4) a:hover { background-image: url(/history/img/main/icon_on_4.png); } 
.section3 .box_link li:nth-child(5) a { background-image: url(/history/img/main/icon_5.png); } 
.section3 .box_link li:nth-child(5) a:hover { background-image: url(/history/img/main/icon_on_5.png); } 
.section3 .box_link p { } 
.section3 .box_link .tit { margin-bottom: 25px; font-size: 1.6em; font-weight: 600; line-height: 140%; color: #11172b; } 
.section3 .box_link a:hover .tit { color: #fff; } 
.section3 .box_link .txt { font-size: 1.1em; line-height: 140%; color: #666; } 
.section3 .box_link a:hover .txt { color: #fff; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1280px){
 .section3.pt { padding-top: 70px; } 
 .section3.pb { padding-bottom: 70px; } 
 .section3 .box_link ul { row-gap: 20px; grid-template-columns: repeat(3, 1fr); } 
 .section3 .box_link ul li:last-child { grid-column: 2 / span 2; } 
 }
@media all and (max-width:1024px){
 .section3 .box_link a { min-height: 230px; } 
 .section3 .box_link li:nth-child(1) a { background-size: 40px; } 
 .section3 .box_link li:nth-child(2) a { background-size: 40px; } 
 .section3 .box_link li:nth-child(3) a { background-size: 50px; } 
 .section3 .box_link li:nth-child(4) a { background-size: 28px; } 
 .section3 .box_link li:nth-child(5) a { background-size: 38px; } 
 .section3 .box_link .tit { margin-bottom: 10px; font-size: 1.6em; } 
 }
@media all and (max-width:768px){
 .section3.pt { padding-top: 40px; } 
 .section3.pb { padding-bottom: 40px; } 
 .section3 .box_link { } 
 .section3 .box_link ul { grid-template-columns: repeat(2, 1fr); column-gap: 10px; row-gap: 10px; } 
 .section3 .box_link ul li { } 
 .section3 .box_link ul li:last-child { grid-column: 1 / span 2; } 
 .section3 .box_link a { padding: 20px 20px; min-height: 200px; } 
 }