a:hover * {
    text-decoration: none
}

/*base-font*/
@font-face {
    font-family: 'Pretendard';
    src: url('Pretendard-ExtraLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('Ubuntu-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('Ubuntu-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('Ubuntu-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('Ubuntu-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

  
.xnmain_inner {
    width: 100%;
    max-width: 1480px;
    margin: auto;
}

/* header */
#header.xnmain {
    border-bottom: 0;
    background-color: transparent;
    font-family: 'Pretendard' !important;
    transition: .4s all;
}
#header.xnmain,
#header.xnmain .navbar-static-top{
    height:110px;
}
#header.xnmain .navbar-static-top .container .navbar-header{
    display:flex;
    height:77px;
}
#header.xnmain .navbar-static-top .container{
    width:100%;
    height:inherit;
    max-width: 1920px;
    padding:16.5px 50px;
}
#header.xnmain .navbar-static-top .container .xn-main-menu-wrap{
    display:flex;
    align-items:center;
    justify-content: space-between;
    width:calc(100% - 210px);
    float:inherit;
    padding-left:140px;
}
#header.xnmain .navbar-static-top .container .xn-main-menu-wrap .pull-right{
    display:flex;
    align-items:center;
    min-width:inherit;
}
#header.xnmain .xn-main-catalog-header-logo-image{
    height:77px;
}
#header.xnmain .logo_off{
    display:none;
}
#header.xnmain .xn-header-menu{
    height:inherit;
}
#header.xnmain .xn-header-menu li{
    position:relative;
    font-size:20px;
    font-weight:500;
}
#header.xnmain .xn-header-menu li:hover{
    background: transparent;
}
#header.xnmain .xn-header-menu li:after{
    position: absolute;
    display: block;
    content:'';
    width:0;
    height:1px;
    background-color:#FF0000;
    transition: all .4s;
}
#header.xnmain .xn-header-menu li:hover:after{
    width:100%;
}
#header.xnmain .xn-header-menu li a{
    height:77px;
    line-height:77px;
    color:#fff;
}
#header.xnmain .xn-sub-menu-outer-wrapper{
    margin-top:16.5px;
    padding:0 50px;
    background:#346899;
}
#header.xnmain .xn-sub-menu-wrapper{
    width:100%;
    max-width:1920px;
    align-items: flex-start !important;
    padding-left:391px;
    margin:auto;
}
#header.xnmain .xn-sub-menu-item-wrapper{
    width:126px;
    padding:10px 0;
}
#header.xnmain .xn-sub-menu-item-wrapper li:hover a{   
    color:#fffab5;
}
#header.xnmain .xn-sub-menu-item-wrapper li a{
    font-size:15px;
    color:#fff;
    padding:5px 0;
}
#header.xnmain .btn-login{
    display:flex;
    align-items:center;
    gap:10px;
    height:inherit;
    background-color:transparent;
    font-size:16px;
    border-radius: 0;
    margin-top:0;
    padding:0;
    float:inherit;
}
#header.xnmain .btn-login i{
    display:inline-block;
    width:40px;
    height:24px;
    background:url(xnmain_login_ico.png) no-repeat center;
}
#header.xnmain .all_menu{
    position: relative;
    width:40px;
    height:20px;
    cursor: pointer;
    margin-left:35px;
}
#header.xnmain .all_menu span{
    position: absolute;
    display:block;
    width:100%;
    height:4px;
    background-color:#fff;
    transition: all .4s;
}
#header.xnmain .all_menu span:nth-child(1){
    right:0;
}
#header.xnmain .all_menu span:nth-child(2){
    left:0;
    top:8px;
}
#header.xnmain .all_menu span:nth-child(3){
    left:0;
    top:16px;
}
#header.xnmain .all_menu span:nth-child(1),
#header.xnmain .all_menu span:nth-child(3){
    width:20px;
}
#header.xnmain .all_menu:hover span{
    width:100% !important;
}
#header.xnmain .btn-dropdown-user-menu{
    margin:0;
    border-radius: 0;
}
#header.xnmain .navbar-collapse.collapse.in.mobile ul{
    width:100%;
}
#header.xnmain .navbar-collapse.collapse.in.mobile li{
    width:100%;
}
#header.xnmain .m_1depth{
    border-bottom:1px solid #ddd;
}
#header.xnmain .m_2depth{
    width:100%;
    background-color:#f2f2f2;
    margin-top:10px;
}
#header.xnmain .m_2depth li{
    padding:10px 20px !important;
}
/* header hover */
.header_line {
    background:rgba(255, 255, 255, 1) !important;
    border-bottom:1px solid #ddd !important;
}
.header_line .xn-header-menu li a{
    color:#333 !important;
}
.header_line .logo_on{
    display:none !important;
}
.header_line .logo_off{
    display:inline-block !important;
}
.header_line .all_menu span{
    background-color:#333 !important;
}
.header_line .btn-login{
    color:#333 !important;
}
.header_line .btn-login i{
    background:url(xnmain_login_on_ico.png) no-repeat center !important;
}
/* visual */
#visual.xnmain{
    display:none;
}
.xnmain_main_slider{
    position:relative;
    z-index: 3;
    font-family: 'Pretendard';
    height:1060px;
}
.xnmain_main_slider .carousel-caption{
    left:10%;
    right:inherit;
    top:477px;
    bottom:inherit;
    padding:0 !important;
}
.xnmain_main_slider .carousel-indicators{
    left:10%;
    right:inherit;
    bottom:inherit;
    top:410px;
    margin:0;
}
.xnmain_main_slider .carousel-indicators li{
    width:15px;
    height:15px;
    border:0;
    border-radius:50%;
    margin:0 20px;
}
.xnmain_main_slider .carousel-indicators li:nth-child(1){
    margin-left:0;
}
.xnmain_main_slider .carousel-indicators li.active{
    background-color:#C6262F;
}
.xnmain_main_slider .carousel-control-next, 
.xnmain_main_slider .carousel-control-prev{
    width:10%;
}
.xnmain_main_slider .carousel-control-next-icon, 
.xnmain_main_slider .carousel-control-prev-icon{
    width:94px;
    height:94px;
}
.xnmain_main_slider .carousel-control-prev-icon{
    background:url(xnmain_slide_prev.png)no-repeat center;
}
.xnmain_main_slider .carousel-control-next-icon{
    background:url(xnmain_slide_next.png)no-repeat center;
}
.xnmain_slogan{
    color:#fff;
    text-align: left;
    line-height:normal;
}
.xnmain_slogan div:nth-child(1){
    font-size:58px;
    font-weight:500;
    margin-bottom:25px;
}
.xnmain_slogan div:nth-child(1) span{
    font-weight:800;
}
.xnmain_slogan div:nth-child(2){
    font-size:24px;
    line-height: 1.4;
}
.xnmain_cnt_wrap{
    position: relative;
}
.sc_down{
    position:absolute;
    width:123px;
    height:123px;
    left:50%;
    bottom:0;
    top:868px;
    transform: translateX(-50%);
    background:url(xnmain_sc_ico.png) no-repeat center;
    z-index:11;
}
.sc_down > div{
    position:absolute;
}
.sc_down > div:nth-child(1){
    width:123px;
    height:123px;
    background:url(xnmain_sc1.png) no-repeat center;
    animation: sc_ani1 5s linear infinite;
}
.sc_down > div:nth-child(2){
    width:91px;
    height:91px;
    left:16px;
    top:16px;
    background:url(xnmain_sc2.png) no-repeat center;
    animation: sc_ani2 5s linear infinite;
}
@keyframes sc_ani1 { 
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}
@keyframes sc_ani2 { 
    0% {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}
/* 사이트맵 */
.xnmain_sitemap{
    display:none;
    position:absolute; 
    width:100%; 
    height:100%; 
    background:rgba(0, 0, 0, 0.5); 
    z-index:20; 
    font-family: 'Pretendard'; 
}
.xnmain_sitemap a{
    text-decoration: none !important;
}
.st_wrap{
    position:relative; 
    display:flex; flex-wrap:wrap; 
    gap:2%; width:60%; 
    margin:auto; 
    background-color:#fff; 
    top:30%; 
    padding:60px 40px 40px 40px;
}
.st_wrap > div > a{
    display:block; 
    font-size:24px; 
    font-weight:500; 
    padding-bottom:20px; 
    text-align:center; 
    border-bottom:2px solid #C6262F; 
    margin-bottom:20px;
}
.st_wrap > div{
    width:23.5%;
}
.st_2depth > li{
    width:100%;
}
.st_2depth > li > a{
    display:block; 
    font-size:18px; 
    text-align:center;
     padding:5px 0;
    }
.st_close_btn{
    position:absolute;
     width:auto !important; 
     top:20px; 
     right:20px; 
     cursor: pointer;
    }
.st_close_btn .feather{
    width:30px; 
    height:30px;
}
.menu-open{overflow: hidden !important;}

/* 추천강좌위젯 */
.xn-widget .xn-widget-container.course, .xn-widget .xn-widget-container.popular_course{
    background:transparent !important;
    padding:0 !important;
}
.popuar_wrap{
    position:relative;
    background:#C6262F no-repeat right top !important; 
}
.xnmain-widget-lecture{
    position:relative;
    font-family: 'Pretendard';
    padding:140px 0 120px 0;
    z-index:2;
}
.xnmain-widget-lecture .xncw-top-container{
    display:flex;
    justify-content: center;
    align-items:center;
    gap:20px;
    width:100%; 
    max-width:1480px;
    margin-bottom:30px;
}
.xnmain-widget-lecture .xncw-top-container .xncw-title-wrap{
    color:#fff !important;
}
.xnmain-widget-lecture .xncw-top-container .xncw-title-wrap .xncw-title:before{
    position:absolute;
    display:block; 
    width:100%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    content:'Recommended Courses'; 
    font-weight:900; 
    font-size:60px; 
    opacity: .1;
}
.xnmain-widget-lecture .xncw-top-container .xncw-title-wrap .xncw-title{
    display:inline-block;
    font-size:50px; 
    font-weight:700; 
    line-height:1.2; 
    order:1;
}
.xnmain-widget-lecture .xncw-top-container .xncw-title-wrap .xncw-sub-title{
    display:none;
}
.xnmain-widget-lecture .xncw-top-container .xncw-more{
    position:relative;
    width:50px;
    height:50px;
    right:inherit;
    bottom:inherit;
    padding:0;
    background:url(xnmain_lec_more.svg) no-repeat center;
}
.xnmain-widget-lecture .xncw-top-container .xncw-more .xncw-more-text,
.xnmain-widget-lecture .xncw-top-container .xncw-more i{
    display: none;
}
.xnmain-widget-lecture .xnbw-items-container{
    position:relative;
    display:flex; 
    align-items:center; 
    justify-content: space-between; 
    width:100%; 
    max-width:1480px;
}
.xnmain-widget-lecture .xnbw-items-btn-wrap {
    position:absolute;
    top:-15%;
    width:90px;
}
.xnmain-widget-lecture .xnbw-items-btn-wrap button i{
    width:90px; 
    height:50px;
}
.xnmain-widget-lecture .xnbw-items-container > span:nth-child(3){
    right:0;
}
.xnmain-widget-lecture .xnbw-items-btn-wrap .xnbw-items-prev-btn i{
    background:url(xnmain_lec_prev.png) no-repeat center;
}
.xnmain-widget-lecture .xnbw-items-btn-wrap .xnbw-items-next-btn i{
    background:url(xnmain_lec_next.png) no-repeat center;
}
.xnmain-widget-lecture .xnbw-item-container-wrap{
    display:flex !important;
    gap:1%;
    width:100%; 
    max-width:1480px;
}
.xnmain-widget-lecture .xnbw-item-container{
    width:24.25%; 
    margin:0; 
    padding:20px; 
    transition: all .4s;
}
.xnmain-widget-lecture .xnbw-item-container:hover{
    background-color:#520000;
}
.xnmain-widget-lecture .xncwi-container{
    border:0;
}
.xnmain-widget-lecture .xncwi-container .xncwi-background{
    height:169px !important;
}
.xnmain-widget-lecture .xncwi-container .xncwi-info-container{
    height:155px;
    background-color:transparent; 
    padding:0;
}
.xnmain-widget-lecture .xncwi-container .xncwi-catalog-info-container .xncwi-catalog-wrap{
    width:100%;
}
.xnmain-widget-lecture .xncwi-container .xncwi-status-label{
    font-size:14px; 
    background-color:#0E336F;
    padding:10px 20px;
}
.xnmain-widget-lecture  .xncwi-container .xncwi-payment-label{
    font-size:14px; 
    background-color:#70AD47;
    padding:10px 20px;
    left:91.92px;
    right:inherit;
}
.xnmain-widget-lecture .xncwi-container .xncwi-catalog-info-container.mooc, .xnmain-widget-lecture .xncwi-container .xncwi-catalog-info-container.series{
    background-color:transparent; 
    height:55px; 
    padding:0;
}
.xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-title{
    font-size:20px; 
    color:#fff; 
    line-height:1.4; 
    height:60px; 
    font-weight:700; 
    margin-bottom:50px;
}
.xnmain-widget-lecture .xncwi-container .xncwi-catalog-info-container .xncwi-catalog-wrap .xncwi-catalog-title{
    font-size:18px; 
    font-weight:400; 
    color:#fff; 
    margin-top:20px;
}
.xnmain-widget-lecture .xncwi-container .xncwi-catalog-info-container.mooc .xncwi-certificate-icon,
.xnmain-widget-lecture .xncwi-container .xncwi-info-footer,
.xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-catagory-title,
.xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-author{
    display:none;
}
.xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap{
    display:flex; 
    align-items:center;
}
.xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-status{
    font-size:15px; 
    color:#fff; 
    padding:5px 10px; 
    width:inherit; 
    border:1px solid #fff;
    opacity: .8;
}
.xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-date{
    float:inherit;
    font-size:15px;
     color:#fff;
     opacity: .8;
}
.xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-recruitment-wrap,
.xnmain-widget-lecture .xncwi-container .xncwi-certificate-wrap .xncwi-certificate-title{
    display:none;
}
.xnmain-widget-lecture .xncwi-container .xncwi-certificate-wrap{
    width:auto;
}
.xnmain-widget-lecture .xncwi-container .xncwi-certificate-wrap:before{
    display:inline-block;
    content:'이수증';
    padding: 10px 20px;
    background:#fff;
    font-size:14px;
    color: #182987;
    transform: translateY(-100%);
}
.obj_bg{
    position:absolute;
    width:505px;
    height:787px;
    top:-230px;
    right:0;
    background:url(obj_bg.png) no-repeat center;
    z-index:1;
    overflow: hidden;
}
.obj_w{
    position:absolute;
    width:290px;
    height:290px;
    top:240px;
    right:0;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.60) 0%, rgba(198, 38, 47, 0.00) 100%);
    animation: 3s infinite obj_ani1;
}
.obj_g{
    position:absolute;
    width:19px;
    height:19px;
    top:500px;
    right:295px;
    border-radius: 50%;
    background:radial-gradient(50% 50% at 50% 50%, #346899 0%, #70AD47 100%);
    animation: 5s infinite obj_ani2;
}
.obj_o{
    position:absolute;
    width:24px;
    height:24px;
    top:425px;
    right:460px;
    border-radius: 50%;
    background:radial-gradient(50% 50% at 50% 50%, #E97500 0%, #EC303B 100%);
    animation: 8s infinite obj_ani3;
}
@keyframes obj_ani1 { 
    0%, 100% {transform: scale(200%); opacity: 0;}
    50% {transform: scale(80%); opacity: .8;}
}
@keyframes obj_ani2 { 
    0%{opacity: 0; transform: scale(0);}
    5% {opacity: .05; transform: scale(20%);}
    30% {opacity: 1; transform: translateX(30px) translateY(-200px) scale(100%);}
    100% {opacity: 0; transform: translateX(60px) translateY(-300px) scale(100%);}
}
@keyframes obj_ani3 { 
    0%{opacity: 0; transform: scale(0);}
    5% {opacity: .05; transform: scale(20%);}
    30% {opacity: 1; transform: translateX(100px) translateY(-80px) scale(100%);}
    100% {opacity: 0; transform: translateX(480px) translateY(-220px) scale(100%);}
}


/* 공지사항 위젯 */
.xnmain-widget-board{
    font-family: 'Pretendard';
    background:#F3EED9;
    padding:110px 0;
}
.xnmain-widget-board .xn-widget-container.board_v2,
.xnmain-widget-promotion .xn-widget-container.board_v2{
    max-width:1480px;
    padding:0;
    margin:auto;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-category-tab-wrap,
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-category-tab-wrap{
    display:none;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-title::before{
    position: absolute;
    content:'NEWS';
    color: rgba(226, 218, 181, 0.50);
    font-weight: 900;
    font-size: 60px;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    mix-blend-mode: plus-darker;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-title{
    font-size:50px;
    font-weight:800;
    text-align:center;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-sub-title{
    font-size: 24px;
    text-align: center;
    font-weight:500;
    color:#000;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-title-wrap{
    gap:10px;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-more-tab span,
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-post-list-category{
    display:none;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-more-tab{
    right:inherit;
    left:50%;
    top:10px;
    transform: translateX(190%);
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-more-tab-plus-icon{
    width:50px;
    height:50px;
    background:url(xnmain_notice_more.png) no-repeat center;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-items-container{
    flex-direction: row;
    gap:2%;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-board-post-list{
    height:176px;
    flex-direction: column;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-top-container{
    margin-bottom:50px;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-item-container{
    width:23.5%;
    height:auto;
    background-color:#fff !important;
    padding:40px 30px 30px 30px;
    border:1px solid #fff;
    cursor: pointer;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-item-container:hover{
    border:1px solid #C6262F;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-item-container:hover .xnbw-board-post-list{
    background:transparent !important;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-post-list-title{
    height:95px;
    font-size:23px;
    color:#000;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    white-space: normal;
    flex:inherit;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-post-list-title::before{
    display: block;
    content:'● NOTICE';
    font-size: 14px;
    font-weight:600;
    color:#C6262F;
    margin-bottom: 10px;
}
.xnmain-widget-board .xn-widget-container.board_v2 .xnbw-post-list-created{
    width:100%;
    font-size: 16px;
    color:#777;
    text-align: right;
}



/* 홍보소식 위젯 */
.xnmain-widget-promotion{
    font-family: 'Pretendard';
    background:url(xnmain_pm_bg.jpg) no-repeat center;
    background-size:cover;
    padding:125px 0;
}
.xnmain-widget-promotion .xn-widget-container.board_v2{
    display:flex;
    gap:5%;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-top-container{
    width:25%;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-items-container{
    width:70% !important;
    flex-direction: row;
    gap:2%;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-title{
    font-size:50px;
    font-weight: 800;
    color:#fff;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-sub-title{
    font-size:24px;
    color:#fff;
    word-break: keep-all;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-more-tab{
    position: relative;
    top:0;
    margin-top:60px;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-more-tab span{
    display:flex;
    align-items:center;
    justify-content: center;
    width:80px;
    height:80px;
    color:#fff;
    border-radius: 50%;
    background: #C6262F;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-more-tab:hover span{
    color:#C6262F;
    background: #fff;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-category-wrap{
    margin:0;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-more-tab-plus-icon{
    display:none;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-item-container{
    position:relative;
    width:23.5%;
    height:320px;
    background:#fff;
    padding:40px 30px 30px 30px;
    cursor:pointer;
    transition: all .4s;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-item-container:after{
    position:absolute;
    display:inline-block;
    content:'';
    width:50px;
    height:50px;
    background:url(xnmain_pm_ar.png) #C6262F no-repeat center;
    right:0;
    bottom:0;
    opacity: 0;
    transition: all .4s;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-item-container:hover:after{
    opacity: 1;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-item-container:hover{
    transform: translateY(-50px);
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-board-post-list{
    position:relative;
    height:250px;
    flex-direction: column;
    padding:0;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-board-post-list:hover{
    background:transparent;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-post-list-title:before{
    display:block;
    content:'Promotion';
    color: #2F4858;
    font-size: 16px;
    margin-bottom:20px;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-post-list-title{
    height:158px;
    font-size: 24px;
    font-weight:500;
    color:#000;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important;
    white-space: normal;
    line-height:normal;
    flex:inherit;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-post-list-created:before{
    display:inline-block;
    content:'';
    width:19px;
    height:19px;
    background:url(xnmain_calendar.png) no-repeat center;
}
.xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-post-list-created{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    color:#777;
    font-size:16px;
}

/* uv_group */
.uv_group{
    background-color:#f2f2f2;
    padding:30px 0;
}
.uv_group .uv_inner{
    max-width:1920px;
    display:flex;
    justify-content: space-around;
    margin:auto;
}
.uv_group a{
    display:inline-block;
    width:240px;
    height:72px;
}
.uv_group a:nth-child(1){
    background:url(xnmain_link_logo1.png) no-repeat center;
}
.uv_group a:nth-child(2){
    background:url(xnmain_link_logo2.png) no-repeat center;
}
.uv_group a:nth-child(3){
    background:url(xnmain_link_logo3.png) no-repeat center;
}
.uv_group a:nth-child(4){
    background:url(xnmain_link_logo4.png) no-repeat center;
}
.uv_group a:nth-child(5){
    background:url(xnmain_link_logo5.png) no-repeat center;
}
.uv_group a:nth-child(6){
    background:url(xnmain_link_logo6.png) no-repeat center;
}
.uv_group a:nth-child(7){
    background:url(xnmain_link_logo7.png) no-repeat center;
    mix-blend-mode: darken;
}

/* footer */
.xnmain_footer{
    font-family: 'Pretendard';
    background: #262626;
    color: rgba(255, 255, 255, 0.80);
    padding:30px 0;
}
.xnmain_footer > div{
    display:flex;
    align-items:center;
}
.xnmain_footer .ft_logo{
    width:203px;
    height:77px;
    background:url(xnmain_footer_logo.png) no-repeat;
    mix-blend-mode: luminosity;
    margin-right:30px;
}
.xnmain_footer .ft_adr{
    flex:1;
    word-break: keep-all;
}
.xnmain_footer .ft_adr > span{
    display:block;
    margin-top:20px;
}
.xnmain_footer .ft_btn{
    position:relative;
    display:flex;
    align-items:center;
    gap:30px;
}
.xnmain_footer .ft_btn .pri_btn{
    display:inline-block;
    font-size: 16px;
    color: #3F92E1;
    font-weight: 500;
}
.xnmain_footer .scroll_top{
    display:inline-block;
    width:54px;
    height:54px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background:url(xnmain_sc_top.png) no-repeat center;
}
.xnmain_footer .fs_btn{
    position:relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:180px;
    height:54px;
    padding: 14px 20px;
    background: #363636;
    cursor: pointer;
}
.xnmain_footer .fs_list{
    display:none;
    position: absolute;
    width:180px;
    padding:15px 20px;
    bottom:100%;
    z-index:10;
    background: #363636;
}
.xnmain_footer .fs_list > a{
    display:block;
    color:#fff;
    padding:3px 0;
}


@media (max-width:1920px){
    #header.xnmain .xn-sub-menu-outer-wrapper{
        padding:0;
    }
}
@media (max-width:1820px) {
    .uv_group a{
        width:13.19vw;
        height:3.96vw;
        background-size: contain !important;
    }
}
@media (max-width:1480px){
    .xnmain-widget-lecture{
        width:96%;
        margin:auto;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-background{
        height:11.42vw !important;
    }
    .xnmain-widget-board .xn-widget-container.board_v2, 
    .xnmain-widget-promotion .xn-widget-container.board_v2{
        width:96%;
    }
    .xnmain_footer > div{
        width:96%;
    }
}
@media (max-width:1280px){
    #header.xnmain, 
    #header.xnmain .navbar-static-top,
    #header.xnmain .navbar-static-top .container .navbar-header{
        height:90px;
    }
    #header.xnmain .navbar-static-top .container .navbar-header{
        justify-content: space-between;
    }
    #header.xnmain .navbar-static-top{
        flex-direction: column;
    }
    #header.xnmain .navbar-static-top .container{
        padding:0;
    }
    #header.xnmain .all_menu{
        display:none;
    }
    #header.xnmain .navbar-static-top .container .xn-main-menu-wrap{
        width:auto;
        float:right;
        padding:0;
        margin-right:20px;
    }
    #header.xnmain .xn-main-catalog-header-logo{
        margin-top:10px;
    }
    #header.xnmain .navbar-light .navbar-toggler{
        height:90px;
    }
    #header.xnmain .navbar-collapse.collapse.in.mobile{
        box-shadow: 0px 4px 7.1px 0px rgba(0, 0, 0, 0.25);
    }
    .xnmain_sitemap{
        display:none;
    }
    .xnmain_main_slider{
        height:700px;
    }
    .xnmain_main_slider .carousel-indicators{
        top:180px;
    }
    .xnmain_main_slider .carousel-caption{
        top:230px;
    }
    .xnmain_slogan div:nth-child(1){
        font-size:48px;
    }
    .xnmain_slogan div:nth-child(2){
        font-size: 20px;;
    }
    .xnmain-widget-lecture .xnbw-items-container .xnbw-item-container-wrap.course-wrap{
        width:100%;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-status-label,
    .xnmain-widget-lecture .xncwi-container .xncwi-payment-label,
    .xnmain-widget-lecture .xncwi-container .xncwi-certificate-wrap:before{
        padding:5px 10px;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-payment-label{
        left:70px;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-catalog-info-container .xncwi-catalog-wrap .xncwi-catalog-title{
        font-size:16px;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-title{
        font-size:18px;
        height:50px;
        margin-bottom:30px;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-status{
        font-size:14px;
        padding:3px 5px;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-date{
        font-size:14px;
        width:auto;
    }
    .xnmain-widget-lecture .xnbw-item-container-wrap{
        gap:2%;
    }
    .xnmain-widget-lecture .xnbw-item-container{
        width:23.5%;
        padding:0;
    }
    .xnmain-widget-lecture .xnbw-item-container:hover{
        background:transparent;
    }
    .xnmain-widget-lecture .xnbw-item-container:hover .xncwi-container{
        box-shadow:none;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-catalog-info-container.mooc{
        height:45px;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-item-container{
        padding:20px;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-board-post-list{
        height:160px;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-post-list-title{
        height:85px;
        font-size:18px;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-sub-title,
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-sub-title{
        font-size:22px;
    }
    .xnmain-widget-promotion{
        padding:70px 0;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2{
        gap:0;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-top-container{
        margin-bottom:20px;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-items-container{
        width:75% !important;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-item-container{
        height:240px;
        padding:20px;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-board-post-list{
        height:200px;

    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-post-list-title{
        font-size:18px;
        -webkit-line-clamp: 4 !important;
        height:110px;
        line-height:1.3;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-more-tab{
        margin-top:10px;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-more-tab span{
        width:60px;
        height:60px;
    }
    .uv_group .uv_inner{
        flex-wrap: wrap;
        padding:0 2%;
        gap:20px;
    }
    .uv_group .uv_inner a{
        width: 250px;
        height:75px;
    }
    .xnmain_footer > div{
        flex-direction: column;
    }
    .xnmain_footer .ft_adr{
        width:100%;
        text-align:center;
    }
    .xnmain_footer .ft_btn{
        margin-top:10px;
    }
    .sc_down{
        top:500px;
    }
}
@media (max-width:1024px){
    .xnmain-widget-lecture .xnbw-items-btn-wrap{
        top:-80px;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2{
        flex-direction: column;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-top-container,
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-items-container{
        width:100% !important;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-title,
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-sub-title{
        text-align:center;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-more-tab{
        margin:10px auto !important;
    }
}
@media (max-width:980px){
    .xnmain_main_slider{
        height:51.02vw;
    }
    .xnmain_main_slider .carousel-indicators li{
        margin:0 10px;
    }
    .xnmain_main_slider .carousel-indicators{
        top:12.24vw;
    }
    .xnmain_main_slider .carousel-caption{
        top:17.35vw;
    }
    .xnmain_slogan div:nth-child(1){
        font-size:4.29vw;
    }
    .xnmain_slogan div:nth-child(2){
        font-size:2.04vw;
    }
    .xnmain-widget-lecture{
        padding:14.29vw 0 12.24vw 0;
    }
    .xnmain-widget-lecture .xncw-top-container{
        gap:10px;
    }
    .xnmain-widget-lecture .xncw-top-container .xncw-title-wrap{
        margin-bottom:0;
    }
    .xnmain-widget-lecture .xncw-top-container .xncw-title-wrap .xncw-title:before{
        font-size: 5.1vw;
    }
    .xnmain-widget-lecture .xncw-top-container .xncw-title-wrap .xncw-title{
        font-size: 4.59vw;
    }
    .xnmain-widget-lecture .xncw-top-container .xncw-more{
        width:5.1vw;
        height:5.1vw;
        background-size:contain;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-info-container{
        height:125px;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-status,
    .xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-date{
        font-size:13px;
        letter-spacing: -0.8px;
    }
    .obj_bg{
        background-size:60%;
        background-position: top 20% right;
    }
    .obj_bg .obj_g,
    .obj_bg .obj_o{
        display: none;
    }
    .obj_w{
        width:13.27vw;
        height:13.27vw;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-title::before{
        font-size: 5.1vw;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-title,
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-title{
        font-size: 4.59vw;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-more-tab{
        top:1.02vw;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-more-tab-plus-icon{
        width:5.1vw;
        height:5.1vw;
        background-size:contain !important;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-sub-title,
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-sub-title{
        font-size:2.45vw;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-post-list-created,
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-post-list-created{
        font-size:14px;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-more-tab span{
        font-size:14px; 
    }
    .sc_down{
        display:none;
    }
}
@media (max-width:768px){
    body, html{
        overflow-x: hidden;
    }
    #header.xnmain .navbar-static-top{
        flex-direction: inherit;
    }
    #header.xnmain .xn-main-catalog-header-logo{
        margin-top:15px;
    }
    #header.xnmain .xn-main-catalog-header-logo-image{
        height:60px;
    }
    .xnmain_main_slider{
        height:58vw;
    }
    .xnmain_slogan{
        width:94%;
    }
    .xnmain_slogan div:nth-child(1){
        font-size: 5.21vw;
        margin-bottom:3.26vw;
    }
    .xnmain_slogan div:nth-child(2){
        font-size:2.86vw;
        word-break: keep-all;
    }
    .xnmain_slogan div:nth-child(2) > br{
        display:none;
    }
    .xnmain-widget-lecture .xnbw-item-container-wrap{
        flex-wrap: wrap;
    }
    .xnmain-widget-lecture .xnbw-item-container{
        width:49%;
    }
    .xnmain-widget-lecture .xnbw-item-container:nth-child(1),
    .xnmain-widget-lecture .xnbw-item-container:nth-child(2){
        margin-bottom:20px;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-background{
        height:23.5vw !important;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-status,
    .xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-date{
        font-size:14px;
        letter-spacing: 0;
    }
    .xnmain-widget-lecture .xnbw-items-btn-wrap{
        top:-10.42vw;
    }
    .obj_bg{
        display:none;
    }    
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-title::before{
        font-size: 5.1vw;
    }
    .xnmain-widget-lecture .xncw-top-container .xncw-title-wrap .xncw-title,
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-title, 
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-title{
        font-size: 30px;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-sub-title, 
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-sub-title{
        font-size:16px;
    }
    .xnmain-widget-board{
        padding:14.32vw 0;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-items-container,
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-items-container{
        flex-direction: column;
        gap:10px;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-item-container,
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-item-container{
        width:100%;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-post-list-title{
        width:calc(100% - 100px);
        height:55px;
        -webkit-line-clamp: 2 !important;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-board-post-list{
        height:auto;
        flex-direction: row;
        align-items: flex-end !important;
        padding:0;
        gap:0;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-top-container{
        margin-bottom:30px;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-post-list-title::before,
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-post-list-title:before{
        margin-bottom:5px;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-post-list-created{
        width:100px;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-item-container:hover{
        transform: inherit;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-item-container,
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-board-post-list{
        height:auto;
    }
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-post-list-title{
        height:50px;
        -webkit-line-clamp: 2 !important;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-sub-title, 
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-sub-title{
        word-break: keep-all;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-more-tab-plus-icon{
        width:39.16px;
        height:39.16px;
        margin-top:-5px;
        background-size:70% !important;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-more-tab{
        transform: translateX(150%);
    }
    .uv_group .uv_inner{
        gap:2.6vw;
    }
    .uv_group .uv_inner a{
        width: 39.06vw;
        height:11.72vw;
    }
    .xnmain_footer .ft_logo{
        margin-right:0;
        margin-bottom:10px;
    }
    .xnmain_footer .ft_btn{
        gap:10px;
    }
    .xnmain_footer .ft_adr > span{
        margin-top:10px;
    }

}
@media (max-width:500px){
    .xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-status, 
    .xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-date{
        letter-spacing: -0.5;
        font-size:12px;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-status{
        margin-right:5px;
    }
}
@media (max-width:360px){
    #header.xnmain .btn-login i{
        display:none;
    }
    #header.xnmain .btn-login{
        font-size:14px;
    }
    .xnmain_main_slider{
        height:220px;
    }
    .xnmain_main_slider .carousel-indicators{
        top:30px;
    }
    .xnmain_main_slider .carousel-indicators li{
        width:10px;
        height:10px;
    }
    .xnmain_slogan div:nth-child(1){
        font-size: 7.22vw;
        margin-bottom:10px;
    }
    .xnmain_slogan div:nth-child(2){
        font-size: 14pxq;
    }
    .xnmain_main_slider .carousel-control-next-icon, .xnmain_main_slider .carousel-control-prev-icon{
        width:50px;
        height:50px;
        background-size:contain;
    }
    .xnmain-widget-lecture{
        padding:70px 0;
    }
    .xnmain-widget-lecture .xnbw-item-container{
        width:100%;
    }
    .xnmain-widget-lecture .xncw-top-container{
        margin-bottom:20px;
    }
    .xnmain-widget-lecture .xncw-top-container .xncw-title-wrap .xncw-title{
        font-size:26px;
    }
    .xnmain-widget-lecture .xncwi-container .xncwi-background {
        height: 45vw !important;
    }
    .xnmain-widget-lecture .xnbw-items-btn-wrap button i{
        width:70px;
        height:30px;
        background-size:contain !important;
    }
    .xnmain-widget-lecture .xnbw-items-btn-wrap{
        top:-50px;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-title::before,
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-title, 
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-title{
        font-size:26px;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-more-tab-plus-icon{
        width:25px;
        height:25px;
        margin-top:5px;
        background-size:contain !important;
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-more-tab{
        transform: translateX(170%);
    }
    .xnmain-widget-board .xn-widget-container.board_v2 .xnbw-sub-title, 
    .xnmain-widget-promotion .xn-widget-container.board_v2 .xnbw-sub-title{
        font-size:14px;

        
    }.xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-status, 
    .xnmain-widget-lecture .xncwi-container .xncwi-info-container .xncwi-studydate-wrap .xncwi-date{
        font-size:14px;
    }
    .xnmain_footer .ft_btn{
        flex-wrap:wrap;
        justify-content: center;
    }
    .xnmain_footer .ft_btn .pri_btn{
        width:100%;
        text-align:center;
    }
}