/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/** Custom - HKH **/
.gallery-latest .img-responsive {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.t-left {text-align: left}
.t-right{text-align: right}
.t-center {text-align: center}

.sidebar-nav-e1.list-group {margin: 0 10px 30px;}

.header-topbar .topbar-left .header-lang {position:relative;z-index:100}
.header-topbar .topbar-left .header-lang:after {content:""; display: table; clear:both;}
.header-topbar .topbar-left .header-lang h2 {float: left; margin:0; padding:10px 0; font-size: 12px; color: #999; margin-left: 20px; line-height: 1;}
.header-topbar .topbar-left .header-lang ul {float: left; margin: 0; padding: 0; margin-left: 10px;}
.header-topbar .topbar-left .header-lang ul:after {content:""; display: table; clear:both;}
.header-topbar .topbar-left .header-lang ul li {float: left; list-style: none; margin:0; padding:14px 0;}
.header-topbar .topbar-left .header-lang ul li a {padding: 0 5px;}

.main-side-left {text-align: center;}
.main-side-left h3.sun_side-ad img {display: inline-block; width: auto; max-width: 216px; border: 1px solid #ddd;}
.sun_side-ad li {margin: 10px 0;}
.sun_side-ad li img {display: inline-block; border: 1px solid #ddd;}

.main-side-useful {width: 214px; margin: 10px auto; margin-bottom: 30px; border: 4px solid #dae1ef; border-radius: 2px;}
.main-side-useful h3 {font-size: 13px; color: #0a4c8e; font-weight: bold; line-height: 1; margin: 0; padding: 10px; background: #eef3fd;}
.main-side-useful ul {padding: 10px;}
.main-side-useful ul li {margin: 5px 0; font-size: 12px;}

.main_link {display: none !important;}

.basic-body .basic-body-side.side-right {padding: 0;}
.side-right-ad {text-align: center;}
.side-right-ad li {margin: 10px 0;}
.side-right-ad li:first-child {margin-top: 0;}
.side-right-ad li img {display: inline-block; width: 180px; border: 1px solid #ddd;}

.list-unstyled.list-inline {padding: 0;}

.sun-info-section {border-bottom: 1px solid #ededed;}
.sun-info {margin: 0 auto; padding: 5px 0; color: #888; text-align: right;}
.sun-info:after {content: " "; display: table; clear: both;}
.sun-info h6,
.sun-info span {display: inline-block; margin: 0; padding: 5px 0; margin-right: 10px; font-size: 12px; color: #888; line-height: 1.6; vertical-align: top;}
.sun-info h6 {margin-right: 5px; padding: 0 10px; background: #9a9bff; color: #fff; text-align: center; border-radius: 3px;}
.sun-info .eduyoung i.fa {font-size: 16px;}
.sun-info .eduyoung a {color: #3b5998;}
.sun-info a:hover {color: #1d4494; font-weight: bold;}
.sun-info .title {color: #789e13;}

.subinfo_title {margin-left: 20px; font-size: 29px; font-weight: bold; color: #505050; line-height: 27px; vertical-align: middle;}


/** Board Setting/ Sub Banner**/
.banner {text-align: center;}
.banner-row {padding: 0 15px; margin-bottom: 10px; }
.sub-banner {padding: 0; text-align: center;}
.banner img,
.sub-banner img {width: 100%; max-width: auto; border: 1px solid #ededed;}

.sub-l-banner {}
.sub-l-banner > ul {margin: 0 auto; text-align: center;}
.sub-l-banner ul li {margin-top: 5px;}
.sub-l-banner ul li img {width: auto; max-width: 214px; margin: 0 auto; border: 1px solid #ededed;}

.bbs-bn-section {}
.bbs-bn-section ul {margin-bottom: 10px;}
.bbs-bn-section ul li {margin-top: 5px;}
.bbs-bn-section ul li img {width: 100%; max-width: 894px; border: 1px solid #ededed; box-sizing: content-box;}
.bbs-latest {border: thin solid #ebebeb; padding: 0 10px;}

/** Main Banner **/
.main_banner {margin: 20px 0;}
.main_banner img {width: 100%;}
.main_banner ul {width: 100%; overflow: hidden;}
.main_banner ul li {float: left; width: 33.333333%; text-align: center;}

.main-title {padding: 10px; border: 1px solid #ededed; font-size: 12px; font-weight: bold;}
.main-title a {color: #7879ff}

/* Board-Skin (basic) */
.sun-basic {min-height: 165px; padding: 10px;}

.tab-brd .nav-tabs a {padding: 8px 2px; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.tabs-3, .tabs-4, .tabs-5, .tabs-6 {width: 100%; text-align: center;}
.tabs-3 li {width: 30%;}
.tabs-4 li {width: 25%;}
.tabs-5 li {width: 20%;}
.tabs-6 li {width: 16.666666%;}

.board-list {margin-top: 20px;}
.board-view {margin-top: 20px;}
.board-write {margin-top: 20px;}
.eb-pagination-wrap {margin-bottom: 20px;}

.nav>li>a:hover, .nav>li>a:focus {background: #f5f5ff;}

.cate_box {display: inline-block; min-width: 40px; height: 17px; padding: 0 2px; border-radius: 3px; font-size: 11px; color: #fff; line-height: 17px; text-align: center;}
.disclaimer {display: block; padding: 20px; border: 2px solid #ebebeb; white-space: pre-line; }

/* Member */
.member-agree h5 {font-size: 14px;}

/*---------- Footer ----------*/
.footer {width:100%;height:auto;bottom:0;left:0;position:fixed;z-index:99}
.footer.footer-gray {background:#ccc}
.footer.footer-gray .footer-left {position:absolute;left:0;background:#ccc}
.footer.footer-gray .footer-left > ul {margin:0}
.footer.footer-gray .footer-left > ul > li {color:#656565;font-size:11px;line-height:34px;border-right:1px solid #b9b9b9;box-shadow:1px 0 0 #dadada;padding:0 14px}
.footer.footer-gray .footer-left > ul > li:last-child {border-right:0;box-shadow:none}
.footer.footer-gray .footer-left > ul > li:last-child a {margin-right:14px;color:#656565}
.footer.footer-gray .footer-left > ul > li:last-child a:hover {text-decoration:underline}
.footer.footer-gray .footer-left .footer-info-btn {display:inline-block;cursor:pointer}
.footer.footer-gray .footer-left .dropup .dropdown-menu > li > a {font-size:11px}
.footer.footer-gray .footer-right {text-align:right;padding-right:14px;overflow:hidden}
.footer.footer-gray .footer-right p {color:#656565;font-size:11px;line-height:34px;margin-bottom:0}
.footer.footer-gray .copyright {border-top: 1px solid #b9b9b9;text-align:left;padding-left:14px;overflow:hidden}
.footer.footer-gray .copyright p {color:#656565; font-size:11px;line-height:34px;margin-bottom:0}
@media (max-width: 767px){
	.footer	{position:relative}
}

/* Responsive */
@media (min-width: 992px){
	
}
@media (max-width: 991px){
	.sub-l-banner {display: none;}
	.bbs-latest {display: none;}
	.footer.footer-gray .footer-right {text-align: left; padding-top: 34px;}
	.footer.footer-gray .footer-right p {padding: 0 14px; line-height: 18px;}
}
@media (max-width: 767px){
	.sub-l-banner {display: none;}

	.subinfo_title {display: none;}
	.main_link {display: block !important;}

	.bbs-latest.hidden-lg {display: block; border: none; padding: 0;}
}