@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: #202230;
    overflow: visible;
    border-bottom: none;
}
#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) 미사용 */
#header .min768 {
    display: none !important;
}
/* 상단 메뉴바(GNB) 미사용 */
#header .min768 {
    display: none !important;
}
/* 메인 비주얼 배너는 헤더(GNB) 아래 레이어 */
#wrapmain > .min768,
#wrapmain > .main-visual {
    position: relative;
    z-index: 1;
    border-top: none;
    border-bottom: none;
}

#wrapmain > .main-visual-m {
    border-top: none;
    border-bottom: none;
}
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));
    }
    .bottom-section a{
        width: 100%;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        border: 0;
        font-size: 14px;
        white-space: nowrap;
        box-sizing: border-box;
    }
}
.tword-box .btn-tword {top:0;}

.top-logo {    
    display: inline-block;
    padding: 0;
}
#header .section {
    text-align: left;
    max-width: none;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}
#header .topmenu-info {
    float: none;
}
.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 { padding: 0; font-size:14px; color:#fff;}
.topmenu-info .hi-member{margin-right: 15px; color:#fff;}
.topmenu-info a {font-size:16px; color:#fff;}
.topmenu-info a:hover{font-size:16px; color:#fff; opacity:0.85;}
.topmenu-info a.apply {font-weight:bold; color:#39c7ba;}
.topmenu-info a.apply:hover {color:#3fffef;}
.topmenu-info .menu_line {display:inline-block; width:1px; height:10px; background:rgba(255,255,255,0.45); 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: 0;
        min-height: 0;
        height: auto !important;
    }
    #header .section {
        display: none !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
    }
    #header .toggle {
        position: relative !important;
        width: 100% !important;
        min-height: 56px;
        height: 56px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 0 48px;
        right: auto;
        left: auto;
        z-index: 9;
    }
    #header .menu-icon {
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        padding: 0;
        z-index: 2;
    }
    #header .menu-icon img {
        width: 28px;
        height: 28px;
    }
    .min768 {display:none;}
    /* #wrapmain 모바일 레이아웃 보정 */
    #wrapmain {
        width: 100% !important;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    #wrapmain > .main-visual,
    #wrapmain > .main-visual-m {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
    /* PC 메인비주얼(bncode 5) 숨김 / 모바일 비주얼(bncode 6) 노출 */
    .min768.main-visual {
        display: none !important;
    }
    .topmenu-info {display:none !important;}
    .max768 {display:block !important;}
    .top-logo {display:none;}
    .top-logo-m {
        width: auto;
        max-width: 180px;
        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: 180px;
        height: auto;
        max-height: 36px;
        display: block;
    }

    /* 모바일 메인 배너 모서리 라운드 제거 */
    .main-visual-m .bannerWrap,
    .main-visual-m .bannerWrap .banner,
    .main-visual-m .bannerWrap img,
    .main-visual-m .bannerWrap .banner-bg-img,
    .max768 .bannerWrap.banner6,
    .max768 .bannerWrap.banner6 .banner,
    .max768 .bannerWrap.banner6 img {
        border-radius: 0 !important;
    }
}

#main_contents   {margin:0 auto; width:100%;  text-align:center;}
.main_content    {margin:0 auto; width:1200px; 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:1200px; height:437px;  margin-bottom:60px;}
.main_banner    {margin:0 auto; width:1200px; 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%; margin-bottom: 100px;}
#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:1200px; 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: #b7c9d5;
    position: relative;
    background: #202230;
    border-top: none;
    border-bottom: none;
    margin-top: auto;
}
.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:rgba(255, 255, 255, 0.14); 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:#b7c9d5; font-weight:400; letter-spacing:-0.35pt; line-height:120%; transition:color .25s ease, opacity .25s ease;}
.foot-privit li a:hover{color: #7ed9c7; opacity: 1;}
.foot-privit li a.on{font-weight: 500; color:#7ed9c7;}

.foot-bottom {
    background: #202230;
    padding: 28px 0 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.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:10px; font-size:18px; color:#b7c9d5; font-weight:600; letter-spacing:-0.02em;}
.foot-bottom-info li {font-size:14px; width:100%; color:#b7c9d5; font-weight:400; line-height:1.65;}
.foot-bottom-info b,
.foot-bottom-info strong {font-weight:500; color:#b7c9d5;}
.fb-info-copylight {float:left; margin-top:12px; display:inline-block;}
.fb-info-copylight span {color:#b7c9d5; font-weight:400; font-size:13px;}
.foot-bottom a {color:#b7c9d5; font-weight:400; transition:color .25s ease;}
.foot-bottom a:hover {color:#7ed9c7;}
.menu_line {display:inline-block; width:1px; height:10px; background:rgba(255, 255, 255, 0.14); margin:0 6px}
.by {float:right; margin-top:6px; font-size:10px; color:#b7c9d5; font-weight:400;}
span.stway{color:#7ed9c7;}

.foot-privit{

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

.bottom-section a{
    color: #b7c9d5;
    font-size: 14px;
    padding: 0 30px ;
    border: 0;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    transition: color .25s ease, background-color .25s ease;
}
.bottom-section a:hover{
    color: #7ed9c7;
    background: rgba(126, 217, 199, 0.06);
}


@media only screen and (max-width : 1200px){
    .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: 840px) {
    .foot-bottom,
    .foot-bottom .section,
    .foot-bottom-info,
    .foot-bottom-info h1,
    .foot-bottom-info li,
    .foot-bottom-info ul,
    .fb-info-copylight,
    .fb-info-copylight span {
        word-break: keep-all;
        overflow-wrap: break-word;
    }
}

@media only screen and (max-width : 480px){
    .info_box {flex-wrap: wrap;}
    .bottom-section{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .bottom-section a{
        width: 100%;
        height: 46px;
        line-height: 46px;
        padding: 0 8px;
        border: 0;
        font-size: 14px;
        white-space: nowrap;
        box-sizing: border-box;
    }
	.foot-privit ul{
        margin: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .foot-privit li{
        width: 100%;
        padding: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .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, mypage-tabs 제외): 모바일 2줄 × 3칸 — 기존 파란 톤 */
@media only screen and (max-width: 834px) {
    .n5 {
        margin-top: 0;
    }
    .n5:not(.mypage-tabs) .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:not(.mypage-tabs) .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:not(.mypage-tabs) .submenu_list a.focus {
        background: #2997ed;
        color: #fff;
        font-weight: 600;
    }
}

@media only screen and (max-width : 400px){
    .n5:not(.mypage-tabs) .submenu_list {
        margin-top: 12px;
        margin-bottom: 8px;
        padding: 2px;
    }
    .n5:not(.mypage-tabs) .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:1200px; 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:1200px; 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;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
}
.subject-title .subject-sub {
    font-size: 14px;
    font-weight: 400;
    color: #5f6b7a;
    letter-spacing: -0.02em;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}
.subject-title .subject-sub.font-red {
    color: #ca2500;
}
.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.max768 {display: none !important;}
.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 #bd1c2f;
    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, #bd1c2f 0%, #e2455a 100%);
    height: 2px;
}
.gnbDiv .gnbWrap .gnb ul li:hover a.oneDep,
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep {
    color: #bd1c2f;
}

.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: #fef7f8;
}
.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: #bd1c2f;
    background: #fdecee;
    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: 20px;
    }
    }
    .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;}

/* ===== 개인정보 취급방침 / 약관 문서형 페이지 ===== */
#sub-container.policy-page {
	--policy-panel: #202230;
	--policy-panel-2: #2a3142;
	--policy-accent: #e24b5a;
	--policy-ink: #1c222c;
	--policy-muted: #5f6b7a;
	--policy-line: rgba(28, 34, 44, 0.1);
	margin-bottom: 0;
	padding-bottom: 0;
	background: #eef1f5;
}

.policy-page .policy-hero {
	position: relative;
	overflow: hidden;
	background-color: #202230;
	background-image:
		linear-gradient(90deg, #2a3142 50%, transparent 50%),
		linear-gradient(#2a3142 50%, transparent 50%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
	color: #fff;
	animation: policyFadeUp 0.65s ease both;
}

.policy-page .policy-hero__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: clamp(12px, calc(6vw - 50px), 22px) clamp(20px, 4vw, 36px);
}

.policy-page .policy-hero__brand {
	margin: 0 0 14px;
	font-size: 0.78em;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #fff;
}

.policy-page .policy-hero__title {
	margin: 0 0 14px;
	padding: 0;
	border: 0;
	font-size: clamp(calc(1.9em - 10px), calc(3.4vw - 10px), calc(2.7em - 10px));
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1.15;
	color: #fff;
}

.policy-page .policy-hero__lead {
	margin: 0;
	max-width: 22em;
	font-size: clamp(1em, 1.4vw, 1.15em);
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, 0.68);
	word-break: keep-all;
}

.policy-page .policy-body {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: clamp(28px, 4vw, 48px) clamp(16px, 3vw, 28px) clamp(64px, 8vw, 100px);
	box-sizing: border-box;
	background: transparent;
}

.policy-page .policy-doc {
	animation: policyFadeUp 0.75s ease 0.08s both;
}

.policy-page .agree-box.policy-doc__body,
.policy-page .policy-doc__body {
	width: 100%;
	max-width: none;
	margin: 0 0 28px;
	padding: clamp(28px, 3.5vw, 44px) clamp(22px, 3vw, 40px);
	border: 0;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	max-height: none;
	overflow: visible;
	font-size: 14px;
	line-height: 1.34;
	color: #3d4654;
	box-sizing: border-box;
	border-top: 3px solid var(--policy-accent);
}

.policy-page .policy-doc__body p {
	margin: 0 0 0.72em;
	letter-spacing: -0.015em;
	word-break: keep-all;
}

.policy-page .policy-doc__body p.policy-sec {
	margin: 1.6em 0 0.55em;
	padding: 12px 0 0;
	border-top: 1px solid var(--policy-line);
	font-size: 1.08em;
	font-weight: 400;
	line-height: 1.11;
	letter-spacing: -0.03em;
	color: #3d4654;
}

.policy-page .policy-doc__body p.policy-sec:first-child {
	margin-top: 0;
	border-top: 0;
	padding-top: 0;
}

.policy-page .policy-doc__body p.policy-article {
	margin: 0.85em 0 0.55em;
	font-size: 1.02em;
	font-weight: 400;
	line-height: 1.58;
	letter-spacing: -0.025em;
	color: #3d4654;
}

.policy-page .policy-doc__body p.policy-item {
	position: relative;
	padding-left: 0.15em;
	color: #3d4654;
	font-weight: 400;
}

.policy-page .policy-doc__body p.policy-num {
	font-weight: 400;
	color: #3d4654;
}

.policy-page .policy-doc__body a {
	color: var(--policy-panel);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.policy-page .policy-contact {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 6px 20px;
	align-items: baseline;
	padding: 22px 4px 0;
	border-top: 1px solid var(--policy-line);
	animation: policyFadeUp 0.75s ease 0.16s both;
}

.policy-page .policy-contact__label {
	margin: 0;
	grid-row: 1 / span 2;
	font-size: 0.78em;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--policy-accent);
}

.policy-page .policy-contact__name {
	margin: 0;
	font-size: 1.05em;
	font-weight: 700;
	color: var(--policy-ink);
	letter-spacing: -0.02em;
}

.policy-page .policy-contact__meta {
	margin: 0;
	font-size: 0.95em;
	font-weight: 500;
	color: var(--policy-muted);
}

.policy-page .policy-contact__meta a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.policy-page .policy-contact__meta a:hover {
	color: var(--policy-accent);
	border-bottom-color: rgba(226, 75, 90, 0.45);
}

.policy-page .policy-contact__meta span {
	margin: 0 8px;
	color: #9aa3ad;
}

@keyframes policyFadeUp {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.policy-page .policy-hero,
	.policy-page .policy-doc,
	.policy-page .policy-contact {
		animation: none;
	}
}

@media (max-width: 640px) {
	.policy-page .policy-contact {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.policy-page .policy-contact__label {
		grid-row: auto;
	}

	.policy-page .agree-box.policy-doc__body,
	.policy-page .policy-doc__body {
		padding: 22px 18px;
		font-size: 13px;
	}
}

/* ===== 게시판 페이지 (공지사항 등) — policy-hero + mypage 패널 톤 ===== */
#sub-container.board-page .policy-hero__inner,
#sub-container.board-page .board-body {
	max-width: 1200px;
}

#sub-container.board-page .board-body {
	margin: 0 auto;
	padding: clamp(24px, 3.5vw, 40px) clamp(16px, 3vw, 28px) clamp(64px, 8vw, 100px);
	box-sizing: border-box;
	background: transparent;
}

.board-page .board-panel {
	--board-accent: #e24b5a;
	--board-ink: #1c222c;
	--board-muted: #5f6b7a;
	--board-line: rgba(28, 34, 44, 0.1);
	width: 100%;
	margin: 0;
	padding: clamp(24px, 3.2vw, 40px) clamp(18px, 2.8vw, 36px) clamp(28px, 3.5vw, 44px);
	background: #fff;
	border-top: 3px solid var(--board-accent);
	box-sizing: border-box;
	animation: policyFadeUp 0.75s ease 0.08s both;
}

.board-page .board-panel .contable {
	margin: 0 0 8px;
}

.board-page .board-panel .contable .section-box .ul-1 {
	border-top-color: var(--board-line);
	border-bottom-color: var(--board-line);
}

.board-page .board-panel .table-title .section-box .ul-1 {
	background: #f4f6f9;
	color: var(--board-ink);
	font-weight: 700;
	letter-spacing: -0.03em;
	border-top: 0;
	border-bottom: 1px solid rgba(28, 34, 44, 0.12);
}

.board-page .board-panel .table-title .section-box .ul-1 > li {
	padding: 14px 8px;
	font-size: 14px;
	color: var(--board-ink);
}

.board-page .board-panel .table-textlist .section-box .ul-1 {
	background: #fff;
	transition: background-color 0.18s ease;
}

.board-page .board-panel .table-textlist .section-box .ul-1:hover {
	background: #f7f8fb;
}

.board-page .board-panel .table-textlist .section-box .ul-1 > li {
	padding: 16px 8px;
	font-size: 15px;
	color: var(--board-muted);
	letter-spacing: -0.02em;
}

.board-page .board-panel .table-textlist .section-box .ul-1 > li.bbsSubject {
	color: var(--board-ink);
	cursor: pointer;
	text-align: left;
}

.board-page .board-panel .contable .subject,
.board-page .board-panel .contable .subject a {
	color: var(--board-ink);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -0.03em;
	transition: color 0.18s ease;
}

.board-page .board-panel .table-textlist .section-box .ul-1:hover .subject,
.board-page .board-panel .table-textlist .section-box .ul-1:hover .subject a {
	color: var(--board-accent);
}

.board-page .board-panel .page {
	padding: 28px 0 8px;
}

.board-page .board-panel .cd-pagination li a {
	border-color: #e6e9ef;
	border-radius: 8px;
	color: var(--board-muted);
	transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.board-page .board-panel .cd-pagination li.on a,
.board-page .board-panel .cd-pagination li .current {
	background: #202230;
	border-color: #202230;
	color: #fff;
	border-radius: 8px;
}

.board-page .board-panel .cd-pagination li.off a:hover,
.board-page .board-panel .cd-pagination li.button a:hover {
	background: #f4f6f9;
	color: var(--board-ink);
	border-color: #d8dde6;
}

.board-page .board-panel .boardSearch {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 12px;
	padding-top: 22px;
	border-top: 1px solid var(--board-line);
}

.board-page .board-panel .boardSearch select.board,
.board-page .board-panel .boardSearch select.form-control.board,
.board-page .board-panel .boardSearch input.board_search,
.board-page .board-panel .boardSearch input.form-control.board_search,
.board-page .board-panel .boardSearch .form-control.board,
.board-page .board-panel .boardSearch .form-control.board_search {
	border: 1px solid #e2e6ec;
	border-radius: 8px;
	color: var(--board-ink);
	background: #f4f6f9;
	height: 40px;
	box-sizing: border-box;
}

.board-page .board-panel .boardSearch select.board:focus,
.board-page .board-panel .boardSearch input.board_search:focus,
.board-page .board-panel .boardSearch .form-control.board:focus,
.board-page .board-panel .boardSearch .form-control.board_search:focus {
	border-color: #a8b0c4;
	box-shadow: none;
	outline: none;
	background: #fff;
}

.board-page .board-panel .boardSearch .btn_bbs_search,
.board-page .board-panel .boardSearch button[type="submit"] {
	height: 40px;
	padding: 0 18px;
	border: 0;
	border-radius: 8px;
	background: #202230;
	color: #fff;
	font-weight: 600;
	letter-spacing: -0.02em;
}

.board-page .board-panel .boardSearch .btn_bbs_search:hover,
.board-page .board-panel .boardSearch button[type="submit"]:hover {
	background: #2a3142;
	border-color: #2a3142;
}

.board-page .board-panel .bbs-normalbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 40px;
	min-height: 40px;
	padding: 0 18px;
	border: 0;
	border-radius: 8px;
	background: #202230;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.02em;
	vertical-align: middle;
}

.board-page .board-panel .bbs-normalbtn:hover {
	background: #2a3142;
}

.board-page .board-panel .social-btn {
	display: none;
}

.board-page .board-panel .section-box > .dtable {
	border-bottom: 1px solid var(--board-line);
}

.board-page .board-panel .section-box > .dtable:first-child .table-th,
.board-page .board-panel .section-box > .dtable:first-child .table-td {
	border-top: 0;
}

.board-page .board-panel .dtable .table-th {
	background: #f4f6f9;
	color: var(--board-ink);
	font-weight: 700;
	letter-spacing: -0.03em;
	border-bottom-color: var(--board-line);
}

.board-page .board-panel .dtable .table-td {
	color: var(--board-ink);
	border-bottom-color: var(--board-line);
	letter-spacing: -0.02em;
}

.board-page .board-panel .dtable .table-td a {
	color: var(--board-ink);
	transition: color 0.18s ease;
}

.board-page .board-panel .dtable .table-td a:hover {
	color: var(--board-accent);
}

.board-page .board-panel .content_box {
	padding: 8px 4px 16px;
	line-height: 1.7;
	color: #3d4654;
	word-break: keep-all;
}

.board-page .board-panel .bbslist.btn_left,
.board-page .board-panel .bbslist.btn_right,
.board-page .board-panel .btn_left {
	float: left;
	width: 50%;
	margin: 20px 0 0;
	padding: 0;
	box-sizing: border-box;
}

.board-page .board-panel .bbslist.btn_left,
.board-page .board-panel .btn_left {
	text-align: left;
}

.board-page .board-panel .bbslist.btn_right {
	float: right;
	text-align: right;
}

.board-page .board-panel .bbslist.btn_left .bbs-normalbtn,
.board-page .board-panel .btn_left .bbs-normalbtn,
.board-page .board-panel .bbslist.btn_right .bbs-normalbtn {
	margin: 0 4px 0 0;
	vertical-align: top;
}

.board-page .board-panel .bbslist.btn_right .bbs-normalbtn {
	margin: 0;
}

/* FAQ: 카테고리 탭 + 아코디언 (mypage/notice 톤) */
.board-page .board-panel .category-tap {
	display: block;
	margin: 0 0 22px;
}

.board-page .board-panel .cate-tap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 6px;
	margin: 0;
	padding: 6px;
	background: #f4f6f9;
	border: 1px solid #e2e6ec;
	border-radius: 10px;
	box-sizing: border-box;
	align-items: stretch;
}

.board-page .board-panel .cate-tap li {
	float: none;
	flex: 1 1 auto;
	height: auto;
	min-height: 42px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	line-height: 1.25;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.03em;
}

.board-page .board-panel .cate-tap li + li {
	margin-left: 0;
}

.board-page .board-panel .cate-tap li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: 42px;
	padding: 8px 12px;
	border-radius: 8px;
	color: var(--board-muted);
	background: transparent;
	transition: background-color 0.18s ease, color 0.18s ease;
	box-sizing: border-box;
	word-break: keep-all;
}

.board-page .board-panel .cate-tap li a:hover {
	background: #fff;
	color: var(--board-ink);
	border-radius: 8px;
}

.board-page .board-panel .cate-tap li.active {
	background: transparent;
	border: 0;
}

.board-page .board-panel .cate-tap li.active a {
	background: #202230;
	color: #fff;
	border-radius: 8px;
	box-shadow: 0 3px 8px rgba(32, 34, 48, 0.18);
}

.board-page .board-panel .category-tap .form-control.visible-xs {
	display: none;
	width: 100%;
	height: 42px;
	margin-top: 0;
	border: 1px solid #e2e6ec;
	border-radius: 8px;
	background: #f4f6f9;
	color: var(--board-ink);
}

.board-page .board-panel .contable.board_faq {
	margin: 0;
	overflow: visible;
}

.board-page .board-panel section.faq {
	border-top: 0;
	margin: 0;
}

.board-page .board-panel .ul-faq {
	display: block;
	width: 100%;
	margin: 0 0 8px;
	border: 1px solid #e6e9ef;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	box-sizing: border-box;
}

.board-page .board-panel .ul-faq li {
	border-bottom: 0;
}

.board-page .board-panel .ul-faq .flip {
	padding: 18px 20px 18px 64px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--board-ink);
	background: #fff;
	transition: background-color 0.18s ease;
}

.board-page .board-panel .ul-faq .flip:hover {
	background: #f7f8fb;
}

.board-page .board-panel .ul-faq .flip.active {
	background: #f4f6f9;
}

.board-page .board-panel .ul-faq .q-icon {
	left: 16px;
	width: 30px;
	height: 30px;
	min-width: 30px;
	border-radius: 8px;
	background: #202230;
	background-image: none;
	box-shadow: none;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
}

.board-page .board-panel .ul-faq .faq-cate {
	margin-right: 8px;
	padding: 3px 9px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--board-accent);
	background: rgba(226, 75, 90, 0.1);
	border-radius: 6px;
}

.board-page .board-panel .ul-faq .faq-subject,
.board-page .board-panel .ul-faq .faq-flip-text {
	color: var(--board-ink);
	font-weight: 600;
	letter-spacing: -0.03em;
	word-break: keep-all;
}

.board-page .board-panel .ul-faq .panel {
	padding: 22px 22px 22px 64px;
	font-size: 15px;
	line-height: 1.75;
	letter-spacing: -0.02em;
	color: #3d4654;
	background: #fafbfc;
	border-top: 0;
	box-sizing: border-box;
	word-break: keep-all;
}

.board-page .board-panel .ul-faq .panel p {
	margin: 0 0 0.75em;
}

.board-page .board-panel .ul-faq .panel p:last-child {
	margin-bottom: 0;
}

.board-page .board-panel .ul-faq .panel .faq-panel-actions {
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid var(--board-line);
}

.board-page .board-panel .ul-faq .panel .faq-panel-actions .bbs-normalbtn {
	height: 36px;
	min-height: 36px;
	padding: 0 14px;
	font-size: 13px;
	background: transparent;
}

.board-page .board-panel .ul-faq .panel .faq-panel-actions .bbs-normalbtn--edit {
	background-color: #fff;
	color: #202230;
	border-color: #202230;
}

.board-page .board-panel .ul-faq .panel .faq-panel-actions .bbs-normalbtn--edit .bbs-normalbtn__ico,
.board-page .board-panel .ul-faq .panel .faq-panel-actions .bbs-normalbtn--edit .bbs-normalbtn__txt {
	color: #202230;
}

.board-page .board-panel .ul-faq .panel .faq-panel-actions .bbs-normalbtn--edit:hover {
	background-color: #f4f6f9;
	border-color: #202230;
	color: #202230;
}

@media (prefers-reduced-motion: reduce) {
	.board-page .board-panel {
		animation: none;
	}
}

@media (max-width: 768px) {
	#sub-container.board-page .board-body {
		padding: 16px 12px 80px;
	}

	.board-page .board-panel {
		padding: 18px 14px 24px;
	}

	.board-page .board-panel .bbslist.btn_left,
	.board-page .board-panel .bbslist.btn_right,
	.board-page .board-panel .btn_left {
		float: none;
		width: 100%;
		margin-top: 16px;
		text-align: left;
	}

	.board-page .board-panel .bbslist.btn_right {
		margin-top: 8px;
		text-align: left;
	}

	.board-page .board-panel .cate-tap {
		display: none;
	}

	.board-page .board-panel .category-tap .form-control.visible-xs {
		display: block !important;
	}

	.board-page .board-panel .ul-faq .flip {
		padding: 14px 14px 14px 52px;
		font-size: 14px;
	}

	.board-page .board-panel .ul-faq .q-icon {
		left: 12px;
		width: 26px;
		height: 26px;
		min-width: 26px;
		font-size: 12px;
		border-radius: 6px;
	}

	.board-page .board-panel .ul-faq .panel {
		padding: 16px 14px 16px 16px;
		font-size: 14px;
	}

	.board-page .board-panel .boardSearch {
		flex-direction: column;
		align-items: stretch;
	}

	.board-page .board-panel .boardSearch select.board,
	.board-page .board-panel .boardSearch .board_search,
	.board-page .board-panel .boardSearch .btn_bbs_search,
	.board-page .board-panel .boardSearch button[type="submit"] {
		width: 100%;
	}
}

/* ===== 월간구독 신청 페이지 ===== */
#sub-container.subscribe-page .policy-hero__inner,
#sub-container.subscribe-page .policy-body,
#sub-container.subscribe-page .subscribe-body {
	max-width: 1200px;
}

#sub-container.subscribe-page .subscribe-body {
	padding-top: clamp(24px, 3vw, 40px);
	margin-top: 0;
	background: transparent;
}

