@charset 'euc-kr';

/* Main */
.univ-ad a {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    padding: 10px 0;
}

.main_top .item { 
    height: 500px; 
}

.main_top .owl-dots {
    display: none;
}

.main_top_cont {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
}

.main_top_txt {
    position: relative;
    margin-left: 110px;
    /*margin-top: 130px;*/
}

.main_top_txt a {
    transform: translateY(30px); -webkit-transition: all .3s; transition: all .3s;
}

.main_top_txt .main_top_box {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.main_top_txt li:nth-child(2) {
    margin-top: 15px;
    margin-bottom: 20px;
}

.main_top_txt li:nth-child(1), .main_top_txt li:nth-child(2), .main_top_txt li:nth-child(3) {
    word-break: keep-all;
}

.main_top_txt li:nth-child(3) span {
    transform: translateX(0);
    display: inline-block;
    -webkit-transition: all .3s; transition: all .3s;
}

.main_top_txt a:hover li:nth-child(3) span {
    transform: translateX(5px);
    -webkit-transition: all .3s; transition: all .3s;
}

.main_consulting {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -80px;
    width: 100%;
}

.main_consulting .box {
    height: 130px;
    background: #FFFFFF;
    /* Stroke - Style 1 */

    border: 1px solid rgba(43, 45, 48, 0.2);
    box-sizing: border-box;
    border-radius: 10px;
    padding: 0 40px;
}

.main_consulting .title2 span {
    display: block;
}

.main_consulting .cont .search-select {
    width: 30.076vh;
    margin-right: 10px;
}

.main_img {
    width: 100%;
    text-align: right;
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
}

.main_txt {
    width: 100%;
    position: absolute;
    left: 0;
    top: 130px;
    z-index: 4;
    /*padding-left: 110px;*/
}

.main_top_img {
    display: inline-block;
    width: 69vh;
    max-width: 640px;
    position: relative;
}

.main_top_img img {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-30px);
    -webkit-transition: all .3s; transition: all .3s;
    transition-delay: 0.3s;
}


.main_rolling {
    position: relative;
    height: 500px;
}

.main_arrow a {
    position: absolute;
    z-index: 22;
    top: 50%;
    display: inline-block;
    margin-top: -15px;
    padding: 0 10px;
}

.main_arrow a.main_arrow_r {
    /*padding-right: 10px;*/
    right: -45px;
}

.main_arrow a img {
    transform: translateX(0); -webkit-transition: all .3s; transition: all .3s;
}

.main_arrow a.main_arrow_r:hover img {
    transform: translateX(10px); -webkit-transition: all .3s; transition: all .3s;
}

.main_arrow a.main_arrow_l {
    left: -45px;
    /*padding-left: 10px;*/
}

.main_arrow a.main_arrow_l:hover img {
    transform: translateX(-10px); -webkit-transition: all .3s; transition: all .3s;
}

.main_dots {
    position: absolute;
    left: 110px;
    bottom: 80px;
    /*bottom: 120px;*/
    z-index: 11;
}

.main_dots .dots_area a {
    display: inline-block;
    margin-right: 10px;
    width: 12px;
    height: 12px;
    background: rgba(43,45,48,0.3);
    border-radius: 50%;
}

.main_dots .dots_area a:hover {
    background: #148AE1;
}

.main_dots .dots_area a.OV {
    border: 3px solid #264966;
    background: #fff;
    box-sizing: border-box;
}

.main_dots .dots_area a.OV:hover {
    border: 3px solid #148AE1;
    box-sizing: border-box;
}

.main_dots .line {
    width: 1px;
    height: 12px;
    background: #2B2D30;
    opacity: 0.3;
    margin: 0 5px;
}

.main_player a {
    width: 11px;
    height: 15px;
    background-image: url('/static/images/common/icon-pause.png');
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: all .3s; transition: all .3s;
    margin-left: 10px;
}

.main_player a:hover {
    background-image: url('/static/images/common/icon-pause_ov.png');
    -webkit-transition: all .3s; transition: all .3s;
}

.main_player a.STOP {
    background-image: url('/static/images/common/icon-play.png');
    -webkit-transition: all .3s; transition: all .3s;
}

.main_player a.STOP:hover {
    background-image: url('/static/images/common/icon-play_ov.png');
    -webkit-transition: all .3s; transition: all .3s;
}

.consulting_result_cont {
    border-right: 1px solid #D4DBE4;
}

.consulting_result_cont:last-child {
    border-right: 0;
}

.consulting_result_cont > a {
    display: inline-block;
    width: 100%;
}

