@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
	font-family: 'S-CoreDream-9Black';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'S-CoreDream-7ExtraBold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	 font-family: 'S-CoreDream-6Bold';
	 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
	 font-family: 'S-CoreDream-5Medium';
	 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
    font-family: 'KOTRA_BOLD-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.1/KOTRA_BOLD-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{margin:0;font-family:'Noto Sans KR',sans-serif;font-size:13px;color:#2d2d2d}
body,html{width:100%;height:100%}
img{border:none}

#loading{width:100%;height:100%;position:fixed;z-index:100000;background:rgba(255,255,255,0.9);top:0;display:none}
#loading img{width:150px;height:120px;position:absolute;left:50%;top:50%;margin-left:-75px;margin-top:-60px;opacity:.8;filter:alpha(opacity=80)}
#topBtn{display:none;width:40px;height:40px;position:fixed;z-index:3000;right:30px;bottom:30px;cursor:pointer}
#topBtn img{width:40px}

.fixed{z-index:1000;height:100px!important;background:rgba(22,57,97,0.9)!important;top:0}
.fixed .schTop{display:none}
.fixed .schMain{width:1100px;height:100px;margin:0 auto}
.fixed .schMain img{height:100px}

#top{width:100%;height:140px;background:#163961;position:fixed!important;z-index:1000;top:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
#top .schTop{width:1100px;height:30px;margin:0 auto}
#top .schTop .toHome{width:150px;height:30px;float:left}
#top .schTop .loginBox{width:auto;height:30px;float:right}
#top .schTop .loginBox ul{margin:0;padding:0;list-style:none}
#top .schTop .loginBox ul li{display:inline-block;font-size:12px;padding-top:3px;cursor:pointer;color:#eee}
#top .schTop .loginBox ul li span{color:#eee;font-size:10px}
#top .schTop .loginBox ul li a{color:#eee;text-decoration:none}
#top .schTop .loginBox ul li a:hover{color:#eee;text-decoration:none}
#top .schMain{width:1100px;height:110px;margin:0 auto}
#top .schMain .mLogo{width:350px;height:110px;float:left}
#top .schMain .mQuick{width:550px;height:110px;float:right;text-align:right}

.mfixed{position:fixed!important;top:100px!important;z-index:1000;background:rgba(12,34,59,0.9)!important;height:50px!important}
.mfixed .schMenu ul li{height:50px!important;width:12.3333%;text-align:center}
.mfixed .schMenu ul li img{width:113px!important;height:50px!important}

#schGnb{width:100%;height:60px;background:#0c223b;position:fixed!important;z-index:1000;top:140px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
#schGnb .schMenu{width:1100px;height:60px;margin:0 auto}
#schGnb .schMenu ul{margin:0;padding:0;list-style:none}
#schGnb .schMenu ul li{display:inline-block;height:60px;float:left;border-right:1px solid #08192d;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#schGnb .schMenu ul li:hover{background:#fff}
#schGnb .schMenu ul li:last-child{border-right:none}
#schGnb .schMenu ul li img{width:136px}

.topNew{width:100%;height:180px;background:#163961;position:fixed;top:0;left:0;z-index:1000;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.topNew.onScroll{top:-110px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.topNew .topMenu{width:100%;height:110px;background:#163961;position:relative}
.topNew .topMenu a.newLogo{display:block;width:350px;height:110px;position:absolute;left:50%;top:50%;margin-left:-175px;margin-top:-55px}
.topNew .topMenu a.newLogo img{width:100%}
.topNew .topMenu .topRight{width:220px;height:30px;position:absolute;top:50%;left:50%;margin-left:340px;margin-top:-15px}
.topNew .topMenu .topRight ul{margin:0;padding:0;list-style:none}
.topNew .topMenu .topRight ul li{display:inline-block;float:left;padding:0 5px;position:relative}
.topNew .topMenu .topRight ul li a{display:inline-block;padding:0 5px;color:#fff;text-decoration:none;line-height:30px}
.topNew .topMenu .topRight ul li:after{content:'|';position:absolute;right:0;top:7px;color:#919294}
.topNew .topMenu .topRight ul li:last-child:after{display:none}
.topNew .topGnb{width:100%;height:70px;background:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.topNew.onScroll .topGnb{background:#0c223b;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.topNew.onScroll .topGnb .topGnbInner ul li:after{background:#1c3550}
.topNew .topGnb .topGnbInner{width:1100px;height:auto;margin:0 auto}
.topNew .topGnb .topGnbInner ul{width:1100px;height:auto;margin:0;padding:0;list-style:none}
.topNew .topGnb .topGnbInner ul.newNav li{width:20%}
.topNew .topGnb .topGnbInner ul.newNav li ul.depth2{width:100%}
.topNew .topGnb .topGnbInner ul.newGnb li{width:20%}
.topNew .topGnb .topGnbInner ul li{width:11.1111%;height:auto;display:inline-block;float:left;line-height:70px;position:relative;box-sizing:border-box}
.topNew .topGnb .topGnbInner ul li:after{content:'';width:1px;height:40px;background:#eee;position:absolute;top:15px;right:0}
.topNew .topGnb .topGnbInner ul li:last-child:after{display:none}
.topNew .topGnb .topGnbInner ul li a{width:100%;display:block;line-height:70px;color:#0c223b;text-decoration:none;text-align:center;font-size:14px;font-weight:700}
.topNew.onScroll .topGnb .topGnbInner ul li a{color:#fff}
.topNew .topGnb .topGnbInner ul li a.line2{line-height:20px;padding:15px 0}
.topNew .topGnb .topGnbInner ul li.on,.topNew .topGnb .topGnbInner ul li:hover{background:#163961}
.topNew .topGnb .topGnbInner ul li.on:after,.topNew .topGnb .topGnbInner ul li:hover:after{display:none}
.topNew .topGnb .topGnbInner ul li.on a,.topNew .topGnb .topGnbInner ul li:hover a{color:#fff}
.topNew .topGnb .topGnbInner ul li:hover > ul.depth2{display:block}
.topNew .topGnb .topGnbInner ul.newGnb li ul.depth2{width:220px}
.topNew .topGnb .topGnbInner ul li ul.depth2{display:none;position:absolute;top:70px;background:#163961;width:210px;height:auto;overflow:hidden}
.topNew .topGnb .topGnbInner ul li ul.w290{width:290px}
.topNew .topGnb .topGnbInner ul li ul.depth2 li{display:block;width:100%;line-height:50px}
.topNew .topGnb .topGnbInner ul li ul.depth2 li:after{display:none}
.topNew .topGnb .topGnbInner ul li ul.depth2 li:hover{background:#155c71}
.topNew .topGnb .topGnbInner ul li ul.depth2 li a{display:block;line-height:50px;text-align:left;box-sizing:border-box;padding:0 20px;font-size:13px}

.subRightBnn{width:190px;height:419px;float:left;padding-left:30px; display:none;}
.subRightBnn.onScroll{top:120px;left:50%;margin-left:276px;position:fixed}
.subRightBnn ul{margin:0;padding:0;list-style:none}
.subRightBnn ul li{display:block;float:left;height:60px;width:100%;overflow:hidden}
.subRightBnn ul li:first-child{height:auto}
.subRightBnn ul li a{display:block;width:100%;height:63px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease; overflow:hidden;}
.subRightBnn ul li.uniCase a{ font-size: 17px; height: 50px !important; line-height: 50px; font-weight: 500; }
.subRightBnn ul li img{display:block}

#topBlank{width:100%;height:200px;background:#0c223b;}
#subTopBlank{width:100%;height:150px;background:#0c223b;}

#mBanner{width:100%;height:500px;overflow:hidden;z-index:100;position:relative}
#mBanner span.control_prev{width:44px;height:66px;text-decoration:none;position:absolute;z-index:1000;top:50%;margin-top:-33px;left:20px;cursor:pointer}
#mBanner span.control_next{width:44px;height:66px;text-decoration:none;position:absolute;z-index:1000;top:50%;margin-top:-33px;right:20px;cursor:pointer}
#mBanner .control{position:absolute;z-index:1000;width:350px;height:20px;right:30px;top:30px}
#mBanner .control ul{margin:0;padding:0;list-style:none;float:right}
#mBanner .control ul li{display:inline-block;font-size:15px;cursor:pointer;width:20px;height:20px;float:left;text-align:center;color:#fff}
#mBanner .control ul li.btn_ply:hover{color:#0c223b}
#mBanner .control ul li.btn_pau:hover{color:#0c223b}
#mBanner .control ul li.active{color:#0c223b}

#mSlide{width:100%;height:500px;overflow:hidden;z-index:100;position:relative}
#mSlide ul{padding:0;margin:0;list-style:none;position:relative;width:100%;}
#mSlide ul li{display:inline-block;float:left;overflow:hidden;position:relative;width:1920px;height:500px}
#mSlide ul li .mSlideTitle{width:700px;height:400px;position:absolute;left:50%;top:50%;margin-left:-350px;margin-top:-150px;cursor:pointer}

.marlno{margin-left:0!important}
.box-center{width:348px!important}

#schBoard{width:100%;height:auto;overflow:hidden;padding-top:30px;background:#fafafa}
#schBoard .line-list{width:1200px;height:auto; overflow:hidden; margin:0 auto}
#schBoard .line-list .list-box{width:50%;height:auto;overflow:hidden;float:left; box-sizing:border-box; padding:0 10px;}
#schBoard .line-list .list-box .list-title{position:relative;width:100%;height:auto;overflow:hidden;padding-left:20px;line-height:45px;font-size:18px;color:#0c223b;border:4px solid #0c223b;font-weight:700; box-sizing:border-box;}
#schBoard .line-list .list-box .list-title i{position:absolute;right:10px;font-size:18px;top:15px;cursor:pointer}
#schBoard .line-list .list-box .list-title a{color:#0c223b}
#schBoard .line-list .list-box .list-title a:hover{color:#0c223b}
#schBoard .line-list .list-box .contList{width:100%;height:auto;overflow:hidden}
#schBoard .line-list .list-box .contList ul{margin:0;padding:0;list-style:none}
#schBoard .line-list .list-box .contList ul li{display:block;width:100%;height:80px;margin-top:20px}
#schBoard .line-list .list-box .contList ul li .imgList{width:80px;height:80px;float:left;background:#666}
#schBoard .line-list .list-box .contList ul li .imgList img{width:80px;height:80px}
#schBoard .line-list .list-box .contList ul li .titList{width:100%;height:auto;overflow:hidden;float:left;padding-left:20px; box-sizing:border-box;}
#schBoard .line-list .list-box .contList ul li .titList a{text-decoration:none}
#schBoard .line-list .list-box .contList ul li .titList a h3{text-decoration:none;color:#2d2d2d}
#schBoard .line-list .list-box .contList ul li .titList h3{margin:0;padding:0}
#schBoard .line-list .list-box .contList ul li .titList p{word-break:break-all;margin:0;padding:0;font-weight:400;font-size:12px;color:#757575;line-height:13px;margin-top:5px}
#schBoard .line-list .list-box .contList ul li .infList{width:100%; box-sizing:border-box;height:20px;float:left;padding-left:20px;line-height:13px;color:#464646;margin-top:5px;font-size:12px}
#schBoard .line-list .list-box .cont_round_List{width:100%;height:auto;overflow:hidden}
#schBoard .line-list .list-box .cont_round_List ul{margin:0;padding:0;list-style:none}
#schBoard .line-list .list-box .cont_round_List ul li{display:block;width:100%;height:80px;margin-top:20px}
#schBoard .line-list .list-box .cont_round_List ul li.boList{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 14px 0;
    position: relative;
    box-sizing: border-box;
}
#schBoard .line-list .list-box .cont_round_List ul li.boList .dateSet{position:absolute;padding-top:13px;top:0;right:10px}
#schBoard .line-list .list-box .cont_round_List ul li.boList:last-child{border-bottom:none}
#schBoard .line-list .list-box .cont_round_List ul li.boList a{color:#2d2d2d;text-decoration:none;margin-left:20px}
#schBoard .line-list .list-box .cont_round_List ul li .imgList{width:80px;height:80px;float:left;border-radius:40px;overflow:hidden}
#schBoard .line-list .list-box .cont_round_List ul li .imgList img{width:80px;height:80px}
#schBoard .line-list .list-box .cont_round_List ul li .titList{width:calc(100% - 100px);height:55px;float:left;padding-left:20px; box-sizing:border-box;}
#schBoard .line-list .list-box .cont_round_List ul li .titList a{text-decoration:none}
#schBoard .line-list .list-box .cont_round_List ul li .titList a h3{text-decoration:none;color:#2d2d2d}
#schBoard .line-list .list-box .cont_round_List ul li .titList h3{margin:0;padding:0}
#schBoard .line-list .list-box .cont_round_List ul li .titList p{
	word-break: break-all;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    color: #757575;
    line-height: 13px;
    margin-top: 5px;
    overflow: hidden;
    height: 15px;
}
#schBoard .line-list .list-box .cont_round_List ul li .listBtn{
    width: 60px;
    height: 23px;
    padding-top: 0px;
    border: 2px solid #0c223b;
    color: #0c223b;
    float: left;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    margin-left: 20px;
    line-height: 20px;
	transition: all .5s ease;
}
#schBoard .line-list .list-box .cont_round_List ul li .listBtn:hover{background:#0c223b;color:#fff}

#btmBanner{width:100%;height:410px;background:url(/prep/img/bottomBg.jpg);background-position:center}
#btmBanner .bannerBox{width:1100px;height:410px;margin:0 auto}
#btmBanner .bannerBox .boxBanner{width:25%;height:350px;float:left;margin-top:30px;text-align:center}

#login_bg{width:100%;height:100%;background:rgba(0,0,0,0.8);position:fixed;z-index:5000;display:none}
#login_bg .login_close{width:200px;height:200px;position:absolute;top:0;right:0;cursor:pointer}
#login_bg .login_box{width:400px;height:400px;position:absolute;left:50%;top:50%;margin-left:-202px;margin-top:-202px;background:#fff;border:2px solid #0c223b}
#login_bg .login_box .logoImg{width:100%;height:70px;padding-top:20px}
#login_bg .login_box .loginBox{width:400px;height:50px;text-align:center;margin-top:20px}
#login_bg .login_box .loginBox input.login{width:290px;height:40px;padding-left:10px;border:1px solid #eee;font-size:20px;color:#666}
#login_bg .login_box .logoImg img{margin-left:90px}
#login_bg .login_box .loginBtn{width:300px;height:30px;padding-top:10px;background:#0c223b;color:#fff;text-align:center;font-size:16px;margin-left:50px;margin-top:20px;cursor:pointer}
#login_bg .login_box .loginCom p{width:380px;height:50px;color:#757575;font-size:12px;margin-left:50px;margin-top:10px}
#login_bg .login_box .loginCom p span a{background:#0c223b;color:#fff;font-weight:700;text-decoration:none;padding:2px 3px}


#prep-main{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
	min-height:1080px;
}

#prep-main .prep-main-top{
	width:100%;
	height:911px;
	overflow:hidden;
	position:relative;
	background-image:url(/prep/img/prep/prep_main_24.png);
	background-size:cover;
}

#prep-main .prep-main-top .prep-main-top-inner{
	max-width:1340px;
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}

#prep-main .prep-main-top .prep-main-top-inner h3{
	width:560px;
	height:auto;
	overflow:hidden;
	position:absolute;
	top:100px;
	left:50%;
	transform:translateX(-50%);
}

#prep-main .prep-main-top .prep-main-top-inner h3 img{
	width:100%;
	opacity:0;
}

#prep-main .prep-main-top .prep-main-top-inner ul.prep-step{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
	margin:auto 0;
	list-style:none;
	margin:0 auto;
	padding:290px 0 0 0;
}

#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li{
	display:inline-block;
	float:left;
	width:26%;
}

#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li img{
	max-width:100%;
}

#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li.arr{
	box-sizing:border-box;
	padding-top:110px;
	width:11%;
}

#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li img{
	width:95%;
	opacity:0;
}

#prep-main .prep-main-top .prep-main-top-inner h3 img{
	animation-name: mainAni;
	animation-duration: 0.5s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li:nth-child(1) img{
	animation-name: mainAni;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li:nth-child(2) img{
	animation-name: mainAni;
	animation-duration: 1s;
	animation-delay: 1.0s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li:nth-child(3) img{
	animation-name: mainAni;
	animation-duration: 1s;
	animation-delay: 1.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li:nth-child(4) img{
	animation-name: mainAni;
	animation-duration: 1s;
	animation-delay: 2.0s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li:nth-child(5) img{
	animation-name: mainAni;
	animation-duration: 1s;
	animation-delay: 2.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#prep-main h4.prep-main-slogan{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0; 
	padding:80px 0;
	text-align:center;
}

#prep-main h4.prep-main-slogan img{
	max-width:100%;
	margin:0 auto;
	opacity:0;
}

#prep-main h4.prep-main-slogan.on img{
	animation-name: mainAni;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#prep-main section{
	width:100%;
	height:auto;
	overflow:hidden;	
}

#prep-main section.bg-gray{
	background-color:#f8f8f8;
}

#prep-main section .moms-qes{
	width:100%;
	max-width:1340px;
	height:auto;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	padding:80px 0 180px 0;
}

#prep-main section .moms-qes .mom-talk{ 
	position:absolute; 
	left:330px;
	top:370px;
	width:403px;
	height:auto;
	overflow:hidden;
	z-index:1;
}

#prep-main section .moms-qes .mom-img{
	width:100%;
}

