@charset "UTF-8";

/* 슬라이드 */
.section .slide_area .slide.cont01 .contain_cont .container .box { width: 100%; max-width: 600px; margin: 0 auto; font-size: 16px;}
.section .slide_area .slide.cont01 .contain_cont .container .box .title_area { display: flex; flex-direction: column; align-items: center; text-align: center;}
.section .slide_area .slide.cont01 .contain_cont .container .box .title_area .title {font-size: 1.5em; margin-bottom: 0.5em;}
.section .slide_area .slide.cont01 .contain_cont .container .box .title_area .link_view { font-size: 0.9em; text-decoration: none; color: #007bff;}

@media screen and (max-width: 480px) {
    /* body {font-size: 14px;} */
    .section .slide_area .slide.cont01 .contain_cont .container .box {font-size: 14px;}
    .section .slide_area .slide.cont01 .contain_cont .container .box .title_area .title {font-size: 1.3em;}
}

.head_pop_btn {display: inline-block !important;} 

.section, .slide {position: relative; overflow: hidden; width: 100%; height: 100%;}

.section {position: relative; width: 100%; }
.section.sen1 {display:block; height: 100vh;}
.section > article {flex: 1 1 auto;}
.main_bg {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat;}
.section .section_bg {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;  -webkit-transition: all 6s; -moz-transition: all 6s; -ms-transition: all 6s; -o-transition: all 6s; transition: all 6s; animation: item_bg_animation 6s 1s infinite linear alternate; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;}
.section .section_bg2 {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;  background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}

.section .contain_cont {position: relative; z-index: 2;}
.section .contain_cont .container {width: 1400px; max-width: 100%; margin: 0 auto;}


/* ======================================== */
.section .slide.cont01, .section .slide.cont02, .section .slide.cont03 {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; }
.section.sen1.m {display: none;}


/* 1) slide section */
.section .cont01 .contain_cont .container .box,
.section .cont02 .contain_cont .container .box {display: block; margin-top: 100px;}
.section .cont01 .contain_cont .container > .box > .title {font-weight: 700; font-size: 70px; line-height: 88px; color: #ffffff; word-break: keep-all;}

.section .cont01 .contain_cont .container .box .txt_list {margin: 16px 0 0;}
.section .cont01 .contain_cont .container .box .txt_list .list {}
.section .cont01 .contain_cont .container .box .txt_list .list li {font-weight: 300; font-size: 24px; line-height: 36px; color: rgba(255, 255, 255, 0.5); word-break: keep-all;}
.section .cont01 .contain_cont .container .box .txt_list .list li .ft_c {font-weight: 400; color: #ffffff;}


.notice_area { width: 100%; position: absolute; bottom: 30px; }
.notice_area .container {display: flex; flex-wrap: wrap; justify-content: space-between;}
.notice_area .box { width: 44%; }
.notice_area .box .title { font-size: 30px; font-weight: 700; color: #fff; }
.notice_area .box .notice_list { margin-top: 30px; /*border-top: 2px solid #fff;*/ }
.notice_area .box .notice_list .list {}
.notice_area .box .notice_list .list li { padding: 15px 0; /*border-bottom: 1px solid rgba(255, 255, 255, .5);*/ }
.notice_area .box .notice_list .list li a { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.notice_area .box .notice_list .list li a .text { font-size: 16px; font-weight: 500; color: #fff; max-width: calc(100% - 90px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.notice_area .box .notice_list .list li a .date { font-size: 14px; color: rgba(255, 255, 255, .8); }
.notice_area .box .notice_list .list li a:hover .text, .section .notice_area .box .notice_list .list li a:focus .text {}

.plus_icon { display: block; position: relative; width: 18px; height: 18px; font-size: 1px; overflow: hidden; text-indent: -5px; }
.plus_icon::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 100%; background: #000; }
.plus_icon::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 2px; background: #000; }

.notice_area .plus_icon::before, .notice_area .plus_icon::after { background: #fff; }

.notice_area2 { padding: 80px 0 150px; }
.notice_area2 h3.title { font-size: 30px; font-weight: 700; color: #07535e; }
.notice_area2 .left { width: 66.42857%; height: 420px; padding: 30px 40px; border-radius: 20px; background: #f1f6f6; }
.notice_area2 .left .list { margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.notice_area2 .left li { width: 48%; padding: 24px 0; border-top: 1px solid #c2d5d8; }
.notice_area2 .left li .text { font-size: 18px; font-weight: 700; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.notice_area2 .left li .date { font-size: 14px; color: #666; }
.notice_area2 .left li a:hover .text { color: #199aa7; }
.notice_area2 .right { width: 30%; height: 420px; border: 1px solid #ccc; border-radius: 20px; overflow: hidden; position: relative; }
.notice_area2 .right .slick-list { height: 100%; overflow: visible; }
.notice_area2 .right .slick-track { display: flex; align-items: center; }
.notice_area2 .right .slick-slide { width: fit-content; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.notice_area2 .right .slick-slide img {  }


.books .items { width: 22.7142%; padding-top: 100px;  }
.books .items > a { display: block; overflow: hidden; border-radius: 10px; box-shadow: 5px 5px 30px rgba(0, 0, 0, .1); }
.books .items .title { margin-top: 20px; font-size: 22px; text-align: center; }
.books .items .img_box { position: relative; height: 420px; }
.books .items .img_inner { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 420px; text-align: center; }
.books .items .img_inner img { width: 100%; height: 100%; vertical-align: middle; object-fit: contain; }




/* 2) slide section */
.section .cont02 .contain_cont .container .box .title_area { text-align: center; }
.section .cont02 .contain_cont .container .box .title_area .sub_title {font-weight: 400; font-size: 32px; line-height: 48px; color: #ffffff; word-break: keep-all;}
.section .cont02 .contain_cont .container .box .title_area .title {margin: 10px 0 0; font-weight: 700; font-size: 45px; line-height: 75px; color: #ffffff; word-break: keep-all;}
.section .cont02 .contain_cont .container .box .title_area .link_view {display: inline-block; margin: 39px 0 0; border: 1px solid #ffffff; padding: 0 38px; font-weight: 700; font-size: 16px; line-height: 50px; color: #ffffff; letter-spacing: -0.05em; border-radius: 50px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.7);}
.section .cont02 .contain_cont .container .box .title_area .link_view:focus {outline:none;color:#fff;background:#248386;border-color:#248386;border: 1px dashed #eee;}
/* 3) slide section */
.section .cont03 .contain_cont .container .box .title_area {text-align: center;}
.section .cont03 .contain_cont .container .box .title_area .sub_title {font-weight: 400; font-size: 33px; line-height: 33px; color: #ffffff;}
.section .cont03 .contain_cont .container .box .title_area .imgs {margin: 28px 0 0;}
.section .cont03 .contain_cont .container .box .title_area .imgs img {}
.section .cont03 .contain_cont .container .box .title_area .link_view {display: inline-block; margin: 27px 0 0; border: 1px solid #ffffff; padding: 0 90px; font-weight: 700; font-size: 30px; line-height: 98px; color: #ffffff; letter-spacing: -0.05em; border-radius: 50px;}

/* slide option */
.section .fp-controlArrow {display: none;}

.section .fp-slidesNav {left: 40px !important; bottom: 40px;}
.section .fp-slidesNav ul {font-size: 0;}
.section .fp-slidesNav ul > li {width: inherit; height: inherit; margin: 0 10px 0 0;}
.section .fp-slidesNav ul > li > a {display: block;}
.section .fp-slidesNav ul > li > a > span {display: block; position: inherit; top: inherit; left: inherit; width: 9px; height: 9px; margin: 0; background-color: #ffffff;}
.section .fp-slidesNav ul > li > a.active > span {width: 40px; border-radius: 10px;}
.section .fp-slidesNav ul > li > a > span.fp-sr-only {display: none;}

.mouse_box {position: absolute; left: 50%; bottom: 15px; width: 21px; animation: bounce 1.3s infinite; z-index: 9999;}
.mouse_box img {}
@keyframes bounce {
    0% {
        transform: translateY(0);
    } 50% {
        transform: translateY(-15px);
    } 100% {
        transform: translateY(0);
    }
}
/* ======================================== */

.slide_area.slick-slider {height:100%;}
.slide_area.slick-slider .slick-list  {height:100%;}
.slide_area.slick-slider .slick-list .slick-track  {height:100%;}
.slide_area.slick-slider .slick-list .slick-slide  {display: flex;justify-content: center;/*align-items: center;*/padding-top: 100px;}
.slide_area .slick-next {right:50px;z-index:5;width:70px;height:70px;}
.slide_area .slick-prev {left:50px;z-index:5;width:70px;height:70px;}
.slide_area .slick-next:focus,
.slide_area .slick-prev:focus  {outline:1px dashed #fff;}
.slide_area .slick-prev:before {
    position: absolute;
    left: 22px;
    top: 12px;
    content: '';
    width: 40px;
    height: 40px;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: rotate(225deg);
}
.slide_area .slick-next:before {
    position: absolute;
    right: 22px;
    top: 12px;
    content: '';
    width: 40px;
    height: 40px;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: rotate(45deg);
}

.slide_area .contain_cont {transform: translateY(-50px);}
.arrow_main {display:inline-block;}
.arrow_main .slick-dots li {display:inline-block;width:15px;}
.arrow_main .slick-dots li button {color:#fff;}
.slider_control { position: absolute; /*bottom: 40px;*/ top: 48%; left: 50%; width:100%; text-align:center; z-index: 3; transform: translateX(-50%); color: #fff; }
.slider_control > div {display:inline-block;overflow:hidden;height:24px;vertical-align:top;margin:0 10px;}
.slider_control button {color:#fff;margin:0 5px;display:inline-block;vertical-align:top;border:1px solid transparent;}
.slider_control .btn button {display:none;}
.slider_control .btn button.on {display:block;}
.slider_control .btn button:focus {color:#0ff6e6;outline:none;}
.slider_control .slick-dots {position:static;}
.slider_control .slick-dots li {padding:2px;}
.slider_control .slick-dots li button {width:15px;padding:0;}
.slider_control .slick-dots li button:before {content:'';width:10px;height:10px;border-radius:50%;;position:static;display:inline-block;border: 1px solid #fff;}
.slider_control .slick-dots li button:focus:before {outline: 2px solid #5bffec;}
.slider_control .slick-dots li.slick-active button:before {opacity:1;background: #fff;}
/* full 2page */
.sen4 .contain_cont .container {max-width: 1400px;}
.sen4 .contain_cont .container .link_view_list {}
.sen4 .contain_cont .container .link_view_list .list {font-size: 0;}
.sen4 .contain_cont .container .link_view_list .list li {display: inline-block; width: calc(25% - 60px); margin: 0 80px 80px 0;}
.sen4 .contain_cont .container .link_view_list .list li:nth-child(4n) {margin: 0 0 80px;}
.sen4 .contain_cont .container .link_view_list .list li:nth-last-child(-n+4) {margin: 0 80px 0 0;}
.sen4 .contain_cont .container .link_view_list .list li:nth-child(8) {margin: 0;} 
.sen4 .contain_cont .container .link_view_list .list li a {display: table; width: 100%; table-layout: fixed; border: 1px solid #33ccc7; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.sen4 .contain_cont .container .link_view_list .list li a:hover, .sen4 .contain_cont .container .link_view_list .list li a:focus {border: 1px solid #ffffff; background-color: #ffffff;}
.sen4 .contain_cont .container .link_view_list .list li a .box {display: table-cell; width: 100%; height: 240px; text-align: center; vertical-align: middle;}
.sen4 .contain_cont .container .link_view_list .list li a .box .text {display: inline-block; position: relative; padding: 80px 0 0; font-weight: 700; font-size: 24px; line-height: 36px; color: #ffffff; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.sen4 .contain_cont .container .link_view_list .list li a:hover .box .text, .sen4 .contain_cont .container .link_view_list .list li a:focus .box .text {color: #07535e;}
.sen4 .contain_cont .container .link_view_list .list li a .box .text:before {display: block; content: ''; position: absolute; top: 0; left: 50%; width: 53px; height: 53px; background-repeat: no-repeat; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.sen4 .contain_cont .container .link_view_list .list li.icon1 a .box .text:before {background-image: url("/Spri/images/main/full_icon1.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon1 a:hover .box .text:before, .sen4 .contain_cont .container .link_view_list .list li.icon1 a:focus .box .text:before {background-image: url("/Spri/images/main/full_icon1_on.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon2 a .box .text:before {background-image: url("/Spri/images/main/full_icon2.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon2 a:hover .box .text:before, .sen4 .contain_cont .container .link_view_list .list li.icon2 a:focus .box .text:before {background-image: url("/Spri/images/main/full_icon2_on.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon3 a .box .text:before {background-image: url("/Spri/images/main/full_icon3.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon3 a:hover .box .text:before, .sen4 .contain_cont .container .link_view_list .list li.icon3 a:focus .box .text:before {background-image: url("/Spri/images/main/full_icon3_on.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon4 a .box .text:before {background-image: url("/Spri/images/main/full_icon4.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon4 a:hover .box .text:before, .sen4 .contain_cont .container .link_view_list .list li.icon4 a:focus .box .text:before {background-image: url("/Spri/images/main/full_icon4_on.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon5 a .box .text:before {background-image: url("/Spri/images/main/full_icon5.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon5 a:hover .box .text:before, .sen4 .contain_cont .container .link_view_list .list li.icon5 a:focus .box .text:before {background-image: url("/Spri/images/main/full_icon5_on.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon6 a .box .text:before {background-image: url("/Spri/images/main/full_icon6.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon6 a:hover .box .text:before, .sen4 .contain_cont .container .link_view_list .list li.icon6 a:focus .box .text:before {background-image: url("/Spri/images/main/full_icon6_on.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon7 a .box .text:before {background-image: url("/Spri/images/main/full_icon7.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon7 a:hover .box .text:before, .sen4 .contain_cont .container .link_view_list .list li.icon7 a:focus .box .text:before {background-image: url("/Spri/images/main/full_icon7_on.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon8 a .box .text:before {background-image: url("/Spri/images/main/full_icon8.png");}
.sen4 .contain_cont .container .link_view_list .list li.icon8 a:hover .box .text:before, .sen4 .contain_cont .container .link_view_list .list li.icon8 a:focus .box .text:before {background-image: url("/Spri/images/main/full_icon8_on.png");}

#cloud {width: 100%; height: 660px;}
#cloud span {padding: 30px; font-weight: 700; letter-spacing: -0.075em;}
#cloud span a {position: relative;}
#cloud span a:before, #cloud span a:before {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 12px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
#cloud span a:hover:before, #cloud span a:focus:before {width: 100%;}
#cloud span.w10 {padding: 0; font-size: 60px; line-height: 90px; color: #ffffff;}
#cloud span.w10 a {padding: 0 50px; background-color: #0f6cca; border-radius: 50px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
#cloud span.w10 a:hover, #cloud span.w10 a:focus {background-color: #0c5eb0;}
#cloud span.w10 a:before {display: none;}
#cloud span.w8 {font-size: 60px; line-height: 90px; color: #4fefff;}
#cloud span.w8 a:hover:before, #cloud span.w8 a:focus:before {height: 17px; background-color: rgba(79, 239, 255, 0.3);}
#cloud span.w6 {font-size: 43px; line-height: 65px; color: #0c193c;}
#cloud span.w6 a:hover:before, #cloud span.w6 a:focus:before {height: 17px; background-color: rgba(5, 27, 84, 0.3);}
#cloud span.w3 {font-size: 30px; line-height: 45px; color: #ffffff;}
#cloud span.w3 a:hover:before, #cloud span.w3 a:focus:before {background-color: rgba(255, 255, 255, 0.3);}
#cloud span.w1 {font-size: 20px; line-height: 30px; color: rgba(255, 255, 255, 0.52);}
#cloud span.w1 a:hover:before, #cloud span.w1 a:focus:before {background-color: rgba(255, 255, 255, 0.3);}
.jqcloud-word a {color:#fff !important;}
.sen5 .contain_cont {}
/* .section.sen5 .contain_cont .container {top: 50%; left: calc(50% - 40%); right: auto; width: 100%; max-width: 520px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);} */
.sen5 .contain_cont .container {position: relative; max-width: 1490px; font-size: 0;}
.sen5 .contain_cont .container .com_cont {display: inline-block; width: 100%; vertical-align: middle;}
.sen5 .contain_cont .container .fl_l {max-width: 620px; padding: 0 0 0 60px;}
.sen5 .contain_cont .container .fl_l .sitemap {font-size: 0;}
.sen5 .contain_cont .container .fl_l .sitemap > li {display: inline-block; width: calc(33.3333% - 43.3333px); margin: 0 65px 0 0; vertical-align: top;}
.sen5 .contain_cont .container .fl_l .sitemap > li:last-child {margin: 0;}
.sen5 .contain_cont .container .fl_l .sitemap > li:nth-child(3) {display: none;}
.sen5 .contain_cont .container .fl_l .sitemap > li > a {display: block; position: relative; padding: 33px 0; font-weight: 700; font-size: 25px; line-height: 37px; color: #33ccc7;}
.sen5 .contain_cont .container .fl_l .sitemap > li > a:before {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #578a92;}
.sen5 .contain_cont .container .fl_l .sitemap > li > a:focus {outline-style: dashed; outline-color: #fff; outline-width: 1px;}
.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb  {}
.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li {margin: 15px 0 0;}
.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li > a {display: block; font-weight: 400; font-size: 25px; line-height: 37px; color: #ffffff;}
.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li > a:focus,
.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li > a:hover {color:#6dd8ff;outline-style: dashed; outline-color: #fff; outline-width: 1px;}
.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li .m_sub2_gnb {display: block; padding: 5px 0;}
.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li .m_sub2_gnb> li {margin: 4px 0 0;}
.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li .m_sub2_gnb> li > a {display: block; padding: 0; font-weight: 400; font-size: 20px; line-height: 30px; color: #ffffff;}
.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li .m_sub2_gnb> li > a:hover {color:#ecff69;outline-style: dashed; outline-color: #fff; outline-width: 1px;}
.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li .m_sub2_gnb> li > a:focus {color:#ecff69;outline-style: dashed; outline-color: #fff; outline-width: 1px;}
.sen5 .footer {position: absolute; left: 40px; bottom: 35px; padding: 0;display:flex;background:transparent;}
.sen5 .footer a {margin-left:20px;}
.sen5 .footer.mob {display: none;}
.sen5 .footer footer {}
.sen5 .footer footer p {font-weight: 700; font-size: 14px; line-height: 21px; color: #33ccc7; word-break: keep-all;}

.sen5 .fl_r {position: absolute; top: 0; right: -795px; max-width: 1280px;}
.sen5 .fl_r .book_slide_box {overflow: hidden; padding: 0 0 100px;}
.sen5 .fl_r .book_slide_box #book_slide {font-size: 0;}
.sen5 .fl_r .book_slide_box #book_slide .slick-list {overflow: inherit !important;}
.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track {}
.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li {display: inline-block; margin: 0 153px 0 0; box-shadow: 39px 39px 60px rgb(0 0 0 / 24%);padding:3px 0 0 3px;line-height:1;}
.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li:focus {}
.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li a {display: block;}
.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li a:focus {outline:2px dashed blue;}
.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li a .img_box {display: table; table-layout: fixed; width: 100%; max-width: 484px;}
.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li a .img_box .img_inner {display: table-cell; width: 100%; max-width: 484px; height: 673px; vertical-align: middle; text-align: center;}
.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li a .img_box .img_inner img {display: inline-block;}


/*  // 2021-08-30 */
.section.sen6 {}
/* 2021-08-30 */

.sen6 .contain_cont {width: 100%; height: 100%;}
.sen6 .contain_cont .container {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; max-width: 100%; height: 100%;}
.sen6 .contain_cont .container .box {width: 50%; height: 100%; padding: 0 5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; align-items: center; background-image: url('/Spri/images/main/cont_bg_06_l.jpg'); background-position: right center; background-size: cover; background-repeat: no-repeat;}
.sen6 .contain_cont .container .inner_box {position: relative; width: 50%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.sen6 .contain_cont .container .inner_box .etc {position: absolute; top: 0; right: 0; bottom: 0; right: 0; width: 100%; height: 100%;}
.sen6 .contain_cont .container .box .info_list {width: 100%; margin: 72px 0 0;}
.sen6 .contain_cont .container .box .info_list:first-child {margin: 0;}
.sen6 .contain_cont .container .box .info_list .title {display: inline-block; border: 1px solid #ffffff; padding: 0 45px; font-weight: 400; font-size: 20px; line-height: 63px; color: #ffffff; text-align: center; border-radius: 50px;}
.sen6 .contain_cont .container .box .info_list .list {margin: 30px 0 0;}
.sen6 .contain_cont .container .box .info_list .list li {margin: 22px 0 0; padding: 0 10px 0 0;}
.sen6 .contain_cont .container .box .info_list .list li:first-child {margin: 0;}
.sen6 .contain_cont .container .box .info_list .list li a {display: block;}
.sen6 .contain_cont .container .box .info_list .list li a .text {height: 38px; font-weight: 400; font-size: 25px; line-height: 38px; color: #ffffff; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
/* 2021-09-14 추가 */
.sen6 .contain_cont .container .box_cont {width: 800px; padding: 0 0 0 60px;}

/* .sen7 .contain_cont .container {top: calc(100% - 206px); left: 50%; width: 100%; max-width: 1495px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);} */
.sen7 .contain_cont .container .box {}   
.sen7 .contain_cont .container .box .title_area {text-align: center;}   
.sen7 .contain_cont .container .box .title_area .sub_title {font-weight: 400; font-size: 44px; line-height: 44px; color: #ffffff;}                                
.sen7 .contain_cont .container .box .title_area .title {margin: 37px 0 0; font-weight: 700; font-size: 107px; line-height: 107px; color: #ffffff;}                                                                                 
.sen7 .contain_cont .container .box .title_area .link_view {display: inline-block; margin: 53px 0 0; border: 1px solid #ffffff; padding: 0 200px; font-weight: 700; font-size: 30px; line-height: 98px; color: #ffffff; letter-spacing: -0.05em; border-radius: 50px;} 
.sen7 .contain_cont .container .box .title_area .link_view:focus {background:#248386;border-color:#248386;color:#fff;outline:none;}

/* .sen8 .contain_cont .container {top: calc(100% - 206px); left: 50%; width: 100%; max-width: 1495px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);} */
.sen8 .contain_cont .container .box {}
.sen8 .contain_cont .container .box .title_area {text-align: center;}
.sen8 .contain_cont .container .box .title_area .sub_title {font-weight: 400; font-size: 56px; line-height: 56px; color: #ffffff; letter-spacing: -0.1em;}
.sen8 .contain_cont .container .box .title_area .imgs {margin: 50px 0 0;}
.sen8 .contain_cont .container .box .title_area .imgs img {}
.sen8 .contain_cont .container .box .title_area .btn_box {margin: 51px 0 0;}
.sen8 .contain_cont .container .box .title_area .btn_box .link_view {display: inline-block; margin: 0 15px 0 0; border: 1px solid #ffffff; padding: 0 30px; font-weight: 400; font-size: 24px; line-height: 64px; color: #ffffff; letter-spacing: -0.05em; border-radius: 50px;}
.sen8 .contain_cont .container .box .title_area .btn_box .link_view:last-child {margin: 0;}
.sen8 .contain_cont .container .box .title_area .btn_box .link_view:focus {color:#248386;border-color:#248386;background:#fff;outline:none;}

.hot_key {position: fixed; bottom: 30px; right: 30px; z-index: 9999;  }
.hot_key button {display: block; position: relative; width: 65px; height: 65px; margin: 26px 0 0; border: 1px solid #ffffff; border-radius: 50%;}
.hot_key.bg_c button {border: 1px solid #333333;}
.hot_key button:before {display: block; content: ''; position:absolute;	top: 50%; left: 50%; width: 9px; height: 9px; background-color: #ffffff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.hot_key.bg_c button:before {background-color: #333333;}
.hot_key button {box-shadow:0 0 10px rgba(26, 110, 95, .5);}
.hot_key.on button:before {width: 35px; height: 35px; background-color: #fff;box-shadow: 0 0 7px #00393b;}
.hot_key.on.bg_c button:before {background-color: #333333;}
.hot_key .list {display: none; }
.hot_key.on .list {display: block;width:100%;}
.hot_key .list li {margin: 18px 0 0;}
.hot_key .list li:first-child {margin: 0;}
.hot_key.on .list li a {display: block;  font-weight: 700; font-size: 18px; line-height: 27px; color: #fff; text-align: center;text-shadow: 0 0 7px #00393b;}
.hot_key.on.bg_c .list li a {color: #333333;}



/* full nav */
#fp-nav.fp-left {left: 40px; width: 1px; height: 100%; height: 100%; max-height: 444px;}
#fp-nav ul {width: 100%; height: 100%;}
#fp-nav ul li {width: 1px; height: 12.5%; margin: 0;}
#fp-nav ul li a {display: block; height: 100%;}
#fp-nav ul li a.active {}
#fp-nav ul li a span {display: block; width: 1px !important; height: 100% !important; margin: 0 !important; background-color: rgba(255, 255, 255, 0.1);}
#fp-nav ul li a.active span {margin: 0 !important; background-color: #ffffff;}
#fp-nav ul li a span.fp-sr-only {position: absolute;left: -9999px;overflow: hidden;width: 1px;height: 1px;line-height: 1px;font-size: 1px;}

@keyframes item_bg_animation {
  0%{-webkit-transform: scale(1.2);  -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
  100%{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}


.main_popup_cont {}
.main_popup_cont .cont {}
.main_popup_cont .cont .main_slide_box {position: relative;}
.main_popup_cont .cont .main_slide_box #main_popup {z-index: 1;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list {}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track {}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li {}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li.slick-active {display:block;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li a {border:2px solid transparent;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li.slick-active a {display:block;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li a:focus {border:2px solid #33ccc7;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box {padding: 27px 25px 31px; background-color: #ffffff;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .img_box {display: table; width: 100%; table-layout: fixed;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .img_box .inner_box {display: table-cell; width: 100%; height: 176px; vertical-align: middle; text-align: center;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .img_box .inner_box img {display: inline-block; height: 100%;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .img_box2 {display: table; width: 100%; table-layout: fixed;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .img_box2 .inner_box {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .img_box2 .inner_box img {display: inline-block;}

.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .title {height: 30px; margin: 25px 0 0; font-weight: 700; font-size: 20px; line-height: 30px; color: #1a1a1a; letter-spacing: -0.075em; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .text_box {height: 52px; margin: 14px 0 0; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .text_box .text {font-weight: 400; font-size: 16px; line-height: 26px; color: #1a1a1a; letter-spacing: -0.075em;}
.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .link_box {display: inline-block; margin: 18px 0 0; border: 1px solid #464646; padding: 0 22px; font-weight: 400; font-size: 16px; line-height: 28px; color: #1a1a1a; letter-spacing: -0.075em; text-align: center; border-radius: 20px;}


.main_popup_cont .cont .main_slide_box .control_box {position: absolute; bottom: 0; right: 0; max-width: 139px; font-size: 0; z-index: 2;}
.main_popup_cont .cont .main_slide_box .control_box .btn_arr_area {display: inline-block; width: 100%; max-width: 88px; background-color: #0899a6; vertical-align: middle;}
.main_popup_cont .cont .main_slide_box .control_box .btn_arr_area .btn_arr {display: inline-block; width: 44px; height: 49px; background-position: center; background-repeat: no-repeat; vertical-align: middle;}
.main_popup_cont .cont .main_slide_box .control_box .btn_arr_area .btn_arr.prev {position: relative; background-image: url("/spri/images/common/popup_prev.png");}
.main_popup_cont .cont .main_slide_box .control_box .btn_arr_area .btn_arr.prev:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 20px; margin: -10px 0 0; background-color: rgba(255, 255, 255, 0.3);}
.main_popup_cont .cont .main_slide_box .control_box .btn_arr_area .btn_arr.next {background-image: url("/spri/images/common/popup_next.png");}
.main_popup_cont .cont .main_slide_box .control_box .play_area {display: inline-block; background-color: #00707a; vertical-align: middle;}
.main_popup_cont .cont .main_slide_box .control_box .play_area .btn_arr2 {width: 51px; height: 49px; background-position: center; background-repeat: no-repeat;}
.main_popup_cont .cont .main_slide_box .control_box .play_area .btn_arr2.play {display: none; background-image: url("/spri/images/common/popup_play.png");}
.main_popup_cont .cont .main_slide_box .control_box .play_area .btn_arr2.stop {background-image: url("/spri/images/common/popup_stop.png");}
.main_popup_cont .cont .chk_box {margin: 14px 0 0;}
.main_popup_cont .cont .chk_box .box {text-align: right;}
.main_popup_cont .cont .chk_box .box .chk_area {display: inline-block; margin: 0 16px 0 0; font-size: 0; vertical-align: middle;}
.main_popup_cont .cont .chk_box .box .chk_area input {display: inline-block; width: 18px; height: 18px; margin: 0 8px 0 0; border: 1px solid #ffffff; padding: 0; background-color: inherit; background-position: center; background-repeat: no-repeat; vertical-align: middle;}
.main_popup_cont.bg6 .cont .chk_box .box .chk_area input {border: 1px solid #1a1a1a;}
.main_popup_cont .cont .chk_box .box .chk_area input:checked {background-image: url("/spri/images/common/pop_chk.png");}
.main_popup_cont .cont .chk_box .box .chk_area label {display: inline-block; vertical-align: middle;}
.main_popup_cont .cont .chk_box .box .chk_area label .text {font-weight: 400; font-size: 16px; line-height: 26px; color: #ffffff; letter-spacing: -0.075em;}
.main_popup_cont.bg6 .cont .chk_box .box .chk_area label .text {font-weight: 500; color: #1a1a1a;}
.main_popup_cont .cont .chk_box .box .close_box {display: inline-block; vertical-align: middle;}
.main_popup_cont .cont .chk_box .box .close_box .close_btn {width: 44px; height: 44px; background-color: rgba(255, 255, 255, 0.1); background-image: url("/spri/images/common/main_popup_close.png"); background-position: center; background-repeat: no-repeat; border-radius: 50%;}
.main_popup_cont.bg6 .cont .chk_box .box .close_box .close_btn {background-color: rgba(0, 0, 0, 0.5);}