@charset "utf-8";

/* 인사말 */
.greeting .contents{ padding-bottom:0 !important; }
.greeting .titS01{ margin-bottom:170px; }
.greeting .bx_wrap{ padding:70px 0; background:#f5f5f5; overflow:hidden; }
.greeting .bx_wrap .layout{ font-size:0; }
.greeting .bx_wrap .layout > div{ display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; }
.greeting .bx_wrap .left{ padding-right:40px; }
.greeting .bx_wrap .left .img_bx{ position:relative; margin-top:-155px; width:100%; max-width:668px; height:560px; overflow:hidden; }
.greeting .bx_wrap .left img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.greeting .bx_wrap .right{ padding-left:40px;  font-size:18px; line-height:30px; color:#666; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;  }
.greeting .bx_wrap .right .s1{ display:block; margin-top:25px; margin-bottom:5px; font-size:40px; line-height:50px; color:#2fa8e1; font-weight:700; font-family: 'Montserrat', sans-serif; letter-spacing:0; }
.greeting .bx_wrap .right .s2{ display:block; margin-bottom:25px; font-size:24px; line-height:34px; color:#222; font-weight:500; }
.greeting .bx_wrap .right .space{ display:block; height:10px;  }
.greeting .bx_wrap .right p{ max-width:501px;}
.greeting .bx_wrap .right .sign{ display:block; margin-top:45px; font-size:16px; line-height:26px; color:#999; letter-spacing:-0.05em; }
.greeting .bx_wrap .right .sign strong{ padding-left:10px; font-size:20px; color:#222; font-weight:500; }

/* 조직도 */
.org .org_bx{ position:relative; margin:0 auto; width:100%; max-width:1200px; overflow:hidden; }
.org .org_bx .dep01 > li > strong{ position:relative; display:flex; align-items: center; justify-content: center; margin:0 auto 60px; width:200px; height:200px; font-size:32px; line-height:42px; color:#fff; font-weight:700; background:#2fa8e1; border-radius:50%; font-family: 'Montserrat', sans-serif; }
.org .org_bx .dep01 > li > strong:before{ content:''; position:absolute; left:50%; top:50%; width:180px; height:180px; border:2px solid #fff; box-sizing:border-box; border-radius:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.org .org_bx .dep01 > li > strong:after{ content:''; position:absolute; left:50%; top:100%; width:1px; height:60px; background:#ddd; }
.org .org_bx .dep02 > li > strong{ position:relative; display:flex; align-items: center; justify-content: center; margin:0 auto 120px; width:200px; height:70px; font-size:20px; line-height:30px; color:#fff; font-weight:400; letter-spacing:-0.05em; background:#222; z-index:1;}
.org .org_bx .dep02 > li > strong:after{ content:''; position:absolute; left:50%; top:100%; width:1px; height:80px; background:#ddd; } 
.org .org_bx .dep03{ font-size:0; margin-right:-24px; }
.org .org_bx .dep03 > li.dep0301{ position:absolute; top:260px; left:calc(50% + 180px); width:180px; }
.org .org_bx .dep03 > li.dep0301 > strong{ display:flex; flex-wrap:Wrap; align-content: center; align-items: center; justify-content: center; width:100%; height:70px; font-size:18px; line-height:24px; color:#222; font-weight:400; letter-spacing:-0.05em; background:#f5f5f5; }
.org .org_bx .dep03 > li.dep0301 > strong:before{ content:''; position:absolute; right:100%; top:50%; width:80px; height:1px; background:#ddd;}
.org .org_bx .dep03 > li.dep0301 > strong span{ display:block; width:100%; font-size:16px; color:#666; text-align:center; }
.org .org_bx .dep03 > li.dep0302{ display:inline-block; vertical-align:top; width:calc(16.66% - 24px); margin-right:24px; }
.org .org_bx .dep03 > li.dep0302 > strong{ position:relative; display:flex; align-items: center; justify-content: center; width:100%; height:60px; font-size:18px; line-height:24px; color:#222; font-weight:400; letter-spacing:-0.05em; background:#f5f5f5; }
.org .org_bx .dep03 > li.dep0302 > strong:before{ content:''; position:absolute; left:50%; bottom:100%; width:1px; height:158px; background:#ddd;}
.org .org_bx .dep03 > li.dep0302 > strong:after{ content:''; position:absolute; left:50%; top:-158px; width:300%; height:1px; background:#ddd;}
.org .org_bx .dep03 > li.dep0303{ display:inline-block; vertical-align:top; width:calc(83.34% - 24px); margin-right:24px; }
.org .org_bx .dep04{ font-size:0; margin-right:-24px; }
.org .org_bx .dep04 > li{ position:relative; display:inline-block; vertical-align:Top; width:calc(20% - 24px); margin-right:24px; }
.org .org_bx .dep04 > li:before{ content:''; position:absolute; left:50%; top:-42px; width:calc(100% + 24px); height:1px; background:#ddd;}
.org .org_bx .dep04 > li:last-child:before{ display:none; }
.org .org_bx .dep04 > li:after{ content:''; position:absolute; left:50%; bottom:100%; width:1px; height:42px; background:#ddd;}
.org .org_bx .dep04 > li > ul li{ margin-bottom:10px; }
.org .org_bx .dep04 > li > ul li:last-child{ margin-bottom:0;}
.org .org_bx .dep04 > li > ul li strong{ display:flex; flex-wrap:Wrap; align-content: center; align-items: center; justify-content: center; width:100%; height:60px; font-size:18px; line-height:24px; color:#666; font-weight:400; letter-spacing:-0.05em; border:1px solid #ddd; box-sizing:border-box; }

/* 공시절차 */
.process_bx .top_bx {text-align: center; margin-top: -40px;}
.process_bx .top_bx img {max-width: 315px; width: 100%;}
.process_bx .con_bx {margin: 100px auto 0; max-width: 1280px; overflow: hidden;}
.process_bx .con_bx ul {display: flex; flex-flow: wrap; justify-content: center;}
.process_bx .con_bx li {width: 25%; box-sizing: border-box; text-align: center; margin-top: 98px;}
.process_bx .con_bx li:nth-child(1), .process_bx .con_bx li:nth-child(2), .process_bx .con_bx li:nth-child(3), .process_bx .con_bx li:nth-child(4) {margin-top: 0;}
.process_bx .con_bx .con_w {position: relative;}
.process_bx .con_bx .con_w .img_bx {position: relative;}
.process_bx .con_bx .con_w .img_bx::before {content: ''; width: calc(100% - 131px); height: 4px; background-color: #dddddd; position: absolute; left: 50%; top: 50%; margin-top: -2px;}
.process_bx .con_bx .con_w .img_bx::after {content: ''; width: calc(100% - 110px); height: 24px; background: url(../images/sub/process_arrow.png) no-repeat right center; position: absolute; left: 50%; top: 50%; margin-top: -12px;}
.process_bx .con_bx .con_w .img_bx img {max-width: 100%; position: relative; z-index: 1;}
.process_bx .con_bx .con_w .txt_bx {font-size: 24px; color: #222222; font-weight: 700; line-height: 34px; letter-spacing: -0.05em; word-break: keep-all; padding-top: 23px;}
.process_bx .con_bx .con_w .txt_bx strong {display: block; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-size: 16px; color: #28a7e1; line-height: 26px;}

/* 인증서 */
.license_bx {background-color: #f5f5f5; padding: 80px 0 154px;}
.license_bx .list_bx {max-width: 1200px; width: 100%; margin: 0 auto;}
.license_bx .list_bx ul {display: flex; flex-flow: wrap; justify-content: center;}
.license_bx .list_bx ul li {width: calc(25% - 30px); margin-right: 40px; margin-top: 40px; box-sizing: border-box; cursor: pointer;}
.license_bx .list_bx ul li:nth-child(4n) {margin-right: 0;}
.license_bx .list_bx ul li:nth-child(1), .license_bx .list_bx ul li:nth-child(2), .license_bx .list_bx ul li:nth-child(3), .license_bx .list_bx ul li:nth-child(4) {margin-top: 0;}
.license_bx .list_bx .img_bx {}
.license_bx .list_bx .img_bx img {width: 100%;}
.license_bx .list_bx ul li p {text-align: center; font-size: 16px; color: #222222; letter-spacing: -0.05em; word-break: keep-all; margin-top: 14px;}

/* our business */
.business .biz_list{ position:relative; overflow:hidden; }
.business .biz_list:before{ content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd; }
.business .biz_list .bx{ position:relative; margin-bottom:80px; display:flex; flex-wrap:wrap; align-items: center; }
.business .biz_list .bx:after{ content:''; position:absolute; left:50%; top:50%; width:20px; height:20px; background:#fff; border:6px solid #2fa8e1; box-sizing:border-box; border-radius:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.business .biz_list .bx:last-child{ margin-bottom:0; }
.business .biz_list .bx:nth-child(2n){ flex-direction: row-reverse; }
.business .biz_list .bx:nth-child(2n-1) .img_bx{ padding-right:40px; }
.business .biz_list .bx:nth-child(2n) .img_bx{ padding-left:40px; }
.business .biz_list .bx > div{ width:50%; box-sizing:border-box; }
.business .biz_list .bx .img_bx div{ position:relative; height:400px; overflow:hidden; }
.business .biz_list .bx .img_bx div img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.business .biz_list .bx:nth-child(2n-1) .txt_bx{ padding-left:85px; }
.business .biz_list .bx:nth-child(2n) .txt_bx{ padding-right:85px; }
.business .biz_list .bx:nth-child(2n) dl{ float:right; display:inline-block; }
.business .biz_list .bx .txt_bx dl dt{ margin-bottom:15px; font-size:32px; line-height:48px; color:#222; font-weight:700; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
.business .biz_list .bx .txt_bx dl dd{ font-size:18px; line-height:30px; color:#666; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; }

/* 사업연혁 */
.history{ overflow:hidden; }
.history .his_bx{ display:flex; flex-wrap:wrap; margin-right:-25px; margin-bottom:-25px; }
.history .his_bx > div{ display:inline-block; vertical-align:top; padding:55px 50px 50px; width:calc(33.33% - 25px); margin-right:25px; margin-bottom:25px; background:#f5f5f5; box-sizing:border-box; }
.history .his_bx > div.wide{ width:calc(66.66% - 25px)}
.history .his_bx .year{ display:block; margin-bottom:25px; font-size:32px; line-height:42px; color:#222; font-weight:700; letter-spacing:-0.05em; }
.history .his_bx > div.wide ul {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
.history .his_bx ul li{ position:relative; padding-left:14px; margin-bottom:6px; font-size:16px; line-height:26px; color:#666; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
.history .his_bx ul li:after{ content:''; position:absolute; left:0; top:13px; width:2px; height:2px; background:#666; }

/* 문의하기 */
.estimate .top_txt{ display:flex; align-items: center; margin-bottom:60px; min-height:170px; padding:20px 60px; font-size:18px; line-height:30px; color:#666; letter-spacing:-0.05em; background:#f5f5f5; box-sizing:border-box; word-break: keep-all; word-wrap: break-word; }
.estimate .form_wrapS01{ width:100%; max-width:100%; }
.estimate .form_wrapS01 .form_btm > a{ display:block; margin:80px auto 0; float:inherit}

/* 약관 */
#sub .policy .contents{ padding:250px 0 150px; }

/* PC */
@media all and (min-width:1025px){
	/* 공시절차 */
	.process_bx .con_bx li:nth-child(5) {order: 7;}
	.process_bx .con_bx li:nth-child(6) {order: 6;}
	.process_bx .con_bx li:nth-child(7) {order: 5;}
	.process_bx .con_bx li:nth-child(4) .con_w .img_bx::before {width: calc(100% - 111px);}
	.process_bx .con_bx li:nth-child(4) .con_w .img_bx::after {background: #dddddd; height: 345px; width: 4px; right: 0; top: 78px; margin-top: 0; left: auto; z-index: 1;}
	.process_bx .con_bx li:nth-child(5) .con_w .img_bx::before, .process_bx .con_bx li:nth-child(6) .con_w .img_bx::before, .process_bx .con_bx li:nth-child(7) .con_w .img_bx::before {left: auto; right: -50%;}
	.process_bx .con_bx li:nth-child(5) .con_w .img_bx::after, .process_bx .con_bx li:nth-child(6) .con_w .img_bx::after, .process_bx .con_bx li:nth-child(7) .con_w .img_bx::after {transform: rotate(180deg); left: auto; right: -50%;}
	
	/* 인증서 */
	.license_bx .list_bx .img_bx {-webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
	.license_bx .list_bx ul li:hover .img_bx {box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	
	/* 인사말 */
	.greeting .contents{ padding-bottom:0 !important; }
	.greeting .titS01{ margin-bottom:90px; }
	.greeting .bx_wrap{ padding:45px 0; }
	.greeting .bx_wrap .layout > div{ width:50%; }
	.greeting .bx_wrap .left{ padding-right:15px; }
	.greeting .bx_wrap .left .img_bx{  margin-top:-85px; height:380px; }
	.greeting .bx_wrap .right{ padding-left:15px; font-size:13px; line-height:21px; }
	.greeting .bx_wrap .right .s1{ margin-top:12px; margin-bottom:5px; font-size:24px; line-height:32px; }
	.greeting .bx_wrap .right .s2{ margin-bottom:16px; font-size:16px; line-height:21px;  }
	.greeting .bx_wrap .right .space{ height:10px; }
	.greeting .bx_wrap .right p{ max-width:361px;}
	.greeting .bx_wrap .right .sign{ margin-top:20px; font-size:12px; line-height:17px; }
	.greeting .bx_wrap .right .sign strong{ padding-left:6px; font-size:14px; }
	
	/* 조직도 */
	.org .org_bx{ }
	.org .org_bx .dep01 > li > strong{ margin:0 auto 40px; width:140px; height:140px; font-size:24px; line-height:29px; }
	.org .org_bx .dep01 > li > strong:before{ width:130px; height:130px; border:2px solid #fff; }
	.org .org_bx .dep01 > li > strong:after{ height:40px; }
	.org .org_bx .dep02 > li > strong{ margin:0 auto 20px; width:140px; height:50px; font-size:14px; line-height:19px; }
	.org .org_bx .dep02 > li > strong:after{ height:484px; } 
	.org .org_bx .dep03{ margin-right:0; text-align:center; }
	.org .org_bx .dep03 > li.dep0301{  position:relative; top:auto; left:auto; display:inline-block; vertical-align:top; width:50%; padding-left:25px; max-width:200px; box-sizing:border-box; }
	.org .org_bx .dep03 > li.dep0301 > strong{ height:50px; font-size:13px; line-height:16px;  }
	.org .org_bx .dep03 > li.dep0301 > strong:before{ right:50%; top:-45px; width:50%; }
	.org .org_bx .dep03 > li.dep0301 > strong:after{ content:''; position:absolute; left:50%; bottom:100%; width:1px; height:45px; background:#ddd;}
	.org .org_bx .dep03 > li.dep0301 > strong span{ font-size:12px; }
	.org .org_bx .dep03 > li.dep0302{ width:50%; margin-right:0; max-width:200px; padding-right:25px; box-sizing:border-box; }
	.org .org_bx .dep03 > li.dep0302 > strong{ width:100%; height:50px; font-size:13px; line-height:16px; }
	.org .org_bx .dep03 > li.dep0302 > strong:before{ height:45px; }
	.org .org_bx .dep03 > li.dep0302 > strong:after{ left:50%; top:-45px; width:45px; }
	.org .org_bx .dep03 > li.dep0303{ display:block; width:100%; max-width:400px;margin:0 auto;  }
	.org .org_bx .dep04{ margin-right:0; margin-top:40px; text-align:left; }
	.org .org_bx .dep04 > li{ width:50%; margin-right:0; margin-bottom:20px; box-sizing:border-box; }
	.org .org_bx .dep04 > li:nth-child(2n-1){ padding-right:25px; }
	.org .org_bx .dep04 > li:nth-child(2n){ padding-left:25px; }
	.org .org_bx .dep04 > li:last-child{ margin-bottom:0; }
	.org .org_bx .dep04 > li:before{ top:-11px; width:calc(50% + 12px); }
	.org .org_bx .dep04 > li:nth-child(2n-1):before{ margin-left:-12px; }
	.org .org_bx .dep04 > li:nth-child(2n):before{ left:auto; right:50%; margin-right:-12px; }
	.org .org_bx .dep04 > li:nth-child(1):before,.org .org_bx .dep04 > li:nth-child(2):before{ top:-20px; }
	.org .org_bx .dep04 > li:last-child:before{ display:block; }
	.org .org_bx .dep04 > li:after{ height:11px; }
	.org .org_bx .dep04 > li:nth-child(2n-1):after{ margin-left:-12px; }
	.org .org_bx .dep04 > li:nth-child(2n):after{ margin-left:12px; }
	.org .org_bx .dep04 > li:nth-child(1):after,.org .org_bx .dep04 > li:nth-child(2):after{ height:20px; }
	.org .org_bx .dep04 > li > ul li{ margin-bottom:11px; }
	.org .org_bx .dep04 > li > ul li strong{ height:50px; font-size:13px; line-height:18px;}
	
	/* 공시절차 */
	.process_bx .top_bx {margin-top: -20px;}
	.process_bx .top_bx img {max-width: 180px; width: 100%;}
	.process_bx .con_bx {margin-top: 50px; max-width: 300px;}
	.process_bx .con_bx ul {justify-content: left;}
	.process_bx .con_bx ul li:nth-child(n) {width: 50%; margin-top: 30px;}
	.process_bx .con_bx ul li:nth-child(1), .process_bx .con_bx ul li:nth-child(2) {margin-top: 0;}
	.process_bx .con_bx .con_w .img_bx::after {width: 16px; background-size: 13px auto; background-position: center; right: -8px; left: auto;}
	.process_bx .con_bx ul li:nth-child(n) .con_w .img_bx::before, .process_bx .con_bx ul li:nth-child(2n) .con_w .img_bx::after, .process_bx .con_bx ul li:last-child .con_w .img_bx::after {display: none;}
	.process_bx .con_bx .con_w .img_bx img {max-width: 100px; width: 100%;}
	.process_bx .con_bx .con_w .txt_bx {font-size: 13px; line-height: 16px; padding-top: 10px;}
	.process_bx .con_bx .con_w .txt_bx strong {font-size: 11px; line-height: 14px; margin-bottom: 2px;}
	
	/* 인증서 */
	.license_bx {padding: 40px 0 85px;}
	.license_bx .list_bx ul li {width: calc(25% - 15px); margin-right: 20px; margin-top: 30px;}
	.license_bx .list_bx ul li p {font-size: 13px; margin-top: 8px;}
	
	/* our business */
	.business .biz_list .bx{ margin-bottom:45px; }
	.business .biz_list .bx:after{ width:15px; height:15px;  border:3px solid #2fa8e1; }
	.business .biz_list .bx:nth-child(2n-1) .img_bx{ padding-right:30px; }
	.business .biz_list .bx:nth-child(2n) .img_bx{ padding-left:30px; }
	.business .biz_list .bx .img_bx div{ height:250px; }
	.business .biz_list .bx:nth-child(2n-1) .txt_bx{ padding-left:40px; }
	.business .biz_list .bx:nth-child(2n) .txt_bx{ padding-right:40px; }
	.business .biz_list .bx .txt_bx dl dt{ margin-bottom:11px; font-size:20px; line-height:28px; }
	.business .biz_list .bx .txt_bx dl dd{ font-size:13px; line-height:21px; }
	
	/* 사업연혁 */
	.history .his_bx{ margin-right:0; margin-bottom:-10px; }
	.history .his_bx > div{ padding:25px 20px 30px; width:100%; margin-right:0; margin-bottom:10px; }
	.history .his_bx > div.wide{ width:100%}
	.history .his_bx .year{ margin-bottom:12px; font-size:20px; line-height:25px; }
	.history .his_bx > div.wide ul {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
	.history .his_bx ul li{ padding-left:7px; margin-bottom:4px; font-size:12px; line-height:20px; }
	.history .his_bx ul li:last-child{ margin-bottom:0; }
	.history .his_bx ul li:after{ top:10px; width:2px; height:2px; }
	
	/* 문의하기 */
	.estimate .top_txt{ margin-bottom:40px; min-height:inherit; padding:30px 20px; font-size:13px; line-height:21px; }
	.estimate .form_wrapS01 .form_btm > a{ margin:45px auto 0;}
	
	/* 약관 */
	#sub .policy .contents{ padding:120px 0 160px; }

}	

/* 모바일 */
@media all and (max-width:768px){
	/* 인사말 */
	.greeting .bx_wrap{ padding:0; background:transparent; }
	.greeting .titS01{ margin-bottom:55px; }
	.greeting .bx_wrap .layout > div{ width:100%; }
	.greeting .bx_wrap .left{ padding-right:0; }
	.greeting .bx_wrap .left .img_bx{ max-width:100%; margin-top:0; height:auto; }
	.greeting .bx_wrap .left img{ position:relative; left:auto; top:auto; }
	.greeting .bx_wrap .right{ margin-left:-15px; padding:45px 15px; width:calc(100% + 30px) !important; background:#f5f5f5; transform: translate3d(0,100px,0); }
	.greeting .bx_wrap .right p{ max-width:470px;}
	
	/* 인증서 */
	.license_bx .list_bx ul li:nth-child(n) {width: calc(50% - 7.5px); margin-right: 15px; margin-top: 20px;}
	.license_bx .list_bx ul li:nth-child(2n) {margin-right: 0;}
	.license_bx .list_bx ul li:nth-child(1), .license_bx .list_bx ul li:nth-child(2) {margin-top: 0;}

	/* our business */
	.business .biz_list:before{ display:none; }
	.business .biz_list .bx{ display:block; }
	.business .biz_list .bx:after{ display:none; }
	.business .biz_list .bx:nth-child(2n-1) .img_bx{ padding-right:0; }
	.business .biz_list .bx:nth-child(2n) .img_bx{ padding-left:0; }
	.business .biz_list .bx > div{ width:100%; }
	.business .biz_list .bx .img_bx{ margin-bottom:22px; }
	.business .biz_list .bx .img_bx div{ height:auto; }
	.business .biz_list .bx .img_bx div img{ position:relative; left:auto; top:auto; }
	.business .biz_list .bx:nth-child(2n-1) .txt_bx{ padding-left:0; }
	.business .biz_list .bx:nth-child(2n) .txt_bx{ padding-right:0; }
	.business .biz_list .bx:nth-child(2n) dl{ float:inherit; display:block; }

}