@charset "utf-8";

@font-face {
    font-family: 'YangpyeongCounty';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/3YangPyeongB.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

.intro_cont {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-image: url('/images/intro/intro_bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;}
.intro_cont .intro_area {width: 100%; max-width: 1290px; margin: 0 auto;}
.intro_cont .intro_area .logo_area {margin: 0 0 2.42vh;text-align: center;}
.intro_cont .intro_area .logo_area img {}
.intro_cont .intro_area > .title_area { margin: 0 0 4.72vh;text-align: center;}
.intro_cont .intro_area > .title_area .title {margin: 0 0 18px; font-family: 'YangpyeongCounty'; font-weight: 700; font-size: 40px; color: #333333; letter-spacing: -3pt;}
.intro_cont .intro_area > .title_area .title .m {display: none;}
.intro_cont .intro_area > .title_area .text {font-weight: 500; font-size: 24px; color: #666666;}
.intro_cont .intro_area .intro_link_list_area {margin: 0 0 4.02vh;}
.intro_cont .intro_area .intro_link_list_area > .list {display: flex; align-items: center; justify-content: center;}
.intro_cont .intro_area .intro_link_list_area > .list > li {display: flex; align-items: center; justify-content: center; width: calc(33.333% - 26.6666px);height: 55.56vh;max-height: 500px; margin: 0 40px 0 0;}
.intro_cont .intro_area .intro_link_list_area > .list > li:last-child {margin: 0;}
.intro_cont .intro_area .intro_link_list_area > .list > li .box {position: relative; overflow: hidden; width: 100%; height: 100%; border-radius: 40px 40px 80px 40px; z-index: 1; box-shadow: 7px 7px 18px rgba(0, 0, 0, 0.2);}
.intro_cont .intro_area .intro_link_list_area > .list > li .box:before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: -1; transition: 1s ease-in-out;}
.intro_cont .intro_area .intro_link_list_area > .list > li .box.green:hover:before {background-color: rgba(74, 162, 43, 0.65);}
.intro_cont .intro_area .intro_link_list_area > .list > li .box.blue:hover:before {background-color: rgba(22, 81, 154, 0.7);}
.intro_cont .intro_area .intro_link_list_area > .list > li .box.bg:hover:before {background-color: rgba(0, 0, 0, 0.3);}
.intro_cont .intro_area .intro_link_list_area > .list > li .box img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -2; transition: 1s ease-in-out;}
.intro_cont .intro_area .intro_link_list_area > .list > li .box:hover img {transform: scale(1.2); transition: 1s ease-in-out;}
.intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box {display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; position: relative; height: 100%; padding: 140px 0 0;}
.intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .title_area {width: 100%; text-align: center;}
.intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .title_area .title {min-height: 88px; margin: 0 0 42px; font-weight: 600; font-size: 30px; line-height: 44px; color: #ffffff; text-shadow: 0 0 9px rgba(0, 0, 0, 0.18);}
.intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .title_area .text {font-weight: 600; font-size: 20px; line-height: 28px; color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 9px rgba(0, 0, 0, 0.18);}
.intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .link_area {position: absolute; bottom: 95px; left: 0; right: 0; overflow: hidden; width: 100%; text-align: center;}
.intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .link_area .link {display: inline-block; padding: 0 25px; border-radius: 50px; transform: translateY(100%); transition: 0.5s ease-in-out;}
.intro_cont .intro_area .intro_link_list_area > .list > li .box:hover .inner_box .link_area .link {transform: translateY(0);}
.intro_cont .intro_area .intro_link_list_area > .list > li .box.green .inner_box .link_area .link {background-color: #15300c;}
.intro_cont .intro_area .intro_link_list_area > .list > li .box.blue .inner_box .link_area .link {background-color: #081c34;}
.intro_cont .intro_area .intro_link_list_area > .list > li .box.bg .inner_box .link_area .link {background-color: #081c34;}
.intro_cont .intro_area .intro_link_list_area > .list > li .box.bg:hover .inner_box .link_area .link {padding: 0 65px; background-image: linear-gradient(to left, #0b4884, #0b8634);}
.intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .link_area .link .text {display: inline-block; background-position: right center; background-repeat: no-repeat; font-weight: 600; font-size: 17px; line-height: 48px; color: #ffffff; transition: 0.3s ease-in-out;}
.intro_cont .intro_area .intro_link_list_area > .list > li .box:hover .inner_box .link_area .link .text,
.intro_cont .intro_area .intro_link_list_area > .list > li .box:focus .inner_box .link_area .link .text {padding: 0 60px 0 0; background-image: url('/images/intro/intro_arr.png');}
.intro_cont .intro_area .intro_link_list_area > .list > li .box.bg:hover .inner_box .link_area .link .text,
.intro_cont .intro_area .intro_link_list_area > .list > li .box.bg:focus .inner_box .link_area .link .text {padding: 0; background-image: initial;}
.intro_cont .pc-br{display: block}
.intro_ft_area .inner_box {display: flex; align-items: center; flex-wrap: wrap;justify-content: space-between;}
.intro_ft_area .top-logo{flex: auto;width: 100%;padding-bottom: 25px;}
.intro_ft_area .top-logo ul{display: flex;align-items: center;gap: 27px;}
.intro_ft_area .box.left .txt_list_area {margin: 0 0 20px;}
.intro_ft_area .box.left .txt_list_area .list li {font-weight: 500; font-size: 16px; line-height: 22px; color: #999999;}
.intro_ft_area .box.left .text {font-weight: 500; font-size: 15px; color: #444444;}
.intro_ft_area .box.right .list {display: flex; align-items: center; justify-content: flex-start;}
.intro_ft_area .box.right .list li.logo1{margin-right:40px;}
.intro_ft_area .box.right .list li.logo2{margin-right:27px;}
.intro_ft_area .box.right .list li.logo4{margin-right:28px;}

@media only screen and (max-width:1024px) {
    .m {display: none !important;}
}


@media screen and (max-height: 1100px) {
    .intro_cont {height: 100vh; padding: 30px 16px;}
    .intro_cont * {transition: 0.3s ease-in-out;}
    .intro_cont .intro_area .logo_area {margin: 0 0 50px;}
    .intro_cont .intro_area .logo_area img {width: 389px;}
    .intro_cont .intro_area > .title_area {margin: 0 0 50px;}
    .intro_cont .intro_area > .title_area .title {margin: 0 0 14px; font-size: 32px;}
    .intro_cont .intro_area > .title_area .text {font-size: 20px;}
    .intro_cont .intro_area .intro_link_list_area {margin: 0 0 80px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li {width: calc(50% - 15px); height: 420px; margin: 0 30px 0 0;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box {border-radius: 30px 30px 70px 30px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box {padding: 95px 0 0;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .title_area .title {min-height: 76px; margin: 0 0 32px; font-size: 26px; line-height: 38px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .title_area .text {font-size: 18px; line-height: 26px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .link_area {bottom: 70px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .link_area .link {padding: 0 20px; border-radius: 40px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .link_area .link .text {font-size: 15px; line-height: 43px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box:focus .inner_box .link_area .link .text {padding: 0 55px 0 0;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.left .txt_list_area {margin: 0 0 15px;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.left .txt_list_area .list li {font-size: 15px; line-height: 20px;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.right .logo_list_area .list li {margin: 0 20px 0 0;}
}

@media only screen and (max-width:1300px) {
    .intro_cont {height: auto; padding: 30px 16px;}
    .intro_cont * {transition: 0.3s ease-in-out;}
    .intro_cont .intro_area .logo_area {margin: 0 0 1.95vh;}
    .intro_cont .intro_area .logo_area img {width: 389px;}
    .intro_cont .intro_area > .title_area {margin: 0 0 1.95vh;}
    .intro_cont .intro_area > .title_area .title {margin: 0 0 14px; font-size: 32px;}
    .intro_cont .intro_area > .title_area .text {font-size: 20px;}
    .intro_cont .intro_area .intro_link_list_area {margin: 0 0 80px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li {width: calc(50% - 15px);  height: 51.56vh; max-height: 420px; margin: 0 30px 0 0;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box {border-radius: 30px 30px 70px 30px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box {padding: 95px 0 0;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .title_area .title {min-height: 76px; margin: 0 0 32px; font-size: 26px; line-height: 38px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .title_area .text {font-size: 18px; line-height: 26px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .link_area {bottom: 70px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .link_area .link {padding: 0 20px; border-radius: 40px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .link_area .link .text {font-size: 15px; line-height: 43px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box:focus .inner_box .link_area .link .text {padding: 0 55px 0 0;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.left .txt_list_area {margin: 0 0 15px;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.left .txt_list_area .list li {font-size: 15px; line-height: 20px;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.right .logo_list_area .list li {margin: 0 20px 0 0;}
}

@media screen and (max-height: 900px) {
    .intro_cont .intro_area .logo_area {margin: 0 0 30px;}
    .intro_cont .intro_area > .title_area .title {font-size: 30px;}
    .intro_cont .intro_area > .title_area {margin: 0 0 30px;}
    .intro_cont .intro_area .intro_link_list_area {margin: 0 0 50px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li {height: 380px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box {padding: 75px 0 0;}
}


@media only screen and (max-width:1024px) {
    .m {display: block !important;}

    .intro_cont .intro_area .logo_area {margin: 0 0 40px;}
    .intro_cont .intro_area .logo_area img {width: 324px;}
    .intro_cont .intro_area > .title_area {margin: 0 0 40px;}
    .intro_cont .intro_area > .title_area .title {font-size: 26px;}
    .intro_cont .intro_area > .title_area .text {font-size: 18px;}
    .intro_cont .intro_area .intro_link_list_area {margin: 0 0 70px;}
    .intro_cont .intro_area .intro_link_list_area > .list {display: block; align-items: initial; justify-content: initial;}
    .intro_cont .intro_area .intro_link_list_area > .list > li {width: 100%; height: initial; margin: 0 0 20px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box {padding: 20px; border-radius: 20px 20px 50px 20px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box.green:before {background-color: rgba(74, 162, 43, 0.65);}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box.blue:before {background-color: rgba(22, 81, 154, 0.7);}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box img {object-fit: cover;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box:hover img {transform: scale(1);}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box {padding: 0;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .title_area {text-align: left;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .title_area .title {min-height: 64px; margin: 0 0 27px; font-size: 26px; line-height: 32px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .title_area .text {font-size: 16px; line-height: 24px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .link_area {display: none;}
    .intro_cont .intro_area .intro_ft_area .inner_box {display: block;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.left {margin: 0 0 20px;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.left .txt_list_area {margin: 0 0 15px; border-top: 2px solid #444444; padding: 20px 0 0;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.left .txt_list_area .list li {margin: 0 0 14px; border-bottom: 1px solid #dddddd; padding: 0 0 14px; font-size: 15px; line-height: 20px;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.left .txt_list_area .list li:last-child {margin: 0; border-bottom: initial; padding: 0;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.left .txt_list_area .list li span {display: block;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.left .txt_list_area .list li span:first-child {margin: 0 0 4px; font-weight: 700; color: #444444;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.left .txt_list_area .list li .m {display: none !important;}
    .intro_ft_area .top-logo{padding-bottom: 15px;}
    .intro_ft_area .top-logo ul{gap: 20px;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.right {display: flex; align-items: center; justify-content: flex-end;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.right .logo_list_area .list li {margin: 0 20px 0 0;}
}



@media only screen and (max-width:768px) {
    .intro_cont .intro_area .logo_area {margin: 0 0 30px;}
    .intro_cont .intro_area > .title_area {margin: 0 0 30px;}
    .intro_cont .intro_area > .title_area .title {font-size: 22px; letter-spacing: -2.6pt;}
    .intro_cont .intro_area > .title_area .title .m {display: block;}
    .intro_cont .intro_area > .title_area .text {font-size: 16px;}
    .intro_cont .intro_area .intro_link_list_area {margin: 0 0 50px;}
    .intro_ft_area .top-logo ul {gap: 15px;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.right {margin: 0 0 0 15px;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.right .logo_list_area .list li {margin: 0 15px 0 0 !important;}
    .intro_cont .intro_area .intro_ft_area .inner_box .box.right .logo_list_area .list li:last-child {margin: 0;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box {padding: 16px; border-radius: 16px 16px 30px 16px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .title_area .title {min-height: 56px; margin: 0 0 20px; font-size: 22px; line-height: 28px;}
    .intro_cont .intro_area .intro_link_list_area > .list > li .box .inner_box .title_area .text {font-size: 15px; line-height: 23px;}

}