@charset "utf-8";
a, li, span, b, strong, h1, h2, h3, p{font-family:'ptd','nsr', sans-serif}
@media(max-width:640px){
    .layout{width:100%;}
}
.ir-main{display:inline-block;background:url(/images/kor/main/ir-main.png) no-repeat;vertical-align:middle}
#lang{margin-right:120px;}
#sitelink #site_search{right:140px;}
@media(max-width:1300px){
    #sitelink #site_search{margin-right:100px;}
    #lang{margin:0;}
}
#mcontainer{position: relative;margin-top:-66px; background: #ffffff;}

/* 241018 스크롤바 디자인입니당 */

::-webkit-scrollbar{width: 15px;}
::-webkit-scrollbar-track{background-color: #fff;}
::-webkit-scrollbar-thumb{background-color: #005caa; border-radius: 15px;}
::-webkit-scrollbar-button{display: none;}

::-webkit-scrollbar-thumb:hover{background-color: #003d6f; transition: all 0.2s;}

/* 241018 스크롤바 디자인입니당 */

#mshowcase{position:relative;width:100%;height:100%; top:66px;}
#mshowcase #visual{width:100%;height:100%;}
#mshowcase #visual .video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
#visual .visual_txt .metaphor{display:block;width:65px;height:65px;border:5px solid #fff;border-radius:0 10px 0 10px;margin:0 auto;}
#mcontwrap{position:relative; top:66px;}
#mcontwrap #mcolumn{position:relative;background:url(/images/kor/main/mcont_bg2.png) no-repeat 50% 0px;z-index:10;background-size:auto 82% }
#mshowcase {z-index:9}
#visual .grap {position:absolute; top:0; left:0;right:0; width:100%; height:100%; overflow:hidden;}
#visual .grap .obj {position:absolute;top:0;left:0;right:0; z-index:12; }
#visual .grap .obj .item {display:none; position:absolute; top:0; left:0;right:0;width:100%;height:806px; overflow:hidden;transition: all 1s ease 1s;-webkit-transition: all 1s ease 1s;}
#visual .grap .obj .item .mv-img {position:absolute;z-index:1;top:0;left:0;right:0; width:100%; height:100%;}
#visual .grap .obj .item .mv-img img{display:none;max-width:none;width:100%}
#visual .grap .obj .item:first-child .mv-img{display:block;}
#visual .grap .obj .mvisual-01 .mv-img{background:url(/images/kor/main/mvisual_230602_1.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-02 .mv-img{background:url(/images/kor/main/mvisual_230602_1.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-03 .mv-img{background:url(/images/kor/main/mvisual_230602_2.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-04 .mv-img{background:url(/images/kor/main/mvisual_230602_2.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-05 .mv-img{background:url(/images/kor/main/mvisual_230602_3.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-06 .mv-img{background:url(/images/kor/main/mvisual_230602_3.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-07 .mv-img{background:url(/images/kor/main/mvisual_230602_4.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-08 .mv-img{background:url(/images/kor/main/mvisual_230602_4.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-09 .mv-img{background:url(/images/kor/main/mvisual_230602_5.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-10 .mv-img{background:url(/images/kor/main/mvisual_230602_5.webp) no-repeat 50% 50%;background-size:cover;}

#visual .grap .obj .mvisual-01 .mv-img{background:url(/images/kor/main/mvisual_230602_1.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-02 .mv-img{background:url(/images/kor/main/mvisual_230602_1.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-03 .mv-img{background:url(/images/kor/main/mvisual_230602_2.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-04 .mv-img{background:url(/images/kor/main/mvisual_230602_2.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-05 .mv-img{background:url(/images/kor/main/mvisual_230602_3.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-06 .mv-img{background:url(/images/kor/main/mvisual_230602_3.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-07 .mv-img{background:url(/images/kor/main/mvisual_230602_4.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-08 .mv-img{background:url(/images/kor/main/mvisual_230602_4.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-09 .mv-img{background:url(/images/kor/main/mvisual_230602_5.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-10 .mv-img{background:url(/images/kor/main/mvisual_230602_5.jpg) no-repeat 50% 50%;background-size:cover;}


/* 230905 메인 동영상 */

video {width: 100%; height: 100%; object-fit: cover;}

/* 230905 메인 동영상 */






@-webkit-keyframes circle-slide-zoom-development {
0% {transform: scale(1, 1);}
100% {transform: scale(1.1, 1.1);}
}
@keyframes circle-slide-zoom-development {
 0% {transform: scale(1, 1);}
 100% {transform: scale(1.1, 1.1);}
 }
 @keyframes fade-in {
  from, to {
    background-size: 100%;
    opacity: 0;
  }
  33%, 50% {
    background-size: 110%;
    opacity: 1;
  }
}
/*------------------------------ 2022학년도 홈페이지 리뉴얼 작업자:KMH----------------------------*/
.contents_title{display:block; width:1240px; height:160px; margin:auto; border-bottom: 1px solid #000000;}
.contents_title_main{display:inline-block; font-weight: 900; font-size: 42px; line-height: 50px; letter-spacing: 0.01em; color: #001D85; margin-right:30px; margin-top:90px;}
.contents_title_sub{display:inline-block; font-weight: 100; font-size: 20px; line-height: 24px; letter-spacing: 0.01em; color: #000000; margin-top:111px;}
.contents_more{display: inline-block; width:128px; float:right; height:26px;  margin-top:112px;}
.contents_ a img{width:100%;}

.contents_more img{-webkit-transition: all 0.4s;transition: all 0.4s;}
.contents_more img:hover,
.contents_more img:focus{-webkit-transform: scale(1.1) rotate(0.002deg);transform: scale(1.1) rotate(0.002deg);}

.contents_title_pc{display:block; width:1240px; height:160px; margin:auto; border-bottom: 1px solid #000000;}
.contents_title_main_pc{display:inline-block; font-weight: 900; font-size: 42px; line-height: 50px; letter-spacing: 0.01em; color: #001D85; margin-right:30px; margin-top:90px;}
.contents_title_sub_pc{display:inline-block; font-weight: 100; font-size: 20px; line-height: 24px; letter-spacing: 0.01em; color: #000000; margin-top:111px;}
.contents_more_pc{display: inline-block; width:128px; float:right; height:26px;  margin-top:112px;}
.contents_ a img{width:100%;}

.contents_more_pc img{-webkit-transition: all 0.4s;transition: all 0.4s;}
.contents_more_pc img:hover,
.contents_more_pc img:focus{-webkit-transform: scale(1.1) rotate(0.002deg);transform: scale(1.1) rotate(0.002deg);}

#News {position:relative; width:100%; height:1280px; background:#ffffff;}
#slide_news {display: none;}

#News .mnews {display:flex; justify-content: space-between; position:relative;width:1238px; height:612px; margin:auto; margin-top:70px;}
#News .mnews2 {display:flex; justify-content: space-between; position:relative;width:1238px; height:323px; margin:auto; margin-top:70px;}
#News .mnews .article {float:left; width:380px; height:613px; filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.25));}
#News .mnews2 .article{float:left; width:380px; height:323px; filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.25));}
#News .mnews .article a {display:block;width:142px;height:42px; margin-top:40px; margin-right:158px; background-image:url( "/images/kor/main/readmore_01.png" );}
#News .mnews2 .article a{display:block;width:142px;height:42px; margin-top:-10px; margin-right:158px;}

#News .mnews .article a, #News .mnews2 .article a{-webkit-transition: all 0.4s;transition: all 0.4s;}
#News .mnews .article a:hover,
#News .mnews .article a:focus,
#News .mnews2 .article a:hover,
#News .mnews2 .article a:focus{-webkit-transform: scale(1.1) rotate(0.002deg);transform: scale(1.1) rotate(0.002deg);}

#News .mnews .article a:hover .txtbox p, #News .mnews .article a:focus .txtbox p, #News .mnews .article a:active .txtbox p
#News .mnews2 .article a:hover .subtxtbox p, #News .mnews2 .article a:focus .subtxtbox p, #News .mnews2 .article a:active .subtxtbox p{text-decoration:underline;}
#News .mnews .article .thumbox {border-left: 1px solid #fff;width:380px;height:314px;overflow:hidden; background-color:#cbd1d8;}
#News .mnews2 .article .thumbox{border-left: 1px solid #fff;width:380px;height:212px;overflow:hidden; background-color:#cbd1d8;}
#News .mnews .article .thumbox picture, #News .mnews2 .article .thumbox picture{width:200%;height:100%;text-align:center}
#News .mnews .article .thumbox picture img, #News .mnews2 .article .thumbox picture img{height:100%;max-width:none}
#News .mnews .article .txtbox {position:relative; width:380px; height:299px;padding:40px 40px;background-color:#FBFBFB;}
#News .mnews2 .article .subtxtbox {position:relative; width:380px; height:143px; padding:40px 40px;background-color:#FBFBFB;}
#News .mnews .article .txtbox b, #News .mnews2 .article .subtxtbox b{display:block;word-wrap:break-word;word-break:keep-all;width:300px; height:85px;font-size:18px;color:#323232;line-height:29px;letter-spacing:0.01em;overflow:hidden}
#News .mnews .article .txtbox .writer, #News .mnews2 .article .subtxtbox .writer{display:block;font-size:15px;color:#333;padding:18px 0 2px 0}
#News .mnews .article .txtbox .date, #News .mnews2 .article .subtxtbox .date{display:block;font-size:12px;color:#555;padding-bottom:20px}
#News .mnews .article .txtbox p, #News .mnews2 .article .subtxtbox p{width:303px; height:66px;font-size:16px; line-height:24px; color:#525252; letter-spacing:0.03em; overflow:hidden}
#News .mnews .article .box.box1, #News .mnews2 .article .box.box1{height:208px;padding:25px 35px;background-color:#26aaef;}
#News .mnews .article .box.box1 strong, #News .mnews2 .article .box.box1 strong{font-size:37px;color:#fff;line-height:40px;letter-spacing:-1px;word-wrap:break-word;word-break:keep-all;}
#News .mnews .article .box.box1 p, #News .mnews2 .article .box.box1 p{padding-top:14px;color:#fff;font-size:15px;word-wrap:break-word;word-break:keep-all; line-height: 1.2;}
#News .mnews .article .box.box2, #News .mnews2 .article .box.box2{height:210px;padding:50px 45px;background-color:#fff;}
#News .mnews .article .box.box2 a, #News .mnews2 .article .box.box2 a{display:block;width:100%;height:100%}
#News .mnews .article .box.box2 a p, #News .mnews2 .article .box.box2 a p{font-size:16px;color:#000;font-weight:600;line-height:24px;word-wrap:break-word;word-break:keep-all;}
#News .mnews .article .box.box2 a p:after, #News .mnews2 .article .box.box2 a p:after{content:"";display:block;width:37px;height:37px;background:url(/images/kor/main/ir-main.png) no-repeat;background-position:-104px 0;margin-top:20px;}

#Story {position:relative; width:100%; height:1370px; background:url(/images/kor/main/story_bg.png) no-repeat; background-size: cover;}
#Story .Story_title{display:block; width:1240px; height:160px; margin:auto; border-bottom: 1px solid #000000;}
#Story .Story_title .Story_main_title{display:inline-block; font-weight: 900; font-size: 42px; line-height: 50px; letter-spacing: 0.01em; color: #001D85; margin-right:30px; margin-top:90px;}
#Story .Story_title .Story_sub_title{display:inline-block; font-weight: 100; font-size: 20px; line-height: 24px; letter-spacing: 0.01em; color: #000000; margin-top:111px;}
#Story .Story_title .Story_more{display: inline-block; width:128px; float:right; height:26px;  margin-top:112px;}
#Story .Story_title .Story_more a img{width:100%;}

#Story .Story_contents_box .content .text .story_btn_main{margin-left:75px; width:150px; height:45px; margin-top:10px;}

#Story .Story_contents_box .content .text .story_btn_main{-webkit-transition: all 0.4s;transition: all 0.4s;}
#Story .Story_contents_box .content .text .story_btn_main:hover,
#Story .Story_contents_box .content .text .story_btn_main:focus{-webkit-transform: scale(1.1) rotate(0.002deg);transform: scale(1.1) rotate(0.002deg);}

#Story .Story_contents_box .content .text .story_btn{margin-top:12px; float:right; width:120px; height:36px;}

#Story .Story_contents_box .content .text .story_btn{-webkit-transition: all 0.4s;transition: all 0.4s;}
#Story .Story_contents_box .content .text .story_btn:hover,
#Story .Story_contents_box .content .text .story_btn:focus{-webkit-transform: scale(1.1) rotate(0.002deg);transform: scale(1.1) rotate(0.002deg);}

#Story .Story_contents_box {display:flex; width:1240px; margin:auto; flex-wrap:wrap;  justify-content: space-between;}
#Story .content {display:inline-block; margin-top:40px;}
#Story .content img{filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.25));}

#Story .Story_contents_box .content .c01{display:flex; width: 1240px; height: 463px;}
#Story .Story_contents_box .content .c01 picture{ width: 624px; height: 508px;}
#Story .Story_contents_box .content .c01  .text{display:block;}
#Story .Story_contents_box .content .c01  .text .title_main{display:inline-block; margin-top:15px; width:538px; height:109px; margin-left:78px; font-weight: 700; font-size: 37px; line-height: 57px; letter-spacing: 0.01em; color: #000;}
#Story .Story_contents_box .content .c01  .text .sub_title_main{display:inline-block; margin-top:0px;  width:538px; height:45px; margin-left:78px; border-bottom: 1px solid #aeaeae; font-weight:700; font-size:24px; line-height:29px; letter-spacing:0.01em; color:#545454; }
#Story .Story_contents_box .content .c01  .text .main_text_main{display:inline-block; margin-top:12px; width:538px; height:124px; margin-left:78px; font-weight:500; font-size:16px; line-height:24px; letter-spacing:0.03em; color:#030303;}

#Story .Story_contents_box .content picture{width: 220px; height: 220px;}
#Story .Story_contents_box .text{display:inline-block; width:330px; height:220px;}
#Story .Story_contents_box .text .title{display:inline-block; text-align: right; width:330px; height:68px; margin-top:5px; margin-left: 15px;  font-weight: 700; font-size: 22px; line-height:28px; letter-spacing: 0.02em; color: #000;}
#Story .Story_contents_box .sub_title{display:inline-block; text-align: right;  width:330px; height:35px; margin-top:20px; margin-left: 15px;  border-bottom: 1px solid #aeaeae; font-weight:600; font-size:16px; line-height:29px; letter-spacing:0.01em; color:#545454; }

#Story .Story_contents_box .content .c02{display:flex; justify-content: space-between; width: 600px; height: 220px;}
#Story .Story_contents_box .content .c03{display:flex; justify-content: space-between; width: 600px; height: 220px;}
#Story .Story_contents_box .content .c04{display:flex; justify-content: space-between; width: 600px; height: 220px;}
#Story .Story_contents_box .content .c05{display:flex; justify-content: space-between;width: 600px; height: 220px;}

/* 캘린더 241010 */

.calender_main_pc{position: relative; height: 187px; border-top: 7px solid #4f6797; /* border-bottom: 7px solid #4f6797; */ background: url(/images/kor/main/calender_bg.png) center top no-repeat; background-size: cover;  margin-top: 40px; margin-bottom: 10px; filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.25));}
/* .calender_main:before{content: ""; display: block; position: absolute; left: 0; top: 46px; width: 100%; height: 1px; background: #363773;} */
.cal_area_pc{position: relative; width: 100%; max-width: 1760px; height: 180px; margin: 0 auto; padding: 0 40px; border-top: 4px solid #fff;}
.cal_detail_pc{display: inline-block; width: 100%; height: 150px;}

.cal_detail_pc ul{position: relative; overflow: hidden; float: right; width: calc(100% - 1px); height: 180px; top: -13px; list-style: none; padding: 0;}
.cal_detail_pc ul li{position: relative; float: left; width: calc(100% / 1); text-align: center; padding: 45px 10px; box-sizing: border-box;}
.cal_detail_pc ul li:before{content: ""; position: absolute; top: 28px; left: calc(50% - 6px); width: 10px; height: 10px; background: #fff; vertical-align: middle; transition: none;}

.cal_detail_pc ul{list-style: none; padding: 0;}
.cal_detail_pc li{position: relative; margin: 10px 0;cursor: pointer;}

.cal_detail_pc a{text-decoration: none; color: inherit; display: inline-block; }
.cal_detail_pc a p{position: relative; display: inline-block;}
.cal_detail_pc a p::after{content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #fff; transition: width 0.4s ease, left 0.4s ease; }
.cal_detail_pc li:hover a p::after {width: 100%; left: 0;}

.cal_detail_pc .info b{display: inline-block; margin-bottom: 5px; font-size: 23px; color: #fff; vertical-align: middle;}
.cal_detail_pc .info p{display: block; font-size: 17px; color: #FFF;}

.highlight {
    animation: pulse 1.2s infinite;
  }

  @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
  }

/* 캘린더 241010 */

/* 캘린더 모바일 241010 PC에선 안 보이게끔 합니다 */

.contents_title_mo{display: none;}

.calender_main_mo{display: none;}

/* 캘린더 모바일 241010 PC에선 안 보이게끔 합니다 */

.notice{display:none;}

#slogan_box{position:relative; display:block; width:100%; height:100%; margin-top:-10px;}
#slogan_box img{width:100%; size:cover;}


#mnotice{position:relative;width:100%;height:735px;background-color:#bec4cc;}
#mnotice .mnotice_contents_box{display:block; width:1240px; height:506px; margin:auto;}
#mnotice .mnotice_contents01{display:inline-block; width:652px; height:420px; position:relative;}
#mnotice .mnotice_contents02{display:inline-block; width:510px; height:420px; margin-left:60px; position:absolute;}


#mnotice .News_title{display:block; width:1240px; height:160px; margin:auto; border-bottom: 1px solid #6b6b6b;}
#mnotice .News_title .News_main_title{display:inline-block; font-weight: 900; font-size: 42px; line-height: 50px; letter-spacing: 0.01em; color: #001D85; margin-right:30px; margin-top:90px;}
#mnotice .News_title .News_sub_title{display:inline-block; font-weight: 100; font-size: 20px; line-height: 24px; letter-spacing: 0.01em; color: #000; margin-top:111px;}
#mnotice .mnotice_contents_box{display:block; width:1240px; height:554px; margin:auto; margin-top:70px;}
#mnotice .mnotice_contents_box .tab{float:left;position:relative; margin-bottom:40px; margin-left:-30px;}
#mnotice .mnotice_contents_box .tab a{float:left;display:block;line-height:43px;font-size:36px; color:#969a9f;
                                      letter-spacing:0.01em; width: 186px; height:46px; font-weight: 900;
                                      margin-right: 3px;
                                      text-align: center;}
                                     
#mnotice .mnotice_contents_box .tab a:not(:last-child) {border-right: 1px solid rgb(0 0 0 / 20%);}
#mnotice .mnotice_contents_box .tab a:first-child::before{display:none}
#mnotice .mnotice_contents_box .tab a:hover,
#mnotice .mnotice_contents_box .tab a.ov{color:#000}
#mnotice .mnotice_contents_box .grap{clear:both;position:relative;width:650px;height:auto}
#mnotice .mnotice_contents_box .obj{position:absolute; left:0;width:651px;height:auto}
#mnotice .mnotice_contents_box .obj .mnotice_list{position:relative;width:100%;height:284px;overflow:hidden}
#mnotice .mnotice_contents_box .obj .mnotice_list li{text-align: right;line-height: 46px;border-bottom:0.1px solid #6b6b6b;font-size:15px;color:#000;}
#mnotice .mnotice_contents_box .obj .mnotice_list li.new{background:url(/images/kor/main/mnotice_new.png) no-repeat 5px 14px;}
#mnotice .mnotice_contents_box .obj .mnotice_list li a{width:75%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:45px; float:left;text-align:left;padding-left: 34px;color: #000;font-size:16px;font-weight:400;}
#mnotice .mnotice_contents_box .obj .mnotice_list li a:hover, #mnotice .obj .mnotice_list li a:focus, #mnotice .obj .mnotice_list li a:active{color:#faa61a;}
#mnotice .mnotice_contents_box .obj .more{position:absolute;top:-110px;right:0;width:37px;height:37px;background-position:0 0;font-size:0}
#mnotice .mnotice_contents_box .obj .more a{display:block;width:100%;height:100%;}

#mnotice .mnotice_contents_box .obj .smunotice_more{position:absolute; top:-76px; right:1px;}
#mnotice .mnotice_contents_box .obj .smunotice_more a{width:18px; height:18px; display:inline-block; font-size:0; background:url(/images/kor/main/more_icon.png) no-repeat 0 0; vertical-align:top;}
#mnotice .mnotice_contents_box .obj .smunotice_more a:hover{transition: all 300ms ease-out;transform: rotate(90deg);}

#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2{clear:both;position:relative;width:100%;height:365px;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .layout{height:100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .grap{position:relative;width:100%;height:100%; overflow:hidden;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1{position:relative;width:200%;height:100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item{display:block;float:left;width:14.8%;height:335px;margin-left: 2.8%;text-align:center;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item:first-child{margin-left:0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .inner{position:relative;width:540px; height:330px;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .inner:before{content:"";position:absolute;top:0;left:0;height:3px;width:100%; }
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item strong{display: block;margin: -37px 0 22px 0;text-align: center; font-weight: bold; font-size: 20px;color:#0052a4}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .graps{position: relative;width: 100%;height: 100%;overflow: hidden}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .objs{position: relative;width: 100%;height: 100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .objs .item_list{display: block;overflow: hidden; float: left;width:100%;height: 100%;text-align: center}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .objs .item_list a{display:block;height:100%;width:100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .objs .item_list .thum{width:100%; height: 200px; overflow: hidden; margin: 0 auto; margin-top:30px; text-align: center;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .objs .item_list .thum span > p:first-child{margin-left:0 !important;text-indent:0 !important;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .objs .item_list .thum img{display:inline-block;height:100%;max-width:100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .objs .item_list .text{display: block; overflow: hidden;width: 100%; height: 34px;margin-top:15px;line-height:1.8;font-size:18px;font-weight:bold;color:#000;white-space: nowrap;text-overflow: ellipsis}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .control{text-align:center}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .control .number button{display: inline-block;width: 15px; height: 11px;margin-left:4px; border-radius: 6px;vertical-align:middle; background:none; background-color: #969a9f; text-indent: -9999px;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .control .number button:first-child{margin-left:0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .control .number button.ov{background-color: #3f3f3f}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .control button{display:inline-block;width:25px;height:25px;margin-left:5px;background:url(/images/kor/main/play_ir.png) no-repeat;text-indent: -9999px;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .control button[data-control="play"]{display:none;background-position:0 0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj1 .item .control button[data-control="stop"]{background-position:-25px 0}

#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit{display:none}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit .number{position:absolute;top:-50px;left:50%;margin-left:-31px}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit .number button{display:inline-block;width:12px;height:12px;border-radius:50%;background:none;background-color:#949494;margin-right:10px;font-size:0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit .number button.ov{background-color:#0079f3;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit button{display:inline-block;width:36px;height:25px;background:url(/images/kor/main/ir-control.png) no-repeat;font-size:0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit button[data-control="prev"]{position:absolute;top:43%;left:30px;background-position:0 0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit button[data-control="next"]{position:absolute;top:43%;right:30px;background-position:-51px 0}

#Media {position:relative; width:100%; height:500px; }
#Media .Media_title{display:block; width:1240px; height:160px; margin:auto; border-bottom: 1px solid #000000;}
#Media .Media_title .Media_main_title{display:inline-block; font-weight: 900; font-size: 42px; line-height: 50px; letter-spacing: 0.01em; color: #001D85; margin-right:30px; margin-top:90px;}
#Media .Media_title .Media_sub_title{display:inline-block; font-weight: 100; font-size: 20px; line-height: 24px; letter-spacing: 0.01em; color: #000000; margin-top:111px;}

#Media .Media_title .sns_button_box{display:inline-block; width:210px; height:55px; float:right; margin-top: 90px;}

#Media .Media_title .sns_button_box .instagram picture{display:inline-block; width:50px; height:50px; margin-right:20px; transition: all ease 1s;}
#Media .Media_title .sns_button_box .blog picture{display:inline-block; width:50px; height:50px; margin-right:20px; transition: all ease 1s;}
#Media .Media_title .sns_button_box .facebook picture {display:inline-block; width:50px; height:50px; transition: all ease 1s;}

#Media .Media_title .sns_button_box .instagram picture:hover{transform: rotate( 360deg );}
#Media .Media_title .sns_button_box .blog picture:hover{transform: rotate( 360deg );}
#Media .Media_title .sns_button_box .facebook picture:hover{transform: rotate( 360deg );}

/* 이미지 확장자 webp 지원하는 브라우저 출력 (홈페이지 성능 위해 이미지 확장자 webp 적용할 것! */

#Media .contents_box{display:block; width:1240px; height:400px; margin:auto;  margin-top:50px; }

#Media .contents_box a .youtube_img1{display:inline-block; width:300px; height:169px; background: url(/images/kor/main/youtube_img1.webp) no-repeat center; background-size: cover; margin-right:9px; }
#Media .contents_box a .youtube_img1:hover{box-shadow: 0px 0px 20px rgb(0 0 0 / 30%); transition: all ease 0.3s; transform: scale(102%);}
#Media .contents_box a .youtube_img2{display:inline-block; width:300px; height:169px; background: url(/images/kor/main/youtube_img2.webp) no-repeat center; background-size: cover; margin-right:9px; }
#Media .contents_box a .youtube_img2:hover{box-shadow: 0px 0px 20px rgb(0 0 0 / 30%); transition: all ease 0.3s; transform: scale(102%);}
#Media .contents_box a .youtube_img3{display:inline-block; width:300px; height:169px; background: url(/images/kor/main/youtube_img3.webp) no-repeat center; background-size: cover; margin-right:9px; }
#Media .contents_box a .youtube_img3:hover{box-shadow: 0px 0px 20px rgb(0 0 0 / 30%); transition: all ease 0.3s; transform: scale(102%);}
#Media .contents_box a .youtube_img4{display:inline-block; width:300px; height:169px; background: url(/images/kor/main/youtube_img4.webp) no-repeat center; background-size: cover;}
#Media .contents_box a .youtube_img4:hover{box-shadow: 0px 0px 20px rgb(0 0 0 / 30%); transition: all ease 0.3s; transform: scale(102%);}

/* 이미지 확장자 webp 지원하지 않는 브라우저 출력 ex)엣지 */

#Media .no-webp_contents_box{display:block; width:1240px; height:400px; margin:auto;  margin-top:50px; }

#Media .no-webp_contents_box a .youtube_img1{display:inline-block; width:300px; height:169px; background: url(/images/kor/main/youtube_img1.png) no-repeat center; background-size: cover; margin-right:9px; }
#Media .no-webp_contents_box a .youtube_img1:hover{box-shadow: 0px 0px 20px rgb(0 0 0 / 30%); transition: all ease 0.3s; transform: scale(102%);}
#Media .no-webp_contents_box a .youtube_img2{display:inline-block; width:300px; height:169px; background: url(/images/kor/main/youtube_img2.png) no-repeat center; background-size: cover; margin-right:9px; }
#Media .no-webp_contents_box a .youtube_img2:hover{box-shadow: 0px 0px 20px rgb(0 0 0 / 30%); transition: all ease 0.3s; transform: scale(102%);}
#Media .no-webp_contents_box a .youtube_img3{display:inline-block; width:300px; height:169px; background: url(/images/kor/main/youtube_img3.png) no-repeat center; background-size: cover; margin-right:9px; }
#Media .no-webp_contents_box a .youtube_img3:hover{box-shadow: 0px 0px 20px rgb(0 0 0 / 30%); transition: all ease 0.3s; transform: scale(102%);}
#Media .no-webp_contents_box a .youtube_img4{display:inline-block; width:300px; height:169px; background: url(/images/kor/main/youtube_img4.png) no-repeat center; background-size: cover;}
#Media .no-webp_contents_box a .youtube_img4:hover{box-shadow: 0px 0px 20px rgb(0 0 0 / 30%); transition: all ease 0.3s; transform: scale(102%);}

/*------------------------------ 2022학년도 홈페이지 리뉴얼 ----------------------------*/
/*------------------------------ 2022학년도 홈페이지 리뉴얼 타블렛 기준----------------------------*/
@media(max-width:1200px){

.contents_title{display:block; width:860px; height:160px; margin:auto; border-bottom: 1px solid #000000;}
.contents_title_main{display:inline-block; font-weight: 900; font-size: 42px; line-height: 50px; letter-spacing: 0.01em; color: #001D85; margin-right:30px; margin-top:90px;}
.contents_title_sub{display:inline-block; font-weight: 100; font-size: 20px; line-height: 24px; letter-spacing: 0.01em; color: #000000; margin-top:111px;}
.contents_more{display: inline-block; width:128px; float:right; height:26px;  margin-top:112px;}
.contents_ a img{width:100%;}

.contents_title_mo{display:block; width:860px; height:160px; margin:auto; border-bottom: 1px solid #000000;}
.contents_title_main_mo{display:inline-block; font-weight: 900; font-size: 42px; line-height: 50px; letter-spacing: 0.01em; color: #001D85; margin-right:30px; margin-top:90px;}
.contents_title_sub_mo{display:inline-block; font-weight: 100; font-size: 20px; line-height: 24px; letter-spacing: 0.01em; color: #000000; margin-top:111px;}
.contents_more_mo{display: inline-block; width:128px; float:right; height:26px;  margin-top:112px;}
.contents_ a img{width:100%;}


#News {position:relative; width:100%; height:1365px; }

#News .mnews, #News .mnews2{display:flex; justify-content: space-between;  position:relative;width:860px; height:612px; margin:auto; margin-top:70px;}
#News .mnews .article {float:left; width:33%; height:613px;}
#News .mnews2 .article{float:left; width:33%; height:613px;}
#News .mnews .article a {display:block;width:142px;height:42px; margin-top:20px; margin-right:158px; background-image:url( "/images/kor/main/readmore_01.png" );}
#News .mnews2 .article a{display:block;width:142px;height:42px; margin-top:20px; margin-right:158px;}
#News .mnews .article a:hover .txtbox p, #News .mnews .article a:focus .txtbox p, #News .mnews .article a:active .txtbox p,
#News .mnews2 .article a:hover .subtxtbox p, #News .mnews2 .article a:focus .subtxtbox p, #News .mnews2 .article a:active .subtxtbox p{text-decoration:underline;}
#News .mnews .article .thumbox, #News .mnews2 .article .thumbox{border-left: 1px solid #fff;width:100%;height:314px;overflow:hidden; background-color:#cbd1d8;}
#News .mnews .article .thumbox picture, #News .mnews2 .article .thumbox picture{width:200%;height:100%; text-align:center}
#News .mnews .article .thumbox picture img, #News .mnews2 .article .thumbox picture img{height:100%;max-width:none}
#News .mnews .article .txtbox {position:relative; width:100%; height:299px;padding:28px 30px;background-color:#FBFBFB;}
#News .mnews2 .article .subtxtbox{position:relative; width:100%; height:145px;padding:28px 30px;background-color:#FBFBFB;}
#News .mnews .article .txtbox b, #News .mnews2 .article .subtxtbox b{display:block;word-wrap:break-word;word-break:keep-all;width:210px; height:90px;font-size:14px;color:#323232;line-height:24px;letter-spacing:0.01em;overflow:hidden}
#News .mnews .article .txtbox .writer, #News .mnews2 .article .subtxtbox .writer{display:block;font-size:15px;color:#333;padding:18px 0 2px 0}
#News .mnews .article .txtbox .date, #News .mnews2 .article .subtxtbox .date{display:block;font-size:12px;color:#555;padding-bottom:20px}
#News .mnews .article .txtbox p, #News .mnews2 .article .subtxtbox p{width:100%; height:76px; font-size:12px; line-height:20px; color:#AEAEAE; letter-spacing:0.03em; overflow:hidden}
#News .mnews .article .box.box1, #News .mnews2 .article .box.box1{height:208px;padding:25px 35px;background-color:#26aaef;}
#News .mnews .article .box.box1 strong, #News .mnews2 .article .box.box1 strong{font-size:37px;color:#fff;line-height:40px;letter-spacing:-1px;word-wrap:break-word;word-break:keep-all;}
#News .mnews .article .box.box1 p, #News .mnews2 .article .box.box1 p{padding-top:14px;color:#fff;font-size:15px;word-wrap:break-word;word-break:keep-all; line-height: 1.2;}
#News .mnews .article .box.box2, #News .mnews2 .article .box.box2{height:210px;padding:50px 45px;background-color:#fff;}
#News .mnews .article .box.box2 a, #News .mnews2 .article .box.box2 a{display:block;width:100%;height:100%}
#News .mnews .article .box.box2 a p, #News .mnews2 .article .box.box2 a p{font-size:16px;color:#000;font-weight:600;line-height:24px;word-wrap:break-word;word-break:keep-all;}
#News .mnews .article .box.box2 a p:after,
#News .mnews2 .article .box.box2 a p:after{content:"";display:block;width:37px;height:37px;background:url(/images/kor/main/ir-main.png) no-repeat;background-position:-104px 0;margin-top:20px;}

#slide_mnews .notice{display:block;}
#slide_mnews .notice .notice-line {
  position: relative;
}

/*슬라이드 뉴스 컨텐츠*/
#slide_mnews .notice .promotion {height: 693px; position: relative; overflow: hidden; transition: height .4s;}
#slide_mnews .notice .promotion.hide { height: 0; }
#slide_mnews .notice .promotion .swiper-container {width: calc(440px * 3 + 20px); height: 560px; position: absolute; top: 40px; left: 50%; margin-left: calc((440px * 3 + 20px) / -2);}
#slide_mnews .notice .promotion .swiper-slide {position: relative; opacity: .5; transition: opacity 1s; display:flex; flex-wrap:wrap;}
#slide_mnews .notice .promotion .swiper-slide .slide_title {margin:auto; text-align:center; border-bottom: 1px solid #aeaeae; padding:11px; font-weight: 700; font-size: 24px; line-height:32px; letter-spacing: 0.02em; color: #000; margin-top:10px;}
#slide_mnews .notice .promotion .swiper-slide .slide_name {width:100%; height:30px; text-align:center; font-weight:600; font-size:16px; line-height:29px; letter-spacing:0.01em; color:#545454; }
#slide_mnews .notice .promotion .swiper-slide img {width:440px; height:440px;}
#slide_mnews .notice .promotion .swiper-slide-active {opacity: 0.9;}
#slide_mnews .notice .promotion .swiper-pagination {bottom: 40px; left: 0; right: 0; z-index: 0;}
#slide_mnews .notice .promotion .swiper-pagination .swiper-pagination-bullet {background-color: transparent; background-image: url("../images/promotion_slide_pager.png"); width: 13px; height: 12px; margin-right: 6px; outline: none;}
#slide_mnews .notice .promotion .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }
#slide_mnews .notice .promotion .swiper-pagination .swiper-pagination-bullet-active { background-image: url("../images/promotion_slide_pager_on.png");}
#slide_mnews .notice .promotion .swiper-prev,
#slide_mnews .notice .promotion .swiper-next {width: 42px; height: 42px; outline: none; border: 2px solid #333; border-radius: 50%; position: absolute; top: 300px; z-index: 1; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: .4s;}
#slide_mnews .notice .promotion .swiper-prev {left: 65%; margin-left: -480px;}
#slide_mnews .notice .promotion .swiper-next {right: 65%; margin-right: -480px;}
#slide_mnews .notice .promotion .swiper-prev:hover,
#slide_mnews .notice .promotion .swiper-next:hover {background-color: #333; color: #fff;}


/* 캘린더 PC 241010 타블렛에선 안 보이게끔 합니다 */

.contents_title_pc{display: none;}

.calender_main_pc{display: none;}

/* 캘린더 PC 241010 타블렛에선 안 보이게끔 합니다 */


#Story{display:none;}
#slide_story .notice{display:block;}
#slide_story .notice .notice-line {
  position: relative;
}

/*슬라이드 컨텐츠*/
#slide_story .notice .promotion {height: 693px; position: relative; overflow: hidden; transition: height .4s;}
#slide_story .notice .promotion.hide { height: 0; }
#slide_story .notice .promotion .swiper-container {width: calc(440px * 3 + 20px); height: 560px; position: absolute; top: 40px; left: 50%; margin-left: calc((440px * 3 + 20px) / -2);}
#slide_story .notice .promotion .swiper-slide {position: relative; opacity: .5; transition: opacity 1s; display:flex; flex-wrap:wrap;}
#slide_story .notice .promotion .swiper-slide .slide_title {margin:auto; text-align:center; border-bottom: 1px solid #aeaeae; padding:11px; font-weight: 700; font-size: 24px; line-height:32px; letter-spacing: 0.02em; color: #000; margin-top:10px;}
#slide_story .notice .promotion .swiper-slide .slide_name {width:100%; height:30px; text-align:center; font-weight:600; font-size:16px; line-height:29px; letter-spacing:0.01em; color:#545454; }
#slide_story .notice .promotion .swiper-slide img {width:440px; height:440px;}
#slide_story .notice .promotion .swiper-slide-active {opacity: 0.9;}
#slide_story .notice .promotion .swiper-pagination {bottom: 40px; left: 0; right: 0; z-index: 0;}
#slide_story .notice .promotion .swiper-pagination .swiper-pagination-bullet {background-color: transparent; background-image: url("../images/promotion_slide_pager.png"); width: 13px; height: 12px; margin-right: 6px; outline: none;}
#slide_story .notice .promotion .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }
#slide_story .notice .promotion .swiper-pagination .swiper-pagination-bullet-active { background-image: url("../images/promotion_slide_pager_on.png");}
#slide_story .notice .promotion .swiper-prev,
#slide_story .notice .promotion .swiper-next {width: 42px; height: 42px; outline: none; border: 2px solid #333; border-radius: 50%; position: absolute; top: 300px; z-index: 1; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: .4s;}
#slide_story .notice .promotion .swiper-prev {left: 65%; margin-left: -480px;}
#slide_story .notice .promotion .swiper-next {right: 65%; margin-right: -480px;}
#slide_story .notice .promotion .swiper-prev:hover,
#slide_story .notice .promotion .swiper-next:hover {background-color: #333; color: #fff;}


#slogan_box{position:relative; display:block; width:100%; height:100%px;}
#slogan_box img{width:100%; size:cover;}


#mnotice{position:relative;width:100%;height:735px;background-color:#002978;}
#mnotice .mnotice_contents_box{display:block; width:1240px; height:600px; margin:auto;}
#mnotice .mnotice_contents01{display:inline-block; width:640px; height:420px; position:relative;}
#mnotice .mnotice_contents02{display:none; width:510px; height:420px; margin-left:60px; position:absolute;}


#mnotice .News_title{display:block; width:860px; height:160px; margin:auto; border-bottom: 1px solid #ffffff;}
#mnotice .News_title .News_main_title{display:inline-block; font-weight: 900; font-size: 42px; line-height: 50px; letter-spacing: 0.01em; color: #ffffff; margin-right:30px; margin-top:90px;}
#mnotice .News_title .News_sub_title{display:inline-block; font-weight: 100; font-size: 20px; line-height: 24px; letter-spacing: 0.01em; color: #ffffff; margin-top:111px;}
#mnotice .mnotice_contents_box{display:block; width:860px; height:430px; margin:auto; margin-top:50px;}
#mnotice .mnotice_contents_box .tab{float:left;position:relative; margin-bottom:40px; margin-left:-30px;}
#mnotice .mnotice_contents_box .tab a{float:left;display:block;line-height:43px;font-size:36px; color:#335493;
                                      letter-spacing:0.01em; width: 186px; height:46px; font-weight: 900;
                                      margin-right: 3px;
                                      text-align: center;}
                                     
#mnotice .mnotice_contents_box .tab a:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.2);}

#mnotice .mnotice_contents_box .tab a:first-child::before{display:none}
#mnotice .mnotice_contents_box .tab a:hover,
#mnotice .mnotice_contents_box .tab a.ov{color:#fff}
#mnotice .mnotice_contents_box .grap{clear:both;position:relative;width:650px;height:auto}
#mnotice .mnotice_contents_box .obj{position:absolute; left:0;width:860px;height:auto}
#mnotice .mnotice_contents_box .obj .mnotice_list{position:relative;width:100%;height:284px;overflow:hidden}
#mnotice .mnotice_contents_box .obj .mnotice_list li{text-align: right;line-height: 46px;border-bottom:0.1px solid #7F94BB;font-size:15px;color:#a8bae6;}
#mnotice .mnotice_contents_box .obj .mnotice_list li.new{background:url(/images/kor/main/mnotice_new.png) no-repeat 5px 14px;}
#mnotice .mnotice_contents_box .obj .mnotice_list li a{width:75%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:45px; float:left;text-align:left;padding-left: 34px;color: #edf0f9;font-size:16px;font-weight:400;}
#mnotice .mnotice_contents_box .obj .mnotice_list li a:hover, #mnotice .obj .mnotice_list li a:focus, #mnotice .obj .mnotice_list li a:active{color:#fff;}
#mnotice .mnotice_contents_box .obj .more{position:absolute;top:-110px;right:0;width:37px;height:37px;background-position:0 0;font-size:0}
#mnotice .mnotice_contents_box .obj .more a{display:block;width:100%;height:100%;}


#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2{clear:both;position:relative;width:100%;height:365px;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .layout{height:100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .grap{position:relative;width:100%;height:100%;overflow:hidden;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj{position:relative;width:200%;height:100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item{display:block;float:left;width:14.8%;height:335px;margin-left: 2.8%;text-align:center;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item:first-child{margin-left:0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .inner{position:relative;width:519px; height:330px; box-shadow: 0 0 55px rgba(0,0,0,0.1), 0 0 17px rgba(0,0,0,0.1);}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .inner:before{content:"";position:absolute;top:0;left:0;height:3px;width:100%; }
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item strong{display: block;margin: -37px 0 22px 0;text-align: center; font-weight: bold; font-size: 20px;color:#0052a4}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .graps{position: relative;width: 100%;height: 80%;overflow: hidden}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs{position: relative;width: 200%;height: 100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs .item_list{display: block;overflow: hidden; float: left;width: 50%;height: 100%;text-align: center}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs .item_list a{display:block;height:100%;width:100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs .item_list .thum{width:100%; height: 330px; overflow: hidden; margin: 0 auto; text-align: center;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs .item_list .thum span > p:first-child{margin-left:0 !important;text-indent:0 !important;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs .item_list .thum img{display:inline-block;height:100%;max-width:100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs .item_list .text{display: block; overflow: hidden;width: 100%; height: 34px;margin-top:18px;line-height:1.8;font-size:18px;font-weight:bold;color:#000;white-space: nowrap;text-overflow: ellipsis}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control{text-align:right; margin-top: 77px;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control .number button{display: inline-block;width: 15px; height: 11px;margin-left:4px; border-radius: 6px;vertical-align:middle; background:none; background-color: #cbcbcb; text-indent: -9999px;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control .number button:first-child{margin-left:0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control .number button.ov{background-color: #0052a4}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control button{display:inline-block;width:25px;height:25px;margin-left:5px;background:url(/images/kor/main/play_ir.png) no-repeat;text-indent: -9999px;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control button[data-control="play"]{display:none;background-position:0 0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control button[data-control="stop"]{background-position:-25px 0}

#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit{display:none}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit .number{position:absolute;top:-50px;left:50%;margin-left:-31px}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit .number button{display:inline-block;width:12px;height:12px;border-radius:50%;background:none;background-color:#949494;margin-right:10px;font-size:0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit .number button.ov{background-color:#0079f3;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit button{display:inline-block;width:36px;height:25px;background:url(/images/kor/main/ir-control.png) no-repeat;font-size:0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit button[data-control="prev"]{position:absolute;top:43%;left:30px;background-position:0 0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit button[data-control="next"]{position:absolute;top:43%;right:30px;background-position:-51px 0}

#Media {position:relative; width:100%; height:800px; background:#ffffff;}
#Media .Media_title{display:block; width:860px; height:160px; margin:auto; border-bottom: 1px solid #000000;}
#Media .Media_title .Media_main_title{display:inline-block; font-weight: 900; font-size: 42px; line-height: 50px; letter-spacing: 0.01em; color: #001D85; margin-right:30px; margin-top:90px;}
#Media .Media_title .Media_sub_title{display:inline-block; font-weight: 100; font-size: 20px; line-height: 24px; letter-spacing: 0.01em; color: #000000; margin-top:111px;}

#Media .contents_box{display:flex; flex-wrap: wrap; width:860px; height:302px; margin:auto;}
#Media .contents_box a .youtube_img1{display:inline-block; width:400px; height:199px;  margin-top:75px; margin-right:25px; background: url(/images/kor/main/youtube_img1.png) no-repeat center; background-size: contain;}
#Media .contents_box a .youtube_img2{display:inline-block; width:400px; height:199px;  margin-top:75px;  background: url(/images/kor/main/youtube_img2.png) no-repeat center; background-size: contain;}
#Media .contents_box a .youtube_img3{display:inline-block; width:400px; height:199px;  margin-top:25px; margin-right:25px; background: url(/images/kor/main/youtube_img3.png) no-repeat center; background-size: contain;}
#Media .contents_box a .youtube_img4{display:inline-block; width:400px; height:199px;  margin-top:25px;  background: url(/images/kor/main/youtube_img4.png) no-repeat center; background-size: contain;}

#Media .contents_box a .youtube_img1:hover{box-shadow: 2px 4px 10px rgb(0 0 0 / 30%); transition: all ease 0.3s; transform: scale(102%);}
#Media .contents_box a .youtube_img2:hover{box-shadow: 2px 4px 10px rgb(0 0 0 / 30%); transition: all ease 0.3s; transform: scale(102%);}
#Media .contents_box a .youtube_img3:hover{box-shadow: 2px 4px 10px rgb(0 0 0 / 30%); transition: all ease 0.3s; transform: scale(102%);}
#Media .contents_box a .youtube_img4:hover{box-shadow: 2px 4px 10px rgb(0 0 0 / 30%); transition: all ease 0.3s; transform: scale(102%);}
#Media .contents_box a p {display:inline-block; text-align:center;}

#Media .no-webp_contents_box{display:none;}

}
/*------------------------------ 2022학년도 홈페이지 리뉴얼 작업자:KMH----------------------------*/

/*------------------------------ 2022학년도 홈페이지 리뉴얼 모바일 기준----------------------------*/
@media(max-width:500px){
 
.contents_title_cal{display:none;}
 
.contents_title_mo{display:block; width:100%; height:100px; margin:auto; border-bottom: 1px solid #ffffff; padding:7px 23px 14px 25px; margin-top:27px; top: 0;}
.contents_title_main_mo{display:inline-block; width:100%; height:43px;  font-weight:900; font-size:36px; line-height: 43px; color: #001D85; margin:auto;}
.contents_title_sub_mo{display:inline-block; width:220px; height:20px; font-weight: 100; font-size:14px; line-height: 17px; color: #636363; margin:auto;}
.contents_title_mo .contents_more_mo{display:inline-block; margin:auto; width:44px; height:44px; margin-top:-35px;}
.contents_title_mo .contents_more_mo a{display:inline-block; margin:auto; width:44px; height:44px; background: url(/images/kor/main/more_button_mb.png) no-repeat center; background-size: contain;}
.contents_title_mo .contents_more_mo a img{display:none;}

.contents_title{display:block; width:100%; height:100px; margin:auto; border-bottom: 1px solid #ffffff; padding:7px 23px 14px 25px; margin-top:27px; top: 0;}
.contents_title_main{display:inline-block; width:100%; height:43px;  font-weight:900; font-size:36px; line-height: 43px; color: #001D85; margin:auto;}
.contents_title_sub{display:inline-block; width:220px; height:20px; font-weight: 100; font-size:14px; line-height: 17px; color: #636363; margin:auto;}
.contents_title .contents_more{display:inline-block; margin:auto; width:44px; height:44px; margin-top:-35px;}
.contents_title .contents_more a{display:inline-block; margin:auto; width:44px; height:44px; background: url(/images/kor/main/more_button_mb.png) no-repeat center; background-size: contain;}
.contents_title .contents_more a img{display:none;}


#News {position:relative; width:100%; height:102px; }
#News .mnews, #News .mnews2 {display:none;}

/* #News .mnews {display:none; justify-content: space-between; flex-direction: column; position:relative;width:100%; margin:auto; margin-top:5%;}
#News .mnews2 {display:none; justify-content: space-between; flex-direction: column; position:relative;width:100%; margin:auto; margin-top:283%;}
#News .mnews .article, #News .mnews2 .article{float:left;height:248px; width: 100%; margin-right:0px; margin-bottom: 325px; display:block;}
#News .mnews .article a {display:block;width:31%;height:42px; margin-top:50px; margin-right:158px;}
#News .mnews2 .article a{display:block;width:100%;height:42px; margin-top:50px; margin-right:158px;}
#News .mnews .article a:hover .txtbox p, #News .mnews .article a:focus .txtbox p, #News .mnews .article a:active .txtbox p,
#News .mnews2 .article a:hover .subtxtbox p, #News .mnews2 .article a:focus .subtxtbox p, #News .mnews2 .article a:active .subtxtbox p{text-decoration:underline;}
#News .mnews .article .thumbox, #News .mnews2 .article .thumbox{ display:block; border-left: 1px solid #fff;width:600px;height:323px;overflow:hidden; background-color:#cbd1d8;}
#News .mnews .article .thumbox picture, #News .mnews2 .article .thumbox picture{width:200%;height:100%; text-align:center}
#News .mnews .article .thumbox picture img, #News .mnews2 .article .thumbox picture img{height:100%;max-width:none;}

#News .mnews .article .txtbox, #News .mnews2 .article .subtxtbox{display:inline-block; position:absolute; width:100%; height:248px;padding:30px 20px;background-color:#FBFBFB;}
#News .mnews .article .txtbox b, #News .mnews2 .article .subtxtbox b{display:block;word-wrap:break-word;word-break:keep-all;width:100%; height:85px;font-size:15px;color:#323232;line-height:29px;letter-spacing:0.01em;overflow:hidden}
#News .mnews .article .txtbox .writer, #News .mnews2 .article .subtxtbox .writer{display:block;font-size:15px;color:#333;padding:18px 0 2px 0}
#News .mnews .article .txtbox .date, #News .mnews2 .article .subtxtbox .date{display:block;font-size:12px;color:#555;padding-bottom:20px}
#News .mnews .article .txtbox p, #News .mnews2 .article .subtxtbox p{display: none; width:100%; height:66px;font-size:16px; line-height:24px; color:#AEAEAE; letter-spacing:0.03em; overflow:hidden}

#News .mnews .article .box.box1, #News .mnews2 .article .box.box1{height:208px;padding:25px 35px;background-color:#26aaef;}
#News .mnews .article .box.box1 strong, #News .mnews2 .article .box.box1 strong{font-size:37px;color:#fff;line-height:40px;letter-spacing:-1px;word-wrap:break-word;word-break:keep-all;}
#News .mnews .article .box.box1 p, #News .mnews2 .article .box.box1 p{padding-top:14px;color:#fff;font-size:15px;word-wrap:break-word;word-break:keep-all; line-height: 1.2;}
#News .mnews .article .box.box2, #News .mnews2 .article .box.box2{height:210px;padding:50px 45px;background-color:#fff;}
#News .mnews .article .box.box2 a, #News .mnews2 .article .box.box2 a{display:block;width:100%;height:100%}
#News .mnews .article .box.box2 a p, #News .mnews2 .article .box.box2 a p{font-size:16px;color:#000;font-weight:600;line-height:24px;word-wrap:break-word;word-break:keep-all;}
#News .mnews .article .box.box2 a p:after,
#News .mnews2 .article .box.box2 a p:after{content:"";display:block;width:37px;height:37px;background:url(/images/kor/main/ir-main.png) no-repeat;background-position:-104px 0;margin-top:20px;} */

.calender_main_mo{display: block; position: relative; height: 155px; border-top: 7px solid #4f6797; /* border-bottom: 7px solid #4f6797; */ background: url(/images/kor/main/calender_bg.png) center top no-repeat; /* background-size: cover; */ margin-top: 20px; margin-bottom: 10px; filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.25));}
/* .calender_main:before{content: ""; display: block; position: absolute; left: 0; top: 46px; width: 100%; height: 1px; background: #363773;} */
.cal_area_mo{position: relative; width: 100%; max-width: 1760px; height: 155px; margin: 0 auto; padding: 0 40px; border-top: 4px solid #fff;}
.cal_detail_mo{display: inline-block; width: 100%; height: 155px;}

.cal_detail_mo ul{position: relative; overflow: hidden; float: left; width: calc(100% - -50px); top: -19px; left: -18px; list-style: none; padding: 0;}
.cal_detail_mo ul li{position: relative; float: left; width: calc(100% / 1); text-align: center; padding: 45px 0px; box-sizing: border-box;}
.cal_detail_mo ul li:before{content: ""; position: absolute; top: 28px; left: calc(50% - 6px); width: 5px; height: 5px; background: #fff; vertical-align: middle; transition: none;}

.cal_detail_mo ul{list-style: none; padding: 0;}
.cal_detail_mo li{position: relative; margin: 10px 0;cursor: pointer;}

.cal_detail_mo a{text-decoration: none; color: inherit; display: inline-block; color: #fff;}
.cal_detail_mo a p{position: relative; display: block; font-size: 13px;}
.cal_detail_mo a p::after{content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #fff; transition: width 0.4s ease, left 0.4s ease; }
.cal_detail_mo li:hover a p::after {width: 100%; left: 0;}

.cal_detail_mo .info b{display: inline-block; margin-bottom: 5px; font-size: 25px; color: #fff; vertical-align: middle;}
.cal_detail_mo .info p{display: block; font-size: 19px; color: #FFF;}

.highlight {
    animation: pulse 1.2s infinite;
  }

  @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
  }

/* 캘린더 241010 */

/* 캘린더 모바일 241010 모바일에선 PC 버전이 안 보이게끔 합니다 */

.contents_title_pc{display: none;}

.calender_main_pc{display: none;}

/* 캘린더 모바일 241010 PC에선 안 보이게끔 합니다 */

#slide_mnews .notice .promotion { height: 480px; position: relative; overflow: hidden; transition: height .4s;}
#slide_mnews .notice .promotion{height:435px;}
#slide_mnews .notice .promotion .swiper-container {width: calc(300px * 3 + 20px); height: 395px; position: absolute; top: 30px; left: 50%; margin-left: calc((300px * 3 + 20px) / -2); }
#slide_mnews .notice .promotion .swiper-slide img {width:300px; height:300px;}
#slide_mnews .notice .promotion .swiper-slide .slide_title{margin-top:0; font-size:17px; line-height: 24px; padding:0px; margin-top:1px;}

#slide_mnews .notice .promotion .swiper-prev,
#slide_mnews .notice .promotion .swiper-next { width: 30px; height: 30px; top: 370px;}
#slide_mnews .notice .promotion .swiper-prev {margin-left: -55%;}
#slide_mnews .notice .promotion .swiper-next {margin-right: -55%;}

#slide_story .notice .promotion { height: 480px; position: relative; overflow: hidden; transition: height .4s;}
#slide_story .notice .promotion{height:500px;}
#slide_story .notice .promotion .swiper-container {width: calc(300px * 3 + 20px); height: 395px; position: absolute; top: 30px; left: 50%; margin-left: calc((300px * 3 + 20px) / -2); }
#slide_story .notice .promotion .swiper-slide img {width:300px; height:300px;}
#slide_story .notice .promotion .swiper-slide .slide_title{margin-top:0; font-size:18px; line-height: 24px; padding:0px; margin-top:1px;}

#slide_story .notice .promotion .swiper-prev,
#slide_story .notice .promotion .swiper-next { width: 30px; height: 30px; top: 341px;}
#slide_story .notice .promotion .swiper-prev {margin-left: -55%;}
#slide_story .notice .promotion .swiper-next {margin-right: -55%;}

#slide_story .notice .promotion { height: 480px; position: relative; overflow: hidden; transition: height .4s;}
#slide_story .notice .promotion{height:500px;}
#slide_story .notice .promotion .swiper-container {width: calc(300px * 3 + 20px); height: 397px; position: absolute; top: 30px; left: 50%; margin-left: calc((300px * 3 + 20px) / -2); }
#slide_story .notice .promotion .swiper-slide img {width:300px; height:300px;}
#slide_story .notice .promotion .swiper-slide .slide_title{margin-top:0; font-size:18px; line-height: 24px; padding:5px; margin-top:1px;}

#slide_story .notice .promotion .swiper-prev,
#slide_story .notice .promotion .swiper-next { width: 30px; height: 30px; top: 370px;}
#slide_story .notice .promotion .swiper-prev {margin-left: -55%;}
#slide_story .notice .promotion .swiper-next {margin-right: -55%;}

#slogan_box{display:none;}

#mnotice{position:relative;width:100%;height:530px;background-color:#cdcdcd; padding:30px;}
#mnotice .mnotice_contents_box{display:block; width:100%; height:600px; margin:auto;}
#mnotice .mnotice_contents01{display:inline-block; width:100%; height:420px; position:relative;}
#mnotice .mnotice_contents02{display:none;}


#mnotice .News_title{display:block; width:100%; height:80px; margin:auto; border-bottom: 1px solid #6b6b6b;}
#mnotice .News_title .News_main_title{display:inline-block; width:100%; height:40px;  font-weight:900; font-size:36px; line-height: 43px; color: #001D85; margin:auto;}
#mnotice .News_title .News_sub_title{display:inline-block; width:100%; height:20px; font-weight: 100; font-size:14px; line-height: 17px; color: #000; margin-top:10px;}

#mnotice .mnotice_contents_box{display:block; width:100%; height:430px; margin:auto; margin-top:30px;}
#mnotice .mnotice_contents_box .tab{float:left;position:relative; margin-bottom:20px; margin-left:0px; width:100%;}
#mnotice .mnotice_contents_box .tab a{float:left;display:inline-block;font-size:24px; color:#a5a5a5;
                                      letter-spacing:0.01em; width: 33%; height:46px; font-weight: 900;
                                      margin-right: 0px;
                                      text-align: center;}
                                     
#mnotice .mnotice_contents_box .tab a:not(:last-child) {border-right: 1px solid rgb(0 0 0 / 20%);}

#mnotice .mnotice_contents_box .tab a:first-child::before{display:none}
#mnotice .mnotice_contents_box .tab a:hover,
#mnotice .mnotice_contents_box .tab a.ov{color:#000;}
#mnotice .mnotice_contents_box .grap{clear:both;position:relative;width:100%;height:auto}
#mnotice .mnotice_contents_box .obj{position:absolute; left:0;width:100%;height:auto}
#mnotice .mnotice_contents_box .obj .mnotice_list{position:relative;width:100%;height:284px;overflow:hidden}
#mnotice .mnotice_contents_box .obj .mnotice_list li{text-align: right;line-height: 46px;border-bottom:0.1px solid #6b6b6b;font-size:15px;color:#000;}
#mnotice .mnotice_contents_box .obj .mnotice_list li.new{background:none;}
#mnotice .mnotice_contents_box .obj .mnotice_list li a{width:75%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:45px; float:left;text-align:left;padding-left:0px;color: #000;font-size:16px;font-weight:400;}
#mnotice .mnotice_contents_box .obj .mnotice_list li a:hover, #mnotice .obj .mnotice_list li a:focus, #mnotice .obj .mnotice_list li a:active{color:#fff;}
#mnotice .mnotice_contents_box .obj .more{position:absolute;top:-110px;right:0;width:37px;height:37px;background-position:0 0;font-size:0}
#mnotice .mnotice_contents_box .obj .more a{display:block;width:100%;height:100%;}

#mnotice .mnotice_contents_box .obj .smunotice_more{position:absolute; top:-128px; right:1px;}

#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2{clear:both;position:relative;width:100%;height:365px;background-color: #fff;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .layout{height:100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .grap{position:relative;width:100%;height:100%;overflow:hidden;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj{position:relative;width:200%;height:100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item{display:block;float:left;width:14.8%;height:335px;margin-left: 2.8%;text-align:center;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item:first-child{margin-left:0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .inner{position:relative;width:519px; height:330px; box-shadow: 0 0 55px rgba(0,0,0,0.1), 0 0 17px rgba(0,0,0,0.1);}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .inner:before{content:"";position:absolute;top:0;left:0;height:3px;width:100%; }
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item strong{display: block;margin: -37px 0 22px 0;text-align: center; font-weight: bold; font-size: 20px;color:#0052a4}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .graps{position: relative;width: 100%;height: 80%;overflow: hidden}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs{position: relative;width: 200%;height: 100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs .item_list{display: block;overflow: hidden; float: left;width: 50%;height: 100%;text-align: center}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs .item_list a{display:block;height:100%;width:100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs .item_list .thum{width:100%; height: 200px; overflow: hidden; margin: 0 auto; text-align: center;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs .item_list .thum span > p:first-child{margin-left:0 !important;text-indent:0 !important;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs .item_list .thum img{display:inline-block;height:100%;max-width:100%}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .objs .item_list .text{display: block; overflow: hidden;width: 100%; height: 34px;margin-top:18px;line-height:1.8;font-size:18px;font-weight:bold;color:#000;white-space: nowrap;text-overflow: ellipsis}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control{text-align:right}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control .number button{display: inline-block;width: 15px; height: 11px;margin-left:4px; border-radius: 6px;vertical-align:middle; background:none; background-color: #cbcbcb; text-indent: -9999px;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control .number button:first-child{margin-left:0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control .number button.ov{background-color: #0052a4}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control button{display:inline-block;width:25px;height:25px;margin-left:5px;background:url(/images/kor/main/play_ir.png) no-repeat;text-indent: -9999px;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control button[data-control="play"]{display:none;background-position:0 0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .obj .item .control button[data-control="stop"]{background-position:-25px 0}

#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit{display:none}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit .number{position:absolute;top:-50px;left:50%;margin-left:-31px}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit .number button{display:inline-block;width:12px;height:12px;border-radius:50%;background:none;background-color:#949494;margin-right:10px;font-size:0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit .number button.ov{background-color:#0079f3;}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit button{display:inline-block;width:36px;height:25px;background:url(/images/kor/main/ir-control.png) no-repeat;font-size:0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit button[data-control="prev"]{position:absolute;top:43%;left:30px;background-position:0 0}
#mnotice .mnotice_contents_box .mnotice_contents02 .mbenefit2 .control.mbenefit button[data-control="next"]{position:absolute;top:43%;right:30px;background-position:-51px 0}


.cal_detail ul{position: initial; overflow: hidden; float: none;}
.cal_detail ul li{position: relative; width: calc(100% / 5); float: none; text-align: left; padding: 0; box-sizing: border-box; left: 13px;}
.cal_detail ul li:before{content: ""; position: absolute; top: 13px; left: 0; width: 5px; height: 5px; background: #fff;}
.cal_detail a{text-decoration: none; color: inherit; display: inline-block; position: relative; left: 22px;}
.cal_detail .info b{display: inline-block; margin-bottom: 10px; font-size: 20px; color: #fff; vertical-align: middle;}
.cal_detail .info p{display: inline-block; font-size: 15px; color: #fff; white-space: nowrap;}


#Media {position:relative; width:100%; height:1100px; }
#Media .Media_title{display:block; width:100%; height:25%; margin:auto; border-bottom: 1px solid #ffffff; padding:30px 23px 14px 25px}
#Media .Media_title .Media_main_title{display:inline-block; width:100%; height:43px;  font-weight:900; font-size:36px; line-height: 43px; color: #001D85; margin-right:0px; margin-top:0px;}
#Media .Media_title .Media_sub_title{display:inline-block; width:100%; height:20px; font-weight: 100; font-size:14px; line-height: 17px; color: #000000;  margin-right:0px; margin-top:0px; margin-bottom:25px;}

#Media .contents_box{position: relative; display:block; width:100%; height:54%; margin:auto; padding:30px; top: -115px;}
#Media .contents_box a .youtube_img1{display:inline-block; width:100%; height:199px;  margin-top:0px; margin-right:25px; background: url(/images/kor/main/youtube_img1.png) no-repeat center; background-size: contain;}
#Media .contents_box a .youtube_img2{display:inline-block; width:100%; height:199px;  margin-top:0px;  background: url(/images/kor/main/youtube_img2.png) no-repeat center; background-size: contain;}
#Media .contents_box a .youtube_img3{display:inline-block; width:100%; height:199px;  margin-top:0px; margin-right:25px; background: url(/images/kor/main/youtube_img3.png) no-repeat center; background-size: contain;}
#Media .contents_box a .youtube_img4{display:inline-block; width:100%; height:199px;  margin-top:0px;  background: url(/images/kor/main/youtube_img4.png) no-repeat center; background-size: contain;}

#Media .Media_title .sns_button_box{display:flex; justify-content:space-between; width:180px; height:55px; float:none;margin:auto;}

#Media .Media_title .sns_button_box .instagram picture{display:inline-block; width:44px; height:44px; margin-right:10px; transition: all ease 1s;}
#Media .Media_title .sns_button_box .blog picture{display:inline-block; width:44px; height:44px; margin-right:10px; transition: all ease 1s;}
#Media .Media_title .sns_button_box .facebook picture {display:inline-block; width:44px; height:44px; transition: all ease 1s;}

#Media .Media_title .sns_button_box .instagram picture:hover{transform: rotate( 360deg );}
#Media .Media_title .sns_button_box .blog picture:hover{transform: rotate( 360deg );}
#Media .Media_title .sns_button_box .facebook picture:hover{transform: rotate( 360deg );}

#quickLink{width: 100%; background-color: #bec4cc; padding: 24px 0; display: inline-block; position: relative; z-index: 10; top: 64px;}

}
/*------------------------------ 2022학년도 홈페이지 리뉴얼 작업자:KMH----------------------------*/
#visual .grap .obj #intro {display:block;}
#visual .grap .obj .item .mvisual_video {display:none;}
#visual .grap .obj #intro .mvisual_video {position:relative; width:100%; height:100%; z-index:10}
#visual .grap .obj #intro .mvisual_video *{background-color:transparent !important}
#visual .grap .obj #intro2 .mvisual_video {position:relative; width:100%; height:100%; z-index:10}
#visual .grap .obj #intro2 .mvisual_video *{background-color:transparent !important}
#visual .grap .obj .item .slide-content {position:absolute; z-index:12; top:0; left:0; width:100%; height:100%; padding-top:140px;}
#visual .video-overlay {position:absolute; z-index:11; top:0%; left:0%; width:100%; height:100%; }
.video-js {display:none;background-color:transparent !important;width:100% !important;height:auto !important;}
.vjs-poste {background-color:transparent !important}
.vjs-caption-settings {background-color:transparent !important}
.video-js .vjs-control-bar {background:transparent}
#visual .grap .obj .item video{width:100% !important;height:auto !important;}
.intro-text div {position:absolute; top:50px; width:100%; font-size:70px; color:#fff; text-align:center; line-height:1.3; animation:blurFadeInOut 3s ease-in backwards;-webkit-animation:blurFadeInOut 3s ease-in backwards; -moz-animation:blurFadeInOut 3s ease-in backwards; -ms-animation:blurFadeInOut 3s ease-in backwards;}
.intro-text .frame-1 {animation-delay:1s;-webkit-animation-delay:1s; -moz-animation-delay:1s; -ms-animation-delay:1s;}
.intro-text .frame-2 {animation-delay:1s;-webkit-animation-delay:1s; -moz-animation-delay:1s; -ms-animation-delay:1s;}
.intro-text .frame-3 {color:#fff; animation:none;-webkit-animation:none; -moz-animation:none; -ms-animation:none;}
.intro-text .frame-3 span {display:block;height:49px;margin-bottom:14px;text-indent:-9999px;overflow:hidden;}
.intro-text .frame-3 img {max-width:65%;border:0;vertical-align:top;-ms-interpolation-mode:bicubic; margin-top:-8%;}
.intro-text .frame-3 span {background:url(/images/kor/main/slogan.png) no-repeat 50% 50%;background-size:auto 100%;background-image: url(/images/kor/main/slogan.svg), none;  }
.intro-text .frame-3 span:first-child {height:35px;background: url(/images/kor/main/slogan_tx1.png) no-repeat 50% 50%;background-size:auto 100%;background-image: url(/images/kor/main/slogan_tx1.svg), none;  }
.mvisual-01 .intro-text .frame-3 span:first-child,
.mvisual-02 .intro-text .frame-3 span:first-child {background: url(/images/kor/main/slogan_tx2.png) no-repeat 50% 50%;background-size:auto 100%;background-image: url(/images/kor/main/slogan_tx2.svg), none; }
.ov .intro-text .frame-3 {color:#fff; animation:none;-webkit-animation:none; -moz-animation:none; -ms-animation:none;}
.ov .intro-text .frame-3 span {display:block;/* color:#fff; font-family:Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,'nsr','Malgun Gothic',serif; text-transform:uppercase; text-shadow:0px 0px 1px #333; line-height:1.2; letter-spacing:-1px;*/transform-origin:0 0;animation:fadeIn 3s ease-in 0s backwards;-webkit-animation:fadeIn 3s ease-in 0s backwards; -moz-animation:fadeIn 3s ease-in 0s backwards; -ms-animation:fadeIn 3s ease-in 0s backwards;}
.ov .intro-text .frame-3 span:nth-child(2) {animation-delay:2s;-webkit-animation-delay:2s; -moz-animation-delay:2s; -ms-animation-delay:2s;}
#intro.ov .intro-text .frame-3 span {animation:fadeIn 3s ease-in 1s backwards;-webkit-animation:fadeIn 3s ease-in 1s backwards; -moz-animation:fadeIn 3s ease-in 1s backwards; -ms-animation:fadeIn 3s ease-in 1s backwards;}
#intro.ov .intro-text .frame-3 span:nth-child(2) {animation-delay:3s;-webkit-animation-delay:3s; -moz-animation-delay:3s; -ms-animation-delay:3s;}
#intro2.ov .intro-text .frame-3 span {animation:fadeIn 3s ease-in 1s backwards;-webkit-animation:fadeIn 3s ease-in 1s backwards; -moz-animation:fadeIn 3s ease-in 1s backwards; -ms-animation:fadeIn 3s ease-in 1s backwards;}
#intro2.ov .intro-text .frame-3 span:nth-child(2) {animation-delay:3s;-webkit-animation-delay:3s; -moz-animation-delay:3s; -ms-animation-delay:3s;}
#visual .paging_wrap{position:absolute;bottom:340px;left:0px;width:100%;text-align:center;z-index:99}
#visual .paging{position:relative;padding:10px 9px;display:inline-block;z-index:13;transition:all 200ms}
#visual .paging a{display:inline-block;margin:0 2px;transition:all 200ms;width:88px;height:88px;}
#visual .paging a *{transition:all 200ms}
#visual .paging a span{}

/* 20201005수정 */
#visual .paging a .inactive-circle{background-image:url(/images/kor/main/msld_1.png);}
#visual .paging a+a .inactive-circle{background-image:url(/images/kor/main/msld_2.png);}
#visual .paging a+a+a .inactive-circle{background-image:url(/images/kor/main/msld_3.png);}
#visual .paging a+a+a+a .inactive-circle{background-image:url(/images/kor/main/msld_4.png);}
#visual .paging a+a+a+a+a .inactive-circle{background-image:url(/images/kor/main/msld_5.png);}
#visual .paging a.ov{}
#visual .paging a .node{position: relative;display:inline-block;}
#visual .paging a .active-circle{display: none;}
#visual .paging a.ov .active-circle{display:block;position:absolute;top:5px;left:5px;width:78px;height:78px;background:url(/images/kor/main/msld_ov.png) no-repeat 50% 50%;transition:all 200ms;z-index:2;}
#visual .paging a .inactive-circle {display:block;position:relative;margin:5px;width:78px;height:78px;transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84);z-index:1;overflow:hidden;}
#visual .paging_wrap *{vertical-align: middle;}
#visual .control{display:inline-block;position:relative;width:75px;height:80px;z-index:14;}
#visual .control a{display:block;position:relative;width:75px;height:80px;font-size: 0px;line-height: 0px;text-indent: -999px;z-index: 15;}
#visual .control a[data-control="next"]{top:0;right: 0;}
#visual .control a[data-control="prev"]{top:0;left:0;}
#visual .control a[data-control="prev"]:before{
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 55px;
    height: 55px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	transform: rotate(45deg);}
#visual  .control a[data-control="next"]:before{
    content: "";
    display: block;
    position: absolute;
    top: 10px;
	right: 10px;
    width: 55px;
    height: 55px;
    margin-left: 20px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);}
#visual .main_control a[data-control="play"] {display: none;}
svg:not(:root) {overflow: hidden;}
#visual .paging a .node .button-bg-svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: visible;
    fill: rgba(64,82,117,.4);
    stroke: rgba(240,237,242,.4);
    stroke-width: 2;}
#visual .paging a .node .progress-svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: visible;
    fill: none;
    stroke: #2fb8ff;
    stroke-width: 5;
    stroke-dasharray: 314;
    stroke-dashoffset: 314;
    opacity: 0;}
#visual .paging a.ov .node .progress-svg{ opacity: 1;}
.inactive-circle{border-radius: 50%;}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}}
@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}}
@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}}
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}}
@-webkit-keyframes blurFadeInOut {
0% {opacity:0;  -webkit-transform:scale(1.3);}
20%,75% {opacity:1; -webkit-transform:scale(1);}
100% {opacity:0; -webkit-transform:scale(0);}
}
@-webkit-keyframes blurFadeIn {
0% {opacity:0; -webkit-transform:scale(1.3);}
50% {opacity:0.5;  -webkit-transform:scale(1.1);}
100% {opacity:1; -webkit-transform:scale(1);}}
@-webkit-keyframes fadeInBack {
0% {opacity:0; -webkit-transform:scale(0);}
50% {opacity:0.4; -webkit-transform:scale(2);}
100% {opacity:0.2; -webkit-transform:scale(5);}}
@-webkit-keyframes fadeInRotate {
0% {opacity:0; -webkit-transform:scale(0) rotate(360deg);}
100% {opacity:1; -webkit-transform:scale(1) rotate(0deg);}}
@-moz-keyframes blurFadeInOut {
0% {opacity:0;  -moz-transform:scale(1.3);}
20%,75% {opacity:1; -moz-transform:scale(1);}
100% {opacity:0; -moz-transform:scale(0);}}
@-moz-keyframes blurFadeIn {
0% {opacity:0;  -moz-transform:scale(1.3);}
100% {opacity:1; -moz-transform:scale(1);}}
@-moz-keyframes fadeInBack {
0% {opacity:0; -moz-transform:scale(0);}
50% {opacity:0.4; -moz-transform:scale(2);}
100% {opacity:0.2; -moz-transform:scale(5);}}
@-moz-keyframes fadeInRotate {
0% {opacity:0; -moz-transform:scale(0) rotate(360deg);}
100% {opacity:1; -moz-transform:scale(1) rotate(0deg);}}
@keyframes blurFadeInOut {
0% {opacity:0; transform:scale(1.3);}
20%,75% {opacity:1;  transform:scale(1);}
100% {opacity:0; transform:scale(0);}}
@keyframes blurFadeIn {
0% {opacity:0; transform:scale(1.3);}
50% {opacity:0.5;  transform:scale(1.1);}
100% {opacity:1; transform:scale(1);}}
@keyframes fadeInBack {
0% {opacity:0; transform:scale(0);}
50% {opacity:0.4; transform:scale(2);}
100% {opacity:0.2; transform:scale(5);}}
@keyframes fadeInRotate {
0% {opacity:0; transform:scale(0) rotate(360deg);}
100% {opacity:1; transform:scale(1) rotate(0deg);}}

@media (max-width:1200px){
    .intro-text .frame-3 span {height:40px;}
    .intro-text .frame-3 span:first-child {height:25px;}
}
@media (max-width:900px){
    #mshowcase{height:530px;}
    #visual .grap .obj .item{height:530px;}
    .intro-text div{font-size:45px;}
    .intro-text .frame-3 span {height:30px;}
    .intro-text .frame-3 span:first-child {height:20px;}
    #visual .paging_wrap{bottom:70px}
    #mcontwrap #mcolumn{margin-top:0;background:url(/images/kor/main/mcont_bg.png) no-repeat 50% 0;}
}
@media (max-width:800px){
    .intro-text .frame-3 span {height:30px;}
    .intro-text .frame-3 span:first-child {height:15px;}
}
@media (max-width:640px){
    #mshowcase{height:400px;}
    #visual .grap .obj .item{height:400px;}
    .intro-text div{font-size:30px;padding:0 45px;}
    #visual .paging{display:none;}
    #visual  .control{position:absolute;top:-90px;right:10px;width:auto;height:auto}
    #visual  .control:first-child{left:0;}
    #visual  .control a{background:none;border:none;width:30px;height:30px;}
    /*
    #visual  .control a[data-control="prev"]:before{position:absolute;top:0;left:10px;}
    #visual  .control a[data-control="next"]:before{position:absolute;top:0;right:10px;}
    */
}
@media (max-width:540px){
    #mshowcase{height:300px;}
    #visual .grap .obj .item{height:300px;}
    .intro-text div{top:10px;font-size:30px;}
    .intro-text .frame-3 span {height:23px;}
    .intro-text .frame-3 span:first-child {height:12px;}
    #visual .grap .obj .mvisual-01 .mvisual_video,
    #visual .grap .obj .mvisual-04 .mvisual_video {display:none!important}
}

#mcontwrap {z-index:10}
#mnews, #mnews2 {background-color:#fff;}
#mcolumn .layout{}
#mcolumn #mboard{position:relative;margin-top:-25px;width:100%;}
#mcolumn #mboard:after{content:"";display:block;clear:both}
#mboard .col{float:left;overflow:hidden}
/*#mboard .col{float:left;overflow:hidden}*/

.no-padding{padding:0;}
@media (max-width:900px){
#mcolumn #mboard{margin-top:0;}
}
@media(max-width:640px){
    #mcolumn #mboard{position:static;margin-top:0;}
}
@media(max-width:640px){
    #mcalendar{width:100%;}
}
#mlink{width:100%;height:117px;background-color:#262930;}
#mlink ul{width:100%;height:117px; display:flex; align-items:center; list-style:none; background: linear-gradient(180deg, #001253 0%, #001769 100%); box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);}
#mlink ul li{display:inline-block; width:12.5%; height:24px; float:left; border-right: 1px solid #ffffff;}
#mlink ul li .icon{display:block;width:100%;height:100%; text-align:center;color:#fff; font-size:20px; font-weight: 500; line-height: 24px; letter-spacing: -0.04em; color: #FFFFFF;}
@media(min-width:1200px){
#mboard #mlink{overflow: inherit;}
#mlink ul li .icon{-webkit-transition: all 0.4s;transition: all 0.4s;}
#mlink ul li .icon:hover,
#mlink ul li .icon:focus{-webkit-transform: scale(1.1) rotate(0.002deg);transform: scale(1.1) rotate(0.002deg);color:#fff}
}

@media(max-width:1200px){
    #mnews, #mnews2{background-color:rgba(0,0,0,0.7);}
    #mlink{width:100%;height:100%;}
    #mlink ul{display:flex; flex-wrap:wrap; height:100%;}
    #mlink ul li{float:left;width:25%;height:70px;border-top:none; border-right: 1px solid #3c3f45;}
    #mlink ul li.last{width:24%;}
    #mlink ul li.last a{padding:20px 0;}
    #mlink ul li .icon{padding:22px 0;text-align:center}
    #mlink ul li .icon span{float:none;margin-left:10px}
    #mlink ul li .icon{border-bottom:1px solid #3c3f45;}
}
@media(max-width:876px){
    #mlink{height:200px;}
    #mlink ul{padding:0 0px;}
    #mlink ul li{width:33.33%;height:34%;}
    #mlink ul li .icon{text-align:center; padding:20px;}
    #mlink ul li.last{width:34%;}
    #mlink ul li.last a{padding:20px;text-align:left;}
    #mlink ul li.last .icon span{float:right;}
    #mlink ul li .icon span{float:right;margin-left:0;}
    #mlink ul li .icon:hover, #mlink ul li .icon:focus, #mlink ul li .icon:active{background-color:transparent;}
}
@media(max-width:640px){
    #mlink ul{padding:0;}
    #mlink ul li .icon{padding:22px 0px; text-align:center;font-size:14px;}
    #mlink ul li.last a{text-align:center;}
    #mlink ul li .icon span{display:none}
}
@media(max-width:1200px){
    #mnews .article, #mnews2 .article{width:33.33%}
    #mnews .article.artitle, #mnews2 .article.artitle{width:100%;height:156px;}
    #mnews .article.artitle .box, #mnews2 .article.artitle .box{float:left;height:100%;background-color:transparent;}
    #mnews .article .box.box1, #mnews2 .article .box.box1{width:211px;padding:78px 0 0;text-align:right;}
    #mnews .article .box.box1 strong br,
    #mnews .article .box.box1 p,
    #mnews2 .article .box.box1 strong br,
    #mnews2 .article .box.box1 p{display: none;}
    #mnews .article .box.box2, #mnews2 .article .box.box2{width:auto; padding:73px 0 0 30px;}
    #mnews .article .box.box2 a p, #mnews2 .article .box.box2 a p{color:#fff;}
    #mnews .article .box.box2 a p:hover, #mnews .article .box.box2 a p:focus, #mnews .article .box.box2 a p:active,
    #mnews2 .article .box.box2 a p:hover, #mnews2 .article .box.box2 a p:focus, #mnews2 .article .box.box2 a p:active{text-decoration:underline;}
    #mnews .article .box.box2 a p:after, #mnews2 .article .box.box2 a p:after{position: absolute;right: 78px;top: 50px;background-position: 0 0;}
    #mnews .article .thumbox picture img, #mnews2 .article .thumbox picture img{height:131%;margin-top:-5%;}

	#slide_news{display: none;}
}
@media(max-width:840px){
	#mnews .article, #mnews2 .article{display: none;}
   /*  #mnews .article, #mnews2 .article{width:100%}
    #mnews .article .box, #mnews2 .article .box{float:left;width:50%;}
    #mnews .article .thumbox, #mnews2 .article .thumbox{float:left;width:50%;}
    #mnews .article .txtbox, #mnews2 .article .subtxtbox{border-bottom:1px dotted #ccc;border-right:0;}
    #mnews .article .txtbox, #mnews2 .article .subtxtbox{height:auto;}
    #mnews .article.article3{width:100%;}
    #mnews .article .box.box7, #mnews2 .article .box.box7{float:left;width:50%;}
    #mnews .article .thumbox.box8, #mnews2 .article .thumbox.box8{width:50%;height:340px}
    #mnews .article.article3 .txtbox:after, #mnews2 .article.article3 .subtxtbox:after{bottom: 43%;right: -19px;transform: rotate(-90deg);}
    #mnews .article .box.box2 a p:after, #mnews2 .article .box.box2 a p:after{top:10px;right:30px;} */
}
@media(max-width:640px){
	#mnews .article .txtbox, #mnews2 .article .subtxtbox {display: none;}
   /*  #mnews .article .txtbox, #mnews2 .article .subtxtbox {height: 248px;padding:30px 20px;}
	#mnews .article .txtbox b, #mnews2 .article .subtxtbox b{height:57px;}
    #mnews .article .txtbox p, #mnews2 .article .subtxtbox p{display:none}
    #mnews .article .box.box1, #mnews2 .article .box.box1{width:100px;padding:48px 0 0 20px;text-align:left}
    #mnews .article .box.box1 strong, #mnews2 .article .box.box1 strong{font-size:29px;}
    #mnews .article .thumbox.box8, #mnews2 .article .thumbox.box8{height:248px;}
	#mnews .article .txtbox:after, #mnews2 .article .subtxtbox:after{display:none}
	#mnews .article .thumbox picture img, #mnews2 .article .thumbox picture img{height:100%;margin-top:0;} */
}
@media(max-width:420px){
    #mnews .article.artitle, #mnews2 .article.artitle{display: none;}
    /* #mnews .article.artitle, #mnews2 .article.artitle{height:153px}
    #mnews .article .box.box1, #mnews2 .article .box.box1{width:70px;padding:64px 0 0 10px;}
    #mnews .article .box.box1 strong, #mnews2 .article .box.box1 strong{font-size:22px;line-height:30px}
    #mnews .article .box.box2, #mnews2 .article .box.box2{padding:73px 0 0 10px;}
    #mnews .article .box.box2 a p, #mnews2 .article .box.box2 a p{font-size:14px} */
}
#mbenefit{clear:both;position:relative;width:100%;height:auto;background-color: #fff;padding-top:40px;}
#mbenefit .layout{height:100%}
#mbenefit:before{position:absolute;top:200px;left:0px;content:"";display:block;width:348px;height:179px;background: url(/images/kor/main/goal_left_bg.png) no-repeat;}
#mbenefit:after{position:absolute;top:200px;right:0px;content:"";display:block;width:348px;height:179px;background: url(/images/kor/main/goal_right_bg.png) no-repeat;visibility:visible;}
#mbenefit .grap{position:relative;width:100%;height:100%;overflow:hidden;}
#mbenefit .obj{position:relative;width:200%;height:100%}
#mbenefit .obj .item{float:left;display:block;width:16.66%;height:575px;text-align:center;}
#mbenefit .obj .item .circle_bg{display:block;position:relative;width:267px;height:267px;background-color:#fff;/*border:1px solid #e7e7e7;*/margin:0 auto 10px;}
#mbenefit .obj .item .circle_bg .circle_num{position:relative;z-index:12;display:block;width:100%;height:100%;padding-top:83px;font-size:70px;line-height:265px}
#mbenefit .obj .item.item1 .circle_bg .circle_num{color:#0079f3;}
#mbenefit .obj .item.item2 .circle_bg .circle_num{color:#10c2d2;}
#mbenefit .obj .item.item3 .circle_bg .circle_num{color:#00aaff;}
#mbenefit .obj .item.item1{background:url(/images/kor/main/mbf_bg01.png) no-repeat bottom center;}
#mbenefit .obj .item.item2{background:url(/images/kor/main/mbf_bg02.png) no-repeat bottom center;}
#mbenefit .obj .item.item3{background:url(/images/kor/main/mbf_bg03.png) no-repeat bottom center;}
#mbenefit .obj .item.item1 .circle_bg .circle_num{}
#mbenefit .obj .item.item2 .circle_bg .circle_num{}
#mbenefit .obj .item.item3 .circle_bg .circle_num{}
#mbenefit .obj .item .e_tit{display:block;font-size:26px;letter-spacing:1px;font-weight:600}
#mbenefit .obj .item strong{display:block;font-size:20px;color:#000;margin-bottom:10px;line-height:1.3}
#mbenefit .obj .item ul li{font-size:15px;color:#000;word-wrap:break-word;word-break:keep-all;}
#mbenefit .control{display:none}
#mbenefit .control .number{position:absolute;top:-50px;left:50%;margin-left:-31px}
#mbenefit .control .number button{display:inline-block;width:12px;height:12px;border-radius:50%;background:none;background-color:#949494;margin-right:10px;font-size:0}
#mbenefit .control .number button.ov{background-color:#0079f3;}
#mbenefit .control button{display:inline-block;width:36px;height:25px;background:url(/images/kor/main/ir-control.png) no-repeat;font-size:0}
#mbenefit .control button[data-control="prev"]{position:absolute;top:43%;left:30px;background-position:0 0}
#mbenefit .control button[data-control="next"]{position:absolute;top:43%;right:30px;background-position:-51px 0}
#mbenefit .obj .item .circle_bg .line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;border:1px solid;border-color:#e7e7e7;border-radius:50%;animation: none;}
#mbenefit.action .obj .item .circle_bg .line{/*animation: rotate 3s linear infinite;*/}
#mbenefit .obj .item .circle_bg .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;}
#mbenefit.action .obj .item .circle_bg .bg{/*animation: rotate-bg 5s linear infinite;*/}
#mbenefit .obj .item.item1 .circle_bg .bg{background:url(/images/kor/main/goal_70.png) no-repeat 0 -1px;background-size:contain;}
#mbenefit .obj .item.item2 .circle_bg .bg{background:url(/images/kor/main/goal_99.png) no-repeat 0 -1px;background-size:contain;}
#mbenefit .obj .item.item3 .circle_bg .bg{background:url(/images/kor/main/goal_400.png) no-repeat 0 -1px;background-size:contain;}

@media(max-width:1780px){
    #mbenefit:before, #mbenefit:after{display:none}
}
@media(max-width:1200px){
    #mbenefit{padding-top:110px;}
    #mbenefit .obj .item{height:475px;padding:0 40px 110px;}
    #mbenefit .obj .item strong{font-size:20px;line-height:24px}
    #mbenefit .obj .item .circle_bg{width:210px;height:210px;}
    #mbenefit .obj .item .circle_bg .circle_num{padding-top:60px;font-size:60px;line-height:220px;}
    #mbenefit .obj .item .e_tit{font-size:20px;}
    #mbenefit .obj .item.item3{background-size:60%}
}
@media(max-width:876px){
    #mbenefit{padding-top:95px;}
    /*#mbenefit .grap{height: 316px}*/
    #mbenefit .obj .item{height:auto;padding:0 20px 110px;}
    #mbenefit .obj .item .e_tit{font-size:16px;}
    #mbenefit .obj .item strong{font-size:15px;line-height:17px}
    #mbenefit .obj .item .circle_bg{width:144px;height:144px}
    #mbenefit .obj .item .circle_bg .circle_num{padding-top:40px;font-size:40px;line-height:150px;}
    #mbenefit .obj .item.item1,
    #mbenefit .obj .item.item2,
    #mbenefit .obj .item.item3{background-size: 50%;}
}
@media(max-width:640px){
    #mbenefit{height:460px;}
    #mbenefit .control{display:block;}
    #mbenefit .obj .item{width:50%;height:365px;padding: 0 70px;}
    #mbenefit .obj .item.item1,
    #mbenefit .obj .item.item2,
    #mbenefit .obj .item.item3{background-size: 30%;}
    #mbenefit .control button[data-control="prev"]{left:10px;}
    #mbenefit .control button[data-control="next"]{right:10px;}
}

#mbenefit2{clear:both;position:relative;width:100%;height:auto;background-color: #fff;padding-top:40px;}
#mbenefit2 .layout{height:100%}
#mbenefit2 .grap{position:relative;width:100%;height:100%;overflow:hidden;}
#mbenefit2 .obj{position:relative;width:200%;height:100%}
#mbenefit2 .obj .item{display:block;float:left;width:14.8%;height:510px;margin-left: 2.8%;text-align:center;}
#mbenefit2 .obj .item:first-child{margin-left:0}
#mbenefit2 .obj .item .inner{position:relative;height:440px;padding:60px 10%;box-shadow: 0 0 55px rgba(0,0,0,0.1), 0 0 17px rgba(0,0,0,0.1);}
#mbenefit2 .obj .item .inner:before{content:"";position:absolute;top:0;left:0;height:3px;width:100%;background:url(/images/kor/main/mbenefit_line.jpg) no-repeat;}
#mbenefit2 .obj .item strong{display: block;margin: -37px 0 22px 0;text-align: center; font-weight: bold; font-size: 20px;color:#0052a4}
#mbenefit2 .obj .item .graps{position: relative;width: 100%;height: 80%;overflow: hidden}
#mbenefit2 .obj .item .objs{position: relative;width: 200%;height: 100%}
#mbenefit2 .obj .item .objs .item_list{display: block;overflow: hidden; float: left;width: 50%;height: 100%;text-align: center}
#mbenefit2 .obj .item .objs .item_list a{display:block;height:100%;width:100%}
#mbenefit2 .obj .item .objs .item_list .thum{width:100%; height: 200px; overflow: hidden; margin: 0 auto; text-align: center;}
#mbenefit2 .obj .item .objs .item_list .thum span > p:first-child{margin-left:0 !important;text-indent:0 !important;}
#mbenefit2 .obj .item .objs .item_list .thum img{display:inline-block;height:100%;max-width:100%}
#mbenefit2 .obj .item .objs .item_list .text{display: block; overflow: hidden;width: 100%; height: 34px;margin-top:18px;line-height:1.8;font-size:18px;font-weight:bold;color:#000;white-space: nowrap;text-overflow: ellipsis}
#mbenefit2 .obj .item .control{text-align:right}
#mbenefit2 .obj .item .control .number button{display: inline-block;width: 15px; height: 11px;margin-left:4px; border-radius: 6px;vertical-align:middle; background:none; background-color: #cbcbcb; text-indent: -9999px;}
#mbenefit2 .obj .item .control .number button:first-child{margin-left:0}
#mbenefit2 .obj .item .control .number button.ov{background-color: #0052a4}
#mbenefit2 .obj .item .control button{display:inline-block;width:25px;height:25px;margin-left:5px;background:url(/images/kor/main/play_ir.png) no-repeat;text-indent: -9999px;}
#mbenefit2 .obj .item .control button[data-control="play"]{display:none;background-position:0 0}
#mbenefit2 .obj .item .control button[data-control="stop"]{background-position:-25px 0}
#mbenefit2 .control.mbenefit{display:none}
#mbenefit2 .control.mbenefit .number{position:absolute;top:-50px;left:50%;margin-left:-31px}
#mbenefit2 .control.mbenefit .number button{display:inline-block;width:12px;height:12px;border-radius:50%;background:none;background-color:#949494;margin-right:10px;font-size:0}
#mbenefit2 .control.mbenefit .number button.ov{background-color:#0079f3;}
#mbenefit2 .control.mbenefit button{display:inline-block;width:36px;height:25px;background:url(/images/kor/main/ir-control.png) no-repeat;font-size:0}
#mbenefit2 .control.mbenefit button[data-control="prev"]{position:absolute;top:43%;left:30px;background-position:0 0}
#mbenefit2 .control.mbenefit button[data-control="next"]{position:absolute;top:43%;right:30px;background-position:-51px 0}

@media(max-width:1780px){
    #mbenefit2:before, #mbenefit2:after{display:none}
}
@media(max-width:1200px){
    #mbenefit2{padding-top:110px;}
    #mbenefit2 .obj .item{width: 15.8%;margin-left: 1.8%;}
    #mbenefit2 .obj .item.item3{background-size:60%}
}
@media(max-width:876px){
    #mbenefit2{padding-top:95px;}
    #mbenefit2 .obj .item.item1,
    #mbenefit2 .obj .item.item2,
    #mbenefit2 .obj .item.item3{background-size: 50%;}
}

@media(max-width:767px){
	#mbenefit2 .obj .item .inner:before{background-repeat: repeat;}
    #mbenefit2 .obj .item{float:none;width:50%;padding:0 10% 110px;margin-left:0}
    #mbenefit2 .obj .item.item1,
    #mbenefit2 .obj .item.item2,
    #mbenefit2 .obj .item.item3{background-size: 30%;}
}
@media(max-width:460px){
#mbenefit2 .obj .item{width:50%;padding:0 5% 110px;}
#mbenefit2 .obj .item .inner:before{background-repeat: no-repeat;}
}
/**/
#quickLlink{ width:100%; background-color:#bec4cc; padding:24px 0; display:inline-block; position:relative; z-index: 10;}
#quickLlink .quickBox{ width:100%; display:inline-block;}
#quickLlink .quickBox > li{ width:23.5%; height:45px; background-color:#fff; display:inline-block; float:left; position:relative;}

#quickLlink .quickBox > li:hover{background-color:#a0a7b1;}

#quickLlink .quickBox > li + li{ margin-left:2%;}
#quickLlink .quickBox > li .btn{ width:100%; background-color:transparent; display:inline-block; border:0;}
#quickLlink .quickBox > li .btn > a{ width:100%; font-size:16px; text-align:left; color:#000; line-height:45px; padding:0 50px 0 20px; display:inline-block; position:relative;}
#quickLlink .quickBox > li .btn > a:before{ width:24px; height:24px; background:url(/images/eng/main/quick_link_icon.png) no-repeat 0 0; content:""; margin-top:-12px; position:absolute; top:50%; right:10px;}
#quickLlink .quickBox > li.on .btn > a:before{ background-position:-24px 0;}
#quickLlink .list{ width:100%; height:200px; background-color:#fff; display:none; overflow-y:auto; border:1px solid #CCC; box-sizing:border-box; position:absolute; top:-200px; left:0;}
#quickLlink .list > li{ width:100%; display:inline-block; border-bottom:1px dashed #CCC;}

#quickLlink .list > li:hover{background-color:#a0a7b1;}

#quickLlink .list > li:last-child{ border-bottom:0;}
#quickLlink .list > li > a{ width:100%; font-size:14px; color:#000; text-align:left; line-height:20px; padding:10px 20px; display:inline-block; box-sizing:border-box;}
#quickLlink .list > li > a > strong{ font-weight:900; font-size:16px;}
#quickLlink .list > li > strong{ width:100%; font-weight:900; font-size:16px; color:#000; text-align:left; line-height:20px; padding:10px 20px; display:inline-block; box-sizing:border-box;}
#quickLlink .quickBox > li.on .list{ display:inline-block;}
@media(max-width:768px){
	#quickLlink .quickBox > li{ width:49%;}
	#quickLlink .quickBox > li:nth-child(2n+1){ margin-left:0;}
	#quickLlink .quickBox > li:nth-child(n+3){ margin-top:1%;}
}
@media(max-width:640px){
	#quickLlink .quickBox{ padding:0 2.5%; box-sizing:border-box;}
	#quickLlink .quickBox > li{ width:100%;}
	#quickLlink .quickBox > li + li,
	#quickLlink .quickBox > li:nth-child(2n+1){ margin-left:0;}
	#quickLlink .quickBox > li + li{ margin-top:1%;}
}