/* 웹폰트 Import */
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

/* 스크롤 설정 */
html {overflow-x: hidden; overflow-y: scroll;}
.body-layout {background-color: #fff; padding-top:84px; overflow-x:hidden;}

/* 폰트 설정 */
* {font-family: 'NanumBarunGothic', 'Noto Sans CJK KR', "NanumGothic", 'Malgun Gothic', 'Gulim', sans-serif !important;}
h1, h2, h3, h4, h5, h6, p {font-family: 'NanumBarunGothic', 'Noto Sans CJK KR', "NanumGothic", 'Malgun Gothic', 'Gulim', sans-serif !important;}
.fas, .fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}
ol, ul, li {list-style: none;}
.footer-social-layout{display:none;}

/* 준비중 입니다. */
.maintenance {
    margin-top: 5px;
    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;
}
/* ----- tab 메뉴 설정 ----- */

.filter-items{padding: 0 0 0;}
.filter-items .filter-label{color: #333; font-size: 13px; background-color: #f7f7f7; border: none; margin: 0px 1px 5px; padding: 12px 28px 12px;}
.filter-items .filter-label:hover{color: #fff; background-color: #003399;}

#product01 p.qoute{
    margin-top:20px;
    margin-bottom:10px;
    font-size:18px;
    font-weight:bold;
    color:#818e98;
}
.platform-box ul{
    padding:10px;
    border:1px solid #ddd;
}
.product01-tabmenu ul, .product04-tabmenu ul, .product05-tabmenu ul {
    margin: 0 0 20px;
    padding: 0;
	overflow:hidden
}
.product01-tabmenu li, .product04-tabmenu ul li, .product05-tabmenu ul li {
    float: left;
    width: 15%;
}
.product01-tabmenu li a, .product04-tabmenu ul li a, .product05-tabmenu ul li a {
    background: #e6e6e6;
    display: inline-block;
    width: 100%;
    padding: 14px 0;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #444;
    letter-spacing: -0.04em;
    text-decoration: none;
}
.product01-tabmenu li.active a, .product04-tabmenu ul li.active a, .product05-tabmenu ul li.active a  {
    background: #003399;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    color: #fff;
    font-size: 15px;
    padding: 16px 0;
    margin-top: -4px;
}

.tab-content{
    margin-right: 1px;
    margin-left: 1px;
    border-top: none;
    margin: auto;
    max-width: 1170px;
}
.sub-dex {
    padding:40px 0;
    border-bottom: 2px solid #ddd;
}
.sub-wrap:last-child .sub-dex {
    border-bottom: none;
	padding: 40px 0 0;
}
.tab-content .tab-pane {
    padding: 0 15px;
}
.tab-pane dl {
    padding: 15px;
    margin: 0 0 10px;
    border: 1px solid #dedede;
}
.tab-pane dt {
    margin: 0 0 10px;
    color: #003399;
    font-size: 16px;
}
.tab-pane dd {
    color: #666;
    font-size: 13px;
    letter-spacing: -0.04em;
    line-height: 1.6;
}
.product-wrap {
    margin: 20px 0 0;
}
.product-wrap .product-text p {
    margin: 0 0 20px;
    padding: 0 0 10px;
    color: #222;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.04em;
    border-bottom: 1px solid #dedede;
}
.sub-wrap7-60 .col-md-6 {
    width: 100%;
    margin: 0 0 20px;
}
.sub-wrap7-60 h5 {
    margin: 0 0 8px !important;
    color: #222 !important;
    font-size: 14px !important;
    font-weight: 600;
}
.sub-wrap7-60 p {
    margin: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.6;
}
.drowing-text h4 {
    color: #222 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: -0.04em !important;
}
.drowing-text p {
    margin: 0 0 20px;
    padding: 0 0 10px;
    color: #666;
    font-size: 13px;
    border-bottom: 1px solid #dedede;
}
.blaconi-info {
    padding: 40px 0;
    border-bottom: 1px solid #dedede;
}
.blaconi-info .info1 p, .blaconi-info .info2 p {
    background: #f4f4f4;
    color: #222;
    font-size: 16px;
    letter-spacing: -0.06em;
    line-height: 1.4;
    text-align: center;
    margin: 0 0 20px;
    padding: 15px 0;
}
.tab-pane dt h5 {
    margin: 8px 0 0 !important;
    color: #222 !important;
    font-size: 14px !important;
    font-weight: 600;
}
.balconi-bunhal {
    margin: 0 0 40px;
}
.balconi-bunhal dt {
    margin: 0 0 8px;
}
.balconi-bunhal dt h5 {
    margin: 10px 0 0 !important;
}

@media screen and (max-width: 991px) {
    .tab-content .tab-pane{
        padding: 0px;
    }   
}
@media screen and (max-width: 767px) {
.product01-tabmenu li a{
    font-size: 11px;
}
	.product01-tabmenu li{
		width:33.33%;
		margin-bottom:20px;
	}
}

/* 메뉴 설정 시작 */
.navbar-inverse {
    background: #fff;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.topmarginLay_a, .navbar-inverse .divider-vertical, .navbar-inverse .caret, .navbar ~ br { display: none; }
@media screen and (max-width: 767px) {
	.topmarginLay_a{height: 60px !important;}
}

/* ----- 메인 메뉴 설정 -----*/
.navbar-inverse .navbar-brand {
	position:relative;
    padding: 0;
    margin: 20px !important;
}
.navbar-brand:after{
	  content: '';
    display: block;
    width: 120px;
    height: 36px;
    position: absolute;
    left: 250px;
    top: 7px;
    background: url(/skin/img/logo/logo-tel.jpg) no-repeat center;
    background-size: contain;
}


.navbar-brand img {
    margin: 0;
}
.navbar_top_wrap ~ .container {
	margin: 0 auto;
    text-align: center;
}
.navbar-inverse .navbar-nav > li > a {
    color: #222;
    font-size: 16px;
    font-weight: 400;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    letter-spacing: -0.04em;
    padding: 25px 0;
    margin: 10px 25px 0;
    border-bottom: 2px solid transparent !important;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background: #fff;
    color: #003399;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    border-bottom: 2px solid #003399 !important;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #003399;
    border: none;
    border-bottom: 2px solid #003399 !important;
}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a{font-size: 16px; margin: 22px 0px 18px 0px; padding: 12px 20px 12px 20px;}
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a{font-size: 16px; margin: 0; padding: 14px 20px 14px 20px;}
	.navbar-nav .open .dropdown-menu{padding: 0;}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{color: #333; border: none !important; margin: 0 0 0; background: #f7f7f7;}}

/* ----- 서브 메뉴 설정 -----*/
.dropdown-menu {
    background: #fff;
    left: 0 !important;
    right: auto !important;
    padding: 5px;
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    min-width: 160px;
}
.dropdown-menu > li > a {
    background: #f4f4f4;
    color: #444;
    padding: 14px 20px 12px;
    margin: 1px 0;
    font-size: 13px;
    font-weight: 300;
    text-align: left;
    letter-spacing: -0.02em;
    line-height: 1;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: #003399;
    color: #fff;
}

/* ----- 모바일 메뉴 설정 ----- */
.navbar-toggle{background: #003399; border-radius: 0; border: none; margin: 25px 20px 15px; padding: 10px 10px;}
@media(max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: #fff; background: #003399;}
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding: 10px 15px 10px 25px;}
}
/* //메뉴 설정 끝 */


/* 푸터 영역 설정 시작 */
.footer_copy .text-center {
    background-color: #222;
    font-size: 12px;
    padding: 10px 0 20px;
    margin: 0;
    text-align: center;
    float: none;
}
.footer_copy .wrap-footer {
    max-width: 1170px;
    color: #888;
    margin: 0 auto;
    font-size: 12px;
    text-align: left;
    font-weight: 300;
}
.wrap-footer > .text-right {
    margin-top: 80px;
    color: #ccc;
}
.footer_copy address {
    margin: 0;
    line-height: 1.8;
}
.footer_copy address strong {
    color: #ccc !important;
    font-weight: 500;
}
@media screen and (max-width:768px){
	.wrap-footer address{
		display: inline-block;
		margin-top: 20px;
		width: 100%;
	}
	.wrap-footer > .text-right{
		text-align:left;
	}
}
/* //푸터 영역 설정 끝*/


/* 슬라이드 설정 시작 */
.carousel.slide {
    position: relative;
    height: 540px;
}
.carousel-inner{height: 100%;}
.carousel-inner > div:nth-child(1){height: 100%; background: url('/skin/img/slide/slide-img1.jpg');}
.carousel-inner > div:nth-child(2){height: 100%; background: url('/skin/img/slide/slide-img2.jpg');}
.carousel-inner > div > div{height: 100%;}
.go-center a {
    padding: 10px 40px;
    background-color: #ebd00f;
    color: #222;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1;
    letter-spacing: 0.04em;
    display: inline-block;
    margin: 5px 0 0;
}

/* ----- 슬라이드 텍스트 ----- */
.slide-box-right {
    position: relative;
    height: 100%;
}
.slide-right-wrap {
    color: #fff;
    top: 50%;
    margin-top: -140px;
    position: absolute;
}
.slide-caption {
    height: 100%;
    margin: 30px 0 0;
      min-width: 700px;
}
.slide-caption h5 {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1;
    padding: 6px 20px 4px;
    margin: 0 0 20px;
	color:#000;
}
.slide-caption h5 .fa{
	margin:0 15px;
	font-size:1.2em;
}
.slide-caption h3 {
    margin: 0 0 20px;
    font-size: 54px;
    font-weight: 500;
    line-height: .8;
    letter-spacing: -0.04em;
    text-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.slide-caption h3 span {
    color: #ddd;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0.1em;
    font-style: italic;
    font-family: "Nanummyeongjo" !important;
}
.slide-caption p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: -0.02em;
}

/* ----- 슬라이드 퀵 메뉴 설정 ----- */
.carousel.slide #main_btn{position: absolute; z-index: 1000; bottom: 0; height: 100%; width: 20%; right: 0; background: rgba(0,0,0,0.6);}
#main_btn ul{margin: 0; padding: 0; height: 100%;}
#main_btn ul li{width: 100%; margin: 0; height: 20%; border-bottom: 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: 45px 30px 30px; color: #fff;}
#main_btn ul li a:hover, #main_btn ul li a:focus{background: #000;}
#main_btn ul li a h3{margin: -8px 10px 0 3px; float: left; display: inline-block;}
#main_btn ul li a h4{font-size: 19px; font-weight: 400; margin: 0;}
#main_btn ul li a p{font-size: 12px; font-weight: 300; color: rgba(255,255,255,0.5); margin: 0;}
/* ----- //슬라이드 퀵 메뉴 설정 ----- */

@media screen and (max-width: 991px) {
	#main_btn > ul{width: 100%}
}
@media screen and (max-width: 767px) {
	.slide-caption {
       width: 100%;
		padding: 15px 24px;
	}
	.slide-caption h3 {
		font-size: 29px;
	}
	.slide-caption h3 span {
		margin-top: 10px;
		display: block;
	}
}
/* //슬라이드 설정 끝 */


/* 메인 페이지 설정 시작 */
.sectionTitle {
    font-size: 32px;
    letter-spacing: -0.04em;
    margin-top: 0;
    margin-bottom: 40px;
    line-height: 1;
    font-weight: 400;
}
#section1 {
    padding: 60px 0;
}
.section1-item-header {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
}
.section1-item-header > span {
	color: #0074ca;
}
.section1-item-des {
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: -0.04em;
    word-break: keep-all;
    color: #666666;
}

@media (min-width: 768px) {
	#section1 .container > .row {
		margin-left: -30px;
		margin-right: -30px;
	}
	#section1 .container > .row > .col-sm-4 {
    border-right: 1px solid #dddddd;
    padding-left: 30px;
    padding-right: 30px;
    min-height: 340px;
}
	
	#section1 .container > .row > .col-sm-4:nth-child(3) {
		border-right: 0;
	}
	
}
@media screen and (max-width: 767px) {
	.section1-item-header,
	.section1-item-des{
		padding-left:15px;
		padding-right:15px;
	}
	.dex-right{
		margin-left: 15px;
		padding: 15px;
		width: calc( 100% - 30px );
	}
	.section1-item-des{
		margin-bottom:30px;
	}
	.main-contact{
		margin-top:20px;
	}
	.product-wrap .product-text p{
		margin-top:30px;
		text-align:center;
	}
}

