@charset "utf-8";


#mcontainer{position:relative;width:100%}

.ir-ipsi{display:inline-block;background:url(/images/ipsi/main/ir-ipsi.png) no-repeat;vertical-align:middle}

#section{position:relative;width:100%;height:auto;background:url(/images/ipsi/main/ipsi_bg.jpg) no-repeat 50% 50%;background-size:cover;padding:70px 0 58px 0;}

.pzbtn{bottom:auto; top:50px;width:93px;height:93px;background:url(/images/ipsi/main/pzbtn_bg.png) no-repeat;margin-left:400px;z-index:1004;transform: translate(-50%, -50%) scale(1);
    transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-30%, 0%) scale(.8);}
.pzbtn:hover,
.pzbtn:focus {-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-30%, 0%) scale(1);transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.pzbtn a span{position:static;width:100%;height:100%;margin-top:0;}

@media(max-width:1023px){
	.pzbtn{margin-left:300px;}
}

@media(max-width:767px){
	.pzbtn{left:48%;bottom:-58px;margin-left:0;width:100px;height:25px;line-height:25px;background:none;background-color:#254f9a;border-radius:0;padding:0;}
	.pzbtn a em{display:inline-block;}
}

@media(max-width:420px){
	.pzbtn{left:44%;}
}

.cont_wrap{position:relative;width:100%;}
.cont_wrap .article{float:left;position:relative;overflow:hidden}
.article .inner{padding:40px 35px;}
.cont_wrap.topcont{margin-bottom:25px;}
.article.popup{width:50%;height:295px;background-color:#ddd;}
.article.popup .obj{position:relative;width:100%;height:100%;}
.article.popup .obj .item{position:absolute;top:0;left:0;width:100%;height:100%;}
.article.popup .obj .item a{display:block;width:100%;height:100%}
.article.popup .obj .item a .imgwrap{display:block;width:100%;height:100%;text-align:center}
.article.popup .obj .item a .imgwrap img{width:100%;max-width:none}
.article.popup .control{position:absolute;bottom:25px;right:30px;}
.article.popup .control>button{display:inline-block;width:13px;height:13px;margin-left:4px;font-size:0}
.article.popup .control>button[data-type="stop"]{background-position:-42px 0}
.article.popup .control>button[data-type="play"]{display:none;background-position:-60px 0}
.article.popup .control .paging button{display:inline-block;width:13px;height:13px;background:url(/images/ipsi/main/ir-ipsi.png) no-repeat;vertical-align:middle;background-position:-21px 0;margin-left:8px;font-size:0}
.article.popup .control .paging button.ov{background-position: 0 0}
.article.popup .control .paging button:first-child{margin-left:0}

@media(max-width:767px){
	.article.popup{width:100%;height:238px;}
	.article.popup .obj .item a .imgwrap img{width:auto;height:100%}
}

@media(max-width:640px){
	.article.popup{height:186px;}
}

.article.mboard{width:30%;height:295px;background-color:#fff}
.article.mboard .tab{display:block;width:100%;}
.article.mboard .tab .first{position:relative;display:inline-block;font-size:18px;color:#797979;font-weight:600;margin-left:20px}
.article.mboard .tab .first:first-child{margin-left: 0}
.article.mboard .tab a span{font-family:'nsr'}
.article.mboard .tab .first.ov{color:#000;text-decoration: underline;}
.article.mboard .tab .first:before{position:absolute;top:11px;left:-10px;content:"";display:inline-block;width:1px;height:10px;background-color:#ccc}
.article.mboard .tab .first:first-child::before{display:none}
.article.mboard .grap{position:relative;width:100%;height:auto}
.article.mboard .grap .obj{position:absolute;top:20px;left:0;width:100%;height:173px;}
.article.mboard .grap .obj ul{width:100%;height:100%;overflow:hidden;}
.article.mboard .grap .obj ul li{overflow:hidden;text-overflow:ellipsis;}
.article.mboard .grap .obj ul li a{font-size:14px;line-height:28px;color:#555;white-space:nowrap;font-family:"ntk";}
.article.mboard .grap .obj ul li a .cate{display:inline-block;color:#fff;padding:3px 9px;margin-right:5px;font-size:13px}
.article.mboard .grap .obj ul li a .cate.cate1{background-color:#0479f4;}
.article.mboard .grap .obj ul li a .cate.cate2{background-color:#0fa9c7;}
.article.mboard .grap .obj ul li a .cate.cate3{background-color:#071a69;}
.article.mboard .grap .obj ul li a .cate.cate4{background-color:#eb751d;}
.article.mboard .grap .obj ul li a .cate.cate5{background-color:#5d0e83;}
.article.mboard .grap .obj ul li a:hover, .article.mboard .grap .obj ul li a:focus, .article.mboard .grap .obj ul li a:active{text-decoration:underline;}
.article.mboard .grap .obj .more{position:absolute;top:-50px;right:0;width:23px;height:23px;background:none}
.article.mboard .grap .obj .more a{display:block;width:23px;height:23px;background:url(/images/ipsi/main/ir-ipsi.png) no-repeat;background-position:-78px 0;font-size:0;}
@media(max-width:1023px){
	.article.mboard{width:50%}
}

@media(max-width:767px){
	.article.mboard{width:100%}
}

.article.userlnk{width:20%;height:295px;}
.article.userlnk .lnkbox{width:100%;height:50%;text-align:center}
/*.article.userlnk .lnkbox a{display:block;width:100%;height:100%;}*/
.article.userlnk .lnkbox a ul{margin-top:10px;}
.article.userlnk .lnkbox{position:relative;background-color:#1e3165;}
.article.userlnk .lnkbox>a{display:block;width:100%;height:100%;padding:30px 5px;}
.article.userlnk .lnkbox strong{font-size:20px;color:#fff;font-weight:600;font-family:'nsr'}
.article.userlnk .lnkbox ul li{position:relative;display:inline-block;font-size:14px;margin-left:16px;}
.article.userlnk .lnkbox ul li a{font-family:"ntk";}
.article.userlnk .lnkbox ul li:before{position:absolute;top:7px;left:-8px;content:"";display:inline-block;width:1px;height:10px;background-color:#9fa9c3}
.article.userlnk .lnkbox ul li:first-child{margin-left:0}
.article.userlnk .lnkbox ul li:first-child::before{display:none}

.article.userlnk .lnkbox.potal ul li{color:#9fa9c3;}
.article.userlnk .lnkbox.potal ul li a{color:#9fa9c3;}
.article.userlnk .lnkbox.student{background-color:#feda5a;}
.article.userlnk .lnkbox.student strong{color:#403210;}
.article.userlnk .lnkbox.student ul li{color:#776a5b;}
.article.userlnk .lnkbox.student ul li:before{background-color:#776a5b}

.article.userlnk .lnkbox.student ul li:first-child{margin-left:0}
.article.userlnk .lnkbox.student ul li a{color:#776a5b;}
@media(max-width:1200px){
	.article.userlnk .lnkbox.potal,
	.article.userlnk .lnkbox.student{}
}

@media(max-width:1023px){
	.article.userlnk{width:100%;height:auto;}
	.article.userlnk .lnkbox{float:left;width:50%}
	.article.userlnk .lnkbox.potal,
	.article.userlnk .lnkbox.student{}
	.article.userlnk .lnkbox.student ul li{margin-left:10px}
	.article.userlnk .lnkbox.potal strong,
	.article.userlnk .lnkbox.student strong{display:block;}
	.article.userlnk .lnkbox{min-height:auto;}
}

@media(max-width:767px){
	.article.userlnk .lnkbox.potal, .article.userlnk .lnkbox.student{}
	
}
@media(max-width:480px){
	.article.userlnk .lnkbox{/*float:none;width:100%;height:50%*/min-height:230px;}
	.article.userlnk .lnkbox > a{padding:30px 10px;}
}
.cont_wrap.botcont{}
.article.infolnk{width:66.66%;margin-right:2.3%;background-color:#fff}
.article.infolnk .box{position:relative;float:left;display:block;width:25%;height:200px;padding:20px}
.article.infolnk .box .tit{display:block;height:55px;font-size:20px;line-height:1;color:#2646a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'nsr'}
.article.infolnk .box .tit .subtit{display:block;color:#2646a0;font-size:14px;font-family:"ntk";}
.article.infolnk .box.box4 .tit .subtit{color:#2646a0;}
.article.infolnk .box a{display:block;width:100%;height:100%}
.article.infolnk .box.box1, 
.article.infolnk .box.box3, 
 
.article.infolnk .box.box6, 
.article.infolnk .box.box8{background-color:#324d9a;}

.article.infolnk .box.box1 .tit, 
.article.infolnk .box.box3 .tit, 
.article.infolnk .box.box6 .tit, 
.article.infolnk .box.box8 .tit{color:#fff;}
/* .article.infolnk .box.box2{background-color:#ffe800;} */
.article.infolnk .box>ul>li{position:relative;}
.article.infolnk .box>ul>li>a{padding-left:15px;font-family:"ntk";}
.article.infolnk .box>ul>li>a:hover, .article.infolnk .box>ul>li>a:focus, .article.infolnk .box>ul>li>a:active{text-decoration:underline;}
.article.infolnk .box>ul>li:before{position:absolute;top:11px;left:2px;content:"";display:inline-block;width:5px;height:1px;background-color:#bbb}

.article.infolnk .box.box1>ul>li>a, 
.article.infolnk .box.box3>ul>li>a, 
.article.infolnk .box.box6>ul>li>a, 
.article.infolnk .box.box8>ul>li>a{color:#fff;}

.article.infolnk .box .more{display:inline-block;width:42px;height:41px;}
.article.infolnk .box .more .list-expand{font-size:0;display:inline-block;width:100%;height:100%;}
.article.infolnk .box.box1 .more, .article.infolnk .box.box3 .more{position:absolute;top:0;left:0;background:url(/images/ipsi/main/more_type1.png) no-repeat;}
.article.infolnk .box.box2 .more, .article.infolnk .box.box4 .more{position:absolute;top:0;right:-1px;background:url(/images/ipsi/main/more_type2.png) no-repeat;}
.article.infolnk .box.box5 .more, .article.infolnk .box.box7 .more{position:absolute;bottom:0;left:0;background:url(/images/ipsi/main/more_type3.png) no-repeat;}
.article.infolnk .box.box6 .more, .article.infolnk .box.box8 .more{position:absolute;bottom:0;right:-1px;background:url(/images/ipsi/main/more_type4.png) no-repeat;}

.article.infolnk .box .expand-target{display:none}

@media(max-width:1023px){
	.article.infolnk{width:100%;margin-bottom:20px}
}

@media(max-width:767px){
	.article.infolnk .box{width:50%;} 
	.article.infolnk .box.box3, 
	.article.infolnk .box.box6{background-color:#fff;} 
	.article.infolnk .box.box4, 
	.article.infolnk .box.box5{background-color:#324d9a;}
	.article.infolnk .box.box3 .tit, 
	.article.infolnk .box.box6 .tit{color:#2646a0;}
	.article.infolnk .box.box4 .tit, 
	.article.infolnk .box.box5 .tit{color:#fff;}
	.article.infolnk .box.box4 .tit .subtit{color:#bcd4f2;}
	.article.infolnk .box.box3 .tit .subtit, 
	.article.infolnk .box.box6 .tit .subtit{display:block;color:#2646a0;}
	.article.infolnk .box.box3>ul>li>a, 
	.article.infolnk .box.box6>ul>li>a{color:#606060}
	.article.infolnk .box.box4>ul>li>a, 
	.article.infolnk .box.box5>ul>li>a{color:#fff}
	/*.article.infolnk .box .more{display:none}*/
}

@media(max-width:420px){
	.article.infolnk .box{padding:30px 15px;}
	.article.userlnk .lnkbox strong,
	.article.infolnk .box .tit{font-size:17px;}
}

.article.majorlnk{width:31%;height:300px;overflow:hidden;background:#e2eaef}
.article.majorlnk .obj{position:relative;width:100%;height:100%;}
.article.majorlnk .obj .item{position:absolute;top:0;left:0;width:100%;height:400px;}
.article.majorlnk .obj .item.item1{background:url(/images/ipsi/main/major_bg01.jpg) no-repeat right bottom;background-size:contain;}
.article.majorlnk .obj .item.item2{background:url(/images/ipsi/main/major_bg02.jpg) no-repeat right bottom;background-size:contain;}
.article.majorlnk .obj .item.item3{background:url(/images/ipsi/main/major_bg03.jpg) no-repeat right bottom;background-size:contain;}
.article.majorlnk .obj .item.item4{background:url(/images/ipsi/main/major_bg04.jpg) no-repeat right bottom;background-size:contain;}
.article.majorlnk .obj .item.item5{background:url(/images/ipsi/main/major_bg05.jpg) no-repeat right bottom;background-size:contain;}
.article.majorlnk .obj .item .tit_box{width:100%;height:100px;background-color:#3b699c;padding:20px; position:relative;}



.article.majorlnk .obj .item .tit_kakao{width:100%;height:130px;background-color:#ffe800;padding:30px; position:relative;}
.article.majorlnk .obj .item .tit_box span{display:block;font-size:15px;color:#a1c8f0;}

.article.kakao span{font-size:15px; display: inline-block; padding-top: 15px;}
.article.majorlnk .obj .item .tit_box a{ width:100%; height:100%; padding:50px 0 0 19px; display:inline-block; position:absolute; top:0; left:0;}
.article.majorlnk .obj .item .tit_box b{font-size:20px;color:#fff;font-family: 'nsr'}

.article.kakao b{font-size:20px;color:#000;font-family: 'nsr'}
.article.majorlnk .obj .item .lnk_box{width:100%;height:270px;background-color:transparent;padding:17px}
.article.majorlnk .obj .item .lnk_box li{position:relative;float:left;width:50%;line-height:26px;}
.article.majorlnk .obj .item .lnk_box li:before{position:absolute;top:10px;left:0;content:"";display:inline-block;width:4px;height:1px;background-color:#393939;}
.article.majorlnk .obj .item .lnk_box li a{ font-family:"ntk"; padding-left:7px;color:#393939;letter-spacing:-1px}
.article.majorlnk .obj .item .lnk_box li a:hover, .article.majorlnk .obj .item .lnk_box li a:focus, .article.majorlnk .obj .item .lnk_box li a:active{text-decoration:underline;}
.article.majorlnk .obj .item a.allbtn{ width:100%; height:68%; padding:0; display:inline-block; position:absolute; bottom:0; right:0;}
.article.majorlnk .obj .item a.allbtn span{text-indent:-9999px;overflow:hidden;font-size:0;line-height:0;}
.article.majorlnk .obj .item .more{position:absolute;top:83px;right:30px;display:block;width:33px;height:33px;background:url(/images/ipsi/main/more.png) no-repeat;font-size:0;z-index:10}
.article.majorlnk .control{position:absolute;top:30px;right:30px;}
.article.majorlnk .control button{display:inline-block;width:25px;height:25px;background:url(/images/ipsi/main/ir-ipsi.png) no-repeat;vertical-align:middle;font-size:0}
.article.majorlnk .control button[data-type="prev"]{background-position: -149px 0}
.article.majorlnk .control button[data-type="next"]{background-position: -180px 0}
.article.majorlnk .control button[data-type="stop"]{background-position: -211px -1px}
.article.majorlnk .control button[data-type="play"]{display:none;background-position:-180px 0}

.article.kakao {height: 100px;background-color: #FFE73F;width: 31%; padding:10px 20px; position: relative;}
.article.kakao .kakaoicon {width:80px; height:80px;  background-image: url("/images/ipsi/main/kakaoicon.png"); display: inline-block; margin-right: 5px;}
@media(max-width:767px){
	
	.article.kakao span {font-size: 16px; line-height: 23px;}
	.article.kakao b {font-size: 21px;}
	.article.kakao img {width: 67px; padding-top: 11px; padding-right: 12px;}
}

@media(max-width:1023px){
	.article.majorlnk{width:75%;height:200px;background-size:30%}
	.article.majorlnk .obj .item .tit_box{float:left;width:33.4%;height:200px;}
	.article.majorlnk .obj .item .tit_box a{ padding:43px 0 0 19px;}
	.article.majorlnk .obj .item .lnk_box{float:left;width:60%;height:100%;}
	.article.majorlnk .obj .item a.allbtn{ width:60%; height:100%;}
	.article.majorlnk .obj .item .more{top:90px;right:0;left:31%;}
	.article.majorlnk .control{top:100px;right:0;left:40px;}
	
	.article.kakao{height: 200px;width: 25%;}
}
@media(max-width:767px){
	.article.majorlnk{width:100%;height:310px;background:none;background-color:#e2eaef;}
	.article.majorlnk .obj .item .tit_box{float:none;width:100%;height:90px;padding:20px;}
	.article.majorlnk .obj .item .lnk_box{float:none;width:100%;height:170px;padding:20px;}
	.article.majorlnk .obj .item a.allbtn{ width:100%; height:78%;}
	.article.majorlnk .obj .item .more{top:75px;left: 86%;}
	.article.majorlnk .control{top:20px;left:inherit;right:20px;}
	
	.article.kakao{width: 95%;height: 100px; text-align: center; position:fixed; bottom:3%; z-index: 99;  border-radius: 25px; filter: drop-shadow(0 0 0.75rem black);}
	

}



#banner{position:relative;width:100%;height:100px;padding:22px 0;background-color:#e2eaef;}
#banner .layout{height:100%;}
#banner .grap{position:relative;width:100%;height:100%;overflow:hidden}
#banner .grap .obj{position:relative;width:200%;height:100%;}
#banner .grap .obj .item{float:left;width:5.37%;height:100%;margin-right:1%;}
#banner .grap .obj .item a{display:block;width:100%;height:100%;color:#fff;border-radius:5px;background-color:#093e67;line-height:56px;text-align:center;padding:0;word-break:keep-all;transition: all 300ms ease-out;}
#banner .grap .obj .item a:hover, 
#banner .grap .obj .item a:focus, 
#banner .grap .obj .item a:active{ border:1px solid #093e67;color:#093e67;background:none;font-weight:600;}
#banner .grap .obj .item a span{display:inline-block;vertical-align:middle; line-height:18px;font-family:"ntk";}
#banner .control{}
#banner .control button{display:inline-block;width:33px;height:33px;background:url(/images/ipsi/main/ir-ipsi.png) no-repeat;vertical-align:middle;font-size:0;position:absolute;top:50%; margin-top:-16px;}
#banner .control button[data-control="prev"]{left:-50px;background-position: 0 -33px;}
#banner .control button[data-control="next"]{right:-50px;background-position: -42px -33px}

@media(max-width:1320px){
	#banner .grap{width:90%;margin:0 auto;}
	#banner .control button[data-control="prev"]{left:0;}
	#banner .control button[data-control="next"]{right:0;}
}

@media(max-width:1200px){
	#banner .grap .obj .item a{padding:0;}
	#banner .grap .obj .item a span{font-size:13px}
}

@media(max-width:1023px){
	#banner .grap .obj .item{width:7.5%}
}

@media(max-width:767px){
	#banner .grap{width:80%}
	#banner .grap .obj .item{width:11.7%}
}

@media(max-width:420px){
	#banner .grap{width:80%}
	#banner .grap .obj .item{width:24.5%}
}

.expand-target{position:absolute;top:0;left:0;z-index:10;width:200%;height:200%;background-color:#fff;border:3px solid #324d9a;}
.expand-target strong{display:block;text-align:center;margin-top:50px;font-size:27px;letter-spacing: -1px;margin-bottom:58px;color:#2646a0;font-weight:600}
.expand-target strong em{display:block;color:#666;font-size:20px;}
.expand-target strong .popup_ico{display:block;width:66px;height:55px;background:url(/images/ipsi/main/pico.png) no-repeat;vertical-align:middle;margin:0 auto 15px;}
.expand-target strong .popup_ico.pico1{background-position:0 0}
.expand-target ul{width:80%;margin:0 auto;}
.expand-target ul li{float:left;width:33.33%;text-align:center;}
.expand-target .col4 li{width:25%;}

.expand-target .col4 .presmu{width:50%;}
.expand-target .col4 li a em{display:block;}
.expand-target ul li a{display:block;width:100%;height:100%;color:#040404;}
.expand-target ul li a:hover, .expand-target ul li a:focus, .expand-target ul li a:active{text-decoration:underline;}
.expand-target ul li a span{display:block;width:74px;height:74px;background:url(/images/ipsi/main/pico_s.png) no-repeat;vertical-align:middle;margin:0 auto 10px;font-size:16px}

.expand-target ul li a .pico1-1{background-position:0 0}
.expand-target ul li a .pico1-2{background-position:-80px 0}
.expand-target ul li a .pico1-3{background-position:-160px 0}
.expand-target ul li a .pico2-1{background-position:-240px 0}
.expand-target ul li a .pico2-2{background-position:-320px 0}
.expand-target ul li a .pico2-3{background-position:-400px 0}
.expand-target ul li a .pico3-1{background-position:0 -80px}
.expand-target ul li a .pico3-2{background-position:-80px -80px}
.expand-target ul li a .pico3-3{background-position:-160px -80px}
.expand-target ul li a .pico4-1{background-position:0 -80px}
.expand-target ul li a .pico4-2{background-position:-80px -80px}
.expand-target ul li a .pico4-3{background-position:-240px -80px}
.expand-target ul li a .pico5-1{background-position:0 0}
.expand-target ul li a .pico5-2{background-position:-80px 0}
.expand-target ul li a .pico5-3{background-position:-160px 0}
.expand-target ul li a .pico6-1{background-position:0 0}
.expand-target ul li a .pico6-2{background-position:-80px 0}
.expand-target ul li a .pico6-3{background-position:-160px 0}
.expand-target ul li a .pico7-1{background-position:0 -160px}
.expand-target ul li a .pico7-2{background-position:-80px -160px}
.expand-target ul li a .pico7-3{background-position:-160px -160px}
.expand-target ul li a .pico7-4{background-position:-240px -160px}
.expand-target ul li a .pico8-1{background-position:0 -80px}
.expand-target ul li a .pico8-2{background-position:-80px -80px}
.expand-target ul li a .pico8-3{background-position:-160px -80px}




#expandListTarget4, #expandListTarget8{left:-100%;}
#expandListTarget5, #expandListTarget6, #expandListTarget7, #expandListTarget8{top:-100%;}
#expandListTarget2, #expandListTarget6{left:-100%;}
.expand-target .expend-exit{position:absolute;top:30px;right:30px;display:block;width:32px;height:30px;background:url(/images/ipsi/main/expand_exit.png) no-repeat;font-size:0}