@charset "UTF-8";
/* ------------------------------------------------ */
/* Author :Inje University                         */
/* Author URI :http://www.inje.ac.kr/              */
/* Date :2021-11-25 ~                              */
/* ------------------------------------------------ */

/*
html, body {width:100%; height:100%}
body:after {position:fixed; top:0; left:0; width:100%; height:100%; background:url('../images/main/bg_main.jpg') center top no-repeat; background-size:cover; content:''; z-index:-1}
html, body {width:100%; height:100%}
*/

/*#wrapper {width:100%; height:100%; background:url('../images/main/bg_main.jpg') center top no-repeat; background-size:cover}*/
#wrapper:before {position:fixed; top:140px; left:0; width:100%; height:calc(100% - 140px); background:url('../images/main/bg_main.jpg') center top no-repeat; background-size:cover; content:''; z-index:-1}
footer {border-top:none}


.mainWrap {text-align:center; padding:100px 30px 30px 30px}


/* ==================================== */
/* ============    Title   ============ */
/* ==================================== */

.headConts .copyImg {margin-bottom:14px; margin-top:3px; width:100%; max-width:491px; height:auto}
.headConts .copyTxt {font-size:20px; font-size:1.250rem; color:#fff; line-height:150%; font-weight:400}
.headConts .copyTxt br.mo {display:none}



/* ==================================== */
/* ============   통합검색  ============= */
/* ==================================== */

.searchConts {margin-top:36px; margin-bottom:54px}
.searchBox {display:block; margin:0 auto; width:100%; max-width:730px; height:60px; position:relative; z-index:1; padding:10px 60px 10px 20px}
.searchBox:after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-color:#fff; opacity:0.3; z-index:-1; border-radius:9px}
.searchBox > .txt {width:100%; height:40px; background:none; border:none; outline:none; font-size:16px; font-size:1.000rem; color:#fff}
.searchBox > .btn {position:absolute; top:19px; right:20px; cursor:pointer}



/* ==================================== */
/* ============ 사이트 컨텐츠 ============= */
/* ==================================== */

.serviceBox {margin-bottom:38px}
.serviceBox > ul {width:100%; margin:0 auto; max-width:1050px; text-align:center}
.serviceBox > ul > li {display:inline-block; vertical-align:top; width:33%; text-align:center}
.serviceBox > ul > li:first-child {padding-left:0}
.serviceBox > ul > li:last-child {padding-right:0}
.serviceBox > ul > li > a {display:block; width:260px; height:260px; border-radius:50%; position:relative; z-index:1; padding-top:65px; cursor:pointer}
.serviceBox > ul > li.circle03 > a {padding-top:57px}


.serviceBox > ul > li > a:after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.9; z-index:-1; border-radius:50%; transition:opacity 0.3s}
.serviceBox > ul > li > a:hover:after {opacity:1}
.serviceBox > ul > li.circle01 > a:after {background-color:#7aa541}
.serviceBox > ul > li.circle02 > a:after {background-color:#17c0f7}
.serviceBox > ul > li.circle03 > a:after {background-color:#2445ae}


.serviceBox > ul > li > a p {font-size:25px; font-size:1.563rem; color:#fff; font-weight:500; margin-top:10px; line-height:1}
.serviceBox > ul > li.circle02 > a p {margin-top:13px}


@media all and (max-width:930px) and (min-width:800.1px) {
	.serviceBox > ul > li > a {width:220px; height:220px; padding-top:55px}
	.serviceBox > ul > li.circle03 > a {padding-top:50px}
	.serviceBox > ul > li > a p {font-size:23px; font-size:1.438rem}
	
}

/* ==================================== */
/* ========== 원클릭 퀵링크 영역 =========== */
/* ==================================== */

.linkConts .contsTit {font-size:30px; font-size:1.875rem; color:#fff; font-weight:500; margin-bottom:20px}
.linkConts .linkBox {display:block; margin:0 auto; width:100%; max-width:1300px; padding:14px 4px 30px 4px; position:relative; z-index:0}
.linkConts .linkBox:after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-color:#3a3c40; opacity:0.9; border-radius:9px; z-index:-1}

.linkConts .linkBox ul {display:block; width:100%}
.linkConts .linkBox ul > li {display:inline-block; vertical-align:top; width:24.5%; text-align:left; padding:0 20px}
.linkConts .linkBox ul > li > a {display:block; width:100%; padding:17px 30px 4px 10px; color:#e6ebf7; font-size:16px; font-size:1.00rem; line-height:26px; border-top:1px dashed #5f6164; background:url('../images/main/icon_newWindow.png') 97% 22px no-repeat; cursor:pointer}
.linkConts .linkBox ul > li > a:hover {color:#fff}


@media all and (min-width:1000.1px) {
	.linkConts .linkBox ul > li:nth-child(1) > a, 
	.linkConts .linkBox ul > li:nth-child(2) > a, 
	.linkConts .linkBox ul > li:nth-child(3) > a, 
	.linkConts .linkBox ul > li:nth-child(4) > a {border-top:none}
	.linkConts .linkBox ul > li:nth-last-child(1) > a, 
	.linkConts .linkBox ul > li:nth-last-child(2) > a, 
	.linkConts .linkBox ul > li:nth-last-child(3) > a, 
	.linkConts .linkBox ul > li:nth-last-child(4) > a {border-bottom:1px dashed #5f6164}
}
@media all and (max-width:1000px) and (min-width:660.1px) {
	.linkConts .linkBox ul > li {width:33%}
	
	.linkConts .linkBox ul > li:nth-child(1) > a, 
	.linkConts .linkBox ul > li:nth-child(2) > a, 
	.linkConts .linkBox ul > li:nth-child(3) > a {border-top:none}
	.linkConts .linkBox ul > li:nth-last-child(1) > a, 
	.linkConts .linkBox ul > li:nth-last-child(2) > a, 
	.linkConts .linkBox ul > li:nth-last-child(3) > a {border-bottom:1px dashed #5f6164}
}
@media all and (max-width:800px) {
	.linkConts .linkBox ul > li {width:32.9%}
	.linkConts .linkBox ul > li > a {font-size:15px; font-size:0.938rem}
}
@media all and (max-width:700px) and (min-width:500.1px) {
	.linkConts .linkBox ul > li {width:49.5%; padding:0 10px}
	
	.linkConts .linkBox ul > li > a {font-size:14px; font-size:0.875rem}
	
	.linkConts .linkBox ul > li:nth-child(1) > a, 
	.linkConts .linkBox ul > li:nth-child(2) > a {border-top:none}
	.linkConts .linkBox ul > li:nth-last-child(1) > a, 
	.linkConts .linkBox ul > li:nth-last-child(2) > a {border-bottom:1px dashed #5f6164}
}
@media all and (max-width:500px) {
	.linkConts .linkBox {padding:10px 10px 20px 10px}
	.linkConts .linkBox ul > li {width:100%; padding:0}
	.linkConts .linkBox ul > li > a {padding-top:8px; font-size:14px; font-size:0.875rem; border-top:0; border-bottom:1px dashed #5f6164; background-size:12px auto; background-position:97% 17px}
}



/* ==================================== */
/* =============  모 바 일  ============= */
/* ==================================== */


@media all and (max-width:1000px) {
	/*#wrapper {background-color:#363f4a; background-size:auto 920px}*/
	#wrapper:before {position:absolute; top:70px; height:920px}
	/*#wrapper:after {position:fixed; top:140px; left:0; width:100%; height:100%; background-color:#363f4a; content:''; z-index:-2}*/
	body {background-color:#363f4a}
	
}
@media all and (max-width:800px) {
	.mainWrap {padding-top:40px; padding-bottom:10px}
	
	
	/* Title */
	.headConts .copyImg {width:90%; max-width:308px}
	.headConts .copyTxt {font-size:16px; font-size:1.00rem; line-height:21px}
	.headConts .copyTxt br.mo {display:inherit}
	
	/* 통합검색 */
	.searchConts {display:none}
	
	/* 사이트 컨텐츠 */
	.serviceBox {margin-top:27px; margin-bottom:33px}
	.serviceBox > ul > li {display:block; width:100%; margin-top:10px}
	.serviceBox > ul > li > a {margin:0 auto; width:160px; height:160px; padding-top:45px}
	.serviceBox > ul > li.circle03 > a {padding-top:40px}
	.serviceBox > ul > li > a p {font-size:16px; font-size:1.00rem}
	.serviceBox > ul > li > a img {height:37px; width:auto}
	.serviceBox > ul > li.circle03 img {height:42px}
	
	/* 원클릭 퀵링크 */
	.linkConts .contsTit {font-size:18px; font-size:1.125rem}
	
}