.consulting_result_cont ul {
    text-align: left;
    display: inline-block;
}

.main_middle { background: #F3F6FA; padding-top: 80px; position: relative; }

.consulting_banner { padding: 0 50px; }
.consulting_banner ul { background-image: url('/static/images/main/main-ad-banner.jpg'); height: 480px; width: 38.669vh; }
.consulting_banner ul li { text-align: center; }
.consulting_banner ul li:nth-child(1) { padding-top: 60px; }
.consulting_banner ul li:nth-child(3) { margin-top: 10px; margin-bottom: 20px; }

.univ_calendar .table { margin: 15px 0; }
.univ_calendar .table td, .univ_calendar .table th { word-break: keep-all; }
.community .title2 { width: 115px; } 
/*.community .cont ul { list-style-type: disc; list-style-position: inside; }*/
.community .cont ul li {
    width: 100%;
    height: 21px;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;  /* ¸»ÁÙÀÓ Àû¿ë */
    position: relative;
    padding-left: 12px;
    background: url('/static/images/common/list-bullet.png') left center no-repeat;
    background-size: 4px 4px;
    margin-bottom: 10px;
}

.community .cont ul li:last-child {
    margin-bottom: 0;
}

.community .cont ul li a:after {
    /*content: '...';
    display: inline-block;*/
}

.community .cont a:hover {
    text-decoration: underline;
}

.community .line { height: 1px; background: #D4DBE4; margin: 25px 0; }

.aptitude_test { 
    background: #264966;
    border-radius: 10px; 
    height: 110px;
    padding: 0 15px;
}

.aptitude_test .banner_link li:nth-child(2) span:after {
    background: #fff;
}

.aptitude_test ul li { word-break: keep-all; }

.m_icon {
    width: 70px;
    height: 70px;
}

.video_banner_area { padding-top: 50px; }

.video_banner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    /*box-shadow: 0 0 0 1px rgba(43, 45, 48, 0.2) inset;*/
    border-radius: 10px;
    /*box-sizing: border-box;*/
}

.video_banner .loader {
    border-radius: 10px 10px 0px 0px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center top;
    transform: scale(1);
    -webkit-transition: all .3s; transition: all .3s;
}

.video_banner:hover .loader {
    transform: scale(1.1);
    -webkit-transition: all .3s; transition: all .3s;
}

.video_banner > div {
    position: relative;
    overflow: hidden;
    margin-right: 20px;
    /*transform: scale(1);
    -webkit-transition: all .3s; transition: all .3s;*/
}

.video_banner ul { 
    padding: 25px; display: inline-block; 
    /*transform: translateX(0);
    -webkit-transition: all .3s; transition: all .3s;*/
}
.video_banner:hover > div {
    /*box-shadow: 0 0 0 2px rgba(43, 45, 48, 1) inset;*/
    /*border: 2px solid rgba(43, 45, 48, 1);*/
    /*transform: scale(1.01);
    -webkit-transition: all .3s; transition: all .3s;*/
}

.video_banner .top_img {
    height: 236px;
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 0px 0px;
}

.posts_banner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 10px;
    background: #fff;
    min-height: 350px;;
    /*transform: scale(1);
    -webkit-transition: all .3s; transition: all .3s;*/
}

.posts_banner:hover {
    /*transform: scale(1.01);
    -webkit-transition: all .3s; transition: all .3s;*/
}

.posts_banner:hover:after {
    /*border: 2px solid rgba(43, 45, 48, 1);*/
    box-shadow: 0 0 0 2px rgba(43, 45, 48, 1) inset;
    -webkit-transition: all .3s; transition: all .3s;
}

.posts_banner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    /*border: 1px solid rgba(43, 45, 48, 0.2);*/
    -webkit-transition: all .3s; transition: all .3s;
    box-shadow: 0 0 0 1px rgba(43, 45, 48, 0.2) inset;
}

.posts_banner .top_img {
    height: 174px;
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 0px 0px;
}

.posts_banner .loader {
    border-radius: 10px 10px 0px 0px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center top;
    transform: scale(1);
    -webkit-transition: all .3s; transition: all .3s;
}

.posts_banner:hover .loader {
    transform: scale(1.1);
    -webkit-transition: all .3s; transition: all .3s;
}

.video_banner > div:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(43, 45, 48, 0.2) inset;
    -webkit-transition: all .3s; transition: all .3s;
}

