@charset "utf-8";

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

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

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

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 메인 탑 배너
 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.top_banner {margin-bottom:50px; padding:35px; text-align:center; background-color:#25294f; position:relative; z-index:101;}
.top_banner .base_width {position:initial; z-index:101;}
.top_banner .swipe_banner {margin-right:50px; position:relative; z-index:101;transition: all 0.5s;}

.top_banner a.btn_banner_hide {font-size:30px; color:#fff; position:absolute; top:calc(50% - 20px); right:30px; transition: all 0.5s;}

.top_banner_rolling {}
.top_banner_rolling .outline {margin-bottom:30px;}
.top_banner_rolling a {display:block; border-radius:7px;}

.top_banner_rolling div {display:block; height:80px;}

.top_banner_rolling div a {display:block; margin:0 10px;}
.top_banner_rolling div .outline {display:flex; justify-content:space-between; align-items:center; padding:0 20px; border-radius:10px;}
.top_banner_rolling div .outline span.title {font-size:18px; color:#fff; margin-right:20px;}
.top_banner_rolling div .outline span.icon_arrow {color:#fff;}

.top_banner_rolling .slick-dots {display:none; bottom:10px; right:0;}
.top_banner_rolling .slick-dots li button:before {opacity:1; color:#cccccc;}
.top_banner_rolling .slick-dots li.slick-active button:before {position:relative; z-index:101; opacity:1; color:#772a2c;}

.top_banner_rolling .slick-prev, 
.top_banner_rolling .slick-next {
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 50px;
      height: 50px;
      border-radius:50px;
      cursor: pointer;
      border: none;
      outline: none;
      background: none !important;
  }

.top_banner_rolling .slick-prev:before {content:'〈'; color:#fff !important; font-size:30px !important;}
.top_banner_rolling .slick-next:before {content:'〉'; color:#fff !important; font-size:30px !important;}

.top_banner_rolling .slick-prev {left:-40px;} 
.top_banner_rolling .slick-next {right:-40px;}

.top_banner_rolling .slick-prev:hover, 
.top_banner_rolling .slick-prev:focus, 
.top_banner_rolling .slick-next:hover, 
.top_banner_rolling .slick-next:focus {color:#000 !important;}


/* 테스크탑 */
@media all and (max-width:1500px){
      .top_banner_rolling {margin:0 5px;}
}
@media all and (max-width:1024px){
      .top_banner {margin-bottom:30px; padding:25px;}

      .top_banner a.btn_banner_hide {right:15px;}
      
      .top_banner .swipe_banner {position:relative; z-index:101;margin-right:40px;}

      .top_banner_rolling div a {margin:0 3px;}
      .top_banner_rolling div {height:70px; line-height:70px;}

      .top_banner_rolling .slick-prev:before {font-size:25px !important;}
      .top_banner_rolling .slick-next:before {font-size:25px !important;}
}
/* 테블릿*/
@media all and (max-width:768px){
      .top_banner {margin-bottom:0; padding:10px 20px 10px 30px;}
      
      .top_banner_rolling div {height:60px; line-height:60px;}
      .top_banner_rolling div .outline span.title {font-size:16px;}

      .top_banner a.btn_banner_hide {font-size:24px; color:#fff; position:absolute; top:calc(50% - 17px); right:10px;}

      .top_banner_rolling .slick-prev:before {font-size:15px !important;}
      .top_banner_rolling .slick-next:before {font-size:15px !important;}
      .top_banner_rolling .slick-prev {left:-40px;} 
      .top_banner_rolling .slick-next {right:-40px;}
}
/* 모바일*/
@media all and (max-width:640px){
      .top_banner_rolling {margin:0;}
      .top_banner_rolling div {line-height:1.2;}
      .top_banner_rolling div .outline {padding:0 10px; border-radius:5px;}
      .top_banner_rolling div .outline span.title {font-size:15px;}
}
@media all and (max-width:480px){
 
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 공통 헤더 
 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.header_pos {padding:40px 0 40px; width:100%; min-width:320px; text-align:center; position:relative; z-index:101;transition: all 0.5s;
      /*-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);*/
}

.header {}


h1.logo {display:inline-block;padding:0 10px; margin:0 15px; vertical-align:middle; width:230px; height:75px; line-height:75px; text-align:center; border-radius:10px; background-color:#fff;
      box-sizing: border-box; box-shadow:5px 5px 20px 0 #ccc;}
/* h1.logo img {height:25px;} */


/* 데스크탑 */
@media all and (max-width:1500px){
      .header {padding:0 10px; width:100%; box-sizing:border-box;}
}

/* 태블릿 */
@media all and (max-width:1024px){
      .header_pos {padding:30px 0; text-align:right;}
      h1.logo {float:left; margin:0;}
}

@media all and (max-width:768px){
      .header_pos {padding:20px 0;}
      h1.logo {padding:0 5px; width:130px; height:50px; line-height:50px;}
      h1.logo img {height:36px;} 
}

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


/* 대메뉴 */
.gnbarea {display:inline-block; margin:0 15px; padding:0 20px; vertical-align:middle; vertical-align:middle; height:75px; border-radius:10px; background-color:#fff;
      box-shadow:5px 5px 20px 0 #ccc;}
.gnbarea ul.gnb {}
.gnbarea ul.gnb>li {float:left; position:relative;}
.gnbarea ul.gnb>li a.title {display:block; padding:0 20px; height:75px; line-height:75px; color:#0E275A; font-size:20px;}
.gnbarea ul.gnb>li a.title:hover, ul.gnb>li a.title.active {color:#ed1c91;}

.gnbarea ul.gnb>li.totalmenu_li {padding-top:25px; padding-left:10px;}
.gnbarea ul.gnb>li.totalmenu_li a.btn_totalmenu {display:block; padding:2px 0;}
.gnbarea ul.gnb>li.totalmenu_li a.btn_totalmenu span {display:block; margin:5px 0; width:30px; height:2px; background-color:#333;  transition: all 0.5s;}
.gnbarea ul.gnb>li.totalmenu_li a.btn_totalmenu span:last-child {width:25px;}
.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;}

/* .gnbarea ul.gnb>li.login_li {padding-top:25px; padding-left:10px;}
.gnbarea ul.gnb>li.login_li a.btn_login_top {}
.gnbarea ul.gnb>li.login_li a.btn_login_top span {display:inline-block; padding:0 10px; height:30px; line-height:30px; color:#fff; background-color:#950b54; border-radius:30px;} */

@media all and (max-width:1500px){
      .gnbarea ul.gnb>li a.title {padding:0 8px;}
}

.gnbarea ul.gnb>li .submenu {width:170px; background-color:#fff; border:solid 1px #ccc; border-top:solid 3px #dd348f; position:absolute; top:70px; left:0; opacity:0; z-index:100;
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40); border-radius:10px; overflow: hidden;}
.gnbarea ul.gnb>li .submenu ul {}
.gnbarea ul.gnb>li .submenu ul li a {display:block; padding:15px 20px; color:#333; border-top:solid 1px #ccc;}
.gnbarea ul.gnb>li .submenu ul li.first a {border-top:none;}
.gnbarea ul.gnb>li .submenu ul li a:hover {color:#fff; background-color:#ed1c91;}

.gnbarea ul.gnb>li.func_box {padding:20px 0 20px 10px;}
.gnbarea ul.gnb>li.func_box>a {float:left; display:inline-block; width:28px; height:28px; text-align:center;}
.gnbarea ul.gnb>li.func_box>a.btn_totalmenu {display:inline-block; padding-top:5px; height:23px; line-height:0; position:relative;}
.gnbarea ul.gnb>li.func_box>a.btn_totalmenu span {display:inline-block; margin:2px 0; width:15px; height:2px; background-color:#333;}
.gnbarea ul.gnb>li.func_box>a.btn_totalmenu.active {}
.gnbarea ul.gnb>li.func_box>a.btn_totalmenu.active span:nth-child(1) {transform:rotate(45deg ); position:relative; top:6px; }
.gnbarea ul.gnb>li.func_box>a.btn_totalmenu.active span:nth-child(2) {transform:rotate(-45deg );}
.gnbarea ul.gnb>li.func_box>a.btn_totalmenu.active span:nth-child(3) {display:none;}

.gnbarea ul.gnb>li.func_box>a.btn_login {width:50px; line-height:28px; color:#333; border-left:none; /*background:url('../images/ctl/btn_userlogin.png') no-repeat center center;*/  font-size:12;}

.btn_sidemenu {display:none;}


/*  로그인 전후 */
.user_area {display:inline-block; margin:0 15px; padding:0 20px; vertical-align:middle; vertical-align:middle; height:75px; border-radius:10px; background-color:#fff;
      box-shadow:5px 5px 20px 0 #ccc; position:relative;}

.user_area .btn_login_utill {line-height:75px;}
.user_area .btn_login_utill span {margin-right:15px; font-size:15px; color:#0E275A; vertical-align:middle;}
.user_area .btn_login_utill i {font-size:20px; vertical-align:middle;}

.user_area .btn_login_user {line-height:75px;}
.user_area .btn_login_user span {margin-right:15px; font-size:15px; color:#0E275A; vertical-align:middle;}
.user_area .btn_login_user i {font-size:20px; vertical-align:middle;}

.user_info_pop {padding:15px; width:180px; text-align:left; position:absolute; top:85px; left:0; z-index:100;
      border-radius:10px; background-color:#fff; box-shadow:5px 5px 20px 0 #ccc;}
.user_info_pop ol {}
.user_info_pop ol li {padding:5px;}
.user_info_pop ol li a {color:#666;}
.user_info_pop ol li a:hover {color:#000;}
.user_info_pop ol li i {margin-right:5px; color:#999;}
.user_info_pop .authority_select {margin-top:5px;}
.user_info_pop .authority_select select {margin:3px 0; width:100%; border-radius:5px; box-sizing:border-box;}

/* sns공유 */
.share {display:inline-block; margin:0 15px; vertical-align:middle; vertical-align:middle; position:relative;}
.share a.btn_share {display:inline-block; width:75px; height:75px; line-height:75px; text-align:center; border-radius:10px; background-color:#dd348f;
      box-shadow:5px 5px 20px 0 #ccc;}
.share a.btn_share i {font-size:26px; color:#fff;}

.sns_list {padding:10px 0; width:100%; border-radius:10px; background-color:#dd348f;
      position:absolute; top:85px; left:0; z-index:100;}
.sns_list ul {}
.sns_list ul li {padding:10px 0; text-align:center;}
.sns_list ul li a {display:block; opacity:0.7; transition: all 0.5s;}
.sns_list ul li a:hover {opacity:1;}
.sns_list ul li img {height:25px;}
.sns_list ul li i {font-size:20px; color:#fff;}

/* 데스크탑 */
@media all and (max-width:1500px){      

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

}
@media all and (max-width:768px){      
      .share {margin:0 2px;}
      .share a.btn_share {width:50px; height:50px; line-height:50px; border-radius:10px;}
      .share a.btn_share i {font-size:20px;}

      .sns_list {top:55px;}
      .sns_list ul li img {height:22px;}
      .sns_list ul li i {font-size:18px;}
}
/* 모바일 */
@media all and (max-width:480px){      

}


/* 모바일 사이드 메뉴 */
.gnbarea_mobile {position:absolute; top:0; right:-300px; width:300px; height:100vh; height:100%; background-color:#fff; z-index:300;}
.gnbarea_mobile .outline {padding-bottom:70px; height:100vh; height:100%; overflow-y:auto; box-sizing:border-box;}
.gnbarea_mobile .self_info_area {position:relative; background-color:#f5f5f5;}
.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 .userinfo_header .user_photo {display:inline-block; margin-bottom:10px; padding:0 !important; vertical-align:middle; width:30px; height:30px; background:url('../images/ctl/sidemenu/icon_user.png') no-repeat center center;}
.gnbarea_mobile .self_info_area .userinfo_header .user_name {display:inline-block; padding-left:5px; vertical-align:middle;}
.gnbarea_mobile .self_info_area .userinfo_header .user_name strong {margin-right:5px; color:#000; font-size:20px; font-weight:normal; vertical-align:middle;}
.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; font-size:0; text-indent:-1000px; width:50px; height:50px; background:url('../../images/DIMA/ctl/icon_sidemenu_close.png') no-repeat center center; position:absolute; top:10px; right:0;}


/* 모바일 로그인 영역 */
.logo_mobile {padding:15px;}
.logo_mobile img {max-width:100%;}
.loginbox_mobile {padding:30px 15px; border-bottom:solid 3px #f2f2f2; background-color:#fff;}
.loginbox_mobile .login_tab {margin-bottom:20px;}
.loginbox_mobile .login_tab ul {overflow:hidden;}
.loginbox_mobile .login_tab ul li {float:left; width:50%;}
.loginbox_mobile .login_tab ul li a {display:block; color:#333; font-size:16px; text-align:center; height:30px; border-bottom:solid 5px #ccc; transition: all 0.5s;}
.loginbox_mobile .login_tab ul li a:hover {color:#333; border-bottom:solid 5px #ed1c91;}
.loginbox_mobile .login_tab ul li a.active {color:#333; font-size:16px; border-bottom:solid 5px #ed1c91;}

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

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

.loginbox_mobile .normal_box {}
.loginbox_mobile .normal_box input[type="text"],
.loginbox_mobile .normal_box input[type="password"] {margin-bottom:15px; padding-left:20px; width:100%; height:60px; font-size:16px; color:#000; box-sizing:border-box; border:none;
      border-radius:10px; background-color:#fff; box-shadow:0px 2px 5px 2px #ddd; transition: all 0.5s;}
.loginbox_mobile .normal_box input[type="text"]:focus,
.loginbox_mobile .normal_box input[type="password"]:focus {border-bottom:solid 1px #333;}
.loginbox_mobile .normal_box input::placeholder {color:#333;}
.loginbox_mobile .normal_box .input_id {background:url('../images/ctl/main/icon_login_id_m.png') no-repeat 10px 9px;}
.loginbox_mobile .normal_box .input_pw {background:url('../images/ctl/main/icon_login_pw_m.png') no-repeat 10px 9px;}
.loginbox_mobile .normal_box .func {padding-bottom:20px; text-align:right;} 
.loginbox_mobile .normal_box .func input[type="checkbox"] {border:none;}


.loginbox_mobile .pc_userinfo {padding:5px 0; border-bottom:solid 1px #f2f2f2; position:relative;}
.loginbox_mobile .pc_userinfo .user_txbox {padding:5px 0 5px 35px; line-height:1.2; vertical-align:middle; color:#333; background:url('../images/icon/icon_user_on.png') no-repeat left center;}
.loginbox_mobile .pc_userinfo .user_txbox strong {font-size:16px; color:#333;}

.loginbox_mobile .after .selectbox {padding:10px 5px; border-bottom:solid 1px #f2f2f2;}
.loginbox_mobile .after .selectbox select {width:100%; border-radius:5px;}

.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_myclass {width:100%; height:42px; font-size:16px; color:#333; border:solid 2px #333; background-color:transparent; border-radius:50px; transition: all 0.3s; position:relative; top:0;}


/* 모바일 메뉴 */
ul.gnb_mobile {margin:0 10px; border-top:solid 1px #fff;}
ul.gnb_mobile>li {border-bottom:solid 1px #f2f2f2; }
ul.gnb_mobile>li a.title {display:block; padding:10px 15px; color:#333; font-size:16px; background:url('../../images/ctl/sidemenu/cert.png') no-repeat 95% center;}
ul.gnb_mobile>li a.title.active {background-color:#fff; color:#ed1c91; font-weight:600; background:url('../../images/ctl/sidemenu/cert_active.png') no-repeat 95% center;}
ul.gnb_mobile>li .submenu {padding:0 10px 10px; background-color:#fff;}
ul.gnb_mobile>li .submenu>ul {background-color:#f2f2f2;}
ul.gnb_mobile>li .submenu>ul>li>a {display:block; padding:0 20px 0 30px; height:35px; line-height:40px; color:#333; border-top:solid 1px #fff; background:url('../images/ctl/sidemenu/icon_nav_bar.png') no-repeat 15px center;}
ul.gnb_mobile>li .submenu>ul>li.first>a {border-top:none;}
ul.gnb_mobile>li .submenu>ul>li>a:hover {background-color:#f2f2f2;}

ul.gnb_mobile>li .submenu>ul>li ol.depth3 {padding:0 10px 10px; /*background-color:#f2f2f2;*/}
ul.gnb_mobile>li .submenu>ul>li ol.depth3>li {border-bottom:solid 0px #ebebeb;}
ul.gnb_mobile>li .submenu>ul>li ol.depth3>li a {display:block; padding:3px 15px; color:#3c3c3c; font-size:13px;}
ul.gnb_mobile>li .submenu>ul>li ol.depth3>li.active a {color:#009c97;}
ul.gnb_mobile>li .submenu>ul>li ol.depth3>li:hover a {color:#009c97; text-decoration:underline;}


.modal_screen_sidemenu {width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; z-index:150;}

.gnbarea_mobile .bottom_func {width:100%; height:50px; border-top:solid 1px #e2e2e2; background-color:#f5f5f5; 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:#555555; border-left:solid 1px #ebebeb; border-right:solid 1px #fff;}
.gnbarea_mobile .bottom_func ul li a span {display:inline-block; vertical-align:middle;}
.gnbarea_mobile .bottom_func ul li:first-child a {border-left:none;}
.gnbarea_mobile .bottom_func ul li:last-child a {border-right:none;}
span.icon_modify {display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:5px; background:url('../images/ctl/sidemenu/icon_modify.png') no-repeat center center;}
span.icon_power {display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:5px; background:url('../images/ctl/sidemenu/icon_power.png') no-repeat center center;}


/*///////////////////////////////////////////////////////////////////////////////////////////////
 로그인
 ///////////////////////////////////////////////////////////////////////////////////////////////*/
.login_page {}
.login_page .outline {padding:200px 0 50px; text-align:center; vertical-align:middle; background-color:#e1e1e1;}

.login_page .login_guide {margin-top:20px; padding:30px 0; text-align:left; background-color:#fff; 
      word-break:keep-all;
      white-space:-moz-pre-wrap;
      white-space:-pre-wrap;
      white-space:-o-pre-wrap;
      word-wrap:break-word;}
.login_page .login_guide ul {margin:0 auto; width:650px;}
.login_page .login_guide ul li {padding:3px 0; padding-left:10px; background:url('../images/ctl/bullet_dot.png') no-repeat left 12px;}

/* 모바일 */
@media all and (max-width:700px){
      .login_page .outline {padding:150px 0 30px;}
      .login_page .login_guide {padding:10px 10px;}
      .login_page .login_guide ul {width:100%;}
}

@media all and (max-width:480px){
      .login_page .outline {padding:100px 0 30px;}
}


.membership_box {margin:0 auto; width:400px;}
.membership_box h3 {padding:5px 0 10px; text-align:center; font-size:18px;}
.membership_box button {padding:0; margin-bottom:5px; width:100%; height:50px; color:#fff; font-size:16px; border-radius:5px; line-height:50px; overflow:hidden; box-sizing:border-box;}
.membership_box button:hover {opacity:0.9;}
.membership_box .normal_type button.btn_mormal_type {background-color:#141426;}
.membership_box .normal_type button.btn_login_total {background-color:#464646;}
.membership_box .normal_type input[type="text"] {margin-bottom:5px; padding-left:15px; width:100%; height:50px; border-radius:10px; color:#333; box-sizing:border-box;}
.membership_box .normal_type input[type="password"] {margin-bottom:15px; padding-left:15px; width:100%; height:50px; border-radius:10px; color:#333; box-sizing:border-box;}
.membership_box .func_area {padding-top:10px; border-top:solid 1px #f2f2f2;}
.membership_box .func_area a {display:inline-block; padding:0 10px; line-height:1; font-weight:600; border-left:solid 1px #ccc;}
.membership_box .func_area a:hover {text-decoration:underline;}
.membership_box .func_area a:first-child, .m_membership_box .func_area a.first {border-left:none;}

/* 테스크탑 */
@media all and (max-width:1500px){
}
/* 테블릿*/
@media all and (max-width:480px){
      .membership_box {margin:30px auto 15px; width:80%; text-align:center;}
      .membership_box button {padding:0; width:100%; height:40px; color:#fff; font-size:16px; border-radius:3px; line-height:40px; overflow:hidden;}
      .membership_box .normal_type input[type="text"], .membership_box .normal_type input[type="password"] {width:100%;}
}
/* 모바일*/
@media all and (max-width:320px){   
      .membership_box .func_area a {padding:0 5px; letter-spacing:-1px; font-size:13px;}
}

/* 전체메뉴 */
.totalmenu_box {width:1500px; position:absolute; top:80px; left:50%; margin-left:-600px;
      -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);
}
ul.totalmenu_list {background-color:#fff; border-top:solid 1px #ddd; border:solid 5px #eee; overflow:hidden;}
ul.totalmenu_list>li {border-right:solid 1px #ddd;}
ul.totalmenu_list>li .outline {display:table; width:100%;}
ul.totalmenu_list>li .title {display:table-cell; width:250px; text-align:center; font-size:16px; color:#fff; border-bottom:solid 1px #b71969; background-color:#980953;}
ul.totalmenu_list>li .title strong {font-weight:normal;}
ul.submenulist {padding:20px 15px; border-bottom:solid 1px #ddd;}
ul.submenulist li {display:inline-block; padding:0 10px;}
ul.submenulist li a {display:inline-block; }
ul.submenulist li a:hover {color:#772a2c; text-decoration:underline;}

@media all and (max-width:1500px){
      .totalmenu_box {width:96%; margin-left:-48%;}
}

/* 테스크탑 */
@media all and (max-width:1024px){
      .header {width:100%;}

      .user_area {display:none;}

      a.btn_sidemenu {display:inline-block; width:75px; height:75px; line-height:75px; text-align:center;
            border-radius:10px; background-color:#fff; box-shadow: 5px 5px 20px 0 #ccc;}
      a.btn_sidemenu i {font-size:26px; position:relative; top:5px;}

      .gnbarea {display:none;}

      .totalmenu_box {width:90%; margin-left:-45%;}
}
/* 테블릿*/
@media all and (max-width:768px){
      ul.totalmenu_list>li .title {width:200px; font-weight:normal;}

      a.btn_sidemenu {width:50px; height:50px; line-height:50px;}
      a.btn_sidemenu i {font-size:20px; position:relative; top:3px;}
}
/* 모바일*/
@media all and (max-width:640px){

      ul.totalmenu_list>li .title {width:100px; font-weight:normal;}
      ul.submenulist {padding:10px 10px;}
}

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

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 센터에 문의하기
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main_question {padding-top:120px; margin-bottom:120px; transition: all 0.5s;}
.main_question a {display:table; width:100%; height:230px; overflow:hidden; background: linear-gradient(90deg, rgba(214,228,147,1) 0%, rgba(122,223,162,1) 100%); border-radius:20px; transition: all 0.5s;}
.main_question .left {display:table-cell; padding-left:100px; box-sizing:border-box; vertical-align:middle; transition: all 0.5s;}
.main_question .left .cata {display:block;}
.main_question .left .title {display:block; margin-bottom:30px; font-size:36px; font-weight:800; transition: all 0.5s;}
.main_question .left .active_txt {color:#666;}
.main_question .left .active_txt .ti {}
.main_question .left .active_txt .arrow {margin-left:10px;}

.main_question .right {display:table-cell; width:50%; box-sizing:border-box; vertical-align:middle; position:relative; transition: all 0.5s;}
.main_question .right .illust_1 {position:absolute; bottom:-25px; right:300px; transition: all 0.5s;}
.main_question .right .illust_2 {position:absolute; top:-35px; right:150px; transition: all 0.5s;}

/* 데스크탑 */
@media all and (max-width:1500px){
      .main_question {padding-top:100px; margin-bottom:100px;}
      .main_question a {margin:0 2%; width:96%;}
}
/* 태블릿 */
@media all and (max-width:1024px){      
      .main_question {padding-top:70px; margin-bottom:0;}
      .main_question .left {padding-left:50px;}
      .main_question .right .illust_1 {bottom:-25px; right:200px;}
      .main_question .right .illust_2 {top:-35px; right:50px;}
}
@media all and (max-width:768px){      
      .main_question a {height:150px;}
      
      .main_question .left {padding-left:30px;}
      .main_question .left .title {margin-bottom:10px; font-size:25px;}

      .main_question .right .illust_1 {height:130px; bottom:-10px; right:120px;}
      .main_question .right .illust_2 {height:120px; top:-35px; right:30px;}
}
/* 모바일 */
@media all and (max-width:480px){      
      .main_question {padding-top:50px;}

      .main_question a {height:100px; border-radius:10px;}

      .main_question .left {padding-left:20px;}
      .main_question .left .title {margin-bottom:0; font-size:20px;}

      .main_question .right .illust_1 {height:80px; bottom:-10px; right:30px;}
      .main_question .right .illust_2 {height:60px; top:-10px; right:15px;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 main_cont_Top
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main_two_grid {display:table; margin:0 auto; width:1500px; transition: all 0.5s;}
.grid_col {display:table-cell; padding-top:125px; width:50%; position:relative; transition: all 0.5s;}

.slogan {transition: all 0.5s;}
.slogan .main_copy strong {line-height:1.2; font-weight:800; font-size:70px; color:#25284F; transition: all 0.5s;}
.slogan .sub_copy {padding-top:65px; transition: all 0.5s;}
.slogan .sub_copy span {display:block; line-height:1.5; font-size:20px; color:#25284F; transition: all 0.5s;}

 /* 테스크탑 */
 @media all and (max-width:1500px){
      .main_two_grid {margin:0 3%; display:table; width:94%;}
      .grid_col:first-child {width:45%;}
      .grid_col:last-child {width:55%;}

      .slogan .main_copy strong {font-size:6rem;}
      .slogan .sub_copy span {font-size:2rem;}      
 }
 @media all and (max-width:1200px){
      .grid_col:first-child {width:40%; padding-top:50px;}
      .grid_col:last-child {width:60%; padding-top:50px;}

      .slogan .main_copy strong {font-size:4.5rem;}
      .slogan .sub_copy span {font-size:1.5rem;}  
 }
 @media all and (max-width:1024px){
      .main_two_grid {margin:0 2%; display:block; width:96%;}
      .grid_col {display:block; width:auto;}
      .grid_col:first-child {width:auto; padding-top:20px;}
      .grid_col:last-child {width:auto; padding-top:0;}

      .slogan {margin-bottom:50px;}
      .slogan .main_copy strong {font-size:6rem;}
      .slogan .sub_copy {padding-top:50px;}
      .slogan .sub_copy span {font-size:2rem;}
 }
 /* 테블릿*/
 @media all and (max-width:768px){   
      .slogan {margin-left:35px; margin-bottom:30px;}
      .slogan .main_copy strong {font-size:5rem;}
      .slogan .sub_copy {padding-top:50px;}
      .slogan .sub_copy span {font-size:1.5rem;}
 }
 /* 모바일*/
 @media all and (max-width:480px){
      .slogan {margin-bottom:30px;}
      .slogan .main_copy strong {font-size:3.5rem;}
      .slogan .sub_copy {padding-top:10px;}
      .slogan .sub_copy span {font-size:1.3rem;}
 }


.quick_box_grid {display:flex; flex-wrap: wrap; transition: all 0.5s;}
.quick_box_grid .item {flex: 1 1 40%; margin:10px; border-radius:20px; background-color:#f2f2f2; transition: all 0.5s;}
.quick_box_grid .item:nth-child(1),
.quick_box_grid .item:nth-child(3) {margin-left:0;}
.quick_box_grid .item:nth-child(2),
.quick_box_grid .item:nth-child(4) {margin-right:0;}

.quick_box_grid .item>a {display:block; padding:27px; height:390px; box-sizing:border-box; position:relative;}
.quick_box_grid .item.loginbox_grid {background-color:#fff;}

.quick_box_grid .item .titlebox {}
.quick_box_grid .item .titlebox span {display:block; margin-left:20px; margin-bottom:5px; font-size:15px; color:#505067;}
.quick_box_grid .item .titlebox strong {display:inline-block; padding:0 40px; height:60px; line-height:60px; font-size:25px; font-weight:800; color:#fff; border-radius:60px; background-color:#dd348f;}

.quick_box_grid .item.faq .titlebox strong {background-color:#DD348F;}
.quick_box_grid .item.manual_students .titlebox strong {background-color:#25284F;}
.quick_box_grid .item.manual_prof .titlebox strong {background-color:#9587F5;}

.quick_box_grid .item .icon {position:absolute; bottom:40px; left:40px;}
.quick_box_grid .item .icon img {}

.quick_box_grid .item .active_txt {position:absolute; bottom:40px; right:30px;}
.quick_box_grid .item .active_txt span.ti {vertical-align:middle; color:#8D8DA1;}
.quick_box_grid .item .active_txt span.arrow {vertical-align:middle; color:#8D8DA1;}


 /* 테스크탑 */
 @media all and (max-width:1500px){
      .quick_box_grid .item .titlebox strong {padding:0 30px; height:50px; line-height:50px; font-size:23px; border-radius:60px;}
 }
 @media all and (max-width:1024px){
      .quick_box_grid .item>a {padding:27px; height:350px;}
      .quick_box_grid .item .titlebox strong {padding:0 30px; height:50px; line-height:50px; font-size:23px;}
 }

 /* 테블릿*/
 @media all and (max-width:768px){   
      .quick_box_grid .item>a {padding:20px;}
      .quick_box_grid .item .titlebox strong {padding:0 20px; height:40px; line-height:40px; font-size:20px;}

      .quick_box_grid .item .icon {bottom:60px; left:20px;}
      .quick_box_grid .item .icon img {height:80px;}

 }
 /* 모바일*/
 @media all and (max-width:480px){
      .quick_box_grid .item {margin:5px 3px; border-radius:15px;} 
      .quick_box_grid .item>a {padding:10px; height:300px;}
      .quick_box_grid .item .titlebox strong {padding:0 15px; height:30px; line-height:30px; font-size:16px;}

      .quick_box_grid .item .icon {bottom:60px; left:10px;}
      .quick_box_grid .item .icon img {height:60px;}
 }

/* 메인 - 로그인 영역 ////////////////////////////////////////////////////////////////*/
.loginbox {margin:0 30px; box-sizing:border-box; position:relative; z-index:10; transition: all 0.5s;}
.loginbox .login_tab {padding:30px 0;}
.loginbox .login_tab ul {overflow:hidden;}
.loginbox .login_tab ul li {float:left; width:50%;}
.loginbox .login_tab ul li a {display:block; color:#ccc; font-size:24px; font-weight:600; line-height:1; text-align:center; transition: all 0.5s;}
.loginbox .login_tab ul li a:hover {color:#333;}
.loginbox .login_tab ul li a.active {color:#333;}
.loginbox .login_tab ul li:last-child a {border-left:solid 1px #ddd;}

.loginbox .total_box {}
.loginbox .total_box .login_ment {padding-top:10px; padding-left:25px; text-indent:-13px; color:#999;
      word-break:keep-all;
      white-space:-moz-pre-wrap;
      white-space:-pre-wrap;
      white-space:-o-pre-wrap;
      word-wrap:break-word;}

.loginbox .btn_main_login {width:100%; height:70px; font-size:16px; color:#fff; border:none; background-color:#0E275A; border-radius:10px; transition: all 0.3s; position:relative; top:0;}
.loginbox .btn_main_login:hover {opacity:0.8;}

.loginbox .normal_box {}
.loginbox .normal_box input[type="text"],
.loginbox .normal_box input[type="password"] {margin-bottom:15px; padding-left:20px; width:100%; height:60px; font-size:16px; color:#666; box-sizing:border-box; border:none;
      border-radius:10px; background-color:#fff; box-shadow:0px 2px 5px 2px #ddd; transition: all 0.5s;}
.loginbox .normal_box input[type="text"]:focus,
.loginbox .normal_box input[type="password"]:focus {}
.loginbox .normal_box input::placeholder {color:#999;}
.loginbox .normal_box .input_id {}
.loginbox .normal_box .input_pw {}
.loginbox .normal_box .func {display:flex; justify-content:space-between; margin-top:15px; color:#666; } 
.loginbox .normal_box .func input[type="checkbox"] {border:none;}

.loginbox .top_title {height:47px; line-height:47px; color:#333; text-align:center; background-color:#6b0037; border-radius:20px 20px 0 0;}
.loginbox .top_title span {font-size:20px;}
.loginbox .outline {padding:20px 0; border-radius:0 0 20px 20px;}
.loginbox .outline .info_insert {}
.loginbox .outline .func {}
.loginbox .outline .func input[type="checkbox"] {}
.loginbox .outline .bottom {padding-top:10px}
.loginbox .outline .bottom button.btn_main_login {width:100%; height:46px; font-size:16px; background-color:#ffb400; border-radius:50px; transition: all 0.5s;}
.loginbox .outline .bottom button.btn_main_login:hover {color:#333; background-color:#772a2c;}

/* 로그인 후 */
.loginbox .pc_userinfo {padding:5px 0; position:relative;}
.loginbox .pc_userinfo .user_txbox {margin-bottom:10px; padding-bottom:10px; text-align:center; border-bottom:solid 1px #ddd;}
.loginbox .pc_userinfo .user_txbox span.icon_user {display:block; margin:0 auto; width:80px; height:80px; line-height:80px; text-align:center; color:#fff; border-radius:50px; background-color:#dd348f;}
.loginbox .pc_userinfo .user_txbox span.icon_user i {font-size:25px; opacity:0.5;}
.loginbox .pc_userinfo .user_txbox strong {display:inline-block; margin-top:5px; font-size:16px; color:#333; font-weight:800;}

.loginbox .pc_userinfo ol {}
.loginbox .pc_userinfo ol li {padding:8px;}
.loginbox .pc_userinfo ol li a {color:#333;}
.loginbox .pc_userinfo ol li a:hover {color:#dd348f;}
.loginbox .pc_userinfo ol li i {margin-right:3px; opacity:0.5;}

.loginbox .selectbox {padding:10px 5px; }
.loginbox .selectbox select {width:100%; border-radius:5px;}

.loginbox .outline .bottom button.btn_myclass {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 .outline .bottom button.btn_myclass:hover {top:-3px;}

/* 데스크탑 */
@media all and (max-width:1500px){
      .loginbox .login_tab ul li a {font-size:20px;}
}

/* 태블릿 */
@media all and (max-width:1200px){
      
}
/* 테블릿*/
@media all and (max-width:1024px){  
      .loginbox {margin:0 20px;}      
 }
 /* 모바일*/
 @media all and (max-width:768px){
      .loginbox {margin:0;}
      .loginbox .login_tab ul li a {font-size:16px;}

      .loginbox .normal_box input[type="text"],
      .loginbox .normal_box input[type="password"] {margin-bottom:15px; padding-left:10px; height:40px; font-size:16px; border-radius:7px;}

      .loginbox .btn_main_login {height:50px;}
      .loginbox .normal_box .func {font-size:12px; letter-spacing:-1px;} 
      .loginbox .total_box .login_ment {padding-left:15px; text-indent:-13px; line-height:1.2;}

      .loginbox .pc_userinfo .user_txbox span.icon_user {width:60px; height:60px; line-height:60px;}
      .loginbox .pc_userinfo .user_txbox span.icon_user i {font-size:22px;}
 }




/* 메인 - 퀵배너 ////////////////////////////////////////////////////////////////*/
.quick_banner {width:400px; position:absolute; bottom:20px; left:0; transition: all 0.5s;}
.quick_banner.mobile {display:none;}

.quick_banner ul {display:table; margin:0 auto; transition: all 0.5s;}
.quick_banner ul li {display:table-cell; padding:0 20px; text-align:center; vertical-align:top; transition: all 0.5s;}
.quick_banner ul li:first-child {padding-left:0;}
.quick_banner ul li a {display:block;}
.quick_banner ul li span.icon {display:inline-block; width:130px; height:130px; line-height:130px; font-size:40px; text-align:center; border-radius:20px; background-color:#f2f2f2; transition: all 0.5s;}
.quick_banner ul li span.txt {display:block; padding-top:5px; font-size:16px; transition: all 0.5s;}


/* 데스크탑 */
@media all and (max-width:1500px){
      .quick_banner {padding-top:50px;}
      .quick_banner ul li span.icon {width:110px; height:110px; line-height:110px; font-size:30px;}
}

/* 태블릿 */
@media all and (max-width:1200px){
      .quick_banner ul {display:table; margin:0;}
      .quick_banner ul li {padding:0 10px;}
      .quick_banner ul li:first-child {padding-left:0;}
      .quick_banner ul li span.icon {width:90px; height:90px; line-height:90px; font-size:25px;}
      .quick_banner ul li span.txt {font-size:14px;}
}
/* 테블릿*/
@media all and (max-width:1024px){  
      .quick_banner {display:none;} 

      .quick_banner.mobile {display:block; margin-bottom:50px; width:auto; position:relative; bottom:initial; left:initial; transition: all 0.5s;}
      .quick_banner.mobile ul {margin:0 auto; width:90%;}
      .quick_banner.mobile ul li span.icon {width:200px; height:130px; line-height:130px; font-size:40px; transition: all 0.5s;}
      .quick_banner.mobile ul li span.txt {display:block; padding-top:5px; font-size:16px; transition: all 0.5s;}
 }
 /* 모바일*/
 @media all and (max-width:768px){
      .quick_banner.mobile ul {margin:0 auto; width:100%;}
      .quick_banner.mobile ul li span.icon {width:120px; height:120px; line-height:120px; font-size:30px;}
 }

 @media all and (max-width:480px){
      .quick_banner.mobile ul li {padding:0 5px;}
      .quick_banner.mobile ul li span.icon {width:80px; height:80px; line-height:80px; font-size:25px;}
      .quick_banner.mobile ul li span.txt {font-size:13px;}
 }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 main_cont_Body
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

 /* 공지//////////////////////////////////////////////////////////////////*/
 .main_bottom_content { padding:60px 0; background-color:#25294f;}
 .main_bottom_content .outline {}
 .main_bottom_content .outline:after {display:block; content:''; clear:both;}

 /* 테스크탑 */
@media all and (max-width:1500px){
      .main_bottom_content .base_width {width:auto; padding:0 10px;}
}
@media all and (max-width:1024px){
}
/* 테블릿*/
@media all and (max-width:768px){ 
      .main_bottom_content {padding:30px 0;}
}
/* 모바일*/
@media all and (max-width:480px){
}

.new_post_row  {float:left; width:70%;}
.new_post_row .notice {padding-left:200px;}
.new_post_row .notice:after {display:block; content:''; clear:both;}

.new_post_row .notice .top {float:left; width:200px; margin-left:-200px;}
.new_post_row .notice .top h3 {font-size:30px; color:#fff;}
.new_post_row .notice .top .btn_more {display:inline-block; margin-top:50px; padding:0 15px; font-size:16px; height:40px; line-height:40px; border-radius:40px; background-color:#414563;}
.new_post_row .notice .top .btn_more span,
.new_post_row .notice .top .btn_more i {vertical-align:middle; color:#fff;}
.new_post_row .notice .top .btn_more i {margin-left:15px;}
.new_post_row .notice .cont_list {float:right; width:100%;}

/* 테스크탑 */
@media all and (max-width:1500px){
      .new_post_row .notice {padding-left:200px;}
      .new_post_row .notice .top {width:200px; margin-left:-200px;}
}
@media all and (max-width:1024px){
      .new_post_row {width:60%}
      .new_post_row .notice {padding-left:0;}
      .new_post_row .notice .top {float:initial; width:auto; line-height:50px; margin-left:0; margin-bottom:10px; padding-top:0;}
      .new_post_row .notice .top .box_pos {margin-top:0; padding-left:0; display:flex; justify-content:space-between;}
      .new_post_row .notice .top .box_pos h3 {font-size:25px; line-height:1.2;}
      .new_post_row .notice .top .box_pos .btn_more {display:inline-block; margin-top:0; font-size:14px; height:30px; line-height:30px; border-radius:30px;}

      .new_post_row .notice .cont_list {float:initial;}
}
/* 테블릿*/
@media all and (max-width:768px){ 
      .new_post_row {width:58%}      
}
/* 모바일*/
@media all and (max-width:640px){
      .new_post_row {width:auto}
}
@media all and (max-width:480px){
 
}


/* 팝업존 배너 ////////////////////////////////////////////////////////////////////*/
.popupzone {float:right; width:26.6%; vertical-align:top; overflow: hidden;}
.site_banner {}
.popup_banner_rolling {}
.popup_banner_rolling .outline {margin-bottom:30px;}
.popup_banner_rolling a {display:block; border-radius:7px;}
.popup_banner_rolling a img {margin:0 auto;}

.popup_banner_rolling .slick-dots {bottom:10px; right:0;}
.popup_banner_rolling .slick-dots li button:before {opacity:1; color:#cccccc;}
.popup_banner_rolling .slick-dots li.slick-active button:before {opacity:1; color:#772a2c;}

/* 테스크탑 */
@media all and (max-width:1500px){
      .popup_banner_rolling {margin:0 5px;}
      .popup_banner_rolling .outline {margin-bottom:30px;}
}
@media all and (max-width:1024px){
      .popupzone {width:35%;}
}
/* 테블릿*/
@media all and (max-width:768px){ 
      .popupzone {width:40%;}      
      .popupzone {display:block;}     
      .popupzone .base_width {padding-bottom:50px;}
      .popup_banner_rolling a .icon img {width:30px;}
      .popup_banner_rolling a .title {font-size:15px;}
}
/* 모바일*/
@media all and (max-width:640px){
      .popupzone {width:100%;}
}
@media all and (max-width:480px){
 
}


/* 공지사항 리스트 */
ul.col_list {margin-left:-5%;}
ul.col_list:after {display:block; content:''; clear:both;}
ul.col_list li {float:left; width:45%; margin-left:5%; margin-bottom:20px;}
ul.col_list li a {display:block; padding:30px 25px; background-color:#fff; border-radius:20px; transition: all 0.5s; position:relative; top:0;}
ul.col_list li a:hover {/* box-shadow:5px 5px 20px 0 #ccc;*/ top:-10px;}
/* transform: scale(1.02); */
ul.col_list li .row_top {overflow:hidden; margin-bottom:15px;}
ul.col_list li .row_top .cata {display:inline-block; padding:5px 15px; background-color:#f0f3fa; border-radius:10px;}
ul.col_list li .row_bottom {padding-top:10px; text-align:right; color:#999999;}

ul.col_list li .cont {}
ul.col_list li .cont .title {display:block; margin-bottom:30px; font-size:20px; font-weight:800; line-height:30px;
      height:55px; 
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis}
ul.col_list li .cont .lead_txt {display:block; color:#999; font-size:16px; line-height:26px;
      height:50px; 
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis}

/* 테스크탑 */
@media all and (max-width:1500px){

}
@media all and (max-width:1024px){      
}
/* 테블릿*/
@media all and (max-width:768px){
      ul.col_list li a {padding:20px 15px;}

      ul.col_list li .row_top {margin-bottom:5px;}
      ul.col_list li .row_top .cata {padding:3px 15px; font-size:12px; border-radius:7px;}
      ul.col_list li .cont .title {font-size:18px; line-height:26px; height:80px; margin-bottom:15px;}
      ul.col_list li .cont .lead_txt {font-size:14px; line-height:20px; height:56px;}      
}
/* 모바일*/
@media all and (max-width:640px){
      ul.col_list li .cont .title {font-size:18px; line-height:26px; height:50px; margin-bottom:15px;}
      ul.col_list li .cont .lead_txt {font-size:14px; line-height:20px; height:40px;}
}
@media all and (max-width:480px){
      
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Footer
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {width:100%; padding-top:20px; padding-bottom:70px; color:#666666; background-color:#25294f; position:relative;}
.base_width {position:relative;}

.footer_logo {position:absolute; top:20px; left:0; transition: all 0.5s;}

.footer_cont {margin-left:300px; transition: all 0.5s;}

.footer_top {display:flex; padding:10px 0; justify-content:space-between;}
.footer_top ul.footer_menu {overflow:hidden;}
.footer_top ul.footer_menu li {float:left; padding:0 10px; height:38px; line-height:38px;}
.footer_top ul.footer_menu li:first-child {padding-left:0;}
.footer_top ul.footer_menu li a {display:block; color:#fff;}
.footer_top ul.footer_menu li a:hover {text-decoration:underline;}
.footer_top ul.footer_menu li a.btn_footer_policy {color:#DD348F;}

.footer_copy {padding-top:20px; color:#999999; font-weight:normal;
      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; color:#fff;}
.footer_copy .copyright {color:#5a5e7f;}


/* 주요사이트 */
.relative_site {position:absolute; top:5px; right:0;}
.relative_site .outline {width:200px; position:relative;}
.relative_site a.btn_siteview {display:flex; justify-content:space-between; padding:0 15px; height:45px; line-height:45px; border-radius:5px; background-color:#3e425f; position:relative;}
.relative_site a.btn_siteview .title {display:inline-block; padding-left:10px; color:#fff; font-size:16px;}
.relative_site a.btn_siteview .arrow {color:#fff;}

.relative_site .site_list {width:200px; position:absolute; bottom:50px; right:0;}
.relative_site .site_list ul {border-radius:5px; background-color:#3e425f;}
.relative_site .site_list ul li {padding:5px 10px; border-top:solid 1px #4c5171;}
.relative_site .site_list ul li:first-child {border-top:none;}
.relative_site .site_list ul li a {display:block; color:#ccc;}
.relative_site .site_list ul li:hover {background-color:#3c3f58;}
.relative_site .site_list ul li:hover a {color:#fff;}

/* Go_top */
a.go_page_top {display:inline-block; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50px; background-color:#950b54; 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:#ec268f;}

/* 데스크탑 */
@media all and (max-width:1500px){
      .footer_logo {position:absolute; top:20px; left:10px;}
      .relative_site {right:10px;}
      .footer_cont {margin-left:220px;}
}
/* 테블릿 */
@media all and (max-width:768px){
      .footer_logo {padding-top:10px; padding-left:10px; position:relative; top:initial; left:initial;}
      .footer_cont {margin-left:0; padding:30px 10px 0;}
}
@media all and (max-width:640px){
}
/* 테블릿 */
@media all and (max-width:480px){ 
      .relative_site {margin:15px 10px 0; position:relative; top:initial; right:initial;}
      .relative_site .outline {width:auto;}

      .relative_site .site_list {width:100%;}

      .footer_copy {padding-top:20px; padding:20px 0; font-size:12px;}
}