@charset "utf-8";
@font-face {
    font-family: 'GangwonEducationTteontteon';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
.main_visual .owl-carousel .item .txtBox .tit,
.edu_zone li a{font-family: 'GangwonEducationTteontteon';}

div{ box-sizing: border-box;}
button { margin:0; padding:0; border:0; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
#container { background:none; padding-top:0;}
#wrap { background:none; width:100%; padding-top:100px;}

/* font */
.main_visual, .sec01, .sec02, .sec03{font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', '돋움', sans-serif;}

/****** owl-theme  ******/
.owl-theme .item a{display:block;position:relative;width: 100%;height: 100%;}
.owl-theme .item a:focus:before{ opacity:1;}
.owl-theme .ctrl-nav .owl-prev,
.owl-theme .ctrl-nav .owl-next{position: absolute;top: 50%;width: 35px;height: 35px;cursor:pointer;overflow: hidden;margin-top: -17.5px;background-color: rgba(0,0,0,0.3);z-index: 3;opacity:0.7;}
.owl-theme .ctrl-nav .owl-prev{left: 0;background: url('../images/main2021/btn_prev.png') no-repeat 50% 50%;}
.owl-theme .ctrl-nav .owl-next{right: 0;background: url('../images/main2021/btn_next.png') no-repeat 50% 50%;}
.owl-theme .ctrl-nav .owl-prev span,
.owl-theme .ctrl-nav .owl-next span{font-size: 0;background: transparent;}
.owl-theme .ctrl-nav .owl-prev:focus,
.owl-theme .ctrl-nav .owl-next:focus,
.owl-theme .ctrl-nav .owl-prev:hover,
.owl-theme .ctrl-nav .owl-next:hover{ opacity:1; }
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .dataCtrl{ position:absolute; font-size:0;z-index: 9; }
.owl-theme .dataCtrl .dataDots{float:left;font-size:0;}
.owl-theme .dataCtrl .dataDots button{float:left;margin: 0 3px;display: block;text-indent: -9999px;border: 1px solid #fff;background:rgba(255,255,255,0.5) !important;border-radius: 50%;width: 12px;height: 12px;position: relative;}
.owl-theme .dataCtrl .dataDots button:hover,
.owl-theme .dataCtrl .dataDots button.active{border-color: #fff; background-color:#fff !important;}
.owl-theme .dataCtrl .dataAuto{float:left;position: relative;}
.owl-theme .dataCtrl .dataAuto .btn.play,
.owl-theme .dataCtrl .dataAuto .btn.stop{position:absolute;left: 0;top: 0;width: 12px;height: 12px;text-align: center;opacity: 0.7;}
.owl-theme .dataCtrl .dataAuto .btn.play{display:none; background: url('../images/main2026/ico_play_w.svg') no-repeat 50% 50%;}
.owl-theme .dataCtrl .dataAuto .btn.stop{background: url('../images/main2026/ico_stop_w.svg') no-repeat 50% 50%;}
.owl-theme .dataCtrl .dataAuto .btn.play:focus,
.owl-theme .dataCtrl .dataAuto .btn.stop:focus,
.owl-theme .dataCtrl .dataAuto .btn.play:hover,
.owl-theme .dataCtrl .dataAuto .btn.stop:hover{ opacity: 1;}

/* main_visual */
.main_visual {position:relative;box-sizing: border-box;width:100%;overflow:hidden;height: 670px; z-index: 1; font-size:16px;}
.main_visual .owl-carousel .item{ height:670px; position: relative;width:100%; background-repeat: no-repeat; background-size:cover; background-position: 50% 0%; }
.main_visual .owl-carousel .item .innerWrap{z-index: 1;}
.main_visual .owl-carousel .item.vi01{background-color:#acd8e1;}
.main_visual .owl-carousel .item.vi02{background-color:#f1e0d0;}
.main_visual .owl-carousel .item.vi03{background-color:#d6f1d0;}
.main_visual .owl-carousel .item .txtBox{float:left;padding-top: 95px;z-index: 1;opacity: 0;-webkit-transition: 0.8s;transition: 0.8s;margin-bottom: 30px;}
.main_visual .owl-carousel .item .picBox{/*position: absolute; right:0; top:0;*/z-index: -1;opacity: 0;-webkit-transition: 0.8s;transition: 0.8s;max-width:515px;}
.main_visual .owl-carousel .item .txtBox .tit {color:#000;display: block;font-weight:700;font-size: 3em;line-height: 1.1em;margin-bottom: 10px;letter-spacing: -0.03em;}
.main_visual .owl-carousel .item .txtBox .desc{font-size: 1.125em;font-weight: 500;letter-spacing: -0.05em;color: #424242;}
.main_visual .owl-carousel .item a:hover,
.main_visual .owl-carousel .item a:focus,
.main_visual .owl-carousel .item a:active{ text-decoration: none;}
.main_visual .owl-carousel .active .item .txtBox,
.main_visual .owl-carousel .active .item .picBox{ opacity: 1;}
.main_visual .dataCtrl{width: 1020px;margin-left: -510px;left: 50%;/* bottom: 105px; */top: 290px;}
.main_visual .owl-theme .ctrl-nav{width: 960px;top:50%;position: absolute;left: 50%;margin-left: -480px; opacity: 0;}
.main_visual .owl-theme .ctrl-nav button{width: 20px;height: 20px;transition: all .3s ease;position: absolute; }
.main_visual .owl-theme .ctrl-nav .owl-prev{left:-40px;}
.main_visual .owl-theme .ctrl-nav .owl-next{ right:-40px;}
.main_visual:hover .owl-theme .ctrl-nav{ opacity:1;}
.main_visual .owl-theme .dataCtrl .dataAuto{width: 15px;height: 15px;}
.main_visual .owl-theme .dataCtrl .dataAuto .btn.play, 
.main_visual .owl-theme .dataCtrl .dataAuto .btn.stop{width: 100%;height: 100%; border-radius:20px;}
.main_visual .dataCtrl .dataDots{margin: 2px 0 0 0px;}


/* sec */
.sec01, .sec02, .sec03{font-size: 16px;margin: 0px 0 30px 0;z-index: 2;position: relative;}

/* moreBn */
.tit_area{position:relative;margin-bottom: 15px;}
.tit_area a{display:block;}
.tit_area .moreBn{position:absolute;right:0;top: 7px;}
.moreBn em{position: relative;display: block;height: 19px;width:19px;font-size: 0;}
.moreBn em:before,
.moreBn em:after{content:'';display:block;background: #bdbdba;width:100%; height:3px;position:absolute;top:50%;right:0;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.moreBn em:before{transform: rotate( 90deg );margin-top: -2px;}
.moreBn em:after{margin-top: -2px;}
.tit_area a:hover .moreBn em:before, .moreBn a:focus .moreBn em:before,
.moreBn:hover em:before, .moreBn:focus em:before{transform: rotate( 45deg );width: 70%;margin: -8px 3px 0 0;}
.tit_area a:hover .moreBn em:after, .tit_area a:focus .moreBn em:after,
.moreBn:hover em:after, .moreBn:focus em:after{transform: rotate( -45deg );width: 70%;margin: 0 3px -8px 0;}

/* edu_zone */
.sec01{margin:0}
.edu_zone{position: absolute;/* margin-top: -75px; */z-index: 10;width: 435px;right: 0;top: 60px;}
.edu_zone ul{background:#fff;border-radius: 20px 65px 20px 20px;overflow: hidden;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.15);padding: 60px 25px;display: flex;justify-content: center;flex-wrap: wrap;gap: 50px 0;}
.edu_zone li{/* float:left; *//* width: 12.5%; */width: calc(50% - 1px);}
.edu_zone li:nth-child(odd){ border-right:1px solid #ddd;}
.edu_zone li a{display: flex;justify-content: center;text-align: center;width:100%;color: #7d7d7d;}
.edu_zone li a span{/* display: table-cell; *//* vertical-align: middle; */line-height: 1.1em;color: #7d7d7d;font-size: 1.125em;letter-spacing: -0.06em;font-weight: 500;}
.edu_zone li a span:before{content:'';display: block;margin: 0 auto;width: 80px;height: 80px;background-repeat: no-repeat;background-position: 50% 0;margin-bottom: 10px;}
.edu_zone li a span.ico01:before{ background-image: url('../images/main2026/edu_ico01.png');}
.edu_zone li a span.ico02:before{ background-image: url('../images/main2026/edu_ico02.png');}
.edu_zone li a span.ico03:before{ background-image: url('../images/main2026/edu_ico03.png');}
.edu_zone li a span.ico04:before{ background-image: url('../images/main2026/edu_ico04.png');}
.edu_zone li a span.ico05:before{ background-image: url('../images/main2026/edu_ico05.png');}
.edu_zone li a span.ico06:before{ background-image: url('../images/main2026/edu_ico06.png');}
.edu_zone li a span.ico07:before{ background-image: url('../images/main2026/edu_ico07.png');}
.edu_zone li a span.ico08:before{ background-image: url('../images/main2026/edu_ico08.png');}
.edu_zone li a span.ico09:before{ background-image: url('../images/main2026/edu_ico09.png');}
.edu_zone li a span.ico10:before{ background-image: url('../images/main2026/edu_ico10.png');}
.edu_zone li a:hover span, .edu_zone li a:focus span{ color:#000; text-decoration:underline;}

/* news_zone */
.sec02{overflow:hidden;margin-top: 30px;}
.sec02 > div{  min-height: 280px;}
.news_zone{ border:1px solid #ddd; width:635px; float:left; border-radius: 20px 60px 20px 20px; padding: 30px;} 
.news_zone .tit_area a{ display: block;}
.news_zone .tit_area .tit{ font-size:1.25em; color:#000; font-weight:700;}
.news_zone .tit_area .moreBn{}
.news_zone .tit_area .moreBn em{}
.news_list{overflow:hidden;}
.news_list li{ position: relative;}
.news_list li a{display:block; overflow: hidden; padding-left:10px;}
.news_list li a:before{content:''; display:block; position:absolute; left:0; top:15px; background:#2fa24d; width:3px; height:3px;}
.news_list li a .tit{color:#373737;float:left;max-width: 77%;line-height: 35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news_list li a .date{color:#7e7e7e;font-size: 0.88em;float:right;line-height: 35px;}
.news_list li a .newImg{margin: 13px 0 0 5px;display: inline-block;vertical-align: middle;}
.news_list li a:hover .tit,
.news_list li a:focus .tit,
.news_list li a:active .tit{text-decoration:underline;}

/* quick_zone */
.quick_zone{ background:#2fa24d; width:345px; float:right; border-radius: 20px 60px 20px 20px; padding: 15px 30px;} 
.quick_zone li{}
.quick_zone li a{display: block;color:#fff;padding: 15px 0;border-bottom: 1px solid #82c794; position: relative;}
.quick_zone li:last-child a{border:0;}
.quick_zone li .tit{font-weight: 700;font-size: 1.25em;}
.quick_zone li .desc{font-size:0.88em}
.quick_zone li a:after{ content:''; display: block; position: absolute; right: 0; top:10px; width:60px; height: 60px; background: url('../images/main2021/quick_ico01.png') no-repeat 50% 50%; border-radius: 50%; -webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.quick_zone li:nth-child(2) a:after{ background-image:url('../images/main2021/quick_ico02.png');}
.quick_zone li:nth-child(3) a:after{ background-image:url('../images/main2021/quick_ico03.png');}
.quick_zone li:hover a:after, .quick_zone li:focus a:after{background-color:#fff; }

/* photo_zone */
.sec03{margin-bottom: 40px;}
.photo_zone{  border:1px solid #ddd; border-radius: 20px; overflow: hidden; padding: 30px;}
.photo_zone .tit_area{ float: left;}
.photo_zone .tit_area a{ display: block;}
.photo_zone .tit_area .tit{ color: #72980d; font-size: 35px; line-height: 1em; font-weight: 700;}
.photo_zone .tit_area .tit span{ color:#0d6c26; display: block;}
.photo_zone .tit_area .desc{font-size: 1em;line-height: 1.2em;font-weight: 500;color:#343434;margin-top: 10px;}
.photo_zone .tit_area .moreBn{ top:inherit; right:inherit; left: 0; bottom:-30px;}
.photo_zone .tit_area .ctrl-nav{clear:both;position: relative;margin-top: 15px;}
.photo_zone.owl-theme .ctrl-nav .owl-prev, .photo_zone.owl-theme .ctrl-nav .owl-next{top:0;margin: 0 5px 0 0;position: relative;left: inherit;right: inherit;border-radius: 50px;border: 1px solid #d5d5d5;}
.photo_zone.owl-theme .ctrl-nav .owl-prev{ background-image: url('../images/main2021/btn_prev2.png');}
.photo_zone.owl-theme .ctrl-nav .owl-next{ background-image: url('../images/main2021/btn_next2.png');}

.photo_zone .datalist{ float:right; width:740px;}
.photo_zone .datalist .pic{ overflow: hidden; margin-bottom: 10px; height: 125px;}
.photo_zone .datalist .pic img{ width: 100%; height: 100%; display: block;}
.photo_zone .datalist .tit{ font-size: 0.95em; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; display: inline-block; float: left; max-width: 90%;}
.photo_zone .datalist .newImg{margin: 7px 0 0 5px;display: inline-block;vertical-align: middle;}

.photo_zone .datalist .item:hover, .photo_zone .datalist .item:focus{cursor: move;}