/* Webfont Include */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Scroll Fixed */
html {overflow-x: hidden; overflow-y: scroll;}

/* Font Setting */
html, body, h1, h2, h3, h4, h5, h6, p, span, li, a, label, input, textarea {
    font-family: "Noto Sans KR", "맑은 고딕", 'Malgun Gothic', 'Apple SD Gothic Neo Medium', sans-serif !important;}

/* Icon Fonts */
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}

/* Social Footer Deleted */
.footer-social-layout {display: none}

 a, a:link, a:visited { text-decoration: none !important; }
*{word-break:keep-all;}
ol, ul, li {list-style: none;}

.clearfix{*zoom:1;}
.clearfix{display:block;content:'';clear:both;}

/* Require */
.footer-social-layout, .navbar ~ br, .navbar .caret, .navbar .divider-vertical { display: none !important; }

/* 상단 메뉴 영역 */
.topmarginLay_a {height: 80px !important;}
.navbar-inverse {background: #e7e6e6; border: none; border-top: 7px solid #1e2188; margin: 0;}
.navbar-inverse .navbar-brand {font-size: 22px; font-weight: 600; letter-spacing: -0.075em; line-height: 1; color: #000; text-shadow: none; -webkit-text-shadow: none; padding:5px 5px 5px 15px !important; margin: 0 !important;}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {color: #000;}
.navbar-brand img {margin: 0;
    padding: 5px 0;
    width: 100px;}
.navbar-inverse .navbar-toggle {border: 0; background-color: transparent !important; margin: 23px 15px 25px 0;}
.navbar-inverse .navbar-toggle > .icon-bar {background-color: #313131 !important;}
.navbar-inverse .navbar-nav{margin:7px 0 0;}
.navbar-inverse .navbar-nav > li > a {font-size: 15px;
    font-weight: 400;
    color: #333;
    text-shadow: 0 0 0 rgba(0,0,0,0);
    -webkit-text-shadow: 0 0 0 rgba(0,0,0,0);
    letter-spacing: -0.035em;
    padding: 20px 30px 24px;
    margin: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    min-width: 100px;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li:hover > a, .navbar-inverse .navbar-nav > li:focus > a, .navbar-inverse .navbar-nav > li.active > a, .navbar-inverse .navbar-nav > li.open > a, .navbar-inverse .navbar-nav > li.open > a:focus, .navbar-inverse .navbar-nav > li.open > a:hover {color: #000; background: none; background-image: none; background-color: rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); border-bottom: 2px solid #2351b8 !important;}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a {padding: 30px 20px;}
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a {padding: 15px 15px;color:#333;}
    .navbar-inverse .navbar-collapse {background-color: #FBFBFB;}
}
.dropdown-menu {border: 1px solid rgba(0, 0, 0, 0); border-radius: 0; -webkit-border-radius: 0; background: #2b2b2b; left: -35px !important; right: auto !important; padding: 15px 10px; min-width: 180px;}
.dropdown-menu > li > a {margin: 0; padding: 6px 25px; color: #e6e6e6; font-size: 14px; letter-spacing: -0.035em;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background: #2351b8; color: #fff;}

/* .row.dh-front-list2 .panel.panel-default {margin-top: 50px;} */
.row.dh-front-list2 .panel-body {width:1170px; margin:0 auto;}
@media screen and (min-width:1170px){
	.panel-body{width:1170px;}
}
.row.dh-front-list2 .panel-body {width: auto;}
.container.container_slide, .container.container_contents {padding: 0; width: auto;}
.sub-layout {width: 100%; padding: 0 0 100px; min-height: 675px;}
@media (min-width: 1200px){
    .container.container_slide, .container.container_contents {width:100%; margin:0;}
}

/* 슬라이드 버튼 */
/*a.carousel-control.left {display: none;}*/
/*a.carousel-control.right {display: none;}*/

/* 푸터 설정 시작 */
.footer-social-layout {display: none;}
.footer_copy > div {padding: 30px 15px 0; float: none; background: #414141;color:#fff;}
.footer_inner {width: 100%; max-width: 1170px; margin: 0 auto; text-align: left;}
.footer_inner a{display:inline-block;padding:3px 10px;margin:5px 5px 5px 0;background-color:#535353;color:#fff;}
.footer_inner .col-md-6 span{display:inline-block;margin-right:10px;}
.footer_top {border-bottom: 1px solid #e6e6e6; padding: 30px 0 20px; margin: 0 0 20px;}
.footer_top dl {color: #333333; font-size: 13px; letter-spacing: -0.05em; margin: 0 0 15px;}
.footer_top dl dt {float: left; width: 120px; font-weight: 400;}
.footer_top dl dd {margin-left:120px;color: #777777;}
.footer_bottom p {margin: 0; color: #555555; font-size: 13px; letter-spacing: -0.03em;}
@media screen and (max-width: 991px) {
    .footer_top {padding: 25px 15px 15px;}
    .footer_bottom {padding: 0 15px;}
}
@media screen and (max-width: 767px) {
	.footer_inner .col-md-10 span{display:block;margin-bottom:3px;}
}
/* //푸터 설정 끝 */

/*인트로 텍스트 설정 시작*/
#myCarousel .carousel-inner > .item{height:450px;}
#myCarousel .carousel-inner > .item .img{display:block;width:100%;height:450px;}
#myCarousel .carousel-inner > .item:nth-child(1) .img {background:url('/skin/img/slide/slide1.jpg') no-repeat 50% 50%;}
#myCarousel .carousel-inner > .item:nth-child(2) .img {background:url('/skin/img/slide/slide2.png') no-repeat 50% 50%;}
#myCarousel .carousel-inner > .item:nth-child(3) .img {background:url('/skin/img/slide/slide3.png') no-repeat 50% 50%;}
#myCarousel .carousel-inner > .item:nth-child(4) .img {background:url('/skin/img/slide/slide4.png') no-repeat 50% 50%;}

@media screen and (max-width: 767px) {
	#myCarousel{display:none;}
}

.fill {width: 100%; height: 450px;}
.carousel-caption {
	top: 50%;
	width:515px;
	height:308px;
    right: auto !important;
    bottom: auto;
    text-align: left;
    margin: -133px 0 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.35);
    padding: 50px 50px;
    border: 5px solid #ffffff;}

.carousel-caption span{display:block;}
.carousel-caption .topText {font-size: 38px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.3;
    letter-spacing: -0.075em;}
.carousel-caption .bottomText{font-size: 58px; font-weight: 500; letter-spacing: -0.1em;}

.carousel-caption h1 {margin: 0;}

.carousel-caption h1 > span {font-size: 38px; font-weight: 100; color: #ffffff; line-height: 1.4; letter-spacing: -0.075em;}
.carousel-caption h1 > span > span {font-size: 65px; font-weight: 500; letter-spacing: -0.1em; display: block;}
.carousel-caption h1 span, .fill p span {opacity: 1; background: none; text-shadow: none; padding: 0;}
/*인트로 텍스트 설정 끝*/

.mainPage .product-list .row > .col-md-4{margin-bottom:15px;}

/*content Proudct part*/
.product-wrap {margin: 50px auto 0; padding: 0 15px;}
@media screen and (min-width:1170px){
	.product-wrap{width:1170px;}
}
.product-wrap .product-title {
    margin:50px 0 40px;
    padding-bottom:15px;
    border-bottom:1px solid #777;
    position:relative;
}
.product-wrap .product-title h1 {
    font-size:34px;
    float: left;
    margin: 0;
}
.product-wrap .product-title h3 {
    font-size:21px;
    font-weight:700;}
.product-wrap .product-title p {font-size:18px; color:#909090; display: inline-block; padding-left: 20px; padding-top: 15px; margin: 0;}
.product img {display: inline-block; position: absolute; right: 0;}
.product-top img {width:100%; max-height:260px;}
.product-top a {position:relative;display:block;color: #333;}
.product-top {position: relative;}
.product-exp{position:absolute;bottom:0;width:100%;}
.product-top .product-hover {position: absolute; top: 0px; width: 100%; height: 100%; z-index: 999;}
.product-hover p {padding: 60px; text-align: center;}
.product-hover p i {color: #fff;}
.product-list .col-md-3:nth-child(1) .product-top a:focus .product-hover,
.product-list .col-md-3:nth-child(1) .product-top a:hover .product-hover, .product-list .col-md-3:nth-child(2) .product-top a:focus .product-hover, .product-list .col-md-3:nth-child(2) .product-top a:hover .product-hover, .product-list .col-md-3:nth-child(3) .product-top a:focus .product-hover, .product-list .col-md-3:nth-child(3) .product-top a:hover .product-hover, .product-list .col-md-3:nth-child(4) .product-top a:focus .product-hover, .product-list .col-md-3:nth-child(4) .product-top a:hover .product-hover {visibility:visible; background:rgba(0,0,0,0.3);}
.product-list .product-hover {visibility: hidden;}
.product-list .product-exp .btn {width: 100%; padding: 12px 30px; background: rgba(0, 0, 0, 0.55); border-radius: 0; color: #fff; font-size: 18px; font-weight: 300; text-align: left; letter-spacing: -0.035em;}
.product-list .product-exp .btn::after {content: '\f105'; font-family: 'FontAwesome'; float: right;}
.product-list  a:hover .product-exp .btn {background: #2351b8;}
.product-exp p {margin-top:15px;}
.product-list .product-exp > div ~ p {padding: 50px 20px 40px; color:#444; line-height:20pt; font-size:15px;}

.intro-board-widget-layout{width: 1170px; margin: 0 auto; padding: 40px 0 60px;}
.intro-board-widget-layout > .intro-boardbox .page-header{padding-bottom:0;}
@media screen and (max-width: 991px) {
    .intro-board-widget-layout{width: 100%;}
    .intro-boardbox{width: 100%;}
}

.intro-boardbox .page-header{padding: 0 0 6px; margin: 20px 0 25px; border-bottom: none;}
.intro-boardbox .page-header h4{margin: 0; color: #454545; font-size: 22px; font-weight: 500; letter-spacing: -0.03em;}
.intro-boardbox .page-header h4 .btn{padding: 0; margin: 0;}
.intro-boardbox .page-header h4 .btn .fa-plus:before{content: '\f138'; font-family: 'FontAwesome';}
.intro-boardbox .banner-wrap {min-height: 100px;}
.intro-boardbox .banner-icon{display: inline-block; float: left; height: 100px; margin: 0 30px 0 15px;}
.intro-boardbox .front-panel > .panel{padding: 0; background-color: transparent !important; border: none; border-radius: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
.intro-boardbox .panel-body{padding: 0;}
.dh-front-list2-words{margin: 0 !important; padding: 12px 0 12px; border-bottom: 1px solid #dedede;}
.dh-front-list2 h6 a, .dh-front-list2 h6 a span{color: #707070; font-weight: 400; font-size: 13px;}
.dh-front-list2 h6 a:hover span{text-decoration: none;}
.dh-front-list2 h6 a:hover .list-row-subject{color: #333; text-decoration: none;}
.dh-front-list2-words:first-child{margin: auto;}
.list-row-subject{float: left; text-overflow: ellipsis; overflow: hidden; max-width: 500px; white-space: nowrap;}
.intro-boardbox:first-child .list-row-subject:before{content: "공지"; margin-right:25px; padding: 0 10px 0 0; color: #1e2188;}
.intro-boardbox:nth-child(2) .list-row-subject:before{content: "자료"; padding: 0 10px 0 0; color: #1e2188;}
.row-separator{display: none;}
.list-row-regdate{display:none;float: right; color: #999 !important;}
.list-row-contents{display: none;}
.dh-front-list2 h6 a small > span{color: #1e2188 !important;}
@media screen and (min-width:768px){
    .intro-board-widget-layout > .intro-boardbox{width:50%}
}

/* 서브 페이지 */
.sub-wrap {
    width:1170px;
    margin:0 auto;
}

/* 서브 페이지 */

.subPage .visual_wrap.visual01 {background: url(/skin/img/sub/sub-top.png) no-repeat 50% 50%; background-size: cover; background-position-y: 48%; animation: visual_moving; animation-duration: 13s; animation-timing-function: linear;}
.subPage .visual_wrap .visual {position: relative; height: 100%; z-index: 11;}
.subPage .visual_wrap {position: relative; height: 100px;}
.subPage .visual_wrap .wrapper {height: 100%;}
.subPage .visual_wrap .sub_headline {position: relative;}
.subPage .visual_wrap .sub_headline * {margin: 0; padding: 0; vertical-align: middle;}
.subPage .visual_wrap .sub_headline h1 {text-align: center; color: #333; font-size: 30px; font-weight: 400; line-height: 1; letter-spacing: -0.03em;}
.subPage .visual_wrap .sub_headline p {display: none;color:#333;}
.subPage #page {max-width: 1100px; width: 100%; margin: 0 auto;}
.subPage #sub_nav {display: none;}
.subPage .wrapper {position: relative; margin: 0 auto; padding: 35px 0 0; width: 100%;}
.subPage #content {overflow: hidden; position: relative;}
.subPage .h2_tit {font-size: 30px; font-weight: bold; color: #000; line-height: 1; margin-top: 55px; margin-bottom: 40px;}
.subPage .navigation {position: absolute; right: 0; top: 55px; float: right; margin: 0; padding: 0;}
.subPage .navigation > li {display: inline-block; color: #777; font-size: 13px; letter-spacing: -0.1em;}
.subPage .navigation > li.active {color: #1e2188; font-weight: 600;}
.subPage .navigation > li i {padding-right: 5px;}
.subPage .navigation > li span {padding-left: 8px; color: #aaa;}
.subPage .content_wrap .soon {position: relative; color: #999; text-align: center; letter-spacing: -0.05em; padding: 60px 0 0; margin: 50px 0 0;}
.subPage .content_wrap .soon::before {content: "\f06a"; font-size: 44px; font-family: "FontAwesome"; position: absolute; top: 0; margin-left: 100px;}
@media screen and (min-width: 768px) {
        .subPage .visual_wrap {height: 150px; z-index: 11;}
        .subPage .visual_wrap .sub_headline {position: absolute; top: 50%; left: 0; padding: 0;}
        .subPage .visual_wrap .sub_headline h1 {margin: 0 0 10px; padding: 0; font-size: 30px; text-align: left;}
        .subPage .visual_wrap .sub_headline p {display: block; margin-top: -20px; color: #333; font-size: 14px; line-height: 1; letter-spacing: 1px;}
}
@media screen and (min-width: 1024px) {
        .subPage .visual_wrap {height: 250px; -webkit-animation: animate_background 20s linear; -moz-animation: animate_background 20s linear; -o-animation: animate_background 20s linear; animation: animate_background 20s linear;}
        .subPage .visual_wrap .sub_headline {top: 50%; margin: -55px 0 0;}
        .subPage .visual_wrap .sub_headline h1 {font-size: 48px;}
        .subPage .visual_wrap .sub_headline p {margin-top: 0;}
        .subPage #sub_nav {position: relative; display: block; margin-top: -55px; z-index: 12;}
        .subPage .wrapper {max-width: 1000px; width: 100%; margin: 0 auto; padding: 0;}
    .subPage #sub_nav_wrap {position: relative; padding-right: 0; background-color: #414141; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
    .subPage #sub_nav .sub_nav_listgroup {position: relative; padding: 0; margin: 0;}
    .subPage #sub_nav .sub_nav_listgroup .sub_nav_list {display: inline-block;}
    .subPage #sub_nav .sub_nav_listgroup .sub_nav_list .active, #sub_nav .sub_nav_listgroup .sub_nav_list .sub_link:hover, #sub_nav .sub_nav_listgroup .sub_nav_list .sub_link:focus {background-color: #fff; color: #333 !important; border: none !important;}
    .subPage #sub_nav .sub_nav_listgroup .sub_nav_list .sub_link {border: none !important; z-index: 10; position: relative; display: block; padding: 20px 20px; text-align: center; font-size: 15px; line-height: 1; color: #eee; transition: border-color 0.1s,color .3s; -webkit-transition: border-color 0.1s,color .3s;}
}
@media screen and (min-width: 1280px) {
    .subPage .wrapper {width: 100%; max-width: 1100px; margin: 0 auto;}
    .subPage #sub_nav .sub_nav_listgroup .sub_nav_list .sub_link {padding: 20px 30px; font-size: 15px; border: none !important;}
}
@media screen and (max-width:767px){
	.subPage.business .subtitle span{display:block;}
	.subPage .content_wrap{padding:0 15px;}
	.subPage .navigation{top:15px;right:15px;}
	.h2_tit{padding:0 15px;}
}

.company_greeting .content_wrap p {color: #555; font-size: 15px; letter-spacing: -0.035em; line-height: 1.8; margin: 0 0 5px;}
@media screen and (max-width:767px){
	.company_greeting .content_wrap .col-md-4,
	.company_history .content_wrap .col-md-4{margin-bottom:20px;}
	.company_rule .content_wrap .col-md-3{margin-bottom:30px;}
}
.company_greeting .sign {color: #777 !important; margin-top: 30px !important; text-align: right;}
.company_greeting .sign span {color: #000; font-weight: bold; font-size: 18px;letter-spacing: 15px;margin-left: 20px;}

.company_history table th {min-width:85px;border-bottom: 1px solid #414141; padding: 10px 15px !important; color: #000; letter-spacing: -0.035em;}
.company_history table td {border-bottom: 1px solid #e6e6e6; color: #555; letter-spacing: -0.035em; padding: 10px 15px !important;}

.company_certification .content_wrap{text-align:center;}
.company_certification .content_wrap .col-md-4 {margin-bottom:30px;}
.company_certification .content_wrap .col-md-4 .frame {border: 4px solid #e6e6e6; padding: 15px;}
.company_certification .content_wrap img {width: 100%; border: 1px solid #c6c6c6;}
.company_certification .content_wrap span {display: block; margin: 10px 0 20px; color: #000; font-size: 18px; letter-spacing: -0.035em;}

.company_location table {border-top: 2px solid #000; margin-top: 30px;}
.company_location table tr th {background: #f8f8f8; letter-spacing: -0.05em;}
.company_location table tr td {letter-spacing: -0.035em;}
.company_location table tr th, .company_location table tr td {border: 1px solid #e6e6e6; padding: 15px 20px;}

.company_rule .content_wrap .col-md-3 > span {display: block; margin: 20px 0 0; color: #666; font-size: 14px; text-align: center; letter-spacing: -0.035em; line-height: 1.5;}
.subPage.business .content_wrap .row > .col-md-6 {margin-bottom: 50px;}
.subPage.business .content_wrap img{width:100%;}
.subPage.business .content_wrap .bottom_area{margin-top:30px;}
.subPage.business .subtitle {padding-bottom: 5px; margin-bottom: 20px; border-bottom: 2px solid #ccc;}
.subPage.business .subtitle span {padding: 0 10px; color: #555; font-size: 16px; letter-spacing: -0.035em;}
.subPage.business .subtitle span:nth-child(1) {background: #2351b8; color: #fff; display: inline-block; padding: 5px 20px; margin: 0 0 5px; border-radius: 50px; font-size: 17px; font-weight: 500;}
.subPage.business2 .content_wrap .row > .col-md-6{margin-bottom:30px;}

.dh-board {margin:0 auto;}
@media screen and (min-width:1100px){
    .dh-board, .dh-view-box {width: 100%; max-width: 1100px !important; margin: 0 auto !important;}
}

.subPage.request .h2_tit{visibility:hidden;}
.subPage.request .content_wrap{max-width:900px;width:100%;margin:0 auto;}
.subPage.request table{margin-bottom:15px;}
.subPage.request table thead tr th{border-bottom:0;background-color:#414141;color:#fff;text-align:center;font-weight:500;font-size:20px;}
.subPage.request table tbody tr td{background-color:#e7e6e6;text-align:center;}
.subPage.request table tbody tr td .inner{position:relative;width:120px;margin:0 auto;text-align:left;}
.subPage.request table tbody tr td .inner:before{position:absolute;font-family:"FontAwesome" !important;}
.subPage.request table tbody tr td .inner.tel:before{top:0;left:-25px;content:"\f095";font-size:20px}
.subPage.request table tbody tr td .inner.phone:before{top:-5px;left:-24px;content:"\f10b";font-size:26px;}
.subPage.request table tbody tr td .inner.mail{display:inline-block;width:auto;text-align:center;}
.subPage.request table tbody tr td .inner.mail:before{top:0;left:-30px;content:"\f003";font-size:20px;}
.subPage.request table tbody tr td .inner.time{display:inline-block;width:auto;text-align:center;}
.subPage.request table tbody tr td .inner.time:before{top:-1px;left:-26px;content:"\f017";font-size:20px;}
.subPage.request table tbody tr td .inner span{font-size:17px;}
.subPage.request table .fa{font-size:30px;margin-right:15px;}
.subPage.request .textBox{margin-bottom:15px;padding:8px;font-size:17px;text-align:center;border-top:2px solid #414141;background-color:#e7e6e6;}

.board-gadget-wrap a{position:relative;display:block;}

/* 텍스트 게시판 설정 */
.dh-board .table > thead > tr > th, .dh-board .table > tbody > tr > th, .dh-board .table > tfoot > tr > th, .dh-board .table > thead > tr > td, .dh-board .table > tbody > tr > td, .dh-board .table > tfoot > tr > td {padding: 16px 20px; color: #666; font-size: 14px;}
.dh-board .table > thead > tr > th {background: #f8f8f8; vertical-align: middle; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: 500; color: #333; letter-spacing: -0.03em;}
.dh-board .table > tbody > tr > td {border-bottom: 1px dotted #dedede;}
.dh-board .table > tbody > tr > td > strong > a {color: #333; font-weight: 600;}
.dh-board .table-hover {border-top: 2px solid #333; border-bottom: 2px solid #ccc; margin: 0 0 40px;}
.dh-board .table-hover > tbody > tr:hover td {background-color: #f9f9f9;}
.dh-board .table-hover > tbody > tr:hover > td > strong > a {color: #000;}
.dh-margin-top{margin-top: 40px; display: inline-block;}
.regdate{display:none !important;}

/* 게시판 버튼 설정 */
.label {background: rgba(0,0,0,0); padding: 0 5px; font-size: 90%;}
.label .glyphicon-lock {color: #333;}
.label-danger{color: #1e2188;}
.label-primary{color: #1e2188;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .btn-primary, .btn-primary:hover {background-color: #333; border: 1px solid #333 !important;}
.pagination > li > a, .pagination > li > span {color: #333; border: 1px solid #fff !important;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover {color: #333;}
.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: 50px;padding:0 15px;}
.mp-sub04_2 form#insertForm {margin: 40px 0 50px;}
.dh-margin-top { display: block; }
.sns-box {display: none;}
.dh-view-box > .row > .page-header {border-top: 2px solid #000; border-bottom: 1px solid #ccc; padding: 0 20px; margin: 0;}
.dh-view-box > .row > .page-header > h4 {color: #333; font-size: 23px; margin: 14px 0;}
.dh-view-box > .row > .dh-view-info {border-bottom: 1px solid #ccc; background: rgba(0,0,0,0); 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: 30px 20px 60px !important; min-height: 300px;}
@media screen and (max-width: 991px) {
    .dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {padding: 60px 15px;}
}
@media screen and (max-width: 767px) {
    .dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {padding: 40px 15px;}
}

#insertForm iframe{height:500px !important;}
.bbs-list-add-layout #insertForm,
.bbs-list-edit-layout #insertForm{margin:0 auto;}

@media screen and (min-width:1100px){
	.bbs-list-add-layout #insertForm,
	.bbs-list-edit-layout #insertForm{width:1100px;}
	.login-layout{width:1170px;margin:0 auto;}
}

.text-bbs8 #insertForm > .form-inline:nth-of-type(3)+.form-group{display:none;}


/* 메일수집 */
html,body{height:100%;}
#over_lay{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9990;}
#over_lay .lay{position: absolute;top: 35%;left: 50%;width: 550px;margin-left: -245px;}
#over_lay .lay .text-box{padding:30px;background-color:#fff;border-radius:15px;line-height:2;}
#over_lay .lay #circle_icon{position: absolute;top: 0;right: -40px;color: #fff;font-size: 25px;}
#over_lay .lay #circle_icon:hover{cursor:pointer;}

@media screen and (max-width:767px){
	#over_lay .lay{width:100%;left:0;margin-left:0;padding:0 15px;}
	#over_lay .lay #circle_icon{right:10px;bottom:-40px;top:auto;}
}

.carousel-inner>.item {
    transition: 1.5s ease-in-out left;
    -webkit-transition: 1.5s, ease-in-out, left;
    -moz-transition: 1.5s, ease-in-out, left;
    -o-transition: 1.5s, ease-in-out, left;
}

.content_wrap .table.table-type03 {margin: 0 0 20px; border-top: 2px solid #0068b7;}
.content_wrap .table.table-type03 tr th, .content_wrap .table.table-type03 tr td {padding: 12px !important; border: 1px solid #dedede !important; letter-spacing: -0.02em; word-break: keep-all; vertical-align: middle !important;text-align: center;}
.content_wrap .table.table-type03 tr th {color: #333;background: #f8f8f8;}
.content_wrap .table.table-type03 tr td {color: #666;}
.business4 .content_wrap .clearfix{margin-bottom:50px}