@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Pen+Script');
* {font-family:'Nanum Gothic', sans-serif; src:url('/include/css/NanumGothic.ttf'); font-weight:normal;}

body, html{overflow-x:hidden; color:#666;}

.nav ul {
padding:0;
width:100%;
}

.nav li{
float:left;
padding-left:70px;
text-align:right;
cursor:pointer;
transition: all .2s;
font-size:18px;
height:50px;
color:#333;
}

.nav li:hover {
font-weight:bold;
}

.npen {
font-family: 'Nanum Pen Script', cursive; color:#5e6b51;
}

p, body, ul, li, dt, dl, h1, h2, h3, h4, h5,a{margin:0;
padding:0; list-style:none; text-decoration:none; border:0;
}
a:link { color: #323232; }
a:visited { color:#323232; }
a:hover { color:#6f3737; }
a:active { color:#323232; }

body td{
margin:0;
padding:0;
font-size:12px;
font-family:나눔고딕,Dotum, 굴림, Gulim, arial, Verdana, AppleGothic, sans-serif;
color:#707070;
} 

#mlnk:hover {
text-shadow: 1px 1px #ddd;
}

#mlnk2:hover {
text-shadow: 1px 1px #666;
}

#mlnk3:hover {
text-shadow: 1px 1px #bbb;
}

.s3_ul {
clear:both;
padding-bottom:50px;
width:550px;
margin:auto;
}

.s3_ul li {
float:left;
font-size:20px;
border-bottom:solid 1px  #EEE;
line-height:50px;
}

.li_l {
width:200px;
text-align:right;
padding-right:40px;
font-weight:bold;
}

.li_r {
width:300px;

}

.pdl {
padding-left:15px;
}

#btn_img:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#footer_contain #footer{
clear:both;
padding-top:20px;
margin:auto;
}

#footer_contain #footer .f_inner{
position:relative;
margin:auto;
}

.f_inner dl{
overflow:hidden}

.f_logo{
float:left;
margin-top:10px
}

.adcopy{
padding-left:20px;
margin-top:10px;
color:#aaa;
float:left;
text-align:left;
line-height:20px;
}

.add{margin-bottom:5px;line-height:15px;}

/* SMS */
#msg_screen	{ text-align:center; position:relative; margin:0px 0 0 0; }
#msg_window	{ border:none; width:160px; height:101px; background:transparent; font:12px/1.4em 굴림체; color:#000000; overflow:hidden; padding:0px;}
#msg_max	{ position:absolute; line-height:17px;left:30px; top:5px; width:303px; height:153px; font-size:11px; color:#000000; text-align:left; cursor:text; }
#max_byte	{ margin:0; padding:8px 0 3px 0; font-size:11px; color:#000000; }
/* SMS */

img {
border:none;
}

#sub_visual img{
width:1000px;
margin:0 auto;
display:block

}



#contents_contain2{
width:1100px;
min-height:350px;
margin:0 auto 60px auto;

}


#left_con{
width:220px;
float:left
}

#left_con h2{ 
border:solid 10px #3e8947;
height:80px;
font-size:20px;
line-height:80px;
color:#3e8947;
text-align:center;
font-weight:bold;
}


#left_con ul{

font-size:15px;
text-align:left
}

#left_con ul li{
border-bottom:1px dashed #aaa;
padding:10px 0 10px 20px;
cursor:pointer;
font-weight:bold;
}

#left_con ul li:hover{
background:#aaa;
color:#FFF;
font-weight:bold;
}

#left_con span img{
margin-top:80px}

#right_con{
width:830px;
float:left;
text-align:left;
margin-left:30px;
}

.right_con_inn{
height:60px;
border-bottom:1px dotted #b5b5b5;}

#right_con h3{
font-size:30px;
color:#333333;
font-weight:400;
margin-top:20px;
float:left;
line-height:30px;
}

.loacation{
float:right;
margin-top:28px;
}


div.polaroid {
  width: 96%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  transition: font-size 0.1s ease-out;
}

div.polaroid:hover {
  font-size:16px;
}


.tbl th, .tbl2 th {
padding:5px;
font-weight:bold;
font-size:16px;
background:#3e8947;
color:#FFF;
text-align:center;
line-height:40px;
}

.tbl td {
padding:5px;
line-height:25px;
font-size:14px;
text-align:center;
border:dashed 1px #aaa;
}

.tbl2 td {
padding:5px;
line-height:25px;
font-size:14px;
border:dashed 1px #aaa;
text-align:center;
}

.tbl  {
width:100%;
margin:auto;
}

.tbl2  {
width:100%;
}

.bg_gray {
background:#EEE;
font-weight:bold;
}


.sstlt {
background:#3e8947; padding:4px; border-radius:3px; color:#FFF; font-size:16px; font-weight:bold;
padding-left:10px;
}

.box_tlt{
font-size:20px;
font-weight:bold;
padding-bottom:5px;
color:#3e8947;
}

.box_cnt{
padding:20px;
word-break:keep-all;
text-align: justify;
text-justify: inter-word;
border:solid 1px #aaa;
box-shadow:4px 4px 4px #ccc;
border-radius:10px;
font-size:13px;
font-weight:bold;
}

.nav_tbl {
width:100%;
background:#FFF;
}

.nav_tbl td {
border-bottom:dashed 1px #eee;
background:#1676c5;
cursor:pointer;
color:#FFF;
text-align:center;
height:30px;
font-size:13px;
letter-spacing:1.2px;
}

