@charset "utf-8";



a:hover{transition: all 300ms ease-out;}

.ir:before {display: inline-block;width: 100%;height: 100%;vertical-align: top;content: '';}

/*h1,h2,h3,h4,h5,h6{font-family:'nsr','ngn','Malgun Gothic','AppleGothic','Dotum','arial','sans-serif';}*/

.cicon{display:inline-block;overflow:hidden;background:url(/images/common/c/hak_c/sm_hg_main_ir.png) no-repeat;font-size:0;line-height:0;}

/*.ir-tmpl{background:url(/images/common/c/hak_c/ir-tmpl.png) no-repeat}*/



section{position:relative;overflow:hidden}

#mcontainer *{font-family:'ntk';}

#mcontainer * {word-wrap: break-word;word-break: keep-all;}



.wrapper{position:relative;width:100%;}

.wrapper:after{content:"";display:block;clear:both;visibility:hidden;}

@media (min-width:1024px) {

    .wrapper{margin:0 auto;width:95%;max-width:1024px;}

}

@media (min-width:1200px) {

    .wrapper{width:90%;max-width:1200px;}

}


#mvisual .grap .obj .item img{height:100%; max-width:none; min-width: 100%;}



/*main mcontainer*/

#mcontainer{position:relative;overflow:hidden}

#mcontainer:after{content:"";display:block;clear:both;visibility:hidden;}

#mcontainer .inner{padding:30px;}









/*main visual*/

#mvisual{padding-top:70px;height:688px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}

#mvisual .mtit h2{position:relative;color:#fff;font-size:30px;line-height:1.2;font-weight:600;height: 131px}

/* #mvisual .mtit h2:before{display:block;position:absolute;top:-23px;left:50%;margin-left:-25px;background:#fff;width:50px;height:5px;content:""} */

#mvisual .mtit h2 span{display:block;font-size:16px;line-height:1.4;margin-top:15px;font-weight:normal;height: 45px;overflow: hidden;}

#mvisual .mtit h2 p{display:block;font-size:16px;line-height:1.4;margin-top:15px;font-weight:normal;height: 45px;}

#mvisual .mtit h3{position:relative;color:#fff;font-size:28px;line-height:1.2;font-weight:600;height: 36px}

#mvisual .mtit h4{position:relative;color:orange;font-size:25px;line-height:1.2;font-weight:600;height: 60px}



#mvisual .mtit2 h2{position:relative;color:#535353;font-size:65px;line-height:1.2;font-weight:600;height: 131px}

/* #mvisual .mtit2 h2:before{display:block;position:absolute;top:-23px;left:50%;margin-left:-25px;background:#fff;width:50px;height:5px;content:""} */

#mvisual .mtit2 h2 span{display:block;font-size:16px;line-height:1.4;margin-top:15px;font-weight:normal;height: 45px;overflow: hidden;}

#mvisual .mtit2 h2 p{display:block;color:#535353; font-size:15px;line-height:1.4; margin-top: 30px; font-weight:600;height:60px;}

#mvisual .mtit2 h3{position:relative;color:#535353;font-size:33px;line-height:1.2;font-weight:600;height: 36px}

#mvisual .mtit2 h4{position:relative;color:orange;font-size:25px;line-height:1.2;font-weight:600;height: 60px}



@media (min-width:768px) {

#mvisual{height: 772px;padding-top: 120px;}

#mvisual .mtit h2{font-size:46px}

#mvisual .mtit h2 span{font-size:18px}

}



@media (min-width:1024px) {

#mvisual{padding-top:150px;height:1200px}

}



@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;}
}


@media(max-width:767px){
	#mcontainer{padding-bottom:190px;}
}
@media(max-width:620px){
	#mcontainer{padding-bottom:220px;}
}
@media(max-width:500px){
	#mcontainer{padding-bottom: 50px;background-size: 500px;}	
}






/*main link*/

#mlink{position:relative;top:53px;left:0;width:100%}

/* #mlink .l_bg{position:absolute;top:0;left:0;width:100%;height:170px;width:100%;background:#f0c54a;opacity: 0.9} */

#mlink .r_bg{position:absolute;bottom:0;width:100%;height:204px;width:100%;}

#mlink .history{width:100%;height:170px}

#mlink .history a{width: 99%;height: 97%;margin-top:0px;display: block;}

#mlink .history h2{color:#333;font-size:22px;font-weight:600;letter-spacing:-1px}



#mlink .history h2 span{color:#333;font-size:16px;padding-left:7px}

#mlink .history .inner{padding:35px 15px}

#mlink .history .inner .txt_box{padding:10px 0 10px 117px}

#mlink .history .inner .txt_box .txt{color:#222;letter-spacing:-1px}

#mlink .history .course_ir{background:url(/images/common/c/hak_c/course_img.png) no-repeat;}

#mlink .history .course_ir{display:block;float:left;width:105px;height:100px;background-position:0 0}

#mlink .history .select select{width:100%;background:transparent;border:0;border-bottom:1px solid #6a6a6a;border-top:1px solid #6a6a6a;padding:10px 0;height:42px;color:#222}

#mlink .link{height:204px;width:100%}

#mlink .link ul li{display:table;float:left;text-align:center;width:50%;margin-left:-1px;margin-top:-1px;vertical-align:middle;height:100%;border-top: 1px solid rgba(140, 140, 140 ,0.6);border-left: 1px solid rgba(140,140,140,0.6)}

#mlink .link ul li a{display:table-cell;color:#fff;line-height:1.2;height:100px;padding:34px 0;font-size:16px}

#mlink .link ul li a>span{display:inline-block;overflow:hidden;margin:0 auto;width:28px;height:30px;margin-right:10px;vertical-align:middle}

#mlink .link ul li .micon_ir{background:url(/images/common/c/hak_c/micon_ir.png) no-repeat}

#mlink .link ul li a .icon1{background-position:0 0}

#mlink .link ul li a .icon2{background-position:-48px 0}

#mlink .link ul li a .icon3{background-position:-100px 0}

#mlink .link ul li a .icon4{background-position:-149px 0}



@media (min-width:768px) {

    #mlink {top:61px}

    #mlink .wrapper{width: 68%;margin: 0 auto;}

    #mlink .link{padding:60px 0}

    #mlink .link ul li,#mlink .link ul li a,#mlink .link ul li a>span{display:block}

    #mlink .link ul li{width:20%}

    #mlink .link ul li{padding: 0 10px; border-top:0;border-left:0}

    #mlink .history h2{margin-bottom:10px}

    #mlink .history .course_ir{width: 138px;height: 130px;background-position: -1px -151px;}

    #mlink .l_bg,#mlink .history{height:204px}

    #mlink .history .inner{padding: 45px 15px;}

    #mlink .history .inner .txt_box{padding:10px 0 10px 164px}

    #mlink .history .inner .txt_box .txt{border-top: 1px solid #f2d581;border-bottom: 1px solid #f2d581;padding: 10px 4px;font-size: 15px;letter-spacing: -2px; font-family:dotum;}

    #mlink .link ul li a{padding:0}

    #mlink .link ul li a>span{width:60px;height:60px;margin: 0 auto 18px;}

    #mlink .link ul li a .icon1{background-position:0 -60px;}

    #mlink .link ul li a .icon2{background-position:-67px -59px}

    #mlink .link ul li a .icon3{background-position:-156px -59px}

    #mlink .link ul li a .icon4{background-position:-233px -59px}

    

    

}



@media (min-width:1024px) {

#mlink .l_bg{width:50%}

#mlink .r_bg{width:50%}





#mlink .r_bg{right:0}

#mlink .history,#mlink .link{float:right;width:50%}

#mlink .link{padding:50px 0 50px 3%}

#mlink .wrapper {width: 89%;}

#mlink .history .inner{padding:34px 10% 34px 0}

}



@media (min-width:1200px) {

#mlink .wrapper{max-width:1200px}

#mlink .l_bg,#mlink .r_bg{height:100%;}

#mlink .l_bg{width:50%}

#mlink .r_bg{width:50%}

}



@media (max-width:400px) {

    #mlink .link ul li a{font-size: 15px;}

}



/*main content*/

#mcontent, #mcontent2{width:100%}

/*main notice, mprofessor */

#mnotice h2, #mnotice2 h2, #mvideo h2,#mcontent2 h2,#mprofessor h2,#mprofessor2 h2,#mprofessor3 h2,#mprofessor4 h2{margin-bottom:48px;color:#000;font-size:20px;line-height:24px;font-weight:500;text-align:center;text-decoration: underline; text-underline-position: under;
text-decoration-color: orange;text-underline-offset:5px;text-decoration-thickness:3px;}



/* 광고홍보학과 C&E */
#msmadpr h2{margin-bottom:48px;color:#000;font-size:20px;line-height:24px;font-weight:500;text-align:center;text-decoration: underline; text-underline-position: under;
text-decoration-color: orange;text-underline-offset:5px;text-decoration-thickness:3px;}

#msmadpr h2 span{display:block;color:#9b9b9b;font-size:16px;font-weight:normal;letter-spacing:0}

/* 광고홍보학과 C&E */



#mnotice h2 span,#mnotice2 h2 span,#mprofessor h2 span,#mprofessor2 h2 span,#mprofessor3 h2 span,#mprofessor4 h2 span,#video h2 span{display:block;color:#9b9b9b;font-size:16px;font-weight:normal;letter-spacing:0}

