@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');

html {overflow-x: hidden; overflow-y: scroll;}
.body-layout {background-color: #fff;}

/* 폰트 설정 */
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { font-family: 'Noto Sans KR', "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif; }
/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */
ol, ul, li {
	list-style: none;
	list-style-position: inside;
}
.navbar .caret, .navbar .divider-vertical, .navbar ~ br, .footer-social-layout, .footer_copy .text-center > br {
    display: none;
}
.topmarginLay_a {
    height: 116px !important;
}

/* 상단 메뉴 영역 */
.navbar-inverse {
    background-color: #FFF;
    border: 0;
    margin-bottom: 0;
    -webkit-transition: ease .3s all;
    -moz-transition: ease .3s all;
    -o-transition: ease .3s all;
    transition: ease .3s all;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.navbar-inverse .navbar-brand {
    padding: 0;
    margin: 5px 0 10px !important;
}
.navbar-inverse .navbar-brand img {
    max-width: 120px;
    margin-top: 0;
}

@media (min-width: 768px) {
	.navbar-inverse.scrolling {padding-top:0px;padding-bottom:0px;-webkit-box-shadow:0px 1px 5px rgba(0,0,0,.125);-moz-box-shadow:0px 1px 5px rgba(0,0,0,.125);box-shadow:0px 1px 5px rgba(0,0,0,.125);}
	.navbar-inverse .navbar-nav>li>a {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #444;
    padding: 30px 20px !important;
}
	.navbar-inverse .navbar-nav>li:hover>a,.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus,
	.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus {
		background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#60b222;
	}
	.navbar-inverse .navbar-nav .dropdown-menu {
    left: -50%;
    right: auto;
    transform: translate(-50%, 0);
    padding: 5px;
    border-radius: 4px !important;
    min-width: 200px;
}
	.navbar-inverse .navbar-nav .divider-vertical+li .dropdown-menu {left:auto;right:-20%;}
	
	.navbar-inverse .navbar-nav .dropdown-menu {animation-fill-mode:both;animation-duration:.3s;animation-name:fadeInUp;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;background-color:#60b222;}
	.navbar-inverse .navbar-nav .dropdown-menu::before {content: '';border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 0;border-bottom: 10px solid #60b222;display: block;position: absolute;width: 0;height: 0;left: calc(50% - 10px);top: -5px;}
	.navbar-inverse .navbar-nav .dropdown-menu>li>a {
    border-radius: 2px;
    text-align: center;
    padding: 12px 14px;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
}
	.navbar-inverse .navbar-nav .dropdown-menu>li>a span{    display: block;
    font-size: 13px;
    opacity: .8;}
    .navbar-inverse .navbar-nav .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .dropdown-menu>li>a:focus {background-color:#FFF;color:#60b222;}
}

@media (min-width: 992px) {
	.navbar-inverse .navbar-nav>li>a {padding-left: 25px;padding-right:25px;}
}

#navTop{background-color:#60b222;border-bottom:1px solid #eef6fb}
#navTop .container ul{padding-left:0;margin-bottom:0}
#navTop .container ul.etcMenu{float:right}
#navTop .container ul > li{float:left;list-style:none}
#navTop .container ul > li > a{font-size:13px;font-weight:300;line-height:12px;letter-spacing:-.03em;padding:12px 15px;display:block;color:rgba(255,255,255,1)}
#navTop .container ul > li.active > a,#navTop .container ul > li.active > a:hover,#navTop .container ul > li.active > a:focus {background-color:rgba(0, 0, 0,.3);color:#FFF;}
#navTop .container ul > li > a:hover,#navTop .container ul > li > a:focus{color:#FFF}
#navTop .container ul.selectMenu > li > a{background-color:#0361a7;color:#FFF;padding-left:60px;padding-right:60px}
#navTop .container ul.selectMenu > li.active > a,#navTop .container ul.selectMenu > li.active > a:hover,#navTop .container ul.selectMenu > li.active > a:focus{background-color:#FFF;color:#999}
@media (min-width: 768px) {
	#navTop .container ul.etcMenu{margin-right:-15px}
}
@media (max-width: 767px) {
	#navTop .container ul.selectMenu > li > a{padding-left:30px;padding-right:30px}
}
@media (max-width: 499px) {
	#navTop .container ul.selectMenu > li > a{padding-left:15px;padding-right:15px}
}
@media (max-width: 429px) {
	#navTop .container ul > li > a,#navTop .container ul.selectMenu > li > a{padding-left:7.5px;padding-right:7.5px}
}
.navbar-right li:nth-of-type(8), .navbar-right li:nth-of-type(9){display:none}
/* 슬라이드 설정 시작 */
.container_slide {width:100%;padding-left:0;padding-right:0;}
.container_contents {width:100%;padding-left:0;padding-right:0;}
.container_contents > .intro-html-layout {margin-left:0;margin-right:0;}
.container_contents > .intro-html-layout > .col-sm-12 {padding-left:0;padding-right:0;}
.carousel.slide{position: relative; height: 580px;}
.carousel-inner{height: 100%;}
.carousel-inner > div:nth-child(1) { height: 100%; background: url('/skin/img/slide/slide1.jpg'); }
.carousel-inner > div:nth-child(2) { height: 100%; background: url('/skin/img/slide/slide2.jpg'); }
.carousel-inner > div:nth-child(3) { height: 100%; background: url('/skin/img/slide/slide3.jpg'); }
.carousel-inner > div:nth-child(1) .slide-right-wrap { text-align: left; }
.carousel-inner > div:nth-child(2) .slide-right-wrap { text-align: left; }
.carousel-inner > div > div{height: 100%;}

/* ----- 슬라이드 화살표 버튼 ----- */
.carousel-control{opacity: 1; z-index:1000}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{margin-top: -50px;}
#main .glyphicon {
  display: none
}

.glyphicon-chevron-left:before{content: url(/skin/img/default/left-arrow.png);}
.glyphicon-chevron-right:before{content: url(/skin/img/default/right-arrow.png);}


#main .carousel-control-box .left {
  background: url('/skin/img/main/arrow_prev.png') no-repeat center;
}

#main .carousel-control-box .right {
  background: url('/skin/img/main/arrow_next.png') no-repeat center;
}

/* ----- 슬라이드 텍스트 ----- */
.slide-box-left{height:100%;width:280px;float:left;position:relative}
.slide-left-wrap{top:50%;margin-top:-190px;position:absolute;width:100%;height:380px}
.slide-left-wrap h5{color:#c80e0e;font-size:15px;font-weight:400;margin:0 0 8px}
.slide-left-wrap h3{color:#333;font-size:21px;font-weight:500;line-height:1.3;margin:0 0 15px}
.slide-left-wrap p{font-size:13px;color:#999}
.slide-banner-top,.slide-banner-bottom{position:absolute;width:100%;height:180px}
.slide-banner-top{top:0;background:url(/skin/img/default/slide-banner-top.jpg);padding:28px 30px 30px}
.slide-banner-bottom{bottom:0;background:url(/skin/img/default/slide-banner-bottom.jpg);padding:30px}
.slide-box-right {
    position: relative;
    height: 80%;
    margin: 0 auto;
}
.slide-right-wrap {
    color: #fff;
    top: 50%;
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: -79px;
}
.slide-caption {
    height: 100%;
    background-image: url(/skin/img/main/slide-txt-wrap.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}
.slide-caption h3 {
    margin: 0 0 30px;
    font-size: 52px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.08em;
    display: inline-block;
}
.slide-caption h5{font-size:16px;font-weight:500;display:block;color:#E1DC95;margin:0 auto 10px;padding:7px 0}
.slide-caption p{margin:0;font-size:14px;font-weight:300;line-height:1.8}

/* ----- 슬라이드 퀵 메뉴 설정 ----- */
.carousel.slide #main_btn{position:absolute;z-index:1000;bottom:0;width:100%;right:0;background:rgba(0,0,0,0.6)}
#main_btn ul{margin:0 auto;overflow:hidden}
#main_btn ul li{text-align:center;float:left;width:20%;margin:0;border-right:1px solid rgba(255,255,255,0.2)}
#main_btn ul li:last-child{border-right:none}
#main_btn ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 0 25px;
    color: #fff;
    transition: all .3s;
}
#main_btn ul li a:hover,#main_btn ul li a:focus{background:#000;text-decoration:none;}
#main_btn ul li a h3{margin:-6px 10px 0 15px;float:left;}
#main_btn ul li a h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px;
    letter-spacing: -0.04em;
}
#main_btn ul li a p {
    font-size: 13px;
    font-weight: 300;
    color: rgba(255,255,255,0.8);
    margin: 0;
}
@media screen and (max-width: 991px) {#main_btn > ul{width:100%}}
@media screen and (max-width: 767px) {.gu-slider{display:none}}

.main_btn_plus::before {content: '+';line-height: 1;text-align:center;width:14px;height:14px;font-size:15px;color:#FFF;background-color:#60b222;display:inline-block;border-radius:50%;margin-top: 10px;font-weight: 300;}

#myProduct {
    padding-top: 60px;
    padding-bottom: 0px;
}
#myProduct .main-con {border:1px solid #DEDEDE;overflow:hidden;position:relative;}
#myProduct .main-con-box {
    background-color: rgba(0,0,0,.8);
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -75px;
    padding: 16px 20px;
    height: 120px;
}

#myProduct .con-box1,#myProduct .con-box2 {padding: 8px 20px;}
#myProduct .con-box1 h4{    color: #8ddb51;}
#myProduct .con-box1 b,#myProduct .con-box2 b{    
    font-weight: 400;
    font-size: 12px;}



#myProduct .main-con-box h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.02em;
}
#myProduct .main-con-box p {
    margin: 20px 0 0;
    font-weight: 300;
    font-size: 13px;
    opacity: .8;
    line-height: 1.6;
    letter-spacing: -0.02em;
    word-break: keep-all;
}
#myProduct .main-con-box .main_btn_plus {
    float: right;
    margin-top: -10px;
}
#myProduct .con-box1 .main_btn_plus,#myProduct .con-box2 .main_btn_plus{margin-top: -20px;}

#myProduct .main-con .main-con-box{cursor:pointer;-webkit-transition:ease-in-out .3s all;-moz-transition:ease-in-out .3s all;-ms-transition:ease-in-out .3s all;transition:ease-in-out .3s all;}
#myProduct .main-con:hover .main-con-box{bottom:0;}

.intro-board-widget-layout {
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 70px;
}
@media (min-width: 768px) {
.intro-board-widget-layout{width:750px}
.intro-boardbox{width:50%}
}
@media (min-width: 992px) {
.intro-board-widget-layout{width:970px}
}
@media (min-width: 1200px) {
.intro-board-widget-layout{width:1170px}
}
.intro-boardbox .page-header{margin:0;padding:0;padding-bottom:20px;margin-bottom:20px}
.intro-boardbox .page-header h4{font-size:24px;font-weight:600;letter-spacing:-0.03em;margin-top:0;margin-bottom:0}
.intro-boardbox .page-header .btn.pull-right {padding:0;}
.intro-boardbox .page-header .btn.pull-right::before{content:'+';display:block;border:1px solid #b9b9b9;border-radius:0;color:#b9b9b9;width:27px;height:27px;text-align:center;font-size:25px;font-weight:100;line-height:23px;margin-top:-1px}
.intro-boardbox .page-header .btn.pull-right:hover::before{border-color:#414141;color:#414141;}
.intro-boardbox .page-header .btn.pull-right > i.fa{display:none}
.intro-boardbox .dh-front-list2 .front-panel > .panel,.intro-boardbox .dh-front-list2 .front-panel > .panel .panel-body{border:none;padding:0}
.intro-boardbox .dh-front-list2 .front-panel .dh-front-list2-words{padding-left:0;padding-right:0}
.intro-boardbox .dh-front-list2 .front-panel .dh-front-list2-words .row-separator,.intro-boardbox .dh-front-list2 .front-panel .dh-front-list2-words .list-row-contents{display:none}
.intro-boardbox .dh-front-list2 .front-panel .dh-front-list2-words .list-row-regdate {
    float: right;
    color: #888 !important;
    font-weight: 300 !important;
    letter-spacing: 0.02em;
}
.dh-front-list2 h6 a,.dh-front-list2 h6 a span,.dh-front-list2 h6 a:hover .list-row-regdate,.dh-front-list2 h6 a:focus .list-row-regdate{font-weight:400;color:#666;text-decoration:none}
.dh-front-list2 h6 a:hover,.dh-front-list2 h6 a:hover span,.dh-front-list2 h6 a:focus,.dh-front-list2 h6 a:focus span{color:#60b222;text-decoration:underline}
.dh-front-list2 h6 a > small > .label-danger {background-color:transparent;color:#60b222!important;text-decoration:none!important;}

/* 푸터 영역 */
.footer_copy {float:left;width:100%;}
.footer_copy > .text-center {
    background-color: #efefef;
    padding: 40px 0;
}
.footer_copy .col-md-10 {text-align:left;}
.footer_copy .col-md-10 span {
    font-size: 13px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    letter-spacing: -0.04em;
    line-height: 1.6;
}
.footer_copy .col-md-10 span+span {margin-left:10px;}


/*서브페이지 - 상단영역*/

.sub-layout{width: 100%; padding: 0;}
#content {
    float: none;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px 100px;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
    #content{width: 100%; padding: 0 15px 50px; border-left: none;}
}
@media screen and (max-width: 767px) {
    #content{width: 100%; padding: 0 10px 50px; border-left: none;}
}

/* ----- 서브페이지 상단 이미지 설정 ----- */
.page-wrap {
    min-height: 700px;
}
.page-wrap header {
    height: 240px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.visual1 { background: url(/skin/img/sub/visual1.jpg); }
.visual2 { background: url(/skin/img/sub/visual1.jpg); }
.visual3 { background: url(/skin/img/sub/visual1.jpg); }
.visual4 { background: url(/skin/img/sub/visual1.jpg); }

header .breadcrumb {
    padding-top: 20px;
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 1170px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: none;
    border-radius: 0;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    text-align: right;
    color: #efefef;
}
header h2 {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    letter-spacing: -0.04em;
    padding-top: 105px;
    margin: 0;
}
header .breadcrumb > .active{color: #fff;}
header .breadcrumb>li+li:before {content: ">";color: #fff}

/*서브 페이지 - 회사소개*/
.content-title {
    margin: 60px 0 0;
    text-align: center;
}
.content-title h3 {
    margin: 0 0 20px;
    color: #60b222;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.04em;
}
.content-title h3:after {
    content: "";
    height: 2px;
    width: 30px;
    background: #ccc;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}

.content-title p {  
    margin-top: 30px;
    color: #555;
    font-weight: 400;
    font-size:18px;
}
.intro-text {
    margin-bottom: 80px;
}
.intro-text img {
    margin-bottom: 40px;
}
.intro-text p {
    text-align: center;
    margin-bottom: 20px;
    color: #666;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.8;
}

.intro_img .col-md-3 img{max-height:417px}
.intro_img:last-child {margin-top:30px}
.history-con tr th{text-align:center}
/*서브 페이지 - 제품소개1*/
.pro-content p:first-child {
    text-align: center;
    margin-bottom: 60px;
    color: #888;
}
.product .con-sub-title h3 {
    color: #222;
    font-size: 22px;
    font-weight: 500;
    border-left: 4px solid #60b222;
    margin: 0 0 20px;
    padding-left: 8px;
    line-height: 1;
    letter-spacing: -0.04em;
}
.product .con0,.product .con1, .product .con2, .product .con3, .product .con4, .product .con5, .product .con6, .product .con7,.product .con8,.product .con9 { padding-bottom: 80px; }

.product .con0 .con0-txt p{    
    text-align: center;
    font-size: 22px;
    border: 5px solid #60b222;
    padding: 40px;
    margin-bottom: 0;
    color: #666;
    line-height: 1.8em;}

.product .con1 dl {
    background: #f8f8f8;
    min-height: 120px;
    margin: 0 0 30px;
    padding: 25px 30px;
    border-radius: 4px;
}
.product .con1 dt {
    color: #222;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin: 0 0 10px;
    line-height: 1.6;
}
.product .con1 dd {
    color: #666;
    font-size: 14px;
    display: block;
    line-height: 1.6;
    letter-spacing: -0.02em;
}
.product .point3 dd span{font-size: 12px;}
#product1 .point3 dd:last-child{padding-bottom:65px}
#product2 .point3 dd:last-child{padding-bottom:20px}
#product5.product .con1 dd{font-size:13px}

.product .con1 .why h4 {
    color: #437c18;
    margin: 20px 0 15px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.06em;
}
.product .con1 .why p {
    color: #666;
    font-size: 15px;
    font-weight: 300;
    margin: 0;
    line-height: 1.8;
    letter-spacing: -0.02em;
}

.product .con2 img {
    width: 80%;
}
.product .con2 p {
    color: #666;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    font-family: 'Nanum Myeongjo', serif !important;
    text-align: center;
    letter-spacing: -0.04em;
    margin: 40px 0 0;
}

.product .con3 dl {
    background: #f8f8f8;
    min-height: 120px;
    margin: 0 0 30px;
    padding: 25px 30px;
    border-radius: 4px;
}
.product .con3 dl dt {
    color: #222;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin: 0 0 10px;
    line-height: 1.6;
}
.product .con3 dl dd {
    color: #666;
    font-size: 14px;
    display: block;
    letter-spacing: -0.02em;
    line-height: 1.6;
}





#content table {
    width: 100%;
    border: none;
    border-top: 2px solid #60b222;
    border-bottom: 1px solid #dedede;
}
#content table tr th, #content table tr td {
    border: none;
    border-bottom: 1px solid #dedede;
    padding: 14px 16px;
    color: #666;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.6;
    vertical-align: middle;
}
#content table tr th {
    background: #f8f8f8;
    color: #222;
    font-weight: 500;
    letter-spacing: -0.04em;
}

#product2 .con4 img:nth-of-type(2){margin-top:20px}

#product2 .con4 p, #product3 .con4 p {
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    margin-top: 20px;
}
#product2 .con4 thead tr th{text-align:center}
.product .con5 p {
    margin: 40px 0 0;
    color: #666;
    font-size: 14px;
    display: block;
    line-height: 1.6;
    letter-spacing: -0.02em;
    background: #f8f8f8;
    padding: 25px 30px;
}

.product .con6 .con-sub-title ~ .row > div:nth-child(1) {
    color: #437c18;
    margin: 20px 0 15px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.06em;
}
.product .con6 p {
    text-align: center;
    margin: 20px 0 15px;
    color: #437c18;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.04em;
}
.product .con6 img ~ p {
    margin: 15px 0 20px;
    color: #666;
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.02em;
}
.product .con6 ul {
    margin: 0;
    padding: 25px 30px;
    background: #f8f8f8;
    border-radius: 4px;
	margin-top: 50px;
}
.product .con6 ul li {
    font-size: 14px;
    color: #666;
    letter-spacing: -0.02em;
    line-height: 1.8;
}

.product .con7 h4 {
    color: #437c18;
    margin: 20px 0 20px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.06em;
}
.product .con7 .row .col-md-12{margin-left: 15px;}

@media(max-width:767px){
.product .con7 .row .col-md-12{margin-left: 0;} 
}

.product #case .col-md-6 p {
    margin-bottom: 10px;
    color: #437c18;
    margin: 20px 0 15px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.06em;
}
#case .col-md-6:nth-of-type(3) p, #case .col-md-6:nth-of-type(4) p{    
  margin: 20px 0 10px;
    }
.pro-content .con9 .col-md-6, #product2 .con8 .col-md-6{margin-bottom:30px}
.pro-content .con9 p ,#product2 .con8 p{    
    margin-bottom: 10px;
    color: #666;}
.pro-content .con9 p span, #product2 .con8 p span{color: #e83c15;}



/*메인 a태그 호버*/
.is-section a {color:#fff}
.is-section a:hover, .is-section a:focus, .is-section a:active {border-bottom:rgba(0,0,0,0,);text-decoration:none}


/* 게시판 */
.dh-board > .table-hover {
    margin: 0 0 40px;
}

/*제품소개 2*/

.pro-content #product-service .row{    margin-left: 15px;
    margin-top: 40px;}
.pro-content #product-service tr th{    
    text-align: center;
    font-size: 15px;}
.pro-content #product-service tr td{font-size: 15px;}



/*******준비중!!!***/

.maintenance {
    margin-top: 160px;
    border: 7px solid #E5E5E5;
    padding: 50px 25px;
    text-align: center;
}


.maintenance .icon {
    display: block;
    line-height: 1;
    font-size: 64px;
	margin-bottom: 10px;
}

.maintenance .big-cont {
	display: block;
    line-height: 1;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}

.maintenance .small-cont {
    display: block;
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #818181;
    margin-bottom: 20px;
}



#estimate{    min-height: auto;}
#estimate  #content{    padding: 0 15px 0;}
#mod_type_formForm{max-width:800px;margin:0 auto;margin-bottom: 50px;}
#mod_type_formForm .q_number:nth-of-type(1),#mod_type_formForm .q_number:nth-of-type(2){display:none}
#mod_type_formForm .q_number .fa-square{display:none}

#mod_type_formForm .q_number .pull-left{
    margin: 0;
    margin-top: 10px;
    letter-spacing:-0.04em;
    color: #444;}
#mod_type_formForm .q_number .pull-left span{    
    display: block;
    font-size: 13px;
    margin-left: 20px;}
#mod_type_formForm .q_number .pull-left:before{    
    content: "";
    width: 10px;
    height: 10px;
    background: #60b222;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;}
@media(min-width:768px){
#mod_type_formForm .col-sm-12{
    width: 15%;
    float: left;}
#mod_type_formForm .q_number div:nth-child(n+3){    
    font-size: 16px;
    color: #000;
    float: left;
    width: 80%;}
}
#mod_type_formForm .btn-primary{    
    color: #fff;
    background-color: #437c18;
    border-color: #437c18;}
