/*mainStyle.css*/

body.dark-mode { background:#333; }
body.dark-mode h1, h2 , h3, p { color:#fff; }
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
    background-color:#c71526;
    color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
    background-color:#c71526;
    color:#eee
}
button { background:#c71526; }
#darkLight {
    width:70px; height:90px; 
    font-size:3em;
    padding-left:0.5%;
    position:fixed;
    right:0; bottom:3%;
    border-radius:100px 0 0 100px;
    transition:all .3s;
    z-index:99999;
}
#darkLight:hover {
    width:130px;
    padding-left:1%;
    background-color:#111;
}

#container{overflow: hidden; }
 

.bannerWrap {position:relative;}
.bannerWrap.mobile {display:none;}
.bannerWrap.pc {display:block;}
.mainSlider {}
.mainSlider .swiper-slide {position:relative;}
.mainSlider .swiper-slide .imgwrap {overflow: hidden; display: block; position: relative; height:777px;}
.mainSlider .swiper-slide img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.mainSlider2 .swiper-slide {position:relative; text-align:center; display:flex; justify-content:center;}
.mainSlider2 .swiper-slide img {display:inline-block; height:100%; object-fit: cover;}


.swiper-pagination-wrap {position:absolute; z-index:99; left:calc(50% - 130px); bottom:50px; display:flex; align-items:center; justify-content:left; background:rgba(23,22,32,0.8); color:#FFF; width:260px; height:50px; border-radius:50px;}
.swiper-pagination-wrap .swiper-pagination { display:inline-block !important; width:170px;}
.swiper-pagination-wrap .swiper-pagination span {padding:0 5px; font-family: 'GmarketSansMedium'; font-size:16px; }
.swiper-pagination-wrap .swiper-button-prev2 {position:absolute; z-index:999; right:110px; top:14px; cursor:pointer; width:20px; height:20px; display:block; color:#FFF;  background:url(../img/main_control.png) no-repeat;}
.swiper-pagination-wrap .swiper-button-next2 {position:absolute; z-index:999;right:50px; top:14px; cursor:pointer; width:20px; height:20px; display:block; color:#FFF; background:url(../img/main_control.png) no-repeat right 0;}
.swiper-pagination-wrap .swiper-button-pause {position:absolute; z-index:999;right:80px; top:14px; cursor:pointer; width:20px; height:20px; display:block; color:#FFF;  background:url(../img/main_control.png) no-repeat -28px 0 ;}
.swiper-pagination-wrap .swiper-button-pause2 {position:absolute; z-index:999;right:80px; top:14px; cursor:pointer; width:20px; height:20px; display:block; color:#FFF;  background:url(../img/main_control.png) no-repeat -28px 0 ;}


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

.mainSlider {height:auto;}
.mainSlider .swiper-slide img {display:block; width:100%; height:auto; object-fit: cover;}

.mainSlider2 {height:auto;}
.mainSlider2 .swiper-slide img {display:block; width:100%; height:auto; object-fit: cover;}

.bannerWrap.mobile {display:block;}
.bannerWrap.pc {display:none;}
}

@media all and (max-width:650px){
 
.swiper-pagination-wrap {bottom:15px; width:150px; left:calc(50% - 75px); height:40px; font-size:14px;}
.swiper-pagination-wrap .swiper-pagination {width:85px;position:relative; top:0px;}
.swiper-pagination-wrap .swiper-pagination span {font-size:14px; }
.swiper-pagination-wrap .swiper-button-prev2 {right:60px; top:8px;}
.swiper-pagination-wrap .swiper-button-next2 {right:10px; top:8px;}
.swiper-pagination-wrap .swiper-button-pause {right:33px; top:8px;}
.swiper-pagination-wrap .swiper-button-pause2 {right:33px; top:8px;}

}


/*비주얼영역 수정202504*/
.mainVisual {background:#cbe0f7; padding:60px 0;}
.mainVisual .at-container {display:flex; flex-wrap:wrap;}

.mainVisual .mainVisual_left {width:calc(100% - 420px); overflow:hidden; height:638px}
.mainVisual .mainSlider3 {position:relative;}
.mainVisual .mainSlider3 li .imgwrap {}
.mainVisual .mainSlider3 li img {max-width:100%; border-top-left-radius:50px; border-bottom-right-radius:50px;}
.mainVisual .mainVisual_right {width:380px; margin-left:40px;}

.main_hotnews {background:#fff; border:3px solid #6b50df; border-top-left-radius:30px; border-bottom-right-radius:30px; padding:30px; box-shadow:0px 0px 6px rgba(0,0,0,0.09);}
.main_hotnews .title {position:relative; padding-bottom:10px; border-bottom:1px solid #000000; margin-bottom:10px;}
.main_hotnews .title h3 {font-family: 'Tenada'; font-size:25px; color:#ef4767; line-height:120%;}
.main_hotnews .title a.main_more2 {position:absolute; right:0; top:-5px; width:33px; height:33px; background:url(../img/main_more2.png) no-repeat; text-indent:-50000px;}

.hotnews_list {}
.hotnews_list li .date {font-size:13px; line-height:180%;}
.hotnews_list li .subject {display:block; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hotnews_list li a {display:block; width:100%; border-bottom:1px dashed #666666; padding:8px 10px; }
.hotnews_list li:last-child a {padding-bottom:0; border-bottom:none;}

.main_buttons {margin-top:30px; display:block}
.main_buttons li a {position:relative; display:flex; height:70px; font-family: 'GmarketSansMedium'; font-size:20px; background:url(../img/main_button_arrow.png) no-repeat right+30px center #6b50df; color:#FFF; border-radius:70px; align-items:center; padding-left:100px; transition:all .3s;}
.main_buttons li {margin-bottom:10px;}
.main_buttons li:last-child {margin-bottom:0;}
.main_buttons li:nth-child(2) a {background:url(../img/main_button_arrow.png) no-repeat right+30px center #ef4767;}
.main_buttons li .ico {position:absolute; left:30px;}
.main_buttons li .ico.ico1 {bottom:0;}
.main_buttons li .ico.ico3 {left:0;}
.main_buttons li:nth-child(3) a {overflow:hidden;}
.main_buttons li a:hover {color:#d1ff81;}

.main_buttons_mobile {display:none}
.main_buttons_mobile ul {gap:20px;}
.main_buttons_mobile li {width:33%}
.main_buttons_mobile li a {position:relative; display:flex; height:70px; font-family: 'GmarketSansMedium'; font-size:20px; background:url(../img/main_button_arrow.png) no-repeat right+30px center #6b50df; color:#FFF; border-radius:70px; align-items:center; padding-left:100px; transition:all .3s;}
.main_buttons_mobile li {margin-bottom:10px;}
.main_buttons_mobile li:last-child {margin-bottom:0;}
.main_buttons_mobile li:nth-child(2) a {background:url(../img/main_button_arrow.png) no-repeat right+30px center #ef4767;}
.main_buttons_mobile li .ico {position:absolute; left:30px;}
.main_buttons_mobile li .ico.ico1 {bottom:0;}
.main_buttons_mobile li .ico.ico3 {left:0;}
.main_buttons_mobile li:nth-child(3) a {overflow:hidden;}
.main_buttons_mobile li a:hover {color:#d1ff81;}

@media all and (min-width: 1200px) and (max-width: 1600px) {
	.main_buttons {display:none}
	.main_buttons_mobile {display:block; padding:0 20px; margin-top:20px;}
	.main_buttons_mobile ul {display:flex;}
	.mainVisual .mainVisual_left {height:auto;}
}


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

.mainVisual .mainVisual_left {width:100%; height:auto}
.mainVisual .mainVisual_right {width:100%; margin-left:0; margin-top:30px;}

}

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

.mainVisual {padding:40px 0;}
.main_hotnews .title h3 {font-size:22px;}
.hotnews_list li a {padding:8px 0;}

.main_buttons li a {background:url(../img/main_button_arrow.png) no-repeat right+20px center #6b50df; font-size:16px; padding-left:90px;}
.main_buttons li:nth-child(2) a {background:url(../img/main_button_arrow.png) no-repeat right+20px center #ef4767;}
}


.main_title {text-align:center; margin-bottom:60px;}
.main_title h3 {font-family: 'Tenada'; font-size:45px; line-height:120%;}
.main_title p {font-family: 'GmarketSansLight'; font-size:18px; margin-top:10px;}
.main_title sub {font-family: 'GmarketSansBold'; font-size:16px; margin-bottom:10px; font-weight:bold; display:inline-block;}


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

.main_title {text-align:center; margin-bottom:60px;}
.main_title h3 {font-size:35px; }
.main_title p { font-size:14px; margin-top:10px;}
.main_title sub {font-size:14px; margin-bottom:10px;}

}


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

.main_title h3 {font-size:32px; }
.main_title p { margin-top:5px; line-height:160%;}
.main_title {margin-bottom:30px;}

}


.main_program {background:url(../img/yongin_txt01.png) no-repeat center bottom #dceeff; padding:80px 0 110px 0;}
.program_slider {overflow:hidden; padding-top:5px;}
.program_slider li {}
.program_slider li a {position:relative; width:100%;}
.program_slider li a .category {position:absolute; left:30px; top:-5px; background:#ef4646; width:115px; height:44px; display:flex; align-items:center; justify-content:center; color:#FFF; font-size:16px; font-family: 'GmarketSansMedium'; z-index:9; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.program_slider li a .category.special {background:#ef4646;}
.program_slider li a .category.regular {background:#2fa30e;}

.main_program_box {overflow:hidden; border-radius:20px;}
.main_program_box .img img {width:100%;}
.main_program_box .info {background:#FFF; padding:20px 30px;}
.main_program_box .info h4 {font-size:18px;color:#000000; font-weight:bold; margin-top:10px; margin-bottom:15px; height:3em; line-height:1.5em; overflow:hidden;}
.main_program_box .info ol {list-style:none; padding:0; margin:0;}
.main_program_box .info ol li {font-size:14px; color:#000000;}

.main_program_box .info span.stat {display:inline-block; background:#e46253; font-size:13px; color:#FFf; padding:0 12px; border-radius:5px; line-height:180%;}
/*.main_program_box .info span.stat.ready {background:#e46253;}
.main_program_box .info span.stat.ing {background:#009763;}
.main_program_box .info span.stat.end {background:#000000;}*/
.main_program_box .info span.stat.ing {background:#ef4646;} /*모집중*/
.main_program_box .info span.stat.edu {background:#009763;} /*교육중*/
.main_program_box .info span.stat.end {background:#000000;} /*교육종료*/
.main_program_box .info span.stat.closed {background:#00a5b2;} /*모집종료*/
.main_program_box .info span.stat.ready {background:#ef46c1;} /*모집예정*/

.main_calendar {display:block; background:#fff; padding:80px 0 40px;}
.mobile_calendar {display:none;}

.main_schedule {}
.main_schedule_wrap {padding:30px 0;  position:relative; }
.main_schedule_wrap .main_schedule_box {position:relative;  padding:0px 30px 10px 30px; padding-left:220px; border:1px solid #ddd; border-radius:20px; overflow:hidden;}
.main_schedule_wrap .main_schedule_title {position:absolute; left:0px; top:0px; width:185px; background:#5736e6; height:100%; padding:25px 25px; text-align:center;}
.main_schedule_wrap .main_schedule_title h4 {color:#FFF; font-family: 'GmarketSansBold'; font-size:15px; font-weight:bold;}
.main_schedule_wrap .main_schedule_title h5 {color:#FFF; font-family: 'GmarketSansBold'; font-size:35px; font-weight:bold; margin-top:10px;}
.main_schedule_wrap .main_schedule_title a {font-size:14px; color:#FFF; font-family: 'GmarketSansMedium'; border:1px solid #FFF; padding:2px 0px; display:block; margin-top:80px;}
.main_schedule_wrap .main_schedule_title a i {font-size:12px;}

.schedule_slider2_wrap {background:url(../img/main_dotline_h.png) repeat-x 0 bottom; padding-bottom:20px; padding-top:0;}
.schedule_slider2 {overflow:hidden; }
.main_schedule_wrap .main_schedule_box ul.main_schedule_list {/*display:flex; */}
.main_schedule_wrap .main_schedule_box ul.main_schedule_list li { text-align:center; padding-top:15px; }
.main_schedule_wrap .main_schedule_box ul.main_schedule_list li p {display:inline-flex; align-items:center; justify-content:center; font-size:14px; color:#000000;  width:30px; height:30px; text-align:center; line-height:140%;  }
.main_schedule_wrap .main_schedule_box ul.main_schedule_list li p.red {color:#FF0000;}
.main_schedule_wrap .main_schedule_box ul.main_schedule_list li p.blue {color:#0000FF;}
.main_schedule_wrap .main_schedule_box ul.main_schedule_list li p.today {background:#d14545; border-radius:100%; color:#FFF !important;}
.main_schedule_wrap .main_schedule_box ul.main_schedule_list li p.schedule_click {cursor: pointer;}
.main_schedule_wrap .main_schedule_box ul.main_schedule_list li span.scheduled{display:inline-block; width:6px; height:6px; border-radius:100%; background:#d14545;}

.schedule_slier_wrap {padding-right:75px; position:relative;}
.schedule_slier {padding:20px 0; overflow:hidden; }
.schedule_slier .swiper-wrapper {}
.schedule_slier li {background:url(../img/main_dotline_v.png) repeat-y left 0; padding-left:25px; height:100%;}
.schedule_slier li span.type {font-size:13px; color:#FFF; background:#ef4646; padding:0 3px; border-radius:5px; margin-bottom:10px; display:inline-block; line-height:160%;}
.schedule_slier li span.type.special {background:#ef4646;}
.schedule_slier li span.type.regular {background:#2fa30e;}
.schedule_slier li h4 {font-size:16px; color:#000000; font-weight:bold; height:3em; line-height:1.5em; overflow:hidden;}
.schedule_slier li p.date {font-size:14px; color:#000000;}

.schedule_slier li.swiper-slide-active {background:none;}

.schedule-control {position:absolute; right:0; bottom:18px; display:flex;}
.schedule-control a {display:block; width:36px; height:36px; background:url(../img/bg_direction_nav.png) no-repeat; cursor:pointer;}
.schedule-control a.schedule-left {position:relative; left:1px;}
.schedule-control a.schedule-right {background-position:100% 0;}


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

.main_program {background:#dceeff; padding:50px 0;}
.program_slider li a .category {font-size:14px; height:35px; width:100px;}

.main_calendar {display:none;}
.mobile_calendar {display:block;}
.main_schedule {background:#FFF; }
.main_schedule_wrap {padding:20px 0; border-radius:0;}
.main_schedule_wrap .main_schedule_box {padding:0px; border:none;}
.main_schedule_wrap .main_schedule_title {position:relative; width:100%; background:#FFF; }
.main_schedule_wrap .main_schedule_title h4 {color:#222; font-size:15px; font-weight:bold;}
.main_schedule_wrap .main_schedule_title h5 {color:#6243e8; font-size:35px; font-weight:bold; margin-top:10px;}
.main_schedule_wrap .main_schedule_title a {display:inline-block; font-size:14px; color:#222;  border:1px solid #222; padding:2px 20px; margin-top:20px;}
.main_schedule_wrap .main_schedule_title a i {font-size:12px;}

.schedule-control a.schedule-left {display:none;}
.schedule-control a.schedule-right {display:none;}

.schedule_slider2_wrap {padding:0 30px 20px 30px; position:relative;}
a.schedule-left2 {position:absolute; bottom:-20px; left:0;  z-index:9; width:40px; height:40px; background:url(../img/bg_direction_nav3.png) no-repeat;  background-size:80px; text-indent:-50000px;}
a.schedule-right2 {position:absolute; bottom:-20px; right:0;  z-index:9; width:40px; height:40px; background:url(../img/bg_direction_nav3.png) no-repeat 100% 0;  background-size:80px; text-indent:-50000px;}

.schedule_slier_wrap {margin-top:30px; background:#f4f4f4; border-radius:20px; padding:20px 20px;}
.schedule_slier {height:250px; padding:0; overflow-y:auto;}
.schedule_slier li {background:none;}
.schedule-control {display:none;}

.schedule_slier::-webkit-scrollbar {
    width: 6px;
	border-radius:10px;
}
.schedule_slier::-webkit-scrollbar-track {
    background-color: #ececec;
	border-radius:10px;
}
.schedule_slier::-webkit-scrollbar-thumb { 
    background-color: #c2c2c2;
	border-radius:10px;
}
.schedule_slier::-webkit-scrollbar-button {
    display: none;
}

}


.main_box {display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px 0;}
.main_box li {width:17.5%;}
.main_box li a {display:block; background:#dceeff; border-radius:20px; text-align:center; padding:30px 0;}
.main_box li a div.icon {display:inline-block}
.main_box li a p {font-family: 'GmarketSansMedium'; font-size:18px; margin-top:10px;}


@media all and (max-width:767px){
 
.main_program {background:#dceeff; padding:50px 0 40px 0;}

.main_box {margin:20px 0;}
.main_box li {width:32.33333%; margin-bottom:20px;}
.main_box li .icon img {width:60px;}
.main_box li:nth-child(1) {width:49%;}
.main_box li:nth-child(2) {width:49%;}
.main_box li a {padding:20px 0;}
.main_box li a p {font-size:16px;}
}

@media all and (max-width:500px){
 
.main_box li a p {font-size:14px;}
}


.main_board_wrap {background:#f2f2f2; padding:70px 0;}
.main_board_wrap .main_title h3 {color:#6b50df;}
.main_board_wrap .main_title {margin-bottom:20px;}

.main_board_tab {margin-bottom:40px;}
.main_board_tab ul {display:flex; justify-content:center;}
.main_board_tab ul li {margin:0 5px;}
.main_board_tab ul li a {display:flex; width:145px; height:40px; border:1px solid #000; align-items:center; justify-content:center; padding:10px 0; font-size:18px; color:#000000; font-family: 'GmarketSansMedium'; line-height:120%;}
.main_board_tab ul li a.active {background:#242424; color:#FFF;}


.noticeSlider {overflow:hidden;}
ul.main_notice_list {/*display:flex; justify-content:space-between;*/ }
ul.main_notice_list li {/*width:31%;*/ border:4px solid #FFF; background:#FFF; height:292px; border-radius:20px; transition:all .3s;}
ul.main_notice_list li a {padding:50px 34px; height:100%; display:block;}
ul.main_notice_list li .date {font-size:16px; color:#4a4a4a; margin-bottom:15px;}
ul.main_notice_list li .subject {font-size:22px; color:#000000; margin-bottom:15px;}
ul.main_notice_list li .desc {font-size:15px; color:#4b4b4b; overflow: hidden; display:-webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
ul.main_notice_list li:hover {border:4px solid #6b50df; box-shadow:5px 5px 7px rgba(0,0,0,0.2);}


.photoSlider {overflow:hidden;}
ul.main_photo_list {/*display:flex; justify-content:space-between;*/}
ul.main_photo_list li {/*width:31%;*/ border-radius:20px; overflow:hidden; position:relative;}
ul.main_photo_list li .subject {position:absolute; bottom:0; width:100%; left:0; font-size:20px; color:#FFF; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.7); padding:15px;}
ul.main_photo_list li .img img {width:100%;}

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

.main_board_wrap {padding:50px 0;}
.main_board_tab ul {flex-wrap:wrap;}
.main_board_tab ul li a {font-size:16px;}
ul.main_photo_list li .subject {font-size:18px;}

}

@media all and (max-width:350px){
.main_board_tab ul li {flex:auto;}
.main_board_tab ul li a {width:100%;}

ul.main_photo_list li .subject {font-size:16px;}
}


.main_mediacenter {padding:80px 0 170px 0; background:url(../img/section05_bg.jpg) repeat-x center 0;}
.main_mediacenter .main_title {background:url(../img/main_title_line.png) no-repeat center bottom; padding-bottom:50px; margin-bottom:30px;}
.main_mediacenter .main_title h3 {color:#fff;}
.main_mediacenter .main_title sub {color:#fff;}

.main_sns_box {text-align:center;}
.main_sns_box ul {display:inline-flex;}
.main_sns_box ul li {margin:0 3px;}

.mediaSlider {overflow:hidden; margin-top:20px;}
ul.main_media_list {/*display:flex; flex-wrap:wrap; margin-left:-3.33333%;*/}
ul.main_media_list li {/*width:30%; margin-left:3.33333%; */}
ul.main_media_list li a {display:flex; flex-direction:column; }
ul.main_media_list li .img {position:relative;  }
ul.main_media_list li .img .category {position:absolute; left:35px; top:-5px; width:85px; height:44px; font-family: 'GmarketSansMedium'; font-size:16px;  background:#ef4646; color:#FFF; display:flex; align-items:center; justify-content:center; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
ul.main_media_list li .img .category.photo {background:#2fa30e;}
ul.main_media_list li .img img {width:100%; border-radius:20px; overflow:hidden; border:10px solid #FFF; transition:all .3s;}
ul.main_media_list li .info {padding:40px 17px; color:#FFF; position:relative;}
ul.main_media_list li .info h4 {font-size:25px; font-weight:bold; color:#FFF; margin-bottom:17px; padding-right:50px; line-height:140%;}
ul.main_media_list li .info p {color:#FFF; font-size:15px;}
ul.main_media_list li .info p.main_more {position:absolute; right:0; top:40px; width:34px; height:34px; background:url(../img/main_more.png) no-repeat; text-indent:-50000px; }

ul.main_media_list li:nth-child(even) .img {order:2;}
ul.main_media_list li:nth-child(even) .info {order:1;}

ul.main_media_list li:hover .img img {border:10px solid #1affb6;}

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

.main_mediacenter {padding:50px 0;}
ul.main_media_list li:nth-child(even) .img {order:1;}
ul.main_media_list li:nth-child(even) .info {order:2;}
ul.main_media_list li .info {padding-right:50px;}
ul.main_media_list li .info h4 {font-size:18px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

}


.rollingbanner {display:flex; position:absolute; bottom:0;}
.rollingbanner img {opacity:0.4;}
.roller.original{
    animation: 86s linear 0s infinite normal forwards running rollingleft1;
}
.roller.clone{
    animation: 86s linear 0s infinite normal none running rollingleft2;
}

@keyframes rollingleft1 { /* 원본용 */
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-100%);
    }
    50.01%{
        transform: translateX(100%);
    }
    100%{
        transform: translateX(0);
    }
}

@keyframes rollingleft2 { /* 클론용 */
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}

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

.rollingbanner img {height:40px;}
}