@charset "utf-8";

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 공통 - UI 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#skip_navi {display:none;}
body {background-color:#fff;}
#wrapper {min-height:100%; background-repeat:no-repeat; background-position:center top; box-sizing: border-box;}

.header_pos {width:100%; min-width:320px; height:110px; transition: all 0.1s ease-out; position:fixed; top:0; left:0; z-index:1;
      /*-webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.20);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.20);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.20);*/
}

.base_width {margin:0 auto; width:1200px; position:relative;}

/* 데스크탑 */
@media all and (max-width:1200px){      
      .base_width {width:100%;}
}

.header_pos .header h1.logo {float:left; width:400px; height:110px; line-height:110px; font-size:0; text-indent:-10000; background:url('../images/common/logo.png') no-repeat left center; transition: all 0.2s ease-out;}
.header_pos.main .header h1.logo {background:url('../images/common/logo_white.png') no-repeat left center;}

/* 상단 고정 - fixed */
.header_pos.fixed {height:50px; position:fixed; top:0; left:0; z-index:100;
      -webkit-box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.20);
      -moz-box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.20);
      box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.20);}
.header_pos.fixed h1.logo {height:50px; line-height:50px; background:url('../images/common/logo.png') no-repeat left center; background-size:50%;}
.header_pos.main.fixed .header h1.logo {height:50px; line-height:50px; background:url('../images/common/logo.png') no-repeat left center; background-size:50%;}
/* 데스크탑 */
@media all and (max-width:1200px){
      .header {padding:0 10px; width:100%; box-sizing:border-box;}
}

/* 태블릿 */
@media all and (max-width:1024px){

}
@media all and (max-width:768px){
      .header {height:50px;}
      .header .base_width {height:50px;}
      .header_pos {height:50px;}
      .header_pos .header h1.logo,
      .header_pos.fixed .header h1.logo,
      .header_pos.main .header h1.logo,
      .header_pos.main.fixed .header h1.logo {margin-top:0; height:50px; line-height:50px; background-size:50%;}
}

/* 모바일 */
@media all and (max-width:640px){
}


