@charset "utf-8";
/* CSS Document */

/* 메인 배너 영역 */
.header-container {position: relative;}
.header-container .gnb-wrap .background { position: relative; width:100%; height:250px; background-color:#093687; border-radius: 0 0 50px 50px; overflow: hidden;}
.header-container .gnb-wrap .background:after {content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-image: url("../../img/main/banner_bg.png"); background-repeat:no-repeat; background-position: 35px 50px; background-size: 110%; opacity: .4}
.header-container .gnb-wrap .head-area {position: absolute; top:0; left:0; width: 100%; padding: 20px; }
.header-container .gnb-wrap .head-area .logo {float: left;}
.header-container .gnb-wrap .head-area .logo img {width:135px;}
.header-container .gnb-wrap .head-area .burger {float: right; width:40px; height:40px; line-height:50px; background:rgba(242,244,247,0.25); text-align: center; border-radius: 5px;}
.header-container .gnb-wrap .head-area .burger img {width:24px; height:auto;}
.header-container .gnb-wrap .background .title {position: absolute; top:105px; left:20px; color:#fff; z-index: 10; border-radius: 15px; padding:15px; background:rgba(0,0,0,0.1); }
.header-container .gnb-wrap .background .title .t1 {font-size: 1.4rem; line-height: 15px; margin-bottom:5px;}
.header-container .gnb-wrap .background .title .t2 {font-size: 2rem; font-weight: 600;}
.header-container .gnb-wrap .background .title .t3 {font-size: 2rem; font-weight: 600; line-height: 28px;}

/* 서브배너 */
.sub-banner-container {margin: 20px 20px 0; border-radius: 20px; overflow: hidden; background: #4ee6ff; text-align: center; box-shadow: 7px 7px 10px rgba(0,0,0,.1);}
.sub-banner-container img {width: 100%;}

/* 6개 바로가기 버튼 영역 */
.body-container .section01 {padding:20px 20px 10px; }
.body-container .section01 ul li {position:relative;float:left; width:calc(50% - 7.5px); margin-right:15px; margin-bottom:15px; border-radius: 15px; background:#fff; padding:15px; box-shadow: 7px 7px 10px rgba(0,0,0,.1)}
.body-container .section01 ul li a {display: block; width:100%; height:100%;}
.body-container .section01 ul li:nth-of-type(2n) {margin-right:0;}
.body-container .section01 ul li p.title { font-size:1.6rem; font-weight: 600; color:#093687; padding-bottom:15px; letter-spacing: -0.075em;}
.body-container .section01 ul li p.text { font-size:1.3rem; font-weight: 300; color:#767676; letter-spacing: -0.075em;}
.body-container .section01 ul li a img { position: absolute; top:15px; right:13px;}
.body-container .section01 ul li:nth-child(1) a img {width: 36px; height: auto;}
.body-container .section01 ul li:nth-child(2) a img {width: 33px; height: auto;}
.body-container .section01 ul li:nth-child(3) a img {width: 40px; height: auto;}
.body-container .section01 ul li:nth-child(4) a img {width: 33px; height: auto;}
.body-container .section01 ul li:nth-child(5) a img {width: 37px; height: auto;}
.body-container .section01 ul li:nth-child(6) a img {width: 38px; height: auto;}
.body-container .section01 ul li:nth-child(7) a img {width: 39px; height: auto;}
.body-container .section01 ul li:nth-child(8) a img {width: 31px; height: auto;}

/* 기업 대학 검색영역 */
.body-container .section02 {padding:0 20px 0;}
.body-container .section02 .search-wrap { background: url("../../img/main/search_bg.png")no-repeat center;  padding:30px 15px; text-align: center; border-radius:15px; }
.body-container .section02 .search-wrap p.title {font-size:1.9rem; color:#fff; letter-spacing: -0.06em; font-weight: 300;}
.body-container .section02 .search-wrap p.title span {font-weight: 500;}
.body-container .section02 .search-wrap .search-input {margin-top:20px; position: relative;}
.body-container .section02 .search-wrap .search-input input {background:#fff; border:0; border-radius:50px; width:100%; height:50px; padding:0 50px 0 20px;}
.body-container .section02 .search-wrap .search-input img { position: absolute; top:50%; right:20px; margin-top:-11px; width:22px;}
.body-container .section02 .search-wrap .search-input .search-list {display: none; background:#fff; position: absolute; left:0; top:calc(100% + 10px); width:100%; box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 15px; z-index: 10; height:225px; overflow-y: auto;}
.body-container .section02 .search-wrap .search-input .search-list.on {display: block;}
.body-container .section02 .search-wrap .search-input .search-list ul {padding:10px 20px;}
.body-container .section02 .search-wrap .search-input .search-list ul li {font-size: 1.4rem; padding:10px 0; border-bottom:1px solid #f7f7f7;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.body-container .section02 .search-wrap .search-input .search-list ul li:last-child {border-bottom:0;}

/* 베스트후기 영역 */
.body-container .section03 {margin:20px 0 20px; background: #fff; border-radius: 50px 50px 0 0;}
.body-container .section03 .head {padding:50px 0 0; text-align: center;}
.body-container .section03 .head p.title {font-size: 2rem; font-weight: 700; color:#333;}
.body-container .section03 .head p.title span {color: #093687;}
.body-container .section03 .head ul {margin:35px 0 15px;}
.body-container .section03 .head ul li {display: inline-block; position: relative; margin: 0 15px; color:#9b9b9b; font-weight: 400;}
.body-container .section03 .head ul li.select {color: #edbc13;}
.body-container .section03 .head ul li.select:after {position: absolute; content: ''; bottom:-8px; left:1px; width:100%; height:1px; background: #edbc13;}
.body-container .section03 .list { padding:20px;}
.body-container .section03 .list .box {background:#f8f8f8; padding:15px; margin-bottom:20px; padding-bottom:40px; position: relative;}
.body-container .section03 .list .box:last-child {margin-bottom:0;}
.body-container .section03 .list .box span.type {display: inline-block; padding:2px 10px; border-radius: 30px; font-size:1.3rem; color:#fff; background:#5282de; margin-right:7px;}
.body-container .section03 .list .box span.name {display: inline-block; font-size: 1.3rem; margin-right:4px;}
.body-container .section03 .list .box span.date {display: inline-block; font-size: 1.2rem; position: absolute; right:10px; bottom:10px; color:#999;}
.body-container .section03 .list .box span.st img { width:12px; position: relative; top:-1px;}
.body-container .section03 .list .box p.review-txt {font-size: 1.4rem; letter-spacing: -0.05em; padding-top:10px; white-space: normal; line-height: 1.5; height:3.6em; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}


/* 첨삭 순위 영역 */
.body-container .section04 {margin:20px 0 20px; background: #fff; border-radius: 50px 50px 0 0;}
.body-container .section04 .head {padding:50px 0 0; text-align: center;}
.body-container .section04 .head p.title {font-size: 2rem; font-weight: 700; color:#333; letter-spacing: -0.05em;}
.body-container .section04 .head p.title span {color: #093687;}
.body-container .section04 .head ul {margin:35px 0 15px;}
.body-container .section04 .head ul li {display: inline-block; position: relative; margin: 0 15px; color:#9b9b9b; font-weight: 400;}
.body-container .section04 .head ul li.select {color: #edbc13;}
.body-container .section04 .head ul li.select:after {position: absolute; content: ''; bottom:-8px; left:1px; width:100%; height:1px; background: #edbc13;}
.body-container .section04 .list {padding:20px;}
.body-container .section04 .list ul {text-align: center;}
.body-container .section04 .list ul li {line-height: 50px; color:#555555; font-size:1.4rem; border-bottom:3px solid #f7f7f7; font-weight: 500;}
.body-container .section04 .list ul li.on {border:3px solid #5283e0; color: #5283e0;}