#prep-main section .moms-qes .mom-img img{
	opacity:0;
}

#prep-main section .moms-qes .mom-sol{
	position:absolute;
	height:auto;
	overflow:hidden;
	right:0px;
}

#prep-main section .moms-qes .mom-talk img,
#prep-main section .moms-qes .mom-sol img{
	max-width:100%;
	opacity:0;
}

#prep-main section .moms-qes .mom-sol.posA{
	top:80px;
}

#prep-main section .moms-qes .mom-sol.posB{
	top:300px;
}

#prep-main section .moms-qes .mom-sol.posC{
	top:520px;
}

/*reverse*/

#prep-main section .moms-qes.reverse .mom-talk{ 
	position:absolute; 
	left:570px;
	top:380px;
}

#prep-main section .moms-qes.reverse .mom-img{
	float:right;
	text-align:right;
}

#prep-main section .moms-qes.reverse .mom-sol{
	position:absolute;
	right:inherit;
}

/* main animation */
#prep-main section.on .moms-qes .mom-talk img{ 
	animation-name: mainAni;
	animation-duration: 0.5s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;	
}

#prep-main section.on .moms-qes .mom-img img{
	animation-name: mainAni;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#prep-main section.on .moms-qes .mom-sol.posA img{
	animation-name: mainAni;
	animation-duration: 0.5s;
	animation-delay: 1.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#prep-main section.on .moms-qes .mom-sol.posB img{
	animation-name: mainAni;
	animation-duration: 0.5s;
	animation-delay: 2.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#prep-main section.on .moms-qes .mom-sol.posC img{
	animation-name: mainAni;
	animation-duration: 0.5s;
	animation-delay: 3.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}


@keyframes mainAni { 
	0% { opacity: 0; margin-left:-10px;}
	100%{ opacity: 100;  margin-left:0px;}
}

section.prepSch.case-list{
	width:100%;
	height:auto;
	overflow:hidden;
/*	min-height:600px;*/
/*	background-color:#eee;*/
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background-color:#fff;
	margin-bottom:30px;
	cursor:pointer;
}

/*reverse*/

#subPage{width:100%;height:auto;overflow:hidden;}
#subPage .subBanner{
/*	border-top:1px solid #152741;*/
	width:100%;
	height:150px;
	background:url(/prep/img/prep/prepSubTop.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#163961;
	position:relative;
}

#subPage .subBanner p.anm-pos{
	display:inline-block;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	position:absolute;
	left:50%;
	top:50%;
	transform:translateY(-50%);
	margin:0;
	opacity:0;
	font-family: 'Gowun Dodum', sans-serif;
}

#subPage .subBanner p.anm-pos.posA{
	margin-left:-500px;
	animation-name: anm-posA;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes anm-posA { 
	20% { opacity: 1; 	margin-left:-600px; }
	80% { opacity: 1; 	margin-left:-600px; }
	100%{ opacity: 0; }
}

#subPage .subBanner p.anm-pos.posB{
	margin-left:-578px;
	animation-name: anm-posB;
	animation-duration: 2.5s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes anm-posB { 
	20% { opacity: 1; margin-left:-448px; }
	70% { opacity: 1; margin-left:-448px; }
	100%{ opacity: 0; }
}

#subPage .subBanner p.anm-pos.posC{
	margin-left:-500px;
	opacity:0;
	animation-name: anm-posC;
	animation-duration: 1s;
	animation-delay: 4s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes anm-posC { 
	100%{ opacity: 1; margin-left:-600px; }
}

#subPage .subBanner span.anm-pos{
	display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -523px;
    transform: translateY(-50%);
    opacity: 0;
    border-radius: 50%;
	animation-name: anm-pos-circle;
	animation-duration: 1s;
	animation-delay: 2.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes anm-pos-circle { 
	50% { opacity: 1; }
	100% { opacity: 0; width:500px; height:500px; margin-left: -825px;}
}

#subPage .subContent{width:1200px;height:auto;overflow:hidden;margin:0 auto}
#subPage .subContent .subSideMenu{width:275px;height:auto;overflow:hidden;float:left;min-height:500px;padding-bottom:30px;background:#f8f8f8}
#subPage .subContent .subSideMenu .sideTop{width:275px;height:82px;background:url(/prep/img/subMenuTop.jpg)}
#subPage .subContent .subSideMenu ul{padding:0;margin:0;list-style:none}
#subPage .subContent .subSideMenu ul li{position:relative;width:100%}
#subPage .subContent .subSideMenu .step1{color:#fff}
#subPage .subContent .subSideMenu .step2,#subPage .subContent .subSideMenu .step3{color:#2d2d2d}
#subPage .subContent .subSideMenu .step1 a{background:#00273c;color:#fff;padding-left:10px;font-size:16px;font-weight:700;border-bottom:1px solid #002234}
#subPage .subContent .subSideMenu .active a{background:#fff!important;color:#00273c;font-weight:700;border-top:1px solid #00273c!important;border-bottom:1px solid #00273c!important;padding-top:6px;padding-bottom:6px}
#subPage .subContent .subSideMenu .active:after{content:'\f105';font-family:FontAwesome;position:absolute;top:6px;right:20px}
#subPage .subContent .subSideMenu .step2 a:hover{background:#fff!important;color:#00273c;font-weight:700;border-top:1px solid #00273c;border-bottom:1px solid #00273c;padding-top:6px;padding-bottom:6px}
#subPage .subContent .subSideMenu .step2 a{background:#f8f8f8;color:#2d2d2d;padding-left:20px;font-size:14px;border-bottom:none}
#subPage .subContent .subSideMenu .step3 a{background:#eee;color:#2d2d2d;padding-left:30px;font-size:12px;border-bottom:none}
#subPage .subContent .subSideMenu .step3 a:before{content:'- '}
#subPage .subContent .subSideMenu ul li i{position:absolute;top:10px;right:20px}
#subPage .subContent .subSideMenu ul li a{color:#2d2d2d;text-decoration:none;display:block;padding:7px 5px 7px 15px}
#subPage .subContent .mainContent{
	width:100%;
	height:auto;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	min-height:500px;
/*	padding:30px;*/
	line-height:22px;
}
#subPage .subContent .mainContent a{text-decoration:none;color:#2d2d2d}
#subPage .subContent .mainContent .mConTop{width:100%;height:125px; display:none; }
#subPage .subContent .mainContent .mConTop .topRoute{width:100%;height:30px;border-bottom:1px solid #eee}
#subPage .subContent .mainContent .mConTop .topRoute ul{padding:0;margin:0;list-style:none}
#subPage .subContent .mainContent .mConTop .topRoute ul li{display:inline-block;float:right;padding:10px 5px 0;font-size:11px;letter-spacing:-1px;color:#666}
#subPage .subContent .mainContent .mConTop .topRoute ul li.current{font-weight:700;color:#00273c}
#subPage .subContent .mainContent .mConTop .topTitle{width:100%;height:75px; }

#subPage .subContent.fillNewArea{width:100%;height:auto;overflow:hidden;margin:0 auto; background:#f5f5f7;}
#subPage .subContent.fillNewArea .mainContent{ width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0; }
#subPage .subContent.fillNewArea .subRightBnn{ display:none; }
#subPage .subContent.fillNewArea .fillNewWrap{
    width:100%;
    height:auto;
    overflow:hidden;
    margin:0 auto;
}

#subPage .subContent.fillNewArea .fillNewWrap ul{
    padding:0;
    margin:0;
    list-style:none;
}

#subPage .subContent.fillNewArea .fillNewWrap ul li{
    display:block;
    width:100%;
    height:auto;
    overflow:hidden;
    position: relative;
}

#subPage .subContent.fillNewArea .fillNewWrap ul li img{
    display:block;
}

#subPage .subContent.fillNewArea .fillNewWrap section{
    width:980px;
    height:auto;
    margin:0 auto;
    position: relative;
    box-sizing:border-box;
    padding:100px 20px;
}

#subPage .subContent.fillNewArea .fillNewWrap section h2{
    display:block;
    width:100%;
    height:auto;
    overflow:hidden;
    float:left;
}

#subPage .subContent.fillNewArea .fillNewWrap section p.ft{
    font-weight:600;
    color:#1e1e1e;
    line-height:48px;
    display:block;
    width:100%;
    height:auto;
    float:left;
}

#subPage .subContent.fillNewArea .fillNewWrap section p.ft b{
    font-weight:800;
    color:#3996ff;
}

#subPage .subContent.fillNewArea .fillNewWrap section p.ft.large{
    font-size:35px;
}

#subPage .subContent.fillNewArea .fillNewWrap section p.ft.medium{
    font-size:30px;
}

#subPage .subContent.fillNewArea .fillNewWrap section p.ft.small{
    font-size:20px;
    line-height:30px;
}

#subPage .subContent.fillNewArea .fillNewWrap section a.movPlayBtn{
    display:inline-block;
    line-height:40px;
    font-size:20px;
    font-weight:500;
    color:#1e1e1e;
    padding-right:40px;
    background-image: url('../img/fill/movPlayBtn.png');
    background-repeat: no-repeat;
    background-position: right center;
    margin:50px 0;
}

#subPage .subContent.fillNewArea .fillNewWrap section .movImgListBox{
    width:100%;
    height:auto;
    box-sizing:border-box;
    margin:50px 0;
}

#subPage .subContent.fillNewArea .fillNewWrap section .movImgListBox.wide{
    position: relative;
    height:528px;
}

#subPage .subContent.fillNewArea .fillNewWrap section .movImgListBox.wide{
    float:left;
}

#subPage .subContent.fillNewArea .fillNewWrap section .movImgListBox .movImgBox{
    width:100%;
    max-width:970px;
    height:auto;
    overflow:hidden;
    box-sizing:border-box;
}

#subPage .subContent.fillNewArea .fillNewWrap section .movImgListBox.wide .movImgBox{
    position: absolute;
    left:50%;
    top:0px;
    width:800px;
}

#subPage .subContent.fillNewArea .fillNewWrap section .movImgListBox.wide .movImgBox:first-child{
    margin-left:-810px;
}

#subPage .subContent.fillNewArea .fillNewWrap section .movImgListBox.wide .movImgBox:last-child{
    margin-left:10px;
}

#subPage .subContent.fillNewArea .fillNewWrap section .movImgListBox .movImgBox img{
    width:100%;
}

#subPage .subContent.fillNewArea .fillNewWrap section.fillSec04 .movImgBox{
    width:700px;
    padding:20px 0;
    margin-left: -350px;
}

#subPage .subContent.fillNewArea .fillNewWrap section.fillSec04 .gradImg{
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: -50px;
    width:828px;
}

#subPage .subContent.fillNewArea .fillNewWrap section.fillSec04 .gradImg img{
    width:100%;
}

@media screen and (max-width:1600px) { 
    #subPage .subContent.fillNewArea .fillNewWrap section .movImgListBox.wide{
        position: relative;
        height:auto;
    }

    #subPage .subContent.fillNewArea .fillNewWrap section .movImgListBox.wide .movImgBox{
        position: relative;
        left:inherit;
        top:inherit;
        width:100%;
        padding:20px 0;
    }

    #subPage .subContent.fillNewArea .fillNewWrap section .movImgListBox.wide .movImgBox:first-child{
        margin-left:inherit;
    }
    
    #subPage .subContent.fillNewArea .fillNewWrap section .movImgListBox.wide .movImgBox:last-child{
        margin-left:inherit;
    }

    #subPage .subContent.fillNewArea .fillNewWrap section.fillSec04 .movImgBox{
        width:100%;
        margin-left:inherit;
    }

    #subPage .subContent.fillNewArea .fillNewWrap section.fillSec04 .gradImg{
       width:260px;
    }
}

#subPage .subContent.fillNewArea .fillNewWrap section.fillSec02{
    height: 1020px;
}

#subPage .subContent.fillNewArea .fillNewWrap section.fillSec02 h2{
    width:55%;
}

#subPage .subContent.fillNewArea .fillNewWrap section.fillSec02 p.ft{
    width:45%;
}

#subPage .subContent.fillNewArea .fillNewWrap section.fillSec05 h2,
#subPage .subContent.fillNewArea .fillNewWrap section.fillSec05 p.ft{
    text-align:center;
}




#footer{width:100%;height:auto;overflow:hidden;background:#464646;padding-bottom:30px}
#footer .ft-box{width:1100px;height:auto;overflow:hidden;margin:0 auto}
#footer .ft-box .ft-logo{width:275px;height:auto;overflow:hidden;float:left}
#footer .ft-box .ft-add{width:825px;height:auto;overflow:hidden;float:left;color:#828795;font-size:12px}
#footer .ft-box .ft-add a{text-decoration:none;color:#828795}
#footer .ft-box .ft-add a:hover{text-decoration:none;color:#828795}
#footer .ft-box .ft-add .mAdd{width:825px;height:50px;margin-top:30px}
#footer .ft-box .ft-add .mAdd .mof-add{border-top:1px solid #757575;color:#757575;width:825px;padding-top:10px;margin-top:10px}
#footer .ft-box .ft-add .mAdd .mof-add span{color:#fff}
#footer .ft-box .ft-add .sAdd{width:45%;height:80px;float:left;margin-top:30px;margin-left:10%}
#footer .ft-box .ft-add .sAdd h4{margin:0;font-size:14px;font-weight:700}
#footer .ft-box .ft-add .sAdd .of-add{width:100%;height:auto;overflow:hidden;color:#757575;border-top:1px solid #757575;padding-top:10px;margin-top:10px;line-height:20px}
#footer .ft-box .ft-add .sAdd .of-add span{color:#fff}
#copyright{width:100%;height:30px;padding-top:10px;font-size:12px;background:#181d27;text-align:center;color:#828795}

#schBoardList{width:100%;min-width:795px;height:auto;overflow:hidden;padding-top:30px;background:#fafafa}
#schBoardList .line-list{width:795px;height:440px;margin:0 auto}
#schBoardList .line-list .list-box{width:380px;height:auto;overflow:hidden;margin-left:30px;float:left}
#schBoardList .line-list .list-box .list-title{position:relative;width:350px;height:27px;padding-left:20px;padding-top:5px;font-size:18px;color:#0c223b;border:4px solid #0c223b;font-weight:700}
#schBoardList .line-list .list-box .list-title i{position:absolute;right:10px;font-size:18px;top:8px;cursor:pointer}
#schBoardList .line-list .list-box .list-title a{color:#0c223b}
#schBoardList .line-list .list-box .list-title a:hover{color:#0c223b}
#schBoardList .line-list .list-box .contList{width:380px;height:auto;overflow:hidden}
#schBoardList .line-list .list-box .contList ul{margin:0;padding:0;list-style:none}
#schBoardList .line-list .list-box .contList ul li{display:block;width:380px;height:80px;margin-top:20px}
#schBoardList .line-list .list-box .contList ul li .imgList{width:80px;height:80px;float:left;background:#666}
#schBoardList .line-list .list-box .contList ul li .imgList img{width:80px;height:80px}
#schBoardList .line-list .list-box .contList ul li .titList{width:425px;height:auto;overflow:hidden;float:left;padding-left:20px}
#schBoardList .line-list .list-box .contList ul li .titList a{text-decoration:none}
#schBoardList .line-list .list-box .contList ul li .titList a h3{text-decoration:none;color:#2d2d2d}
#schBoardList .line-list .list-box .contList ul li .titList h3{margin:0;padding:0}
#schBoardList .line-list .list-box .contList ul li .titList p{word-break:break-all;margin:0;padding:0;font-weight:400;font-size:12px;color:#757575;line-height:13px;margin-top:5px}
#schBoardList .line-list .list-box .contList ul li .infList{width:425px;height:20px;float:left;padding-left:20px;line-height:13px;color:#464646;margin-top:5px;font-size:12px}
#schBoardList .line-list .list-box .cont_round_List{width:535px;height:auto;overflow:hidden}
#schBoardList .line-list .list-box .cont_round_List ul{margin:0;padding:0;list-style:none}
#schBoardList .line-list .list-box .cont_round_List ul li{display:block;width:380px;height:80px;margin-top:20px}
#schBoardList .line-list .list-box .cont_round_List ul li.boList{display:block;width:380px;height:auto;overflow:hidden;font-size:13px;border-bottom:1px solid #eee;margin:0;padding:13px 0;position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#schBoardList .line-list .list-box .cont_round_List ul li.boList .dateSet{position:absolute;padding-top:13px;top:0;right:10px}
#schBoardList .line-list .list-box .cont_round_List ul li.boList:last-child{border-bottom:none}
#schBoardList .line-list .list-box .cont_round_List ul li.boList a{color:#2d2d2d;text-decoration:none;margin-left:20px}
#schBoardList .line-list .list-box .cont_round_List ul li .imgList{width:80px;height:80px;float:left;border-radius:40px;overflow:hidden}
#schBoardList .line-list .list-box .cont_round_List ul li .imgList img{width:80px;height:80px}
#schBoardList .line-list .list-box .cont_round_List ul li .titList{width:425px;height:55px;float:left;padding-left:20px}
#schBoardList .line-list .list-box .cont_round_List ul li .titList a{text-decoration:none}
#schBoardList .line-list .list-box .cont_round_List ul li .titList a h3{text-decoration:none;color:#2d2d2d}
#schBoardList .line-list .list-box .cont_round_List ul li .titList h3{margin:0;padding:0}
#schBoardList .line-list .list-box .cont_round_List ul li .titList p{word-break:break-all;margin:0;padding:0;font-weight:400;font-size:12px;color:#757575;line-height:13px;margin-top:5px}
#schBoardList .line-list .list-box .cont_round_List ul li .listBtn{width:60px;height:17px;padding-top:3px;border:2px solid #0c223b;color:#0c223b;float:left;text-align:center;cursor:pointer;font-size:12px;margin-left:20px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#schBoardList .line-list .list-box .cont_round_List ul li .listBtn:hover{background:#0c223b;color:#fff}