/* 대메뉴 */
.gnbarea {float:right;}
.gnbarea ul.gnb {}
.gnbarea ul.gnb>li {float:left; position:relative;}
.gnbarea ul.gnb>li a.title {display:flex; flex-direction:column; gap:5px; justify-content:center; align-items:center; padding:0 20px; height:110px; transition:all 0.1s ease-out; position:relative;}
.gnbarea ul.gnb>li a.title i {color:#333; font-size:28px; vertical-align:middle; transition:all 0.1s ease-out;}
.gnbarea ul.gnb>li a.title span {display:block; font-size:14px; color:#333; line-height:1;}
.gnbarea ul.gnb>li a.title:after {display:block; content:''; clear:both; width:0; height:3px; background-color:#fff; position:absolute; bottom:0; left:50%; transition:all 0.5s ease-out;}
.gnbarea ul.gnb>li a.title:hover:after {width:100%;left:0; background-color:#7c0019;}
.gnbarea ul.gnb>li.totalmenu_li {padding-top:38px; padding-left:10px; transition:all 0.1s ease-out;}
.gnbarea ul.gnb>li.totalmenu_li a.btn_totalmenu {display:block; padding:2px 0; transition:all 0.1s ease-out;}
.gnbarea ul.gnb>li.totalmenu_li a.btn_totalmenu span {display:block; margin:7px 0; width:30px; height:2px; background-color:#333; transition:all 0.3s ease-out;}
.gnbarea ul.gnb>li.totalmenu_li a.btn_totalmenu:hover span:first-child {width:25px;}
.gnbarea ul.gnb>li.totalmenu_li a.btn_totalmenu:hover span:last-child {width:15px;}

.header_pos.main .gnbarea ul.gnb>li a.title i {color:#fff;}
.header_pos.main .gnbarea ul.gnb>li a.title span {color:#fff;}
.header_pos.main .gnbarea ul.gnb>li.totalmenu_li a.btn_totalmenu span {background-color:#fff;}

/* 상단 고정 - fixed */
.header_pos.fixed {background-color:#fff;}
.header_pos.fixed .gnbarea ul.gnb>li a.title {padding:0 15px; height:50px; line-height:50px;}
.header_pos.fixed .gnbarea ul.gnb>li a.title img {height:20px;}
.header_pos.fixed .gnbarea ul.gnb>li a.title i {font-size:24px; color:#333}
.header_pos.fixed .gnbarea ul.gnb>li a.title span {font-size:11px; color:#333}
.header_pos.fixed .gnbarea ul.gnb>li.totalmenu_li {padding-top:7px;}
.header_pos.fixed .gnbarea ul.gnb>li.totalmenu_li a.btn_totalmenu span {background-color: #333;}

@media all and (max-width:1200px){
      .gnbarea ul.gnb>li a.title {padding:0 8px;}
}
@media all and (max-width:768px){
      .gnbarea ul.gnb>li a.title {padding:0 15px; height:50px; line-height:50px;}
      .gnbarea ul.gnb>li a.title img {height:20px;}
      .gnbarea ul.gnb>li a.title i {font-size:24px;}
      .gnbarea ul.gnb>li.totalmenu_li {padding-top:7px;}      
}
/* 모바일 */
@media all and (max-width:640px){
      .gnbarea {display:none;}
}

/* 개인메뉴 */
.self_info_pop {display:flex; justify-content:center; align-items:center; width:100%; height:100%; color:#fff;  background-color:rgba(0,0,0,0.9); position:fixed; top:0; left:0; z-index:200;}
.self_info_pop .outline {padding:15px; width:500px; position:relative;}
.self_info_pop .self_info {padding:30px 0; margin-bottom:30px; font-size:30px; text-align:center; border-bottom:solid 3px #393939;}
.self_info_pop .self_info i {font-size:30px;}
.self_info_pop .func {display:inline-block;}
.self_info_pop .func ul {}
.self_info_pop .func ul li {padding:5px 20px;}
.self_info_pop .func ul li a {display:block; font-size:30px;}
.self_info_pop .func ul li a:hover {color:#ff9800; transition:all 0.2s ease-out;}

.self_info_pop .func ul li a i {font-size:30px;}
.self_info_pop .btn_self_info_pop_close i {font-size:30px; position:absolute; top:0; right:30px;}


a.btn_sidemenu {display:none;}

/* 모바일 사이드 메뉴 */
.gnbarea_mobile {position:fixed; top:0; right:-300px; width:300px; height:100vh; height:100%; background-color:#1c1c1c; border-radius:20px 0 0 20px; z-index:300; overflow: hidden;}
.gnbarea_mobile .outline {height:100vh; height:100%; overflow-y:auto; box-sizing:border-box;}
.gnbarea_mobile .self_info_area {position:relative;}
.gnbarea_mobile .self_info_area .login_before {padding:40px 0;}
.gnbarea_mobile .self_info_area .login_before .func_area {}
.gnbarea_mobile .self_info_area .userinfo_header {text-align:center;}
.gnbarea_mobile .self_info_area .func_area {padding-left:5px; text-align:center;}
.gnbarea_mobile .self_info_area .func_area a {display:inline-block; margin-right:10px; color:#333; font-weight:600;}
.gnbarea_mobile .self_info_area .func_area a.btn_login_mobile {display:inline-block; padding:0 20px 0 50px; height:40px; line-height:40px; font-size:18px; font-weight:normal; background:url('../images/ctl/sidemenu/icon_touch.png') no-repeat 20px center #fff;
      -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
}

.gnbarea_mobile .self_info_area .login_after {padding:20px 0;}
.gnbarea_mobile .self_info_area .func_area a.btn_lectureroom_mobile {display:inline-block; padding:0 40px 0 70px; height:40px; line-height:40px; font-size:18px; font-weight:normal; color:#fff; background:url('../images/ctl/sidemenu/icon_learn.png') no-repeat 40px center #701e20;
      -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
}

.gnbarea_mobile .self_info_area .btn_sidemenu_close {display:inline-block; position:absolute; top:10px; right:10px;}
.gnbarea_mobile .self_info_area .btn_sidemenu_close i {font-size:30px; font-weight:normal; color:#fff;}

/* 모바일 */
@media all and (max-width:640px){ 
      a.btn_sidemenu {display:block;}
      a.btn_sidemenu {display:inline-block; width:30px; height:24px; line-height:0; text-align:center; position:absolute; top:50%; right:5px; margin-top:-12px;}
      a.btn_sidemenu span {display:inline-block; margin:3px 0;  width:100%; height:2px; background-color:#333;}

      .header_pos.main a.btn_sidemenu span {background-color:#fff;}

      .header.fixed a.btn_sidemenu span,
      .header_pos.main.fixed a.btn_sidemenu span {background-color: #333;}
}


/* 모바일 로그인 영역 */
.logo_mobile {padding:15px; background-color:#560b11;}
.logo_mobile img {height:26px;}
.loginbox_mobile {padding:30px 15px;}
.loginbox_mobile .login_title {display:block; padding-bottom:5px; color:#fff; font-size:20px; text-align:center; height:30px;}

.loginbox_mobile .total_box {}
.loginbox_mobile .total_box .login_ment {padding-top:10px; padding-left:25px; text-indent:-13px;}

.loginbox_mobile .btn_login {width:100%; height:42px; font-size:16px; color:#fff; border:solid 2px #fff; background-color:transparent; border-radius:50px; transition: all 0.3s; position:relative; top:0;}

.loginbox_mobile .input_cont_box {}
.loginbox_mobile .input_cont_box input[type="text"],
.loginbox_mobile .input_cont_box input[type="password"] {padding-left:20px; margin-bottom:10px; width:100%; height:40px; color:#fff; font-size:16px; font-weight:normal; box-sizing:border-box; border:none; background:#333; border-radius:40px;}
.loginbox_mobile .input_cont_box input[type="text"]:focus,
.loginbox_mobile .input_cont_box input[type="password"]:focus {background:#555;}
.loginbox_mobile .input_cont_box input::placeholder {color:#ccc;}
.loginbox_mobile .input_cont_box .func {padding-bottom:20px; text-align:right; color:#fff;} 
.loginbox_mobile .input_cont_box .func input[type="checkbox"] {border:none;}


.loginbox_mobile .userinfo {padding:5px 0; text-align:center; color:#fff;}
.loginbox_mobile .userinfo strong {font-size:18px;}

.loginbox_mobile .after .bottom {padding-top:10px}
.loginbox_mobile .after .bottom button.btn_main_login {width:100%; height:46px; font-size:16px; background-color:#ffb400; border-radius:50px; transition: all 0.5s;}
.loginbox_mobile .after .bottom button.btn_main_login:hover {color:#333; background-color:#f2f2f2;}

.loginbox_mobile .after .bottom button.btn_logout {width:100%; height:42px; font-size:16px; color:#fff; border:solid 2px #fff; background-color:transparent; border-radius:50px; transition: all 0.3s; position:relative; top:0;}


/* 모바일 메뉴 */
ul.gnb_mobile {margin:0 10px;}
ul.gnb_mobile>li {}
ul.gnb_mobile>li a.title {display:block; padding:10px 15px; color:#fff; font-size:18px; position:relative;}
ul.gnb_mobile>li a.title i {position:absolute; top:calc(50% - 10px); right:15px; transform: rotate(0deg); transition: all 0.2s ease-out;}
ul.gnb_mobile>li a.title.active {background-color:#fff; color:#ffc24d; font-weight:600; background:url('../images/ctl/sidemenu/cert_active.png') no-repeat 95% center;}
ul.gnb_mobile>li a.title.active i {transform: rotate(-90deg);}

ul.gnb_mobile>li .submenu {padding:0 10px 10px;}
ul.gnb_mobile>li .submenu>ul>li>a {display:block; padding:0 20px 0 30px; height:35px; line-height:40px; color:#ffc24d; font-size:16px;}

.modal_screen {width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:150;}

.gnbarea_mobile .bottom_func {width:100%; height:50px; background-color:#000; position:absolute; bottom:0; left:0;}
.gnbarea_mobile .bottom_func ul {overflow:hidden;}
.gnbarea_mobile .bottom_func ul li {float:left; width:50%; text-align:center;}
.gnbarea_mobile .bottom_func ul li a {display:block; height:50px; line-height:50px; color:#aaa;}


/*///////////////////////////////////////////////////////////////////////////////////////////////
 로그인
 ///////////////////////////////////////////////////////////////////////////////////////////////*/
 .login_page_bg {background-color:#c7c3b8;}
 .login_page {margin:0 auto; padding:10px; width:790px; box-sizing:border-box; background-color:#fff; border-radius:10px;
      position:absolute; top:calc(50% - 250px); left:50%; margin-left:-395px;}
.login_page .outline {display:table; width:100%; height:500px;}
.login_page .outline .thum {display:table-cell; width:335px; background:url('../images/login_img.png') no-repeat center center #333; background-size:cover; border-radius:3px; box-sizing:border-box;}

.login_box {display:table-cell; padding:0 30px; text-align:center; vertical-align:middle; box-sizing:border-box;}
.login_box .inner_box {padding:40px 0; margin:0 auto; width:350px;}
.login_box h2 {margin-bottom:10px; padding:5px 0 10px; text-align:center; font-size:24px; color:#666666;}
.login_box h2 img {vertical-align:middle; height:36px;}
.login_box h2 span {display:inline-block; margin-left:10px; padding-left:15px; vertical-align:middle; position:relative;}
.login_box h2 span:after {display:block; content:''; width:1px; height:18px; background-color:#ccc; clear:both; position:absolute; top:calc(50% - 9px); left:0;}

.login_ment {margin-bottom:5px; color:#666; font-size:14px; text-align:left;}
.login_ment ul {padding-left:10px;}
.login_ment ul li {position:relative;}
.login_ment ul li::after {display:block; content:''; width:3px; height:3px; background-color:#999; position:absolute; top:9px; left:-8px;}

.login_box button.btn_login {width:100%; height:38px; font-size:16px; color:#fff; background-color:#871d2d; border-radius:30px;}
.login_box button.btn_login:hover {opacity:0.9;}
.login_box input[type="text"] {margin-bottom:13px; padding-left:20px; width:100%; height:38px; font-size:16px; color:#999999; border-radius:38px; color:#333; background:url('../images/login/icon_email.png') no-repeat 15px center #efefef; border:none; box-sizing:border-box;}
.login_box input[type="password"] {margin-bottom:13px; padding-left:20px; width:100%; height:38px; font-size:16px; color:#999999; border-radius:38px; color:#333; background:url('../images/login/icon_key.png') no-repeat 15px center #efefef; border:none; box-sizing:border-box;}

.login_box .func_area_check {display:flex; justify-self:end; padding:5px 10px; gap:15px;}
.login_box .func_area_check a {display:inline-block; line-height:1; font-weight:600; color:#666; letter-spacing:-1px;}
.login_box .func_area_check a:hover {color:#000;}


.login_box .func_area {display:flex; justify-content:space-between; padding:15px 10px;}
.login_box .func_area a {display:inline-block; line-height:1; font-weight:600; color:#666; letter-spacing:-1px;}
.login_box .func_area a:hover {color:#000;}

 .membership_guide {padding-top:15px; text-align:left; border-top:solid 1px #ccc;}
 .membership_guide .txt {color:#666;}
 .membership_guide button.btn_membership {width:100%; height:38px; font-size:16px; color:#fff; background-color:#666; border-radius:30px;}
.membership_guide button.btn_membership:hover {opacity:0.9;}

/* 테블릿*/
@media all and (max-width:820px){
      .login_page {width:96%; left:2%; margin-left:0;}
      .login_page .outline .thum {width:335px;}      
}

@media all and (max-width:640px){
      .login_page .outline .thum {display:none;}
      .login_box {padding:0; box-sizing: border-box;}      
}
/* 모바일*/
@media all and (max-width:480px){   
      .login_page {width:90%; left:5%;}
      .login_page .outline {height:initial;}
      .login_box .inner_box {width:300px;}  
      .login_box h2 img {height:32px;}    
}
@media all and (max-width:400px){   
      .login_box {padding:0;}
      .login_ment {letter-spacing:-1px;}
      .login_box .inner_box {padding:20px 0; width:280px; box-sizing: border-box;}
}

@media all and (max-width:360px){   
      .login_box .inner_box {padding:20px 10px; width:100%;}
}



/* 전체메뉴 //////////////////////////////////////////////////////////////////////////////////////////////////////*/
.totalmenu_box {padding:35px 100px; box-sizing:border-box; width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; background-color:rgba(0,0,0,0.9);;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);}

.menu_title {}
.menu_title h1 {line-height:1;}

a.btn_totalmenu_close {position:absolute; right:100px; top:35px;}
a.btn_totalmenu_close i {font-size:30px; color:#ddd; font-weight:normal;}
a.btn_totalmenu_close:hover i {color:#fff; transition: all 0.1s;}

ul.totalmenu_list {margin:180px auto 0; width:80%; box-sizing:border-box;}
ul.totalmenu_list>li {float:left; margin-bottom:50px; width:20%; box-sizing:border-box;}
ul.totalmenu_list>li .outline {padding:20px 0;}
ul.totalmenu_list>li .title {text-align:center;}
ul.totalmenu_list>li .title strong {display:inline-block; padding-bottom:30px; margin-bottom:30px; font-weight:600; font-size:36px; color:#fff; border-bottom:solid 1px #fff;}
ul.totalmenu_list li.hosang_menubox .outline {padding:15px 10px; border:solid 5px #fff;}

ul.submenulist {padding:10px 0; height:230px;}
ul.submenulist li {padding:5px 10px; text-align:center;}
ul.submenulist li a {font-size:20px; color:#fff;}
ul.submenulist li a:hover {color:#d31222; transition:all 0.2s ease-out;}

.hosang_thismonth {padding-top:15px; text-align:center;}
.hosang_thismonth .current_ho {color:#fff; font-size:18px;}
.hosang_thismonth .front_page {padding:15px 0;}
.hosang_thismonth .front_page img {width:85px;}
.hosang_thismonth .func {text-align:center;}
.hosang_thismonth .func a {display:block; margin:3px auto; width:135px; height:26px; font-size:14px; font-family:normal; color:#fff; background-color:#2f2323;}
.hosang_thismonth .func a.btn_hoview {background-color:#2f2323;}
.hosang_thismonth .func a.btn_hoview_prev {background-color:#212121;}
.hosang_thismonth .func a:hover {background-color:#d31222; transition:all 0.5s ease-out;}

@media all and (max-width:1500px){
      ul.totalmenu_list {width:90%;}
      ul.totalmenu_list>li .title strong {padding-bottom:30px; margin-bottom:30px; font-size:30px;}
}

@media all and (max-width:1200px){
      .totalmenu_box {padding:35px 50px;}
      ul.totalmenu_list {width:95%;}
      ul.totalmenu_list>li .title strong {padding-bottom:15px; margin-bottom:15px; font-size:26px;}
      ul.submenulist li a {font-size:18px;}
      a.btn_totalmenu_close {right:50px;}
}

/* 테스크탑 */
@media all and (max-width:1024px){
      .totalmenu_box {padding:35px 30px;}     

      ul.totalmenu_list {display:flex; justify-content: space-around; width:100%;}
      ul.totalmenu_list>li {float:initial; margin-bottom:50px; width:initial;}
      ul.totalmenu_list>li .title strong {padding-bottom:10px; margin-bottom:10px; font-size:22px;}
      ul.submenulist li a {font-size:16px;}
      .hosang_thismonth .current_ho {color:#fff; font-size:16px;}
      .hosang_thismonth .func a {display:block;}
      
}

/* 테블릿*/
@media all and (max-width:768px){      
      .totalmenu_box {padding:35px 15px;}
}

/* 모바일*/
@media all and (max-width:640px){   
      .totalmenu_box {display:none;}      
}
@media all and (max-width:414px){   
      
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 main_cont_Top
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main_visual_box {min-height:100%; box-sizing: border-box; background-repeat:no-repeat; background-color:#333; background-position:top center; position:relative;}
.main_visual_box ul {display:table; width:100%; height:100%; justify-content:center; align-items:center; width:100%; height:100%; font-size:16px; color:#fff; box-sizing:border-box; padding:0; overflow:hidden;}
.main_visual_box ul li {display:table-cell; width:33.33%; position:relative; text-align:center; vertical-align: middle; background-size:cover; background-position:center; filter:grayscale(90%); transition: all 0.5s ease-out;}
.main_visual_box ul li:hover {background-color:rgba(92, 17, 22, 0.9); filter:initial;}
.main_visual_box ul li .hover_box {display:table; width:100%; height:100%; background-color:rgba(92, 17, 22, 0.85);}
.main_visual_box ul li .hover_box .outline {display:table-cell; padding:0 30px; text-align:center; vertical-align: middle;}
/* .main_visual_box ul li:hover {cursor:pointer;} */
/* .main_visual_box ul li:nth-child(1) {}
.main_visual_box ul li:nth-child(2) {background-size:cover;}
.main_visual_box ul li:nth-child(3) {background-size:cover;} */
.main_visual_box ul li strong.cata {display:inline-block; margin-bottom:10px; padding:0 15px; height:30px; line-height:30px; font-size:16px; background-color:#000;}

.main_visual_box ul li .list_box {height:230px;}
.main_visual_box ul li .list_box .list_item {margin-top:20px;}
.main_visual_box ul li .list_box .list_item:first-child {margin-top:0;}
.main_visual_box ul li .list_box .date {font-size:18px; margin-bottom:5px; font-weight:normal;}
.main_visual_box ul li .list_box .title {font-size:36px; line-height:1.2; font-weight:normal; word-break:break-all;
word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}
.main_visual_box ul li .more {}
.main_visual_box ul li .more i {font-size:30px; font-weight:300;}

.main_visual_box a.btn_scroll {font-size:20px; color:#fff; opacity:0.5; position:absolute; bottom:20px; left:calc(50% - 20px); transition: all 0.5s ease-out;}
.main_visual_box a.btn_scroll i {font-size:30px; font-weight:normal;}
.main_visual_box a.btn_scroll:hover {opacity:1;}


 /* 테스크탑 */
 @media all and (max-width:1500px){
      .main_visual_box {height:700px;}
 }
 @media all and (max-width:1200px){
      .main_visual_box {height:600px;}
      .main_visual_box ul li .list_box .date {font-size:16px;}
      .main_visual_box ul li .list_box .title {font-size:26px;}
 }
 @media all and (max-width:1024px){
      .main_visual_box {height:550px;}
      .main_visual_box ul li .list_box .date {font-size:16px;}
      .main_visual_box ul li .list_box .title {font-size:26px;}
      .main_visual_box ul li .list_box {height:180px;}
      .main_visual_box a.btn_scroll {bottom:10px;}
 }

 /* 테블릿*/
 @media all and (max-width:768px){
      .main_visual_box {}
      .main_visual_box ul li .list_box .date {font-size:14px;}
      .main_visual_box ul li .list_box .title {font-size:22px;}
 }
 /* 모바일*/
 @media all and (max-width:640px){
      .main_visual_box {height:auto;}
      .main_visual_box ul {display:block; width:initial; justify-content:initial; align-items:initial;}
      .main_visual_box ul li {display:block; width:initial;}
      .main_visual_box ul li .hover_box {padding:30px 10px 10px;}
      .main_visual_box ul li .list_box {height:auto;}
      .main_visual_box ul li strong.cata {padding:0 10px; height:26px; line-height:26px; font-size:14px; border-radius:5px;}

      .main_visual_box a.btn_scroll {display:none;}
      .main_visual_box ul li .more {margin-top:20px;}
      .main_visual_box ul li .more i {font-size:20px; font-weight:normal;}
 }

 /* 메인 : 게시판(공지사항, 자료실)  ////////////////////////////////////////////////////////////*/
 .main_content_box {background-color:#fff;}
 
 .community_box {margin:0 auto; width:1200px;}

 .community_box .header_box {padding:100px 0 50px; text-align:center;}
 .community_box .header_box span.label {font-size:16px; color:#7c0019;}
 .community_box .header_box strong {display:block; font-size:72px; color:#000; line-height:1; font-family:opensans_m,serif; font-weight:normal; word-break:break-all;}

 .community_box ul.cata_news {overflow:hidden; margin-left:-40px;}
 .community_box ul.cata_news li {float:left; padding-bottom:50px; width:25%;}
 .community_box ul.cata_news li .outline {margin-left:40px; position:relative;}
 .community_box ul.cata_news li .outline a.btn_more {position:absolute; bottom:-50px; left:calc(50% - 10px); font-size:20px;}
 .community_box ul.cata_news li .outline .top {text-align:center;}
 .community_box ul.cata_news li .outline .top span {display:block; height:60px; line-height:60px; font-size:20px;}
 
 .community_box ul.cata_news li.default {}
 .community_box ul.cata_news li.default .cont_box {height:310px;}
 .community_box ul.cata_news li.default .cont_box .thum {height:225px; background-repeat:no-repeat; background-size:cover; background-position:center;}
 .community_box ul.cata_news li.default .cont_box .text_box {padding:10px 0 0; text-align:center;}
 .community_box ul.cata_news li.default .cont_box .text_box .date {font-size:14px;}
 .community_box ul.cata_news li.default .cont_box .text_box .title {display:block; margin-top:10px; padding:0 10px; font-size:18px; line-height:20px;
      max-height:40px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;
      word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}

 .community_box ul.cata_news li.thum_blank {}
 .community_box ul.cata_news li.thum_blank .cont_box {display:flex; justify-content:center; align-items:center; height:310px; background-color:#171717;}
 .community_box ul.cata_news li.thum_blank .cont_box .thum {display:none;}
 .community_box ul.cata_news li.thum_blank .cont_box .text_box {align-items:center; text-align:center;}
 .community_box ul.cata_news li.thum_blank .cont_box .text_box .date {font-size:14px; color:#fff;}
 .community_box ul.cata_news li.thum_blank .cont_box .text_box .title {display:block; margin-top:10px; padding:0 10px; font-size:18px; color:#fff;}

 .community_box ul.cata_news li.hosang {}
 .community_box ul.cata_news li.hosang .outline::after {display:none;}
 .community_box ul.cata_news li.hosang .cont_box {padding:0 10px; height:340px; background-color:#fff; border:solid 5px #7c0019; position:relative;}
 .community_box ul.cata_news li.hosang .cont_box .thum {padding:15px 7%; text-align:center;}
 .community_box ul.cata_news li.hosang .cont_box .thum img {border:solid 1px #ddd;}
 .community_box ul.cata_news li.hosang .cont_box .text_box {padding:3px 0; width:100%; text-align:center; background-color:#fff; position:absolute; left:0; bottom:0;}
 .community_box ul.cata_news li.hosang .cont_box .text_box strong {font-size:18px;}


 /* 테스크탑 */
@media all and (max-width:1200px){
      .community_box {margin:0 10px; width:initial;}

      .community_box .header_box {padding:70px 0 30px;}
      .community_box .header_box strong {font-size:50px;}

      .community_box ul.cata_news {margin-left:-20px;}
      .community_box ul.cata_news li .outline {margin-left:20px;}

      .community_box ul.cata_news li.hosang .cont_box .thum {padding:15px 5%;}
      .community_box ul.cata_news li.hosang .cont_box .text_box strong {font-size:16px;}
}
@media all and (max-width:1024px){
      .community_box ul.cata_news li {width:50%;}

      .community_box ul.cata_news li.default .cont_box .text_box .title {font-size:16px; line-height:18px;}
      .community_box ul.cata_news li.thum_blank .cont_box .text_box .title {font-size:16px;}

      .community_box ul.cata_news li.hosang .cont_box {padding:0 10px 15px; height:auto;}

}     

/* 테블릿*/
@media all and (max-width:768px){
      .community_box .header_box {padding:50px 0 30px;}
      .community_box .header_box strong {font-size:40px;}

}
/* 모바일*/
@media all and (max-width:480px){      
      .community_box .header_box strong {font-size:30px;}

      .community_box ul.cata_news li.default .cont_box {height:230px;}
      .community_box ul.cata_news li.default .cont_box .thum {height:150px;}
      .community_box ul.cata_news li.thum_blank .cont_box {height:230px;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////
 스폰서십 스와이프 영역 
 ////////////////////////////////////////////////////////////////////////////////////////////////*/
.sponsorships_box {margin:0 auto 100px; width:1200px;}

.sponsorships_box .header_box {padding:100px 0 50px; text-align:center;}
.sponsorships_box .header_box span.label {font-size:16px; color:#7c0019;}
.sponsorships_box .header_box strong {display:block; font-size:72px; color:#000; line-height:1; font-family:opensans_m,serif; font-weight:normal; word-break:break-all;}
 
.sponsor_play_box {}
.sponsor_play_box .spon_list {margin:0 -30px;}
.sponsor_play_box .spon_list .outline {text-align:center;}
.sponsor_play_box .spon_list .outline a {display:inline-block;}

.sponsor_play_box .slick-prev, .sponsor_play_box .slick-next {
      font-size:0;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 30px !important;
      height: 30px !important;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;  
      overflow:hidden;
      transition: all 0.3s;
      border-radius:100px;
      /* box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%); */
      background-color:#999;
      background-size:50% !important;
      /*background:url('../images/common/icon_mainvisualslide_prev.png') no-repeat center center;*/
  }
 
  .sponsor_play_box .slick-prev:before {content: '';}
  [dir='rtl'] .sponsor_play_box .slick-prev:before {content: '';}
  
  .sponsor_play_box .slick-next:before {content: '';}
  [dir='rtl'] .sponsor_play_box .slick-next:before {content: '';}
  
  .sponsor_play_box .slick-prev {
      left:-10px;
      background:url('../images/common/icon_arrow_gray_prev.png') no-repeat center center; opacity: 1; z-index:10;
  }
  .sponsor_play_box .slick-prev:hover, .sponsor_play_box .slick-prev:focus {
      background:url('../images/common/icon_arrow_gray_prev.png') no-repeat center center; opacity: 1;
  }
  .sponsor_play_box .slick-next {
      right:-10px;
      background:url('../images/common/icon_arrow_gray_next.png') no-repeat center center; opacity: 1;
  }
  .sponsor_play_box .slick-next:hover, .sponsor_play_box .slick-next:focus {
      background:url('../images/common/icon_arrow_gray_next.png') no-repeat center center; opacity: 1;
  } 
    
  .sponsor_play_box .slick-dots {bottom:0;}
  .sponsor_play_box .slick-dots li button:before {opacity:1; font-size:0; width:6px; height:6px; border-radius:10px; border:solid 1px #aaa}
  .sponsor_play_box .slick-dots li.slick-active button:before {opacity:1; transform:scale(1.5); background:#5b1219; border:solid 1px #5b1219;}
  
 /* 테스크탑 */
@media all and (max-width:1200px){
      .sponsorships_box {margin:0 10px 50px; width:initial;}
      .sponsorships_box .header_box {padding:70px 0 30px;}
      .sponsorships_box .header_box strong {font-size:50px;}

      .sponsor_play_box .spon_list {margin:0;}
      .sponsor_play_box .spon_list .outline {margin:0 20px;}
}
@media all and (max-width:1024px){
}     

/* 테블릿*/
@media all and (max-width:768px){
      .sponsorships_box .header_box {padding:50px 0 30px;}
      .sponsorships_box .header_box strong {font-size:40px;}

      .sponsor_play_box .spon_list {margin-bottom:50px; padding-bottom:40px;}
      .sponsor_play_box .spon_list .outline {margin:0 10px;}
}
/* 모바일*/
@media all and (max-width:480px){      
      .sponsorships_box .header_box strong {font-size:30px;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////
 스폰서 배너 영역 
 ////////////////////////////////////////////////////////////////////////////////////////////////*/
.sponsor_banner_box {margin:0 auto 100px; width:1200px;}
  /* 테스크탑 */
@media all and (max-width:1200px){
      .sponsor_banner_box {margin:0 10px 50px; width:initial;}
}

.banner_box {}
.banner_box .spon_banner_list {margin:0 -10px;}
.banner_box .spon_banner_list .outline {text-align:center;}
.banner_box .spon_banner_list .outline a {display:inline-block;}

.banner_box .slick-prev, .banner_box .slick-next {
      font-size:0;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 30px !important;
      height: 30px !important;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;  
      overflow:hidden;
      transition: all 0.3s;
      border-radius:100px;
      /* box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%); */
      background-color:#999;
      background-size:50% !important;
      /*background:url('../images/common/icon_mainvisualslide_prev.png') no-repeat center center;*/
  }
 
  .banner_box .slick-prev:before {content: '';}
  [dir='rtl'] .banner_box .slick-prev:before {content: '';}
  
  .banner_box .slick-next:before {content: '';}
  [dir='rtl'] .banner_box .slick-next:before {content: '';}
  
  .banner_box .slick-prev {
      left:-10px;
      background:url('../images/common/icon_arrow_gray_prev.png') no-repeat center center; opacity: 1; z-index:10;
  }
  .banner_box .slick-prev:hover, .banner_box .slick-prev:focus {
      background:url('../images/common/icon_arrow_gray_prev.png') no-repeat center center; opacity: 1;
  }
  .banner_box .slick-next {
      right:-10px;
      background:url('../images/common/icon_arrow_gray_next.png') no-repeat center center; opacity: 1;
  }
  .banner_box .slick-next:hover, .banner_box .slick-next:focus {
      background:url('../images/common/icon_arrow_gray_next.png') no-repeat center center; opacity: 1;
  } 
    
  .banner_box .slick-dots {bottom:-30px;}
  .banner_box .slick-dots li button:before {opacity:1; font-size:0; width:6px; height:6px; border-radius:10px; border:solid 1px #aaa}
  .banner_box .slick-dots li.slick-active button:before {opacity:1; transform:scale(1.5); background:#5b1219; border:solid 1px #5b1219;}
  
 /* 테스크탑 */
@media all and (max-width:1200px){

}
@media all and (max-width:1024px){

}     

/* 테블릿*/
@media all and (max-width:768px){

}
/* 모바일*/
@media all and (max-width:480px){      

}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Footer
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {width:100%; padding-bottom:70px; color:#666666; background-color:#171717; border-top:solid 1px #ddd; position:relative;}
#footer .base_width {display:flex; justify-content:baseline; position:relative;}
#footer .base_width .footer_logo {padding-top:30px; width:300px; flex-shrink:0;}
#footer .base_width .footer_info {flex-grow:1;}

.footer_top {display:flex; padding:25px 0; justify-content:space-between;}
.footer_top ul.footer_menu {overflow:hidden;}
.footer_top ul.footer_menu li {float:left; padding:0 15px; height:38px; line-height:38px; position:relative;}
.footer_top ul.footer_menu li:first-child {padding-left:0;}
.footer_top ul.footer_menu li::after {display:block; content:''; width:1px; height:12px; background-color:#666; 
      position:absolute; left:0; top:calc(50% - 5px);}
      .footer_top ul.footer_menu li:first-child::after {display:none;}
.footer_top ul.footer_menu li a {display:block; color:#575757;}
.footer_top ul.footer_menu li a:hover {color:#999;}
.footer_top ul.footer_menu li a.btn_footer_policy {color:#a9916b;}

.footer_copy {padding-top:20px; color:#575757; font-weight:normal; border-top:solid 1px #3f3d3a; position:relative;
      word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}
.footer_copy .adress {margin-bottom:10px;}
.footer_copy .copyright {color:#575757;}


/* Go_top */
a.go_page_top {display:inline-block; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50px; background-color:#871d2d; overflow:hidden;
       position:fixed; bottom:100px; right:10px; z-index:1; box-shadow:0 0 10px rgba(0,0,0,0.2);}
a.go_page_top i {color:#fff; transition:0.3s;}
a.go_page_top:hover {background-color:#ff9800;}

/* 데스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿 */
@media all and (max-width:768px){
      #footer .base_width .footer_logo {display:none;}
      .footer_top {display:block; padding:10px 0;}
      .footer_top ul.footer_menu {margin-left:5px;}
      .footer_top ul.footer_menu li {padding:0 10px;}
      .footer_top ul.footer_menu li a {font-size:13px; font-weight:normal;}

      .footer_copy .footer_logo {display:none;}
      .footer_copy {padding-left:10px;}
}
/* 테블릿 */
@media all and (max-width:480px){      
      #footer {padding-bottom:0;}
      .footer_copy {padding-top:20px; padding:20px 10px;}
      .footer_copy .adress {font-size:13px;}
      .footer_copy .copyright {font-size:12px;}
}