#mnotice .grap .item, #mnotice2 .grap .item{display:inline-block;position:relative;width:100%;margin-top:10px;background-color: #fff;}

#mnotice .grap .item:first-child, #mnotice2 .grap .item:first-child{margin-top:0}

#mnotice .grap .item a, #mnotice2 .grap .item a{display:block;padding: 42px 30px;border: 1px solid #d0d0d0}

#mnotice .grap .item a.new:before, #mnotice2 .grap .item a.new:before{display:block;content:"";position:absolute;top:0;right:0;background:url(/images/common/c/hak_c/marr_ir.png) no-repeat;background-position:-10px -79px;width:26px;height:25px}

#mnotice .grap .item a b, #mnotice2 .grap .item a b{display:inline-block;overflow:hidden;width:100%;max-height:60px;height:60px;color:#000;font-size:18px;line-height:28px;letter-spacing:-1px;}

#mnotice .grap .item a b:hover, #mnotice2 .grap .item a b:hover{text-decoration:underline}

#mnotice .grap .item a .text, #mnotice2 .grap .item a .text{display:block;color: #555;font-size: 16px;line-height: 1.3;overflow: hidden;height: 47px;}

#mnotice .grap .item a .date, #mnotice2 .grap .item a .date{display:block;margin-top:5px;color:#555;font-size:14px}

#mnotice .more, #mnotice2 .more{display:inline-block;position:absolute;top:330px;right:32px}

#mnotice .more .marr_ir, #mnotice2 .more .marr_ir{background:url(/images/common/c/hak_c/marr_ir.png) no-repeat}

#mnotice .more .more_icon, #mnotice2 .more .more_icon{background-position:-79px -10px}

#mnotice .more a, #mnotice2 .more a{display:inline-block;padding-left:16px;letter-spacing:-1px;font-size:15px;}

#mnotice .more a span, #mnotice2 .more a span{display:block;position:absolute;top:8px;left:0;width:12px;height:12px}

#mnotice .more a::before, #mnotice2 .more a::before{content: ""; height: 3px; width: 0; background-color: #c0ddff; border-radius: 5px; transition: 0.5s; position: absolute; bottom: 0; left: 0;}

#mnotice .more a:hover::before, #mnotice2 .more a:hover::before{width: 100%; background-color: #fff;}

#mnotice .control, #mnotice2 .control{display: none;}


#gesipan h2{margin-bottom:48px;color:#000;font-size:20px;line-height:24px;font-weight:500;text-align:center;text-decoration: underline; text-underline-position: under;
text-decoration-color: orange;text-underline-offset:5px;text-decoration-thickness:3px;}

#gesipan h2 span,#mprofessor h2 span,#video h2 span{display:block;color:#9b9b9b;font-size:16px;font-weight:normal;letter-spacing:0}



/* 광고홍보학과 C&E */

#msmadpr h2 span{display:block;color:#9b9b9b;font-size:16px;font-weight:normal;letter-spacing:0}

/* 광고홍보학과 C&E */



#gesipan .grap .item{display:inline-block;position:relative;width:100%;margin-top:10px;background-color: #fff;}

#gesipan .grap .item:first-child{margin-top:0}

#gesipan .grap .item a{display:block;padding: 42px 30px;border: 1px solid #d0d0d0}

#gesipan .grap .item a.new:before{display:block;content:"";position:absolute;top:0;right:0;background:url(/images/common/c/hak_c/marr_ir.png) no-repeat;background-position:-10px -79px;width:26px;height:25px}

#gesipan .grap .item a b{display:inline-block;overflow:hidden;width:100%;max-height:60px;height:60px;color:#000;font-size:18px;line-height:28px;letter-spacing:-1px;}

#gesipan .grap .item a b:hover{text-decoration:underline}

#gesipan .grap .item a .text{display:block;color: #555;font-size: 16px;line-height: 1.3;overflow: hidden;height: 47px;}

#gesipan .grap .item a .date{display:block;margin-top:5px;color:#555;font-size:14px}

#gesipan .more{display:inline-block;position:absolute;top:29px;right:32px}

#gesipan .more .marr_ir{background:url(/images/common/c/hak_c/marr_ir.png) no-repeat}

#gesipan .more .more_icon{background-position:-79px -10px}

#gesipan .more a{display:inline-block;padding-left:16px;letter-spacing:-1px;font-size:15px;}

#gesipan .more a span{display:block;position:absolute;top:8px;left:0;width:12px;height:12px}

#gesipan .more a::before{content: ""; height: 3px; width: 0; background-color: #c0ddff; border-radius: 5px; transition: 0.5s; position: absolute; bottom: 0; left: 0;}

#gesipan .more a:hover::before{width: 100%; background-color: #fff;}

#gesipan .control{display: none;}



#mprofessor .more{display:inline-block;position:absolute;top:255px;right:32px}

#mprofessor .more .marr_ir{background:url(/images/common/c/hak_c/marr_ir.png) no-repeat}

#mprofessor .more .more_icon{background-position:-79px -10px}

#mprofessor .more a{display:inline-block;padding-left:16px;letter-spacing:-1px;font-size:15px;}

#mprofessor .more a span{display:block;position:absolute;top:8px;left:0;width:12px;height:12px}

#mprofessor .more a::before{content: ""; height: 3px; width: 0; background-color: #c0ddff; border-radius: 5px; transition: 0.5s; position: absolute; bottom: 0; left: 0;}

#mprofessor .more a:hover::before{width: 100%; background-color: #fff;}

#mprofessor .control{display: none;}


#mprofessor2 .more{display:inline-block;position:absolute;top:255px;right:32px}

#mprofessor2 .more .marr_ir{background:url(/images/common/c/hak_c/marr_ir.png) no-repeat}

#mprofessor2 .more .more_icon{background-position:-79px -10px}

#mprofessor2 .more a{display:inline-block;padding-left:16px;letter-spacing:-1px;font-size:15px;}

#mprofessor2 .more a span{display:block;position:absolute;top:8px;left:0;width:12px;height:12px}

#mprofessor2 .more a::before{content: ""; height: 3px; width: 0; background-color: #c0ddff; border-radius: 5px; transition: 0.5s; position: absolute; bottom: 0; left: 0;}

#mprofessor2 .more a:hover::before{width: 100%; background-color: #fff;}

#mprofessor2 .control{display: none;}


#mprofessor3 .more{display:inline-block;position:absolute;top:255px;right:32px}

#mprofessor3 .more .marr_ir{background:url(/images/common/c/hak_c/marr_ir.png) no-repeat}

#mprofessor3 .more .more_icon{background-position:-79px -10px}

#mprofessor3 .more a{display:inline-block;padding-left:16px;letter-spacing:-1px;font-size:15px;}

#mprofessor3 .more a span{display:block;position:absolute;top:8px;left:0;width:12px;height:12px}

#mprofessor3 .more a::before{content: ""; height: 3px; width: 0; background-color: #c0ddff; border-radius: 5px; transition: 0.5s; position: absolute; bottom: 0; left: 0;}

#mprofessor3 .more a:hover::before{width: 100%; background-color: #fff;}

#mprofessor3 .control{display: none;}


#mprofessor4 .more{display:inline-block;position:absolute;top:255px;right:32px}

#mprofessor4 .more .marr_ir{background:url(/images/common/c/hak_c/marr_ir.png) no-repeat}

#mprofessor4 .more .more_icon{background-position:-79px -10px}

#mprofessor4 .more a{display:inline-block;padding-left:16px;letter-spacing:-1px;font-size:15px;}

#mprofessor4 .more a span{display:block;position:absolute;top:8px;left:0;width:12px;height:12px}

#mprofessor4 .more a::before{content: ""; height: 3px; width: 0; background-color: #c0ddff; border-radius: 5px; transition: 0.5s; position: absolute; bottom: 0; left: 0;}

#mprofessor4 .more a:hover::before{width: 100%; background-color: #fff;}

#mprofessor4 .control{display: none;}


/* 광고홍보학과 C&E */

#msmadpr{width: 35%; margin: 0 auto; display: flex;}

#msmadpr .more{display:inline-block;position:absolute;top:5px;right:32px}

#msmadpr .more .marr_ir{background:url(/images/common/c/hak_c/marr_ir.png) no-repeat}

#msmadpr .more .more_icon{background-position:-79px -10px}

#msmadpr .more a{display:inline-block;padding-left:16px;letter-spacing:-1px;font-size:15px;}

#msmadpr .more a span{display:block;position:absolute;top:8px;left:0;width:12px;height:12px}

#msmadpr .more a::before{content: ""; height: 3px; width: 0; background-color: #c0ddff; border-radius: 5px; transition: 0.5s; position: absolute; bottom: 0; left: 0;}

#msmadpr .more a:hover::before{width: 100%; background-color: #fff;}

#msmadpr .control{display: none;}

/* 광고홍보학과 C&E */



#gallery .more{display:inline-block;position:absolute;top:7px;right:102px}

#gallery .more .marr_ir{background:url(/images/common/c/hak_c/marr_ir.png) no-repeat}

#gallery .more .more_icon{background-position:-79px -10px}