.subscribe-page .subscribe-doc {
	animation: policyFadeUp 0.75s ease 0.08s both;
}

.subscribe-page .subscribe-panel {
	width: 100%;
	margin: 0 0 20px;
	padding: clamp(24px, 3vw, 36px) clamp(22px, 3vw, 40px);
	background: #fff;
	border-top: 3px solid var(--policy-accent);
	box-sizing: border-box;
}

.subscribe-page .subscribe-panel--note,
.subscribe-page .subscribe-panel--refund {
	border-top: 0;
}

.subscribe-page .subscribe-panel--note,
.subscribe-page .subscribe-panel--refund {
	border-top: 0;
}

.subscribe-page .subscribe-panel__title {
	margin: 0 0 18px;
	padding: 0;
	border: 0;
	font-size: 1.12em;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--policy-ink);
}

.subscribe-page .subscribe-info-list {
	margin: 0;
	padding: 0;
}

.subscribe-page .subscribe-info-row {
	display: grid;
	grid-template-columns: minmax(96px, 140px) minmax(0, 1fr);
	gap: 10px 24px;
	padding: 14px 0;
	border-bottom: 1px solid var(--policy-line);
}

.subscribe-page .subscribe-info-row:first-child {
	padding-top: 0;
}

.subscribe-page .subscribe-info-row:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.subscribe-page .subscribe-info-row dt {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--policy-muted);
}

