@charset "UTF-8";
#contents article{overflow:visible;}
#contents article:after{content:''; display:block; clear: both;}

.main_top_type02 .visual .content .recommend_wrap .recommend_list .swiper-slide:hover a:after{width: calc(100% - 2px);height: calc(100% - 2px);border-width:1px;}

.main .section *{box-sizing: border-box;}

.main_flex_box .main_left_box{width:788px;}
.main_flex_box .main_right_box{min-width:0;}
.main_flex_box .sec_tit_box{position:relative; margin-bottom:10px; display:flex;}
.main_flex_box .sec_tit_box .sec_tit{margin-bottom:0; line-height:28px;}
.main_flex_box .sec_tit_box .right_{position:absolute; right:0; top:50%; transform:translateY(-50%); }
.main_flex_box .sec_tit_box .btn__more{font-size:12px; color:#6a6b74; font-weight:400;}

.rolling_wrap .rolling_item .swiper-container .swiper-slide a:hover{color:#ff584e;}

.speical_edu_swiper_wrap{position:relative;}
.speical_edu_swiper li{margin-right:10px; width:calc(33.33% - 20px/3);}
.speical_edu_swiper li:last-child{margin-right:0;}
.speical_edu_swiper li a{position:relative; display:block; width:100%; height:120px; border-radius: 8px; overflow: hidden;}
.speical_edu_swiper li a img{width:100%; height:100%; object-fit:cover;}
.speical_edu_swiper li a:hover:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ff584e; border-radius: 8px;}
.speical_edu_swiper_wrap .speical-edu-btn{position:absolute; top:50%; margin-top:-14px; width:28px; height:28px; background:url('/images/main/2024/btn_edu_left.png') no-repeat center; z-index:1; cursor:pointer;}
.speical_edu_swiper_wrap .speical-edu-btn.swiper-button-disabled{display:none;}
.speical_edu_swiper_wrap .speical-edu-prev{left:-10px;}
.speical_edu_swiper_wrap .speical-edu-next{right:-10px; transform:rotate(180deg);}

.recom_wrap .recom_btn_box{display:flex; gap:3px;}
.recom_wrap .recom_btn_box .speical-recom-btn{width:22px; height:22px; border:1px solid #d5d5d5; border-radius:4px; background:url('/images/main/2024/arr_recom.png') no-repeat center; cursor:pointer;}
.recom_wrap .recom_btn_box .speical-recom-next{transform:rotate(180deg);}
.recom_swiper li a{ display:flex; justify-content: start; align-items: center; padding:0 20px; font-size:15px; color:#171717; font-weight:400; line-height:55px; background:#fff; border:1px solid #ddd; border-radius: 8px;}
.recom_swiper li a .txt{ padding-right: 5px; font:inherit; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.recom_swiper li a .ico_new{flex:none; width:12px; height:20px; background:url('/images/renew/ico/ico_new.png') no-repeat center;}
.recom_swiper li a:hover{color:#ff584e; font-weight:500; background:#fff8f5; border-color:#ff584e;}
.recom_swiper li a+a{margin-top:6px;}

.main_award_wrap .tab_btns{margin-left:12px; padding:1px; display:flex; background:#e9e9e9; border:1px solid #d9d9d9; border-radius:14px;}
.main_award_wrap .tab_btns .tab_button{width:37px; font-size:12px; color:#000; font-weight:400; text-align:center; line-height:24px; border-radius:12px;}
.main_award_wrap .tab_btns .tab_button.on{color:#fff; background:#0090ff;}
.main_award_item_box{display:flex; gap:12px;}
.main_award_item_box .item{flex:1; border-radius:8px; height:227px; overflow: hidden;}
.main_award_item_box .thumb{flex:none; width:389px;}
.main_award_item_box .thumb a{position:relative; display:block; width:100%; height:100%;}
.main_award_item_box .thumb a:hover:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ff584e; border-radius: 12px;}
.main_award_item_box .thumb img{width:100%; height:100%; object-fit: cover;}
.main_awrad_list_wrap{padding:10px 10px 4px; background:#f7f7f7;}
.main_awrad_list_wrap li{margin-bottom:6px;}
.main_awrad_list_wrap li a{padding:15px 20px 14px; display:block; border:1px solid #ddd; border-radius:8px; background:#fff;}
.main_awrad_list_wrap li a h6{font-size:14px; color:#171717; font-weight:600; line-height:1;}
.main_awrad_list_wrap li a p{margin-top:8px; font-size:12px; color:#686c72; font-weight:400; line-height:1;}
.main_awrad_list_wrap li.on a,
.main_awrad_list_wrap li a.on,
.main_awrad_list_wrap li a:hover{background:#fff8f5; border-color:#ff584e;}
.main_awrad_list_wrap li.on a,
.main_awrad_list_wrap li.on h6,
.main_awrad_list_wrap li a.on h6,
.main_awrad_list_wrap li a:hover h6{color:#ff584e; font-weight:500;}
.main_awrad_list_wrap li.on a,
.main_awrad_list_wrap li.on p,
.main_awrad_list_wrap li a.on p,
.main_awrad_list_wrap li a:hover p{color:#171717;}

.samstory_swiper .samstory_pagination{position:static; display:flex; gap:18px;}
.samstory_swiper .samstory_pagination span{position:relative; margin:0; width:auto; height:auto; font-size:14px; color:#414141; font-weight:400; line-height:31px; background:transparent; opacity:1;}
.samstory_swiper .samstory_pagination span.swiper-pagination-bullet-active{color:#ff584e; font-weight:500;}
.samstory_swiper .samstory_pagination span.swiper-pagination-bullet-active:after{content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:#ff584e;}
.main_samstory_list{margin-top:10px;}
.main_samstory_list li{display:flex; gap:12px;}
.main_samstory_list li a{position:relative; padding:16px 50px 16px 20px; display:block; width:calc(50% - 6px); height:186px; border-radius:8px; background:#f6dee6;}
.main_samstory_list li a p{font-size:15px; color:#171717; font-weight:600; line-height:1.3; word-break:keep-all; word-wrap:break-word; max-height:3.9em; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.main_samstory_list li a p.label{margin-bottom:8px; font-size:12px; color:#e74489; font-weight:500;}
.main_samstory_list li a .thumb{position:absolute; right:16px; bottom:16px; width:60px; height:60px; overflow: hidden; border-radius: 50%;}
.main_samstory_list li a .thumb img{width:100%;}

.main_samstory_list li a.ty1{background:#e3e8ff;}
.main_samstory_list li a.ty1 p.label{color:#4951d9;}

.main_samstory_list li a.ty2{background:#f6dee6;}
.main_samstory_list li a.ty2 p.label{color:#e74489;}

.main_samstory_list li a.ty3{background:#cfe9f8;}
.main_samstory_list li a.ty3 p.label{color:#4c94ec;}

.main_samstory_list li a.ty4{background:#dbecc6;}
.main_samstory_list li a.ty4 p.label{color:#687716;}

.main_samstory_list li a.ty5{background:#f8edbb;}
.main_samstory_list li a.ty5 p.label{color:#896d48;}

.jobinfo_wrap{}
.jobinfo_wrap > ul{display:flex; gap:12px;}
.jobinfo_wrap > ul li{width:calc(50% - 6px);}
.jobinfo_wrap > ul li a{position:relative; display:block; width:389px; height:148px; border-radius: 8px; overflow: hidden;}
.jobinfo_wrap > ul li a img{width:100%; height:100%; object-fit: cover;}
.jobinfo_wrap > ul li a:hover:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ff584e; border-radius: 8px;}
.job_related_wrap{margin-top:12px; padding:8px 17px 6px; display:flex; background:#f7f7f7; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.job_related_wrap p{position:relative; margin-right:20px; padding:0 20px 0 41px; flex:none; font-size:14px; color:#000; font-weight:500; line-height:25px; background:url('/images/main/2024/ico_related.png') no-repeat left center;}
.job_related_wrap p:after{content:''; right:0; top:50%; transform:translateY(-50%); width:2px; height:21px; background:#e7e7e7;}
.job_related_wrap .related_swiper_wrap{position:relative;padding:0 50px; flex:1; min-width:0;}
/*.job_related_wrap .related_swiper li{width:auto; min-width: calc(25% - 90px/4)}*/
.job_related_wrap .related_swiper li a{display:block;font-size:15px; color:#000; font-weight:400; letter-spacing: -0.045em; line-height:25px;}
.job_related_wrap .related_swiper li a:hover{color:#ff655c; font-weight:500;}
.job_related_wrap .related_swiper_wrap .relate-btn{position:absolute; top:50%; transform:translateY(-50%); width:24px; height:14px; cursor: pointer;}
.job_related_wrap .related_swiper_wrap .relate-prev{left:-8px; background:url('/images/main/2024/arr_prev.png') no-repeat center;}
.job_related_wrap .related_swiper_wrap .relate-next{right:-8px; background:url('/images/main/2024/arr_next.png') no-repeat center;}

.jobinfo_list_wrap{}
.jobinfo_list_wrap ul{border-bottom:1px solid #d5d5d5;}
.jobinfo_list_wrap ul li{border-top:1px solid #d5d5d5;}
.jobinfo_list_wrap ul li a{position:relative; padding:0 18px; display:flex; font-size:14px; color:#171717; border-radius: 8px;}
.jobinfo_list_wrap ul li a span{width:24px; font-size:inherit; font-weight:600; line-height:39px;}
.jobinfo_list_wrap ul li a p{flex:1; font-size:inherit; font-weight:400; line-height:39px;}
/*
.jobinfo_list_wrap ul li.on,
.jobinfo_list_wrap ul li.on+li,*/
.jobinfo_list_wrap ul li:hover,
.jobinfo_list_wrap ul li:hover+li{border-top-color:transparent;}
.jobinfo_list_wrap ul li.on a{color:#ff655c;}
.jobinfo_list_wrap ul li:hover a{color:#ff655c; background:#fff8f5;}
.jobinfo_list_wrap ul li.on a p,
.jobinfo_list_wrap ul li:hover a p{font-weight:500;}
.jobinfo_list_wrap ul li.on a:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border-radius: 8px; /*border:1px solid #ff655c;*/}
.jobinfo_list_wrap ul li:hover a:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border-radius: 8px; border:1px solid #ff655c;}

.main_flex_box .lecture_wrap .lecture_box li a:hover:after{border-width:1px;}

.main_top .main_visual li a{position:relative;}
.main_top .main_visual li a:hover:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ff584e; border-radius: 23px; z-index:5;}

.survey_wrap a{position:relative; display:block;}
/*.survey_wrap a:hover:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ff584e; border-radius: 8px;}*/

.teacher_program a{position:relative; display:block; border-radius: 8px; overflow: hidden;}
.teacher_program a:hover:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ff584e; border-radius: 8px;}
.main_flex_box .lecture_wrap .lecture_box li a .thumb img{width:100%; max-width:unset;}
.main_flex_box .institute_wrap .swiper-slide a{position:relative; width:100%; height:100%;}
.main_flex_box .institute_wrap .swiper-slide img{max-width: unset; width:100%; height:100%;}
.main_flex_box .institute_wrap .swiper-slide a:hover:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ff584e; border-radius: 15px;}

/* 이벤트 전체보기 팝업 */
#popEdutechList { display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%;padding: 140px 0;overflow-y: scroll;z-index: 9999; box-sizing: border-box;}
#popEdutechList.on {display: block;}
#popEdutechList .dimmed {position: fixed;left: 0;right: 0;bottom: 0;top: 0; width: calc(100% - 17px); background: #22252b;opacity: 0.85;z-index: 9998;}
#popEdutechList .allEdutechPopup { overflow: visible; position: relative; display: block; width: 100%; margin: 0 auto; border: 0; z-index: 9999;}
#popEdutechList .allEdutechPopup .inner {position: relative; width: 752px; margin: 0 auto;}
#popEdutechList .allEdutechPopup .tit_wrap{display:flex; justify-content: space-between;}
#popEdutechList .allEdutechPopup .tit_wrap h5{width:157px; height:23px; background:url('/images/main/2024/edu_pop_tit.png') no-repeat left center;}
#popEdutechList .allEdutechPopup .tit_wrap .close{padding:7px 10px;}
#popEdutechList .allEdutechPopup .tit_wrap .close span{display:block; width:15px; height:15px; background:url('/images/main/2024/edu_pop_close.png') no-repeat left center;}
#popEdutechList .allEdutechPopup ul{margin-top:13px; display: flex;flex-wrap: wrap;gap: 10px;}
#popEdutechList .allEdutechPopup ul li{width:calc(33.33% - 20px/3);}
#popEdutechList .allEdutechPopup ul li a {display: block; border-radius: 8px; overflow: hidden;}
#popEdutechList .allEdutechPopup ul li a img {width: 100%;}

/* 메인 22 개정 교과서 홍보배너 2024-09-12 */
#contents article.big-banner-zone { position: relative; overflow: hidden; margin-bottom: 54px;}
.big-banner-zone .slide-wrap { position: absolute; width: 400px; top: 0;  right: 70px; height: 380px; overflow: hidden;display: flex; z-index: 3;}
.big-banner-zone .slide-wrap .swiper-container .swiper-wrapper { display: block !important; transition-timing-function: linear;}
.big-banner-zone .slide-wrap .swiper-container .swiper-slide { padding: 5px 8px; height: 146px !important;box-sizing: content-box;}
.big-banner-zone .slide-wrap .swiper-container .swiper-slide img { border-radius: 16px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);}
.big-banner-zone .btn-group { position: absolute; top: 265px; left: 196px; display: flex; gap: 10px; z-index: 2;}
.big-banner-zone .hash-tag { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.big-banner-zone .hash-tag p { position: absolute;}
.big-banner-zone .hash-tag p img {animation-name: imgscale;animation-duration: 1s;animation-iteration-count: infinite;animation-timing-function: ease;animation-direction: normal;}
.big-banner-zone .hash-tag.tag-1 .text-1 { top: 84px; left: 60px;}
.big-banner-zone .hash-tag.tag-1 .text-2 { top: 76px; left: 595px;}
.big-banner-zone .hash-tag.tag-1 .text-3 { top: 153px; left: 605px;}
.big-banner-zone .hash-tag.tag-1 .text-4 { top: 165px; left: 82px;}
.big-banner-zone .hash-tag.tag-1 .text-5 { top: 220px; left: 578px;}
.big-banner-zone .hash-tag.tag-1 .text-6 { top: 242px; left: 65px;}

.big-banner-zone .hash-tag.tag-2 .text-1 { top: 84px; left: 60px;}
.big-banner-zone .hash-tag.tag-2 .text-2 { top: 72px; left: 565px;}
.big-banner-zone .hash-tag.tag-2 .text-3 { top: 153px; left: 605px;}
.big-banner-zone .hash-tag.tag-2 .text-4 { top: 165px; left: 82px;}
.big-banner-zone .hash-tag.tag-2 .text-5 { top: 220px; left: 578px;}
.big-banner-zone .hash-tag.tag-2 .text-6 { top: 250px; left: 56px;}

@keyframes imgscale {
    0%, 100% { -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s;transform: scale(1, 1);image-rendering: -webkit-optimize-contrast;}
    50% { -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s;transform: scale(0.95, 0.95);image-rendering: -webkit-optimize-contrast;}
}

#mainAidtPop .dimmed2{position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.6); z-index: 9999;}
#mainAidtPop .inner{position:absolute; left:50%; top:205px; transform:translateX(-50%); width:623px; z-index:9999;}
#mainAidtPop .inner .inner_box{position:relative; border-radius:40px;}
#mainAidtPop .btnPopClose{position:absolute; right:15px; top:15px; width:32px; height:32px; background:url('/images/main/popup/241202/pop_close.png') no-repeat center;}
#mainAidtPop .thumb{position:relative;}
#mainAidtPop .thumb img{max-width:100%;}
#mainAidtPop .thumb .subFlexBox{position:absolute; top:160px; left:0; right:0; padding:0 60px; display:flex; justify-content:space-between;}
#mainAidtPop .thumb .subFlexBox div{padding:20px 0; flex:1; display:flex; gap:12px; justify-content:center;}
#mainAidtPop .thumb .subFlexBox a{height:51px;}
#mainAidtPop .thumb .subFlexBox .mid a{width:50px;}
#mainAidtPop .thumb .subFlexBox .high a{width:80px;}
#mainAidtPop .thumb .btn_aidt{position:absolute; bottom:17px; left:50%; transform:translateX(-50%); width:401px; height:61px;}
#mainAidtPop .thumb .badge{position:absolute; left:-10px; top:0; width:97px; height:32px; background:url('/images/main/popup/241202/badge.png') no-repeat left top;}
#mainAidtPop .thumb .evtFlexBox{position:absolute; left:0; right:0; top:67px; padding:0 73px; display:flex; gap:7px;}
#mainAidtPop .thumb .evtFlexBox a{flex:1; height:71px;}
#mainAidtPop .control{margin:20px auto 0; width:161px; border-radius:16px; background:#515c6e;}
#mainAidtPop .control input{display:none;}
#mainAidtPop .control label{padding:0; display:flex; justify-content:center; align-items:center; width:100%; font-size:13px; line-height:32px; color:#fff; cursor:pointer;}
#mainAidtPop .control input + label:before{display:none;}
#mainAidtPop .control input + label:after{content:''; margin-left:7px; display:inline-block;width:13px;height:13px; background: url('../images/educourse/ico_checkbox.png') no-repeat center top;}
#mainAidtPop .control input:checked + label:after{background-position-y:bottom;}

#mainAidtPop .endEvt .thumb .subFlexBox{top:199px; padding:0 59px;}
#mainAidtPop .endEvt .thumb .subFlexBox a{height:76px;}
#mainAidtPop .endEvt .thumb .subFlexBox .mid{padding-left:5px;}
#mainAidtPop .endEvt .thumb .subFlexBox .high a{width:90px;}
#mainAidtPop .endEvt .thumb .btn_aidt{display:none;}
#mainAidtPop .endEvt .thumb .badge{display:none;}
#mainAidtPop .endEvt .thumb .evtFlexBox{top:0; padding:0;}
#mainAidtPop .endEvt .thumb .evtFlexBox a{height:94px;}

.big-banner-zone.aidt *{font-family:"SUIT", "Noto Sans KR", sans-serif; box-sizing: border-box;}
.big-banner-zone.aidt .main_aidt_wrap{padding:35px 50px; display:flex; align-items:flex-start; justify-content:space-between; background:url('/images/main/aidt_banner/bg.png') no-repeat center;}
.big-banner-zone.aidt .aidt_title{padding-top:33px;}
.big-banner-zone.aidt .aidt_title p{margin-top:25px; font-size:17px; color:#fff; font-weight:600; line-height:25px;}
.big-banner-zone.aidt .aidt_items{display:flex; gap:12px;}
.big-banner-zone.aidt .aidt_item{position:relative; padding:20px 10px 10px; width:200px; height:250px; display:flex; gap:8px; flex-direction:column; border:1px solid #00FFA6; border-radius:24px; background:rgba(0,12,46,.4);}
.big-banner-zone.aidt .aidt_item h6{padding:0 14px;}
.big-banner-zone.aidt .aidt_item p{flex:1; padding:0 14px; font-size:15px; color:#fff; font-weight:500; line-height:21px;}
.big-banner-zone.aidt .aidt_item .btn-box{}
.big-banner-zone.aidt .aidt_item .btn-box a{position:relative; padding:0 45px 0 20px; display:block; font-size:15px; color:#fff; font-weight:600; line-height:40px; border-radius:20px; background:linear-gradient(125deg, #000 55%, #666); z-index:2; letter-spacing: -0.045em;}
.big-banner-zone.aidt .aidt_item .btn-box a:hover{text-decoration: none;}
.big-banner-zone.aidt .aidt_item .btn-box a:after{content:''; position:absolute; right:19px; top:50%; transform:translateY(-50%); width:7px; height:13px; background:url('/images/main/aidt_banner/arr_right.png') no-repeat center;}
.big-banner-zone.aidt .aidt_item .btn-box a + a{margin-top:6px;}
.big-banner-zone.aidt .aidt_item.event{background:linear-gradient(135deg, #7BFFED, #8BFF99);}
.big-banner-zone.aidt .aidt_item.event p{color:#000;}
.big-banner-zone.aidt .aidt_item.event .obj{position:absolute; z-index:1;}
.big-banner-zone.aidt .aidt_item.event .obj1{right:-29px; top:-20px; width:107px;height:54px; background:url('/images/main/aidt_banner/evt_badge.png') no-repeat center;}
.big-banner-zone.aidt .aidt_item.event .obj2{left:-6px; top:125px; width:11px; height:12px; background:url('/images/main/aidt_banner/obj1.png') no-repeat center;}
.big-banner-zone.aidt .aidt_item.event .obj3{top:35px; right:-34px; width:75px; height:106px; background:url('/images/main/aidt_banner/obj2.png') no-repeat center;}

/* 메인 다운로드 안내 팝업 */
#mainDownloadPop .dimmed2{position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(11,11,11,0.7); z-index: 9999;}
#mainDownloadPop .inner{position:absolute; left:50%; top:205px; transform:translateX(-50%); z-index:9999;}
#mainDownloadPop .inner .inner_box{position:relative;}
#mainDownloadPop .btnPopClose{position:absolute; right:19px; top:19px; width:32px; height:32px; background:url('/images/main/popup/250121/pop_close.png') no-repeat center;}
#mainDownloadPop .thumb{position:relative;}
#mainDownloadPop .thumb img{max-width:100%;}
#mainDownloadPop .btn_link{position:absolute; top:271px; left:50%; transform:translateX(-50%); width:185px; height:45px;}
#mainDownloadPop .btn_footer_box{position:absolute; left:5px; right:5px; bottom:10px; display:flex; gap:1px;}
#mainDownloadPop .btn_footer_box a{flex:1; height:49px;}
#mainDownloadPop .control{margin:20px auto 0; width:161px; border-radius:16px; background:#515c6e;}
#mainDownloadPop .control input{display:none;}
#mainDownloadPop .control label{padding:0; display:flex; justify-content:center; align-items:center; width:100%; font-size:13px; line-height:32px; color:#fff; cursor:pointer;}
#mainDownloadPop .control input + label:before{display:none;}
#mainDownloadPop .control input + label:after{content:''; margin-left:7px; display:inline-block;width:13px;height:13px; background: url('../images/educourse/ico_checkbox.png') no-repeat center top;}
#mainDownloadPop .control input:checked + label:after{background-position-y:bottom;}