@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
html {
	overflow-x: hidden;
	overflow-y: scroll;
}

/*2018 - 07 - 09*/
.col-sm-2 > img{
	height : 70px;
	
}
/*---------------*/
.body-layout {
	background-color: #fff;
}

/* for Menu_top*/

/*========*/
/* 폰트 설정 */

.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
	font-family:'NanumBarunGothic','Malgun Gothic', sans-serif;
	letter-spacing:-0.3px;
}

/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */

ol,
ul,
li {
	list-style: none;
	list-style-position: inside;
}

.navbar .caret,
.navbar .divider-vertical,
.navbar~br,
.footer-social-layout,
.footer_copy .text-center>br,
.topmarginLay_a {
	display: none;
}

a {
	color: #555;
}

a:hover,
a:focus {
	color: #194fa6;
}

/* personal setting 0.27v */

/* 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 {
	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;
}

/* custom setting */

.container_contents,
.footer_copy>div,
.sub-layout {
	width: 100%;
	padding: 0;
}

.container_contents {
	margin-top: 115px;
}

ul,
dl,
ol {
	padding: 0;
}

.body-layout {
	overflow-x: hidden;
}

p,
li,
dt,
dd {
	line-height: 1.6;
}

* {
	box-sizing: border-box;
	word-break: keep-all;
}

/* personal setting 0.27v end */

.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;
}

/* navbar setting */

#menu-top {
	padding: 25px 0;
	background: #fff;
}

#menu-top a {
	display: inline-block;
	color: #1a5bc1!important;
	text-decoration: none!important;
}

#menu-top h1 {
    margin: 0;
    font-size: 40px;
    color: #2d456b;
    line-height: 1;
    letter-spacing: -1px;
    font-weight: 600;
}
#menu-top img{
	max-width: 150px;
	margin-right : 10px;
	display : inline-block;
	
}
.navbar-inverse {
    background: #2d456b;
    border: none;
    margin-bottom: 0;
    position: absolute;
    top: auto;
}

@media (min-width: 768px) {
	.navbar-nav>li {
		float: left;
		width: 14.285%;
	}
}

.navbar-inverse .navbar-nav>li>a {
    font-size: 16px;
    color: #fff;
    line-height: 1;
    text-align: center;
}

.navbar-inverse .navbar-nav>li:focus>a,
.navbar-inverse .navbar-nav>li:hover>a {
	color: #fff;
	background-color: transparent;
	background: #345282;
}
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #345282;
}
.dropdown-menu {
    left: 0 !important;
    border-radius: 0;
    border: none;
    background: #345282;
    padding: 20px 0;
    text-align: center;
}

.dropdown-menu>li>a {
    color: #fff;
    font-size: 13px;
    padding: 5px 20px;
    opacity: 0.85;
}

.dropdown-menu>li>a:hover {
    background: rgba(0, 0, 0, 0);
    color: #ffe069 !important;
    opacity: 1;
}

@media(min-width:768px) {
	.navbar-brand {
		display: none;
	}
	.navbar-right {
		float: none!important;
	}
	.navbar-inverse .navbar-nav>li>a {
		padding: 17px 20px 15px;
	}
	.navbar-collapse {
		max-width: 950px;
		margin: 0 auto !important;
		line-height: 1;
	}
}

/* mainpage setting */

.main-content {
	padding: 50px 30px 30px;
	margin-top : 90px;
}

.tab-content {
	border-top: none;
}

.tab-content .panel-body {
    padding: 25px 30px;
    min-height: 346px;
}

.intro-board-widget-layout,
.list-row-contents {
	display: none;
}

.dh-front-list2-words:first-child {
	margin-top: 0;
}

.dh-front-list2-words {
	padding: 0;
	margin-top: 0;
	margin-bottom:4px;
}
.dh-front-list2-words .list-row-subject{
	max-width: 80%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	vertical-align:middle;
}
.dh-view-box .col-xs-12[style="padding:100px 20px;"]{
	padding-top:20px!important;
}
.tab-content .panel-body h6 {
    margin: 0;
    padding: 8px 0;
}

.tab-content .panel-body h6 b {
	display: block;
}

.tab-content .panel-body h6 b a {
	font-weight: 400;
	color: #555;
	letter-spacing: -0.3px;
}

.dh-front-list2 h6 a .list-row-subject:hover {
    text-decoration: underline;
    color: #1a5bc1;
}

.tab-content .panel-body h6 b a:before {
	content: "-";
}