.video_banner:hover > div:after {
    box-shadow: 0 0 0 2px rgba(43, 45, 48, 1) inset;
    -webkit-transition: all .3s; transition: all .3s;
}
.posts_banner ul { padding: 25px; position: relative; }
.text_posts a { position: relative; }
.text_posts a img.arroww_area { transform: translateX(0); -webkit-transition: all .3s; transition: all .3s; }
.text_posts a:hover img.arroww_area { transform: translateX(10px); -webkit-transition: all .3s; transition: all .3s; }
.arroww_area { position: absolute; right: 25px; bottom: 25px; display: inline-block; }
/*.posts_banner ul li { word-break: keep-all; }*/
.posts_banner ul li.title2 { margin-top: 3px; margin-bottom: 15px; word-break: keep-all; }

.m_sub_banner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    box-shadow: 0 0 0 2px rgba(43, 45, 48, 0) inset;
    border-radius: 10px;
    overflow: hidden;
    height: 158px;
    /*transform: scale(1);*/
    -webkit-transition: all .3s; transition: all .3s;
}

.m_sub_banner ul {
    /*display: inline-block;*/
    padding: 30px 25px;
    height: 100%;
}
.m_sub_banner ul li:last-child {
    margin-top: 5px;
}

.m_sub_banner2 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.m_sub_banner:hover {
    -webkit-transition: all .3s; transition: all .3s;
    box-shadow: 0 0 0 2px rgba(43, 45, 48, 1) inset;
    /*transform: scale(1.01);*/
    background-position: center top;
}

.video_banner ul li:nth-child(1) { 
    margin-bottom: 5px;
    word-break: keep-all;
}
.video_banner ul li:nth-child(2) { word-break: keep-all; }
.back_div { 
    position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(43,45,48,0.5); border-radius: 10px 10px 0px 0px; 
    text-align: center;
    display: table;
}

.back_div > div { width: 70px; height: 70px; display: inline-block; vertical-align: middle; }

.banner_ad_rolling { padding: 40px 0; }
.banner_ad_rolling .item { width: 220px; margin: 0 auto; }
.banner_ad_rolling .item a { vertical-align: top; display: inline-block; width: 100%; }
.banner_ad_rolling .owl-theme .owl-nav [class*=owl-]:hover { background: none; }
.banner_ad_rolling .owl-theme .owl-nav button { position: absolute; top: 50%; z-index: 2; margin-top: -9px; }
.banner_ad_rolling .owl-theme .owl-nav button.owl-prev { left: 3px; }
.banner_ad_rolling .owl-theme .owl-nav button.owl-next { right: 3px; }

.main_bottom {
    background-image: url('/static/images/main/main-posts-background.jpg');
    background-attachment: fixed;
    padding: 90px 0;
}

