html {scroll-behavior: smooth;}
#header {  border-bottom:1px solid #e9e9e9 !important;}
.h_log {margin-right:20px; line-height: 100%; display: flex;  align-items: center;}
.h_log img {margin-right:5px; padding-left:10px}
.hd_top {width:100%; position: relative; display:flex; justify-content: space-between; padding:20px 0px}
.hd_top:after {content:''; width:1000%; left:-500%; height:1px; background:#e9e9e9; position: absolute; bottom:0px }

/*************  ÅëÇÕ  ***************/
.point_color {color:#02a39f  !important;}
.point_bg {background:#02a39f  !important;}
.point_color_gr{background-image: linear-gradient(to right, #046983, #059995) !important; background-clip:text !important; -webkit-background-clip:text; color: transparent !important;}
.rb_bbs_wrap .rb_bbs_top li.cnts {color:#000 !important;}
.translation-links {background:#f4f4f4  !important;}
.sticky-buttons button {background-color:#02a39f  !important}
.center {text-align:center}
.weight-700 {font-weight:700 !important;}
.color-fff {color:#fff !important;}
.color-ddd {color:#ddd !important;}
.color-eee {color:#eee !important;}
.color-000 {color:#000 !important;}
.color-999 {color:#999 !important;}
.color-888 {color:#888 !important;}
.color-777 {color:#777 !important;}
.color-666 {color:#666 !important;}
.color-555 {color:#555 !important;}
.color-444 {color:#444 !important;}
.color-333 {color:#333 !important;}
.color-222 {color:#222 !important;}
.color-111 {color:#111 !important;}
.wr_content>textarea {overflow: auto  !important;}
.bbs_main_wrap_tit_l a h2 {font-size:24px}

.lang_ko {display:none}
:lang(ko) .lang_ko {display:inline-block}
.none {display:none !important}
.sticky-buttons {display:none !important}
.bold {font-weight:800}

.rb_bbs_wrap .btns_gr_wrap .btns_gr {position: relative; top:132px}
.co_02a39f .main_rb_bg {
    background-color: #02a39f;
}

.rb_bbs_wrap .btm_btns .fl_btns {}
.tail_fixed .sub ul li {margin-bottom:10px}
.tail_fixed .sub ul li a{font-weight:800; background:#fff; border-radius:50%;  box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.05); width:50px; height:50px; display:flex;     align-items: center;    justify-content: center;}
.tail_fixed .sub .btn_bo_sch {    font-weight: 800;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.05);
    width: 50px;
    height: 50px;
    display: flex
;
    align-items: center;
    justify-content: center; display:none}
	
.tail_fixed .sub .btn_bo_sch .tooltips {display:none}

.tail_fixed .sub ul svg {width:25px; height:24px}

.rb_module_15  {display:none}

.rb_swiper_01 .rb_swiper_inner {overflow: hidden;}

.rb_swiper_01 .rb_swiper_list {position: relative; box-sizing: border-box}
/*{position: absolute; top: calc(50% + 30px); left: 50%;  transform: translate(-50%, -50%); z-index: 1;}*/
.rb_swiper_01 .rb_swiper_list img {border:1px solid rgba(0,0,0,0.1);}
.rb_swiper_01 .rb_swiper_paging_btn button {width: 34px !important;height:34px !important;border: 1px solid #ddd; background:#fff; border-radius: 10px;padding-bottom: 2px;}
.rb_swiper_01 .rb_swiper_paging_btn button:hover {border:1px solid #02a39f}
.rb_swiper_01 .rb_swiper_paging_btn button:hover img{filter: invert(50%) sepia(37%) saturate(4925%) hue-rotate(147deg) brightness(91%) contrast(98%);}

.rb_swiper_01 .rb_swiper_paging_btn button {
    position: absolute;
    top: calc(50% + 20px);

    z-index: 1;
}	

.rb_swiper_01 .rb_swiper_paging_btn .swiper-button-prev {left:-15px !important}
.rb_swiper_01 .rb_swiper_paging_btn .swiper-button-next {right:-15px !important}

.rb_swiper_03 .rb_swiper_inner {overflow: hidden;}
.rb_swiper_03 .rb_swiper_paging_btn button {width: 34px !important;height:34px !important;border: 1px solid #ddd; background:#fff; border-radius: 10px;padding-bottom: 2px;}
.rb_swiper_03 .rb_swiper_paging_btn button:hover {border:1px solid #02a39f}
.rb_swiper_03 .rb_swiper_paging_btn button:hover img{filter: invert(50%) sepia(37%) saturate(4925%) hue-rotate(147deg) brightness(91%) contrast(98%);}

.rb_swiper_03 .rb_swiper_paging_btn button {
    position: absolute;
    top: calc(50% + 20px);

    z-index: 1;
}	

.rb_swiper_03 .rb_swiper_paging_btn .swiper-button-prev {left:-15px !important}
.rb_swiper_03 .rb_swiper_paging_btn .swiper-button-next {right:-15px !important}



.main_bottom_widget {font-size:22px; color:#fff; width:100%; margin:0 auto; background:url('../img/main_bg.png') no-repeat; padding-top:50px; padding-bottom: 50px; text-align: center; background-size:cover; border-radius:20px}

/****** °Ô½ÃÆÇ *****/
#container_title {text-align:center; font-size:28px; padding-bottom:50px}
#container_tit {text-align: center; font-size: 28px; padding-bottom: 10px;}
#container_sub {text-align: center; font-size: 18px; padding-bottom: 50px;}

.go_hub {margin-left:10px; float:left !important;  text-align:Center;
    
    border: 1px solid #02a39f;
    background-color:#02a39f;
    border-radius: 10px;
    font-size: 14px;   
    height: 47px;}

.go_hub a {color: #fff;  padding-left: 20px; padding-right: 20px; line-height:47px;} 		

.go_hub:hover {background-color:#fff;}	
.go_hub:hover a {color: #02a39f;} 	

.rb_bbs_wrap {box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.05);  border-radius: 10px; padding:50px 100px}
.rb-board-table th {border-top:2px solid #000}

.rb_bbs_wrap.no_bbs_wrap {box-shadow: none;  border-radius: 0px; padding:0px 0px}

.rb_module_1 {padding:10px 10px !important}
.rb_module_1 .module_latest_wrap {
	padding:20px;
    box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.05);
    border-radius: 10px;}


.rb_module_2 {padding:10px 10px !important}
.rb_module_2 .module_latest_wrap {
	padding:20px;
    box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.05);
    border-radius: 10px;}

.rb_module_36 {padding:10px 10px !important}
.rb_module_36 .module_latest_wrap {
	padding:20px;
    box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.05);
    border-radius: 10px;}

.rb_bbs_wrap #bo_cate {margin-top:20px !important; padding-bottom:30px !important; border-bottom: 1px solid #000;}
.rb_bbs_wrap #bo_cate li {text-align:center; background:#f4f4f4}	
.rb_bbs_wrap #bo_cate li:first-child {border-radius:50px 0px 0px 50px; padding:0px 10px 0px 20px}
.rb_bbs_wrap #bo_cate li:last-child {border-radius:0px 50px 50px 0px; padding:0px 20px 0px 10px}
.rb_bbs_wrap #bo_cate a {padding:0px 10px !important; color:#878787 !important; font-weight:700}	
.rb_bbs_wrap #bo_cate a#bo_cate_on  {color:#000 !important}
.rb_bbs_wrap #bo_cate a:hover  {color:#000 !important}
.rb_bbs_wrap #bo_cate #bo_cate_on::after {display:none}

.tail_fixed {
    position: fixed;
    bottom:190px;
    z-index: 2;
    height: 0px;
	left: calc(50% + 600px + 50px);
}

/*.tail_fixed .sub {width:1200px} */
.tail_fixed .sub ul {
    float: right;
    width: 50px;
}

#top_btn {border:0px; border-radius:50%}




/******  ai *******/


.rb_module_6 .module_latest_wrap {padding-top:20px}
.rb_module_30 {display:none}



@media (max-width: 1420px) {
.tail_fixed .sub ul {margin-right:0px;  }

.tail_fixed {
    position: fixed;
    bottom:190px;
    z-index: 2;
    height: 0px;
	left: calc(100% - 80px);
}

}
	
	
@media (max-width: 1280px) {
.tail_fixed .sub ul {margin-right:20px;  }
.main_bottom_widget {font-size:18px;} 
.rb_bbs_wrap {padding:15px 20px 30px}

.main_bottom_widget {border-radius:0px}

.rb_swiper_01 .rb_swiper_paging_btn .swiper-button-prev {left:5px !important}
.rb_swiper_01 .rb_swiper_paging_btn .swiper-button-next {right:5px !important}

.rb_bbs_wrap .btm_btns .fl_btns {display:inline-block !important}

.tail_fixed {bottom:165px}

#rb_swiper_1.rb_swiper .rb_swiper_paging_btn { top:34px; }
#rb_swiper_2.rb_swiper .rb_swiper_paging_btn { top:34px; }
.main_hub .bbs_main_wrap_tit {padding-left:0px;  padding-right:0px;}


.rb_module_6 .module_latest_wrap {padding-top:0px}
}



@media (max-width: 1200px) {
.rb_module_29 {display:none}
.rb_module_30 {display:block}
}

@media (max-width: 620px) {
.h_log span {display:none}
.main_bottom_widget {font-size:16px;} 

#rb_swiper_1.rb_swiper .rb_swiper_paging_btn { top: 52px; }
#rb_swiper_2.rb_swiper .rb_swiper_paging_btn { top: 52px; }
	
.tail_fixed {z-index:1;         bottom: 140px;}	
.tail_fixed .sub {width: auto !important; min-height: auto; padding-top: 0px;  padding-bottom: 0px;}
footer{z-index:1}	
.h_log {margin-right:15px; margin-left:5px}
.h_log img {margin-right:0px; padding-left:0px}
#google_notranslate_top { margin-right: 5px !important; margin-left:5px !important}
.gnb_wrap .snb_wrap .qm_wrap {padding-right: 0px !important; padding-left: 0px !important}
.gnb_wrap .snb_wrap .qm_wrap button {margin-right:5px; margin-left:5px}


.rb_bbs_wrap {box-shadow:none}
#container_title {padding-bottom:10px  !important;}
.sub {padding-top:10px;    }
.rb_bbs_wrap .rb_bbs_top {margin-bottom:10px !important}
}




@media (max-width: 525px) {
	.pro_flex_lay {display:flex; flex-wrap: wrap;}
	.rb_prof.rb_prof_new .rb_prof_btn {padding:10px 0px 10px}
    .rb_prof.rb_prof_new .rb_prof_btn .fl_btns.fl_btns_txt {float:right; margin-left: 4px; margin-bottom:4px; width:calc(50% - 4px); text-align:center}
}