/* MAILPLUG Normalize 2.0 */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html,body,form,input,legend,label,select,button,fieldset,textarea,div,p,pre,blockquote,img,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li { margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif !important; font-weight: normal; }

a, a:hover, a:focus, a:link, a:visited { text-decoration: none !important; }
html { overflow-x: hidden; overflow-y: scroll; }
body { background-color: #F3F3F3; }

.red { color: #D50304 !important; }
.grey { color: #616161 !important; }
.underline { text-decoration: underline !important; }
.carousel-control { display: none !important; }
.topmarginLay_a { height: 96px !important; }
.navbar-inverse .divider-vertical, .navbar-inverse .caret, .footer-social-layout, .navbar ~ br { display: none; }

/* 푸터 영역 시작 */
.footer_copy .text-center { padding: 30px 0 10px; margin-top: 0px; background-color: #313131; }
.footer_copy .text-center .inner { padding: 0 15px; max-width: 1170px; margin: 0 auto; }
.footer_copy .text-center p { font-size: 13px; color: #DEDEDE; text-align: left; }
.footer_copy .text-center p.copyright {	text-align: right; font-size: 12px; }
.footer_copy .text-center span.space { margin: 0 5px; opacity: .5; }
.footer_copy .text-center p.big { font-size: 16px; font-weight: bold; }
@media screen and (max-width: 767px) { .footer_copy .text-center p { text-align: center !important; } }
.f_logo { margin-bottom: 15px; float: left; width: 100%; }
.f_logo > a { float: left; margin-right: 10px; }
/* 푸터 영역 끝 */

.container.container_contents {background: #fff;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.intro-board-widget-layout {
	max-width: 1170px;
	margin: 0 auto;
}

.site-header { border-bottom: 1px solid #DEDEDE; }
.site-header-nav { float: right; padding: 0; }
.site-header-nav li {
    float: left;
    list-style: none;
    font-size: 12px;
    padding: 10px 5px;
}
.site-header-nav li+li {padding-left: 5px;}
.site-header-nav li > a {
    color: #989898;
    font-weight: 400;
    padding: 2px 8px;
}
.site-header-nav li > a:hover, .site-header-nav li > a:focus { color: #0070C0; }
.site-header-nav li:last-child > a {
    background-color: #0070C0;
    color: #FFF;
    border: 1px solid transparent;
    border-radius: 20px;
    -webkit-border-radius: 20px;
}
.site-header-nav li:last-child > a:hover, .site-header-nav li:last-child > a:focus {
    background-color: transparent; color: #0070C0; border: 1px solid #0070C0 !important; }

.navbar-inverse {
    background-image: none;
    background-color: #FFF;
    border-bottom: 2px solid #0070C0;
    margin-bottom: 0;
}

.navbar-inverse .navbar-brand {
    font-size: 24px;
    letter-spacing: -0.05em;
    color: #0070C0;
    font-weight: 600;
    display: block;
    /* padding: 12px 15px 16px; */
    text-shadow: none;
    -webkit-text-shadow: none;
	padding: 0;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #0070C0;
}

.navbar-inverse .navbar-brand img {
	margin-top: 0;
	max-width: 240px;
	padding: 9px 15px;
}

/* .navbar-inverse .navbar-brand::after {
    content: '주식회사';
    color: #555;
    font-size: 12px;
    vertical-align: text-top;
} */

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    margin: 13px 15px 13px 0;
    background-color: transparent;
    border-color: transparent;
}

.navbar-inverse .navbar-toggle > .icon-bar {
    background-color: #0070C0;
}
.navbar-inverse .navbar-nav > li > a {
    color: #333;
    font-size: 15px;
    font-weight: 500;
    padding: 20px 25px;
    text-shadow: none;
    -webkit-text-shadow: none;
}

.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 > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #0070C0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-nav > li > .dropdown-menu {
        padding: 7px 0;
        border: 0;
        background-color: #0070C0;
        box-shadow: none;
        -webkit-box-shadow: none;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
    }
    
    .navbar-nav > li > .dropdown-menu > li > a {
        color: #FFF;
        padding: 5px 15px;
    }
    
    .navbar-nav > li > .dropdown-menu > li > a:hover,
    .navbar-nav > li > .dropdown-menu > li > a:focus {
        background-image: none;
        background-color: #FFF;
        color: #0070C0;
    }
}
@media screen and (min-width: 992px) {
    .navbar-nav > li > .dropdown-menu {
        max-width: none;
        padding: 7px 15px;
        border: 0;
        background-color: #0070C0;
        box-shadow: none;
        -webkit-box-shadow: none;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
    }
    
    .navbar-nav > li > .dropdown-menu > li {
        float: left;
    }
    
    .navbar-nav > li > .dropdown-menu > li > a {
        color: #FFF;
        transition: ease-in-out .2s all;
    }
    
    .navbar-nav > li > .dropdown-menu > li > a:hover,
    .navbar-nav > li > .dropdown-menu > li > a:focus {
        background-image: none;
        background-color: #FFF;
        border-radius: 15px;
        color: #0070C0;
        -webkit-border-radius: 15px;
    }
    
    .navbar-nav .dropdown-menu.m-1_sub {
        width: 560px;
        right: -200px;
    }
    
    .navbar-nav .dropdown-menu.m-14_sub {
        /* width: 870px; */
		width: 610px;
        right: -200px;
    }
    
    .navbar-nav .dropdown-menu.m-15_sub {
        width: 200px;
    }
    
    .navbar-nav .dropdown-menu.m-16_sub {
        width: 266px;
    }
    
    .navbar-nav .divider-vertical+li.dropdown > .dropdown-menu {
        width: 204px;
    }
}

.container.container_slide {width: 100%; margin: 0; padding: 0;}
.carousel-caption {top: 50%; bottom: auto; margin: -65px 0 0; padding: 0;}
.fill h1 {margin: 0 0 20px;}
.fill h1 span, .fill p span {opacity: 1; padding: 0; background: none; text-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.fill h1 span.tht {color: #a6ceea; font-size: 27px; font-weight: 500; letter-spacing: -0.04em;}
.fill h1 span.thu {display: block; font-size: 48px; font-weight: 600; letter-spacing: 0.04em;}
.fill p span {color: #e3e3e3;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.4;}

/* SubPage Layout */
.sub-layout {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
    padding-bottom: 80px;
    min-height: 740px;
}
.sub-header {
    display: none !important;
    background-color: #DDD;
    background-image: url('/skin/img/sub/sub-top.jpg');
    background-image: url('https://dummyimage.com/1920x150/DDD/313131');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    margin-bottom: 30px;
    height: 150px;
}

.sub-aside-wrap {
    background-color: #FFF;
}

.sub-aside-header {
    background-color: #0070C0;
    color: #FFF;
    padding: 35px 25px;
}

.sub-aside-header span {
    font-size: 24px;
    font-weight: 300;
}

.sub-aside-header small {
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    opacity: .8;
}

.sub-aside-inner {
    padding-left: 0;
}

.sub-aside-inner li {
    list-style: none;
}

.sub-aside-inner li > a {
    display: block;
    color: #555;
    padding: 12px 25px;
    border-bottom: 1px solid #DDD !important;
}

.sub-aside-inner li > a:hover,
.sub-aside-inner li > a:focus {
    color: #0070C0;
}

.sub-aside-inner li.active > a::after {
    font-family: 'FontAwesome' !important;
    content: '\f105';
    float: right;
}

.sub-article-wrap {
    background-color: #FFF;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 100px;
    border-bottom: 1px solid #DDD;
}

.sub-article-header {
    margin-bottom: 50px;
}
.sub-article-header h2 {
    color: #333;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -0.04em;
    margin-bottom: 5px;
}
.sub-article-header small {
    display: block;
    font-size: 14px;
    letter-spacing: -0.03em;
    margin-bottom: 15px;
}

.sub-article-wrap .breadcrumb {
    float: right;
    background-color: transparent;
    padding: 0;
    font-size: 13px;
}
.sub-article-wrap .breadcrumb li {color: #888;}
.sub-article-wrap .breadcrumb li.active {color: #333; font-weight: 600;}

.greeting-text {
    padding-top: 25px;
}

.greeting-text h3 {
    line-height: 32px;
    margin-bottom: 50px;
    letter-spacing: -0.06em;
}
.greeting-text p {
    color: #666;
    margin-bottom: 50px;
    letter-spacing: -0.02em;
    line-height: 1.8;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .greeting-text p > br {
        display: none;
    }
}

.table.table-style,
.table.table-hover {
    border-top: 2px solid #0070C0;
    border-bottom: 0;
    margin-bottom: 0;
}

.table.table-style tr th,
.table.table-style tr td,
.table.table-hover tr th,
.table.table-hover tr td {
    border-bottom: 1px solid #EFEFEF;
    padding: 12px 8px;
}

.table.table-history {
    border-top: 0;
}
.table.table-history thead tr th {
    font-size: 22px;
    color: #0070C0;
    letter-spacing: -0.04em;
}
.table.table-history thead tr th.second-th {
    padding-top: 25px;
}
.table.table-history tbody tr th {
	color: #323232;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.06em;
}
.table.table-history tr td {
    color: #666;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.8;
}
.page-location iframe {
    margin-bottom: 20px;
}

.page-location h3 {
	color: #0070C0;
	margin-bottom: 20px;
}

.dh-board, .form-horizontal, .dh-view-box, .img-bbs-default-index-layout > .row, #mailForm { display: none; }

.dh-front-gallery > .element1 > a {
    height: 230px !important;
    transition: ease-in-out .4s all !important;
}

/* Sitemap */
.page-sitemap .sub-article-wrap .col-md-3 > h4 {
    margin-bottom: 15px;
    font-size: 20px;
	font-weight: 500;
}

.page-sitemap .sub-article-wrap .col-md-3 > h4 > small {
	font-size: 13px;
	color: #818181;
/* 	border-left: 1px solid #818181; */
	margin-left: 5px;
	padding-left: 5px;
	text-transform: uppercase;
}

.sitemap-inner li {
	list-style: none;
}

.sitemap-inner > li > a {
	display: block;
	border-bottom: 1px solid #DDD !important;
	padding: 10px 0;
	color: #555;
}

.sitemap-inner > li > a:hover,
.sitemap-inner > li > a:focus {
	color: #0070C0;
}

.sitemap-inner > li > a:hover::after,
.sitemap-inner > li > a:focus::after {
	font-family: 'FontAwesome' !important;
	content: '\f105';
	float: right;
}

/* Nav-tabs */
.nav-tabs {
    margin-bottom: 0;
    padding: 0;
	display: inline-block;
	border-bottom: 0;
}
.nav-tabs li {
    list-style-type: none;
    float: left;
    margin:0 7px 0 0;
}
.nav-tabs li a {
    font-size: 14px;
    color: #929292;
    padding: 13px 20px;
    display: inline-block;
    border: 1px solid #e3e3e3 !important;
}

.nav-tabs li a:hover, .nav-tabs li a:focus {
    border-bottom: 1px solid #e3e3e3 !important;
    background: #f3f3f3;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
    background: #0070C0;
    border-color: #0070C0;
	border-width: 1px !important;
    color: #fff;
}

/* Product */
.tab-content {
	padding-top: 25px;
}

.tab-pane h3,
h3.pr {
	margin-top: 30px;
	color: #0070C0;
	margin-bottom: 20px;
}

/* .tab-pane > h3:first-child {
	margin-top: 0;
} */
.product-features {
    padding-left: 0;
    list-style-type: none;
}
.product-features li {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #666;
    margin-bottom: 8px;
    font-weight: 400;
    padding-left: 15px; position: relative;
}
.product-features li::before {content: ''; background: #ccc; width: 5px; height: 5px; border-radius: 100%; position: absolute; top: 12px; left: 0;}
#product p {
	font-size: 14px;
	color: #555;
	line-height: 26px;
	font-weight: 400;
	word-break: keep-all;
}

.dh-board .dhb-txt-box {
    padding: 15px 0;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    margin: 6px 0;
}

/* ----- 비디오 게시판 설정 ----- */
.vod-index-layout .dhb-txt-box{margin: 0px 5px 10px; padding: 0; 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;}
.dh-vod-thumb .vod-play-btn img {background: transparent; width: 100%; box-shadow: none !important; border: none !important; border-radius: 0 !important; padding: 0 !important;}
.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 h4 {margin: 15px 0 0;}
.vod-index-layout .dhb-txt-box > .dhb-txt-list h5 > a {color: #767676; font-weight: 400; margin: 10px 0 0; display: inline-block;}
.vod-index-layout .dhb-txt-box > .dhb-txt-list > .row > .col-md-5 {padding: 0;}

/* ----- 게시판 버튼 설정 ----- */
.label{background: transparent; padding: 0px 5px 0px; font-size: 90%;}
.label-danger{color: #0070C0;}
.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: #0070C0; border: 1px solid #0070C0 !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-board .dh-margin-top {display: inline-block; margin: 40px 0 0;}
.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: 15px 20px; 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; 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;}

/* ----- 메인 제품 슬라이드 ----- */
.case_wrap {width: 100%; padding: 60px 0; background-color: #f8f8f8;}
.case_inner {width: 100%; max-width: 1170px; margin: 0 auto;}
.case_inner .col-md-9 {padding: 0;}
.caseTitle h3 {color: #333333; font-size: 26px; font-weight: 500; letter-spacing: -0.075em; margin: 35px 0 20px;}
.caseTitle > p {color: #666; font-size: 17px; font-weight: 300; line-height: 28px; letter-spacing: -0.075em; margin: 0 0 30px;}
.caseTitle .caseTitle_btn {display: inline-block; background: #fff; border: 1px solid #bebebe !important; border-radius: 50px; height: 50px; width: 180px; padding: 14px 30px;}
.caseTitle .caseTitle_btn p {color: #666666; font-size: 15px; font-weight: 400; letter-spacing: -0.075em; margin: 0;}
.caseTitle_btn p::after {content: '\f105'; font-family: 'FontAwesome'; float: right;}
.caseTitle_btn:hover {background: #0070C0; border: 1px solid #0070C0 !important;}
.caseTitle_btn:hover p {color: #fff;}
@media screen and (max-width: 767px) {
    .case_wrap {padding: 40px 0;}
	.caseTitle h3 {font-size: 21px; margin: 0 0 10px;}
	.caseTitle > p {display: inline-block; font-size: 14px; line-height: 20px; margin: 0;}
	.caseTitle .caseTitle_btn {float: right; height: auto; padding: 10px 15px; width: 140px;}
	.caseTitle .caseTitle_btn p {font-size: 13px; font-weight: 400;}
}
#banner_wrap { position: relative; }
#banner_wrap .left_btn { position: absolute; left: 0; top: 50%; margin: -26px 0 0;}
#banner_wrap .right_btn { position: absolute; right: 0; top: 50%; margin: -26px 0 0;}
#slide_banner > li > a .main-ani > .main-ani_des {width: 100%; margin: 0; padding: 16px 0px; background-color: #fff; text-align: center;}
#slide_banner > li > a .main-ani > .main-ani_img .img-hover { position: absolute; top: 30%; width: 100%; height: 100%; visibility: hidden;}
#slide_banner > li > a .main-ani:hover > .main-ani_img .img-hover { visibility: visible; z-index: 1;}
#slide_banner > li > a .main-ani:hover > .main-ani_des{ z-index: 9999; position: relative; }
#slide_banner > li > a .main-ani > .main-ani_des h4 {font-size: 16px; font-weight: 500; letter-spacing: -0.05em; color: #333; display: block; margin: 0;}
#slide_banner > li > a .main-ani > .main-ani_des p {color: #8A8A8A; font-size: 13px;}
#slide_banner > li > a .main-ani:hover > .main-ani_des h4, #slide_banner > li > a .main-ani:hover > div p  {color: #0070C0;}
.main-con .tab-wrap img{width: 100%;}
.main-con .tab-wrap [class*=ani]{overflow: hidden; padding: 0; width: 100%;}
.main-ani {border: 1px solid #e2e2e2;}
#slide_banner > li > a .main-ani:hover {border: 1px solid #ccc;}
#slide_banner > li > a .main-ani:hover::after {content: ' '; position: absolute; left: 0; right: 0; top: 0;  bottom: 0; background-color: rgba(0, 112, 192, 0.7); border: 1px solid #ccc;}
@media screen and (max-width: 991px) {
	.main-con {display: none;}
    .main-con .tab-wrap > div{width: 100%; margin: 0 0 5px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	#slide_banner > li > a { width: 50%; margin: 0 0 5px;}
	#slide_banner > li > a .main-ani > .main-ani_img .img-hover { top: 35%;}
}
@media screen and (max-width: 767px) {
	#slide_banner > li > a { width: 100%; }
	#slide_banner > li > a .main-ani > .main-ani_img .img-hover { top: 30%; }
	#slide_banner > li { width: 20% !important; float: none !important; }
	#slide_banner > li > a .main-ani > .main-ani_img img { margin: 0 auto; }
	#banner_wrap .right_btn, #banner_wrap .left_btn { display: none; }
	#banner_wrap .bx-viewport { height: 850px !important; }
}

.mt-50 {
	margin-top: 50px !important;
}

.maintanance {
	margin-top: 100px;
	margin-bottom: 50px;
}

.maintanance h3 {
	line-height: 50px;
	font-size: 28px;
	color: #555;
}

.maintanance p {
	font-size: 16px;
}

.intro-widget-layout {
	width: 100%; margin: 20px 0 60px; padding-left: 0; padding-right: 0;
}
.intro-board-layout { display: none; }
.intro-widget-layout > .intro-widgetbox {
	width: 33.3%;
}

@media screen and (max-width: 767px) {
	.intro-widget-layout > .intro-widgetbox {
		width: 100%;
		padding: 0 15px;
	}
}

.bbs-pds-index-layout .dhb-txt-box .text-right {
	display: none;
}

.bbs-pds-index-layout .dhb-txt-box .dhb-txt-list {
	width: 100%;
	border-right: 0;
}
.bbs-pds-index-layout .dhb-txt-list h4 {
    float: left;
    font-size: 16px;
    letter-spacing: -0.04em;
}
.dhb-txt-list h4 span.label {
    margin: 0;
    padding: 0 5px;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle;
}
.bbs-pds-index-layout .dhb-txt-list h5 {
    float: left;
}
.bbs-pds-index-layout .dhb-txt-list h6:last-child {
	float: right;
	padding: 3px 0;
	color: #616161;
}

.intro-widgetBoardbox {
	background: none !important;
	border: 0;
}

.intro-widget-list-box > ul {font-size: 14px; margin: 0 !important; padding: 0 15px !important;}
.intro-widget-list-box > ul > li {padding: 10px 0;}
.intro-widget-list-box > ul > li > a {position: relative; padding-left: 15px;}
.intro-widget-list-box > ul > li > a::before {content: ''; background: #0070C0; width: 5px; height: 5px; border-radius: 100%; position: absolute; top: 8px; left: 0;}
.intro-widgetBoardbox>a, .intro-widgetBoardbox>a:hover, .intro-widgetBoardbox>a:focus {border: 0 !important; padding-right: 15px !important; margin: 0 0 15px; background: none !important;}
.intro-widgetBoardbox>a>h5 {font-size: 20px; font-weight: 400;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	vertical-align: middle;
}