/* 공통부분 - 서브 비주얼*/
#sub_visual { width:100%; height:170px; color:#fff; background:#00ACEC url(../img/common/pattern2.png) 0 0 repeat-x; }
#sub_visual h2 { display:inline; float:left; font-size:35px; line-height:160px; }
#sub_visual p { display:inline; float:right;  line-height:160px; margin-right:20px; }

/* 공통부분 - 컨텐츠 틀,제목*/
#sub_content { width:900px; padding:60px 30px; margin:0 auto; color:#7E7E7E; font-size:14px; line-height:150%; }
#sub_content h1.sub-heading{ position:relative; margin-bottom:50px;background:url(../img/common/bg-line.png) center repeat-x;  }
#sub_content h1 .sub-heading-title { font-size:28px;  padding-right:30px; background:#fff; }
#sub_content h1 .sub-heading-subTitle { position:absolute; bottom:-30px; font-size:14px; color:#009AF1; font-weight:normal;}

/* 공통부분 - 컨텐츠의 단락제목*/
#sub_content h2.section-title { font-size: 26px; font-weight: 600; color: #181717; margin:6px 0; }
#sub_content h3.sub-title { font-size: 18px; font-weight: 600; letter-spacing: 1px; color: #444; margin-bottom:20px; }
#sub_content h3.sub-title2 { font-size: 18px; font-weight: 600; letter-spacing: 1px; color: #444; margin:20px 0; }
#sub_content h3.sub-title2 img {vertical-align:middle;}

/* about */
.sub_about { margin-bottom:45px; }

/* services */
.sub_service {  width:450px;  margin-bottom:35px; }
.section01,.section02,.section03 { overflow:hidden;  position:relative;}

.section01{ background:#FFF url(../img/02_services/02.png) center right no-repeat;  }
	.service01 {}
	.service02 {}

.section02{ background:#FFF url(../img/02_services/05.png) no-repeat 5px 50%; min-height:300px; margin-bottom:30px; }
	.service03 {  position:absolute; top:45px; right:0px; }

.section03{ background:#FFF url(../img/02_services/04.png) center right no-repeat; }
	.service04 {}
	.service05 {}
	
.section04 {margin-top:30px;}
.sub_service2 {width:100%;}
	.service06 {margin:20px 0;}

/* portfolio*/
.sub_project ul {margin-bottom:30px;}
.sub_project ul:after { content: ""; display: block; clear: both;} /*float해지*/
.sub_project .section-title { height:35px; background:#009AF1; color:#fff;  margin-bottom:20px; }
.sub_project h2{ margin-bottom:22px; } 
.sub_project h2 span{background:#FFCD52; color:#fff;  padding:8px 12px; font-size:18px; } 
.project {width:268px; min-height:240px; padding:10px; margin-right:10px; margin-bottom:20px; border:1px solid #e5e5e5; float:left; text-align:left; }
.project .img_box { width:100%; height:200px; border:1px solid #e5e5e5; overflow:hidden;  display:block; }
.project .img_box img { width:100%;  }
.project a { color: #666; font-weight:600; text-decoration:none; }
.project a:hover { color:#3399ff; } 
.project .project_tit { font-size:16px; margin-left:5px; margin-top:10px; display:block; }
.project .project_cont { color:#ccc; font-size:10px; margin-left:5px; }

.project_pc{overflow:hidden;}
.project_mobile{overflow:hidden;}
.project_shopping{overflow:hidden;}

/* request */
.sub_request label { font-size:13px; color:#666;}
.sub_request input[type="text"]{ height:26px; line-height:25px; padding-left:8px; margin:1px 0 8px; background-color: #fcfcfc;  border:1px solid #e1e1e1; color: #919191;}
.sub_request input[type="file"]{ height:22px; line-height:20px; margin:1px 0 8px; color: #919191; vertical-align:middle;}
textarea#mail_txtBox, textarea#agree_box { overflow:auto; padding:8px; margin:2px 0 10px; background-color: #fcfcfc; border:1px solid #e1e1e1;  color: #919191; resize:none; }
input[type="submit"]{ background-color: #0099f1; border:0px solid #0077d0; margin-top:20px; color: #fff; padding: 9px 22px; cursor: pointer; }

/*contact*/
.imap {margin-bottom:30px;}
.company_info > h3 { font-size:18px; color: #181717; padding-bottom:10px; }

/*top버튼*/
#btn_top { position:fixed; right:20px; top:80%; width:50px; height:50px; background:#444;}
#btn_top img { position:absolute; color:#fff; font-size:30px; text-decoration:none;top:15px;left:10px;}