@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

/* 초기화 */
html {overflow-y:scroll;height:100%}
body {margin:0;padding:0;font-size:0.75em;height:100%;font-family: "Nanum Gothic", sans-serif;min-width:320px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Nanum Square';color:#272727;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
figure{margin:0;padding:0;}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select,img{vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em;}
button,input[type=submit]{cursor:pointer;font-family: "Nanum Gothic", sans-serif;outline:none}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none; border:1px solid #e6e6e6 !important; width:100%;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none;margin:0;border:0;}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
 a:hover,a:focus{}
ul,li,ol,dt,dd,dl{list-style:none;padding:0;margin:0;}

*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
#skip_to_container{position:absolute;font-size:0;}
#container_title{text-align:left;}

/*head*/
#hd{position:relative;position:absolute;top:0;left:0;width:100%;z-index:10;}

.nav{max-width:1170px;margin:0 auto;position:relative;}
#hd:after{display:block;visibility:hidden;clear:both;content:""}
#hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

.top_area{text-align:right;}
.top_area .top_call{line-height:35px;display:inline-block;background-color:rgba(0,0,0,0.5);text-align:center;width:200px;border-radius:0 0 8px 8px;}
.top_area .top_call h2{font-size:14px;color:#fff;font-family: 'Nanum Square';display:inline-block;font-weight:500;}
.top_area .top_call h2 span{padding:0 5px;font-weight:600;}

#logo{float:left;padding:0;margin:0;}
#logo a{}
#logo img{vertical-align:middle}
.fixed #logo img{}

#hd_icon {position:absolute;top:55px;right:10px;display:none;}
#hd_icon:after{display:block;visibility:hidden;clear:both;content:""}
#hd_icon li{float:left;}
#hd_icon li a,#hd_icon li button{background:none;border:0;display:inline-block;text-align:center;font-size:18px;vertical-align: top;color:#fff}
.fixed #hd_icon a,.fixed #hd_icon button{}
#hd_icon li a:hover,#hd_icon li button:hover{color:#ff8033}


.web_gnb #gnb {position:relative;float:right;color:#fff;padding:20px 0 0 0;}
.web_gnb #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.web_gnb #gnb_1dul {padding:0;zoom:1;float:left;}
.web_gnb #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.web_gnb .gnb_1dli {z-index:10;position:relative;float:left;color:#333;}
.web_gnb .gnb_1da {font-size:14px;color:#fff !important;display:inline-block;padding:0 14px 10px 14px;line-height:30px;font-weight:500;}
.web_gnb .gnb_1da:focus, .gnb_1da:hover {text-decoration:none;color:#fff100 !important;font-weight:600;}
.web_gnb .gnb_1dli_air .gnb_1da {color:#fff100 !important;font-weight:600;}
.web_gnb .gnb_1dli_on .gnb_1da {color:#fff100 !important;font-weight:600;}
.web_gnb .gnb_2dul {display:none;position:absolute;top:35px;width:100%;margin:0 auto;border-top:3px solid #fff100;}
.web_gnb .gnb_2da {display:block;font-size:13px;font-weight:600;padding:13px 10px;text-align:center;text-decoration:none;line-height:18px;}
.web_gnb .gnb_1dli_air .gnb_2da {color:#fff}
.web_gnb .gnb_1dli_on .gnb_2da {color:#fff}
.web_gnb .gnb_2da:focus, .gnb_2da:hover {background:#fff100;color:#fff;text-decoration:none}
.web_gnb .gnb_1dli_over .gnb_2dul {display:block;left:0;background:rgba(0,0,0,0.9);}
.web_gnb .gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:rgba(0,0,0,0.9);}


@media(min-width:1021px){
	.web_gnb #gnb{display:block !important;}
}
@media(max-width:1020px){
	#hd{background-color:rgba(0,0,0,0.8);}
	#logo{padding:5px;float:none;}
	#logo img{width:200px;}
	#hd_icon{display:block;}

	.top_area{text-align:center;}
	.top_area .top_call{width:100%;border-radius:0;}

	.web_gnb #gnb{display:none;float:none;/*border-top:1px solid rgba(255,255,255,0.3);*/padding:10px 0 0 0;}
	.web_gnb #gnb_1dul{float:none;}
	.web_gnb .gnb_1dli{float:none;text-align:center;}

	
}

.latest_pc {display:block;}
.latest_mobile {display:none;}

@media(max-width:500px){
	#hd_icon{top:50px;}
	#logo img{width:170px;}
	.latest_pc {display:none;}
	.latest_mobile {display:block;}
}



/* 오늘 본 상품 */
#stv {z-index:150;position:relative;float:right;width:50px;top:150px;/*position:fixed;*/right:20px;}
#stv_list {position:absolute;width:50px;right:0;top:0;/*border:1px solid #e9e9e9;*/}
#stv_list h2 {padding:10px 0 8px;background:#000;text-align:center;letter-spacing:-0.1em}
#stv_pg {display:block;margin:5px 0 0}
#stv_list p {padding:20px 0;text-align:center}
#stv_btn {text-align:center;zoom:1;}
#stv_btn:after {display:block;visibility:hidden;clear:both;content:""}
#stv_btn button {float:left;margin:0;padding:5px 0 4px;width:44px;border:0;background:#555;color:#fff;text-align:center}
#stv_ul {margin:5px 0 10px;padding:0;list-style:none}
.stv_item {display:none;padding:0 9px;text-align:center;word-break:break-all}
.stv_item img {margin:5px 0}

#stv_nb {/*margin:0 0 2px 0;*/padding:0px;line-height:50px;border-bottom:1px solid #858585; background:#000;list-style:none}
#stv_nb:last-child {border-bottom:0px solid #858585;}
#stv_nb li {text-align:center;}
#stv_nb a {display:block; font-size:12px; color:#fff;}


/*메인 비주얼*/
.main-carousel{height:940px;}
.main-carousel li{height:940px;position:relative;background-size:cover;}

.copy_area{color:#fff;padding-top:310px;text-align:center;}
.copy_area .main_company{font-size:140px;font-family:'icTTBaramddaraR';}
.copy_area h2{font-size:46px;display:inline-block;border:solid rgba(255,255,255,0.5);border-width:1px 0 1px 0;padding:3px 0;margin:40px 0 15px;color:#fff;}
.copy_area p{font-size:16px;}
.copy_area p br{display:none;}

@font-face {
 font-family: "icTTBaramddaraR";
 src: url('/fonts/924463.eot');
 src: local('?'), url('/fonts/icTTBaramddaraR.woff') format('woff'), url('/fonts/924463.ttf') format('truetype'), url('/fonts/icTTBaramddaraR.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}

.main-carousel .owl-controls .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:130px;/*padding-left:10px*/}
.main-carousel .owl-controls .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.3);width:12px;height:12px;display:inline-block;border-radius:50%;margin-left:5px}
.main-carousel .owl-controls .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}

.main_scroll{position:absolute;bottom:0;color:#fff;text-align:center;width:100%;}
.main_scroll span{font-size:15px;display:block;padding-bottom:10px;}
.main_scroll hr{width:1px;height:70px;display:inline-block;border:0;background-color:#FFF;}

/*메인 공통*/
#main_container{max-width:1170px;margin:0 auto;padding:65px 0;text-align:center;}
.main_title{}
.main_title span{font-size:13px;color:#e1c146;}
.main_title h2{font-size:45px;color:#272727;padding-top:10px;}
.main_title hr{display:inline-block;width:1px;height:50px;background-color:#e1c146;margin:15px 0;}


.main_strapline h3{font-size:20px;color:#272727;font-weight:500;padding-bottom:20px;}
.main_strapline h3 br{display:none;}
.main_strapline p{font-size:14px;line-height:23px;color:#5e5e5e;}


@media(max-width:1190px){
	#main_container{padding:65px 5px;}
	#stv{right:0;}
	#stv_nb{background:rgba(0,0,0,0.7);}
}

@media(max-width:1020px){

	.main-carousel{height:800px;}
	.main-carousel li{height:800px;position:relative;}

	.copy_area{padding-top:260px;}
}


@media(max-width:800px){
	.main_title span{}
	.main_title h2{font-size:38px;}
	.main_title hr{height:40px;}

	.main-carousel{height:600px;}
	.main-carousel li{height:600px;position:relative;}
	.main-carousel .owl-controls .owl-dots{bottom:100px;}

	.copy_area{padding-top:190px;}
	.copy_area .main_company{font-size:100px;}
	.copy_area h2{font-size:35px;}
	.copy_area p{font-size:15px;}

	.main_scroll hr{height:50px;}
}

@media(max-width:500px){
	#main_container{padding:35px 5px;}

	.main_title span{font-size:12px;}
	.main_title h2{font-size:30px;padding-top:6px;}
	.main_title hr{height:30px;margin:10px 0;}

	.main_strapline h3{font-size:17px;line-height:23px;}
	.main_strapline h3 br{display:block;}

	.main-carousel{height:450px;}
	.main-carousel li{height:450px;position:relative;}
	.main-carousel .owl-controls .owl-dots{bottom:75px;}

	.copy_area{padding-top:140px;}
	.copy_area .main_company{font-size:87px;}
	.copy_area h2{font-size:28px;margin:20px 0 15px;}
	.copy_area p{font-size:13px;line-height:20px;}
	.copy_area p br{display:block;}

	.main_scroll hr{height:35px;}

	#stv_list{width:45px;}
	#stv_nb{line-height:45px;}
}


/*메인*/
.idx_area01{}


.introduction_box{margin-top:-30px;}
.introduction_box ul{overflow:hidden;}
.introduction_box ul li{float:left;width:50%;height:771px;background-size:cover !important;text-align:center;position:relative;}
.introduction_box ul li:nth-child(1){background:url('/img/main_introduction_bg01.jpg') center no-repeat;}
.introduction_box ul li:nth-child(2){background:url('/img/main_introduction_bg02.jpg') center no-repeat;}
.introduction_box figure h2{font-size:36px;padding:15px 0 25px;}
.introduction_box p{color:#5e5e5e;}
.introduction_box p.introduction_copy01{font-size:18px;padding-bottom:10px;}
.introduction_box p.introduction_copy02{font-size:14px;line-height:23px;}
.introduction_box .intro_more{display:inline-block;margin-top:35px;width:41px;height:41px;border:1px solid #272727;border-radius:50%;font-size:35px;line-height:38px;color:#272727;}
.introduction_box a{display:block;height:100%;padding:60px 0; position:relative; z-index:999;}
.introduction_box .intro_more:hover, .introduction_box li a:hover {color:#fff; border-color:#fff;}

.introduction_box ul li .overlayt {
  background: rgba(0, 0, 0, .3);
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*-webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  border-radius: 10%;*/
  opacity: 0;
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

.introduction_box ul li:hover .overlayt {
  opacity: 1;
  width: 100%;
  height: 100%;
}

.introduction_box ul li .overlayt span {
  color: #fff;


}

.introduction_box ul li:hover .overlayt span {
  opacity: 1;
  -webkit-transition: 1.3s ease;
  transition: 1.3s ease;
}

.introduction_box ul li:hover .overlayt h3{

}



@media(max-width:1190px){
	.introduction_box ul li{height:650px;}

}

@media(max-width:800px){
	.introduction_box ul li{width:100%;}
	.introduction_box figure h2{font-size:32px;}
}

@media(max-width:500px){
	.introduction_box{margin-top:0px;}

	.introduction_box ul li{height:440px;}
	.introduction_box ul li a{padding:30px 0;}
	.introduction_box figure h2{font-size:26px;padding:10px 15px;}
	.introduction_box p.introduction_copy02{font-size:13px;line-height:21px;}
	.introduction_box a{margin-top:10px;}

}

.idx_area02{}
.main_interior{}
.main_interior ul{overflow:hidden;}
.main_interior ul li{float:left;width:25%;height:500px;text-align:left;background-size:cover !important;position:relative;}
.main_interior ul li:nth-child(1){background:url('/img/main_interior01.jpg') center no-repeat;}
.main_interior ul li:nth-child(2){background:url('/img/main_interior02.jpg') center no-repeat;}
.main_interior ul li:nth-child(3){background:url('/img/main_interior03.jpg') center no-repeat;}
.main_interior ul li:nth-child(4){background:url('/img/main_interior04.jpg') center no-repeat;}
.main_interior h2{font-size:30px;line-height:33px;color:#fff;padding:10px 0 20px 0;}
.main_interior p{font-size:14px;line-height:22px;color:#d5d5dd;}
.main_interior .interior_more{display:inline-block;font-size:13px;color:#c4c4c4;width:100px;line-height:30px;border:1px solid #c4c4c4;text-align:center;position:absolute;bottom:70px;}
.main_interior .interior_more span{font-size:10px;}
.main_interior a{display:block;padding:80px 20px 0;height:100%;}


@media(max-width:1190px){
	.main_interior ul{max-width:585px;display:inline-block;}
	.main_interior ul li{width:50%;}
	
}

@media(max-width:800px){
	.main_interior p br{display:none;}
	.main_interior ul li a{padding:80px 10px 0;}
}

@media(max-width:500px){
	.main_interior ul li{width:100%;margin-bottom:5px;height:390px;text-align:center;}
	.main_interior ul li a{padding:40px 10px 0;}
	.main_interior p br{display:block;}
	.main_interior .interior_more{bottom:50px;left:50%;margin-left:-50px;}
}


.idx_area03{background-color:#262523}
.idx_area03 h2, .idx_area03 h3{color:#fff;}
.idx_area03 .main_title h2 br{display:none;}
.main_portfolio{}
.main_portfolio h2{font-size:15px;font-weight:500;}
.main_portfolio h3{font-size:20px;font-weight:500;padding-bottom:10px;}
.main_portfolio p{font-size:14px;line-height:21px;color:#fff;padding-top:10px;}


.main_portfolio a.portfolio_more{margin-top:45px;width:130px;line-height:35px;border:1px solid #c4c4c4;color:#c4c4c4;display:inline-block;font-size:13px;}
.main_portfolio a.portfolio_more span{font-size:10px;}

.portfolio_img{max-width:1170px;margin:0 auto;position:relative;padding:30px 0 40px 0;}
#photo {}
#photo li {display:none;position:relative;}
#photo li:first-child {display:block;}
#photo li img {}
#btn_photo {text-align:center;}
#btn_photo a.off {cursor:default; opacity:0.5;}
.btn_photo_prev, .btn_photo_next{position:absolute;top:45%;}
.btn_photo_prev{left:0;}
.btn_photo_next{right:0;}


@media(max-width:1190px){
	#photo li img{width:650px;}
	
}
@media(max-width:800px){
	.idx_area03 .main_title h2 br{display:block;}

	#photo li img{width:80%;}
	.main_portfolio h2{font-size:14px;line-height:20px;}
}

@media(max-width:500px){
	#btn_photo img{width:80%;}
	.btn_photo_prev{left:-5px;}
	.btn_photo_next{right:-5px;}
}


.idx_area04{}
.concept_menu{padding-top:20px;}
.concept_menu ul{overflow:hidden;}
.concept_menu ul li{float:left;font-size:14px;text-align:center;width:12.5%;line-height:40px;border-right:1px solid #fff;box-sizing:border-box;}
.concept_menu ul li:last-child{border-right:0;}
.concept_menu ul li a{display:block;background-color:#e0e0e0;color:#272727;border:1px solid #e0e0e0;}
.concept_menu ul li a:hover{background-color:#fff;border:1px solid #e0e0e0;}

.main_concept ul{overflow:hidden;}
.main_concept ul li{float:left;width:25%;text-align:center;position:relative;}
.main_concept ul li h3{font-size:16px;color:#fff;display:inline-block;margin-bottom:15px;/*height:24px;*/left:50%;}
.main_concept ul li h3 span{display:none;border-bottom:1px solid #fff;padding:0 20px 5px;}
.main_concept ul li h2{font-size:30px;color:#fff;}
.main_concept ul li .concept_more{display:inline-block;margin-top:30px;width:41px;height:41px;border:1px solid #fff;border-radius:50%;font-size:35px;line-height:41px;color:#fff;/*font-family:-webkit-pictograph;*/text-align:center;}

.main_concept ul li img{width:100%;}
.main_concept ul li .concept_copy{position:absolute;top:21%;left:0;text-align:center;width:100%;z-index:11;}
.overlay{/*width:100%;height:100%;background-color:#000;opacity:0.5;position:absolute;top:0;left:0;z-index:10;display:none;*/}

 

.main_concept ul li .overlayt {
  background: rgba(0, 0, 0, .5);
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*-webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  border-radius: 10%;*/
  opacity: 0;
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

.main_concept ul li:hover .overlayt {
  opacity: 1;
  width: 100%;
  height: 100%;
}

.main_concept ul li .overlayt span {
  color: #fff;

  text-align: center;
  position: absolute;
  margin: auto;
  width: 140px;
  height: 60px;
  left: 0;
  top: 30px;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.main_concept ul li:hover .overlayt span {
  opacity: 1;
  -webkit-transition: 1.3s ease;
  transition: 1.3s ease;
}
.main_concept ul li:hover h3 span{display:inline-block;}

@media(max-width:1550px){
	.main_concept ul{text-align:center;}
	.main_concept ul li{/*width:50%;*/float:none;width:auto;display:inline-block;margin-left:-4px;}
}

@media(max-width:1190px){
	.concept_menu ul li{width:25%;border-bottom:1px solid #fff;}
	.concept_menu ul li:nth-child(4){border-right:0;}
}
@media(max-width:800px){
	
}

@media(max-width:500px){
	.concept_menu ul li{width:50%;border-bottom:1px solid #fff;line-height:35px;}
	.concept_menu ul li:nth-child(2n){border-right:0;}

	.main_concept ul li{margin-left:0;}
}

@media(max-width:400px){
	.main_concept ul li .concept_copy{top:20%;}
	.main_concept ul li h2{font-size:26px;}
	.main_concept ul li h3{font-size:14px;margin-bottom:5px;}
	.main_concept ul li .concept_more{width:35px;height:35px;line-height:35px;font-size:30px;margin-top:20px;}
	.main_concept ul li h3 span{}
}



.idx_area05{}
.main_process_img figure{padding-bottom:30px;}
.main_process_con{background:url('/img/main_process_bg.jpg') center no-repeat;background-size:cover;margin-top:-30px;}
.main_process_con ul{overflow:hidden;max-width:1170px;margin:0 auto;}
.main_process_con ul li{float:left;width:25%;text-align:center;color:#fff;height:265px;padding:25px 0;}
.main_process_con ul li:nth-child(1){background-color:#888888;}
.main_process_con ul li:nth-child(2){background-color:#717171;}
.main_process_con ul li:nth-child(3){background-color:#565656;}
.main_process_con ul li:nth-child(4){background-color:#48494b;}

.main_process_con ul li figure{background-color:#c4c4c4;display:inline-block;width:78px;line-height:78px;border-radius:50%;}
.main_process_con ul li h2{font-size:20px;color:#fff;padding:25px 0 15px;}
.main_process_con ul li p{font-size:14px;line-height:22px;}


@media(max-width:1190px){
	.main_process_img figure img{width:780px;}
}
@media(max-width:800px){
	.main_process_img figure img{width:100%;}

	.main_process_con ul li{width:50%;}
}

@media(max-width:500px){
	.main_process_con{margin-top:0;}
	.main_process_con ul li{width:100%;}
}


.idx_area06{}
.main_custom ul{overflow:hidden;margin-top:40px;}
.main_custom ul li{display:inline-block;width:360px;height:370px;border:1px solid #e1e1e1;vertical-align:top;margin:0 41px 0 0;}
.main_custom ul li:last-child{margin:0;}

.main_custom .custom02 figure{width:50%;float:left;height:185px;}
.main_custom .custom02 figure:nth-child(1){background-color:#ebf0f9;}
.main_custom .custom02 figure:nth-child(2){background:url('/img/main_custom02.jpg') center no-repeat;}
.main_custom .custom02 figure:nth-child(3){background:url('/img/main_custom03.jpg') center no-repeat;}
.main_custom .custom02 figure:nth-child(4){background-color:#e6f6f0;}
.main_custom .custom02 figure{}
.main_custom .custom02 figure a{display:block;padding:40px 0;}
.main_custom .custom02 .txt01{font-size:16px;color:#272727;font-weight:600;padding:15px 0 5px;}
.main_custom .custom02 .txt02{font-size:14px;color:#5e5e5e;}

.main_custom .custom01 .custom_txt{text-align:left;padding:25px 20px 15px;}
.main_custom .custom01 .custom_txt span.title{font-size:14px;color:#5e5e5e;display:inline-block;padding-bottom:5px;border-bottom:1px solid #5e5e5e;margin-bottom:12px;font-weight:600;}
.main_custom .custom01 .custom_txt p{font-size:20px;color:#272727;font-weight:600;overflow:hidden;letter-spacing: -0.04em;}
.main_custom .custom01 .custom_txt p img.icon{padding-right:10px;float:left;}
.main_custom .custom01 .custom_txt p a{color:#272727;float:left;}
.main_custom .custom01 .custom_txt p span{float:right;font-size:14px;color:#5e5e5e;padding-top:8px;font-weight:500;}


@media(max-width:1190px){
	.main_custom ul li{margin:0 5px 10px;}
	.main_custom ul li:last-child{margin:0 5px 10px;}
	
}
@media(max-width:800px){
	
}

@media(max-width:500px){
	.main_custom ul li{width:100%;margin:0 0px 20px;}
	.main_custom ul li:last-child{margin:0 0px 20px;}

	.main_custom .custom02 figure{background-size:cover !important;}
	.main_custom .custom01{height:auto;}
	.main_custom .custom01 figure img{width:100%;}
}


/*하단*/
#ft{background-color:#f3f4f6;padding:60px 0;text-align:center;font-size:12px;color:#999999;}
#ft span{color:#b4b4b4;padding:0 7px;}
#ft .ft_priv{display:inline-block;padding:8px 0;border:solid #b9babb;border-width:1px 0 1px 0;margin-bottom:25px;}
#ft .ft_priv a{color:#999999;}
#ft p{padding:0;line-height:20px;}
#ft_to_top{position:fixed;right:10px;bottom:10px;}

@media(max-width:800px){
	#ft{}
}

@media(max-width:800px){
	#ft{padding:20px 0;}
}
@media(max-width:500px){
	#ft .ft_priv{margin-bottom:15px;}
	#ft span{padding:0 4px;}

	#ft_to_top{opacity:0.5;}
}

/*서브 공통*/
#sub_visual{height:450px;background-size:cover;}
.company_visual{background:url('/img/company_visual.jpg') center no-repeat;}
.history_visual{background:url('/img/history_visual.jpg') center no-repeat;}
.portfolio_visual{background:url('/img/portfolio_visual.jpg') center no-repeat;}
.estimate_visual{background:url('/img/estimate_visual.jpg') center no-repeat;}
.custom_visual{background:url('/img/custom_visual.jpg') center no-repeat;}


.sub_copy{padding-top:160px;text-align:center;color:#fff;}
.sub_copy .sub_title{font-size:90px;font-family:'icTTBaramddaraR';}
.sub_copy h2{font-size:40px;display:inline-block;border:solid #fff;border-width:1px 0 1px 0;padding:3px 0;color:#fff;margin:20px 0 18px;}
.sub_copy p{font-size:15px;line-height:20px;}
.sub_copy p br{display:none;}

.sub_area{max-width:1170px;margin:0 auto;text-align:center;padding:60px 0;}

@media(max-width:1190px){
	.sub_area{padding:50px 5px;}
}
@media(max-width:800px){
	#sub_visual{height:380px;}

	.sub_copy{padding-top:150px;}
	.sub_copy .sub_title{font-size:85px;}
	.sub_copy h2{font-size:35px;margin:10px 0;}
	.sub_copy p{font-size:14px;}
	
}

@media(max-width:500px){
	.sub_area{padding:30px 5px;}

	#sub_visual{height:340px;}
	.sub_copy{padding-top:125px;}
	.sub_copy .sub_title{font-size:77px;}
	.sub_copy h2{font-size:32px;}
	.sub_copy p{font-size:12px;}
	.sub_copy p br{display:block;}

}


/*서브*/

/*COMAPNY*/
.company_area{overflow:hidden;margin-top:10px;}
.company_area figure{display:inline-block;max-width:570px;margin-right:31px;}
.company_area figure ul{overflow:hidden;}
.company_area figure ul li{float:left;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.company_area .company_txt{display:inline-block;text-align:left;}
.company_area h2{font-size:24px;line-height:36px;}
.company_area p{font-size:14px;line-height:23px;color:#5e5e5e;padding-top:21px;}
.company_area p span{font-size:16px;}

.company_location{text-align:left;}
.company_location h2{font-size:20px;color:#333;padding-left:10px;margin-bottom:10px;border-left:3px solid #e1c146;}
.company_location table{}
.company_location table th{font-size:17px;padding:5px 10px;color:#5a5a5a;width:85px;}
.company_location table th img{padding-right:10px;float:left;}
.company_location table td{font-size:15px;line-height:21px;padding:5px 10px;color:#666;}
.company_location table tr:last-child th{letter-spacing:1px;}
.company_location ul{overflow:hidden;}
.company_location ul li{float:left;width:100%;margin-right:0%;margin-bottom:25px;/*border:1px solid #ccc;*/background-color:#f9f9f9;padding:15px;}
.company_location ul li:first-child{/*width:100%;*/}
.company_location ul li:nth-child(even){margin-right:0;}
.company_location .no_padd {padding:0 !important;}

@media(max-width:1190px){
	.company_area figure{margin-right:0;margin-bottom:15px;}
	.company_area .company_txt{text-align:center;}
	.company_area p br{display:none;}
}
@media(max-width:800px){
	.company_area figure{max-width:480px}
	.company_area figure ul li{width:50%;}
	.company_area figure ul li img{width:100%;}

	.company_location ul li{width:100%;margin-right:0;}
	.company_location table th{font-size:16px;padding:5px;width:80px;}
	.company_location table td{font-size:14px;padding:5px;}
	.company_location h2{font-size:18px;}
}

@media(max-width:500px){
	.company_area h2{font-size:20px;line-height:28px;}

	.company_map iframe{height:300px;}
}

/*HISTORY*/

.history_area{padding-top:45px;}
.history_area ul{overflow:hidden;}
.history_area ul li{float:left;border-right:1px solid #fff;border-bottom:1px solid #fff;}



@media(max-width:1190px){
	.history_br{display:none;}

	.history_area{text-align:center;}
	.history_area ul{display:inline-block;max-width:600px;}
	.history_area ul li{width:50%;}
	.history_area ul li img{width:100%;}

}

@media(max-width:500px){
	.history_area{padding-top:30px;}

}


/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #e1c146;background:#e1c146;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
/* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}


/*PORTFOLIO*/

#sub_menu{padding-bottom:40px;}
#sub_menu ul{overflow:hidden;}
#sub_menu ul li{float:left;font-size:14px;text-align:center;line-height:40px;border-right:1px solid #fff;box-sizing:border-box;}
#sub_menu ul li:last-child{border-right:0;}
#sub_menu ul li a{display:block;background-color:#e0e0e0;color:#272727;border:1px solid #e0e0e0;}
#sub_menu ul li a:hover{background-color:#fff;border:1px solid #e0e0e0;}

.pro_menu ul li{width:25%;}
.concept_menu ul li{width:12.5%;}

.portfolio_area h2{font-size:32px;padding-bottom:20px;}
.portfolio_area p{font-size:14px;line-height:23px;color:#5e5e5e;}
.portfolio_area figure{padding:50px 0;}
.portfolio_area figure ul li{display:inline-block;width:154px;height:154px;margin-right:5px;position:relative;border-radius:50%;overflow:hidden;}
.portfolio_area figure ul li img{}
.portfolio_area figure ul li .txt_box{text-align:center;position:absolute;bottom:0;left:5px;width:100%;background-color:rgba(0,0,0,0.7);line-height:50px;border-radius:0 0 50% 50%;}
.portfolio_area figure ul li .txt_box span{font-size:15px;color:#fff;font-weight:600;}


.portfolio_con ul{}
.portfolio_con ul li{display:inline-block;width:200px;height:155px;border-right:1px solid #e5e5e5;vertical-align:top;}
.portfolio_con ul li:last-child{border-right:0;}
.portfolio_con ul li .title{font-size:18px;color:#272727;font-weight:600;padding:20px 0 15px;}
.portfolio_con ul li .con{font-size:14px;line-height:24px;color:#5e5e5e;}

/*포트폴리오 메뉴*/
.portfolio_menu{height:45px;background-color:#545454;text-align:center;}
.portfolio_menu ul{display:inline-block;line-height:45px;border:solid rgba(255,255,255,0.2);border-width:0 1px 0 1px;width:480px;box-sizing:border-box;}
.portfolio_menu ul li{float:left;width:50%;box-sizing:border-box;border-right:1px solid rgba(255,255,255,0.2);font-size:15px;}
.portfolio_menu ul li:last-child{border-right:0;}
.portfolio_menu ul li a{color:#fff;display:block;}
.portfolio_menu ul li:hover{background-color:#717171;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
-o-transition-duration:500ms;
-ms-transition-duration:500ms;
transition-duration:500ms;
}



@media(max-width:1190px){
	.portfolio_area p br{display:none;}

	.portfolio_con ul li{width:190px;}

}
@media(max-width:800px){
	.concept_menu ul li{width:25%;border-bottom:1px solid #fff;}
	.concept_menu ul li:nth-child(4){border-right:0;}

	.pro_menu ul li{width:50%;border-bottom:1px solid #fff;}
	.pro_menu ul li:nth-child(2){border-right:0 !important;}

	.portfolio_area h2{font-size:30px;}

	.portfolio_con ul{max-width:430px;display:inline-block;}
	.portfolio_con ul li:nth-child(1), .portfolio_con ul li:nth-child(2){margin-bottom:20px;}
	.portfolio_con ul li:nth-child(2){border-right:0;}
}

@media(max-width:500px){
	.concept_menu ul li{width:50%;border-bottom:1px solid #fff;line-height:35px;}
	.concept_menu ul li:nth-child(2n){border-right:0;}

	.portfolio_area figure ul li{width:140px;height:140px;}

	.portfolio_area figure{padding:30px 0;}
	.portfolio_area h2{font-size:28px;}
	
	.portfolio_con ul{display:block;}
	.portfolio_con ul li{display:block;border-right:0;border-bottom:1px solid #e5e5e5;padding-bottom:15px;margin-bottom:20px;height:auto;width:100%;}
	.portfolio_con ul li:last-child{border-bottom:0;margin-bottom:0;}

	.portfolio_menu ul{width:100%;border:0;}
}


/*견적신청작성*/
.sub_client_area{margin-top:40px;}
.sub_client_area ul{overflow:hidden;border-top:2px solid #7b7b7b;margin-bottom:20px; /*background:#fff;*/}
.sub_client_area ul li{overflow:hidden;border-bottom:1px solid #cccccc;/*background-color:rgba(255,255,255,0.8);*/}
.sub_client_area ul li.client_left{float:left;width:50%;}
.sub_client_area ul li.client_clear{clear:both;}
.sub_client_area ul li.client_address dt{padding-bottom:90px;}
.sub_client_area ul li.client_address span{vertical-align:bottom;}
.sub_client_area ul li input[type=text], input[type=password], input[type=file]{width:140px;height:25px;border:1px solid #cccccc;background:#fff;}
.sub_client_area ul li input.call, .sub_client_area ul li input.wr_address, .sub_client_area ul li input.bathroom{width:70px;}
.sub_client_area ul li input.wr_address2{width:325px;margin-top:10px;}
.sub_client_area ul li input.structure{width:80px;}
.sub_client_area ul li input.client_ea{width:50px;}
.sub_client_area ul li input.acrylic{width:100px;}
.sub_client_area ul li input#wr_email_1{width:100px;padding-left:10px;}
.sub_client_area ul li input#wr_email_3{width:80px;}
.sub_client_area ul li textarea.client_txt{width:325px;height:85px;resize:none;border:1px solid #e2e2e2;}
.sub_client_area ul li textarea.client_txt{width:700px;}
.sub_client_area ul li label{ont-size:13px;color:#666666;padding:0 15px 0 5px;line-height:25px;}

.sub_client_area ul li input#wr_subject, .sub_client_area ul li input#wr_name{width:170px;}
.sub_client_area ul li select{width:120px;height:25px;border:1px solid #e2e2e2;color:#949494;}
.sub_client_area dt{width:150px;background-color:#e4e4e4; font-size:14px;/*color:#454545;*/color:#444444;text-align:center;float:left;padding:16px 5px;box-sizing:border-box;}
.sub_client_area dd{padding:10px;float:left;}
.sub_client_area dd span{font-size:13px;color:#666666;padding:0 10px;line-height:25px;display:inline-block;vertical-align:middle;}
.sub_client_area dd a{font-size:13px;color:#b0844f;background-color:#e4d9cc;font-family: 'Nanum Square';padding:4.5px 10px;border:1px solid #b58d5e;border-radius:5px;font-weight:600;margin-left:10px;}
.sub_client_area dd img{padding-left:10px;}

.sub_client_area .client03 dd {padding:10px 5px 10px 8px;}
.sub_client_area .client03 dd span{padding:0 5px 0 3px;}
.sub_client_area .client03 .client_tile span{font-size:12px;padding:0 3px 0 2px;}

.sub_client_area .client_pa dt{padding:49px 5px;}
.sub_client_area .client_pa dd{padding:10px;}

.sub_client_area .client_captcha dt{padding:33px 5px;}

.sub_client_area table{width:100%;border-collapse:collapse;}
.sub_client_area table th{/*width:110px;*/background-color:#f4d0da;text-align:center;padding:10px;}
.sub_client_area table td{background-color:rgba(255,255,255,0.8);padding:10px 20px;}
.td_subject {text-align:left;}
.td_num select {box-sizing:border-box; border:1px solid #cccccc; text-align:center; color:#444444; font-weight:normal;font-family: "Nanum Gothic";}
/*.sub_client_area table td input{width:110px;height:25px;border:1px solid #cfcfcf;margin:0 10px 0 45px;}*/
.sub_client_area table td span{font-size:13px;color:#949494;vertical-align:middle;}
/*.sub_client_area table td input{background:url('/img/text_bg.png') no-repeat;}*/


.sub_client_area .client_submit{text-align:center;padding-top:20px;}
.sub_client_area .client_submit input{width:195px;line-height:40px;font-size:16px;color:#fff;font-weight:600;border:0;background-color:#48494b;}
.sub_client_area .auto_num{/*background-color:#FFF;*/}
br.client_br{display:none;}


@media(max-width:1170px){
	.sub_client_area ul li.client_left{float:none;width:100%;}
	.sub_client_area ul li input[type=text], input[type=password], input[type=file]{width:170px;}
	.sub_client_area ul li.client_light span{font-size:12px;padding:0 4px 0 0px;}
	.sub_client_area ul li textarea.client_txt{width:600px;}
}

@media(max-width:800px){
	.sub_client_area ul li.client_light span{font-size:12px;padding:0 5px 0 3px;}
	.sub_client_area dt{width:100%;text-align:left;}
	.sub_client_area dd{width:100%;text-align:left;}
	.sub_client_area dd span{display:inline-block;}
	.sub_client_area dd select{margin-top:5px;}
	.sub_client_area ul li.client_address dt{padding-bottom:10px;}
	.sub_client_area dt{font-weight:600;}
	.sub_client_area table td input{margin:0 10px 0 0px;}
	.sub_client_area ul li input.call, .sub_client_area ul li input.wr_address, .sub_client_area ul li input.bathroom{width:60px;}
	.sub_client_area ul li textarea.client_txt{width:430px;}
	.sub_client_area .client_pa dt{padding:16px 5px;}
	.sub_client_area .client_captcha dt{padding:16px 5px;}
	#wr_4{width:460px !important;}
}


@media(max-width:500px){
	.sub_client_area{margin-top:30px;}
	.sub_client_area ul li input.wr_address2{width:280px;}
	br.client_br{display:block;}
	.sub_client_area ul li textarea.client_txt{width:100%;}

	#wr_4{width:100% !important;}

}


/*포트폴리오*/
.board_area{text-align:left;}