/* common */

:root {
    --main_color: #4E9480;
    --sub_color: #E1E7C5;
}

.container {width: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box;}
.wrap {width: 100%; padding: 100px 0px 0px;}
.mo {display: none;}


/* header */

#header {position: fixed; top: 0; width: 100%; z-index: 1000; background: #fff; transition: all 0.3s;}
#header .container {display: flex; align-items: center; justify-content: space-between; transition: all 0.3s; height: 100px;}
#header .logo img {height: 24px;}
#header .gnb ul {display: flex; align-items: center; gap: 60px;}
#header .gnb ul li {padding: 40px 0px;}
#header .gnb ul li.has_drop {position: relative;}
#header .gnb ul li.has_drop .dropdown {position: absolute; left: 50%; transform: translateX(-50%); padding: 10px; box-sizing: border-box; background: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; min-width: 180px; top: 80px; display: none;}
#header .gnb ul li.has_drop .dropdown a {display: block; text-align: center; font-size: 18px; padding: 10px 0px; transition: all 0.3s;}
#header .gnb ul li.has_drop .dropdown a:hover {font-weight: 700; color: var(--main_color); background: #f8f8f8;}
#header .gnb ul li > a {font-size: 20px; transition: all 0.3s; font-weight: 500;}
#header .gnb ul li > a:hover {color: var(--main_color);}
#header .gnb ul li:last-child a {color: var(--main_color); font-weight: 700;}

#header.fixed {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
#header.fixed .container {height: 80px;}

#header #moNav {display: none;}

.side_bar {display: none;}


/* main */