#gallery .more a{display:inline-block;padding-left:16px;letter-spacing:-1px;font-size:15px;}

#gallery .more a span{display:block;position:absolute;top:8px;left:0;width:12px;height:12px}

#gallery .more a::before{content: ""; height: 3px; width: 0; background-color: #c0ddff; border-radius: 5px; transition: 0.5s; position: absolute; bottom: 0; left: 0;}

#gallery .more a:hover::before{width: 100%; background-color: #fff;}

#gallery .control{display: none;}

#gallery2 .more{display:inline-block;position:absolute;top:7px;right:102px}

#gallery2 .more .marr_ir{background:url(/images/common/c/hak_c/marr_ir.png) no-repeat}

#gallery2 .more .more_icon{background-position:-79px -10px}

#gallery2 .more a{display:inline-block;padding-left:16px;letter-spacing:-1px;font-size:15px;}

#gallery2 .more a span{display:block;position:absolute;top:8px;left:0;width:12px;height:12px}

#gallery2 .more a::before{content: ""; height: 3px; width: 0; background-color: #c0ddff; border-radius: 5px; transition: 0.5s; position: absolute; bottom: 0; left: 0;}

#gallery2 .more a:hover::before{width: 100%; background-color: #fff;}

#gallery2 .control{display: none;}

#gallery3 .more{display:inline-block;position:absolute;top:7px;right:102px}

#gallery3 .more .marr_ir{background:url(/images/common/c/hak_c/marr_ir.png) no-repeat}

#gallery3 .more .more_icon{background-position:-79px -10px}

#gallery3 .more a{display:inline-block;padding-left:16px;letter-spacing:-1px;font-size:15px;}

#gallery3 .more a span{display:block;position:absolute;top:8px;left:0;width:12px;height:12px}

#gallery3 .more a::before{content: ""; height: 3px; width: 0; background-color: #c0ddff; border-radius: 5px; transition: 0.5s; position: absolute; bottom: 0; left: 0;}

#gallery3 .more a:hover::before{width: 100%; background-color: #fff;}

#gallery3 .control{display: none;}


#mprofessor {padding-bottom:30px;}

#mprofessor .inner{padding:0px 30px 40px}

#mprofessor .table{display:table;height: 154px;background: url(/images/common/c/hak_c/quick_bg.png) no-repeat;background-size: cover;width: 100%;}

#mprofessor .table-row{display:table-row}

#mprofessor .table-col{display:table-cell;-webkit-transition: all 0.4s;transition: all 0.4s;vertical-align:top; padding:40px 10px 0 10px;letter-spacing: -1px;text-align:center;color:#222;    font-weight: 600;

    font-size: 14px;}

#mprofessor .table-col:hover{-webkit-transform: scale(1.1) rotate(0.002deg);transform: scale(1.1) rotate(0.002deg)}

#mprofessor .table-col .quickmenu_ir{display: block;width: 60px;height: 60px;margin:0 auto 8px;background: url(/images/common/c/hak_c/quick_ir.png) no-repeat}

#mprofessor .table-col .icon1{background-position: 0 0}

#mprofessor .table-col .icon2{background-position: -78px 0}

#mprofessor .table-col .icon3{background-position: -158px 0}


#mprofessor2 {padding-bottom:30px;}

#mprofessor2 .inner{padding:0px 30px 40px}

#mprofessor2 .table{display:table;height: 154px;background: url(/images/common/c/hak_c/quick_bg.png) no-repeat;background-size: cover;width: 100%;}

#mprofessor2 .table-row{display:table-row}

#mprofessor2 .table-col{display:table-cell;-webkit-transition: all 0.4s;transition: all 0.4s;vertical-align:top; padding:40px 10px 0 10px;letter-spacing: -1px;text-align:center;color:#222;    font-weight: 600;

    font-size: 14px;}

#mprofessor2 .table-col:hover{-webkit-transform: scale(1.1) rotate(0.002deg);transform: scale(1.1) rotate(0.002deg)}

#mprofessor2 .table-col .quickmenu_ir{display: block;width: 60px;height: 60px;margin:0 auto 8px;background: url(/images/common/c/hak_c/quick_ir.png) no-repeat}

#mprofessor2 .table-col .icon1{background-position: 0 0}

#mprofessor2 .table-col .icon2{background-position: -78px 0}

#mprofessor2 .table-col .icon3{background-position: -158px 0}


#mprofessor3 {padding-bottom:30px;}

#mprofessor3 .inner{padding:0px 30px 40px}

#mprofessor3 .table{display:table;height: 154px;background: url(/images/common/c/hak_c/quick_bg.png) no-repeat;background-size: cover;width: 100%;}

#mprofessor3 .table-row{display:table-row}

#mprofessor3 .table-col{display:table-cell;-webkit-transition: all 0.4s;transition: all 0.4s;vertical-align:top; padding:40px 10px 0 10px;letter-spacing: -1px;text-align:center;color:#222;    font-weight: 600;

    font-size: 14px;}

#mprofessor3 .table-col:hover{-webkit-transform: scale(1.1) rotate(0.002deg);transform: scale(1.1) rotate(0.002deg)}

#mprofessor3 .table-col .quickmenu_ir{display: block;width: 60px;height: 60px;margin:0 auto 8px;background: url(/images/common/c/hak_c/quick_ir.png) no-repeat}

#mprofessor3 .table-col .icon1{background-position: 0 0}

#mprofessor3 .table-col .icon2{background-position: -78px 0}

#mprofessor3 .table-col .icon3{background-position: -158px 0}




#mprofessor4 {padding-bottom:30px;}

#mprofessor4 .inner{padding:0px 30px 40px}

#mprofessor4 .table{display:table;height: 154px;background: url(/images/common/c/hak_c/quick_bg.png) no-repeat;background-size: cover;width: 100%;}

#mprofessor4 .table-row{display:table-row}

#mprofessor4 .table-col{display:table-cell;-webkit-transition: all 0.4s;transition: all 0.4s;vertical-align:top; padding:40px 10px 0 10px;letter-spacing: -1px;text-align:center;color:#222;    font-weight: 600;

    font-size: 14px;}

#mprofessor4 .table-col:hover{-webkit-transform: scale(1.1) rotate(0.002deg);transform: scale(1.1) rotate(0.002deg)}

#mprofessor4 .table-col .quickmenu_ir{display: block;width: 60px;height: 60px;margin:0 auto 8px;background: url(/images/common/c/hak_c/quick_ir.png) no-repeat}

#mprofessor4 .table-col .icon1{background-position: 0 0}

#mprofessor4 .table-col .icon2{background-position: -78px 0}

#mprofessor4 .table-col .icon3{background-position: -158px 0}



/* 광고홍보학과 C&E */

#msmadpr {padding-bottom:30px;}

#msmadpr .inner{padding:0px 30px 40px}

#msmadpr .table{display:table;height: 154px;background: url(/images/common/c/hak_c/quick_bg.png) no-repeat;background-size: cover;width: 100%;}

#msmadpr .table-row{display:table-row}

#msmadpr .table-col{display:table-cell;-webkit-transition: all 0.4s;transition: all 0.4s;vertical-align:top; padding:40px 10px 0 10px;letter-spacing: -1px;text-align:center;color:#222;    font-weight: 600;

    font-size: 14px;}

#msmadpr .table-col:hover{-webkit-transform: scale(1.1) rotate(0.002deg);transform: scale(1.1) rotate(0.002deg)}

#msmadpr .table-col .quickmenu_ir{display: block;width: 60px;height: 60px;margin:0 auto 8px;background: url(/images/common/c/hak_c/quick_ir.png) no-repeat}

#msmadpr .table-col .icon1{background-position: 0 0}

#msmadpr .table-col .icon2{background-position: -78px 0}

#msmadpr .table-col .icon3{background-position: -158px 0}

/* 광고홍보학과 C&E */




#mvideo {padding-bottom:30px;}

/* #mvideo .mvideo-inner{padding:50px 0 0 0;} */

#mvideo .table{display:table;height: 154px;background: url(/images/common/c/hak_c/quick_bg.png) no-repeat;background-size: cover;width: 100%;}

#mvideo .table-row{display:table-row}

#mvideo .table-col{display:table-cell;-webkit-transition: all 0.4s;transition: all 0.4s;vertical-align:top; padding:40px 10px 0 10px;letter-spacing: -1px;text-align:center;color:#222;    font-weight: 600;

    font-size: 14px;}

#mvideo .table-col:hover{-webkit-transform: scale(1.1) rotate(0.002deg);transform: scale(1.1) rotate(0.002deg)}

#mvideo .table-col .quickmenu_ir{display: block;width: 60px;height: 60px;margin:0 auto 8px;background: url(/images/common/c/hak_c/quick_ir.png) no-repeat}

#mvideo .table-col .icon1{background-position: 0 0}

#mvideo .table-col .icon2{background-position: -78px 0}

#mvideo .table-col .icon3{background-position: -158px 0}

#video_size{height: 300px;}








@media (max-width:767px) {

	#mprofessor .table-col{ padding-top:30px;}
	
	#mprofessor2 .table-col{ padding-top:30px;}
	
	#mprofessor3 .table-col{ padding-top:30px;}
	
	#mprofessor4 .table-col{ padding-top:30px;}
	
	#mvideo .table-col{ padding-top:30px;}



}