.nav_tbl td:hover {
box-shadow:inset 3px 3px 3px #115995;
text-shadow:2px 2px 2px #115995;
font-weight:bold;
}

.s2_box {
text-align:center; border:solid 1px #ddd; width:60%; padding:20px; margin:auto;
border-radius:10px;
box-shadow:4px 4px 4px #ddd;
color:#3f9ccf;
font-weight:bold;
}


.mipt {
width:250px;
height:25px;
border:solid 2px #305253;
}

.mtxt {
width:380px;
height:145px;
border:solid 2px #305253;
}

.mbtn {
width:200px;
height:30px;
background:#305253;
color:#FFF;
font-weight:bold;
border-radius:5px;
border:none;
}

.s2_txt{
font-weight:bold;
font-size:14px;
color:#333;
}

.s31_box {
float:left;
text-align:center;
width:33.33%;
}

.s31_tlt {
font-weight:bold;
line-height:40px;
font-size:18px;
color:#333;
}

.s31_img {
width:90%; border-radius:10px;
box-shadow:4px 4px 4px #CCC;
}

.s31_price {
color:#ff3300;
font-weight:bold;
line-height:30px;
}

.s31_deli {
color:#0584c0;
font-weight:bold;
line-height:30px;
}

.m_mt {
float:left;
width:25%;
}

.m_mt1 {
background:#2e5252;
line-height:40px;
color:#FFF;
cursor:pointer;
transition:all .2s;
width:265px;
margin:auto;
}

.m_mt1:hover {
box-shadow:inset 3px 3px 3px #1f3838; 
font-weight:bold;
font-size:20px;
}


.m_mt2 {
background:#c4a16b;
line-height:40px;
color:#FFF;
cursor:pointer;
transition:all .2s;
width:265px;
margin:auto;
}

.m_mt2:hover {
box-shadow:inset 3px 3px 3px #836334; 
font-weight:bold;
font-size:20px;
}



.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}	

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 460px; height:auto;  background-color:#fff; border: 3px solid #2e2e2e; z-index: 9999999;}	
.pop-layer .pop-container {padding: 20px 18px;}

.pop-layer p.ctxt30 {color: #666; line-height: 20px;font-weight:600;margin-bottom:20px; font-size:14px;}
.pop-layer p.ctxt20 {color: #666; line-height: 18px; font-size:12px;}

.pop-layer .btn-r {width: 100%; margin:10px 0 10px; padding-top: 10px;text-align:center;}

.btn-r a.cbtn {display:inline-block; height:25px; padding:3px 14px ;  background-color:#5A5A5A; font-size:13px; color:#fff; line-height:25px;}	
.btn-r a.cbtn:hover { background-color:#000; color:#fff;}

/*견적신청팝업*/
.layer .pop-layer2 {display:block;}
.pop-layer2 {display:none; position: absolute; top: 50%; left: 50%; width: 1200px; height:800px;  background-color:#fff;z-index: 10;    overflow-y: scroll;}
	
.pop-layer2 .pop-container2 {padding: 35px 60px;}
.pop-layer2  h1 {font-size: 40px;color: #0084c4;text-align: left; padding-bottom: 20px;}
.pop-layer2  h2 {font-size: 24px;padding-bottom: 15px;}
.pop-layer2 .txt_agree {padding-bottom: 20px;}
.pop-layer2 .txt_agree a { font-size: 15px;}
.pop-layer2 .txt1 {padding-bottom: 30px;}
.pop-layer2 .txt1 p {font-size: 18px;padding-bottom: 10px;color: #606060;}

.pop-layer2 input[type="radio"] { opacity: 0; position: absolute; width: 16px; cursor: pointer; height: 16px;}
.pop-layer2 input[type="radio"] + label {  cursor: pointer; font-size: 18px;color: #606060;}
.pop-layer2 input[type="radio"] + label span { width: 16px;margin-right: 10px; height: 16px; display: inline-block; background: url(images/radio.png) no-repeat right top;}
.pop-layer2 input[type="radio"]:checked + label span {width: 16px;height: 16px;display: inline-block;  background: url(images/radio.png) no-repeat left top;}
.pop-layer2 .call_con {margin-right: 20px;}
.pop-layer2 .btn-r2 {right: 15px;position: absolute;}
.btn-r2 a.cbtn {display:inline-block;}	

/* clearfix */
.clearfix {
	clear:both;
}


#container{
	position:relative;
	width:800px;
	margin:0 auto 25px;
	padding-bottom: 10px;
	
}
.grid{
	width:500px;
	padding: 15px;
	background:#fff;
	margin:8px;
	font-size:12px;
	float:left;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}

.strong {
	margin:5px 0;
	display:block;
	padding:5px;
	font-size:17px;
	text-align:center;
}
.grid .meta{
	text-align:right;
	color:#777;
	font-style:italic;
}
.grid .imgholder img{
	max-width:100%;
	display:block;
}

.m_b {
float:left; width:20%; text-align:center;
cursor:pointer;
}

.m_b:hover {
text-shadow:2px 2px 2px #aaa;
}

.mbd_img ul{
padding:0;
}

.mbd_img li{
float:left;
padding-bottom:25px;
}

.ml_10 {
padding-left:15px;
}

#ln {
color:#FFF;
line-height:50px;
font-weight:bold;
text-shadow:2px 2px 2px #000;
}

#ln2 {
color:#bbd2ee;
line-height:50px;
font-weight:bold;
text-shadow:1px 1px 1px #000;
font-size:32px;
}

.s41 ul{
padding-top:30px;
}

.s41 li:nth-child(1) {
font-weight:bold;
}