#section2 {
	position:relative;
    padding: 60px 0;
    background-image: url(/skin/img/main/section2_bg.jpg);
    background-position: center;
    background-size: cover;
    text-align: center;
}
#section1 .row{
    position:relative;
}
.talk_banner_div{	
	position:absolute;
	right:100%;
	top:0;
}
#section2 .talk_banner_div a,
#section2 .talk_banner_div a:hover,
#section2 .talk_banner_div a:focus{
	background:transparent;
}
#section2 .talk_expose_grey{
	background:#e9e9e9;
}
#section2 .sectionTitle {
    color: #222;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.08em;
}
#section2 .sectionTitle > small {
    display: block;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 10px;
    color: #003399;
    opacity: .8;
}
#section2 a {
    padding: 14px 40px;
    background-color: #003399;
    color: #ddd;
    font-size: 14px;
    text-decoration: none;
    line-height: 1;
    letter-spacing: -0.04em;
    display: inline-block;
    margin: 0 40px 5px;
}
#section2 a:hover, #section2 a:focus {
    background-color: #8eccf1;
    color: #fff;
}

/* 메인페이지 좌측 시공갤러리 */
.owl-carousel {
    padding: 0 20px;
    margin: 0;
}

.owl-carousel .thumbnail {
    margin: 0;
    border-radius: 0;
    border: none;
}
.owl-prev {
    position: absolute;
    top: 50%;
	margin-top: -10px;
    left: 0;
}
.owl-next {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0;
}
.owl-carousel .owl-nav.disabled{
	display:block!important;
}

