@charset "utf-8";
@font-face {
    font-family: 'InkLipquid';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ 이용안내 @@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* 사이트맵 */
.sitemap {position:relative;float:left;display:inline;width:100%;padding:5px 0 20px 0;}
.sitemap dl {float:left;width:48%; box-sizing:border-box; padding:0 0 25px 0; border-radius:15px 0 0 0;margin:0 1% 20px;border:1px solid #ddd; background-color:#f9f9f9;}
.sitemap dl dt {font-size:18px; padding:10px 0 10px 15px; background:#fff; border-bottom:1px solid #ddd; border-radius:15px 0 0 0; margin-bottom:10px;}
.sitemap dl dt a{color:#3f95dc; font-weight:bold; padding:5px 0 0 0; }
.sitemap dl dt a:hover {color:#333;}
.sitemap dl dd { clear:both;font-size:14px; font-weight:bold; padding:7px 0 6px 30px;background:url(../images/help/dt_dot01.gif) 20px 14px no-repeat;}
.sitemap dl dd a {color:#555555;}
.sitemap dl dd a:hover {text-decoration:underline;  }
.sitemap dl dd ul {display:block; clear:both;padding:7px 0 7px 13px; margin:10px 30px 10px 0; background-color:#fff;border:1px dashed #ccc; border-radius:3px;}
.sitemap dl dd ul li {display:inline-block; width:50%;margin:0; font-size:12px;  }
.sitemap dl dd ul li a {display:block; color:#737373; padding:0 0 0 5px; line-height:21px;}
.sitemap dl dd ul li a:hover {text-decoration:underline; color:#ee5861;}

/*오시는 길*/
.customoverlay {position:relative;bottom: 80px;border-radius:6px;border:1px solid #ccc; border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden; background:#e6bf50 url(../images/intro/arrow_white.png) 128px center no-repeat;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:8px 15px;font-size:14px;font-weight:bold; text-transform: uppercase;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px; background:url(../images/intro/vertex_white.png) left top no-repeat;}

/* 인사말 */
.c1{color:#ff006e;}
.c2{color:#8338ec;}
.c3{color:#3a86ff;}
.c4{color:#fb5607;}

.intro01_01 .titlebox{margin-bottom: 35px; font-weight: 500;}
.intro01_01 .titlebox p{font-size: 40px;color: #333;}
.intro01_01 .titlebox .title span.t1{font-size: 35px;line-height: 45px;font-family: 'InkLipquid';}
.intro01_01 .titlebox .title span.t2{ line-height: 45px;background: url(../images/intro/intro_tit.png) center center repeat-x;}
.intro01_01 .titlebox .title span.t3{font-size: 15px; line-height: 10px;}

.intro01_01 p.name{text-align: right; font-size: 21px; font-weight: 500;margin-top: 20px;word-break: keep-all;}
.intro01_01 p.name span{font-size: 50px;font-family: 'InkLipquid';color: #333;}
.intro01_01 p.name img{width: 18px; margin-bottom: -5px;}

.intro01_pic{position: absolute;top: 0;right: 0;}

/* 경영방침 */
.intro01_02 div.titlebox{display: flex;align-items: center;justify-content: center; min-height: 148px; padding: 10px; margin:40px 0 30px 0; border: 1px solid #d1d1d1;border-radius: 20px; background: url(../images/intro/intro01_02_titleBg.png) top left repeat-y; position: relative;}
.intro01_02 div.titlebox p{font-size: 30px;font-weight: 500; word-break: keep-all; text-align: center;line-height: 30px;overflow: hidden;}
.intro01_02 div.titlebox .title_top{position: absolute;top: -30px;padding: 10px 50px;font-weight: bold;background: #17357a;color: #fff;border-radius: 100px;font-size: 25px;line-height: 40px;}

.intro01_02 div.titlebox p span{position:relative;}
.intro01_02 div.titlebox p span.c1{font-weight: 600;color: #fb5607;}
.intro01_02 div.titlebox p span.c2{font-weight: 600;color: #ffbe0b;}
.intro01_02 div.titlebox p span.c3{font-weight: 600;color: #3a86ff;}

.intro01_02 .subtitle{font-size: 30px;text-align: center;margin: 30px 0 0 0;font-weight: 500;color: #17357a;}

.intro01_02 .cirbox {position:relative; padding:63px 0; background:url(../images/intro/intro05_01_cir2.png) center top no-repeat, url(../images/intro/intro05_01_cir2.png) center bottom no-repeat;}
.intro01_02 .cirbox .cir { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; }
.intro01_02 .cirbox .cir img { display:block; }
.intro01_02 .cirbox ul { display:flex; align-items:center; justify-content:center; }
.intro01_02 .cirbox ul.cir2 { margin-bottom:88px; }
.intro01_02 .cirbox ul li {  width:calc(50% - 120px); box-sizing:border-box; line-height:30px; font-size:20px; color:#333; font-weight:500; background:#fcefb4; border-radius:150px; padding:21px 32px; position:relative; }
.intro01_02 .cirbox ul li span { color:#ff8c00; font-weight:700;}
.intro01_02 .cirbox ul li:nth-child(odd) { text-align:left; }
.intro01_02 .cirbox ul li:nth-child(even) { text-align:right; }

.intro01_02 .cirbox ul li::before { content:""; display:block; width:73px; height:73px; box-sizing:border-box; border:7px solid #fcefb4; border-radius:50%; position:absolute; top:0; }
.intro01_02 .cirbox ul li:nth-child(odd)::before { left:-87px; }
.intro01_02 .cirbox ul li:nth-child(even)::before { right:-87px; }

.intro01_02 .cirbox ul.cir2 li:nth-child(odd)::before { background:#fdc921  url(../images/intro/intro01_02_ic1.png) center center no-repeat; }
.intro01_02 .cirbox ul.cir2 li:nth-child(even)::before { background:#fdc921  url(../images/intro/intro01_02_ic2.png) center center no-repeat; }

.intro01_02 .cirbox ul.cir3 li:nth-child(odd)::before { background:#fdc921  url(../images/intro/intro01_02_ic3.png) center center no-repeat; }
.intro01_02 .cirbox ul.cir3 li:nth-child(even)::before { background:#fdc921  url(../images/intro/intro01_02_ic4.png) center center no-repeat; }


.intro01_02 div.num{position: relative;width: calc(100% / 3 - 20px);float: left;margin-top: 63px;}

.intro01_02 div.num p.num_t{width: 100%;font-size: 18px;font-weight: 500;line-height: 29px; text-align: center; color: #fff;border-radius: 20px 20px 0 0;padding: 10px;box-sizing: border-box;}
.intro01_02 div.num1 p.num_t{background-color: #3f37c9;}
.intro01_02 div.num2{margin: 63px 30px 0;}
.intro01_02 div.num2 p.num_t{background-color: #4361ee;}
.intro01_02 div.num3 p.num_t{background-color: #4895ef;}

.intro01_02 div.num div.txt{padding: 20px 0; border-bottom: 2px solid #ccc;}
.intro01_02 div.num p.txt span.c1{color: #5e2bff;}
.intro01_02 div.num p.txt span.c2{color: #c04cfd;}
.intro01_02 div.num p.txt span.c3{color: #fc6dab;}
/* 연혁 */
.intro02_01 #timeline ul#dates {display: grid;grid-template-columns: repeat(auto-fill, minmax(15%, auto));column-gap: 16px;row-gap: 16px; margin-bottom: 30px;}
.intro02_01 #timeline #dates li a{display: block; position: relative; width: 100%;box-sizing: border-box;padding: 10px; background-color: #ebebeb; border: 1px solid #ccc; color:#797979;font-size: 17px;font-weight: 500;line-height: 36px;}
.intro02_01 #timeline #dates li.selected a{background-color: #3a86ff;color: #fff;}
.intro02_01 #timeline #dates li.selected span.dot{border: 1px solid #fff;background: url(../images/intro/dates_btn_arrow2.png) center center no-repeat;}
.intro02_01 #timeline #dates li a span.dot{display: block;width: 24px;height: 24px; position: absolute; right: 10px; top: 15px;border:1px solid #797979;background: url(../images/intro/dates_btn_arrow.png) center center no-repeat;}

.intro02_01 #timeline #issues #issu_2000, .intro02_01 #issues #issu_1950{display: none;}

.intro02_01 #timeline #issues li div.top_txt{font-size: 15px; font-weight: 500;float: left;}
.intro02_01 #timeline #issues li div.top_txt span.his_txt{font-family: 'yg-jalnan';font-size: 40px;color: #3a86ff; line-height: 40px;} 
.intro02_01 #timeline #issues li div.top_txt img{margin-top: 30px;}
.intro02_01 #timeline #issues li div.top_txt span.his_txt{font-family: 'yg-jalnan';font-size: 40px;color: #3a86ff; line-height: 40px;} 

.intro02_01 #timeline #issues li div.history{float: right;width: calc(100% - 500px);font-size: 16px;position: relative; word-break: keep-all;}
.intro02_01 #timeline #issues li div.history::before {content: "";display: block;width: 50px;height: 1px;background: #aaaaaa;position: absolute;left: 0;top: 14px;}

.intro02_01 #timeline #issues li div.his_title{font-size: 27px; font-weight: 500;color: #4361ee;}
.intro02_01 #timeline #issues li div.history div.hisbox.his_title ::after{content: "";display: block;width: 23px;height: 23px;border-radius: 50%;box-sizing: border-box;background: #fff;border: 5px solid #4361ee;position: absolute;left: -11px;top: 3px;}
.intro02_01 #timeline #issues li div.history div.hisbox.his_title  dl{padding: 0 0 40px 60px;}

.intro02_01 #timeline #issues li div.history div.hisbox ::before {content: "";display: block;width: 1px;height: 100%;background: #aaaaaa;position: absolute;left: 0;top: 8px;}
.intro02_01 #timeline #issues li div.history div.hisbox ::after{content: "";display: block;width: 14px;height: 14px;border-radius: 50%;box-sizing: border-box;background: #2e79eb;border: 4px solid #c0d7f9;position: absolute;left: -7px;top: 8px;}

.intro02_01 #timeline #issues li div.history div.hisbox dl{position: relative;box-sizing: border-box;padding: 0 0 20px 20px;}
.intro02_01 #timeline #issues li div.history div.hisbox dl dt{font-size: 21px;font-weight: 500; color: #4361ee;}
.intro02_01 #timeline #issues li div.history div.hisbox dl dd span.month{font-weight: 500; margin-right: 10px;}

/* 교훈/교가/응원가/상징 */
.intro02_02 div.motto_box{width: 100%;position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;font-size: 21px;font-weight: 500;}
.intro02_02 div.motto_box p.simcircle{width: 232px;position: absolute;line-height: 52px;border-radius: 50px;z-index: 1;background-color: #9675ff;color: #fff;}
.intro02_02 div.motto_box p.motto{width: 100%;line-height: 113px;margin-top: 25px;box-sizing: border-box;padding-top: 25px; border: 1px solid #d1d1d1;border-radius: 20px;color: #333;}
.intro02_02 div.motto_box p.motto span{font-size: 40px;font-weight: 600;}

.intro02_02 div.simbol_box{width: 100%;position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;}
.intro02_02 div.simbol_box p.simcircle{width: 232px;position: absolute;line-height: 52px;border-radius: 50px;z-index: 1;background-color: #3a86ff;font-size: 21px;font-weight: 500;color: #fff;}
.intro02_02 div.simbol_box p.txt1{width: 100%;margin-top: 25px;box-sizing: border-box;padding: 70px 0 50px 0;border-top: 1px solid #d1d1d1;font-size: 16px;}
.intro02_02 div.simbol_box p.txt1 span.c1{color: #fb5607;}
.intro02_02 div.simbol_box p.txt1 span.c2{color: #ff006e;}

.intro02_02 div.logobox,.intro02_02 div.logo_design{width: 90%;margin: 0 auto;}
.intro02_02 div.logobox ul.logo1{width: 100%;display: flex;justify-content: space-between;}
.intro02_02 div.logobox ul.logo1 li{width: 49%;height: 222px; display: flex;justify-content: center;align-items: center; margin-bottom: 16px; border: 1px solid #d1d1d1;border-radius: 20px;background: url(../images/intro/intro02_02_logoBox.png) center center repeat-x;}

.intro02_02 div.logobox ul.logo2, .intro02_02 div.logobox ul.logo3{text-align: center;}
.intro02_02 div.logobox ul.logo2, .intro02_02 div.logobox ul.logo3, .intro02_02 div.logo_design{ padding: 20px;border: 1px solid #d1d1d1;border-radius: 20px;margin-bottom: 16px;}
.intro02_02 div.logobox ul.logo2 li, .intro02_02 div.logobox ul.logo3 li{display: inline-block;margin: 0 24px;}

.intro02_02 div.logobox ul.logo_down{text-align: end;}
.intro02_02 div.logobox ul.logo_down li{display: inline-block;}

.b_btn{
    display: inline-block; position: relative;width: 216px;box-sizing: border-box;padding: 10px;background-color: #3a86ff;border: 1px solid #ccc;color: #fff;font-size: 17px;font-weight: 500;line-height: 36px;text-align: start;}
.intro02_02 div.logobox ul.logo_down li a span.dot, .intro02_02 div.top_songbox .songbox p a span.dot{
    display: block;width: 24px;height: 24px;position: absolute;right: 10px;top: 15px;border: 1px solid #fff;background: url(../images/intro/dates_btn_arrow2.png) center center no-repeat;}

.intro02_02 .logo_design { overflow: hidden;box-sizing: border-box;}
.intro02_02 .logo_design p {float: left;font-size: 21px;font-weight: bold;color: #333;height: 35px;line-height: 35px;border-left: 3px solid #ffbe0b;padding: 0 20px 0 13px;margin: 26px 12px 0 12px;}
.intro02_02 .logo_design li {float: left;}
.intro02_02 .logo_design li.d2 {float: right;margin: 8px 13px 0 0;}
.intro02_02 .logo_design ul:after {content: "";display: block;clear: both;}
.intro02_02 .logo_design:after {content: "";display: block;clear: both;}

.intro02_02 .simbox .sim_cont{text-align: center;}
.intro02_02 .simbox .sim_cont .in_simbox{display: inline-block;vertical-align: top;width: 312px;margin: 0px 10px 10px 0;overflow: hidden;border-radius: 20px 20px 0 0;border: 1px solid #d1d1d1;box-sizing: border-box;background: #fff;}
.intro02_02 .simbox .sim_cont .sim4{margin-right: 0px;}
.intro02_02 .simbox .sim_cont .in_simbox .pic img{display: block;margin:0 auto;width: 100%;max-width: 329px;}
.intro02_02 .simbox .sim_cont .title{position: relative; font-size: 19px; font-weight: 500;}
.intro02_02 .simbox .sim_cont .in_simbox .title::before{content: "";display: block;width: calc(100% - 140px);height: 2px;background: #fff;position: absolute;bottom: -2px;left: 70px;}

.intro02_02 .simbox .sim_cont .sim1 .title{color: #ffbe0b;border-bottom: 2px solid #ffbe0b;}
.intro02_02 .simbox .sim_cont .sim2 .title{color: #007200;border-bottom: 2px solid #007200;}
.intro02_02 .simbox .sim_cont .sim3 .title{color: #ff006e;border-bottom: 2px solid #ff006e;}
.intro02_02 .simbox .sim_cont .sim4 .title{color: #00a651;border-bottom: 2px solid #00a651;}

.intro02_02 .simbox .sim_cont .in_simbox .sub_title{font-size: 16px;}
.intro02_02 .simbox .sim_cont .title, .intro02_02 .simbox .sim_cont .in_simbox .sub_title{box-sizing: border-box;padding: 10px;}

.intro02_02 div.top_songbox .s_flex{display: flex;justify-content: space-between;}
.intro02_02 div.top_songbox .s_flex .songbox{margin-bottom: 10px;}
.intro02_02 div.top_songbox .s_flex .songbox .btnbox{text-align: end;}


/* 교육중심 */
.intro02_03 p.title{box-sizing: border-box; line-height: 41px; padding: 47px 0 48px 0;  font-size: 28px; color: #fff; text-align: center; background: url(../images/intro/intro02_03_pic.png) center center no-repeat;}
.intro02_03 p.title span.dot{font-size: 25px; padding: 0 10px; border-radius: 50px; background-color: #fb5607;}
.intro02_03 p.title span.s1{color: #fb5607; background-color: #ffe1d3;}

.intro02_03 p.s_title{width: 92%;position: relative;top: -47px;left: 100px;z-index: -1;text-align: center;font-size: 19px;font-weight:500;line-height: 90px;border: 2px solid #7e55ff;border-radius: 50px;}
.intro02_03 p.arrow{text-align: center;}

.intro02_03 ul.cirbox{position: relative; display: flex;justify-content: space-around; text-align: center;margin-bottom: 20px;}

.intro02_03 ul.cirbox li{display: inline-block; position: relative;}
.intro02_03 ul.cirbox li div{width: 222px;height: 56px;position: absolute;bottom: 0;}
.intro02_03 ul.cirbox li p{width: 222px;height: 222px;box-sizing: border-box;padding: 45px 0 0 0;border-radius: 50%;font-size: 16px;font-weight: 500;background-color: #fff;}
.intro02_03 ul.cirbox li.cir1 div{background: url(../images/intro/intro02_03_tit01.png) center center no-repeat;}
.intro02_03 ul.cirbox li.cir2 div{background: url(../images/intro/intro02_03_tit02.png) center center no-repeat;}
.intro02_03 ul.cirbox li.cir3 div{background: url(../images/intro/intro02_03_tit03.png) center center no-repeat;}
.intro02_03 ul.cirbox li.cir1 p{border: 2px solid #ff006e;}
.intro02_03 ul.cirbox li.cir2 p{border: 2px solid #3a86ff;}
.intro02_03 ul.cirbox li.cir3 p{border: 2px solid #ffbe0b;}

.intro02_03 ul.cirbox li.cir1::after {content: "";display: block;width: 213px;height: 1px; border-bottom: 1px dashed #aaa; position: absolute;right: -212px;top: 100px;}
.intro02_03 ul.cirbox li.cir2::after {content: "";display: block;width: 213px;height: 1px;border-bottom: 1px dashed #aaa; position: absolute;right: -212px;top: 100px;}

.intro02_03 ul.icbox{position: relative; display: flex;justify-content: space-between;}
.intro02_03 ul.icbox li{position: relative;}
.intro02_03 ul.icbox li p.pic{position: relative;top: 40px;}
.intro02_03 ul.icbox li ul{width: 414px; height: 240px;padding: 50px 20px 20px 20px; box-sizing: border-box;border-radius: 10px;background-color: #fff;box-shadow: 0px 0px 10px 0px rgb(0,0,0,0.2);font-size: 15px;}
.intro02_03 ul.icbox li.ic ul li{padding: 0 0 0 15px;}
.intro02_03 ul.icbox li.ic ul li::before{content: "";display: block;width: 5px;height: 5px;background: #797979;position: absolute;left: 0;top: 9px;}

/* 교육성과 */
.intro02_04 p.title{width: 285px; height: 66px;border-radius: 10px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 20px; margin-bottom: 16px; font-size: 19px;color: #fff;}
.intro02_04 div.box{margin-bottom: 30px;}
.intro02_04 p.title img{margin-right: 10px;}
.intro02_04 p.s_tit1{background: url(../images/intro/intro02_04_pic1.png) center center no-repeat;}
.intro02_04 p.s_tit2{background: url(../images/intro/intro02_04_pic2.png) center center no-repeat;}

.intro02_04 div.box{background-color: #f3faff; border-radius:20px; box-sizing: border-box; padding: 20px;}
.intro02_04 div.box ul.resultList{font-size: 16px;}
.intro02_04 div.box ul.resultList li{position: relative;padding: 0 0 0 20px;}
.intro02_04 div.box ul.resultList li::before{content: "";width: 28px;height: 7px; background: url(../images/intro/intro02_04_li_dot.png) left top no-repeat;position: absolute;margin-left: 5px;left: 0;top: 10px;}
.intro02_04 div.box dl.cStyle dt{background: url(../images/intro/dd_dot.png) 37px 11px no-repeat;}

/* 장학제도 */
.intro02_05 p.title{position: relative; font-family: 'S-CoreDream-6Bold';font-size: 30px;padding: 45px 65px;color: #333; background-color: #ffeef3; box-sizing: border-box;line-height: 35px;}
.intro02_05 p.title span.t2{font-family: 'Noto Sans KR';font-size: 15px;line-height: 30px;}
.intro02_05 p.title span.t3{color: #ff7097;}
.intro02_05 p.title img{position: absolute;bottom: 0;right: 65px;}

.intro02_05 div.box p.btitle{position: relative;padding: 0 0 0 30px;font-size: 19px;font-weight: 500;word-break: keep-all;}
.intro02_05 div.box p.btitle::before{content: ""; width: 20px; height: 4px; background-color: #f6b9ff;position: absolute;top: 9px;left: 0;}

.intro02_05 div.box1 ul,.intro02_05 div.box2 ul{text-align: center;}
.intro02_05 div.box1 ul li, .intro02_05 div.box2 ul li{display: inline-block;}
.intro02_05 div.box1 ul li{position: relative; width: 313px;}
.intro02_05 div.box1 ul li img{position: relative;top: 35px;}
.intro02_05 div.box1 ul li p{font-size: 15px;color: #444; padding: 34px 0 23px 0;border-radius: 20px;}
.intro02_05 div.box1 ul li.l1,.intro02_05 div.box1 ul li.l2,.intro02_05 div.box1 ul li.l3{margin-right: 13px;}
.intro02_05 div.box1 ul li.l1 p{background-color: #ffc8dd;}
.intro02_05 div.box1 ul li.l2 p{background-color: #ffafcc;}
.intro02_05 div.box1 ul li.l3 p{background-color: #bde0fe;}
.intro02_05 div.box1 ul li.l4 p{background-color: #a2d2ff;}

.intro02_05 div.box2 p.btitle{margin-bottom: 30px;}
.intro02_05 div.box2 ul li{width: 420px;margin: 0 13px 13px 0;padding: 22px 0;border: 1px solid #d1d1d1;border-radius: 20px;font-size: 15px;color: #444;}
.intro02_05 div.box2 ul li.l3, .intro02_05 div.box2 ul li.l6{margin-right: 0px;}
.intro02_05 div.box2 ul li p span.num{padding: 10px 13px;border-radius: 50px;line-height: 60px;background-color: #ff93ce;color: #fff;font-size:19px;font-weight: 500;}

.intro02_05 div.box3{display: flex;flex-direction: column;align-items: center; justify-content: center;}
.intro02_05 div.box3 p{width: 100%;}
.intro02_05 div.box3 p.t1{font-size: 21px;font-weight: 500;text-align: center;line-height: 110px;background-color: #f6f6f6;border-radius: 20px; margin-bottom: 13px;}
.intro02_05 div.box3 p.t2{text-align: start;font-size: 15px;margin-top: 6px;}
.intro02_05 div.box3 p.t2 span{padding: 5px 20px;border-radius: 5px;background-color: #bde0fe;margin: 17px 10px 15px 0;font-size: 17px;font-weight: 500;}

/* 사이버역사관 */
.intro05{width: 100%;height: 296px;display: flex;justify-content: center;align-items: center; box-sizing: border-box;padding: 20px; background: url(../images/intro/intro05_pic.png) left top no-repeat;}
.intro05 a.fbox{position: relative; display: flex;align-items: center;box-sizing: border-box;padding: 20px;font-size: 23px;font-weight: 600;color: #fff;}
.intro05 a.fbox p{margin-top: -3px;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);}
.intro05 a.fbox p span{width: 23px; height: 18px;position: absolute; top: 40px; right: 30px; background: url(../images/intro/right_go.png) left top no-repeat; transition: transform 0.3s ease;}
.intro05 a.fbox1{width: 394px;height: 100px;background: url(../images/intro/intro05_btn1.png) center center no-repeat;margin-right: 16px;}
.fbox1:hover p span {transform: translateX(5px);}
.intro05 a.fbox2{width: 394px;height: 100px;background: url(../images/intro/intro05_btn2.png) center center no-repeat;}
.fbox2:hover p span {transform: translateX(5px);}

/* 대학 전공별 */
.guide01 dl dd.box .guidebox p.pic{width: 100%; line-height: 164px;text-align: center;font-size: 30px;font-weight: 500; color: #fff;}

.guide01 dl {position: relative;}
.guide01 dl dt {float: left;width: 20%;}
.guide_go dd {width: 100%;margin-bottom: 20px;}
.guide01 dl dd.box {display: none;top: 70px;left: 0;margin: 0 0 0 0 !important;width: 100%;padding: 70px 0 0 0;}
.guide01 dl dd.first {display: block;}

.guide_go dt {position: absolute;top: 0;}
.guide_go dt.g_title1 { left:0; }
.guide_go dt.g_title2 { left:20%; }
.guide_go dt.g_title3 { left:40%; }
.guide_go dt.g_title4 { left:60%; }
.guide_go dt.g_title5 { left:80%; }

.guide01 dl dt a {text-decoration: none;display: block;width: 100%;height: 50px;line-height: 48px;box-sizing: border-box;border: 1px solid #ddd;background: #f9f9f9;text-align: center;font-size: 16px;color: #888;letter-spacing: -1px;}
.guide01 dl dt.g_title1 a {border-left: 1px solid #ddd;}
.guide01 dl dt.on a {border: 0 none !important;background: #4765c7;color: #fff;font-weight: bold;line-height: 50px;position: relative;}

.guidebox .g1_1 {background: url(../images/guide/g1_img1.png) center center no-repeat;}
.guidebox .g1_2 {background: url(../images/guide/g1_img2.png) center center no-repeat;}
.guidebox .g1_3 {background: url(../images/guide/g1_img3.png) center center no-repeat;}
.guidebox .g1_4 {background: url(../images/guide/g1_img5.png) center center no-repeat;}
.guidebox .g1_5 {background: url(../images/guide/g1_img4.png) center center no-repeat;}

.guidebox .g2_1 {background: url(../images/guide/g2_img1.png) center center no-repeat;}
.guidebox .g2_2 {background: url(../images/guide/g2_img2.png) center center no-repeat;}
.guidebox .g2_3 {background: url(../images/guide/g2_img3.png) center center no-repeat;}
.guidebox .g2_4 {background: url(../images/guide/g2_img4.png) center center no-repeat;}
.guidebox .g2_5 {background: url(../images/guide/g2_img5.png) center center no-repeat;}

.guidebox .g3_1 {background: url(../images/guide/g3_img1.png) center center no-repeat;}
.guidebox .g3_2 {background: url(../images/guide/g3_img2.png) center center no-repeat;}
.guidebox .g3_3 {background: url(../images/guide/g3_img3.png) center center no-repeat;}

.guidebox .g4_1 {background: url(../images/guide/g4_img1.png) center center no-repeat;}
.guidebox .g4_2 {background: url(../images/guide/g4_img2.png) center center no-repeat;}

.guidebox .g5_1 {background: url(../images/guide/g5_img1.png) center center no-repeat;}
.guidebox .g5_2 {background: url(../images/guide/g5_img2.png) center center no-repeat;}

.guide01 dl dd table tr td ul.down{text-align: start;}
.guide01 dl dd table tr td ul.down li{display: inline-block;margin: 5px;}
.guide01 dl dd table tr td ul.down li a{display: inline-block;width: 182px;height: auto; padding:5px;border: 2px solid #0164dd;border-radius: 5px;position: relative;font-size: 15px;}
.guide01 dl dd table tr td ul.down li a span{display: flex;justify-content: center;align-items: center; position: absolute;right: 0;top: 0; height:100%; box-sizing: border-box;padding: 0 17px;background-color: #0164dd;}

.probox{box-sizing: border-box;padding: 20px 10px;}

/* 교과별 과목 안내 */
.process04 ul.pro_guide{margin-top: 15px;}
.process04 ul.pro_guide li{display: inline-block;margin:5px 0;}
.process04 ul.pro_guide li a{display: inline-block;width: 257px;line-height:50px;box-sizing: border-box;padding: 10px;background: url(../images/process/process04_btn2.png) center center no-repeat;background-size: contain;font-size: 17px;font-weight: 500;text-align: start;}
.process04 ul.pro_guide li a:hover{text-decoration: underline;}

/* 학사일정 */
.edu09_01 .schbox:after { content:""; display:block; clear:both; }
.edu09_01 .schbox li { width:46%; margin:0 2% 20px; float:left; }
.edu09_01 .schbox dl { background:#f6f6f6; padding:20px 0;  }
.edu09_01 .schbox th.sun { color:#cc3333;  }
.edu09_01 .schbox th.sat { color:#3399cc;}

.edu09_01 .schbox td.sun { color:#cc3333; }
.edu09_01 .schbox td.sat { color:#3399cc;}
.edu09_01 .schbox p.all { border-top:1px dashed #ddd; font-size:1.077em; padding:10px 0; text-align:right; }

/* wee클래스 */
.stu06_01 div.logobox{display: flex;flex-direction: column;align-items: center;position: relative;}

.stu06_01 div.logobox div.wee{width: 100%;height: 112px;box-sizing: border-box;padding: 15px 0 0 33px;background-color: #f4d35e;border-radius: 20px 20px 0 0;}
.stu06_01 div.logobox div.wee p{width: fit-content;padding: 5px 15px;background-color: #fff;border-radius: 50px;}

.stu06_01 div.logobox div.txt{width: 95%;display: flex;align-items: center;position: relative;top: -48px;box-sizing: border-box;padding: 20px;background-color: #fff;border-radius: 20px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);}
.stu06_01 div.logobox div.txt img{margin-right: 20px;}
.stu06_01 div.logobox div.txt p{font-size: 15px;}
.stu06_01 div.logobox div.txt p.m_view{text-align: center;margin-bottom: 20px;}
.stu06_01 div.logobox div.txt p.m_view{display: none;}

/* 학생회 */
.stu01_01 div.titlebox{display: flex;align-items: center;position: relative; background: url(../images/student/student01_01_pic.png) left top no-repeat;}
.stu01_01 div.titlebox img{position: relative;top: 40px;left: 35px;width: 300px;}
.stu01_01 div.titlebox p.title{margin: -40px 0 0 206px;font-size: 25px;color: #fff;line-height: 35px;}
.stu01_01 div.titlebox p.title span{font-size: 28px;font-weight: bold;line-height: 40px; background-color: #013c85;}
.stu01_01 p.txt{font-size: 16px;margin: 0 40px;}
.stu01_01 p.txt1{margin-top: 50px;}

.stu01_01 p.m_view{display: none; font-size: 21px;color: #333;line-height: 35px;}
.stu01_01 p.m_view span{font-size: 25px;font-weight: bold;line-height: 40px;color: #fff; background-color: #013c85;}
/* ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● 반응형 ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
@media all and (max-width:1024px) {
    /* 인사말 */
    .intro01_pic{display: none;}

    /* 경영방침 */
    .intro01_02 div.num p.num_t{width:100%;box-sizing:border-box;}
    .intro01_02 div.num p.txt{padding: 20px;}
    .intro01_02 div.num p.txt img{display:none}
	
	.intro01_02 div.titlebox{min-height: 85px;padding: 30px 10px 10px 10px;}
	.intro01_02 div.titlebox p{font-size: 23px;}
	.intro01_02 div.titlebox .title_top{font-size: 22px;padding: 6px 47px;}
	
	.intro01_02 .cirbox {position:relative; padding:40px 0; }
	.intro01_02 .cirbox .cir { position:static; transform:none; margin:0 auto 20px; z-index:1; text-align:center; }
	.intro01_02 .cirbox .cir img { display:block; margin:0 auto 0px;}
	.intro01_02 .cirbox ul { display:block; }
	.intro01_02 .cirbox ul.cir2 { margin-bottom:20px; }
	.intro01_02 .cirbox ul li {  width:calc(100% - 90px); margin:0 0 20px 90px; line-height:30px; font-size:20px; color:#333; font-weight:500; background:#fcefb4; border-radius:20px; padding:21px 28px; position:relative; word-break:keep-all; }
	.intro01_02 .cirbox ul li span { color:#ff8c00; font-weight:700;}
	.intro01_02 .cirbox ul li:nth-child(odd) { text-align:center; }
	.intro01_02 .cirbox ul li:nth-child(even) { text-align:center; }
	
	.intro01_02 .cirbox ul li:nth-child(odd)::before { left:-87px; }
	.intro01_02 .cirbox ul li:nth-child(even)::before { right:inherit; left:-87px;}
	
	.intro01_02 div.num{width:100%;float: none;margin-top: 20px;}
	.intro01_02 div.num1{margin-top: 40px;}
	.intro01_02 div.num2{margin:20px 0 0}
    
    /* 연혁 */
    .intro02_01 #timeline ul#dates{grid-template-columns: repeat(1, 1fr);row-gap: 10px;}
    .intro02_01 #timeline #issues li div.top_txt{display: none;}
    .intro02_01 #timeline #issues li div.history{width: calc(100% - 20px);margin-left: 20px;}

    /* 교훈/교가 */
    .intro02_02 div.logobox, .intro02_02 div.logo_design {width: 100%;}
    .intro02_02 div.logobox ul.logo1 li{height: auto;box-sizing: border-box;padding:20px 10px;}
    .intro02_02 div.logobox ul.logo1 li img{width: 80%;}
    .intro02_02 div.logobox ul.logo2, .intro02_02 div.logobox ul.logo3{padding: 20px 0px}
    .intro02_02 div.logobox ul.logo2 li, .intro02_02 div.logobox ul.logo3 li{margin: 0 8px;}

	.intro02_02 .simbox .sim_cont .in_simbox { width:calc(100% - 10px); margin:0 5px 15px; max-width:312px; }

    .intro02_02 .logo_design {overflow: hidden;box-sizing: border-box;}
    .intro02_02 .logo_design p {float: none;border-left: 0px;border-bottom: 3px solid #ffbe0b;border-right: 0 none;text-align: center;padding: 10px 0;margin: 0px 0 0 0;}
    .intro02_02 .logo_design li {float: none;text-align: center;}
    .intro02_02 .logo_design li.d1 img {width: 100%;max-width: 475px;}
    .intro02_02 .logo_design li.d2 {float: none;text-align: center;margin: 0px 0 0 0;}
    .intro02_02 div.logobox ul.logo_down{text-align: center;}

    .intro02_02 div.top_songbox .inner_songbox{display: block;}
    .intro02_02 div.top_songbox .inner_songbox .songbox p{text-align: center !important;}

    /* 교육중점 */
    .intro02_03 p.title{padding: 20px 10px;font-size: 1.25rem;word-break: keep-all;}
    .intro02_03 p.title span.dot{font-size: 1.25rem;}

    .intro02_03 p.title_cir img{width: 235px;}
    .intro02_03 ul.icbox li p.pic img{height: 63.45px;}
    .intro02_03 p.s_title{width: 100%;top: -26px;left: 0;font-size: 17px;}
    .intro02_03 ul.icbox{flex-direction: column;}
    .intro02_03 ul.icbox li ul{width: 100%;height: auto;}

    /* 교육성과 */
    .intro02_04 div.box{padding: 15px;}

    /* 장학제도 */
    .intro02_05 div.box2 ul li.l3{margin-right: 13px;}
    .intro02_05 div.box3 p{width: 100%;}
    .intro02_05 p.title{font-size: 28px; padding: 35px 20px 40px 20px;}
    .intro02_05 p.title img {display: none;}
    .intro02_05 div.box3 p.t2{margin-top: 0px;text-align: center;}
    .intro02_05 div.box3 p.t2 span{display: block; padding: 15px 20px;margin: 0px 0 13px 0;}

    /* 사이버역사관 */
    .intro05{height: 400px; flex-direction: column; background: url(../images/intro/intro05_pic.png) left 128px no-repeat;background-color: #ebfaff;}
    .intro05 a.fbox{font-size: 21px;}
    .intro05 a.fbox1{margin: 0 0 16px 0;}
    .intro05 a.fbox1, .intro05 a.fbox2{width: 322px;height: 88px;background-size: contain;}
    .intro05 a.fbox p span{top: 33px;}

    /* 대학 전공별 선택과목 안내 */
    .process04 ul.pro_guide li{ vertical-align:top; margin:0 10px 15px; }
    .process04 ul.pro_guide li a{display: block;width: 100%; box-sizing:border-box; padding:10px 30px 10px 10px; border: 2px solid #0164dd;border-radius: 5px; position: relative; background:none;}
    .process04 ul.pro_guide li a span.gbt{display: block;position: absolute; width: 30px;height: 30px; top: 19px;right: -15px; border-radius: 50px;background: url(../images/process/btn_arrow.png) center center #0164dd no-repeat;}

    .guide01 dl dt { width:50%; overflow:hidden; }
    .guide01 dl dt.g_title1 { left:0; top:0; }
    .guide01 dl dt.g_title2 { left:50%; top:0;}
    .guide01 dl dt.g_title3 { left:0; top:50px;}
    .guide01 dl dt.g_title4 { left:50%; top:50px;}
    .guide01 dl dt.g_title5 { left:0; top:100px;}
    .guide01 dl dt.g_title5 { width:100%; border-bottom:1px solid #ddd; }

    .guide01 dl dd.box{padding: 80px 0 0 0;}
    .guide01 dl dd.m_dd{padding-top:180px}
    .guide01 dl dd.m_dd2{padding-top:130px}
    
    /*학사일정*/
    .edu09_01 .schbox:after { content:""; display:block; clear:both; }
    .edu09_01 .schbox li { width:100%; margin:0 0% 20px; float:left; }

    /* wee클래스 */
    .stu06_01 div.logobox div.wee p.pc_view{display: none;}
    .stu06_01 div.logobox div.wee p.m_view{display: block;}
    .stu06_01 div.logobox div.txt{flex-direction: column;top: -85px;}
    .stu06_01 div.logobox div.txt p.m_view{display: block;}
    .stu06_01 div.logobox div.txt img{margin: 0 0 20px 0;}

    .stu06_01 h4.mag{margin-top: -30px;}

    /* 학생회 */
    .stu01_01 div.titlebox{justify-content: center;background: url(../images/student/student01_01_pic.png) -200px top no-repeat;}
    .stu01_01 div.titlebox img{position: unset;margin: 26px 0 0 22px;}
    .stu01_01 div.titlebox p.title{display: none;}
    .stu01_01 p.m_view{display: block;}
    .stu01_01 p.txt{margin: 0;}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@ 이용안내 @@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* 사이트맵 */
.sitemap {width:94%; margin:0 3%;}
.sitemap dl dd ul li {display:inline-block; width:90%;margin:0; font-size:12px;  }
.sitemap dl { width:98%; }


}


/* ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● 반응형 (모바일추가) ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
@media all and (max-width:945px) {
    .intro02_03 ul.cirbox{flex-direction: column;align-items: center;}
    .intro02_03 ul.cirbox li.cir2{margin: 20px 0;}
    .intro02_03 ul.cirbox li.cir1::after, .intro02_03 ul.cirbox li.cir2::after{width: 0;height: 0;}

    .intro02_05 div.box1 ul li{width: 100%;}
    .intro02_05 div.box1 ul li.l1, .intro02_05 div.box1 ul li.l2, .intro02_05 div.box1 ul li.l3{margin-right: 0px;}
    .intro02_05 div.box2 ul li{ width: 100%; margin-right: 0;}

    /* 대학전공별 */
    .guide01 dl dd table tr td ul.down li{display: block;}
    .guide01 dl dd table tr td ul.down li a{display: block;width: auto;}
}
@media all and (max-width:768px) {



}
@media all and (max-width:634px) {
    .intro02_02 div.top_songbox .inner_songbox img{width: 100%;}
    .intro02_05 p.title span.t3{display: block;}
}
@media all and (max-width:444px) {
    .intro02_02 div.logobox ul.logo1 li img{width: 80%;}

}
@media all and (max-width:375px){
    .intro02_05 p.title{font-size: 23px;}
    .intro02_05 div.box3 p.t1{font-size: 18px;}

    .intro05 a.fbox1, .intro05 a.fbox2{width: 100%;}
}