@charset "utf-8"; 

/* 초기화 */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	font-size:inherit;
	font-weight:inherit;
	border:0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display:block;
}
html {
	font-size:15px;
}
body {
	color:#555;
	font-size:1rem;
	font-family:'Poppins', 'Noto Sans KR', 'Malgun Gothic', dotum, 'Helvetica Neue', Arial, sans-serif;
	background-color:#fff;
}
a {
	color:inherit;
	text-decoration:none;
	transition:all 0.3s ease-out;
}
a:visited,
a:active,
a:focus,
a:hover {
	text-decoration:none;
	color:inherit;
}
ul, ol {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
h1, h2, h3, h4, h5, h6 {
	line-height:inherit;
}
hr {
	display:none;
}
em { font-style:normal; }

.placeholdersjs { color:#aaa !important; }




/* 팝업레이어 */
#hd_pop { z-index:1222; position:relative; margin:0 auto; width:1200px; height:0; }
#hd_pop h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
.hd_pops { position:absolute; border:1px solid #e9e9e9; background:#fff; }
.hd_pops img { max-width:100%; }
.hd_pops_con {; }
.hd_pops_footer { padding:0; background:#222; color:#fff; text-align:left; position:relative; }
.hd_pops_footer:after { display:block; visibility:hidden; clear:both; content:""; }
.hd_pops_footer button { padding:10px; border:0; color:#fff; }
.hd_pops_footer .hd_pops_reject { background:#222; text-align:left; }
.hd_pops_footer .hd_pops_close { background:#393939; position:absolute; top:0; right:0; }







/* #################################################################################################### 
	레이아웃 공통
###################################################################################################### */

::selection {
	color:#fff;
	background-color:#000;
}

.boundary { width:96%; max-width:1200px; margin:0 auto; padding:0; }

#wrapper { }

/* 메인만 100% */
.idx-container { width:100%; margin:0 auto; padding:0; }

/* aside 햄버거 메뉴 */
#aside { display:none; /* float:right; */ width:315px; height:100%; z-index:1000; background:#fff; border-right:1px solid #ebebeb; padding:0; margin:0; } 

/* transition */
.transition {
	-webkit-transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

/* 폰트 */
/* .colorYellow { color:#e9b21e; } */
.colorRed { color:#ec1e27; }
.font_eng { letter-spacing:0.05em; }

/* 메인 타이틀 */
.main_title { clear:both; font-size:42px; text-align:center; margin:80px auto 30px; }
.main_title h2 { font-size:1em; letter-spacing:0.05em; font-weight:300; line-height:1.4; font-family:'Josefin Sans', 'Noto Sans KR', 'Nanum Gothic', sans-serif; }
.main_title2 h2 { letter-spacing:-0.03em; }

/* 메인 click 버튼 */
.main_clickButton { text-align:center; margin-top:40px; }
.main_clickButton a { position:relative; display:inline-block; font-size:16px; color:#fff; letter-spacing:0.05em; padding:15px 60px; border:1px solid #fff; }
.main_clickButton span { width:80px; height:1px; background:#ec1e27; position:absolute; right:-40px; top:50%; }
.main_clickButton.clickButton_bk a { color:#222; border:1px solid #222; }
.main_clickButton:hover a { background:#ec1e27; border:1px solid #ec1e27; }
.main_clickButton.clickButton_bk:hover a { background:#222; color:#fff; border:1px solid #222; }

/* 서브 개별 레이아웃 */
#sub_page { clear:both; padding:30px 0 100px; }
#sub_page,
#sub_page a { font-size:18px; font-weight:300; letter-spacing:-0.05em; }

#sub_page .divClear { clear:both; padding:40px 0; }

/* 서브 타이틀 */
h2#container_title { clear:both; font-size:52px; text-align:center; margin:0 auto 30px; }
h2#container_title span { font-size:1em; letter-spacing:-0.03em; font-weight:400; line-height:1.2; font-family:'Josefin Sans', 'Noto Sans KR', 'Nanum Gothic', sans-serif; text-transform:uppercase; }

/* 서브 큰 타이틀 */
.h2-stit { display:inline-block; position:relative; font-size:52px; font-weight:400; letter-spacing:-0.03em; padding-left:70px; line-height:1.2; margin-bottom:30px; }
.h2-stit:before { content:""; position:absolute; left:0; top:22px; width:50px; height:4px; background:#222; }
.h2-stit2 { padding-left:0; margin-bottom:0; }
.h2-stit2:before { background:none; }





/*
 * home
 **********************************************************************************************************************/

/*
 * hero-banner
 */
.hero-banner { 
	position:relative; 
 }
.hero-banner .owl-item {
	overflow:hidden;
}
.hero-banner .owl-item  .hero-banner__item { 
    -webkit-transition:transform 2s linear;
    -moz-transition:transform 2s linear;
    -ms-transition:transform 2s linear;
    -o-transition:transform 2s linear;
    transition:transform 2s linear;
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
	background-repeat:no-repeat;
	background-size:cover;
}
.hero-banner .owl-item.active .hero-banner__item {
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}
 .hero-banner__item {
	position:relative;
	width:100%;
	height: 100%;
	height: 100vh/*380px*/;
	text-align:center;
}
.hero-banner > .container {
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100%;
	z-index:999;
}
.hero-banner__title + .hero-banner__text {
	padding-top:1rem;
}
.hero-banner__text {
	max-width:20rem;
	margin-left:auto;
	margin-right:auto;
	word-break:keep-all;
}
.hero-banner__text .custom-block {
	display:inline;
}
.hero-banner__title {
	font-size:2rem;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:1.2;
}
.hero-banner__text {
	font-size:1.25rem;
	font-weight:300;
	letter-spacing:-0.05em;
}
.hero-banner .owl-dots {
	position:absolute;
	bottom:1rem;
	left:0;
	width:100%;
	height:4px;
	font-size:0;
	text-align:center;
}
.hero-banner .owl-dots .owl-dot {
	opacity:0.3;
	display:inline-block;
	width:3rem;
	height:4px;
	background-color:#fff;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
}
.hero-banner .owl-dots .owl-dot + .owl-dot {
	margin-left:0.5rem;
}
.hero-banner .owl-dots .owl-dot.active {
	opacity:1;
}
@media (max-width:768px) {
	.hero-banner > .container {
		text-align:center;
	}
}
@media (min-width:768px) {
	.hero-banner__item {
		/*height:432px;*/
	}
	.hero-banner__title .custom-block {
		display:inline;
	}
	.hero-banner__text {
		max-width:100%;
	}
	.hero-banner__text .custom-block {
		display:block;
	}
	.hero-banner__title {
		font-size:2.125rem;
	}
	.hero-banner__text {
		font-size:1.375rem;
	}
	.hero-banner .owl-dots {
		bottom:2rem;
	}
}
@media (min-width:992px) {
	.hero-banner__item {
		/*height:558px;*/
	}
	.hero-banner__title {
		font-size:2.75rem;
	}
	.hero-banner__text {
		font-size:1.75rem;
	}
}
@media (min-width:1200px) {
	.hero-banner__title {
		font-size:3.3333rem;
	}
	.hero-banner__text {
		font-size:2.25rem;
	}
}
@media (min-width:1280px) {
	.hero-banner__item {
		/*height:640px;*/
	}
	.hero-banner > .container {
		left:50%;
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		-o-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		width:1280px;
	}
}

/*
 * common
 */
.home-sec {
	padding-top:3rem;
	padding-bottom:3rem;
}
.home-sec--sm {
	padding-top:2rem;
	padding-bottom:2rem;
}
.home-sec__header {
	margin-bottom:1.5rem;
}
.home-sec__title {
	font-size:2rem;
	letter-spacing:0.01em;
	line-height:1.25;
	font-weight:500;
}
.home-sec__subtitle {
	font-size:1.3333rem;
	line-height:2.5;
}
.home-sec__description {
	font-size:1.0875rem;
	font-weight:300;
	letter-spacing:-0.04em;
	line-height:2;
}
@media (min-width:768px) {
	.home-sec {
		padding-top:4rem;
		padding-bottom:4rem;
	}
	.home-sec--sm {
		padding-top:3rem;
		padding-bottom:3rem;
	}
	.home-sec__header {
		margin-bottom:2rem;
	}
	.home-sec__description {
		font-size:1.125rem;
	}
}
@media (min-width:992px) { }
@media (min-width:1200px) {
	.home-sec {
		padding-top:4.5rem;
		padding-bottom:4.5rem;
	}
	.home-sec--sm {
		padding-top:4.5rem;
		padding-bottom:4.5rem;
	}
	.home-sec__title {
		font-size:2.5rem;
	}
	.home-sec__description {
		font-size:1.2rem;
	}
}







/*
 * home-features
.home-features { }
.home-features .container { }
.home-features .cta { }
.home-features .cta-left {
	display:block;
	width:100%;
	position:relative;
}
.home-features .cta-right {
	display:block;
	width:100%;
	padding:0 20px;
}
.home-features .cta-right dl { 
	display:block;
	margin:25px 0;
}
.home-features .cta-right dt { 
	font-size:1.3333rem;
	min-height:32px;
	letter-spacing:-0.03em;
}
.home-features .cta-right dd { 
	padding-top:10px; 
	font-size:1rem;
}
.home-features .cta-title {
	position:absolute; 
	right:0;
	bottom:0;
	z-index:1;
}
.home-features .cta-title span {
	display:inline-block;
	vertical-align:middle; 
	padding:20px; 
	font-size:1.3333rem;
}
.home-features .cta-title span:before {
	content:"";
	display:inline-block;
	vertical-align:middle; 
    height:1px;
    width:2.5rem;
    background-color:#fff;
	margin-right:1.5rem;
}
.home-features .cta-logo {
	position:absolute; 
	left:0;
	top:0;
	z-index:1;
}
.home-features .cta-logo span {
	display:inline-block;
	padding:20px; 
	font-size:1.3333rem;
	opacity:0.4;
}
.home-features .cta-title-icon1,
.home-features .cta-title-icon2,
.home-features .cta-title-icon3,
.home-features .cta-title-icon4 { background-repeat:no-repeat; background-position:left center; padding-left:40px; }
.home-features .cta-title-icon1 { background-image:url("../img/svg/cta-title-icon1.svg"); background-size:26px auto; }
.home-features .cta-title-icon2 { background-image:url("../img/svg/cta-title-icon2.svg"); background-size:20px auto; }
.home-features .cta-title-icon3 { background-image:url("../img/svg/cta-title-icon3.svg"); background-size:26px auto; }
@media (min-width:420px) {
}
@media (min-width:768px) {
}
@media (min-width:992px) {	
	.home-features .cta-left {
		display:inline-block;
		vertical-align:middle;
		width:58%; 
		position:relative;
	}
	.home-features .cta-right {
		display:inline-block;
		vertical-align:middle;
		width:40%; 
		padding:0 40px;
	}
	.home-features .cta-right dt { 
		min-height:32px;
	}
	.home-features .cta-title span,
	.home-features .cta-logo span {
		padding:30px;
	}
}
@media (min-width:1200px) {	
	.home-features .cta-right { 
		padding:0 60px;
	}
	.home-features .cta-right dl { 	
		margin:30px 0; 
	}
	.home-features .cta-right dt { 
		font-size:1.5rem;
	}
	.home-features .cta-right dd { 
		font-size:1.2rem;
	}
	.home-features .cta-title span {
		font-size:1.5rem;
	}
	.home-features .cta-logo span {
		font-size:1.5rem;
	}
}
*/



/* 
 home-banner
*/
.home-banner { }
.home-banner .bannerBox { 
	font-size:0;
}
.home-banner .banner_list { 
	position:relative; 
	display:inline-block;
	width:20%;
	padding:8px;
}
.home-banner .banner_list a { display:block; font-size:1.3333rem; }
.home-banner .banner_list h3 {
	position:absolute;
	bottom:20px;
	font-size:1.40rem;
	font-weight:600;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	opacity:1;
}
.home-banner .banner_list span {
	position:absolute;
	bottom:-30px;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	margin:0;
	padding:0 5px;
	font-size:1rem; 
	word-break:keep-all;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	opacity:0;
}
.home-banner .banner_list:hover h3 { 
	opacity:0;
}
.home-banner .banner_list:hover span {
	bottom:20px;
	opacity:1;
}
.home-banner .banner_list figure {
	width:100%;
	height:auto;
	overflow:hidden;
	background: #1abc9c;
}
.home-banner .banner_list figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.home-banner .banner_list:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
@media (max-width:768px) { 
	.home-banner .banner_list { 
		width:50%;
		padding:5px;
	}
	.home-banner .banner_list.m_none {
		display:none;
	}
}








/* 메인 카드 박스 */
.main-item-box > div { padding-bottom:40px; }
.main-item-box .card {
	padding:1.5rem 1.25rem;
	-webkit-box-shadow:0 3px 9px -1px rgba(0,0,0,0.05);
	-moz-box-shadow:0 3px 9px -1px rgba(0,0,0,0.05);
	box-shadow:0 3px 9px -1px rgba(0,0,0,0.05);
}
.main-item-box .card-body {
	position:relative;
}
.main-item-box .card-link {
	position:relative;
	display:block;
	overflow:hidden;
}
.main-item-box .card-link::before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border:2px solid transparent;
	-webkit-transition:border 0.2s ease-in-out;
	-moz-transition:border 0.2s ease-in-out;
	-o-transition:border 0.2s ease-in-out;
	transition:border 0.2s ease-in-out;
}
.main-item-box .card-link img { 
    -webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
	-moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}
.main-item-box .card-link:hover img { 
	-moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
}
.main-item-box .card-title {
	letter-spacing:0.01em;
	line-height:1.3333;
}
.main-item-box .card-text {
	letter-spacing:-0.01em;
	word-break:keep-all;
	font-size:1rem;
}
.main-item-box .card-title + .card-text {
	padding-top:0.75rem;
}
.main-item-box .card-link:hover::before {
	/* border-color:#ed1c24; */
}

/* 화살표, 버튼 */
.main-item-box .owl-carousel .owl-dots {
    position:absolute;
	bottom:-40px;
    left:0;
	right:0;
	width:100%;
	z-index:10;
	text-align:center;
	margin:0 auto; 
}
.main-item-box .owl-carousel .owl-dots .owl-dot {
    width:10px;
    height:10px;
    margin:0 6px;
    background:#888;
	-webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
	border-radius:5px;
}
.main-item-box .owl-carousel .owl-dots .owl-dot.active,
.main-item-box .owl-carousel .owl-dots .owl-dot:hover {
    background:#ed1c24;
	width:40px;
}
.main-item-box .owl-carousel .owl-nav .owl-prev,
.main-item-box .owl-carousel .owl-nav .owl-next {
	position:absolute; 
	top:50%; 
	width:42px; 
	height:59px; 
	margin-top:-30px;
	z-index:11; 
	cursor:pointer;
	font-size:0;
	background-size:42px auto; 
	background-position:center; 
	background-repeat:no-repeat; 
	display:none;
}
.main-item-box .owl-carousel .owl-nav .owl-prev {
	background-image:url("../img/owl-nav-left.png"); 
	left:0; 
}
.main-item-box .owl-carousel .owl-nav .owl-next {
	background-image:url("../img/owl-nav-right.png"); 
	right:0; 
}

@media (min-width:420px) {
	.main-item-box .card-title + .card-text {
		padding-top:1rem;
	}
}
@media (min-width:768px) {
	.main-item-box .card {
		padding:0;
	}
	.main-item-box .card-body {
		padding:1.5rem;
	}
	.main-item-box .card-link .card-body::after {
		top:-1.5rem;
		right:0.5rem;
		width:3rem;
		height:3rem;
	}
	.main-item-box .card-link:hover .card-body::after {
		right:0;
	}
}
@media (min-width:992px) {
	.main-item-box .card {
		font-size:1.125rem;
	}
	.main-item-box .card-body {
		min-height:0;
	}
}
@media (min-width:1200px) {
	.main-item-box .card {
		font-size:1.2rem;
	}
}


/* 메인 카드 박스 썸네일 마우스 오버시 자세히 보기 */
.over-item {
  position:relative;
  -webkit-transition:all 0.35s ease-in-out;
  -moz-transition:all 0.35s ease-in-out;
  transition:all 0.35s ease-in-out;
  cursor:pointer;
}
.over-item .info {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  text-align:center;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  background:#333;
  background:rgba(0, 0, 0, 0.6);
  opacity:0;
  -webkit-transition:all 0.35s ease-in-out;
  -moz-transition:all 0.35s ease-in-out;
  transition:all 0.35s ease-in-out;
}	
.over-item .info h3 {
  visibility:hidden;
  position:relative;
  width:46px;
  height:46px;
  margin:0 auto; 
  -webkit-transition:all 0.35s ease-in-out;
  -moz-transition:all 0.35s ease-in-out;
  transition:all 0.35s ease-in-out;
}
.over-item a:hover .info {
  opacity:1;
}
.over-item a:hover h3 {
  visibility:visible;
}
.over-item.left_to_right .info h3 {
	left:100%;
	top:50%;
	margin-top:-23px;
}
.over-item.left_to_right a:hover h3 {
	left:0;
}







/*
 *  home-member
*/
.home-member { 
	background-color:#f7f7f7;
	background-image:url("../img/bg_member.png"); 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-attachment:fixed; 
}



/*
 *  home-program
*/





/*
 *  home-call
.home-callBox .home-sec__title {
	position:relative;
	padding-left:3.5rem;
	font-size:1.75rem;
	font-weight:700;
	margin-bottom:1rem;
}
.home-callBox .home-sec__title::before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:2.5rem;
	height:1px;
	margin-top:-0.5px;
	background-color:#222;
}
.home-callBox .home-sec__body {
	font-size:1rem;
	font-weight:300;
}
.home-callBox .home-sec__body .num {
	font-size:1.3333rem;
}
@media (max-width:767px) {
	.home-callBox .home-sec + .home-sec {
		margin-top:-1rem;
		padding-top:0;
	}
}
@media (min-width:768px) {
}
@media (min-width:992px) {
	.home-callBox .home-sec__title,
	.home-callBox .home-sec__body {
		display:inline-block; 
		vertical-align:middle;
	}
	.home-callBox .home-sec__body {
		padding-left:40px; 
	}
}
@media (min-width:1280px) {
}
*/






/*
 * home-promote
 */
.home-promote {
	text-align:center;
}
.home-promote__intro {
	padding-bottom:2.5rem;
}
.home-promote__intro .sec-text {
	font-size:1rem;
	font-weight:300;
	letter-spacing:-0.02em;
	line-height:1.6;
}
.home-promote__intro .home-sec__title {
	letter-spacing:-0.02em;
}
.home-promote__intro .home-sec__subtitle {
	font-size:1.0875rem;
}
.home-promote__intro .sec-media-links {
	margin-top:1rem;
}
.home-promote__intro .sec-media-links .btn {
	min-width:9rem;
	height:auto;
	padding:0.75rem 1rem;
	margin:0 2px;
	font-size:1rem;
	font-weight:300;
	line-height:1.5;
	text-align:left;
}
.home-promote__media {
}
.home-promote__media-video {
	max-width:30rem;
	margin:-2.5rem auto 1.5rem;
}
@media (max-width:480px) {
	.home-promote__intro .sec-media-links .btn {
		min-width:0;
		padding:0.5rem;
		font-size:0.85rem;
	}
	.home-promote__intro .sec-media-links .btn.btn-arrow::after {
		background:none;
	}
}
@media (min-width:768px)  {
}
@media (min-width:992px)  {
}
@media (min-width:1200px) {
	.home-promote {
		text-align:left;
	}
	.home-promote__intro { 
		display:inline-block; 
		vertical-align:middle;
		padding-top:0;
		width:50%;
	}
	.home-promote__intro .sec-media-links {
		margin-top:2rem;
	}
	.home-promote__intro .sec-media-links .btn {
		min-width:11rem;
	}	
	.home-promote__media { 
		display:inline-block;     
		vertical-align:middle;
		width:48%;
		max-width:600px; 
		overflow:hidden;
	}
	.home-promote__media-video {
		width:100%;
		max-width:40rem;
		margin:0 auto;
		float:right;
	}
	.home-promote__intro .home-sec__subtitle,
	.home-promote__intro .sec-text {
		font-size:1.3333rem;
	}
	.home-promote__intro .sec-text {
		letter-spacing:-0.04em;
	}
	.home-promote__intro .home-sec__subtitle {
		line-height:2.5;
	}
	.home-promote__media-links .btn {
		padding:0.75rem 1rem;
		font-size:1.0666rem;
	}

}






/*
 *  home-media
*/
.home-media { }
.home-media .card-info {
	position:relative;
}
.home-media .card-body {
}
.home-media .card-text {
	padding-right:56px;
}



/*
 * home-sponsors
*/
.sponsor-list { 
	max-width:1000px;
	margin:0 auto; 
}
.sponsor-list.owl-carousel .owl-stage {
	text-align:center;
	margin:0 auto; 
	font-size:0;
}
.sponsor-list.owl-carousel .owl-item {
	float:none;
	display:inline-block; 
	zoom:1; 
	*display:inline;
}
.sponsor-list li { }
.sponsor-list li a {
	overflow:hidden;
	display:block;
	border:1px solid #ddd; 
}
.sponsor-list li img {
	width:100%;
	max-width:140px;
	height:auto;
	margin:0 auto; 
}
.sponsor-list .owl-nav { 
	display:none; 
}
.sponsor-list .owl-dots {
	position:absolute;
	bottom:1rem;
	left:0;
	width:100%;
	height:8px;
	font-size:0;
	text-align:center;
}
.sponsor-list .owl-dots .owl-dot {
	opacity:0.3;
	display:inline-block;
	width:8px;
	height:8px;
	background-color:#222;
	border-radius:4px;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
}
.sponsor-list .owl-dots .owl-dot + .owl-dot {
	margin-left:0.5rem;
}
.sponsor-list .owl-dots .owl-dot.active {
	opacity:1;
}
@media (min-width:768px) { }
@media (min-width:992px) { }
@media (min-width:1200px) { }






/* #################################################################################################### 
	서브_기존 소스에 추가
###################################################################################################### */

/* 게시판 탭 */
#bo_cate { position:relative; margin-bottom:2rem; }
#bo_cate h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#bo_cate ul { font-size:0; border-bottom:1px solid #7a7a7a; }
#bo_cate ul:after { display:block; visibility:hidden; clear:both; content:""; }
#bo_cate li { display:inline-block; vertical-align:middle; position:relative; margin:0 2px; text-align:center; }
#bo_cate li:first-child { margin-left:0; }
#bo_cate li a { cursor:pointer; display:block; background:#eee; border:1px solid transparent; padding:9px 20px; line-height:20px; color:#666; font-size:0.85rem; }
#bo_cate #bo_cate_on { background:#fff; border:1px solid #7a7a7a; color:#222; font-weight:bold; border-bottom:0; }
#bo_cate #bo_cate_on::before { content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:-2px; }

/* 검색 */
#bo_sch { float:left; margin-top:20px; }
#bo_sch:after { display:block; visibility:hidden; clear:both; content:"" }
#bo_sch legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden }
#bo_sch select { display:inline-block; vertical-align:middle; height:34px; padding:0 5px; background:#f3f3f3; color:#aaa; border:1px solid #eaeaea; }
#bo_sch .sch_input { display:inline-block; vertical-align:middle; width:178px; height:34px; padding:0 10px; background:#f3f3f3; color:#aaa; border:1px solid #eaeaea; color:#aaa; }
#bo_sch .sch_input::placeholder { color:#aaa; }
#bo_sch .sch_btn { display:inline-block; vertical-align:middle; width:70px; height:34px; background:#7a7a7a; border:1px solid #7a7a7a; color:#fff; border-radius:20px; font-size:15px }
#bo_sch .sch_btn:hover { background:#666; }

/* 게시판 하단 버튼 */
.bo_fx { float:right; margin-top:20px; zoom:1; }
.bo_fx:after { display:block; visibility:hidden; clear:both; content:""; }
.bo_fx ul { margin:0; padding:0; }

/* 게시판 상단 버튼 숨김 */
#bo_btn_top { }
#bo_btn_top:after { display:block; visibility:hidden; clear:both; content:""}
#bo_btn_top .btn_bo_user { display:none; }
#bo_btn_top #bo_list_total { 
	float:left;
	line-height:30px;
}

/* 이전글,다음글 */
#bo_v_title { position:relative; margin-bottom:2rem; }
.bo_v_nb { position:absolute; right:0; top:0; }
.bo_v_nb:after { display:block; visibility:hidden; clear:both; content:"" }
.bo_v_nb ul { text-align:center; }
.bo_v_nb li { display:inline-block; vertical-align:middle; color:#858585; position:relative; padding:8px 20px; border:1px solid #ddd; }
.bo_v_nb li a { display:block; color:#858585; }
.bo_v_nb li a i { padding-right:4px; } 

/* 게시판 상단 안내 문구 */
.bo-list-info {
    padding: 2rem;
    line-height: 1.7;
}
.bo-list-info strong {
    font-weight: 500;
}
.bo-list-infoo p {
    margin-bottom: 0.5rem;
}
.board-divider {
    margin-bottom: 2rem;
}

/* 공유 버튼 */
#bo_v_share { display:none; }

/***************** 버튼 *****************/
a.btn01,
a.btn02,
button.btn01,
button.btn02,
a.btn_cancel,
button.btn_cancel,
a.btn_frmline,
button.btn_frmline { 
	text-align:center;
	font-weight:500;
	border-radius:0;
	vertical-align:middle;
	transition:all 0.3s ease-out; 
	display:inline-block; 
}

a.btn01,
button.btn01 { background:#fff; border-color:#adadad; color:#68686e; }
a.btn01:focus,  
a.btn01:hover { border-color:#333; color:#333; }

a.btn02.
button.btn02 { background:#222; color:#fff; } 
a.btn02:focus, 
.btn02:hover { color:#fff; }

a.btn_cancel,
button.btn_cancel { background:#fff; border-color:#adadad; color:#68686e; }
.btn_cancel:hover { border-color:#333; color:#333; } 

a.btn_frmline,
button.btn_frmline { background:#f7f7f7; border-color:#adadad; color:#68686e; border:1px solid #ddd; } /* 우편번호검색버튼 등 */

.btn_confirm { text-align:right; border:0; } /* 서식단계 진행 */

.btn_submit { cursor:pointer; background:#222; color:#fff; border:0; }
.btn_submit:hover { color:#fff; }

a.btn_b01,
.btn_b01,
a.btn_b02,
.btn_b02,
a.btn_b03,
.btn_b03,
a.btn_admin, 
.btn_admin { 
	text-align:center;
	font-weight:500;
	border-radius:0;
	vertical-align:middle;
	transition:all 0.3s ease-out; 
	display:inline-block; 
}

a.btn_b01,
.btn_b01 { background:#fff; border-color:#adadad; color:#68686e; }
a.btn_b01:hover, 
.btn_b01:hover { border-color:#333; color:#333; }

a.btn_b02,
.btn_b02 { background:#222; color:#fff; } /* 글쓰기 */ 
a.btn_b02:hover, 
.btn_b02:hover { color:#fff; }

a.btn_b03, 
.btn_b03 { }
a.btn_b03:hover,
.btn_b03:hover { }

a.btn_b04, 
.btn_b04 { }
a.btn_b04:hover,
.btn_b04:hover { }

a.btn_admin,
.btn_admin { background:#adadad; color:#fff; }
a.btn_admin:hover,
.btn_admin:hover { color:#fff; }

/* 버튼 아이콘 숨김 */
.btn_b01 .fa,
.btn_b02 .fa,
.btn_b03 .fa,
.btn_b04 .fa,
.btn_admin .fa { display:none; }

/* 컬러 */
.color_1 { background:#169dd6; }
.color_2 { background:#14d53d; }
.color_3 { background:#3814ff; }
.color_4 { background:#7520c5; }

/* 기타 */
.table-responsive { border:0; } 

/* #################################################################################################### 
	서브_기존 소스
###################################################################################################### */

/* 게시물 선택복사 선택이동 */
#copymove { }
#copymove  .win_desc { text-align:center; display:block}
#copymove  .tbl_wrap { margin:20px }
#copymove  .win_btn { padding:0 20px 20px}
.copymove_current { float:right; background:#ff3061; padding:5px; color:#fff; border-radius:3px}
.copymove_currentbg { background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg { position:absolute; top:0; left:0; font-size:0; line-height:0; overflow:hidden}
.msg_sound_only, .sound_only { display:inline-block !important; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a { z-index:122200; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active { width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix { width:100%; height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha { display:inline-block; position:relative}
#captcha legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
#captcha #captcha_img {; height:40px; border:1px solid #898989; vertical-align:top; padding:0; margin:0}
#captcha #captcha_mp3 {; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; border-radius:3px}
#captcha #captcha_reload { margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat  0 -40px; text-indent:-999px; border-radius:3px}
#captcha #captcha_key { margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.333em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top}
#captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio { display:block; margin:0 0 5px; width:187px}
#captcha.m_captcha #captcha_img { width:160px; height:60px; border:1px solid #e9e9e9; margin-bottom:3px; margin-top:5px; display:block; }
#captcha.m_captcha #captcha_reload { position:static; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat  0 -40px; text-indent:-999px}
#captcha.m_captcha #captcha_reload span { display:none; }
#captcha.m_captcha #captcha_key { margin:0; padding:0 5px; width:115px; height:29px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.333em; font-weight:bold; text-align:center; line-height:29px; margin-left:3px}
#captcha.m_captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 { width:31px; height:31px; background:url('../../../img/captcha2.png') no-repeat 0 0;   vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none}

/* ckeditor 단축키 */
.cke_sc { margin:0 0 5px; text-align:right}
.btn_cke_sc { display:inline-block; padding:0 10px; height:23px; border:1px solid #ccc; background:#fafafa; color:#222; text-decoration:none; line-height:1.9em; vertical-align:middle; cursor:pointer}
.cke_sc_def { margin:0 0 5px; padding:10px; border:1px solid #ccc; background:#f7f7f7; text-align:center}
.cke_sc_def dl { margin:0 0 5px; text-align:left; zoom:1}
.cke_sc_def dl:after { display:block; visibility:hidden; clear:both; content:""}
.cke_sc_def dt, .cke_sc_def dd { float:left; margin:0; padding:5px 0; border-bottom:1px solid #e9e9e9}
.cke_sc_def dt { width:20%; font-weight:bold}
.cke_sc_def dd { width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul { display:block; list-style-type:disc; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px; }
#bo_v_con ol { display:block; list-style-type:decimal; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px; }
#bo_v_con li { display:list-item; }

/* 기본테이블 */
.tbl_wrap table { width:100%; border-collapse:collapse; border-spacing:0 5px; border:1px solid #ebebeb; border-left:0; border-right:0; } 
.tbl_wrap caption { padding:10px 0; font-weight:bold; text-align:left}
.tbl_head01 { margin:0 0 10px; }
.tbl_head01 caption { padding:0; font-size:0; line-height:0; overflow:hidden}
.tbl_head01 thead th { padding:16px 0; font-weight:normal; text-align:center; /* height:40px; */ }
.tbl_head01 thead th input { vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, 
.tbl_head01 tfoot td { padding:14px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center}
.tbl_head01 tbody th { padding:8px 0; border-bottom:1px solid #ebebeb; }
.tbl_head01 td { background:#fff; padding:14px 5px; border-top:1px solid #ebebeb; line-height:1.4em; word-break:break-all}
.tbl_head01 tbody tr:hover td { background:#fafafa; }
.tbl_head01 a:hover { }

.tbl_head02 { margin:0 0 10px}
.tbl_head02 caption { padding:0; font-size:0; line-height:0; overflow:hidden}
.tbl_head02 thead th { padding:5px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em}
.tbl_head02 thead a { color:#383838}
.tbl_head02 thead th input { vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td { padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center}
.tbl_head02 tbody th { padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff}
.tbl_head02 td { padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff; line-height:1.4em; word-break:break-all}
.tbl_head02 a { }

/* 폼 테이블 */
.tbl_frm01 { margin:0 0 20px; }
.tbl_frm01 table { width:100%; border-collapse:collapse; border-spacing:0; }
.tbl_frm01 th { width:70px; padding:7px 13px; border:1px solid #e9e9e9; border-left:0; background:#f5f8f9; text-align:left; }
.tbl_frm01 td { padding:7px 10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:transparent; }
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input { 
	border:1px solid #ddd; background:#fff; color:#222; vertical-align:middle; border-radius:3px; padding:5px; height:40px; line-height:40px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
}
.tbl_frm01 textarea { padding:2px 2px 3px; }

.full_input { width:100%}
.half_input { width:49.5%}
.tbl_frm01 textarea { width:100%; height:100px}
.tbl_frm01 a { text-decoration:none}
.tbl_frm01 .frm_file { display:block; margin-bottom:5px}
.tbl_frm01 .frm_info { display:block; padding:0 0 5px; line-height:1.4em}

/*기본 리스트*/
.list_01 li { border:1px solid #dbdbdb; background:#fff; border-radius:3px; margin:3px 0; padding:10px 15px; list-style:none; position:relative; }
.list_01 li:after { display:block; visibility:hidden; clear:both; content:""}
.list_01 li:hover { background:#f9f9f9}
.list_01 li.empty_li { text-align:center; padding:20px 0; color:#666}

/*폼 리스트*/
.form_01 h2 { margin:0 0 10px; font-size:1.167em}
.form_01 li { margin:10px 0}
.form_01 li:after { display:block; visibility:hidden; clear:both; content:""}
.form_01 li .right_input { float:right}
.form_01 textarea { height:100px; width:100%}
.form_01 .frm_label { display:inline-block; width:130px}

/* 자료 없는 목록 */
.empty_table { padding:50px 0 !important; text-align:center}
.empty_list { padding:20px 0 !important; color:#666; text-align:center}

/* 필수입력 */
.required, textarea.required { background-image:url('../img/require.png')  !important; background-repeat:no-repeat   !important; background-position:right top  !important; }

/* 테이블 항목별 정의 */
.td_board { width:80px; text-align:center}
.td_category { width:80px; text-align:center}
.td_chk { width:30px; text-align:center}
.td_date { width:60px; text-align:center}
.td_datetime { width:110px; text-align:center}
.td_group { width:80px; text-align:center}
.td_mb_id { width:100px; text-align:center}
.td_mng { width:80px; text-align:center}
.td_name { width:100px; text-align:left}
.td_nick { width:100px; text-align:center}
.td_num { width:50px; text-align:center}
.td_numbig { width:80px; text-align:center}
.td_stat { width:60px; text-align:center}

.txt_active { color:#5d910b}
.txt_done { color:#e8180c}
.txt_expired { color:#ccc}
.txt_rdy { color:#8abc2a}

/* 새창 기본 스타일 */
.new_win { position:relative; }
.new_win .tbl_wrap { margin:0 20px}
.new_win #win_title { font-size:1.25em; height:50px; line-height:30px; padding:10px 20px; background:#333; color:#fff; }
.new_win #win_title .sv { font-size:0.75em; line-height:1.2em}
.new_win .win_ul { border-right:1px solid #dfe6e7; }
.new_win .win_ul:after { display:block; visibility:hidden; clear:both; content:""}
.new_win .win_ul li { float:left; background:#fff; width:33.333%; text-align:center; border:1px solid #ccc; margin-left:-1px}
.new_win .win_ul li a { display:block; padding:10px 0}
.new_win .win_ul .selected { background:#fff; border-color:#253dbe; position:relative; z-index:5}
.new_win .win_ul .selected a { color:#253dbe; font-weight:bold}
.new_win .win_desc { margin:5px 0; font-size:0.92em; color:#3598db; }
.new_win .frm_info { font-size:0.92em; color:#3598db}
.new_win .win_total { text-align:right; margin:10px 0}
.new_win .win_total span { display:inline-block; line-height:30px; font-size:0.92em; color:#4e546f; background:#ddd; padding:0 10px; border-radius:5px; }
.new_win .new_win_con { margin:20px; }
.new_win .new_win_con:after { display:block; visibility:hidden; clear:both; content:""}
.new_win .btn_confirm:after { display:block; visibility:hidden; clear:both; content:""}
.new_win .win_btn { text-align:right}
.new_win .btn_close { position:absolute; top:0; right:0; height:50px; width:50px; background:url(../img/close_btn.gif) no-repeat 50% 50%; border:0; text-indent:-999px; overflow:hidden; cursor:pointer}
.new_win .btn_submit { padding:0 20px; height:40px; font-weight:bold; font-size:1.083em; float:right}

/* 검색결과 색상 */
.sch_word { color:#00c4ac}

/* 자바스크립트 alert 대안 */
#validation_check { margin:100px auto; width:500px}
#validation_check h1 { margin-bottom:20px; font-size:1.3em}
#validation_check p { margin-bottom:20px; padding:30px 20px; border:1px solid #e9e9e9; background:#fff}

/* 사이드뷰 */
.sv_wrap { position:relative; font-weight:normal}
.sv_wrap .sv { z-index:1222; display:none; margin:5px 0 0; font-size:0.92em; background:#333; 
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); 
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); 
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); }
.sv_wrap .sv:before { content:""; position:absolute; top:-6px; left:15px; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #333 transparent; }
.sv_wrap .sv a { display:inline-block; margin:0; padding:0  10px; line-height:30px; width:100px; font-weight:normal; color:#bbb }
.sv_wrap .sv a:hover { background:#222; color:#fff}
.sv_member { color:#333}
.sv_on { display:block !important; position:absolute; top:23px; left:0px; width:auto; height:auto}
.sv_nojs .sv { display:block}

/* 페이징 */
.pg_wrap { clear:both; padding:30px 0; text-align:center; }
.pg_wrap:after { display:block; visibility:hidden; clear:both; content:""; } 
.pg { }
.pg_page, 
.pg_current { display:inline-block; vertical-align:middle; font-size:1.2em; color:#666; }
.pg_current { font-weight:normal; color:#222; border-bottom:1px solid #222; }
.pg a:focus, 
.pg a:hover { text-decoration:none; }
.pg_page { padding:0 2px; text-decoration:none; }
.pg_page:hover { }
.pg_start { text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50% #fff; padding:0; }
.pg_prev { text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff; padding:0; }
.pg_end { text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50% #fff; padding:0; }
.pg_next { text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50% #fff; padding:0; }
.pg_start:hover,
.pg_prev:hover,
.pg_end:hover,
.pg_next:hover { }

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { 
-webkit-box-sizing:content-box; 
-moz-box-sizing:content-box; 
box-sizing:content-box; 
}

/* Mobile화면으로 */
#device_change { display:block; margin:0.3em; padding:0.5em 0; border:1px solid #eee; border-radius:2em; background:#fff; color:#222; font-size:2em; text-decoration:none; text-align:center}

.close_menu {  display:none; }
.mobile_menu {  display:none; }