@media (max-width:419px) {

	#mprofessor .table-col{ padding-top:22px;}
	
	#mprofessor2 .table-col{ padding-top:22px;}
	
	#mprofessor3 .table-col{ padding-top:22px;}
	
	#mprofessor4 .table-col{ padding-top:22px;}
	
	#mvideo .table-col{ padding-top:22px;}



}

@media (min-width:768px) {

    #mcontent .wrapper, #mcontent2 .wrapper{width: 100%; display: flex; justify-content: center; margin: 0 auto; padding: 50px 0 50px 0;}
    
/* 간호학과 하단 */
    
    #mcontent2 .wrapper2{width: 92%; display: flex; justify-content: center; margin: 0 auto; padding: 50px 0 50px 0;}

/* 간호학과 하단 */

   

    #mnotice .inner,#mnotice2 .inner,#mvideo .inner{padding:40px 20px 40px 20px; height:455px;}
    
    #mprofessor .inner{padding:40px 20px 40px 20px;/*height:338px*/}
    
    #mprofessor2 .inner{padding:40px 5px 40px 70px;/*height:338px*/}
        
    #mprofessor3 .inner{padding:40px 70px 40px 5px;/*height:338px*/}
    
    #mprofessor4 .inner{padding:25px 5px 40px 5px;/*height:338px*/}
    
    #gesipan .inner::before{content: ""; opacity: 0.5; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #000;} */

    #mnotice .grap .item, #mnotice2 .grap .item{margin-bottom:35px}

    #mnotice .grap .item a, #mnotice2 .grap .item a{padding:36px 30px}

    #mnotice .grap .item a b, #mnotice2 .grap .item a b{height:32px;font-size:20px}

    #mnotice .more, #mnotice2 .more{top:42px;right:24px}
    
    #mnotice .more2{top:400px;right:24px}

    #gesipan .grap .item{margin-bottom:35px}

    #gesipan .grap .item a{padding:36px 30px}

    #gesipan .grap .item a b{height:32px;font-size:20px}

    #gesipan .more{top:52px;right:4px}

    /*#mprofessor{float:left;width:40%;padding-left:20px}*/

    #mprofessor .table{height:186px}
    
    #mprofessor .more{top:42px;right:30px}
    
    #mprofessor2 .table{height:186px}
    
    #mprofessor2 .more{top:42px;right:6px}
    
    #mprofessor3 .table{height:186px}
    
    #mprofessor3 .more{top:42px;right:82px}
    
    #mprofessor4 .table{height:186px}
    
    #mprofessor4 .more{top:42px;right:82px}
    
    #mvideo .table{height:186px}
    
    #mvideo .more{top:52px;right:4px}
    
    



}



@media (min-width:1200px) {

#mnotice .grap .item a b, #mnotice2 .grap .item a b {height: 42px;font-size: 17px;line-height: 1.2;}

#mnotice .grap .item a .text, #mnotice2 .grap .item a .text{font-size:14px;height:38px}

#mnotice .grap .item a .date, #mnotice2 .grap .item a .date{margin-top:25px}

#mnotice, #mnotice2{float:left;height:auto;width: 470px;}

#gesipan .grap .item a b {height: 42px;font-size: 17px;line-height: 1.2;}

#gesipan .grap .item a .text{font-size:14px;height:38px}

#gesipan .grap .item a .date{margin-top:25px}

#gesipan{float:left;height:auto;width: 470px;}

#mprofessor{float:left;width: 590px;height: 435px;}

#mprofessor2{float:left;width: 590px;height: 472px;}

#mprofessor3{float:left;width: 590px;height: 472px;}

#mprofessor4{float:left;width: 590px;height: 472px;}

#mvideo{float:left;padding-left:45px;width: 590px;height: 100%; top: 35px;}

}



@media (min-width:1025px) and (max-width:1201px){

    #mnotice .grap .item a b, #mnotice2 .grap .item a b{white-space: nowrap;text-overflow:ellipsis;}
    
    #gesipan .grap .item a b{white-space: nowrap;text-overflow:ellipsis;}

}



@media (min-width:1024px) {

#mnotice .grap .item a, #mnotice2 .grap .item a{padding:37px 30px}

#mnotice .grap .item, #mnotice2 .grap .item{float:left;width:32%;margin-bottom: 0;margin-left:10px;margin-top:0}

#mnotice .grap .item:first-child, #mnotice2 .grap .item:first-child{margin-left:0}

#gesipan .grap .item a{padding:37px 30px}

#gesipan .grap .item{float:left;width:32%;margin-bottom: 0;margin-left:10px;margin-top:0}

#gesipan .grap .item:first-child{margin-left:0}

}



@media (min-width:1200px) {



#mprofessor .table{height:220px}

#mprofessor .table-col .quickmenu_ir{width:96px;height:96px}

#mprofessor .table-col .icon1{background-position:0 -79px}

#mprofessor .table-col .icon2{background-position:-118px -79px}

#mprofessor .table-col .icon3{background-position:-227px -79px}

#mprofessor2 .table{height:220px}

#mprofessor2 .table-col .quickmenu_ir{width:96px;height:96px}

#mprofessor2 .table-col .icon1{background-position:0 -79px}

#mprofessor2 .table-col .icon2{background-position:-118px -79px}

#mprofessor2 .table-col .icon3{background-position:-227px -79px}

#mprofessor3 .table{height:220px}

#mprofessor3 .table-col .quickmenu_ir{width:96px;height:96px}

#mprofessor3 .table-col .icon1{background-position:0 -79px}

#mprofessor3 .table-col .icon2{background-position:-118px -79px}

#mprofessor3 .table-col .icon3{background-position:-227px -79px}

#mprofessor4 .table{height:220px}

#mprofessor4 .table-col .quickmenu_ir{width:96px;height:96px}

#mprofessor4 .table-col .icon1{background-position:0 -79px}

#mprofessor4 .table-col .icon2{background-position:-118px -79px}

#mprofessor4 .table-col .icon3{background-position:-227px -79px}

#mcontent .mboard, #mcontent2 .mboard{height:400px}

#mnotice .grap .item a, #mnotice2 .grap .item a{padding:39px 25px}

#gesipan .grap .item a{padding:39px 25px}

#mprofessor .table-col{font-size:16px}

#mprofessor2 .table-col{font-size:16px}

#mprofessor3 .table-col{font-size:16px}

#mprofessor4 .table-col{font-size:16px}


#mvideo .table{height:220px}

#mvideo .table-col .quickmenu_ir{width:96px;height:96px}

#mvideo .table-col .icon1{background-position:0 -79px}

#mvideo .table-col .icon2{background-position:-118px -79px}

#mvideo .table-col .icon3{background-position:-227px -79px}

#mvideo .table-col{font-size:16px}



}

/*gallery*/

/* #gallery{background: url(/images/common/c/hak_c/gallery_bg.png) no-repeat 50% 50%;width:100%;background-size: cover;} */

#gallery .inner{padding:70px 0 100px 0;}

#gallery h2{margin-bottom: 48px; color: #000; font-size: 20px; line-height: 24px; font-weight: 500; text-align: center; text-decoration: underline; text-underline-position: under;
text-decoration-color: orange; text-underline-offset: 5px; text-decoration-thickness: 3px;}

#gallery h2 span{display: block;color: #555555;font-size: 16px;font-weight: normal;letter-spacing: 0;}

#gallery .depgallery .grap{margin:0 auto;max-width:1200px;height:370px;overflow:hidden}

#gallery .depgallery .grap .inner{position:relative;width:100%;padding: 0}

#gallery .depgallery .grap .obj{position: relative;float: right;width: 100%;height:370px;left: 6%;}

#gallery .depgallery .grap .obj .item{overflow: hidden;display:inline-block;position: relative;float: left;width:50%;height:370px;padding:0 23px}

#gallery .depgallery .grap .obj .item a{display: block;position: relative;width: 100%;height: 100%;background-color: #fff;}

#gallery .depgallery .grap .obj .item a .img{display:block;overflow: hidden;position: relative;width: 100%;height:196px;text-align: center;background:#fff}

#gallery .depgallery .grap .obj .item a .img img{display: block;max-width: none;width: 100%;height: 100%;transition: all .4s ease-in-out; object-fit: cover;}

#gallery .depgallery .grap .obj .item a .img img:hover,#gallery .depgallery .grap .obj .item a .img img:focus{transform: scale(1.2);}

#gallery .depgallery .grap .obj .item a .info{display: block;/* padding:35px 20px; */width: 100%;text-transform: uppercase;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s}

#gallery .depgallery .grap .obj .item a .tit{display: block;overflow: hidden;margin-bottom: 15px;height: 38px;font-family: 'nsr';font-size: 17px;line-height: 1.2;color: #000;letter-spacing: -1px;}

#gallery .depgallery .grap .obj .item a .tit:hover{text-decoration:underline}

#gallery .depgallery .grap .obj .item a .text{display: block;overflow: hidden;height:33px;color: #555; font-size: 14px;line-height: 1.2;margin-bottom:15px}

#gallery .depgallery .grap .obj .item a .date{display:block;margin-top:15px;color: #767676;font-size: 12px;line-height: 1;}

#gallery  .control{margin: 18px auto 0;width: 170px}

