@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:700&display=swap');
.font_mj{font-family: 'Nanum Myeongjo', serif;}

/* main_visual */
.main_visual {min-width:1240px;position:relative;height:620px;background:#f8f8f8;overflow:hidden}
.main_visual .owl-item,.main_visual .owl-item > div{height:620px;}	
.main_visual .item:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0; transition:all 0.8s 1s;}
.main_visual .visual_01:before{background:url('../img/main/main_visual01.png') right bottom no-repeat #f8f8f8;}
.main_visual .visual_02:before{background:url('../img/main/main_visual02.png') right bottom no-repeat #f8f8f8;}
.main_visual .visual_03:before{background:url('../img/main/main_visual03.png') right bottom no-repeat #f8f8f8;}
.main_visual .textbox_wrap{position:relative;padding-top:90px}
.main_visual .textbox_wrap:before{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:rgba(238,238,238,0.8) top left no-repeat;}
.main_visual .textbox{position:relative;padding:50px 0 60px 50px;}
.main_visual .textbox:before{content:'';position:absolute;top:0;left:0;width:42px;height:26px;background:url('../img/ir.png') no-repeat -402px -10px;}
.main_visual .textbox .text_s{font-size:1.25em;font-weight:500}
.main_visual .textbox .text_l{font-size:2.375em;margin:38px 0 50px}
.main_visual .textbox .btn{display:inline-block;padding:20px 50px}

.main_visual .owl-dots,.main_visual .owl-nav a.owl-stop,.main_visual .owl-nav a.owl-play{position:absolute;max-width:1240px;padding-left:30px;margin-left:-620px;bottom:40px;left:50%;}
.main_visual .owl-dots .owl-dot{display:inline-block;}
.main_visual .owl-dots .owl-dot a{display:inline-block;margin-right:6px;width:14px;height:14px;border-radius:50%;background:#333}
.main_visual .owl-dots .owl-dot.active a{width:40px;border-radius:30px;background:#20389a}
.main_visual .owl-nav {position:relative}
.main_visual .owl-nav a.owl-prev,.main_visual .owl-nav a.owl-next{position:absolute;background:url('../img/ir.png') no-repeat -306px -83px rgba(0,0,0,.8);top:-330px;margin-top:-27px;left:0;width:54px;height:54px;}
.main_visual .owl-nav a.owl-next{left:auto;right:0;background-position:-352px -83px}
.main_visual .owl-nav a.owl-stop,.main_visual .owl-nav a.owl-play{padding-left:0;bottom:64px}
.main_visual .owl-nav a.owl-stop:before,.main_visual .owl-nav a.owl-play:before{content:'';position:absolute;display:inline-block;width:30px;height:30px;background:url('../img/ir.png') no-repeat -292px -41px; z-index:50}
.main_visual .owl-nav a.owl-play:before{background-position:-323px -40px}

.main_visual .owl-item .textbox_wrap:before{width:0; opacity:0;transition:width 0.6s 0.3s cubic-bezier(.39,0,.12,.99);}
.main_visual .owl-item .textbox {transform:translate(0, 60px); opacity:0; transition:all 0.6s 0.5s;}
.main_visual .owl-item.active .item:before{animation:animate_background 6s ease;}
.main_visual .owl-item.active .textbox_wrap:before{width:50%; opacity:1;}
.main_visual .owl-item.active .textbox{transform:translate(0, 0); opacity:1;transition-delay:1s}

/* section01 */
.section01{min-width:1240px;padding:80px 0;background:url('../img/main/bg_main_course.jpg') center center no-repeat #263b93;background-size:cover}
.section01 .tit_box{position:absolute;left:0;top:0;color:#fff;}
.section01 .tit_box h2{font-size:2.125em;font-weight:500;margin:10px 0 84px}
.section01 .tit_box .more{position:relative;width:200px;padding:0 0 10px;z-index:50}
.section01 .tit_box .more:before{content:'';position:absolute;bottom:0;width:100%;height:1px;background:#fff}
.section01 .tit_box .more:after{content:'';position:absolute;bottom:-2px;right:6px;width:1px;height:18px;background:#fff;transform:rotate(-45deg)}

.course_sd {min-width:1240px;padding-left:310px;height:180px;overflow:hidden}
.course_sd .item{padding-left:140px;max-height:180px;background:url('../img/main/sd_course01.jpg') 0 0 no-repeat #fff}
.course_sd .item.item_02{background:url('../img/main/sd_course02.jpg') 0 0 no-repeat #fff}
.course_sd .item.item_03{background:url('../img/main/sd_course03.jpg') 0 0 no-repeat #fff}
.course_sd .item.item_04{background:url('../img/main/sd_course04.jpg') 0 0 no-repeat #fff}
.course_sd .item.item_05{background:url('../img/main/sd_course05.jpg') 0 0 no-repeat #fff}
.course_sd .item .text_box{padding:30px}
.course_sd .item .text_box .t_s,.course_sd .item .text_box ul{font-size:0.875em}
.course_sd .item .text_box .text_big{margin:8px 0 16px;font-size:1.5em}
.course_sd .item .text_box ul li{position:relative;padding-left:8px;margin-bottom:5px}
.course_sd .item .text_box ul li:before{content:'';position:absolute;top:7px;left:0;width:3px;height:3px;background:#aaa;border-radius:50%;}

.course_sd .owl-nav a{position:absolute;width:38px;height:38px;top:70px;background:url('../img/ir.png') no-repeat -410px -83px rgba(0,0,0,.7)}
.course_sd .owl-nav a.owl-prev{left:310px}
.course_sd .owl-nav a.owl-next{right:0;background-position:-449px -83px}
.course_sd .owl-nav a.owl-stop,.course_sd .owl-nav a.owl-play{top:100px;left:0;height:24px;background-position:-346px -42px;z-index:60}
.course_sd .owl-nav a.owl-play{background-position:-370px -42px;}


/* section02 */
.section02{min-width:1240px;position:relative;background:#eee;padding:80px 0;border-bottom:1px solid #ddd;overflow:hidden}
.section02:before{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:#fff;}
.section02 .notice_zone > div{position:relative;float:left;width:50%}
.section02 .notice_zone > div h2{margin-bottom:40px;font-size:1.875em;font-weight:500}
.section02 .notice_wrap{padding-right:60px;}
.section02 .notice_wrap ul li{position:relative;padding-left:16px;padding-bottom:26px;}
.section02 .notice_wrap ul li:before{content:'';position:absolute;top:10px;left:0;display:block;width:3px;height:3px;border-radius:50%;background:#888}
.section02 .notice_wrap ul li a{position:relative;display:block;color:#444;font-size:1.125em;}
.section02 .notice_wrap ul li .date_fr{position:absolute;right:0;top:0;color:#888}
.section02 .notice_wrap ul li a:hover{text-decoration:underline;color:#20389a}

.section02 .more{position:absolute;top:0px;right:0;display:inline-block;padding:8px 20px;border:1px solid #ddd;border-radius:4px;font-size:0.875em}
.section02 .more:hover,.section02 .more:focus{background:#20389a;color:#fff;border-color:#20389a}
.section02 .notice_wrap .more{right:60px}

.section02 .video_wrap{padding-left:60px;}
.section02 .video_wrap .video:before{content:'';position:absolute;display:inline-block;bottom:-30px;right:-176px;width:230px;height:157px;background:url('../img/main/video_ico.png') 0 0 no-repeat}
.section02 .video_wrap iframe{width:100% !important;height:270px;border:0}

/* banner_zone */
.banner_zone {padding:50px 0;}
.banner_zone .title{margin-bottom:20px;font-size:1.250em;font-weight:500}
.banner_sd {height:64px;}
.banner_sd .owl-item > div{border:1px solid #eee;text-align:center}
.banner_sd .owl-item > div:hover{border:1px solid #000}
.banner_sd .owl-item  img{max-width:100%;}

.banner_sd .owl-nav{position:absolute;right:0;top:-56px;}
.banner_sd .owl-nav a{width:32px;height:32px;background:url('../img/ir.png') no-repeat -490px -83px #eee;margin-left:1px}
.banner_sd .owl-nav a.owl-next{background-position:-557px -83px}
.banner_sd .owl-nav a.owl-stop{background-position:-524px -82px}
.banner_sd .owl-nav a.owl-play{background-position:-319px -37px}

/* bottom_banner */
.bottom_banner{min-width:1240px;}
.bottom_banner li{position:relative;float:left;display:block;width:25%;height:310px;overflow:hidden;background:#151a1f;}
.bottom_banner li:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url('../img/main/bg_bottomlink01.jpg') center center no-repeat;background-size:cover;opacity:0.3}
.bottom_banner li:nth-child(2):before{background:url('../img/main/bg_bottomlink02.jpg') center center no-repeat;}
.bottom_banner li:nth-child(3):before{background:url('../img/main/bg_bottomlink03.jpg') center center no-repeat;}
.bottom_banner li:nth-child(4):before{background:url('../img/main/bg_bottomlink04.jpg') center center no-repeat;}
.bottom_banner li a{position:relative;display:block;height:100%;padding:130px 0 0;color:#fff;opacity:.99;z-index:5}
.bottom_banner li a p.tit_big{font-size:1.688em;}
.bottom_banner li a p.more{margin-top:22px;opacity:.7}

.bottom_banner li:hover:after,.bottom_banner li a:hover:after{display:inline-block}
.bottom_banner li:after{content:'';display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#20389a;opacity:.7;z-index:1}
.bottom_banner li a:after{content:'';display:inline-block;width:52px;height:52px;margin-top:16px;background:url('../img/ir.png') no-repeat -535px -131px;display:none;}
.bottom_banner li a:hover{padding-top:90px}

.r_wing_banner{display:none;position:fixed;top:180px;right:0px;z-index:300;border-radius:20px;box-shadow:5px 5px 5px 0px rgba(0,0,0,.5)}
.r_wing_banner img{border-radius:20px 0 0 20px;}