@charset "utf-8";


ul {
padding-left: 0!important
}


/* 공통 */
.main_tit {text-align: center; margin-bottom: 70px;}
.main_tit p {color: #222222; font-weight: 300; font-size: 36px; letter-spacing: -0.04em; word-break: keep-all;}
.main_tit p b {position: relative; z-index: 1;}
.main_tit p b:before {position: absolute; z-index: -1; width: 100%; height: 24px; left: 0; bottom: 0; background: #e8f7f8; content: '';}

@media all and (max-width: 1000px) {
	.main_tit {margin-bottom: 50px;}
}
@media all and (max-width: 767px) {
	.main_tit p {font-size: 26px;}
	.main_tit p b:before {height: 20px;}
}


.main_tit02 {text-align: center;}
.main_tit02 h3 {color: #444444; font-weight: 400; font-size: 26px; letter-spacing: -0.04em; margin: 0; margin-bottom: 10px;}
.main_tit02 h3 b {color: #333333;}

.content {overflow: hidden; margin-top: -1rem;}

/* main_visual */
.main_visual {height: 468px;}
.main_visual .swiper-container {height: 100%;}
.main_visual .swiper-container ul li {background-repeat: no-repeat; background-size: cover; background-position: center center;}
.main_visual .swiper-container ul li .inner {height: 100%;}
.main_visual .swiper-container ul li .txt_box {display: table; height: 100%; box-sizing: border-box; padding: 0 30px 13px;}
.main_visual .swiper-container ul li .txt_box .txt {display: table-cell; vertical-align: middle;}
.main_visual .swiper-container ul li .txt_box .txt p {color: #333333; font-weight: 200; font-size: 46px; letter-spacing: -0.04em; line-height: 1.6;}
.main_visual .swiper-container ul li .txt_box .txt p span {position: relative; z-index: 1;}
.main_visual .swiper-container ul li .txt_box .txt p span:before {position: absolute; z-index: -1; left: 0; bottom: 0; display: block; width: 100%; height: 41px; content: '';}
.main_visual .swiper-container ul li .txt_box .txt p span.type01:before {background: #0aabb1; opacity: 0.1;}
.main_visual .swiper-container ul li .txt_box .txt p span.type01 b {color: #0aabb1;}
.main_visual .swiper-container ul li .txt_box .txt p span.type02:before {background: #ffa33e; opacity: 0.1;}
.main_visual .swiper-container ul li .txt_box .txt p span.type02 b {color: #ffa33e;}
.main_visual .swiper-container ul li .txt_box .txt p span.type03:before {background: #5f504d; opacity: 0.05;}
.main_visual .swiper-container ul li .txt_box .txt p span.type03 b {color: #5f504d;}
.main_visual .swiper-container ul li .img_box {position: absolute; left: 50%; top: 47.4%; width: 85.7%; max-width: 1647px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); box-shadow: 8px 17px 98px rgb(248 175 78 / 27%);}
.main_visual .swiper-container ul li .img_box img {width: 100%;}
.main_visual .swiper-container .pagination {position: absolute; z-index: 1; bottom: 45px; margin: 0; text-align: center;}
.main_visual .swiper-container .pagination .swiper-pagination-bullet {width: 14px; height: 14px; border-radius: 7px; background: #fff; border: 1px solid #faac56; box-sizing: border-box; margin: 0 4px; opacity: 1;}
.main_visual .swiper-container .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 38px; background: #faac56;}

/* 20220818 스와이퍼 모바일 버전 추가 */
.main_visual .swiper-container ul li .img_box.mobile {display: none;}

@media all and (max-width: 1200px) {
	.main_visual .swiper-container ul li .img_box {width: 90%;}
	.main_visual .swiper-container ul li .txt_box .txt p {font-size: 40px;}
}
@media all and (max-width: 1000px) {
	.main_visual {height: 360px;}
	.main_visual .swiper-container ul li .txt_box {padding: 0 10px 13px;}
	.main_visual .swiper-container ul li .txt_box .txt p {font-size: 32px;}
	.main_visual .swiper-container ul li .txt_box .txt p span:before {height: 32px;}
	.main_visual .swiper-container ul li .img_box {width: 93.75%;}
	/* 20220818 스와이프 2page 설정 변경 */
	.main_visual .swiper-container ul li .img_box.mobile_off {display: none;}
	.main_visual .swiper-container ul li .img_box.mobile {display: block;}
}
@media all and (max-width: 767px) {
	.main_visual {height: 320px;}
	.main_visual .swiper-container ul li .txt_box .txt p {font-size: 26px;}
	.main_visual .swiper-container ul li .txt_box .txt p span:before {height: 20px;}
}
@media all and (max-width: 640px) {
	.main_visual .swiper-container ul li .txt_box .txt p {font-size: 22px;}
}


/* main */
.main_con01 {padding: 90px 0 100px; font-size: 0; letter-spacing: -4px;}
.main_con01 .left_box {display: inline-block; vertical-align: top; width: calc(60.5% - 15px); margin-right: 30px;}
.main_con01 .left_box .menu ul {font-size: 0; letter-spacing: -4px;}
.main_con01 .left_box .menu ul li {display: inline-block; vertical-align: top; width: 25%; height: 143px; box-sizing: border-box; border: 1px solid #a7ddff; border-right: none; transition: all 0.3s;}

.main_con01 .left_box .menu ul li:nth-of-type(4n) {border-right: 1px solid #a7ddff;}
.main_con01 .left_box .menu ul li:nth-of-type(n+5) {border-top: none;}
.main_con01 .left_box .menu ul li.first {
	border-right: 1px solid #a7ddff;
	box-sizing: border-box;
	width: calc(25% + 1px);
}
.main_con01 .left_box .menu ul li a {display: table; width: 100%; height: 100%;}
.main_con01 .left_box .menu ul li a .tc_box {display: table-cell; vertical-align: middle; text-align: center;}
.main_con01 .left_box .menu ul li a .img {display: inline-block; position: relative;}
.main_con01 .left_box .menu ul li a .img img.img_hover {position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s;}
.main_con01 .left_box .menu ul li a .txt p {color: #444444; font-weight: 400; font-size: 18px; letter-spacing: -0.06em; transition: all 0.3s;}
.main_con01 .left_box .contact {margin-top: 30px; font-size: 0; letter-spacing: -4px;}
.main_con01 .left_box .contact .box01 {display: inline-block; vertical-align: top; width: calc(50% - 3px); text-align: center; margin-right: 6px; min-height: 177px; background: url('/img/main_con01_contact_bg01.jpg') no-repeat center center / cover; padding: 30px; box-sizing: border-box;}
.main_con01 .left_box .contact .box01 p {color: #ffffff; font-weight: 700; font-size: 26px; letter-spacing: -0.04em;}
.main_con01 .left_box .contact .box01 span {display: inline-block; margin-top: 10px; color: #fff; font-size: 18px; letter-spacing: -0.04em;}
.main_con01 .left_box .contact .box01 span.poppins {font-weight: 500;}
.main_con01 .left_box .contact .box01 span b {display: inline-block; font-weight: 500; letter-spacing: 0;}
.main_con01 .left_box .contact .box01 span + span:before {display: inline-block; width: 1px; height: 11px; background: #fff; margin: 0 15px; content: '';}
.main_con01 .left_box .contact .box01.type02 {margin-right: 0; background: url('/img/main_con01_contact_bg02.jpg') no-repeat center center / cover;}
.main_con01 .left_box .contact .box01.type02 p {margin-bottom: 25px;}
.main_con01 .left_box .contact .box01.type02 span {margin-top: 0;}
.main_con01 .left_box .contact .box02 {display: inline-block; vertical-align: top; width: calc(50% - 3px); margin-top: 6px; text-align: center; margin-right: 6px; padding: 18.5px 20px; box-sizing: border-box; border: 1px solid #faac56;}
.main_con01 .left_box .contact .box02 span {color: #faac56; font-weight: 500; font-size: 18px; letter-spacing: -0.04em;}
.main_con01 .left_box .contact .box02 span b {font-weight: 500; margin-left: 10px;}
.main_con01 .left_box .contact .box02.type02 {margin-right: 0; border-color: #0aabb1;}
.main_con01 .left_box .contact .box02.type02 span {color: #0aabb1;}
.main_con01 .right_box {display: inline-block; vertical-align: top; width: calc(39.5% - 15px);}
.main_con01 .right_box .main_notice + .main_notice{padding-top:12px;}
.main_con01 .right_box .main_notice .cont_box {background: #f8f9fb; padding: 22px 40px; box-sizing: border-box; border-top: 1px solid #2c9de4; min-height: 200px;}
.main_con01 .right_box .main_notice .cont_box ul li {position: relative; padding: 12px 22px; box-sizing: border-box;}
.main_con01 .right_box .main_notice .cont_box ul li:before {position: absolute; left: 0; top: calc(50% - 4px); display: block; width: 8px; height: 8px; border: 2px solid #2c9de4; box-sizing: border-box; background: transparent; content: ''; border-radius: 4px; transition: all 0.3s;}
.main_con01 .right_box .main_notice .cont_box ul li + li {border-top: 1px solid #a9c1d1;}
.main_con01 .right_box .main_notice .cont_box ul li a {display: block; color: #666666; font-weight: 300; font-size: 16px; letter-spacing: -0.04em; line-height: 1.6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con01 .right_box .main_news {margin-top: 30px;}
.main_con01 .right_box .main_news .cont_box {position: relative; background: #f8f9fb; padding: 40px; box-sizing: border-box; border-top: 1px solid #0aabb1; min-height: 327px;}
.main_con01 .right_box .main_news .cont_box .swiper-container ul li {font-size: 0; letter-spacing: -4px;}
.main_con01 .right_box .main_news .cont_box .swiper-container ul li .img_box {display: inline-block; vertical-align: top; position:relative; width: calc(48.55% - 20px); margin-right: 40px; padding:25.6% 0; overflow:hidden;}
.main_con01 .right_box .main_news .cont_box .swiper-container ul li .img_box img {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.main_con01 .right_box .main_news .cont_box .swiper-container ul li .txt_box {display: inline-block; vertical-align: top; width: calc(51.45% - 20px);}
.main_con01 .right_box .main_news .cont_box .swiper-container ul li .txt_box h5 {color: #444444; font-weight: 500; font-size: 20px; letter-spacing: -0.04em; margin: 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con01 .right_box .main_news .cont_box .swiper-container ul li .txt_box h5:after {display: block; width: 21px; height: 2px; background: #0aabb1; margin: 15px 0; content: '';}
.main_con01 .right_box .main_news .cont_box .swiper-container ul li .desc {letter-spacing:-0.045em; }
.main_con01 .right_box .main_news .cont_box .swiper-container ul li .txt_box p {color: #666666; font-weight: 300; font-size: 16px; letter-spacing: -0.04em; line-height: 1.6; display:-webkit-box;  word-wrap:break-word; -webkit-line-clamp:5;  -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:8em;}
.main_con01 .right_box .main_news .cont_box .pager_box {margin-top: 20px; text-align: right; font-size: 0; letter-spacing: -4px;}
.main_con01 .right_box .main_news .cont_box .pager_box .prev_btn {display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url('/img/prev_btn.png') no-repeat; transition: all 0.3s;}
.main_con01 .right_box .main_news .cont_box .pager_box .next_btn {display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url('/img/next_btn.png') no-repeat; transition: all 0.3s;}
.main_con01 .right_box .main_news .cont_box .pager_box .pager {display: inline-block; vertical-align: middle; width: 64px; margin: 0; }
.main_con01 .right_box .main_news .cont_box .pager_box .pager .swiper-pagination-current {color: #0aabb1; font-weight: 700; font-size: 16px; letter-spacing: -0.04em;}
.main_con01 .right_box .main_news .cont_box .pager_box .pager .swiper-pagination-total {color: #b2b2b2; font-weight: 700; font-size: 16px; letter-spacing: -0.04em;}
.main_con01 .right_box .main_news .cont_box .pager_box .pager .swiper-pagination-total:before {display: inline-block; width: 1px; height: 21px; vertical-align: middle; margin: 0 10px; background: #c9c9c9; transform: rotate(30deg); -webkit-transform: rotate(30deg);-moz-transform: rotate(30deg); -o-transform: rotate(30deg);-ms-transform: rotate(30deg); content: '';}

.main_con01 .left_box .menu ul li:hover {background: #2c9de4; box-shadow: 12px 12px 30px rgb(13 145 229 / 25%);}
.main_con01 .left_box .menu ul li:hover a .txt p {color: #fff;}
.main_con01 .left_box .menu ul li:hover a .img img.img_hover {opacity: 1;}
.main_con01 .right_box .main_notice .cont_box ul li:hover:before {background: #2c9de4;}
.main_con01 .right_box .main_notice .cont_box ul li:hover a {color: #2c9de4; font-weight: 500;}
.main_con01 .right_box .main_news .cont_box .pager_box .prev_btn:hover {background-image: url('/img/prev_btn_on.png');}
.main_con01 .right_box .main_news .cont_box .papger_box .next_btn:hover {background-image: url('/img/next_btn_on.png');}

@media all and (max-width: 1200px) {
	.main_con01 .left_box .menu ul li a .txt p {font-size: 16px;}
	.main_con01 .left_box .contact .box01 {padding: 30px 10px;}
	.main_con01 .left_box .contact .box02 {padding: 18.5px 8px;}
}
@media all and (max-width: 1000px) {
	.main_con01 {padding: 80px 0;}
	.main_con01 .left_box {width: 100%; margin-right: 0;}
	.main_con01 .left_box .menu ul li {width: 33.333333%;}
	.main_con01 .left_box .menu ul li:nth-of-type(5n) {border-right: none;}
	.main_con01 .left_box .menu ul li:nth-of-type(3n) {border-right: 1px solid #a7ddff;}
	.main_con01 .left_box .menu ul li:nth-of-type(n+4) {border-top: none;}
	.main_con01 .right_box {width: 100%; margin-top: 50px; display: flex; flex-direction: column-reverse;}
	.main_con01 .right_box .main_news {margin-top: 50px;}
	.circle_wrap{padding: 0 0 50px;}
	.main_con01 .right_box .main_notice + .main_notice{padding-top:30px;}
	
}
@media all and (max-width: 640px) {
	.main_con01 .left_box .contact .box01 span + span:before {margin: 0 5px;}
	.main_con01 .left_box .contact .box02 span b {display: block; margin-left: 0;}
}


.main_banner01 {padding: 73px 0; background: url('/img/main_con02_bg01.jpg') no-repeat fixed center center / cover; text-align: center;}
.main_banner01 p {position: relative; z-index: 1; display: inline-block; color: #ffffff; font-weight: 700; font-size: 32px; letter-spacing: 0.1em; margin-bottom: 20px;}
.main_banner01 p:before {position: absolute; z-index: -1; left: 50%; bottom: 0; display: block; width: 100%; height: 23px; background: #faac56; content: ''; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.main_banner01 p i {position: absolute; left: calc(50% - 4px); top: -8px; width: 8px; height: 8px; background: #fff; border-radius: 4px;}
.main_banner01 span {color: #eaf1f2; font-weight: 400; font-size: 18px; letter-spacing: -0.04em; line-height: 1.6;}
.main_banner01 span b {color: #fff;}
@media all and (max-width: 640px) {
	.main_banner01{background: url('/img/main_con02_bg01_m.png') no-repeat fixed center center / cover;}
}

.main_con02 {padding: 90px 0 150px;}
.main_con02 .tab_contents {box-shadow: 34px 34px 70px rgb(33 60 73 / 11%);}
.main_con02 .tab_contents .main_tab ul {font-size: 0; letter-spacing: -4px;}
.main_con02 .tab_contents .main_tab ul li {display: inline-table; vertical-align: top; height: 60px;}
.main_con02 .tab_contents .main_tab ul li a {display: table-cell; vertical-align: middle; color: #666666; font-weight: 400; font-size: 18px; letter-spacing: -0.04em; box-sizing: border-box; border: 1px solid #c9c9c9; text-align: center;}
.main_con02 .tab_contents .main_tab ul li.on a {background: #0aabb1; border-color: #0aabb1; color: #fff; font-weight: 700;}
.main_con02 .tab_contents .main_tab.grid4 ul li {width: 25%;}
.main_con02 .tab_contents .main_tab ul li + li a {border-left: none;}
.main_con02 .tab_contents .tab_content {padding: 60px; box-sizing: border-box; background: #f8f9fb; min-height: 552px;}
.main_con02 .tab_contents .tab_content > div {display: none; font-size: 0; letter-spacing: -4px;}
.main_con02 .tab_contents .tab_content > div .img_box {display: inline-block; vertical-align: top; position:relative; padding:17.08% 0; overflow:hidden; width: calc(51.5% - 27px); margin-right: 54px;}
.main_con02 .tab_contents .tab_content > div .img_box img {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.main_con02 .tab_contents .tab_content > div .txt_box {display: inline-block; vertical-align: top; width: calc(48.5% - 27px);}
.main_con02 .tab_contents .tab_content > div .txt_box .tit {margin-bottom: 30px;}
.main_con02 .tab_contents .tab_content > div .txt_box .tit h4 {position: relative; display: inline-block; vertical-align: middle; max-width: calc(100% - 144px); padding-left: 25px; color: #333333; font-weight: 700; font-size: 26px; letter-spacing: -0.04em; margin: 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing: border-box;}
.main_con02 .tab_contents .tab_content > div .txt_box .tit h4:before {position: absolute; left: 0; top: calc(50% - 5px); display: block; width: 10px; height: 10px; border: 2px solid #0aabb1; box-sizing: border-box; border-radius: 5px; content: '';}
.main_con02 .tab_contents .tab_content > div .txt_box .tit .btn_type01 {display: inline-block; vertical-align: middle; width: 109px; height: 39px; background: #fff; border: 1px solid #2c9de4; box-sizing: border-box; border-radius: 20px; text-align: center; color: #2c9de4; font-weight: 500; font-size: 14px; letter-spacing: -0.04em; line-height: 37px; margin-left: 35px; transition: all 0.3s;}
.main_con02 .tab_contents .tab_content > div .txt_box .desc + .desc {margin-top: 25px;}
.main_con02 .tab_contents .tab_content > div .txt_box .desc h5 {color: #0aabb1; font-weight: 500; font-size: 18px; letter-spacing: -0.06em; text-align: center; background: #fff; padding: 16px; box-sizing: border-box; margin-bottom: 20px;}
.main_con02 .tab_contents .tab_content > div .txt_box .desc p {color: #666666; font-weight: 300; font-size: 16px; letter-spacing: -0.04em; line-height: 1.6; word-break: keep-all;}
.main_con02 .tab_contents .tab_content > div .txt_box .desc p b{font-weight:500;}
.main_con02 .tab_contents .tab_content > div .txt_box .desc p span {display: inline-block; position: relative; padding-left: 10px; box-sizing: border-box;}
.main_con02 .tab_contents .tab_content > div .txt_box .desc p span:before {position: absolute; left: 0; content: '·';}
.main_con02 .tab_contents .tab_content > div .txt_box .desc.type02 h5 {color: #2c9de4;}
.main_con02 .tab_contents .tab_content > div.on {display: block;}

.main_con02 .tab_contents .tab_content > div .txt_box .tit .btn_type01:hover {background: #2c9de4; color: #fff; box-shadow: 8px 8px 30px rgb(13 145 229 / 17%);}


@media all and (max-width: 1000px) {
	.main_con02 {padding: 80px 0 100px;}
	.main_con02 .tab_contents .tab_content {padding: 40px;}
	.main_con02 .tab_contents .main_tab ul li a {font-size: 16px;}
	.main_con02 .tab_contents .tab_content > div .img_box {width: 100%; margin-right: 0; padding: 34.82% 0;}
	.main_con02 .tab_contents .tab_content > div .txt_box {width: 100%; margin-top: 40px;}
}
@media all and (max-width: 767px) {
	.main_con02 .tab_contents .tab_content {padding: 30px;}
}

/* 추가 */
.circle_wrap{padding-top: 28px ;}
.circle_wrap ul{display: flex; gap: 20px; justify-content: space-around; padding: 0 20px; box-sizing: border-box;}
.circle_wrap ul li a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.circle_wrap ul li{width: 190px; transition: all 0.3s; aspect-ratio: 1/1; border: 2px solid; border-radius: 50%; position: relative;}
.circle_wrap ul li .tc_box{width: 100%; height: 60%; text-align: center;}
.circle_wrap ul li.orange:hover{transform: translateY(-15px); box-shadow: 2px 5px 5px 1px rgba(255, 193, 23, 0.15);}
.circle_wrap ul li.blue:hover{transform: translateY(-15px); box-shadow: 2px 5px 5px 1px rgba(23, 247, 255, 0.15);}
.circle_wrap ul li.orange{border-color: #fab05f;}
.circle_wrap ul li.blue{border-color: #0aabb1; }
.circle_wrap ul li.orange .tc_box img{ margin-bottom: 10px; transform: translateX(15px);}
.circle_wrap ul li.blue .tc_box img{ margin-bottom: 17px;} 
.circle_wrap ul li .txt{font-size: 16px; font-weight: 500; color: #444444; letter-spacing: -0.040em;}
.contact_before_custom {padding: 5px 39px!important;};