@charset "utf-8";

/* === 탭 네비게이션 (신규) === */
.college-tab-nav { display:flex; list-style:none; padding:0; margin:0 0 20px; border-bottom:2px solid #eee; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.college-tab-nav li { padding:12px 24px; cursor:pointer; font-weight:500; color:#666; border-bottom:2px solid transparent; margin-bottom:-2px; white-space:nowrap; }
.college-tab-nav li.active { color:#0d7680; border-bottom-color:#0d7680; font-weight:600; }
.college-tab-nav li:hover { color:#0d7680; }
.college-tab-nav li a { color:inherit; text-decoration:none; }
.college-tab-content { display:none; }
.college-tab-content.active { display:block; }
.empty-state { text-align:center; padding:40px 20px; color:#999; }

/* === 모바일 탭 === */
@media (max-width:600px) {
    .college-tab-nav li { padding:10px 14px; font-size:14px; }
}

/* ============================================================
   college_style.css (line 118~) — 독자 헤더 CSS 제거, 콘텐츠 CSS 유지
   ============================================================ */

/* .content display:none 제거 — 기존 college 라우팅용, 콘텐츠 스킨에서 불필요 */
.college-tab-content section{width:100%;height:auto;overflow:hidden}
.college-tab-content .college-main{
	background-color:#f8f8f8;
}
/*.content.main{background-image:url(/college/img/college_ige_bg.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;transition:all .5s ease}*/

.content section.bgw{background:#fff}
.content section.mainCollege .mainCollegeInner{width:100%;max-width:1200px;position:relative;margin:0 auto}
.content section.mainCollege .mainCollegeInner a.gotoNext{display:block;width:40px;height:40px;position:absolute;left:50%;bottom:20px;transform:translateX(-50%)}
.content section.mainCollege .mainCollegeInner a.gotoNext img{width:100%;transform:rotate(180deg)}
.content section.mainCollege .mainCollegeInner .rightSide,.content section.mainCollege .mainCollegeInner .leftSide{display:inline-block;position:absolute;top:50%;transform:translateY(-65%);min-height:330px;opacity:0}
.content section.mainCollege .mainCollegeInner .leftSide{left:0;text-align:left;padding-top:72px}
.content section.mainCollege .mainCollegeInner .rightSide{right:0;text-align:left}
.content section.mainCollege .mainCollegeInner .leftSide p{display:block;font-size:30px;line-height:36px;font-weight:500}
.content section.mainCollege .mainCollegeInner .rightSide p{display:block;font-size:60px;line-height:72px;font-weight:600}
.content section.mainCollege .mainCollegeInner p{color:#282a31}
.content section.mainCollege .mainCollegeInner p span{display:block;font-size:12px;line-height:15px;font-weight:400}

.newCollegeIntro{ width:100%; height:3584px; position:relative; background-color:#f5f5f7; }
.newCollegeIntro img{ width:1920px; height:3584px; position:absolute; top:0px; left:50%; transform: translateX(-50%); }
.newCollegeIntro img.pcver{ display:block; }
.newCollegeIntro img.mover{ display:none; }

.cadInfoImg{ width:100%; height:auto; overflow:hidden; }
.cadInfoImg img{ width:1200px; }

.content section.prologue.parScr{ width:100%; height:5260px; }
.content section.prologue .prgText.typeA{ padding-top:200px; }
.content section.prologue .prgText.typeB{ background-image: url('/college/img/intro_bg_001.jpg'); }
.content section.prologue .prgText.typeC{ background-image: url('/college/img/intro_bg_002.jpg'); }
.content section.prologue .prgText.typeD{ background-image: url('/college/img/intro_bg_003.jpg'); }
.content section.prologue .prgText{ width:100%; position:relative; margin:0 auto; padding:600px 0 200px 0; height:auto; background-color:#faf8f8; overflow:hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; background-size:100%; }
.content section.prologue .prgImg{ width:100%; height:400px; overflow:hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size:100%; }
.content section.prologue .prgText h5{ display:block; text-align: center; font-size:500px; font-weight:800; }
.content section.prologue .prgText p.subTitle{ font-size: 79px; font-weight: 800; display: block; width: 100%; text-align: center; position: absolute; left: 0px; top: 670px; z-index: 1; color: #fff; }
.content section.prologue .prgText p.subTxt{ display:block; font-size:28px; font-weight:700; line-height:38px; text-align:center; padding-top:100px; }
.content section.prologue .prgText.typeB p.subTitle{ display: inline-block; width: auto; left: 50%; top: 1038px; z-index: 1; font-size: 72px; margin-left: -450px; }
.content section.prologue .prgText.typeD h5,
.content section.prologue .prgText.typeC h5{ font-size:100px; }
.content section.prologue .prgText ul.consulting{ width:100%; max-width:900px; margin:0 auto; padding-top:100px; }
.content section.prologue .prgText ul.consulting li{ display:inline-block; float:left; width:50%; box-sizing:border-box; padding:30px; border-top:1px solid #ccc; border-left:1px solid #ccc; position:relative; font-size:25px; text-align:center; font-weight:600; background:#fff; }
.content section.prologue .prgText ul.consulting li span{ display:block; width:100%; text-align:center; font-size:40px; font-style: italic; font-weight:100; padding-bottom:20px; }
.content section.prologue .prgText ul.consulting li:nth-child(3),
.content section.prologue .prgText ul.consulting li:nth-child(4){ border-bottom:1px solid #ccc; }
.content section.prologue .prgText ul.consulting li:nth-child(2),
.content section.prologue .prgText ul.consulting li:nth-child(4){ border-right:1px solid #ccc; }

.contentInner{width:100%;height:auto;overflow:hidden;max-width:1200px;position:relative;margin:0 auto;box-sizing:border-box;padding:100px 0}
.contentInner h2{display:inline-block;position:absolute;right:0;top:100px;font-size:60px;line-height:72px}
/*.contentInner h2.bo_vc_tit{top:-99999px; opacity:0;}*/
.contentInner h2.sub{border-bottom:20px solid #f5ecfa;padding:10px 0;line-height:30px;font-size:70px}
.contentInner h2.sub span{padding-bottom:20px}
.contentInner h2 span{display:block;width:100%;line-height:20px;font-size:13px}
.contentInner .contentTxt{width:80%;height:auto;overflow:hidden}
.contentInner .contentTxt.info{ width:100%; padding-top: 50px;}
.contentInner .contentTxt.info img.infoImg{ max-width:100%; }
.contentInner .contentTxt.info img.infoImg.web{ display:block; }
.contentInner .contentTxt.info img.infoImg.mo{ display:none; }
.contentInner .contentTxt p{font-size:20px;line-height:35px;color:#282a31;font-weight:500}
.contentInner .contentTxt p span{display:block;font-size:15px;line-height:25px;color:#676a74}
.contentInner .contentTxt p img{max-width:70%}
.contentInner .contentTxt p b{font-size:110%}
.contentInner .contentTxt p iframe{width:100%;max-width:800px;height:400px}
.contentInner .contentTxt.newInfo .infoImgBox{ width:600px; height:auto; overflow:hidden; }
.contentInner .contentTxt.newInfo .infoImgBox img{ width:100%; }
.contentInner .contentTxt.newInfo .infoImgBox p{ font-size:20px; }
.contentInner .contentTxt.newInfo .infoTextBox h4{ font-size:50px; }

/*footer{width:100%;height:auto;overflow:hidden;background:#fff;box-sizing:border-box;padding:25px 0}*/
/*footer .add,footer .footerMenu{width:100%;max-width:1200px;height:auto;overflow:hidden;box-sizing:border-box;margin:0 auto}*/
/*footer .footerMenu{padding:25px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc}*/
/*footer .footerMenu ul{width:50%;float:left;height:auto;overflow:hidden;box-sizing:border-box}*/
/*footer .footerMenu ul li{display:block;width:100%;text-align:left;padding:10px 0;margin-top:10px}*/
/*footer .footerMenu ul.rightSide li{text-align:right}*/
/*footer .footerMenu ul li span{display:inline-block;box-sizing:border-box;padding:0 10px;font-weight:400}*/
/*footer .footerMenu ul li a{display:inline-block;box-sizing:border-box;padding:0 10px;line-height:20px;font-size:40px;font-weight:600;border-bottom:20px solid #f5ecfa}*/
/*footer .add{padding:25px 0;text-align:center}*/
/*footer .add address{line-height:40px}*/
/*footer .add address dd{display:inline-block;position:relative;padding:0 5px}*/
/*footer .add p{opacity:.5;margin-top:10px}*/

.moBtm{display:none}

.moMainTop.univ{background-image:url(/college/img/newMoTopImg_04.jpg)}
.moMainTop.univ .univCont{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:20px;background:rgba(0,0,0,0.7);color:#fff;font-size:14px;line-height:25px;text-align:center;margin-top:30px}
.moMainTop{width:100%;height:auto;overflow:hidden;background-position:center top;background-repeat:no-repeat;background-size:100% auto;box-sizing:border-box;padding:30px 20px 64px;display:none}
.moMainTop h2,.moMainTop p{font-size:14px;font-weight:400;line-height:20px;color:#fff;display:block}
.moMainTop h2{font-size:35px;font-weight:600;line-height:45px}

.moMainTopCont{width:100%;height:auto;overflow:hidden;margin-top:-60px}
.moMainTopCont.noMargin{margin-top:30px;background:#fff}
.moMainTopCont ul{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:0 10px}
.moMainTopCont ul li{display:inline-block;float:left;width:50%;height:auto;overflow:hidden;box-sizing:border-box;padding:20px 10px 0}
.moMainTopCont ul li a{display:block;width:100%;height:auto;overflow:hidden}
.moMainTopCont ul li a .imgBox{width:100%;height:auto;overflow:hidden;position:relative}
.moMainTopCont ul li a .imgBox img{width:100%}
.moMainTopCont ul li a .txtBox{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:10px 0}
.moMainTopCont ul li a .txtBox p{display:block;width:100%;text-align:center;font-size:15px;font-weight:800;color:#222}
.moMainTopCont ul li a .txtBox p.sub{font-size:13px;font-weight:400;color:#999}
.moMainTopCont h3,.moMainSubCont h3{display:block;width:100%;line-height:80px;font-size:20px;color:#222;font-weight:600}
.moMainTopCont h3{box-sizing:border-box;padding:0 20px}

.moMainSubCont{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-bottom:30px;background:#fff;box-sizing:border-box;padding:0 20px 20px}
.moMainSubCont ul{width:100%;height:auto;overflow:hidden}
.moMainSubCont ul li{width:100%;height:auto;overflow:hidden;box-sizing:border-box;position:relative;padding:10px 0;border-bottom:1px solid #eee}
.moMainSubCont ul li:last-child{border-bottom:none}
.moMainSubCont ul li a{display:block;width:100%;height:auto;overflow:hidden}
.moMainSubCont ul li .txtBox,.moMainSubCont ul li a .txtBox{width:100%;height:auto;overflow:hidden}
.moMainSubCont ul li .txtBox span,.moMainSubCont ul li a .txtBox span{display:block;width:100%;font-size:12px;color:#666;line-height:20px}
.moMainSubCont ul li .txtBox span.bl,.moMainSubCont ul li a .txtBox span.bl{color:#0089ff}
.moMainSubCont ul li .txtBox span.or,.moMainSubCont ul li a .txtBox span.or{color:#ff8100}
.moMainSubCont ul li .txtBox p,.moMainSubCont ul li a .txtBox p{display:block;width:100%;font-size:15px;font-weight:600;color:#222}
.moMainSubCont ul li .txtBox p.sub,.moMainSubCont ul li a .txtBox p.sub{font-size:13px;font-weight:400;color:#999}
.moMainSubCont ul li a .imgBox{position:absolute;width:60px;height:60px;top:10px}
.moMainSubCont ul li a .imgBox img{width:60px;height:60px}
.moMainSubCont ul.imgRight li{padding-right:70px}
.moMainSubCont ul.imgRight li .imgBox{right:0}
.moMainSubCont ul.imgLeft li{padding-left:70px}
.moMainSubCont ul.imgLeft li .imgBox{left:0}

.schRank{width:100%; height:auto;overflow:hidden;box-sizing:border-box;padding:20px 0;border-top:1px solid #ccc; max-width: 1200px; position: relative; margin: 50px auto  0 auto;}
.schRank h3{display:block;width:100%;line-height:40px;font-size:25px;font-weight:600;margin-top:30px;box-sizing: border-box;padding: 0 20px;}
.schRank h3 span{font-size:15px;font-weight:400;opacity:.7}
.schRank .schRankList{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:0 20px}
.schRank .schRankList ul{width:100%;height:auto;overflow:hidden}
.schRank .schRankList ul li{display:block;width:100%;height:auto;overflow:hidden;box-sizing:border-box;position:relative;padding:20px 0 20px 120px}
.schRank .schRankList ul li p{display:block;font-size:16px;font-weight:500;line-height:30px}
.schRank .schRankList ul li p.stud{font-size:14px;opacity:.7}
.schRank .schRankList ul li span.uniLogo{display:block;width:40px;height:40px;position:absolute;left:59px;top:17px;background-size:auto 100%!important;background-position:center center;background-repeat:no-repeat}
.schRank .schRankList ul li span.rank{position:absolute;left:13px;top:23px;font-size:24px;font-weight:100;font-style:italic;text-align:right;display:block;width:30px}
.schRank .schRankList h4{display:block;box-sizing:border-box;width:100%;line-height:40px;font-size:18px;font-weight:500;margin-top:30px;padding:0 20px;background:#f8f8f8;border-bottom:1px solid #222}
.schRank.case{border:none}
.schRank.case .schRankList ul li{padding:20px 0 20px 70px;width:50%;float:left}
.schRank.case .schRankList ul li span.uniLogo{left:9px;top:27px}

.btm{display:none;width:100%;height:60px;background:#fff;position:fixed;left:0;bottom:0;z-index:9;-webkit-box-shadow:0 -2px 14px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 -2px 14px 0 rgba(0,0,0,0.1);box-shadow:0 -2px 14px 0 rgba(0,0,0,0.1)}
.btm .btmInner{width:100%;height:60px;position:relative}
.btm .btmInner ul{width:100%;height:auto;overflow:hidden}
.btm .btmInner ul li{width:14%;box-sizing:border-box;float:left;padding:0 5px}
.btm .btmInner ul li a.viewAdd{background-image:url(/college/img/btm_icon_map.png)}
.btm .btmInner ul li a.ViewYtb{background-image:url(/college/img/btm_icon_ytb.png)}
.btm .btmInner ul li a.ViewKko{background-image:url(/college/img/btm_icon_kko.png)}
.btm .btmInner ul li a.ViewNvt{background-image:url(/college/img/btm_icon_nvt.png)}
.btm .btmInner ul li a.gotoTop{background-image:url(/college/img/btm_icon_top.png)}
.btm .btmInner ul li a.viewHome{background-image:url(/college/img/btm_icon_home.png)}
.btm .btmInner ul li a.ViewBack{background-image:url(/college/img/btm_icon_back.png)}
.btm .btmInner ul li a.ViewFrwd{background-image:url(/college/img/btm_icon_frwd.png)}
.btm .btmInner ul li a.ViewShare{background-image:url(/college/img/btm_icon_share.png)}
.btm .btmInner ul li a{display:block;box-sizing:border-box;width:100%;line-height:30px;padding-top:30px;padding-bottom:0;text-align:center;font-size:11px;letter-spacing:-1px;font-weight:400;color:#222;background-repeat:no-repeat;background-position:center top 7px;background-size:24px 24px}

.btmShareArea{z-index:7;width:100%;height:100%;box-sizing:border-box;background:rgba(0,0,0,0.8);position:fixed;bottom:0;left:0;display:none}
.btmShareArea.on{display:block}
.btmShare{z-index:8;width:100%;height:200px;box-sizing:border-box;background:#f8f8f8;position:fixed;bottom:-200px;left:0;transition:all .5s ease}
.btmShare.on{bottom:0;transition:all .5s ease}
.btmShare ul{width:100%;height:auto;overflow:hidden;padding:30px;box-sizing:border-box}
.btmShare ul li{display:inline-block;width:50%;height:80px;box-sizing:border-box;text-align:center;float:left}
.btmShare ul li a.kko{background-image:url(/college/img/btm_icon_kko.png)}
.btmShare ul li a.link{background-image:url(/college/img/btm_icon_share.png)}
.btmShare ul li a{display:block;width:80px;height:80px;box-sizing:border-box;text-align:center;margin:0 auto;line-height:30px;padding-top:50px;color:#222;background-repeat:no-repeat;background-size:40px 40px;background-position:center top 5px;border-radius:5px;background-color:#fff}

.pop{ width:400px; height:auto; overflow:hidden; position:absolute; left:100px; top:100px; z-index:1000; display:none;}
.pop .popInner{ width:100%; height:auto; overflow:hidden; }
.pop .popInner img{ max-width:100%; }
.pop .popBtm{ width:100%; height:auto; overflow:hidden; background:#222; padding:10px; box-sizing:border-box; }
.pop .popBtm a{ display:inline-block; padding:0 10px; line-height:24px; font-size:13px; background:#fff; color:#222; }
.pop .popBtm a.closeBtn{ float:right; }
.pop .popBtm a.todBtn{ float:left; }

.addArea{ width:100%; height:auto; overflow:hidden; padding:0px 0 20px 0; }
.addBox.main{ width:100%; text-align:center; margin-top:0px; }
.addBox.main h4{ border:none; }
.addBox{ float:left; width:33.3333%; height:auto; overflow:hidden; text-align:left; box-sizing:border-box; padding:20px; margin-top:10px; }
.addBox h4{ display: block; line-height: 35px; border-bottom: 1px dashed #d8d8d8; }
.addBox p{ color:#666; line-height:20px; opacity: 1 !important; }

.gpaInfoTop.ap{ background-image:url('/college/img/aptopbg.jpg'); }
.gpaInfoTop.major{ background-image:url('/college/img/board/majorMain.jpg'); background-size:100% auto; }
.gpaInfoTop{ background-image:url('/college/img/gpatopbg.jpg'); background-repeat: no-repeat; background-position: center top; padding-top:300px !important; }
.gpaInfo .gpaInfoBox{ padding:100px 0; position:relative; }
.gpaInfo .gpaInfoBox h1{ display:block; width:100%; text-align:center; font-size:80px; color: #282a31; font-weight:800; padding-bottom:80px; }
.gpaInfoTop.major .gpaInfo .gpaInfoBox h1{font-size:50px;}
.gpaInfo .gpaInfoBox h1 p{ color:#474950; }
.gpaInfo .gpaInfoBox h3{ font-size:30px; color: #282a31; font-weight:800; text-align:center; padding:0 0 30px 0; }
.gpaInfo .gpaInfoBox p{ font-size: 20px; line-height: 45px; color: #282a31; font-weight: 500; text-align:center; }
.gpaInfo .gpaInfoBox p.sub{ font-size: 13px; }
.gpaInfo .gpaInfoBox p b{ font-size: 25px; color: #db4b41; font-weight: 700; }
.gpaInfo .gpaInfoBox.point:before,
.gpaInfo .gpaInfoBox.point:after{ content:'“'; font-family: 'Monda', serif; font-size:120px; position:absolute; top:0px; left:50%; transform: translateX(-50%); color:#db4b41; }
.gpaInfo .gpaInfoBox.point:after{ content:'”'; top:inherit; bottom:-40px; }

.gpaInfo .gpaInfoBox .gpaInfoTblBox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:50px 0; }
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl{ width:50%; height:auto; overflow:hidden; box-sizing:border-box; padding:30px 20px; float:left; background:#f8f8f8; text-align:center; }
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl:last-child{ background:#f0f0f0; }
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl h4{ display: inline-block; line-height: 12px; font-size: 20px; font-weight: 600; padding:0 10px; margin: 0 auto; border-bottom: 10px solid rgb(108 97 216 / 0.3); }
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl:last-child h4{ border-color:rgb(255 80 0 / 0.3); }
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl .gpaInfoTblArea{ margin-top:30px; width:100%; height:auto; overflow:hidden; }
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl .gpaInfoTblArea table thead th,
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl .gpaInfoTblArea table tbody td{ font-size:16px; height:50px; text-align:center; }
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl .gpaInfoTblArea table thead th{ border-top:1px solid #222; border-bottom:1px solid #222; font-size:18px; }
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl .gpaInfoTblArea table tbody td{ background:#fff; border-bottom:1px solid #eee; }
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl .gpaInfoTblArea table thead th.on,
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl .gpaInfoTblArea table tbody td.on{ color:#6c61d8; font-weight:500; }
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl:last-child .gpaInfoTblArea table thead th.on,
.gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl:last-child .gpaInfoTblArea table tbody td.on{ color:#ff5000; font-weight:500; }


.gpaInfo .gpaInfoBox.qna{
    padding-top:30px;
}

.gpaInfo .gpaInfoBox.qna dl{
    max-width:1000px;
    margin:0 auto;
}

.gpaInfo .gpaInfoBox.qna dl dt:first-child{
    margin-top:0px;
}

.gpaInfo .gpaInfoBox.qna dl dt{
    margin-top:50px;
    border-radius: 10px 10px 0px 0px;
    /* color:#ff5000;
    border-color:#ff5000 !important; */
}

.gpaInfo .gpaInfoBox.qna dl dt,
.gpaInfo .gpaInfoBox.qna dl dd{
    box-sizing:border-box;
    padding:20px 20px 20px 90px;
    border:1px solid #282a31;
    font-size: 20px; 
    line-height: 45px; 
    font-weight: 500; 
    position:relative;
}

.gpaInfo .gpaInfoBox.qna dl dt:before,
.gpaInfo .gpaInfoBox.qna dl dd:before{
    content: 'Q.';
    font-size: 42px;
    font-weight: 700;
    color: #ff5000;
    position: absolute;
    left: 30px;
    top: 10px;
}

.gpaInfo .gpaInfoBox.qna dl dd:before{
    content: 'A.';
    font-size: 32px;
    left: 41px;
    top: 16px;
    color: #6c61d8;
}

.gpaInfo .gpaInfoBox.qna dl dd{
    font-size: 17px; 
    line-height: 30px; 
    font-weight: 400; 
    border:1px solid #6c61d8;
    border-top:none;
    background:#f8f8f8;
    color: #282a31;
    border-radius: 0px 0px 10px 10px;
}

.gpaInfo .gpaInfoBox.qna dl dd a{
    display:inline-block;
    line-height:35px;
    border:1px solid #282a31;
    padding:0 20px;
    margin-top:10px;
    font-size: 17px; 
    color: #282a31; 
    background:#fff;
}

.contentInner.board{
    padding:0;
}

.contentInner.board .boardCont{
    width:100%;
    height:auto;
    overflow:hidden;
}

.contentInner.board .boardCont h2.sub{
    position: relative;
    top: inherit;
    right: inherit;
}

.contentInner.board .boardCont .boradTop{
    width:100%;
    height:auto;
    overflow:hidden;
    box-sizing:border-box;
    padding-left:200px;
    margin-top:-40px;
}

.contentInner.board .boardCont .boradTop dl{
    width:100%;
    height:auto;
    overflow:hidden;
}

.contentInner.board .boardCont .boradTop dl dd{
    display:inline-block;
    float:right;
}

.contentInner.board .boardCont .boradTop dl dd:nth-child(6){
    border-radius:5px 0px 0px 5px;
}

.contentInner.board .boardCont .boradTop dl dd:nth-child(2){
    border-radius:0px 5px 5px 0px;
}

.contentInner.board .boardCont .boradTop dl dd:not(.search){
    border:1px solid #e0e0e0;
    border-left:none;
}

.contentInner.board .boardCont .boradTop dl dd:not(.search):last-child{
    border-left:1px solid #e0e0e0;
}

.contentInner.board .boardCont .boradTop dl dd:not(.search).on{
    background:#444;
}

.contentInner.board .boardCont .boradTop dl dd:not(.search).on a{
    color:#fff;
}

.contentInner.board .boardCont .boradTop dl dd a:not(.searchBtn){
    display:block;
    line-height:40px;
    padding:0 20px;
    box-sizing:border-box;
}

.contentInner.board .boardCont .boradTop dl dd a:not(.searchBtn) span{
    display:inline-block;
    background:#eee;
    color:#eb3d9f;
    text-align:center;
    margin-left:5px;
    border-radius: 5px;
    line-height:24px;
    font-size:12px;
    font-weight:500;
    padding:0 5px;
}

.contentInner.board .boardCont .boradTop dl dd.on a:not(.searchBtn) span{
    background:#eb3d9f;
    color:#fff;
}

.contentInner.board .boardCont .boradTop dl dd.search{
    margin-left:20px;
}

.contentInner.board .boardCont .boradTop dl dd.search .searchArea{
    padding-right:60px;
    position:relative;
}

.contentInner.board .boardCont .boradTop dl dd.search .searchArea input[type='text']{
    height:42px;
    box-sizing:border-box;
    padding:0 10px;
    background:none;
    border:1px solid #444;
    width:300px;
}

.contentInner.board .boardCont .boradTop dl dd.search .searchArea a.searchBtn{
    display:block;
    width:60px;
    background:#444;
    color:#fff;
    line-height:42px;
    text-align:center;
    position:absolute;
    top:0px;
    right:0px;
}

.contentInner.board .boardCont h3.related{
    display:block;
    line-height:50px;
    font-size:25px;
    margin-top:50px;
}

.contentInner.board .boardCont .boradbody.related li{
    width:25%;
    float:left;
    box-sizing:border-box;
    padding:20px;
    border:none;
}

.contentInner.board .boardCont .boradbody.related li a{
    padding:200px 0 0 0;
}

.contentInner.board .boardCont .boradbody.related li.noImg a{
    padding:0;
}

.contentInner.board .boardCont .boradbody.related ul li.noImg a .txtBox p{
    height:240px;
}

.contentInner.board .boardCont .boradbody.related li.noImg a .imgBox{
    display:none;
}

.contentInner.board .boardCont .boradbody.related li a .imgBox{
    width:100%;
}

.contentInner.board .boardCont .boradbody.related ul li a .txtBox{
    height:auto;
}

.contentInner.board .boardCont .boradbody.related ul li a .txtBox p{
    height:40px;
}

.contentInner.board .boardCont .boradbody.related li a .txtBox dl{
    overflow:hidden;
    height:30px;
}

.contentInner.board .boardCont .boardBtn{
    width:100%;
    height:auto;
    overflow:hidden;
    padding:20px 0;
}

.contentInner.board .boardCont .boardBtn .boardBtnLeft,
.contentInner.board .boardCont .boardBtn .boardBtnright{
    width:50%;
    float: left;
    text-align:left;
    
}

.contentInner.board .boardCont .boardBtn .boardBtnright{
    text-align: right;
}

.contentInner.board .boardCont .boardBtn .boardBtnLeft a,
.contentInner.board .boardCont .boardBtn .boardBtnright a{
    display:inline-block;
    padding:0 10px;
    line-height:30px;
    box-sizing:border-box;
    border:1px solid #ccc;
    background:#f8f8f8;
    color:#222;
    font-size: 14px;
    font-weight: 500;
}

.contentInner.board .boardCont .boradbody{
    width:100%;
    height:auto;
    overflow:hidden;
    margin-top:20px;
    border-top:1px solid #222;
}

.contentInner.board .boardCont .boradbody ul{
    width:100%;
    height:auto;
    overflow:hidden;
}

.contentInner.board .boardCont .boradbody ul li{
    display:block;
    width:100%;
    height:auto;
    overflow:hidden;
    border-bottom:1px solid #e0e0e0;
    padding:10px 0 20px 0;
}

.contentInner.board .boardCont .boradbody ul li.empty p{
    display:block;
    width:100%;
    height:auto;
    overflow:hidden;
    text-align:center;
    line-height:20px;
    padding:50px 0;
    background:#f8f8f8;
}

.contentInner.board .boardCont .boradbody ul li.noImg a{
    padding-left:0px;
}

.contentInner.board .boardCont .boradbody ul li.noImg a .imgBox{
    display:none;
}

.contentInner.board .boardCont .boradbody ul li.noImg a .txtBox{
    height:auto;
}

.contentInner.board .boardCont .boradbody ul li:last-child{
    border-bottom:none;
}

.contentInner.board .boardCont .boradbody ul li.prev a,
.contentInner.board .boardCont .boradbody ul li.next a{
    padding-left:100px;
}

.contentInner.board .boardCont .boradbody ul li.prev a:before,
.contentInner.board .boardCont .boradbody ul li.next a:before{
    content:'이전글';
    display:inline-block;
    font-size:13px;
    border:1px solid #ccc;
    line-height:30px;
    padding:0 10px;
    position:absolute;
    left:0px;
    top:5px;
}

.contentInner.board .boardCont .boradbody ul li.next a:before{
    content:'다음글';
    background:#f8f8f8;
}

.contentInner.board .boardCont .boradbody ul li a{
    display:block;
    width:100%;
    height:auto;
    overflow:hidden;
    position:relative;
    box-sizing:border-box;
    padding-left:220px;
}

.contentInner.board .boardCont .boradbody ul li a .imgBox{
    width:200px;
    height:180px;
    position:absolute;
    left:0px;
    top:10px;
    overflow:hidden;
}

.contentInner.board .boardCont .boradbody ul li a .imgBox .imgBoxInner{
    width:100%;
    height:100%;
    position: relative;
    overflow:hidden;
}

.contentInner.board .boardCont .boradbody ul li a .imgBox .imgBoxInner img.bgImg{
    filter: blur(8px);
    -webkit-filter: blur(8px);
    width:100% !important;
    margin-top:-25% !important;
}

.contentInner.board .boardCont .boradbody ul li a .imgBox .imgBoxInner img:not(.bgImg){
    width:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index:1;
}

.contentInner.board .boardCont .boradbody ul li a .txtBox{
    width:100%;
    height:auto;
    min-height:200px;
    overflow:hidden;
    box-sizing:border-box;
    padding-top:10px;
}

.contentInner.board .boardCont .boradbody ul li.prev a .txtBox,
.contentInner.board .boardCont .boradbody ul li.next a .txtBox{
    min-height:inherit;
}

.contentInner.board .boardCont .boradbody ul li a .txtBox h3{
    display:block;
    width:100%;
    line-height:40px;
    font-size:18px;
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden;
}

.contentInner.board .boardCont .boradbody ul li a .txtBox p{
    display: block;
    width: 100%;
    line-height: 20px;
    font-size: 14px;
    height: 60px;
    overflow: hidden;
    margin-top: 10px;
}

.contentInner.board .boardCont .boradbody ul li a .txtBox span{
    display: block;
    width: 100%;
    line-height: 20px;
    font-size: 13px;
    color:#999;
    margin-top:10px;
}

.contentInner.board .boardCont .boardViewTop dl,
.contentInner.board .boardCont .boradbody ul li a .txtBox dl{
    width: 100%;
}

.contentInner.board .boardCont .boardViewTop dl dd,
.contentInner.board .boardCont .boradbody ul li a .txtBox dl dd{
    float:left;
    margin-right:5px;
    display: inline-block;
    padding: 0 5px;
    line-height: 16px;
    font-size: 12px;
    background: #f8f8f8;
    border: 1px solid #ccc;
    margin-top:12px;
}

.contentInner.board .boardCont .boradbody .page{
    width:100%;
    height:auto;
    overflow:hidden;
    margin-top:20px;
}

.contentInner.board .boardCont .boradbody .page a{
    display:inline-block;
    padding:0 5px;
    text-align:center;
    float:left;
    min-width:30px;
    line-height:30px;
    border:1px solid #ccc;
    border-right:none;
    font-size:13px;
    color: #999;
}

dd.wTag{ cursor:pointer; }

.contentInner.board .boardCont .boradbody .page a:last-child{
    border-right:1px solid #ccc;
}

.contentInner.board .boardCont .boradbody .page a.prev,
.contentInner.board .boardCont .boradbody .page a.next{
    background:#f8f8f8;
    color:#222;
    font-weight:600;
}

.contentInner.board .boardCont .boradbody .page a:hover,
.contentInner.board .boardCont .boradbody .page a.current{
    text-decoration: underline;
    font-weight:700;
    color:#222;
    background:#f8f8f8;
}

.contentInner.board .boardCont .boardViewTop{
    width:100%;
    height:auto;
    overflow:hidden;
    padding:50px 0;
    border-bottom:1px solid #222;

}

.contentInner.board .boardCont .boardViewTop h3{
    font-size:30px;
    line-height:32px;
}

.contentInner.board .boardCont .boardViewTop span{
    display:block;
    font-size:15px;
    line-height:32px;
    margin-top:10px;
}

.contentInner.board .boardCont .boardView{
    padding:30px 0;
}

.contentInner.boardContArea{
    width:100%;
    height:auto;
    overflow:hidden;
    padding-top:0;
}

.contentInner.boardContArea .boardContBox{
    width:100%;
    height:auto;
    overflow:hidden;
}

.contentInner.boardContArea .boardContBox.imgBox img{
    max-width:100%;
}

.contentInner.boardContArea .boardContBox h1.ManitobaMain{
    color:#fff;
    background-image:url(/college/img/board/ManitobaMain.jpg);
}

.contentInner.boardContArea .boardContBox h1.victoriaMain{
    color:#fff;
    background-image:url(/college/img/board/univictoriaMain.jpg);
}

.contentInner.boardContArea .boardContBox h1.skwMain{
    color:#fff;
    background-image:url(/college/img/board/skwMain.jpg);
}

.contentInner.boardContArea .boardContBox h1.albertaMain{
    color:#fff;
    background-image:url(/college/img/board/albertaMain.jpg);
}

.contentInner.boardContArea .boardContBox h1.ottawaMain{
    color:#fff;
    background-image:url(/college/img/board/ottawaMain.jpg);
}

.contentInner.boardContArea .boardContBox h1.calgaryMain{
    color:#fff;
    background-image:url(/college/img/board/calgaryMain.jpg);
}

.contentInner.boardContArea .boardContBox h1.ubcMain{
    color:#fff;
    background-image:url(/college/img/board/ubcMain.jpg);
}

.contentInner.boardContArea .boardContBox h1.bu{
    color:#fff;
    background-image:url(/college/img/board/buMain.jpg);
}

.contentInner.boardContArea .boardContBox h1.nyu{
    color:#fff;
    background-image:url(/college/img/board/nyuMain.jpg);
}

.contentInner.boardContArea .boardContBox h1.ucla{
    color:#fff;
    background-image:url(/college/img/board/uclaMain.jpg);
}

.contentInner.boardContArea .boardContBox h1.uiuc{
    color:#fff;
    background-image:url(/college/img/board/uiucMain.jpg);
}

.contentInner.boardContArea .boardContBox h1.drexel{
    color:#fff;
    background-image:url(/college/img/board/drexelMain.jpg); 
}

.contentInner.boardContArea .boardContBox h1.neuMain{
    color:#fff;
    background-image:url(/college/img/board/neuMain.jpg); 
}

.contentInner.boardContArea .boardContBox h1.osuMain{
    color:#fff;
    background-image:url(/college/img/board/osuMain.jpg); 
}

.contentInner.boardContArea .boardContBox h1.multiMain{
    color:#fff;
    background-image:url(/college/img/board/multiMain.jpg); 
}

.contentInner.boardContArea .boardContBox h1.uni{
    color:#fff;
    background-image:url(/college/img/board/uniMain_uni.jpg); 
}



.contentInner.boardContArea .boardContBox h1{
    display:block;
    width:100%;
    height:auto;
    overflow:hidden;
    font-size:50px;
    line-height:55px;
    box-sizing:border-box;
    padding:70px 30px 0 30px;
    height:660px;
    background-size: 100% auto !important;
    background-position: left top !important;
}

.contentInner.boardContArea .boardContBox dl.addressBox,
.contentInner.boardContArea .boardContBox dl.rankList{
    width:100%;
    height:auto;
    overflow:hidden;
}

.contentInner.boardContArea .boardContBox dl.addressBox dd,
.contentInner.boardContArea .boardContBox dl.rankList dd{
    display:block;
    width:100%;
    line-height:40px;
    font-size:20px;
    font-weight:600;
    padding-left:40px;
    box-sizing:border-box;
    position:relative;
    margin-bottom:20px;
}

.contentInner.boardContArea .boardContBox dl.addressBox dd{
    background:#222;
    padding:10px 10px 10px 60px;
    margin:0;
}

.contentInner.boardContArea .boardContBox dl.addressBox dd:last-child{
    margin-bottom:20px;
}

.contentInner.boardContArea .boardContBox dl.addressBox dd a{
    color:#fff !important;
    display:inline-block;
    line-height:40px;
    font-size:18px;
}

.contentInner.boardContArea .boardContBox dl.addressBox dd:before,
.contentInner.boardContArea .boardContBox dl.rankList dd:before{
    content:'';
    width:40px;
    height:40px;
    position:absolute;
    left:0px;
    top:0px;
    background-image:url('/college/img/board/trophy.svg');
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: center center;
}

.contentInner.boardContArea .boardContBox dl.addressBox dd:before{
    background-image:url('/college/img/board/school.svg');
    left:10px;
    top:10px;
}

.contentInner.boardContArea .boardContBox.cont{
    box-sizing:border-box;
    padding:30px 10px;
}

.contentInner.boardContArea .boardContBox.cont h3{
    display:block;
    font-size:25px;
    line-height:70px;
    border-bottom:1px solid #cacaca;
    /* margin-bottom:20px; */
    box-sizing:border-box;
    padding-left:40px;
    position:relative;
}

.contentInner.boardContArea.usa .boardContBox.cont h3{
    color:#f31515;
    padding-left:30px;
    border-color:#343688;
}

.contentInner.boardContArea .boardContBox.cont h3:before{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 6px solid #f31515;
    background:#f31515;
    position: absolute;
    left: 0px;
    top: 25px;
    border-radius: 0px 0px 10px 0px;
    transform: rotate(45deg);
}

.contentInner.boardContArea.usa .boardContBox.cont h3:before{
    border-color:#343688;
    background:#fff;
    transform: rotate(0deg);
}

.contentInner.boardContArea .boardContBox.cont p{
    display: block;
    padding:10px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
    box-sizing: border-box;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox{
    width:100%;
    height:auto;
    overflow:hidden;
    box-sizing:border-box;
    padding:20px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox.stepUp{
    padding:0px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox h4{
    display:block;
    line-height:40px;
    font-size:20px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont{
    width:100%;
    height:auto;
    overflow:hidden;
    box-sizing:border-box;
    padding:20px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont.sub{
    padding-top:5px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul{
    width:100%;
    height:auto;
    overflow:hidden;
    box-sizing:border-box;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li{
    clear: both;
    float:left;
    display: block;
    padding: 0px 10px 0px 19px;
    line-height: 30px;
    font-size: 17px;
    font-weight: 500;
    position: relative;
    box-sizing: border-box;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul.indd{
    padding-bottom:10px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul.indd li{
    font-size: 16px;
    line-height: 20px;
    font-weight:400;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul.indd li:before{
    top:9px;
    left:5px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li a{
    color:#2e31f1;
    font-size:18px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px; }
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table{ width:100%; max-width:670px; min-width:370px; }

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table th,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table td,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table thead th,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table tbody td{ font-size:16px; height:50px; text-align:center; }
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table th,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table thead th{ border-top:1px solid #222; border-bottom:1px solid #222; font-size:18px; }
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table td,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table tbody td{ background:#fff; border-bottom:1px solid #eee; }

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table th.onA,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table td.onA,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table thead th.onA,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table tbody td.onA{
    color:#6c61d8; font-weight:500;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table th.onB,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table td.onB,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table thead th.onB,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table tbody td.onB{
    color:#ff5000; font-weight:500;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li:before{
    content: '';
    width: 6px;
    height: 2px;
    background: #222;
    position: absolute;
    left: 0px;
    top: 15px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li.sub{
	padding-left:40px;
	opacity:0.8;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li.subSub{
	padding-left:65px;
	opacity:0.7;
	font-weight:400;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li.sub.a:before{	content: 'a.'; }
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li.sub.b:before{	content: 'b.'; }
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li.sub.c:before{	content: 'c.'; }
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li.sub.d:before{	content: 'd.'; }
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li.sub.e:before{	content: 'e.'; }

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li.sub:before{
	content: 'a.';
    width: 20px;
    height: 20px;
    background: none;
    position: absolute;
    left: 22px;
    top: 0px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li.subSub.a:before{content:'ⅰ.';}
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li.subSub.b:before{content:'ⅰⅰ.';}
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li.subSub.c:before{content:'ⅰⅰⅰ.';}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li.subSub:before{
	top:0px;
	left: 38px;
	width: 20px;
    height: 20px;
    background: none;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol li,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol li a{
    font-size:15px;
    line-height:24px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol li:before{
    content: '';
    width: 4px;
    height: 4px;
    background: #222;
    border-radius: 50%;
    position: absolute;
    left: 6px;
    top: 10px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol.step{
    height:auto;
    overflow:hidden;
    padding-bottom:20px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol.step li{
    display: inline-block;
    float: left;
    margin-right: 30px;
    border: 1px solid #ccc;
    margin-top: 10px;
    line-height: 37px;
    background: #f8f8f8;
    position: relative;
    clear:inherit;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol.step li:after{
    content:'▶';
    position: absolute;
    top: 0px;
    right: -19px;
    font-size: 10px;
    color: #b5b5b5;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol.step li:last-child:after{
    display:none;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol.step li:before{
    display:none;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont h5{
    display:block;
    line-height:24px;
    font-size:18px;
    font-weight:600;
    position:relative;
    padding-left:10px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont h5:before{
    content:'';
    width:8px;
    height:8px;
    background:#222;
    position:absolute;
    left: -5px;
    top: 9px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dt.title span,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont h5 span{
    display:inline-block;
    font-size:14px;
    opacity:0.7;
    padding-left:10px;
    position:relative;
    margin-left: 10px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dt.title span:before,
.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont h5 span:before{
    content: '';
    width: 1px;
    height: 12px;
    background: #bababa;
    position: absolute;
    left: 0px;
    top: 7px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList{
    width:100%;
    height:auto;
    overflow:hidden;
    margin-top:20px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList.sub{
    margin-top:0px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dt{
    display:inline-block;
    padding:0 20px;
    margin-bottom:5px;
    line-height:30px;
    border-radius: 36px;
    background:#f04646;
    color:#fff;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dt.bc{
    background:#4964c7;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dt.title{
    background:none;
    color: #222222;
    font-size:18px;
    font-weight:700;
    display:block;
}

.contentInner.boardContArea.usa .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dt{
    font-size:16px;
    border-radius:5px;
	margin-right:10px;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd{
    display:block;
    width:100%;
    line-height:30px;
    font-size:17px;
    font-weight:500;
    box-sizing:border-box;
    padding-left:40px;
    position:relative;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd span{
    font-size:15px;
    display:block;
    color:#777;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd a{
    font-size:18px;
    font-weight:500;
    color:#0089ff;
    text-decoration: underline;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd.img{
    padding:20px 0;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd.img img{
    max-width:100%;
}

.contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd:not(.img):before{
    content:'';
    width:4px;
    height:4px;
    position:absolute;
    left: 26px;
    top: 15px;
    background:#222;
    border-radius: 50%;
}

.moLoading{
    position:fixed;
    width:100%;
    height:100%;
    z-index:1000;
    background:#fff;
    display:none;
    top:0px;
    left:0px;
}

.contentInner.boardNoteArea{
    width:100%;
    height:auto;
    overflow:hidden;
    padding-top:0;
}

.contentInner.boardNoteArea p{
	font-size: 20px;
    line-height: 35px;
    color: #282a31;
    font-weight: 500;
    text-align: center;
	margin:40px auto;
}

.contentInner.boardNoteArea p span{
	display:block;
	width:100%;
	line-height:30px;
	font-size:15px;
	margin-top:10px;
}

.contentInner.boardNoteArea p span a{
	line-height:30px;
	font-size:15px;
	color:#1451c5;
}

.contentInner.boardNoteArea .noteBox{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:30px;
	max-width:1400px;
	border-left: 2px solid #3e79bf;
	background:#eff6ff;
}

.contentInner.boardNoteArea .noteBox.correction{
	margin-top:30px;
	background:#f8f8f8;
	border-color:#f14c18;
}

.contentInner.boardNoteArea .noteBox p{
	text-align:left;
	margin:0;
}

.contentInner.boardNoteArea .noteBox span{
	display:block;
	font-size:16px;
	line-height:20px;
	margin-top:20px;
}

.contentInner.boardNoteArea .noteBox p span,
.contentInner.boardNoteArea .noteBox p u{
	color:#f14c18;
	text-decoration:none;
    border-bottom: 1px solid #f14c18;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    text-decoration: none !important;
    display: contents;
}

.contentInner.boardNoteArea .noteBox p u:hover b,
.contentInner.boardNoteArea .noteBox p span:hover strong{
	display:block;
}

.contentInner.boardNoteArea .noteBox p u b,
.contentInner.boardNoteArea .noteBox p span strong{
	display:none;
	box-sizing:border-box;
	padding:20px;
	background:#f14c18;
	color:#fff;
	font-size:18px;
	line-height:25px;
	position:absolute;
	z-index:10;
}

.contentInner.boardNoteArea .noteList{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:30px;
	max-width:1400px;
}

.contentInner.boardNoteArea .noteList dl{
	width:100%;
	height:auto;
	overflow:hidden;
}

.contentInner.boardNoteArea .noteList dl dd{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	line-height:24px;
	font-size:18px;
	margin-bottom:30px;
	padding-left:20px;
	padding-right:25px;
	position:relative;
	box-sizing:border-box;
	color: #282a31;
}

.contentInner.boardNoteArea .noteList dl dd:before{
	content:'';
	width:4px;
	height:4px;
	background:#222;
	position:absolute;
	left:5px;
	top:10px;
}

.contentInner.boardNoteArea .noteList dl dd:last-child{
	margin-bottom:0px;
}

.contentInner.boardNoteArea h3{
	border-bottom: 10px solid #f5ecfa;
    padding: 10px 0;
    line-height: 2px;
    font-size: 25px;
    display: inline-block;
    height: 0px;
    margin-top: 60px;
}

.contentInner.boardNoteArea .noteList dl dd[class*='num']{
	padding-left:30px;
}

.contentInner.boardNoteArea .noteList dl dd.num1:before{ content:'1'; }
.contentInner.boardNoteArea .noteList dl dd.num2:before{ content:'2'; }
.contentInner.boardNoteArea .noteList dl dd.num3:before{ content:'3'; }
.contentInner.boardNoteArea .noteList dl dd.num4:before{ content:'4'; }
.contentInner.boardNoteArea .noteList dl dd.num5:before{ content:'5'; }
.contentInner.boardNoteArea .noteList dl dd.num6:before{ content:'6'; }
.contentInner.boardNoteArea .noteList dl dd.num7:before{ content:'7'; }
.contentInner.boardNoteArea .noteList dl dd.num8:before{ content:'8'; }
.contentInner.boardNoteArea .noteList dl dd.num9:before{ content:'9'; }

.contentInner.boardNoteArea .noteList dl dd[class*='num']:before{
/*	content:'1';*/
	width:20px;
	height:20px;
	border-radius:50%;
	background:#f14c18;
	color:#fff;
	font-size:14px;
	text-align:center;
	line-height:20px;
	left:0px;
	top:2px;
}

.college-new-box{
	width:100%;
	height:auto;
	overflow:hidden;
}

.college-new-box ul li{
	display:flex;	
	justify-content: center;
}

.college-new-box.web ul li img{
	width:2560px;
}

.college-new-box.mo{
	display:none;
}

.college-new-box.mo ul li img{
	width:100%;
	max-width:390px;
}

/*.college-new-box.mo ul li .res-img{*/
/*	width:100%;*/
/*	height:500px;*/
/*	box-sizing:border-box;*/
/*	padding:0px 30px;*/
/*	overflow:auto;*/
/*	overflow-x:auto;*/
/*	overflow-y:hidden;*/
/*	*/
/*}*/

.college-new-box.mo ul li .res-img{
	box-sizing:border-box;
	padding:10px;
}

.college-new-box.mo ul li .res-img img{
    max-width: inherit;
    width: 100%;
}

@media screen and (max-width:1440px){
   .college-new-box.web ul li img{
		width:2000px;
	}
}

@media screen and (max-width:1024px){
   .college-new-box.web ul li img{
		width:1200px;
	}
}

@media screen and (max-width:800px){
   .college-new-box.web{
		display:none;
	}
   .college-new-box.mo{
		display:block;
	}
}

@import url("https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css");
@font-face {
  font-family: "Godo";
  src: url("//fastly.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/Godo.woff2") format("woff2"), url("//fastly.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/Godo.woff") format("woff");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-style: normal;
  font-weight: 400;
  src: url("//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot");
  src: url("//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix") format("embedded-opentype"), url("//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff") format("woff"), url("//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf") format("truetype");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-style: normal;
  font-weight: 700;
  src: url("//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot");
  src: url("//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix") format("embedded-opentype"), url("//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff") format("woff"), url("//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf") format("truetype");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-style: normal;
  font-weight: 300;
  src: url("//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot");
  src: url("//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix") format("embedded-opentype"), url("//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff") format("woff"), url("//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf") format("truetype");
}
.top-nav {
  width: 100%;
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
}
.top-nav a {
  font-size: 15px;
  font-family: "NanumSquare";
  background-color: #eee;
  padding: 0 40px;
  line-height: 40px;
}

.college-main {
  width: 100%;
  height: auto;
  overflow: hidden;
  color: #272A34;
  max-width: 1920px;
  margin: 0 auto;
}

.college-main-top {
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  padding: 160px 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.college-main-top.usa {
  background-image: url(/college/img/college-usa-top.png);
}
.college-main-top.usa .college-main-top-inner {
  max-width: 900px;
}
.college-main-top.college {
  background-image: url(/college/img/college-main-top.png);
}
.college-main-top.cad {
  background-image: url(/college/img/college-cad-top.png);
}
.college-main-top.cad .college-main-top-inner .college-main-desc {
  background-color: rgba(82, 0, 0, 0.7);
}
.college-main-top.cad .college-main-top-inner .college-main-desc p b {
  color: #ffe200;
}
.college-main-top.college-cad-bottom {
  background-image: url(/college/img/college-cad-bottom.png);
}
.college-main-top .college-main-top-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1080px;
}
.college-main-top .college-main-top-inner .college-main-title h2 {
  font-size: 52px;
  font-family: "Godo";
  color: #fff;
  text-align: center;
  line-height: 60px;
}
.college-main-top .college-main-top-inner .college-main-title p {
  font-size: 28px;
  color: #fff;
  font-family: "Godo";
  text-align: center;
  line-height: 40px;
  margin-top: 20px;
}
.college-main-top .college-main-top-inner .college-main-desc {
  width: 100%;
  margin-top: 75px;
  box-sizing: border-box;
  padding: 30px 60px;
  border-radius: 20px;
  background-color: rgba(8, 16, 45, 0.7);
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.college-main-top .college-main-top-inner .college-main-desc p {
  font-size: 21px;
  color: #fff;
  font-family: "NanumBarunGothicWeb";
  line-height: 1.6;
}
.college-main-top .college-main-top-inner .college-main-desc p b {
  color: #00FFEA;
}
.college-main-top .college-main-top-inner h4 {
  padding: 50px 0;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  font-family: "Godo";
}

.college-main-sub {
  width: 100%;
  height: auto;
  padding: 50px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.college-main-sub-title {
  padding: 50px 0;
  width: 100%;
  max-width: 1520px;
}
.college-main-sub-title h3 {
  font-family: "Godo";
  font-size: 52px;
}

.college-main-img-box {
  width: 100%;
  padding: 20px 0;
  margin: 80px 0;
  height: auto;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/college/img/img_sample.png);
  background-repeat: no-repeat;
  min-height: 380px;
}
.college-main-img-box.college-main-img-1 {
  background-image: url(/college/img/college-main-img-1.png);
}
.college-main-img-box.college-main-img-2 {
  background-image: url(/college/img/college-main-img-2.png);
}
.college-main-img-box.college-main-img-3 {
  background-image: url(/college/img/college-main-img-3.png);
}
.college-main-img-box.college-main-img-4 {
  background-image: url(/college/img/college-main-img-4.png);
}
.college-main-img-box.college-main-img-5 {
  background-image: url(/college/img/college-main-img-5.png);
}
.college-main-img-box.college-usa-img-1 {
  background-image: url(/college/img/college-usa-img-1.png);
}
.college-main-img-box.college-usa-img-2 {
  background-image: url(/college/img/college-usa-img-2.png);
}
.college-main-img-box.college-usa-img-3 {
  background-image: url(/college/img/college-usa-img-3.png);
}
.college-main-img-box.college-cad-img-1 {
  background-image: url(/college/img/college-cad-img-1.png);
}
.college-main-img-box.college-cad-img-2 {
  background-image: url(/college/img/college-cad-img-2.png);
}
.college-main-img-box.college-cad-img-3 {
  background-image: url(/college/img/college-cad-img-3.png);
}
.college-main-img-box.left {
  background-position: left center;
}
.college-main-img-box.left .college-main-img-box-inner {
  justify-content: flex-end;
}
.college-main-img-box.right {
  background-position: right center;
}
.college-main-img-box .college-main-img-box-inner {
  width: 100%;
  max-width: 1420px;
  display: flex;
  padding: 25px;
  box-sizing: border-box;
}
.college-main-img-box .college-main-img-box-inner.dark .college-main-txt-box {
  background-color: rgba(0, 0, 0, 0.85);
  border-top: none;
}
.college-main-img-box .college-main-img-box-inner.dark .college-main-txt-box b {
  color: #00ceff;
}
.college-main-img-box .college-main-img-box-inner.dark .college-main-txt-box h4 {
  color: #fff;
}
.college-main-img-box .college-main-img-box-inner.dark .college-main-txt-box p {
  color: #fff;
}
.college-main-img-box .college-main-img-box-inner.dark .college-main-txt-box p.pl::before {
  background-color: #fff;
}
.college-main-img-box .college-main-img-box-inner .college-main-txt-box {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
  padding: 40px;
  -webkit-box-shadow: 0px 4px 37px -16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 4px 37px -16px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 37px -16px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.85);
  border-top: 2px solid #272A34;
}
.college-main-img-box .college-main-img-box-inner .college-main-txt-box b {
  color: #002BFF;
}
.college-main-img-box .college-main-img-box-inner .college-main-txt-box h4 {
  font-size: 30px;
  font-family: "nanumsquare";
  font-weight: 800;
  line-height: 1.6;
}
.college-main-img-box .college-main-img-box-inner .college-main-txt-box p {
  font-size: 22px;
  font-family: "NanumBarunGothicWeb";
  line-height: 1.6;
  padding-left: 40px;
  position: relative;
}
.college-main-img-box .college-main-img-box-inner .college-main-txt-box p.pl::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #272A34;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 16px;
}

.college-main-service {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 150px;
  background-image: url(/college/img/service_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.college-main-service .college-main-service-title h3 {
  font-size: 52px;
  font-family: "Godo";
  color: #fff;
  text-align: center;
  line-height: 60px;
}
.college-main-service .college-main-service-title p {
  font-size: 28px;
  color: #fff;
  font-family: "Godo";
  text-align: center;
  line-height: 40px;
  margin-top: 20px;
}
.college-main-service .college-main-service-box {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  gap: 140px;
  padding-top: 80px;
}
.college-main-service .college-main-service-box .college-main-service-desc {
  width: 35%;
  padding: 40px;
  box-sizing: border-box;
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.college-main-service .college-main-service-box .college-main-service-desc h4 {
  font-family: "NanumSquare";
  font-weight: 800;
  color: #fff;
  font-size: 32px;
  box-sizing: border-box;
  padding-left: 42px;
  position: relative;
}
.college-main-service .college-main-service-box .college-main-service-desc h4.us::before {
  background-image: url(/college/img/us.png);
}
.college-main-service .college-main-service-box .college-main-service-desc h4.ca::before {
  background-image: url(/college/img/ca.png);
}
.college-main-service .college-main-service-box .college-main-service-desc h4::before {
  content: "";
  width: 32px;
  height: 32px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 32px auto;
  position: absolute;
  left: 0px;
  top: 0px;
}
.college-main-service .college-main-service-box .college-main-service-desc p {
  font-size: 24px;
  font-family: "NanumSquare";
  font-weight: 600;
  color: #fff;
  line-height: 30px;
}
.college-main-service .college-main-service-box .college-main-service-desc button {
  font-size: 22px;
  padding: 20px;
  border-radius: 10px;
  border: none;
  font-family: "NanumSquare";
  font-weight: 800;
  cursor: pointer;
}

.college-main-package {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f8f8f8;
}
.college-main-package .college-main-package-title h3 {
  font-size: 52px;
  font-family: "Godo";
  text-align: center;
  line-height: 60px;
}
.college-main-package .college-main-package-title h3 span {
  font-size: 42px;
  display: block;
}
.college-main-package .college-main-package-title p {
  font-size: 28px;
  font-family: "Godo";
  text-align: center;
  line-height: 40px;
  margin-top: 20px;
}
.college-main-package .college-main-package-list {
  display: flex;
  flex-direction: row;
  gap: 40px;
  box-sizing: border-box;
  padding: 40px;
  margin-top: 50px;
}
.college-main-package .college-main-package-list .college-main-package-box {
  width: 470px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.college-main-package .college-main-package-list .college-main-package-box .pk-title {
  font-size: 40px;
  font-family: "NanumSquare";
  font-weight: 100;
  text-align: center;
}
.college-main-package .college-main-package-list .college-main-package-box .college-main-package-inner {
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  padding: 40px;
  border: 1px solid #e1e1e1;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 37px -16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 4px 37px -16px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 37px -16px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}
.college-main-package .college-main-package-list .college-main-package-box .college-main-package-inner:hover {
  background-color: #e1f5ff;
  transition: all 0.2s ease;
  margin-top: 15px;
}
.college-main-package .college-main-package-list .college-main-package-box .college-main-package-inner h4 {
  font-family: "NanumSquare";
  font-size: 32px;
}
.college-main-package .college-main-package-list .college-main-package-box .college-main-package-inner h4 span {
  font-size: 18px;
  display: block;
  padding-top: 10px;
}
.college-main-package .college-main-package-list .college-main-package-box .college-main-package-inner .college-main-package-desc {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 40px;
}
.college-main-package .college-main-package-list .college-main-package-box .college-main-package-inner .college-main-package-desc .college-main-package-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.college-main-package .college-main-package-list .college-main-package-box .college-main-package-inner .college-main-package-desc .college-main-package-item h5 {
  font-family: "NanumSquare";
  font-size: 24px;
  line-height: 1.6;
}
.college-main-package .college-main-package-list .college-main-package-box .college-main-package-inner .college-main-package-desc .college-main-package-item p {
  font-family: "NanumSquare";
  font-size: 18px;
  line-height: 1.6;
}
.college-main-package .college-main-package-list .college-main-package-box .college-main-package-inner .college-main-package-desc .college-main-package-item p b {
  color: #002BFF;
  font-size: 20px;
}

.college-main-contact {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.college-main-contact .college-main-contact-title h3 {
  font-size: 52px;
  font-family: "Godo";
  text-align: center;
  line-height: 60px;
}
.college-main-contact .college-main-contact-title h3 span {
  font-size: 42px;
  display: block;
}
.college-main-contact .college-main-contact-title p {
  font-size: 28px;
  font-family: "Godo";
  text-align: center;
  line-height: 40px;
  margin-top: 20px;
}
.college-main-contact .college-main-contact-list {
  display: flex;
  flex-direction: row;
  gap: 95px;
  margin-top: 50px;
}
.college-main-contact .college-main-contact-list .btn-call {
  width: 400px;
  height: auto;
  text-align: left;
  box-sizing: border-box;
  padding: 40px 40px;
  border-radius: 10px;
  border: none;
  display: inline-block;
  cursor: pointer;
}
.college-main-contact .college-main-contact-list .btn-call.cm-contact-call {
  background-color: #164EB6;
}
.college-main-contact .college-main-contact-list .btn-call.cm-contact-call b, .college-main-contact .college-main-contact-list .btn-call.cm-contact-call p {
  color: #fff;
}
.college-main-contact .college-main-contact-list .btn-call.cm-contact-mail {
  background-color: #2D7C42;
}
.college-main-contact .college-main-contact-list .btn-call.cm-contact-mail b, .college-main-contact .college-main-contact-list .btn-call.cm-contact-mail p {
  color: #fff;
}
.college-main-contact .college-main-contact-list .btn-call.cm-contact-kkot {
  background-color: #FAE100;
}
.college-main-contact .college-main-contact-list .btn-call.cm-contact-kkot b, .college-main-contact .college-main-contact-list .btn-call.cm-contact-kkot p {
  color: #3C1D1E;
}
.college-main-contact .college-main-contact-list .btn-call b {
  font-size: 28px;
  font-family: "NanumSquare";
}
.college-main-contact .college-main-contact-list .btn-call p {
  font-size: 38px;
  font-family: "NanumSquare";
  font-weight: 100;
}

.college-main-program {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.college-main-program .college-main-program-title h3 {
  font-size: 52px;
  font-family: "Godo";
  text-align: center;
  line-height: 60px;
}
.college-main-program .college-main-program-title h3 span {
  font-size: 42px;
  display: block;
}
.college-main-program .college-main-program-title p {
  font-size: 28px;
  font-family: "Godo";
  text-align: center;
  line-height: 40px;
  margin-top: 20px;
}
.college-main-program .college-main-program-tbl {
  width: 100%;
  max-width: 1400px;
  margin-top: 50px;
}
.college-main-program .college-main-program-tbl table {
  width: 100%;
}
.college-main-program .college-main-program-tbl table thead th {
  padding: 30px 0;
  font-family: "NanumSquare";
  font-size: 24px;
  background-color: #272A34;
  color: #fff;
  border-left: 1px solid #474a54;
}
.college-main-program .college-main-program-tbl table thead th:first-child {
  border-left: none;
}
.college-main-program .college-main-program-tbl table thead th br {
  display: none;
}
.college-main-program .college-main-program-tbl table tbody td {
  padding: 30px 0;
  font-family: "NanumSquare";
  font-size: 24px;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  background-color: #f8f8f8;
  text-align: center;
}
.college-main-program .college-main-program-tbl table tbody td:first-child {
  border-left: none;
}
.college-main-program .college-main-program-tbl table tbody td span {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  background-color: #2e5bd7;
  border-radius: 50%;
  background-image: url(/college/img/check_small.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px auto;
}
.college-main-program .college-main-program-tbl table tbody td span b {
  position: absolute;
  display: block;
  width: 38px;
  height: 38px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #2e5bd7;
  line-height: 40px;
  text-align: center;
  left: 38px;
  font-size: 18px;
  color: #2e5bd7;
  -webkit-box-shadow: 0px 4px 37px -16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 4px 37px -16px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 37px -16px rgba(0, 0, 0, 0.2);
}
#bo_v_con ul {
    padding-left: 0px !important;
}

/* ============================================================
   college_res.css (반응형) — 전체 복사
   ============================================================ */
@charset "utf-8";

@media screen and (max-width: 1600px) {
  .college-main-top .college-main-top-inner {
    max-width: 800px !important;
    padding: 0 30px;
  }
  .college-main-top .college-main-top-inner .college-main-title h2 {
    font-size: 42px;
    line-height: 50px;
    transition: all 0.5s ease;
  }
  .college-main-top .college-main-top-inner .college-main-title p {
    font-size: 18px;
    line-height: 30px;
    transition: all 0.5s ease;
  }
  .college-main-top .college-main-top-inner .college-main-desc {
    margin-top: 55px;
  }
  .college-main-top .college-main-top-inner .college-main-desc p {
    font-size: 18px;
  }
  .college-main-sub-title,
  .college-main-service .college-main-service-title,
  .college-main-package .college-main-package-title,
  .college-main-program .college-main-program-title,
  .college-main-contact .college-main-contact-title {
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
  }
  .college-main-sub-title h3,
  .college-main-service .college-main-service-title h3,
  .college-main-package .college-main-package-title h3,
  .college-main-program .college-main-program-title h3,
  .college-main-contact .college-main-contact-title h3 {
    font-size: 42px;
    line-height: 50px;
  }
  .college-main-package .college-main-package-title h3 span {
    font-size: 20px;
  }
  .college-main-sub-title p,
  .college-main-service .college-main-service-title p,
  .college-main-package .college-main-package-title p,
  .college-main-program .college-main-program-title p,
  .college-main-contact .college-main-contact-title p {
    font-size: 20px;
  }
  .college-main-img-box .college-main-img-box-inner .college-main-txt-box h4 {
    font-size: 24px;
  }
  .college-main-img-box .college-main-img-box-inner .college-main-txt-box p {
    font-size: 18px;
  }
  .college-main-service .college-main-service-box .college-main-service-desc h4 {
    font-size: 28px;
    padding-left: 42px;
  }
  .college-main-service .college-main-service-box .college-main-service-desc p {
    font-size: 18px;
    line-height: 20px;
  }
  .college-main-service .college-main-service-box .college-main-service-desc p br {
    display: none;
  }
  .college-main-service .college-main-service-box .college-main-service-desc button {
    font-size: 16px;
  }
  .college-main-package .college-main-package-list .college-main-package-box {
    width: calc(33.3333% - 20px);
  }
}
@media screen and (max-width: 1440px) {
  .newCollegeIntro {
    height: 2987px;
  }
  .newCollegeIntro img {
    width: 1600px;
    height: 2987px;
  }
  .college-main-package .college-main-package-list {
    flex-direction: column;
  }
  .college-main-package .college-main-package-list .college-main-package-box {
    width: 100%;
  }
  .college-main-program-tbl {
    box-sizing: border-box;
    padding: 0 30px;
  }
}
@media screen and (max-width: 1300px) {
  .content.main {
    background-position: center top 120px;
    background-size: 1300px auto;
    transition: all 0.5s ease;
  }
  .contentInner {
    padding: 200px 30px 70px;
  }
  .contentInner.ap {
    background-size: 1120px auto;
  }
  .contentInner h2 {
    left: 30px;
    right: inherit;
    top: 40px;
  }
  .contentInner .contentTxt {
    width: 100%;
  }
  footer .add, footer .footerMenu {
    padding: 0 30px;
  }
  .schRank.case .schRankList ul li {
    width: 100%;
  }
  .contentInner.board .boardCont .boradTop {
    margin-top: 10px;
    padding: 0;
  }
  .contentInner.board .boardCont .boardViewTop,
  .contentInner.board .boardCont .boardBtn,
  .contentInner.board .boardCont .boardView,
  .contentInner.board .boardCont h3.related,
  .contentInner.board .boardCont .boradbody {
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
  }
  .contentInner.board .boardCont .boradbody.related li {
    width: 33.3333%;
  }
  .contentInner.board .boardCont .boradTop dl {
    box-sizing: border-box;
    padding: 0 30px;
  }
  .contentInner.board .boardCont .boradTop dl dd.search {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 20px 0;
  }
  .contentInner.board .boardCont .boradTop dl dd.search .searchArea,
  .contentInner.board .boardCont .boradTop dl dd.search .searchArea input[type=text] {
    width: 100%;
    box-sizing: border-box;
  }
  .contentInner.boardContArea .boardContBox h1 {
    height: 330px;
  }
  .header .inner a.college_logo {
    margin-left: -495px;
  }
  .header .inner .util .utillInner {
    max-width: 1000px;
  }
  .header .inner .headerInner {
    max-width: 1000px;
  }
}
@media screen and (max-width: 1024px) {
  .newCollegeIntro {
    height: 2613px;
  }
  .newCollegeIntro img {
    width: 1400px;
    height: 2613px;
  }
  .addBox {
    width: 50%;
    min-height: 180px;
  }
  .gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl {
    width: 100%;
  }
  .header .inner a.college_logo {
    margin-left: -405px;
  }
  .header .inner .util .utillInner {
    max-width: 800px;
  }
  .header .inner .headerInner {
    max-width: 800px;
  }
  .college-main-top {
    padding: 100px 0;
  }
  .college-main-service {
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
  }
  .college-main-service .college-main-service-box {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .college-main-service .college-main-service-box .college-main-service-desc {
    width: 100%;
  }
  .college-main-img-box {
    padding: 200px 0 100px 0;
    margin: 0;
  }
  .college-main-img-box.left,
  .college-main-img-box.right {
    background-position: center top;
  }
  .college-main-package .college-main-package-list .college-main-package-box .college-main-package-inner h4 {
    font-size: 24px;
  }
  .college-main-package .college-main-package-list .college-main-package-box .college-main-package-inner .college-main-package-desc .college-main-package-item h5 {
    font-size: 20px;
  }
}
@media screen and (max-height: 900px) {
  .content.main {
    background-position: center top -100px;
    transition: all 0.5s ease;
  }
}
@media screen and (max-height: 700px) {
  .content.main {
    background-position: center top -150px;
    transition: all 0.5s ease;
  }
}
@media screen and (max-width: 850px) {
  .content.main {
    background-position: center top 220px;
    background-size: 1080px auto;
  }
  .contentInner.board .boardCont .boradbody.related li {
    width: 50%;
  }
  .gpaInfoTop {
    padding-top: 200px !important;
  }
  .gpaInfoTop.major .gpaInfo .gpaInfoBox h1 {
    font-size: 30px;
  }
  .gpaInfo .gpaInfoBox {
    padding: 50px 0;
  }
  .gpaInfo .gpaInfoBox p br {
    display: none;
  }
  .gpaInfo .gpaInfoBox p {
    font-size: 15px;
    line-height: 25px;
  }
  .gpaInfo .gpaInfoBox h3 {
    font-size: 20px;
    padding: 0 0 20px 0;
  }
  .gpaInfo .gpaInfoBox.qna dl dt {
    font-size: 15px;
    line-height: 25px;
  }
  .gpaInfo .gpaInfoBox.qna dl dd {
    font-size: 14px;
    line-height: 20px;
  }
  .gpaInfo .gpaInfoBox.qna dl dd a {
    line-height: 25px;
    margin-top: 10px;
    font-size: 14px;
  }
  .gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl h4 {
    font-size: 16px;
    border-bottom: 5px solid rgba(108, 97, 216, 0.3);
  }
  .gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl .gpaInfoTblArea table thead th,
  .gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl .gpaInfoTblArea table tbody td {
    font-size: 14px;
    height: 40px;
  }
  .gpaInfo .gpaInfoBox.point:before,
  .gpaInfo .gpaInfoBox.point:after {
    top: -20px;
    font-size: 80px;
  }
  .gpaInfo .gpaInfoBox.point:after {
    top: inherit;
    bottom: -50px;
  }
  .gpaInfo .gpaInfoBox p b {
    font-size: 20px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol.step li {
    padding: 5px 10px;
    line-height: 20px;
  }
  .contentInner.boardContArea .boardContBox dl.addressBox dd, .contentInner.boardContArea .boardContBox dl.rankList dd {
    line-height: 26px;
  }
  .contentInner.boardContArea .boardContBox dl.addressBox dd, .contentInner.boardContArea .boardContBox dl.rankList dd:before {
    top: -8px;
  }
  .contentInner.boardContArea .boardContBox h1 {
    font-size: 30px;
    padding: 50px 30px 0 30px;
  }
  .header {
    background-color: #fff;
    -webkit-box-shadow: 0 -2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 -2px 14px 0 rgba(0, 0, 0, 0.1);
  }
  .header .inner .util {
    background-color: #111;
  }
  .header .inner .util .utillInner {
    height: 50px;
    box-sizing: border-box;
    padding: 0 20px;
  }
  .header .inner .util .utillInner a.moTopBtn.home {
/*    display: none;*/
  }
  .header .inner a.college_logo {
    width: 130px;
    height: 30px;
    background-size: 120px auto;
    background-position: left top -5px;
    top: 10px;
    left: 20px;
    margin-left: 0 !important;
  }
  .header .inner .util .utillInner a.moTopBtn {
    display: block;
    width: 30px;
    height: 40px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 24px;
  }
  .header .inner .util .utillInner a.moTopBtn.tel {
    background-image: url("/college/img/icon_call.svg");
  }
  .header .inner .util .utillInner a.moTopBtn.kko {
    background-image: url("/college/img/icon_talk.svg");
  }
  .header .inner .util .utillInner a.moTopBtn.home {
    background-image: url("/college/img/icon_home.svg");
  }
  .header .inner .headerInner .nav ul {
    gap: 20px;
    justify-content: center;
  }
  .header .inner .headerInner .nav ul li {
    padding: 8px 0;
  }
  .header .inner .headerInner .nav ul li a {
    line-height: 24px;
    font-size: 14px;
    color: #222;
  }
  .college-main-program .college-main-program-tbl table thead th {
    font-size: 18px;
    padding: 10px;
  }
  .college-main-program .college-main-program-tbl table tbody td {
    font-size: 16px;
  }
  .college-main-program .college-main-program-tbl table tbody td:first-child {
    width: 120px;
    padding: 0 10px;
  }
  .college-main-program .college-main-program-tbl table tbody td span b {
    width: 28px;
    height: 28px;
    line-height: 30px;
    left: 19px;
    top: -15px;
    font-size: 14px;
  }
  .college-main-program .college-main-program-tbl table thead th br {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .newCollegeIntro {
    height: 1867px;
  }
  .newCollegeIntro img {
    width: 1000px;
    height: 1867px;
  }
}
@media screen and (max-width: 750px) {
  header .headerInner {
    padding-bottom: 0;
    transition: all 0.5s ease;
  }
  header .headerInner a.mainLogo {
    top: 20px;
    transition: all 0.5s ease;
  }
  header .headerInner nav {
    width: 100%;
    transition: all 0.5s ease;
  }
  header.fixed .headerInner nav {
    margin-top: 20px;
    transition: all 0.5s ease;
  }
  header .headerInner nav ul li {
    width: 16.6666%;
    margin: 0;
    float: left;
    transition: all 0.5s ease;
    text-align: center;
  }
  header .headerInner nav ul li a {
    font-size: 15px;
  }
  .content {
    padding-top: 90px;
    display: block !important;
  }
  .contentInner h2, .contentInner h2.sub {
    font-size: 40px;
  }
  .contentInner h2.sub {
    border-bottom: 10px solid #f5ecfa;
    line-height: 0;
  }
  footer {
    margin-top: 30px;
    border-top: 1px solid #eee;
  }
  .footerMenu {
    display: none;
  }
  .moBtm {
    display: block;
  }
  .moMainTop {
    display: block;
  }
  .mainCollege {
    display: none;
  }
  .contentInner {
    padding: 150px 0px 10px;
  }
  footer .add address {
    line-height: 20px;
    font-size: 13px;
  }
  header.fixed .headerInner a.moTopBtn {
    top: 0px;
    transition: all 0.5s ease;
  }
  .cadInfoImg img {
    width: 160%;
  }
  .contentInner.board .boardCont .boradbody:not(.related) ul li a .imgBox {
    width: 100%;
    height: 180px;
    top: 10px;
    background: #222;
  }
  .contentInner.board .boardCont .boradbody:not(.related) ul li a .imgBox .imgBoxInner img {
    width: 200px;
    margin: 0 auto;
  }
  .contentInner.board .boardCont .boradbody ul li:not(.prev):not(.next) a {
    padding-left: 0px;
    padding-top: 190px;
  }
  .swiper-wrapper {
    display: flex !important;
  }
}
@media screen and (max-width: 650px) {
  .contentInner .contentTxt p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 30px;
  }
  .contentInner .contentTxt p span {
    font-size: 13px;
    line-height: 18px;
  }
  .contentInner .contentTxt p br {
    display: none;
  }
  .contentInner .contentTxt p b {
    display: block;
  }
  .contentInner h2 {
    font-size: 30px;
  }
  .contentInner .contentTxt p img {
    max-width: 100%;
  }
  .contentInner .contentTxt p iframe {
    height: 300px;
  }
  .schRank h3 span {
    display: block;
    width: 100%;
  }
  footer {
    padding-bottom: 80px;
  }
  .btm {
    display: block;
  }
  .contentInner .contentTxt.info img.infoImg.web {
    display: none;
  }
  .contentInner .contentTxt.info img.infoImg.mo {
    display: block;
  }
  .pop {
    width: 70%;
    left: 50%;
    margin-left: -35%;
    top: 120px;
  }
  .newCollegeIntro img.pcver {
    display: none;
  }
  .newCollegeIntro img.mover {
    display: block;
  }
  .newCollegeIntro {
    height: 1620px;
  }
  .newCollegeIntro img.mover {
    width: 720px;
    height: 1620px;
  }
  .addBox {
    width: 100%;
    min-height: inherit;
    text-align: left !important;
  }
  .contentInner.board .boardCont .boradTop dl dd a:not(.searchBtn) span {
    display: none;
  }
  .contentInner.board .boardCont .boradTop dl dd {
    width: 19.5%;
  }
  .contentInner.board .boardCont .boradTop dl dd a:not(.searchBtn) {
    line-height: 30px;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .contentInner.board .boardCont .boradbody .page a {
    min-width: 0px;
    padding: 0 5px;
  }
  .contentInner.board .boardCont .boradbody.related li {
    width: 100%;
  }
  .contentInner.board .boardCont .boradbody.related ul li.noImg a .txtBox p {
    height: 40px;
  }
  .contentInner.board .boardCont .boradbody.related ul li {
    border-top: 1px solid #ccc;
  }
  .contentInner.board .boardCont .boradbody.related ul li:first-child {
    border-top: none;
  }
  .contentInner.board .boardCont .boardBtn .boardBtnLeft {
    width: 40%;
  }
  .contentInner.board .boardCont .boardBtn .boardBtnright {
    width: 60%;
  }
  .contentInner.board .boardCont .boardBtn .boardBtnLeft a,
  .contentInner.board .boardCont .boardBtn .boardBtnright a {
    font-size: 13px;
    line-height: 24px;
    padding: 0 5px;
  }
  .contentInner.board .boardCont .boardView {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .contentInner.boardContArea .boardContBox dl.addressBox dd a {
    line-height: 25px;
    font-size: 14px;
  }
  .contentInner.boardContArea .boardContBox dl.addressBox dd,
  .contentInner.boardContArea .boardContBox dl.rankList dd {
    font-size: 14px;
  }
  .contentInner.boardContArea .boardContBox dl.addressBox dd {
    padding: 14px 10px 7px 40px;
  }
  .contentInner.boardContArea .boardContBox dl.addressBox dd:before {
    left: 0px;
    top: 6px;
    background-size: 27px auto;
  }
  .contentInner.boardContArea .boardContBox.cont h3 {
    font-size: 19px;
    line-height: 40px;
    padding-left: 20px !important;
  }
  .contentInner.boardContArea .boardContBox.cont h3:before {
    top: 14px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont h5 {
    font-size: 16px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox h4 {
    display: block;
    line-height: 30px;
    font-size: 18px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd,
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li {
    font-size: 14px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont {
    padding: 10px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox {
    padding: 10px;
  }
  .contentInner.boardContArea .boardContBox.cont {
    padding: 30px 0px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol li,
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol li a {
    font-size: 13px;
  }
  .contentInner.boardContArea .boardContBox.cont p {
    line-height: 24px;
    font-size: 14px;
  }
  .contentInner.boardContArea .boardContBox h1 {
    height: 210px;
    line-height: 35px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox,
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox {
    padding: 5px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table {
    min-width: 270px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd {
    padding-left: 20px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd:not(.img):before {
    left: 6px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd a,
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li a {
    font-size: 13px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table th,
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table thead th {
    font-size: 13px;
    height: 30px;
  }
  .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table th, .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table td, .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table thead th, .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table tbody td {
    font-size: 13px;
    height: 30px;
  }
  .college-main-program .college-main-program-title,
  .college-main-package .college-main-package-title {
    padding-left: 50px;
    padding-right: 50px;
    max-width: 483px;
  }
  .college-main-top .college-main-top-inner .college-main-title h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .college-main-top .college-main-top-inner .college-main-title p {
    font-size: 15px;
    line-height: 20px;
  }
  .college-main-top .college-main-top-inner .college-main-desc p {
    font-size: 16px;
    line-height: 20px;
  }
  .college-main-top .college-main-top-inner .college-main-desc {
    padding: 30px;
  }
  .college-main-img-box .college-main-img-box-inner .college-main-txt-box {
    padding: 20px;
  }
  .college-main-service,
  .college-main-package,
  .college-main-program,
  .college-main-contact {
    padding: 50px;
  }
  .college-main-sub-title h3,
  .college-main-service .college-main-service-title h3,
  .college-main-package .college-main-package-title h3,
  .college-main-program .college-main-program-title h3,
  .college-main-contact .college-main-contact-title h3 {
    font-size: 32px;
    line-height: 48px;
  }
  .college-main-sub-title p,
  .college-main-service .college-main-service-title p,
  .college-main-package .college-main-package-title p,
  .college-main-program .college-main-program-title p,
  .college-main-contact .college-main-contact-title p {
    font-size: 16px;
    line-height: 24px;
  }
  .college-main-service .college-main-service-box .college-main-service-desc h4 {
    font-size: 24px;
    padding-left: 42px;
  }
  .college-main-service .college-main-service-box .college-main-service-desc button {
    font-size: 14px;
    padding: 10px 20px;
  }
  .college-main-service .college-main-service-box .college-main-service-desc {
    padding: 20px;
  }
  .college-main-img-box {
    padding: 80px 0;
  }
  .college-main-img-box.left,
  .college-main-img-box.right {
    background-size: 120%;
  }
  .college-main-package .college-main-package-list .college-main-package-box .college-main-package-inner {
    padding: 40px 20px;
  }
  .college-main-program .college-main-program-tbl table tbody td:first-child {
    width: 100px;
  }
  .college-main-program .college-main-program-tbl table thead th {
    font-size: 16px;
    padding: 10px;
  }
  .college-main-program .college-main-program-tbl table tbody td {
    font-size: 14px;
  }
  .college-main-contact .college-main-contact-list {
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 30px;
    width: 100%;
    gap: 15px;
  }
  .college-main-contact .college-main-contact-list .btn-call {
    width: 100%;
    padding: 20px;
    text-align: center;
  }
  .college-main-contact .college-main-contact-list .btn-call b {
    font-size: 14px;
  }
  .college-main-contact .college-main-contact-list .btn-call p {
    font-size: 24px;
  }
}
@media screen and (max-width: 420px) {
  header .headerInner a.mainLogo {
    left: 5px;
  }
  header .headerInner nav ul li a {
    font-size: 13px;
    letter-spacing: -1px;
  }
  header .headerInner .util {
    right: 5px;
  }
  header .headerInner .util dl dd {
    padding: 0 5px;
  }
  .contentInner .contentTxt p iframe {
    height: 200px;
  }
  footer .add {
    padding: 25px 20px;
    text-align: left;
  }
  footer .add dd {
    display: block;
    width: 100%;
  }
}

/* ================================================================
   Phase 4 (2026-04-10): prep 패턴 디자인 오버레이
   탭 네비 + 히어로 영역 재디자인
   색상 hex 직접 사용 (var 미사용 — custom property 미해석 이슈 회피)
   @import 미사용 (content.skin.php에서 link로 폰트 로드)
   ================================================================ */

/* 기본 제목/관리자버튼 숨김 */
#container_title, .ctt_admin { display: none !important; }

/* ==============================
   탭 네비 — prep 메인 메뉴 스타일
   ============================== */
.college-tabs {
  background: #0f1923 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  margin: 0 !important;
  position: relative;
  z-index: 5;
}
.college-tab-nav {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  list-style: none !important;
  gap: 36px !important;
  overflow-x: auto !important;
  border-bottom: none !important;
  -webkit-overflow-scrolling: touch;
}
.college-tab-nav::-webkit-scrollbar { display: none; }
.college-tabs .college-tab-nav li {
  padding: 22px 4px !important;
  font-family: 'Plus Jakarta Sans', 'Noto Sans KR', sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.6) !important;
  border-bottom: 3px solid transparent !important;
  cursor: pointer !important;
  transition: color 0.25s ease, border-color 0.25s ease !important;
  white-space: nowrap !important;
  list-style: none !important;
  letter-spacing: -0.01em !important;
  background: transparent !important;
}
.college-tabs .college-tab-nav li a {
  color: inherit !important;
  text-decoration: none !important;
  display: block !important;
  padding: 0 !important;
  background: transparent !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1.2 !important;
}
.college-tabs .college-tab-nav li:hover {
  color: rgba(255,255,255,0.95) !important;
}
.college-tabs .college-tab-nav li.active {
  color: #7DD3FC !important;
  border-bottom-color: #7DD3FC !important;
}
.college-tabs .college-tab-nav li.active a {
  color: #7DD3FC !important;
}

/* ==============================
   히어로 영역 — 그라디언트 overlay + 뱃지 + 큰 타이포
   ============================== */
.college-main-top {
  position: relative !important;
  min-height: 560px !important;
  padding: 80px 24px 120px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* 각 탭 색상 — 그라디언트 overlay */
.college-main-top.college {
  background:
    linear-gradient(135deg, rgba(15,25,35,0.88) 0%, rgba(26,51,80,0.82) 40%, rgba(22,78,182,0.75) 100%),
    url(/college/img/college-main-top.png) center/cover no-repeat !important;
}
.college-main-top.usa {
  background:
    linear-gradient(135deg, rgba(15,25,35,0.85) 0%, rgba(30,58,95,0.78) 40%, rgba(22,78,182,0.70) 100%),
    url(/college/img/college-usa-top.png) center/cover no-repeat !important;
}
.college-main-top.cad {
  background:
    linear-gradient(135deg, rgba(26,15,15,0.85) 0%, rgba(80,26,26,0.80) 40%, rgba(182,22,22,0.72) 100%),
    url(/college/img/college-cad-top.png) center/cover no-repeat !important;
}
.college-main-top::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 600px 400px at 80% 20%, rgba(125,211,252,0.15), transparent),
    radial-gradient(ellipse 300px 300px at 20% 80%, rgba(22,78,182,0.2), transparent);
  pointer-events: none;
  z-index: 0;
}
.college-main-top.cad::before {
  background:
    radial-gradient(ellipse 600px 400px at 80% 20%, rgba(252,165,165,0.15), transparent),
    radial-gradient(ellipse 300px 300px at 20% 80%, rgba(182,22,22,0.25), transparent);
}

/* 뱃지 */
.college-hero-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 100px !important;
  padding: 8px 18px !important;
  font-family: 'Plus Jakarta Sans', 'Noto Sans KR', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.92) !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 24px !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  z-index: 1;
  width: auto !important;
  max-width: fit-content;
}
.college-hero-badge .material-symbols-outlined { font-size: 16px !important; }

/* 히어로 내부 컨테이너 */
.college-main-top .college-main-top-inner {
  position: relative !important;
  z-index: 1 !important;
  max-width: 900px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* 히어로 타이틀 */
.college-main-top .college-main-title h2 {
  font-family: 'Plus Jakarta Sans', 'Noto Sans KR', sans-serif !important;
  font-size: clamp(36px, 5vw, 56px) !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.2 !important;
  margin-bottom: 18px !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
}
.college-main-top .college-main-title h2 em {
  font-style: normal !important;
  color: #7DD3FC !important;
}
.college-main-top.cad .college-main-title h2 em {
  color: #FCA5A5 !important;
}
.college-main-top .college-main-title p {
  font-family: 'Plus Jakarta Sans', 'Noto Sans KR', sans-serif !important;
  font-size: 17px !important;
  color: rgba(255,255,255,0.75) !important;
  max-width: 620px !important;
  line-height: 1.8 !important;
  margin: 0 auto 32px !important;
  font-weight: 400 !important;
  text-align: center !important;
}

/* 히어로 descbox 재디자인 (기존 다크박스 → 글래스모피즘) */
.college-main-top .college-main-top-inner .college-main-desc {
  width: 100% !important;
  max-width: 760px !important;
  margin: 20px auto 0 !important;
  padding: 28px 36px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
.college-main-top.cad .college-main-top-inner .college-main-desc {
  background: rgba(82,0,0,0.25) !important;
  border-color: rgba(252,165,165,0.22) !important;
}
.college-main-top .college-main-top-inner .college-main-desc p {
  font-family: 'Noto Sans KR', sans-serif !important;
  font-size: 15px !important;
  color: rgba(255,255,255,0.88) !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  text-align: left !important;
}
.college-main-top .college-main-top-inner .college-main-desc p b {
  color: #7DD3FC !important;
  font-weight: 700 !important;
}
.college-main-top.cad .college-main-top-inner .college-main-desc p b {
  color: #FCA5A5 !important;
}

/* 모바일 대응 */
@media (max-width: 768px) {
  .college-tab-nav {
    gap: 20px !important;
    padding: 0 16px !important;
  }
  .college-tabs .college-tab-nav li {
    padding: 18px 2px !important;
    font-size: 15px !important;
  }
  .college-main-top {
    min-height: 460px !important;
    padding: 60px 20px 90px !important;
  }
  .college-main-top .college-main-title h2 {
    font-size: clamp(28px, 7vw, 38px) !important;
  }
  .college-main-top .college-main-title p {
    font-size: 15px !important;
  }
  .college-main-top .college-main-top-inner .college-main-desc {
    padding: 20px 22px !important;
  }
  .college-main-top .college-main-top-inner .college-main-desc p {
    font-size: 14px !important;
  }
}