@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html {
	overflow-x: hidden;
	overflow-y: scroll;
}

.body-layout {
	padding-top: 80px;
	font-family: 'Noto Sans KR', sans-serif;
}

.navbar-inverse .divider-vertical, .navbar-inverse .caret, .navbar-inverse ~ br, .topmarginLay_a,
.footer-social-layout {
	display: none;
}

.navbar-inverse {
	background-color: #FFF;
	border: none;
	margin-bottom: 0;
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, .125);
	-moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, .125);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, .125);
}

.navbar-inverse .navbar-brand {
    margin: 10px 0 0;
    padding: 0 15px;
}
.navbar-inverse .navbar-brand img {
    margin-top: 0;
    width: 180px;
}

.navbar-inverse .navbar-nav .glyphicon {
	font-family: FontAwesome;
}

.navbar-inverse .navbar-nav .divider-vertical+li .glyphicon::before {
	content: "\f007";
}

.navbar-inverse .navbar-nav .divider-vertical+li+li .glyphicon::before {
	content: "\f023";
}

@media (min-width: 768px) {
	.navbar-inverse .navbar-nav > li > a {
		color: #222;
		font-size: 18px;
		font-weight: 400;
		padding: 30px 20px;
		margin: 0 5px;
		letter-spacing: -0.06em;
		position: relative;
	}
	.navbar-inverse .navbar-nav > li:hover > a:before, .navbar-inverse .navbar-nav > .open > a:before,
	.navbar-inverse .navbar-nav > .open > a:hover:before, .navbar-inverse .navbar-nav > .open > a:focus:before,
	.navbar-inverse .navbar-nav > li > a:hover:before, .navbar-inverse .navbar-nav > li > a:focus:before {
		content: "";
		background: #0071BC;
		width: 4px;
		height: 4px;
		position: absolute;
		bottom: 15px;
		left: 50%;
		margin-left: -2px;
}
	.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 > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
		box-shadow: none;
		border: none;
		background: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		color: #0071BC;
		font-weight: 600;
	}
	.navbar-inverse .dropdown-menu {padding: 6px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); border-radius: 0; min-width: 180px; left: 0; right: auto;}
	.navbar-inverse .dropdown-menu > li > a {
		background-color: #ffffff;
		color: #666;
		padding: 14px 20px;
		margin: 0;
		font-size: 15px;
		letter-spacing: -0.04em;
		border-bottom: 1px solid #e4e4e4;
	}
	.navbar-inverse .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
		color: #0071bc;
		font-weight: 500;
		background: #efefef;
		border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
	}
	.navbar-inverse .dropdown-menu > li:last-child > a {
		border-bottom: 1px solid rgba(0,0,0,0);
	}
}

.container_slide {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.container_slide .carousel-caption {
    padding: 0;
    top: 50%;
    bottom: auto;
    margin: -100px 0 0;
}

@media (min-width: 768px) {
	.container_slide .carousel-caption {
		width: 750px;
		text-align: left;
	}
	.fill {
		height: 435px;
	}
	.container_slide .carousel-caption h1,
	.container_slide .carousel-caption p {
		animation-fill-mode: both;
		animation-duration: 1s;
	}
	
	.container_slide .carousel-caption h1 {
		animation-name: fadeInLeft;
	}
	
	.container_slide .carousel-caption p {
		animation-name: fadeIn;
		animation-delay: .5s;
	}
}

@media (min-width: 992px) {
	.container_slide .carousel-caption {
		width: 970px;
	}
	.container_slide .carousel-caption h1 {
    font-size: 48px;
    margin: 0;
}
	.container_slide .carousel-caption p {
    font-size: 15px;
    letter-spacing: -0.04em;
    margin: 0;
}
}

@media (min-width: 1200px) {
	.container_slide .carousel-caption {
		width: 1170px;
	}
}

.container_slide .carousel-caption h1 span,
.container_slide .carousel-caption p span {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	text-shadow: none;
	opacity: 1;
	line-height: 1.2;
	display: block;
}

.container_slide .carousel-caption h1 span {
	letter-spacing: -0.1em;
	font-weight: 300;
}

.container_slide .carousel-caption p span {
	margin-top: 20px;
	line-height: 1.8;
	opacity: .75;
}

.carousel-indicators {
    margin-bottom: 0;
}
.carousel-indicators li {
	width: 12px;
	height: 12px;
	border: 1px solid #FFF;
	margin: 3px 5px;
	border-radius: 50%;
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	border: 1px solid #FFF;
	margin: 3px 5px;
	border-radius: 50%;
	background-color: transparent;
}

.carousel-indicators .active::after {
    content: '';
    position: relative;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #FFF;
    border-radius: 50%;
    top: 2px;
    left: 2px;
}

.container_slide .carousel-control > .glyphicon {
	display: none;
}

/* Main */
.container_contents {
    background: #f8f8f8;
}
.container_contents, .container_contents .intro-html-layout,
.container_contents .intro-html-layout > .col-sm-12 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}
#shortcut {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff;
}
#shortcut > .container > .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

