@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{}



/* ****************************************************************************************** */
/* about.php - 회사소개 */
.about_intro_sec dl{}
.about_intro_sec dl dt{position:relative; height:200px; background:url('../img/about_intro.jpg') center no-repeat; background-attachment:fixed;}
.about_intro_sec dl dt span{position:absolute; font-size:72px; font-weight:100; color:#fff;}
.about_intro_sec dl dt span:first-child{top:1rem; right:1rem;}
.about_intro_sec dl dt span:last-child{bottom:1rem; left:1rem;}
.about_intro_sec dl dd{padding-top:2rem;}
.about_intro_sec dl dd h2{padding-bottom:1rem; letter-spacing:-0.04em; font-size:48px; font-weight:300;}
.about_intro_sec dl dd div{padding-left:10rem; font-size:0}
.about_intro_sec dl dd p{display:inline-block; width:50%; padding-left:1rem; vertical-align:top; line-height:1.8; font-size:15px;}
.about_intro_sec dl dd span{display:block;}

/* 회사철학 */
.about_phil{max-width:1024px; width:100%; margin:auto; font-size:0;}
.about_phil li{display:inline-block; width:calc(33.3333% - 32px); margin:0 16px; box-shadow:0 3px 6px 0 rgba(0,0,0,0.1); text-align:center; font-size:15px; vertical-align:top;}
.about_phil li:first-child{background:#237ab8; color:#fff;}
.about_phil li:nth-child(2){background:#5bb6e2; color:#fff;}
.about_phil li:nth-child(3){background:#f7f7f7;}
.about_phil li .icon{padding:24px; position:relative;}
.about_phil li:nth-child(3) .icon:after{background:#646873;}
.about_phil li .icon figure{width:4rem; height:4rem; margin:0 auto; padding:0; border-radius:2rem; background:#fff; position:relative;}
.about_phil li .icon figure img{position:absolute; top:50%; left:50%; margin-top:-22px; margin-left:-22px;}
.about_phil li .txt{padding:0 24px 16px;min-height:150px;}
.about_phil li .txt h4{padding-bottom:1rem; text-transform:uppercase; letter-spacing:0.1em; font-size:1.125rem; font-weight:700; }

/* 프로필 */
.about_profile_sec{background:#fafafa;}
.about_profile_sec > .inner{max-width:1024px; margin:auto; padding:0 14px;}
.about_profile_sec dl{margin-bottom:10px; padding:15px 40px; background:#fff; line-height:1;}
.about_profile_sec dl:after{content:""; display:block; clear:both;}
.about_profile_sec dl dt{float:left; width:200px; padding:10px 0; text-align:center; font-weight:600;}
.about_profile_sec dl dd{margin-left:200px; padding:10px 0;}



	/* 그누보드 내용관리등 에디터로 입력할 경우  여기서부터 */
	.fc_pointer {color:#1F88E5; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_page_title{width:100%; margin-bottom:70px;}
	.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


	.business_type4 {width:100%; max-width:1200px;  margin-top: 50px;}
	.business_type4:after{ content:""; display:block; clear:both;}
	.business_type4 .business_info { position:relative; width:100%; height:650px; margin:150px auto; background:none;}

	.business_type4 .business_info:after{ content:""; display:block; clear:both;}
	.business_type4 .business_info:first-child {margin-top:0px;}
	.business_type4 .business_info .img_left { position:absolute; left:0; top:0; width:650px; height:400px;  }
	.business_type4 .business_info .img_left img{ width:100%; height:auto;}
	.business_type4 .business_info .img_right { position:absolute; right:0; top:0; width:650px; height:400px;  }
	.business_type4 .business_info .img_right img{ width:100%; height:auto;}
	.business_type4 .business_info .con_box { position: absolute; right:0; top:25%; width:55%; height:450px; background:rgba(255,255,255,1); box-shadow:10px 10px 5px rgba(0,0,0,0.04); }
	.business_type4 .business_info .con_box .txt_area {padding:10%; }
	.business_type4 .business_info .con_box .txt_area:before { display: block; content: ''; position: absolute; left: -80px; top:23%;  width:20%; height:1px; background:#000;}
	.business_type4 .business_info .con_box .txt_area em { position:relative; display:block; vertical-align:middle; color:#ddd;  font-size:3em;}
	.business_type4 .business_info .con_box .txt_area strong {display:block; color:#333;  font-size:1.5em; font-weight: 600;  line-height:1.5em; margin:30px 0 20px 0;}
	.business_type4 .business_info .con_box .txt_area p.box_txt {display:block; color:#555; font-size:1em;  font-weight: 300;  line-height:1.5em; text-align:justify;  }
	.business_type4 .business_info .type_other { position: absolute; left: 0; top:25%; width:55%; height:600px; background:rgba(255,255,255,1);  box-shadow:10px 10px 5px rgba(0,0,0,0.04); }
	.business_type4 .business_info .type_other .txt_area:before {display:none;}
	.business_type4 .business_info .type_other .txt_area:after { display: block; content: ''; position: absolute; right:-80px; top:23%; width:20%; height:1px; background:#000; }



	.history_type1 {width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.history_type1 .innerBox{position:relative; width:100%; }
	.history_type1 .innerBox:after{content:'';display:block;clear:both;}
	.history_type1 h3 {text-align:center; padding-bottom:20px; font-size:2em; font-weight:400; color:black;}
	.history_type1:first-child h3 { padding:0px 0 50px 0;}
	.history_type1 .history { position:relative; margin-bottom:100px;}
	.history_type1 .history:last-child{margin-bottom:0px;}
	.history_type1 .history:before { content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#eee;} /* 라인색상 */
	.history_type1 .history .img_box {position:absolute; top:0; left:0; padding:0; margin:0; width:50%; text-align:left; }
	.history_type1 .history .img_box img { width:auto;}

	.history_type1 .history > div { position:relative; margin-left:50%; padding-left:90px; margin-bottom:45px; }
	.history_type1 .history > div:before { content:''; display:block; position:absolute; top:10px; left:-2px; width:5px; height:5px; border-radius:50%; background:#555;} /* 라인포인트색상 */
	.history_type1 .history > div .year { position:absolute; top:0; left:20px; font-size:1em; color:#555; padding:0 10px; margin-bottom:15px; display:inline-block; border:1px solid #ddd;}
	.history_type1 .history > div ul {padding:0; margin:0; }
	.history_type1 .history > div ul li { padding:0; margin:0;}
	.history_type1 .history > div ul li p {margin-top:0px; }
	.history_type1 .history > div ul li p strong { width:15%; display:inline-block; vertical-align:top; font-size:0.9em; text-align:center; }
	.history_type1 .history > div ul li p span {width:85%; display:inline-block; font-size:0.9em;  }



/* ****************************************************************************************** */
/* contact.php - 오시는길 */
.contact_sec .address_info{margin-top:-5px; padding:1.5rem 2rem; background:#f9f9f9; font-size:0;}
.contact_sec .address_info dl, .contact_sec .address_info dl dt, .contact_sec .address_info dl dd{display:inline-block; vertical-align:middle; line-height:1;}
.contact_sec .address_info dl{width:50%; font-size:15px;}
.contact_sec .address_info dl dt{font-weight:600; padding:.75rem 1.5rem; border:1px solid #646873; border-radius:2rem;}
.contact_sec .address_info dl dd{padding-left:.5rem; font-size:18px;}

.contact_sec .contact_info{padding-top:4rem; padding-bottom:4rem; font-size:0;}
.contact_sec .contact_info dl, .contact_sec .contact_info dl dt, .contact_sec .contact_info dl dd{display:inline-block; vertical-align:top;}
.contact_sec .contact_info dl{width:50%; margin-bottom:1rem;}
.contact_sec .contact_info dl dt{width:100px; height:100px; border-radius:50px; border:1px solid #646873; text-align:center; font-size:15px;}
.contact_sec .contact_info dl dt i{position: relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:20px;}
.contact_sec .contact_info dl dd{width:calc(100% - 100px); padding-top:.5rem; padding-left:1rem; font-size:15px;}
.contact_sec .contact_info dl dd h4{padding-bottom:4px; }
.contact_sec .contact_info dl dd p{font-size:14px;}



/* ****************************************************************************************** */
/* work.php - 사업분야 */

.work_area_sec {margin-bottom: 70px;}
.work_area_sec .title{padding-bottom:1rem; text-align:center;}
.work_area_sec .title h3{padding-bottom:4px; letter-spacing:0.02em; text-transform:capitalize; font-size:36px; font-weight:400;}
.work_area_sec .title h3 span{text-transform:uppercase;}

.work_area_sec ul{margin:0 -16px; font-size:0;}
.work_area_sec ul li{display:inline-block; width:calc(33.3333% - 32px); margin:0 16px; font-size:15px;}
.work_area_sec ul li *{-webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
.work_area_sec ul li > div:first-child{height:240px; background:#fafafa; overflow:hidden;}
.work_area_sec ul li > div:last-child{padding:1.5rem 0 3rem;}
.work_area_sec ul li h4{padding-bottom:.5rem; font-size:18px;}
.work_area_sec ul li img{width:100%; height:100%; object-fit:cover; }
.work_area_sec ul li:hover img{-webkit-filter:inheirt; filter:inherit;}
.work_area_sec ul li:hover h4{color:#5bb6e2;}

.work_area_sec .topfont {letter-spacing:-0.04em; font-size:30px; font-weight:300; text-align: center; color: #6FC7DB; margin-bottom: 40px;line-height:120%}


/* 이용절차 */


.process_sec  {padding-bottom: 50px;}
.process_sec  .title{padding-bottom:3rem; text-align:center; }
.process_sec  .title h3{padding-bottom:4px; letter-spacing:0.02em; text-transform:capitalize; font-size:36px; font-weight:400;}
.process_sec  .title h3 span{text-transform:uppercase;}



.process_sec  .title .bu a{font-size: 16px; margin-top: 20px; border: 0px solid #000000; width: 15%; padding: 10px; display: inline-block; cursor: pointer; background-color: #3D3D3D; color: white; border-radius:20px;}
.process_sec  .title .bu a:hover{font-size: 16px; margin-top: 20px; border: 0px solid #6FC7DB; width: 15%; padding: 10px; display: inline-block; cursor: pointer; background-color: #6FC7DB;}




.process_sec{background:linear-gradient(to right bottom, #fff 50%, #fafafa 50%);}
.process_sec .content{width:100%; margin:auto;}
.process_sec .process{text-align:center;}
.process_sec .process li{display:inline-block; width:16rem; height:16rem; margin:0 2rem 2rem; padding:2rem 2rem 1rem; border-radius:8rem; border:1px solid #646873;	
	vertical-align:top; -webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
.process_sec .process li > h4{padding-bottom:5px; font-size:1.25rem;}
.process_sec .process li:hover{background:#6FC7DB; border-color:#6FC7DB; color:#fff;}
.process_sec .process li img{width:110px; height:auto;}



.process_sec .content2{max-width:1200px; margin:auto; margin-top: 50px;}
.process_sec .content2 .title{padding-bottom:20px; text-align:left; }
.process_sec .content2 .title h3{padding-bottom:4px; letter-spacing:0.02em; text-transform:capitalize; font-size:36px; font-weight:400;}
.process_sec .content2 .title h3 span{text-transform:uppercase;}





.process_sec .content2 .list li{position:relative;display:inline-block;width:19.5%;text-align:center;padding:15px 15px 10px;margin:0 0 0px 0px;min-height:230px;}

.process_sec .content2 .list li:first-child{background:#E5E4E4;}
.process_sec .content2 .list li:nth-child(2){background:#E5E4E4;}
.process_sec .content2 .list li:nth-child(3){background:#E5E4E4;}
.process_sec .content2 .list li:nth-child(4){background:#E5E4E4;}
.process_sec .content2 .list li:nth-child(5){background:#E5E4E4;}



.process_sec .content2 .list h4{font-size: 14px;margin-bottom: 10px;}
.process_sec .content2 .list p{font-size: 16px; display: inline-block;line-height:120%; font-weight: 600}





.process_sec .content2 .list2 li{position:relative;display:inline-block;width:19.5%;text-align:center;padding:15px 15px 10px;margin:0 0 0px 0px;min-height:230px;}

.process_sec .content2 .list2 li:first-child{background:#929190;}
.process_sec .content2 .list2 li:nth-child(2){background:#929190;}
.process_sec .content2 .list2 li:nth-child(3){background:#929190;}
.process_sec .content2 .list2 li:nth-child(4){background:#929190;}
.process_sec .content2 .list2 li:nth-child(5){background:#929190;}


.process_sec .content2 .list2 h4{font-size: 14px;margin-bottom: 10px; color: white}
.process_sec .content2 .list2 p{font-size: 16px; display: inline-block;line-height:120%; font-weight: 600; color: white}



/* 프로젝트 의뢰하기 */
.project_request_sec{padding:8rem 0; background:url('../img/sub_start_project.jpg') no-repeat; background-attachment:fixed;}
.project_request_sec .content{max-width:1200px; margin:auto;}
.project_request_sec .content p{font-size:18px; color:#ffffff;}
.project_request_sec .content a{position:relative; font-size:40px; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; color:#5bb6e2; }
.project_request_sec .content i{position:absolute; top:50%; right:0; width:0; height:32px; background:url('../img/icon_arrow_next.svg') no-repeat;
	background-size:auto 16px; opacity:0; -webkit-transition:all .3s ease-out; transition:all .3s ease-out;}

/* 프로젝트 의뢰하기 hover */
.project_request_sec .content a:hover{color:#5bb6e2;}
.project_request_sec .content a:hover i{opacity:1; right:-80px; width:70px;  }

.project_request_sec .content .tbox {font-size: 14px; color: white; font-weight: 100}



.project_request_sec .about_phil{max-width:1200px; width:100%; margin:auto; font-size:0; margin-top:20px}
.project_request_sec .about_phil li{display:inline-block; width:calc(25% - 32px); margin:0 16px; box-shadow:0 3px 6px 0 rgba(0,0,0,0.1); text-align:center; font-size:15px; vertical-align:top;margin-bottom: 32px;}
.project_request_sec .about_phil li:first-child{background:#237ab8; color:#fff;}
.project_request_sec .about_phil li:nth-child(2){background:#5bb6e2; color:#fff;}
.project_request_sec .about_phil li:nth-child(3){background:#FDD97B; color:#fff;}
.project_request_sec .about_phil li:nth-child(4){background:#B7B6B2; color:#fff;}
.project_request_sec .about_phil li:nth-child(5){background:#237ab8; color:#fff;}

.project_request_sec .about_phil li:nth-child(6){background:#5bb6e2; color:#fff;}
.project_request_sec .about_phil li:nth-child(7){background:#FDD97B; color:#fff;}
.project_request_sec .about_phil li:nth-child(8){background:#B7B6B2; color:#fff;}

.project_request_sec .about_phil li .icon{padding:24px; position:relative;}
.project_request_sec .about_phil li:nth-child(3) .icon:after{background:#646873;}
.project_request_sec .about_phil li .icon figure{width:100px; height:100px; margin:0 auto; padding:0; border-radius:50px; background:#EBEBEB; position:relative;}
.project_request_sec .about_phil li .icon figure img{position:absolute; top:50%; left:50%; margin-top:-32px; margin-left:-30px;}
.project_request_sec .about_phil li .txt{padding:0 24px 16px;min-height:80px; font-size: 12px;}

.project_request_sec .about_phil li .txt p{font-size: 14px;}
.project_request_sec .about_phil li .txt h4{padding-bottom:1rem; text-transform:uppercase; letter-spacing:0.1em; font-size:1.125rem; font-weight:700; }





/* 대리점 안내 */
.project_request_sec2{padding:5rem 0; background:url('../img/sub_start_project2.jpg') no-repeat; background-attachment:fixed;}
.project_request_sec2 .content{max-width:1200px; margin:auto;}
.project_request_sec2 .content p{font-size:18px; color:#ffffff;}
.project_request_sec2 .content a{position:relative; font-size:40px; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; color:#5bb6e2; }
.project_request_sec2 .content i{position:absolute; top:50%; right:0; width:0; height:32px; background:url('../img/icon_arrow_next.svg') no-repeat;
	background-size:auto 16px; opacity:0; -webkit-transition:all .3s ease-out; transition:all .3s ease-out;}





.project_request_sec2 .box li{position:relative;width:49.5%;padding:15px 15px 10px; margin-bottom: 0px; display: inline-block; vertical-align: top;}
.project_request_sec2 .box li:first-child{  text-align: right; padding-right: 50px;}
.project_request_sec2 .box li:nth-child(2){background:#5bb6e2; color:#fff;}



.project_request_sec2 .box li .txt p{font-size: 16px;}
.project_request_sec2 .box li .txt2 p{font-size: 20px; font-weight: 100; padding: 30px;}

.project_request_sec2 .box li .txt2 .top{font-size: 22px; font-weight: 100; padding: 30px; background-color: #3D3D3D; }

.project_request_sec2 .box .txt h4{padding-bottom:1rem; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; color:#5bb6e2; font-size:40px; font-weight:400;line-height:120%;}


.project_request_sec2 .box li .txt .button{font-size: 18px; color: white; display: inline-block; margin-left: 20px; background-color: #3D3D3D;  border-radius: 20px; font-weight:400; padding: 5px 20px 5px 20px; cursor: pointer; border: 1px solid #eeeeee}

.project_request_sec2 .box li .txt .button:hover{font-size: 18px; color: white; display: inline-block; margin-left: 20px; background-color: #6FC7DB;  border-radius: 20px; font-weight:400; padding: 5px 20px 5px 20px; cursor: pointer}











/* 프로젝트 의뢰하기 hover */
.project_request_sec2 .content a:hover{color:#5bb6e2;}
.project_request_sec2 .content a:hover i{opacity:1; right:-80px; width:70px;  }

.project_request_sec2 .content .tbox {font-size: 14px; color: white; font-weight: 100}



/* 대리점 하단 */
.da_sec {max-width:1200px; width:100%; margin:auto; font-size:0; padding-top: 70px}
.da_sec .title{padding-bottom:1rem; text-align:center;}
.da_sec .title h3{padding-bottom:4px; letter-spacing:0.02em; text-transform:capitalize; font-size:36px; font-weight:400;}
.da_sec .title h3 span{text-transform:uppercase;}


.da_sec .topfont {letter-spacing:-0.04em; font-size:30px; font-weight:300; text-align: center; color: #6FC7DB; margin-bottom: 40px;line-height:120%}

.da_sec .box ul li{position:relative;width:49.5%;padding:15px 25px; margin-bottom: 50px; display: inline-block; vertical-align: top; border-right: 1px solid #eeeeee}
.da_sec .box li:first-child{ padding-right: 0px;}
.da_sec .box li:nth-child(2){border-right: 0px solid #eeeeee}

.da_sec .box li .txt {font-size: 20px; background-color:#5bb6e2; padding: 10px 20px; color: white; display: inline-block; border-radius:2rem; margin-bottom: 20px;}
.da_sec .box li .txt2 {margin-top: 0px; margin-bottom: 5px;}
.da_sec .box li .txt2 span{font-size: 16px; display: inline-block; padding: 20px;background-color: #eeeeee; margin-right: 3px; font-weight: 600}
.da_sec .box li .txt2 p{font-size: 16px; display: inline-block;padding: 20px;background-color: #AEEAF4; width: 60%;  font-weight: 600}

.da_sec .box li .txt3 {font-size: 20px; background-color:#5bb6e2; padding: 10px 20px; color: white; display: inline-block; border-radius:2rem; margin-bottom: 20px; margin-top: 20px;}
.da_sec .box li .txt4 span{font-size: 16px;   margin-right: 3px; font-weight: 600}

.da_sec .box li .schbox {margin-top: 20px;}

.da_sec .box li .txt5 {font-size: 20px; background-color:#3D3D3D; padding: 5px 20px; color: white; display: inline-block; border-radius:2rem; margin-top: 20px; cursor: pointer}












/* ****************************************************************************************** */
/* partner.php - 사업분야 */
.partner_sec ul{max-width:1600px; margin:auto; font-size:0}
.partner_sec ul li{position:relative; display:inline-block; width:calc(25% - 24px); height:240px; margin:0 12px; font-size:16px; overflow:hidden;}
.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}

/* our client */
.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;}
    
    
    /* 버튼 */
    .process_sec  .title .bu a{font-size: 16px; margin-top: 20px; border: 0px solid #000000; width: 60%; padding: 10px; display: inline-block; cursor: pointer; background-color: #3D3D3D; color: white; border-radius:20px;}
.process_sec  .title .bu a:hover{font-size: 16px; margin-top: 20px; border: 0px solid #6FC7DB; width: 60%; padding: 10px; display: inline-block; cursor: pointer; background-color: #6FC7DB;}
    
    
    
    .work_area_sec .topfont {letter-spacing:-0.04em; font-size:20px; font-weight:300; text-align: center; color: #6FC7DB; margin-bottom: 40px;line-height:120%}
    
    .project_request_sec .content a{position:relative; font-size:25px; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; color:#5bb6e2; margin-left: 5%; }
    .project_request_sec .content p{font-size:18px; color:#ffffff;  margin-left: 5%;}
    .project_request_sec .content .tbox {font-size: 14px; color: white; margin-left: 5%; margin-right: 5%;}
    
    
    
    .process_sec .content2 {display: none}
    
    
    
    
    .business_type4 .business_info { height:auto; margin:50px auto;}
		.business_type4 .business_info .img_left { position:relative; width:100%; height:auto;  background:#000; }
		.business_type4 .business_info .img_left img{ height:auto;}
		.business_type4 .business_info .img_right { position:relative; width:100%; height:auto;  background:#000; }
		.business_type4 .business_info .img_right img{ height:auto;}
		.business_type4 .business_info .con_box { position:relative; width:90%; left:50%; top:-50px; margin-left:-45%; height:auto; }
		.business_type4 .business_info .con_box .txt_area:before { display: none;}
		.business_type4 .business_info .type_other .txt_area:after {display:none;}
		.business_type4 .business_info .con_box .txt_area{padding:15px;}
		.business_type4 .business_info .con_box .txt_area strong{font-size:1.2em;}
    
    
    
    
    .history_type1 .history .img_box { display:block; position:relative; top:0; left:0; width:100%; padding:0; margin-bottom:40px;}
		.history_type1 .history .img_box img { width:100%;}
		.history_type1 .history:before { left:20px; } /* 라인 */
		.history_type1 .history > div { margin-left:0; }
		.history_type1 .history > div:before {left:18px; }
		.history_type1 .history > div .year { top:0px; left:40px; font-size:0.9em;}
		.history_type1 .history > div ul li { font-size:0.9em;}
    
    
    .project_request_sec2 .box li{position:relative;width:100%;padding:0px 0px 30px; margin-bottom: 0px; display: inline-block; vertical-align: top; }
.project_request_sec2 .box li:first-child{  text-align: center; padding-right: 0px;}
.project_request_sec2 .box li:nth-child(2){background:#5bb6e2; color:#fff;}
    
    
.project_request_sec2 .box li .txt p{font-size: 16px;}
.project_request_sec2 .box li .txt2 p{font-size: 16px; font-weight: 100; padding: 30px;}

.project_request_sec2 .box li .txt2 .top{font-size: 18px; font-weight: 100; padding: 30px; background-color: #3D3D3D; }

.project_request_sec2 .box .txt h4{padding-bottom:1rem; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; color:#5bb6e2; font-size:30px; font-weight:400;line-height:120%;}

    
    
.da_sec .title h3{padding-bottom:4px; letter-spacing:0.02em; text-transform:capitalize; font-size:25px; font-weight:400;}
    
.da_sec .box ul li{position:relative;width:100%;padding:15px 15px 15px; margin-bottom: 0px; display: inline-block; vertical-align: top; border-right: 0px solid #eeeeee}
    
    .da_sec .box li .txt2 span{font-size: 16px; display: inline-block; padding: 20px;background-color: #eeeeee; margin-right: 3px; font-weight: 600; width: 39%;}
.da_sec .box li .txt2 p{font-size: 16px; display: inline-block;padding: 20px;background-color: #AEEAF4; width: 55%;  font-weight: 600}
    
    

}
/* 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 */