/* Font */
@font-face {
 font-family:'NanumSquareEB';
 src: url('../../../common/font/NanumSquareEB.eot');
 src: url('../../../common/font/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
      url('../../../common/font/NanumSquareEB.woff') format('woff'),
      url('../../../common/font/NanumSquareEB.ttf') format('truetype'),
	  url('../../../common/font/NanumSquareOTFExtraBold.svg#NanumSquareEB') format('svg');
}
@font-face {
 font-family:'NanumSquareB';
 src: url('../../../common/font/NanumSquareB.eot');
 src: url('../../../common/font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
      url('../../../common/font/NanumSquareB.woff') format('woff'),
      url('../../../common/font/NanumSquareB.ttf') format('truetype');
}
@font-face {
 font-family:'NanumSquareR';
 src: url('../../../common/font/NanumSquareR.eot');
 src: url('../../../common/font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
      url('../../../common/font/NanumSquareR.woff') format('woff'),
      url('../../../common/font/NanumSquareR.ttf') format('truetype');
}

@font-face {
 font-family:'NanumSquareL';
 src: url('../../../common/font/NanumSquareL.eot');
 src: url('../../../common/font/NanumSquareL.eot?#iefix') format('embedded-opentype'),
      url('../../../common/font/NanumSquareL.woff') format('woff'),
      url('../../../common/font/NanumSquareL.ttf') format('truetype');
}


html,body { font-family:'NanumSquareR', 'Nanum Gothic', sans-serif;}
header{ margin-bottom:60px;}

a { text-decoration:none !important; cursor:pointer;  outline:none; }
button{ border:none; outline:none; select-dummy: expression(this.hideFocus=true);}

.carousel-item {
  height: 50vh;
  min-height: 300px;
    background:url(/landing/images/1900x510.jpg) no-repeat top right scroll;

  
  
}

.portfolio-item { margin-bottom: 30px;}
 
.maintop{ font-size:3.5em;}

.mobiletext1 {padding:60px 0 0 0;}
.mobiletext1 .tit{ font-size:3em; line-height:1.2em; padding-bottom:20px; }
.mobiletext1 span{display:block;}

.f-c-6b{color:#6b6b6b;font-size:1.27em;}


.box-leftright{ margin-top:-110px; padding-bottom:50px;}

.box-right{float:right;  font-size:1.6em; font-weight:700;margin-top:155px;}

.box-left{ float:left;  }
.box-left img{ width:100%;}

 
 
.gray-box{ background:#666; text-align:center; border:10px solid #fff; width:300px; height:300px; margin:-50px auto 0 auto;z-index:33; display:block;}
.gray-box img{ padding-top:120px; }

.line{ background:url(/landing/images/top_line.gif) center top no-repeat; padding-top:20px; }


.pdnone{ padding-left:0px; padding-right:0;}


.titimg{ text-align:center; min-height: 400px; position:relative;}
.titimg strong, .titimg p{ color:#fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); }
.titimg strong{ font-size:2.3em; }
.titimg p{font-size:1.2em;}
.titimg .text{ position: absolute; right: 15%;    bottom: 20%;    left: 15%;padding-top: 20px;    padding-bottom: 20px;}
.tit1{ background:url(/landing/images/img3.png) center center #a8a17d no-repeat; background-size:cover;}
.tit2{ background:url(/landing/images/img4.png) center center #e0a97c no-repeat; background-size:cover;}
.tit3{ background:url(/landing/images/img5.png) center center #200d02 no-repeat; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
 
.fc-org{color:#a8a17d;}
.fc-pink{color:#e0a97c;}
.fc-bora{color:#200d02;}
.fc-fff{ color:#fff;}
.fc-fff a{ color:#fff;}
.bg-org{background:#c4bd97;}
.bg-pink{background:#e0a97c;}
.bg-bora{background:#200d02;}
 
.cos strong{ font-size:3.6em;font-family:'NanumSquareEB', sans-serif;}
.cos span{font-size:2.3em;}
.cos p{font-size:1.8em;}
.cos strong, .cos span{ display:block;}

.cosbox{ padding:0px 10px 30px 10px;}
.cosbox .col-md-5{font-size:1.9em;font-family:'NanumSquareEB', sans-serif;}
.cosbox .col-md-7{font-size:1.2em; text-align:right; line-height:2em;}
.cosbox .col-lg-12 .name{border-top:1px solid #fff; padding:20px 0;font-size:1.3em;} 
 
.cosbox button{background:none; border:none; text-align:center;  width:100%; color:#fff; cursor:pointer; padding:10px;	}


.bod-col{text-align:left;width:98%; margin:0 auto;  }
.bod-col th, .bod-col td{padding:12px 0;border-bottom:1px solid #ddd; }
.bod-col th { font-size:1.1em;	 	padding-left:15px;	width:45%;  font-family:'NanumSquareB', sans-serif; vertical-align:top;}
.bod-col td { padding-left:10px;	  }
 
.pdtb50{ padding-top:50px; padding-bottom:50px;}

.img100{ width:100%;}
.m-view{ display:none;}

.info-box{ background:url(/landing/images/info-bg.png) center center #000;background-size: cover;height: 50vh; min-height:700px; text-align:center; margin:0 auto 0 auto;  }
.info-box .text { padding-top:70px;}
.info-box .text h1{ background: url(/landing/images/top_line_w.png) bottom center no-repeat !important; font-size:3.7em; padding-bottom:25px;}  
.info-box .text h1 strong{font-family:'NanumSquareEB', sans-serif; }
.info-box .text p{font-size:1.5em; padding-top:25px; }
.info-box .info{ padding-top:50px;}
.info-box .info ul{ list-style:none; width:900px; margin:0 auto;display:block;}
.info-box .info ul li{ display:block;   font-size:1.2em; } 
.info-box .info ul li strong{ display:block; width:170px; float:left; color:#fae100; background:#482a2a; border-radius:5px; padding:8px 0; margin-bottom:10px; }
.info-box .info ul li p{ width:75%; float:right;text-align:left;display:inline-block; padding:8px 0; margin-bottom:10px;font-family:'NanumSquareB', sans-serif;}

.panelArea{ padding-left:15px; padding-right:15px;}

.talk-plus{background: url(/landing/images/bg-talk.png) top center repeat-x; margin:-20px auto 0 auto; padding:60px 0 40px 0; text-align:center;}



.kakaobox a, .phonebox a { padding:45px 0; display:block;}
.kakaobox{background:#3f2525;    }

.kakaobox p{ font-size:2.2em; margin-bottom:0;}
.kakaobox span{font-size:1.5em;   font-weight:600;}
 

.phonebox{background:#b93a21;   }
.phonebox p{font-size:1.75em;margin-bottom:0; }
.phonebox span{font-size:2.4em; font-weight:600}

.address{ background:#5a5858; margin:0 auto; text-align:center; font-size:1.3em;}
.address p{ padding:20px 10px; margin-bottom:0;}

footer{ background:#000; text-align:center; font-weight:500; font-size:0.85em; padding:25px 0;}


@media screen and (max-width: 1100px){
.pc-view{display:none;}
.m-view{ display:block;}
header{ margin-bottom:0px;}
.pdtb50{padding-top:0px; padding-bottom:20px;}
.pdlrnone{ padding-left:0px; padding-right:0;}

.carousel-item { height: 35vh; background-size:auto 400px; background-position:center right !important;}
 

.carousel-caption{ display:block;}
.carousel-caption h3 img{ width:70%;}
.carousel-caption .maintop{ font-size:2.7em; padding:0 0;}
.carousel-caption .maintop strong{display:block;}

.carousel-caption { right: 5%;	bottom:5%;	left: 5%;	z-index: 10;	padding-top: 20px;	padding-bottom: 20px; }

.img100{ width:100%;}
.mimg100{ width:100%;}
.mobiletext1 {padding:0px 0 0 0;}
.mobiletext1 .tit{ font-size:2em; line-height:1.2em; padding-bottom:20px; text-align:center; }
.mobiletext1 span{display:block;}
.f-c-6b{color:#6b6b6b;font-size:1em; text-align:left; padding-left:15px; padding-right:15px;}

.gray-box{ background:#666; text-align:center; border:10px solid #fff; width:200px; height:200px; margin:-30px auto 0 auto;z-index:33;}
.gray-box img{ padding-top:80px;width:70%; }



.box-leftright{ margin-top:5px; padding-bottom:0px;}

.box-right{display:block;  font-size:1.2em; margin-top:0px; text-align:center;  padding:20px 10px;}

.box-left{ display:block; padding-left:0px; padding-right:0px;  } 


 
 




.mpdlf{ padding-left:25px; padding-right:25px;}

.line{  font-size:2em; background-size:14% auto; padding-top:15px; }


.bod-col th {display:block !important;	padding-left:10px !important;	padding-bottom:5px !important;	border-bottom:none !important;	width:100% !important;	background:none !important;}
.bod-col td {display:block !important;	padding-top:0 !important;	overflow:hidden;}
.bod-col td p{ margin-bottom:5px; margin-top:5px; }

.titimg{   min-height:204px;} 
.titimg strong{ font-size:1.3em; padding-bottom:5px; display:block; }
.titimg p{font-size:0.8em;}
.tit1, .tit2, .tit3{ background-size:auto 400px;} 
.titimg .text{ bottom:10%;} 


.cos{ text-align:center; padding:20px 0 40px 0;}
.cos strong{ font-size:2.7em; padding-bottom:5px;}
.cos span{font-size:1.9em; padding-bottom:0; line-height:1em;}
.cos p{font-size:1.45em; padding-top:0;} 
 
.cosbox{ padding:0px 10px 30px 10px;}
.cosbox .col-md-5, .cosbox .col-md-7{ padding-right:5px;  padding-left:5px;}
	
.cosbox .col-md-5{font-size:1.55em; }
.cosbox .col-md-7{font-size:1.04em; text-align:left; line-height:1.6em;font-family:'NanumSquareB', 'Nanum Gothic', sans-serif; color:#555; padding-bottom:10px; }
.cosbox .col-lg-12 .name{border-top:1px solid #fff; padding:20px 0;font-size:1.3em;} 
 
.cosbox button{background:none; border:none; text-align:center;  width:100%; color:#fff; cursor:pointer; padding:10px;	}

 
 
 
.info-box p{ padding-top:0px;}

.info-box{  min-height:600px; text-align:center;  background-size: auto 600px; background-position:top center;   }
.info-box .text { padding-top:50px;}
.info-box .text h1{ background-size:10% auto !important;   font-size:1.9em; padding-bottom:18px;}   
.info-box .text p{font-size:1.11em; padding-top:18px; font-weight:600; }
.info-box .info{ padding-top:30px;}
.info-box .info ul{ width:96%; margin:0 2%; text-align:center;padding:0; }
.info-box .info ul li{ display:block;   font-size:0.9em; overflow:hidden; clear:both; } 
.info-box .info ul li strong{ display:block; width:26%;  padding:8px 8px;   }
.info-box .info ul li p{ width:70%;    }

.talk-plus{ padding:40px 10px 10px 10px;}



.kakaobox a, .phonebox a{padding:25px 0;  }
.kakaobox p, .phonebox p{ font-size:1.75em;}	
.kakaobox span, .phonebox span{ font-size:1.25em;}		
.kakaobox img, .phonebox img{ width:20px; height:auto; }	
	
.address{ font-size:0.9em; font-weight:600;}
footer{font-size:0.7em;} 
 
}



.fs3em{font-size:1.2em !important;   }


.btn-yell{color:#ffe600 !important; background:#3f2525; padding:10px 25px; display:block; width:300px; text-align:center; margin:0 auto; font-size:1.5em; font-weight:900; border-radius:15px; }