.subscribe-page .subscribe-info-row dd {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	color: var(--policy-ink);
	word-break: keep-all;
}

.subscribe-page .subscribe-price {
	font-size: 1.2em;
	font-weight: 800;
	color: var(--policy-accent);
	letter-spacing: -0.02em;
}

.subscribe-page .subscribe-note-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.subscribe-page .subscribe-note-list li {
	position: relative;
	margin: 0 0 10px;
	padding-left: 1.1em;
	font-size: 14px;
	line-height: 1.65;
	color: #3d4654;
	word-break: keep-all;
}

.subscribe-page .subscribe-note-list li:last-child {
	margin-bottom: 0;
}

.subscribe-page .subscribe-note-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.72em;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--policy-accent);
	transform: translateY(-50%);
}

.subscribe-page .subscribe-refund-area {
	max-height: 220px;
	overflow-y: auto;
	margin: 0;
	padding: clamp(18px, 2.5vw, 24px) clamp(18px, 2.5vw, 28px);
	border: 1px solid var(--policy-line);
	background: #fafbfc;
	font-size: 13px;
	line-height: 1.7;
	color: #3d4654;
	word-break: keep-all;
}

.subscribe-page .subscribe-refund-area.policy-doc__body {
	border-top: 0;
	box-shadow: none;
}