.panel-body h6 b a .list-row-regdate {
	float: right;
	color: #777;
}

.panel-body h6 b a .row-separator {
	display: none;
}

.main-event {
	margin: 0;
}

.m-event-box {
	padding: 0;
	height: 280px;
	background-repeat: no-repeat;
    background-position: right bottom;
}

.m-event-box:nth-child(1) {
    background-color: #5a9de2;
    background-image: url(/skin/img/main/event-bg1.png);
}

.m-event-box:nth-child(2) {
	background-color: #3b7ec3;
	background-image: url(/skin/img/main/event-bg2.png);
}

.m-event-box:nth-child(3) {
	background-color: #275e9c;
	background-image: url(/skin/img/main/event-bg3.png);
}

.m-event-box > a {
    display: block;
    padding: 35px 25px;
    width: 100%;
    height: 100%;
    color: #fff;
}
a.disabled{
	cursor:default!important;
}
.m-event-box h4 {
    position: relative;
    font-size: 20px;
    margin: 0 0 30px;
    min-height: 50px;
}
.m-event-box h4:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -5px;
}
.m-event-box:nth-child(2) h4 + p,
.m-event-box li {
    opacity: 0.9;
    font-size: 13px;
    line-height: 24px;
}

.m-event-box a:hover h4 {
    color: #ffe069;
}
.m-event-box a.disabled:hover h4{
	color:#fff;
}
.m-event-box > a:hover {
    text-decoration: none;
    border: 3px solid rgba(255, 255, 255, 0.28);
    padding: 32px 22px;
}
.m-event-box > a.disabled:hover{
	border:none;
	padding:35px 25px;
}


.m-event-box:nth-child(3) p{
    margin-top: 82px;
}
.dh-front-list2 h6 {
	margin-bottom: 10px;
}

.dh-front-list2 h6 a, 
.dh-front-list2 h6 a span {
    font-size: 14px;
    color: #666;
    font-weight: 400;
}

.tab-title {
	margin-top: 30px;
}

.tab-title ul {
	margin-bottom: 0;
}

.tab-title ul:after {
	content: '';
	display: block;
	clear: both;
}

.tab-title li {
    float: left;
    text-align: center;
    width: 20%;
    padding: 0 3px 0 0;
}
.tab-title li:last-child{
	padding:0;
}
.tab-title li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-bottom: none;
    background: #efefef;
    color: #999;
}

.tab-title .active a {
    background: #ffffff;
    color: #1a5bc1;
    font-weight: 600;
    border-bottom: none;
}

#main-schedule h3 {
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    padding-bottom: 12px;
    margin: 0 0 10px;
}

#main-schedule .panel {
    border: none;
}

#main-schedule .panel-body {
    padding: 0;
}

#main-schedule .dh-front-list2 h6 {
    margin-bottom: 6px;
}

#main-schedule .list-row-subject {
    font-size: 12px;
    color: #666;
}

#main-schedule .list-row-regdate,
#main-schedule .label-danger {
	display: none;
}

#main-schedule h6 {
	position: relative;
}

#main-schedule h6:before {
    content: '\2022';
    float: left;
    padding-right: 2px;
    display: inline;
    color: #888;
}

/* footer setting */

.footer_copy>div {
    padding: 40px 0;
    font-size: 13px;
    color: #888;
    border-top: 1px solid #ddd;
    background: #f3f3f3;
}

.footer_copy ul {
    margin: 0;
}
.footer_copy ul li:first-child {
    font-weight: 600;
}
.footer_copy ul li {
    float: left;
    margin-right: 15px;
}
.footer_copy .container {
	padding: 0 15px;
}
.footer_copy .copy {
    margin-bottom: 0;
    float: right;
    font-size: 12px;
    color: #AAA;
}

/* subpage setting */

.sub-layout {
	margin-top: 190.52px;
	padding-bottom: 80px;
}

.subpage-layout {
    padding-top: 60px;
}

.subpage .pageheader {
    position: relative;
    height: 110px;
    max-width: 1140px;
    margin: 0 auto;
    background: url(/skin/img/sub/subtop-bg.jpg) no-repeat center;
    background-size: cover;
}