.owl-carousel.owl-loaded{clear:both}
/* 메인페이지 하단 우측 고객센터*/
.center{
	background: url('/skin/img/main/center.jpg');
}

.container_contents {width: 100%; padding: 0; background: #fff;}

/* ----- main-html-area ----- */
.intro-html-layout > div{padding: 0;}
.intro-html-layout > div > div:nth-child(2){
    max-width: 1170px;
    margin: 0 auto;
    padding: 60px 0 0;
}
.bbs-list-view-layout + .row {
	width:100%;
	max-width: 1170px;
    margin: 0 auto;
}
@media screen and (max-width: 991px) {
	.intro-html-layout > div > div:nth-child(2){width: 100%;}
}

/* ---------- 사업분야 박스 ---------- */
.tab-wrap div:nth-child(1) a img{background-image:url('http://jhsash.com/wp-content/uploads/2017/02/3개슬라이드0220_kcc-240x172.png');background-repeat: no-repeat;background-size: cover;}
.tab-wrap div:nth-child(2) a img{background-image:url('http://jhsash.com/wp-content/uploads/2017/08/1503380687886-240x172.jpg');background-repeat: no-repeat;background-size: cover;}
.tab-wrap div:nth-child(3) a img{background-image:url('http://jhsash.com/wp-content/uploads/2017/01/3개슬라이드_동양프리모-240x172.png');background-repeat: no-repeat;background-size: cover;}
.tab-wrap div:nth-child(4) a img{background-image:url('http://jhsash.com/wp-content/uploads/2017/08/전면우측ad0220-1.png');background-repeat: no-repeat;background-size: cover;}
/* ----- //main-html-area ----- */

/* ----- main-board-area ----- */
.intro-board-widget-layout {
    width: 1170px;
    margin: 0 auto;
    padding: 60px 0 80px;
}
@media screen and (max-width: 991px) {
	.intro-board-widget-layout{width: 100%;}
	.intro-boardbox{width: 100%;}
}
.intro-board-widget-layout .col-sm-12:nth-child(2) {
	width:50%;
}

/* ---------- 게시판 타이틀 설정 ---------- */
.intro-boardbox .page-header {
    padding: 0 0 14px;
    margin: 0 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.intro-boardbox .page-header h4 {
    margin: 0;
    color: #222;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.04em;
}
.intro-boardbox .page-header h4 .btn {
    padding: 0;
    margin: 5px 0 0;
    color: #888;
    line-height: 1;
}
.intro-boardbox .page-header h4 .btn:hover, .intro-boardbox .page-header h4 .btn:active{box-shadow: 0 0 0 rgba(0,0,0,0) !important;}
.intro-boardbox .page-header h4 .btn .fa-plus:before {
    /* content: url(/skin/img/default/board-plus-icon.png); */
    color: rgba(51, 51, 51, 0.6);
}

/* ---------- 게시판 리스트 설정 ---------- */
.intro-boardbox .front-panel > .panel{padding: 0; border: none; border-radius: 0px; background: transparent; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
.intro-boardbox .panel-body{padding: 5px 0px 5px;}
.dh-front-list2-words{margin: 0 !important; padding: 0;}
.dh-front-list2 h6 a:hover span{text-decoration: none;}
.dh-front-list2 h6 a:hover .list-row-subject {
    color: #003399;
}
.dh-front-list2-words:first-child{margin: auto;}
.list-row-subject{float: left; text-overflow: ellipsis; overflow: hidden; max-width: 380px; white-space: nowrap;}
.list-row-subject:before{content: "∙"; color: #003399; font-weight: bold; padding-right: 11px;}
.row-separator{display: none;}
.list-row-regdate{float: right; color: #999 !important;}
.list-row-contents{display: none;}
/* //메인 페이지 설정 끝 */


/* 서브 페이지 설정 시작 */
/* ----- 서브페이지 common 설정 ----- */
.sub-layout {
    width: 100%;
    padding: 0 0 80px;
}
#content{float: none; width: 1170px; margin: 0 auto; padding: 0 30px 0;}
@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;}
}

/* ----- 서브페이지 상단 이미지 설정 ----- */
.visual_wrap{height: 180px; background: url('/skin/img/default/sub-top.jpg'); text-align: center;}
.visual_wrap .visual_box{padding: 10px 0 10px;}
.visual_wrap h2{margin: 0 0 0; font-size: 26px; font-weight: 400; color: #fff;}
.visual_wrap h4{margin: 4px 0 0; font-size: 16px; font-weight: 300; color: #bbb;}
.breadcrumb{background: transparent; margin: 0 0 30px; padding: 15px 15px 0; border-radius: 0; font-size: 12px; font-weight: 400; text-align: right; color: #aaa;}
.breadcrumb>li+li:before{padding: 0 3px;}
.breadcrumb > li.active{color: #eee;}

/* ----- 서브페이지 상단 메뉴 설정 ----- */
.top_menu_wrap{padding: 0; background: #fff; border-bottom: 1px solid #e3e3e3;}
.top_menu{padding: 0 30px 0; margin: 0 auto; width: 1170px;}
.top_menu > li{float: left;}
.top_menu > li > a{display: inline-block; background-color: #fff; margin: 0 0 0; padding: 12px 80px 12px; color: #555; font-size: 14px; font-weight: 400; border-bottom: 1px solid transparent !important;}
.top_menu > li.active > a{color: #c80e0e; border-bottom: 1px solid #c80e0e !important;}
@media screen and (max-width: 991px) {
    .top_menu_wrap{display: none;}
	.top_menu{width: 100%;}
}

/* ----- content 설정 ----- */
.content_wrap > div{padding: 60px 0 50px;}
.content-left{margin: 0 0 50px;}
.content_wrap h3{font-size: 28px; font-weight: 300; line-height: 1.3; margin: 0 0 20px;}
.content_wrap h4{font-size: 20px; font-weight: 400; color: #c43737; line-height: 25px; margin: 0 0 30px;}
.content_wrap h5{font-size: 15px; line-height: 1.8;}
.content_wrap p{font-size: 15px; font-weight: 400; line-height: 1.7; color: #454545; margin: 0 0 15px; padding: 0 0 10px;}
.content_wrap hr{margin-top: 40px; margin-bottom: 40px; border: 0; border-top: 1px solid transparent;}
.title-line {background: #c80e0e; height: 1px; width: 20px; margin: 0 0 30px;}

/* ---------- tab 메뉴 설정 ---------- */
.tab-content h4 {
    margin: 0 0 15px;
    color: #222;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.04em;
}
.tab-content h5 {
    color: #666;
    font-size: 15px;
    margin: 0 0 20px;
    line-height: 1.6;
    letter-spacing: -0.04em;
}
@media(max-width:767px){
	.tab-content h4{
		margin-top:40px;
	}
}
/* ---------- table 영역 설정 ---------- */
table{font-size: 14px; width: 100%; border-top: 1px solid #003399; border-bottom: 1px solid #dedede; margin-bottom: 30px;}
tr{line-height: 20pt;}
th{padding: 14px 15px; color: #333; font-weight: 500; border-bottom: 1px solid #ddd;}
td{padding: 14px 15px; background-color: #fff; border-bottom: 1px solid #ddd; color: #565656;}

/* --------------- sub page - 회사소개 --------------- */
.table-history th{padding: 12px 15px; color: #555; font-weight: 500; font-size: 17px; background-color: #fff; vertical-align: top;}
.table-location {border-top: 1px solid #ccc; margin: 20px 0 0;}

/* --------------- sub page - 사업분야 --------------- */
.table-equipment{margin: 0; border-top: 1px solid #555;}

/* --------------- sub page - 메일문의 --------------- */
.form-control{padding: auto 16px; height: auto; font-size: 13px; line-height: 1.6; color: #666; border-radius: 0;}

/* --------------- sub page - 회원가입 --------------- */
.login-layout{width: 1170px; margin: 0 auto;}
.join-agree-layout .sub_top_wrap{margin-top: -40px; margin-bottom: 40px;}
@media screen and (max-width: 991px) {
	.login-layout{width: 100%;}
}

/* --------------- sub page - 로그인 --------------- */
.login-layout .panel{border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); border: 1px solid transparent;}
.login-layout .panel-body h2{margin: 0; color: #454545; font-size: 20px; font-weight: 500; letter-spacing: 0.01em;}
.login-layout .inner-box-msg p{font-size: 13px; color: #666;}
.login-layout .inner-box-form form label{font-size: 14px;}
.login-layout input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background: #fff !important; border: 1px solid #d5d5d5;}
.login-layout .btn-warning{background-image: none; background-color: #414141; border: none; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); text-shadow: 0 0 0 rgba(0,0,0,0); color: #f5f5f5;}
.login-layout .btn-warning:focus, .login-layout .btn-warning:hover{background: #c80e0e;}
.login-layout form > div > p > a{display: inline-block; float: left; font-size: 12px; color: #777;}
.login-layout form > div > p > a:hover{color: #303030;}
.login-layout form > div > p > a:after{content: " | "; font-size: 8px; padding: 0 8px 0; margin: 0; color: #d9d9d9;}
.login-layout form > div > p:last-child > a:after{content: "";}
/* //서브 페이지 설정 끝 */


/* 게시판 설정 시작 */

/* 시공갤러리 페이지 */
.img-bbs-default-index-layout div:nth-child(2){max-width:1170px;margin:auto;}
.img-bbs-default-index-layout div:nth-child(3){max-width:1170px;margin:auto;}
.img-bbs-default-index-layout div:nth-child(4){max-width:1170px;margin:auto;}

.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm{width: 1170px; margin: 0 auto;}
.dh-board { padding: 0; }
.dh-view-box { padding: 0; }
.form-horizontal{padding: 70px 0 50px;}
@media screen and (max-width: 991px) {
	.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm{width: 100%;}
}

/* ----- 텍스트 게시판 설정 ----- */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 14px 10px; color: #555; font-size: 14px;}
.table > thead > tr > th{vertical-align: middle; border-bottom: 1px solid #ccc; font-weight: 500; color: #333;}
.table > tbody > tr > td > strong > a{color: #555;}
.dh-board > .table-hover{border-top: 1px solid #003399; border-bottom: 1px solid #ccc; margin: 0px 0 30px;}
.dh-board > .table-hover > tbody > tr:hover td{background-color: #fcfcfc;}
.table > tbody > tr:hover > td > strong > a{color: #222;}
.dh-margin-top{margin-top: 40px; display: inline-block;}

/* ----- 비디오 게시판 설정 ----- */
.vod-index-layout .dhb-txt-box{margin: 0px 5px 10px; width: 48%; float: left; border: 1px solid #d5d5d5; background-color: #fff;}
@media screen and (max-width: 767px) {.vod-index-layout .dhb-txt-box{width: 100%; margin: 10px 0 10px;}}
.vod-index-layout .dhb-txt-box > .dhb-txt-list{width: 100%; border-right: none;}
.vod-index-layout .dhb-txt-box > .col-md-4{display: none;}
.vod-index-layout .dhb-txt-box > .dhb-txt-list > .row > div:nth-child(2) > a.btnRead{border-bottom: 0px solid transparent !important;}
.vod-index-layout .dhb-txt-box > .dhb-txt-list h5 > a{color: #767676; font-weight: 400;}

/* ----- 게시판 버튼 설정 ----- */
.label{background: transparent; padding: 0px 5px 0px; font-size: 90%;}
.label-danger{color: #003399;}
.label-primary{color: #2b5cb7;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #003399; border: 1px solid #003399 !important;}
.pagination > li > a, .pagination > li > span{color: #9D8478;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #9D8478;}
.dh-margin-top form#insertForm {width: 100%; max-width: 100%; display: block; margin: 0 0 0;}
.btnRead {font-weight: 500;}
.btn-default, .btn-primary, .btn-danger {background-image: none;}
.btn-group, .btn-group-vertical {margin: 10px 0 30px;}

/* ----- 게시글 뷰 페이지 설정 ----- */
.dh-view-box{margin-top: 40px;}
.sns-box{display: none;}
.dh-view-box>.row>.page-header{border-top: 1px solid #2c2c2c; border-bottom: 1px solid #eee; padding: 5px 20px 5px; margin: 0;}
.dh-view-box>.row>.page-header>h4{color: #2c2c2c;}
.dh-view-box>.row>.dh-view-info{border-bottom: 1px solid #ccc; background: transparent; padding: 8px 20px 8px; color: #888;}
.dh-view-box>.row>.dh-view-info>span{padding: 0 15px 0 0;}
.dh-view-box>.row>.dh-view-info>span>strong{color: #555; padding: 0 5px 0 0;}
.dh-view-box .dh-attach h6{margin: 0 0 0; padding: 5px 5px 0;}
.dh-view-box>.row:nth-child(2)>div:nth-child(3){padding: 15px 20px 40px !important;}

/* ----- tab 메뉴 설정 ----- */
.filter-items{padding: 0 0 0;}
.filter-items .filter-label{color: #333; font-size: 13px; background-color: #f7f7f7; border: none; margin: 0px 1px 5px; padding: 12px 28px 12px;}
.filter-items .filter-label:hover{color: #fff; background-color: #003399;}
/* //게시판 설정 끝 */



.mainBusinessWrap {
    padding: 50px 0 60px;
}
.m-menu-txt{
	text-align:center;   
	margin-bottom: 40px;
}
.m-menu-txt h3 {
    font-size: 38px;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.5px;
    margin: 0;
    line-height: 1;
	    line-height: 1;
    text-decoration: underline;
}
.tab-wrap {
    float: none !important;
    margin: 0px auto !important;
    max-width: 1170px;
    padding: 0 15px;
}
@media screen and (max-width: 767px) {
    .tab-wrap{
        width: auto;
    }
}

.main-con, .tab-wrap {
    overflow: hidden;
}
.tab-wrap > div.col-sm-3 {
    padding: 0 5px;
}
.tab-wrap a {
    display: block;
    position: relative;
    text-decoration: none;
}
.tab-wrap > div:nth-child(1) a {
    background: #026ba9;
}
.tab-wrap > div:nth-child(2) a {
    background: #424242;
}
.tab-wrap > div:nth-child(3) a {
    background: #094e80;
}
.tab-wrap > div:nth-child(4) a {
    background: #967a51;
}
.txt-backBg {
}
.tab-wrap a h4 {
    width: 100%;
    top: 60px;
    z-index: 100;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    letter-spacing: -0.06em;
    padding: 16px 20px 14px;
    margin: 0;
    line-height: 1;
    text-align: center;
}
.tab-wrap a p {
    position: absolute;
    top: 95px;
    left: 20px;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #fff;
    margin: 0;
}
.tab-wrap a img {
/*     opacity: 0.6;
    transition: 0.2s; */
	width:100%;
	
    height: 200px;	
}
.tab-wrap a:hover img {
    opacity: 0.7;
}
.tab-wrap a:hover .txt-backBg{
/* 	display:none; */
}



@media screen and (max-width: 767px){
   .tab-wrap > div {
        width: 100%;
        margin: 0 0 5px;
    }
}
.new-bottom-wrap {
    background: #444;
    padding: 60px 0;
}
.new-bottom{
	max-width:1170px;
	margin:auto;
}


.main-location-wrap h4{
	margin: 0;
    color: white;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.main-location-wrap .main-location {}

.new-bottom .intro-boardbox .page-header h4, .main-location-wrap .main-location h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 0;
}
.new-bottom .intro-boardbox .page-header h4 .btn .fa-plus:before, .main-location-wrap .main-location h4 .btn .fa-plus:before {
    /* content: url(/skin/img/default/board-plus-icon.png); */
    color: rgba(255, 255, 255, 0.6);
}
.new-bottom .dh-front-list2 h6 a, .dh-front-list2 h6 a span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    font-weight: 300;
    padding: 12px 0;
    letter-spacing: -0.04em;
}
.new-bottom .list-row-subject:before{
	display:none;
}
.new-bottom .intro-boardbox .page-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.new-bottom iframe{
	padding-top:10px;
	
}


.new-bottom .col-sm-12{
	width:50%;
}

@media screen and (max-width: 991px){
   .new-bottom .col-sm-12{
        width: 100%;
    }
	.list-row-regdate{
		display:none;
	}
}


/* ----- 서브페이지 시작 ----- */

/* -------공통------- */
.sub-layout *{line-height:1}

/* 회사소개 top-bg */
.sub1_1 .top-bg, .sub1_2 .top-bg, .sub1_3 .top-bg, .sub1_4 .top-bg {
    background-image: url(/skin/img/sub/sub-top/menu1.jpg);
    height: 220px;
}
/* 제품소개 top-bg */
.pro1 .top-bg, .pro2 .top-bg, .pro3 .top-bg {
	background-image: url(/skin/img/sub/sub-top/menu2.jpg);
}
/* 시공절차 top-bg */
.sigong1 .top-bg, .sigong2 .top-bg {
	background-image: url(/skin/img/sub/sub-top/menu3.jpg);
}
/* 시공사례 top-bg */
.sigong3 .top-bg {
	background-image: url(/skin/img/sub/sub-top/menu4.jpg);
}
/* 견적문의 top-bg */
.sub5_1 .top-bg, .sub5_2 .top-bg {
	background-image: url(/skin/img/sub/sub-top/menu5.jpg);
} 
/* 고객센터 top-bg */
.sub6_1 .top-bg, .sub6_2 .top-bg {
	background-image: url(/skin/img/sub/sub-top/menu5.jpg);
}
.sub-top {
    padding-top: 95px;
    padding-bottom: 85px;
    text-align: center;
    position: relative;
    max-width: 1170px;
    margin: auto;
}
.sub-top .title {
    margin: 0 0;
    font-size: 34px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.02em;
}
.sub-top .bread {
    padding: 0;
    margin: 0;
    margin-top: 0;
    position: absolute;
    right: 15px;
    top: 25px;
}
.sub-top .bread li {
    float: left;
    list-style: none;
    color: #eee;
    font-size: 12px;
}
.sub-top .bread li:first-child {
    background-image: url(/skin/img/default/sub/home-ico.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}
.sub-top .bread li:after {
    content: url(/skin/img/default/sub/nxt-ico.png);
    padding: 0 8px;
}
.sub-top .bread li:last-child:after {
    content: none;
}

.sub-bottom {
    max-width: 1170px;
    margin: auto;
    padding: 60px 0 0;
}
.sub-bottom > .cont:last-child {
    margin-bottom: 0;
}
.cont {
    margin-bottom: 50px;
}
.cont .sub-title {
    background-image: url(/skin/img/default/sub/sub-title-pattern.png);
    background-repeat: repeat-x;
    background-position: center 25px;
}

.cont .sub-title2 {
    margin: 0 0 15px;
    color: #ec7c0d;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
}
.mT20 {
    margin-top: 20px !important;
}
span.color01{
    color: #ec7c0d !important;
}
.sub-bottom .font-16 {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    line-height: 30px;
}

/* ---------- 회사소개 메뉴 --------- */
/* 인사말 */
.greeting-copy {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1.5px;
    margin: 0 0 30px;
}
.greeting-copy span {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
    letter-spacing: -1px;
}
.company-name {
    display: inline-block;
    background: #a28669;
    color: #fff;
    padding: 5px 10px;
}
.greeting-top {
    margin-bottom: 40px;
    text-align: center;
}
.greeting-top h4 {
    margin: 0;
    color: #222;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.06em;
    line-height: 1.4;
}
.greeting-top h4 span.hi {
    color: #666;
    font-size: 18px;
    letter-spacing: -0.02em;
}
.greeting-top h3 {
    margin: 0 0 30px;
    font-size: 28px;
    line-height: 1;
    color: #ee7609;
    letter-spacing: -1px;
    font-weight: 400;
}
.greeting-top p {
    font-size: 18px;
    color: #333;
    line-height: 1.8;
    margin: 0 0 50px;
}
.greeting-bottom {
    max-width: 75%;
    margin: 0 auto;
}
.greeting-bottom .col-md-7 {
    padding-top: 20px;
}
.greeting-bottom img {
    box-shadow: 20px 20px 0 rgba(0,0,0,0.08);
}
.greeting-bottom p {
    color: #666;
    font-size: 17px;
    line-height: 1.8;
    letter-spacing: -0.04em;
    margin-bottom: 15px;
}
.greeting-bottom p span, .greeting-bottom p b {
    color: #003399;
    font-weight: 600;
}
.greeting-bottom p.sign {
    margin: 40px 0 0;
    color: #444;
    font-size: 18px;
    text-align: right;
}
.greeting-bottom p.sign span {
    color: #222;
    font-size: 26px;
    font-weight: 600;
    padding: 0 4px;
	font-style:italic;
}
@media(max-width:767px){
	.greeting-bottom{
		max-width:100%;
		padding-left:15px;
		padding-right:15px;
	}
	.sub-bottom{
		padding-left:15px;
		padding-right:15px;
	}
	.icons-wrap .col-md-2{
		margin-bottom:10px;
	}
}
/* 회사전경 */
/* .fac-wrap div {
    max-height: 450px;
    overflow: hidden;
} */
.fac-wrap img {
    width: 100%;
    margin-bottom:30px;
}

/* ---------- 제품소개 메뉴 --------- */
.icons-wrap {
    margin: 0 -15px 60px;
}
@media(min-width:768px){
	#pro1 .icons-wrap .col-md-2,
	#pro3 .icons-wrap .col-md-2,
	#pro4 .icons-wrap .col-md-2,
	#pro5 .icons-wrap .col-md-2{
		width: 20%;
	}
}
.icons-wrap .col-md-2 {
    text-align: center;
}
.icons-wrap i {
    width: 100px;
    height: 100px;
    background: rgba(0, 51, 153, 0.04);
    border-radius: 100%;
    color: #003399;
    font-size: 25px;
    font-style: normal;
    letter-spacing: -0.04em;
    padding: 40px 0 0;
    display: inline-block;
}
.icons-wrap .wrap{
    background: rgba(0, 51, 153, 0.04);
    border-radius: 100%;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    padding: 25px;
}
.icons-wrap p {
    margin: 15px 0 0;
    color: #222;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.04em;
}
.kcc-wrap h3 {
    margin: 0 0 40px;
    padding-left: 10px;
    border-left: 4px solid #003399;
    color: #222;
    font-size: 24px;
    letter-spacing: -0.04em;
    line-height: 1;
}

/* ---------- 시공절차 메뉴 --------- */
.sigong-top {
    margin: 0 0 40px;
    text-align: center;
}
.sigong-top p {
    margin: 0;
    color: #222;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.04em;
	line-height:1.8em;
}
.sigong-bottom dl {
    margin: 0;
    padding: 20px 30px;
    border: 1px solid #dedede;
}
.sigong-bottom dl dd {
    color: #444;
    font-size: 15px;
    line-height: 1.8;
}
.sigong-bottom dl dd span.num {
    background: #003399;
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    border-radius: 100%;
    padding: 4px 0 0;
    margin-right: 8px;
}
.sigong-img { margin-bottom: 20px; }
.small-caution{
	text-align:center;
	color:#666;
}
/* ---------- 시공사례 메뉴 --------- */


/* ---------- 견적문의 메뉴 --------- */
#mailForm {width: 100%; max-width: 1170px; margin: 0 auto; padding: 0;}
#mailForm .form-group {margin: 0; padding: 25px 35px; background: #f8f8f8; border-bottom: 1px solid #e0e0e0;}
#mailForm .form-group:first-child {border-top: 2px solid #000;}
#mailForm .form-group:nth-child(5) {background: none; border: none; padding: 30px 25px;}
#mailForm .form-group label {width: 15%; float: left; margin: 10px 0 0;}
#mailForm .form-group input.form-control, #mailForm .form-group textarea.form-control {width: 85%; max-width: 935px; border: 1px solid #d0d0d0; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0);}
#mailForm .form-group input.form-control {height: 40px;}
#mailForm .form-group p.error, #mailForm .form-group~p.error {margin: 0; color: #003399; font-size: 12px}
#mailForm .form-group~p.error {padding-left: 35px; margin: -15px 0 0;}
#mailForm .form-group .checkbox {margin: -8px 0 0;}
#mailForm .form-group .checkbox label {width: 100%; margin: 0;}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 200px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 14px 0;
    border: 1px solid #bebebe !important;
    border-radius: 0;
    background: #fff !important;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    color: #666;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.03em;
    text-shadow: 0 0 0 rgba(0,0,0,0);
}
input[type=button].btn-block:hover, input[type=reset].btn-block:hover, input[type=submit].btn-block:hover {
    background: #003399 !important;
    border: 1px solid #003399 !important;
    color: #fff;
}
@media screen and (max-width: 991px) {
    #mailForm .form-group input.form-control, #mailForm .form-group textarea.form-control {max-width: 567px;}
}
@media screen and (max-width: 767px) {
    #mailForm .form-group {padding: 20px 15px;}
    #mailForm .form-group label {width: 20%; font-size: 13px; font-weight: 500; letter-spacing: -0.05em;}
    #mailForm .form-group input.form-control, #mailForm .form-group textarea.form-control {width: 80%;}
    #mailForm .form-group~p.error {padding-left: 15px; margin: 0;}
    input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {margin-top: 80px;}
}
/* ---------- 고객센터 메뉴 --------- */

/* 시공갤러리 */

/* ----- blog board ----- */

.bbs-blog2-index-layout .dhb-txt-box-type-b {
	background: rgba(0, 0, 0, 0);
	border: none;
	padding: 5px;
	width:33.3333%;
	height:300px;	
	margin-bottom:10px;
}

@media screen and (max-width: 767px){
	
	.bbs-blog2-index-layout .dhb-txt-box-type-b{width:100%;}
	
}
	
	
.dhb-txt-box-type-b-img-layout{
	height:250px;
}
.thumb-hidden>a>img{
	height:250px;
	object-fit:cover;
}
.dhb-txt-box-type-b-text-layout{
	height:50px;
	padding:0;
}
.dhb-txt-box-type-b>.row {
	margin: 0;
	border: 1px solid #ddd;
	background: #fff;
}

.dhb-txt-box-type-b>.row:hover,
.dhb-txt-box-type-b>.row:focus {
	border-color: #003399;
}

.dhb-txt-box-type-b-img-layout {
	padding: 0;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden {
    border: none;
    box-shadow: none;
    max-height: 250px;
    height: 250px;
    
}
.dhb-txt-box-type-b-text-layout h4 {
	margin: 0;
}

.dhb-txt-box-type-b-text-layout h4 strong a {
    font-size: 15px;
    font-weight: 500;
    color: #222;
    margin: 0;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    width: 100%;
    background: #f3f3f3;
    letter-spacing: -0.5px;
	padding: 0 15px;
}

.dhb-txt-box-type-b:hover h4 strong a{
	color:#fff;
	background:#003399;
	text-decoration:none;
}

.dhb-txt-box-type-b>.row:hover .dhb-txt-box-type-b-text-layout h4 strong a,
.dhb-txt-box-type-b>.row:focus .dhb-txt-box-type-b-text-layout h4 strong a {
	text-decoration: underline !important;
}

.dhb-txt-box-type-b-text-layout .txt-box-footer {
	display: none;
}

/* personal setting 0.28v */
/* layout */
.mt-80{margin-top:80px!important;}
.mt-40{margin-top:40px!important;}
.mt-20{margin-top:20px!important;}
.mb-80{margin-bottom:80px!important;}
.mb-40{margin-bottom:40px!important;}
.mb-20{margin-bottom:20px!important;}
.ml-20{margin-left:20px!important;}
.ml-40{margin-left:40px!important;}
.mr-20{margin-right:20px!important;}
.mr-40{margin-right:40px!important;}
.mg-0{margin:0!important;}
.pd-0{margin:0!important;}

/* img */
.img-cover{
	width:100%;
	height:100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.img-contain{
	width:100%;
	height:100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.max-90{
	width:90%!important;
	margin:0 auto;
	display:block;
}
.img-bordered{border:1px solid #ddd;}

/* align */
.absolute-center{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	padding:0;
	margin:0;
}
.horizontal-center{
	position:relative;
	left:50%;
	transform:translateX(-50%);
	padding:0;
	margin:0;
}
.vertical-center{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	padding:0;
	margin:0;
}
.text-center-table thead th,
.text-center-table thead td,
.text-center-table tbody th,
.text-center-table tbody td{
	text-align:center!important;
	vertical-align:middle!important;
}
/* font */
.font-12{font-size:12px!important;}
.font-14{font-size:14px!important;}
.font-16{font-size:16px!important;}
.font-18{font-size:18px!important;}
.font-20{font-size:20px!important;}
.font-22{font-size:22px!important;}
.text-colored{color:#276dbf!important;}
.text-bold{font-weight:bold!important;}
.text-underline{text-decoration:underline!important;}
.text-italic{font-style:italic!important;}

/*list style*/
.li-none > li{list-style:none!important; margin-left:20px;}
.li-disc > li{list-style:disc!important; margin-left:20px;}
.li-circle > li{list-style:circle!important; margin-left:20px;}
.li-square > li{list-style:square!important; margin-left:20px;}
.li-dash > li{margin-left:10px; padding-left:20px; position:relative;}
.li-dash > li:before{
	content:'-';
	display:block;
	position:absolute;
	left:5px;
	top:0;
}

/* component */
.card{
	display:block;
	position:relative;
	padding:15px;
	margin-bottom:10px;
	border:1px solid #ddd;
	min-height:max-content;
}
.column-2{
	padding:15px;
	column-count:2;
	column-rule:1px solid #ddd;
	column-gap:30px;
}
/* personal setting 0.28v end */
/* ----------------18.04.06--------------------- */
.thumbnail .caption{
	display:none!important;
}
.item .thumbnail{
	min-height:0;
}
.intro-boardbox-8 .blog-thumb{
	display:block;
	width:100%;
	height:150px;
}
.item a.blogthumb {
    display: block;
    padding: 0px;
    margin-bottom: 0px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 0px;
    transition: all 0.2s ease-in-out 0s;
    overflow: hidden;
    width: 100%;
    height: 180px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}



/* ----------------18.04.18--------------------- */

.callFixed{
		z-index:2;
		position: fixed;
    left: 25px;
    bottom: 50px;
    height: 64px;
    width: 64px;
    background-color: #003399;
		border-radius: 50%;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-name: fadeInDown;
    transition: ease 300ms all;
    -moz-transition: ease 300ms all;
    -webkit-transition: ease 300ms all;
    font-size: 32px;
    color: #fff;
    font-weight: bold;
}

.callFixed .callFixedBtn{color: #fff !important;}

.callFixedBtn::after{    content: '상담전화';
    display: block;
    font-size: 10px;
	margin-top: -5px
}

.fa-phone:before{content: "\f095";}
.fa-phone{margin-top:5px}


@media screen and (max-width: 991px) {
	.navbar-brand:after{display:none}
	
	.talk_banner_div{	
        position: relative;
        margin: 20px auto;
        display: inline-block;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
	
	.intro-board-widget-layout{margin-top:200px}
	
	.mt-40 img{margin: 0 auto}
	

}	
@media screen and (max-width: 767px) {
	.talk_banner_div{
        position: relative;
        margin: 20px auto;
        display: inline-block;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

}

.go-center p{        
    text-indent: 55px;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid #039;
    max-width: 180px;
    padding: 3px 0;
    color: #039;
    margin-top: 48px;
}

.go-right img{padding: 3px;}

@media(min-width:768px){
.go-center{   float: left;}
  .go-right{   width:910px; max-width:100%;  margin-top: 45px;}
  .go-right img:nth-of-type(1){margin-left: 30px;}
  .go-right img.logo_gov{
    padding-left: 13px;
    margin-left: 10px;
    border-left: 1px solid #333;
  }
}

@media(max-width:767px){
   .go-right{ max-width:100vw;   margin-top: 10px;}
	.go-right img{
		width:23%;
	} 
}


/* 2020-02-24 */
#pro4 .product-img, #pro5 .product-img{
    margin-bottom: 50px;
}

#pro5 .table > thead > tr > th{
    font-weight: 600;
    background: #f8f8f8;
}
#pro5 .product-wrap .product-text p{
    margin-top: 50px;
}
#pro5 .product-wrap .product-spec p{
    font-size: 14px;
    color: #f00;
}
#pro5 p.img-label{
    font-weight: 600;
    text-align: center;
    font-size: 14px;
    padding: 5px 0;
}

#pro5 #product05-tab3 img{
    border: 1px solid #aaa;
}
#pro5 #product05-tab3 .col-md-20{
    width: 20%;
}

/* 20-04-29 */

.sub1_3 .cont h3{
    margin: 0 0 40px;
    padding-left: 10px;
    border-left: 4px solid #003399;
    color: #222;
    font-size: 24px;
    letter-spacing: -0.04em;
    line-height: 1;
}
.sub1_3 .cont1{
    border-bottom: 1px dashed #ddd;
}
.sub1_3 .cont2 h3{
    margin-top: 268px;
}
.go-right img:nth-of-type(1){
    margin-right: 15px;
}

#mod_type_formForm .q_number{
    margin: 0;
    padding: 25px 35px;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
}
#mod_type_formForm .q_number::after{
    content: '';
    display: table;
    clear: both;
}
#mod_type_formForm .q_number .col-sm-12{
    float: left;
}
#mod_type_formForm .q_number .col-sm-12:first-child{
    width: 15%;
    float: left;
    margin: 10px 0 0;
}
.q_number div:nth-child(2){
    display: none;
}
.q_number div:last-child{
    display: block;
    width: 80%;
}
#mod_type_formForm .q_number .col-sm-12 h3{
    margin-top: 0;
}
#mod_type_formForm .q_number .col-sm-12 h3 .fa{
    display: none;
}
#mod_type_formForm .q_number .col-sm-12 input{
    margin-bottom: 0;
    height: 40px;
}
#mod_type_formForm .q_number:first-child{
    border-top: 2px solid #000;
}
#mod_type_formForm .q_number:nth-child(7){
    background: none;
    border-bottom: 0;
}
#mod_type_formForm .q_number:nth-child(7) div{
    width: 100%;
    height: auto;
}
#mod_type_formForm .q_number:nth-child(7) label:nth-child(2){display: none;}