.subscribe-page .subscribe-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: center;
	padding: 8px 0 0;
	animation: policyFadeUp 0.75s ease 0.16s both;
}

.subscribe-page .subscribe-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 24px;
	border: 0;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.02em;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.subscribe-page .subscribe-btn--primary {
	background: #0ea5e9;
	color: #fff;
}

.subscribe-page .subscribe-btn--primary:hover {
	background: #0284c7;
}

.subscribe-page .subscribe-btn--primary:disabled {
	opacity: 0.65;
	cursor: not-allowed;
}

.subscribe-page .subscribe-btn--ghost {
	background: #fff;
	color: var(--policy-muted);
	border: 1px solid var(--policy-line);
}

.subscribe-page .subscribe-btn--ghost:hover {
	color: var(--policy-ink);
	border-color: rgba(28, 34, 44, 0.2);
}

@media (max-width: 768px) {
	#sub-container.subscribe-page .subscribe-body {
		padding-left: 16px;
		padding-right: 16px;
	}

	.subscribe-page .subscribe-panel {
		padding: 22px 18px;
	}

	.subscribe-page .subscribe-info-row {
		grid-template-columns: 1fr;
		gap: 4px;
		padding: 12px 0;
	}

	.subscribe-page .subscribe-actions {
		flex-direction: column;
		align-items: center;
	}

	.subscribe-page .subscribe-btn {
		width: auto;
		min-width: 220px;
	}
}