#shortcut > .container > .row > div[class^="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
#shortcut .main-shortcut-item {
    border: 1px solid #DEDEDE;
    display: block;
    padding: 20px 30px;
    background-color: #FFF;
    color: #222;
    -webkit-transition: ease .3s all;
    -moz-transition: ease .3s all;
    -khtml-transition: ease .3s all;
    -ms-transition: ease .3s all;
    transition: ease .3s all;
}
#shortcut .main-shortcut-item img {
    margin-bottom: 20px;
}
#shortcut .main-shortcut-item h4 {
    margin: 0 0 10px;
    color: #222;
    font-weight: 500;
    letter-spacing: -0.06em;
}
#shortcut .main-shortcut-item p {
    margin: 0;
    color: #666;
    font-weight: 300;
    letter-spacing: -0.02em;
    word-break: keep-all;
}
#shortcut .main-shortcut-item:hover {
    border-color: #0071BC;
    background-color: rgba(0, 113, 188, 0.02);
    text-decoration: none;
}
#shortcut .main-shortcut-item:hover h4 {
	color: #0071BC;
}
.intro-boardbox > .page-header {display: none;}
.intro-widgetbox {margin-top: 0; margin-bottom: 15px;}
.intro-widgetBoardbox > a, .intro-widgetbox > .page-header {display: none;}
.intro-board-widget-layout {
    padding-top: 40px;
    padding-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
	.intro-board-widget-layout {
		width: 735px;
	}
}

@media (min-width: 992px) {
	.intro-board-widget-layout {
		width: 955px;
	}
}

@media (min-width: 1200px) {
	.intro-board-widget-layout {
		width: 1155px;
	}
}

