@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
::selection{color:#fff;background-color:#640D15;}
::-moz-selection{color:#fff;background-color:#640D15;}
.show1220,
.show768,
.show486{display:none !important;}
.rad{font-family:'Rajdhani' !important;}
.tl-50{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
.tly-50{position:absolute;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tlx-50{position:absolute;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
.preload{display:none;}
.ita{font-style:italic !important;}
.tdu{text-decoration:underline !important;}
.justi{text-align:justify !important;}


/* main */
 /*#################### container #######################*/
 #container{width:100%;}
 body{font-family: 'Pretendard'; letter-spacing: normal; word-break: keep-all;}
 

@media screen and (max-width: 767px){

   .visual{background-color: #222222; width: 100%; height: 56vw;}
   .visual .main_slider{width: 100%; margin-top: 70px;}
   .visual .main_slider li{position: relative; width: 100%; }
   .visual .main_slider .slide01 video{width: 100%; height: 56vw; display: block; object-fit: cover; opacity: 0.5;}
   .visual .main_slider .slide01 div{width: 92%; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; text-align: center;}
   .visual .main_slider .slide02 img{width: 100%; height: 56vw; display: block; object-fit: cover;}
   .visual div span{display: block; text-transform: uppercase; font-size: 8px; letter-spacing: 2px; margin-bottom: 15px;}
   .visual div h2{font-size: 15px; line-height: 22px; font-weight: 300; margin-bottom: 5px;}
   .visual div h2 img{width: 7%; display: inline-block; vertical-align: middle;}
   .visual div p{font-size: 11px; line-height: 18px; font-weight: 600;}
   .visual div p b{font-size: 13px; font-weight: 800; color: #F5C115;}
   .visual button{text-indent: -9999px; border: none;}
   .visual .slick-arrow{position: absolute; top: 45%; z-index: 9; width: 26px; height: 49px;}
   .visual .slick-prev{background: url("/img/arrow2_prev.png")no-repeat center / 50%; left: 3%;}
   .visual .slick-next{background: url("/img/arrow2_next.png")no-repeat center / 50%; right: 3%;}

   .title_box span{display: block; font-size: 14px; text-transform: uppercase; color: #008AFF; margin-bottom: 15px; font-weight: 700;}
   .title_box h2{font-size: 25px; line-height: 32px; font-weight: 300; color: #222222;}
   .title_box h2 b{font-weight: 700;}

   .s_01{width: 100%;padding: 100px 20px; background-color: #f6f6f6;}
   .s_01 .title_box{margin: 0 0 50px;}
   .s_01 .slider{width: 100%; display: flex;}
   .s_01 .inner_slider{display: flex; width: 100%;}
   .s_01 .inner_slider li{width: 100%;}
   .s_01 .slider h3{font-size: 18px; margin-bottom: 30px; color: #222222;}
   .s_01 .slider h3 span{color: #AAAAAA; font-weight: 700;}
   .s_01 .slider h3 span:nth-of-type(1){font-size: 23px; line-height: 30px;}
   .s_01 .slider h3 span:nth-of-type(2), .s_01 .slider span:nth-of-type(3){font-size: 16px;}
   .s_01 .inner_slider li:not(:first-child){display: none;}

   .s_02{background-color: #F6F8FE; padding: 100px 0; border-radius: 50px 50px 0 0;}
   .s_02 .title_box{text-align: center; margin-bottom: 50px;}
   .s_02 .profile{margin-bottom: 100px;}
   .s_02 .profile ul{width: 92.75%; margin: 0 auto; color: #222222;}
   .s_02 .left ul{justify-content: flex-start;}
   .s_02 .right ul{justify-content: flex-end;}
   .s_02 .img_box{margin-bottom: 30px;}
   .s_02 .txt_box{padding-left:20px;}
   .s_02 .profile ul .txt_box h3{font-family: 'Noto Serif KR'; font-size: 35px; line-height: 45px; font-weight: 800; margin-bottom: 10px;}
   .s_02 .profile ul .txt_box p{font-size: 16px; margin-bottom: 10px;}
   .s_02 .profile ul .txt_box p b{font-size: 22px;}
   .s_02 .profile ul .txt_box span{display: inline-block; border: 1px solid #073190; color: #073190; font-size: 12px; padding: 5px 10px; border-radius: 20px; margin: 0 10px 30px 0;}
   .s_02 .profile ul .txt_box ol li{font-size: 16px; line-height: 20px; margin-bottom: 10px; color: #444444; font-weight: 400;}

   .s_02-2{padding-top: 150px; background-color: #f9f9f98c; position: relative;}
   .s_02-2 > img{position: absolute; bottom: 5%; left: 0;}
   .s_02-2 .title_box{text-align: center; margin-bottom: 50px;}
   .s_02-2 .intro_area{margin-bottom: 50px;}
   .s_02-2 .intro_area > img{position: absolute; bottom: 30%; }
   .s_02-2 .intro_area .content_box{width: 83.66%; margin: 0 auto;}
   .s_02-2 .content_box .txt_box{padding-top: 50px;}
   .s_02-2 .content_box .txt_box p{color: #333333; font-size: 14px; line-height: 20px; margin-bottom: 15px;}
   .s_02-2 .content_box .txt_box .txt_point{font-family: 'NotoSerifKR';}
   .s_02-2 .content_box .txt_box p span{display: inline-block; font-family: 'Nanum ltter'; font-size: 40px; color: #004798; margin-left: 10px;}
   .s_02-2 .content_box .img_box{width: 80%; margin: 0 0 0 80px;}

   .s_03{padding: 100px 0;}
   .s_03 .title_box{text-align: center; margin-bottom: 50px;}
   .s_03 ul{width: 82%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
   .s_03 ul li{width: 48%; margin-bottom: 20px;}

   .s_04{width: 100%; padding: 100px 0; background: url("/img/s4_bg.png")no-repeat center / cover; }
   .s_04 .title_box{margin-bottom: 20px;}
   .s_04 .title_box h2{margin-bottom: 20px;}
   .s_04 .title_box p{font-size: 16px; line-height: 22px; color: #222222;}
   .s_04 > div,  .s_04 ul{width: 92.91%; margin: 0 auto;}
   .s_04 > div{margin-bottom: 50px;}
   .s_04 ul{display: flex; justify-content: space-between; flex-wrap: wrap; color: #ffffff;}
   .s_04 ul li{width: 100%; height: 200px; position: relative;}
   .s_04 ul li:nth-of-type(1){background: url("/img/s4_img02.png")no-repeat center / cover;}
   .s_04 ul li:nth-of-type(2){background: url("/img/s4_img03.png")no-repeat center / cover;}
   .s_04 ul li:nth-of-type(3){background: url("/img/s4_img04.png")no-repeat center / cover;}
   .s_04 ul li:nth-of-type(4){background: url("/img/s4_img05.png")no-repeat center / cover;}
   .s_04 ul li div{position: absolute; width: 90%; bottom: 15%; left: 5%;}
   .s_04 ul li div span{display: block; font-size: 14px; line-height: 22px; font-weight: 800; margin-bottom: 5px;}
   .s_04 ul li div strong{display: block; font-size: 20px; font-weight: 800; margin-bottom: 20px}
   .s_04 ul li div p{font-size: 14px; line-height: 20px; }

   .s_05{padding-top: 100px;}
   .s_05 .title_box{text-align: center; margin-bottom: 50px;}
   .s_05 ul{width: 92%; margin: 0 auto; text-align: center; position: relative;}
   .s_05 ul li{width: 100%;}
   .s_05 ul li img{margin-bottom: 10px;}
   .s_05 ul button{text-indent: -9999px; border: none;}
   .s_05 ul .slick-arrow{position: absolute; bottom: -200px; z-index: 9; width: 56px; height: 56px;}
   .s_05 ul .slick-prev{background: url("/img/arrow_prev.png")no-repeat center / 50%; left: -5%;}
   .s_05 ul .slick-next{background: url("/img/arrow_next.png")no-repeat center / 50%; right: -5%;}
   .s_05 ul .slick-dots{width: 35%; position: absolute; display: flex; justify-content: space-between; bottom: -10%; left: 50%; transform: translate(-50%, 20%);}
   .s_05 ul .slick-dots li{width: 10px; height: 10px; background-color: #D0D0D0; border-radius: 100px; border: 1px solid #333333;}
   .s_05 ul .slick-dots li.slick-active{background-color: #073190;}

   .s_06{padding: 150px 0 100px; display: flex; flex-wrap:wrap; align-items: center;}
   .s_06 .title_box{width: 92%; padding-left: 20px; margin-bottom: 50px;}
   .s_06 .title_box h2{margin-bottom: 30px;}
   .s_06 .title_box p{font-size: 16px; line-height: 24px; color: #222222;}
   .s_06 img{order: 1;}

   .s_07{padding: 100px 0; background-color: #203A74; border-radius: 50px 50px 0 0; position: relative;}
   .s_07 > img{position: absolute; bottom: 0; right: 0;}
   .s_07 .title_box{text-align: center; margin-bottom: 50px;}
   .s_07 .title_box span, .s_07 .title_box h2{color: #ffffff;}
   .s_07 ol{width: 92%; display: flex; margin: 0 auto 50px; justify-content: space-between; flex-wrap: wrap; text-align: center; }
   .s_07 ol li{width: 48%; border: 1px solid #ffffff; border-radius: 20px; padding: 20px 10px; margin-bottom: 20px; color: #ffffff;}
   .s_07 ol li span{display: block; font-size: 18px; font-weight: 700; margin-bottom: 10px;}
   .s_07 ol li p{font-size: 14px; line-height: 20px;}
   .s_07 ul{width: 92.91%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; color: #ffffff;}
   .s_07 ul li{width: 100%; height: 200px; position: relative;}
   .s_07 ul li:nth-of-type(1){background: url("/img/s7_img01.png")no-repeat center / cover;}
   .s_07 ul li:nth-of-type(2){background: url("/img/s7_img02.png")no-repeat center / cover;}
   .s_07 ul li:nth-of-type(3){background: url("/img/s7_img03.png")no-repeat center / cover;}
   .s_07 ul li:nth-of-type(4){background: url("/img/s7_img04.png")no-repeat center / cover;}
   .s_07 ul li div{position: absolute; width: 90%; bottom: 15%; left: 5%;}
   .s_07 ul li div span{display: block; font-size: 14px; line-height: 22px; font-weight: 800; margin-bottom: 5px;}
   .s_07 ul li div strong{display: block; font-size: 20px; font-weight: 800; margin-bottom: 20px}
   .s_07 ul li div p{font-size: 14px; line-height: 20px; }

   .s_08{width: 100%; padding: 100px 0 150px;}
   .s_08 .title_box{text-align: center; margin-bottom: 50px; padding: 0 5px;}
   .s_08 ul{width: 92%; margin: 0 auto;}
   .s_08 ul li img{width: 100%; padding: 10px;}
   .s_08 ul button{text-indent: -9999px;}
   .s_08 ul .slick-arrow{position: absolute; bottom: -35%; z-index: 9; width: 56px; height: 56px;}
   .s_08 ul .slick-prev{background: url("/img/arrow_prev.png")no-repeat center / 50%; left: 25%;}
   .s_08 ul .slick-next{background: url("/img/arrow_next.png")no-repeat center / 50%; right: 25%;}

   .s_09{width: 100%; padding: 100px 0;}
   .s_09 .title_box{width: 72.91%; margin: 0 auto 50px; display: flex; justify-content: flex-start;  flex-wrap: wrap; flex-direction: column} 
   .s_09 .title_box > div{margin-bottom: 20px;}
   .s_09 .title_box a{display: inline-block; width: 50%; background-color: #073190; color: #fefefe; font-size: 14px; line-height: 20px; padding: 10px 20px; border-radius: 50px;}
   .s_09 ul{width: 72.91%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
   .s_09 ul li{width: 100%;}
   .s_09 ul li:not(:last-child){margin-bottom: 30px;}
   .s_09 ul li > p{text-align: center; font-size: 14px; line-height: 20px; color: #222222; font-weight: 600;}
   .s_09 ul li .twentytwenty-container{width: 100%; height: 315px; background-color: rgb(0, 0, 0); cursor: pointer; margin-bottom: 20px;}
   .s_09 ul li .twentytwenty-container img{width: 100%;}
   .s_09 ul li .twentytwenty-container img:nth-of-type(1){opacity: 0.4;}
   .s_09 ul li .twentytwenty-container .twentytwenty-overlay{font-family: 'Pretendard'; font-weight: 500;}

}

@media screen and (min-width: 768px) and (max-width: 1279px){

   .visual{background-color: #222222; width: 100%; height: 80vh;}
   .visual .main_slider{width: 100%; margin-top: 160px;}
   .visual .main_slider li{position: relative; width: 100%;}
   .visual .main_slider .slide01 video{width: 100%; height: 80vh; display: block; object-fit: cover; opacity: 0.5;}
   .visual .main_slider .slide01 div{position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); color: #ffffff; text-align: center;}
   .visual .main_slider .slide02 img{width: 100%; height: 80vh; display: block; object-fit: cover;}
   .visual div span{display: block; text-transform: uppercase; font-size: 16px; letter-spacing: 4px; margin-bottom: 30px;}
   .visual div h2{font-size: 50px; line-height: 65px; font-weight: 300; margin-bottom: 50px;}
   .visual div h2 img{display: inline-block; vertical-align: middle;}
   .visual div p{font-size: 20px; line-height: 30px; font-weight: 600;}
   .visual div p b{font-size: 25px; font-weight: 800; color: #F5C115;}
   .visual button{text-indent: -9999px; border: none;}
   .visual .slick-arrow{position: absolute; top: 50%; z-index: 9; width: 26px; height: 49px;}
   .visual .slick-prev{background: url("/img/arrow2_prev.png")no-repeat center / cover; left: 9%;}
   .visual .slick-next{background: url("/img/arrow2_next.png")no-repeat center / cover; right: 9%;}

   .title_box span{display: block; font-size: 20px; text-transform: uppercase; color: #008AFF; margin-bottom: 20px; font-weight: 700;}
   .title_box h2{font-size: 60px; line-height: 70px; font-weight: 300; color: #222222;}
   .title_box h2 b{font-weight: 700;}

   .s_01{width: 100%;padding: 100px 0;}
   .s_01 .title_box{margin: 0 0 100px 350px;}
   .s_01 .slider{margin-left: 350px;}
   .s_01 .slider{display: flex;}
   .s_01 .inner_slider{display: flex;}
   .s_01 .slider h3{font-size: 40px; margin-bottom: 30px; color: #222222;}
   .s_01 .slider h3 p{display: inline-block;}
   .s_01 .slider h3 span{color: #AAAAAA; font-weight: 700;}
   .s_01 .slider h3 span:nth-of-type(1){font-size: 50px;}
   .s_01 .slider h3 span:nth-of-type(2),  .s_01 .slider span:nth-of-type(3){font-size: 30px;}
   .s_01 .inner_slider li:not(:last-child){margin-right: 30px;}

   .s_02{background-color: #F6F8FE; padding: 150px 0; border-radius: 100px 100px 0 0;}
   .s_02 .title_box{text-align: center; margin-bottom: 100px;}
   .s_02 .profile{margin-bottom: 100px;}
   .s_02 .profile ul{width: 92.75%; margin: 0 auto; display: flex; align-items: center; color: #222222;}
   .s_02 .left ul{justify-content: flex-start;}
   .s_02 .right ul{justify-content: flex-end;}
   .s_02 .right .img_box{order: 1;}
   .s_02 .right .txt_box{padding-right: 200px;}
   .s_02 .left .txt_box{padding-left: 50px;}
   .s_02 .profile ul .txt_box h3{font-family: 'Noto Serif KR'; font-size: 80px; line-height: 90px; font-weight: 800; margin-bottom: 20px;}
   .s_02 .profile ul .txt_box p{font-size: 20px; margin-bottom: 20px;}
   .s_02 .profile ul .txt_box p b{font-size: 30px;}
   .s_02 .profile ul .txt_box span{display: inline-block; border: 1px solid #073190; color: #073190; font-size: 20px; padding: 5px 10px; border-radius: 20px; margin: 0 10px 20px 0;}
   .s_02 .profile ul .txt_box ol li{font-size: 18px; line-height: 26px; margin-bottom: 10px; color: #444444; font-weight: 400;}

   .s_02-2{padding-top: 150px; background-color: #f9f9f98c; position: relative;}
   .s_02-2 > img{position: absolute; bottom: 5%; left: 0;}
   .s_02-2 .title_box{text-align: center; margin-bottom: 100px;}
   .s_02-2 .intro_area{margin-bottom: 50px;}
   .s_02-2 .intro_area > img{position: absolute; bottom: 30%; }
   .s_02-2 .intro_area .content_box{width: 63.66%; margin: 0 auto; display: flex; justify-content: space-between;}
   .s_02-2 .content_box .txt_box{padding-top: 50px;}
   .s_02-2 .content_box .txt_box p{color: #333333; font-size: 20px; line-height: 30px; margin-bottom: 20px;}
   .s_02-2 .content_box .txt_box .txt_point{font-family: 'NotoSerifKR';}
   .s_02-2 .content_box .txt_box p span{display: inline-block; font-family: 'Nanum ltter'; font-size: 40px; color: #004798; margin-left: 10px;}

   .s_03{padding: 150px 0;}
   .s_03 .title_box{text-align: center; margin-bottom: 100px;}
   .s_03 ul{width: 51%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
   .s_03 ul li{margin-bottom: 70px;}

   .s_04{width: 100%; padding: 150px 0; background: url("/img/s4_bg.png")no-repeat center / cover; }
   .s_04 .title_box h2{margin-bottom: 20px;}
   .s_04 .title_box p{font-size: 18px; line-height: 26px; color: #222222;}
   .s_04 > div,  .s_04 ul{width: 72.91%; margin: 0 auto;}
   .s_04 > div{display: flex; justify-content: space-between; align-items: center; margin-bottom: 100px;}
   .s_04 ul{display: flex; justify-content: space-between; color: #ffffff;}
   .s_04 ul li{width: 23.5%; height: 580px; position: relative;}
   .s_04 ul li:nth-of-type(1){background: url("/img/s4_img02.png")no-repeat center / cover;}
   .s_04 ul li:nth-of-type(2){background: url("/img/s4_img03.png")no-repeat center / cover;}
   .s_04 ul li:nth-of-type(3){background: url("/img/s4_img04.png")no-repeat center / cover;}
   .s_04 ul li:nth-of-type(4){background: url("/img/s4_img05.png")no-repeat center / cover;}
   .s_04 ul li div{position: absolute; width: 80%; bottom: 15%; left: 10%;}
   .s_04 ul li div span{display: block; font-size: 20px; line-height: 30px; font-weight: 800; margin-bottom: 10px;}
   .s_04 ul li div strong{display: block; font-size: 30px; font-weight: 800; margin-bottom: 20px}
   .s_04 ul li div p{font-size: 18px; line-height: 26px; }

   .s_05{padding: 150px 0;}
   .s_05 .title_box{text-align: center; margin-bottom: 100px;}
   .s_05 ul{width: 65.62%; margin: 0 auto; text-align: center; position: relative;}
   .s_05 ul li{display: flex !important; justify-content: space-between;}
   .s_05 ul li img{width: 49%;}
   .s_05 ul button{text-indent: -9999px; border: none;}
   .s_05 ul .slick-arrow{position: absolute; top: 35%; z-index: 9; width: 56px; height: 56px;}
   .s_05 ul .slick-prev{background: url("/img/arrow_prev.png")no-repeat center / cover; left: -5%;}
   .s_05 ul .slick-next{background: url("/img/arrow_next.png")no-repeat center / cover; right: -5%;}
   .s_05 ul .slick-dots{width: 10%; position: absolute; display: flex; justify-content: space-between; bottom: -20%; left: 50%; transform: translate(-50%, 20%);}
   .s_05 ul .slick-dots li{width: 15px; height: 15px; background-color: #D0D0D0; border-radius: 100px; border: 1px solid #333333;}
   .s_05 ul .slick-dots li.slick-active{background-color: #073190;}

   .s_06{padding: 150px 0;display: flex; align-items: center;}
   .s_06 .title_box{width: 50%; padding-left: 100px;}
   .s_06 .title_box h2{margin-bottom: 30px;}
   .s_06 .title_box p{font-size: 18px; line-height: 26px; color: #222222;}

   .s_07{padding: 150px 0; background-color: #203A74; border-radius: 100px 100px 0 0; position: relative;}
   .s_07 > img{position: absolute; bottom: 0; right: 0;}
   .s_07 .title_box{text-align: center; margin-bottom: 100px;}
   .s_07 .title_box span, .s_07 .title_box h2{color: #ffffff;}
   .s_07 ol{width: 51%; display: flex; margin: 0 auto 100px; justify-content: space-between; flex-wrap: wrap; text-align: center; }
   .s_07 ol li{width: 48%; border: 1px solid #ffffff; border-radius: 20px; padding: 30px 50px; margin-bottom: 20px; color: #ffffff;}
   .s_07 ol li span{display: block; font-size: 30px; font-weight: 700; margin-bottom: 10px;}
   .s_07 ol li p{font-size: 25px; line-height: 35px;}
   
   .s_07 ul{width: 72.91%; margin: 0 auto; display: flex; justify-content: space-between; color: #ffffff;}
   .s_07 ul li{width: 23.5%; height: 580px; position: relative;}
   .s_07 ul li:nth-of-type(1){background: url("/img/s7_img01.png")no-repeat center / cover;}
   .s_07 ul li:nth-of-type(2){background: url("/img/s7_img02.png")no-repeat center / cover;}
   .s_07 ul li:nth-of-type(3){background: url("/img/s7_img03.png")no-repeat center / cover;}
   .s_07 ul li:nth-of-type(4){background: url("/img/s7_img04.png")no-repeat center / cover;}
   .s_07 ul li div{position: absolute; width: 80%; bottom: 15%; left: 10%;}
   .s_07 ul li div span{display: block; font-size: 20px; line-height: 30px; font-weight: 800; margin-bottom: 10px;}
   .s_07 ul li div strong{display: block; font-size: 30px; font-weight: 800; margin-bottom: 20px}
   .s_07 ul li div p{font-size: 18px; line-height: 26px; }

   .s_08{width: 100%; padding: 150px 0;}
   .s_08 .title_box{text-align: center; margin-bottom: 100px;}
   .s_08 ul{position: relative;}
   .s_08 ul li{padding: 0 100px;}
   .s_08 ul button{text-indent: -9999px;}
   .s_08 ul .slick-arrow{position: absolute; top: 50%; z-index: 9; width: 56px; height: 56px;}
   .s_08 ul .slick-prev{background: url("/img/arrow_prev.png")no-repeat center / cover; left: 0;}
   .s_08 ul .slick-next{background: url("/img/arrow_next.png")no-repeat center / cover; right: 0;}

   .s_09{width: 100%; height:920px; background: url("/img/s9_bg.png")no-repeat center / cover; padding: 150px 0;}
   .s_09 .title_box{width: 72.91%; margin: 0 auto 100px; display: flex; justify-content: space-between; align-items: center;} 
   .s_09 .title_box a{display: inline-block; background-color: #073190; color: #fefefe; font-size: 20px; line-height: 30px; padding: 10px 30px; border-radius: 50px;}
   .s_09 ul{width: 85.93%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
   .s_09 ul li{width: 31.33%; height: 315px;}
   .s_09 ul li > p{text-align: center; font-size: 18px; line-height: 26px; color: #222222; font-weight: 600;}
   .s_09 ul li .twentytwenty-container{width: 100%; height: 315px; background-color: rgb(0, 0, 0); cursor: pointer; margin-bottom: 20px;}
   .s_09 ul li .twentytwenty-container img{width: 100%;}
   .s_09 ul li .twentytwenty-container img:nth-of-type(1){opacity: 0.4;}
   .s_09 ul li .twentytwenty-container .twentytwenty-overlay{font-family: 'Pretendard'; font-weight: 500;}


}

@media screen and (min-width: 1280px){

   .visual{background-color: #222222; width: 100%; height: 100vh;}
   .visual .main_slider{width: 100%; margin-top: 100px; position: relative;}
   .visual .main_slider li{position: relative; width: 100%; }
   .visual .main_slider .slide01 video{width: 100%; height: 100vh; display: block; object-fit: cover; opacity: 0.5;}
   .visual .main_slider .slide01 div{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; text-align: center;}
   .visual .main_slider .slide02 img{width: 100%; height: 100vh; display: block; object-fit: cover;}
   .visual div span{display: block; text-transform: uppercase; font-size: 16px; letter-spacing: 4px; margin-bottom: 30px;}
   .visual div h2{font-size: 60px; line-height: 70px; font-weight: 300; margin-bottom: 50px;}
   .visual div h2 img{display: inline-block; vertical-align: bottom;}
   .visual div p{font-size: 20px; line-height: 30px; font-weight: 600;}
   .visual div p b{font-size: 25px; font-weight: 800; color: #F5C115;}
   .visual button{text-indent: -9999px; border: none;}
   .visual .slick-arrow{position: absolute; top: 60%; z-index: 9; width: 26px; height: 49px;}
   .visual .slick-prev{background: url("/img/arrow2_prev.png")no-repeat center / cover; left: 9%;}
   .visual .slick-next{background: url("/img/arrow2_next.png")no-repeat center / cover; right: 9%;}

   .title_box span{display: block; font-size: 20px; text-transform: uppercase; color: #008AFF; margin-bottom: 20px; font-weight: 700;}
   .title_box h2{font-size: 60px; line-height: 70px; font-weight: 300; color: #222222;}
   .title_box h2 b{font-weight: 700;}

   .s_01{width: 100%;padding: 100px 0;}
   .s_01 .title_box{margin: 0 0 100px 350px;}
   .s_01 .slider{margin-left: 350px;}
   .s_01 .slider{display: flex;}
   .s_01 .inner_slider{display: flex;}
   .s_01 .slider h3{font-size: 40px; margin-bottom: 30px; color: #222222;}
   .s_01 .slider h3 p{display: inline-block;}
   .s_01 .slider h3 span{color: #AAAAAA; font-weight: 700;}
   .s_01 .slider h3 span:nth-of-type(1){font-size: 50px;}
   .s_01 .slider h3 span:nth-of-type(2),  .s_01 .slider span:nth-of-type(3){font-size: 30px;}
   .s_01 .inner_slider li:not(:last-child){margin-right: 30px;}

   .s_02{background-color: #F6F8FE; padding: 150px 0; border-radius: 100px 100px 0 0;}
   .s_02 .title_box{text-align: center; margin-bottom: 100px;}
   .s_02 .profile{margin-bottom: 100px;}
   .s_02 .profile ul{width: 92.75%; margin: 0 auto; display: flex; align-items: center; color: #222222;}
   .s_02 .left ul{justify-content: flex-start;}
   .s_02 .right ul{justify-content: flex-end;}
   .s_02 .right .img_box{order: 1;}
   .s_02 .right .txt_box{padding-right: 200px;}
   .s_02 .left .txt_box{padding-left: 50px;}
   .s_02 .profile ul .txt_box h3{font-family: 'Noto Serif KR'; font-size: 80px; line-height: 90px; font-weight: 800; margin-bottom: 20px;}
   .s_02 .profile ul .txt_box p{font-size: 20px; margin-bottom: 20px;}
   .s_02 .profile ul .txt_box p b{font-size: 30px;}
   .s_02 .profile ul .txt_box span{display: inline-block; border: 1px solid #073190; color: #073190; font-size: 20px; padding: 5px 10px; border-radius: 20px; margin: 0 10px 20px 0;}
   .s_02 .profile ul .txt_box ol li{font-size: 18px; line-height: 26px; margin-bottom: 10px; color: #444444; font-weight: 400;}

   .s_02-2{padding-top: 150px; background-color: #f9f9f98c; position: relative;}
   .s_02-2 > img{position: absolute; bottom: 5%; left: 0;}
   .s_02-2 .title_box{margin: 0 0 50px 350px;}
   .s_02-2 .intro_area{margin-bottom: 50px;}
   .s_02-2 .intro_area > img{position: absolute; bottom: 30%; }
   .s_02-2 .intro_area .content_box{width: 63.66%; margin: 0 auto; display: flex; justify-content: space-between;}
   .s_02-2 .content_box .txt_box{padding-top: 50px;}
   .s_02-2 .content_box .txt_box p{color: #333333; font-size: 20px; line-height: 30px; margin-bottom: 20px;}
   .s_02-2 .content_box .txt_box .txt_point{font-family: 'NotoSerifKR';}
   .s_02-2 .content_box .txt_box p span{display: inline-block; font-family: 'Nanum ltter'; font-size: 40px; color: #004798; margin-left: 10px;}

   .s_03{padding: 150px 0;}
   .s_03 .title_box{text-align: center; margin-bottom: 100px;}
   .s_03 ul{width: 51%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
   .s_03 ul li{margin-bottom: 70px;}

   .s_04{width: 100%; padding: 150px 0; background: url("/img/s4_bg.png")no-repeat center / cover; }
   .s_04 .title_box h2{margin-bottom: 20px;}
   .s_04 .title_box p{font-size: 18px; line-height: 26px; color: #222222;}
   .s_04 > div,  .s_04 ul{width: 72.91%; margin: 0 auto;}
   .s_04 > div{display: flex; justify-content: space-between; align-items: center; margin-bottom: 100px;}
   .s_04 ul{display: flex; justify-content: space-between; color: #ffffff;}
   .s_04 ul li{width: 23.5%; height: 580px; position: relative;}
   .s_04 ul li:nth-of-type(1){background: url("/img/s4_img02.png")no-repeat center / cover;}
   .s_04 ul li:nth-of-type(2){background: url("/img/s4_img03.png")no-repeat center / cover;}
   .s_04 ul li:nth-of-type(3){background: url("/img/s4_img04.png")no-repeat center / cover;}
   .s_04 ul li:nth-of-type(4){background: url("/img/s4_img05.png")no-repeat center / cover;}
   .s_04 ul li div{position: absolute; width: 80%; bottom: 15%; left: 10%;}
   .s_04 ul li div span{display: block; font-size: 20px; line-height: 30px; font-weight: 800; margin-bottom: 10px;}
   .s_04 ul li div strong{display: block; font-size: 30px; font-weight: 800; margin-bottom: 20px}
   .s_04 ul li div p{font-size: 18px; line-height: 26px; }

   .s_05{padding: 150px 0;}
   .s_05 .title_box{text-align: center; margin-bottom: 100px;}
   .s_05 ul{width: 65.62%; margin: 0 auto; text-align: center; position: relative;}
   .s_05 ul li{display: flex !important; justify-content: space-between;}
   .s_05 ul li img{width: 49%;}
   .s_05 ul button{text-indent: -9999px; border: none;}
   .s_05 ul .slick-arrow{position: absolute; top: 35%; z-index: 9; width: 56px; height: 56px;}
   .s_05 ul .slick-prev{background: url("/img/arrow_prev.png")no-repeat center / cover; left: -5%;}
   .s_05 ul .slick-next{background: url("/img/arrow_next.png")no-repeat center / cover; right: -5%;}
   .s_05 ul .slick-dots{width: 10%; position: absolute; display: flex; justify-content: space-between; bottom: -20%; left: 50%; transform: translate(-50%, 20%);}
   .s_05 ul .slick-dots li{width: 15px; height: 15px; background-color: #D0D0D0; border-radius: 100px; border: 1px solid #333333;}
   .s_05 ul .slick-dots li.slick-active{background-color: #073190;}

   .s_06{padding: 150px 0;display: flex; align-items: center;}
   .s_06 .title_box{padding-left: 100px;}
   .s_06 .title_box h2{margin-bottom: 30px;}
   .s_06 .title_box p{font-size: 18px; line-height: 26px; color: #222222;}

   .s_07{padding: 150px 0; background-color: #203A74; border-radius: 100px 100px 0 0; position: relative;}
   .s_07 > img{position: absolute; bottom: 0; right: 0;}
   .s_07 .title_box{text-align: center; margin-bottom: 100px;}
   .s_07 .title_box span, .s_07 .title_box h2{color: #ffffff;}
   .s_07 ol{width: 51%; display: flex; margin: 0 auto 100px; justify-content: space-between; flex-wrap: wrap; text-align: center; }
   .s_07 ol li{width: 48%; border: 1px solid #ffffff; border-radius: 20px; padding: 30px 50px; margin-bottom: 20px; color: #ffffff;}
   .s_07 ol li span{display: block; font-size: 30px; font-weight: 700; margin-bottom: 10px;}
   .s_07 ol li p{font-size: 25px; line-height: 35px;}
   
   .s_07 ul{width: 72.91%; margin: 0 auto; display: flex; justify-content: space-between; color: #ffffff;}
   .s_07 ul li{width: 23.5%; height: 580px; position: relative;}
   .s_07 ul li:nth-of-type(1){background: url("/img/s7_img01.png")no-repeat center / cover;}
   .s_07 ul li:nth-of-type(2){background: url("/img/s7_img02.png")no-repeat center / cover;}
   .s_07 ul li:nth-of-type(3){background: url("/img/s7_img03.png")no-repeat center / cover;}
   .s_07 ul li:nth-of-type(4){background: url("/img/s7_img04.png")no-repeat center / cover;}
   .s_07 ul li div{position: absolute; width: 80%; bottom: 15%; left: 10%;}
   .s_07 ul li div span{display: block; font-size: 20px; line-height: 30px; font-weight: 800; margin-bottom: 10px;}
   .s_07 ul li div strong{display: block; font-size: 30px; font-weight: 800; margin-bottom: 20px}
   .s_07 ul li div p{font-size: 18px; line-height: 26px; }

   .s_08{width: 100%; padding: 150px 0;}
   .s_08 .title_box{text-align: center; margin-bottom: 100px;}
   .s_08 ul{position: relative;}
   .s_08 ul li{padding: 0 100px;}
   .s_08 ul button{text-indent: -9999px;}
   .s_08 ul .slick-arrow{position: absolute; top: 50%; z-index: 9; width: 56px; height: 56px;}
   .s_08 ul .slick-prev{background: url("/img/arrow_prev.png")no-repeat center / cover; left: 12%;}
   .s_08 ul .slick-next{background: url("/img/arrow_next.png")no-repeat center / cover; right: 12%;}

   .s_09{width: 100%; height:920px; background: url("/img/s9_bg.png")no-repeat center / cover; padding: 150px 0;}
   .s_09 .title_box{width: 72.91%; margin: 0 auto 100px; display: flex; justify-content: space-between; align-items: center;} 
   .s_09 .title_box a{display: inline-block; background-color: #073190; color: #fefefe; font-size: 20px; line-height: 30px; padding: 10px 30px; border-radius: 50px;}
   .s_09 ul{width: 85.93%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
   .s_09 ul li{width: 31.33%; height: 315px;}
   .s_09 ul li > p{text-align: center; font-size: 18px; line-height: 26px; color: #222222; font-weight: 600;}
   .s_09 ul li .twentytwenty-container{width: 100%; height: 315px; background-color: rgb(0, 0, 0); cursor: pointer; margin-bottom: 20px;}
   .s_09 ul li .twentytwenty-container img{width: 100%;}
   .s_09 ul li .twentytwenty-container img:nth-of-type(1){opacity: 0.4;}
   .s_09 ul li .twentytwenty-container .twentytwenty-overlay{font-family: 'Pretendard'; font-weight: 500;}



}