
.sub-title { padding:40px 0; text-align:center; display:block;  letter-spacing:-.05em;  }
.sub-title.line {border-bottom:1px solid #dedede; }
.sub-title .tit { position:relative; display:inline-block;  font-size:35px; font-weight:500; color:#222; }
.sub-title .tit:after {content:''; position:absolute; right:-8px; top:-0px; width:6px; height:6px; background-color:#00A0E9; box-shadow: 2px 2px 3px  rgba(0, 0, 0, 0.1);}
.sub-title .exp {font-size:17px; line-height:1.5em; padding-top:10px; color:#666; } 

@media screen and ( max-width:1024px ) {	
    .sub-title { padding:20px 0;  }
	.sub-title.line {border-bottom:1px solid #eee; }
	.sub-title .tit {font-size:27px;}
	.sub-title .exp {font-size:15px;  padding-top:5px;} 

}

.cont-wrap { padding:30px 0 50px;}

@media screen and ( max-width:1200px ) {	
  .cont-wrap { padding:20px 20px 40px;}
}

@media screen and ( max-width:1024px ) {	
  .cont-wrap { padding:15px 10px 30px;}
}
@media screen and ( max-width:676px ) {	
	.sub-title .tit {font-size:23px;}
	.sub-title .exp {font-size:13px; padding:10px 20px;} 
	.sub-title .exp br {display:none}
}





/* =========================================================================================================
	¼­ºê ³»¿ë
========================================================================================================= */
/* È¸»ç¼Ò°³ */
.company { display:block;  width:100%; clear:both;padding-top:30px;   padding-bottom:60px;  text-align:center; word-break:keep-all; }
.company  .txt1 {text-align:center;  padding:30px  0 0 ; font-size:30px; line-height:45px;  font-weight:100; color:#555 ; letter-spacing:-.07em;  }
.company  .txt1 strong {font-weight:500; color:#333;  }
.company .img-wrap {margin-top:40px; position:relative;  }
.company .img-wrap .img {position:relative; margin-top:30px; box-shadow: 10px 10px 20px -5px rgba(0, 0, 0, 0.1); z-index:5 }
.company .img-wrap .img img {width:100%; }
.company .value { display:block; padding:200px 0 100px; background-color:#f5f5f5; margin-top:-150px;  }
.company .value .tit2 {font-size:35px; font-family:'OpenSans-Semibold'; letter-spacing:-.02em;}
.company .value .tit2 p {font-size:30px; font-weight:500; color:#777; line-height:1.5em; padding-top:0px; }
.company .value .img {text-align:center; padding-top:20px; }
.company .slogan {padding:50px 0; text-align:center; }
.company .slogan h2 {font-size:30px; line-height:1.6em; color:#333; font-weight:100; }
.company .slogan h2 strong {font-weight:500;}
.company .slogan p {font-size:19px; line-height:28px; color:#666; padding:20px; }

/* Á¶Á÷µµ */
.org-chart {text-align:center; padding:50px 0 70px}

@media screen and ( max-width:1024px ) {	
    .company {padding-bottom:30px; }
    .company  .txt1 { padding:10px  20px 0 ; font-size:23px; line-height:1.4em;  }
	.company  .txt1 br {display:none; }
	.company .value {  padding:80px 0 40px; margin-top:-60px;  }
	.company .value .tit2 {font-size:25px;}
    .company .value .tit2 p {font-size:20px; line-height:1.3em; }
	.company .value .img img {width:80%;}

	.company .slogan {padding:25px 10px 0;  }
	.company .slogan h2 {font-size:21px; line-height:1.4em; }
	.company .slogan h2 br {display:none}
	.company .slogan p {font-size:15px; line-height:1.6em;  }
	.company .slogan p br  {display:none}
    
	/* Á¶Á÷µµ */
	.org-chart {padding:30px 0 50px; }
	.org-chart img  {width:90%}
}


/*  Ã£¾Æ¿À½Ã´Â±æ  */
#map {height:550px; width:100%;}
.location {font-size:0; padding:50px 0 70px; }
.location .title { display:inline-block;  vertical-align:top;  width:25%;  }
.location ul { display:inline-block; vertical-align:top; width:75%;  }
.location ul li {display:block; font-family:'GmarketSans'; font-weight:500; font-size:20px; margin-bottom:25px;}
.location ul li.col5 {width:50%; display:inline-block; }
.location ul li .distance {display:block; font-size:15px; color:#777; font-family:'notoSans'; font-weight:300; padding-top:5px; letter-spacing:-.05em; }
.location ul li .icon {width:55px; height:55px; border-radius:50%; background-color:#f2f2f2; text-align:center;  padding-top:12px; margin-right:15px;  }
.location ul li dt,
.location ul li dd {display:inline-block; vertical-align:middle; letter-spacing:0em;  }
.location ul li dl {display:block; width:100%;}
.location ul li dt {width:55px; }
.location ul li dd {width:calc(100% - 100px); }
.location .pt5 {padding-top:5px; }

@media screen and ( max-width:860px ) {
    #map { height:280px; }
	.location { padding:20px 0 30px; }
	.location .title {display:none; }
	.location ul { width:100%; padding:0 20px;  }
	.location ul li {  font-size:17px; margin-bottom:15px; }

}

@media screen and ( max-width:500px ) {
    
    .location ul { width:100%; padding:0 0 0 10px;  }
    .location ul li {  font-size:15px; margin-bottom:12px; font-family:'notoSans'; }
	.location ul li.col5 {width:100%;  }
    .location ul li .distance { padding-top:0px; font-size:13px;  }
	.location ul li .icon { width:45px; height:45px;  padding-top:8px; margin-right:6px;  }
	.location ul li .icon img {height:25px;}
	.location ul li dd { letter-spacing:-.07em; }

}



/* Á¦Ç°¼Ò°³ */
.product {padding:0; margin:0; word-break:keep-all; }
.product .head {padding:30px 0 40px; text-align:center ;}
.product .head dt {font-size:40px; font-weight:100; color:#222; line-height:1.5em; }
.product .head dd {padding-top:10px; font-size:20px; font-weight:300; color:#777; line-height:1.5em; }

.prod_area {padding-top:50px; }
.prod_area:after{content:'';display:block;clear:both;}
.prod_area .tit{margin-top:35px;font-size:20px; line-height:1.5em;color:#10203a;}
.prod_area .tit span { color:#f49103; }
.prod_area .sub_tit{margin-top:10px;font-size:30px;line-height:1.5em; color:#538d30; font-weight:500; }
.prod_area .txt{margin-top:20px;font-size:18px;color:#77787c;line-height:1.6em;}
.prod_lst{margin-bottom:65px;}
.prod_lst:after{content:'';display:block;clear:both;}
.prod_lst .box_left{float:left;width:49%;transition:all .4s;}
.prod_lst .box_right{float:right;width:49%;transition:all .4s;}
.prod_lst .img{box-shadow:10px 10px 30px rgba(0,0,0,0.1);}
.prod_lst .t_box{padding:2em 2em 0 2em;}

.slider-area {padding-bottom:80px;}

@media screen and ( max-width:1200px ) {
 .product img  { width:100%}

 .product .head {padding:0px 30px 20px}
 .product .head dd br {display:none; }

}


@media screen and ( max-width:1024px ) {
 .product .head dt {font-size:25px;}
 .product .head dd {padding-top:5px; font-size:16px;}

  .prod_lst{margin-bottom:35px;}
  .prod_area .tit{font-size:18px;margin-top:20px;}
  .prod_area .sub_tit{font-size:21px;margin-top:7px;}
  .prod_area .sub_tit br { display:none; }
  .prod_area .txt{font-size:15px;}
  .prod_lst .t_box{padding:0.8em 1em 0 0.8em;}

}

@media screen and ( max-width:890px ) {
  .prod_lst .t_box{padding:0em 1em 0 0em;}
  .prod_area .tit{font-size:16px;margin-top:0px;}
  .prod_area .sub_tit{font-size:20px;margin-top:5px;}
  .prod_area .txt{margin-top:10px;font-size:14px;}


}
@media screen and ( max-width:640px ) {
    .prod_lst .box_left{float:none;width:100%;}
	.prod_lst .box_right{float:none;width:100%;}
	.prod_lst .t_box{margin-top:24px;padding:0;}
	.prod_area .tit{font-size:15px;}
	.prod_area .sub_tit{font-size:17px;}
	.prod_area .txt{font-size:14px;}
}




/* ¿Â¶óÀÎ¹®ÀÇ new */
.qna_form {padding:0px 0}
.qna_form:after {content:''; clear:both; display:block; }
.qna_form .row {display:block; width:100%;  font-size:0; margin-bottom:10px ;}
.qna_form .row span {font-size:16px;color:#444;}
.qna_form .title {display:inline-block; vertical-align:top; width:180px; line-height:50px; }
.qna_form .put-info {display:inline-block; vertical-align:top; width:calc(100% - 180px)}
.qna_form input[type="text"] {height:50px; line-height:50px; background-color:#fff; border:1px solid #ddd; border-radius:4px; color:#333}
.qna_form textarea{padding:10px; height:300px; background-color:#fff; border:1px solid #ddd; border-radius:4px;}
.qna_form .input_file  input[type="text"] {border-radius:0}
.qna_form select {width:250px; height:50px; font-size:16px; color:#555; font-weight:500;}


.input_file {position:relative;padding:0 0 0 0px; margin:0; }
.input_file input {width:100%; padding-left:50px; height:50px; margin:0 !important; border:1px solid #ddd !important;border-radius:4px !important;background-color:#fff !important; background-image:url('/images/ico_fileup.png'); font-size:13.5px; background-repeat:no-repeat; background-position:13px center;  }
.input_file input:focus{ background-color:transparent !important;background-image:url('/images/ico_fileup.png'); background-repeat:no-repeat; background-position:13px center;  }
.input_file .icon2 {position:absolute;right:0px;top:0; width:180px;height:50px; line-height:50px;  background-color:#444; background-image:url('/images/txt_fileup.png') ;background-repeat:no-repeat; background-position:center center; cursor:pointer !important; border-radius:0 4px 4px 0 !important;   }
.input_file .icon2 > input {width:100%;cursor:pointer;opacity:0;}
.input_file .icon2:hover {box-shadow:none;}

.btn-area {display:block;position:relative;  clear:both; width:100%; border-top:1px solid #555; padding-top:30px; text-align:center;  }
.btn-area button { border:0; display:inline-block; vertical-align:middle; height:50px; line-height:50px;padding:0 45px;  margin:0 5px; font-size:16px; font-weight:500; border-radius:4px; }
.btn-area .btn-confirm {background-color:#00A0E9; border:1px solid #00A0E9; color:#fff;  }
.btn-area .btn-cancel {background-color:#fff; border:1px solid #ccc; color:#333;  }

.btn-area .g-recaptcha {position:absolute; left:0; top:20px}

@media screen and ( max-width:1200px ) {
.qna_form .row { margin-bottom:5px ;}
.qna_form .title { width:120px; line-height:40px; }
.qna_form .put-info { width:calc(100% - 120px)}
.qna_form input[type="text"] {height:40px; line-height:40px; }
.qna_form textarea{padding:5px; height:200px; }
.qna_form select {height:40px; font-size:15px; }

.input_file input { height:40px; margin:0 !important;  }
.input_file .icon2 { width:120px;height:40px; line-height:40px;   }

}

@media screen and ( max-width:1024px ) {
   .qna_form select {width:50%;}
   .qna_form textarea {height:150px; }
   .btn-area .g-recaptcha {position:relative; left:auto; top:auto; margin-bottom:15px;}
}
@media screen and ( max-width:520px ) {
   .qna_form select {width:100%;}
   .qna_form .title {display:block; width:100%}
   .qna_form .put-info {display:block; width:100%}

	.btn-area button { height:41px; line-height:40px;padding:0 25px; }

 
}



/* ¿Â¶óÀÎ»ó´ã */
.consult {padding:0px 0 100px;}


.section {padding:85px 0 95px;}
.section .cont {position:relative;margin:0 auto;}
.section.bg {background-color:#f0f0f0;}
.section.notop {padding-top:0;}
.section.border {border-top:1px solid #dfdfdf;}
@media screen and ( max-width:800px ) {
	.section {padding:55px 0 50px;}
	.section.mtop {padding-top:20px;} 	
}

.title_wrap {position:relative;}
.title_wrap .btn_more {position:absolute;right:0;bottom:0;}
.title_wrap .title {display:block;color:#212121;font-size:38px;line-height:65px;font-weight:500;text-align:center;letter-spacing:-2px;}
.title_wrap .en {font-size:41px;font-family:'Raleway', sans-serif;letter-spacing:-1px;}
.title_wrap .h2_txt {position:relative;width:90%;max-width:800px;margin:0 auto;text-align:center;color:#333;font-size:20px;line-height:30px;letter-spacing:-1px;word-break:keep-all;}
@media screen and ( max-width:800px ) {
	.title_wrap .title {font-size:30px;line-height:40px;}
	.title_wrap .h2_txt {font-size:15px;line-height:22px;}
}

.p {position:relative;padding:5px 0;font-size:20px;color:#555;line-height:30px;letter-spacing:-1px;word-break:keep-all;}
.p strong {font-size:100%;font-weight:bold;}
@media screen and ( max-width:800px ) {
	.p {font-size:15px;line-height:22px;}
}

.portfolio h2 {display:block;font-size:41px;color:#212121;line-height:65px;font-family:'Raleway', sans-serif;font-weight:600;text-align:center;letter-spacing:-1px;}
.portfolio .h2_txt {position:relative;width:90%;max-width:800px;margin:0 auto;text-align:center;color:#333;font-size:20px;line-height:30px;letter-spacing:-1px;word-break:keep-all;}
@media screen and ( max-width:800px ) {
	.portfolio h2 {font-size:30px;line-height:40px;}
	.portfolio .h2_txt {font-size:15px;line-height:22px;}
}


/* Å×ÀÌºí ½ºÅ¸ÀÏ */
.t_form {width:100%;border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.t_form th {position:relative;border-bottom:1px solid #ededed;border-right:1px solid #dfdfdf;padding:5px 10px;background:#f7f7f7;font-size:13px;line-height:18px;text-align:left;letter-spacing:-1px;}
.t_form td {padding:5px 10px;font-size:13px;border-bottom:1px solid #ededed;border-right:1px solid #ededed;}

@media screen and ( max-width:800px ) {
	.t_form td {word-break:break-all;}
}

/* ·»Å» */

.subcont11_1 .txt_big, .title_style .txt_big {padding-bottom:30px;font-size:44px;font-weight:100;letter-spacing:-4px;line-height:50px;text-align:center;}
.subcont11_1 .txt_big span, .title_style .txt_big span {font-size:100%;font-weight:normal;line-height:100%;}
.subcont11_1 .txt_big img{max-width:100%;}
.subcont11_1 p, .title_style p {color:#555;font-size:18px;line-height:28px;letter-spacing:-1px;word-break:keep-all;}
.subcont11_1 p strong, .title_style p strong {font-size:100%;line-height:100%;font-weight:bold;}
@media screen and ( max-width:800px ) {
	.subcont11_1 .txt_big, .title_style .txt_big {font-size:26px !important;letter-spacing:-2px;line-height:30px;}
	.subcont11_1 .txt_big img {height:110px;}
	.subcont11_1 .txt_big span, .title_style .txt_big span {font-size:26px !important;line-height:30px;}
	.subcont11_1 p, .title_style p {font-size:16px !important;line-height:24px;}
}

.service_list ul {display:inline-block;width:100%;}
.service_list li {min-height:260px;border-bottom:1px solid #e9e9e9;padding:60px 0;color:#333;font-size:17px;line-height:28px;}
.service_list li:last-child {border-bottom:0;}
.service_list li .txt {padding-left:470px; min-height:250px;}
.service_list li strong {display:inline-block;padding-bottom:25px;color:#222;font-size:30px;line-height:35px;letter-spacing:-2px;font-weight:bold;word-break:keep-all;}
.service_list li .txt div {position:relative;padding-bottom:5px;letter-spacing:-1px; padding-left:150px;}
.service_list.nospan li .txt div {padding-left:0;}
.service_list li .txt span {position:absolute;left:0;top:5px;width:130px;color:#999;font-size:16px;}
.service_list li .txt div.padd_t {padding-top:20px;}
.service_list li .txt div.padd_t span {top:25px;}
.service_list li .img_wrap {position:absolute;width:401px;height:500px;overflow:hidden;}
.service_list li .img {width:100%;height:235px;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
/*
.service_list li.event {position: relative; min-height: 500px; }
.service_list li.event h5 { margin-bottom: 25px;}
.service_list li.event .wrap_txt {position: relative; width:49.5%; margin-right:0.5%; margin-top:0.5%; height:200px; float:left; min-height: 150px;}
.service_list li.event .wrap_txt:nth-child(3), .service_list li.event div:nth-child(4) {background:#eeeeee;} 
.service_list li.event .wrap_txt:nth-child(2), .service_list li.event div:nth-child(5) {background:#dcdcdc;} 
.service_list li.event .wrap_txt strong { padding:20px 30px;}
.service_list li.event .wrap_txt p { padding:10px 30px;}*/

.service_list li h4 {font-size:30px; line-height:40px; text-align:center; margin-bottom:30px; word-break:keep-all;}

.event_img_list {position: relative; min-height: 200px; border:none; padding-top:60px;}
.event_img_list div{float:left; width:25%;height:200px;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}


li.event_box {position: relative; min-height: 400px; border:none; padding-top:0; font-size:0;}
li.event_box .img {max-width:100%; height:400px;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}



.event_text {font-size:18px; color:#555; line-height:28px; letter-spacing:-1px; }
.event_text strong{ font-weight:bold; #222; font-size:18px; line-height:28px; }

.service_list li .txt .wrap_txt {position:relative;padding-bottom:5px;letter-spacing:-1px; padding-left:0;}
.service_list li .txt .wrap_txt span {position:absolute;left:0;top:5px;width:130px;display:inline-block;color:#999;font-size:16px;}

.service_list li div.event_img {position: relative;  width:49.5%; margin-right:0.5%; display: inline-block;height:auto;}



.remodeling_list {overflow:hidden; position: relative; padding-top:50px;}
.remodeling_list li {position: relative;display: inline-block;  float: left;  width: 49.5%; margin-right:0.5%; margin-bottom:0.5%;  height: 450px;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;}
.remodeling_list li div {position: absolute;right: 0px;left: 0px;bottom: 0px;background: rgba(80,80,80,.7); line-height: 90px; font-size: 24px; color: #fff; text-align: center; letter-spacing: -2px;}

.remodeling_list2 {overflow:hidden; position: relative; padding-top:50px;}
.remodeling_list2 li {position:relative;display:inline-block;float:left;width:33%;margin-right:0.5%;margin-bottom:0.5%;height:450px;background-position:centercenter;background-repeat:no-repeat;background-size:cover;}
.remodeling_list2 li:last-child {margin-right:0;}
.remodeling_list2 li div {position:absolute;left:0px; right:0; bottom:0px;background:rgba(80,80,80,.7);line-height:90px;font-size:24px;color: #fff; text-align: center; letter-spacing: -2px;}

.txt_center {text-align:center; font-size:18px; padding:50px 0;}

.service_list span.spec {position: relative !important; }

.runway {background-color: #f59836;}
.runway .explain, .runway .circle  { text-align:center;}
.runway .title, .runway .explain{color:#fff;}

.runway  .title_style > div { margin:50px auto; width:500px;}
.runway  .title_style > div > p {display: inline-block; }
.runway  .title_style > div >  p.circle {width:200px; height:150px; border-radius:100%; background:#fff; font-size:24px; padding-top:50px; line-height:130%; font-weight:bold;margin-bottom:50px;  }
.runway  .title_style .plus {color:#fff; font-size:60px; line-height:200px; padding:25px; font-weight:bold; }
.runway_chapter ul li {display:inline-block;}
.runway_chapter ul:first-child li {height:160px; color: #fff;  font-size:30px; font-weight:bold; letter-spacing:-2px; width:16%;padding:25px 20px; border-right:1px solid #f1f1f1;  margin-left:-5px; word-break: keep-all; vertical-align: text-bottom;}
.runway_chapter ul li:last-child {border-right:none;}
.runway_chapter ul li span {   display: block;    color: #fff;    font-size: 16px;    font-weight: bold;    letter-spacing: 0px;}

.runway_chapter .chapter li { width:16%;padding:25px 15px 40px 15px; border-right:1px solid #ccc; }
.runway_chapter .chapter li:nth-child(3) {width:34%; padding:25px 20px 40px 19px;}

.know_txt {    color: #555;    font-size: 18px;    line-height: 28px;    letter-spacing: -1px;    word-break: keep-all; padding:30px 0 ;}
.know_txt > strong { color: #333;    font-size: 18px; font-weight:bold;    line-height: 28px;    letter-spacing: -1px; word-break: keep-all;}

.knowhow {display: flex; }
.knowhow p {width:15%; margin:0 0; float:left; height:120px;padding:2.5% ; font-size:22px; word-break:keep-all;letter-spacing: -1px; }
.knowhow p span {   display: block;     font-size: 16px;    font-weight: bold;    letter-spacing: 0px; padding-bottom:20px;}
.knowhow p:nth-of-type(1) {border-top:1px solid #e70014; border-bottom:5px solid #e70014;}
.knowhow p:nth-of-type(2) {border-top:1px solid #f59836; border-bottom:5px solid #f59836;}
.knowhow p:nth-of-type(3) {border-top:1px solid #00A0E9; border-bottom:5px solid #00A0E9;}
.knowhow p:nth-of-type(4) {border-top:1px solid #00A0E9; border-bottom:5px solid #00A0E9;}
.knowhow p:nth-of-type(5) {border-top:1px solid #009a44; border-bottom:5px solid #009a44;}

@media screen and ( max-width:1100px ) {	
	.knowhow p {width:100%; margin:2% 0; height:70px; }
	.knowhow p span {padding-bottom:5px;}
	.knowhow p:last-child {margin-right:0;}
	.knowhow p:nth-of-type(1) {border-top:0px solid #e70014; border-bottom:1px solid #e70014;}
	.knowhow p:nth-of-type(2) {border-top:0px solid #f59836; border-bottom:1px solid #f59836;}
	.knowhow p:nth-of-type(3) {border-top:0px solid #00A0E9; border-bottom:1px solid #00A0E9;}
	.knowhow p:nth-of-type(4) {border-top:0px solid #00A0E9; border-bottom:1px solid #00A0E9;}
	.knowhow p:nth-of-type(5) {border-top:0px solid #009a44; border-bottom:1px solid #009a44;}
}

@media screen and ( max-width:1100px ) {
	li.event_box { padding:0; min-height:400px;}
	.event_wrap { width:100%;  margin-bottom:1%;}
	.event_wrap div.event {min-height:200px; padding:10px; }
	.event_wrap div.img_wrap {width:100%; height:300px;overflow:hidden; position: relative;}
	.event_wrap div.img_wrap .img {height:300px;}

	.service_list li div.event_img {width:49.5%; height: 310px; margin-bottom:0.5%;}
	.runway  .title_style > div >  p.circle {width:140px; height:110px; border-radius:100%; background:#fff; font-size:19px !important; padding-top:30px; line-height:130%; font-weight:bold;margin-bottom:0;  }
	.runway  .title_style .plus {color:#fff; font-size:60px; line-height:120px; padding:5px; font-weight:bold; }
	.runway_chapter ul:first-child li {font-size:24px; padding:25px 15px; }

	li.event_box .img {max-width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}

	
}

@media screen and ( max-width:800px ) {
	.service_list li {padding:40px 0 30px;}
	.service_list li .txt {padding-left:0;padding-top:17px;}
	.service_list li strong {padding-bottom:15px;font-size:22px;line-height:30px;}
	.service_list li .txt div {padding-left:120px;}
	.service_list li .txt span {font-size:14px;}
	.service_list li .img_wrap {position:relative;width:100%;height:190px;}
	.service_list li .img {}
	.service_list .btn_detail, .service_list .spec {display:none !important;}	
	
	.service_list li.event div {position: relative; width:100%; float:none;}
	.service_list li.event {position: relative; min-height: 600px; }
	.service_list li.event div strong { padding:15px 20px; line-height:130%;}
	.service_list li.event div p { padding:10px 20px; line-height:130%;}
	.service_list li.event div:nth-child(3), .service_list li.event div:nth-child(5) {background:#eeeeee;} 
	.service_list li.event div:nth-child(2), .service_list li.event div:nth-child(4) {background:#dcdcdc;}

	.event_wrap {position: relative;  width:100%; border:1px solid #eee; margin-bottom:1%;}
	.event_wrap div.event {min-height:200px; padding:10px; }
	.event_wrap div.img_wrap {width:100%; height:300px;overflow:hidden; position: relative;}
	.event_wrap div.img_wrap .img {height:300px;}

	.service_list li div.event_img {width:100%; height: 100%;}

	.remodeling_list li { width:100%; margin-bottom:3%}
	.remodeling_list2 li {width:100%; margin-bottom:3%}
	
	.runway .title_style > div {    margin: 0 auto;    width: 100%;}

	.runway_chapter ul:first-child li { color: #fff;font-size: 24px;font-weight: bold;letter-spacing: -2px; width: 100%; border-bottom: 1px solid #f1f1f1;margin-left: 0px; padding:15px 0; border-right:none; height:60px;}
	.runway_chapter ul li:last-child {    border-bottom: none;}

		li.event_box { padding:0; min-height:800px;}
}

.rental_t2 .title_style .txt_big {position:relative;max-width:760px;margin:0 auto;}
.rental_t2 .title_style .txt_big span {color:#f59836;}
.rental_t2 .explain {height:300px;margin:20px 0 30px;padding:50px;background:url(/images/sub/business_1_1_06.png) no-repeat center center;background-size:cover;color:#fff;line-height:1.4;font-size:30px;letter-spacing:-2px;}
@media screen and ( max-width:800px ) {
	.rental_t2 .explain  {display:none;}
}


.rental_t3 {overflow:hidden;}
.rental_t3 .cont {}
.rental_t3 .title_style .txt_big {position:relative;max-width:760px;margin:0 auto;}
.rental_t3 li {float:left;width:25%;padding:40px 2% 0;font-size:16px;line-height:24px;text-align:center;letter-spacing:-1px;word-break:keep-all;word-wrap:break-word;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.rental_t3 li strong {display:inline-block;padding:20px 0;font-size:160%;letter-spacing:-2px;color:#f59836; font-weight:bold;}
.rental_t3 li img {width:150px;max-width:90%;}
@media screen and ( max-width:800px ) {
	.rental_t3 {padding-bottom:65px !important;}	
	.rental_t3 li {width:50%;min-height:275px;padding-top:30px;font-size:14px;line-height:18px;}
	.rental_t3 li img {width:60%;}
	.rental_t3 li strong {padding:10px 0;}
}

.biz_evnet {background:#f59836; padding-top: 25px;}
.biz_evnet .title_style {padding: 95px 0 0;}
.biz_evnet .title_style p, .biz_evnet .title_style p span {color:#fff;}
.biz_evnet .title_style p strong {color:#fff;}
@media screen and ( max-width:800px ) {
	.biz_evnet .event_img_list {display:none;}
}


/* Æ÷Æ®Æú¸®¿À */
.keyword-wrap {margin:0 0 30px; padding:30px 20px; text-align:center;  border-radius:4px; border:2px solid #666; }
.keyword-wrap:after {content:''; clear:both; display:block; }
.keyword-wrap .m-tab { display:inline-block; margin:3px 4px;border:1px solid #dedede;  height:45px; line-height:45px; padding:0 25px; font-size:16px; font-weight:500; color:#555; border-radius:80px; }
.keyword-wrap .m-tab.on { background-color:#00A0E9; border-color:#00A0E9; color:#fff;  }


.sub_portfolio_menu {padding:0; text-align:center;font-size:0; }
.sub_portfolio_menu select {height:50px; width:200px; border-radius:0; padding-left:12px; }
.sub_portfolio_menu input[type="text"] {width:calc(70% - 200px); height:50px; background-color:#fff; margin-left:-1px;}
.btn-search-wrap{ width:30%;display:inline-block; font-size:0}
.btn-search-wrap .btn-search {width:50%; display:inline-block; height:50px; font-size:16px; border:0;background:url('/Mgn/images/btn_search.png') no-repeat 32% center #333;color:#fff;text-indent:17px;}
.btn-search-wrap .btn-reset {width:50%; display:inline-block; height:50px; font-size:16px; border:0;background:#999;color:#fff;}
.sub_portfolio_menu select:focus,
.sub_portfolio_menu input[type="text"]:focus { border:1px solid #ddd !important}

.sub_portfolio {padding:50px 50px 40px 50px;}
.portfolio_box.full .txt  { display:block; background:url(/images/inc/btn_more.png) no-repeat 99% 16%;}
.portfolio_box.full li {width:24.5%;display:inline-block;-webkit-transition:unset;-ms-transition:unset;transition:unset; margin-bottom:40px;}
.portfolio_box.full li:nth-child(4n+1) {clear:both;}
.portfolio_box.full li .img_wrap {max-height:500px;}
.portfolio_box.full li .img_wrap {height:100%;}
.portfolio_box.full li strong {width:95%}

.key {display:inline-block;padding:0 15px;border-radius:50px;border:1px solid transparent;color:#727272;letter-spacing:-1px;font-size:14px;line-height:30px;cursor:pointer;}
.key.on {border:1px solid #dfdfdf;background:#fff;color:#111;}
.key:hover {border:1px solid #dfdfdf;}

@media screen and ( max-width:1250px ) {
    .keyword-wrap {margin:0 0 20px; padding:20px 10px;  }
	.keyword-wrap .m-tab { margin:2px 2px; height:40px; line-height:40px; padding:0 20px; font-size:14px; }

	.sub_portfolio {padding:30px 30px 20px 30px;}
	.portfolio_box.full li {width:32.8%; height:420px}
	.portfolio_box.full li:nth-child(3n+1) {clear:both;}
	.portfolio_box.full li:nth-child(4n+1) {clear:none;}
	
	.sub_portfolio_menu .cont {width:100%;}	
	.sub_portfolio_menu .keyword {padding:0 20px;}
}
@media screen and ( max-width:800px ) {

     .keyword-wrap {margin:0 0 12px; padding:0px 0px; border:0;}
	 .keyword-wrap .m-tab { height:35px; line-height:35px; padding:0 15px; font-size:13px; }


	.sub_portfolio {padding:20px 20px 10px 20px;}
	.portfolio_box.full li {width:99.5%;height:auto;  margin-bottom:10px;}
	.portfolio_box.full li .txt {padding:20px 0 40px;}
	.portfolio_box.full li .cate {margin-top:0;}
	.sub_portfolio_menu {padding-bottom:25px;}
	
	.key {font-size:13px;}

	.sub_portfolio_menu select {height:40px; width:100px;  padding-left:5px; }
	.sub_portfolio_menu input[type="text"] {width:calc(100% - 260px); height:40px; }
	.btn-search-wrap {width:160px}
	.btn-search-wrap .btn-search {height:40px; font-size:14px; text-indent:15px; background-position:15px ;}
	.btn-search-wrap .btn-reset {height:40px; font-size:14px;}

}
@media screen and ( max-width:500px ) {
    .sub_portfolio_menu input[type="text"] {width:calc(100% - 170px); }
    .btn-search-wrap {width:70px}
	.btn-search-wrap .btn-search {width:100%}
	.btn-search-wrap .btn-reset {display:none; }
    
	.keyword-wrap{font-size:0;}
	.keyword-wrap .m-tab { margin:2px; height:31px; line-height:31px; padding:0 10px; font-size:13px; letter-spacing:-.09em; }

}

.btn_search {display:inline-block;width:120px;height:50px; font-size:16px; border:0;/*border-radius:50px;*/background:url('/Mgn/images/btn_search.png') no-repeat 32% center #333;color:#fff;text-indent:17px;overflow:hidden;}
.btn_normal {display:inline-block;height:50px;padding:0 25px;font-size:16px;border:0;/*border-radius:50px;*/background:#ff6d1c;line-height:40px;color:#fff;letter-spacing:-0.05em;overflow:hidden;cursor:pointer;}
.btn_normal.grey:hover, .btn_normal.mini:hover, .btn_normal.mini_black:hover, .btn_normal:hover, .btn_search:hover, .btn_big:hover, .btn_big.grey:hover  {background-color:#38393d;}
.btn_normal.grey, .btn_big.grey {background:#8f939e;}






/*sub °øÅë*/
.list_page li.on1 {background:#e70014; border:1px solid #e70014; color:#fff;}
.list_page li.on2 {background:#f59836; border:1px solid #f59836; color:#fff;}
.list_page li.on3 {background:#00A0E9; border:1px solid #00A0E9; color:#fff;}
.list_page li.on4 {background:#00A0E9; border:1px solid #00A0E9; color:#fff;}
.list_page li.on5 {background:#009a44; border:1px solid #009a44; color:#fff;}

 h2.title2 {
    display: block;
    font-size: 41px;
    color: #212121;
    line-height: 65px;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    text-align: center;
    letter-spacing: -1px;
	padding-bottom:40px;
}



/*news*/
.sub4 > ul { display:none;}
.list_search {font-size:0px; width:500px; margin: 0 auto; border-bottom:2px solid #eee}
.list_search .form {display:block; position:relative; background:#fff;  font-size:15px; font-weight:500;}
.list_search .form select {width:150px; height:50px; border:1px solid #fff; font-weight:100;  font-size:15px; font-weight:500;}
.list_search .form span { line-height:50px; border-right:1px solid #e2e2e2; margin-left:-4px;}
.list_search .form input[type='text'] {  border:1px solid #fff; background:#fff; height:50px; color:#333; width:calc(100% - 210px);  }
.list_search .form button { height:50px; width:50px;/* background:url(/images/btn_icon_sc.png) no-repeat; */; text-align:center ;background-color:transparent; border:none; cursor:pointer; position:absolute; top:0; right:0;}
.list_search .form button:before {content:"\e97a"; display:inline-block; vertical-align:bottom; font-size:27px;  }
.list_count { padding: 20px 0 10px; position:relative; }
.list_count span { color:#00A0E9; font-weight:bold; }
.list_search .form select,
.list_search .form input[type="text"]:focus { border:1px solid transparent !important }

ul.table_list {display:inline-block;width:100%; border-top:2px solid #00A0E9}
.table_list li { border-bottom:1px solid #eee;}
.table_list li:first-child {background:#fff; border-bottom:1px solid #ccc}
.table_list li:first-child .table_title { line-height: 55px; font-size:16px;  font-weight:500; text-align:center; display:inline-block; margin-left:0;}
.table_list li:first-child .table_date {line-height: 55px ; font-size:16px; font-weight:500; text-align:center;}
.table_list li span.table_title { width:85%; margin-left:50px; line-height:60px !important;font-size:16px;}
.table_list li span.table_title:hover { text-decoration:underline; cursor:pointer;   }
.table_list li:first-child span.table_title:hover { text-decoration:none;     }
.table_list li span.table_date { position:absolute; right:0; width:15%; text-align:center;  line-height:60px !important; height: 60px; overflow: hidden;}
.list_page {padding-top:30px; text-align:center;}
.list_page li { display:inline-block; line-height:40px;border:1px solid #e2e2e2; background:#fff; width:40px; text-align:center; margin-left:-5px; cursor:pointer; }
.list_page li a {display:block; line-height:40px;}


ul.view_table_list {display:inline-block;width:100%; }
.view_table_list > li { border-bottom:1px solid #eee; padding:10px 20px;line-height:30px;}
.view_table_list > li img {max-width:100%;}
.view_table_list > li.title {font-size:30px; text-align:center; border-bottom:1px solid #666; color:#000 !important; padding:20px 0px 40px;}
.view_table_list > li .date-area {text-align:center; font-size:15px; font-weight:500; padding:5px 0}
.view_table_list > li .date-area em {display:inline-block ; width:1px; height:16px; margin: 0 20px; vertical-align:middle; background-color:#ccc; }
.view_table_list > li.conts { padding:50px; line-height:1.5em; font-size:16px; }
.view_page { border:1px solid #00A0E9; background:#00A0E9; border-radius:5px; line-height:50px; text-align:center; color:#fff; width:100px; margin:50px auto; cursor:pointer;  }
.view_table_list .veiw_table_date {display:inline-block;color:#999; padding-right:20px;}

.view-pf-title {display:block; padding:40px 0 30px; text-align:center; border-bottom:1px solid #666}
.view-pf-title h2 {font-size:30px; color:#000;  line-height:1.5em; }

.news_table_list {display:inline-block;width:100%;}
.news_table_list li {border-bottom:1px solid #e9e9e9;padding:30px 0;color:#333;font-size:17px;line-height:28px; height:260px;  overflow:hidden;}
.news_table_list li:last-child {border-bottom:0;}
.news_table_list li .txt {padding-left:40%;height:250px; overflow:hidden; position: relative; }
.news_table_list li .txt strong {display:inline-block; color:#222;font-size:28px;line-height:35px;letter-spacing:-2px;font-weight:bold; max-height:70px; overflow:hidden;}
.news_table_list li .txt .n_content {padding-top:20px;letter-spacing:-1px; overflow:hidden; height:96px; line-height:24px; }

.news_table_list li .img_wrap {position:absolute;width:35%;height:260px;overflow:hidden;}
.news_table_list li .img {width:100%;height:260px;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
.news_table_list li .txt .n_date {color:#777; position: absolute; bottom: 0px;}

@media screen and ( max-width:800px ) {
.list_search {padding:10px; width:100%; }
.list_search .form select { width:100px; font-size: 12px; letter-spacing: -0.5px;}
.list_search .form input[type='text'] { width: calc(100% - 151px); font-size: 12px; letter-spacing: -0.5px;}
.list_search .form button { background-size:contain; background-position:center center;  width: 30px;}	

.table_list li:first-child {display:none; }
.table_list li span.table_title { width:100%; margin-left:10px; line-height:50px !important; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;  }
.table_list li span.table_date { display:none; }


ul.news_table_list {margin-top:20px;  }
.news_table_list li {border-bottom:none;padding:0;}
.news_table_list li .txt {padding-left:0;padding-top:0px; width:auto;}
.news_table_list li .txt strong {font-size:18px; line-height:30px; width:100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.news_table_list li .img_wrap {position:relative;width:100%;height:190px;}
.news_table_list li .img {height:190px;}
.news_table_list li .txt  .n_content {display:none;}
.news_table_list .btn_detail {display:none;}
.
.news_table_list li .txt .n_date {color:#777; position:  relative; bottom:none; }

.view_table_list > li {  padding-left:10px; }
.view_table_list li:nth-child(1) {font-size:18px !important; letter-spacing:-1px; line-height:120%  !important; padding:15px;  }
.view_table_list li:nth-child(3) { padding:20px 10px; line-height:130%;}
.view_table_list > li > span {font-size:12px !important;}
.view_table_list .text { padding-right:3px;}


.sub4 > ul { display:none;}
.list_page li:nth-child(7), .list_page li:nth-child(8), .list_page li:nth-child(9), .list_page li:nth-child(10), .list_page li:nth-child(11) { display:none;}
}


/*recuit*/
.recuit .cont {max-width:100%; padding-top:30px;}
.recuit input, .recuit textarea, .recuit select {margin-bottom:10px;background-color:#f5f5f5;}
.recuit .radiobox_box {margin-bottom:10px;margin-right:20px;}
.recuit .input_file input {margin:0;background-color:#ededed;}
.recuit .form_row {position:relative; display:block; padding:0; }
.recuit .form_row .title {display:inline-block; vertical-align:top; width:170px; letter-spacing:-1px; border-bottom:1px solid #f00}
.recuit .form_row .cont {display:inline-block; vertical-align:top;  width:calc(100% - 180px) ;border-bottom:1px solid #f00}
.recuit .form_row input {width:100%;}
.recuit .form_row textarea {width:100%;}
.recuit .explain {padding:20px 0 50px;}


@media screen and ( max-width:800px ) {
	.recuit .form_row .title {width:30%;}
	.recuit .form_row input {width:69%;}
	.recuit .form_row .title.nowrap {display:block;padding-bottom:10px;}
}

.recuit_view_box > div:last-child{ text-align:center; padding:50px;}

.contents_box {padding:50px 0;} 
.contents_box h3, .h3 {display:block;font-size:22px;color:#212121;line-height:40px;font-weight:600;letter-spacing:-1px; border-bottom:1px solid #eee;}
.contents_box h3:first-child{border-bottom:none;}
.contents_box table { border:1px solid #009a44; text-align:center; margin:20px 0;}
.contents_box table td:first-child{text-align:center; padding:0; font-size:20px; background:rgba(0,154,68,0.03);}
.contents_box table td { text-align:left; padding:0px;}
.contents_box table tr:first-child {height:40px; }
.contents_box table tr,  .contents_box table td{ border:1px solid #009a44;}
.contents_box table tr th{background:rgba(0,154,68,.7); color:#fff;}
.contents_box table tr th:first-child { width:20%; border:1px solid #009a44;}

.contents_box p {margin:20px;}
.contents_box > div { padding:20px 0;}
.contents_box > div > p {margin:5px 20px; display:list-item; list-style-type: disc;}
.contents_box > .step p { float:left;  text-align:center; font-size:20px; color:#fff; list-style-type: none; margin:0;}
.contents_box > .step p:nth-child(1), .contents_box > .step p:nth-child(3), .contents_box > .step p:nth-child(5) {border:0; width:30%; background:#009a44; padding:10px 0; }
.contents_box > .step p:nth-child(1) {background:rgba(0,154,68,0.5); }
.contents_box > .step p:nth-child(3) {background:rgba(0,154,68,0.75); }
.contents_box > .step p:nth-child(2), .contents_box > .step p:nth-child(4){ border-left:25px solid #009a44; border-right:25px solid transparent; border-top:38px solid transparent; border-bottom:38px solid transparent; }
.contents_box > .step p:nth-child(2) {border-left:25px solid rgba(0,154,68,0.5);}
.contents_box > .step p:nth-child(4) {border-left:25px solid rgba(0,154,68,0.75);}

h2.title4 {padding-top:50px;display:block;font-size:41px;color:#212121;line-height:65px;font-weight:300;letter-spacing:-2px; border-bottom:1px solid #212121;}
@media screen and ( max-width:800px ) {
	h2.title4 {font-size:30px;line-height:45px;border:0;}
}

.privacy_box {padding:0px 0 40px;}
.privacy_box .h2_txt {position:relative;color:#333;font-size:18px;line-height:50px;letter-spacing:-1px; padding-top:30px;}
.privacy_box .txt_box {height:150px;overflow:auto; font-size:15px; }
.privacy_box .agree {text-align:right; }

.txt_box {text-align:left; border:1px solid #ddd;  background-color:#f7f7f7; padding:10px 20px; font-size:14px; margin-bottom:10px; border-radius:4px; }
.txt_box span{font-size:14px;color:#777 }
.txt_box .txt:first-child {margin:0;}
.txt_box .txt {font-size:16px;line-height:25px; color:#222; letter-spacing:-1px; margin:10px 0 0;  }
 .color_go {color:#fff; background:url('/images/btn_icon_go.png') 95% center no-repeat #009a44;  float:right; display:inline-block; width:244px; height:60px; border:none;font-size:22px;letter-spacing:-1px;}
 .color_go:hover {background:url('/images/btn_icon_go.png') 95% center no-repeat #333;}
 .color_go2 {color:#fff; background:url('/images/btn_icon_go.png') 95% center no-repeat #009a44;  display:inline-block; width:244px; height:60px; border:none;font-size:22px;letter-spacing:-1px;}
 .color_go2:hover {background:url('/images/btn_icon_go.png') 95% center no-repeat #333;}

@media screen and ( max-width:800px ) {
	.privacy_box {padding-bottom:30px;}
}



.cont > .box { padding:80px 0;}
.view_consult_form { width:50%; margin:0 auto;}
.view_consult_form fieldset{padding:30px 0; position:relative;}
.view_consult_form div {text-align:left; margin-bottom:8px;   }
.view_consult_form div label {display:inline-block;width:25%;margin-bottom:4px;font-size:16px;}
.view_consult_form div input {width:75%;}
.view_consult_form  a {color:#fff;}
.reply { padding:10px;height:300px; overflow-y:auto; margin:25px 50px 25px 0; background:#e1e1e1;}
.list_count .color5 { color:#009a44; font-weight:bold; }
.view_page5 { border:1px solid #009a44; background:#009a44; border-radius:5px; line-height:50px; text-align:center; color:#fff; width:100px; margin:50px auto; cursor:pointer;  }

@media screen and ( max-width:1350px ) {
.contents_box > .step p:nth-child(1), .contents_box > .step p:nth-child(3), .contents_box > .step p:nth-child(5) {width:25%; }

}

@media screen and ( max-width:800px ) {
.contents_box {padding:30px 0;}
.contents_box > table th { font-size:14px;}
.contents_box > .step p {font-size:16px; }
.contents_box > .step p:nth-child(1), .contents_box > .step p:nth-child(3), .contents_box > .step p:nth-child(5) { padding:10px 0; }
.contents_box > .step p:nth-child(2), .contents_box > .step p:nth-child(4){ border-left:5px solid #009a44; border-right:5px solid transparent;  border-top:34px solid transparent; border-bottom:34px solid transparent; }
.contents_box > .step p:nth-child(2) {border-left:5px solid rgba(0,154,68,0.5);}
.contents_box > .step p:nth-child(4) {border-left:5px solid rgba(0,154,68,0.75);}

/*.cont h2 {font-size:30px;line-height:50px; padding:20px 0 10px; }*/
.privacy_box .h2_txt {line-height:30px;padding-top:15px;}
.box h2 {font-size:30px;line-height:50px; padding:20px 0 10px;}

.input_file {padding:0; }
.input_file input { margin-left:40px;}

.contents_box table td { padding:10px;}
.contents_box table td:first-child {font-size:18px;}
.contents_box h3 {font-size:20px;}

}

.btn_wrap {text-align:right;padding-bottom:50px;}
.btn_wrap .g-recaptcha {position:absolute;}
@media screen and ( max-width:800px ) {
	.btn_wrap {padding-bottom:50px;}
	.btn_wrap .g-recaptcha {position:relative;padding-bottom:20px;}
}