@charset "utf-8";


/* 공통*/
.organ_wrapper {position:relative;margin:0;padding:0;width:100%;}
.organ_wrapper #mcontainer{margin:0; padding:0px;}



#mvisual .sns{display:none;}



.sns_mobile{display:block; z-index: 2000;  position:absolute; top:60px; right:80px;}
.sns_mobile li{display:inline-block; padding:0 3px;}



@media only screen and (min-width:1024px){


	.sns_mobile { display:none; }


}


/* 메인비주얼 */
#mvisual{position:relative; top:-12px; height:268px; /*height:300px;*/ background:url(/images/kygrad/content/mvisual_bg_1.JPG) no-repeat 50% top; background-size:cover;}
#mvisual .wrap{position:relative; margin:0 auto; padding:45px 0 0; /* padding:73px 0 0;*/ width:100%; background:none;}
#mvisual h2{display:block; margin:0px auto; text-align:center;color:#C3B5A7; letter-spacing:0px;  font-size:15px;}
#mvisual h2 div.ipsi{padding:0px 0 0 0;}
#mvisual h2 span{display:block;margin:3px 0 5px; font-size:20px;}


/* 합격자
#mvisual .wrap a{ display:inline-block; visibility:visible; margin:10px 0px; background-color:#BF0F30; border:1px solid #AFA196; color:#FEFB16;} */

/* 진학사 */
#mvisual .wrap a{ display:inline-block; visibility:visible; margin:5px 0px; background-color:#0a2b6d; border:1px solid #b5a89e; color:#fefb16;}

#mvisual .wrap a.s_btn{ display:inline-block; visibility:visible; margin:3px 0px; background-color:#BF0F30; border:1px solid #AFA196; color:#FEFB16;} */


#mvisual .wrap a{display:none; visibility:hidden; margin:10px 0px; background-color:#FEFB16; border:1px solid #AFA196; color:#281904;}
#mvisual .wrap a + a{display:none; visibility:hidden; margin:10px 0px; background-color:#FEFB16; border:1px solid #AFA196; color:#281904;}
#mvisual .wrap a + a + a{display:none; visibility:hidden; margin:10px 0; background-color:#FEFB16; border:1px solid #AFA196; color:#281904;}
#mvisual .wrap a:hover,
#mvisual .wrap a:active,
#mvisual .wrap a:focus{text-decoration:underline;}
#mvisual .wrap .ipsi_btn,
#mvisual .wrap .ipsi_btn2{margin:0 auto; padding:10px 7px 7px; line-height:20px; font-size:0.85em;}


