@charset "utf-8";


/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * 		C O M M O N 
 * 
 * [class*=uk-align] 부분은 왜 margin-bottom: 30px;을 준걸까...
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
[class*=uk-align] {
    display: block;
    margin-bottom: 0px;
}

html, body {background-color: #fff; height: 100%;}

html body.home {background-color: #fff;}
html body.sub {background-color: #fff;}

body>.uk-container {background-color: antiquewhite;}

.sub .uk-section {text-align: left;}
.sub .uk-container {margin-left: 10px;}

html, body .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,'NanumBarunGothic',"Helvetica Neue",Arial,sans-serif;
}


/* box shodow */
.uk-card-default { background: #fff; color: #666; box-shadow: 0 1px 15px rgba(0,0,0,.1); }

.uk-button-primary {}
.uk-button-secondary {background-color: #666666;}


/* link */
.uk-link, a {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}
.uk-link:hover, a:hover {
    color: #333;
    text-decoration: none;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * 		B A N N E R
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
.banner {
	height: 361px; min-height: 361px;
}

.banner-image {
	vertical-align: middle;
	min-height: 100%;
	width: 100%;
}
.banner:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.1);
	content: "";
}





/* 		N A V - T O P
 ********** ********** ********** ********** */

/* gradient */
.home .tm-navbar-container{
    background: #fff;
}

.sub .tm-navbar-container{
    background: #ffffff;
    /*border-bottom: 1px solid #eee;*/
    color: #222;
    /*background: linear-gradient(to left, #fdfdfd, #eeeeee);*/
}


.uk-navbar-item {height: 30px;}
.uk-navbar-item a {font-size: 13px; }

.uk-light .uk-navbar-nav>li>a {color: rgba(255,255,255,.8); padding: 0 20px;}
.uk-light .uk-navbar-nav>li>a:hover {color: rgba(255,255,255,1);}

.home .uk-navbar-item.cb_hot a {color: rgba(200,200,200,.8);}
.home .uk-navbar-item.cb_hot a:hover {color: rgba(255,255,255,1);}

.sub .uk-navbar-item.cb_hot a {color: rgba(50,50,50,.8);}
.sub .uk-navbar-item.cb_hot a:hover {color: rgba(0,0,0,1);}

/* cb_nav background-color */
/*.uk-navbar-container:not(.uk-navbar-transparent) {background: #fff;}*/


/* cb_nav_wrap */
.uk-navbar-container .cb_nav_wrap {position: relative; width: 100%; height: 60px;}

.home .cb_nav {}
.sub .cb_nav {}

/* logo */
.uk-logo {font-size: 18px; margin: 0 30px 0 0;}
.uk-logo a{width:60px;}

.uk-logo img {max-width: none; width: 100%;}

.cb_mlogo { 
    margin: 0 0 0 0; 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    height: 60px;
}
.cb_hot { padding-left: 50px;}



/* 		N A V - L E F T
 ********** ********** ********** ********** */
.tm-sidebar-left {
    position: fixed;
    top: 0px;
    bottom: 0;
    box-sizing: border-box;
    width: 240px !important;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(200, 200, 200, 0.5);
    padding: 10px 20px 35px 20px;
    z-index: 500;
}

.home .tm-sidebar-left { background: #fff; }
.sub .tm-sidebar-left { background: #fff; }

.tm-main {
    padding-left: 240px;
    padding-top: 0px;
}

.home .tm-main { background-color: #fff; }
.sub .tm-main { background-color: #fff; }

/* logo */
.tm-sidebar-left .cb_left_logo {margin: 10px 0 0 0; border-bottom:1px solid #eee;  width: 100%; padding-bottom: 20px;}
.tm-sidebar-left .uk-logo {font-size: 18px; margin: 0 0 0 0;}


.tm-sidebar-left .cb_left_menu {margin-left: 20px; margin-top: 20px; width: 130px; padding: 0 0 0px 20px;}
.tm-sidebar-left .uk-navbar-item {height: auto;}

.cb_left_footer .footer_banner {}

.cb_left_footer {
    width: 200px;
    margin: 48px 0 0 0px;
    font-size: 11px;
}

.cb_left_footer p {text-align: center; margin-top: 10px; margin-bottom: 5px;}
.cb_left_footer .copy {font-size: 9px; margin-top: 0px; line-height: 12px;}
.cb_footer .copy {font-size: 14px; margin-top: 0px; line-height: 12px;}

/* text menu */
.uk-navbar-nav>li>a{color:#222222; font-size: 1rem;}
/*.uk-navbar-nav>li>a{color:#eee; font-size: 1rem;}*/
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a.uk-open, .uk-navbar-nav>li>a:focus{color:#1eb6ee;}
.float2 .uk-navbar-nav>li>a{color:#4794b1; font-size: .800rem;}
.float2 .uk-navbar-nav>li:hover>a, .flex2 .uk-navbar-nav>li>a.uk-open, .flex2 .uk-navbar-nav>li>a:focus{color:#1eb6ee;}


.uk-nav-default .uk-nav-sub a.focus, 
.uk-nav-default a.focus {
    color: #333;
}


/*
.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #f8f8f8;
}
*/

/* 		N A V - T O P - R E S P O N S I V E
 ********** ********** ********** ********** */


/* Tablet landscape and smaller */
@media (max-width: 1091px) {
    .cb_top {width: 960px;}
    .nav_inner {width: 710px;}
    .flex2 .uk-navbar-nav {display:none;}
}
/* Phone landscape and smaller */
@media (max-width: 959px) {
    .tm-sidebar-left {display: none;}
    .tm-main {padding-left: 0px;}
    
    .cb_top {width: 640px;}
    .cb_nav {height: 51px;}
    .cb_nav_logo {margin-left: 20px; width: 140px;}
    .nav_inner {width: 440px; height: 41px; margin-right: 5px;}
    .nav_inner .flex1 { -webkit-flex: 1; flex:1;}
    .uk-navbar-nav>li>a{color:#4b4b4b; font-size: .600rem;}
    .flex2 {display:none;}
}
/* Phone portrait and smaller */
@media (max-width: 639px) {
    .cb_top {width: 320px;}
    .cb_nav_logo {margin-left: 26px; width: auto;}
    .home .cb_nav {top: 30px;}
    .nav_inner {width: 43px;}
    .nav_inner .flex1, .nav_inner .flex2 {display: none;}
}






/* 		S E C T I O N
 ********** ********** ********** ********** */
.cb_cont {padding: 10px 30px 30px;}




@media (min-width: 960px){
    .uk-section:not(.cb_section) {
        padding-top: 40px;
    }
}

.sec_tit {font-size: 1.7rem; padding-left: 15px; margin-top: 30px;}
.sec_tit .cb_breadcrumb {font-size: 1rem; font-weight: 100; }
.sec_tit .cb_breadcrumb ul {margin: 18px 0 0 0;}
.uk-breadcrumb>*>* {font-size: .775rem;}
/* Phone landscape and smaller */
@media (max-width: 639px) {
    .sec_tit .cb_breadcrumb {
        display: none;
    }
}









/* page 내 content 영역 공통적용*/
.cb_cont h3 {margin-bottom: 5px;}

hr.title_hr {
    border-top: 1px solid #7bc7b7;
    margin-top: 0px;
}





#write_form {
    width: 100%; height: 500px; background: #eee;
}





/* 		C O N T A I N E R
 ********** ********** ********** ********** */
.uk-container{
    max-width: 980px;
}

.portfolio .uk-container{
    max-width: 100%;
}








/* 		B A N N E R
 ********** ********** ********** ********** */

.sub .banner_bg {
    position: relative;
    background-color: #eee;
    box-shadow: 0px -5px 15px #ddd inset;
}

.sub .sub_top {
    position: relative; width: 1200px; height: 269px; margin: 0 auto;
    /*background: url("/static/images/some.png");
    background-repeat: no-repeat;*/
}
.sub .sub_top_cha {
    position: absolute;
    top: 139px; left: 86px;
}
.sub .sub_top_copy {
    position: absolute;
    top: 168px; left: 833px;
}



/* 		B O A R D
 ********** ********** ********** ********** */

/* list */
.cb_table tr th {text-align: center;}
.cb_table tr .idx {width: 9%;}
.cb_table tr .subj {}
.cb_table tr .name {width: 13%;}
.cb_table tr .date {width: 13%;}
.cb_table tr .hit {width: 9%;}

/* view */
.cb_table span.v_tit {display: inline-block; margin-right: 20px; color: #ccc; }
.cb_table span.v_tit_mid {margin-left: 70px;}
.cb_table .v_cont {height: 200px;}

/* 동영상 */
.cb_vod {display: inline-block;  background-color: aqua; width: inherit; height: inherit;}
.cb_vod span {color: red; }
.cb_vod span.ar {color: #fff; }
.cb_vod img {width: 100%;}

/* 이미지 */
.cb_img {display: inline-block;  background-color: #666; width: inherit; height: inherit;}
.cb_img:hover {opacity: .9;}
.cb_img span {color: #fff; }
.cb_img img {width: 100%;}

/* 		F O O T E R
 ********** ********** ********** ********** */
/*.uk-section-secondary {background: #eee;}*/
.footer {background-color: #2691fc;}

.footer .footer_info {color: #fff;}

.footer ul {}
.footer ul li {font-size: .8rem; font-weight: 100;}
.footer ul li a {color: #eee;}
.footer .mm a {color: #eee;}
.footer .sm a {color: #ddd}
.footer .uk-list .uk-list {
    padding-left: 20px;
    font-size: .9rem;
}
.footer .uk-list .uk-list li{
    line-height: .7rem;
}
.footer .uk-list .uk-list li a {
    font-size: .7rem;
    color: #ccc;
}


.footer_logo {color: #ccc;}



/* 		M O B I L E : M E N U
 ********** ********** ********** ********** */
#mmenu ul {}
#mmenu ul li {font-size: .8rem; font-weight: 100;}
#mmenu ul li a {color: #777;}
#mmenu .mm a {color: #333;}
#mmenu .sm a {color: #555}
#mmenu .uk-list .uk-list {
    padding-left: 20px;
    font-size: .9rem;
}
#mmenu .uk-list .uk-list li{
    line-height: .7rem;
}
#mmenu .uk-list .uk-list li a {
    font-size: .7rem;
    color: #777;
}





.uk-width-small {
    width: 190px;
}
.arr {color:darkseagreen;}

.sub .uk-tile-primary {
    background-color: #fcbc43;
}

.faq .uk-accordion-title {
    font-size: 1rem;
    line-height: 1.5;
}

.faq .uk-accordion-content {
    font-size: .9rem;
}



.story .uk-card-title {
    font-size: 1.2rem;
    color: #fff;
}
.story .st_ico {
    color: aquamarine;
}

.story dd {font-size: .8rem; color:#999;}


#facility dl dt {font-size: 24px;}
*+dl {margin-top: 0px; margin-bottom: 20px;}

.zone {display: inline-block; padding: 5px 10px;}
.icon_arrow {color:#333;}
/* Phone landscape and smaller */
@media (max-width: 639px) {
    .zone {display: inline-block; text-align: center; width: 93%; padding: 10px; }
    .icon_arrow {display:none;}
}



.join_success {background-color: #7bc7b7; color:#fff;}



.c_1 {color:#c2007b;}
.c_2 {color:#009ee5;}
.c_3 {color:#c83a2d;}
.c_4 {color:#64aa44;}
.c_5 {color:#c40018;}
.c_6 {color:#64a5dd;}

.b_1 {background-color:#c2007b;}
.b_2 {background-color:#009ee5;}
.b_3 {background-color:#c83a2d;}
.b_4 {background-color:#64aa44;}
.b_5 {background-color:#c40018;}
.b_6 {background-color:#64a5dd;}


.uk-modal {
    background: rgba(0,0,0,.85);
}


.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    height: 60px;
    padding: 0 15px;
    font-size: .875rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    text-decoration: none;
}


*+.uk-margin-small {
    margin-top: 0px!important;
    margin-bottom: 5px!important;
}
.uk-margin-small {
    margin-bottom: 0px;
    color: #999;
}