@charset "utf-8";

/* 테마/sub/서브페이지.php 에 사용되는 css를 추가 할 수 있습니다. */


/* ****************************************************************************************** */
/* sub section common */
.sub_sec{padding:0px 0 0px}
.sub_sec .title{padding-bottom:4rem; text-align:center;}
.sub_sec .title h3{padding-bottom:4px; letter-spacing:0.02em; text-transform:capitalize; font-size:36px; font-weight:400;}
.sub_sec .title h3 span{text-transform:uppercase;}
.sub_sec_con{}



/* ****************************************************************************************** */
/* partner.php - 사업분야 */
.partner_sec {margin-bottom: 80px;}
.partner_sec ul{max-width:1600px; margin:auto; font-size:0}
.partner_sec ul li{position:relative; display:inline-block; width:calc(33.333% - 24px); height:240px; margin:0 12px; font-size:16px; overflow:hidden; margin-bottom: 20px}
.partner_sec ul li .original{position:relative; width:100%; height:100%; background:#f7f7f7; }
.partner_sec ul li .original span{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%,-50%); 
	text-transform:capitalize; letter-spacing:0.1em; font-size:20px; font-weight:600;}
.partner_sec ul li .covered{position:absolute; bottom:-100px; left:0; width:calc(100% - 32px); height:100px; padding:1rem; background:#fff; opacity:0; font-size:14px;
	-webkit-transition:all .3s ease; transition:all .3s ease;}
.partner_sec ul li:hover .covered{bottom:0; opacity:1}


.partner_sec ul li:first-child{}
.partner_sec ul li:nth-child(2){}


.partner_sec .buin {text-align: center; margin-top: 40px;}
.partner_sec .buin span {font-size: 16px; background-color: #3D3D3D; padding: 10px 30px;margin:0 auto;text-align: center; color: white; margin-top: 20px;border-radius:2rem;cursor: pointer}
.partner_sec .buin span:hover {font-size: 16px; background-color: #5bb6e2; padding: 10px 30px;margin:0 auto;text-align: center; color: white; margin-top: 20px;border-radius:2rem;cursor: pointer}






/* our client */

.client_sec {padding:100px 0 150px; display: none}
.client_sec{background:#f5f6f7;}
.client_sec .client{max-width:1024px; margin:auto; }
.client_sec ul{margin:0 -12px; font-size:0;}
.client_sec ul li{display:inline-block; width:calc(33.3333% - 24px); margin:0 12px 24px; height:160px; background:#fff; text-align:center; vertical-align:top; font-size:16px;
	-webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
.client_sec ul li figure{position:relative; width:100%; height:100%; margin:0; padding:0; }
.client_sec ul li img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%,-50%); width:50%; height:auto;}
.client_sec ul li:hover{box-shadow:0 10px 30px 0 rgba(0,0,0,0.1);}





/* ****************************************************************************************** *
 * 1200px
 * ****************************************************************************************** */
@media screen and (max-width:1200px) {
	
	/* about */
	.about_contact_sec{padding:6rem 2rem;}

}
/* 1200px end */



/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** */
@media screen and (max-width:1024px) {
	
	/* about */
	.about_profile_sec > .inner{padding:0 24px;}

}
/* 1024px end */



/* ****************************************************************************************** *
 * 768px
 * ****************************************************************************************** */
@media screen and (max-width:768px) {
	
	/* about.php - 회사소개 */
	.project_request_sec .about_phil li{width:calc(50%); margin:0 0 1rem; font-size:13px;}
	.project_request_sec .about_phil li .txt{padding:0 24px 24px;}
	.about_contact_sec{padding:4rem 2rem;}
	.about_intro_sec dl dt span{font-size:48px;}
	.about_intro_sec dl dd h2{font-size:32px;}
	.about_intro_sec dl dd div{padding-left:0;}
	.about_intro_sec dl dd p{width:100%; padding-left:0;}
	.about_intro_sec dl dd p:first-child{padding-bottom:1rem;}


	/* contact */
	.contact_sec .address_info{padding:1.5rem 1rem 1rem;}
	.contact_sec .address_info dl dt{margin-bottom:.5rem; font-size:14px;}
	.contact_sec .address_info dl dd{font-size:16px;}
	.contact_sec .contact_info dl dt{width:80px; height:80px;}
	.contact_sec .contact_info dl dd{width:calc(100% - 80px); padding-top:.25rem;}
    
    
    	/* partner.php */

    
    
    	.partner_sec ul, .client_sec ul{margin:0 7.5px;}
	.partner_sec ul li{width:calc(100% - 15px); margin:0 7.5px 15px;}
	.client_sec ul li{width:calc(50% - 15px); margin:0 7.5px 15px;}

    
    
 

    
    
    

}
/* 768px end */



/* ****************************************************************************************** *
 * 767px
 * ****************************************************************************************** */
@media screen and (max-width:767px) {

	/* about.php - 회사소개 */
	.about_profile_sec > .inner{padding:0 20px;}
	.about_profile_sec dl{padding:10px 15px;}
	.about_profile_sec dl dt, 
	.about_profile_sec dl dd{float:none; width:100%; margin-left:0; padding:5px 0; text-align:left;}
	

	/* contact */
	.contact_sec .address_info{padding:1.5rem;}
	.contact_sec .address_info dl{width:100%;}
	.contact_sec .address_info dl:nth-child(1){padding-bottom:.5rem;}
	.contact_sec .address_info dl dt{margin-bottom:0; padding:0; border:0; font-size:14px;}
	.contact_sec .address_info dl dd{font-size:14px;}

	.contact_sec .contact_info dl{width:100%;}
	.contact_sec .contact_info dl dt{width:60px; height:60px; font-size:16px;}
	.contact_sec .contact_info dl dd{width:calc(100% - 60px); padding-left:.5rem;}
	.contact_sec .contact_info dl dd p{display:inline; font-size:13px;}
	.contact_sec .contact_info dl dd p:nth-of-type(1){padding-right:8px;}
	.contact_sec .contact_info dl dt i {font-size:18px;}


	/* work */
	.work_area_sec ul li{width:calc(100% - 32px);}
	.process_sec{background:#f7f7f7;}
	.project_request_sec{padding:4rem 20px;}


}
/* 767px end */





/* ****************************************************************************************** *
 * 480px
 * ****************************************************************************************** */
@media screen and (max-width:480px) {
	
	/* sub section common */
	.sub_sec .title{padding:0 1rem 3rem;}	
	.sub_sec .title h3{letter-spacing:0; font-size:28px;}
	.sub_sec .title p{display:inline;}

	/* about */
	.about_intro_sec dl dt span{font-size:36px;}	

	/* work */
	.work_area_sec ul li > div:last-child{padding:1.5rem 0 2rem;}
	.project_request_sec > .inner{padding:0 15px;}

}
/* 480px end */





/* ****************************************************************************************** *
 * 320px
 * ****************************************************************************************** */
@media screen and (max-width:320px) {
	
	/* contact */
	.contact_sec .contact_info dl dt{display:none;}
	.contact_sec .contact_info dl dd{width:100%; padding:0;}

}
/* 320px end */