html, body { margin: 0; width: 100%; height: 100%; position:relative; padding: 0; font-size: 7px;}
select::-ms-expand {display:none}
/* input[type=radio],input[type=checkbox]{-webkit-border-radius:0; -webkit-appearance:none; display:none}*/
/* img,video,audio,object,embed,iframe{max-width:100%;} */
ul { margin: 0;padding: 0;list-style: none;}
.eventWrap{margin: /*7.7rem*/ 0 0 -5.9rem 0;}
.img--100per {
    display: block;
    max-width: 720px;
    margin: 0 auto;
    width: 100%;
}

/* 합격수기 리스트 */
.limit {
    width: 100%;
    padding: 0 3rem;
}
/*.freePass__section--3 {padding: 0 0 7rem 0; text-align: center; background: #eeeeee;}
.freePass__section--3txt {height: 9.1rem;}*/
.knowHow__item { border: 1px solid #d6d6d6; text-align: left; padding: 2.5rem; margin: 0 0 2rem; background: #fff;}
.knowHow__tit {border-bottom: 1px solid #eb4637; padding: 0 0 5rem; margin: 0 0 1.5rem;}
.knowHow__tit--txt {float: left; max-width: calc(100% - 10rem);}
.knowHow__tit--cate {float: left; font-size: 1.8rem; color: #eb4637; font-weight: 600;}
.knowHow__tit--txtP {float: left; font-size: 2rem; color: #eb4637; font-weight: 600; margin: 0 0 0 0.5rem; max-width: calc(100% - 7rem); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.knowHow__tit--name {position: relative; float: left; font-size: 2rem; font-weight: 400; color: #737373; margin: 0 0 0 1.4rem; padding: 0 0 0 1.2rem;}
.knowHow__tit--name::before {content: ""; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 1px; height: 60%; background: #cccccc;}
.knowHow__conts {font-size: 2rem; font-weight: 400; color: #737373; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.4; max-height: 8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.knowHow__button {display: block; background: #b90220; text-align: center; padding: 2rem 0; margin: 2rem 0 0;}
.knowHow__button--txt {font-size: 2rem; font-weight: 700; color: #fff; line-height: 1; margin: 0 0.5rem 0 0;}
.knowHow__button--icon {height: 1.4rem;}
.knowHow__addInfo {text-align: right; font-size: 2rem; font-weight: 400; color: #000000; margin: 0 0 5rem;}

.paging__inner {display: inline-block; height: 3rem;}
.paging__inner > * {position: relative; display: inline-block; float: left; height: 100%;}
.paging__link {width: 2rem;}
.paging__img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1.5rem;}
.paging__numItem {display: table; float: left; height: 100%;}
.paging__numItem a {display: table-cell; vertical-align: middle; font-size: 2rem; font-weight: 400; color: #737373; padding: 0 1.5rem;}
.paging__numItem.on a { color: #eb4637;}

.knowHow__btn--more {display: block; background: #000000; padding: 2rem 0; border-radius: 50px; margin: 4rem 0 0;}
.knowHow__btn--more img {height: 2.2rem;}

/* 합격수기 팝업 */
.popUp {position: fixed; background: rgba(0,0,0,0.7); height: 100vh; width: 100%; top: 0; left: 0; z-index: 100; overflow: auto; opacity: 0; visibility: hidden; transition: .3s ease;}
.popUp.active {opacity: 1; visibility: visible;}
.pop__inner {background: #000; padding: 10px; width: calc(100% - 6rem); margin: 40px auto;}
.pop__tit {position: relative; margin: 0 0 1rem;}
.pop__tit--txt {font-size: 2.4rem; line-height: 4rem; font-weight: 700; color: #fff; text-align: center; display: block;}
.pop__tit--btn {position: absolute; right: 0rem; top: 50%; transform: translate(0,-50%); background: none; border: none;}
.pop__tit--btn img {width: 2rem; height: 2rem;}
.pop__contents {background: #fff; padding: 2rem; overflow: auto;}
.pop__contents p {width: 100%; border: none; height: 30rem; font-size: 2rem; font-weight: 400; color: #737373; line-height:20px;}

/* 유튜브 영상 */
.youtube__pop {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 100; background: rgba(0,0,0,0.7); overflow: auto; opacity: 0; visibility: hidden; transition: .3s ease;}
.youtube__pop .inner{padding: 0 10px;}
.youtube__pop.active {opacity: 1; visibility: visible;}
.youtubeWrap {position: relative; padding-bottom: 56.25%; margin: 30px 0;}
.youtubeWrap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