#gallery  .control .more{float:left;display:block;border: 1px solid #26303d;color: #222;padding: 6px 20px;font-size: 14px;height: 38px;width:82px;line-height: 1.5;text-align:center}

#gallery  .control .more:hover,#gallery  .control .more:focus{background-color:#26303d;color:#fff}

#gallery  .control .ctl_ir{background: url(/images/common/c/hak_c/m_ir.png) no-repeat;}

#gallery  .control [type^=button]{float:left;width: 38px;height: 38px;padding: 8px 0;font-size: 0;border: 1px solid #26303d;margin-left:6px}

#gallery  .control [data-control=prev]{background-position: 3px -30px;}

#gallery  .control [data-control=next]{background-position: -40px -30px;}

#gallery  .control [type^=button]:hover,#gallery  .control [type^=button]:focus{border:2px solid #26303d}

#gallery .wrapper{padding-right: 0px;}


#gallery2 .inner{padding:70px 0 100px 0;}

#gallery2 h2{margin-bottom: 48px; color: #000; font-size: 20px; line-height: 24px; font-weight: 500; text-align: center; text-decoration: underline; text-underline-position: under;
text-decoration-color: orange; text-underline-offset: 5px; text-decoration-thickness: 3px;}

#gallery2 h2 span{display: block;color: #555555;font-size: 16px;font-weight: normal;letter-spacing: 0;}

#gallery2 .depgallery2 .grap{margin:0 auto;max-width:1200px;height:370px;overflow:hidden}

#gallery2 .depgallery2 .grap .inner{position:relative;width:100%;padding: 0}

#gallery2 .depgallery2 .grap .obj{position: relative;float: right;width: 100%;height:370px;left: 6%;}

#gallery2 .depgallery2 .grap .obj .item{overflow: hidden;display:inline-block;position: relative;float: left;width:50%;height:370px;padding:0 23px}

#gallery2 .depgallery2 .grap .obj .item a{display: block;position: relative;width: 100%;height: 100%;background-color: #fff;}

#gallery2 .depgallery2 .grap .obj .item a .img{display:block;overflow: hidden;position: relative;width: 100%;height:196px;text-align: center;background:#fff}

#gallery2 .depgallery2 .grap .obj .item a .img img{display: block;max-width: none;width: 100%;height: 100%;transition: all .4s ease-in-out; object-fit: cover;}

#gallery2 .depgallery2 .grap .obj .item a .img img:hover,#gallery .depgallery .grap .obj .item a .img img:focus{transform: scale(1.2);}

#gallery2 .depgallery2 .grap .obj .item a .info{display: block;/* padding:35px 20px; */width: 100%;text-transform: uppercase;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s}

#gallery2 .depgallery2 .grap .obj .item a .tit{display: block;overflow: hidden;margin-bottom: 15px;height: 38px;font-family: 'nsr';font-size: 17px;line-height: 1.2;color: #000;letter-spacing: -1px;}

#gallery2 .depgallery2 .grap .obj .item a .tit:hover{text-decoration:underline}

#gallery2 .depgallery2 .grap .obj .item a .text{display: block;overflow: hidden;height:33px;color: #555; font-size: 14px;line-height: 1.2;margin-bottom:15px}

#gallery2 .depgallery2 .grap .obj .item a .date{display:block;margin-top:15px;color: #767676;font-size: 12px;line-height: 1;}

#gallery2 .control{margin: 18px auto 0;width: 170px}

#gallery2 .control .more{float:left;display:block;border: 1px solid #26303d;color: #222;padding: 6px 20px;font-size: 14px;height: 38px;width:82px;line-height: 1.5;text-align:center}

#gallery2 .control .more:hover,#gallery  .control .more:focus{background-color:#26303d;color:#fff}

#gallery2 .control .ctl_ir{background: url(/images/common/c/hak_c/m_ir.png) no-repeat;}

#gallery2 .control [type^=button]{float:left;width: 38px;height: 38px;padding: 8px 0;font-size: 0;border: 1px solid #26303d;margin-left:6px}

#gallery2 .control [data-control=prev]{background-position: 3px -30px;}

#gallery2 .control [data-control=next]{background-position: -40px -30px;}

#gallery2 .control [type^=button]:hover,#gallery  .control [type^=button]:focus{border:2px solid #26303d}

#gallery2 .wrapper{padding-right: 0px;}


#gallery3 .inner{padding:70px 0 100px 0;}

#gallery3 h2{margin-bottom: 48px; color: #000; font-size: 20px; line-height: 24px; font-weight: 500; text-align: center; text-decoration: underline; text-underline-position: under;
text-decoration-color: orange; text-underline-offset: 5px; text-decoration-thickness: 3px;}

#gallery3 h2 span{display: block;color: #555555;font-size: 16px;font-weight: normal;letter-spacing: 0;}

#gallery3 .depgallery .grap{margin:0 auto;max-width:1200px;height:370px;overflow:hidden}

#gallery3 .depgallery .grap .inner{position:relative;width:100%;padding: 0}

#gallery3 .depgallery .grap .obj{position: relative;float: right;width: 100%;height:370px;left: 6%;}

#gallery3 .depgallery .grap .obj .item{overflow: hidden;display:inline-block;position: relative;float: left;width:50%;height:370px;padding:0 23px}

#gallery3 .depgallery .grap .obj .item a{display: block;position: relative;width: 100%;height: 100%;background-color: #fff;}

#gallery3 .depgallery .grap .obj .item a .img{display:block;overflow: hidden;position: relative;width: 100%;height:196px;text-align: center;background:#fff}

#gallery3 .depgallery .grap .obj .item a .img img{display: block;max-width: none;width: 100%;height: 100%;transition: all .4s ease-in-out; object-fit: cover;}

#gallery3 .depgallery .grap .obj .item a .img img:hover,#gallery .depgallery .grap .obj .item a .img img:focus{transform: scale(1.2);}

#gallery3 .depgallery .grap .obj .item a .info{display: block;/* padding:35px 20px; */width: 100%;text-transform: uppercase;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s}

#gallery3 .depgallery .grap .obj .item a .tit{display: block;overflow: hidden;margin-bottom: 15px;height: 38px;font-family: 'nsr';font-size: 17px;line-height: 1.2;color: #000;letter-spacing: -1px;}

#gallery3 .depgallery .grap .obj .item a .tit:hover{text-decoration:underline}

#gallery3 .depgallery .grap .obj .item a .text{display: block;overflow: hidden;height:33px;color: #555; font-size: 14px;line-height: 1.2;margin-bottom:15px}

#gallery3 .depgallery .grap .obj .item a .date{display:block;margin-top:15px;color: #767676;font-size: 12px;line-height: 1;}

#gallery3  .control{margin: 18px auto 0;width: 170px}

#gallery3  .control .more{float:left;display:block;border: 1px solid #26303d;color: #222;padding: 6px 20px;font-size: 14px;height: 38px;width:82px;line-height: 1.5;text-align:center}

#gallery3  .control .more:hover,#gallery  .control .more:focus{background-color:#26303d;color:#fff}

#gallery3  .control .ctl_ir{background: url(/images/common/c/hak_c/m_ir.png) no-repeat;}

#gallery3  .control [type^=button]{float:left;width: 38px;height: 38px;padding: 8px 0;font-size: 0;border: 1px solid #26303d;margin-left:6px}

#gallery3  .control [data-control=prev]{background-position: 3px -30px;}

#gallery3  .control [data-control=next]{background-position: -40px -30px;}

#gallery3  .control [type^=button]:hover,#gallery  .control [type^=button]:focus{border:2px solid #26303d}

#gallery3 .wrapper{padding-right: 0px;}


/*@media (max-width:450px) {

#gallery .depgallery .grap .obj .item:first-of-type{width:255px;padding-left:50px;}

}*/





@media (min-width:768px) {

#gallery .inner{padding:100px 0 100px 0;}

#gallery h2{text-align: left;margin-left:25px;margin-bottom: 60px;}

#gallery h2 span{display:inline;margin-left:10px}

#gallery  .control{position: absolute;top: -8px;right: 18px;margin-top: 0;}

#gallery .depgallery .grap .obj .item{width:33%;padding: 0 13px;}

#gallery .depgallery .grap .obj .item a .tit{text-align: center; padding: 20px;}

#gallery .depgallery .grap .obj .item a .text{display: none;}

#gallery .depgallery .grap .obj .item a .img{height:301px}

#gallery .depgallery .grap .obj .item a .date{font-size:14px; text-align: center;}


#gallery2 .inner{padding:100px 0 100px 0;}

#gallery2 h2{text-align: left;margin-left:25px;margin-bottom: 60px;}

#gallery2 h2 span{display:inline;margin-left:10px}

#gallery2  .control{position: absolute;top: -8px;right: 18px;margin-top: 0;}

#gallery2 .depgallery2 .grap .obj .item{width:33%;padding: 0 13px;}

#gallery2 .depgallery2 .grap .obj .item a .tit{text-align: center; padding: 20px;}

#gallery2 .depgallery2 .grap .obj .item a .text{display: none;}

#gallery2 .depgallery2 .grap .obj .item a .img{height:301px}

#gallery2 .depgallery2 .grap .obj .item a .date{font-size:14px; text-align: center;}


#gallery3 .inner{padding:100px 0 100px 0;}

#gallery3 h2{text-align: left;margin-left:25px;margin-bottom: 60px;}

#gallery3 h2 span{display:inline;margin-left:10px}

#gallery3  .control{position: absolute;top: -8px;right: 18px;margin-top: 0;}

#gallery3 .depgallery .grap .obj .item{width:33%;padding: 0 13px;}

#gallery3 .depgallery .grap .obj .item a .tit{text-align: center; padding: 20px;}

#gallery3 .depgallery .grap .obj .item a .text{display: none;}

#gallery3 .depgallery .grap .obj .item a .img{height:301px}

#gallery3 .depgallery .grap .obj .item a .date{font-size:14px; text-align: center;}

}

