@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic', sans-serif; src:url('/include/css/NanumGothic.ttf'); font-weight:normal;}

.icon-search { font-size:100px; }

.dropdown-toggle.right-icon-split { 
	border-top-right-radius: 0;  
	border-bottom-right-radius: 0;
}
#Login.modal, #myModal2.modal, #myModal3.modal, #myModal4.modal {
  width:300px;
  margin-left:-150px;
}
.scrollspy-example {
height: 200px;
overflow: auto;
position: relative;
}
.bs-docs-tooltip-examples {
text-align: center;
margin: 0 0 10px;
list-style: none;
position:relative ;
}
.bs-docs-tooltip-examples li {
display: inline;
padding: 0 10px;
}
.bs-docs-popover-example1 {
text-align: center;
margin: 0 0 10px;
list-style: none;
}
.bs-docs-popover-example1 li {
display: inline;
padding: 0 10px;
}
.bs-docs-popover-example2 {
position:relative ;
}
.bs-docs-popover-example2 .popover {
  left:0px !important;
}
.bs-docs-popover-example2 .arrow {
  left:30px !important;
}

#myCarousel {
  width:640px;
}
.carousel-control {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/****************** 세로형 슬라이드 ********************/
#myCarousel2 {
  width:640px;
}
.vertical .carousel-inner {
  height: 100%;

}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 100%;
}

.carousel.vertical .prev {
  top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -100%;
}

.carousel.vertical .active.right {
  top: 100%;
}

.carousel.vertical .item {
    left: 0;
}

/****************** 세로형 슬라이드  End ********************/



.affix{
  top:200px;
  left:50px;
}


#toc {
	position: fixed;
	right:10px;
	top:50px;
}

li {
line-height: 15px;
}


h4.sub-title {
  padding-left:20px;
}

#hero1 #Header1,
#hero1 #Header2,
#hero1 #Header3,
#hero1 #Header4,
#hero1 #Header5,
#hero1 #Header8,
#hero1 #Header9,
#hero1 #Header11,
#hero1 #Header12,
#hero1 #Header13,
#hero2 #Header13,
#hero2 #Header14,
#hero2 #Header14,
#hero2 #Header15,
#hero2 #Header16,
#hero2 #Header17,
#hero2 #Header18,
#hero2 #Header19,
#hero2 #Header20,
#hero2 #Header21,
#hero2 #Header22,
#hero3 #Header2,
#hero3 #Header6,
#hero3 #Header10,
#hero3 #Header11,
#hero3 #Header12,
#hero3 #Header13,
#hero3 #Header14,
#hero3 #Header16,
#hero3 #Header17,
#hero3 #Header18,
#hero3 #Header19,
#hero3 #Header20,
#hero3 #Header22,
#hero3 #Header23,
#hero3 #Header24,
#hero3 #Header25,
#hero3 #Header26,
#hero3 #Header30,
#hero3 #Header31,
#hero3 #Header32,
#hero3 #Header33,
#hero4 #Header2,
#hero5 #Header3,
#hero5 #Header4,
#hero5 #Header5,
#hero5 #Header9,
#hero5 #Header10,
#hero5 #Header13,
#hero5 #Header18,
#hero5 #Header21,
#hero5 #Header22,
#hero5 #Header23,
#hero5 #Header24,
#hero5 #Header25

{
  padding-left: 30px;
}

  #toc {
    display: none;
  }
@media (min-width: 980px) {
  #toc {
    display: block;
  }
}

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

.m_mt1 {
background:#2e5252;
line-height:40px;
color:#FFF;
cursor:pointer;
transition:all .2s;
width:100%;

}


.m_mt2 {
background:#c4a16b;
line-height:40px;
color:#FFF;
cursor:pointer;
transition:all .2s;
width:100%;

}


.s2_txt{
float:left; width:33%; text-align:center;
font-weight:bold;
font-size:12px;
color:#333;
}

.s31_box {
margin:auto;
width:90%;
}

.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;
}


.tbl th, .tbl2 th {
padding:5px;
color:#666;
font-weight:bold;
font-size:16px;
border:dashed 1px #aaa;
background:#666;
color:#FFF;
}

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

.tbl  {
width:100%;
}

.tbl2  {
width:100%;
}




.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: 90%; 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;}	


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

.mtxt {
width:250px;
height:85px;
border:solid 2px #305253;
}

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

#msg_max { 
position:absolute; 
line-height:17px;
left:80px; 
width:250px; height:80px; 
font-size:11px; color:#000000; text-align:left; cursor:text; }