@charset "utf-8";
/**************************************** 작은 모니터, 노트북 ****************************************/

@media screen and (max-width: 1366px){
    .fs_t01{font-size:14px;}
    .fs_t02{font-size:16px;}
    .fs_t03{font-size:18px;}
    .fs_t04{font-size:20px;}
    .fs_t05{font-size:22px;}
    .fs_t06{font-size:24px;}
    .fs_t07{font-size:26px;}
    .fs_t08{font-size:28px;}
    .fs_t09{font-size:30px;}
    .fs_t10{font-size:34px;}
    .fs_t11{font-size:36px;}
    .fs_t12{font-size:38px;}
    .fs_t13{font-size:40px;}
    .fs_t14{font-size:42px;}
    .fs_t15{font-size:44px;}
    .fs_t16{font-size:46px;}
    .fs_t17{font-size:48px;}
    .fs_t18{font-size:50px;}
    .fs_t19{font-size:52px;}
    .fs_t20{font-size:54px;}
    .fs_t21{font-size:56px;}
    .fs_t22{font-size:58px;}
    .fs_t23{font-size:60px;}
    .fs_t24{font-size:62px;}
    .fs_t25{font-size:64px;}
    
    .f_bo1{font-weight:200}
    .f_bo2{font-weight:300}
    .f_bo3{font-weight:400}
    .f_bo4{font-weight:600}
    .f_bo5{font-weight:700}
    .f_bo6{font-weight:800}
    .f_bo7{font-weight:800}
    .f_bo8{font-weight:900}
    .f_bo9{font-weight:900}

    .inner{width:1024px;}
    header{position:fixed;height:12vh; bottom:0; left:0; z-index:3}
    footer{padding:5vmin 0 30vmin}
    input{padding:1.3vmin 2vmin 0.8vmin; height:8vmin; border-radius:1vmin}

	  /*** 메인배너 ***/
     .mainIcon{width:20vw;}

    /*** benefitBanner1 ***/
    .chatBox{width:40vw; display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
    .chat.right{margin-left:34vmin}

    /*** subBanner ***/
    .subBannerBtn{height:8vh; line-height: 1;}
    .subBannerBtn span{margin-bottom:1vmin; margin-right:2vmin}

	

    /*** process ***/
    .processCnt{height:40vmin; padding:6vmin; }

    /*** cunsulting ***/
    .consultChk{margin:3vmin 0;}
    .contactBox input[type="text"]{margin:2vmin 0 5vmin}
    .consultChk input[type="checkbox"] + label{padding-left:5vmin}
    .consultChk input[type="checkbox"] + label:before{width:2.5vmin; height:2.6vmin}
    .consultBtn{height:9vh}

    /*** modal ***/
    /* policy modal */
    .modalCnt{ width: 55vmin; padding:5vmin;  height:70vh; margin-bottom:5vmin}
    .modalBody{height:80%; overflow-y:scroll}
	.processBtn { width: 40vmin;}
    .policyBtn1{height:10vh; padding:1.5vmin 0 1vmin 10vmin; margin:3vmin 0 4vmin;}
    .policyBtn1:before{width:3.1vmin; height:3vmin; left:5vmin}
    .policyBtn2{padding:0.5vmin 0 0 6.5vmin}
    .policyBtn2:before{width:2.9vmin; height:2.8vmin; left:2vmin}
    .policyBox{height:20vh; margin-bottom:4vmin; margin-top:3vmin;}
    .modalFooter{height:10vh; bottom:0;}

    /*** submit ***/
    .modalSubmit{height:12vh; margin: 10vmin 0 4vmin; font-size:30px;}
   
}

/**************************************** 큰태블릿 사이즈 ****************************************/

@media screen and (max-width: 1024px){

    .inner{width:768px;}

     /*** 메인배너 ***/
     .mainBanner{height:80vh}
     .mainBannerBox{height:70%; padding:6vmin 8vmin;}
     .mainIcon{width:25vw;}
 
     /*** intro ***/
     .introBox{flex-direction: column;}
     .introImg{margin-top:5vmin; width:100%; display:flex; align-items: center; justify-content: center;}
     .introImg img{width:50%}
 
     /*** benefitBanner1 ***/
     .benefit1 .inner{justify-content: initial; align-items: center;}
     .benefitBox{width:100%}
     .benefitBox.relative{top:initial; margin:15vmin 0}
     .benefitBox.margin{margin-top:0}
     .benefitImg{height: 60vw !important; padding:6vmin; border-radius:3vmin; margin-top:5vmin; display:flex; flex-direction: column;}
     .benefitImg p{width:60%; margin-bottom:5vmin}
     .benefitImg img{margin:0 auto; width:90%;}
     .chatBox{width:60vw;}
     .chat.right{margin-left:25vmin}
     .chat{margin-bottom:7vmin}

     /*** slider ***/
     .benefitSlider .swiper-wrapper .swiper-slide{height:35vh}


     /*** bannerfitBanner2 ***/
     .benefitBanner2 .inner > img{display: none;}
	 .subBannerBtn span {margin-bottom: 0;}
     .benefitBanner2P p{width:60%}
     .subBannerBtn{width:90%}
     .processCnt{height:auto; width:100%; margin:0 0 3vmin 0; display: flex; align-items: center; padding:3vmin 6vmin}
     .processCntPBox p:nth-child(1){margin:0 0 1vmin 0}
     .processCntPBox p:nth-child(2){margin-bottom:0}
	 .processCntImg { margin-right: 2vmin;}

     /*** consultant ***/
     .consultant .inner{flex-direction: column;}
     .contactBox{margin-top:7vmin}
     .consultantingForm{width:100%}
     

     
    
}


/**************************************** 큰모바일 사이즈 ****************************************/

@media screen and (max-width: 768px){


    .inner{width:calc(100vw - 40px);}


    .fs_m01{font-size:14px;}
    .fs_m02{font-size:16px;}
    .fs_m03{font-size:18px;}
    .fs_m04{font-size:20px;}
    .fs_m05{font-size:22px;}
    .fs_m06{font-size:24px;}
    .fs_m07{font-size:26px;}
    .fs_m08{font-size:28px;}
    .fs_m09{font-size:30px;}
    .fs_m10{font-size:32px;}
    .fs_m11{font-size:34px;}
    .fs_m12{font-size:36px;}
    .fs_m13{font-size:38px;}
    .fs_m14{font-size:40px;}
    .fs_m15{font-size:42px;}
    .fs_m16{font-size:44px;}
    .fs_m17{font-size:46px;}
    .fs_m18{font-size:48px;}
    .fs_m19{font-size:50px;}
    .fs_m20{font-size:52px;}
    .fs_m21{font-size:54px;}
    .fs_m22{font-size:56px;}
    .fs_m23{font-size:58px;}
    .fs_m24{font-size:60px;}
    .fs_m25{font-size:62px;}

    .f_bo1{font-weight:200}
    .f_bo2{font-weight:300}
    .f_bo3{font-weight:400}
    .f_bo4{font-weight:600}
    .f_bo5{font-weight:700}
    .f_bo6{font-weight:800}
    .f_bo7{font-weight:800}
    .f_bo8{font-weight:900}
    .f_bo9{font-weight:900}

    
    
    input{height:13vmin; padding:1.3vmin 2vmin 0.8vmin 5vmin }
	section {padding: 10vh 0;}

	
	/*** 메인배너 ***/
	.mainIcon {width: 40vw;}

    /*** intro ***/
	.introBox {margin-bottom: 10vh;}
    .introImg{width:60%;}
    .introImg img{width:90%}
    .introP p br{display: none;}


    /*** benefit1 ***/
    .benefitImg{align-items: flex-start; flex-direction: column; height: 80vw !important;}
    .benefitImg p{width:70%;}
    .benefitImg img{margin: 4vmin 0 0 40%; width: 60%;}

    /*** slider ***/
    .benefitSlider .swiper-wrapper .swiper-slide{height:40vh}

    /*** benefitBanner1 ***/
	.benefit1 {padding: 5vh 0;}
    .chatBox{width:80vw;}
    .chat.right{margin-left:24vmin}

    /*** benefitBanner2 ***/
    .benefitBanner2P{margin-left:0}
	.benefitBanner2P p {width: 90%;}
    .subBannerBtn{width:100%;height:8vh; border-radius:3vmin}
    .subBannerBtn span{margin-bottom:0; width:6vmin; height:7vmin}

    /*** process ***/
    .processCnt{margin:3vmin 0 0 0; border-radius:3vmin}
	.processCntImg {width: 10vmin; height: 10vmin; margin-right: 4vmin;}

    /*** consultant ***/
	.consultP {width: 100%;}
	.contactBox input[type="text"] {padding: 3vmin; border-radius: 3vmin;}
    .consultBtn{height:8vh; margin-top:5vmin; border-radius:3vmin}
	.consultChk input[type="checkbox"] + label:before {width: 3.5vmin; height: 3.6vmin;}

	/*** modal ***/
	.modalCnt{ width: 90vw; padding:5vmin;  height:70vh; margin-bottom:5vmin}
	.processBtn { width: 65vw;}
	.modalClose {top: 3.2vmin; right: 3.5vmin; width: 5vmin; height: 5vmin;}
	.policyBtn1 {padding: 1.5vmin 0 1vmin 12vmin; height: 10vh;}
	.policyBtn1:before { width: 5.1vmin; height: 5vmin;}
	.policyBtn2 { padding: 0.5vmin 0 0 8.5vmin;}
	.policyBtn2:before {width: 4.9vmin; height: 4.8vmin;}
	
	/*** footer ***/
	.footerBtn {margin-right: 2vmin; padding: 1.8vmin 3vmin 1.5vmin; border: 1px solid #fff; border-radius: 2vmin;}

	/****************************************** 게시판 ******************************************/

	/*** 리스트 페이지 ***/
	.list_section_1 > .inner{min-width: 320px; overflow: scroll;}

    /*리스트페이지 전화번호 표시 제거*/
    .board_list .board_table .th-tel{display:none;}
    .board_list .board_table tbody tr td:nth-child(3){display:none;}
    .board_list .th-num{width:15%;}
    .board_list .th-title{width:55%}
    .board_list .th-date{width:30%;}

	/*** 뷰페이지 ***/
	.board_view > .inner{min-width: 320px; overflow: scroll;}
    .boardView_title { align-items: flex-start; flex-direction: column;}

	.board_content > .inner { min-width: 320px; overflow: scroll;}
    .board_content table tr > td{padding: 3vmin;}
    .board_content table tr > td:nth-child(1){width:30%;}
    .board_content table tr > td:nth-child(2){width:70%;}

	/* 버튼 사이즈 조절 */
	.view_btn > a {margin-right: 2vmin; padding: 2vmin 4vmin 1.8vmin;}


}


/**************************************** 작은모바일 사이즈 ****************************************/

@media screen and (max-width: 480px){
    .fs_m07{font-size:20px;}
    .fs_m08{font-size:22px;}
    .fs_m09{font-size:24px;}
    .fs_m10{font-size:26px;}
    .fs_m11{font-size:28px;}
    .fs_m12{font-size:30px;}
    .fs_m13{font-size:32px;}
    .fs_m14{font-size:34px;}
    .fs_m15{font-size:36px;}
    .fs_m16{font-size:38px;}
    .fs_m17{font-size:40px;}
    .fs_m18{font-size:42px;}
    .fs_m19{font-size:44px;}
    .fs_m20{font-size:46px;}
    .fs_m21{font-size:48px;}
    .fs_m22{font-size:50px;}
    .fs_m23{font-size:52px;}
    .fs_m24{font-size:54px;}
    .fs_m25{font-size:56px;}
}