.main_visual {position: relative;}
.main_visual .swiper-slide {width: 100%; height: 700px;}
.main_visual .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.main_visual .swiper-pagination {bottom: 30px;}
.main_visual .swiper-pagination .swiper-pagination-bullet {width: 50px; border-radius: 0; height: 2px; background: #fff; opacity: 1; cursor: pointer;}
.main_visual .swiper-pagination .swiper-pagination-bullet-active {background: #000;}

.sub_visual {width: 100%; height: 560px; width: 100%; background: url(/web/img/sv_1.jpg) no-repeat center / cover;}
.sub_4 .sub_visual,
.sub_3 .sub_visual,
.sub_2 .sub_visual {background: url(/web/img/sv_2.jpg) no-repeat center / cover;}
.sub_visual .title {text-align: center; padding: 160px 0px 0px;}
.sub_4 .sub_visual .title,
.sub_3 .sub_visual .title,
.sub_2 .sub_visual .title {padding: 190px 0px 0px;}

.sub_visual .title h3 {font-size: 55px; font-weight: 800; margin-bottom: 5px; color: #fff;}
.sub_visual .title p {font-size: 30px; color: #fff;}
.sub_visual article {font-size: 30px; font-weight: 400; color: #fff; text-align: center; margin-top: 5px; line-height: 1.5;}
.sub_visual .util {display: flex; align-items: center; justify-content: space-between; margin-top: 110px; color: #fff;}
.sub_visual .util li {display: flex; align-items: center; gap: 20px; position: relative; padding-left: 13px; box-sizing: border-box;}
.sub_visual .util li::before {content: ''; width: 4px; height: 4px; display: block; border-radius: 100%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: #fff;}
.sub_visual .util li b,
.sub_visual .util li p {font-size: 16px; color: #fff;}
.sub_visual .util li b {font-weight: 700;}

.sub_content .container {background: #fff; border-radius: 50px; padding: 100px 50px; box-sizing: border-box; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; position: relative;  top: -90px;}
.sub_content .container .title {margin-bottom: 50px; text-align: center;}
.sub_content .container .title h3 {font-size: 45px; font-weight: 800;}
.sub_content .container .title p {font-size: 24px; margin-top: 50px;}
.sub_content .container .img_box img {width: 100%;}
.sub_content .btn_box {display: flex; align-items: center; justify-content: center; margin-top: 30px; gap: 20px;}
.sub_content .btn_box a {padding: 12px 24px; box-sizing: border-box; border: 1px solid #ED2224; border-radius: 100px; background: #FFF3F3;}
.sub_content .btn_box a img {height: 36px;}


.mc_1 {margin: 30px 0px 120px;}
.mc_1 .img_box {max-width: 660px; margin: 0 auto;}
.mc_1 .img_box img {width: 100%;}

.mc_2 {width: 100%; background: url(/web/img/mc_2_bg.jpg) no-repeat center / cover; background-attachment: fixed; margin-bottom: 40px;}
.mc_2 .text_box {padding: 270px 0px; text-align: center;}
.mc_2 .text_box h3 {font-size: 48px; font-weight: 700; color: #fff; margin-bottom: 50px;}
.mc_2 .text_box article {font-size: 18px; font-weight: 500; color: #fff;}

.mc_3 .img_box img {width: 100%;}

.mc_4 {width: 100%; background: url(/web/img/mc_4_bg.jpg) no-repeat center / cover; position: relative;}
.mc_4 .inner {display: block;  backdrop-filter: blur(3px);}
.mc_4 .text_box {padding: 270px 0px; text-align: center;}
.mc_4 .text_box h3 {font-size: 48px; font-weight: 700; color: #fff; margin-bottom: 50px;}
.mc_4 .text_box article {font-size: 18px; font-weight: 500; color: #fff;}

.mc_5 {width: 100%; padding: 150px 0px; background: #f8f8f8;}
.mc_5 .title {text-align: center; margin-bottom: 50px;}
.mc_5 .title h3 {font-size: 48px; font-weight: 700; margin-bottom: 30px;}
.mc_5 .title p {font-size: 20px;}
.mc_5 .img_box img {width: 100%;}


/* sub_2 */

.sc_2_1 {padding: 115px 0px; background: #F1F2EB;}
.sc_2_1 .title {text-align: center; margin-bottom: 50px;}
.sc_2_1 .title h3 {font-size: 48px; font-weight: 700;}
.sc_2_1 .img_box img {width: 100%;}

.sc_2_2 {width: 100%; background: url(/web/img/sc_2_2_bg.jpg) no-repeat center / cover; background-attachment: fixed;}
.sc_2_2 .text_box {padding: 210px 0px; text-align: center;}
.sc_2_2 .text_box h3 {font-size: 48px; font-weight: 700; color: #fff; margin-bottom: 50px;}
.sc_2_2 .text_box article {font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 50px; }
.sc_2_2 .text_box a {font-size: 24px; padding: 20px 50px; background: #fff; box-sizing: border-box; border-radius: 100px; display: inline-block;}
.sc_2_2 .text_box a b {font-weight: 700; color: var(--main_color)}

.sc_2_3 .container {background: #fff; border-radius: 30px; padding: 50px; box-sizing: border-box; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; position: relative;  top: -50px;}
.sc_2_3 .text_box {text-align: center;}
.sc_2_3 .text_box h3 {font-size: 28px; font-weight: 500; margin-bottom: 20px;}
.sc_2_3 .text_box h3 b {font-weight: 800;}
.sc_2_3 .text_box article {font-size: 20px; color: #666;}

.sc_2_4 {width: 100%; padding: 90px 0px 120px;}
.sc_2_4 .container {max-width: 1000px;}
.sc_2_4 .title {text-align: center; margin-bottom: 50px;}
.sc_2_4 .title h3 {font-size: 48px; font-weight: 800;}
.sc_2_4 .img_box {box-sizing: border-box;}
.sc_2_4 .img_box img {width: 100%;}

.sc_2_5 {width: 100%; padding: 100px 0px 220px; background: #f9f9f9;}
.sc_2_5 ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;}
.sc_2_5 ul li {width: calc(25% - 30px); user-select: none;}
.sc_2_5 ul li img {width: 100%; user-select: none;}

.sc_2_6 .container {background: #fff; border-radius: 1000px; padding: 50px 80px; box-sizing: border-box; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; position: relative;  top: -100px;}
.sc_2_6 ul {display: flex; flex-wrap: wrap; gap: 70px; align-items: center;}
.sc_2_6 ul li {width: calc(25% - 106px);}
.sc_2_6 ul .border {display: block; width: 1px; height: 80px; background: #ccc;}
.sc_2_6 ul li .top {margin-bottom: 10px; display: flex; align-items: center; gap: 10px;}
.sc_2_6 ul li .top p {font-size: 24px; font-weight: 700;}
.sc_2_6 ul li article {font-size: 16px; color: #666;}


/* sub_3 */

.sub_3 {padding: 180px 0px 0px;}
.sub_3 .sub_content .sub_3_item > ul > li {border-top: 1px solid #DDD; margin-bottom: 30px; padding-top: 30px; display: flex; align-items: center; gap: 40px; position: relative;}
.sub_3 .sub_content .sub_3_item > ul > li:first-child {border-color: #000;}
.sub_3 .sub_content .sub_3_item > ul > li .status {font-size: 18px; font-weight: 700; color: #fff; background: #E33F3F; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 12px 18px; box-sizing: border-box; position: absolute; right: 0; top: 0;}
.sub_3 .sub_content .sub_3_item > ul > li .text {width: 100%;}
.sub_3 .sub_content .sub_3_item > ul > li .text p {font-size: 30px; font-weight: 700; color: #000; margin-bottom: 20px;}
.sub_3 .sub_content .sub_3_item > ul > li .text .table {background: #F9F9F9; padding: 15px 25px; box-sizing: border-box; border-top: 1px solid #000; margin-bottom: 30px;}
.sub_3 .sub_content .sub_3_item > ul > li .text .table ul {width: 100%;}
.sub_3 .sub_content .sub_3_item > ul > li .text .table ul li {display: flex; align-items: center; margin-bottom: 10px; font-size: 15px;}
.sub_3 .sub_content .sub_3_item > ul > li .text .table ul li:last-child {margin-bottom: 0;}
.sub_3 .sub_content .sub_3_item > ul > li .text .table ul li strong {margin-right: 30px; padding-right: 30px; box-sizing: border-box; border-right: 1px solid #999; line-height: 1; font-size: 15px; font-weight: 700; color: var(--main_color);}
.sub_3 .sub_content .sub_3_item > ul > li .text .table ul li span {font-size: 15px;}
.sub_3 .sub_content .sub_3_item > ul > li .text article {font-size: 18px;}
.sub_3 .sub_content .sub_3_item > ul > li .text .btn_box {display: flex; justify-content: flex-end; margin-top: 30px;}
.sub_3 .sub_content .sub_3_item > ul > li .text .btn_box a {font-size: 16px; font-weight: bold; padding: 10px 35px; box-sizing: border-box; border-radius: 100px; background: #EDF7F4; color: var(--main_color);}

.sub_3 .sc_3_1 {margin-bottom: 150px;}
.sub_3 .sc_3_1 .title {margin-bottom: 30px; text-align: center;}
.sub_3 .sc_3_1 .title h3 {font-size: 45px; font-weight: 800;}

.sub_3 .sc_3_1 .level {background: #fff; max-width: 1172px; margin: 100px auto 0px;  border-radius: 1000px; padding: 50px 80px; box-sizing: border-box; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; position: relative;}
.sub_3 .sc_3_1 .level ul {display: flex; flex-wrap: wrap; gap: 50px; align-items: center;}
.sub_3 .sc_3_1 .level ul li {width: calc(25% - 76px);}
.sub_3 .sc_3_1 .level ul .border {display: block; width: 1px; height: 80px; background: #ccc;}
.sub_3 .sc_3_1 .level ul li .top {margin-bottom: 10px; display: flex; align-items: center; gap: 10px;}
.sub_3 .sc_3_1 .level ul li .top p {font-size: 24px; font-weight: 700;}
.sub_3 .sc_3_1 .level ul li article {font-size: 16px; color: #666;}

.sub_3 .sc_3_1 .info {margin-bottom: 80px;}
.sub_3 .sc_3_1 .info article {font-size: 16px; color: #000; text-align: center; }

.sub_3 .sc_3_1 .tab_nav {display: flex; flex-wrap: wrap; margin-bottom: 50px;}
.sub_3 .sc_3_1 .tab_nav li {width: 20%; background: #EEEEEE; border: 2px solid #EEEEEE; box-sizing: border-box; transition: all 0.3s;}
.sub_3 .sc_3_1 .tab_nav li:hover,
.sub_3 .sc_3_1 .tab_nav li.active {background: #fff; border-color: #000;}
.sub_3 .sc_3_1 .tab_nav li a {font-size: 20px; padding: 10px 0px; display: block; text-align: center;}
.sub_3 .sc_3_1 .tab_nav li:hover a,
.sub_3 .sc_3_1 .tab_nav li.active a {font-weight: 700; color: #000;}

.sub_3 .sc_3_1 .mo_nav {display: none;}

.sub_3 .sc_3_1 .tab_content {display: none;}
.sub_3 .sc_3_1 .tab_content.active {display: block;}
.sub_3 .sc_3_1 .tab_content .tab_title {background: #F9F9F9; padding: 13px 0px; margin-bottom: 20px; text-align: center; border-top: 1px solid #000;}
.sub_3 .sc_3_1 .tab_content .tab_title h4 {font-size: 20px; font-weight: 500;}
.sub_3 .sc_3_1 .tab_content .tab_item_box {display: flex; flex-wrap: wrap; gap: 20px;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item {width: calc(25% - 15px);}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item h5 {font-size: 20px; font-weight: bold; text-align: center; padding: 15px 0px; border-radius: 10px; background: #f8f8f8; margin-bottom: 20px;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item h5 p {font-size: 16px; margin-top: 6px; font-weight: 400;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li {width: 100%; margin-bottom: 20px; transition: all 0.3s;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li:last-child {margin-bottom: 0px;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li .box {transition: all 0.3s; padding: 30px; box-sizing: border-box; border: 2px solid #DDDDDD; border-radius: 10px; text-align: center;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li .box p {font-size: 24px; font-weight: 700; margin-bottom: 5px;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li .box span {display: block; font-size: 20px; margin-bottom: 20px;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li .box article {font-size: 20px; margin-bottom: 20px;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li .box a {transition: all 0.3s; font-size: 16px; font-weight: 600; text-align: center; padding: 12px 0px; box-sizing: border-box; background: #F9F9F9; color: #999; font-weight: bold; display: block; border-radius: 100px;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li:hover {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}


.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_1 h5 {background: #D8B48C;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_1 .box:hover {border-color: #D8B48C;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_1 .box a {background: #f1dbc2; color: #222222;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_1 .box a:hover {background: #D8B48C; color: #222222;}

.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_2 h5 {background: #9BB4DD;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_2 .box:hover {border-color: #9BB4DD;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_2 .box a {background: #E5EEFB; color: #396DC2;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_2 .box a:hover {background: #9BB4DD; color: #222222;}

.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_3 h5 {background: #8ACECC;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_3 .box:hover {border-color: #8ACECC;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_3 .box a {background: #E8FFF6; color: #23A06E;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_3 .box a:hover {background: #8ACECC; color: #222222;}

.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_4 h5 {background: #FF8282;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_4 .box:hover {border-color: #FF8282;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_4 .box a {background: #FFE5E3; color: #E83E3E;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_4 .box a:hover {background: #FF8282; color: #222222;}

.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_5 h5 {background: #F4B1AC;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_5 .box:hover {border-color: #F4B1AC;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_5 .box a {background: #FFECD7; color: #F07816;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_5 .box a:hover {background: #F4B1AC; color: #222222;}

.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_6 h5 {background: #EFBDD9;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_6 .box:hover {border-color: #EFBDD9;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_6 .box a {background: #FFECF6; color: #D63A91;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_6 .box a:hover {background: #EFBDD9; color: #222222;}

.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_7 h5 {background: #A2DBC3;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_7 .box:hover {border-color: #A2DBC3;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_7 .box a {background: #DEF5EB; color: #28A671;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_7 .box a:hover {background: #A2DBC3; color: #222222;}

.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_8 h5 {background: #D5D5D5;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_8 .box:hover {border-color: #D5D5D5;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_8 .box a {background: #F3F1F1; color: #666666;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item.type_8 .box a:hover {background: #D5D5D5; color: #222222;}

.sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li.disabled .box:hover {border-color: #DDDDDD;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li.disabled .box a {background: #F9F9F9; color: #999999; cursor: default; pointer-events: none;}
.sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li.disabled .box a:hover {background: #F9F9F9; color: #999999;}


/* sub_5 */

.sub_5 .sc_5_3 {background: #f9f9f9; padding: 150px 0px;}
.sub_5 .sc_5_3 .title {margin-bottom: 50px; text-align: center;}
.sub_5 .sc_5_3 .title h3 {font-size: 45px; font-weight: 700;}
.sub_5 .sc_5_3 .item_box > ul > li {padding: 30px; box-sizing: border-box; display: flex; align-items: center; gap: 30px; background: #fff; border-radius: 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin-bottom: 20px;}
.sub_5 .sc_5_3 .item_box > ul > li:last-child {margin-bottom: 0;}
.sub_5 .sc_5_3 .item_box > ul > li .img_box {max-width: 260px; min-width: 260px;}
.sub_5 .sc_5_3 .item_box > ul > li .img_box img {width: 100%;}
.sub_5 .sc_5_3 .item_box > ul > li .text_box p {font-size: 30px; font-weight: 400; margin-bottom: 16px;}
.sub_5 .sc_5_3 .item_box > ul > li .text_box p b {font-weight: 700;}
.sub_5 .sc_5_3 .item_box > ul > li .text_box ol li {font-size: 16px; list-style: inside; line-height: 1.5;}
.sub_5 .mc_1 {margin: 30px 0px 170px;}


/* footer */

.to_top {display: none; position: fixed; right: 30px; bottom: 30px; z-index: 100;}
.to_top a {display: flex; align-items: center; justify-content: center; border-radius: 100%; width: 46px; height: 46px; background: #E33F3F;}
.to_top a img {height: 28px;}

#footer {background: #151515; padding: 50px 0px;}
#footer .container {display: flex; justify-content: space-between;}
#footer article {font-size: 14px; color: #ededed; line-height: 1.5;}
#footer .info .logo {margin-bottom: 20px;}
#footer .info .logo img {height: 60px;}
#footer .info .article_1 {margin-bottom: 30px;}
#footer .right {display: flex; flex-direction: column; justify-content: space-between;}
#footer .right ul {display: flex; justify-content: flex-end; gap: 10px;}
#footer .right ul li a img {height: 50px;}
#footer .right article {text-align: right;}


/* responsive */

@media (max-width: 1400px) {

    .container {padding: 0px 50px;}
    .main_visual .swiper-slide {height: auto;}
}

@media (max-width: 1280px) {

    .wrap {padding: 80px 0px 0px;}
    .sub_3 {padding: 130px 0px 0px;}

    .sub_visual .title h3 {font-size: 40px;}
    .sub_visual .title p {font-size: 24px;}
    .sub_visual .util li {gap: 10px;}
    .sub_visual .util li b, .sub_visual .util li p {font-size: 13px;}

    #header .container {height: 80px;}
    #header.fixed .container {height: 60px;}
    #header .gnb ul {gap: 20px;}
    #header .gnb ul li > a {font-size: 16px;}
    #header .logo img {height: 20px;}

    .main_visual .swiper-pagination {bottom: 20px;}

    .sub_5 .sc_5_3 .title h3,
    .sub_3 .sc_3_1 .title h3,
    .sc_2_4 .title h3,
    .sc_2_2 .text_box h3,
    .sc_2_1 .title h3,
    .mc_5 .title h3,
    .mc_4 .text_box h3,
    .mc_2 .text_box h3,
    .sub_content .container .title h3 {font-size: 40px;}

    .sc_2_5 ul {gap: 20px;}
    .sc_2_5 ul li {width: calc(25% - 15px);}

    .mc_5 .title p {font-size: 18px;}

    .sub_content .container .title p {font-size: 20px; margin-top: 30px;}

    .mc_5,
    .mc_4 .text_box,
    .mc_2 .text_box {padding: 220px 0px;}

    .mc_4 .text_box article,
    .mc_2 .text_box article {max-width: 700px; margin: 0 auto;}

    .mc_4 .text_box article br,
    .mc_2 .text_box article br {display: none;}

    .sub_3 .sc_3_1 .level ul,
    .sc_2_6 ul {gap: 40px;}
    .sub_3 .sc_3_1 .level ul li,
    .sc_2_6 ul li {width: calc(25% - 61px);}
    .sub_3 .sc_3_1 .level ul article,
    .sc_2_6 ul li article {font-size: 14px;}
    .sub_3 .sc_3_1 .level ul article br,
    .sc_2_6 ul li article br {display: none;}

    .sub_3 .sc_3_1 .tab_nav li a {font-size: 16px;}
    .sub_3 .sc_3_1 .tab_content .tab_item_box .item h5 {font-size: 18px;}
    .sub_3 .sc_3_1 .tab_content .tab_title h4 {font-size: 18px;}
    .sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li .box p {font-size: 20px;}
}

@media (max-width: 1024px) {
    .container {padding: 0px 20px;}
    .mo {display: block;}
    .pc {display: none;}

    .sub_visual .util {flex-wrap: wrap; gap: 20px;}
    .sub_visual .util li {width: calc(50% - 10px); padding: 0; justify-content: center;}
    .sub_visual .util li::before {display: none;}
    .sub_visual .util li b, .sub_visual .util li p {font-size: 13px;}

    .table_scroll {overflow-x: scroll; position: relative;}
    .table_scroll:active::after,
    .table_scroll:hover::after,
    .table_scroll:focus::after {opacity: 0; visibility: hidden;}
    .table_scroll::after {content: ''; display: block; transition: all 0.3s; width: 120px; height: 120px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; background: url(/web/img/table_hover.png) no-repeat center / cover;}
    .table_scroll img {min-width: 768px;}

    .sc_2_2 .text_box a {font-size: 20px;}

    .mc_1 .img_box {max-width: 500px;}

    #footer .copyrights {font-size: 15px;}

    .sc_2_6 .container {width: calc(100% - 40px);}

    .sc_2_5 ul li {width: calc(33.3% - 14px);}

    .sc_2_3 .text_box h3 {font-size: 24px}
    .sc_2_3 .text_box h3 b {display: block;}
    .sc_2_3 .text_box article {font-size: 16px;}

    .sub_3 .sc_3_1 .level ul,
    .sc_2_6 ul {gap: 20px;}
    .sub_3 .sc_3_1 .level ul li,
    .sc_2_6 ul li {width: calc(50% - 10px);}
    .sub_3 .sc_3_1 .level ul li:nth-of-type(odd),
    .sc_2_6 ul li:nth-of-type(odd) {border-right: 1px solid #d0d0d0; padding-right: 20px;}
    .sub_3 .sc_3_1 .level ul .border,
    .sc_2_6 ul .border {display: none;}

    .sub_3 .sc_3_1 .info article {font-size: 14px;}

    .sub_3 .sub_content .sub_3_item > ul > li {flex-direction: column;}

    .sub_3 .sc_3_1 .tab_content .tab_item_box .item {width: calc(50% - 10px);}

    #footer article {font-size: 13px;}
}

@media (max-width: 768px) {

    .wrap {padding: 60px 0px 0px;}
    .sub_3 {padding: 110px 0px 0px;}

    .main_visual {height: fit-content;}

    #header .gnb {display: none;}
    #header #moNav {display: block;}

    #header .container {height: 60px;}
    #header .logo img {height: 20px;}

    .sub_visual {height: 320px; background: url(/web/img/sv_1_mo.jpg) no-repeat center / cover;}
    .sub_2 .sub_visual {height: 320px; background: url(/web/img/sv_2_mo.jpg) no-repeat center / cover;}

    .sub_visual .title {padding-top: 50px;}
    .sub_visual .title h3 {font-size: 25px;}
    .sub_visual .title p {font-size: 20px;}
    .sub_visual .util {margin-top: 30px; gap: 5px;}
    .sub_visual .util li {width: 100%; justify-content: flex-start; padding-left: 8px;}
    .sub_visual .util li::before {display: block;}

    .sub_content .container {width: calc(100% - 40px); border-radius: 20px; top: -50px; padding: 50px 20px;}
    .sub_5 .sc_5_3 .title h3,
    .sub_content .container .title h3 {font-size: 30px;}
    .sub_content .container .title p {font-size: 16px; margin-top: 20px;}
    .sub_content .container .title {margin-bottom: 20px;}

    .mc_1 {margin: 0px 0px 50px;}
    .mc_1 .img_box {max-width: 260px;}
    
    .mc_2 {background: url(/web/img/mc_2_bg_mo.jpg) no-repeat center / cover;}
    .mc_2 .text_box h3, .mc_5 .title h3, .mc_4 .text_box h3 {font-size: 40px; margin-bottom: 20px;}
    .mc_4 .text_box article, .mc_2 .text_box article {font-size: 14px;}

    .mc_3 {margin-bottom: 30px;}
    .mc_4 {background: url(/web/img/mc_4_bg_mo.jpg) no-repeat center / cover;}

    .mc_5 {padding: 100px 0px;}

    #footer .copyrights {font-size: 12px;}

    .side_bar {display: block; position: fixed; left: -100%; top: 0; width: 100%; height: 100%; background: #fff; z-index: 10000; transition: all 0.3s; opacity: 0;}
    .side_bar.on {left: 0; opacity: 1;}
    .side_bar .top {display: flex; align-items: center; justify-content: flex-end; height: 60px; padding: 0px 20px; box-sizing: border-box;}
    .side_bar .box {padding: 20px; box-sizing: border-box;}
    .side_bar .gnb {display: flex; flex-direction: column; gap: 25px;}
    .side_bar .gnb > li > a {font-size: 24px; font-weight: 500; display: block;} 
    .side_bar .gnb > li > a:hover {color: var(--main_color);}
    .side_bar .gnb > li.has_drop .dropdown {margin-top: 20px; display: none;}
    .side_bar .gnb > li.has_drop .dropdown a {font-size: 16px; margin-bottom: 20px; display: block;}
    .side_bar .gnb > li.has_drop .dropdown a:last-child {margin-bottom: 0;}

    .sub_4 .mc_1 {margin-bottom: 100px;}
    
    .sub_6 .sub_visual,
    .sub_5 .sub_visual,
    .sub_4 .sub_visual,
    .sub_2 .sub_visual {display: flex; align-items: center;}
    .sub_6 .sub_visual .title,
    .sub_5 .sub_visual .title,
    .sub_4 .sub_visual .title,
    .sub_3 .sub_visual .title,
    .sub_2 .sub_visual .title {padding-top: 0;}

    .sub_5 .sub_visual .title h3,
    .sub_6 .sub_visual .title h3,
    .sub_4 .sub_visual .title h3,
    .sub_3 .sub_visual .title h3,
    .sub_2 .sub_visual .title h3 {font-size: 32px;}

    .sub_visual article {font-size: 15px;}

    .sc_2_4 .title h3,
    .sc_2_1 .title h3 {font-size: 30px;}
    .sc_2_1 {padding: 50px 0px;}

    .sc_2_2  {background: url(/web/img/sc_2_2_bg_mo.jpg) no-repeat center / cover;}
    .sc_2_2 .text_box h3 {margin-bottom: 20px;}
    .sc_2_2 .text_box article {font-size: 14px; margin-bottom: 30px;}
    .sc_2_2 .text_box article br {display: none;}
    .sc_2_2 .text_box a {font-size: 16px; padding: 13px 25px;}

    .sc_2_3 .container {padding: 50px 20px; width: calc(100% - 40px);}
    .sc_2_3 .text_box h3 {font-size: 20px; margin-bottom: 20px;}
    .sc_2_3 .text_box article {font-size: 14px;}

    .sc_2_4 {padding: 0px 0px 80px;}

    .sc_2_4 .title {margin-bottom: 30px;}

    .sc_2_5 {padding: 80px 0px 250px;}

    .sc_2_5 ul {gap: 15px;}
    .sc_2_5 ul li {width: calc(50% - 8px);}

    .sc_2_6 {height: 446px;}
    .sub_3 .sc_3_1 .level {padding: 50px; border-radius: 60px;}
    .sc_2_6 .container {padding: 50px; border-radius: 60px; top: -180px;}
    .sub_3 .sc_3_1 .level ul,
    .sc_2_6 ul {gap: 50px;}
    .sub_3 .sc_3_1 .level ul li,
    .sc_2_6 ul li {width: 100%;}
    .sub_3 .sc_3_1 .level ul li:nth-of-type(odd),
    .sc_2_6 ul li:nth-of-type(odd) { padding: 0; border: 0;}
    .sub_3 .sc_3_1 .level ul li .top p,
    .sc_2_6 ul li .top p {font-size: 20px;}
    .sub_3 .sc_3_1 .level ul li .top img,
    .sc_2_6 ul li .top img {height: 32px;}
    .sub_3 .sc_3_1 .level ul li article,
    .sc_2_6 ul li article {font-size: 14px;}
    .sub_3 .sub_content .sub_3_item > ul > li .text .btn_box a {font-size: 14px; padding: 10px 17px;}

    .sub_3 .sub_content .sub_3_item > ul > li .thumb img {width: 100%;}
    .sub_3 .sub_content .sub_3_item > ul > li .status {padding: 8px 12px; font-size: 16px; top: 30px; right: 10px;}
    .sub_3 .sub_content .sub_3_item > ul > li .text p {font-size: 18px;}
    .sub_3 .sub_content .sub_3_item > ul > li .text .table ul li {align-items: flex-start;}
    .sub_3 .sub_content .sub_3_item > ul > li .text article,
    .sub_3 .sub_content .sub_3_item > ul > li .text .table ul li strong,
    .sub_3 .sub_content .sub_3_item > ul > li .text .table ul li span {font-size: 14px;}
    .sub_3 .sub_content .sub_3_item > ul > li .text article br {display: none;}
    .sub_3 .sub_content .sub_3_item > ul > li .text .table ul li strong {padding-right: 20px; margin-right: 20px;}

    .sub_3 .sc_3_1 {margin-bottom: 50px;}
    .sub_3 .sc_3_1 .title {margin-bottom: 30px;}
    .sub_3 .sc_3_1 .title h3 {font-size: 30px;}
    .sub_3 .sc_3_1 .info article br {display: none;}

    .sub_3 .sc_3_1 .tab_nav.pc_nav {display: none;}
    .sub_3 .sc_3_1 .tab_nav.mo_nav {display: block; position: relative; z-index: 10;}
    .sub_3 .sc_3_1 .tab_nav.mo_nav p {text-align: center; line-height: 50px; font-size: 18px; font-weight: bold; width: 100%; background: url(/web/img/dropdown_arrow.svg) no-repeat right 10px center; height: 50px; border: 1px solid #d0d0d0;}
    .sub_3 .sc_3_1 .tab_nav.mo_nav .dropdown {position: absolute; display: none; top: 49px; width: 100%; z-index: 100; background: #fff; border: 1px solid #d0d0d0; border-top: 0;}
    .sub_3 .sc_3_1 .tab_nav.mo_nav .dropdown li {width: 100%; background: none; text-align: center; border: 0;}
    .sub_3 .sc_3_1 .tab_nav.mo_nav.active p {background: url(/web/img/dropdown_arrow_up.svg) no-repeat right 10px center;}

    .sub_3 .sc_3_1 .tab_content .tab_item_box .item {width: 100%;}
    .sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li .box span {font-size: 16px;}
    .sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li .box article {font-size: 16px;}
    .sub_3 .sc_3_1 .tab_content .tab_item_box .item ul li .box a {font-size: 14px; padding: 10px 0px;}
    .sub_3 .sc_3_1 .tab_content .tab_item_box .item h5 {padding: 10px 0px;}


    .sub_content .btn_box {gap: 10px; flex-direction: column;}
    .sub_content .btn_box a img {height: 22px;}
    .sub_5 .sc_5_3 {padding: 80px 0px;}
    .sub_5 .sc_5_3 .item_box > ul > li {flex-direction: column; padding: 20px;}
    .sub_5 .sc_5_3 .item_box > ul > li .img_box {max-width: 100%;}
    .sub_5 .sc_5_3 .item_box > ul > li .text_box p {text-align: center; font-size: 19px;}
    .sub_5 .sc_5_3 .item_box > ul > li .text_box p b {display: block;}
    .sub_5 .sc_5_3 .item_box > ul > li .text_box ol li {font-size: 15px;}
    .sub_5 .mc_1 {margin: 0px 0px 100px;}



    #footer .container {flex-direction: column; gap: 30px;}
    #footer article {font-size: 12px;}
    #footer .info .logo img {height: 40px;}
    #footer .info .article_1 {margin-bottom: 30px;}
    #footer .right {align-items: center; gap: 30px;}
    #footer .right ul {justify-content: center;}
    #footer .right article {text-align: center;}
}