@charset "utf-8";

/*@import url("https://newdept.inha.ac.kr/sites/guide/style/css/guide.css");*/
/*@import url("main.css");*/
@import url("layout.css");


* {box-sizing:border-box; text-decoration:none; word-break:keep-all;}
 .purple {color:#2c3894 !important;}
 .mt10 {margin-top:10px;}
 .mb10 {margin-bottom:10px;}

 /*박스*/
 .box_5{padding:20px;border:1px solid #dadada;background:#fafafa;}

 /*�����ʺ� ����ȭ��*/
.prof_mWrap > h1 {position:relative; width:100%; background:#6279b9 url('img/bg_logo.png') no-repeat right -10px top -5px; padding:20px; text-align:center;}
.prof_mWrap > h1 > span:nth-child(1) {font-size:25px; color:#c3ceed; font-weight:300; display:block;}
.prof_mWrap > h1 > span:nth-child(2) {font-size:32px; color:#fff; font-weight:600}
.prof_mWrap > h1:after {content:''; position:absolute; background:url('img/dot.png'); height:10px; width:100%; bottom:-10px; left:0;}

/*���*/
	.loginWrap{background:#fafafa;padding:60px 0 40px 0;}
	.loginWrap:before,
	.loginWrap:after{content:"";display:block;position:absolute;}
	.loginWrap:before{left:0;top:0;}
	.loginWrap:after{right:0;bottom:0;}
	.loginWrap_con{width:70%;margin: 0 auto;position:relative;padding-bottom:20px;border-bottom:1px dashed #9e9e9e;}
	.loginWrap_con input{box-sizing:border-box;display:block;width:100%;min-height:38px;height:auto;padding:0 5px;vertical-align:middle;border:1px solid #DDD;}
	.loginWrap_con dl{display:table;width:100%;margin:10px 0;}
	.loginWrap_con dl dt,
	.loginWrap_con dl dd{display:table-cell;vertical-align:middle;}
	.loginWrap_con dl dt{width:25%;font-weight:500;}
	.loginWrap_con dl dd{width:80%;}
	.loginWrap_con .btn_login{width:100px;height:85px;background:#0c519c;color:#FFF;border:0;position:absolute;right:0;top:0;}
	.login_forget{width:90%;margin: 20px auto;overflow:hidden; text-align:center;}
	.login_forget span{}
	.login_forget a{display:inline-block;;margin-left:3px;padding:10px;width:200px;text-align:center;background:#045bc1;color:#FFF !important; font-weight:500;}
		.login_forget a.btn_first {background:#01b5a4;}
	.loginWrap_con .btn_login:hover,
	.loginWrap_con .btn_login:focus,
	.login_forget a:hover,
	.login_forget a:focus{background:#52575c;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}


	@media only screen and (max-width:730px){
		.loginWrap_con{width:80%;}
		.login_forget{text-align:center;width:80%;}
		.login_forget span{display:block;margin-bottom:20px;}
		.login_forget a{display:block;width:100%; margin-bottom:10px;}
	}
	@media only screen and (max-width:600px){
		.loginWrap_con dl dt{width:30%;}
		.loginWrap_con dl dd{width:70%;}
	}
	@media only screen and (max-width:480px){
		.loginWrap{padding:15px 0;}
		.loginWrap_con{width:90%;}
		.login_forget{width:90%;}
		.loginWrap_con dl{display:block;width:100%;}
		.loginWrap_con dl dt,
		.loginWrap_con dl dd{display:block;width:100%;}
		.loginWrap_con .btn_login{width:100%;padding:10px 0;height:auto;position:relative;top:10px;}
	}
	@media only screen and (max-width:320px){
		.login_forget a{display:block;margin-left:0;margin-bottom:5px;width:100%;}
	}



	._loginAfter{background:#fafafa;padding:40px 0; border:1px solid #9a9a9a; border-top:2px solid #0c519c;}
	._loginAfter h2{text-align:center;}
	._loginAfter ._loginInfo{text-align:center; color:#505050;}
	._loginAfter ._uInfo{text-align:center;margin-top:20px;}
	._loginAfter ._btnLogout{width:50%;height:40px;background:#0c519c;color:#FFF;border:0;}
	._loginAfter ._btnLogout:hover,
	._loginAfter ._btnLogout:focus{background:#52575c; text-decoration:underline; transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
	@media only screen and (max-width:480px){
		._loginAfter ._btnLogout{width:90%;padding:10px 0;height:auto;}
	}

	

	.prof_Info {margin-left:150px; position:relative;border-left:1px solid #303f8a; padding-left:20px;}
	.prof_Info:before {content:'INFO.'; background:#303f8a; padding:5px 10px; color:#fff; font-weight:500; font-size:16px; position:absolute; left:-135px; top:0; width:80px; height:25px; text-align:center;}
	
	
	@media only screen and (max-width:1200px){
	.bodySec {padding:20px;}
	.contentWrap {width:100%;}
	}


.contentWrap h1 {position:relative;text-align:center; margin-bottom:60px; font-weight:600; font-size:30px; display:block;}
.contentWrap h1:after {content:''; position:absolute; width:50px; height:5px; background:#ccc; border-radius:20px; left:50%; bottom:-30px; transform:translateX(-60%);}

.prof_internetCon {padding:100px 0;}
.prof_internetWrap {position: relative; display: grid;   grid-template-columns: 1fr 1fr; gap:10%; width:80%; margin:0 auto; }
.prof_internetWrap li {border-radius:10px;position: relative;transition: all 0.4s; box-shadow:0 0 10px #ccc;}
.prof_internetWrap li:hover {*box-shadow: #666; transform: translatey(-1.5rem); background:#f00}
.prof_internetWrap li:nth-child(1) {background:#fff; border:1px solid #00348a;/* url('img/btn_bg01.jpg') no-repeat right 10% bottom 60px; */}
.prof_internetWrap li:nth-child(2) {background:#fff; border:1px solid #00abca;/* url('img/btn_bg01.jpg') no-repeat right 10% bottom 60px; */}
.prof_internetWrap li:before {content:''; position: absolute; width: 140px; height: 140px; left: 50%; bottom: 100px; transform: translateX(-50%); /*background: rgba(0,0,0, 0.1); ; background-size: 65%; background-repeat: no-repeat; background-position: center; border:3px solid #fff;*/ transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);z-index:1;}
.prof_internetWrap li:hover:before {transform: translateX(-50%) rotateY(360deg) ; background-repeat:no-repeat;}
.prof_internetWrap li:nth-child(1):before {background-image: url('img/btn_bg01.jpg'); background-repeat:no-repeat;}
.prof_internetWrap li:nth-child(2):before {background-image: url('img/btn_bg02.jpg'); background-repeat:no-repeat;}
.prof_internetWrap li a {color:#468be9; text-decoration:none; position:relative; z-index:2;}
.prof_internetWrap li a > div {padding:35px;font-size:25px; font-weight:600;  min-height:300px; text-align:center; line-height:150%; }
.prof_internetWrap li a > div > em{position:relative; display:block; font-size:28px; font-weight:600; font-style:normal;}
.prof_internetWrap li:nth-child(1) div > em {color:#2f51cb; /*text-shadow: 0 0 2px #1e5bb6;*/}
.prof_internetWrap li:nth-child(2) div > em {color:#0399bd; /*text-shadow: 0 0 2px #4b6d01;*/}
.prof_internetWrap li a > p {padding:8px 10px; text-align:center; border-radius:0 0 10px 10px; padding:20px }
.prof_internetWrap li:nth-child(1) a > p {background:#00348a;}
.prof_internetWrap li:nth-child(2) a > p {background:#00abca;}
.prof_internetWrap li:nth-child(1):hover a > p {background:#00028d;}
.prof_internetWrap li:nth-child(2):hover a > p {background:#0095c2;}
.prof_internetWrap li a > p > span {font-size:18px; font-weight:400; color:#fff; position:relative;}
.prof_internetWrap li a > p > span:before {content:''; background:url('img/btn_arrow.png') no-repeat; width:7px; height:9px; position:absolute; right:-17px; top:10px;}
.prof_internetWrap li a:hover > p > span { color:#14ffa2}
.prof_internetCon > div {position:relative;margin-top:80px;}
.prof_internetCon > div:before {position:absolute; content:''; width:4px; height:25px; left:0; top:20px; background:#6279B9}
.prof_internetCon > div:after{content:''; position:absolute; background:url('img/dot.png'); height:10px; width:100%; top:-30px; left:0;}
/*.prof_internetWrap li p:after {content:''; background:#4f80df url('img/prof_arrow.png') no-repeat center; position:relative; display:block; width:40px; height:25px; border-radius:25px; text-align:center;   margin-top:15px;}
.prof_internetWrap li:nth-child(2) p:after {background-color:#12813b !important;}*/


.contentAccess {border-radius:15px; border:1px solid #eee; box-shadow:0 0 10px #ccc; padding:20px;}
.details > div {font-size:18px; font-weight:400; padding:20px 20px 20px 100px; list-style:unset; border:1px solid #d9e0f3; color:#2c3894; background: #f0f4ff url('img/icon_calendar.png') no-repeat 25px 20px; margin-bottom: 50px; border-radius:5px}
.details > div > p {font-weight:400;}
.details > div ul li{ font-size:16px; line-height:140%; word-break:keep-all;}
.details div p > span#lbKikan { font-weight: 400;}
	
	
	@media only screen and (max-width:580px){
	.contentWrap {padding:30px 10px;}
	.prof_internetWrap li:before {background-size:90% !important;}
	.details {padding:0 10px; margin-top:30px;}
    .details > div {padding:70px 20px 20px; /*background-size:7%;*/ background-position: center 15px;}
    .details > div > strong {display:block; padding-left:30px; margin-bottom:10px;}
	.prof_Info {margin-left:0; margin-top:70px; border-left:0; border-top:1px solid #303f8a; padding:15px 10px 0;}
	.prof_Info:before {left:0; top:-35px; width:calc(100% - 20px); text-align:center;}
	.prof_internetWrap li a > div {min-height:230px;}
	.prof_internetWrap li:before {width:105px; height:105px; bottom:70px;}
	}

	@media only screen and (max-width:380px){
	
	}

/* 강제 적용: ASP.NET Button (input.new_win) 대응 */
input.new_win,
button.new_win,
span.new_win,
a.new_win {
    display: inline-block !important;
    margin-left: 3px !important;
    padding: 10px !important;
    width: 200px !important;
    text-align: center !important;
    background: #045bc1 !important;
    color: #fff !important;
    font-weight: 500 !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) !important;
}

input.new_win:hover,
button.new_win:hover,
a.new_win:hover {
    background: #52575c !important;
    transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) !important;
}

input.btn_first,
button.btn_first,
span.btn_first,
a.btn_first {
    background: #01b5a4 !important;
}

/*** 전임교원 ***/
.v1 {border-top: 5px solid #2E81BB;}


/*** 비전임교원 ***/
.v2 {border-top: 5px solid #169C99;}


/*** 상시채용 ***/
.v3 {border-top: 5px solid #8677d3;}


.details { margin-top: 50px; padding: 0 30px;}


@media screen and (max-width:730px) {
.login_forget > input { display: block !important; width: 100% !important; margin-bottom: 10px;}
}

@media screen and (max-width:650px) {
.contentWrap h1 {font-size: 25px;}
}

@media screen and (max-width:480px) {
.contentWrap h1 {padding:0 30px}
.loginWrap {padding: 15px 0;}
}