/* 게시판 영역 설정 */
.intro-board-layout {padding: 0 7.5px; }
.intro-board-layout > h3 {
    display: inline-block;
    float: left;
    color: #222;
    margin: 0 0 20px;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: -0.06em;
}
.intro-board-layout > a {
    display: inline-block;
    margin-left: 10px;
}
.intro-board-layout .main-btn {display: inline-block; padding: 5px 0 0;}
.intro-boardbox .front-panel {
    padding: 0;
}
.intro-boardbox .panel-default {
    border: none !important;
    border-left: 1px solid #dedede !important;
    border-right: 1px solid #dedede !important;
    margin: 0 !important;
}
.intro-board-layout .panel-body {padding: 0;}
.intro-board-layout .dh-front-list2-words {
    padding: 20px 30px !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    border-bottom: 1px solid #dedede !important;
    max-height: 120px;
    margin: -1px 0 0 !important;
}
.intro-board-layout .dh-front-list2-words:first-child {
    border-top: 1px solid #dedede !important;
}
.intro-board-layout .dh-front-list2-words:hover {
    border: 1px solid #0071bc !important;
    background-color: #fafcfe;
}
.intro-board-layout .dh-front-list2-words h6 {
    padding: 0 0 10px !important;
}
.intro-board-layout .dh-front-list2-words h6 a, .intro-board-layout .dh-front-list2-words h6 a span {
    color: #333;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.04em;
    text-decoration: none !important;
}
.intro-board-layout .dh-front-list2-words h6 .label {color: #0c4ca3 !important; background-color: transparent;}
.intro-board-layout .dh-front-list2-words:hover h6 .list-row-subject {color: #0c4ca3 !important;}
.intro-board-layout .dh-front-list2-words h5 {
    border-top: none !important;
    padding: 0 !important;
    margin: 0;
    height: 40px !important;
    overflow: hidden;
}
.intro-board-layout .dh-front-list2-words h5, .intro-board-layout .dh-front-list2-words h5 a, .intro-board-layout .dh-front-list2-words h5 p, .intro-board-layout .dh-front-list2-words h5 span {
    font-size: 13px !important;
    font-weight: 300;
    line-height: 1.6;
    text-decoration: none !important;
    letter-spacing: -0.02em;
    color: #666 !important;
}
.list-row-contents {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.list-row-regdate {float: right; font-size: 13px !important; font-weight: 400 !important; color: #999 !important;}
.row-separator{display:none;}
@media screen and (max-width: 767px) {
    .intro-board-layout {padding: 0 10px;}
	.intro-board-layout .intro-boardbox {display: inline-block;}
	.dh-front-list2 h6 a span.list-row-regdate {display: block; padding: 8px 10px 0 0; float: none;}
	.dh-front-list2 h5 {height: 25px !important;}
}

.intro-widget-layout {padding: 0 7.5px;}
.intro-widget-layout > h3 {
    color: #222;
    margin: 0 0 20px;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: -0.06em;
}
.intro-widget-layout > a {
    display: inline-block;
    width: 100%;
    border: none !important;
    border-left: 1px solid #dedede !important;
    border-right: 1px solid #dedede !important;
    margin: 0 !important;
}
.main-about {
    background-color: #fff;
    max-height: 107px;
    padding: 20px 30px !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    border-bottom: 1px solid #dedede !important;
}
.intro-widget-layout .main-about1 {
    border-top: 1px solid #dedede !important;
}
.main-about:hover.main-about1, .main-about:hover.main-about2, .main-about:hover.main-about3 {
    background-color: #fafcfe;
    border: 1px solid #0071bc !important;
}
.main-about:hover.main-about1 h5, .main-about:hover.main-about2 h5, .main-about:hover.main-about3 h5 {
    color: #0c4ca3;
}
.main-about:hover.main-about1 p, .main-about:hover.main-about2 p, .main-about:hover.main-about3 p {
    color: #444 !important;
}
.main-about > h5 {
    margin: 0;
    font-size: 16px;
    color: #343434;
}
.main-about p {
    font-size: 13px !important;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #666;
    padding: 10px 0 0;
    margin: 0;
}
.main-about2 > div {display: inline-block;}
.main-about2 > div:last-child {
    margin-left: 10px;
}
.main-about3 > div {display: inline-block;}
.main-about3 > div:last-child {
    margin-left: 50px;
}
.main-about3 > div:last-child img {
    display: none;
}
.main-about3 .icon-about {float: left; margin-right: 6px;}
@media screen and (max-width: 991px) {
	.main-about2 > div:last-child, .main-about3 > div:last-child {display: none;}
}
@media screen and (max-width: 767px) {
    .intro-widget-layout {padding: 0 10px;}
}

.intro-widget-layout a, .intro-widget-layout a:hover, .intro-widget-layout a:focus {
	text-decoration: none;
}

/* Sub */
.sub-layout {
    width: 100%;
    padding: 0;
}

.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;
}
.is-sub header {
    background-image: url('/skin/img/sub/sub_top.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 110px;
    padding-bottom: 100px;
    height: 300px;
}
.is-sub header .text {
	text-align: center;
}

.is-sub header .text h2 {
	color: #fff;
    font-size: 46px;
    font-weight: 400;
    margin: 0 0 15px;
}

.is-sub header .text p {
	color: #fff;
    opacity: .8;
    margin: 0;
    font-size: 15px;
}

.is-sub section {
	padding-top: 60px;
	padding-bottom: 80px;
}

.is-sub-nav {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 230px;
}

.is-sub-nav .nav {
    border-top: 1px solid #e0e0e0;
}
.is-sub-nav li a {
    font-size: 13px;
    background: #fff;
    border-radius: 0;
    color: #666;
    padding: 14px 20px;
    letter-spacing: -0.02em;
    border-bottom: 1px solid #dedede;
}
.is-sub-nav li.active a, .is-sub-nav li.active a:hover {
    background: #0071BC;
    border-bottom: none;
    font-weight: 500;
}
.is-sub-article {
    float: left;
    padding-left: 30px;
    padding-right: 15px;
    width: calc(100% - 230px);
}

.sub-title h3 {
    font-size: 34px;
    color: #222;
    font-weight: 500;
    margin: 0 0 40px;
    letter-spacing: -0.06em;
}

.sub-title h3 small {
    font-size: 16px;
    color: #aaa;
    font-weight: 300;
}
.sub-title .breadcrumb {
    margin: 0;
    padding: 10px 0 0;
    font-size: 13px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    letter-spacing: -0.04em;
    color: #888;
}
.sub-title .breadcrumb .active {
    color: #0071BC;
    font-weight: 500;
}

.is-sub-article hr {
    border-top: 1px solid #e0e0e0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.sub-content p {
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #666;
    line-height: 2;
    margin: 0 0 20px;
    word-break: keep-all;
}

.sub-content dt {
    font-size: 16px;
    color: #0071BC;
    font-weight: 600;
    margin-bottom: 8px;
}

.sub-content dd {
    font-size: 15px;
    color: #666;
    letter-spacing: -0.3px;
    line-height: 1.8;
}

.sub-content ol > li {
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 15px;
    color: #666;
    letter-spacing: -0.2px;
    word-break: keep-all;
}

.sub-content ol > li strong {
    color: #222;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 600;
}

.sub-content ol, .sub-content ul {
    padding-left: 30px;
}

.sub-content ol > li, .sub-content ul > li {
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 5px;
    color: #666;
    letter-spacing: -0.2px;
    word-break: keep-all;
}
.sub-content ol > li, .sub-content ul > li a {
    font-weight: 500;
    text-decoration: underline;
}
.sub-content > .btn {
    background: #388858;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.02em;
    border: none;
    border-radius: 2px;
    margin: 0;
    padding: 12px 20px;
    min-width: 160px;
    line-height: 1;
}

.sub-content .table {
/*     margin: 20px 0 0; */
	margin: 0 0 20px;
    border-top: 2px solid #222;
    border-bottom: 1px solid #222;
    width: 100%;
}
.sub-content .table td, .sub-content .table th {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    letter-spacing: -0.04em;
    padding: 16px 14px;
    border-top: 1px solid #dedede;
    line-height: 1.6;
}
.sub-content .table th {
    font-weight: 500;
    color: #222;
    background: #f3f3f3;
}

.sub-content h4 {
    margin: 0 0 20px;
    letter-spacing: -0.04em;
    color: #222;
    font-size: 24px;
    line-height: 22px;
    font-weight: 500;
}
.sub-content h4 i {
    color: #ccc;
}
.sub-content h4 span {
    /* float: none; */
    width: 32px;
    height: 32px;
    display: inline-block;
    background-color: #0071BC;
    border-radius: 0px 10px 0 10px;
    text-align: center;
    padding: 6px 0;
    margin-right: 5px;
    text-indent: 0.06em;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}

.about_tit {position: relative;}
.about_tit .caption {
    background: rgba(0, 113, 188, 0.8);
/*     position: absolute;
    bottom: 0; */
    color: #fff;
    padding: 20px 30px;
}
.about_tit .caption h3 {
    margin: 0 0 20px;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.06em;
}
.about_tit .caption p {
    font-size: 13px;
    line-height: 1.8;
    color: #FFF;
    opacity: 0.9;
    margin: 0 0 10px;
}
.about_tit .caption p.text-right {
    margin: 0;
}

.sub-content .table td > ul:last-child {
	margin-bottom: 0;
}

.sub-content .table td > ul > li {
	font-size: 15px;
    color: #666;
    letter-spacing: -0.3px;
	line-height: 1.8;
}

#history .table tbody tr th {
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
}

#location .table-responsive {
	margin-top: 20px;
}

#location .table tbody tr th {
	text-align: center;
	vertical-align: middle;
}

#location .table tbody tr td {
	text-align: left;
	vertical-align: middle;
}

