#wrap {position: relative; overflow: hidden;}
.container {width: 100%; max-width:980px; margin:0 auto; position:relative;}

.pc-cont{display:block !important;}
#mo-gnb, .mo-cont{display:none !important;}

#wrap section + section{margin-top:140px;}
#wrap section:last-child{padding-bottom:140px;}

#gnbTop {height:44px;  background:#f3f3f3; width:100%; }
#gnbTop .gnb-top {display:flex; width:100%; position:relative;align-items: center;height:44px;    justify-content: space-between;}
#gnbTop .gnb-top a{font-size:14px; font-weight:500; padding-left:20px;}

#gnb{width:100%; height:90px; position:relative;}
#gnb .container {display:flex; height:90px;justify-content: space-between;padding:0px;}
#gnb h1 a{display:block; width:240px; height:100%; background: url('../img/common/logo.png') left center no-repeat; background-size:240px auto;text-indent: -9999px;}

nav{width:100%; position:relative;}

.gnbNew > ul {padding:0 0px; margin-right:0px; display:flex;}
.gnbNew > ul > li {display:flex; position:relative; height:90px; line-height:90px; padding:10px 26px 0px;}
.gnbNew > ul > li:last-child {padding-right:0px;}
.gnbNew > ul > li > a {display:block; text-align:center; height:90px; line-height:90px; font-size:16px; font-weight:700; color:#2a2a2a;}
.gnbNew > ul > li > a:hover{color:#0066b3; text-decoration:underline}
.gnbNew > ul > li > ul {position:absolute; top:100%; padding:13px 0; background: #fff; height:180px; z-index:1000; display:none; left:0; right: 0;} /* 기존 150px를 200px로 수정 */
.gnbNew > ul > li > ul > li {padding:8px 0;}
.gnbNew > ul > li > ul > li > a {
	display:block; text-align:center; font-size:16px; letter-spacing:-0.075em; white-space:nowrap;
	-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
.gnbNew > ul > li > ul > li > a:hover {color:#0066b3;}
#gnbBg {display:none; position:fixed; top:134px;  right:0; z-index:999; height:200px; border-bottom:solid 1px #ddd; background:#fff; width:100%}  /* 기존 150px를 200px로 수정 */
.gnbNew:hover > ul > li > ul,
.gnbNew:hover #gnbBg {display:block;}


.footer-navi{width:100%; height:60px; background:#2a2a2a; position:Relative;}
.footer-navi .container {display:flex; height:60px; align-items: center; justify-content: space-between;}
.footer-navi ul {display:flex;}
.footer-navi ul li{position:relative;}
.footer-navi ul li:after{content:"|"; display:inline-block; padding:0 12px; color:#fff; font-size:13px;}
.footer-navi ul li:last-child:after{display:none;}
.footer-navi ul li a{position:relative; color:#fff; font-size:13px;}
#scrollTop{display:flex; width:60px; height:60px; background:#5d5d5d url('../img/icon/icon-top.png') center 10px no-repeat; background-size:20px auto;; align-items: center; justify-content: center;cursor:pointer}
#scrollTop span{font-size:12px; color:#fff; font-weight:800;letter-spacing:0.025em; padding-top:10px;}

.footer-info{width:100%; background:#00358e; padding:40px 0px; position:relative;}
.footer-info .container {display:flex; height:100%; align-items: center; justify-content: space-between; color:#fff;}
.footer-info .footer-txt{display:flex; font-size:13px;flex-wrap: wrap; flex-direction: column;}
.footer-info .footer-txt span{letter-spacing:-0.025em;}
.footer-info .footer-txt span + span{margin-top:10px;}
.footer-logo img{width:180px;}

.main-banner{width:100%; height:700px; position:relative;}
.main-banner .mBanner {width:100%; height:700px; position:relative;}
.banner-cont{display:block; width:100%; height:700px !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important;}

.ft_loog img{-webkit-filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important;}

.tit-deco{display:block; width:100%; padding:30px 0px; text-align:center;}
.sub-tit{display:flex; margin-bottom:40px;flex-direction: column; align-items: center;}
.sub-tit h3{display:flex; position:relative; font-size:25px; font-weight:400; margin-bottom:30px; text-align:center;    flex-direction: column;}
.sub-tit h3 div{font-size:25px; font-weight:400; padding-left:5px;}
.sub-tit span{display:block;}
.sub-tit strong{color:#003793; font-weight:700;}
.sub-tit h3:before{content:"";display:block; position:absolute; top:-25px; left:-35px; width:45px; height:45px; background-position:center !important; background-size:45px auto !important;  background-repeat:no-repeat !important;}
.sub-tit h3.num001:before {background: url('../img/sub/num001.png')}
.sub-tit h3.num002:before {background: url('../img/sub/num002.png')}
.sub-tit h3.num003:before {background: url('../img/sub/num003.png')}
.sub-tit h3.num004:before {background: url('../img/sub/num004.png')}
.sub-tit h3.num005:before {background: url('../img/sub/num005.png')}
.sub-tit h3.num006:before {background: url('../img/sub/num006.png')}
.sub-tit dl dd{text-align:left; font-size:13px; font-weight:400;color:#6e6e6e;}
.sub-txt{text-align:center; font-size:15px; color:#2a2a2a; margin-bottom:30px; display:block; font-weight:400;}
.sub-txt span{display:block;}
.sub-txt-point{color:#003793; font-size:15px; font-weight:400;}
.sub-txt-point p{display:inline-block;}
.sub-txt-point strong{font-size:20px; font-weight:800}
.cont-img{display:block; width:100%; text-align:center;}
.cont-img-bgWh{display:block; width:100%; text-align:center; background:#fff;padding:20px 0;}

.txtalLeft{text-align:left !important}
.sub-location{width:100%; height:120px; position:relative;background: url('../img/common/sub-title-bg.jpg') no-repeat center center; background-size:cover; display:none;}
.sub-location .location-tit{display:flex; height:100%;align-items: center; justify-content: center; }
.sub-location .location-tit h3{ color:#fff; font-size:20px; font-weight:600; }


.tab-menu {display:flex; padding:30px 0;justify-content: center;}
.tab-menu li {display:inline-block; padding:0 10px;}
.tab-menu li a {width:150px; height:50px; position:relative; border:1px solid #ddd; font-size:17px; border-top:3px solid #ddd; display:block; line-height:50px; text-align:center;}
.tab-menu li.on a{border-top:3px solid #003793; color:#003793}


.test-how{text-align:center; padding:50px 0px;background: url('../img/sub/test-bg.jpg') no-repeat center center; background-size:cover;}
.test-how *{color:#fff !important;}
.sub-tit h5{font-size:40px; font-weight:500; padding-bottom:0px;}


.test-result{padding:0px 0px 50px 0px; width:100%; position:relative;}
.result-spader{background: url('../img/sub/test-img004.png') no-repeat center center; background-size:cover;display:block; width:980px; height:960px; padding-top:120px;}
.result-spader h3{font-size:27px; font-weight:800; color:#717171; padding-left:120px;}


.test-btn{display:inline-block; font-size:30px; font-weight:600; padding:5px 20px; border:2px solid #fff}
.test-table-btn{display:inline-block; font-size:30px; font-weight:800; padding:5px 40px; background:#003793; color:#fff; line-height:70px; box-shadow:3px 0px 0px rgba(0,0,0,0.3); border-radius:70px;}

.test-footer{display:flex; padding:50px 0px;flex-direction: column; align-items: center;}
.test-footer table tr td{border:1px solid #282828; vertical-align:middle; padding:10px 20px; font-weight:500; font-size:18px;text-align:left;}
.test-footer table tr td span{display:flex;align-items: center;}
.test-footer table tr td span img{padding-right:10px;}
.test-footer table tr td strong{color:#003793; font-weight:500;}
.test-table{padding:0 50px; margin-bottom:50px;}


.wrap-bg-gray{background:#f3f3f3; padding:50px 0px; width:100%; position:relative;}
.edu-search-progress h2{font-size:15px; font-weight:500; display:block; padding-bottom:30px}
.progress-ar{height:30px; width:100%; border-radius:30px; padding:5px; background:#fff; border:2px solid #003793; overflow:hidden;}
.progress-ar .active{display:block; width:100%; height:100%; overflow:hidden; border-radius:20px; }
.progress-ar .active span{background:#003793; display:block; height:100%;}
.progress-num{display:block; width:100%; text-align:right; margin-top:10px;}
.progress-num span{font-size:14px; padding:0px 20px; line-height:30px; border-radius:30px; color:#fff; background:#003793; font-weight:500;}

.edu-search-progress{display:block; width:100%; margin-bottom:40px;}
.progress-cont{padding:30px 50px; width:100%; background:#fff; position:relative; display:flex;flex-direction: column;min-height:500px;}
.progress-cont2{padding:30px 50px; width:100%; background:#fff; position:relative; display:flex;flex-direction: column;min-height:500px;}
.progress-cont-tit{display:flex; margin-bottom:40px; flex-direction: column;  align-items: center; text-align:center; font-weight:500}
.progress-cont-tit span{display:inline-block; background:#003793; color:#fff; font-size:22px; border-radius:100%; width:35px; height:35px; line-height:35px; text-align:center; font-weight:800; margin-bottom:20px;}
.border-box{border:1px solid #ddd; padding:20px; min-height:420px;}

.progress-btn{display:flex; width:100%; margin-top:40px;justify-content: center;}
.progress-btn a{display:inline-block; color:#fff; font-size:15px; line-height:42px; border-radius:42px; margin:0 15px; text-align:center; min-width:220px;}
.progress-btn a.prevBtn{background:#5d5d5d;}
.progress-btn a.nexrBtn{background:#003793;}
.progress-btn a.nexrBtn2{background:#003793;}
.progress-btn a.prevBtn span{background: url('../img/icon/icon-left.png') no-repeat left center; padding-left:30px; background-size:30px auto; margin-left:-20px}
.progress-btn a.nexrBtn span{background: url('../img/icon/icon-right.png') no-repeat right center; padding-right:30px; background-size:30px auto;margin-right:-20px}
.progress-btn a.nexrBtn2 span{background: url('../img/icon/icon-right.png') no-repeat right center; padding-right:30px; background-size:30px auto;margin-right:-20px}

.progress-check {display:flex; justify-content: center; align-items: center;}
.progress-check ul {display:flex; }
.progress-check ul li {margin:0 15px; display:flex; position:relative; padding-left:38px;}

.progress-check ul li input[type="radio"], .progress-check ul li input[type="checkbox"] {
    display: block;
    position: absolute;
    width: 33px;
    height: 33px;
    left: 0px;
    top: 50%;
    margin-top: -16px;
    border: solid 1px #ddd;
    background: url('../img/icon/icon-check.png')no-repeat center center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: cover !important;
	border-radius:0px;
	border:0px;
	text-indent:-99999999px;
}


.progress-check ul li input[type="radio"]:checked, .progress-check ul li input[type="checkbox"]:checked{  background: url('../img/icon/icon-checked.png')no-repeat center center;}


.progtable input{border:1px solid #ddd; width:100%; padding:8px;}
.progtable tr th, .progtable tr td{padding:10px;}
.progtable tr th{border:1px solid #ddd; background:#f5f5f5}
.progtable tr td:first-child{border-right:1px solid #ddd;}
.progtable tbody{border:1px solid #ddd;}



.test-results table{margin-top:30px; width:100%; position:relative;}
.test-results table tr td, .test-results table tr th{border:1px solid #ddd; padding:10px; text-align:left;}
.test-results table tr th {font-weight:500; background:#f5f5f5; text-align:center;}
.test-results table tr td select{border:1px solid #ddd;}
.test-results table tr td .mentorBtn{ display:inline-block; background:#003793; color:#fff; margin-left:10px; font-size:13px; line-height:22px; padding:0 20px; border-radius:22px;}


.test-results h3{display:block; width:100%; border-bottom:1px solid #ddd; padding-bottom:10px; font-size:15px; margin-top:40px; font-weight:500}
.test-results h5{padding:20px 0px; font-weight:500; font-size:15px;}
.txtalCen *, .txtalCen {text-align:center !important;}
.test-results-chart img{width:50%;}

.result-txt{font-weight:500;}
.result-txt strong{color:#b50000;font-weight:500;}
.lock {
    overflow: hidden;
}

.brand-list{display:flex; justify-content: center;}
.brand-cont{}
.brand-cont > div {padding:10px; border-radius:0px 0px 24px 24px; margin:0 10px; background:#fff; box-shadow:18px 8px 20px rgba(0,0,0,0.13); display:flex;flex-direction: column; align-items: center;padding-bottom:40px;min-width:220px;}
.brand-cont dl dt{font-weight:500; text-align:center; padding:20px 0 40px; font-size:15px;}
.brand-cont dl dd{font-size:13px;}
.brand-cont dl dd + dd{margin-top:10px;}

.entrance{display:flex;justify-content: center; padding-bottom:40px;}
.entrance-cont{padding:0 15px; display:flex; text-align:center;}
.entrance-brand{width:200px; height:200px; background:#f8f8f8; border-radius:100%; display:flex;justify-content: center; align-items: center; padding:10px;box-shadow:-18px 8px 20px rgba(0,0,0,0.13); }
.entrance-brand dl dt img{width:100%;}

.entrance-brand dl dd a{ display:inline-block;  color:#fff;  font-size:13px; line-height:22px; padding:0 20px; border-radius:22px; letter-spacing:0.0em; font-weight:500; margin-top:10px;}
.entrance-brand dl dd a.brandBtn001{background:#fa784d}
.entrance-brand dl dd a.brandBtn002{background:#f20000}
.entrance-brand dl dd a.brandBtn003{background:#232a67}

.media-list{display:block; width:100%; position:relative; margin-bottom:60px;}
.media-list ul {margin:0 -8px;}
.media-list ul:after{display:block; content:""; clear:both;}
.media-list ul li {float:left; padding:8px; width:50%;}
.media-list ul li a{position:relative; display:block;padding-bottom:55%; width:100%; }
.media-list ul li a em{display:block; width:100%; position:absolute; top:0px; left:0px; height:100%; background-position:center !important; background-size:cover !important; background-repeat:no-repeat !important;}


.weekly_btn{color:#0069b4; font-weight:bold; text-decoration:underline;}
.weekly-area {display: none; overflow-y: scroll; position: fixed; top: 0px; left: 0; right: 0; bottom: 0; z-index: 30; background: rgba(0, 0, 0, 0.7); letter-spacing: -0.03em; padding:80px 0}
.weekly-cont {position: relative; left: 0; right: 0; top: 0; bottom:0; padding: 80px 40px 40px;  transition: all 0.3s; display:none; width:980px; margin:0 auto; background:#fff;}
.weekly-cont.on {display:flex;}

.weekly-inner{width:100%; position:relative;}
.weekly-top{display:flex;justify-content: space-between;align-items: flex-end;}
.weekly-top h3{font-size:24px; font-weight:800;position:absolute; top:-5px; left:0px; width:100%; text-align:center;}
.weekly-date {font-size:17px;}
.weekly-close{display:block; position:absolute; top:-50px; right:0px; border-radius:8px; line-height:32px; padding:0 10px; background:#f2f3f5; color:#666; font-size:14px; font-weight:500; border:1px solid #ddd;}

.weekly-info{display:flex; height:50px; background:#e9efff; width:100%; border:1px solid #b3c6ff; font-size:17px;justify-content: space-evenly; margin:20px 0;}
.weekly-info dl{display:flex;align-items: center;}
.weekly-info dl dt{font-weight:bold; padding-right:8px;}

.weekly-eval-half{display:flex; width:100%; margin-top:20px;justify-content: space-between;}
.weekly-eval-half dl{width:49%; border:1px solid #eaeaea;}
.weekly-eval-half dl dt, .weekly-eval-half dl dd{padding:10px 20px; text-align:center; }
.weekly-eval-half dl dt{background:#f2f3f5; border-bottom:1px solid #eaeaea;}
.weekly-eval-half dl dd{text-align:left;}
.weekly-rating{width:100%; position:relative; margin-top:20px; text-align:left; padding:10px 20px; border:1px solid #eaeaea;}






@media all and  (max-width: 980px)
{

.pc-cont{display:none !important;}
#mo-gnb, .mo-cont{display:block !important;}
#gnbTop, .gnb-right {display:none;}
#mo-gnb{display:block;}
.container {width: 100%; max-width:100%; margin:0 auto; padding: 0 16px;}
#gnb .container {
    display: flex;
    height: 90px;
    justify-content: normal;
}
.ico {font-size:0; background:none; background-position:50% 50%; background-repeat:no-repeat; vertical-align:middle; display:inline-block; background-size:cover}
.ico.top_allmenu {width:90px; height:90px; background-image:url('../img/icon/icon-menu.png'); position:absolute; top:0; right:0px;}
.top_allmenu {}

.mTop-gnb{height:60px; border-bottom:1px solid #4870ae;}

#mMenu {position:relative;}
#mMenu > div {height:100%;}
#mMenu > div > ul {height:100%; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;}
#mMenu > div > ul > li {}
#mMenu > div > ul > li > a, #mMenu > div > ul > li > span {display:inline-block; padding:10px 25px; font-size:21px; cursor:pointer; position:relative; color:#fff; font-weight:500; padding-right:25px; letter-spacing:-0.055em; border-bottom:1px solid #4870ae;}
#mMenu > div > ul > li > span:after {content:""; display:block; width:18px; height:10px; position:absolute; right:0px; top:50%; margin-top:-5px; background:url("../img/icon/icon-down.png")no-repeat center center; background-size:cover;}
#mMenu > div > ul > li > span.arnone:after{background:none;}
#mMenu > div > ul > li.on > span:after {background:url("../img/icon/icon-top.png")no-repeat center center; background-size:cover;}
#mMenu > div > ul > li.on > span.arnone:after{background:none;}
#mMenu > div > ul > li > ul { display:none;}
#mMenu > div > ul > li > ul > li {}
#mMenu > div > ul > li > ul > li > a {display:block; padding:10px 25px; font-size:10pt; font-size:15px; color:#fff;}
#mMenu > div > ul > li > ul > li:last-child{padding-bottom:30px;}
#mMenu > div > ul > li.mEtc {border-bottom:none;}
#rqBg {display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:31; background:rgba(0,0,0,0.8);}
#rqX {display:block; position:absolute; left:0px; top:0px; width:60px; height:60px; text-indent:-9999px; background:url("../img/icon/icon-close.png")no-repeat center center; z-index:4; background-size:cover !important}
#rqWrap {width:48%; position:fixed; top:0; bottom:0; right:-100%; z-index:32; overflow-y: auto; overflow-x: hidden; overflow-y: scroll;background: #0066b3;}
#rqWrap {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
#rqWrap::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.gnb-top-btn{display:flex; height:60px; padding-right:30px; align-items: center;    justify-content: flex-end;}
.gnb-top-btn a{color:#fff;display:flex;}
.gnb-top-btn a.top-login:after {content:""; display:flex; font-size:15px; padding:0 0px; color:#fff;}


#wrap section + section {
    margin-top: 60px;
}

.main-banner{width:100%; height:360px; position:relative;}
.main-banner .mBanner {width:100%; height:360px; position:relative;}
.banner-cont{display:block; width:100%; height:360px !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important;}

.sub-tit h3{display:flex; position:relative; font-size:25px; font-weight:400; margin-bottom:30px; text-align:center; flex-direction: column;}
.sub-tit h3 div{font-size:25px; font-weight:400; padding-left:0px;}



.sub-txt-point{color:#003793; font-size:20px; font-weight:400; text-align:center;}
.sub-txt-point p {display:block;}
.sub-txt-point strong{font-size:25px; font-weight:800}
.cont-img{display:block; width:100%; text-align:center;}
.cont-img img{width:100%;}

.mainwrap .cont-img{margin-top:-0px;}

.mainwrap .sub-tit h3:before{content:"";display:block; position:absolute; top:-25px; left:-35px; width:45px; height:45px; background-position:center !important; background-size:45px auto !important;  background-repeat:no-repeat !important;}
.mainwrap .sub-tit h3.num001:before {background: url('../img/sub/num001.png');  left:-0px;}
.media-num:before {background: url('../img/sub/num001.png');  left:-0px !important;}
.mainwrap .sub-tit h3.num002:before {background: url('../img/sub/num002.png');  left:-0px;}
.mainwrap .sub-tit h3.num003:before {background: url('../img/sub/num003.png');  left:-30px;}
.mainwrap .sub-tit h3.num004:before {background: url('../img/sub/num004.png');}
.mainwrap .sub-tit h3.num005:before {background: url('../img/sub/num005.png');}
.mainwrap .sub-tit h3.num006:before {background: url('../img/sub/num006.png');}

.mainwrap .sub-txt span{padding:0 0px;}
.pb140 { padding-bottom: 70px !important;}
.sub-txt span{display:inline-block;}


.cont-img-bgWh img{width:100%;}



.tab-menu {display:block; padding:30px 0;justify-content: center;}
.tab-menu ul{margin:0 -5px;}
.tab-menu li {display:inline-block; padding:0 5px; float:left; width:33.33333333%}
.tab-menu:after{display:block; content:""; clear:both;}
.tab-menu li a {width:100%; height:50px; position:relative; border:1px solid #ddd; font-size:15px; border-top:3px solid #ddd; display:block; line-height:50px; text-align:center;}
.tab-menu li.on a{border-top:3px solid #003793; color:#003793}




.test-btn{display:inline-block; font-size:20px; font-weight:600; padding:5px 20px; border:2px solid #fff}

.test-table-btn{display:inline-block; font-size:20px; font-weight:800; padding:5px 40px; background:#003793; color:fff; line-height:50px; box-shadow:3px 0px 0px rgba(0,0,0,0.3); border-radius:70px; margin-bottom:60px}




.test-table{padding:0 0px; margin-bottom:30px; margin-top:50px;}


.test-footer table tr td{border:1px solid #282828; vertical-align:middle; padding:10px 10px; font-weight:500; font-size:14px;}
.test-footer table tr td span{display:flex;align-items: flex-start;flex-direction: column;}
.test-footer table tr td span img{padding-right:0px; width:30px;}
.test-footer table tr td strong{color:#003793; font-weight:500;}

.test-result{padding:0px 0px 50px 0px; width:100%; position:relative;}
.result-spader{background: url('../img/sub/test-img004.png') no-repeat center center; background-size:cover;display:block; width:100%; height:auto; padding-top:50%;}
.result-spader h3{font-size:20px; font-weight:800; color:#717171; padding-left:10px; padding-top:0px;}


.prposSel{height:32px;}

.sub-location{width:100%; height:80px; position:relative;}
.test-results table{margin-top:0px; width:100%; position:relative;}
.test-results table tr td, .test-results table tr th{border:1px solid #ddd; padding:10px; font-size:14px;}
.test-results table tr th {font-weight:500; background:#f5f5f5}
.test-results table tr td select{border:1px solid #ddd;}
.test-results table tr td .mentorBtn{ display:inline-block; background:#003793; color:#fff; margin-left:10px; font-size:13px; line-height:22px; padding:0 20px; border-radius:22px;}
.test-results table tr td img{width:100%;}

#scrollTop {margin-right:-16px;}

.academy-top-tit strong{padding-left:5px;}
.academy-top-tit h3{  flex-direction: row;}





.entrance{display:flex;justify-content: center; padding-bottom:40px;}
.entrance-cont{padding:0 5px; display:flex; text-align:center;}
.entrance-brand{width:140px; height:140px; background:#f8f8f8; border-radius:100%; display:flex;justify-content: center; align-items: center; padding:20px;box-shadow:-18px 8px 20px rgba(0,0,0,0.13); }
.entrance-brand dl dt img{width:100%;}

.entrance-brand dl dd a{ display:inline-block;  color:#fff;  font-size:13px; line-height:22px; padding:0 20px; border-radius:22px; letter-spacing:0.0em; font-weight:500; margin-top:10px;}
.entrance-brand dl dd a.brandBtn001{background:#fa784d}
.entrance-brand dl dd a.brandBtn002{background:#f20000}
.entrance-brand dl dd a.brandBtn003{background:#232a67}


.sub-tit{display:flex; margin-bottom:0px;flex-direction: column; align-items: center;}
.sub-tit dl {margin-bottom:40px;}


.brand-list{display:block; justify-content: center;}
.brand-list:after {display:block; clear:both; content:"";}
.brand-cont{float:left; padding:0 5px; width:33.33333333%;}
.brand-cont > div {padding:10px 5px; border-radius:0px 0px 24px 24px; margin:0 10px; background:#fff; box-shadow:18px 8px 20px rgba(0,0,0,0.13); display:flex;flex-direction: column; align-items: center;padding-bottom:20px;min-width:100%;}
.brand-cont dl dt{font-weight:500; text-align:center; padding:10px 0 20px; font-size:14px;}
.brand-cont  img{height:40px;}
.brand-cont dl dd{font-size:11px; font-weight:500; letter-spacing:-0.05em;}
.brand-cont dl dd + dd{margin-top:10px;}



.media-list{display:block; width:100%; position:relative; margin-bottom:60px; margin-top:20px;}
.media-list ul {margin:0 -8px;}
.media-list ul:after{display:block; content:""; clear:both;}
.media-list ul li {float:left; padding:8px 10px; width:100%;}
.media-list ul li iframe{width:100%;}
.media-list ul li a{position:relative; display:block;padding-bottom:50%; width:100%; }
.media-list ul li a em{display:block; width:100%; position:absolute; top:0px; left:0px; height:100%; background-position:center !important; background-size:cover !important; background-repeat:no-repeat !important;}



.edu-search-progress{display:block; width:100%; margin-bottom:40px;}
.progress-cont{padding:30px 20px; width:100%; background:#fff; position:relative; display:flex;flex-direction: column;min-height:500px;}
.progress-cont-tit{display:flex; margin-bottom:40px; flex-direction: column;  align-items: center; text-align:center; font-weight:500}
.progress-cont-tit span{display:inline-block; background:#003793; color:#fff; font-size:22px; border-radius:100%; width:35px; height:35px; line-height:35px; text-align:center; font-weight:800; margin-bottom:20px;}
.border-box{border:1px solid #ddd; padding:20px; min-height:420px;}


.progress-btn a{display:inline-block; color:#fff; font-size:14px; line-height:42px; border-radius:42px; margin:0 8px; text-align:center; min-width:180px;}

#gnb h1 a {
    display: block;
    width: 240px;
    height: 100%;
    background: url(../img/common/logo.png) left center no-repeat;
    background-size: 240px auto;
    text-indent: -9999px;
	margin-left:16px;
}



.weekly_btn{color:#0069b4; font-weight:bold; text-decoration:underline;}
.weekly-area {display: none; overflow-y: scroll; position: fixed; top: 0px; left: 0; right: 0; bottom: 0; z-index: 30; background: rgba(0, 0, 0, 0.7); letter-spacing: -0.03em; padding:20px}
.weekly-cont {position: relative; left: 0; right: 0; top: 0; bottom:0; padding: 80px 16px 40px;  transition: all 0.3s; display:none; width:100%; margin:0 auto; background:#fff;}
.weekly-cont.on {display:flex;}

.weekly-inner{width:100%; position:relative;}
.weekly-top{display:flex;justify-content: space-between;align-items: flex-end;}
.weekly-top h3{font-size:21px; font-weight:800;position:absolute; top:-50px; left:0px; width:100%; text-align:center;}
.weekly-date {font-size:15px;}
.weekly-close{display:block; position:absolute; top:-50px; right:0px; border-radius:8px; line-height:32px; padding:0 10px; background:#f2f3f5; color:#666; font-size:14px; font-weight:500; border:1px solid #ddd;z-index:2}

.weekly-info{display:flex; height:38px; background:#e9efff; width:100%; border:1px solid #b3c6ff; font-size:13px;justify-content: space-evenly; margin:20px 0;}
.weekly-info dl{display:flex;align-items: center;}
.weekly-info dl dt{font-weight:bold; padding-right:8px;}

.weekly-eval-half{display:flex; width:100%; margin-top:20px;justify-content: space-between;flex-direction: column;}
.weekly-eval-half dl{width:100%; border:1px solid #eaeaea;    flex-direction: column;}
.weekly-eval-half dl + dl {margin-top:20px;}
.weekly-eval-half dl dt, .weekly-eval-half dl dd{padding:10px 20px; text-align:center; }
.weekly-eval-half dl dt{background:#f2f3f5; border-bottom:1px solid #eaeaea;}
.weekly-eval-half dl dd{text-align:left;}
.weekly-rating{width:100%; position:relative; margin-top:20px; text-align:left; padding:10px 20px; border:1px solid #eaeaea;}












}