@charset "utf-8";
/*****************************************
	* 메인페이지
	main-conts.css
	2025.05.30
******************************************/

html{scroll-behavior: smooth;} /* 화면스크롤 이동시 부드럽게*/

.body-bg-white{ background: #ffffff;}

/* ****************** layout (비회원 메인 및 서브 레이아웃) ********************** */
#main-wrap {overflow:hidden; width:100%; min-width:320px; position:relative; word-break: keep-all;}

#main-header{position:relative;	width:100%;height:70px; border-bottom:1px solid #eee; -webkit-transition:all 0.3s; transition:all 0.3s; background-color: rgba(255, 255, 255, 1); z-index:9999; }
/* 스크롤시 헤더 고정 */
#main-header.scrollactive { position: fixed; top:0; left:0; background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px);}

#main-headerInnerWrap{position:relative; max-width:1120px; height:100%; margin:0 auto; padding:0; display:flex; justify-content:space-between; box-sizing:border-box;}

/* **********************
	* header gnb menu
********************** */
.main-top-logo{min-width:250px; padding: 0 0 0 0; display: flex; align-items: center; box-sizing:border-box;}
.main-top-logo a{height:100%; display: flex; align-items: center;}
.main-top-logo a img{max-height:40px;}

.main-header-util-menu{position:relative; margin-left:auto; display: flex; align-items: center; }
.main-header-util-menu button{margin-left:12px;}
.main-header-util-menu button:first-child{margin-left:0;}

.join-btn{background:#2D3F57; color:#ffffff; font-weight:500; width:70px;}
.join-btn:hover{background:#445771;}
.login-btn{font-weight:500; width:70px;}
.login-btn:hover{border-color:#2D3F57; color:#2D3F57}


@media all and ( max-width: 800px ){
	#main-headerInnerWrap{padding:0 10px; justify-content:space-around;}
	.main-top-logo { min-width: 200px;}
	.main-header-util-menu button{margin-left:6px;}
	.login-btn,
	.join-btn{width:auto; font-size:11px !important;padding:0 6px !important;}
}


/* ****************** 메인 컨텐츠 ********************** */
.inner-basic{max-width:1200px; margin:0 auto;}
.inner-basic-small{max-width:1120px; margin:0 auto;} 
.inner-full{width:100%;}

.main-container{position:relative;}

.main-section1{ position:relative; width:100%; height:700px; overflow:hidden; box-sizing:border-box; }
.main-section1:before {content:"";position:absolute;top:0; left:0; width:100%; height:100%; background:url(../img/main/main_section01_bg.png) no-repeat center/cover; z-index:1;
	-webkit-animation: kenburns-top 5s ease-out both;
	        animation: kenburns-top 5s ease-out both;
}
/** ----------------------------------------
 * animation kenburns-top
 * --------------------------------------- */
@-webkit-keyframes kenburns-top {
  0% {
	-webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
	opacity:0.7;
  }
  100% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
    opacity:1;
  }
}
@keyframes kenburns-top {
  0% {
	-webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
	opacity:0.7;
  }
  100% {
	  -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
	opacity:1;
    
  }
}

.main-conts{position:relative; text-align:left; z-index:99; }
.main-txt-inner{position:relative; display:block; z-index:33;}

.main-conts .mtitle-text{padding:140px 0 0 0;font-size:52px;line-height:1.3; font-weight:600; color:#fff;}
.main-conts .mtitle-text2{padding:0 0 0 0;font-size:50px; line-height:1.3; font-weight:600; color:#fff; font-family: 'Chillax';}
.main-conts .subtitle-text{margin-top:20px; font-size:24px;line-height:1.3; font-weight:400; color:#fff;}

.main-conts .mtitle-topbtn{margin:56px 0 59px;}
.main-conts .mtitle-topbtn button{ -webkit-box-shadow: 0px 1px 8px 1px rgba(29, 32, 38, 0.1); box-shadow: 0px 1px 8px 1px rgba(29, 32, 38, 0.1);}

.main-conts .mtitle-topbtn .btn-maintop{width:240px; height:54px; font-size:20px; border: 2px solid #FFFFFF; color:#ffffff; border-radius: 100px;}
.main-conts .mtitle-topbtn .btn-maintop:hover{background: #ffffff;color:#0C75E1;}

.main-conts .mainvisual-icon{position:absolute; right:-180px; top:120px; max-width:552px; z-index:1;}
.main-conts .mainvisual-icon img{max-width:100%;}

@media all and (max-width:1160px){ 
	/* section1 */
	.main-txt-inner{padding-left:24px;}
	.main-conts .mainvisual-icon{right:-110px; top:210px; max-width:600px;}
	.main-conts .mainvisual-icon img{max-width:80%;}
}

@media all and (max-width:1160px){ 
	/* section1 */
	.main-conts .mainvisual-icon{right:-140px; top:210px; max-width:600px;}
	.main-conts .mainvisual-icon img{max-width:70%;}
}

@media all and (max-width:800px){ 
	/* section1 */
	.main-section1{height:900px;}
	.main-section1:before{height:900px;}
	
	.main-txt-inner{padding-left:0 !important;}
	.main-section1 .main-conts{text-align:center;}
	.main-conts .mtitle-text{padding:120px 0 0 0; font-size:42px; }
	.main-conts .mtitle-text2{font-size:42px; }
	.main-conts .subtitle-text{font-size:20px;}
	
	.main-txt-inner{padding-left:24px;}
	.main-conts .mainvisual-icon{position: relative; text-align:center; right:auto; top:auto; max-width:100%;}
	.main-conts .mainvisual-icon img{max-width:70%;}
}
@media all and (max-width:480px){ 
	/* section1 */
	.main-section1{height:auto;}
	.main-section1:before{height:100%;}
	
	.main-conts .mtitle-text{font-size:30px; }
	.main-conts .mtitle-text2{font-size:30px; }
	.main-conts .subtitle-text{font-size:16px;}
	
	.main-conts .mtitle-topbtn{margin:30px 0 30px;}
	
	.main-conts .mainvisual-icon img{max-width:80%; margin-top:0; margin-bottom:30px;}
}


/* 랜딩 메인 타이틀 관련*/
.section-title .title-m{font-size:48px; font-weight:700; color:#111;  line-height:1.3;}
.section-title .title-s{font-size:28px; font-weight:400; color:#333; line-height:1.3;}
.section-title .title-m + .title-s{margin-top:10px;}
@media all and ( max-width: 800px ){
	/* 랜딩 메인 타이틀 관련 */
	.section-title .title-m{font-size:28px;}
	.section-title .title-s{font-size:18px;}
}

.section-title{text-align:center;}

/************* 랜딩 페이지 메인 섹션2 *************/
.main-section2{position:relative; padding:120px 0;}

.main-section2 .main-section2-items ul{display: flex; margin-top: 50px; justify-content: space-between; flex-direction: row;}
.main-section2 .main-section2-items ul li{position:relative; width: calc(33% - 25px); height:347px; margin-right:50px; padding:60px 20px 0 20px; }
.main-section2 .main-section2-items ul li{position:relative; box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.08); border-radius: 10px 50px; text-align:center; color:#fff;}
.main-section2 .main-section2-items ul li:last-child{margin-right:0;}

.main-section2 .main-section2-items ul li:nth-child(1){background: linear-gradient(326.18deg, #5FF0F0 0%, #41A3D4 38.06%);}
.main-section2 .main-section2-items ul li:nth-child(1):after{content:""; width:42px; height:46px; position:absolute; right:-46px; top:45%; background: url(../img/main/main_section02_arrow01.svg) center/contain no-repeat;}
.main-section2 .main-section2-items ul li:nth-child(2){background: linear-gradient(327.3deg, #78C7FF 0%, #2581D8 38.28%);}
.main-section2 .main-section2-items ul li:nth-child(2):after{content:""; width:42px; height:46px; position:absolute; right:-46px; top:45%; background: url(../img/main/main_section02_arrow02.svg) center/contain no-repeat;}
.main-section2 .main-section2-items ul li:nth-child(3){background: linear-gradient(326.18deg, #78D7FF 0%, #3C9AF3 36.79%);}

.main-section2 .main-section2-items ul li:nth-child(1) .ellipse-txt{border-color: #3FB1EA; color: #46AFFA;}
.main-section2 .main-section2-items ul li:nth-child(2) .ellipse-txt{border-color: #2581D8; color: #2D7CC7;}
.main-section2 .main-section2-items ul li:nth-child(3) .ellipse-txt{border-color: #4DA1EF; color: #4DA1EF;}

.ellipse-txt{position: absolute; top:-28px; left:50%; margin-left:-28px; width: 56px; height: 56px; background: #FFFFFF; border: 8px solid; border-radius:50px; display:flex; align-items:center; justify-content:center; font-weight: 700; font-size: 20px; }

.main-section2 .main-section2-items .main-txt{font-size:32px; font-weight:700;}
.main-section2 .main-section2-items .sub-txt{display:block; font-size:20px; font-weight:400; margin-top:16px;}

.main-section2 .main-section2-items ul li:nth-child(1) .ms2-icon-img{padding-top:30px; margin-left:-30px;}
.main-section2 .main-section2-items ul li:nth-child(1) .ms2-icon-img img{max-width:150px;}
.main-section2 .main-section2-items ul li:nth-child(2) .ms2-icon-img{padding-top:50px;}
.main-section2 .main-section2-items ul li:nth-child(2) .ms2-icon-img img{max-width:150px;}
.main-section2 .main-section2-items ul li:nth-child(3) .ms2-icon-img{padding-top:35px;}
.main-section2 .main-section2-items ul li:nth-child(3) .ms2-icon-img img{max-width:150px;}

@media all and ( max-width: 1024px ){
	.main-section2 .main-section2-items .main-txt{font-size:28px;}
	.main-section2 .main-section2-items .sub-txt{font-size:18px;}
	
	.main-section2 .main-section2-items ul li{width: calc(33% - 18px); margin-right:36px; }
	.main-section2 .main-section2-items ul li:nth-child(1):after,
	.main-section2 .main-section2-items ul li:nth-child(2):after{right:-32px;}
	
	.main-section2 .main-section2-items ul li:nth-child(1):after,
	.main-section2 .main-section2-items ul li:nth-child(2):after{width:30px; height:30px;}
}
@media all and ( max-width: 800px ){
	.main-section2 .inner-basic{padding:0 24px;}
	.main-section2 .inner-basic-small{padding:0 24px;} 
	.main-section2 .inner-full{padding:0 24px;}

	.main-section2 .main-section2-items ul{flex-direction: column;}
	.main-section2 .main-section2-items ul li:first-child{margin-top:0;}
	.main-section2 .main-section2-items ul li{width: 100%; height:auto; margin-right:0; margin-top:60px; padding-top:50px;}
	
	.main-section2 .main-section2-items ul li:nth-child(1):after{transform: rotate(90deg); left:50%; right:auto; top:auto; bottom:-30px; margin-left:-15px;}
	.main-section2 .main-section2-items ul li:nth-child(2):after{transform: rotate(90deg); left:50%; right:auto; top:auto; bottom:-30px;  margin-left:-15px;}
	
	.main-section2 .main-section2-items .main-txt{font-size:26px;}
	.main-section2 .main-section2-items .sub-txt{font-size:16px;}
	
	.main-section2 .main-section2-items ul li:nth-child(1) .ms2-icon-img{padding-top:20px;}
	.main-section2 .main-section2-items ul li:nth-child(1) .ms2-icon-img img{max-width:110px;}
	.main-section2 .main-section2-items ul li:nth-child(2) .ms2-icon-img{padding-top:25px;padding-bottom:10px;}
	.main-section2 .main-section2-items ul li:nth-child(2) .ms2-icon-img img{max-width:110px;}
	.main-section2 .main-section2-items ul li:nth-child(3) .ms2-icon-img{padding-top:20px;padding-bottom:10px;}
	.main-section2 .main-section2-items ul li:nth-child(3) .ms2-icon-img img{max-width:110px;}
}


/************* 랜딩 페이지 메인 섹션3 *************/
.main-section3{position:relative; padding:60px 0 180px;}
.main-section3:before{content:""; position:absolute; top:-300px; right:0; width:362px; height:880px; background:url(../img/main/main_section02_bg02.png) center/contain no-repeat;}
@media all and (max-width: 1024px) {
	.main-section3:before{display:none;}
}
.main-section3-slide {margin:50px 0 0 0;}
/*-------------Swiper 관련-------------*/
.main-section3-Swiper {
    width: 100%;
    height: 513px;
    position: relative;
    overflow: hidden;
    z-index: 1;
	background: #ffffff;
	border:1px solid #dddddd;
	box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.07);
	border-radius: 20px;
}
.main-section3-Swiper .swiper-slide {
    box-sizing: border-box;
}
/* Swiper 버튼 커스터마이징 */
.swiper-button-next,
.swiper-button-prev {
    transform: scale(0.8);
    opacity: 0.5;
    color: #aaa;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1;
}
/* 탭 영역 */
.main-section3-tabwrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.main-section3-tabwrap ul {
	width:100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.ms3-slide-tab-item {
    flex: 1 1 auto;
    position: relative;
    width: 25%;
    margin-bottom: 20px;
    min-height: 90px;
}
.ms3-slide-tab-item:nth-child(4),
.ms3-slide-tab-item:last-child {
    margin-right: 0;
}
.ms3-slide-tab-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    font-weight: 600;
    font-size: 18px;
}
.ms3-slide-tab-item a span{display:inline-block; margin-top:-10px;}
.ms3-slide-tab-item.step-bg01{z-index:10; }
.ms3-slide-tab-item.step-bg02{z-index:9; margin-left:-40px;}
.ms3-slide-tab-item.step-bg03{z-index:8; margin-left:-40px;}
.ms3-slide-tab-item.step-bg04{z-index:7; margin-left:-40px;}

.ms3-slide-tab-item.step-bg01 a{color:#b6deff; background:url(../img/main/main_section03_step_bg01.svg) center/contain no-repeat;}
.ms3-slide-tab-item.step-bg01 a.active{background:url(../img/main/main_section03_step_bg01_on.svg) center/contain no-repeat;}

.ms3-slide-tab-item.step-bg02 a{color:#b6deff; background:url(../img/main/main_section03_step_bg02.svg) center/contain no-repeat;}
.ms3-slide-tab-item.step-bg02 a.active{background:url(../img/main/main_section03_step_bg02_on.svg) center/contain no-repeat;}

.ms3-slide-tab-item.step-bg03 a{color:#a4cbf4 ;background:url(../img/main/main_section03_step_bg03.svg) center/contain no-repeat;}
.ms3-slide-tab-item.step-bg03 a.active{background:url(../img/main/main_section03_step_bg03_on.svg) center/contain no-repeat;}

.ms3-slide-tab-item.step-bg04 a{color:#b6deff; background:url(../img/main/main_section03_step_bg04.svg) center/contain no-repeat;}
.ms3-slide-tab-item.step-bg04 a.active{background:url(../img/main/main_section03_step_bg04_on.svg) center/contain no-repeat;}

.ms3-slide-tab-item a.active {
    color: #fff;
    font-weight: 700;
	font-size:20px;
}
/* 포인트 배경 스타일 */
.ms3-slide-tab-item a.point-bg {
    position: relative;
}
.ms3-slide-tab-item a.point-bg.active,
.ms3-slide-tab-item a.point-bg.active:hover {
    color: #fff;
    font-weight: 600;
}
.ms3-slide-tab-item a.point-bg .icon-new {
    position: absolute;
    display: block;
    top: 0;
    left: 24px;
    width: 36px;
    height: 36px;
    background: url(../img/main/kexpense_section02_ico_bg.svg) 0 0 no-repeat;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    padding-top: 5px;
    padding-left: 3px;
}
.ms3-slide-tab-item .icon {
    width: 36px;
    height: 36px;
    max-width: 100%;
	margin-right:6px;
}
/* 상세 설명 박스 */
.slide-tab-detail {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    min-height: 220px;
    padding: 30px 40px 0 30px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-sizing: border-box;
}
.slide-tab-detail .img-box {
    width: 69%;
	max-width:720px;
	max-height:406px;
    text-align: center;
	border-radius:10px;
	background:#fff;
	border:1px solid #ddd; 
	overflow:hidden;
}
.slide-tab-detail .text-box {
    width: calc(31% - 10px);
    text-align: left;
    padding-left: 40px;	
}
.slide-tab-detail .text-box .mtitle-text {
    font-size: 32px;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 12px;
    font-weight: 700;
	color:#0C75E1;
}
.slide-tab-detail .text-box .sub-text {
    font-size: 20px;
    text-align: left;
	line-height: 1.3;
}
.slide-tab-detail .img-box img {
    max-width: 720px;
}
@media all and (max-width: 1120px) {
	 .main-section3-Swiper {
        height: auto;
    }
    .slide-tab-detail {
		padding: 20px 40px 30px 40px;
    }
	.slide-tab-detail .text-box {
		padding-left: 10px;	
	}
	.slide-tab-detail .text-box .mtitle-text {
		font-size: 28px;
		text-align: left;
		line-height: 1.4;
		margin-bottom: 12px;
		font-weight: 700;
		color:#0C75E1;
	}
	.slide-tab-detail .text-box .sub-text {
		font-size: 15px;
		text-align: left;
		line-height: 1.3;
	}
	.slide-tab-detail .img-box img {
		max-width: 100% !important;
	}
}

.swiper-progressbar-custom {
    position: relative;
    height: 6px;
    width: 100%;
    background-color: #e0e0e0;
    margin-bottom: 12px;
    overflow: hidden;
    border-radius: 2px;
}

.swiper-progressbar-fill {
    height: 100%;
    background-color: #0C75E1;
    width: 0%;
    transition: width 0.3s ease;
}
.swiper-button-next,
.swiper-button-prev {
    transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
    padding:0 15px !important;
    border-radius:5px !important;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 20px !important;
}
/* 반응형 - 모바일 대응 */
@media all and (max-width: 800px) {
	:root {
    	--swiper-navigation-size: 22px !important;
	}
	.main-section3 .inner-basic{padding:0 24px;}
	.main-section3 .inner-basic-small{padding:0 24px;} 
	.main-section3 .inner-full{padding:0 24px;}
	
    .main-section3-Swiper {
        height: auto;
    }
    .main-section3-tabwrap {
        display: none;
    }
    .ms3-slide-tab-item a {
        font-size: 14px;
        padding: 8px;
    }
    .slide-tab-detail {
        flex-direction: column;
        flex-wrap: wrap;
        /*min-height: 330px;*/
        align-content: center;
		padding: 20px 40px 30px 40px;
    }
    .slide-tab-detail .img-box {
        width: 100% !important;
        margin: 20px auto 0;
        padding: 0;
    }
	.slide-tab-detail .img-box img {
		max-width: 100%;
	}
    .slide-tab-detail .text-box {
        width: 100% !important;
        margin: 0 auto;
        padding: 0 0;
    }
	.slide-tab-detail .text-box .mtitle-text {
		font-size:24px;
    }
	.slide-tab-detail .text-box .sub-text  {
		font-size:16px;
    }
}
@media all and (max-width: 480px) {
	.main-section3{position:relative; padding:20px 0 100px;}
}

/************* 랜딩 페이지 메인 섹션4 *************/
.main-section4{position:relative; padding:140px 0 190px; background:#E6F2FF;}
.taxlink-intro{margin-top:40px;}
.taxlink-intro ul{display:flex; flex-wrap: wrap;}
.taxlink-intro ul li{display:flex; flex-wrap: nowrap;  width: calc(50% - 10px); min-height:180px; padding:40px 20px 40px 30px; margin-right:20px; margin-bottom:36px; background: #FFFFFF; box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.07); border-radius: 20px; box-sizing:border-box;}
.taxlink-intro ul li:nth-child(2),
.taxlink-intro ul li:last-child{margin-right:0;}

.taxlink-intro ul li:nth-child(1){margin-left:-64px;}

.taxlink-intro .img-box{width: calc(25% - 16px); margin-right:16px; text-align:center; padding:0;}
.taxlink-intro .text-box{width:75%;text-align:left;  margin:0; padding:0; line-height:1.2}
.taxlink-intro .text-box p{font-size:24px; font-weight:700; color:#000000; margin-bottom:10px;}
.taxlink-intro .text-box span{display:block; font-size:16px;}

.taxlink-intro ul li:nth-child(1) .img-box img{max-width:106px; margin-top:-10px;}
.taxlink-intro ul li:nth-child(2) .img-box img{max-width:108px; margin-top:-5px;}
.taxlink-intro ul li:nth-child(3) .img-box img{max-width:90px;}
.taxlink-intro ul li:nth-child(4) .img-box img{max-width:89px;}

.taxlink-intro-result{position:relative; height: 257px; display:flex;justify-content: center; align-items: center; background: linear-gradient(274.37deg, #4DCCEF 1%, #1892EA 50.5%, #0C75E1 100%); box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2); border-radius: 10px 100px; box-sizing:border-box;}
.taxlink-intro-result p{text-align:center; line-height:1.3; font-size:28px; font-weight:600; color:#ffffff; z-index:2;}
.taxlink-intro-result-img{position:absolute; right:30px; top:25%; display:block; max-width:161px;z-index:1;}
.taxlink-intro-result-img img{max-width:100%;}

.main-section4 .arrow-down{ text-align:center; margin:-20px 0 5px;}
@media all and (max-width: 1200px) {
	.taxlink-intro ul li:nth-child(1){margin-left:0px;}
	
	.taxlink-intro .text-box p{font-size:20px;}
	.taxlink-intro .text-box span{font-size:14px;}
	
	.taxlink-intro ul li:nth-child(1) .img-box img{max-width:96px; margin-top:-10px;}
	.taxlink-intro ul li:nth-child(2) .img-box img{max-width:98px; margin-top:-5px;}
	.taxlink-intro ul li:nth-child(3) .img-box img{max-width:80px;}
	.taxlink-intro ul li:nth-child(4) .img-box img{max-width:79px;}
	
	.taxlink-intro-result{font-size:24px; padding:40px; border-radius: 10px 80px; }
	.taxlink-intro-result-img{top:35%;}
	.taxlink-intro-result-img img{max-width:80%;}
}
@media all and (max-width: 1024px) {
	.taxlink-intro ul li:nth-child(1) .img-box img{max-width:86px; margin-top:-10px;}
	.taxlink-intro ul li:nth-child(2) .img-box img{max-width:88px; margin-top:-5px;}
	.taxlink-intro ul li:nth-child(3) .img-box img{max-width:70px;}
	.taxlink-intro ul li:nth-child(4) .img-box img{max-width:69px;}
}

@media all and (max-width: 800px) {
	.main-section4{padding:100px 0 100px;}
	.main-section4 .inner-basic{padding:0 24px;}
	.main-section4 .inner-basic-small{padding:0 24px;} 
	.main-section4 .inner-full{padding:0 24px;}
	
	.taxlink-intro ul li{width:100%; margin-right:0; min-height:auto;padding:30px 20px 30px 20px;margin-bottom:20px;}
	
	.taxlink-intro .text-box p{font-size:20px;}
	.taxlink-intro .text-box span{font-size:14px;}
	
	.taxlink-intro ul li:nth-child(1) .img-box img{max-width:70px; margin-top:0;}
	.taxlink-intro ul li:nth-child(2) .img-box img{max-width:70px; margin-top:0;}
	.taxlink-intro ul li:nth-child(3) .img-box img{max-width:70px;}
	.taxlink-intro ul li:nth-child(4) .img-box img{max-width:70px;}
	
	.taxlink-intro-result{height: 230px;}
	.taxlink-intro-result p{font-size:18px; }
	.taxlink-intro-result-img img{opacity:0.5;}
}

@media all and (max-width: 640px) {
	.taxlink-intro ul li{display:flex; flex-direction: column;}
	.taxlink-intro .img-box{width: 100%; text-align:center;}
	.taxlink-intro .text-box{width:100%; text-align:center; margin-top:10px;}
	
	.taxlink-intro-result{height: auto;}
	.taxlink-intro-result p{font-size:16px; }
	.taxlink-intro-result-img img{opacity:0;}
}


/* 랜딩 페이지 메인 섹션5 */
.main-section5{position:relative; display: flex; justify-content: center; align-items: center; min-height:297px; padding:60px 0; background: url(../img/main/main_section05_bg.svg) center/cover no-repeat;}
.main-section5 .section-title .title-m{position:relative; color:#ffffff !important; font-size:42px !important;  z-index:2;}

.ms5-right-img{display:block; position:absolute; right:16%; bottom:6%; max-width:250px; z-index:1;}
.ms5-right-img img{max-width:100%;}

@media all and (max-width: 1280px) {
	.ms5-right-img{right:2%; bottom:6%;}
	.ms5-right-img img{ opacity:0.5;}
}

@media all and (max-width: 800px) {
	.main-section5 .inner-basic{padding:0 24px;}
	.main-section5 .inner-basic-small{padding:0 24px;} 
	.main-section5 .inner-full{padding:0 24px;}
	
	.main-section5 .section-title .title-m{font-size:28px !important;}
}

@media all and (max-width: 480px) {
	.main-section5 .section-title .title-m{font-size:22px !important;}
}


/************* 랜딩 페이지 메인 섹션6 *************/
.main-section6{position:relative; padding:30px 0 100px;}

.inquire-form-wrap{position:relative; max-width:664px; margin:0 auto; box-sizing:border-box;}
.inquire-form-wrap .inquire-form-inner{position:relative; max-width:100%; margin:0 auto;}
.inquire-form-wrap .inquire-form-inner ul{display:flex; justify-content:space-between; margin:0 0 15px 0;}
.inquire-form-wrap .inquire-form-inner ul li{width: calc(50% - 30px); padding:7px 0 7px; }
.inquire-form-wrap .inquire-form-inner input[type="text"]{height:40px;}
.inquire-form-wrap .inquire-form-inner label{display:block; color: #2D3F57; font-weight:bold; padding-bottom:5px;}

.inquire-form-wrap .inquire-form-inner ul.column1{display:block;}
.inquire-form-wrap .inquire-form-inner ul.column1 li{width:100%; display:flex; align-items:center; justify-content:space-between; padding:0 0 7px;}
.inquire-form-wrap .inquire-form-inner ul.column1 li:first-child{padding:7px 0 0;}
.inquire-form-wrap .inquire-form-inner ul.column1 li > span.col:first-child{flex-grow: 0;}
.inquire-form-wrap .inquire-form-inner ul.column1 li > span.col:last-child{flex-grow: 1;}
.inquire-form-wrap .inquire-form-inner ul.column1 li .cm-radiobox label{}
.inquire-form-wrap .inquire-form-inner ul.column1 li .cm-checkbox label{ display:inline-block;padding-bottom:0 !important;}
.inquire-form-wrap .inquire-form-inner ul.column1 li > textarea{height:130px;}

.inquire-form-wrap .agree-check{position:relative; max-width:100%; margin:0 auto;display:flex; align-items:center; justify-content:space-between;}
.inquire-form-wrap .agree-check label{font-size:14px; font-weight:600; display:inline-block; color: #333333; margin-top:-2px}
.inquire-form-wrap .agree-check label em{font-weight:bold;}
.inquire-form-wrap .agree-check span.col:first-child{flex-grow: 1;}
.inquire-form-wrap .agree-check span.col:last-child{flex-grow: 0;}

.inquire-form-wrap .btn-inquire{width:180px; height:53px; font-size:16px; font-weight:600; border-radius:50px; background:#0C75E1; border-color:#0C75E1}
.inquire-form-wrap .btn-inquire:hover{background:#046CD7; border-color:#046CD7}

/* 도입문의 약관 박스 */
.main-agree-text-box{ position:relative; max-width:100%; margin:10px auto 20px; padding:18px 20px;  background:#EEEEEE; border-radius:10px; box-sizing:border-box;}
.main-agree-text-box ul li{padding:3px 0px; font-size:13px;}

@media all and ( max-width: 1024px ){
	/* --- section6 :: 도입문의 --- */	
	.inquire-form-wrap .inquire-form-inner ul li{width: calc(50% - 10px);}
}
@media all and ( max-width: 800px ){
	/* --- section6 :: 문의사항 --- */	
	.main-section6 .inner-basic{padding:0 24px;}
	.main-section6 .inner-basic-small{padding:0 24px;} 
	.main-section6 .inner-full{padding:0 24px;}
	
	.main-section6{position:relative; padding:20px 0 80px;}
	
	.inquire-form-wrap{padding:10px 30px;}
	.inquire-form-wrap .inquire-form-inner ul{flex-direction: column; flex-wrap:wrap; margin:0 0 0 0;}
	.inquire-form-wrap .inquire-form-inner ul li{width:100%;}
	
	.inquire-form-wrap .inquire-form-inner ul.column1 li:first-child{margin-bottom:0;}
	.inquire-form-wrap .inquire-form-inner ul.column1 li:last-child{margin-bottom:10px;}
	.inquire-form-wrap .inquire-form-inner ul li{margin-bottom:10px;}
	
	.inquire-form-wrap .agree-check{margin-top:10px;}
}
@media all and ( max-width: 480px ){
	/* --- section6 :: 문의사항 --- */	
	.inquire-form-wrap{padding:16px 0px 30px;}
	.inquire-form-wrap .inquire-form-inner ul.column1 li{align-items:stretch; flex-direction: column; flex-wrap:wrap; justify-content : flex-start; padding:0 0 7px;}
	.inquire-form-wrap .inquire-form-inner ul.column1 li > span.col{flex-grow: 1;}
	.inquire-form-wrap .inquire-form-inner ul.column1 li > span.col:first-child{padding-bottom:7px;}
	
	.inquire-form-wrap .agree-check{align-items:stretch; flex-direction: column;}
	.inquire-form-wrap .agree-check label{font-size:13px;}
}


/************* 랜딩 페이지 메인 섹션7 ***********/
.main-section7{position:relative; padding:90px 0; background:#F4F4F4;}

.customer-con{margin-top:45px;}
.customer-con ul{display:flex; justify-content: space-between;}
.customer-con ul li{display:flex; align-items: center; width:calc(33% - 24px); margin-right:49px; padding:20px 20px 20px 40px; background: #FFFFFF; border: 1px solid #F4F4F4; box-shadow: 0px 1px 27px rgba(0, 0, 0, 0.07); border-radius: 10px;}
.customer-con ul li:last-child{margin-right:0;}

.customer-con li .img-box{width:69px; height:69px; background: #DDF0FD; display:flex; align-items:center;justify-content: center; margin-right:16px; text-align:center; padding:0; border-radius:20px; box-sizing:border-box;}
.customer-con li .text-box{width:75%;text-align:left;  margin:0; padding:0; line-height:1.2}
.customer-con li .text-box p{font-size:16px; color:#444;}
.customer-con li .text-box span{display:block; font-size:18px; font-weight:700; color:#000; margin-top:3px;}

@media all and (max-width: 800px) {
	.main-section7 .inner-basic{padding:0 24px;}
	.main-section7 .inner-basic-small{padding:0 24px;} 
	.main-section7 .inner-full{padding:0 24px;}
	
	.customer-con ul{ flex-wrap: wrap}
	.customer-con ul li{width:100%; margin-right:0; margin-bottom:20px; padding:20px;}
	.customer-con ul li:last-child{margin-bottom:0;}
	
	.customer-con li .text-box p{font-size:14px;}
	.customer-con li .text-box span{font-size:16px; }
}


/**********************************************
			        footer
**********************************************/
#footer-wrap{position:relative; width:100%; margin:0; border-top: 1px solid #eee; background: #ffffff; line-height:1.3}
.footer-inner{position:relative; max-width:1120px; margin:0 auto; padding:24px 0;}
.footer-inner .right-con{position:absolute; right:0; top:0; text-align:right; display: flex; align-items: center;} 

#footer-wrap a{color:#333;}

.foot-menu{margin-bottom:24px;}
.foot-menu ul li{display:inline-block;}
.foot-menu ul li:after{ margin-right:8px; }
.foot-menu ul li:after{content:'│'; color:rgba(184, 185, 187, 0.9); margin-left:10px;}
.foot-menu ul li:last-child:after{display:none;}
.foot-menu ul li a{ font-size:13px; font-weight:300; display:inline-block; }

.addresstext{position:relative; margin-top:10px; font-size:13px; }
.copyright{position: relative; margin-top:10px;}

.addresstext p {margin-bottom: 3px; color: #333; font-weight:300;}
.addresstext p span{margin-right:12px;}
.addresstext p span:after{content:''; color:rgba(143, 144, 149, 0.5); margin-left:12px;}
.addresstext p span:last-child:after{display:none;}

@media all and (max-width: 800px) {
	.footer-inner{padding-left:20px; padding-right:20px;}
}


/* 개인정보취급방침 / 이용약관 */
.privacy-policy-wrap {position:relative; max-width:100%; word-break:keep-all; text-align:left; margin:0 auto; padding:24px 0; box-sizing:border-box;}

/* top 버튼 */
.privacy-top-btn{position:fixed; right:1% ; bottom:40px; border:1px solid #ddd; border-radius:50px; width:50px; height:50px; background: rgba(255, 255, 255, 0.5); box-shadow: 0px 1px 12px rgba(42, 84, 171, 0.1) ; box-sizing: border-box; z-index:22;}
.privacy-top-btn:hover{box-shadow: 0px 1px 12px rgba(42, 84, 171, 0.25);}
.privacy-top-btn a{width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:18px; box-sizing: border-box;}
.privacy-top-btn a em{font-size:8px; display:block;}


.privacy-policy-wrap *{line-height:1.4; box-sizing:border-box;}
.privacy-policy-wrap .font-icon{font-size:11px;}
.privacy-policy-wrap .ml5{margin-left:5px;}
.privacy-policy-wrap .ac{text-align:center;}

.privacy-policy-main-title{position:relative; padding:10px 0 10px 0; margin-bottom:16px; font-size:26px; font-weight:bold; border-bottom:1px solid #eee;}

/* 상단박스 */
.privacy-top-box{position:relative; margin:0 0 30px 0; font-size:15px; padding:20px; background: #f7f7f7; }
@media all and (max-width:640px){
	.privacy-policy-wrap{padding-left:20px; padding-right:20px;}
	.privacy-policy-main-title{font-size:20px;}
	.privacy-top-box{font-size:13px;}
}


/* 목차 */
.privacy-index-box{position:relative; margin:40px 0 50px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box;}

.index-title-box{border-bottom:1px solid #eee;}
.index-title-box .p-title{ margin-top:0; padding:8px 0 8px 0; text-align:center; background:#f7f7f7; border-radius: 5px 5px 0 0;}
.index-title-box .s-title{padding:8px 20px; font-size:15px; font-weight:normal;}

.privacy-index-list{position:relative; display:flex; justify-content:space-around; padding:24px 20px; font-feature-settings: 'tnum'; box-sizing:border-box;}
.privacy-index-list ul li{margin:6px 0;}
.privacy-index-list ul li a{color: #000; font-size:15px;}
.privacy-index-list ul li a:hover{color: #001c50;text-decoration:underline;}
@media all and (max-width:800px){
	.privacy-index-list{ display:block; padding:16px 12px;}
	.privacy-index-list ul li{margin:2px 0;}
	.privacy-index-list ul li a{font-size:13px;}
}

/* 라벨링 */
.privacy-label-box{margin:10px 0 30px 0; display:flex; justify-content:space-between; flex-wrap: wrap;}
.privacy-label-box .items{position:relative; width: calc(33% - 10px); padding:10px 0; margin-right:10px; margin-bottom:10px;border:1px solid #9fbaf0; border-radius:10px; text-align:center;  box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.05);}
.privacy-label-box .items:nth-child(3),
.privacy-label-box .items:nth-child(6){margin-right:0;}
.privacy-label-box .label-img{padding:10px;}
.privacy-label-box .label-img img{max-width:48px;}
.privacy-label-box .mt{font-weight:bold; font-size:16px; padding:4px 16px;}
.privacy-label-box .st{display:flex;flex-wrap: wrap; font-size:14px; }
.privacy-label-box .st span{display:block; width:100%; padding:0 16px; color:#666}
@media all and (max-width:800px){
	.privacy-label-box .mt{font-size:14px;}
	.privacy-label-box .st span{font-size:12px;}
}
@media all and (max-width:640px){
	.privacy-label-box .items{width: calc(50% - 10px); padding:10px 0;}
	.privacy-label-box .items:nth-child(2),
	.privacy-label-box .items:nth-child(4),
	.privacy-label-box .items:nth-child(6){margin-right:0;}
}

/* 개인정보 상세내용 */
.privacy-detail-txt{position:relative; line-height:1.3;}
.privacy-detail-txt h2{margin-top: 30px; text-align: center; font-size: 24px;}

.privacy-policy-wrap .p-title{display:block; font-size:20px; font-weight:bold; color:#222; vertical-align:middle;}
.privacy-policy-wrap .s-title{font-size:18px; font-weight:bold; color:#444; vertical-align:middle;}
.p-title .privacy-s-icon img{max-width:28px; vertical-align:middle; margin-top:-1px;}
@media all and (max-width:640px){
	.privacy-policy-wrap .p-title{font-size:16px;}
	.privacy-policy-wrap .s-title{font-size:14px;}
}

.privacy-con{margin:35px 0; padding-bottom:25px; border-bottom:1px solid #eee;}
.privacy-con:last-child{border-bottom:none;}

.privacy-con ol.one {margin: 10px 0; font-size: 14px; font-weight: 500; color: #555; padding-left:20px;}
.privacy-con ol.two {margin: 5px 0 0 0; font-size: 14px; color: #555; padding-left:15px;}
.privacy-con ol.three{margin: 0 0 0 0; font-size: 14px; color: #555; padding-left:15px;}
.privacy-con ol.four {margin: 0 0 0 0; font-size: 14px; color: #555; padding-left:15px;}
@media all and (max-width:640px){
	.privacy-con ol.one{font-size:13px; padding-left:0;}
	.privacy-con ol.two{font-size:13px;}
	.privacy-con ol.three{font-size:13px;}
	.privacy-con ol.four{font-size:13px;}
}
.privacy-con ol.one li {margin-top: 5px;}
.privacy-con ol.two li {margin-top: 5px;}
.privacy-con ol.three li {margin-top: 3px;}
.privacy-con ol.four li {margin-top: 3px;}
.privacy-con ol li{ font-weight:normal;}

/* 개인정보 테이블 */
.privacy-tbl {width:100%;margin:8px 0; border-collapse:collapse;}
.privacy-tbl th{padding: 7px 6px; border:1px solid #d3d3d3; font-size: 14px; color: #333; text-align:center; word-break: normal !important; box-sizing:border-box;}
.privacy-tbl td{padding: 5px 6px; border:1px solid #d3d3d3; font-weight: 400; font-size: 14px; color: #444; text-align:center; word-break: normal; box-sizing:border-box; }
.privacy-tbl thead th{background: #e7edf8}
.privacy-tbl tbody th{font-weight:bold;}
.privacy-tbl tfoot th{font-weight:bold;}
.privacy-tbl .ar {text-align: right;}
.privacy-tbl .al {text-align: left;}
@media all and (max-width:640px){
	.privacy-tbl th{font-size: 12px;}
	.privacy-tbl td{font-size: 12px; }
}

/* 이전개인정보보호정책 링크 */
.before-privacy-link{position:relative;margin-bottom:5px;}
.before-privacy-link a{height:100%;display:inline-block;padding:5px 10px; font-size:14px; border-radius:4px; border:1px solid #ccc; cursor:pointer;}
.before-privacy-link a:hover{border-color:#9fbaf0;}

