#sub-about-us .gw-btn-wrap{position: relative;z-index: 100;}
#sub-about-us .gw-img-container{height: 500px;}
#sub-about-us .gw-img-container > div{position: absolute;bottom: 0;left: 0;overflow: hidden;}
#sub-about-us .gw-img-container .bg{width:100%;height:500px;}
#sub-about-us .gw-img-container .img{width: 100%;bottom: 0;right: 0;}
#sub-about-us .gw-img-container .building {transform: translateY(100%);opacity:0;transition: all 1.5s ease;}
#sub-about-us.active .gw-img-container .building{transform: translateY(0);opacity: 1;}
#sub-about-us .gw-company-container {margin: 0 auto;width: 1300px;border-top: 2px solid #000;}
#sub-about-us .gw-company-container > li{padding:19px 30px;border-bottom: 1px solid #ddd;}
#sub-about-us .gw-box-container{flex-wrap: wrap;}
#sub-about-us .gw-box-container > li{position:relative;padding: 40px 20px;background: #fff;counter-increment: list-counter;}
#sub-about-us .gw-box-container > li:before {content: counter(list-counter, decimal-leading-zero); position: absolute;left: 20px; top: 20px;font-family: "Outfit", sans-serif; font-weight: 600;color: #999;}
#sub-about-us .gw-col-2{width:calc(50% - 10px);}
#sub-about-us .gw-col-3{width:calc(33.3% - 10px);}
#sub-about-us .gw-col-4{width:calc(25% - 10px);}
#sub-about-us .gw-box-container .icon{color: var(--main-color);}

.gw-w-301 {width: 20% !important;}
.gw-w-701 {width: 70% !important;}


/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1280px){
    #sub-about-us .gw-box-container{padding: 0;}
}

@media screen and (max-width:1024px){
    #sub-about-us .gw-w-15{width:25% !important;}
    #sub-about-us .gw-box-container{padding: 0;}
}

@media screen and (max-width:768px){
    #sub-about-us .gw-w-15 {width: 25% !important;}
    #sub-about-us .gw-img-container{height: 25vh;}
    #sub-about-us .gw-img-container .bg{height: 25vh;}
    #sub-about-us .gw-img-container .building{transform:translateY(0);opacity:1;}
    #sub-about-us .gw-company-container{width: 100%;}
    #sub-about-us .gw-col-4{width: calc(50% - 5px);}
}

@media screen and (max-width:576px){
    #sub-about-us .gw-w-15{width:100% !important;}
    #sub-about-us .gw-img-container{height: 15vh;}
    #sub-about-us .gw-img-container .bg{height: 15vh;}
    #sub-about-us .gw-company-container > li{padding:20px;flex-direction: column;align-items: flex-start;gap: 5px;}
    #sub-about-us .gw-box-container > li{padding:20px;}
}

/* Background & Purpose */
.fc_ver3_pointer {color:#C53428; }
.daon_content_wrap{width:100%; min-width:320px; margin:0 auto;}

.daon_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;}
.daon_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.daon_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

.daon_ver3_sub_type07 {width:100%; max-width:1500px; margin:0 auto;color:#000;}
.daon_ver3_sub_type07:after{ content:""; display:block; clear:both; }
.daon_ver3_sub_type07 .type07-1 {width:100%;}
.daon_ver3_sub_type07 .type07-1:after{ content:""; display:block; clear:both;}	
.daon_ver3_sub_type07 .type07-1 ul {width:100%; font-size:1em; margin-top:50px; text-align:center; overflow:hidden;}
.daon_ver3_sub_type07 .type07-1 ul li {display:inline-block; vertical-align:top; width:31%; margin-right:2%; text-align:left; transition:0.3s all ease; }
.daon_ver3_sub_type07 .type07-1 ul li:nth-child(3n) {margin-right:0;}
.daon_ver3_sub_type07 .type07-1 ul li .img_box { width:100%; border-radius:10px; overflow:hidden;} 
.daon_ver3_sub_type07 .type07-1 ul li .img_box img {width:100%; transition:0.3s all ease;}
.daon_ver3_sub_type07 .type07-1 ul li dl {position:relative; width:100%; margin:0; padding:25px 15px 50px 15px; transition:0.3s all ease; }
.daon_ver3_sub_type07 .type07-1 ul li dl em.num { display:inline-block; padding-bottom:5px; color:#e53d30; font-size:1.25em; font-weight:700; font-style:normal; border-bottom:1px solid #e53d30;}
.daon_ver3_sub_type07 .type07-1 ul li dl dt { display:block; margin-top:15px; color:#000; font-size:2em; font-weight:700; }
.daon_ver3_sub_type07 .type07-1 ul li dl dd {display:block; margin-top:15px; color:#333; font-size:1.15em; display:-webkit-box; overflow:hidden; text-overflow:ellipsis;}
/*.daon_ver3_sub_type07 .type07-1 ul li dl dd {display:block; margin-top:15px; color:#333; font-size:1.15em; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp :4; -webkit-box-orient:vertical; }
*/

.daon_ver3_sub_type07 .type07-1 ul li a.btn_view { position:relative; display:block; margin-top:30px; text-align:center; width:150px; height:50px; line-height:50px; color:#222; border:1px solid #ddd; box-sizing:border-box; border-radius:50px; overflow:hidden; transition:0.3s all ease;}
.daon_ver3_sub_type07 .type07-1 ul li a.btn_view:before {z-index:-1;  opacity:1; content: ""; display:block; position:absolute; left:-150px; width:100%; height:100%; background-color:#e53d30; transition:0.5s all ease;}
.daon_ver3_sub_type07 .type07-1 ul li a.btn_view:hover  { color:#000;}
.daon_ver3_sub_type07 .type07-1 ul li a.btn_view:hover:before  {z-index:-1; opacity:1;  left:0; transition:0.5s all ease;}
.daon_ver3_sub_type07 .type07-1 ul li:hover .img_box img { transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.daon_ver3_sub_type07 .type07-1 ul li:hover dl dt {color:#e53d30;}

.082901{padding-left:20px;}

@media all and (max-width:1500px){
	.daon_ver3_sub_type07 {padding:0 4%;}
}

@media all and (max-width:992px){		
	.daon_ver3_page_title{margin-bottom:50px;}	
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}	
	
	.daon_ver3_sub_type07 .type07-1 ul li { width:48%; margin:0 1%;}
	.daon_ver3_sub_type07 .type07-1 ul li:last-child {margin-bottom:0;}
}

@media screen and (max-width:768px){		
	.daon_ver3_page_title{margin-bottom:40px;}
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}

	.daon_ver3_sub_type07 .type07-1 ul li { width:100%; margin:0;}
}

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