.mo_br{display: block;}
.eTit{color: #BE9473;font-family: "Montserrat", sans-serif;font-size: 1.2rem;font-weight: 700;line-height: 1; display:inline-block; margin:0 0 10px;}
.mainTit{font-size:3rem;font-weight: 800;line-height: 120%; color:#252525;}
.mainTit.w{color: #fff;}

.section {overflow:hidden; clear:both; position: relative; width: 100%; height: 100vh; word-break: keep-all; box-sizing:border-box; display:flex; justify-content: center; flex-direction: column; }
.section .fp-tableCell {vertical-align: middle; }
.section.business .fp-tableCell, .section.professoinals .fp-tableCell, .section.case .fp-tableCell, .section.contact .fp-tableCell, .section.location .fp-tableCell,.section.system .fp-tableCell{padding-top:90px;}

.moreBtn{vertical-align:middle; font-size: 0.88889rem;font-weight: 700; display:inline-block; }
.moreBtn::after{content:""; display:inline-block; width:10px; height:3px; background:#444; vertical-align:middle; margin:0 0 2px 10px;}



/* 占쏙옙占쏙옙占? */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; outline: 0 !important;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding:0 !important;  outline: 0 !important;}
.slick-track {display:flex; }
.slick-slide{border:0; outline: 0 !important;}
.slick-initialized .slick-slide{display:block; outline: 0 !important;}


.visual{position:relative; width: 100%; height:100vh; background:#000; overflow:hidden; z-index:1;}
.visual .scroll_down{position:Absolute; bottom:30px; left:50%; transform:translate(-50%,0);z-index:1000;display:flex; flex-direction:column; justify-content:center;
	align-items: center;font-size:15px; color:rgba(255,255,255,0.8);  animation: floatY 1.6s ease-in-out infinite;
}
/* 위아래로 둥실둥실 움직이는 효과 */
@keyframes floatY {
  0% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, -10px); /* 위로 살짝 이동 */
  }
  100% {
    transform: translate(-50%, 0);
  }
}

.visual .scroll_down img{margin:0 0 10px 0;}
.visual .visual_in{width: 100%; height: 100%; position: relative;}
.visual .visual_in .slick-arrow{position:Absolute; top:48%; z-index:1000;width:17px;height:28px; font-size:0;background:none;outline:none;border:none;}
.visual .visual_in .slick-prev {left:180px;background:url('../img/v_prev.png') center center no-repeat;}
.visual .visual_in .slick-next{right:180px;background:url('../img/v_next.png') center center no-repeat;}
.visual .vRoll{position:relative; width: 100%; height: 100vh; }

.visual .visual_in .vRoll .bg{position:absolute; left:0; top:0; width:100%; height:100vh; background-repeat:no-repeat; background-size:cover; background-position:center; -webkit-transition:transform 3000ms  ease-in-out; -moz-transition:transform 3000ms ease-in-out; -o-transition:transform 3000ms ease-in-out; -ms-transition:transform 3000ms ease-in-out; transition:transform 3000ms ease-in-out;}
.visual .visual_in .vRoll .bg .jarallax{position: relative; width: 100%; height:100%; opacity:1;}
.visual .visual_in .vRoll .bg .jarallax iframe{position: absolute;}


.visual .visual_in .vRoll .vTxt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; width:80%}
.visual .visual_in .vRoll .vTxt h3{font-family:'pop', sans-serif; margin:0 auto;color:#001b47; font-size:53px; font-weight: 400; line-height:61px;
	transition:all .6s 0.3s linear; transform:translateY(60px); opacity:0;}
.visual .visual_in .vRoll .vTxt h3 i{font-weight:900; font-size:84px;line-height:1;}
.visual .visual_in .vRoll .vTxt p{position:relative; margin:20px 0 0;color:#001b47; font-size:22px; font-weight:500;transition:all .6s 0.6s linear; transform:translateY(60px); opacity:0.8;}
.visual .visual_in .vRoll .vTxt a{display:inline-block;width:245px; height:62px;line-height:62px; background-color:#ffd800; text-align:center; border-radius:62px; font-size:23px; font-weight:600;color:#001b47;margin:50px 0 0;}

.visual .visual_in .vRoll.action .vTxt img,
.visual .visual_in .vRoll.action .vTxt h3,
.visual .visual_in .vRoll.action .vTxt p{transform:translateY(0); opacity:1;}

.visual .quickbox{width:1300px;height:145px;box-sizing:border-box;padding:35px 0;position:absolute; bottom:0;left:50%;transform: translate(-50%,0); z-index:1000;display:flex;justify-content: space-between;background-color:rgba(255,255,255,0.8);border-radius:20px;box-shadow: 1px 1px 14px rgba(104, 139, 169, 0.050) ;}
.visual .quickbox a{display:flex;align-items: center; width:25%;padding:0 35px;box-sizing:border-box;border-right:1px solid #ececec;gap:0 20px;}
.visual .quickbox a:last-child{border-right:none;}
.visual .quickbox a .icon img{transition: all .4s;}
.visual .quickbox a .tbox h4{font-size:23px; font-weight:700;color:#00377b;}
.visual .quickbox a .tbox h4 img{padding:0 0 3px 26px;transition:all .3s;}
.visual .quickbox a .tbox  p{font-size:16px; color:#8da8c3; letter-spacing: -0.03em;;}
.visual .quickbox a:hover .icon img, .visual .quickbox a:focus .icon img{transform:translate(0, -5px);}
.visual .quickbox a:hover h4 img, .visual .quickbox a:focus h4 img{padding:0 0 3px 30px;}


#main #tab-content{
    position: relative;
    min-height: 432px;
}
#main #tab-content > div {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
}
#main .tab-menu{
    display: flex;
    align-items: center;
    justify-content: center;
}
#main .tab-menu li{
    width: 170px;
    text-align: center;
}
#main .tab-menu li a{
    display: inline-block;
    box-shadow: 5px 8.7px 10px 0 rgba(0, 0, 0, 0.22);
    width: 100%;
    height: 100%;
    background-color: #594535;
    padding: 10px 0;
    font-size: 20px; 
    color: #9d8069;
}
#main .tab-menu li a.active{
    box-shadow: 5px 8.7px 10px 0 rgba(0, 0, 0, 0.22);
    background-color: #be9473;
    color: #fff;
    font-weight: 700;
}
/**** E::占쏙옙尸?占쏙옙 ****/