.blog_row .posts2 { padding: 10px; }
/*.blog_row .posts2:nth-child(1) { padding-left: 0; }
.blog_row .posts2:nth-child(4n) { padding-right: 0; }
.blog_row .posts2:nth-child(4n + 1) { padding-left: 0; }*/
.img_posts ul li:last-child {
    text-overflow: ellipsis;
    height: 63px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.text_posts ul li:last-child {
    text-overflow: ellipsis;
    height: 189px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}
.univ_posts .top_img { height: 100%; border-radius: 10px; }
.new_window { position: absolute; top: 10px; right: 10px; z-index: 3; width: 28px; height: 28px; display: inline-block; opacity: 0.6; }

/* End Main */

/* 01½ºÅ丮 */
.story { background: #F3F6FA; padding-bottom: 120px; }
.story_head .title2 { padding-top: 60px; padding-bottom: 50px; text-align: center; }
.story_head .title2 li:first-child { margin-bottom: 10px; }
.story .search input { margin-right: 10px; }
.story .search button { width: 70px; }
.story .menu a {
    border: 1px solid #D4DBE4;
    box-sizing: border-box;
    border-radius: 23px;
    line-height: 38px;
    text-align: center;
    padding: 0 20px;
    -webkit-transition: all .3s; transition: all .3s;
}
.story .menu a:hover { background: #148AE1; color: #fff !important; border: 1px solid #148AE1; -webkit-transition: all .3s; transition: all .3s; }
.story .menu a.ST { background: #264966; border: 1px solid #264966; color: #fff !important; }
.story .menu a:first-child { margin-right: 10px; }
.story_cont { margin-top: 20px; }
.story_cont .cont_1 { margin-bottom: 40px; }
.story_detail_cont { border-top: 1px solid #D4DBE4; padding-bottom: 60px; position: relative; }
.customer_detail .story_detail_cont { border-top: 0; padding-bottom: 120px; }
.story_detail_cont .detail_left_right { padding-top: 30px; z-index: 99 !important; }
.story_detail_cont .sticky-wrapper { width: 220px; }
.story_detail_cont .detail_left_right a { border-radius: 50%; width: 60px; height: 60px; }
.story_detail_cont .detail_left a:first-child { background: #3574DC; margin-bottom: 10px; }
.story_detail_cont .detail_left a:last-child { background: #489BE9;  }
.story_detail_cont .detail_left_right a ul { width: 100%; }
.story_detail_cont .detail_right a { background: #F3F6FA; margin-bottom: 10px; -webkit-transition: all .3s; transition: all .3s; }
.story_detail_cont .detail_right a:hover { background: #D4DBE4; -webkit-transition: all .3s; transition: all .3s; }
.story_detail_cont .detail_right a:hover .icon_fill { fill: #2B2D30; -webkit-transition: all .3s; transition: all .3s; }
.story_detail_cont .detail_right a:hover ul li:last-child { color: #2B2D30 !important; -webkit-transition: all .3s; transition: all .3s; }
.story_recommend { background: #F3F6FA; padding-bottom: 70px; }
.story_recommend .story_head .title2 { padding-bottom: 20px; }
.story_detail_cont .detail_cont { /*padding-top: 40px;*/ /*padding-left: 160px; padding-right: 160px;*/ }
.story_detail_cont .detail_cont .title_s { margin-bottom: 15px; padding-top: 40px; }
.story_detail_cont .detail_cont .title_b { /*padding-bottom: 40px;*/ }
.story_content {
    border-top: 1px dashed #B8BFC8;
    /*padding-top: 45px;*/
    padding-bottom: 50px;
    border-bottom: 1px solid #D4DBE4;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.03em;
    color: #6C6F73;
    margin-top: 40px;
}
.story_content .mhtml { padding-top: 45px; }
.customer_detail .story_content { margin-top: 30px; }
.customer_detail .rt { margin-top: 30px; }

.story_content table {
    /*width: 100%;*/
}

.story_content .smartOutput { width: auto !important; height: auto !important; }
.story_content .ltd { display: none; }

.story_content p, .story_content span {
    font-family: 'Noto Sans KR' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: -0.03em !important;
    color: #6C6F73;
    word-break: break-word!important;
    overflow-wrap: break-word!important;
}
.story_content table th, .story_content table td {
    vertical-align: middle !important;
    /*border: 1px solid #D4DBE4 !important;*/
    box-sizing: border-box !important;
    padding: 9px 0;
    word-break: break-word!important;
    overflow-wrap: break-word!important;
}
.story_content table td p, .story_content table td span {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 21px !important;
    letter-spacing: -0.03em;
    color: #2B2D30;
}
.story_cont .search_result {
    border: 6px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 20px;
}
.story_cont .search_no { padding-top: 10px; }
.story_cont .search_no > div { border-top: 1px solid #D4DBE4; border-bottom: 1px solid #D4DBE4; padding: 178px 0; text-align: center; }
.search_result .col-md-8 { padding: 27px 0; }
.detail_cont .list_area { margin-top: 30px; }
.detail_cont .list_area button, .detail_cont .list_area a { width: 140px; }
.menu_search { padding: 0 10px; }
/* End 01½ºÅ丮 */

/* °í°´¼¾ÅÍ */
.admin_comment { padding-top: 40px; border-top: 1px dashed #B8BFC8; margin-top: 40px; }
.customer_detail .detail_cont { min-height: 600px; }
/* End °í°´¼¾ÅÍ */

/* °øÁö»çÇ× ·¹À̾î */
.notice_layer { padding: 20px; }
.notice_layer.show { display: flex; }
.notice_layer.fade .modal-dialog { margin: 0; transform: translate(-100px, 0); align-items: flex-end!important; height: 100%; }
.notice_layer.show .modal-dialog { transform: none; }
.notice_layer .box_1 { background: #F3F6FA; border-radius: 10px; padding: 20px 25px 30px 25px; }
.notice_layer .modal-footer { background: #264966; border-radius: 0px 0px 10px 10px; padding: 10px 25px; }
.notice_layer .modal-content { border: 0; }

/* End °øÁö»çÇ× ·¹À̾î */

@media (max-width: 1399px) {
    /*.main_arrow { display: none; }*/
    .main_arrow a.main_arrow_r {
        right: 0;
    }

    .main_arrow a.main_arrow_l {
        left: 0;
    }
}

@media (max-width: 1199px) {
    .main_top_txt { margin-left: 50px; }
    .main_dots { left: 50px; }
    .main_dots {
        bottom: 60px;
    }

    .main_consulting .box {
        padding: 0 10px;
    }

    .main_consulting .cont .search-select {
        width: 220px;
    }
}