@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

/*common*/
.sub_container{min-height:500px; padding:40px 0 70px; font-size:18px;} 
.contents_wrap{padding-top:50px;}
.sub_contents{padding-top:40px;}
.sub_page_title h3,.sub_page_title h4{color:#000000; font-size:44px; text-align:center; line-height:1.2; font-weight:800;}


/*서브 비주얼*/
.sub_visual{width:100%; height:350px; position:relative; overflow:hidden;}
.sub_visual>.inner{height:100%;}
.sub_visual_img{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; background-position:center center; animation:scale 3s ease forwards;
		background-repeat:no-repeat; background-size:cover; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}
.sub_visual_img01{background-image:url("../images/sub/sub_visual03.jpg");}
.sub_visual_img02{background-image:url("../images/sub/sub_visual02.jpg");}
.sub_visual_img03{background-image:url("../images/sub/sub_visual04.jpg");}
.sub_visual_img04{background-image:url("../images/sub/sub_visual05.jpg");}
@keyframes scale {
    0% {
        transform: scale(1.05);
    }

    100% {
         transform: scale(1);
    }
}
/*sub_visual_txt */
.sub_visual_txt{color:#000000; width:100%; height:100%; display:flex; align-items:center; z-index:30; position:relative;  }
.sub_visual_txt h3{font-weight:800; font-size:40px;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:none; flex-wrap:wrap; background-color:#014a6d;}
.sub_tab{color:#ffffff; position:relative;}
.sub_tab+div:before{content:''; width:1px; height:100%; display:block; position:absolute; left:0; top:0; bottom:0; background-color:rgba(255,255,255,0.2);}
.sub_tab_01{width:10%;}
.sub_tab_02{width:90%;}
.sub_tab_bar02 .sub_tab_02,.sub_tab_bar02 .sub_tab_03{width:45%;}
.sub_tab_bar h4,.sub_tab_bar h3{padding:11px 15px 11px; font-size:17px; cursor:pointer; font-weight:400;}
.sub_tab_bar strong{font-weight:400;}
.sub_tab_bar a{display:block;}
/*icon_home*/
.sub_tab_01{text-align:center;}
.sub_tab_01>a{padding:13px 0 13px;}
.sub_tab_01 .icon_home02{width:16px; height:14px; display:inline-block; position:relative; font-size:0; vertical-align:middle;}
.sub_tab_01 .icon_home02:before{content:''; width:0; height:0px; display:block; position:absolute; left:0; top:0; border:7px solid transparent; 
		border-bottom-color:#ffffff; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8); -moz-transform:scale(1,0.8);
		-o-transform:scale(1,0.8);-ms-transform:scale(1,0.8);}
.sub_tab_01 .icon_home02:after{content:''; width:10px; height:5px; display:block; position:absolute; left:2px; top:6px; border:3px solid #ffffff; 
		border-top-width:2px; border-bottom:0;}
/*메뉴 더보기*/
.sub_tab_bar .menu_more{position:absolute; right:15px; top:18px; width:11px; height:11px; overflow:hidden; text-indent:-999999px; display:block; font-size:0;}
.sub_tab_bar .menu_more:after,.sub_tab_bar .menu_more:before{content:''; display:block; background-color:#ffffff; width:11px; height:1px; 
		position:absolute; left:0; top:5px;}
.sub_tab_bar .menu_more:after{width:1px; height:11px; left:5px; top:0; }
.sub_tab_bar h4.open .menu_more:after,.sub_tab_bar h3.open .menu_more:after{display:none;}
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth{display:none; position:absolute; left:0; top:50px; width:100%; z-index:250; background-color:#ffffff; padding:15px 0;
		  border-left:1px solid #d7f0f5; border-right:1px solid #d7f0f5; border-bottom:1px solid #d7f0f5; font-size:15px;}
.sub_tab_2depth>li+li{margin-top:4px;}
.sub_tab_2depth>li>a{display:block; padding:1px 15px;}
.sub_tab_2depth>li>a:hover{color:#014a6d; font-weight:500;}
.sub_tab_2depth>li>a:hover strong{font-weight:500;}

/*breadcrumb*/
.breadcrumb>p{display:flex; flex-wrap:wrap; gap:2px; align-items:center; font-size:15px;}
.breadcrumb span{display:block;}
.breadcrumb span.on{color:#000000;}
.breadcrumb span.right_arrow{width:12px; height:14px; position:relative; overflow:hidden;}
.breadcrumb span.right_arrow:before{content:''; height:6px; width:6px; display:block; border:1px solid #aaaaaa; border-left-width:0; border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); position:absolute; top:4px; left:1px;}

/*business_tab*/
.business_tab{margin-bottom:40px;}
.business_tab>ul{display:flex; flex-wrap:wrap; column-gap:12px;}
.business_tab>ul>li{width:calc(16.6666% - 10px); text-align:center;}
.business_tab>ul>li>a{display:block; padding:11px 5px; font-size:18px; letter-spacing:-1px; color:#313334; border-radius:40px; border:2px solid #d7f0f5;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.business_tab>ul>li>a:hover{border-color:#014a6d; color:#014a6d; }
.business01_tab>ul>li:nth-child(1)>a,.business02_tab>ul>li:nth-child(2)>a,.business03_tab>ul>li:nth-child(3)>a,.business04_tab>ul>li:nth-child(4)>a,
.business05_tab>ul>li:nth-child(5)>a,.business06_tab>ul>li:nth-child(6)>a{border-color:#014a6d; background-color:#014a6d; color:#ffffff;}

/*introduce.asp*/
.introduce_wrap>*+*{margin-top:80px;}
.introduce_title{display:flex; flex-wrap:wrap; gap:30px 40px; align-items:center; }
.introduce_title>h1{width:210px;}
.introduce_title_contents{width:calc(100% - 250px); color:#313334;}
.introduce_title_contents>p+p{margin-top:15px;}
.introduce_title_contents>p strong{color:#014a6d; font-weight:800; font-size:30px;} 
.introduce_title_contents>p b{color:#014a6d;}  
.introduce_title_img{width:100%; height:330px; background:url("../images/sub/introduce01.jpg")no-repeat center center; background-size:cover; border-radius:15px;
		overflow:hidden;}
.introduce_contents_wrap{display:flex; flex-wrap:wrap; gap:30px 40px; align-items:start; }
.introduce_contents_wrap h5{color:#014a6d; font-weight:800; font-size:36px; line-height:1.5; width:270px;}
.introduce_contents_wrap h5 span{display:block;}
.introduce_contents{width:calc(100% - 310px); }
.introduce_contents>p+p{margin-top:15px;}
.introduce_contents>p>b{color:#014a6d;} 
.introduce_clean_list{margin:40px 0; display:flex; flex-wrap:wrap; gap:40px; }
.introduce_clean_list>li{width:calc(50% - 20px);}
.introduce_clean_list>li>img{width:100%;  border-radius:15px;	overflow:hidden;}
.introduce_clean_list>li p{color:#000000; margin-top:12px; line-height:1.4; font-size:20px; padding-left:10px; position:relative;}
.introduce_clean_list>li p:before{content:'·'; display:block; position:absolute; left:0; top:0;}
.introduce_contents .philosophy_list{margin-top:40px; display:flex; flex-wrap:wrap; gap:40px; }
.introduce_contents .philosophy_list>li{width:calc(50% - 20px); border-radius:15px; overflow:hidden; background-color:#e8f1f8;  color:#313334; padding:35px 30px;
		letter-spacing:-1px; font-size:17px;}
.introduce_contents .philosophy_list>li b{color:#000000;  font-size:19px;}
.introduce_contents .philosophy_list>li>p+p{margin-top:10px;}

/*업무소개 business_wrap common*/
.business_wrap>*+*{margin-top:80px;}
.business_wrap h6{color:#014a6d; font-weight:800; font-size:30px;} 
.business_wrap h5{color:#014a6d; font-weight:800; font-size:36px; line-height:1.5; letter-spacing:-1px;}
.business_wrap h5 span{display:block;}
.business_img{ margin-top:50px; width:100%; height:330px; background-position:center center; background-repeat:no-repeat; background-size:cover; 
		border-radius:15px; overflow:hidden;}
.business_title{display:flex; flex-wrap:wrap; gap:30px 40px; align-items:center; }
.business_title>h1{width:210px;}
.business_title_contents{width:calc(100% - 250px); color:#313334;}
.business_title_contents>p+p{margin-top:15px;}
.business_title_contents>p strong{color:#014a6d; font-weight:800; font-size:30px;}
.business_title_contents>p b{color:#014a6d;} 
.business_contents_wrap{display:flex; flex-wrap:wrap; align-items:start; gap:30px 60px;}
.business_contents_wrap>h5{width:280px; }
.business_contents{width:calc(100% - 340px); }
.business_contents>p>b{color:#313334; font-weight:500;}
.business_recommend_wrap{display:flex; flex-wrap:wrap; align-items:center;  gap:30px 60px;}
.business_recommend_wrap>*{width:calc(50% - 30px);  border-radius:15px; overflow:hidden;}
.business_recommend_img>img{width:100%;}
.business_wrap .recommend_list{margin-top:10px; font-weight:500; color:#313334; }
.business_wrap .recommend_list>li{padding-left:10px; position:relative; font-size:20px; line-height:1.4;}
.business_wrap .recommend_list>li:before{content:''; width:4px; height:4px; border-radius:50%; background-color:#014a6d; position:absolute; left:0; top:12px;}
.business_wrap .recommend_list>li+li{margin-top:8px;}
.business_procedure_list+li{margin-top:40px;}
.business_procedure_title{display:flex; align-items:center; column-gap:10px;}
.business_procedure_title>span{display:block; width:60px; height:60px; border-radius:50%; overflow:hidden; background-color:#109dd3;}
.business_procedure_title strong{color:#109dd3; font-size:24px; letter-spacing:-1px;}
.business_procedure{margin-top:10px; margin-left:70px;}
.business_procedure ul{margin-top:10px; font-size:16px; font-weight:500; color:#313334; }
.special_service_list{margin-top:20px;}
.special_service_list>li+li{margin-top:20px;}
.special_service_list strong{color:#000000; font-size:22px;}
.special_service_img{margin-top:30px; display:flex; flex-wrap:wrap; gap:9px}
.special_service_img>li{width:calc(33.3333% - 6px); border-radius:10px; overflow:hidden;}
.special_service_img>li>img{width:100%;}
.business_rule_contents p>b{font-weight:500; color:#313334;}
.business_rule_list{margin:20px 0; font-weight:500; color:#313334;}
.business02_rule_contents>p>b{color:#014a6d;} 
.business02_rule_list{margin-top:40px; display:flex; flex-wrap:wrap; gap:40px; }
.business02_rule_list>li{width:calc(50% - 20px); border-radius:15px; overflow:hidden; background-color:#e8f1f8;  color:#313334; padding:35px 30px;
		letter-spacing:-1px; font-size:17px;}
.business02_rule_list>li b{color:#000000;  font-size:19px;}
.business02_rule_list>li>p+p{margin-top:10px;}
.example_list{display:flex; flex-wrap:wrap; gap:20px 40px; align-items:center;}
.example_list+li{margin-top:40px;}
.example_img{width:40%; border-radius:10px; overflow:hidden; }
.example_img>img{width:100%;}
.example_contents{width:calc(60% - 40px);}
.example_contents strong{font-size:22px; color:#000000;  line-height:1.4;}
.example_contents p+p{margin-top:5px;}
.business_promise_contents>p b{color:#014a6d;} 
.reason_list{margin:20px 0; font-weight:500; color:#313334;}
.business02_expense_contents>p>b{ color:#313334;}
.calculation_expense_list{margin:20px 0; font-weight:500; color:#313334;}
.promise_list{margin:40px 0; display:flex; flex-wrap:wrap; gap:20px; justify-content:center;} 
.promise_list>li{display:flex; align-items:center; justify-content:center; width:180px; height:180px; border-radius:50%; font-weight:600; color:#ffffff;
		text-align:center; font-size:20px; background: linear-gradient(-45deg, #109dd3, #014a6d);}

/*business01.asp*/
.business01_img01{background-image:url("../images/sub/business01_03.jpg");}

/*business02.asp*/
.business02_img01{background-image:url("../images/sub/business02_03.jpg");}

/*business03.asp*/
.business03_img01{background-image:url("../images/sub/business03_01.jpg");}

/*business04.asp*/
.business04_img01{background-image:url("../images/sub/business04_01.jpg");}
.business04_img02{background-image:url("../images/sub/business04_06.jpg");}

/*business05.asp*/
.business05_img01{background-image:url("../images/sub/business05_02.jpg");}
.business05_img02{background-image:url("../images/sub/business05_06.jpg");}

/*business06.asp*/
.business06_img01{background-image:url("../images/sub/business06_02.jpg");}
.business06_img02{background-image:url("../images/sub/business06_06.jpg");}




/*1300이하 */
@media screen and (max-width:1300px){



}/*1300이하 끝*/

/*1200이하 */
@media screen and (max-width:1200px){

/*서브 비주얼*/
.sub_visual{height:300px;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:flex;}


/*business_tab*/
.business_tab{display:none;}


}/*1200이하 끝*/

/*1024이하 */
@media screen and (max-width:1024px){

/*introduce.asp*/
.introduce_title>h1{display:none;}
.introduce_title_contents{width:100%;}
.introduce_contents_wrap h5{width:100%;}
.introduce_contents_wrap h5 span{display:inline;}
.introduce_contents{width:100%;}
.introduce_contents .philosophy_list{gap:20px; }
.introduce_contents .philosophy_list>li{width:calc(50% - 10px);}

/*업무소개 business_wrap common*/
.business_wrap h5 span{display:inline;}
.business_contents_wrap>h5{width:100%; }
.business_title>h1{display:none;}
.business_title_contents{width:100%;}
.business_contents{width:100%; }
.business_recommend_wrap{ justify-content:center;}
.business_recommend_wrap .business_recommend_img{width:100%; }
.business_recommend_wrap .business_recommend_contents{width:auto; }
.business02_rule_list{gap:20px; }
.business02_rule_list>li{width:calc(50% - 10px);}

}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_01{display:none}
.sub_tab_02{width:100%;}
.sub_tab_bar02 .sub_tab_02,.sub_tab_bar02 .sub_tab_03{width:50%;}
.sub_tab.sub_tab_02:before{display:none;}

}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/*common*/
.sub_container{padding:20px 0 60px; font-size:14px;} 
.contents_wrap{padding-top:40px;}
.sub_contents{padding-top:30px;}
.sub_page_title h3,.sub_page_title h4{font-size:32px;}

/*서브 비주얼*/
/*sub_visual_txt */
.sub_visual_txt{ justify-content:center;}
.sub_visual_txt h3{font-size:36px; letter-spacing:-1px;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar02 .sub_tab_02,.sub_tab_bar02 .sub_tab_03{width:100%;}
.sub_tab.sub_tab_02:before{display:none;}
.sub_tab.sub_tab_03:before{width:100%; top:0; height:1px; }
.sub_tab.sub_tab_02 .sub_tab_2depth{z-index:400;}

/*breadcrumb*/
.breadcrumb>p{font-size:13px;}

/*introduce.asp*/
.introduce_wrap>*+*{margin-top:40px;}
.introduce_title_contents>p+p{margin-top:12px;}
.introduce_title_contents>p strong{font-size:24px;} 
.introduce_title_img{height:250px;}
.introduce_contents_wrap{row-gap:12px;} 
.introduce_contents_wrap h5{font-size:24px;} 
.introduce_contents>p+p{margin-top:12px;}
.introduce_clean_list{margin:25px 0; gap:30px 10px; }
.introduce_clean_list>li{width:calc(50% - 5px);}
.introduce_clean_list>li p{margin-top:10px; font-size:15px;}
.introduce_contents .philosophy_list{gap:10px; margin-top:25px;}
.introduce_contents .philosophy_list>li{width:calc(50% - 5px);  font-size:14px; padding:20px;}
.introduce_contents .philosophy_list>li b{font-size:15px;}

/*업무소개 business_wrap common*/
.business_wrap>*+*{margin-top:40px;}
.business_wrap h6{font-size:19px;} 
.business_wrap h5{font-size:24px;}
.business_img{ margin-top:40px; height:250px;}
.business_title_contents>p+p{margin-top:12px;}
.business_title_contents>p strong{font-size:24px;}
.business_contents_wrap{row-gap:20px;}
.business_wrap .recommend_list>li{font-size:15px;}
.business_wrap .recommend_list>li:before{top:8px;}
.business02_rule_list{gap:10px; margin-top:25px;}
.business02_rule_list>li{width:calc(50% - 5px);  font-size:14px; padding:20px;}
.business02_rule_list>li b{font-size:15px;}
.business_procedure_list+li{margin-top:20px;}
.business_procedure_title{column-gap:8px;}
.business_procedure_title>span{width:40px; height:40px;}
.business_procedure_title strong{font-size:19px;}
.business_procedure{margin-top:5px; margin-left:50px;}
.business_procedure ul{margin-top:5px; font-size:15px;}
.special_service_list{margin-top:15px;}
.special_service_list>li+li{margin-top:15px;}
.special_service_list strong{font-size:18px;}
.business_rule_list{margin:15px 0;}
.example_list{gap:20px;}
.example_list+li{margin-top:30px;}
.example_contents{width:calc(60% - 20px);}
.example_contents strong{font-size:16px;}
.promise_list{margin:30px 0;} 
.promise_list>li{width:139px; height:139px;  font-size:16px;}

/* 상담 폼 기본 */
.consult_form{max-width:900px; margin:0 auto;}
.consult_form .form_row{margin-bottom:20px;}
.consult_form .form_row.col2{display:flex; gap:20px;}
.consult_form .form_row.col2 .field{flex:1;}

/* 라벨 */
.consult_form label{display:block; font-size:14px; font-weight:500; margin-bottom:6px; color:#333;}

/* 입력폼 */
.consult_form input,.consult_form select,.consult_form textarea{width:100%; padding:11px 12px; border:1px solid #ddd; border-radius:4px; font-size:14px; box-sizing:border-box;}
.consult_form textarea{resize:vertical;}

/* 버튼 */
.consult_form .form_submit{margin-top:30px; text-align:center;}
.consult_form .form_submit button{width:260px; height:50px; background:#222; color:#fff; font-size:16px; border:none; border-radius:4px; cursor:pointer;}
.consult_form .form_submit button:hover{background:#000;}
.consult_form .form_notice{margin-top:10px; font-size:13px; color:#777;}

/* 모바일 대응 */
@media(max-width:768px){
.consult_form .form_row.col2{flex-direction:column; gap:12px;}
.consult_form .form_submit button{width:100%;}
}

}

/* PC 전용 상담폼 2컬럼 강제 */
@media(min-width:769px){
.consult_form .form_row.col2{display:flex !important; gap:20px;}
.consult_form .form_row.col2 .field{flex:1; width:50%;}
.consult_form .form_row.col2 input,.consult_form .form_row.col2 select{width:100%;}
}

/* 상담폼 GRID 레이아웃 (PC 기준) */
.consult_form.grid_form{display:grid; grid-template-columns:repeat(2,1fr); gap:24px 32px;}

/* 필드 */
.consult_form .field label{display:block; margin-bottom:6px; font-weight:500; color:#333;}
.consult_form input,.consult_form select,.consult_form textarea{width:100%; padding:11px 12px; border:1px solid #dcdcdc; border-radius:4px; font-size:14px; box-sizing:border-box;}

/* 2칸 전체 */
.consult_form .full{grid-column:span 2;}

/* 버튼 */
.form_submit{text-align:center;}
.form_submit button{width:280px; height:50px; background:#222; color:#fff; font-size:16px; border:none; border-radius:4px; cursor:pointer;}

/* 모바일 */
@media(max-width:768px){
.consult_form.grid_form{grid-template-columns:1fr;}
.consult_form .full{grid-column:span 1;}
.form_submit button{width:100%;}
}




/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){

/*introduce.asp*/
.introduce_clean_list>li>img{border-radius:10px;}
.introduce_contents .philosophy_list>li{width:100%; border-radius:10px; } 

/*업무소개 business_wrap common*/
.business02_rule_list>li{width:100%; border-radius:10px; }
.example_img{width:100%;}
.example_contents{width:100%;}



}/*420이하 끝*/