@charset "utf-8";
/*@import url('/theme/rb.basic/rb.fonts/gmarket/GmarketSans.css');*/
@import url('/theme/rb.basic/rb.css/contents.css');

#loadings {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;z-index: 999999;}
#loadings_spin {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 2px solid rgba(0, 0, 0, .1); /* 컬러 */
    border-radius: 50%;
    border-top-color: #AA20FF; /* 컬러 */
    animation: spin 0.5s ease-in-out infinite;
    -webkit-animation: spin 0.5s ease-in-out infinite;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

/* 공통 { */
main {width: 100%; background-color: #fff; height:100%;}
label {word-break: keep-all !important;}
#header {background-color: rgba(255,255,255,0.5); border-bottom: 0px; position: fixed; top:0px; right: 0px; width: 100%; z-index: 98; box-shadow: 0px 0px 20px rgba(0,0,0,0.05);border: none !important;}
.main_sec1 {margin-bottom: 50px; box-sizing: border-box;}
.no_data {padding-top: 80px !important; padding-bottom: 110px !important; text-align: center; line-height: 140%; margin-top: 30px; border-bottom: 1px solid #eee; color:#999; border-top:0px !important;}
/* } */

/* { */
.inner {width: 1400px; margin: 0 auto;}
.index {width: 1400px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}
.sub {margin: 0 auto; padding-top: 0px; padding-bottom: 70px; min-height: 768px;}
/* } */

/* 헤더 { */
.gnb_wrap ul {}
.gnb_wrap nav {float:left; line-height: 40px; font-family:'PyeojinGothic';}
.gnb_wrap nav a {font-size: 18px; color: #333;  line-height: 40px; display: block; float:left;}
.gnb_wrap .tog_wrap {margin-right: 30px;}
.gnb_wrap .logo_wrap {margin-right: 60px; position: relative;}
.beta_ico {position: absolute; top:12px; right:-40px; color:#fff; background-color:#AA20FF; font-size: 8px; line-height: 15px; padding-left: 5px; padding-right: 5px; border-radius: 15px;}
.gnb_wrap #logo_img .responsive-image {height:40px;}
.gnb_wrap nav a:hover {color:#AA20FF}
.gnb_wrap .snb_wrap {display: flex;position: relative;z-index: 999;gap:12px;}
.gnb_wrap .snb_wrap li {}
.gnb_wrap .snb_wrap .member_info_wrap {font-size: 14px; color:#666; margin-left: 30px;}
.gnb_wrap .snb_wrap .member_info_wrap a {color:#666;}
.gnb_wrap .snb_wrap .member_info_wrap span {color:#25282B;}
.gnb_wrap .snb_wrap .member_info_wrap a span {color:#AA20FF} 
.gnb_wrap .snb_wrap .qm_wrap {position: relative;}
.gnb_wrap .snb_wrap .qm_wrap button {}
.gnb_wrap .snb_wrap .qm_wrap button span {background-color: #AA20FF; color:#fff; font-size: 10px; border-radius: 4px; position: absolute; top:-7px; left:20px; line-height: 18px; padding-left: 5px; padding-right: 5px;}
.gnb_wrap .snb_wrap .qm_wrap a {padding-left: 10px; padding-right: 10px; position: relative;  line-height: 23px; width: 40px; box-sizing: border-box; margin-top: 12px; color:#000;}
.gnb_wrap .snb_wrap .qm_wrap a svg path {fill:#25282B;}
.gnb_wrap .snb_wrap .qm_wrap a span {background-color: #AA20FF; color:#fff; font-size: 10px; border-radius: 4px; position: absolute; top:-7px; left:20px; line-height: 18px; padding-left: 5px; padding-right: 5px;}

.gnb_wrap .snb_wrap .my_btn_wrap {margin-left: 40px;}
.gnb_wrap .inner {box-sizing: border-box;display: flex;height: 80px;align-items: center;justify-content: space-between;}
.gnb_wrap .inner .header-logo a{display: block;}
.gnb_wrap #ol_after_scrap {margin-top: 10px;}


#search_top_btn{width: 30px;height: 30px;background:url(/images/search_btn.jpg) center no-repeat;}
#tog_gnb_mobile{width: 30px;height: 30px;background:url(/images/allmenu_btn.jpg) center no-repeat;}

#gnb{z-index: 999;transition:height .3s ease-out; font-weight: 500; position: static;height: 100%;}
#gnb>ul{transition:height .3s ease-out;display: flex;width: 1280px;margin: 0 auto;height: 100%;width: auto;}
#gnb>ul>li{position:relative;}
#gnb>ul>li>a{display: flex;align-items: center;font-size: 18px;font-weight: 500;line-height:1em;height: 100%;transition:all ease-out .3s;justify-content: center;padding: 0 30px;}
#gnb>ul>li>a>span{position: relative;display: flex;transition:all .3s ease-out;color:#000;align-items: center;line-height: 1em;font-weight: 700;justify-content: center;height: 100%;}

#gnb>ul>li>a>span:after{transition:all .3s ease-out;content: ""; position: absolute; left:50%; bottom: -1px; height: 3px; width: 0; background-color: #337CCF; z-index: 80;}


#gnb>ul>li.hover>a>span{color:#3366cc}
#gnb>ul>li.hover>a>span:after{width: 100%;left:0;}


/* #gnb>ul>li.hover .gnb-sub-div{background: #00876c;} */
#gnb>ul>li.hover .gnb-sub-div:after, #gnb>ul>li.hover .gnb-sub-div:before{display: none;}


#gnb ul ul{padding: 20px 0;}
#gnb li li{height:auto;text-align: center;}
#gnb li li a{display:inline-block;font-size:15px;width:auto;padding:0;position:relative;padding-left:13px;font-weight:100;line-height:1.3em;padding:6px 0px; text-align:center;height: auto;color:#999;transition:all .3s ease-out; font-weight: 500;}
#gnb li li a:after{display: block;position: absolute;left:50%;content:"";width: 0;height: 1px;background: #36c;transition:all ease-out .2s;opacity:.5;z-index: -1;}

/* #gnb li.hover li a{color:#fff;} */
#gnb li li a:hover, #gnb li.gnb-active li.gnb-active2 a{/* color:#9cf !important; font-weight: 100;  */color: #36c;}
#gnb li.gnb-active.hover li.gnb-active2 a:after{background:#36c}
#gnb li li a:hover:after, #gnb li li.gnb-active2 a:after{width: 100%;opacity:1;left:0;}

/* #gnb li li.gnb-active2 a{color:#36c} */
/* #gnb li li.gnb-active2 a:after{background:#36c} */

#gnb:before{content: "";position: absolute;left:0;bottom:0;width: 100%;background: #ddd;height: 0px;transition:all .3s ease-out;}
.gnb-bg{position: absolute;left:0px;width: 100%;top:80px;height: 0px;background: #fff;z-index: 50;/* box-shadow:3px 3px 8px rgba(0, 0, 0, .1); */background: #fff;transition:all .3s ease-out;content: "";overflow: hidden;}

.gnb-bg:after{content: '';position: absolute;left:50%;margin-left: -700px;bottom:-20px;background: url(/images/gayc.png) 0 0 no-repeat;width: 553px;height: 157px;}

.gnb-sub-div{position: absolute;padding: 0;z-index: 99;height: auto;left: 0;width: 100%;top: 80px;transition: all .3s ease-out;height: 0;opacity: 0;overflow: hidden;}
/* .gnb-sub-div:after{content: "";position: absolute;right:0;top:0;height: 100%;width: 1px;background: #ddd;}
#gnb>ul>li:first-child .gnb-sub-div:before{content: "";position: absolute;left:0;top:0;height: 100%;width: 1px;background: #ddd;} */

.nav-fixed .gnb-sub-div, .nav-fixed .gnb-bg{top:80px;}

.active .gnb-sub-div{opacity: 1;transition:height .3s ease-out, top .3s ease-out, opacity .3s ease-out;}
.active .gnb-bg{transition:height .3s ease-out, top .3s ease-out;/*  border-bottom: 1px solid #e0e0e0; */;box-shadow:0 8px 15px rgba(0, 0, 0, .2)}
.active #gnb:before{height: 1px;}
.active .gnb-sub-div, .active .gnb-bg{height: 220px;}




/* } */

/* 검색창 { */
#search_box_wrap {display: none; position: absolute; border-radius: 10px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05); width: 400px; box-sizing: border-box; background-color: #fff; padding-bottom: 20px;width: 355px; right: -1px;top: 60px; }
#search_box_wrap ul {position: relative; float:none; display: block; line-height: 100%;}
#search_box_wrap ul.pt20 {padding-top: 30px;}
#search_box_wrap ul li select {height:35px; border-radius: 6px; padding-left: 15px; padding-right: 15px;}
#search_box_wrap li {float:none; display: block; line-height: 100%;}
#search_box_wrap .ser_inner_btn {position: absolute; top:20px; right:20px;}
#search_box_wrap .ser_ul_pd {padding: 10px 30px 5px 30px;}
#search_box_wrap .ser_ul_pd .ser_label {float:none; background-color: #f1f1f1; padding-top: 8px; padding-bottom: 8px; font-size: 13px; border-radius: 4px; margin-top: 0px; display: inline-block; vertical-align: top; width: auto; line-height: 100%; margin-top: 5px;}
#search_box_wrap .ser_ul_pd .ser_label b {color:#AA20FF;}
#search_box_wrap ul input.w100 {padding-right: 60px; box-sizing: border-box; border:0px !important; border-bottom: 1px solid #eee !important; height:60px; border-radius: 10px 10px 0px 0px; background-color: #f9f9f9; color:#AA20FF; padding-left: 30px;}
#search_box_wrap ul input.w100::placeholder {color:#999;}
#search_box_wrap ul button svg path {fill:#000 !important;}
#search_top_btn.ser_open svg path {fill:#AA20FF;}
#search_top_btn:hover {opacity: 0.8}
/* } */


/* 메뉴 { */
.cbp-hrmenu {width: auto;}
.cbp-hrmenu > ul,.cbp-hrmenu .cbp-hrsub-inner {width: 100%;margin: 0 auto;padding: 0 1.875em;}
.cbp-hrmenu > ul > li {display: inline-block; padding-left: 20px; padding-right: 20px;}
.cbp-hrmenu > ul > li > a {color:#000;}
.cbp-hrmenu > ul > li > a:hover {}
.cbp-hrmenu > ul > li.cbp-hropen a {color:#AA20FF;}
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {color:#AA20FF;} 

.hrmenu-header{padding: 30px 0;text-align: center;}

.cbp-hrmenu .cbp-hrsub {display: none;position: absolute;background: #fff !important; margin-left: -40px; top:75px;border:0px solid #000; border-radius: 10px; box-shadow: 10px 10px 20px rgba(0,0,0,0.05); max-width:680px;}
.cbp-hropen .cbp-hrsub {display: block;padding-bottom: 30px; padding-top: 30px; padding-left: 40px; padding-right: 40px;}
.cbp-hrmenu .cbp-hrsub-inner > div {min-width: 150px;float: left;padding: 0 0px 0px 0px;}
.cbp-hrmenu .cbp-hrsub-inner > div > ul {float:none;}
.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {content: " ";display: table;}
.cbp-hrmenu .cbp-hrsub-inner:after {clear: both;}
.cbp-hrmenu .cbp-hrsub-inner > div a {line-height: 130%;color:#999 !important;font-size: 16px; font-family:'font-B',sans-serif; padding-top: 7px; padding-bottom: 7px; word-break: keep-all; display: block; width: 100%;}
.cbp-hrmenu .cbp-hrsub-inner > div a:hover{color:#000 !important;}
.cbp-hrsub h4 {color: #000;padding: 0px 0 15px;margin: 0;font-size: 18px;line-height: 130%;}

.cbp-hrmenu-btm {position: fixed; top:0px; right: -100%; width: 100%; background-color: #fff; z-index: 98; height:100%; box-shadow: 10px 10px 20px rgba(0,0,0,0.05); overflow-y: scroll; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);width: 500px;}
.cbp-hrmenu-btm > ul,.cbp-hrmenu .cbp-hrsub-inner {width: 100%;padding: 0;}
.cbp-hrmenu-btm > ul > li {display: block;border-bottom: 1px solid #eee; padding-left: 0px; padding-right: 0px; text-indent: 20px;}
.cbp-hrmenu-btm > ul > li > a { display: block;padding: 0; width: 100%; line-height: 60px; font-size: 18px;}
.cbp-hrmenu-btm .cbp-hrsub { position: relative;}
.cbp-hrmenu-btm .cbp-hrsub h4 {padding-top:20px; font-size: 16px;}

.cbp-hrmenu-btm .cbp-hrsub-inner > div {width: 100%;float: none;padding: 0;}

.cbp-hrmenu-btm .cbp-hropen .cbp-hrsub {padding-top: 0px; margin-left: 0px; border-radius: 0px; box-shadow: none; top: auto; max-width: inherit; padding-left: 0px; padding-right: 0px;}
.cbp-hrmenu-btm a {float:none; }
.cbp-hrmenu-btm ul {float:none;}
.cbp-hrmenu-btm .cbp-hrsub-inner {padding-left: 0px; padding-right: 0px;}
.cbp-hrmenu-btm .cbp-hrsub-inner > div  {padding-left: 0px; padding-right: 0px; padding-bottom: 20px;}
.cbp-hrmenu-btm .cbp-hrsub ul li a {padding-top: 5px; padding-bottom: 5px; display: block; font-size: 16px;}

.cbp-hrmenu-btm.active {right: 0%;z-index: 101;}
#m_gnb_close_btn {position: fixed; top:0px; right:0px; z-index: 101; display: none; background-color: transparent; width:80px; height:80px;}
#m_gnb_close_btn img {width: 15px;}
#m_gnb_close_btn.active {display: block;}

.m-shadow{position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: -1;background: rgba(0, 0, 0, .5);transition: opacity ease-out .3s;opacity: 0;cursor:pointer;}
.m-shadow.active{z-index: 100;opacity: 1;}
/* } */



/* 버튼 { */
.btn_round {background-color: #25282B; border:1px solid #25282B; color:#fff; height:40px; border-radius: 40px; padding-left: 25px; padding-right: 25px;}
.arr_bg {background-color: #fff; color:#25282B; border:1px solid #25282B; background-image: url('../rb.img/icon/arr_right.svg'); background-repeat: no-repeat; background-position: center right 20px; padding-right: 40px;}
.tiny_tab_btn {height:24px; background-color: #fff; color:#999; border-radius: 30px; padding-left: 10px; padding-right: 10px; border:1px solid #ddd; font-size: 12px;}
.tiny_tab_btn:hover {border-color:#25282B; color:#25282B}
.tiny_tab_btn.active {border-color:#25282B; color:#25282B}
.btn_round.btn_round_bg {background-color: #AA20FF; border:1px solid #AA20FF; color:#fff; height:40px; border-radius: 40px; padding-left: 25px; padding-right: 25px;}
/* } */

/* 모듈설정OV { */
.content_box {position: relative;}
.content_box .admin_ov {display: none; opacity: 0; position: absolute; top:0px; left: 0px; width: 100%; height:100%; background-color: rgba(255,255,255,0.9); border-radius: 10px; z-index: 97; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);cursor: -moz-progress; cursor: -webkit-progress; cursor:progress }
.content_box .admin_ov .mod_edit {position: relative; width: 100%; height:100%;}
.content_box .admin_ov .mod_edit h2 {font-size: 16px;}
.content_box .admin_ov .mod_edit h2 span {color:#AA20FF;}
.content_box .admin_ov .mod_edit button {margin-top: 5px;}
.content_box .admin_ov .mod_edit h6 {color:#666; font-size: 12px; font-weight: normal; margin-top: 5px; word-break: keep-all; margin-bottom: 15px;}
.content_box_set .admin_ov {display: block;}
.content_box_set:hover .admin_ov {opacity: 1;}
/* } */

/* 모듈박스 { */
.flex_box {display: flex; flex-direction:row; flex-wrap: wrap; list-style-type: none; gap:0px; margin-left: -20px; margin-right: -20px;}
.main_content_left {float:left; width: 70%;}
.main_content_right {floaT:right; width: 30%; padding-left: 50px;}
.content_box {box-sizing: border-box; width: 100%; padding: 20px;}
.add_module_wrap {width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px;}
.add_module_btns {background-color: #f1f1f1; color:#25282B; width: 100%; height:47px; border-radius: 10px; border:0px; margin-bottom: 50px; margin: 0 auto;}
.no_data_section {text-align: center; padding-top: 100px; padding-bottom: 100px; width: 100%; border-radius: 10px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.no_data_section_ul1 {padding-top: 20px; padding-bottom: 20px; font-size: 18px;}
.no_data_section_ul2 {color:#666;}
/* } */

/* 메인광고 { */
.top_bn {position: relative; box-sizing: border-box; cursor: pointer; width: 100% !important; height:auto !important; overflow: hidden;}
.top_bn img {width:100%; height:auto; box-sizing: border-box;}
.ico_bn {position: absolute; top:10px; left: 10px; line-height: 20px; font-size: 10px; color:#fff; background-color: rgba(0,0,0,0.3); border-radius: 4px; padding-left: 7px; padding-right: 7px;}
/* } */

/* 서브광고 { */
.point_ad {position: relative; box-sizing: border-box; cursor: pointer; width: 100%; height:100%; border-radius: 10px; overflow: hidden;}
.point_ad img {width:100%; height:100%; box-sizing: border-box;}
.ico_ad2 {position: absolute; top:10px; right: 10px; line-height: 20px; font-size: 10px; color:#fff; background-color: rgba(0,0,0,0.3); border-radius: 4px; padding-left: 7px; padding-right: 7px;}
/* } */

/* 배너 { */

/* 일반 { */
.default_bn img {box-sizing: border-box;}
.default_bn ul {margin:0px; padding: 0px;}
/* } */

/* 슬라이드 { */
.slide_bn {width: 100% !important; height: auto !important;}
.slide_bn img {box-sizing: border-box;}
.slide_bn .swiper-wrapper {height:auto !important;}


.mb-0 {margin-bottom: 0px !important;}
/* } */

/* 랜덤 { */
.random_bn img {box-sizing: border-box;}
.random_bn ul {margin:0px; padding: 0px;}
/* } */

/* 개별 { */
.each_bn img {box-sizing: border-box;}
/* } */

.bn_border {box-shadow: 0 0 0 1px #ddd, 0 1px 2px 0 rgba(0,0,0,.04);}
.bn_radius {border-radius: 30px;}
/* } */

/* 메인 3버튼 { */
.q_btns {margin-top: -1px;}
.q_btns button {font-size: 15px; background-color: #fff; border:1px solid #ddd; border-radius: 10px; height:47px; width: 100%; margin-top: 12.8px; letter-spacing: -0.5px; box-sizing: border-box;}
.q_btns button:hover {border:1px solid #25282B;}
.q_btns button:first-child {margin-top: 0px;}
.q_btns button i {float:left; margin-top: -2px; margin-right: 10px; margin-left: 20px;}
.q_btns button span {float:left;}
/* } */

/* 컨텐츠 { */
#container_title {color:#000; font-size:40px; font-family:'PyeojinGothic'; text-align: center; letter-spacing: -1px; display: block; padding:0px 0px 40px;}

.bbs_main_wrap_tit {margin-bottom: 30px;}
.bbs_main_wrap_tit_l {float:left;}
.bbs_main_wrap_tit_l a {font-size: 20px;}
.bbs_main_wrap_tit_r {float:right; position: relative;}
.arr_up_btn {width: 24px; height:24px; border:1px solid #ddd; border-radius: 4px; padding-bottom: 2px;}
.arr_up_btn:hover {border-color: #25282B;}
.arr_down_btn {width: 24px; height:24px; border:1px solid #ddd; border-radius: 4px; padding-bottom: 2px;}
.arr_down_btn:hover {border-color: #25282B;}
.more_btn {height:24px; border:1px solid #ddd; border-radius: 24px; color:#999; padding-left: 10px; padding-right: 10px; font-size: 12px; margin-left: 30px;}
.more_btn:hover {border-color: #25282B; color:#25282B;}
.bbs_main_wrap_con {box-sizing: border-box; position: relative;}
.bbs_main_wrap_con dd {margin-bottom: 10px; position: relative; min-height: 45px;}
.bbs_main_wrap_con dd:last-child {margin-bottom: 0px;}
.bbs_main_wrap_con .bbs_main_wrap_con_ul1 {width: auto; position: absolute; top:0px; left: 0px;}
.bbs_main_wrap_con .bbs_main_wrap_con_ul2 {width: 100%; padding-left: 72px;}
.bbs_main_wrap_con .bbs_main_wrap_con_info {font-size: 12px; color:#999;}
.bbs_main_wrap_con .bbs_main_wrap_con_cont {font-size: 14px; color:#666; word-break: keep-all; margin-top: 5px;}
.bbs_main_wrap_con .bbs_main_wrap_con_cont a {color:#000;}

.ovlay_wrap {}
.prof_image img {width: 52px; height:auto; border-radius: 10px;}
.ovlay {height: 100%; overflow: hidden; box-sizing: border-box;}
.ovlay.active {position: absolute; top:0px; left: 0px; width: 100%; height:auto; background-color: #fff; z-index: 97; padding: 20px; box-sizing: border-box; border:1px solid rgba(0,0,0,0.05); border-radius: 10px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1);}



.arr_prev_btn {width: 24px !important; height:24px !important; border:1px solid #ddd; border-radius: 4px; top:0px !important; right:120px !important; left: auto !important; padding-bottom: 2px;}
.arr_prev_btn:hover {border-color: #25282B;}
.arr_next_btn {width: 24px !important; height:24px !important; border:1px solid #ddd; border-radius: 4px; top:0px !important; right:90px !important; left: auto !important; padding-bottom: 2px;}
.arr_next_btn:hover {border-color: #25282B;}

.arr_plus_btn {width: 24px !important; height:24px !important; border:1px solid #ddd; border-radius: 4px; top:0px !important; right:90px !important; left: auto !important; padding-bottom: 2px;}
.arr_plus_btn:hover {border-color: #25282B;}

.arr_prev_btn,
.arr_next_btn {
    margin-top: inherit !important;
    display: inherit !important;
    align-items:baseline !important;
    justify-content:flex-end !important;

}

.bbs_main_wrap_point_con {box-sizing: border-box; width: 100%; min-height: 148px;}
.bbs_main_wrap_point_con dd {position: relative;}
.bbs_main_wrap_point_bn {margin-top: 40px;}

.point_list_num {background-color: #aaa; color:#fff; font-size: 10px; line-height: 20px; border-radius: 4px; margin-right: 10px; float:left; text-align: center; width:25px;}
.point_list_name {line-height: 20px; float:left; width: 45%;}
.point_list_point {line-height: 20px; float:right; font-size: 12px;}
.point_list_ch {font-size: 11px; float:right; line-height: 20px; margin-right: 15px;}
.top1_bg {background-color: #AA20FF;}
.top2_bg {background-color: #25282B;}

.bbs_main_wrap_trade_con {box-sizing: border-box; width: 100%}
.bbs_main_wrap_trade_con dd {position: relative;}
.bbs_main_wrap_trade_con dd:last-child {margin-bottom: 0px;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_ul2 {width: 100%;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_subj {font-size: 16px;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_cont {font-size: 14px; color:#666; word-break: keep-all; margin-top: 15px;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_cont a {color:#666;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_info {font-size: 12px; color:#999; margin-top: 5px;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_writer {margin-top: 0px;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_writer span {display: inline-block;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_ico {margin-bottom: 10px;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_ico span {display: inline-block;}

.bbs_list_label2 {line-height: 23px; font-size: 12px; border-radius: 4px; padding-left: 7px; padding-right: 7px;}
.bbs_list_label2.label_w1 {background-color: #fff; color:#999; border:1px solid #ddd;;}
.bbs_list_label2.label_w2 {background-color: #fff; color:#25282B; border:1px solid #ddd;}
.bbs_list_label2.label_w3 {background-color: #fff; color:#AA20FF; border:1px solid #ddd;}
/* } */

/* 풋터 { */
footer {border-top:1px solid #e2e2e2;}
footer .footer_gnb {padding-top: 20px; padding-bottom: 20px;}
footer .footer_gnb_ul1 {float:left; width: 50%; line-height: 35px;}
footer .footer_gnb_ul1 a {margin-right: 30px;}
footer .footer_gnb_ul1 .footer_gnb_li1 {float:left; width: 10%;}
footer .footer_gnb_ul1 .footer_gnb_li2 {float:left; width: 90%; box-sizing: border-box;}
footer .footer_gnb_ul2 {float:right; width: 50%; text-align: right; line-height: 35px;}
footer .footer_gnb_ul2 a {margin-left: 30px;}
footer .footer_sns_ico img {width: 35px; height:auto; border-radius: 10px;}
footer .footer_gnb_ul2 a.footer_sns_ico {margin-left:2px;}

footer .footer_copy {background-color: #25282B; padding-top: 50px; padding-bottom: 50px;}
footer .footer_copy_ul1 {float:left;}
footer .footer_copy_ul2 {float:right; text-align: right;}
footer .footer_copy_ul1_li1 a {color:#fff; margin-right: 30px; line-height: 40px;}
footer .footer_copy_ul1_li1 a img {margin-top: -1px; height:40px;}
footer .footer_copy_ul1_li2 {font-size: 14px; color:#888; margin-top: 20px; line-height: 140%;}
footer .footer_copy_ul1_li3 {font-size: 12px; color:#666; margin-top: 20px;}
footer .footer_btn {border:1px solid #555; color:#999; padding-left: 30px; padding-right: 30px; border-radius: 53px; height:53px;}
footer .footer_btn i {float:left; margin-right: 15px;}
footer .footer_btn span {float:right; font-size: 16px;}
footer .footer_btn:hover {border-color:#fff; color:#fff;}
/* } */


/* 캡챠 { */
#captcha_info {display: none !important;}
#captcha #captcha_mp3 {background: url(../../../theme/rb.basic/rb.img/icon/cp_btn_img.png) no-repeat; border:1px solid #ddd;}
#captcha #captcha_reload {background: url(../../../theme/rb.basic/rb.img/icon/cp_btn_img.png) no-repeat 0 -40px; border:1px solid #ddd}
#captcha button:hover {border-color: #000 !important;}
#captcha #captcha_img {border:0px; height:28px; margin-top: 7px; width:auto;}
#captcha #captcha_key {border:1px solid #ddd; font-size: 16px; width:90px; font-family:'font-B',sans-serif;}
#captcha #captcha_key:focus {border:1px solid #000 !important; box-shadow:none;}
#captcha {border:1px solid #ddd; width: auto; padding: 10px; box-sizing: border-box; border-radius: 10px;}
    
#captcha_info {display: none !important;}
#captcha #captcha_mp3 {background: url(../../../theme/rb.basic/rb.img/icon/cp_btn_img.png) no-repeat; border:1px solid #ddd}
#captcha #captcha_reload {background: url(../../../theme/rb.basic/rb.img/icon/cp_btn_img.png) no-repeat 0 -40px; border:1px solid #ddd}
#captcha.m_captcha button:hover {border-color: #000 !important;}
#captcha.m_captcha #captcha_img {border:0px; height:28px; margin-top: 7px; width:auto; display:inline;}
#captcha.m_captcha #captcha_key {border:1px solid #ddd; font-size: 16px; background:#fff; height:40px; width:90px; font-family:'font-B',sans-serif;}
#captcha.m_captcha #captcha_key:focus {border:1px solid #000 !important; box-shadow:none;}
#captcha.m_captcha {border:1px solid #ddd; width: 100%; padding: 10px; box-sizing: border-box; border-radius: 6px; text-align:center}

/* } */


/* 기존 스타일 수정 { */

.sv_member .profile_img img {border-radius: 50%; margin-right: 3px; margin-top: -2px;}
.sv_member {font-family:'font-B',sans-serif; font-size: 12px; color:#999;}
.sv_member:hover {color:#000;}
.sch_word {color:#AA20FF; background: none; padding: 0px; line-height: inherit; margin: 0px;}
.btn_submit {border:0;background:#AA20FF;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#AA20FF}
.sv_wrap .sv a {color:#fff !important; font-size: 12px !important; border-bottom: 1px solid rgba(255,255,255,0.1); font-family:'font-R',sans-serif; font-weight: normal;}
.sv_wrap .sv a:first-child {border-top-left-radius: 6px; border-top-right-radius: 6px;}
.sv_wrap .sv a:last-child {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.sv_wrap .sv {margin: 4px 0px; border-radius: 6px; box-shadow: 10px 10px 20px rgba(0,0,0,0.1); z-index: 97;}
.sv_wrap .sv:before {left: 50%; transform: translateX(-50%);}

.new_win #win_title {box-shadow: none; border-bottom: 1px solid #ddd;}
#scrap_do .scrap_tit {font-size: 14px !important; border-radius: 10px; padding: 20px !important; box-sizing: border-box;}
.new_win .win_desc {border-radius: 10px;}
.new_win .win_desc::after {display: none;}
.new_win .btn_submit {font-weight: normal; border-radius: 10px; font-family:'font-B',sans-serif;}
.btn_close {border-radius: 10px; font-family:'font-B',sans-serif;}
.reply_btn {border-radius: 10px !important; font-weight: normal; font-family:'font-B',sans-serif; line-height: 45px !important;}
.frm_info {display: block; margin-top: 10px; font-size: 12px; color:#999; word-break: keep-all;}

.new_win .win_ul li {border:1px solid #ddd;}
.new_win .win_ul li a {color:#999;}
.new_win .win_ul .selected a {font-weight: normal;}
.new_win .win_ul .selected {background: #AA20FF; border-color: #AA20FF;}
.reply_btn {background: #AA20FF !important;}
.memo_list .memo_preview a {font-size: 14px !important;}
.memo_list li {padding: 20px 20px !important;}
#memo_list .memo_del {top:20px !important;}
.memo_list .profile_big_img img {border-radius: 10px !important;}
.memo_list .no_read {box-shadow: none !important; background-color: #AA20FF !important; border:0px !important; width: 14px !important; height:14px !important; bottom:-2px !important; right:-2px !important;}
.memo_list .memo_preview a {padding-top: 5px !important;}
.memo_list .memo_li.memo_name {padding-top: 7px !important;}
.new_win .win_desc i {display: none;}
.new_win .win_total {color:#000; font-weight: normal; font-size: 12px;}
#memo_view p {padding: 20px !important;}
.memo_from li.memo_view_date {font-size: 12px;}
.memo_from li.memo_view_nick {margin-top: 3px;}
.memo_list li.read {background-color: #f9f9f9 !important;}

.pg_wrap {float:none; width: 100%; text-align: center; margin-top: 30px;}
.pg_page {color:#000; min-width: 40px; height:40px; line-height: 40px; border-radius: 40%; background-color: transparent;}
.pg_current {background-color: #AA20FF; border:0px; height:40px; line-height: 40px; min-width: 40px; border-radius: 40%;}

.list_help_wrap {margin-bottom: -30px; margin-top: 20px; background-color: #f9f9f9; padding: 20px; box-sizing: border-box; font-size: 14px; color:#000; border-top-left-radius: 0px; border-top-right-radius: 0px;}

#point .point_status {background-color: #f9f9f9 !important; color:#000 !important;}
#point .point_all .full_li {border: 0px !important;}
#point .point_all {background-color: #AA20FF !important; border:0px !important; color:#fff !important; border-radius: 10px !important;}
#point .point_all .full_li span {color:#fff !important; font-weight: normal !important; font-family:'font-B',sans-serif !important;}
.point_list .txt_expired {font-size: 12px;}
.point_list .point_tit {font-weight: normal !important;}
.point_list .point_date1 {font-size: 12px; color:#999;}
.point_list .point_num {font-weight: normal !important; right:20px !important; font-size: 14px !important; font-family:'font-B',sans-serif !important; color:#000 !important;}
.point_list li {padding: 20px !important;}
.point_list .point_num.reds {color:red !important;}
.point_list .point_use {background-color: #f9f9f9 !important;}

#scrap .scrap_datetime {font-size: 12px; color:#999;}
#scrap .scrap_cate {background-color: #f1f1f1 !important; color:#000 !important; margin-top: -2px; padding-left: 6px !important; padding-right: 6px !important;}
#scrap .scrap_tit {font-weight: normal !important;}
#scrap .scrap_del {top:45% !important; transform: translateY(-50%); right:20px !important;}

#ctt {margin: 0px !important; padding: 0px !important;}
#ctt_con {word-break: keep-all;}
#ctt_con p {word-break: keep-all;}
.ctt_admin {display: none !important;}

#hd_pop {position: fixed;margin: 0px; width: 100%; z-index: 99999;}
.hd_pops {background-color: #000 !important; border:0px !important; box-shadow: 30px 30px 60px rgba(0,0,0,0.1); margin: 0 auto;}
.hd_pops_close {padding-left: 20px !important; padding-right: 20px !important;}
.hd_pops_close .fa.fa-times {display: none !important;}
.hd_pops_footer button {font-size: 12px;}
.sv_wrap .sv a {text-align: left;}

.swiper-slide-category {width:auto !important;}
#bo_cate #bo_cate_ul:before {display:none !important;}
#bo_cate{border-bottom: 1px solid rgba(0,0,0,0.1);}
.copymove_current {background-color: #212121; padding-left: 10px; padding-right: 10px; font-size: 12px;  line-height: 100%; margin-right: 15px;}
#copymove .tbl_head01 thead th {padding-top: 15px; padding-bottom: 15px;}
.btn_cancel {background-color: #fff !important; color:#000 !important; border:1px solid #ddd !important;}
#copymove .tbl_wrap {margin: 0px; margin-top: -1px; margin-bottom: 20px;}
/* } */


/* 좌측히든 { */
.user_prof_bg {background-color: #f9f9f9; padding-top:70px !important; padding-bottom: 70px !important; width: 100% !important; margin: 0 !important;}
.user_prof {text-align: center; margin-top: -50px !important;}
.user_prof img {border-radius: 20px;}
.user_prof_bg_info {border-bottom: 0px !important; text-align: center; font-size: 30px; text-indent: 0px !important;}
.user_prof_bg_info span {font-size: 12px;color: #000;background-color: #f1f1f1;padding: 3px 10px 3px 10px;border-radius: 6px;display: inline-block;vertical-align: middle; text-indent: 0px !important;}
.user_prof_bg_info a {color:#000 !important;}
.user_prof_btns {text-align: center; margin-top: 30px; margin-bottom: 30px;}
/* } */

/* 20240604 추가 { */
#logo_img {height:40px; width:auto;}
/* } */

#bo_w .bo_w_flie .frm_file {border:0px !important;}

/********************************************************************************/


#wrapper{padding-top: 80px;}


#footer{border-top: 1px solid #e2e2e2;padding-bottom: 50px;}
.footer-container{width: 1400px;margin: 0 auto;}
.footer-top{height: 70px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ccc;}
.footer-link {display: flex;gap:18px}
.footer-link a{display: block;position: relative;color:#666;font-size: 14px;}

.family-site.select-box{border: none !important}
.family-site.select-box>a{font-size: 14px;color:#666;background: none !important}
.family-site.select-box>a:after{content: '';width: 24px;height: 24px;border: 1px solid #ddd;border-radius:3px;position: absolute;right:0px;top:50%;transform:translatey(-50%);background: url(/images/arrow_up.jpg) center no-repeat;transition:all ease-out .3s;}
.family-site.select-box.select-active>a:after{transform:translatey(-50%) rotate(180deg);}
.family-site.select-box ul{top:auto !important;bottom:38px;}

.footer-box{display: flex;padding-top: 35px;justify-content: space-between;align-items: flex-end;}
.footer-logo{}
.footer-logo img{vertical-align: top;}
.footer-sns{display: flex;gap:5px;}
.footer-sns a{display: block;}
.footer-sns a img{vertical-align: top;height: 25px;width: auto;}

.footer-info{padding: 30px 0 20px;display: flex;flex-direction: column;gap:8px;font-size: 14px;color:#666}
.footer-info div{display: flex;gap:30px}

.footer-info span{}
.footer-info a{}

.ft-admin-link{background: #b5b5b5;color:#fff;border-radius:20px;padding: 6px 12px;font-size: 12px;display: inline-block;}

.footer-bottom{}
.copyright{font-size: 11px;margin-top: 12px;color:#666}
.copyright strong{text-transform:uppercase}
.copyright span{color:#cccccc;}


/* Main */
#main-container{overflow: hidden;}
.main-top-area{padding: 65px 0 40px;margin: 0px auto;width: 1400px;display: flex;overflow: hidden;justify-content: space-between;}
.main-top-intro{width: 670px;position: relative;display: flex;flex-direction: column;padding-top: 10px;}
.main-top-intro:before{content: '';width: 14px;height: 14px;position: absolute;right:195px;top:-10px;background: url(/images/che04.png) 0 0 no-repeat;}
.main-top-intro:after{content: '';width: 90px;height: 71px;position: absolute;right:-20px;top:-15px;background: url(/images/chen01.png) 0 0 no-repeat;}

.main-top-intro strong{display: block;font-family: gwedu;font-size: 36px;color:#ffcc00;}
.main-top-intro span{display: block;font-family: gwedu;font-size: 36px;color:#333;}
.main-top-intro div{display: block;font-size: 16px;color:#aaa;font-weight: 700;margin-top: 5px;line-height: 1.5em;}

/* animation */
.main-top-intro strong, .main-top-intro span, .main-top-intro div{opacity: 0;transform:translatey(15px);transition: all .5s ease-out;}
.main-top-intro:before{opacity: 0;transform:translatey(15px);transition: all .5s ease-out;}
.main-top-intro:after{opacity: 0;transform:translatex(15px);transition: all .5s ease-out;}

.aos-animate.main-top-intro strong{opacity: 1;transform:translatey(0px);}
.aos-animate.main-top-intro span{opacity: 1;transform:translatey(0px);transition-delay:.2s}
.aos-animate.main-top-intro div{opacity: 1;transform:translatey(0px);transition-delay:.4s}
.aos-animate.main-top-intro:before{opacity: 1;transform:translatey(0px);transition-delay:.4s}
.aos-animate.main-top-intro:after{opacity: 1;transform:translatex(0px);transition-delay:.5s}


.main-notice-box{width: 570px;}
.main-notice-title-area{display: flex;justify-content: space-between;margin-bottom: 5px;}
.main-notice-title{font-size: 24px;font-weight: 800;position: relative;display: flex;align-items: center;margin-bottom: auto;gap:10px;}
.main-notice-title:after{content: '';width: 28px;height: 22px;background: url(/images/newsmicon.png) center no-repeat;}
.main-notice-manage{display: flex;gap:12px;}
.main-notice-prev{display: block;width: 40px;height: 40px;background: #e8e8e8 url(/images/arr01.png) center no-repeat;border-radius:50%;}
.main-notice-next{display: block;width: 40px;height: 40px;background: #e8e8e8 url(/images/arr02.png) center no-repeat;border-radius:50%;}
.main-notice-slide{overflow: hidden;}
.main-notice-list{}
.main-notice-list li{margin-bottom: 12px;}
.main-notice-list li a{display: block;}
.main-notice-list li a strong{font-size: 18px;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.main-notice-list li a span{font-size: 14px;color:#999999;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;margin-top: 3px;}
.main-notice-list li:last-child{margin-bottom: 0;}


.main-middle-area{width: 1400px;margin: 0 auto;display: flex;justify-content: space-between;}
.main-middle-left{width: 670px;height: 380px;overflow: hidden;position: relative;}
.main-banner-slide{height: 100%;border-radius:18px;overflow: hidden;}
.main-banner-slide .swiper-slide a{display: block;position: relative;height: 100%;}
.main-banner-slide .swiper-slide img{object-fit:cover;width: 100%;height: 100%;}
.main-banner-manage{width: 140px;height: 45px;position: absolute;right:0;bottom:0;background: #fff;z-index: 5;border-top-left-radius:15px;padding-top: 5px;display: flex;align-items: center;justify-content: center;gap:12px;padding-left: 10px;}
.main-banner-slide:before{content: '';position: absolute;bottom:0;right:140px;width: 30px;height: 30px;border-radius:50%;background: transparent;z-index: 5;box-shadow:15px 15px 0 #fff;}
.main-banner-slide:after{content: '';position: absolute;bottom:45px;right:0px;width: 30px;height: 30px;border-radius:50%;background: transparent;z-index: 5;box-shadow:15px 15px 0 #fff;}

.main-banner-manage .main-banner-paging{width: auto !important;line-height: 1em;padding-top: 3px;font-weight: 800;display: flex;gap:2px;}
.main-banner-manage .main-banner-paging em{font-style: normal;}
.main-banner-buttons button{width: 16px;height: 16px;}
.main-banner-buttons button.main-banner-prev{background: url(/images/slide_pre.png) center no-repeat;}
.main-banner-buttons button.main-banner-next{background: url(/images/slide_next.png) center no-repeat;}
.main-banner-buttons button.main-banner-play.active{background: url(/images/slide_stop.png) center no-repeat;}
.main-banner-buttons button.main-banner-play{background: url(/images/silde_play.jpg) center no-repeat;}

.main-middle-center{width: 345px;height: 380px;border-radius:18px;background: #e0f7fc;position: relative;margin-bottom: 60px;}
.main-middle-center:after{content: '';width: 72px;height: 72px;background: url(/images/che03.png) 0 0 no-repeat;position: absolute;right:35px;bottom:-15px;z-index: 5;display: none;}

.main-middle-title{display: block;position: relative;font-size: 24px;font-weight: 800;padding: 40px;padding-bottom: 0;margin-bottom: 20px;}
.main-middle-center .main-middle-title{margin-bottom: 25px;}

.main-activity-slide{width: 188px;height: 245px;margin: 0 auto;overflow: hidden;border-radius:15px;}
.main-activity-slide .swiper-slide a{display: block;height: 100%;}
.main-activity-slide .swiper-slide a img{width: 100%;height: 100%;vertical-align: top;object-fit:cover;}
.main-activity-prev{position: absolute;left:20px;top:50%;width: 40px;height: 40px;background: #fff url(/images/arr01.png) center no-repeat;border-radius:50%;opacity: .7;transition:all .3s ease-out;}
.main-activity-next{position: absolute;right:20px;top:50%;width: 40px;height: 40px;background: #fff url(/images/arr02.png) center no-repeat;border-radius:50%;opacity: .7;transition:all .3s ease-out;}
.main-activity-prev:hover, .main-activity-next:hover{opacity: 1;box-shadow:0 0 8px rgba(0, 0, 0, .15);}

.main-middle-right{width: 345px;height: 380px;border-radius:18px;background: #e1f6ef;position: relative;}
.main-middle-right:before{content: '';position: absolute;right:16px; top:-23px;width: 93px;height: 73px;background: url(/images/chen02.png) 0 0 no-repeat;}
.main-middle-right:after{content: '';position: absolute;right:38px; bottom:26px;width: 140px;height: 111px;background: url(/images/che05.png) 0 0 no-repeat;}
.main-lecture-text{padding-left: 40px;color:#54ad8a;font-size: 14px;font-weight: 700;line-height: 1.4em;}
.main-lecture-buttons{padding-left: 40px;display: flex;flex-direction: column;gap:8px;margin-top: 25px;}
.main-lecture-buttons li a{display: inline-flex;padding: 11px 0;padding-left: 20px;background: #fff;width: 140px;letter-spacing:-0.5px;border-radius:40px;color:#018657;transition:all .3s ease-out;position: relative;}
.main-lecture-buttons li a:after{content: '';width: 14px;height: 10px;background: url(/images/arr02_green.png) 0 0 no-repeat;position: absolute; right:18px; top:50%; transform:translatey(-50%); transition:all .3s ease-out;}
.main-lecture-buttons li a:hover{background: #018657;color:#fff;}
.main-lecture-buttons li a.main-lecture-online{background: #018657;color:#fff;}
.main-lecture-buttons li a.main-lecture-online:after{background: url(/images/arr02_white.png) 0 0 no-repeat;}
.main-lecture-buttons li a.main-lecture-online:hover{color: #018657;background:#fff;}
.main-lecture-buttons li a.main-lecture-online:hover:after{background: url(/images/arr02_green.png) 0 0 no-repeat;}
.main-lecture-buttons li a:hover:after{right:14px;background: url(/images/arr02_white.png) 0 0 no-repeat;}

.main-bottom-area{width: 1400px;margin: 0 auto;}
.main-quick-list{display: flex;justify-content: space-between;position: relative;}
.main-quick-list:before{content: '';width: 100px;height: 88px;background: url(/images/chen03.png) 0 0 no-repeat;position: absolute;left:-166px;top:-94px;}

.main-quick-list:before{opacity: 0;transform:translatex(15px);transition: all .5s ease-out;}
.aos-animate.main-quick-list:before{opacity: 1;transform:translatex(0px);transition-delay:.5s}

.main-quick-list li{width: 262px;}
.main-quick-list li a{height: 106px;display: flex;border-radius:15px;padding-left: 95px;flex-direction: column;justify-content: center;gap:5px;transition:all .3s ease-out;}
.main-quick-list li a:hover{box-shadow:0 0 15px rgba(0, 0, 0, .15);}
.main-quick-list li a span{font-size: 12px;font-weight: 700;}
.main-quick-list li a strong{font-size: 18px;}
.main-quick1{background: #e5f9db url(/images/sb_01.png) right 174px center no-repeat;color:#6eba47;}
.main-quick2{background: #feebef url(/images/sb_02.png) right 176px center no-repeat;color:#d95b76;}
.main-quick3{background: #e2f4fd url(/images/sb_03.png) right 178px center no-repeat;color:#333;}
.main-quick4{background: #fef1d1 url(/images/sb_04.png) right 184px center no-repeat;color:#333;}
.main-quick5{background: #d9f8ee url(/images/sb_05.png) right 178px center no-repeat;color:#333;}

.main-sns-wrap{margin-top: 80px;padding-top: 19px;background: #e3f3fb url(/images/sns_bg.jpg) center 0 repeat-x;padding-top: 70px;padding-bottom: 70px;position: relative;}
.main-sns-wrap:before{content: '';width: 92px;height: 74px;background: url(/images/chen04.png) 0 0 no-repeat;position: absolute;left:50%;top:-43px;margin-left: 220px;}
.main-sns-container{width: 1400px;margin: 0 auto;padding-right: 80px;display: flex;justify-content: space-between;}

.main-sns-wrap:before{opacity: 0;transform:translatex(15px);transition: all .5s ease-out;}
.aos-animate.main-sns-wrap:before{opacity: 1;transform:translatex(0px);transition-delay:.5s}


.main-sns-title{display: flex;flex-direction: column;}
.main-sns-title span{font-size: 18px;font-weight: 700;}
.main-sns-title strong{font-size: 36px;font-weight: 800;}
.main-sns-title div{font-size: 16px;color:#999;font-weight: 700;margin-top: 16px;line-height: 1.4em;}
.main-sns-slide-area{position: relative;}
.main-sns-slide{width: 990px;overflow: hidden;}
.main-sns-slide .swiper-slide>a{background: #000;display: block;border-radius:25px;aspect-ratio: 1 / 1;background: #fff;position: relative;overflow: hidden;}
.main-sns-slide .swiper-slide>a:after{content: '';width: 28px;height: 28px;position: absolute;right:15px;top:17px;background: url(/images/f.png) 0 0 no-repeat;}
.main-sns-slide .swiper-slide>a img{width: 100%;height: 100%;vertical-align: top;object-fit:cover;}
.main-sns-prev{display: block;width: 40px;height: 40px;background: #fff url(/images/arr01.png) center no-repeat;border-radius:50%;position: absolute;left:-80px;top:50%;transform:translatey(-50%);box-shadow:0 0 15px rgba(0, 0, 0, .1);opacity: .7;transition:all .3s ease-out;}
.main-sns-next{display: block;width: 40px;height: 40px;background: #fff url(/images/arr02.png) center no-repeat;border-radius:50%;position: absolute;right:-80px;top:50%;transform:translatey(-50%);box-shadow:0 0 15px rgba(0, 0, 0, .1);opacity: .7;transition:all .3s ease-out;}
.main-sns-prev:hover, .main-sns-next:hover{opacity: 1;}



/* Sub */
#sub-container{position: relative;}
#sub-container.use-bg{background: #f5f6f8;}
#sub-container img{max-width:100%;}
.sub-content-wrap{}

#sub-content-body{min-height:500px;width: 1400px;margin: 0 auto;padding: 60px 0;}
#sub-content-body.is-wide{width: auto;padding: 60px 0;}
#sub-content-header{position: relative;}
.sub-content-header-nav{background: #fff;position: relative;z-index: 5;display: flex;align-items: center;justify-content: center;padding-top: 90px;padding-bottom: 30px;}



.nav-home{text-indent: -9999px;width: 24px;height: 24px;background: url(/images/home.svg) center no-repeat;background-size: 100% auto;opacity: .4;transition:all .3s ease-out;}
.nav-home:hover{opacity: 1;}

@media all and (min-width:1024px) {
	.sub-top-select.select-box{border: none !important;height: auto !important;width: auto !important;margin-left: 30px !important}
	.sub-top-select.select-box:before{content:'';display:block;width:1px;height:18px;background: rgba(34, 34, 34, .2);position:absolute;left:-14px;top:3px;}
	.sub-top-select.select-box>a{height: auto !important;line-height: inherit !important;width: auto !important;background: none !important;font-size: 18px;display: flex;align-items: center;gap:8px;}
	.sub-top-select.select-box>a:after{content: '';width: 22px;height: 22px;border: 1px solid #2a3241;background: url(/images/chevron-down.svg) center no-repeat;	background-size: 16px auto;display: inline-block;border-radius:50%;opacity: .4;transition:all .3s ease-out;}
	.sub-top-select.select-box.select-active>a:after{opacity: 1;transform:rotate(180deg);}
	.sub-top-select.select-box ul{min-width: 150px !important;border: none;box-shadow:0 5px 10px rgba(0, 0, 0, .1); padding: 10px 0 !important;}
	.sub-top-select.select-box ul a{text-align: center !important;line-height: 28px !important;height: auto !important}
	.sub-top-select.select-box.select-active a{color:#333 !important;}
	.sub-top-select.select-box.select-active ul{min-width: 150px !important;border: none;box-shadow:0 5px 10px rgba(0, 0, 0, .1); }
	.sub-top-select.select-box.select-active ul a.active{background: none !important;color:#0082f0 !important;font-weight: 700;}
	.sub-top-select.select-box.select-active ul a.hover{background: none !important;color:#0082f0 !important;}
}

.sub-group-title{text-align: center;font-size: 60px;font-weight: 800;margin-bottom: 50px;}

	
.sub-content-header{width: 1400px;margin: 0 auto;}


.sub-top-print{position: absolute;display: block;width: 40px;height: 40px;background: url(/img/sub_print.png) 0 0 no-repeat;right:0;top:70px;}
.sub-top-link{position: absolute;display: block;width: 40px;height: 40px;background: url(/img/sub_link.png) 0 0 no-repeat;right:55px;top:70px;}

.sub-content-title{width: 1400px;margin: 0 auto;position: relative;padding: 60px 0 20px;}
.sub-content-title h3{font-size: 36px;color:#000;text-align: center; font-family: "gwedu";}
.sub-content-title span{font-size: 14px; font-weight: 300;  color:#999;text-align: center; line-height: 140%; padding-top: 10px;}



.sub-content-header-bottom{display: flex;width: 1400px;margin: 0 auto;align-items:center;justify-content:space-between;padding: 20px 0;}
.location{position: absolute;right:0;bottom:140px;display: flex;align-items: center;gap:20px;}
.location a{color:#fff;display: inline-block;position: relative;font-size: 16px;line-height: 1em;opacity:0.8;transition:all ease-out .3s;font-weight: 500;margin-top: 6px;}
.location a:first-child{text-indent:-9999px;width: 18px;height: 17px;background: url(/images/home.png) center no-repeat;margin-top: 0;}
.location a:nth-child(3){padding-left: 20px;}
.location a:nth-child(3):before{content: '';width: 8px;height: 13px;background: url(/images/location_arrow.png) 0 0 no-repeat;position: absolute;left:-4px;top:0;}
/* .location a:hover{opacity: 1;} */
.location img{vertical-align: top;}


.sub-content-header-top{height: 400px;background:#e5e2dd url(/images/visual_img01.jpg) center center no-repeat;display:flex;flex-wrap:wrap;align-items:center;align-content:center;background-size: cover !important;position: relative;}
.sub-content-header-top:after{content: '';position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.sub-content-header-top.sub-content-header-top-p_intro{background:#e5e2dd url(/images/subtop_img01.jpg) center center no-repeat;}
.sub-content-header-top.sub-content-header-top-p_fac{background:#e5e2dd url(/images/subtop_img02.jpg) center center no-repeat;}
.sub-content-header-top.sub-content-header-top-p_part{background:#e5e2dd url(/images/subtop_img03.jpg) center center no-repeat;}
.sub-content-header-top.sub-content-header-top-p_notice{background:#e5e2dd url(/images/subtop_img04.jpg) center center no-repeat;}
.sub-content-header-top.sub-content-header-top-p_com{background:#e5e2dd url(/images/subtop_img05.jpg) center center no-repeat;}

.sub-content-header-top{background-size: 110% auto !important;transition: all 1.2s ease-out .3s !important}
.sub-content-header-top.aos-animate{background-size: 100% auto !important;}

.sub-content-header-top-inner{width: 1400px;margin: 0 auto;position: relative;height: 100%;display: flex;align-items:center;justify-content:center;z-index: 2;flex-direction: column;gap:18px}
.sub-content-header-top span{display: block;font-size: 14px;color:#fff;font-weight: 500;text-align: center;text-transform: uppercase;}
.sub-content-header-top strong{display: block;font-size: 62px;color:#fff;font-weight: 600;text-align: center;/*animation: text-focus-in 1.5s cubic-bezier(.25,.46,.45,.94) both 1s;*/font-family: "gwedu";}

.snb2{display: flex;}
.snb2 li{flex:1 1 100%;}
.snb2 li a{display: flex;align-items: center;justify-content: center;padding: 24px 10px 20px;font-size: 18px;border-radius:20px 20px 0 0;overflow: hidden;color:rgba(42, 50, 65, .4);background: #f2f6fb;transition:all .3s ease-out;}
.snb2 li a:hover{color:#000;}
.snb2 li.snb-active a{background: #0082f0;color:#fff;}


.snb-wrap{border-bottom: 1px solid #ddd;position: relative;width: 100%;background: #fff;}
.snb{*zoom:1;/*animation: text-focus-in 1.5s cubic-bezier(.25,.46,.45,.94) both 1.3s;*/text-align: center;}
.snb:after{content:""; display:block; clear:both;}
.snb li{display: inline-block;position: relative;padding: 0 30px;}

.snb li a{display: inline-block;font-size: 17px;color:#888;font-weight: 500;transition:opacity .3s ease-in-out;height: 70px;line-height: 70px;padding: 0;position: relative;transition:all ease-out .3s;}
.snb li a:after{position: absolute;left:50%;bottom:-1px;width: 0;height: 3px;content:"";transition:all ease-out .3s;background: #36c;}
.snb li.snb-active a, .snb li a:hover{color:#36c;font-weight: 500;}
.snb li.snb-active a:after, .snb li a:hover:after{width: 100%;left:0;}
.wide-container-wrap{width: 1400px;margin: 0 auto;}

@media all and (max-width:1400px) {
	.footer-container, #sub-content-body, .sub-content-title, .sub-content-header-bottom, .sub-content-header-top-inner, .wide-container-wrap, .gnb_wrap .inner, .main-visual-content, .main-top-area, .main-middle-area, .main-bottom-area, .main-sns-container, .sub-content-header{width: auto;}
	.sub-content-header-top-inner{width: 100%;}
	.gnb_wrap .inner{width: auto !important;padding:0 30px;}
	#gnb>ul>li>a{font-size: 16px;padding: 0 15px;}

	.location{bottom:100px;width: 100%;text-align: center;justify-content: center;}
	.footer-container{padding: 0 30px;}
	.sub-content-header{margin: 0 30px;}

	/* main */
	.main-top-area{flex-direction: column;align-items: center;gap:50px;}
	.main-top-area>div{width: 800px;}
	.main-middle-area{width: 800px;flex-wrap:wrap;justify-content: center;align-items: center;gap:50px;margin: 30px auto 80px;}
	.main-middle-center{margin-bottom: 0;}
	.main-quick-list{flex-wrap:wrap;gap:30px;justify-content: center;align-items: center;width: 900px;margin: 0 auto;}

	.main-sns-container{flex-direction: column;align-items: center;justify-content: center;gap:50px;padding-right: 0;}
	.main-sns-title{text-align: center;}
	.main-sns-title div br{display: none;}

	.main-sns-slide-area{padding: 0 120px;width: 100%;}
	.main-sns-slide{width: auto;}
	.main-sns-prev {left:50px;}
	.main-sns-next {right:50px;}

}
@media all and (max-width:1024px) {
	.snb2{display: none;}
	.nav-home{display: none;}
	#gnb{display: none;}
	.gnb_wrap .inner{padding:0 15px;}
	.sub-content-header-nav{padding-top: 0;}
	.sub-group-title{font-size: 40px;margin-bottom: 20px;}

	.sub-content-header-top{height: 280px;}
	.sub-content-header-top-inner{padding-top: 50px;}
	.location{bottom:50px;width: 100%;text-align: center;justify-content: center;position: static;margin-top: 40px;}
	.sub-content-header-top strong{font-size: 40px;}
	


	.sub-content-header-nav{border: 1px solid #ddd;border-left: none;border-right: none;margin-bottom: 40px;padding-bottom: 0;}
	.sub-top-nav{position: relative;display: flex;}
	.sub-top-nav{flex:1 1 100%;}
	.sub-top-nav .select-box{border: none;width: 50% !important;height: 40px !important;position: static;}
	.sub-top-nav .select-box>a{font-size: 18px;height: 40px !important;line-height: 40px !important;background-color: #fff !important;font-weight: 500;color:#5a5a5a;letter-spacing:-1px;padding-left: 20px;font-size: 14px;background: none !important;position: relative;}
	.sub-top-nav .select-box>a:after{content: '';position: absolute;right:10px;top:50%;transform:translatey(-50%); 
	width: 20px;height: 20px;border: 1px solid #2a3241;background: url(/images/chevron-down.svg) center no-repeat;	background-size: 16px auto;display: inline-block;border-radius:50%;opacity: .3;transition:all .3s ease-out;}

	/* .sub-top-select.select-box>a:after{content: '';width: 22px;height: 22px;border: 1px solid #2a3241;background: url(/images/chevron-down.svg) center no-repeat;	background-size: 16px auto;display: inline-block;border-radius:50%;opacity: .4;transition:all .3s ease-out;} */

	.sub-top-nav .select-box.select-active>a:after{transform:translatey(-50%) rotate(180deg);opacity: 1;}
	.sub-top-nav .select-box ul{top:70px !important;border: none !important;z-index: 50 !important;width: calc(100% + 1px) !important;top:41px !important;max-height:360px;box-shadow:0 5px 15px rgba(0, 0, 0, .1);padding: 20px 10px;}

	.sub-top-nav .select-box:first-child  ul{left:0 !important}
	.sub-top-nav .select-box ul a{height: 40px !important;line-height: 40px !important;font-size: 14px;}
	.sub-top-nav .select-box.select-active>a{color:#333}
	.sub-top-nav .select-box.select-active ul a{color:#666;height: 30px !important;line-height: 30px !important;}
 	.sub-top-nav .select-box.select-active ul a.hover{background: none;color:#0082f0}
	.sub-top-nav .select-box.select-active ul a.active{background:none;color:#36c}
/* 	.sub-top-nav .select-box a{color:#36c} */
	.sub-top-nav .select-box:nth-child(2):after{content: '';position: absolute;left:50%;top:0;width: 1px;height: 100%;background: #ddd;}

/* 	.sub-top-nav .select-box:nth-child(2)>a{color:#fff;background: #36c !important;}
	.sub-top-nav .select-box:nth-child(2)>a:after{background: #fff;}
	.sub-top-nav select{display: none;}
	.sub-top-nav .select-box:last-child{border-right: none !important;} */

	/* main */
	.main-top-area>div{width: 700px;}
	.main-middle-area{gap:50px 30px;width: 760px;}
	.main-quick-list{width: 600px;}
}
@media all and (max-width:768px) {
	.gnb_wrap .snb_wrap{gap:0px;}
	.gnb_wrap .inner{height: 65px;}
	#wrapper{padding-top: 65px;}
	#search_top_btn, #tog_gnb_mobile{width: 40px;height: 40px;vertical-align: top;}
	#search_box_wrap{top:65px}
	.sub-content-header{margin: 0 15px;}

	.sub-content-header-top{height: 250px;}
	.location{margin-top: 30px;}
	.sub-content-title h3{font-size: 30px;}
	.sub-content-header-top strong{font-size: 36px;}
	#footer{font-size: 14px;}
	.footer-info{text-align: center;font-size: 12px;}
	.footer-info div{display: flex;flex-direction: column;justify-content: center;align-items: center;gap:7px;}
	.footer-top{flex-direction: column;align-items: center;justify-content: center;gap:10px;height: auto;padding: 15px 0 8px;}
	.footer-box{padding-top: 20px;flex-direction: column;align-items: center;justify-content: center;gap:20px;}
	.footer-bottom{text-align: center;}
	.copyright strong{display: block;margin-bottom: 5px;}
	.footer-container{padding: 0 15px;}

	.sub-group-title{font-size: 30px;}
	.snb li{padding: 0 8px;}
	.snb li a{font-size: 14px;height: 45px;line-height: 45px;}

	/* main */
	.main-top-area{padding: 30px 15px;}
	.main-top-area>div{width: 100%;}
	.main-top-intro strong{font-size: 28px;}
	.main-top-intro span{font-size: 28px;}
	.main-top-intro div{font-size: 14px;}

	.main-notice-title-area{margin-bottom: 20px;}
	.main-notice-title{font-size: 18px;}
	.main-notice-title:after{height: 18px;	background-size: auto 100%;}
	.main-notice-prev, .main-notice-next{width: 30px;height: 30px;}
	.main-notice-list li a strong{font-size: 14px;}
	.main-notice-list li{margin-bottom: 10px;}

	.main-middle-area{flex-direction: column;padding: 0 30px;width: auto;}
	.main-middle-left{width: 100%;aspect-ratio: 670 / 380;height: auto;}
	.main-banner-manage{width: 120px;font-size: 13px;}
	.main-banner-slide:before{right:120px;}

	.main-middle-area{padding: 0 15px;}
	.main-middle-center, .main-middle-right{max-width:100%;}
	.main-activity-prev{left:15px;width: 30px;height: 30px;}
	.main-activity-next{right:15px;width: 30px;height: 30px;}
	.main-middle-title{padding: 40px 20px 0;}
	.main-lecture-text{padding: 0 20px;}
	.main-lecture-buttons{padding: 0 20px;}
	.main-middle-title{font-size: 20px;}

	.main-quick-list{width: 100%;flex-direction: column;}


	.main-sns-wrap{padding-top: 50px;padding-bottom: 50px;margin-top: 50px;}
	.main-sns-container{gap:30px}
	.main-sns-title span{font-size: 15px;}
	.main-sns-title strong{font-size: 30px;}
	.main-sns-title div{font-size: 13px;margin-top: 10px;}
	.main-sns-slide-area{padding: 0 60px;}
	.main-sns-prev{left:15px;width: 30px;height: 30px;}
	.main-sns-next{right:15px;width: 30px;height: 30px;}
	
}
@media all and (max-width:500px) {
/* 	.header-logo img{width: 220px;} */

	/* main */
	.main-top-intro:before{display: none;}
	.main-top-intro:after{display: none;}
	.main-top-intro div br{display: none;}


}