#mod_type_formForm .btn-primary:hover,#mod_type_formForm .btn-primary:active,#mod_type_formForm .btn-primary:focus{
    background-color: #60b222;
    border-color: #60b222;}
#mod_type_formForm .btn-wrap{margin-top:0 !important;margin-bottom:60px}
#mod_type_formForm .btn-wrap:before{    
    content: "* 자세한 문의 사항은 고객센터 Q&A로 문의 바랍니다.";
    display: block;
    text-align: left;
    font-size: 15px;
    font-weight: 699;
    color: #555;}
.join-layout .page-wrap{    min-height: auto;}
#login #content {    padding: 0 15px 0;}
.login-layout .panel-default{
    max-width: 1170px;
    margin: 0 auto;
    margin-bottom: 80px;
    margin-top: 80px;}
.login-layout .panel-default .panel-body h2{font-weight:600;font-size:40px}
.login-layout .panel-default .btn-warning{    
  color: #fff;
    background-color: #60b222;
    border-color: #60b222;}
.login-layout .panel-default .btn-warning:hover,.login-layout .panel-default .btn-warning:focus,.login-layout .panel-default .btn-warning:active{ color: #fff;
    background-color: #60b222;
    border-color: #60b222;}
.join-agree-area{max-width: 800px;
    margin: 0 auto;}
.join-layout .form-horizontal .panel-body {    
    max-width: 800px;
    margin: 0 auto;}

.join-layout .form-horizontal .panel-footer .form-group{   
    padding-top: 10px;
    max-width: 800px;
    margin: 0 auto;}
.join-layout .panel-default .panel-heading{display:none}
.join-layout .panel-default{border-color: transparent}
.join-layout .panel-footer{
    padding: 0;
    background-color: transparent;
    border-top: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-bottom: 50px;}
/*********메일폼*********/
#mod_type_formForm .q_number .pull-left b{    
	font-weight: 500;
    display: block;
    text-indent: 12px;
    font-size: 14px;}

/*********블로그 게시판*********/

.bbs-blog2-index-layout .dh-board .dhb-txt-box-type-b-img-layout .thumb-hidden{box-shadow:none;min-height: 250px;}

@media (min-width: 768px){
.bbs-blog2-index-layout .col-sm-3 {width: 33.333%;}
#product6 .con1 .point3 dl{min-height: 216px;}
}

/*2019-06-21*/
#content #specifi table tr td{text-align:Center}
#specifi p{    margin-top: 10px;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.6;
    color: #000;}

/*2020-06-20*/
#product4 .con1 dd{letter-spacing: -0.05em;}
#product4 #content .con4 table tr th{text-align: center;}
#product4 #content .clearfix{margin-bottom: 40px;}

/*2021-04-02*/
#product6 .con4 .col-md-4 img:last-child{margin-top: 30px;}