@media (min-width:1024px) {

/*#gallery .depgallery .grap{max-width:1050px;}*/

/*#gallery .depgallery .grap .obj .item{width:25.5%}*/



}

@media (min-width:1200px) {

#gallery .depgallery .grap .obj .item {width:18%;padding: 0 1%;}

#gallery h2{text-align:center;margin-left:0;font-size: 22px; letter-spacing: normal; font-weight: 500;
text-decoration: underline; text-underline-position: under;
text-decoration-color: orange;text-underline-offset:5px;text-decoration-thickness:3px;}

#gallery h2 span{display:block}

#gallery .control{right: 85px;}

#gallery2 .depgallery .grap .obj .item {width:18%;padding: 0 1%;}

#gallery2 h2{text-align:center;margin-left:0;font-size: 22px; letter-spacing: normal; font-weight: 500;
text-decoration: underline; text-underline-position: under;
text-decoration-color: orange;text-underline-offset:5px;text-decoration-thickness:3px;}

#gallery2 h2 span{display:block}

#gallery2 .control{right: 85px;}

#gallery3 .depgallery .grap .obj .item {width:18%;padding: 0 1%;}

#gallery3 h2{text-align:center;margin-left:0;font-size: 22px; letter-spacing: normal; font-weight: 500;
text-decoration: underline; text-underline-position: under;
text-decoration-color: orange;text-underline-offset:5px;text-decoration-thickness:3px;}

#gallery3 h2 span{display:block}

#gallery3 .control{right: 85px;}

ul#hakgwa{list-style: none; padding: 40px 0 40px 0; width: 686px; display: block; margin: 0px auto;}

}



@media (min-width:1400px) {

#gallery .depgallery .grap .obj .item {width:21.9%;}

#gallery  .control [type^=button]{display:none}

#gallery  .control{width:120px;right:33px;}

#gallery  .control .more{width:120px; right:85px;}

#gallery2 .depgallery2 .grap .obj .item {width:21.9%;}

#gallery2  .control [type^=button]{display:none}

#gallery2  .control{width:120px;right:33px;}

#gallery2  .control .more{width:120px; right:85px;}

#gallery3 .depgallery .grap .obj .item {width:21.9%;}

#gallery3 .control [type^=button]{display:none}

#gallery3 .control{width:120px;right:33px;}

#gallery3 .control .more{width:120px; right:85px;}

}



@media (min-width:768px) and (max-width:1023px) {

/*#mnotice .grap .item{position:absolute;margin:0px;}

*/

/*#mnotice div.more{display: none;}*/

#mnotice .control, #mnotice2 .control{position: absolute;top: 55px;right:0px;display: block;width: auto;height: 10px;}

#mnotice .control .more, #mnotice2 .control .more{position:relative;top:auto;right:auto;padding:3px 15px; border:1px solid #ddd;}

#mnotice .control .more span, #mnotice2 .control .more span {display: inline-block;margin:0px 5px;width: 12px;height: 15px;}

#mnotice .control a[data-control="prev"],

#mnotice .control a[data-control="next"],

#mnotice2 .control a[data-control="prev"],

#mnotice2 .control a[data-control="next"]{display:inline-block;width:30px;height:30px;border:1px solid #aaa;background: url(/images/common/c/hak_c/m_ir.png) no-repeat;text-indent:-9999px;font-size:0px;line-height: 0px;}

#mnotice .control a[data-control="prev"], #mnotice2 .control a[data-control="prev"]{padding:3px; background-position: 3px -121px;}

#mnotice .control a[data-control="next"], #mnotice2 .control a[data-control="next"]{padding:3px; background-position: -25px -121px;}




#gesipan .control{position: absolute;top: 55px;right:0px;display: block;width: auto;height: 10px;}

#gesipan .control .more{position:relative;top:auto;right:auto;padding:3px 15px; border:1px solid #ddd;}

#gesipan .control .more span {display: inline-block;margin:0px 5px;width: 12px;height: 15px;}

#gesipan .control a[data-control="prev"],

#gesipan .control a[data-control="next"]{display:inline-block;width:30px;height:30px;border:1px solid #aaa;background: url(/images/common/c/hak_c/m_ir.png) no-repeat;text-indent:-9999px;font-size:0px;line-height: 0px;}

#gesipan .control a[data-control="prev"]{padding:3px; background-position: 3px -121px;}

#gesipan .control a[data-control="next"]{padding:3px; background-position: -25px -121px;}





#mnotice  .control, #mnotice2  .control{float:right;margin: 18px auto 0;width: 148px}

#mnotice  .control .more, #mnotice2  .control .more{float:left;display:block;border: 1px solid #aaa;color: #767676;padding: 3px 10px;font-size: 14px;height: 30px;width:82px;line-height: 1.5;text-align:center}

#mnotice  .control .more:hover, #mnotice  .control .more:focus,
#mnotice2  .control .more:hover, #mnotice2  .control .more:focus{background-color:#26303d;color:#fff}

#mnotice  .control [type^=button], #mnotice2  .control [type^=button]{float:left;width: 38px;height: 38px;padding: 8px 0;font-size: 0;border: 1px solid #aaa;margin-left:3px;cursor: pointer;}

#mnotice  .control [type^=button]:hover, #mnotice2  .control [type^=button]:hover{border:2px solid #26303d;}

#mnotice .control .more .more_icon, #mnotice2 .control .more .more_icon {background-position: -79px -6px;}



#gesipan  .control{float:right;margin: 18px auto 0;width: 148px}

#gesipan  .control .more{float:left;display:block;border: 1px solid #aaa;color: #767676;padding: 3px 10px;font-size: 14px;height: 30px;width:82px;line-height: 1.5;text-align:center}

#gesipan  .control .more:hover,#mnotice  .control .more:focus{background-color:#26303d;color:#fff}

#gesipan  .control [type^=button]{float:left;width: 38px;height: 38px;padding: 8px 0;font-size: 0;border: 1px solid #aaa;margin-left:3px;cursor: pointer;}

#gesipan  .control [type^=button]:hover{border:2px solid #26303d;}

#gesipan .control .more .more_icon {background-position: -79px -6px;}

}





@media (max-width:767px){

#mnotice .grap .item, #mnotice2 .grap .item{position:relative;}

#gesipan .grap .item{position:relative;}


}









@media (min-width:1201px) and (max-width:1399px){

#gallery .depgallery .grap, 

#gallery .depgallery .grap .obj{width:1155px}

#gallery2 .depgallery2 .grap, 

#gallery2 .depgallery2 .grap .obj{width:1155px} 

#gallery3 .depgallery .grap, 

#gallery3 .depgallery .grap .obj{width:1155px}   
  

}





@media (min-width:1200px){

    .wrapper{padding-right:0;}

    .mcontainer{padding-right:120px;}

}