/* Footer */
.footer_copy .text-center {
    background-color: #343434;
    font-size: 12px;
    padding: 15px 0 5px;
    margin: 0;
}
.footer_copy .wrap-footer {
    width: 100%;
    max-width: 1170px;
    color: #aaa;
    margin: 0 auto;
    font-size: 12px;
    text-align: -webkit-auto;
    font-weight: 300;
}
.footer_copy address {
    margin: 0;
    line-height: 1.6;
}
.footer_copy address strong {
    color: #ccc !important;
    font-weight: 500;
}
.footer_copy address .copyrights {
    color: #ccc;
}

/* 2018-04-10 */
.step-item {
    border: 2px solid #000;
    padding: 10px;
    margin: 0 0 15px;
    border-radius: 25px;
    text-align: center;
    font-size: 15px;
    letter-spacing: -0.05em;
    font-weight: 500;
}

.step-item::after {
    content: '\f105';
    display: block;
    position: absolute;
    right: -5px;
    font-family: FontAwesome;
    font-size: 24px;
    font-weight: bold;
    top: 5px;
    color: #aaa;
}

.row.row-step > .col-md-4:nth-child(1) > .step-item,
.row.row-step > .col-md-4:nth-child(3) > .step-item,
.row.row-step > .col-md-4:nth-child(6) > .step-item { border-color: #0B7CB7; color: #0B7CB7; }
.row.row-step > .col-md-4:nth-child(2) > .step-item,
.row.row-step > .col-md-4:nth-child(5) > .step-item,
.row.row-step > .col-md-4:nth-child(7) > .step-item { border-color: #20ADBB; color: #20ADBB; }

.row.row-step > div:last-child > .step-item::after {
	display: none;
}

/* 2018-04-12 */
.navbar-inverse .navbar-nav .divider-vertical+li+li {
	display: none;
}

.is-sub#login #myForm p {
	margin-bottom: 0 !important;
}

/* 2020-04-17 게시판 - 이미지 게시판 */
.bbs-blog2-index-layout .dhb-txt-box-type-b{
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b-img-layout,
.bbs-blog2-index-layout .dhb-txt-box-type-b-text-layout{
    padding: 0;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b>.row{
    margin: 0 10px 10px 0;
    padding: 15px 15px;
    background-color: #F6F6F6;
    border: 1px solid #D9D9D9;
}

.dhb-txt-box-type-b h4{
    margin: 15px 0 -15px;
    font-size: 18px;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden{
    min-height: 115px;
    border: 1px solid #ddd;
    box-shadow: none;
}

.dhb-txt-box-type-b-text-layout .txt-box-footer{
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.4;
    font-weight: 400;
    font-size: 13px;
    color: #888;
}

.dhb-txt-box-type-b-text-layout .txt-box-footer em{
    font-style: normal;
}

.dh-view-box>.row>.page-header h4{
    margin: 15px 0;
    font-size: 20px;
}