/* section01 */
.section01 {background:url('../img/sec01_bg.jpg') center 100% no-repeat; background-size:cover;padding:100px 0 180px;overflow-x: hidden;}
.section01  .sec01_in {max-width:1300px; margin:0 auto;}
.section01  .sec01_in h3{font-family: 'pop',sans-serif; line-height: 1; font-size: 50px; color:#233669; letter-spacing: -0.01em; margin:0 0 30px 0;text-align: center;font-weight:900;font-style: italic;}
.section01  .sec01_in > p{font-size: 20px; color:#3b4b66; letter-spacing: -0.01em; margin:0 0 80px 0;text-align: center;line-height: 36px;;}
.section01  .sec01_in ul{display: flex;justify-content: center;margin-top:-40px;}
.section01  .sec01_in ul li{margin-left:-61px;}
.section01  .sec01_in ul li.mb01{transform: translate(-15px,40px);}
.section01  .sec01_in ul li.mb02{transform: translate(-30px,75px);}
.section01  .sec01_in ul li a{display:block;font-size:22px; font-weight:600;color:#233669;}
.section01  .sec01_in ul li a .img{margin:0 0 15px 0;}
.section01  .sec01_in ul li a .txt img{padding:0 0 3px 15px;transition: all .3s;}
.section01  .sec01_in ul li.mb03 a .txt{padding-left:20px;}
.section01  .sec01_in ul li a:hover .txt img, 
.section01  .sec01_in ul li a:focus .txt img{padding:0 0 3px 22px;}



/* section02 */
.section02 {background:url('../img/sec02_bg.jpg') center 0 no-repeat; padding:130px 0 70px;}
.section02 .sec02_in {max-width: 1300px; margin:0 auto;}
.section02 .sec02_in > p{font-size: 20px; text-align: center; font-weight: 500;color: #ffffff9b;margin:0 0 20px 0;}
.section02 .sec02_in > h3{font-size: 35px; text-align: center; font-weight: 700;color: #ffffff;margin:0 0 70px 0;}
.section02 .sec02_in ul{display:flex; justify-content: center;}
.section02 .sec02_in ul > li{width: 33.3333%;box-sizing: border-box;height: 340px; padding:40px 50px;display:flex;flex-direction: column;justify-content: space-between;}
.section02 .sec02_in ul > li .top h4{font-size: 33px; color: #fff; font-weight: 800;letter-spacing: -0.02em;;}
.section02 .sec02_in ul > li .top p{font-size: 17px; color: #ffffff93;letter-spacing: -0.02em;;}
.section02 .sec02_in ul > li.box01{background:url('../img/box01.jpg') 100% 0 no-repeat #e4c207;}
.section02 .sec02_in ul > li.box02{background:url('../img/box02.jpg') 100% 0 no-repeat #0a7fa9;}
.section02 .sec02_in ul > li.box03{background:url('../img/box03.jpg') 100% 0 no-repeat #233669;}
.section02 .sec02_in ul > li.box01 .num{font-size: 30px;line-height: 40px;letter-spacing: -0.02em;font-weight: 700;color: #fff;;}
.section02 .sec02_in ul > li.box02 .num{font-size: 22px;line-height: 34px;letter-spacing: -0.02em;font-weight: 600;color: #fff;;}
.section02 .sec02_in ul > li.box03 .links {width: 100%;}
.section02 .sec02_in ul > li.box03 .links li{height: 50px; line-height: 50px; border-bottom:  1px solid rgba(255, 255, 255, 0.409);}
.section02 .sec02_in ul > li.box03 .links li:last-child{border-bottom:none;}
.section02 .sec02_in ul > li.box03 .links li a{display: block;line-height: 50px;font-size: 20px;color: #fff;font-weight: 500;background:url('../img/arrow_white.png') 95% center no-repeat;}
.section02 .sec02_in ul > li.box03 .links li a:hover, .section02 .sec02_in ul > li.box03 .links li a:focus {color:#f6db44;}





/*section 03*/
.section03  {max-width: 1300px; margin:0 auto;display:flex;justify-content: space-between;padding:0 0 100px;}
.section03  .board{width:630px;position:Relative;box-shadow: 1px 1px 14px rgba(104, 139, 169, 0.20) ;padding:40px;}
.section03  .board h3{font-size: 33px;color: #00377b; letter-spacing: -0.01em;;margin:0 0 15px 0;}
.section03  .board a.more {position:absolute;top:33px; right:45px;font-size:35px; font-weight: 700;color:#000000; ;}

.section03  .board ul {border-top:1px solid #00377b;}
.section03  .board ul li{border-bottom:1px solid #ddd; height:70px; line-height: 70px;position:relative;padding:0 20px;}
.section03  .board ul li:last-child{border:none;}
.section03  .board ul li a{display:inline-block; width:70%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size: 19px; color:#000; font-weight: 600; line-height: 70px;;}
.section03  .board ul li a .lock_icon{padding:0 0 5px 6px;}
.section03  .board ul li a:hover{color: #00377b;}
.section03  .board ul li .date{font-size: 17px; color:#c0c6c8; position:absolute;right:20px; top:24px;;}







/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1240px){


#fp-nav{display:none !important; z-index:9999999 !important;}
.visual .visual_in .slick-prev{left:30px;}
.visual .visual_in .slick-next{right: 30px;;}

.visual .visual_in .vRoll .vTxt h3{font-size: 35px;line-height: 46px;}
.visual .visual_in .vRoll .vTxt h3 i{    font-size: 64px;}
.visual .visual_in .vRoll .vTxt p{font-size:19px;}
.visual .visual_in .vRoll .vTxt a {width: 225px; height: 52px; line-height: 52px;font-size: 20px;}

.visual .quickbox{width:96%;    height: 125px;}
.visual .quickbox a{padding:0 22px;}
.visual .quickbox a .icon img{width:45px;}
.visual .quickbox a .tbox h4{font-size:21px;}
.visual .quickbox a .tbox h4 img { padding: 0 0 3px 12px; width: 28px;}
.visual .quickbox a .tbox p{font-size:14px;}

.section01 .sec01_in ul li a .img img{width:320px;}
.section02 .sec02_in{padding:0 20px;}

}

/*******************************************************************************
    @media  ~980px                
*******************************************************************************/
@media all and (max-width:980px){


	.section .fp-tableCell{vertical-align:top !important; height:auto !important; display:block; }


	.eTit{font-size: 0.88889rem; }
	.mainTit{font-size: 2.2rem;}


	.visual{height:680px;}
	.visual .vRoll{height:680px;}
	.visual .visual_in .vRoll .bg{height:680px;background-position: center 100%;}
	.visual .visual_in .vRoll .vTxt{top:43%;}
	.visual .visual_in .vRoll .vTxt h3{font-size: 30px;line-height: 40px;}
	.visual .visual_in .vRoll .vTxt h3 i{font-size:55px;}
	.visual .visual_in .vRoll .vTxt p{font-size:16px;}
	.visual .visual_in .vRoll .vTxt a {width: 200px; height: 45px; line-height: 45px;font-size: 20px;}
	.visual .quickbox{flex-wrap:wrap; height:auto;padding: 30px 0;gap: 25px 0;}
	.visual .quickbox a{width:50%;padding:0 28px;}
	.visual .quickbox a .tbox h4{font-size:18px;}

	.section01{    padding: 80px 20px 150px;}
	.section01 .sec01_in h3{font-size: 40px;}
	.section01 .sec01_in > p{font-size: 17px;line-height: 32px;}
	.section01 .sec01_in > p br{display:none;}
	.section01 .sec01_in ul li{width:33%;margin-left:0;}
	.section01 .sec01_in ul li a{font-size:19px;}
	.section01 .sec01_in ul li a .img img{width:100%;}
	.section01 .sec01_in ul li.mb01{transform: translate(30px, 20px);}
	.section01 .sec01_in ul li.mb02{transform: translate(1px, 45px);}
	.section01 .sec01_in ul li.mb03 a .txt{padding-left:0;}

	.section02 .sec02_in > p{font-size:16px;}
	.section02 .sec02_in > h3 {font-size: 25px;line-height: 35px;margin: 0 0 50px 0;}
	.section02 .sec02_in ul{flex-wrap:wrap}
	.section02 .sec02_in ul li{width:100%;}
	.section02 .sec02_in ul > li{height:300px;}
	.section02 .sec02_in ul > li .top h4{    font-size: 28px;}
	.section02 .sec02_in ul > li .top p{font-size: 15px;}
	.section02 .sec02_in ul > li.box01 .num{font-size: 25px;line-height: 33px;}
	.section02 .sec02_in ul > li.box02 .num{font-size:18px;line-height:30px;}
	.section02 .sec02_in ul > li.box03 .links li a{font-size:18px;}

	.section03{padding:0 20px 100px;display:block;}
	.section03 .board{width:auto;margin:0 0 30px 0;}
	.section03 .board h3{    font-size: 25px;}
	.section03 .board a.more{ top: 37px;font-size: 25px;}
	.section03 .board ul li {line-height: 60px;height: 60px;}
	.section03 .board ul li a{font-size: 16px;line-height: 60px;}
	.section03 .board ul li .date{font-size: 14px;}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

#topgo{display:none !important;}

	.visual .visual_in .vRoll .vTxt h3 i{font-size:38px;}
	.visual .visual_in .vRoll .vTxt h3 {font-size: 25px;line-height: 32px;}
	.visual .visual_in .vRoll .bg {background-position: 65% 100%;}
	.visual .visual_in .slick-next{background-size: 100% 100%;right:10px;}
	.visual .visual_in .slick-prev{background-size: 100% 100%;left:10px;}



}
/*******************************************************************************
    @media ~480px                
*******************************************************************************/
@media all and (max-width:480px){
	.visual{height:95vh;}
	.visual .vRoll{height:95vh;}
	.visual .visual_in .vRoll .bg{height:95vh;}
	.visual .quickbox a{align-items: flex-start;flex-direction: column;gap: 10px;}
	.visual .quickbox a .icon img{width: 35px;}
	.visual .visual_in .vRoll .vTxt{width:85%;top:37%;padding:0;}
	.visual .visual_in .vRoll .vTxt h3 i{font-size:34px;}
	.visual .visual_in .vRoll .vTxt h3 {font-size: 22px;line-height: 28px;}
	.visual .visual_in .vRoll .vTxt a {width: 170px;font-size: 18px;}
	.section01 {padding:80px 20px 70px;}
	.section01 .sec01_in h3 {font-size: 33px;}
	.section01 .sec01_in > p {font-size: 16px;line-height: 28px;}
	.section01 .sec01_in ul {flex-direction:column;}
	.section01 .sec01_in ul li{width:80%; margin: 0 auto 15px;}
	.section01 .sec01_in ul li.mb01{transform:translate(0,0);}
	.section01 .sec01_in ul li.mb02{transform:translate(0,0);}
	.section02{padding:70px 0;}
	.section02 .sec02_in > h3{font-size: 21px;line-height: 29px;}
	.section02 .sec02_in ul > li {padding: 30px;height:auto;}
	.section02 .sec02_in ul > li .top{margin:0 0 50px 0;}
	.section02 .sec02_in ul > li .top h4{font-size: 24px;}
	.section02 .sec02_in ul > li.box02 .num{font-size:17px;letter-spacing:-0.03em;}
	.section03 {padding:0 20px 60px;}
	.section03 .board{padding:25px;}
	.section03 .board ul li{padding:0;}
	.section03 .board ul li a{width:60%;}
	.section03 .board ul li .date{font-size:12px;right: 0;top: 22px;}


}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){



}