@media (max-width:480px){
	
	#mvisual{background: none; padding: 0; margin-bottom: -438px;}
	
	#mvisual .control{display: none;}

	#mvisual .grap .obj{position: relative; width: 100%; height: 34%;}
	
	#mvisual .grap .obj .item{height: 100%; max-width: none; min-width: 100%;}
	
	#mvisual .grap .obj .item img{height: 100%; max-width: none; min-width: 100%;}
	
	#mprofessor .inner{padding: 55px 30px 40px;}
	
	#mprofessor .minfoWrap{display: flex; list-style: none; padding: 0; width: auto;}
	
	#mprofessor2 .inner{padding: 55px 30px 40px;}
	
	#mprofessor2 .minfoWrap{display: flex; list-style: none; padding: 0; width: auto;}
	
	#mprofessor3 .inner{padding: 55px 30px 40px;}
	
	#mprofessor3 .minfoWrap{display: flex; list-style: none; padding: 0; width: auto;}
	
	#mprofessor4 .inner{padding: 55px 30px 40px;}
	
	#mprofessor4 .minfoWrap{display: flex; list-style: none; padding: 0; width: auto;}
	
	#department h2{text-align: center; font-size: 22px; letter-spacing: normarl; font-weight: 500; text-decoration: underline; text-underline-position: under; text-decoration-color: orange;
					text-underline-offset: 5px; text-decoration-thickness: 3px; margin-bottom: 45px;}
	
	#gallery .inner{padding: 45px 0 35px 0;}
	
	#gallery .depgallery .grap .obj{position: relative; float: right; width: 100%; height: 370px; left: 0;}
	
	#gallery .depgallery .grap{margin: 0 auto; max-width: 1200px; height: 2470px; overflow: hidden;}
	
	#gallery .depgallery .grap .obj .item{overflow: hidden; display: inlline-block; position: relative; float: left; height: 490px; padding: 0 23px; width: 100%;}
	
	#gallery .depgallery .grap .obj .item a .img{display: block; overflow: hidden; position: relative; width:100%; height: 343px; text-align: center; background: #fff;}
	
	#gallery .depgallery .grap .obj .item a .info{display: block; width: 100%; text-transform: uppercase; transition: transform 0.35s; text-align: center; padding-top: 15px;}
	
	#gallery .more{display: inline-block; position: absolute; top: 4px; right: 32px;}
	
	#gallery2 .inner{padding: 45px 0 35px 0;}
	
	#gallery2 .depgallery2 .grap .obj{position: relative; float: right; width: 100%; height: 370px; left: 0;}
	
	#gallery2 .depgallery2 .grap{margin: 0 auto; max-width: 1200px; height: 2470px; overflow: hidden;}
	
	#gallery2 .depgallery2 .grap .obj .item{overflow: hidden; display: inlline-block; position: relative; float: left; height: 490px; padding: 0 23px; width: 100%;}
	
	#gallery2 .depgallery2 .grap .obj .item a .img{display: block; overflow: hidden; position: relative; width:100%; height: 343px; text-align: center; background: #fff;}
	
	#gallery2 .depgallery2 .grap .obj .item a .info{display: block; width: 100%; text-transform: uppercase; transition: transform 0.35s; text-align: center; padding-top: 15px;}
	
	#gallery2 .more{display: inline-block; position: absolute; top: 4px; right: 32px;}
	
	#gallery3 .inner{padding: 45px 0 35px 0;}
	
	#gallery3 .depgallery .grap .obj{position: relative; float: right; width: 100%; height: 370px; left: 0;}
	
	#gallery3 .depgallery .grap{margin: 0 auto; max-width: 1200px; height: 2470px; overflow: hidden;}
	
	#gallery3 .depgallery .grap .obj .item{overflow: hidden; display: inlline-block; position: relative; float: left; height: 490px; padding: 0 23px; width: 100%;}
	
	#gallery3 .depgallery .grap .obj .item a .img{display: block; overflow: hidden; position: relative; width:100%; height: 343px; text-align: center; background: #fff;}
	
	#gallery3 .depgallery .grap .obj .item a .info{display: block; width: 100%; text-transform: uppercase; transition: transform 0.35s; text-align: center; padding-top: 15px;}
	
	#gallery3 .more{display: inline-block; position: absolute; top: 4px; right: 32px;}
	
    #mcontent .wrapper, #mcontent2 .wrapper{height: 725px;}
    
    #mnotice .more, #mnotice2 .more{display: inline-block; position: absolute; top: 33px; right: 32px;}
    
    #mprofessor .more{display: inline-block; position: absolute; top: 58px; right: 32px;}
    
    #mprofessor2 .more{display: inline-block; position: absolute; top: 58px; right: 32px;}
    
    #mprofessor3 .more{display: inline-block; position: absolute; top: 58px; right: 32px;}
    
    #mprofessor4 .more{display: inline-block; position: absolute; top: 58px; right: 32px;}
       
    
    /* #wrap{display: inline-block; background-image: url(/images/common/c/hak_e/more_button_mb.png); height: 28px; width: 122px; float: left; margin: 294px 0 0 232px;} */
    
    #wrap ul#hakgwa{list-style: none; padding: 0 0 40px 0; width: min-content; display: block;}
    
    #mpop a{display: none;}
   
    #hakgwa2{width: 390px; float: left;}
    
    #exhibition_wrap{position: relative; width: 320px; height: 335px; top: 50%; left: 29%; transform: translate(-24%, -50%);}
    
    #exhibition3 .exhibition3_back{display: none;}
   
   
   /* #hakgwa{display: inline-block; background-image: url(/images/common/c/hak_e/more_button_mb.png); height: 28px; width: 122px; float: left; margin: 294px 0 0 232px;}
   
   #hakgwa2 img{display: none;} */
   
   
   #wrap .text p{display: none;}
   
   ul#last{list-style: none; display: flex; justify-content: center; margin: 0px auto;}
   
   ul#last>a>li{position: relative; display: inline-block; width: 94px; height: 66px; overflow: hidden;}

}



ul#hakgwa{
  	margin: 30px 0 30px 0;
    list-style: none;
    padding: 40px 0 40px 0;
    width: 1058px;
    display: block;
    margin: 0px auto;
}

ul#hakgwa>a>li{
    position: relative;
    display: inline-block;
    background-color: #000;
    width: 341px;
    height: 225px;
    overflow: hidden;
}

ul#hakgwa>a>li::after{
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 87%;
    height: 87%;
    padding-top: 80px;
    border: 2px solid #fff;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 35px;
    color: #fff;
    opacity: 0;
    transition: 0.8s;
}

ul#hakgwa>a>li>img{
    width: 100%;
    height: 100%;
    transition: 0.6s ease-in-out;
    opacity: 50%;
}

ul#hakgwa>a>li:hover img, h5{
	transform:scale(1.3);
    opacity: 0.95;
}

ul#hakgwa>a>li:hover::after{
    opacity: 1;
}


ul#hakgwa>a>li>h5{
	position: absolute;
	top: 40%;
	left: 26%;
	transform: translate(-50%, -50px);
	color: white;
	font-size: 17px;
}

ul#hakgwa>a>li>p{
	position: absolute;
	top: 100%;
	left: 81%;
	transform: translate(-50%, -50px);
	color: #c7c7c7;
	font-size: 13px;
	border: solid 1px rgba(255, 255, 255, 0.5);
	padding: 3px;
	width: 84px;
	text-align: center;
}

ul#hakgwa>a>li:hover p{
    color: rgba(255, 255, 255, 0.3);
    transition: 0.4s;
}

ul#hakgwa>a>li>p:hover::after{
    opacity: 1;
}


/* last */

@media (min-width: 1024px){
ul#last{
    list-style: none;
    padding: 55px 10px 125px 10px;
    display: flex;
    justify-content: center;
    margin: 0px auto;
}

ul#last>a>li{
    position: relative;
    display: inline-block;
    width: 170px;
    height: 116px;
    overflow: hidden;
}

ul#last>a>li::after{
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 87%;
    height: 87%;
    padding-top: 80px;
    border: 2px solid #fff;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 35px;
    color: #fff;
    opacity: 0;
    transition: 0.8s;
}

ul#last>a>li>img{
    width: 100%;
    height: 100%;
    transition: 0.6s ease-in-out;
}

ul#last>a>li:hover img, h5{
	transform:scale(1.3);
    opacity: 0.65;
}

ul#last>a>li:hover::after{
    opacity: 1;
}


ul#last>a>li>h5{
	position: absolute;
	top: 40%;
	left: 26%;
	transform: translate(-50%, -50px);
	color: white;
	font-size: 17px;
}

ul#last>a>li>p{
	position: absolute;
	top: 100%;
	left: 81%;
	transform: translate(-50%, -50px);
	color: #c7c7c7;
	font-size: 13px;
	border: solid 1px rgba(255, 255, 255, 0.5);
	padding: 3px;
	width: 84px;
	text-align: center;
}

ul#last>a>li:hover p{
    color: rgba(255, 255, 255, 0.3);
    transition: 0.4s;
}

ul#last>a>li>p:hover::after{
    opacity: 1;
}
}

/* last */



/* qr_last */


.qr{
	padding: 0 0 80px 0;
}

.qr .top-row,
.qr .bottom-row {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 60px;
}

.image-wrapper {
	display: inline-block;
	text-align: center;
	margin-right: -120px;
}

.qr span {
	display: block;
	text-align: center;
	margin-top: 10px;
}

.qr img {
	width: 30%;
}


/* qr_last */



.image-list-container {
  display: flex;
  justify-content: center;
}


#exhibition{
	background-color: #e7e7e7;
	height: 353px;
}

#exhibition2{
	background-color: #e7e7e7;
	height: 172px;
}

#exhibition3{
	height: 355px;
}

#exhibition3 .exhibition3_back{
	position: absolute;
	left: 362px;
	width: 1030px;
	height: 355px;
	text-align: center;
	background-color: #dadada;
	background-repeat: no-repeat;
}

#exhibition3 .exhibition3_back>p{
	padding: 150px 60px 0;
	margin-left: 314px;
}


.four-block one{
	background: blue;
}

.four-block two{
	background: red;
}

.four-block three{
	background: yellow; clear: left;
}

.four-block four{
	background: green;
}

/* #hakgwa2 {
	width: 390px;
	margin: 0 0 0 355px;
	float: left;
	padding-right: 35px;
} */
	
.box-item{
	padding: 30px 0 30px 0;
}

.box-item h2{
	text-align: center;
	font-size: 22px;
	letter-spacing: normarl;
	font-weight: 500;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-color: orange;
	text-underline-offset: 5px;
	text-decoration-thickness: 3px;
	margin-bottom: 45px;
	
}

/* #text2{
	padding: 25px 0 0 0;
	margin: -335px 0 0 710px;
} */

#text2 p{
	font-size: 13px;
	padding: 75px 0 70px 0;
	margin-right: 381px;
	line-height: 30px;
}

