@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');


/* header */
#header {
    height: auto;
    position: relative;
    z-index: 10050;
    background: #fff;
    overflow: visible;
}
#gnb_area {
    position: relative;
    min-height: 55px;
    height: 55px;
    overflow: visible;
    background: #fff;
    z-index: 10051;
    box-sizing: border-box;
}
#header .min768 {
    position: relative;
    z-index: 10051;
    overflow: visible;
}
.min768 {
    position: relative;
    z-index: 10050;
}
/* 메인 비주얼 배너는 헤더(GNB) 아래 레이어 */
#wrapmain > .min768,
#wrapmain > .main-visual {
    position: relative;
    z-index: 1;
}
body.has-gnb-open #header {
    z-index: 10100;
}
body {font-family:'Pretendard',Sans-serif;}
.popup-layer3 .btn-r {color:#fff;}
.pbox .provision {font-size:12px;}
.tword-box .searchBar {width:82%;}
@media only screen and (max-width : 480px){
    .tword-box .searchBar {width:75%;}
}

@media only screen and (min-width: 481px) and (max-width: 768px){
    .bottom-section{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-top: 1px solid #3a4b57;
    }
    .bottom-section a{
        width: 100%;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        border-right: 1px solid #3a4b57;
        border-bottom: 1px solid #3a4b57;
        border-left: 0;
        font-size: 14px;
        white-space: nowrap;
        box-sizing: border-box;
    }
    .bottom-section a:nth-child(2n){
        border-right: 0;
    }
    .bottom-section a:first-child{
        border-left: 0;
    }
}
.tword-box .btn-tword {top:0;}

.top-logo {    
    display: inline-block;
    padding: 10px 0 10px;
}
.top-logo a{
    display: inline-block;
}
.top-logo img{
    width: 249px;
    max-width: 100%;
    height: auto;
}

.top_search {position: absolute; top:20px; margin-top:25px; right: 0; display: inline-block; border-bottom: 1px solid #ddd;}
.top_search form {width:100%;}
.top_search .search_word {border: none; width: 300px; height: 43px; padding: 5px; background: #fff;}
.top_search .search_word:focus {outline:none;}
.top_search .search_btn {height: 43px; margin-top: -1px; margin-left: -5px; padding: 11px; border: 0; background: #fff url(/files/default-img/search.svg) no-repeat center; background-size: 25px;}
.topmenu-info { position: absolute; top:0; right:0px; padding: 27px 0; font-size:14px;}
.topmenu-info .hi-member{margin-right: 15px;}
.topmenu-info a {font-size:14px;}
.topmenu-info a:hover{font-size:14px; color:#666666;}
.topmenu-info .menu_line {display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px}

/*구글랭귀지*/
.top_language{float:right; margin-top:40px; text-align:right;}
.top_language span{display:none;}
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd{height:0px;margin-top:-1px; }
.skiptranslate{margin-top:-31px;}
.goog-te-combo{color:#666666;}

@media screen and (max-width: 834px) {
    #header  {padding:10px 0;}
    .min768 {display:none;}
    /* #wrapmain 모바일 레이아웃 보정 */
    #wrapmain {
        width: 100% !important;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    #wrapmain > .main-visual {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
    /* 메인 비주얼(bncode 2) — .min768 숨김 예외 */
    .min768.main-visual {
        display: block !important;
    }
    .topmenu-info {display:none !important;}
    .max768 {display:block !important;}
    .top-logo {display:none;}
    .top-logo-m {
        width: auto;
        max-width: 100px;
        margin: 0 auto;
        text-align: center;
        line-height: 0;
    }
    .top-logo-m a {
        display: inline-block;
        line-height: 0;
    }
    .top-logo-m img {
        width: auto;
        max-width: 100px;
        height: auto;
        max-height: 38px;
        display: block;
    }
}

#main_contents   {margin:0 auto; width:100%;  text-align:center;}
.main_content    {margin:0 auto; width:1140px; height:422px;  margin-top:60px; margin-bottom:60px;}
.main_content_youtube {margin:0; float:left; width:678px; margin-right:26px;}
.main_content_notice {margin:0; float:left; width:436px; background:#e7f2f9; margin-top: 45px;}
.main_content_notice_box{height:220px;}
.main_content_notice_box .nav-tabs{height:55px; background:#ffffff; border-bottom:1px solid #ffffff;}
.main_content_notice_box .nav-tabs > li > a {font-size:18px; font-weight:bold;}
.main_content_notice_box .nav-tabs > li.active > a, .main_content_notice_box  .nav-tabs > li.active > a:hover, .main_content_notice_box .nav-tabs > li.active > a:focus{font-size:19px; color:#283c87; background:#ffffff; border:1px solid #ffffff;}
.main_content_notice_box .nav-tabs> li > a:hover {border:1px solid #ffffff; color:#283c87; font-size:19px;}
.main_jma_bg {margin:0 auto; width:100%; height:437px;  text-align:center; background:url('/files/images/main_jma_bg.png')repeat-x top center;}
.main_jma    {margin:0 auto; width:1140px; height:437px;  margin-bottom:60px;}
.main_banner    {margin:0 auto; width:1140px; margin-top:60px; margin-bottom:60px;}
.main_banner_left {margin:0; float:left; width:704px;}
.main_banner_left img{float:left; margin-right:26px;}
.main_banner_right {margin:0; float:left; width:436px;}
.main_banner_right img{margin-bottom:28px;}

p.main_title {font-size:26px; color:#333; text-align:left; width:100%; height:46px; letter-spacing:-1px;}
span.main_more{float:right; text-align:right; font-size:20px;}
#main_map {position:relative; margin:0 auto; width:100%; margin-top:540px; height:359px;  text-align:center;}

#sub-container .super-title{display: none !important;}
#sub_left_menu ol.depth_3 {display: none !important;}
#sub-container {position: relative; width: 100%; height: 100%;}
#sub-container_bg {position: relative; width: 100%; padding:30px 0px; height: 100%; background:#f5f5f5;}
#sub-container_bg .sub-body{border-radius: 15px;  padding:20px; }
/*.sub-title h3 {display: inline-block; border-bottom: 8px solid #9acc6d; line-height: 18px; margin-bottom: 30px;}*/
.sub-content > li {float:left; width:20%; margin-right:2%;}
.sub-content > li:last-child {width:78%;  margin-right:0;}
.sub-content > li:last-child img{margin-right:0;}
#sub_left_menu { overflow: hidden; width:100%; height:100%; border-radius: 10px;background-color: #e9f5ff;border: solid 1px #2c3d83;}
#sub_left_menu h2 {display: none !important;}
#sub_left_menu ul li {font-size:16px; position:relative;  text-align:left;}
/* #sub_left_menu ul li.active > a {color:#273880; font-weight:400; font-size:15px; letter-spacing:-1px;} */
#sub_left_menu ul li::after {content:attr(data-split); background:url('/files/images/arrow_right.png') no-repeat; position:absolute; top:20px; right:20px; width:10px; height:15px; background-size:15px; opacity:0.3;}
#sub_left_menu ul li.active::after {opacity:1;}
#sub_left_menu ul li a {width:100%; height:100%; display:block; padding:10px 15px; border-bottom:1px solid #fff; color:#283c87; font-weight:500; font-size:17px; }
#sub_left_menu ul li a:hover {color:#eeeeee; background:#273880;}
/* #sub_left_menu ol {background:#eee;} */
#sub_left_menu ol {background:white;}
#sub_left_menu dl {margin:0;}
#sub_left_menu dd {font-size:15px; font-weight:normal;}
#sub_left_menu dd a:link{font-size:15px; letter-spacing:-1px;}
#sub_left_menu dd a:hover{font-size:15px;}
.sub-content li .sub-title {text-align:left;  position:relative;}
.sub-content li .sub-title .subject {display:none; color:#444; font-size:26px; position:relative; font-family: 'Pretendard', Sans-serif;  font-weight:600; padding-bottom:10px;  }
.sub-content li #calendar, .sub-content li form .btn_center, .sub-content li ul.lecturelist {margin-bottom:80px;}
.divider{background:var(--brand); border-radius:6px; margin:14px auto 28px width: 40px; height: 3px; }

.daewoo_family{margin:0 auto; width:1000px; text-align:right; padding-top:20px;}
.daewoo_family a{text-align:center;}
.sub-content > li:last-child .daewoo_family a img{width:auto;}

/* submenu hover */
#sub_left_menu ul ol{display: block;}
#sub_left_menu ul li:hover ol{
    display: block;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:30px;}

/*foot*/
.foot-privit {color: #fff; position: relative; background:#21325d; border-bottom: 1px solid #3a4b57;}
.foot-privit ul{margin:0; display: flex;}
.foot-privit li{padding:0 10px; position:relative;}
.foot-privit li:after{content:''; display:block; width:1px; height:15px; background:#046ab4; position:absolute; right:0; top:50%; margin-top:-7px;}
.foot-privit li:last-child:after{display:none;}
.foot-privit li a{display:block; font-size:0.941rem; color:#ffffff; letter-spacing:-0.35pt; line-height:120%; transition:all .3s linear;}
.foot-privit li a:hover{opacity: 0.5;}
.foot-privit li a.on{font-weight: 700;}

.foot-bottom {background:#21325d; padding:20px 0;}
.foot-bottom > .section > ul {display:inline-block;}
.foot-bottom-info > li {float:left;}
.foot-bottom-info > li:last-child {margin-left:0px;}
.foot-bottom-logo {position:relative; width:100px; margin-top:5px;}
.foot-bottom-logo img {width:100%;}
.ft-info-text {width:100%;}
.foot-bottom-info {width:100%;}
.foot-bottom-info h1 {margin-bottom:6px; font-size:18px; color:#c7ceda; font-weight:400;}
.foot-bottom-info li {font-size:14px; width:100%; color:#c7ceda; font-weight:400;}
.fb-info-copylight {float:left; margin-top:6px; display:inline-block;}
.fb-info-copylight span {color:#c7ceda; font-weight:400;}
.foot-bottom a {color:#c7ceda; font-weight:400;}
.menu_line {display:inline-block; width:1px; height:10px; background:#21325d; margin:0 6px}
.by {float:right; margin-top:6px; font-size:10px; color:#c7ceda; font-weight:400;}
span.stway{color:#046ab4;}

.foot-privit{

}
.bottom-section{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.bottom-section a{
    color: #cad3e9;
    font-size: 14px;
    padding: 0 30px ;
    border-right: 1px solid #3a4b57;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    text-align: center;
    font-weight: 500;
}
.bottom-section a:first-child{
    border-left: 1px solid #3a4b57;
}


@media only screen and (max-width : 1100px){
    .foot-bottom {padding:14px 0;}
    .foot-bottom-info > li {width:100%;}
    .foot-bottom-info > li:last-child {margin-left:0; margin-top:15px;}
    .info_box {flex-wrap: wrap;}
}

@media only screen and (max-width :850px){
    .common_right_banner{display: none;}
}

@media only screen and (max-width : 480px){
    .info_box {flex-wrap: wrap;}
    .bottom-section{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-top: 1px solid #3a4b57;
    }
    .bottom-section a{
        width: 100%;
        height: 46px;
        line-height: 46px;
        padding: 0 8px;
        border-right: 1px solid #3a4b57;
        border-bottom: 1px solid #3a4b57;
        border-left: 0;
        font-size: 14px;
        white-space: nowrap;
        box-sizing: border-box;
    }
    .bottom-section a:nth-child(2n){
        border-right: 0;
    }
    .bottom-section a:first-child{
        border-left: 0;
    }
	.foot-privit ul{
        margin: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-top: 1px solid #3a4b57;
    }
    .foot-privit li{
        width: 100%;
        padding: 0;
        border-right: 1px solid #3a4b57;
        border-bottom: 1px solid #3a4b57;
    }
    .foot-privit li:nth-child(2n){border-right:none;}
    .foot-privit li:after{
        display: none;
    }
    .foot-privit li a{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        line-height: 1.2;
        height: 46px;
        border: none;
        white-space: nowrap;
        margin-right: 0;
        padding: 0 6px;
    }
    .foot-privit a {
        margin-right: 0;
    }
    .foot-privit {
        border-bottom: 1px solid transparent;        
    }

    .foot-bottom-info > li {width:100%; margin-bottom:20px;}
    .foot-bottom-info > li:last-child {width:100%;}
    .foot-bottom-info > ul > li {font-size:14px;}
    .ft-info-text > ul > li {width:50%;}
    .ft-info-text > ul > li:first-child {width:50%;}
    .ft-info-text > ul > li:last-child {width:100%;}
    .foot-bottom-logo {width:65px;}


}

/* 마이페이지 2차 메뉴(.n5): 모바일 2줄 × 3칸 */
@media only screen and (max-width: 834px) {
    .n5 {
        margin-top: -40px;
    }
    .n5 .submenu_list {
        display: flex !important;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
        overflow: visible !important;
        background-color: #e9f6ff !important;
        border-radius: 6px;
        padding: 3px;
        box-sizing: border-box;
        margin: 14px auto 10px !important;
    }
    .n5 .submenu_list a {
        float: none !important;
        flex: 0 0 32.2% !important;
        width: 32.2% !important;
        max-width: 32.2% !important;
        height: auto !important;
        min-height: 30px;
        margin: 0;
        padding: 7px 3px;
        font-size: 14px;
        line-height: 1.2;
        letter-spacing: -0.04em;
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-align: center;
        word-break: keep-all;
        box-sizing: border-box;
        border-radius: 6px;
        background-color: #e9f6ff;
        color: #046ab4;
    }
    .n5 .submenu_list a.focus {
        background: #2997ed;
        color: #fff;
        font-weight: 600;
    }
}

@media only screen and (max-width : 400px){
    .n5 .submenu_list {
        margin-top: 12px;
        margin-bottom: 8px;
        padding: 2px;
    }
    .n5 .submenu_list a {
        flex: 0 0 32.2% !important;
        width: 32.2% !important;
        max-width: 32.2% !important;
        min-height: 28px;
        padding: 6px 2px;
        font-size: 15px;
    }
	.foot-privit li{padding:0; position:relative; line-height:120%; width:100%;}	
    .foot-privit span {margin-right:9px;}
    .info_box {flex-wrap: wrap;}   
}

.curriculum_box{position:relative; margin:0 auto; width:100%; text-align:center; margin-top:50px; border: 1px solid #dddddd;}
.curriculum_btn{text-align:center; width:80%; margin:0 auto;}
.curriculum_btn_t {text-align:center; margin:10px 2px; display:inline-block; background:#ffffff;}
.curriculum_btn_t a {padding:10px 5px; font-size:17px; display:block; width:275px; border-radius:25px; background:#ff9800;  color:#fff; border:3px solid #fff9e1; transition:all 0.1s;}
.curriculum_btn_t a .hover_img {display:none;}
.curriculum_btn_t a:hover {background:#fff; color:#222222; border:3px solid #febd33; }
.curriculum_btn_t a:hover .hover_img{display:inline-block;}
.curriculum_btn_t a:hover .re_img {display:none;}


.topvisual {position:relative;}
.topvisual p {color:#fff; font-size:16px;}
.topvisual .section_color {position:absolute; top:0; left:0; background:url('/files/images/sub_bg.jpg') no-repeat top center; background-size:cover; width:100%; height:100%;}
.topvisual .section_bg2 {padding:55px 0;}
.topvisual .section_bg3 {width:40%; height:40%; position:absolute; bottom:-20%; right:0; background:#004878; z-index:1;}
.topvisual .section_bg3 ul {position:relative; top:40%; margin-left:50px;}
.topvisual .section_bg3 ul li {float:left; margin-left:10px;}
.topvisual .section_bg3 ul li a {color:#fff;}
@media all and (min-width: 769px) and (max-width: 1024px) {
	.topvisual .sub_img {font-size:36px;}
    .info_box {flex-wrap: wrap;}
  
}

@media only screen and (min-width: 480px) and (max-width:768px){
	.topvisual .sub_img {font-size:32px;}
	.topvisual .section_bg3 {width:56%; height:30%; bottom:-15%;}
	.topvisual .section_bg3 ul {top:35%;}
	.topvisual p {font-size:14px;}
    .info_box {flex-wrap: wrap;}
   

}
@media only screen and (max-width : 480px){
	.topvisual .sub_img {font-size:32px; padding:20px 10px;}
	.topvisual .section_bg3 {width:70%; height:30%; bottom:-15%;}
	.topvisual .section_bg3 ul {top:32%; margin-left:20px;}
	.topvisual p {font-size:13px; padding:0 10px; letter-spacing:-0.5px;}
	.topvisual div.sub_img {font-size:30px;}
    .info_box {flex-wrap: wrap;}
  
 
	
   
}

/* 오른쪽 내비 버튼  */
.right-banner-wrapper { position: relative;right: 25px;}

.right-banner-wrapper img {width: 80%;height: 80%; padding-top: 8px;}
.common_right_banner { position: fixed;right: 0px;transition: width .2s ease, height .2s ease; background-size: 100%;z-index: 10010; top: 150px;}
/* 오른쪽 내비 버튼 끝 */

/* 상좌상세페이지 */

.lecture_detail_box{position:relative; margin:0 auto; width:934px; padding:10px 0  30px; text-align:center; margin-top:10px; margin-bottom:20px; border: 3px solid #62aee9; border-radius:15px;}
p.lecture_detail_tit{margin-top:5px; font-size:40px; color:#6b38a9; text-align:center; font-weight:bold;  letter-spacing:-3px; margin-bottom:15px;}
span.gray_bg{background:url('/files/images/lecture_tit_bg.png')repeat-x bottom center;}
p.lecture_detail_m_tit{ font-size:26px; margin:0 auto; width:80%;  padding:15px 0 5px;  margin-bottom:1%; color:#0285eb; text-align:center; font-weight:600;  letter-spacing:-1px;  }
p.lecture_detail_mb_tit{ font-size:24px; margin:0 auto; width:80%;  padding:15px 0 5px;  margin-bottom:1%; color:#0285eb; text-align:center; font-weight:500;  letter-spacing:-1px;  }
p.lecture_detail_s_tit{ font-size:20px; margin:0 auto; width:25%; color:#242424; text-align:center; font-weight:400;  letter-spacing:-1px; border:2px solid #6a6a6a; border-radius:15px }
p.lecture_detail_sb_tit{ font-size:20px; margin:0 auto; width:50%; color:#242424; text-align:center; font-weight:400;  letter-spacing:-1px; border:2px solid #6a6a6a; border-radius:15px }
.lecture_detail_text_box{display:inline-block; width:80%;}
.lecture_detail_price{margin:3% 0 0;width:100%; padding-bottom:3%; min-height:210px; border: 2px solid #8067dd; border-radius:15px; display:inline-block;}
.lecture_detail_day{width:100%; margin:0 auto;}
.lecture_detail_day_left{float:left; width:25%;}
.lecture_detail_day_center{float:left; margin:0 auto; width:50%; min-height:120px;}
.lecture_detail_day_dc_box{margin:0 auto; width:70%; min-height:60px;}
.lecture_detail_day_dc_half{margin:0 auto; width:50%; min-height:60px;}
p.lecture_detail_day_dc {float:left; padding-top:5%; text-align:center; min-width:100px; color:#dd3325; font-size:30px; font-weight:600;  letter-spacing:-1px;  }
span.lecture_detail_circle{margin-top:9px; padding-top:13px; color:#ffffff; font-size:16px;  text-align:center;  font-weight:500; }
.dc_number {float:left; width:50px; height:50px;  background:#fe6556; border-radius:50px; margin:10px; padding-top:12px;}
span.dc_line{text-decoration:line-through; font-weight:200; color:#666666;}
.lecture_detail_day_text_box{margin-top:10px; padding:3% 0 4%; background:#eeeeee; border-radius:15px;}
p.lecture_detail_day_text {padding-top:8px; text-align:center; font-size:24px; font-weight:bold;  line-height:24px;  letter-spacing:-1px;  color:#6b38a9; }
p.day_plus{margin-top:10px; color:#3f51b5; font-weight:400; font-size:16px;  line-height:20px; }
.lecture_detail_day_right{float:left; width:25%;}


.lecture_detail_info{float:left; margin-top:4%;  margin-right:1%; min-height:200px; width:48.5%; border: 2px solid #ab87f6; border-radius:15px;}
.lecture_detail_info img{margin:13px 0;}
.lecture_detail_txt{padding-left:15px; color:#444444;  text-align:left; font-size:17px; font-weight:400;  letter-spacing:-1px;}
.lecture_detail_stxt{padding-left:15px; color:#444444;  text-align:left; font-size:15px; font-weight:400;  letter-spacing:-1px;}
.lecture_detail_target{float:right; margin-top:4%; margin-left:1%; min-height:200px; width:48.5%; border: 2px solid #62aee9; border-radius:15px;}
.lecture_detail_target img{margin:13px 0;}
.lecture_detail_btn{text-align:center;}
.lecture_detail_btn_t {text-align:center; margin:10px 2px; display:inline-block; background:#ffffff;}
.lecture_detail_btn_t a {padding:10px 5px; font-size:17px; display:block; width:275px; border-radius:25px; background:#ff9800;  color:#fff; border:3px solid #fff9e1; transition:all 0.1s;}
.lecture_detail_btn_t a .hover_img {display:none;}
.lecture_detail_btn_t a:hover {background:#fff; color:#222222; border:3px solid #febd33;}
.lecture_detail_btn_t a:hover .hover_img{display:inline-block;}
.lecture_detail_btn_t a:hover .re_img {display:none;}

.lecture_detail_info_full{margin-top:3%;  margin-right:1%; padding-bottom:3%;  min-height:100px; width:100%; border: 2px solid #ab87f6; border-radius:15px; display:inline-block;}
.lecture_detail_info_full img{margin:13px 0;}
.lecture_detail_txt_full{padding-left:15px; color:#444444;  text-align:left; font-size:17px; font-weight:400;  letter-spacing:-1px; margin-bottom:25px;}
.lecture_detail_target_full{float:right; margin-top:4%; margin-left:1%; padding-bottom:3%;  min-height:100px; width:100%; border: 2px solid #62aee9; border-radius:15px; display:inline-block;}
.lecture_detail_target_full img{margin:13px 0;}



@media screen and (max-width: 834px) {
    .depth3_list  {height:auto; border-left:0px; }
    .depth3_list a {width:49%; font-size:14px; border: 1px solid #dddddd; margin:0.5%; border-radius: 5px; }
	 .depth3_list a:hover{margin-right:1px;}
	.btn-depth3.focus {border: 1px solid #787dff; margin-right:1px; background-color: #787dff; color: #fff !important;}


.n7 .depth3_list  {height:auto; border-left:0px; }
.n7 .depth3_list a {width:49%; font-size:13px; border: 1px solid #dddddd; margin:0.5%; }
.n7 .depth3_list a:hover{margin-right:1px;}
.n7 .btn-depth3.focus {border: 1px solid #2196F3; margin-right:1px;}

}

.sub_info{width:1000px; margin: 0 auto;}
.sub_info img{text-align:center; width:100%;}


/* topvisual */
.topvisual {position:relative;}
.topvisual .section_bg3 {display:none; width:40%; height:40%; position:absolute; bottom:-20%; right:0; background:#004878; z-index:1;}
.topvisual .section_bg3 ul {position:relative; top:32%; margin-left:50px;}
.topvisual .section_bg3 ul li {float:left; margin-left:10px;}
.topvisual .section_bg3 ul li a {color:#fff;}

.top-text {position:absolute; top:34%; left:50%; margin-left:-30px; color:#fff;}
.top-border {position:absolute; bottom:33%; left:50%; margin-left:-25px; width:50px;}

.sub_bg {background:url('/files/images/sub_bg_1.jpg') no-repeat center; background-size:cover;  text-align: center;}
.sub_img {font-size:34px; font-weight:500; color:#fff; 
    text-align:center; padding:26px 30px 34px; position: relative; 
     display: inline-block;}
.sub_img::after {
      content: '';
      position: absolute;
      bottom: 30px;
      left: 0;
      height: 2px; /* 얇은 밑줄 */
      width: 0;
      background-color: #ffffff;
      animation: underlineExpand 1s ease-out forwards;
    }

    @keyframes underlineExpand {
      from {
        width: 0;
      }
      to {
        width: 100%;
      }
    }

.bg_39 {background :#5bbeff url('/files/images/sub_img_bg.png') top right;}
.bg_8 {background :#5bbeff url('/files/images/sub_img_bg.png') top right;}
.bg_132 {background :#5bbeff url('/files/images/sub_img_bg.png') top right;}
.bg_136 {background :#5bbeff url('/files/images/sub_img_bg.png') top right;}
.bg_134 {background :#5bbeff url('/files/images/sub_img_bg.png') top right;}
.bg_7 {background :#5bbeff url('/files/images/sub_img_bg.png') top  right;}
.bg_6 {background :#5bbeff url('/files/images/sub_img_bg.png') top  right;}
.bg_5 {background :#5bbeff url('/files/images/sub_img_bg.png') top  right;}
.bg_4 {background :#5bbeff url('/files/images/sub_img_bg.png') top  right;}
.bg_3 {background :#5bbeff url('/files/images/sub_img_bg.png') top  right;}
.bg_2 {background :#5bbeff url('/files/images/sub_img_bg.png') top  right;}
.bg_1 {background :#5bbeff url('/files/images/sub_img_bg.png') top  right;}
.bg_0 {background :#5bbeff url('/files/images/sub_img_bg.png') top  right;}
.bg_107 {background :#5bbeff url('/files/images/sub_img_bg.png') top  right;}
.bg_108 {background :#5bbeff url('/files/images/sub_img_bg.png') top  right;}
.bg_167 {background :#5bbeff url('/files/images/sub_img_bg.png') top  right;}
@media all and (max-width: 640px) {
    .sub_bg {background-image:url('/files/images/sub_img_bg.png');}
    .bg_39 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
    .bg_8 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
	.bg_132 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
    .bg_136 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
	.bg_134 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
    .bg_7 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
    .bg_5 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
    .bg_6 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
    .bg_4 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
    .bg_3 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
    .bg_2 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
    .bg_1 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
	.bg_0 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
	.bg_107 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
	.bg_108 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
	.bg_167 {background :#5bbeff url('/files/images/sub_img_bg.png') center;}
}

.submenu-navi {max-width:1100px; margin:0 auto;}
.sub-title > .section {margin-bottom:25px;}
.sub-body {background: #fff;margin-top: 30px;}
.sub-body-box {position:relative; height:50px;}

.border {border:5px solid #1a405b; width:300px; position:relative;}
.border-left {display:none; border:2px solid #000000; width:40px; position:absolute; bottom:-3px; z-index:1;}
.sub-title .subject {    
    padding: 10px; 
    margin-top: 35px; 
    /* border: solid #ddf1ff 1px;
    background-color: #f2faff;
    font-size: 25px; */
    border-radius: 6px;     
    font-weight: 600; 
    color: #046ab4; 
    text-align: center;
    font-size: 28px; 
    margin-bottom: -20px;
}
.sub-title .subject span {display: inline; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;}
.subject-title {
    position: relative;
    font-size: 25px;
    color: #046ab4;
    padding-left: 15px;
}
.subject-title::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 30px;
    background-color: var(--main);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
ul.memolist {max-width:100%;}
.memoform {max-width:100%;}
/* 쪽지 페이지 — 푸터와 간격 (내용이 적을 때 붙는 현상) */
.sub-body:has(ul.memolist) {
    padding-bottom: 60px;
}
@media only screen and (max-width: 768px) {
    .sub-body:has(ul.memolist) {
        padding-bottom: 80px;
    }
}

/* navigation */
.subMenu {background:#ffffff;}
.submenu-navi{border-bottom:1px solid #e5e5e5;}

.navi > li {float:left; width:25%; max-width:240px; margin:20px 0px 0px 0px;  height:40px; position:relative;}
.navi > li:first-child {max-width:50px; border-right:1px solid #e5e5e5; height:25px; position:relative; margin:20px 0px 0px 0px; background:#ffffff url('/files/images/home_icon.png') no-repeat center; background-size:50%; cursor:pointer;}
.navi > li:first-child div {opacity:0;}
.navi > li.subshow {}
.navi > li:nth-child(2) {}
.navi > li:nth-child(3) {border-left:1px solid #e5e5e5; height:25px; background:#ffffff url('/files/images/button_background.png') no-repeat 90% 50%;}
.navi > li:nth-child(4) {display:none;}
.navi > li > a {display:block; color:#000000; padding-left:10%; font-size:16px; width:100%;}
.navi > li smenu {display:block; color:#fff;}
.navi::after {display:block; content:''; clear:both;}
.smenu {width:100%; position:absolute; left:0; z-index:2; background:#ffffff;}
.smenu a {display:block; padding:7px 20px; color:#555; font-size:14px; border-top:none; transition:all 0.2s;}
.smenu a:hover {color:#000000; font-weight:bold;}
.smenu a.on {color:#000000; font-weight:bold;}
.s1 a{display:none;}
.s2 a{display:none;}
.s2 {top:30px; width:90%; border-radius:12px; margin-top:10px; border:1px solid #e5e5e5; background:#fff; box-shadow:rgb(0 0 0 / 15%) 0 3px 15px;}

.s3 a{display:none;}

/* gnb */

.gnbDiv {
    height: 55px;
    overflow: hidden;
    border-bottom: none;
    background: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10052;
    box-sizing: border-box;
}
.gnbDiv.twoDep_bg {
    overflow: visible;
    border-bottom: 2px solid #2f57c7;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
}
.gnbDiv.twoDep_bg .gnbWrap .gnb,
.gnbDiv.twoDep_bg .gnbWrap .gnb ul,
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li {
    overflow: visible !important;
    height: auto !important;
}
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li .twoDep {
    overflow: visible !important;
    height: auto !important;
    min-height: 0;
}
.gnbDiv .gnbWrap .gnb {
    height: 55px;
    max-width: 1200px;
    margin: 0 auto;
    background: #ffffff;
}
.gnbDiv .gnbWrap .gnb ul li {
    width: 14.2%;
}

.gnbDiv .gnbWrap .gnb ul li a.oneDep {
    height: 55px;
    line-height: 55px;
    color: #1e293b;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.3px;
    transition: color .2s ease;
}
.gnbDiv .gnbWrap .gnb ul li a.oneDep:after {
    background: linear-gradient(90deg, #2f57c7 0%, #4b79e5 100%);
    height: 2px;
}
.gnbDiv .gnbWrap .gnb ul li:hover a.oneDep,
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep {
    color: #2f57c7;
}

.gnbDiv .gnbWrap .gnb ul li .twoDep {
    display: block;
    overflow: hidden;
    height: auto;
    background: #ffffff;
    border-top: 1px solid #edf1f7;
    border-bottom: none;
}
.gnbDiv .gnbWrap > .twoDep {
    display: none !important;
}
.gnbDiv .gnbWrap li.on .twoDep {
    background: #f8fbff;
}
.gnbDiv .gnbWrap li .twoDep a {
    font-size: 15px;
    font-weight: 500;
    color: #334155;
    line-height: 1.25;
    padding: 4px 0;
    letter-spacing: -0.3px;
    margin: 0;
    border-radius: 8px;
    transition: color .18s ease, background-color .18s ease;
}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover,
.gnbDiv .gnbWrap li .twoDep a.off:hover {
    color: #1d4ed8;
    background: #eaf2ff;
    font-weight: 600;
}
.sub-title {}
.board-title {margin:20px auto 20px;}



/* button */
@media all and (max-width: 1024px) {
    .navi > li {width:30%;}
    .sub_img {font-size:36px;}
    .subject {font-size:26px;}
}
@media all and (min-width:480px) and (max-width:2580px){
    .min_br {display: none;}
}

/* navigation Tablet Device */
@media only screen and (min-width: 480px) and (max-width:912px){
    .navi > li {width:40%; }
    .sub_img {font-size:32px;}
    .subject {font-size:24px;}
    .s2 a{display:block;}
    


    


}

/* navigation Mobile Device */
@media only screen and (max-width : 480px){
    .max_br {display: none;}
    .navi > li.homebnt {display:none;}
    .navi > li:nth-child(2) {}
    .navi > li:nth-child(3) {border-left:1px solid #e5e5e5; height:25px; background:#ffffff url('/files/images/button_background.png') no-repeat 90% 50%;}
    .navi > li {width:50%;}
    .sub_img {font-size:30px; padding:25px;}
    .subject {font-size:24px;}
    .s2 a{display:block;}
    .top-border {display:none; position: absolute; bottom: 23%;  left: 50%;  margin-left: -25px;  border: 1px solid #ffffff;  width: 50px;}
    .sub_img::after{bottom:20px;}
    /* 상좌상세페이지 */
    .curriculum_btn_t {text-align:center; margin:5px 2px; display:inline-block; background:#ffffff;}

    .lecture_detail_box{width:100%; position:relative; margin:0 auto; text-align:center; margin-top:50px; border: 3px solid #62aee9; border-radius:15px;}
    p.lecture_detail_tit{margin-top:30px; margin-bottom:2%; font-size:170%; color:#6b38a9; text-align:center; font-weight:bold;  letter-spacing:-3px; }
    span.gray_bg{background:url('/files/images/lecture_tit_bg.png')repeat-x top center;}
    p.lecture_detail_m_tit{font-size:120%;  margin:0 auto; width:100%;  padding:5px 0 5px;  margin-bottom:1%; color:#0285eb; text-align:center; font-weight:600;  letter-spacing:-1px;  }
    p.lecture_detail_mb_tit{font-size:120%;  margin:0 auto; width:100%;  padding:5px 0 5px;  margin-bottom:1%; color:#0285eb; text-align:center; font-weight:500;  letter-spacing:-1px;  }
    p.lecture_detail_s_tit{ font-size:18px; margin:0 auto; width:90%;  padding:0 5px;  color:#242424; text-align:center; font-weight:400;  letter-spacing:-1px; border:2px solid #6a6a6a; border-radius:15px }
    p.lecture_detail_sb_tit{ font-size:13px; margin:0 auto; width:90%; color:#242424; text-align:center; font-weight:400;  letter-spacing:-1px; border:2px solid #6a6a6a; border-radius:15px }
    .lecture_detail_text_box{margin-left:2%; width:96%;}
    .lecture_detail_price{margin-top:4%;width:100%; min-height:230px; border: 2px solid #8067dd; border-radius:15px;}
    .lecture_detail_day{width:100%; margin:0 auto;}
    .lecture_detail_day_left{float:none; width:25%;}
    .lecture_detail_day_center{float:none; margin:0 auto; margin-left:2%; width:96%; min-height:120px;}
    .lecture_detail_day_dc_box{margin:0 auto; width:88%; min-height:60px;}
    .lecture_detail_day_dc_half{margin:0 auto; width:60%; min-height:60px;}
    p.lecture_detail_day_dc {float:left; padding-top:5%; text-align:center; min-width:100px; color:#dd3325; font-size:30px; font-weight:600;  letter-spacing:-1px;  }
    span.lecture_detail_circle{margin-top:9px; padding-top:12px; color:#ffffff; font-size:16px;  text-align:center;  font-weight:500; }
    .dc_number {float:left; width:50px; height:50px;  background:#fe6556; border-radius:50px; margin:10px; padding-top:12px;}
    span.dc_line{text-decoration:line-through; font-weight:200; color:#666666;}
    .lecture_detail_day_text_box{margin-top:10px; padding:3% 0 4%; background:#eeeeee; border-radius:15px;}
    p.lecture_detail_day_text {padding-top:8px; text-align:center; font-size:24px; font-weight:bold;  line-height:24px;  letter-spacing:-1px;  color:#6b38a9; }
    p.day_plus{margin-top:10px; color:#3f51b5; font-weight:400; font-size:16px;  line-height:20px; }
    .lecture_detail_day_right{float:none; width:25%;}

    .lecture_detail_info{float:none; margin-top:4%;  margin-right:0%; min-height:200px; width:100%; border: 2px solid #ab87f6; border-radius:15px;}
    .lecture_detail_info img{margin:13px 0; width:100%;}
    .lecture_detail_txt{color:#444444;   padding-left:10px;  text-align:left;  font-size:14px; font-weight:400;  letter-spacing:-1px;  }
    .lecture_detail_target{float:none; margin-top:4%; margin-left:0%; min-height:200px; width:100%; border: 2px solid #62aee9; border-radius:15px;}
    .lecture_detail_target img{margin:13px 0; width:100%;}
    .lecture_detail_btn{text-align:center;}
    .lecture_detail_btn_t {text-align:center; margin:20px 2px; display:inline-block; background:#ffffff;}
    .lecture_detail_btn_t a {padding:10px 5px; font-size:17px; display:block; width:275px; border-radius:25px; background:#ff9800;  color:#fff; border:3px solid #fff9e1; transition:all 0.1s;}
    .lecture_detail_btn_t a .hover_img {display:none;}
    .lecture_detail_btn_t a:hover {background:#fff; color:#222222; border:3px solid #febd33;}
    .lecture_detail_btn_t a:hover .hover_img{display:inline-block;}
    .lecture_detail_btn_t a:hover .re_img {display:none;}

    .lecture_detail_info_full{margin-top:4%;  margin-right:0%; min-height:200px; width:100%; border: 2px solid #ab87f6; border-radius:15px;}
    .lecture_detail_info_full img{margin:13px 0; width:100%; }
    .lecture_detail_txt_full{color:#444444; padding-left:10px;  text-align:left; font-size:14px; font-weight:400;  letter-spacing:-1px;  }
    .lecture_detail_target_full{float:right; margin-top:4%; margin-left:0%; min-height:200px; width:100%; border: 2px solid #62aee9; border-radius:15px;}
    .lecture_detail_target_full img{margin:13px 0; width:100%; }

    /*구글랭귀지*/
    .top_language{float:right; margin-top:-10px; text-align:right;}
    .top_language span{display:none;}
    iframe.VIpgJd-ZVi9od-ORHb-OEVmcd{height:0px;margin-top:-1px; }
    .skiptranslate .goog-te-gadget{margin-top:-31px; color:#ffffff;}
    #google_translate_element{color:#ffffff;}
    .goog-te-combo{color:#666666;}
    


}
@media only screen and (max-width : 834px){
    .navi > li:nth-child(4){display:none;}
   

}




.table-title .section-box .ul-1 {font-weight: 500;}
h1, h2, h3, h4, h5 {font-weight: 500;}
@media all and (max-width:768px) {
    #gnb_area {display:none;}
    .subject-title {
        font-size: 20px;
        padding-left: 14px;
        margin-left: -19px;
        margin-bottom: -14px;
        margin-top: -14px;
    }
    }
    .subject-title::before {
        width: 4px;
        height: 21px;
        background-color: var(--main);
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .sub-content > li:last-child img{width:100%; margin-right:0;}
}


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

.main_content    {display: inline-block; margin:0 auto; width:100%; height:auto;  margin-top:20px; margin-bottom:0px;}
.main_content_youtube {margin:0; float:none; margin-left:2%; width:96%;  margin-right:0px;}
.main_content_notice {margin:0; float:none; width:100%;  background:#e7f2f9; margin-top: 0px;}
.main_content_notice_box{height:220px;}
.main_content_notice_box .nav-tabs{height:55px; background:#ffffff; border-bottom:1px solid #ffffff;}
.main_content_notice_box .nav-tabs > li > a {font-size:18px; font-weight:bold;}
.main_content_notice_box .nav-tabs > li.active > a, .main_content_notice_box  .nav-tabs > li.active > a:hover, .main_content_notice_box .nav-tabs > li.active > a:focus{font-size:19px; color:#283c87; background:#ffffff; border:1px solid #ffffff;}
.main_content_notice_box .nav-tabs> li > a:hover {border:1px solid #ffffff; color:#283c87; font-size:19px;}
.main_content_notice a img{width:100%;}
.main_jma_bg {display: inline-block; margin:0 auto; width:100%; height:auto;  text-align:center; background:url('/files/images/main_jma_bg.png')repeat-x top center;}
.main_jma    {margin:0 auto; width:100%; height:auto;  margin-bottom:0px;}
.main_jma  img{width:100%;}
.main_banner    {margin:0 auto; width:100%; margin-top:0px; margin-bottom:0px; }
.main_banner_left {margin:0; float:none; width:100%;}
.main_banner_left img{float:left; margin-right:0px; width:47%; height:100%; bottom:0px;}
.main_banner_left a img{float:left; margin-right:0px; width:53%; height:100%; bottom:0px;}
.main_banner_right {margin:0; float:none; width:100%;}
.main_banner_right img{margin-bottom:0px;  width:100%;}
#main_map{margin-top:0px;}

 #sub_left_menu {display: none;}
.sub-content > li {float:left; width:20%; margin-right:2%; }
.sub-content > li:last-child {width:100%;  margin-right:0;}
.sub-content > li:last-child img{margin-right:0;}

.sub_info{width:100%; margin: 0 auto;}





}


/* 오른쪽 내비 버튼  */
.right-banner-wrapper { position: relative;right: 25px;}

.right-banner-wrapper img {width: 80%;height: 80%; padding-top: 8px;}
.common_right_banner { position: fixed;right: 0px;transition: width .2s ease, height .2s ease; background-size: 100%;z-index: 10010; top: 420px;}
/* 오른쪽 내비 버튼 끝 */

.icon-text{    font-size: 11px;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: -0.5px;}