@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea,pre,select{font-family:'Noto Sans KR','나눔고딕',NanumGothic,"Pretendard",'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; font-size:16px;color:#222; letter-spacing:-0.5px; }
body{text-align:left; word-break:break-word; overflow-x:hidden;}
img,fieldset,iframe{border:0 none}
img {max-width:100%;}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none; }
a:hover{}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}

/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}


* {box-sizing:border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}

.pop {font-family: "Poppins", sans-serif;}

select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance:none;-webkit-border-radius:0 }
select::-ms-expand {display: none;}

::-webkit-input-placeholder { color:#8F8F8F;  font-weight: normal; font-size: 18px;  font-weight: 400; opacity:1; }

.mob {display: none;}

.head {position: fixed; left:0; top:0; width: 100%; z-index: 10; z-index: 100;  border-bottom: 1px solid #CCCCCC;  background: #fff; padding:0 20px;}
.head .headCont {position: relative;  height: 100px; display: flex; align-items: center; justify-content: center; max-width:1680px; margin:0 auto; }
.head .headCont .h1Logo {position: absolute; left:0; top:30px;}
.head .headCont .h1Logo a {text-indent:-999em; display: block; width:204px; height: 38px;  background:url('../images/ico_logo_w.png') center no-repeat; background-size:204px auto;}
.head .headCont .gnbWrap .in > ul {display: flex; align-items: center; justify-content: center;}
.head .headCont .gnbWrap .in > ul > li {position: relative; height: 101px; margin-right: 95px;   }
.head .headCont .gnbWrap .in > ul > li:last-child {margin-right: 0;}
.head .headCont .gnbWrap .in > ul > li > a {font-size: 18px; font-weight: 700; height: 100px; color:#535353; display: flex;justify-content: center; align-items: center;}
.head .headCont .gnbWrap .in > ul > li ul  {display: none; position: absolute; left:50%; top:101px; width:183px; margin-left:-92px; ;background: #001B65; text-align: center; padding:20px 0;}
.head .headCont .gnbWrap .in ul > li ul:after {content:''; position: absolute; left:50%; top:-5px; width: 9px; height: 9px; background:url('../images/ico_do.png') center no-repeat; background-size:cover;;}
.head .headCont .gnbWrap .in ul > li ul > li > a {color:#fff; font-weight: 500; font-size: 16px; display: block; padding:11px 0;}
.head .headCont .gnbWrap .in ul > li:hover ul {display: block;}

.container {padding-top: 100px;}

.mainSlideWrap {position: relative; height: 80vh; min-height:700px; overflow:hidden;  margin:0 auto; }
.mainSlideWrap .mainSlide {position: absolute; left:50%; top:0; width: 100%; height: 80vh; transform:translateX(-50%);}
.mainSlideWrap .mainSlide:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.4); z-index: 5;}
.mainSlideWrap .mainSlide img {object-fit:cover; height: 100%; width: 100%;}
.mainSlideWrap .mainSlide .slideTool {position: absolute; left:50%; transform:translate(-50%,-50%); top:50%; width: 1000px; text-align: left; z-index: 10;}
.mainSlideWrap .mainSlide .slideTool .text1 {text-shadow:0 8px 8px rgba(0,0,0,.45); transition:1s all; opacity:0; transform:translateY(50px); margin-bottom: 18px;  font-size: 40px; line-height: 1.5; font-weight: 700; color:#fff}
.mainSlideWrap .mainSlide .slideTool .text2 {margin-bottom: 22px;display: inline-block; vertical-align: top; padding-left: 60px; font-size: 40px; line-height: 50px; font-weight: 900; background:url('../images/ico_tel.png') left 10px no-repeat; background-size:43px auto;  transition:1s all; opacity:0; transform:translateY(50px);}
.mainSlideWrap .mainSlide .slideTool .text2 span{text-shadow:0 8px 8px rgba(0,0,0,.45); margin-bottom:22px; color:#fff;  }
.mainSlideWrap .mainSlide .slideTool .btn {text-align: left; transition:1s all; opacity:0; transform:translateY(50px);}
.mainSlideWrap .mainSlide .slideTool .btn a {border:2px solid #fff;background: #FFE100; color:#222222; display: inline-block; border-radius:30px; vertical-align: top; font-size: 28px; font-weight:700; width: 200px; height: 60px; text-align: center; line-height: 52px; margin-right: 20px; }
.mainSlideWrap .mainSlide .slideTool .btn a:nth-child(2) {background: #253A60; color:#fff; margin-right: 0;}
.mainSlideWrap .mainSlide .slideTool .nav div{ position: absolute; top:125px; width: 74px; height: 74px;  text-indent:-999em; cursor:pointer; }
.mainSlideWrap .mainSlide .slideTool .nav div.prev {left:-200px; background:url('../images/ico_prev.png') center no-repeat;   }
.mainSlideWrap .mainSlide .slideTool .nav div.next {right:-200px; background:url('../images/ico_next.png') center no-repeat; }
/* .mainSlideWrap .mainSlide .swiper-slide:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.2);} */

body.load .mainSlideWrap .mainSlide .slideTool .text1 {opacity:1; transform:translateY(0); transition-delay:500ms;}
body.load .mainSlideWrap .mainSlide .slideTool .text2 {opacity:1; transform:translateY(0); transition-delay:600ms;}
body.load .mainSlideWrap .mainSlide .slideTool .btn {opacity:1; transform:translateY(0); transition-delay:700ms;}


.btnScroll {position: absolute; left:0; bottom:0; width: 100%; text-align: center; z-index: 10;}
.btnScroll img {width:77px; cursor:pointer; vertical-align: top;}

.inner {max-width:1340px; padding:0 20px; margin:0 auto;}

.mainAbout {background: url('../images/bgMain.png') center no-repeat; background-size:cover; height: 1080px; padding-top: 104px; text-align: center;}
.mainAbout .tit01 {font-size: 42px; color:#fff; font-weight: 700; margin-bottom:14px ;}
.mainAbout .tit02 {font-size: 20px; color:#fff; font-weight: 700; margin-bottom:110px ;}
.mainAbout .img {display: flex; align-items: center; justify-content: space-between; margin-bottom: 90px;}
.mainAbout .img img {border-radius:30px;}
.mainAbout .img a { margin-top: 51px;}
.mainAbout .img a:nth-child(2) {margin-top: 0;}
.mainAbout .btn a {font-size: 14px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; width: 177px; height: 55px; margin:0 auto; color:#fff; border:1px solid #fff; border-radius:30px;}

.mainBanner {padding:118px 0; text-align: center;}
.mainBanner img {width: 100%;}

.mainBanner2 { text-align: center; background: #ffcd1a;}
.mainBanner2 img {width: 100%;}

.mainSns {position: relative; text-align: center; padding-top: 98px;}
.mainSns .inner {max-width:1094px;}
.mainSns .text {margin-top: 100px; position: relative; z-index: 10; padding:80px 0; background: #EFEFEF; text-align: center; }
.mainSns .tit01 {font-size: 42px; color:#000; margin-bottom: 15px;}
.mainSns .tit02 {font-size: 20px; color:#000; }
.mainSns .tit03 {font-size: 52px; color:#000; margin-bottom: 15px; margin-top:30px; font-weight: bold;}
.mainSns .tit04 {font-size: 25px; color:#000; margin-bottom:20px;}
.mainSns .sns {position: relative; z-index: 10;display: flex; align-items: center; justify-content: space-between;}
.mainSns .sns .ico {margin-bottom:34px;}

.footer {background: #1B1B1B; padding:58px 0; margin-top: 85px;}
body :has(.mainAbout) .footer { margin-top: 0;}
body :has(.introSub) .footer { margin-top: 0;}
.footer .addr {display: flex; align-items: center; justify-content: space-between;}
.footer .addr .info .tit {font-size: 16px; color:#fff; margin-bottom: 5px;}
.footer .addr .info .line {}
.footer .addr .info .line:last-child {margin-top: 5px;}
.footer .addr .info .line span {display: inline-block; vertical-align: top; position: relative; font-size: 16px; color:#707070; margin-right: 17px; }
.footer .addr .info .line span:after {content:''; position: absolute; right:-9px; top:50%; width: 1px; height: 12px; margin-top:-6px; background: #707070;}
.footer .addr .info .line span:last-child:after {display: none;}
.footer .addr .info .line span:nth-child(3):after {display: none;}
.footer .addr .info .line span em {color:#fff;}

.introWrap { font-family: "Noto Serif KR", serif;  color:#000; text-align: center;}
.introWrap .topTit{background: url('../images/bgIntro.png') center no-repeat;  padding:90px 0; margin-bottom: 83px; background-size:cover;}
.introWrap .topTit .tit01 {font-size: 42px; margin-bottom:30px;}
.introWrap .topTit .tit02 {font-size: 24px; line-height: 1.6; }
.introWrap .text {font-size: 18px;  line-height: 1.7}

.h2Wrap {padding-top: 105px; text-align: center; margin-bottom: 100px;}
.h2Wrap .tit {font-size: 20px; margin-bottom: 10px;}
.h2Wrap h2 {font-size: 42px; font-weight: 700;}

.introSub {background: #F3F3F3; padding-bottom: 100px;}

.infoWrap {display:flex; gap:30px;  color:#000; text-align: center; justify-content: center; margin-bottom: 30px;}
.infoWrap .service-card { flex:1; max-width:387px}
.infoWrap .service-card .box {border:1px solid #ccc; border-bottom-left-radius:20px; border-bottom-right-radius:20px; background: #fff; padding:20px; height: 250px;}
.infoWrap .service-card img{width: 100%; vertical-align: top;}
.infoWrap .service-card h3 {font-size: 24px; padding-bottom: 20px; margin:0 0 20px 0; border-bottom: 1px solid #333;}
.infoWrap .service-card p {font-size: 16px; line-height: 1.6;}

.tbType1 table{width: 100%;  text-align: center; border-bottom: 1px solid #CCCCCC; margin-bottom: 60px;}
.tbType1 table thead th {font-size: 20px; background: #001B65;height: 52px; font-size: 20px; color:#fff; font-weight: 500; border-bottom:1px solid #000C2D; border-right: 1px solid #000C2D;}
.tbType1 table thead th:last-child {border-right: none;}
.tbType1 table td {font-size: 20px;height: 52px; font-size: 20px; color:#292929; font-weight: 500; border-bottom:1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.tbType1 table td:last-child {border-right: none;}
.tbType1 table tr.bg {background: #E6E8F0;}


.searchForm {display: flex; align-items: center; justify-content: space-between; margin-bottom: 36px; margin-top:50px;}
.searchForm .count {font-size: 14px; color:#555; font-weight:500;}
.searchForm .count strong {color:#001B65; font-weight: 700;}
.searchForm .rightForm {position: relative;}
.searchForm .rightForm input {border:none; width: 304px; height: 44px; background: #f9f9f9; padding-right: 40px; padding-left: 20px; border:1px solid #ccc;} 
.searchForm .rightForm a {position: absolute; right:20px; top:16px; width: 12px; height: 13px; background:url('../images/ico_search.svg') center no-repeat; text-indent:-999em;}

.galList {display: grid; gap:26px; grid-template-columns:repeat(4,1fr); margin-bottom: 60px; margin-top:30px;}
.galList .box {box-shadow:0 0 15px rgba(0,0,0,.1); background: #fff;}
.galList .box .img {height: 206px; width: 100%;}
.galList .box .img img {object-fit:cover; width: 100%; height: 100%;}
.galList .box .txtBox {padding:26px 30px; height: 148px;}
.galList .box .txtBox .tit {height: 56px; margin-bottom: 18px; font-size: 18px; font-weight: 700; overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.galList .box .txtBox .date {font-size: 16px; color:#777777; }

.galleryDetail .detailTitle{margin-top: 116px; border-top: 2px solid #333; text-align: center; font-size: 24px; font-weight: 700; padding:26px 0; border-bottom: 1px solid #dcdcdc;}
.galleryDetail .dateView{display: flex; justify-content: space-between; align-items: center; font-size: 14px; color:#555; padding:16px 0; border-bottom:1px solid #DCDCDC; }
.galleryDetail .dateView .date {padding-left: 25px; background:url('../images/ico_write.svg') left center no-repeat}
.galleryDetail .dateView .view {padding-left: 25px; background:url('../images/ico_view.svg') left center no-repeat}
.galleryDetail .detailText {margin:40px 0 60px; border-bottom: 1px solid #dcdcdc; padding-bottom: 40px;}

.pagingWrap {display: flex; align-items: center; justify-content: center;}
.pagingWrap a {display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; font-size: 16px; color:#555; font-weight: 500; border:1px solid #666; margin-left: -1px;}
.pagingWrap .num {margin:0 16px; display: flex; align-items: center; justify-content: center; }
.pagingWrap .num a.active {background:#001B65; color:#fff;}
.pagingWrap > a {text-indent:-999em; border:none;}
.pagingWrap .paging1 {background:url('../images/paging1.svg') center no-repeat;}
.pagingWrap .paging2 {background:url('../images/paging2.svg') center no-repeat;}
.pagingWrap .paging3 {background:url('../images/paging1.svg') center no-repeat; transform:rotate(180deg);}
.pagingWrap .paging4 {background:url('../images/paging2.svg') center no-repeat; transform:rotate(180deg);}


.btnCenter {margin-top: 60px;display: flex; align-items: center; justify-content: center; gap:16px;}
.btType1 {display: flex; align-items: center; justify-content: center; min-width:97px; padding:0 20px; font-size: 16px; font-weight: 500; color:#555555; border:1px solid #dcdcdc; height: 42px;}
.btType1.prev span {padding-left:26px; background:url('../images/ico_next.svg') left center no-repeat;}
.btType1.next span {padding-right:26px; background:url('../images/ico_prev.svg') right center no-repeat;}
.btType1.list {background: #333; color:#fff;}

.faqList {margin-bottom: 80px;}
.faqList ul li {border:1px solid #DDDDDD; margin-bottom: 16px; border-radius:12px; overflow:hidden; padding:30px 32px;}
.faqList ul li .question {display: flex;cursor:pointer; position: relative; }
.faqList ul li .ico {min-width:64px; height: 64px; align-items: center; justify-content: center; font-size: 32px; font-weight: 600; color:#001B65; font-family: Arial; background: #fff; border-radius:100px; display: inline-flex; margin-right: 24px; border:1px solid #DDDDDD;}
.faqList ul li .question .text {padding-right: 88px;}
.faqList ul li .question .text .dvTit {font-size: 15px; line-height: 22px; color:#001B65; font-weight: 600; margin-bottom: 6px;}
.faqList ul li .question .text .txt {font-size: 20px; line-height: 36px;font-weight: 600;}
.faqList ul li .question:after {content:''; position: absolute; top:50%; margin-top:-24px; right:0; width:48px; height: 48px; background: url('/resource/usr/images/ico_sel.png') center no-repeat; transition:.3s all; }
.faqList ul li.on {background: #F7F8F9; }
.faqList ul li.on .question:after {transform:rotate(180deg); }
.faqList ul li.on .ico {background: #001B65; color:#fff;}
.faqList ul li .answer { display: none;  }
.faqList ul li .answer .in {display: flex;margin:0 88px; border-top: 1px solid #DDDDDD; padding-top: 16px; margin-top: 16px;}
.faqList ul li .answer .text {font-size: 18px; color:#444; line-height:32px;}



.form {max-width:1000px; margin:0 auto; background: #fff; padding:65px 60px; border-radius:20px;}
.form .line {display: flex; gap:40px; margin-bottom: 13px;}
.form .line .box.full {width: 100%;}
.form .line .box {width: 50%; display: flex; align-items: center; gap:}
.form .tit {font-size: 16px; font-weight: 500; color:#000000; min-width:80px;}
.form .tit span{color:#417AD1}
.form .line .ipBox {width: 100%;}
.form .line .ipBox textarea {width: 100%; height:343px; padding: 10px; border:1px solid #C9D1DA; resize:vertical;}
.form .line .ipBox input {width: 100%; height:43px; padding-left: 10px; border:1px solid #C9D1DA;}
.form .line .ipBox input:focus { border:1px solid #417AD1; background: #F5F5F5;}
.form .line .selBox {width: 100%; margin-left: 10px;}
.form .line .selBox.db {display: flex; gap:12px;}
.form .line select {width: 100%; width: 100%; height:43px; padding-left: 10px; border:1px solid #C9D1DA; border-radius:0; background: #fff url(../images/sel.svg) right 12px top 50% no-repeat;
    background-size: 10px 6px;}
.form .line select:focus { border:1px solid #417AD1; }
.form .lineRadio {padding:30px 0;}
.form .lineRadio .tit {margin-bottom: 20px;}
.form .lineRadio .radioBox { margin-right: 45px;}
.radioBox {display: inline-block; vertical-align: top; margin-bottom: 19px;}
.radioBox input {position: absolute; visibility: hidden;}
.radioBox label {display: inline-block; font-size: 16px; font-weight: 500; color:#000000; padding-left: 22px; cursor:pointer; background:url('../images/ico_radio.png') left center no-repeat; background-size:12px auto; }
.radioBox span {color:#417AD1; font-weight: 400; margin-left: 5px; font-size: 16px; cursor:pointer;}
.radioBox input:checked + label { background:url('../images/ico_radio_on.png') left center no-repeat; background-size:12px auto; }

.form .line .fileWrap {width: 100%;}
.form .line .fileWrap .btnDelete {position: absolute; right:5px; top:15px; width:16px; height: 16px; background:url('../images/ico_close.png') center no-repeat; background-size:16px auto; text-indent:-999em; }
.form .line .fileWrap .fileBox {position: relative; padding-right:27px; }
.form .line .fileWrap .fileText {width: 100%; height: 43px; border:1px solid #D9DDE8; padding-left: 110px; border-radius:2px; font-size: 16px;}
.form .line .fileWrap .fileInput{position: absolute; left:0; top:0; overflow: hidden; width: 100px; height: 43px; cursor:pointer;}
.form .line .fileWrap .fileInput .fileInputButton{width: 100px; height: 100%; position: absolute; left:0; top: 0px; background:#535353; color:#fff; font-weight: 500; font-size:15px; border:none; border-radius:2px; }
.form .line .fileWrap .fileInput .fileInputHidden{font-size: 45px;position: absolute;right: 0px;top: 0px;opacity: 0; filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0; cursor:pointer;}
.form .line .fileWrap .warn {padding:5px 0 0 40px;}


.agree {margin-top: 50px; text-align: center;}
.agree .btn a {display: inline-block; vertical-align: top; background: #002778; height: 44px; line-height: 42px; text-align: center; width: 206px; font-size: 18px; font-weight: 700; color:#fff; border-radius:100px;}



.popPolicy {position: fixed; left:0; top:0; width:100%; height: 100%; background:rgba(41,41,41,.5); z-index: 500; display: none;}
.popPolicy .in {position: fixed; left:50%; top:50%; transform:translate(-50%,-50%); background: #fff; max-width:620px; width: 100%; height:365px; max-height:80vh; padding:30px;}
.popPolicy .in .popTit {font-size: 20px; font-weight: 600; color:#1a1a1a; margin-bottom: 20px;}
.popPolicy .in .policyText {border:1px solid #D9DDE8; border-radius:2px; background: #F9F9F9; padding:20px 15px; font-size: 16px; color:#535353; overflow-y:scroll; height: 260px; line-height: 1.4; }
.popPolicy .in .policyText::-webkit-scrollbar{width: 6px;}
.popPolicy .in .policyText::-webkit-scrollbar-track{background:none;border:none;border-radius: 4px}
.popPolicy .in .policyText::-webkit-scrollbar-thumb{background: #D9DDE8;border-radius:4px}
.popPolicy .in .policyText .bold {font-weight: 500; color:#292929; font-size: 16px; margin-bottom:6px; margin-top: 15px;}
.popPolicy .in .policyText .dot {position: relative; padding-left: 10px;}
.popPolicy .in .policyText .dot:before {  content: "•";  position: absolute; left: 0; color: #666; }
.popPolicy .in .close {position: absolute; right:14px; top:14px; width: 30px; height: 30px; cursor:pointer; background:url('../images/ico_close_pop.png') center no-repeat; background-size:30px auto;}
.popPolicy .in .rqAgree {display: none; font-weight:700; padding-top:10px;  align-items: center; font-size:18px; color:#000;}
.popPolicy .in .rqAgree input {margin-top:0;}



@media all and (max-width:1280px) {

	::-webkit-input-placeholder {font-size: 16px;  }

	.mob {display: block;}
	.pc {display: none;}
	.head {padding:0;}
	.head .headCont {position: relative;  height: 72px; }
	.head .headCont .h1Logo {position: absolute; left:20px; top:14px;}
	.head .headCont .h1Logo a {width:132px; height: 47px; background-size:132px auto !important;}
	.head .headCont .gnbWrap {position: fixed; right:0; top:0; width: 55%; height: 100%; overflow-y:auto; display: none; background: #1E1E1E; z-index: 100;}
	.head .headCont .gnbWrap:after {content:''; position:fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.3);}
	.head .headCont .gnbWrap .in >  ul {display: block; position: relative; z-index: 10; padding-top: 70px;}
	.head .headCont .gnbWrap .in > ul > li {margin-bottom: 10px; height: auto; margin-right: 0;}
	.head .headCont .gnbWrap .in > ul > li a {font-size: 20px; font-weight: 700; height: auto; color:#fff !important; padding:20px 20px 10px 20px; display: block; }
	.head .headCont .gnbWrap .in > ul ul {display: block; position: static;}
	.head .btnMemu {position: absolute; right:20px; top:50%; margin-top:-16px; z-index:110; }
	.head .btnMemu button {width: 34px; height: 32px; border:none; background:url('../images/ico_menu_b.png') center no-repeat; background-size:34px auto;}
	.head.gnbOpen .btnMemu button {background:url('../images/ico_close_gnb.png') center no-repeat !important; background-size:30px auto !important;}


	.head .headCont .gnbWrap .in > ul > li ul  {display: block; position: static; width:100%; margin-left:0; ;background:none; text-align: center; padding:0 0; margin-bottom: 15px;}
	.head .headCont .gnbWrap .in ul > li ul:after {display: none;}
	.head .headCont .gnbWrap .in ul > li ul > li > a {color:#fff; font-weight: 500; font-size: 16px; display: block; padding:11px 10px 10px 30px; text-align: left;}
	.head .headCont .gnbWrap .in ul > li:hover ul {display: block;}


	.head.active .btnMemu button {background:url('../images/ico_menu_b.png') center no-repeat; background-size:34px auto;}

	.container { padding-top: 72px;}

	.mainSlideWrap {position: relative; height: 85svh; min-height:500px; overflow:hidden; max-width:1920px; margin:0 auto; }

	.mainSlideWrap .mainSlide {position: relative; left:0; top:0; width: 100%; height: 85svh;margin-left:0;  transform:translateX(0);}
	.mainSlideWrap .mainSlide img {object-fit:cover; height: 100%; width: 100%;}
	.mainSlideWrap .mainSlide .slideTool {position: absolute; left:0; transform:translate(0,0); top:3%; width: 100%; text-align: center; z-index: 10;}
	.mainSlideWrap .mainSlide .slideTool .text1 {transition:1s all; opacity:0; transform:translateY(50px); margin-bottom: 10px;  font-size:24px; line-height: 1.4; font-weight: 700; color:#fff}
	.mainSlideWrap .mainSlide .slideTool .text2 { font-size:28px; }
	.mainSlideWrap .mainSlide .slideTool .btn {text-align: center; transition:1s all; opacity:0; transform:translateY(50px);}
	.mainSlideWrap .mainSlide .slideTool .btn a {  display: inline-block; vertical-align: top; font-size: 20px; font-weight: 500; line-height: 1.4; height: auto; padding:10px 5px; width: 150px; }
	.mainSlideWrap .mainSlide .slideTool .nav {display: none;}

	body.load .mainSlideWrap .mainSlide .slideTool .text1 {opacity:1; transform:translateY(0); transition-delay:500ms;}
	body.load .mainSlideWrap .mainSlide .slideTool .btn {opacity:1; transform:translateY(0); transition-delay:700ms;}


	.btnScroll {position: absolute; left:0; bottom:0; width: 100%; text-align: center; z-index: 10;}
	.btnScroll img {width:57px; cursor:pointer; vertical-align: top;}

	.inner {max-width:1320px; padding:0 20px; margin:0 auto;}


	.tabWrap {display: flex; align-items: center; justify-content: flex-start; box-shadow:0 2px 8px rgba(176,184,207,.3);}
	.tabWrap .btnHome {text-indent:-999em; width:14px; height: 14px;background:url('../images/ico_home.png') center no-repeat; background-size:14px auto;  min-width:50px; margin-right: 0;}
	.tabWrap .selBox {width:50%; position: relative; z-index: 20;}
	.tabWrap .selBox:after {content:''; position: absolute; left:0; top:50%; width: 1px; height: 12px; margin-top:-6px; background: #D9DDE8;}
	.tabWrap .selBox .tit {cursor:pointer; position: relative; height: 50px; line-height: 50px; padding:0 12px; position: relative; font-size: 15px; color:#535353; font-weight: 500;}
	.tabWrap .selBox .tit:after {content:''; position: absolute; right:14px; top:50%; margin-top:-3px;width: 10px; height: 6px; background:url('../images/ico_sel.png') center no-repeat; background-size:10px auto; }
	.tabWrap .selBox.active .tit:after {transform:rotate(180deg);}
	.tabWrap .selBox ul {position: absolute; left:0; top:50px; width: 100%; display: none; box-shadow:0 4px 8px rgba(176,184,207,.3);}
	.tabWrap .selBox ul li a {display: block; height: 45px; line-height: 45px; padding-left:13px; font-size: 14px; font-weight: 500; color:#97A3AC; background: #fff;}
	.tabWrap .selBox ul li a:hover {background: #E6E8F0; color:#535353}

	.mainAbout { height: auto; padding: 70px 0; text-align: center;}
	.mainAbout .tit01 {font-size: 30px; color:#fff; font-weight: 700; margin-bottom:14px ;}
	.mainAbout .tit02 {font-size: 18px; color:#fff; font-weight: 700; margin-bottom:60px ;}
	.mainAbout .img {display: block; align-items: center; justify-content: space-between; margin-bottom: 50px;}
	.mainAbout .img a { margin-top: 20px; display: block;}
	.mainAbout .img a img {width: 100%;}
	.mainAbout .img a:nth-child(2) {margin-top: 20px;}
	.mainAbout .btn a {font-size: 14px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; width: 177px; height: 55px; margin:0 auto; color:#fff; border:1px solid #fff; border-radius:30px;}

	.mainBanner {padding:60px 0; text-align: center; background: #313131;}
	.mainBanner img {width: 100%;}

	.mainBanner2 { text-align: center; background: #ffcd1a; padding:80px 20px;}
	.mainBanner2 img {width: 100%;}

	.mainSns {position: relative; text-align: center; padding-top: 48px;}
	.mainSns .inner {max-width:1094px;}
	.mainSns .tit01 {font-size: 24px; color:#000; margin-bottom: 15px;}
	.mainSns .tit02 {font-size: 19px; color:#000; margin-bottom:50px;}
	.mainSns .sns {position: relative; z-index: 10;display: block; align-items: center; justify-content: space-between;}
	.mainSns .sns .box {margin-bottom: 30px;}
	.mainSns .sns .box:last-child {margin-bottom: 0;}
	.mainSns .sns .ico {margin-bottom:14px;}
	.mainSns .sns .ico img {width: 40px;}
	.mainSns .sns .qr img {max-width: 200px;}

	.mainSns .text {margin-top: 80px; position: relative; z-index: 10; padding:50px 0; }
	.mainSns .tit01 {font-size: 24px; color:#000; margin-bottom: 15px;}
	.mainSns .tit02 {font-size: 20px; color:#000; }
	.mainSns .tit03 {font-size: 32px; color:#000; margin-bottom: 15px; margin-top:30px; font-weight: bold;}
	.mainSns .tit04 {font-size: 20px; color:#000; margin-bottom:20px;}


	.footer {background: #1B1B1B; padding:32px 0; margin-top: 45px;}
	body :has(.mainAbout) .footer { margin-top: 0;}
	body :has(.introSub) .footer { margin-top: 0;}
	.footer .addr {display: block; align-items: center; justify-content: space-between;}
	.footer .addr .info {margin-bottom: 20px;}
	.footer .addr .info .tit {font-size: 14px; color:#fff; margin-bottom: 5px;}
	.footer .addr .info .line {display: block; align-items: center;}
	.footer .addr .info .line:last-child {margin-top: 0;}
	.footer .addr .info .line span {position: relative; font-size: 13px; color:#707070; margin-right: 10px;  display: inline-block; margin-bottom: 5px;  }
	.footer .addr .info .line span:after {display: none;}
	.footer .addr .info .line span:last-child:after {display: none;}
	.footer .addr .info .line span em {color:#fff;}
	.footer .addr .logo {text-align: center;}
	.footer .addr .logo img {width: 140px;}

	.introWrap .topTit{ padding:45px 0; margin-bottom: 63px; background-size:cover;}
	.introWrap .topTit .tit01 {font-size: 30px; margin-bottom:30px;}
	.introWrap .topTit .tit02 {font-size: 18px; line-height: 1.6; }
	.introWrap .text {font-size: 16px;  line-height: 1.7}

	.h2Wrap {padding-top:60px; text-align: center; margin-bottom: 60px;}
	.h2Wrap .tit {font-size: 16px; margin-bottom: 10px;}
	.h2Wrap h2 {font-size: 36px; font-weight: 700;}

	.introSub {background: #F3F3F3; padding-bottom: 50px;}

	.infoWrap {display:block; grid-template-columns:repeat(3,1fr); gap:30px;  color:#000; text-align: center;}
	.infoWrap .service-card {margin-bottom: 30px;  max-width:100%;}
	.infoWrap .service-card .box {border:1px solid #ccc; border-bottom-left-radius:20px; border-bottom-right-radius:20px; background: #fff; padding:20px 15px; height: auto;}
	.infoWrap .service-card img{width: 100%; vertical-align: top;}
	.infoWrap .service-card h3 {font-size: 20px; padding-bottom: 20px; margin:0 0 20px 0; border-bottom: 1px solid #333;}
	.infoWrap .service-card p {font-size: 14px; line-height: 1.6; word-break:keep-all;}


    .searchForm {display: flex; justify-content: space-between; margin-bottom: 20px; margin-top: 30px;}
    .searchForm .count {font-size: 12px; color:#555; font-weight:500;}
    .searchForm .rightForm {position: relative;}
    .searchForm .rightForm input {width: 244px; height: 36px; background: #f9f9f9; padding-right: 30px; padding-left: 10px; font-size: 14px;} 
    .searchForm .rightForm a {position: absolute; right:10px; top:12px; width: 12px; height: 13px; background:url('../images/ico_search.svg') center no-repeat; text-indent:-999em;}


    .galList {display: grid; gap:15px; grid-template-columns:repeat(2,1fr); margin-bottom: 30px;}
    .galList .box {box-shadow:0 0 10px rgba(0,0,0,.1); background: #fff;}
    .galList .box .img { width: 100%;}
    .galList .box .img img {width: 100%; height: 100%;}
    .galList .box .txtBox {padding:15px; height: 100px;}
    .galList .box .txtBox .tit {height: 42px; margin-bottom: 12px; font-size: 14px; font-weight: 700; overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .galList .box .txtBox .date {font-size: 12px; color:#777777; }

    .galleryDetail .detailTitle{margin-top: 30px;  text-align: center; font-size: 16px; font-weight: 700; padding:13px 0; border-bottom: 1px solid #dcdcdc;}
    .galleryDetail .dateView{display: flex; justify-content: space-between; align-items: center; font-size: 12px; color:#555; padding:10px 0; border-bottom:1px solid #DCDCDC; }
    .galleryDetail .dateView .date {padding-left: 25px; background:url('../images/ico_write.svg') left center no-repeat}
    .galleryDetail .dateView .view {padding-left: 25px; background:url('../images/ico_view.svg') left center no-repeat}
    .galleryDetail .detailText {margin:20px 0 30px; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px;}


    .btnCenter {margin-top: 30px;display: flex; align-items: center; justify-content: center; gap:10px;}
    .btType1 {display: flex; align-items: center; justify-content: center; min-width:70px; padding:0 15px; font-size: 13px; font-weight: 500; height: 35px;}
    .btType1.prev span {padding-left:15px; background-size:7px auto;}
    .btType1.next span {padding-right:15px; background-size:7px auto;}

    .pagingWrap {display: flex; align-items: center; justify-content: center;}
    .pagingWrap a {display: flex; align-items: center; justify-content: center; width:30px; height: 30px; font-size: 12px; color:#555; font-weight: 500; border:1px solid #DCDCDC; margin-left: -1px;}
    .pagingWrap .num {margin:0 16px; display: flex; align-items: center; justify-content: center; }
    .pagingWrap .num a:hover {background: rgba(244,41,41,.1);}
    .pagingWrap > a {text-indent:-999em; border:none; background-size:30px auto !important;}



	.faqList {margin-bottom: 40px;}
	.faqList ul li {border:1px solid #DDDDDD; margin-bottom: 10px; border-radius:12px; overflow:hidden; padding:16px;}
	.faqList ul li .question {display: flex;cursor:pointer; position: relative; }
	.faqList ul li .ico {min-width:32px; height: 32px; align-items: center; justify-content: center; font-size: 16px; font-weight: 600;  background: #fff; border-radius:100px; display: inline-flex; margin-right:12px; border:1px solid #DDDDDD;}
	.faqList ul li .question .text {padding-right: 30px;}
	.faqList ul li .question .text .dvTit {font-size: 12px; line-height: 16px;  font-weight: 600; margin-bottom: 4px;}
	.faqList ul li .question .text .txt {font-size: 15px; line-height: 22px;font-weight: 600;}
	.faqList ul li .question:after {content:''; position: absolute; top:50%; margin-top:-12px; right:0; width:16px; height:16px; background-size:16px auto;transition:.3s all; }
	.faqList ul li .answer .in {display: flex;margin:0; border-top: 1px solid #DDDDDD; padding-top: 10px; margin-top: 10px;}
	.faqList ul li .answer .text {font-size: 14px; color:#444; line-height:24px;}


	.form {max-width:1000px; margin:0 auto; background: #fff; padding:0 15px 10px; border-radius:20px; }
	.form .line {display: block; gap:40px; margin-bottom: 13px;}
	.form .line .box.full {width: 100%;}
	.form .line .box {width: 100%; display: flex; align-items: center; margin-bottom: 13px;}
	.form .tit {font-size: 14px; font-weight: 500; color:#000000; min-width:70px;}
	.form .tit span{color:#417AD1}
	.form .line .ipBox {width: 100%;}
	.form .line .ipBox input {width: 100%; height:35px; padding-left: 10px; border:1px solid #C9D1DA; font-size: 13px;}
	.form .line .ipBox input:focus { border:1px solid #417AD1; background: #F5F5F5;}
	.form .line .selBox {width: 100%;}
	.form .line .selBox.db {display: flex; gap:12px;}
	.form .line select {width: 100%; width: 100%; height:35px; padding-left: 10px; border:1px solid #C9D1DA; border-radius:0; font-size: 13px;}
	.form .line select:focus { border:1px solid #417AD1; }
	.form .line .ipBox textarea {height: 250px;}
	.form .lineRadio {padding:20px 0;}
	.form .lineRadio .tit {margin-bottom: 20px;}
	.form .lineRadio .radioBox { margin-right: 5px;}
	.form .lineRadio .radioBox:last-child {margin-right: 0;}
	.radioBox {display: inline-block; vertical-align: top; margin-bottom: 19px;}
	.radioBox input {position: absolute; visibility: hidden;}
	.radioBox label {display: inline-block; font-size: 14px; font-weight: 500; color:#000000; padding-left: 22px; cursor:pointer; background:url('../images/ico_radio.png') left center no-repeat; background-size:12px auto; }
	.radioBox label span {color:#417AD1; font-weight: 400;}
	.radioBox input:checked + label { background:url('../images/ico_radio_on.png') left center no-repeat; background-size:12px auto; }

	.form .line .fileWrap {width: 100%;}
	.form .line .fileWrap .btnDelete {position: absolute; right:5px; top:10px; width:16px; height: 16px; background:url('../images/ico_close.png') center no-repeat; background-size:16px auto; text-indent:-999em; }
	.form .line .fileWrap .fileBox {position: relative; padding-right:27px; }
	.form .line .fileWrap .fileText {width: 100%; height: 35px; border:1px solid #D9DDE8; padding-left:90px; border-radius:2px; font-size: 16px;}
	.form .line .fileWrap .fileInput{position: absolute; left:0; top:0; overflow: hidden; width: 80px; height: 35px; cursor:pointer;}
	.form .line .fileWrap .fileInput .fileInputButton{width: 80px; height: 100%; position: absolute; left:0; top: 0px; background:#535353; color:#fff; font-weight: 500; font-size:13px; border:none; border-radius:2px; }
	.form .line .fileWrap .fileInput .fileInputHidden{font-size: 45px;position: absolute;right: 0px;top: 0px;opacity: 0; filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0; cursor:pointer;}
	.form .line .fileWrap .warn {padding:5px 0 0 40px;}

	.agree {margin-top: 50px; text-align: center;}
	.agree .btn a {display: inline-block; vertical-align: top; background: #002778; height: 44px; line-height: 42px; text-align: center; width: 206px; font-size: 14px; font-weight: 700; color:#fff; border-radius:100px;}


    .popPolicy {position: fixed; left:0; top:0; width:100%; height: 100%; background:rgba(41,41,41,.5); z-index: 500; display: none;}
    .popPolicy .in {position: fixed; left:50%; top:20%; transform:translate(-50%,0); background: #fff; max-width:90%; width: 100%; height:auto; max-height:96svh; padding:15px; }
    .popPolicy .in .popTit {font-size: 20px; font-weight: 600; color:#1a1a1a; margin-bottom: 10px;}
    .popPolicy .in .policyText {border:1px solid #D9DDE8; border-radius:2px; background: #F9F9F9; padding:20px 15px; font-size: 12px; color:#535353; overflow-y:scroll; max-height:80svh; height: auto; line-height: 1.4; }
    .popPolicy .in .policyText::-webkit-scrollbar{width: 6px;}
    .popPolicy .in .policyText::-webkit-scrollbar-track{background:none;border:none;border-radius: 4px}
    .popPolicy .in .policyText::-webkit-scrollbar-thumb{background: #D9DDE8;border-radius:4px}
    .popPolicy .in .policyText .bold {font-weight: 500; color:#292929; font-size: 14px; margin-bottom:6px; margin-top: 15px;}
    .popPolicy .in .policyText .dot {position: relative; padding-left: 10px;}
    .popPolicy .in .policyText .dot:before {  content: "•";  position: absolute; left: 0; color: #666; }
    .popPolicy .in .close {position: absolute; right:14px; top:14px; width: 30px; height: 30px; cursor:pointer; background:url('../images/ico_close_pop.png') center no-repeat; background-size:30px auto;}



}