@media all and (min-width:550px){

/* 메인 상단 입시지원 바로가기 */
.main .snb_box .snb .global_l a {  }
.main .snb_box .snb .global_l a.or_btn { position:absolute; float:right; right:0; top:0; display:block; padding:11px 30px 9px;  text-align:center; color:#fff; background-color:#FF8400;}

}

@media all and (min-width:1024px){

	.main .snb_box .snb .global_l a.or_btn { display:none;}

}


/* 메인링크 */

.mlink ul li.mo_hide{display:none;}
.mlink ul li.mo{display:block;}
.mlink{position:absolute;bottom:0;left:0;width:100%;margin:0px;text-align:center;background:url(/images/kygrad/content/mlink_bg_235.PNG) no-repeat 50% top;}
.mlink .ml_box{overflow:hidden;margin:0 auto;width:235px}
.mlink ul{position:relative;width:1000px;}
.mlink ul:after{display:block;clear:both;content:'';}
.mlink ul li{float:left;position:relative; padding-top:7px; width:125px;height:82px; font-weight:bold; }
.mlink ul li.l{background: url(/images/kygrad/content/mlink_bg_l.PNG) repeat;}
.mlink ul li.r{background: url(/images/kygrad/content/mlink_bg_r.PNG) repeat;}
.mlink ul li a{display:block;padding:2px 0 0 0px;text-align:center;font-size:0.7em;line-height:27px;color:#D2E3C3;}
.mlink ul li a span{display:block;margin:0 auto;width:49px;height:49px;background:url(/images/kygrad/content/m_quickicon.PNG) no-repeat;transition:all 0.7s;}

.mlink .btn1 span{background-position:-38px 0px;}
.mlink .btn2 span{background-position:-163px 0px;}
.mlink .btn3 span{background-position:-288px 0px;}
.mlink .btn4 span{background-position:-413px 0px;}
.mlink .btn5 span{background-position:-538px 0px;}
.mlink .btn6 span{background-position:-663px 0px;}
.mlink .btn7 span{background-position:-788px 0px;}
.mlink .btn8 span{background-position:-913px 0px;}
.mlink .btn1:hover span,
.mlink .btn1:focus span{background-position:-38px -90px;}
.mlink .btn2:hover span,
.mlink .btn2:focus span{background-position:-163px -90px;}
.mlink .btn3:hover span,
.mlink .btn3:focus span{background-position:-288px -90px;}
.mlink .btn4:hover span,
.mlink .btn4:focus span{background-position:-413px -90px;}
.mlink .btn5:hover span,
.mlink .btn5:focus span{background-position:-538px -90px;}
.mlink .btn6:hover span,
.mlink .btn6:focus span{background-position:-663px -90px;}
.mlink .btn7:hover span,
.mlink .btn7:focus span{background-position:-788px -90px;}
.mlink .btn8:hover span,
.mlink .btn8:focus span{background-position:-913px -90px;}


.mlink ul li a:hover,
.mlink ul li a:active,
.mlink ul li a:focus{ text-decoration:none; color:#fff;}

.mlink .control{position:absolute;top:0;left:0;width:100%;}
.mlink .control a{display:block;position:absolute;top:13px;width:35px;height:60px;background:url(/images/kygrad/content/mlink_cont.png) no-repeat;font-size:0;line-height:0;}
.mlink .control a[data-control="prev"]{left:0;background-position:50% 14px;}
.mlink .control a[data-control="next"]{right:0;background-position:50% -54px;}






/* 메인 콘텐츠 */
.msectwrap{display:block;clear:both;content:'';padding:25px 4% 40px;}


/* 메인 공지사항 */
.sect1 .mcnt3{position:relative; height:230px; margin:0 0 20px 0; background:#fff url(/images/organ/common/mcnt2_bar.gif) repeat-x; border-radius:3px; }
.sect1 .mcnt3:after{display:block;clear:both;content:'';}

.sect1 .mcnt3 h3{float:left;position:relative; padding:3px 0 0 0;}
.sect1 .mcnt3 h3:after{display:block;position:absolute;top:16px;left:0px;width:1px;height:9px;background:#a2a6ac;content:'';}
.sect1 .mcnt3 h3:first-child:after{display:none;}
.sect1 .mcnt3 h3 a{display:block;padding:10px 7px 6px;font-size:12px;color:#fff; text-decoration:none;}
.sect1 .mcnt3 h3 a.ov:before{position:absolute;bottom:-5px;left:50%;margin-left:-18px;width:38px;height:3px;background:#7DC242;content:'';}
.sect1 .mcnt3 h3 a.ov:after{position:absolute;bottom:-19px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#7DC242;content:'';}

.sect1 .mcnt3 .grap{position:absolute;top:60px;left:0; width:90%;background:#fff; border-radius:3px;}
.sect1 .mcnt3 .grap ul{padding:0 0 5px 0;}
.sect1 .mcnt3 .grap li{position:relative;margin:6px 0 0;padding:0 0 0 8px;font-size:11px;color:#999}
.sect1 .mcnt3 .grap li:before{display:block;position:absolute;top:6px;left:0;width:3px;height:3px;background:#a9a9a9;content:'';}
.sect1 .mcnt3 .grap li.new:before{top:2px;left:-7px;width:16px;height:16px;background:url(/images/organ/common/notice_new.png) no-repeat;}
.sect1 .mcnt3 .grap li:first-child{margin:0;}
.sect1 .mcnt3 .grap li:after{display:block;clear:both;content:'';}
.sect1 .mcnt3 .grap li a{display:block;float:left;overflow:hidden;width:65%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:11px;color:#545454}
.sect1 .mcnt3 .grap li a:hover,
.sect1 .mcnt3 .grap li a:focus{text-decoration:underline;}
.sect1 .mcnt3 .grap li span{float:right;}

.sect1 .mcnt3 .grap .more{/*display:none;*/position:absolute;top:-51px;right:7px}
.sect1 .mcnt3 .grap .more a{display:block;width:24px;height:24px;background:#2b2c2e url(/images/organ/common/more.png) no-repeat 49% 50%;font-size:0;line-height:0;}





/*팝업존*/
.sect2_grad{display:block; margin:0px auto;}
.sect2_grad .t_popup { z-index:10; position:absolute; top:20px;right:20px; width:71px;height:71px;}
.sect2_grad .popupzone{overflow:hidden; position:relative; margin:0 auto; padding:0px; text-align:center;}
.sect2_grad .popupzone .grap{padding-top:0px; }
.sect2_grad .popupzone .grap .obj{position:relative;height:250px;background:none;}
.sect2_grad .popupzone .grap .obj li{position:absolute;top:0;left:0;width:100%;}
.sect2_grad .popupzone .grap .obj li img{height:250px; width:100%; }


.sect2_grad .popupzone .pnote{position:relative; float:left;bottom:45px; padding-left:26px;}
.sect2_grad .popupzone .pnote a{display:block;float:left;margin-left:5px;width:16px;height:18px;background:url(/images/kygrad/content/m_play.png) no-repeat -22px 0;font-size:0;line-height:0;}
.sect2_grad .popupzone .pnote a.ov{width:16px;background-position:0 0}
.sect2_grad .popupzone .pnote a:first-child{margin:0;}

.sect2_grad .popupzone .control{position:relative; float:left;bottom:45px; padding-left:8px;}
.sect2_grad .popupzone .control a{display:block;float:left;width:11px;height:18px;background:url(/images/kygrad/content/m_play.png) no-repeat;font-size:0;line-height:0;}
.sect2_grad .popupzone .control a[data-control="prev"],
.sect2_grad .popupzone .control a[data-control="next"]{display:none}
.sect2_grad .popupzone .control a[data-control="stop"]{background-position:-46px 0;}
.sect2_grad .popupzone .control a[data-control="play"]{display:none;background-position:-64px 0;}




@media only screen and (min-width:320px){

	/* 메인 공지사항 */
	.sect1 .mcnt3 .grap {padding:0 5% 10px 5%;}
}




@media only screen and (min-width:360px){


	/* 메인링크 */

	.mlink{background:url(/images/kygrad/content/mlink_bg_250.PNG) no-repeat 50% top;}
	.mlink .ml_box{width:250px;}

}




@media only screen and (min-width:480px){

	/* 메인비주얼 */
	#mvisual{position:relative; /* padding:35px 0 0 0; height:260px; height:230px; */ padding:65px 0 0 0; height:280px; }
	#mvisual .wrap{padding:25px 0 0 0; /* padding:0px 0 0 0; */}
	#mvisual h2{display:block;margin:0 0 0px; letter-spacing:1px; font-weight:normal; font-size:20px; color:#ffffff; }
	#mvisual h2 span{display:block;margin:5px 0 0px; font-size:26px;}


	/* 메인 공지사항 */
	.sect1 .mcnt3{height:275px;  }

	.sect1 .mcnt3 h3{float:left;position:relative; padding:3px 0 0 0;}
	.sect1 .mcnt3 h3:after{display:block;position:absolute;top:16px;left:0;width:1px;height:9px;background:#a2a6ac;content:'';}
	.sect1 .mcnt3 h3:first-child:after{display:none;}
	.sect1 .mcnt3 h3:first-child{padding-left:8px; }
	.sect1 .mcnt3 h3:first-child a.ov:before{margin-left:-30px;}
	.sect1 .mcnt3 h3:first-child a.ov:after{margin-left:-2px;}
	.sect1 .mcnt3 h3 a{display:block;padding:10px 12px 6px;font-size:14px;color:#fff; text-decoration:none;}
	.sect1 .mcnt3 h3 a.ov:before{position:absolute;bottom:-3px;left:50%;margin-left:-33px;width:66px;height:3px;background:#7DC242;content:'';}
	.sect1 .mcnt3 h3 a.ov:after{position:absolute;bottom:-17px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#7DC242;content:'';}

	.sect1 .mcnt3 .grap{top:65px;}
	.sect1 .mcnt3 .grap li:before{top:9px;left:0;}
	.sect1 .mcnt3 .grap li{margin:6px 0 0;padding:0 0 0 8px;font-size:13px;}
	.sect1 .mcnt3 .grap li a{font-size:14px;}

	.sect1 .mcnt3 .grap .more{/*display:none;*/position:absolute;top:-56px;right:17px}


	/* 팝업존 */
	.sect2_grad .popupzone{display:block; margin:0px auto; width:375px;} 
	.sect2_grad .popupzone .grap .obj{height:290px;}
	.sect2_grad .popupzone .grap .obj li img{height:290px; width:375px; }

	.sect2_grad .popupzone .pnote{bottom:45px; padding-left:26px;}
	.sect2_grad .popupzone .control{bottom:45px; padding-left:8px;}


}




@media only screen and (min-width:550px){


	/* 메인링크 */

	.mlink{background:url(/images/kygrad/content/mlink_bg_500.PNG) no-repeat 50% top;}
	.mlink .ml_box{width:500px;}

}




@media only screen and (min-width:768px){


	/* 메인비주얼 */
	#mvisual{height:388px; }




	#mvisual .wrap{ /*padding:88px 0 0 0;   padding:28px 0 0 0;*/ padding:58px 0 0 0;}
	#mvisual h2{display:block;margin:0 0 0px;font-size:28px;}
	#mvisual h2 div{padding:30px 0 0 0;}
	#mvisual h2 div.ipsi{padding:0px 0 0 0;}
	#mvisual h2 span{display:block;margin:5px 0 20px; font-size:35px;}

	#mvisual .wrap a{display:inline-block; visibility:visible; margin:20px 15px 0;}
	#mvisual .wrap a + a{display:inline-block; visibility:visible; margin:20px 0 0 15px;}
	#mvisual .wrap a + a + a{display:inline-block; visibility:visible; margin:20px 0;}
	#mvisual .wrap .ipsi_btn{padding:18px 20px 15px; line-height:25px; font-size:18px; letter-spacing:0px;}
	#mvisual .wrap .ipsi_btn2{padding:18px 100px 15px 20px; line-height:25px; font-size:17px; letter-spacing:-0.5px; background:url(/images/kygrad/content/btn_enter.png) no-repeat right;}




	/* 메인링크 */

	.mlink{background:url(/images/kygrad/content/mlink_bg_750.PNG) no-repeat 50% top;}
	.mlink ul li.mo_hide{display:block;}
	.mlink ul li.mo{display:none;}
	.mlink .ml_box{margin:0 auto; width:750px;}


	/* 메인 공지사항 */

	.sect1 .mcnt3{ position:relative; margin:0 0 30px 0; padding:0px; background:#fff url(/images/organ/common/mcnt2_bar.gif) repeat-x; border-radius:3px;}
	.sect1 .mcnt3:after{display:block;clear:both;content:'';}

	.sect1 .mcnt3 h3{float:left;position:relative; padding:0;}
	.sect1 .mcnt3 h3:first-child{padding-left:13px; }
	.sect1 .mcnt3 h3:after{display:block;position:absolute;top:16px;left:0;width:1px;height:9px;background:#a2a6ac;content:'';}
	.sect1 .mcnt3 h3:first-child:after{display:none;}
	.sect1 .mcnt3 h3:first-child a.ov:before{margin-left:-28px;}
	.sect1 .mcnt3 h3:first-child a.ov:after{margin-left:3px;}
	.sect1 .mcnt3 h3 a{display:block;padding:10px 15px 6px;font-size:16px;color:#fff; text-decoration:none;}
	.sect1 .mcnt3 h3 a.ov:before{position:absolute;bottom:-3px;left:50%;margin-left:-33px;width:70px;height:3px;background:#7DC242;content:'';}
	.sect1 .mcnt3 h3 a.ov:after{position:absolute;bottom:-17px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#7DC242;content:'';}

	.sect1 .mcnt3 .grap{position:absolute;top:65px;left:0;padding:0 5% 10px 5%;width:90%;background:#fff; border-radius:3px;}
	.sect1 .mcnt3 .grap li{position:relative;margin:8px 0 0;padding:0 0 0 8px;font-size:13px;color:#999}
	.sect1 .mcnt3 .grap li:before{display:block;position:absolute;top:9px;left:0;width:3px;height:3px;background:#a9a9a9;content:'';}
	.sect1 .mcnt3 .grap li.new:before{top:2px;left:-7px;width:16px;height:16px;background:url(/images/organ/common/notice_new.png) no-repeat;}
	.sect1 .mcnt3 .grap li:first-child{margin:0;}
	.sect1 .mcnt3 .grap li:after{display:block;clear:both;content:'';}
	.sect1 .mcnt3 .grap li a{display:block;float:left;overflow:hidden;width:65%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:14px;color:#545454}
	.sect1 .mcnt3 .grap li a:hover,
	.sect1 .mcnt3 .grap li a:focus{text-decoration:underline;}
	.sect1 .mcnt3 .grap li span{float:right;}

	.sect1 .mcnt3 .grap .more{/*display:none;*/position:absolute;top:-56px;right:20px}
	.sect1 .mcnt3 .grap .more a{display:block;width:24px;height:24px;background:#2b2c2e url(/images/organ/common/more.png) no-repeat 49% 50%;font-size:0;line-height:0;}

	.sect1 .mcnt1 .grap .obj{height:218px;}


}



@media only screen and (min-width:1000px){



	/* 메인링크 */


	.mlink{background:url(/images/kygrad/content/mlink_bg.PNG) no-repeat 50% top;}
	.mlink .ml_box{margin:0 auto; width:1000px;}
	.mlink ul:after{display:block;clear:both;content:'';}

	.mlink .control{display:none}



	/* 메인 콘텐츠 */
	.msectwrap{display:block; clear:both;content:''; padding:30px 0; margin:0 auto; width:1000px; height:320px;}


	/* 메인 공지사항 */
	.sect1 .mcnt3{width:585px;}
	.sect1 .mcnt3 h3:first-child:after{display:none;}
	.sect1 .mcnt3 .grap{top:63px; height:220px; padding:3px 24px 4px 24px; width:537px;}
	.sect1 .mcnt3 .grap li a{width:70%; }
	.sect1 .mcnt3 .grap .more{display:block; position:absolute;top:-54px;right:17px}


	/* 팝업존 */

	.sect2_grad .popupzone{float:right; right:0;margin:0; padding:0px;}


}




@media only screen and (min-width:1024px){


	#mvisual .sns{z-index: 500; display:block; position:absolute; margin:0; right:5%;}
	#mvisual .sns li{display:block; padding:10px 0;}
	#mvisual .sns li img {filter: drop-shadow(3px 3px 3px #31180f)}



}


@media only screen and (min-width:1500px){

	
	#mvisual .sns{right:17%;}

}