.movList{width:100%;height:auto;overflow:hidden}
.movList ul{width:100%;height:auto;overflow:hidden;padding:0;margin:0}
.movList ul li{display:block;box-sizing:border-box;padding:20px;width:100%;height:200px;position:relative;padding-left:300px;border-bottom:1px solid #eee}
.movList ul li .movListCon{width:100%;height:auto;overflow:hidden;cursor:pointer}
.movList ul li .movListCon h2{width:100%;display:block;line-height:40px;margin:0;padding:0;font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.movList ul li:last-child{border-bottom:none}
.movList ul li .movListImg{position:absolute;left:0;top:20px;width:270px;height:152px;cursor:pointer;overflow:hidden}
.movList ul li .movListImg img{width:270px;height:152px}
.movListTxt{height:62px;overflow:hidden}
.movBg{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.8);z-index:10000;top:0;left:0}
.movBgInner{width:700px;height:auto;overflow:hidden;background:#fff;box-sizing:border-box;position:absolute;top:150px;left:50%;margin-left:-350px;min-height:300px;z-index:11000;padding:20px;-webkit-box-shadow:-1px 3px 5px 1px rgba(0,0,0,0.36);-moz-box-shadow:-1px 3px 5px 1px rgba(0,0,0,0.36);box-shadow:-1px 3px 5px 1px rgba(0,0,0,0.36)}
.movBgInner h2{display:block;line-height:30px;position:relative;width:100%;font-size:18px}
.movBgInner h2 span.closeBtn{display:block;width:30px;height:30px;line-height:30px;text-align:center;font-size:37px;position:absolute;right:0;top:0;cursor:pointer}
.movBgInner p.topArea{display:block;line-height:20px;position:relative;width:100%;font-size:14px;border-top:1px solid #aaa;padding:10px;margin:0;box-sizing:border-box}
.movBgInner .btnArea{width:100%;height:auto;overflow:hidden;text-align:center}
.movBgInner .btnArea button{width:100px;height:40px;border:2px solid #222;background:#fff;color:#2d2d2d;text-align:center;cursor:pointer;font-weight:700}
.movBgInner .btnArea button:hover{background:#2d2d2d;color:#fff}
.vContent{width:100%;height:auto;overflow:hidden;padding:20px;box-sizing:border-box;border-top:1px solid #aaa}

#schBoard .line-list .list-box.movListBox{width:1077px}
#schBoard .line-list .list-box.movListBox .list-title{width:100%;box-sizing:border-box;height:42px}
#schBoard .line-list .list-box .cont_round_List.movSchList{width:100%}
#schBoard .line-list .list-box .cont_round_List.movSchList ul{width:100%;height:auto;overflow:hidden}
#schBoard .line-list .list-box .cont_round_List.movSchList ul li{display:inline-block;float:left;width:20%;height:auto;overflow:hidden;box-sizing:border-box;padding:10px;cursor:pointer}
#schBoard .line-list .list-box .cont_round_List.movSchList ul li .movImgBox{width:100%;height:108px}
#schBoard .line-list .list-box .cont_round_List.movSchList ul li .movImgBox img{width:100%;height:108px}
#schBoard .line-list .list-box .cont_round_List.movSchList ul li .movTxtBox{width:100%;height:auto;overflow:hidden;min-height:100px;box-sizing:border-box;background:#f8f8f8;padding:20px 10px 10px;border:1px solid #ddd;border-top:none;min-height:130px}
#schBoard .line-list .list-box .cont_round_List.movSchList ul li .movTxtBox h2{margin:0;padding:0;font-size:15px;line-height:18px;height:36px;overflow:hidden}
#schBoard .line-list .list-box .cont_round_List.movSchList ul li .movTxtBox p{font-size:12px}

.movMoreBtn{width:100%;height:auto;overflow:hidden;text-align:center;margin-top:20px}
.movMoreBtn button{width:150px;height:40px;font-size:14px;text-align:center;color:#2d2d2d;border:1px solid #2d2d2d;background:#fff;cursor:pointer}

#btmMomBanner{width:100%;height:410px;background:url(/prep/img/bottomMomBg.jpg);background-position:center;margin-top:30px}
#btmMomBanner .bannerBox{width:1100px;height:410px;margin:0 auto;position:relative}
#btmMomBanner .bannerBox .bannerMomBox{width:230px;height:160px;position:absolute;cursor:pointer}
#btmMomBanner .bannerBox .bannerMomBox.boxA{left:580px;top:30px}
#btmMomBanner .bannerBox .bannerMomBox.boxB{left:840px;top:30px}
#btmMomBanner .bannerBox .bannerMomBox.boxC{left:580px;top:220px}
#btmMomBanner .bannerBox .bannerMomBox.boxD{left:840px;top:220px}

._tab_{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #eee;margin-bottom:30px}
._tab_ ul{width:100%;height:auto;overflow:hidden;margin:0;padding:0;list-style:none}
._tab_ ul li{width:25%;height:auto;overflow:hidden;display:inline-block;float:left}
._tab_ ul li div{width:100%;height:40px;line-height:40px;display:block;text-align:center;border:1px solid #eee;border-bottom:none;background:#f8f8f8;font-weight:700;font-size:14px;cursor:pointer}
._tab_ ul li div.filter_active{background:#00273c;color:#fff;font-size:15px}
.line_box{line-height:40px;margin-bottom:30px;border:1px solid #d9450f;box-sizing:border-box;padding:0 20px;color:#d9450f;font-weight:700;border-radius:4px}

#wrContent img{max-width:100%}

.bx-next{width:60px!important;height:60px!important;background:url(/prep/img/arrow.png)!important;background-position:-60px top!important;margin-top:-30px}
.bx-prev{width:60px!important;height:60px!important;background:url(/prep/img/arrow.png)!important;background-position:left top!important;margin-top:-30px}

.acWrap{width:100%;height:auto;overflow:hidden}
.acWrap .acTop{width:100%;height:75px;position:relative;box-sizing:border-box;margin-top:20px}
.acWrap .acTop ul{width:100%;height:75px;margin:0;padding:0}
.acWrap .acTop ul li{display:inline-block;width:33.3333%;height:75px;float:left;line-height:75px;text-align:center;font-weight:700;font-size:20px;cursor:pointer;border-top:2px solid #f8f8f8;border-left:2px solid #f8f8f8;border-right:2px solid #f8f8f8;border-bottom:2px solid #193a97;box-sizing:border-box;color:#666;background:#f8f8f8}
.acWrap .acTop ul li.on,.acWrap .acTop ul li:hover{border-top:2px solid #193a97;border-left:2px solid #193a97;border-right:2px solid #193a97;border-bottom:2px solid #fff;color:#193a97;background:#fff}
.acWrap .acTop button{width:75px;height:75px;background:#193a97;color:#fff;text-align:center;border:none;position:absolute;top:0;right:0;cursor:pointer;font-size:18px}
.acWrap .acList{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:20px;line-height:35px;font-size:18px;border-bottom:2px solid #193a97;margin-bottom:20px;font-weight:700}
.acWrap .acList b{color:#999;font-weight:400;font-size:15px;line-height:20px;display:block}
.acWrap .acList a{display:inline-block;padding:0 18px;line-height:35px;border:1px solid #ccc;color:#444;font-size:18px;font-weight:700;margin:3px}
.acListTitle{width:100%;height:auto;overflow:hidden;border-bottom:2px solid #193a97;margin-top:20px}
.acListTitle > p{display:inline-block;height:40px;line-height:40px;background:#193a97;color:#fff;box-sizing:border-box;padding:0 30px 0 10px;border-radius:0 15px 0 0;margin:0;font-size:18px}
.acWrap .acList a.on{background:#193a97;border-color:#193a97;color:#fff!important}

.onlineClass{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding-bottom:50px}
.onlineClass h1{display:none}
.onlineClass h2{font-weight:700;font-size:20px;color:#222;line-height:30px;padding:20px 0}
.onlineClass h2 br{display:none}
.onlineClass h2 b{position:relative;display:inline-block;padding:0 10px}
.onlineClass h2 b:after{content:'';width:100%;height:15px;background:#4ea831;position:absolute;left:0;bottom:-3px;opacity:.2}
.onlineClass h2.elm b:after{background:#ffd800}
.onlineClass h2.sec b:after{background:#d1642b}
.onlineClass .ocTimeTable{width:100%;height:auto;overflow:hidden;padding-top:0;box-sizing:border-box;padding-right:1px}
.onlineClass .ocTimeTable table{width:100%;border-collapse:collapse}
.onlineClass .ocTimeTable table thead th{height:40px;border-top:2px solid #222;border-bottom:2px solid #222;border-left:1px solid #ddd;font-size:16px;font-weight:700}
.onlineClass .ocTimeTable table thead th:last-child{border-right:1px solid #ddd}
.onlineClass .ocTimeTable table tbody td{height:30px;border-bottom:1px solid #eee;border-left:1px solid #ddd;text-align:center;font-size:14px;line-height:20px}
.onlineClass .ocTimeTable table tbody td.cls{font-weight:700;background:#f8f8f8}
.onlineClass .ocTimeTable table tbody td:last-child{border-right:1px solid #ddd}
.onlineClass .ocTimeTable table tbody td.btmBdr,.onlineClass .ocTimeTable table tbody tr:last-child td{border-bottom:2px solid #222}
.onlineClass .ocTimeTable table tbody tr td.trUnder,.onlineClass .ocTimeTable table tbody tr.trUnder td{border-bottom:1px solid #bbb}
.onlineClass .ocTimeTable table tbody tr td.days{font-weight:700;background:#f8f8f8}
.onlineClass .ocTimeTable table.elmKor thead th{background:#4ea831;color:#fff;border-color:#4ea831}
.onlineClass .ocTimeTable table.elmKor tbody td.btmBdr,.onlineClass .ocTimeTable table.elmKor tbody tr:last-child td{border-bottom:2px solid #4ea831}
.onlineClass .ocTimeTable table.elm thead th{background:#ffd800;color:#222;border-color:#ffd800}
.onlineClass .ocTimeTable table.elm tbody td.btmBdr,.onlineClass .ocTimeTable table.elm tbody tr:last-child td{border-bottom:2px solid #ffd800}
.onlineClass .ocTimeTable table.sec thead th{background:#d1642b;color:#fff;border-color:#d1642b}
.onlineClass .ocTimeTable table.sec tbody td.btmBdr,.onlineClass .ocTimeTable table.sec tbody tr:last-child td{border-bottom:2px solid #d1642b}
.onlineClass .ocTimeList{width:100%;height:auto;overflow:hidden}
.onlineClass .ocTimeList ul{list-style:none;padding:0;margin:0}
.onlineClass .ocTimeList ul li{display:block;width:100%;box-sizing:border-box;position:relative;line-height:30px;border-bottom:1px solid #e0e0e0;padding:5px 10px 5px 150px}
.onlineClass .ocTimeList ul li:first-child{border-top:2px solid #4ea831}
.onlineClass .ocTimeList ul li:last-child{border-bottom:2px solid #4ea831}
.onlineClass .ocTimeList.elm ul li:first-child{border-top:2px solid #ffd800}
.onlineClass .ocTimeList.elm ul li:last-child{border-bottom:2px solid #ffd800}
.onlineClass .ocTimeList.sec ul li:first-child{border-top:2px solid #d1642b}
.onlineClass .ocTimeList.sec ul li:last-child{border-bottom:2px solid #d1642b}
.onlineClass .ocTimeList ul li span{display:block;width:150px;box-sizing:border-box;line-height:30px;position:absolute;top:5px;left:0;font-size:1.1em;font-weight:700;padding:0 5px}
.onlineClass .ocTimeList ul li span:after{content:'';width:1px;height:20px;background:#e1e1e1;position:absolute;top:5px;left:135px}
.onlineClass .ocTimeList ul li b.red{color:red}
.onlineClass .ocTimeList ul li b.gray{color:#999}
.onlineClass .ocInfo{width:100%;height:auto;overflow:hidden;padding:10px 0;line-height:20px;color:#ff6300;font-weight:700;font-size:14px;text-align:right;box-sizing:border-box;padding-right:5px}

.classIntro{font-family:'NanumSquareRound',Dotum,Helvetica,AppleGothic,Arial,Sans-serif;font-weight:400;font-size:17px}
.classIntro h2{display:block;width:100%;color:#01273c;font-size:30px;font-weight:800;text-align:center}
.classIntro .clTxt{width:100%;height:auto;overflow:hidden;display:block;text-align:center;width:100%;line-height:30px;font-size:17px;color:#444}
.classIntro .clIntroBox{width:100%;height:auto;overflow:hidden;box-sizing:border-box;position:relative;padding:30px 0;margin-top:20px}
.classIntro .clIntroBox h4{display:block;width:100%;text-align:center;color:#222;font-size:25px;position:absolute;top:20px;left:0;margin:0;line-height:30px}
.classIntro .clIntroBox h4.btm{top:inherit;bottom:20px}
.classIntro .clIntroBox .clIntroListRound{width:100%;height:auto;overflow:hidden;background:#eee;padding:50px 0}
.classIntro .clIntroBox .clIntroListRound ul{list-style:none;padding:0;margin:0}
.classIntro .clIntroBox .clIntroListRound ul li{display:inline-block;width:33.3333%;float:left;box-sizing:border-box}
.classIntro .clIntroBox .clIntroListRound ul li p{margin:0;display:block;width:220px;height:220px;margin:0 auto;background-color:#fff;border-radius:50%;text-align:center;box-sizing:border-box;font-size:20px;line-height:28px;font-weight:800;padding-top:90px}
.classIntro .clIntroBox .clIntroListRound ul li:nth-child(1) p{background-image:url(/prep/img/onlineClass_icon_01.png)}
.classIntro .clIntroBox .clIntroListRound ul li:nth-child(2) p{background-image:url(/prep/img/onlineClass_icon_02.png)}
.classIntro .clIntroBox .clIntroListRound ul li:nth-child(3) p{background-image:url(/prep/img/onlineClass_icon_03.png)}
.classIntro .clIntroBox .clIntroListRound ul li p{background-repeat:no-repeat;background-position:center top 5px}
.classIntro .clIntroBox .clIntroList{width:100%;height:auto;overflow:hidden;background:#eee;padding:50px 30px;box-sizing:border-box}
.classIntro .clIntroBox .clIntroList ul{list-style:none;padding:0;margin:0}
.classIntro .clIntroBox .clIntroList ul li{display:block;width:100%;background:#fff;margin:20px 0;position:relative;box-sizing:border-box;padding:10px 40px 10px 90px;font-size:18px;min-height:70px;font-weight:700;line-height:50px;-webkit-box-shadow:0 0 30px 2px rgba(0,0,0,0.16);-moz-box-shadow:0 0 30px 2px rgba(0,0,0,0.16);box-shadow:0 0 30px 2px rgba(0,0,0,0.16);overflow:hidden}
.classIntro .clIntroBox .clIntroList ul li.line2{line-height:25px}
.classIntro .clIntroBox .clIntroList ul li:before{content:'';width:50px;height:50px;text-align:center;line-height:50px;font-size:70px;font-weight:100;color:#666;position:absolute;left:-33px;top:50%;margin-top:-20px;font-style:italic}
.classIntro .clIntroBox .clIntroList ul li:nth-child(1):before{content:'01'}
.classIntro .clIntroBox .clIntroList ul li:nth-child(2):before{content:'02'}
.classIntro .clIntroBox .clIntroList ul li:nth-child(3):before{content:'03'}
.classIntro .clIntroBox .clIntroList ul li:nth-child(4):before{content:'04'}
.classIntro .clIntroBox .clIntroList ul li:nth-child(5):before{content:'05'}
.classIntro .clIntroBox .regForm{width:100%;height:auto;overflow:hidden;background:#eee;padding:50px 30px;box-sizing:border-box}
.classIntro .clIntroBox .regForm ul{list-style:none;padding:0;margin:0;margin-top:30px}
.classIntro .clIntroBox .regForm ul li{display:block;width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:20px 0 20px 200px;position:relative;border-bottom:1px solid #e1e1e1}
.classIntro .clIntroBox .regForm ul li.qes{padding-left:370px}
.classIntro .clIntroBox .regForm ul li:last-child{padding-bottom:0}
.classIntro .clIntroBox .regForm ul li.giudeLine{padding-left:10px;font-weight:800;font-size:17px;line-height:20px;padding-bottom:0;border-bottom:none}
.classIntro .clIntroBox .regForm ul li.kor,.classIntro .clIntroBox .regForm ul li.kor span{color:#3f51b5}
.classIntro .clIntroBox .regForm ul li.cad,.classIntro .clIntroBox .regForm ul li.cad span{color:#ee0e0e}
.classIntro .clIntroBox .regForm ul li.btmNone{border-bottom:none}
.classIntro .clIntroBox .regForm ul li span{display:block;position:absolute;left:10px;top:30px;font-weight:800;font-size:15px}
.classIntro .clIntroBox .regForm ul li select,.classIntro .clIntroBox .regForm ul li input[type='text']{width:100%;max-width:300px;height:40px;border:1px solid #ddd;box-sizing:border-box;padding:0 10px;font-size:15px}
.classIntro .clIntroBox .regForm ul li select{padding-right:0}
.classIntro .clIntroBox .regForm ul li select.num,.classIntro .clIntroBox .regForm ul li input.num{width:80px}
.classIntro .clIntroBox .regForm ul li label{width:100%;display:block;margin-bottom:10px;font-weight:700;box-sizing:border-box;line-height:40px;font-size:15px}
.classIntro .clIntroBox .regForm ul li label:hover{background:#ddd}
.classIntro .clIntroBox .regForm ul li label.rdo{display:inline-block;float:left;width:100px}
.classIntro .clIntroBox .regForm ul li label input{margin-right:10px}
.classIntro .clIntroBox .regForm .submitBtnArea{width:100%;box-sizing:border-box;padding:30px 0;text-align:center}
.classIntro .clIntroBox .regForm .submitBtnArea .agree label{cursor:pointer}
.classIntro .clIntroBox .regForm .submitBtnArea .agree{padding-bottom:30px}
.classIntro .clIntroBox .regForm .submitBtnArea a{display:inline-block;width:300px;line-height:50px;text-align:center;background:#0c223b;color:#fff!important;font-weight:800;border-radius:5px}
.classIntro .clIntroBox .bgYel{background:#ffea00}
.classIntro .clIntroBox .bgGrn{background:#81e29a}
.classIntro .clIntroBox .bgGrn ul li:before{color:#53d776}
.classIntro .clIntroBox .bgBlu{background:#baf9fd}
.classIntro .clIntroBox .bgBlu ul li:before{color:#00dae8}
.classIntro .clIntroBox .bgVio{background:#badcfd}
.classIntro .clIntroBox .bgVio ul li:before{color:#357dc3}

.pau_homestay img{max-width:100%; margin:10px 0;}
.homestayNavBox{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:0 0 40px}

ul.homestayNav{width:100%;list-style:none;padding:0;margin:0;height:auto;overflow:hidden;border-bottom:1px solid #153860}
ul.homestayNav li{display:inline-block;width:20%;float:left}
ul.homestayNav li a{display:block;width:100%;line-height:40px;text-align:center;background:#f8f8f8}
ul.homestayNav li.on a{background:#153860;color:#fff!important;font-weight:700}

.scsub_private_top{width:100%;height:auto;overflow:hidden;padding:0 0 30px}
.scsub_private_top ul{width:100%;height:auto;overflow:hidden;padding:0;margin:0;list-style:none}
.scsub_private_top ul li{width:16.6666%;float:left;border-bottom:1px solid #222;border-top:1px solid #fff;box-sizing:border-box;background:#f8f8f8}
.scsub_private_top.pub ul li{width:14.2222%}
.scsub_private_top ul li.on{border:1px solid #222;border-bottom:1px solid #fff;background:#fff}
.scsub_private_top.pub ul li a{font-size:13px;letter-spacing:-1px}
.scsub_private_top ul li a{display:block;width:100%;line-height:20px;text-align:center;font-size:14px;font-weight:700;padding:10px 0;position:relative}
.scsub_private_top ul li a:after{content:'';width:1px;height:12px;background:#222;position:absolute;right:-1px;top:50%;margin-top:-6px}
.scsub_private_top ul li:last-child a:after{display:none}
.scsub_private_top ul li a.sgLine{line-height:40px;padding:10px 0}

.schNewCont{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:20px}
.schNewCont .imgNewBox{width:100%;height:auto;overflow:hidden;margin:10px 0}
.schNewCont .imgNewBox img{width:100%}
.schNewCont dl{width:100%;height:auto;overflow:hidden;box-sizing:border-box}
.schNewCont dl dt{font-size:16px;font-weight:700;line-height:30px;display:block;width:100%;margin:50px 0 10px}
.schNewCont dl dt:first-child{margin-top:0}
.schNewCont dl dt h2{margin:0;font-size:18px;padding:0;line-height:40px;display:block;color:#d94410}
.schNewCont dl dt .feeCont{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:20px 10px;background:#f8f8f8;border-top:1px solid #d94410;font-size:14px}
.schNewCont dl dd.ytMovArea{display:block;width:100%;box-sizing:border-box;padding:50px 10px 10px;position:relative;margin:0}
.schNewCont dl dd.ytMovArea:before{content:"관련동영상";display:inline-block;font-size:14px;padding:5px 20px;border-radius:5px;background:#d94410;color:#fff;position:absolute;top:12px;left:8px}
.schNewCont dl dd.ytMovArea iframe{width:100%;height:400px}
.schNewCont dl dd.sub{font-size:14px;font-weight:700;line-height:30px;display:block;width:100%;margin:0;padding:0 10px}
.schNewCont dl dt.stepBox{padding-top:23px;box-sizing:border-box;position:relative}
.schNewCont dl dt.stepBox span{display:block;width:40px;height:40px;border-radius:50%;background:#d94410;color:#fff;line-height:40px;text-align:center;font-size:16px;font-weight:700;position:absolute;left:50%;transform:translateX(-50%);top:0}
.schNewCont dl dt.stepBox p{display:block;width:100%;line-height:24px;background:#f8f8f8;border:1px dashed #d94410;text-align:center;box-sizing:border-box;margin:0;padding:30px 20px 20px;border-radius:20px;font-size:15px}

.fill.web_01{height:2650px;background-image:url(/prep/img/fill/sch_web_001.jpg)}
.fill.web_02{height:2215px;background-image:url(/prep/img/sch_fill_prep.jpg)}
.fill.web_03{height:988px;background-image:url(/prep/img/fill/sch_web_003.jpg)}
.fill.web_04{height:2440px;background-image:url(/prep/img/fill/sch_web_004.jpg)}
.about.web_01{height:3239px;background-image:url(/prep/img/sch_about_web_prep.jpg)}
.about.web_01 .web_01_mo, .fill.web_02 .web_01_mo{ display:none; }
.fill,.about{width:100%;height:auto;overflow:hidden;position:relative;background-position:center top;background-repeat:no-repeat}
.about p.text,.fill p.text{position:fixed;bottom:-1000px}

.ytBox{width:100%;height:auto;overflow:hidden;text-align:center;padding-top:30px;position:relative}
.ytBox iframe{width:360px;height:220px;margin:0 auto}
.ytBox:after,.ytBox.dob:before{content:'';width:60px;height:60px;position:absolute;top:0;right:50%;margin-right:-200px;z-index:10;background-image:url(/prep/img/fill/yt_icon.png)}
.ytBox.dob:after{margin-right:-390px}
.ytBox.dob:before{margin-right:-20px}
.ytBox.pos1{margin-top:450px}
.ytBox.pos2{margin-top:180px}
.ytBox.pos3{margin-top:230px}
.ytBox.pos4{margin-top:200px}
.ytBox.pos5{margin-top:250px}
.ytMovBox{width:100%;height:auto;overflow:hidden;margin-top:30px}
.ytMovBox h2{display:block;width:100%;box-sizing:border-box;font-size:20px;line-height:60px;padding-left:70px;background-image:url(/prep/img/yt_ch_icon.jpg);background-repeat:no-repeat;background-position:left center;background-size:60px 60px}

.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 a{display:block;width:100%;height:auto;overflow:hidden}
.pop .popInner a img{max-width:100%}
.pop .popBtm{width:100%;height:auto;overflow:hidden;background:#222;padding:10px;box-sizing:border-box;margin-top:-3px}
.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}

.gnbNew{
    width:100%;
    height:auto;
/*    overflow:hidden;*/
    position:fixed;
    top:0px;
    left:0px;
    background:#fff;
    z-index:1000;
}

.gnbNew .gnbNewInner{
    width:100%;
    height:120px;
/*    overflow:hidden;*/
    margin:0 auto;
    position:relative;
    box-sizing:border-box;
    padding-top:70px;
}

.gnbNew .gnbNewInner a.schIgeLogo{
    display:block;
    width:200px;
    height:auto;
    overflow:hidden;
    position:absolute;
    left:50%;
    margin-left:-100px;
    top:10px;
}

.gnbNew .gnbNewInner a.schIgeLogo img{
    width:100%;
}

.gnbNew .gnbNewInner nav{
    width:100%;
    height:52px;
/*    overflow:hidden;*/
    box-sizing:border-box;
    background:#163961;
    border-top:1px solid #2d3c53;
    border-bottom:1px solid #2d3c53;
}

.gnbNew .gnbNewInner nav ul{
    width:1340px;
    height:auto;
/*    overflow:hidden;*/
    list-style: none;
    margin:0 auto;
    padding:0;
}

.gnbNew .gnbNewInner nav ul li{
    text-align:center;
    display:inline-block;
    padding:0;
    margin:0;
    float:left;
	width:14.2222%;
	position:relative;
}

.gnbNew .gnbNewInner nav ul li a:before{
    content: '';
    width: 1px;
    height: 22px;
    background: #3a526d;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.gnbNew .gnbNewInner nav ul li a:after{
    content: '';
    width: 1px;
    height: 22px;
    background: #061525;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.gnbNew .gnbNewInner nav ul li:first-child a:after,
.gnbNew .gnbNewInner nav ul li:last-child a:before{
    display:none;
}

.gnbNew .gnbNewInner nav ul li a{
    display:block;
    text-align:center;
    line-height:50px;
    font-size:16px;
    color:#fff;
    padding:0 20px;
    margin:0;
    text-decoration: none;
    font-weight:bold;
    position:relative;
    transition: all 0.5s ease;
}

.gnbNew .gnbNewInner nav ul li.on > a,
.gnbNew .gnbNewInner nav ul li:hover > a{
    background:#fff;
    color:#163961;
    transition: all 0.5s ease;
}

.gnbNew .gnbNewInner nav ul li.on > a:before,
.gnbNew .gnbNewInner nav ul li.on > a:after,
.gnbNew .gnbNewInner nav ul li:hover > a:before,
.gnbNew .gnbNewInner nav ul li:hover > a:after{
    display:none;
}

.gnbNew .gnbNewInner nav ul li:hover ul.subMenu{
	display:block;
}

.gnbNew .gnbNewInner nav ul li ul.subMenu{
	width:100%;
	height:auto;
	overflow:hidden;
	position:absolute;
	top:50px;
	left:0px;
	background-color:#163961;
	padding:10px 0;
	display:none;
}

.gnbNew .gnbNewInner nav ul li ul.subMenu li{
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
}

.gnbNew .gnbNewInner nav ul li ul.subMenu li a{
	color:#fff;	
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	line-height:40px;
	box-sizing:border-box;
    font-weight: 300;
}

.gnbNew .gnbNewInner nav ul li ul.subMenu li a:after,
.gnbNew .gnbNewInner nav ul li ul.subMenu li a:before{
	display:none;
}

.gnbNew .gnbNewInner nav ul li ul.subMenu li a:hover{
	color: #ffffff;
    font-weight: bold;
    background-color: #0c2140;
}

.gnbNew .gnbNewInner nav a.mo-menu-btn{
	width:42px;
	height:42px;
	position:fixed;
	top:75px;
	right:20px;
	display:none;
	text-decoration:none;
}

.gnbNew .gnbNewInner nav a.mo-menu-btn span.material-icons{
	width:100%;
	height:42px;
	display:block;
	line-height:42px;
	text-align:center;
	font-size:40px;
	color:#fff;
}

p.moSlogan{
	display:none;
}

.gnbNew .gnbNewInner .util{
    position: absolute;
    top: 26px;
    float: right;
	right:20px;
}

.gnbNew .gnbNewInner .util dl{
    margin:0;
}

.gnbNew .gnbNewInner .util dl dd{
    padding:0 5px;
    display: inline-block;
    margin: 0;
}

.gnbNew .gnbNewInner .util dl dd a{
    display:block;
    font-size:13px;
    line-height:20px;
    color:#666;
    text-decoration: none;
    font-weight: bold;
}

.gnbNew .gnbNewInner .util dl dd a:hover{
    text-decoration: underline;
}

.ytMovList{
    width:100%;
    height:auto;
    overflow:hidden;
    margin:0 auto;
    background:#111;
    padding-bottom:20px;
}

.prepSchCont h2,
.ytMovList h2{
    display:block;
    width:100%;
    line-height:40px;
    font-size:25px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    padding:20px 0 0px 0;
}

.prepSchCont h2 p,
.ytMovList h2 p{
    line-height:20px;
    font-size:15px;
    font-weight:normal;
}

.prepSchCont h2{
    color:#222;
}

.ytMovList ul{
    margin:0;
    padding:0;
    width:100%;
    height:auto;
    overflow:hidden;
}

.ytMovList ul li{
    width:10%;
    height:auto;
    overflow:hidden;
    float:left;
    display:inline-block;
    box-sizing:border-box;
    padding:0.5%;
}

.ytMovList ul li a{
    width:100%;
    display:block;
    text-decoration: none;
}

.ytMovList ul li a p{
    font-size:12px;
    color:#fff;
    text-align:center;
}

.ytMovList ul li a img{
    width:100%;
}

.ytMask{
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.8);
    z-index:2000;
    display:none;
}

.ytPop{
    width:1000px;
    height:700px;
    box-sizing:border-box;
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index:2100;
    display:none;
}

.ytPop a.closeYtPop{
    float:right;
    display:block;
    width:60px;
    height:30px;
    line-height:30px;
    box-sizing:border-box;
    border:1px solid #fff;
    text-align:center;
    font-size:13px;
    color:#fff;
    text-decoration: none;
    margin-bottom:20px;
}

section.prepSch{
    width:100%;
    height:auto;
    overflow:hidden;
    background:#f8f8f8;
    padding:30px;
    box-sizing:border-box;
}

section.prepSch.bgW{
    background:#fff;
}

.prepSchCont{
	width:1200px;
    height:auto;
    overflow:hidden;
    margin:0 auto;
}

.prepSchBoxList,
.prepSchList{
    width:100%;
    height:auto;
    overflow:hidden;
}

.prepSchBoxList ul,
.prepSchList ul{
    width:100%;
    height:auto;
    overflow:hidden;
    padding:20px 0;
    margin:0;
    list-style:none;
}

.prepSchList ul li{
    width:calc( 33.3333% - 20px );
    height:auto;
    overflow:hidden;
    float:left;
    padding:0 10px;
}

.prepSchList.movMainList ul li{
    width:calc( 25% - 20px );
}

.prepSchList ul li a{
    text-decoration:none;
}

.prepSchList.movMainList ul li .txtBox h3{
	font-size:15px;
	line-height:18px;
	min-height:36px;
}

/*.prepSchList ul li:last-child{*/
/*    padding-right:0px;*/
/*}*/

.prepSchList ul li .imgBox{
    width:100%;
    height:170px;
    overflow:hidden;
}

.prepSchList ul li .imgBox img{
    width:100%;
    display:block;
}

.prepSchList ul li .txtBox{
    width:100%;
    height:auto;
    overflow:hidden;
    box-sizing:border-box;
    padding:20px;
    background:#eee;
    border:1px solid #ccc;
    border-top:none;
}

.sjbBnn a .txtBox h3,
.sjbBnn a .txtBox p,
.prepSchBoxList ul li a .txtBox h3,
.prepSchBoxList ul li a .txtBox p,
.prepSchList ul li .txtBox h3,
.prepSchList ul li .txtBox p{
    padding:0;
    margin:0;
    color:#222;
}

.prepSchBoxList ul li a .txtBox h3,
.prepSchList ul li .txtBox h3{
    font-size:18px;
    line-height:30px;
}

.prepSchBoxList ul li a .txtBox h3{
    line-height:50px;
}

.sjbBnn a .txtBox h3,
.sjbBnn a .txtBox p,
.sjbBnn a .txtBox span{
    color:#fff;
}

.prepSchBoxList ul li{
    width:50%;
    float:left;
    box-sizing:border-box;
}

.prepSchBoxList ul li:nth-child(1),
.prepSchBoxList ul li:nth-child(3){
    padding-right:10px;
}

.prepSchBoxList ul li:nth-child(2),
.prepSchBoxList ul li:nth-child(4){
    padding-left:10px;
}

.prepSchBoxList ul li:nth-child(3),
.prepSchBoxList ul li:nth-child(4){
    padding-top:20px;
}

.prepSchBoxList ul li a{
    display:block;
    width:100%;
    height:auto;
    overflow:hidden;
    position:relative;
    box-sizing:border-box;
    padding-left:140px;
    border:1px solid #ccc;
    text-decoration: none;
}

.prepSchBoxList ul li a .imgBox{
    width:140px;
    height:140px;
    overflow:hidden;
    position:absolute;
    left:0px;
    top:0px;
}

.prepSchBoxList ul li a .imgBox img{
    /* width:100%; */
    height:140px;
    float:right;
}

.prepSchBoxList ul li a .txtBox{
    width:100%;
    height:140px;
    box-sizing:border-box;
    padding:20px;
}

.prepSchBoxList ul li a .txtBox span{
    color:#e67908;
}

.sjbBnn{
    width:100%;
    height:140px;
    background-image:url('../img/sjbBnn.jpg');
    background-color:#96241c;
    background-repeat: no-repeat;
    background-position: right top;
}

.sjbBnn a{
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 35px 0 0 40px;
}

h1.tagName{
    font-size: 20px;
    line-height: 50px;
    border-bottom: 1px solid #222;
}

.pau_homestay {
    box-sizing:border-box;
    padding:0 20px;
}

.pau_homestay img{
    max-width:100%;
}

.pau_homestay h3{
    display:block;
    font-size:18px;
}

.pau_homestay ul{
    list-style:none;
}

.pau_homestay ul li{
    box-sizing:border-box;
    padding-left:20px;
    position: relative;
    font-size:15px;
}

.pau_homestay ul li:before{
    content:'·';
    position: absolute;
    left:6px;
    top:0px;
    font-size:20px;
}

.schPage{
    height:auto !important;
    overflow: hidden !important;
    border-top:3px solid #0b2139;
}

.schPage a{
    display:block;
    line-height:30px;
    font-size:14px;
    box-sizing:border-box;
    text-decoration: none;
    height:30px !important;
    color:#222;
    padding-left:10px;
}

.schPage a:hover{
    background:#eee;
}

#ccc img,
.upimg{ max-width:100%; margin:10px 0; }

section.boTable table{

}

/* .schInfoNew p img{ display:none; } */

.eduContBox{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:150px;
}

.eduContBox h2{
	display:block;
	text-align:center;
	font-family: 'S-CoreDream-6Bold';
	font-size:28px;
	color:#222020;
}

.eduContBox h2 p{
	display:block;
	width:100%;
	font-size:15px;
	color:#898989;
	font-family: 'S-CoreDream-5Medium';
}

.eduContBox ul{
	width:100%;
	height:auto;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}

.eduContBox ul:not(.schoolList) li{
	margin-top:50px;
	font-weight:600;
	font-size:18px;
	color:#171720;
}

.eduContBox ul:not(.schoolList) li p{
	margin:10px 0 0 0;
	display:block;
	box-sizing:border-box;
	padding:0 40px 0 20px;
	font-size:16px;
	color:#171720;
	line-height:24px;
	font-weight:400;
}

.eduContBox ul.schoolList li{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	padding:25px 0;
	border-bottom:1px solid #eee;
}

.eduContBox ul.schoolList li a{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	min-height:170px;
	box-sizing:border-box;
	padding-left:190px;
	position:relative;
}

.eduContBox ul.schoolList li a .schImg{
	width:170px;
	height:170px;
	background:#f8f8f8;
	position:absolute;
	left:0px;
	top:0px;
}

.eduContBox ul.schoolList li a .schText{
	width:100%;
	height:auto;
	overflow:hidden;
}

.eduContBox ul.schoolList li a .schText h3,
.eduContBox ul.schoolList li a .schText p{
	display:block;
	text-align:left;
	margin:0;
	color:#80808a;
	font-size:15px;
	font-weight:400;
	line-height:24px;
	margin-top:10px;
}

.eduContBox ul.schoolList li a .schText p{
	height:72px;
}

.eduContBox ul.schoolList li a .schText h3{
	font-size:18px;
	margin-top:0px;
	font-weight:600;
	color:#171720;
}

.eduContBox ul.schoolList li a .schText dl{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:5px 0 0 0;
	padding:0;
}

.eduContBox ul.schoolList li a .schText dl dd{
	margin:0;
	line-height:20px;
	color:#80808a;
}

.eduContBox ul.schoolList li a .schText dl dd span{
	font-weight:600;
	margin-right:10px;
	color:#171720;
}

.schDetailBox{
	width:900px;
	height:80%;
	overflow:auto;
	background:#fff;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:100000;
}

.schDetailBox .schDetailTop.sch1{ background-image:url('../img/toronto_sch_top_01.jpg'); }
.schDetailBox .schDetailTop.sch2{ background-image:url('../img/toronto_sch_top_02.jpg'); }
.schDetailBox .schDetailTop.sch3{ background-image:url('../img/toronto_sch_top_03.jpg'); }
.schDetailBox .schDetailTop.sch4{ background-image:url('../img/toronto_sch_top_04.jpg'); }
.schDetailBox .schDetailTop.sch5{ background-image:url('../img/toronto_sch_top_05.jpg'); }
.schDetailBox .schDetailTop.sch6{ background-image:url('../img/toronto_sch_top_06.jpg'); }
.schDetailBox .schDetailTop.sch7{ background-image:url('../img/toronto_sch_top_07.jpg'); }

.schDetailBox .schDetailTop.sch8{ background-image:url('../img/toronto_sch_top_08.jpg'); }
.schDetailBox .schDetailTop.sch9{ background-image:url('../img/toronto_sch_top_09.jpg'); }

.schDetailBox .schDetailTop{
	width:100%;
	height:630px;
	overflow:hidden;
	box-sizing:border-box;
	position:relative;
	padding:30px;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-color:#222;
	background-position:left bottom;
}

.schDetailBox .schDetailTop h2{
	font-family: 'S-CoreDream-6Bold';
	font-size:28px;
	color:#fff;
	line-height:50px;
	margin:0px;
	padding-top:20px;
}

.schDetailBox .schDetailTop a.closeBtn{
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	right:20px;
	top:20px;
	text-indent:-9999px;
}

.schDetailBox .schDetailTop a.closeBtn:after,
.schDetailBox .schDetailTop a.closeBtn:before{
	content:'';
	width:30px;
	height:3px;
	background:#fff;
	position:absolute;
	transform:rotate(45deg);
	top:18px;
	right:5px;
}

.schDetailBox .schDetailTop a.closeBtn:after{
	transform:rotate(135deg);
}

.schDetailBox .schDetailTop a.website{
	display:inline-block;
	color:#fff !important;
	font-size:15px;
	font-weight:500;
	padding-left:30px;
	line-height:30px;
	position:relative;
}

.schDetailBox .schDetailTop a.website:before{
	content:'';
	width:30px;
	height:30px;
	background-image:url('../img/homepage.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:18px 18px;
	position:absolute;
	left:0px;
	top:0px;
}

.schDetailBox .schDetailTop .schDetailDesc{
	width:100%;
	height:auto;
	overflow:hidden;
	position:absolute;
	left:0px;
	bottom:0px;
	box-sizing:border-box;
	padding:20px;
	background:rgba(34,34,34,0.8);
}

.schDetailBox .schDetailTop .schDetailDesc p{
	display:block;
	font-size:16px;
	line-height:24px;
	color:#fff;
}

.schDetailBox .schDetailInfo{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:50px 0;
}

.schDetailBox .schDetailInfo dl{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
}

.schDetailBox .schDetailInfo dl dd{ 
	margin:0;
	width:50%;
	float:left;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:20px 40px;
	position:relative;
}

.schDetailBox .schDetailInfo dl dd:before{ 
	content:'';
	width:2px;
	height:20px;
	background:#b1b1b1;
	opacity:0.5;
	position:absolute;
	left:25px;
	top:22px;
}

.schDetailBox .schDetailInfo dl dd span{ 
	font-size:18px;
	color:#171720;
	font-weight:500;
	display:block;
}

.schDetailBox .schDetailInfo dl dd p{ 
	margin:0;
	font-size:15px;
	color:#171720;
	font-weight:300;
	display:inline-block;
	margin-top:10px;
	height:30px;
}

.schDetailBox .schDetailInfo dl dd p a{
	color:#385dff !important;
}

.schDetailBox .schDetailCont{ 
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:50px 30px;
}

.schDetailBox .schDetailCont.gray,
.schDetailBox .schDetailCont.sports{ 
	background-color:#f8f8f8;
}

.schDetailBox .schDetailCont h4{ 
	font-size:18px;
	color:#171720;
	font-weight:500;
	line-height:40px;
	padding-left:20px;
	position:relative;
	margin:0;
}

.schDetailBox .schDetailCont h4:before{ 
	content: '';
    width: 3px;
    height: 20px;
    background: #c8c8c8;
    position: absolute;
    left: 0px;
    top: 10px;
}

.schDetailBox .schDetailCont p{ 
	padding-left:20px;
	font-size:14px;
}

.schDetailBox .schDetailCont p b{ 
	font-weight:600;
}

.schDetailBox .schDetailCont ul,
.schDetailBox .schDetailCont ol,
.schDetailBox .schDetailCont dl{ 
	margin:0;
}

.schDetailBox .schDetailCont ul li{  
	margin:0;
	font-size:16px;
	padding-top:15px;
}

.schDetailBox .schDetailCont ol li{  
	margin:0;
	font-size:14px;
	padding-top:5px;
	font-weight:600;
}

.schDetailBox .schDetailCont dl{
	float:left;
	padding-top:20px;
}

.schDetailBox .schDetailCont dl.wd50{
	width:50%;
}

.schDetailBox .schDetailCont dl.wd30{
	width:33.3333%;
}

.schDetailBox .schDetailCont dl dd{ 
	margin:0;
	font-weight:400;
	font-size:14px;
	width:100%;
	box-sizing:border-box;
	padding-left:20px;
	position:relative;
}

.schDetailBox .schDetailCont dl dd:before{ 
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #222;
    position: absolute;
    left: 7px;
    top: 10px;
}

.schDetailBox .schDetailCont .schDetailSub{  
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:5px 20px;
}

#googleMap{ cursor:pointer; color:#385dff;}

.schDetailImg{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	margin-top:20px;
}

.schDetailImg img{
	max-width:100%;
}

.schRank{width:100%; height:auto;overflow:hidden;box-sizing:border-box;padding:20px 0 120px 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;}
.schRank .schRankList ul{width:100%;height:auto;overflow:hidden;margin:0;padding:0;}
.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.main-prep{ max-width:1200px; margin:0 auto; }

.schRank.main-prep h3{
	max-width:1200px;
	margin:0 auto;
	padding-bottom:40px;
}

.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}

.schRank.case .schRankList ul.main-prep-rank{
	transition:all 0.5s ease;
}

.schRank.case .schRankList ul.main-prep-rank li{ 
	width:380px;
	float:left;
}

.schRank.case.main-prep .schRankList{
	width:100%;
	height:480px;
	overflow:hidden;
}


.mngAbWrap{
	width:100%;
	height:auto;
	overflow:hidden;
}

.mngAbWrap .mngAbTop{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:20px;
}

.mngAbWrap .mngAbTop h2{
	display:block;
	font-size:28px;
	line-height:40px;
	padding:20px 0 20px 80px;
	position:relative;
}

.mngAbWrap .mngAbTop h2 br{
	display:none;
}

.mngAbWrap .mngAbTop h2 p{
	margin:0;
}

.mngAbWrap .mngAbTop h2 span{
    display: inline-block;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 9px;
    background-color: #222;
    color: #fff;
    font-size: 18px;
	margin-left:-10px;
}

.mngAbWrap .mngAbTop h2 i{
    position: absolute;
    left: 0px;
    top: 20px;
    font-size: 40px;
}

.mngAbWrap .mngAbMap{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:50px;
}

.mngAbWrap .mngAbMap p{
	line-height:32px;
	font-size:18px;
	color:#222;
	display:block;
	text-align:center;
}

.mngAbWrap .mngAbMap.set p{
	color:#222;
	display:block;
	text-align:left;
	line-height: 40px;
    font-size: 23px;
    font-weight: 600;
}

.mngAbWrap .mngAbMap .mngAbMapImg{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:20px;
}

.mngAbWrap .mngAbMap .mngAbMapImg img{
	width:100%;
}

.mngAbWrap .mngAbMov,
.mngAbWrap .mngAbTimetbl,
.mngAbWrap .mngAbPhoto{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:40px;
}

.mngAbWrap .mngAbMov h3,
.mngAbWrap .mngAbTimetbl h3,
.mngAbWrap .mngAbPhoto h3{
	display:block;
	line-height:40px;
	font-size:23px;
	font-weight:600;
}

.mngAbWrap .mngAbMov h3 i{
	color:#ed2727;
	font-size:28px;
}

.mngAbWrap .mngAbSchInfo{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:50px;
}

.mngAbWrap .mngAbSchInfo .mngAbSchInfoTop{
	text-indent:-9999px;
	width:100%;
	display:block;
	height:670px;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
}

.mngAbWrap .mngAbSchInfo.sjb .mngAbSchInfoTop{
	background-image:url('../img/SJB_top_info.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.mngAbWrap .mngAbSchInfo.wgss .mngAbSchInfoTop{
	background-image:url('../img/wgss_top_info.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.mngAbWrap .mngAbSchInfo.lss .mngAbSchInfoTop{
	background-image:url('../img/lss_top_info.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.mngAbWrap .mngAbSchInfo.aquinas .mngAbSchInfoTop{
	background-image:url('../img/aquinas_top_info.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.mngAbWrap .mngAbMap.set .mngAbMapSet{
	width:100%;
	height:auto;
	overflow:hidden;
}

.mngAbWrap .mngAbMap.set .mngAbMapSet ul{
	width:100%;
	height:auto;
	overflow:hidden;
	list-style:none;
	padding:0;
}

.mngAbWrap .mngAbMap.set .mngAbMapSet ul li{
	width:33.3333%;
	height:auto;
	box-sizing:border-box;
	padding:30px;
	text-align:center;
	float:left;
}

.mngAbWrap .mngAbMap.set .mngAbMapSet.prb ul li{
	width:25%;
}

.mngAbWrap .mngAbMap.set .mngAbMapSet ul li > p.map-desc{
	font-size:15px;
	line-height:20px;
	text-align:center;
}

.mngAbWrap .mngAbMap.set .mngAbMapSet ul li .map-img{
	width:100%;
	height:auto;
	overflow:hidden;
}

.mngAbWrap .mngAbMap.set .mngAbMapSet ul li .map-img img{
	max-width:100%;
	box-sizing:border-box;
	border:1px solid #eee;
}

/**/

.mngAbWrap .mngAbSchInfo h2{
	margin-top:30px;
	display:block;
}

.mngAbWrap .mngAbSchInfo p{
	line-height:28px;
	font-size:18px;
	color:#222;
	display:block;
	box-sizing:border-box;
	padding:20px;
	background-color:#f8f8f8;
}

.mngAbWrap .mngAbSchInfo .mngAbSchTbl{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:30px;
}

.mngAbWrap .mngAbSchInfo .mngAbSchTbl table{
	width:100%;
	height:auto;
	overflow:hidden;
	border-collapse: collapse;
}

.mngAbWrap .mngAbSchInfo .mngAbSchTbl table th,
.mngAbWrap .mngAbSchInfo .mngAbSchTbl table td{
	color:#222;
	line-height:22px;
	vertical-align:top;
	box-sizing:border-box;
	padding:20px 10px;
	border-bottom:1px solid #eee;
}

.mngAbWrap .mngAbSchInfo .mngAbSchTbl table th{
	font-size:18px;
	font-weight:600;
	padding-bottom:50px;
	width:220px;
	text-align:left;
}

.mngAbWrap .mngAbSchInfo .mngAbSchTbl table td{
	font-size:16px;
	font-weight:400;
	opacity:0.8;
}

.mngAbWrap .mngAbSchInfo .mngAbSchTbl table td dl dt{
	display:none;
}

.mngAbWrap .mngAbSchInfo .mngAbSchTbl table td dl dd{
	margin:0;
}

.mngAbWrap .mngAbSchInfo .mngAbSchTbl table tr:first-child th,
.mngAbWrap .mngAbSchInfo .mngAbSchTbl table tr:first-child td{
	border-top:1px solid #222;
}

.mngAbWrap .mngAbSchInfo .mngAbSchTbl table tr:last-child th,
.mngAbWrap .mngAbSchInfo .mngAbSchTbl table tr:last-child td{
	border-bottom:1px solid #222;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:30px;
	box-sizing:border-box;
	padding:0 20px;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox h4{
	display:block;
	line-height:40px;
	font-size:19px;
	font-weight:600;
	margin:0;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable{
	width:100%;
	height:auto;
	overflow:hidden;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table{
	width:100%;
	height:auto;
	overflow:hidden;
	table-layout:fixed;
	border-collapse: collapse;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table td{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:center;
	box-sizing:border-box;
	padding:10px;
	font-size:16px;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table tr td:last-child{
	border-right:none;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table tr td.brd-btm,
.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table tr:last-child td{
	border-bottom:1px solid #ccc;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table tr:first-child td{
	border-left:none;
	border-right:none;
	border-top:1px solid #222;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table tr:first-child td.time{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table tr td.brd-left{
	border-left:1px solid #ccc;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table tr:first-child td.time:first-child{
	border-left:none;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table td.selDay{
	background-color:rgb(166 248 224 / 35%);
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table td.time{
	background-color:rgb(0 0 0 / 5%);
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table td.time br{
	display:none;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table.td5ea td{
	width:20%;
}

.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table.td7ea td{
	width:14.4444%;
}

.mngAbWrap .mngAbPhoto .schInfoPhotoList{
	width:100%;
	height:500px;
	overflow:hidden;
}

.mngAbWrap .mngAbPhoto .schInfoPhotoList .bx-wrapper{
	height:500px;
}

.mngAbWrap .mngAbPhoto .schInfoPhotoList img{
	max-width:100%;
}

.mngAbWrap .mngAbExtra{
	width:100%;
	height:auto;
	overflow:hidden;
}

.mngAbWrap .mngAbExtra ul{
	width:100%;
	height:auto;
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0;
}

.mngAbWrap .mngAbExtra ul li{
	width:calc(33% - 20px);
	height:auto;
	overflow:hidden;
	margin-right:20px;
	background-color:#f8f8f8;
	text-align:center;
	box-sizing:border-box;
	padding:30px 0;
	float:left;
	border-top:1px solid #222;
}

.mngAbWrap .mngAbExtra ul li h4{
	font-size:20px;
}

.mngAbWrap .mngAbExtra ul li a{
	display:inline-block;
	background-color:#222;
	color:#fff !important;
	line-height:24px;
	font-size:13px;
	padding:0 15px;
	border-radius:5px;
}

.gnbNew.gdan-gnb-top{
	position: relative;
	top: inherit;
	left: inherit;
}

.gdan-wrap{
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
}

.gdan-wrap .gdan-gnb,
.gdan-wrap .gdan-lnb{
	width:20%;
	height:calc(100vh - 120px);
	position:fixed;
	top:120px;
	left:0px;
	background-color:#f8f8f8;
	box-sizing:border-box;
	border-right:1px solid #ccc;
	z-index:100;
	transition:all 0.5s ease;
}

.gdan-wrap.onScroll .gdan-gnb,
.gdan-wrap.onScroll .gdan-lnb{
	height:100vh;
	top:0px;
	transition:all 0.5s ease;
}

.gdan-wrap .gdan-gnb h3{
	font-size:30px;
	font-weight:700;
	margin:0;
	padding:25px 60px 25px 0;
	line-height:30px;
	text-align:right;
	box-sizing:border-box;
}

.gdan-wrap .gdan-gnb h3 p{
	display:inline-block;
	margin-right:5px;
	font-weight:900;
	color:#163961;
	margin:0;
}

.gdan-wrap .gdan-gnb h3 span{
	display:block;
	width:100%;
	line-height:24px;
	font-size:14px;
	text-align:right;
	font-weight:300;
	box-sizing:border-box;
	padding-right:5px;
	margin-top:10px;
}

.gdan-wrap .gdan-gnb ul,
.gdan-wrap .gdan-lnb ul{
	padding:0;
	margin:0;
	list-style:none;
}

.gdan-wrap .gdan-gnb ul li{
	display:block;
	padding:5px 0 5px 0;
	box-sizing:border-box;
	text-align:right;
}

.gdan-wrap .gdan-gnb ul li a{
    display: inline-block;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
	opacity:0.5;
	box-sizing:border-box;
	padding:10px 60px 10px 20px;
	position:relative;
}

.gdan-wrap .gdan-gnb ul li a:hover{
	background-color:#efefef;
}

.gdan-wrap .gdan-gnb ul li.active a{
	opacity:1;
	border: 1px solid #d1e6ff;
    border-right: none;
	background-color:#effeff
}

.gdan-wrap .gdan-gnb ul li.active a:after{
    content: '';
    width: 2px;
    height: 100%;
    background-color: #163961;
    position: absolute;
    right: -1px;
    top: 0px;
}

.gdan-wrap .gdan-lnb{
	left: inherit;
    right: 0px;
    border-right: none;
    border-left: 1px solid #eee;
	padding-top:40px;
}

.gdan-wrap .gdan-lnb ul{
	display:none;
}

.gdan-wrap .gdan-lnb ul.onLnb{
	display:block;
}

.gdan-wrap .gdan-lnb h4{
	display:block;
	box-sizing:border-box;
	padding-left:20px;
	font-size:12px;
	font-weight:400;
	color:#163961;
	opacity:0.7;
}

.gdan-wrap .gdan-lnb ul li{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:5px 10px 5px 20px;
}

.gdan-wrap .gdan-lnb ul li a{
	display:inline-block;
	padding:5px 0;
	line-height:18px;
	font-size:14px;
	font-weight:400;
	opacity:0.7;
	position:relative;
}

.gdan-wrap .gdan-lnb ul li.active a{
	color: #163961 !important;
    opacity: 1;
    font-weight: 500;
}

.gdan-wrap .gdan-lnb ul li.active a:before{
    content: '';
    width: 2px;
    height: 100%;
    background-color: #163961;
    position: absolute;
    left: -21px;
    top: 0px;	
}

.gdan-wrap .gdab-contents{
	width:100%;
	height:auto;
	overflow:hidden;
}

.gdan-wrap .gdab-contents .gdab-inner-contents{
	width:100%;
	height:auto;
	overflow:hidden;
	min-height:4000px;
	position:relative;
	box-sizing:border-box;
	padding-left:20%;
	padding-right:20%;
	background-color:#fff;
}

.gdan-wrap .gdab-contents .gdab-inner-contents .gdab-st-contents,
.gdab-st{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
}

.gdab-st{
	padding:50px 40px 30px 40px;
}

.gdab-st-tit{
    font-size: 28px;
    line-height: 34px;
    color: #e74297;
}

.gdab-st-txt{
	font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    color: #222;
	margin:50px 0;
}

.gdab-pt{
	width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 40px 20px;	
}

.gdab-pt-tit,
.gdab-pt-tit-sub{
	font-size: 20px;
    line-height: 34px;
    color: #379c9d;
}

.gdab-pt-txt{
	font-size: 16px;
    line-height: 32px;
    font-weight: 500;
	margin:50px 0;
}

.gdab-txt{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}

.gdab-txt p{
	margin:0;
}

.gdab-txt.point{
    border:1px solid #eee;
	background-color:#f8f8f8;
}

p.gdab-txt-txt{
	font-size: 15px;
    line-height: 30px;
    font-weight: 500;
	margin:50px 0;
}

ul.gdab-txt-list{
	margin:20px 0;
	padding:0;
	list-style:none;
}

ul.gdab-txt-list li{
	font-size: 15px;
    line-height: 24px;
    font-weight: 500;
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
	box-sizing:border-box;
    padding: 10px 0 10px 30px;
	position:relative;
	color:#323c47;
}

ul.gdab-txt-list li:not(.hasImg):before{
	content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 2px solid #323c47;
    background:#323c47;
    position: absolute;
    left: 12px;
    top: 18px;
    transform: rotate(45deg);
}

ul.gdab-txt-list li.hasImg{
	padding-left:0;
}

.gdab-photo{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:20px 0;
}

.gdab-photo img{
	max-width:100%;
}

/* college */

.content{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding-top:0px;display:none;}
.content.on{display:block;}
.content section{width:100%;height:auto;overflow:hidden}
.content.main{background-image:url(/prep/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('../img/intro_bg_001.jpg'); }
.content section.prologue .prgText.typeC{ background-image: url('../img/intro_bg_002.jpg'); }
.content section.prologue .prgText.typeD{ background-image: url('../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; }

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


.moBtm{display:none}

.moMainTop.univ{background-image:url(/prep/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;min-height:60px;margin:0;}
.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(/prep/img/btm_icon_map.png)}
.btm .btmInner ul li a.ViewYtb{background-image:url(/prep/img/btm_icon_ytb.png)}
.btm .btmInner ul li a.ViewKko{background-image:url(/prep/img/btm_icon_kko.png)}
.btm .btmInner ul li a.ViewNvt{background-image:url(/prep/img/btm_icon_nvt.png)}
.btm .btmInner ul li a.gotoTop{background-image:url(/prep/img/btm_icon_top.png)}
.btm .btmInner ul li a.viewHome{background-image:url(/prep/img/btm_icon_home.png)}
.btm .btmInner ul li a.ViewBack{background-image:url(/prep/img/btm_icon_back.png)}
.btm .btmInner ul li a.ViewFrwd{background-image:url(/prep/img/btm_icon_frwd.png)}
.btm .btmInner ul li a.ViewShare{background-image:url(/prep/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(/prep/img/btm_icon_kko.png)}
.btmShare ul li a.link{background-image:url(/prep/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:25%; 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('../img/aptopbg.jpg'); }
.gpaInfoTop.major{ background-image:url('../prep/img/board/majorMain.jpg'); background-size:100% auto; }
.gpaInfoTop{ background-image:url('../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;
}

.content section .contentInner.board{
    padding:0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.content section .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;
}

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

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

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

.content section .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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.content section .contentInner.board .boardCont .boardBtn .boardBtnLeft a,
.content section .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;
}

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

.content section .contentInner.board .boardCont .boradbody ul{
    width:100%;
    height:auto;
    overflow:hidden;
	padding-left:0px;
}

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

.content section .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;
}

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

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

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

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

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

.content section .contentInner.board .boardCont .boradbody ul li.prev a:before,
.content section .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:15px;
}

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

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

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

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

.content section .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;
}

.content section .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;
}

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

.content section .contentInner.board .boardCont .boradbody ul li.noImg a .txtBox{
    min-height:170px;
}

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

.content section .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;
	margin:0;
}

.content section .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;
}

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

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

.content section .contentInner.board .boardCont .boardViewTop dl dd,
.content section .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;
	margin-left:0px;
}

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

.content section .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; }

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



.content section .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;
}

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

.content section .contentInner.boardContArea .boardContBox dl.addressBox dd,
.content section .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;
}

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

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

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

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

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

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

.content section .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;
}

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

.content section .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);
}

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

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

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

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

.content section .contentInner.board .boardCont .boardView ol{
	list-style:none;
	padding:0;
}

.content section .contentInner.board .boardCont .boardView,
.content section .contentInner.board .boardCont .boardView strong{
    line-height:40px;
    font-size:20px;
}

.content section .contentInner.board .boardCont .boardView p,
.content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox h4{
    display:block;
    line-height:40px;
    font-size:20px;
}

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

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

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

.content section .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;
}

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

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

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

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

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

.content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table th,
.content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table td,
.content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table thead th,
.content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table tbody td{ font-size:16px; height:50px; text-align:center; }
.content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table th,
.content section .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; }
.content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table td,
.content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table tbody td{ background:#fff; border-bottom:1px solid #eee; }

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

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

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

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

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

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

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

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

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

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

.content section .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;
}

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

.content section .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;
}

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

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

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

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

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

.content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dt.title span,
.content section .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;
}

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

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

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

.content section .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;
}

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

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

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

.content section .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;
}

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

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

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

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

.content section .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;
}

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

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

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

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

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

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

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

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

.content section .contentInner.boardNoteArea .noteBox p span,
.content section .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;
}

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

.content section .contentInner.boardNoteArea .noteBox p u b,
.content section .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;
}

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

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

.content section .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;
}

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

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

.content section .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;
}

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

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

.content section .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;
}               


.prep-sub-top{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:60px 0;
	border-bottom: 1px solid #ccc;
}

.prep-sub-top p,
.prep-sub-top h2{
	margin:0;
	font-family: 'Gowun Dodum', sans-serif;
}

.prep-sub-top h2{
	display:inline-block;
	line-height:40px;
	font-size:35px;
	font-weight:bold;
	float:left;
}

.prep-sub-top p{
    display: inline-block;
    line-height: 22px;
    font-size: 15px;
    font-weight: bold;
    float: left;
    margin-left: 20px;
    padding: 0 16px;
	color:#fff;
    background-color:#1d3962;
    border-radius: 35px;
    margin-top: 11px;
}

table.prep-photo-tbl table,
table.prep-photo-tbl{
	width:100%;
	height:auto;
	overflow:hidden;
}

table.prep-photo-tbl td.tbl-box{
	box-sizing:border-box;
	width:20%;
	padding:10px;
}

table.prep-photo-tbl td.prep-photo-box img{
	width:100% !important;
	height:180px !important;
	box-sizing:border-box;
	border:1px solid #eee;
}

a.photo-title{
	display:block;
	width:100%;
	font-size:15px;
	line-height:20px;
	text-align:left;
	padding:10px 0;
	height:60px;
	overflow:hidden;
}

.prep-reply{
	width:100% !important;
}


.pt-wrap{
	width:100%;
	height:auto;
	overflow:hidden;
}

.pt-wrap .pt-top{
	width:100%;
	height:150px;
	background-image:url('/edu/contents/img/pretraining/pretraining_top.jpg');
	background-position:center top;
	background-repeat:repeat-x;
}

.pt-wrap .pt-tab{
	width:1200px;
	height:50px;
	margin:60px auto 30px auto;
}

.pt-wrap .pt-tab ul{
	margin:0;
	padding:0;
}

.pt-wrap .pt-tab ul li{
	display:inline-block;
	float:left;
}

.pt-wrap .pt-tab ul li a{
	display:inline-block;
	line-height:50px;
	padding:0 30px;
	font-size:18px;
	font-weight:600;
	color:#767676;
	background-color:#e7e7e7;
	text-decoration:none;
}

.pt-wrap .pt-tab ul li.on a,
.pt-wrap .pt-tab ul li a:hover{
	background-color:#0d203b;
	color:#fff !important;
}

.pt-wrap .pt-content{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:30px auto;
}


.pt-wrap .pt-content .pt-sub-title-tab{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:20px 0 0 0;
	margin-top:50px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}

.pt-wrap .pt-content .pt-sub-title-tab ul{
	list-style:none;
	padding:0;
	margin:0;
}

.pt-wrap .pt-content .pt-sub-title-tab ul li{
	width:160px;
	height:auto;
	overflow:hidden;
	display:inline-block;
	float:left;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.pt-wrap .pt-content .pt-sub-title-tab ul li:last-child{
	border-right:1px solid #ccc;
}

.pt-wrap .pt-content .pt-sub-title-tab ul li a{
	display:block;
	line-height:50px;
	font-size:16px;
	text-align:center;
	transition:all 0.5s ease;
	opacity:0.7;
}

.pt-wrap .pt-content .pt-sub-title-tab ul li.on a{
	background-color:#223963;
	color:#fff !important;
	font-size:18px;
	opacity:1;
}

.pt-wrap .pt-content .pt-sub-title-tab ul li:last-child.on a{
    background-color: #41a01a;
}

.pt-wrap .pt-content .pt-sub-title-tab ul li:hover:not(.on) a{
	background-color:#f8f8f8;
	opacity:1;
}


.pt-wrap .pt-content .pt-cont-box{
	width:100%;
	height:auto;
	overflow:hidden;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-poster,
.pt-wrap .pt-content .pt-cont-box .pt-box-text{
	width:440px;
	height:auto;
	overflow:hidden;
	float:left;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-poster{
	width:440px;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-poster img{
	width:400px;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-text{
	width:calc(100% - 440px);
}

.pt-wrap .pt-content .pt-cont-box.wide .pt-box-text{
	width:100%;
}

.pt-wrap .pt-content .pt-cont-box.pre .pt-box-text{
	width:50%;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:30px;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label h3{
	display:block;
	line-height:24px;
	font-size:20px;
	font-weight:600;
	color:#0d203b;
	padding:5px 15px;
	position:relative;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label h3:before{
	content:'';
	width:4px;
	height:100%;
	background-color:#0d203b;
	position:absolute;
	left:0px;
	top:0px;
}

.pt-wrap .basic-area .pt-content .pt-cont-box .pt-box-text .pt-text-label h3{
	color:#41a01a;
}

.pt-wrap .basic-area .pt-content .pt-cont-box .pt-box-text .pt-text-label h3:before{
	background-color:#41a01a;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label h3 span{
	display:block;
	font-size:14px;
	font-weight:400;
	color:#b8b8b8;
	margin-bottom:5px;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:20px;
	box-sizing:border-box;
	padding:0 15px;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc p{
	font-size:14px;
	line-height:24px;
	font-weight:600;
	color:#222;
	margin:0;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc p span{
	clear:both;
	font-size:14px;
	line-height:16px;
	display: inline-block;
	margin-top:10px;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc p span.red{
	color:#e62a2a;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc p u{
	display:inline-block;
	text-decoration:none;
	border-bottom: 1px solid #222;
}

.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc p b{
	color:#0179ff;
}

.pt-wrap .pt-content.app{
	width:100%;
	background-color:#0d203b;
	border-radius:30px;
}

.pt-wrap .pt-content.app.btm{
	margin-bottom:0px;
	background-color:#222;
}

.pt-wrap .pt-content.app .pt-cont-box{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:30px auto;
}


.pt-wrap .pt-content.app .pt-cont-box .pt-box-text .pt-text-label h3{
	color:#fff;
	padding-left:70px;
}

.pt-wrap .pt-content.app .pt-cont-box .pt-box-text .pt-text-label h3:before{
/*	background-color:#fff;*/
}

.pt-wrap .pt-content.app .pt-cont-box .pt-box-text .pt-text-label h3 span{
	color:#fff;
	opacity:0.4;
}

ul.pt-app{
	margin:0;
	padding:0;
	list-style:none;
}

ul.pt-app li{
	width:40%;
	float:left;
	box-sizing:border-box;
	padding:15px;
	position:relative;
	list-style:none;
}

ul.pt-app li.step{
	width:80%;
	padding:15px 15px 15px 200px;
}

ul.pt-app li.step::before{
    content: 'Step 01';
    position: absolute;
    left: 30px;
    top: 57px;
    color: #fff;
    font-size: 25px;
}

ul.pt-app li.step::after{
	content: '▼';
    position: absolute;
    left: 69px;
    top: 117px;
    color: #fff;
    font-size: 10px;
    opacity: 0.2;
}

ul.pt-app li.step:nth-child(2):before{
    content: 'Step 02';
}

ul.pt-app li.step:nth-child(3):before{
    content: 'Step 03';
}

ul.pt-app li.step:nth-child(4):before{
    content: 'Step 04';
}

ul.pt-app li.step:nth-child(4):after{
	display:none;
}

ul.pt-app li.infoBox{
	width:100%;
}

ul.pt-app li a{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:20px;
	background-color:#fff;
	text-decoration:none;
	line-height:40px;
	padding-left:120px;
	border-radius:8px;
	text-align:center;
	position:relative;
}

ul.pt-app li a.apy{
	color:#fff !important;
	background-color:transparent;
	border:2px solid #fff;
}

ul.pt-app li a.apy p{
	color:#fff !important;
}

ul.pt-app li a.apy:hover{
	color:#222 !important;
	background-color:#fff;
}

ul.pt-app li a.apy:hover p{
	color:#222 !important;
}

ul.pt-app li a:before{
	content:'';
	width:120px;
	height:88px;
	position:absolute;
	left:8px;
	top:8px;
	background-position:center center;
}

ul.pt-app li a.kko:before{
	background-image:url('https://www.ige.kr/edu/contents/img/pretraining/pretraining_app_1.png');
}

ul.pt-app li a.gle:before{
	background-image:url('https://www.ige.kr/edu/contents/img/pretraining/pretraining_app_2.png');
}

ul.pt-app li a.nvc:before{
	background-image:url('https://www.ige.kr/edu/contents/img/pretraining/pretraining_app_3.png');
}

ul.pt-app li a.ytb:before{
	background-image:url('https://www.ige.kr/edu/contents/img/pretraining/pretraining_app_4.png');
}

ul.pt-app li a.lvt:before{
	background-image:url('https://www.ige.kr/edu/contents/img/pretraining/pretraining_app_5.png');
}

ul.pt-app li a.class:before{
	background-image:url('https://www.ige.kr/edu/contents/img/pretraining/pretraining_app_6.png');
}

ul.pt-app li a.apy:before{
	background-image:url('https://www.ige.kr/edu/contents/img/pretraining/pretraining_app_7.png');
}

ul.pt-app li a.lvt,
ul.pt-app li a.class{
	pointer-events: none;
}

ul.pt-app li a.nvc h4{
	color:#00c73c;
}

ul.pt-app li a.ytb h4{
	color:#fd0300;
}

ul.pt-app li a h4{
	margin:0;
	font-size:20px;
	font-weight:600;
}

ul.pt-app li.infoBox dl,
ul.pt-app li.infoBox dl dt,
ul.pt-app li.infoBox dl dd{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:600;
	color:#fff;
}

ul.pt-app li.infoBox dl dt{
	margin-top:40px;
	font-size:24px;
	padding-bottom:15px;
}

ul.pt-app li.infoBox dl dd{
	padding:10px 0 5px	0;
	box-sizing:border-box;
	padding-left:20px;
}

ul.pt-app li.infoBox dl.info dt,
ul.pt-app li.infoBox dl.info dd{
	font-size:14px;
	color:#fff;
}

ul.pt-app li.infoBox dl.info dt{
	font-size:20px;
	color:#d4ff11;
}

.pt-wrap .pt-box-photo{
	width:100%;
	height:auto;
	overflow:hidden;
}

.pt-wrap .pt-box-photo .pt-photo-list div{
	padding:15px;
}

.pt-wrap .pt-box-photo .pt-photo-list div img{
	height:580px;
	-webkit-box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.49);
	-moz-box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.49);
	box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.49);
}

.pt-wrap .pt-box-photo .pt-photo-list button.slick-arrow{
	text-indent:-9999px;
	width:80px;
	height:80px;
	background-color:#fff;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:1000;
	border:none;
	border-radius:50%;
	background-size:22px auto;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.49);
	-moz-box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.49);
	box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.49);
}

.pt-wrap .pt-box-photo .pt-photo-list button.slick-arrow.slick-prev{
	left:100px;
	background-image:url('../..//edu/img/btn_left.png');
}

.pt-wrap .pt-box-photo .pt-photo-list button.slick-arrow.slick-next{
	right:100px;
	background-image:url('../..//edu/img/btn_right.png');
}
.timeTable{
	width:100%;
	height:auto;
	overflow:hidden;
}

.timeTable table{
	width:100%;
	height:auto;
	overflow:hidden;
	table-layout:fixed;
	border-collapse: collapse;
}

.timeTable table td{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:center;
	box-sizing:border-box;
	padding:10px 30px;;
	font-size:18px;
	font-weight:600;
	line-height:30px;
}

.timeTable table tr td.txtl{
	text-align:left;
}

.timeTable table td.brd-r{
	border-right:1px solid #ccc !important;
}

.timeTable table td.brd-bt{
	border-bottom:1px solid #ccc !important;
}

.timeTable table tr td:last-child{
	border-right:none;
}

.timeTable table tr:last-child td{
	border-bottom:1px solid #ccc;
}

.timeTable table tr:first-child td{
	border-left:none;
	border-right:none;
	border-top:1px solid #222;
}

.timeTable table tr:first-child td.time{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

.timeTable table tr:first-child td.time:first-child{
	border-left:none;
}

/*.timeTable table td.selDay{*/
/*	background-color:rgb(166 248 224 / 35%);*/
/*}*/

.timeTable table td.math{
	background-color:rgb(166 180 248 / 35%);
}

.timeTable table td.science{
	background-color:rgb(207 248 166 / 35%);
}

.timeTable table td.eng{
	background-color:rgb(248 211 166 / 35%);
}

.timeTable table td.social{
	background-color:rgb(248 241 166 / 35%);
}

.timeTable table td.etc{
	background-color:rgb(228 166 248 / 35%);
}

.timeTable table td.after{
	background-color:rgb(166 222 248 / 35%);
}

.timeTable table td.time,
.timeTable table td.selDay{
	background-color:rgb(0 0 0 / 5%);
}

.timeTable table td.time br{
	display:none;
}

.timeTable table.td5ea td{
	width:20%;
}

.timeTable table.td7ea td{
	width:14.4444%;
}   
          



.soc-content,
.soc-content .soc-content-inner{
    width:100%;
    height:auto;
    overflow:hidden;
    box-sizing:border-box;
}

.soc-content .soc-content-img{
    padding:100px 0;
    max-width: 1200px;
}

.soc-content .soc-content-title,
.soc-content .soc-content-inner .soc-content-box{
    width:1200px;
    height:auto;
    overflow:hidden;
    box-sizing:border-box;
    margin:0 auto;
    position: relative;
}

.soc-content .soc-content-inner,
.soc-content .soc-content-title{
/*    padding:100px 0;*/
}

.soc-content .soc-content-title h3{
    font-size:60px;
    font-weight: 300;
}

.soc-content .soc-content-title h3 span{
    font-size:20px;
    font-weight: 400;
    margin-left:20px;
}

.soc-content .soc-content-inner .soc-content-box{
    width:1200px;
    height:auto;
    overflow:hidden;
    box-sizing: border-box;
    position:relative;
    padding-left:510px;
}

.soc-content .soc-content-inner .soc-content-box.w100per{
    width:100% !important;
}

.soc-content .soc-content-inner .soc-content-box h4{
    position: absolute;
    left:0px;
    top:0px;
    font-weight: 700;
    color:#23252c;
    font-size:30px;
    line-height: 36px;
	margin:0;
}

.soc-content .soc-content-inner .soc-content-box h5{
    font-weight: 700;
    color:#23252c;
    font-size:30px;
    line-height: 36px;
    padding-bottom: 40px;
	margin:0;
}

.soc-content .soc-content-inner .soc-content-box .soc-content-txt p{
    font-size:22px;
    line-height:32px;
    color:#66676a;
    padding:20px 0;
}

.soc-content .soc-content-inner .soc-content-box .soc-content-txt p b{
    color:#2e63d6;
}

.soc-content .soc-content-inner.bay-4ea{
    width:1600px;
    margin:0 auto;
}

.soc-content .soc-content-inner.bay-4ea .soc-content-box{
    width:25%;
    float:left;
}

/*.soc-content .soc-content-inner.bay-4ea .soc-content-box:nth-child(1){*/
/*    margin-top:0px;*/
/*}*/
/**/
/*.soc-content .soc-content-inner.bay-4ea .soc-content-box:nth-child(2){*/
/*    margin-top:50px;*/
/*}*/
/**/
/*.soc-content .soc-content-inner.bay-4ea .soc-content-box:nth-child(3){*/
/*    margin-top:100px;*/
/*}*/
/**/
/*.soc-content .soc-content-inner.bay-4ea .soc-content-box:nth-child(4){*/
/*    margin-top:150px;*/
/*}*/

.soc-content .soc-content-inner.bay-4ea .soc-content-box h4{
    position: relative;
    left: inherit;
    top:inherit;
    padding-bottom: 40px;
    min-height:150px;
}

.soc-content .soc-content-inner.bay-4ea .soc-content-box{
    padding:0 30px;
}

.soc-content .soc-content-inner.bay-4ea .soc-content-box p{
    border-top:1px solid #eee;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box{
    padding:0;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-ver,
.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-hor{
    width:100%;
    border-top:2px solid #23252c;
    border-bottom:2px solid #23252c;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-ver th{
    font-size:28px;
    line-height: 30px;
    padding:40px 0;
    font-weight: 700;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-ver td{
    font-size:22px;
    line-height: 30px;
    padding:40px 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-hor thead th{
    font-size:28px;
    line-height: 30px;
    padding:40px 0;
    font-weight: 700;
    background-color: #f8f8f8;
    border-bottom: 1px solid #23252c;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-hor tbody td{
    font-size:22px;
    line-height: 30px;
    padding:40px 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    text-align: center;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-hor tbody td.subj-box{
    padding-top: 20px;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-hor tbody td p.subj{
    display: block;
    text-align: left;
    font-size:22px;
    line-height: 30px;
    margin-top: 20px;
    box-sizing: border-box;
    padding-left: 30px;
    position: relative;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-hor tbody td p.subj span.material-icons{
    position: absolute;
    left:0px;
    top:1px;
    font-size: 25px;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-hor tbody td:first-child{
    border-left: none;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-hor.subj-tbl tbody tr:hover td:first-child{
    font-weight: 700;
    transition: all 0.5s ease;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-hor.subj-tbl tbody tr:hover td{
    background-color: #f8f8f8;
    transition: all 0.5s ease;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-hor.subj-tbl tbody tr:hover td.subj-box p.subj,
.soc-content .soc-content-inner .soc-content-box.tbl-box table.tbl-hor.subj-tbl tbody tr:hover td.subj-box p.subj span{
    color: #1060ff;
    transition: all 0.5s ease;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box p.sub-point{
    line-height: 40px;
    font-size: 25px;
    color:#2e63d6;
    margin-top: 20px;
    padding-left: 40px;
    position: relative;
}

.soc-content .soc-content-inner .soc-content-box.tbl-box p.sub-point::before{
    content:"*";
    color:#2e63d6;
    position: absolute;
    left:20px;
    top:4px;
}

.soc-content .soc-content-inner .soc-content-box.faq{
    padding-left:0px;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list{
    width:100%;
    height:auto;
    overflow:hidden;
/*    border-top:2px solid #23252c;*/
/*    border-bottom:2px solid #23252c;*/
	padding:0;
	margin:0;
	list-style:none;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li{
    
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li .faq-q{
    display:block;
    width:100%;
    padding:20px 100px 20px 50px;
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    transition: all 0.5s ease;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li:last-child .faq-q{
    border-bottom:none;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li .faq-q h3{
    display:block;
    line-height: 30px;
    font-size: 22px;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-q h3{
    color: #2e63d6;
    font-weight: 700;
}

.soc-content .soc-content-inner .soc-content-box.item-list dl dd b,
.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-q a{
    color: #2e63d6;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li .faq-q a{
    display:block;
    width:50px;
    height:50px;
    position: absolute;
    right:25px;
    top:38px;
    color: #222;
    text-align: center;
    line-height: 50px;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-q a{
    transform: rotate(-180deg);
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li:not(.on) .faq-q:hover{
    background-color: #f8f8f8;
    transition: all 0.5s ease;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li:not(.on) .faq-q:hover a{
    animation-name: faqDown;
    animation-duration: 2s;
    animation-delay: 2;
    animation-iteration-count: 10;
    animation-fill-mode: forwards;
}

@keyframes faqDown {
    0%   { top:38px; }
    10%   { top:34px; }
    20%   { top:38px; }
    30%   { top:34px; }
    40%   { top:38px; }
    100%   { top:34px; }
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li .faq-q a span.material-icons{
    font-size: 50px;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li .faq-a{
    display:none;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-q{
    border-bottom: none;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a{
    display:block;
    background-color: #f8f8f8;
    box-sizing: border-box;
    padding: 20px 70px;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a p{
    font-size:18px;
    line-height:32px;
    font-weight: 600;
    margin-bottom: 30px;
	margin:0;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a p a{
    color: #1060ff !important;
    font-size:18px;
    line-height:22px;
    font-weight: 600;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a p b{
    color: #1060ff !important;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a p a span{
    display: inline-block;
    line-height: 30px;
    font-size: 18px;
    padding: 0 20px;
    border:2px solid #1060ff;
    margin-left: 10px;

}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a p a:hover span{
    background-color: #1060ff;
    color:#fff;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a dl{
    padding:20px 0 50px 0;
	margin:0;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a dl dt,
.soc-content .soc-content-inner .soc-content-box.item-list dl dt{
    opacity:0;
    position: absolute;
    top:-9999px;
    z-index: -1;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a dl dd{
    display:block;
    font-size:20px;
    line-height:30px;
    margin-top:30px;
    font-weight: 600;
    box-sizing: border-box;
    padding-left: 30px;
    position: relative;
	margin:0;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a dl dd b{
	color:#2e63d6;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a dl dd::before{
    content:'';
    width:6px;
    height:6px;
    border-radius: 50%;
    background-color: #23252c;
    position: absolute;
    left:10px;
    top:11px;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a .soc-content-box h4{
	font-size: 20px;
    line-height: 30px;
    top: 20px;	
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a .soc-content-box{
	padding-left: 290px;	
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a .soc-content-box.tbl-box{
	padding-left:0px;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a .soc-content-box h5{
	font-size: 20px;
    line-height: 30px;	
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a .soc-content-box.tbl-box table.tbl-hor thead th{
	font-size: 18px;
    padding: 20px 0;
}

.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a .soc-content-box.tbl-box table.tbl-hor tbody td{
	padding: 20px;
    font-size: 16px;
}

.soc-content .soc-content-inner .soc-content-box.item-list{
    padding-left: 0px;
}

.soc-content .soc-content-inner .soc-content-box.item-list dl dd{
    font-size: 22px;
    line-height: 32px;
    color: #66676a;
    padding: 20px 0 20px 32px;
    position: relative;
}

.soc-content .soc-content-inner .soc-content-box.item-list dl dd a{
    font-size: 18px;
    color: #2e63d6;
}

.soc-content .soc-content-inner .soc-content-box.item-list dl dd a:hover{
    text-decoration: underline;
}

.soc-content .soc-content-inner .soc-content-box.item-list dl dd::before{
    content: "";
    width:6px;
    height:6px;
    background-color: #23252c;
    position: absolute;
    left:10px;
    top:20px;
}

.soc-content .soc-content-inner ul.or-diagram{
    width:100%;
    height:auto;
    overflow: hidden;
    margin:0 auto;
    position: relative;
	padding:0;
}

.soc-content .soc-content-inner ul.or-diagram::before,
.soc-content .soc-content-inner ul.or-diagram::after{
    content: "";
    width:10%;
    height: 1px;
    border-top:2px dashed #23252c ;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.soc-content .soc-content-inner ul.or-diagram::before{
    left: calc(35% - 10%);
}

.soc-content .soc-content-inner ul.or-diagram::after{
    left:55%;
}

.soc-content .soc-content-inner ul.or-diagram li{
    display:block;
    height:400px;
    float:left;
    margin-right:10%;
    width:calc(30% - 10%);
    box-sizing: border-box;
    padding:40px 30px;
    position: relative;
    border-radius: 10px;
    border:2px solid #23252c;
    background-color: #f8f8f8;
}

.soc-content .soc-content-inner ul.or-diagram li::after,
.soc-content .soc-content-inner ul.or-diagram li::before{
    content: "";
    width:8px;
    height:8px;
    border:2px solid #23252c;
    background-color: #fff;
    z-index: 10;
    border-radius: 50%;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}

.soc-content .soc-content-inner ul.or-diagram li::after{
    right: -7px;
}

.soc-content .soc-content-inner ul.or-diagram li::before{
    left: -7px;
}

.soc-content .soc-content-inner ul.or-diagram li:first-child:before,
.soc-content .soc-content-inner ul.or-diagram li:last-child:after{
    display: none;
}

.soc-content .soc-content-inner ul.or-diagram li h3{
    color:#2e63d6;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
	margin:0;
}

.soc-content .soc-content-inner ul.or-diagram li p{
    margin-top: 20px;
    font-size: 22px;
    font-weight: 400;
    color: #23252c;
}

.soc-content .soc-content-inner ul.or-diagram li:first-child{
    width:calc(35% - 10%);
    background-color: #f1fcff;
}

.soc-content .soc-content-inner ul.or-diagram li:last-child{
    width:35%;
    margin-right:0px;
    background-color: #f1fcff;
}

.soc-content .soc-content-inner .or-diagram-info{
    width:1200px;
    height:auto;
    overflow:hidden;
    margin:50px auto 0 auto;
}

.soc-content .soc-content-inner .or-diagram-info p.opt-item{
   display: block;
   line-height: 34px;
   font-size: 28px;
   font-weight: 700;
   margin-top: 30px;
}    


.ft-color{
    color: #2e63d6;
}

.ft-bg{
    background-color: #f1fcff;
}

.grp-tit{
    line-height: 40px;
    margin-bottom: 20px;
    display: inline-block;
    border-bottom: 2px solid #2e63d6;
}

.ft-table table,
.ft-table table th{
	background-color:#fff !important;
	border-collapse: collapse;
}

.ft-table table td.tal{
	text-align:left !important;
}

.main-list{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:60px 0;
}

.main-list ul{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:0;
	list-style:none;
}

.main-list ul li{
	width:25%;
	height:auto;
	overflow:hidden;
	float:left;
	opacity:0;
}

.main-list.college ul li{
	width:50%;
}

.main-list.about ul li{
	width:33.3333%;
}

.main-list.about ul li:nth-child(4){
	clear:both;
}

.main-list ul li:nth-child(1){
    animation-name: main-slide;
    animation-duration: 1s;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.main-list ul li:nth-child(2){
    animation-name: main-slide;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.main-list ul li:nth-child(3){
    animation-name: main-slide;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.main-list ul li:nth-child(4){
    animation-name: main-slide;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.main-list ul li:nth-child(5){
    animation-name: main-slide;
    animation-duration: 1s;
    animation-delay: 2.0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.main-list ul li:nth-child(6){
    animation-name: main-slide;
    animation-duration: 1s;
    animation-delay: 2.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes main-slide {
    0%   { 	opacity:0; margin-left:-50px; margin-top:-20px;}
    100%   { opacity:1; margin-left:0px; margin-top:0px;}
}

.main-list ul li .main-list-box{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:20px;
}

.main-list ul li .main-list-box a{
	display:block;
	width:100%;
	min-height:250px;
	background-color:rgba(29,57,98,0.9);
	background-size:cover;
/*	filter: grayscale(0%);*/
	color:#fff;
	border-radius:20px;
	position:relative;
	transition:all 0.5s ease;
	-webkit-box-shadow: 0px 3px 28px -10px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 3px 28px -10px rgba(0,0,0,0.36);
	box-shadow: 0px 3px 28px -10px rgba(0,0,0,0.36);
}

.main-list ul li .main-list-box a.aboutA{
	background-image:url('../img/prep_main_aboutA.png');
}

.main-list ul li .main-list-box a.aboutB{
	background-image:url('../img/prep_main_aboutB.png');
}

.main-list ul li .main-list-box a.aboutC{
	background-image:url('../img/prep_main_aboutC.png');
}

.main-list ul li .main-list-box a.aboutD{
	background-image:url('../img/prep_main_aboutD.png');
}

.main-list ul li .main-list-box a.aboutE{
	background-image:url('../img/prep_main_aboutE.png');
}

.main-list ul li .main-list-box a.aboutF{
	background-image:url('../img/prep/cnaMain.jpg');
}

.main-list ul li .main-list-box a.seoulA{
	background-image:url('../img/prep_main_seoulA.png');
}

.main-list ul li .main-list-box a.seoulB{
	background-image:url('../img/prep_main_seoulB.png');
}

.main-list ul li .main-list-box a.seoulC{
	background-image:url('../img/prep_main_seoulC.png');
}

.main-list ul li .main-list-box a.seoulD{
	background-image:url('../img/prep_main_seoulD.png');
}

.main-list ul li .main-list-box a.vanA{
	background-image:url('../img/prep_main_vanA.png');
}

.main-list ul li .main-list-box a.vanB{
	background-image:url('../img/prep_main_vanB.png');
}

.main-list ul li .main-list-box a.vanC{
	background-image:url('../img/prep_main_vanC.png');
}

.main-list ul li .main-list-box a.vanD{
	background-image:url('../img/prep_main_vanD.png');
}

.main-list ul li .main-list-box a.collegeA{
	background-image:url('../img/prep_main_collegeA.png');
}

.main-list ul li .main-list-box a.collegeB{
	background-image:url('../img/prep_main_collegeB.png');
}

.main-list ul li .main-list-box a:hover{
/*	background-image:none;*/
/*	filter: grayscale(0%);*/
	transition:all 0.5s ease;
}

.main-list ul li .main-list-box a:hover p{
	background-color:rgba(255,255,255,0.9);
	color:#222;
	transition:all 0.5s ease;
}

.main-list ul li .main-list-box a p{
	display:inline-block;
	position:absolute;
	line-height:30px;
	font-size:22px;
	color:#fff;
	background-color:rgba(29,57,98,0.9);
	top:50%;
	left:50%;
	padding:15px;
	transform:translate(-50%,-50%);
	margin:0;
	min-width:180px;
	text-align:center;
	border-radius:8px;
	transition:all 0.5s ease;	
	filter: grayscale(0%);
}

p.swp-info{
    text-align: left;
    font-size: 12px;
    color: #222;
    opacity: 0.5;
    box-sizing: border-box;
    padding-left: 16px;
}

.prep-story-list{
	width:100%;
	height:auto;
	overflow:hidden;
}

.prep-story-list ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	overflow:hidden;
}

.prep-story-list ul li{
	width:25%;
	height:auto;
	overflow:hidden;
	float:left;
	padding:20px 10px;
	box-sizing:border-box;
}

.prep-story-list ul li a{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}

.prep-story-list ul li a .st-img-box{
	width:100%;
	height:160px;
}

.prep-story-list ul li a .st-img-box img{
	width:100%;
	height:160px;
}

.prep-story-list ul li a .st-title,
.prep-story-list ul li a .st-info{
	width:100%;
	height:auto;
	overflow:hidden;
}

.prep-story-list ul li a .st-title h3{
	margin:0;
	padding:15px 0;
	line-height:22px;
	font-size:18px;
	height:66px;
	overflow:hidden;
}

.prep-story-list ul li a .st-info p,
.prep-story-list ul li a .st-info span{
	display:inline-block;
	line-height:30px;
	font-size:14px;
	margin:0;
	padding:0;
	box-sizing:border-box;
	padding:0 10px;
}

.prep-story-list ul li a .st-info p{
	float:left;
}

.prep-story-list ul li a .st-info span{
	float:right;
	color: #ef5f0c;
	background-color:#f8f8f8;
	border-radius:5px;
}

.prep-his-box{
	width:100%;
	height:auto;
	overflow:hidden;
}

.prep-his-box ul,
.prep-his-box ul li,
.prep-his-box ul li .his-issue dl,
.prep-his-box ul li .his-issue dl dt,
.prep-his-box ul li .his-issue dl dd{
	list-style:none;
	padding:0;
	margin:0;
}

.prep-his-box ul{
	width:100%;
	height:auto;
	overflow:hidden;
}

.prep-his-box ul li{
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
	margin-top:20px;
	padding-top:20px;
	box-sizing:border-box;
	padding-left:270px;
	position:relative;
	border-top:1px solid #eee;
	opacity:0;
}

.prep-his-box ul li.on{
	opacity:1;
	transition:all 0.7s ease;
}

.prep-his-box ul li .his-year{
	width:160px;
	height:160px;
	position:absolute;
	top:20px;
	left:0px;
	box-sizing:border-box;
	border:8px solid #ff725d;
	border-radius:50%;
}

.prep-his-box ul li .his-year span{
	display:block;
	width:100%;
	height:144px;
	position:relative;
}

.prep-his-box ul li .his-year span p{
	display:inline-block;
	line-height:30px;
	font-size:30px;
	font-weight:bold;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	margin:0;
	text-align:center;
	color:#ff725d;
}

.prep-his-box ul li .his-issue{
	width:100%;
	height:auto;
	overflow:hidden;
	min-height:160px;
	display: table;
}

.prep-his-box ul li:first-child{
	border-top:none;
}

.prep-his-box ul li:last-child .his-year{
	border-color:#122840;
}

.prep-his-box ul li:last-child .his-year span p{
	color:#122840;
}

.prep-his-box ul li .his-issue dl{
	display: table-cell;
    vertical-align: middle;
}

.prep-his-box ul li .his-issue dl dt{
	display:none;
}

.prep-his-box ul li .his-issue dl dd{
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	color:#122840;
	padding:5px 0;
}

.prep-his-box ul li .his-issue dl dd b{
	color:#ff725d;
}

section.prep-his-sec{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	padding:80px 0;
	min-height:650px;
	margin-bottom:100px;
}

section.prep-his-sec .prep-his-program{
	width:100%;
	height:auto;
	overflow:hidden;
}

section.prep-his-sec .prep-his-program h2{
	display:block;
	font-size:30px;
	font-weight:bold;
	text-align:left;
	color:#122840;
	line-height:35px;
	padding:50px 0;
	position:relative;
	margin:0;
	width:100%;
	float:left;
}

section.prep-his-sec .prep-his-program h2:before{
	content: 'IGE PREP PROGRAM';
    font-family: 'Gowun Dodum', sans-serif;
    font-size: 80px;
    color: #c9c9c9;
    opacity: 0.2;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 80px;
}

section.prep-his-sec.bg-one .prep-his-program h2:before{
	content: 'IGE PREP PROGRAM';
}

section.prep-his-sec.bg-two .prep-his-program h2:before{
	content: 'IGE Seoul';
	right: inherit;
}

section.prep-his-sec.bg-three .prep-his-program h2:before{
	content: 'IGE Vancouver';
}

section.prep-his-sec.bg-three .prep-his-program h2{
	text-align:right;
}

section.prep-his-sec .prep-his-program .prep-his-work{
	width:100%;
	max-width:580px;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:30px;
	background-color:rgba(255,255,255,0.9);
}

section.prep-his-sec .prep-his-program .prep-his-work ul li{
	color:#122840;	
	font-size:20px;
	line-height:30px;
	padding:10px 0;
}

section.prep-his-sec.bg-one{
	background-image:url('../img/prep/prep_his_bg_01.png');
	background-repeat:no-repeat;
	background-position:right top 200px;
}

section.prep-his-sec.bg-two .prep-his-program .prep-his-work{
	float:right;
}

section.prep-his-sec.bg-two{
	background-image:url('../img/prep/prep_his_bg_02.png');
	background-repeat:no-repeat;
	background-position:left top 200px;
}

section.prep-his-sec.bg-three{
	background-image:url('../img/prep/prep_his_bg_03.png');
	background-repeat:no-repeat;
	background-position:right top 200px;
}

a.mo-top-btn{
	display:none;
}

section.prep-new-main-sec{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:50px 0;
}

section.prep-new-main-sec.bg-gray{
	background: #f8f8f8;
}

section.prep-new-main-sec .prep-new-main-box{
	width:100%;
	max-width:1300px;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	position:relative;
	margin:0 auto;
}

section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes{
	display:block;
	box-sizing:border-box;
	padding:40px 0;
	position:relative;
}

section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes:before,
section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes:after{
	content:' ”';
	font-size:65px;
	color:#2e4b8a;
    font-family: 'KOTRA_BOLD-Bold';
	position:absolute;
	left:0px;
}

section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes:after{
	content:'”';
	bottom:-10px;
}

section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes:before{
	content:'“';
	top:40px;
}

section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes p{
	font-size:45px;
	color:#2e4b8a;
	line-height:60px;
	font-family: 'NanumSquare';
	font-weight: 800;
}

section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans{
	padding:80px 20px 20px 20px;
	position:relative;
	box-sizing:border-box;
}

section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans:before{
	content:'IGE PREP PROGRAM';
	font-family: 'NanumSquare';
	font-weight: 400;
	font-size:20px;
	color:#fe534e;
	position:absolute;
	left:0px;
}

section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans:after{
	content:'';
	width:100px;
	height:2px;
	background-color: #fe534e;
	position:absolute;
	top:90px;
	left:190px;
}

section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans p{
	font-size:35px;
	color:#273146;
	line-height:45px;
	font-family: 'NanumSquare';
	font-weight: 400;
}

section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans p span{
	font-size:23px;
}

section.prep-new-main-sec .prep-new-main-box.side-left{
	padding-left:24%;
}
section.prep-new-main-sec .prep-new-main-box.side-left .prep-new-main-qes,
section.prep-new-main-sec .prep-new-main-box.side-left .prep-new-main-ans{
	float:right;
}

/*box-a*/
section.prep-new-main-sec .prep-new-main-box.box-a{
	background-image:url('../img/prep/main_sec_img_01.png');	
	background-repeat:no-repeat;
	background-position:right center;
	background-size:580px auto;
}
section.prep-new-main-sec .prep-new-main-box.box-a .prep-new-main-ans:before{
	color:#fe534e;
}
section.prep-new-main-sec .prep-new-main-box.box-a .prep-new-main-ans:after{
	background-color: #fe534e;
}

/*box-b*/
section.prep-new-main-sec .prep-new-main-box.box-b{
	background-image:url('../img/prep/main_sec_img_02.png');	
	background-repeat:no-repeat;
	background-position:left center;
	background-size:520px auto;
}
section.prep-new-main-sec .prep-new-main-box.box-b .prep-new-main-ans:before{
	color:#3591ff;
}
section.prep-new-main-sec .prep-new-main-box.box-b .prep-new-main-ans:after{
	background-color: #3591ff;
}

/*box-c*/
section.prep-new-main-sec .prep-new-main-box.box-c{
	background-image:url('../img/prep/main_sec_img_03.png');	
	background-repeat:no-repeat;
	background-position:right center;
	background-size:600px auto;
}
section.prep-new-main-sec .prep-new-main-box.box-c .prep-new-main-ans:before{
	color:#9b43f9;
}
section.prep-new-main-sec .prep-new-main-box.box-c .prep-new-main-ans:after{
	background-color: #9b43f9;
}

/*box-d*/
section.prep-new-main-sec .prep-new-main-box.box-d{
	background-image:url('../img/prep/main_sec_img_04.png');	
	background-repeat:no-repeat;
	background-position:left center;
	background-size:530px auto;
}
section.prep-new-main-sec .prep-new-main-box.box-d .prep-new-main-ans:before{
	color:#fe534e;
}
section.prep-new-main-sec .prep-new-main-box.box-d .prep-new-main-ans:after{
	background-color: #fe534e;
}

section.prep-new-main-sec.remote{
/*	height:310px;*/
	background-image:url('../img/prep/main_sec_img_05.png');	
	background-repeat:no-repeat;
	background-position:center center;
}

section.prep-new-main-sec .prep-new-main-box.box-r{
	height:210px;	
}

section.prep-new-main-sec .prep-new-main-box.box-r p{
	font-family: 'NanumSquare';
	font-weight: 800;
	font-size:35px;	
	line-height:50px;
	display:inline-block;
	position:absolute;
	left:50%;
	top:20px;
	margin-left:-460px;
	color:#fff;
}

.cna-sch section .contentInner .boardCont .boardView{
	
}

.cna-sch section .contentInner.boardContArea .boardContBox h1,
.cna-sch section .contentInner.boardContArea .boardContBox h3,
.cna-sch section .contentInner.boardContArea .boardContBox h5,
.cna-sch section .contentInner.boardContArea .boardContBox dl dd{
	margin:0;
}

.cna-sch section .contentInner.boardContArea .boardContBox h3{
	line-height: 40px !important;
    padding-top: 13px;
    padding-bottom: 30px;
}

.cna-sch section .contentInner.boardContArea .boardContBox .cna-sch-cont{
	padding:0 !important;
	margin:40px 0;
}

.cna-sch section .contentInner.boardContArea .boardContBox .cna-sch-cont .cna-sch-cont-box{
	width:50%;
	float:left;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:30px;
}

.cna-sch section .contentInner.boardContArea .boardContBox .cna-sch-cont .cna-sch-cont-box.profile{
	padding-top:20px;
}

.cna-sch section .contentInner.boardContArea .boardContBox .cna-sch-cont .cna-sch-cont-box.profile img{
	max-width:180px;
	float:left;
}

.cna-sch section .contentInner.boardContArea .boardContBox .cna-sch-cont .cna-sch-cont-box.profile dl{
	float:left;
}

.cna-sch section .contentInner.boardContArea .boardContBox .cna-sch-cont .cna-sch-cont-box.profile dl dt{
	color:#163961;
}

.cna-sch section .contentInner.boardContArea .boardContBox .cna-sch-cont .cna-sch-cont-box.profile dl dt,
.cna-sch section .contentInner.boardContArea .boardContBox .cna-sch-cont .cna-sch-cont-box.profile dl dd{
	padding-left:30px;
}

.cna-sch section .contentInner.boardContArea .boardContBox .cna-sch-cont .cna-sch-cont-box p{
	margin:0;
	color:#666;
}

.cna-sch section .contentInner.boardContArea .boardContBox .cna-sch-cont .cna-sch-cont-box p b{
	color:#163961;
	margin-right:10px;
}

.cna-sch section .contentInner.boardContArea .boardContBox .cna-sch-cont .cna-sch-cont-box.certi img.certi-img{
	max-width:100%;
}

.pt-photo-list .slick-slide{
	height:480px;
}

.pt-photo-list .slick-slide img{
	width:350px !important;
	height:480px !important;
}

.pt-photo-list.reco .slick-slide{
	height:640px;
}

.pt-photo-list .slick-slide p{
	width:327px !important;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:30px !important;
	line-height:24px !important;
	background-color:#851818;
	color:#fff;
	font-size:15px;
	margin:0 auto;
	border-radius:10px;
}

.pt-photo-list button.slick-arrow {
    text-indent: -9999px;
    width: 80px;
    height: 80px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    border: none;
    border-radius: 50%;
    background-size: 22px auto;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 29px -6px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 29px -6px rgb(0 0 0 / 20%);
}

.pt-photo-list button.slick-arrow.slick-prev {
    left: 10px;
    background-image: url(http://www.ige.kr/edu/img/btn_left.png);
}

.pt-photo-list button.slick-arrow.slick-next {
    right: 10px;
    background-image: url(http://www.ige.kr/edu/img/btn_right.png);
}

.cna-slogan{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:18px;
	color:#fff;
	text-align:center;
	line-height:24px;
	padding:20px 0;
	background-color:#f31515;
	margin-top:30px;
	border-radius:0px 0px 20px 0px;
}

img.grad-bnn{
	max-width:100%;
}

.time-tbl-info{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding-top:10px;
}

.time-tbl-info p{
	display:block;
	line-height:24px;
	font-size:14px;
	margin:0;
}