.subpage .pageheader h2 {
	margin: 0;
	color: #fff;
	font-size: 36px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.snb ul {
	border-bottom: 1px solid #ddd;
}

.snb li {
	width: 100%;
}

.snb a {
	display: block;
	padding: 10px 10px;
	position: relative;
	font-size: 16px;
	border-top: 1px solid #ddd;
	color: #222;
	letter-spacing: -0.5px;
}

.snb .active a {
	color: #1a5bc1;
	font-weight: 600;
}

.snb .fa {
	position: absolute;
	right: 10px;
	transition: all .3s ease;
	color: #fff;
	font-size: 10px;
	line-height: 25px;
}

.snb .active a .fa {
	color: #1a5bc1;
}

.snb a:hover {
	color: #1a5bc1;
}

.subpage .title h3 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    margin: 0 0 35px;
    padding: 0 0 35px;
    color: #333;
    border-bottom: 1px solid #e3e3e3;
}
.subpage .title h3 span {
	display:none;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #888;
    margin-left: 15px;
    letter-spacing: 0;
}

.subpage .title .breadcrumb {
	background: transparent;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
	position: absolute;
	right: 30px;
}

.subpage-content {
    padding-left: 0px;
    padding-right: 15px;
}

.subpage-content p {
    color: #666;
    line-height: 1.8;
    margin: 0;
}
#about01 .subpage-content p {
	margin-bottom:30px;
}
#about01 .subpage-content .date{
	margin-top:30px;
	text-align:right;
}
#about01 .subpage-content .name{
	font-size:1.2em;
	font-weight:bold;
}
.section p {
	font-size: 15px;
	letter-spacing: -0.5px;
	color: #555;
	line-height: 27px;
}

.section .des {
	border: 4px solid #f3f3f3;
	padding: 25px;
	margin-bottom: 30px;
}

.subpage h3 {
	margin-top: 30px;
	margin-bottom: 15px;
	color: #194fa6;
	font-size: 22px;
	letter-spacing: -0.5px;
}

.subpage h4 {
    font-size: 16px;
    color: #333;
    margin: 20px 0 20px;
    line-height: 1.8;
    font-weight: 600;
}

.subpage h5 {
	font-size: 16px;
	font-weight: 500;
	color: #194fa6;
	margin: 15px 0;
}

.subpage h5:before {
	content: "- ";
}

.dh-board,
.dh-view-box,
#insertForm,
#mailForm,
.bbs-list-view-layout + .row{
	display: none;
}

@media(min-width:768px) {
	.snb {
		padding-right: 50px;
	}
}

/* table */
.table-style {
    margin: 20px 0;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
}

.table-style th,.table-style td {
    color: #666;
    padding: 14px 15px !important;
    border-top: 1px solid #ddd !important;
}

.table-style th {
    background: #f3f3f3;
}


/* subpage conference01 */
.downloadbtn-wrap{
    text-align:right;
}
.downloadbtn{
    display: inline-block;
    text-align: center;
    padding: 12px 15px;
    border-radius: 4px;
    margin: 20px 0 0;
    background: #2d456b;
    color: #fff;
    font-size: 15px;
    /*width: 300px;*/
    text-decoration: none;
}

a.downloadbtn:hover, .downloadbtn:focus{
    color: #fff;    
}

.card {
	padding: 17px;
	margin-bottom: 15px;
	min-height: max-content;
	background: #f3f3f3;
	min-height:93px;
}

.card p {
	text-align: center;
	margin-bottom: 0;
}

.card .fa {
	display: none;
}

.card .name {
    text-align: center;
    font-size: 18px;
    letter-spacing: 4px;
    margin: 0;
    color: #333;
}
#conference03 .card .name{
	letter-spacing: 0;
    font-size: 18px;
    line-height: 1;
}
.card .name span {
    font-size: 13px;
    display: block;
    color: #194fa6;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 3px;
    font-weight: 400;
}
#conference03 .card .name span{
	margin-bottom: 7px;
}
/* login */

.login-layout .panel-body>div.col-sm-12 {
	text-align: center;
}

.inner-box-msg {
	width: 100%;
	text-align: center;
	float: none;
	margin-bottom: 35px;
}

.inner-box-form {
	width: 100%;
	max-width: 440px;
	float: none;
	margin: 0 auto;
	overflow: hidden;
}

.login-layout .panel {
	box-shadow: none;
	max-width: 540px;
	padding: 20px 0px 35px;
	margin: 70px auto 90px;
	border-radius: 0px;
	background: #f3f3f3;
	border: none;
}

.login-layout .form-control {
	border: 1px solid #ddd;
	box-shadow: none;
	border-radius: 0px;
	background: #fff;
}

.login-layout .form-control:focus {
	border-color: #194fa6;
}

.login-layout .btn-warning {
	float: right;
	width: 120px;
	height: 40px;
	background: #194fa6;
	border-radius: 0px;
	box-shadow: none;
	border: none;
	font-size: 15px;
	transition: 0.2s;
}