#text2 span{
	font-size: 13px;
	padding: 75px 0 70px 0;
	margin-right: 381px;
	line-height: 30px;
}

#bottom{
	background-color: #ededed;
}


#wrap .text p{
	font-size: 13px;
	padding: 75px 0 70px 0;
	margin-right: 381px;
	line-height: 30px;
}

#wrap .text2 p{
	font-size: 16px;
	padding: 130px 0 70px 0;
	margin-right: 381px;
	line-height: 30px;
}

#wrap .text span{
	font-size: 13px;
	padding: 75px 0 70px 0;
	margin-right: 381px;
	line-height: 30px;
}

@media (min-width: 1024px){
#exhibition_wrap{
	position: relative;
	width: 320px;
	height: 335px;
	top: 50%;
	left: 29%;
	transform: translate(-50%, -50%);
}
}

#exhibition_box {
	height: 373px;
}

#exhibition_wrap>div{
	width: 150px;
	height: 150px;
	float: left;
	margin: 5px;
	box-sizing:border-box;
}

#exhibition_wrap>div:nth-child(3){
	clear:both;
}

#exhibition_wrap .img-box img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}


/*department*/

/* #gallery{background: url(/images/common/c/hak_c/gallery_bg.png) no-repeat 50% 50%;width:100%;background-size: cover;} */

@media (min-width:1024px){

#department .inner{padding:100px 0 0;}

#department h2{margin-bottom: 28px;color: #000;font-size: 28px;line-height: 24px;font-weight: 500;letter-spacing: -4px;text-align: center;}

#department h2 span{display: block;color: #555555;font-size: 16px;font-weight: normal;letter-spacing: 0;}

#department .depgallery .grap{margin:0 auto;max-width:1100px;height:216px;overflow:hidden}

#department .depgallery .grap .inner{position:relative;width:100%;padding: 0}

#department .depgallery .grap .obj{position: relative;float: right;width: 100%;height:370px;}

#department .depgallery .grap .obj .item{overflow: hidden;display:inline-block;position: relative;float: left;width:50%;height:370px;padding:0 23px}

#department .depgallery .grap .obj .item a{display: block;position: relative;width: 100%;height: 100%;background-color: #fff;}

#department .depgallery .grap .obj .item a .img{display:block;overflow: hidden;position: relative;width: 100%;height:196px;text-align: center;background:#fff}

#department .depgallery .grap .obj .item a .img img{display: block;max-width: none;width: 100%;height: 100%;transition: all .4s ease-in-out;}

#department .depgallery .grap .obj .item a .img img:hover,#gallery .depgallery .grap .obj .item a .img img:focus{transform: scale(1.2);}

#department .depgallery .grap .obj .item a .info{display: block;padding:35px 20px;width: 100%;text-transform: uppercase;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s}

#department .depgallery .grap .obj .item a .tit{display: block;overflow: hidden;margin-bottom: 15px;height: 38px;font-family: 'nsr';font-size: 17px;line-height: 1.2;color: #000;letter-spacing: -1px;}

#department .depgallery .grap .obj .item a .tit:hover{text-decoration:underline}

#department .depgallery .grap .obj .item a .text{display: block;overflow: hidden;height:33px;color: #555; font-size: 14px;line-height: 1.2;margin-bottom:15px}

#department .depgallery .grap .obj .item a .date{display:block;margin-top:15px;color: #767676;font-size: 12px;line-height: 1;}

#department .depgallery2 .grap{margin:0 auto;max-width:1100px;height:216px;overflow:hidden}

#department .depgallery2 .grap .inner{position:relative;width:100%;padding: 0}

#department .depgallery2 .grap .obj{position: relative;float: right;width: 100%;height:370px;}

#department .depgallery2 .grap .obj .item{overflow: hidden;display:inline-block;position: relative;float: left;width:50%;height:370px;padding:0 23px}

#department .depgallery2 .grap .obj .item a{display: block;position: relative;width: 100%;height: 100%;background-color: #fff;}

#department .depgallery2 .grap .obj .item a .img{display:block;overflow: hidden;position: relative;width: 100%;height:196px;text-align: center;background:#fff}

#department .depgallery2 .grap .obj .item a .img img{display: block;max-width: none;width: 100%;height: 100%;transition: all .4s ease-in-out;}

#department .depgallery2 .grap .obj .item a .img img:hover,#gallery .depgallery .grap .obj .item a .img img:focus{transform: scale(1.2);}

#department .depgallery2 .grap .obj .item a .info{display: block;padding:35px 20px;width: 100%;text-transform: uppercase;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s}

#department .depgallery2 .grap .obj .item a .tit{display: block;overflow: hidden;margin-bottom: 15px;height: 38px;font-family: 'nsr';font-size: 17px;line-height: 1.2;color: #000;letter-spacing: -1px;}

#department .depgallery2 .grap .obj .item a .tit:hover{text-decoration:underline}

#department .depgallery2 .grap .obj .item a .text{display: block;overflow: hidden;height:33px;color: #555; font-size: 14px;line-height: 1.2;margin-bottom:15px}

#department .depgallery2 .grap .obj .item a .date{display:block;margin-top:15px;color: #767676;font-size: 12px;line-height: 1;}

#department  .control{margin: 18px auto 0;width: 170px}

#department  .control .more{float:left;display:block;border: 1px solid #26303d;color: #222;padding: 6px 20px;font-size: 14px;height: 38px;width:82px;line-height: 1.5;text-align:center}

#department  .control .more:hover,#gallery  .control .more:focus{background-color:#26303d;color:#fff}

#department  .control .ctl_ir{background: url(/images/common/c/hak_c/m_ir.png) no-repeat;}

#department  .control [type^=button]{float:left;width: 38px;height: 38px;padding: 8px 0;font-size: 0;border: 1px solid #26303d;margin-left:6px}

#department  .control [data-control=prev]{background-position: 3px -30px;}

#department  .control [data-control=next]{background-position: -40px -30px;}

#department  .control [type^=button]:hover,#gallery  .control [type^=button]:focus{border:2px solid #26303d}

#department .wrapper{padding-right: 0px;}



#department .item {
  position: relative;
}

#department .item::before {
  content: attr(data-alt);
  position: absolute;
  top: 0;
  left: 0;
  margin: 0px auto;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 14px;
/*   line-height: 1.4; */
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: opacity 0.5s ease;
  z-index: 999;
  cursor: pointer;
}

#department .item:hover::before {
  opacity: 1;
  visibility: visible;
}

}


/*@media (max-width:450px) {

#gallery .depgallery .grap .obj .item:first-of-type{width:255px;padding-left:50px;}

}*/





@media (min-width:768px) {

#department .inner{padding:100px 0 100px 0;}

#department h2{text-align: left;margin-left:25px;margin-bottom: 60px;}

#department h2 span{display:inline;margin-left:10px}

#department  .control{position: absolute;top: -8px;right: 18px;margin-top: 0;}

#department .depgallery .grap .obj .item{width:33%;padding: 0 13px;}

#department .depgallery .grap .obj .item a .tit{height:45px}

#department .depgallery .grap .obj .item a .text{height:48px}

#department .depgallery .grap .obj .item a .img{height:162px}

#department .depgallery .grap .obj .item a .date{font-size:14px}

#department .depgallery2 .grap .obj .item{width:33%;padding: 0 13px;}

#department .depgallery2 .grap .obj .item a .tit{height:45px}

#department .depgallery2 .grap .obj .item a .text{height:48px}

#department .depgallery2 .grap .obj .item a .img{height:162px}

#department .depgallery2 .grap .obj .item a .date{font-size:14px}

}

@media (min-width:1024px) {

/*#department .depgallery .grap{max-width:1050px;}*/

/*#department .depgallery .grap .obj .item{width:25.5%}*/

#hakgwa2{width: 390px; margin: 0 0 0 355px; float: left; padding-right: 35px;}


}

@media (min-width:1200px) {

#department .depgallery .grap .obj .item {width:20%;padding: 0 1%;}

#department h2{margin-left:61px;font-size: 22px; letter-spacing: normal; font-weight: 500;}

#department h2:after{
	position: absolute;
	content: "";
	display: block;
	width: 400px;
	border-bottom: 2px solid #c6d5ff;
	margin: 3px 0px;
}

#department h2 span{display:block}

#department .control{right: 85px;}

#department .depgallery2 .grap .obj .item {width:20%;padding: 0 1%;}

}



@media (min-width:1400px) {

#department .depgallery .grap .obj .item {width:24.5%;}

#department .depgallery2 .grap .obj .item {width:24.5%;}

#department  .control [type^=button]{display:none}

#department  .control{width:120px;right:33px;}

#department  .control .more{width:120px; right:85px;}

}



@media (min-width:768px) and (max-width:1023px) {

/*#mnotice .grap .item{position:absolute;margin:0px;}

*/
	
#department h2{
	margin-left: 50px;
	font-size: 22px;
	letter-spacing: normal;
	font-weight: 500; 
}
	
#department h2:after{
	position: absolute;
	content: "";
	display: block;
	width: 400px;
	border-bottom: 2px solid #c6d5ff;
	margin: 200px 0px;
}
	
	
/* 경영학과 */
	
.section6{
	display: flex;
	justify-content: center;
}

.section6 img{
	width: 1013px;
}

/* 경영학과 */