/* 마이페이지 상단 탭 — PC와 동일 톤(흰 배경 + 다크 액티브), 모바일은 2줄×3칸 */
.n5.mypage-tabs { margin: 8px auto 28px; }
/* 서브탭이 1개뿐이면 탭 자체 숨김 (학습강좌 등) */
.n5:has(> .submenu_list > a:only-child),
.n4:has(> .submenu_list > a:only-child) {
	display: none !important;
}
.n5.mypage-tabs .submenu_list { display: flex; width: min(100%, 760px); height: 52px; margin: 0 auto; overflow: hidden; background: #ffffff; border: 1px solid #e2e6ec; border-radius: 10px; box-shadow: 0 4px 14px rgba(31, 35, 48, 0.06); box-sizing: border-box; gap:1px;}
.n5.mypage-tabs .submenu_list a { display: flex; float: none; flex: 1 1 0; align-items: center; justify-content: center; height: 100%; padding: 0 12px; color: #515968; font-size: 15px; font-weight: 500; line-height: 1.25; letter-spacing: -0.03em; background: transparent; border-radius: 7px; box-sizing: border-box; transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; }
.n5.mypage-tabs .submenu_list a:hover { color: #fff; font-weight: 600; background-color: #45464b; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.08) 75%), linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.08) 75%); background-size: 4px 4px; background-position: 0 0, 2px 2px; border-radius: 7px; }
.n5.mypage-tabs .submenu_list a.focus { color: #fff; font-weight: 600; background-color: #45464b; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.08) 75%), linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.08) 75%); background-size: 4px 4px; background-position: 0 0, 2px 2px; border-radius: 7px; box-shadow: 0 3px 8px rgba(32, 34, 48, 0.2); }

@media only screen and (max-width: 834px) {
	.n5.mypage-tabs { margin: 14px auto 20px; }
	.n5.mypage-tabs .submenu_list {
		display: flex !important;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
		gap: 4px;
		width: 100% !important;
		max-width: 100%;
		height: auto !important;
		margin: 0 auto !important;
		padding: 4px;
		overflow: visible !important;
		background: #ffffff !important;
		border: 1px solid #e2e6ec;
		border-radius: 10px;
		box-shadow: 0 4px 14px rgba(31, 35, 48, 0.06);
		box-sizing: border-box;
	}
	.n5.mypage-tabs .submenu_list a {
		float: none !important;
		flex: 1 1 calc(33.333% - 4px);
		width: calc(33.333% - 4px);
		max-width: calc(33.333% - 4px);
		min-height: 40px;
		height: auto !important;
		margin: 0;
		padding: 8px 4px;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.25;
		letter-spacing: -0.03em;
		color: #515968 !important;
		background-color: transparent !important;
		background-image: none !important;
		border-radius: 7px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		text-align: center;
		word-break: keep-all;
		box-sizing: border-box;
	}
	.n5.mypage-tabs .submenu_list a:hover,
	.n5.mypage-tabs .submenu_list a.focus {
		color: #fff !important;
		font-weight: 600;
		background-color: #45464b !important;
		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.08) 75%), linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.08) 75%) !important;
		background-size: 4px 4px !important;
		background-position: 0 0, 2px 2px !important;
		border-radius: 7px;
		box-shadow: 0 3px 8px rgba(32, 34, 48, 0.2);
	}
}

@media only screen and (max-width: 400px) {
	.n5.mypage-tabs .submenu_list { padding: 3px; gap: 3px; }
	.n5.mypage-tabs .submenu_list a {
		flex: 1 1 calc(33.333% - 3px);
		width: calc(33.333% - 3px);
		max-width: calc(33.333% - 3px);
		min-height: 36px;
		padding: 6px 2px;
		font-size: 13px;
	}
}