@charset "utf-8";



#header {position:absolute;background:none;}
#header,
#animate{background-color:transparent;}
#header #logo em a,
#tm .th2 a,
#tm .th1 > a{color:#fff;}
#gnb{border-bottom-color:rgba(255,255,255,0.5)}
#header #logo span .ir-logo{background-position:-200px 0;}
#header .act{background: rgba(255,255,255,0.2)}

.pzbtn{float:left;}
.pztody a{ padding-left:50px;}
.pzbtn a{padding-right: 30px;width: auto;height: 90px;line-height: 90px;padding: 14px;text-align: center;font-size: 14px;padding-top: 0;color: #fff;}
.pzbtn a span {position:absolute;right:43%;top:25px;display:inline-block;width:9px;height:5px;margin-top:-3px;background-image: url(/images/common/a/ir-tmpl.png)}
.pzbtn a.pop_btn_x span{background-position: -366px -18px;}
.pzbtn a.pop_btn span{background-position: -353px -18px;}
.pzbtn a[class^="pop_btn"] {display:none;}
.pzbtn a[class^="pop_btn_x"] {display:block;}
.pzbtn{position:absolute;top:0;right:0;z-index:999;border-left:1px solid rgba(255,255,255,0.5)}

@media(max-width:1500px){
.pzbtn{display:none}
}

@media(max-width:480px){
	#header #logo span .ir-logo{background-position:-200px -47px;}
}

#animate{border-bottom:1px solid rgba(255,255,255,0.5)}

@media(max-width:999px){

#header{background-size:150%;}
}


a:hover{transition: all 300ms ease-out;}
.cicon{display:inline-block;overflow:hidden;background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat;font-size:0;line-height:0;}
.cicon.email{width:34px;height:34px;background-position:-1px -56px;}


.wrapper{position:relative;width:100%;}
.wrapper:after{content:"";display:block;clear:both;visibility:hidden;}

/*@media(max-width:1444px){
	#header,
	.wrapper{padding-right:0;}
}*/

@media only screen and (min-width:1024px) {
	.wrapper{margin:0 auto;width:1000px;}
}
@media only screen and (min-width:1200px) {
	.wrapper{width:1100px;}
}

@media only screen and (min-width:1320px) {
	.wrapper{width:1200px;}
}

#mcontainer{padding-top:120px;padding-bottom:280px;background:url(/images/common/c/hak_a/sm_hg_main_bg.png) no-repeat;background-size:cover;}
#mcontainer:after{content:"";display:block;clear:both;visibility:hidden;}

@media(max-width:767px){
	#mcontainer{padding-bottom:190px;}
}
@media(max-width:620px){
	#mcontainer{padding-bottom:220px;}
}
@media(max-width:500px){
	#mcontainer{padding-bottom: 300px;background-size: 500px;background-color: black;}

	
}


.tit_campus,
.inner{display:block;margin-bottom:1%;width:100%;}
.inner{overflow:hidden;/*padding:40px;*/padding:20px;min-height:274px;background-color:#fff;}
.inner *{margin:0;padding:0;}
.inner h2{margin-bottom:22px;color:#252729;font-family:'nsr';font-size:25px;line-height:28px;font-weight:bold;}
/*
.tit_campus h1{font-family:'nsr';color:#fff;font-size:26px;line-height:1;}
.tit_campus h1 span{display:block;margin-top:5px;font-family:'nsr';font-size:18px;line-height:24px;}
.tit_campus a{display:inline-block;margin-top:15px;padding:8px 17px 6px 17px;border:1px solid transparent;border-radius:50px;background-color:#5254b1;color:#fff;font-size:13px;line-height:1.2;}
*/
.tit_campus{width:85%;margin:10% auto 6%;}
.tit_campus h1{position:relative;margin-bottom:10px;font-family:'nsr';color:#fff;font-size:22px;text-align:center;line-height:1.3;}
.tit_campus h1:before{content:""; display:block;position: absolute;top: -25px;left:45%;width:50px;height:5px;background-color:#fff;}
.tit_campus h1 em{font-family:'nsr';font-weight:bold;}
.tit_campus h1 span{display:block;margin-top:5px;font-family:'nsr';font-size:16px;line-height:24px;}
.tit_campus a{position:relative;display:block;padding:15px 29px;min-height:40px;background-color:#5254b1;color:#fff;font-family:'nsr';font-size:20px;line-height:1.2;}
.tit_campus a:after{content:"";display: block;position: absolute;right:20px;top:50%;width:10px;height:10px;border-top:3px solid #fff;border-right:3px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-top:-7px;}
 
/* 라이프경영학과 240829 */
 
.tit2_campus,
.inner{display:block;margin-bottom:1%;width:100%;}
.inner{overflow:hidden;/*padding:40px;*/padding:20px;min-height:274px;background-color:#fff;}
.inner *{margin:0;padding:0;}
.inner h2{margin-bottom:22px;color:#252729;font-family:'nsr';font-size:25px;line-height:28px;font-weight:bold;}
/*
.tit_campus h1{font-family:'nsr';color:#fff;font-size:26px;line-height:1;}
.tit_campus h1 span{display:block;margin-top:5px;font-family:'nsr';font-size:18px;line-height:24px;}
.tit_campus a{display:inline-block;margin-top:15px;padding:8px 17px 6px 17px;border:1px solid transparent;border-radius:50px;background-color:#5254b1;color:#fff;font-size:13px;line-height:1.2;}
*/
.tit2_campus{width:85%;position:absolute; top: 18px; left: 25px;}
.tit2_campus h1{position:relative;margin-bottom:10px;font-family:'nsr';color:#fff;font-size:18px;text-align:left;line-height:1.3;}
.tit2_campus h1:before{content:""; display:none;position: absolute;top: -25px;left:45%;width:50px;height:5px;background-color:#fff;}
.tit2_campus h1 em{font-family:'nsr';font-weight:bold;}
.tit2_campus h1 span{display:block;margin-top:5px;font-family:'nsr';font-size:16px;line-height:24px;}
.tit2_campus a{position:relative;display:block;padding:15px 29px;min-height:40px;background-color:#5254b1;color:#fff;font-family:'nsr';font-size:20px;line-height:1.2;}
.tit2_campus a:after{content:"";display: block;position: absolute;right:20px;top:50%;width:10px;height:10px;border-top:3px solid #fff;border-right:3px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-top:-7px;}
 
/* 라이프경영학과 240829 */
 
 /*-----------------미디어문화학부--------------------*/
.tit_campus .koreal_main{position:relative;margin-bottom:10px;font-family:'nsr';color:#FFED4E;font-size:30px;text-align:center;line-height:1.3;}
.tit_campus .koreal_main:before{content:""; display:block;position: absolute;top: -25px;left:45%;width:50px;height:5px;background-color:#FFED4E;}
.tit_campus .koreal_main em{font-family:'nsr';font-weight:bold;}
.tit_campus .koreal_main span{display:block;margin-top:5px;font-family:'nsr';font-size:16px;line-height:24px;}
.tit_campus a{position:relative;display:block;padding:15px 29px;min-height:40px;background-color:#5254b1;color:#fff;font-family:'nsr';font-size:20px;line-height:1.2;}
.tit_campus a:after{content:"";display: block;position: absolute;right:20px;top:50%;width:10px;height:10px;border-top:3px solid #fff;border-right:3px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-top:-7px;}
 /*-----------------미디어문화학부--------------------*/

@media(max-width:480px){
	.tit_campus h1{font-size:17px;}
}

#mnotice{position:relative;margin-bottom:1%;padding:12px 104px 12px 91px;min-height:40px;}
#mnotice *{margin:0;padding:0;}
#mnotice h2{display:inline-block;position:absolute;top:20px;left:29px;width:50px;font-size:16px;line-height:20px;border-right:1px solid #d2d2d2;}
#mnotice .more{position:absolute;top:22px;right:29px;}
#mnotice .more a{color:#4f5f6f;font-size:12px;}
#mnotice .list{display:block;padding-top:1px;}
#mnotice .list a{display:block;overflow:hidden;padding:7px 0;color:#555;white-space: nowrap;text-overflow: ellipsis;line-height:120%;}


#con1{position:relative;}
#con1 h2{margin-bottom:15px;}
#con1.inner{padding:30px 30px 0px}
#con1 ul li{overflow:hidden;border-bottom:1px solid #ddd;box-sizing:border-box; font-size:14px; line-height:1.2}
#con1 ul li:last-child{overflow:hidden;border-bottom:0;}
#con1 ul li a{overflow:hidden;display:block;width:100%;padding:5px 0;}
#con1 ul li a span{overflow:hidden;display:block;width:100%;line-height:1.3}
#con1 h3{float:left;width:80%;font-size:16px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
#con1 li.ov a h3{width:100%;font-size:17px;color:#3b66b3;}
#con1 em.day{float:right;padding-top:3px;color:#767676;}


#con1 .grep .obj .item a b{margin-bottom:5px;margin-top:12px;color:#4f5f6f;font-size:16px;}
#con1 .grep .obj .item a .text{color:#010101;font-size:15px;word-wrap:break-word;word-break:keep-all;}
#con1 .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 .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;}

/* 한의과대학 홈페이지 id 속성 중복 오류로 인해 con2-1 추가 */

#con2, #con2-1, #con2-2{position:relative;background-color:#3762AE;}
#con2 h2, #con2-1 h2, #con2-2 h2{color:#fff;}
#con2.inner, #con2-1.inner, #con2-2.inner{overflow:visible;}

#con2 .box_info, #con2-1 .box_info, #con2-2 .box_info{position:relative;}
#con2 .box_info .list, #con2-1 .box_info .list, #con2-2 .box_info .list{position:relative;padding:0 160px 0 5px;}
#con2 .box_info .list li, #con2-1 .box_info .list li, #con2-2 .box_info .list li{display:block;font-size: 15px;}
#con2 .box_info .list li span, #con2-1 .box_info .list li span, #con2-2 .box_info .list li span{display:none;position:absolute;top:-10px;right:0;color:#fff;width:159px;text-align:center;font-size: 15px;font-weight:600;}
#con2 .box_info .list li:first-child span, #con2-1 .box_info .list li:first-child span, #con2-2 .box_info .list li:first-child span {display:block;}

#con2 .box_info .list li span em, #con2-1 .box_info .list li span em, #con2-2 .box_info .list li span em{display:block;margin:0 auto 10px auto;height:136px;}
#con2 .box_info .list li span em.cicon.cicon7, #con2-1 .box_info .list li span em.cicon.cicon7,
#con2-2 .box_info .list li span em.cicon.cicon7 {width:159px;background:url(/images/common/c/hak_a/sm_hg_col2img.png) no-repeat center right; background-size: 80%;}
#con2 .box_info .list li span em.cicon.cicon8, #con2-1 .box_info .list li span em.cicon.cicon8,
#con2-2 .box_info .list li span em.cicon.cicon8{width:159px;background:url(/images/common/c/hak_a/sm_hg_col2img_2.png) no-repeat center right; background-size: 80%;}
#con2 .box_info .list li span em.cicon.cicon9, #con2-1 .box_info .list li span em.cicon.cicon9,
#con2-2 .box_info .list li span em.cicon.cicon9 {width:159px;background:url(/images/common/c/hak_a/sm_hg_col2img_3.png) no-repeat center right; background-size: 80%;}
#con2 .box_info .list li span em.cicon.cicon10, #con2-1 .box_info .list li span em.cicon.cicon9,
#con2-2 .box_info .list li span em.cicon.cicon10 {width:159px;background:url(/images/common/c/hak_a/sm_hg_col2img_4.png) no-repeat center right; background-size: 80%;}
#con2 .box_info .list li a, #con2-1 .box_info .list li a,
#con2-2 .box_info .list li a{display:block;position:relative;padding:13px 20px;border-bottom:1px solid #d2d2d2;font-size: 15px;color:#fff;text-align: center;}
#con2 .box_info .list li a:hover,
#con2 .box_info .list li a.ov,
#con2-1 .box_info .list li a:hover,
#con2-1 .box_info .list li a.ov,
#con2-2 .box_info .list li a:hover,
#con2-2 .box_info .list li a.ov{border:1px solid transparent;background-color:#30BBFC;color:#fff;transition:none;margin-top:-1px}
#con2 .box_info .list li a.ov:before, #con2-1 .box_info .list li a.ov:before,
#con2-2 .box_info .list li a.ov:before{content:"";display: block;position:absolute;top: -1px;left: -40px;width:45px;height:100%;padding: 1px 0;background-color:#30BBFC;}
#con2 .box_info .list li:first-child a.ov:after, #con2-1 .box_info .list li:first-child a.ov:after,
#con2-2 .box_info .list li:first-child a.ov:after{content:"";display: block;position:absolute;top: 12px;left: 1px;width:20px;height:20px;padding: 1px 0;/*background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat 0px -71px;*/}



/* #minfo .box_info .list li a:after{content:"";display: block;width:10px;height:10px;border-top:2px solid #3e8ddc;border-right:2px solid #3e8ddc;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right:20px;top:50%;margin-top:-7px;} */
#con2 .more, #con2-1 .more, #con2-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 -18px -48px;font-size:0;line-height:0;}

/* 한의과대학 홈페이지 id 속성 중복 오류로 인해 con2-1 추가 */


#con4{padding:0;background-color: rgba(70,81,118,0.6);}
#con4 ul{}
#con4 ul:after{content:"";display:block;clear:both;visibility:hidden;}
#con4 ul li{display:inline-block;float:left;margin-top:-1px;margin-left:-1px;border-top:1px solid rgba(255,255,255,0.1);border-left:1px solid rgba(255,255,255,0.1);width:33.5%;}
#con4 ul li a{display:block;padding:27px 0;min-height:137px;color:#fff;text-align:center;}
#con4 ul li a:hover{background-color:#30BBFC;}
#con4 ul li a .cicon{display:block;margin:0 auto 9px auto;height:51px;}
#con4 ul li a .cicon.cicon1{width:40px;background-position:0 -96px;}
#con4 ul li a .cicon.cicon2{width:50px;background-position:-121px -95px;}
#con4 ul li a .cicon.cicon3{width:50px;background-position:-252px -96px;}
#con4 ul li a .cicon.cicon4{width:50px;background-position:0px -230px;}
#con4 ul li a .cicon.cicon5{width:55px;background-position:-121px -228px;}
#con4 ul li a .cicon.cicon6{width:60px;background-position:-246px -227px;}



#con6, #con6-1{overflow:visible;position:relative;background:rgba(0,0,0,0.5);z-index:10}
#con6:before, #con6-1:before{content:"";display:block;position:absolute;top:43px;left:105%;height:95%;width:10px; background:#30BBFC;}
#con6:after, #con6-1:after{content:"";display:block;position:absolute;top:107%;left:45px;width:95%;height:10px; background:#30BBFC;}
#con6.inner, #con6-1.inner{padding:0;}
#con6 .more, #con6-1 .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 */
#con6 .popup, #con6-1 .popup2{position:relative;}
#con6 .popup .layout, #con6-1 .popup2 .layout{width:100%;}

/* popup Area */
#con6 .popup .grap, #con6-1 .popup2 .grap{position:relative;width:100%;height:100%;}
#con6 .popup .grap .obj, #con6-1 .popup2 .grap .obj{position:relative;width:100%;height:100%;}
#con6 .popup .grap .obj:after, #con6-1 .popup2 .grap .obj:after{content:"";display:block;clear:both;visibility:hidden;}
#con6 .popup .grap .obj .item, #con6-1 .popup2 .grap .obj .item{display:none;position: absolute;top: 0;left: 0;width:100%;height:274px;float:left;background-color:#eee;background-size: cover;}
#con6 .popup .grap .obj .item:first-child, #con6-1 .popup2 .grap .obj .item:first-child{display:block;}
#con6 .popup .grap .obj .item a:after, #con6-1 .popup2 .grap .obj .item a:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;
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 */}
#con6 .popup .grap .obj .item a:hover, #con6-1 .popup2 .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 */
}

#con6 .popup .grap .obj .item a, #con6-1 .popup2 .grap .obj .item a{display:block;color:#fff;}
#con6 .popup .grap .obj .item a img, #con6-1 .popup2 .grap .obj .item a img{display:block;width:100%;height:274px;}
#con6 .popup .grap .obj .item b, #con6-1 .popup2 .grap .obj .item b{display:block;position:absolute;padding:220px 0 30px 30px; font-size:15px;text-align:left;z-index: 1}

/* popup Control Style */
#con6 .popup .control, #con6-1 .popup2 .control{position:absolute; top:213px;right:45px;width:100px; height:20px; text-align:center;}
#con6 .popup .control a, #con6-1 .popup2 .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;}
#con6 .popup .control a:hover, #con6-1 .popup2 .control a:hover{transition:none;}
#con6 .popup .control .prev,
#con6 .popup .control .next,
#con6-1 .popup2 .control .prev,
#con6-1 .popup2 .control .next{position:absolute;top:90px;}
#con6 .popup .control .prev, #con6-1 .popup2 .control .prev{left:-75px;}
#con6 .popup .control .next, #con6-1 .popup2 .control .next{right:-75px;}

/* Scroll Paging Style */
#con6 .popup .control .paging, #con6-1 .popup2 .control .paging{display:inline-block;margin-vertical-align:middle;width:100px;height:20px;}
#con6 .popup .control .paging button, #con6-1 .popup2 .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;}
#con6 .popup .control .paging button.ov, #con6-1 .popup2 .control .paging button.ov{background-position:-1px -383px;}
#con6 .popup .control .paging em, #con6-1 .popup2 .control .paging em{font-weight:bold;text-decoration:underline;}


#con7{position:relative; overflow: visible; background: rgba(0,0,0,0.5); padding:30px 30px 0px;}
#con7 h2{margin-bottom:15px;color:#fff; font-size:20px;}
#con7 .inner{padding:30px 30px 0px; overflow:visible;}
#con7 .mboard{height:178px; overflow:hidden;}
#con7 .more{ top:38px; right:37px;display:block;overflow:hidden;position:absolute;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;}

/* 작업치료학과 con1을 con8로 수정하여 적용 */

#con8, #con8-youtube{padding:0;background-color: rgba(70,81,118,0.6); position: relative;}
#con8 ul, #con8-youtube ul{position:absolute; width:100%; margin-top:76px; z-index:1;}
#con8 ul:after, #con8-youtube ul:after{content:"";display:block;clear:both;visibility:hidden;}
#con8 ul li, #con8-youtube ul li{display:inline-block;float:left;margin-left:-1px;border-top:1px solid rgba(255,255,255,0.1);border-left:1px solid rgba(255,255,255,0.1); width:16.5%; height:30%;}
#con8 ul li a, #con8-youtube ul li a{display:block;padding:5px 0;min-height:137px; maxcolor:#fff;text-align:center; height:20%; margin-top:105px;}
#con8 ul li a:hover, #con8-youtube ul li a:hover{background-color:#30BBFC;}
#con8 iframe, #con8-youtube iframe {position:absolute; width:100%; height:273px; padding:0; margin:0; z-index:5;}
#con8 ul li a .cicon, #con8-youtube ul li a .cicon{display:block;margin:0 auto 9px auto;height:51px;}
#con8 ul li a .cicon.cicon1, #con8-youtube ul li a .cicon.cicon1{width:40px;background-position:0 -96px;}
#con8 ul li a .cicon.cicon2, #con8-youtube ul li a .cicon.cicon2{width:50px;background-position:-121px -95px;}
#con8 ul li a .cicon.cicon3, #con8-youtube ul li a .cicon.cicon3{width:50px;background-position:-252px -96px;}
#con8 ul li a .cicon.cicon4, #con8-youtube ul li a .cicon.cicon4{width:50px;background-position:0px -230px;}
#con8 ul li a .cicon.cicon5, #con8-youtube ul li a .cicon.cicon5{width:55px;background-position:-121px -228px;}
#con8 ul li a .cicon.cicon6, #con8-youtube ul li a .cicon.cicon6{width:60px;background-position:-246px -227px;}

/* 작업치료학과 con1을 con8로 수정하여 적용 */

#con3{background:#465176 url(/images/common/c/hak_a/sm_hg_col3img.png) no-repeat right bottom;color:#fff;}
#con3 h2{color:#fff;}
#con3 p, 
#con5 p{width:65%;font-size:14px; word-break:keep-all}
#con3 p{color:#fff;}
#con3 a{display:block;width:40%;height:50px;line-height:46px;margin-top: 59px;border:3px solid #fff;color:#fff;font-size:14px;vertical-align:middle;text-align:center;}
#con3 a:hover{border-color:#30BBFC;background-color:#30BBFC;transition: all 300ms ease-out;}

/* 산학협력단 홈페이지 ID 중복 오류로 인한 수정 */

#con3-1{background:#465176 url(/images/common/c/hak_a/sm_hg_col3img.png) no-repeat right bottom;color:#fff;}
#con3-1 h2{color:#fff;}
#con3-1 p, 
#con5 p{width:65%;font-size:14px; word-break:keep-all}
#con3-1 p{color:#fff;}
#con3-1 a{display:block;width:40%;height:50px;line-height:46px;margin-top: 59px;border:3px solid #fff;color:#fff;font-size:14px;vertical-align:middle;text-align:center;}
#con3-1 a:hover{border-color:#30BBFC;background-color:#30BBFC;transition: all 300ms ease-out;}

@media only screen and (min-width:1024px) {
#con3 a{margin-top:46px;}
#con3-1 a{margin-top:46px;}
}

/* 산학협력단 홈페이지 ID 중복 오류로 인한 수정 */

#con5 {position:relative;background:url(/images/common/c/hak_a/con5_bg.png) no-repeat;background-size: cover;}
#con5 p{text-shadow: 2px 2px 3px #fff;color:#444;}
#con5 a{display:block;float:left;width:40%;height:46px;line-height:46px;margin: 50px 2% 0 0;font-size:14px;vertical-align:middle;text-align:center;color:#333;}

#con5 a:hover{border-color:#30BBFC;background-color:#30BBFC;transition: all 300ms ease-out;}

#con5 a.bg_bl{background-color:#30BBFC;color:#fff;}
#con5 a.bg_wt{background-color:#fff;}

/*#con5 h2{width:40%;float:left;}
#con5 .obj {position: absolute;top: 75px;left: 0;width: 100%;padding: 10px 30px;}
#con5 .obj:last-child{display:none}
#con5 h2 a{font-family: 'nsr'}
#con5 h2 a,
#con5 h2 a:link, 
#con5 h2 a:visited{color:#A9AAAA;} 
#con5 h2 a.ov ,
#con5 h2 a.ov:link, 
#con5 h2 a.ov:visited{color:#252729;}
#con5 ul li{overflow:hidden;border-bottom:1px solid #ddd;box-sizing:border-box; font-size:14px; line-height:1.2}
#con5 ul li:last-child{overflow:hidden;border-bottom:0;}
#con5 ul li a{overflow:hidden;display:block;width:100%;padding:8px 0;}
#con5 ul li a span{overflow:hidden;display:block;width:100%;line-height:1.3}
#con5 h3{float:left;width:80%;font-size:17px;line-height: 1.2; }
#con5 em.day{float:right;padding-top:3px;color:#767676;}
#con5 .more{display:block;overflow:hidden;position:absolute;top:36px;right:40px;width:18px;height:18px;background:url(/images/media-cmain/sm_hg_main_ir.png) no-repeat 0px -48px;font-size:0;line-height:0;}
*/

@media only screen and (min-width:640px) {
	.tit_campus h1{font-size:24px;}
	.tit_campus h1 span{ font-size:18px;}
}

@media only screen and (min-width:640px) {
	.inner_box{position:relative;margin-bottom:0.5%;padding:10px;/*padding-bottom:64px;padding-right:49%;*/}
	.inner{display:inline-block;float:left;margin:0 0.5% 1% 0.5%;width:49%;}
	.tit_campus h1{font-size:30px;}
	#mnotice{position:absolute;bottom:5px;right:0;margin-bottom:0;padding:20px 104px 20px 91px;min-height:40px;}
	#mnotice h2{top:24px}
	#mnotice .more{top:26px}
	

}

@media only screen and (min-width:1200px) {
	.inner_box{position:relative;margin-bottom:1%;padding:0;padding-left:10px;z-index:99;}
	.tit_campus{width:67%;margin:105px auto 73px;}
	.inner{padding:30px;width:32.33%;}
	.tit_campus h1{text-align:center;font-size:39px;line-height:1;letter-spacing:-1px}
	.tit_campus h1 span{font-size:18px;line-height:30px;letter-spacing:0;}
	#mmajor ul{padding-right:50px;}
	#minfo .box_info .list{padding-right:120px;}
	.visual_text{display:block;position:absolute;top:-111px;right:-50px;width:470px;height:200px;z-index:98;}
	.visual_text .visual_canvas{position:relative;width:470px;height:200px;z-index:10;}
	.visual_text .canvas_text{position:absolute;top:50px;left:126px;padding:20px;width:98px;height:98px;background:url(/images/campus/main/bg_vt.png) no-repeat;font-size:0;z-index:11}
	#first{width:470px;height:200px;}

}

@media only screen and (min-width:1280px) {
#minfo .box_info .list{padding-right:180px;}
#mmajor ul{padding-right:123px;}
 
/*
 

#open_plank{display:block;position:fixed;z-index:2000;top:50%;left:0;margin-top:-90px;width:123px;height:184px;background:url(/images/campus/main/plank_bn.png) no-repeat}
#open_plank a{display:block;padding:61px 17px 91px 50px;overflow:hidden;height:100%;color:#fff;font-size:14px;word-wrap:break-word;word-break:keep-all;line-height:115%;}

}


@media only screen and (min-width:1500px){
#plank .plank-content{width:1200px;margin-left:-600px}
}*/

.more:hover{transition: all 300ms ease-out;transform: rotate(90deg);}
}

@media(max-width:1300px){
	.wrapper{padding-right:30px;}
}


@media(max-width:1300px){
	#con2 .box_info .list, #con2-1 .box_info .list, #con2-2 .box_info .list {padding: 0 130px 0 5px;}
	#con2 .box_info .list li a.ov:before, #con2-1 .box_info .list li a.ov:before, #con2-2 .box_info .list li a.ov:before {left: -30px;width: 35px;}
	#con6:before,
	#con6:after,
	#con6-1:before,
	#con6-1:after{display: none;}

	#con2 .box_info .list li span,
	#con2 .box_info .list li span em.cicon.cicon7,
	#con2 .box_info .list li span em.cicon.cicon8,
	#con2 .box_info .list li span em.cicon.cicon9,
	#con2-1 .box_info .list li span,
	#con2-1 .box_info .list li span em.cicon.cicon7,
	#con2-1 .box_info .list li span em.cicon.cicon8,
	#con2-1 .box_info .list li span em.cicon.cicon9,
	#con2-2 .box_info .list li span,
	#con2-2 .box_info .list li span em.cicon.cicon7,
	#con2-2 .box_info .list li span em.cicon.cicon8,
	#con2-2 .box_info .list li span em.cicon.cicon9{width:110px;}
	#con2 .box_info .list li span em.cicon.cicon7,
	#con2-1 .box_info .list li span em.cicon.cicon7,
	#con2-2 .box_info .list li span em.cicon.cicon7{background: url(/images/common/c/hak_a/sm_hg_col2img.png) no-repeat right center;background-size: 100%;}
}

@media(max-width:1200px){
	body{height:auto;}
	#header {padding-right:0px;}
	.wrapper{padding-right:0px;}
	.inner_box{padding-top:70px;}
	.tit_campus h1{margin-bottom:30px;}
	#mpop{top:70px;right: 20px;}
	#minfo .box_info .list li a.ov:before{left:-30px;width:30px;}
	#con2 .box_info .list, #con2-1 .box_info .list, #con2-2 .box_info .list {padding: 0 155px 0 5px;}


}

@media(max-width:999px){
	#mpop{top:10px;right:50%;margin-right: -170px}
	#con2 .box_info .list, #con2-1 .box_info .list, #con2-2 .box_info .list {padding: 0 145px 0 5px;}
	
}

@media(max-width:480px){
	#mpop{margin-right:-180px}
}


#wrap #footer{position:absolute;bottom:0;width:100%;background: black;}