.login-layout .btn-warning:hover,
.login-layout .btn-warning:focus {
	background: #226be0;
}

/* subpage about */

.root_daum_roughmap {
	width: 100%!important;
}


#about02 dl {
    border: 1px solid #ccc;
  text-align: center;
}

#about02 dt {
    background: #2d456b;
    color: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-weight: 500;
}

#about02 dd{padding: 15px 0;
}

#about02 .org-dt{    
    background: #3b7ec3;
    border-top: 1px solid #ccc;
}
#about02 .org-dd{    
    border-bottom: 1px solid #ccc;

}
#about02 h4{
   font-size: 20px;
}
#about02  h4{
  position:relative;
 
}

#about02 .table th{    
    text-align: center;
    background: #2d456b;
    color: #fff;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
}

#about02 .table td {
    line-height:2em;
}

.table-bordered{border:1px solid #ccc;}

#about02 .audit{margin-top:30px}

/* board */
.dh-board>.table-hover {
    margin: 0;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
}
.dh-board>.table-hover th {
    background: #f3f3f3;
    border-bottom: 1px solid #333;
}
.dh-board>.table-hover th, 
.dh-board>.table-hover td {
    padding: 12px;
}
.dh-board>.table-hover td {
    border-top: 1px solid #ddd;
	color: #666
}
.dh-board>.table-hover td.subject strong a {
    font-weight: 400;
    color: #666;
}
.dh-board>.table-hover td.subject strong a:hover {
    color: #1a5bc1;
    text-decoration: underline;
}
.table-hover>tbody>tr:hover {
    background: #fff;
}
.dh-margin-top {
    text-align: center;
    margin: 20px auto 20px;
    line-height: 1;
}
.dh-margin-top > .col-md-5 {
    width: 100%;
    line-height: 1;
}
#insertForm .col-md-7 {
    width: 100%;
    float: none;
    max-width: 500px;
    margin: 0 auto;
}
.pagination>li>a,
.pagination>li>span {
	border: 1px solid #ddd;
	border-radius: 0 !important;
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 0;
	color: #666 !important;
}

.pagination>li:last-child>a {
	margin-left: 15px;
}

.pagination>li:first-child>a {
	margin-right: 15px;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background: #f3f3f3;
    border: 1px solid #dddddd;
    color: #1a5bc1 !important;
    font-weight: 600;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	border-color: #bbb;
	background: #fff;
}

#insertForm .input-group .btn {
	border-radius: 0;
	font-size: 15px;
	border-color: #ddd;
}

#insertForm .input-group .form-control {
	height: 35px;
	box-shadow: none;
	border-color: #ddd;
}

#insertForm .input-group #btnNew {
    background: #1a5bc1;
    border: 1px solid #1a5bc1;
}
.dh-view-box>.row>.page-header {
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
    padding: 17px 20px;
    margin: 0;
    background: #f3f3f3;
}
.dh-view-box>.row>.dh-view-info {
    background: #fff;
    padding: 10px 15px 5px;
}
.dh-view-box>.row>.page-header>h4 {
    margin: 0;
    color: #333;
    font-size: 20px;
    line-height: 1;
}
.fc-widget-content{
	height:150px!important;
}
.quote-box{
	padding:30px;
	border:10px solid #ddd;
	text-align:center;
}
.quote-box p{
	margin-bottom:30px;
	font-size:14px;
}
.quote-box p:first-child{
	font-size:24px;
	font-weight:bold;
	color:#2d456b;
	opacity:0.85;
}
.btn-box{
	display:inline-block;
	margin-top:30px;
}
.btn-box:after{
	content:'';
	display:block;
	clear:both;
}
.btn-box li{
	float:left;
	margin:0 5px;
}
.btn-box a{
	display:block;
	width:180px;
	height:50px;
	line-height:50px;
	font-weight:500;
	color:#fff;
	text-align:center;
	border-radius:4px;
}
.btn-box .btn1 a{
	background:#476ca7;
}
.btn-box .btn2 a{
	background:#5d983e;
}
.btn-box .btn1 a:hover{
	background:#2d456b;
}
.btn-box .btn2 a:hover{
	background:#426b2d;
}

.branch-list li .emp{
	font-weight:500;
	color:#2d456b;
}

/*2019-06-26*/
.maindownload{
    color:#fff;
}
.maindownload:hover,
.maindownload:focus{
    color:#fff;
    font-style: none;
}