@charset "utf-8";


#mcontainer{background-image:url(/images/studentcommittee/main/sm_studentcommittee_main_bg.jpg);}

@media (max-width: 480px){
	#header #logo em a {font-size:15px; letter-spacing:-1px}
}

#connew{overflow:visible;position:relative;background:rgba(0,0,0,0.5);z-index:10}
#connew.inner{padding:0;}
#connew .more{display:block;overflow:hidden;position:absolute;top:220px;right:30px;width:18px;height:18px;background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat -18px -48px;font-size:0;line-height:0;}

/* popup */
#connew .popup{position:relative;}
#connew .popup .layout{width:100%;}

/* popup Area */
#connew .popup .grap{position:relative;width:100%;height:100%;}
#connew .popup .grap .obj{position:relative;width:100%;height:100%;}
#connew .popup .grap .obj:after{content:"";display:block;clear:both;visibility:hidden;}
#connew .popup .grap .obj .item{display:none;position: absolute;top: 0;left: 0;width:100%;height:274px;float:left;background-color:#eee;background-size: cover; overflow:hidden;}
#connew .popup .grap .obj .item span{display:block;width:200%;height:100%;margin-left:-50%;text-align:center;}
#connew .popup .grap .obj .item span img{height:100%;max-width:none;}

#connew .popup .grap .obj .item a{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 54%, rgba(0,0,0,0.76) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 54%,rgba(0,0,0,0.76) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 54%,rgba(0,0,0,0.76) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c2000000',GradientType=0 ); /* IE6-9 */}
#connew .popup .grap .obj .item a:hover{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 74%, rgba(0,0,0,0.76) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 74%,rgba(0,0,0,0.76) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 74%,rgba(0,0,0,0.76) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c2000000',GradientType=0 ); /* IE6-9 */
}

#connew .popup .grap .obj .item a{display:block;color:#fff;}
#connew .popup .grap .obj .item b{display:block;padding:220px 0 30px 30px; font-size:15px;text-align:left;}

/* popup Control Style */
#connew .popup .control{position:absolute; top:213px;right:45px;width:100px; height:20px; text-align:center;}
#connew .popup .control a{display:inline-block;width:13px;height:13px;color:#fff;line-height:15px;text-align:center;vertical-align:middle;word-wrap:break-word;word-break:keep-all;font-size:0;line-height:0;text-indent: -999px;}
#connew .popup .control a:hover{transition:none;}
#connew .popup .control .prev,
#connew .popup .control .next{position:absolute;top:90px;}
#connew .popup .control .prev{left:-75px;}
#connew .popup .control .next{right:-75px;}

/* Scroll Paging Style */
#connew .popup .control .paging{display:inline-block;margin-vertical-align:middle;width:100px;height:20px;}
#connew .popup .control .paging button{margin:0 1px;width:13px;height:13px;line-height:10px;background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat -15px -380px;font-size: 0;line-height: 0;text-indent: -9999px;}
#connew .popup .control .paging button.ov{background-position:-1px -383px;}
#connew .popup .control .paging em{font-weight:bold;text-decoration:underline;}

#con1{overflow: visible;}

#con1:before {
    content: "";
    display: block;
    position: absolute;
    top: 43px;
    left: 105%;
    height: 95%;
    width: 10px;
    background: #30BBFC;
}

#con1:after {
    content: "";
    display: block;
    position: absolute;
    top: 107%;
    left: 45px;
    width: 95%;
    height: 10px;
    background: #30BBFC;
}

#con1-2{position:relative;}
#con1-2 h2{margin-bottom:15px;}
#con1-2 .inner{padding:30px 30px 0px}
#con1-2 ul li{overflow:hidden;border-bottom:1px solid #ddd;box-sizing:border-box; font-size:14px; line-height:1.2}
#con1-2 ul li:last-child{overflow:hidden;border-bottom:0;}
#con1-2 ul li a{overflow:hidden;display:block;width:100%;padding:5px 0;}
#con1-2 ul li a span{overflow:hidden;display:block;width:100%;line-height:1.3}
#con1-2 h3{float:left;width:80%;font-size:16px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
#con1-2 li.ov a h3{width:100%;font-size:17px;color:#3b66b3;}
#con1-2 em.day{float:right;padding-top:3px;color:#767676;}


#con1-2 .grep .obj .item a b{margin-bottom:5px;margin-top:12px;color:#4f5f6f;font-size:16px;}
#con1-2 .grep .obj .item a .text{color:#010101;font-size:15px;word-wrap:break-word;word-break:keep-all;}
#con1-2 .grep .obj .item a .bn{display:inline-block;margin-top:20px;padding:6px 10px 4px 10px;border:1px solid transparent;border-radius:50px;background-color:#7d7d86;color:#fff;font-size:13px;line-height:1.2;}

#con1-2 .more{display:block;overflow:hidden;position:absolute;top:32px;right:40px;width:18px;height:18px;background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat 0px -48px;font-size:0;line-height:0;}

/* #con5 a{position:relative;width:25%;height:auto;padding:80px 0 0;line-height:30px;}
#con5 a:after{content:"";display:block;position:absolute;left:50%;top:10px;width:70px;height:70px;margin-left:-35px;border-radius:50%;background-color:#38c3fc;background-image:url(/images/media-c/main/sm_hg_col5icon.png);}
#con5 a:after{background-position:15px 10px;}
#con5 a + a:after{background-position:-65px 10px;}
#con5 a + a + a:after{background-position:-147px 10px;}
#con5 a + a + a + a:after{background-position:-227px 12px;}
#con5 a.bg_bl {margin:0;background:none;color:#333;}
 */

.tit_campus h1{line-height:1.4}
#con6.inner h2{position:absolute;top:30px;left:30px;z-index:10;color:#fff; text-shadow: 2px 2px 5px #000;}

.slogan_wrap .obj .item div.type3 p{font-size:36px}

@media only screen and (max-width: 1300px){
	#con1:before, #con1:after{display: none;}
}

#mpop2{position:absolute;top:-10px;right:0;width:194px;height:45px;z-index:99}
#mpop2 a{display:block;width:100%;height:100%;background:url(/images/act/main/act_main_ir.png) no-repeat 0px 0px;text-indent:-999px;line-height:0px;font-size:0px;}
#mpop2 a:hover{background:url(/images/act/main/act_main_ir.png) no-repeat -198px 0px;transition:none}


/* #mpop3{position:absolute;top:10px;right:0;width:194px;height:45px;z-index:99} */
/* #mpop3 a{display:block;width:100%;height:100%;background:url(/images/act/main/act_main_ir.png) no-repeat 0px 0px;text-indent:-999px;line-height:0px;font-size:0px;} */
/* #mpop3 a:hover{background:url(/images/act/main/act_main_ir.png) no-repeat -198px 0px;transition:none} */


@media (max-width: 1200px){
	#mpop2 {top: 120px; right: 20px;}
}
@media (max-width: 999px){
	#mpop2 {top: 60px; right: 50%; margin-right: -170px;}
}
@media (max-width: 480px){
	#mpop {right: 95%;}
	#mpop2 {right: 95%; margin-right: -180px;}
}