@charset "utf-8";

@font-face {
	font-family: 'Gotham Book';
	src: url('./fonts/gotham/book/gotham-book-webfont.eot');
	src: url('./fonts/gotham/book/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
		url('./fonts/gotham/book/gotham-book-webfont.woff2') format('woff2'),
		url('./fonts/gotham/book/gotham-book-webfont.woff') format('woff'),
		url('./fonts/gotham/book/gotham-book-webfont.ttf')  format('truetype'),
		url('./fonts/gotham/book/gotham-book-webfont.svg#gothambook') format('svg');
	font-weight: 300;
	font-style: normal;
}



/* CSS Document */

body.hid {overflow:hidden;}

.concert_ctin *{font-family: noto-sans-cjk-kr, sans-serif;}
#container {}
#container p {margin-bottom:0;}
#div_cont{width:100%;text-align:left;clear:both;}
.main-visual {height:1030px; position:relative; overflow:hidden;  background:#0d0c0a url('https://img.megastudy.net/campus/library/v2015/library/event/2021_su_exam/top_bg.jpg') 50% 0 no-repeat;}

.visual .txt_wrap {width:1000px; margin:0 auto; position:relative;}
.visual .txt_wrap .txt {position:absolute; z-index:99;}
.visual .txt_wrap .txt.txt01 {z-index:999; left:264px; top:74px;}
.visual .txt_wrap .txt.txt02 {left:375px;top:185px;}
.visual .txt_wrap .txt.txt03 {left:180px; top:268px;}
.visual .txt_wrap .txt.txt04 {left:230px; top:583px;}
.visual .txt_wrap .txt.txt05 {left:53px; top:135px; z-index:100; }


.visual .txt_wrap .txt {-webkit-transform: translate(0, 90px);
    -moz-transform: translate(0, 90px);
    -ms-transform: translate(0, 90px);
    -o-transform: translate(0, 90px);
    transform: translate(0, 90px);
	opacity: 0;
    filter: alpha(opacity=0);
}
.visual .txt_wrap .txt.on {
	-webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
	opacity: 1;
    filter: alpha(opacity=1);
}

.visual .txt_wrap .line {position:absolute; background:#7bb3fa; z-index:99;}
.visual .txt_wrap .line.on {transition:all 2s;}
.visual .txt_wrap .line.w {width:0; height:10px;}
.visual .txt_wrap .line.w.on {width:197px;}
.visual .txt_wrap .line.h {width:10px; height:0;}
.visual .txt_wrap .line.h.on {height:345px;}
.visual .txt_wrap .line.line01 {top:205px; right:680px;
background: rgb(162,171,255);
background: linear-gradient(90deg, rgba(162,171,255,1) 0%, rgba(158,171,255,1) 48%, rgba(154,172,254,1) 100%);}
.visual .txt_wrap .line.line02 {top:205px; left:677px;
background: rgb(130,177,251);
background: linear-gradient(90deg, rgba(130,177,251,1) 0%, rgba(125,178,250,1) 48%, rgba(122,179,250,1) 100%);
}
.visual .txt_wrap .line.line03 {top:205px; left:123px;background: #a2abff;}
.visual .txt_wrap .line.line04 {top:205px; right:126px;background: #7ab3fa;}
.visual .txt_wrap .line.line05 {top:540px; left:123px; width:0;
background: rgb(162,171,255);
background: linear-gradient(90deg, rgba(162,171,255,1) 0%, rgba(156,172,254,1) 48%, rgba(146,174,253,1) 100%);
}
.visual .txt_wrap .line.line06 {top:540px; right:126px; width:0;
background: rgb(137,176,252);
background: linear-gradient(90deg, rgba(137,176,252,1) 0%, rgba(126,178,251,1) 48%, rgba(122,179,250,1) 100%);
}
.visual .txt_wrap .line.line05.on {width:749px;}
.txt.txt01 {transition:all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s;}
.txt.txt02 {transition:all 1.0s; -moz-transition: all 1.0s; -o-transition: all 1.0s; -ms-transition: all 1.0s;}
.txt.txt03 {transition:all 1.4s; -moz-transition: all 1.4s; -o-transition: all 1.4s; -ms-transition: all 1.4s;}
.txt.txt04 {transition:all 1.8s; -moz-transition: all 1.8s; -o-transition: all 1.8s; -ms-transition: all 1.8s;}
.txt.txt05 {transition:all 1.0s; -moz-transition: all 1.0s; -o-transition: all 1.0s; -ms-transition: all 1.0s;}

.visual .cover {width:100%; height:100%; top:0; background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2021_concert/cover.png') 50% 0 no-repeat; position:relative; z-index:1;}
.visual video {position:absolute; width:100%; top:0; left:0; }

/* TOP */
.reser_wrap {background: #eda841;}
.reser_wrap .reser {width:1000px; height:140px; margin:0 auto; position:relative;background: url('https://img.megastudy.net/campus/library/v2015/library/event/2021_su_exam/txt_date_1.png') 0 50% no-repeat;}
.reser .btn_reser {top:50%; margin-top: -40px;right:37px; position:absolute;height: 80px;line-height: 80px;color: #c3c3c3;background: #777777;font-weight: bold;font-size: 22px;width: 320px;text-align: center;letter-spacing: -1px;}
.reser .btn_reser.active {background: #cd1538;color: #fff;}
.reser .location {top:83px; right:415px; position:absolute;}

body.fixed #fixed_reser{position: fixed;left: 0;right: 0;bottom: 0;z-index: 1000;animation: fadeIn ease 0.5s;
-webkit-animation: fadeIn ease 0.5s;
-moz-animation: fadeIn ease 0.5s;
-o-animation: fadeIn ease 0.5s;
-ms-animation: fadeIn ease 0.5s;
}
body.fixed #wrapper{padding-bottom: 140px;padding-top: 100px;}


@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}


.con01 {padding-bottom:100px;position:relative;overflow:hidden;background:#f1f1f1;}
.con01 .teacher_wrap {position:relative; width:1000px; margin:0 auto; overflow:hidden}
.con01 .teacher_wrap img {position:absolute; left:36px;}
.con01 .teacher_wrap .teacher {width:490px; height:484px; overflow:hidden; display:inline-block; float:left; position:relative;}
.con01 .teacher_wrap .teacher img {top:200px;}
.con01 .teacher_wrap .teacher + .teacher {margin-left:20px;}
.con01 .teacher_wrap .teacher01 {background: url(https://img.megastudy.net/campus/library/v2015/library/campus_common/2021_concert/con01_img03.png) 50% 0 no-repeat;}
.con01 .teacher_wrap .teacher02 {background: url(https://img.megastudy.net/campus/library/v2015/library/campus_common/2021_concert/con01_img04.png) 50% 0 no-repeat;}
.con02 {background:#462b3e; overflow:hidden;position: relative;padding-bottom: 100px;}
.con03{padding: 100px 0; position:relative;}
.con03:after{content:''; display:block; background:#f1f1f1; position:absolute; bottom:0;left:0; width:100%; height:737px; z-index:-1;}
.con04 {padding: 100px 0;background:#f1f1f1; overflow:hidden;}

/* ����ȸ ���ô� �� */
.con05 {}
.con05 .inner_wrap{padding: 100px 0;position: relative;}
.con05 .inner_wrap:after{content:"";width: 2px;height: 24px;background: #303565;position: absolute;left: 50%;bottom: 0;margin-left: -1px;}
.con05_bot{background:#39261f;padding: 100px 0 105px;position: relative;}
.con05_bot:before{content:"";width: 2px;height: 24px;background: #fff;position: absolute;left: 50%;top: 0;margin-left: -1px;}
.cnts_area{width: 1000px;margin: 0 auto;}

.inner_wrap{width: 1000px;margin: 0 auto;}
.acdm_list{text-align: left;margin-left: -12px;margin-top: -12px;}
.acdm_list *{letter-spacing: -1px;}
.acdm_list:after{content:"";clear: both;display: block;}
.acdm_list li{float: left;width:490px;height: 190px;box-sizing:border-box;border: 1px solid #7f7f7f;margin-left:12px;position: relative;padding-left: 208px;margin-top: 12px;background: #ffffff;}
.acdm_list li .acdm_tlt{padding:0 15px;background: #f0f1f8;;text-align: center;width: 158px;position: absolute;left: 0;top: 0;bottom: 0;}
.acdm_list li .acdm_tlt .acdm_txt{display: block;height: 123px;display: table;table-layout:fixed;width: 100%;}
.acdm_list li.finish .acdm_tlt .acdm_txt{height: 100%;}
.acdm_list li .acdm_tlt .acdm_txt .acdm_nm{display: block;font-size: 27px;display: table-cell;text-align: center;vertical-align: middle;}
.acdm_list li .acdm_tlt .acdm_txt .acdm_nm .tag{display: inline-block;color: #da7b07;font-size: 15px;border: 1px solid #da7b07;height: 22px;padding: 2px 8px 0;border-radius:24px;margin-top: 4px;}
.acdm_list li .acdm_tlt .acdm_txt .acdm_nm strong{}
.acdm_list li .acdm_tlt .acdm_nm .top_acdm_txt{font-size: 14px;line-height: 1.4em;display: block;color: #555;margin-bottom: 5px;}

.acdm_list li .acdm_tlt .btn_rsvt{display: block;background: #666666;color: #c3c3c3;font-size: 20px;height: 44px;line-height: 44px;}
.acdm_list li .acdm_tlt .btn_rsvt.active{background: #cd1537;color: #fff;}
.acdm_list li .r_add{text-align: left;display: table;table-layout:fixed;width: 100%;height: 124px;position: relative;}
.acdm_list li .r_add .add_tel{font-family: 'Gotham Book';color: #000;font-size: 18px;line-height: 1.6em;display: table-cell;vertical-align: middle;width: 100%;}
.acdm_list li .r_add .add_tel strong{font-weight: normal;font-family: noto-sans-cjk-kr, sans-serif;font-size: 17px;display: inline-block;margin-bottom: 2px;}
.acdm_list li .r_add .add_tel strong .num{font-family: 'Gotham Book';font-size: 17px;}
.acdm_list li .bot_btn{position: absolute;left: 0;right: 20px;bottom:-45px;}
.acdm_list li .bot_btn .btn_cf,
.acdm_list li .bot_btn .btn_map{float: left;text-align: center;width: 127px;height: 45px;line-height: 45px;background: #dbdce1;color: #000;font-size: 17px;font-weight: bold;}
.acdm_list li .bot_btn .btn_map{float: right;}

.acdm_list li .bot_btn .btn_go{display: block;font-size: 19px;background:#cd1537;color: #fff;height: 45px;line-height: 45px;text-align: center;width: 100%;text-align: center;}
.con05_bot .acdm_list li .acdm_tlt .acdm_txt{height: 100%;}

/* .acdm_list li.b_box{height: 250px;}
.acdm_list li.b_box .acdm_tlt .acdm_txt{height: 183px;}
.acdm_list li.b_box .r_add{height: 184px;} */

.top_acdm_list li:nth-child(1), .top_acdm_list li:nth-child(2){height: 250px;}
.top_acdm_list li:nth-child(1) .acdm_tlt .acdm_txt, 
.top_acdm_list li:nth-child(2) .acdm_tlt .acdm_txt{height: 183px;}
.top_acdm_list li:nth-child(1) .r_add,
.top_acdm_list li:nth-child(2) .r_add{height: 184px;}


/* QUICK MENU */ 
.quick_mnArea{position: fixed;top: 100px;left: 50%;width: 142px;margin-left: 540px;z-index: 100;display: none;}
.quick_mnArea .btn_goTop{display: block;font-weight: bold;background: rgb(162,171,255);background: linear-gradient(180deg, rgba(248,166,55,1) 0%, rgba(248,166,55,1) 48%, rgba(239,149,7,1) 100%);border-bottom: 2px solid #fff;color: #000;font-size: 16px;padding: 5px 0;}
.quick_mnArea .btn_goTop:after{content:"";width: 11px;height: 6px;display: inline-block;vertical-align: middle;margin-left: 7px;background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2022_concert/ico_arrowUp.png') 0 0 no-repeat;margin-top: -5px;}
.quick_mnArea .quick_mn{border: 1px solid #9093ab;margin-bottom: 12px;}
.quick_mnArea .quick_list{background: #fff;}
.quick_mnArea .quick_list li{margin-top:2px;background: #f8efdf;color: #333333;text-align: center;}
.quick_mnArea .quick_list li:first-child{margin-top: 0;}
.quick_mnArea .quick_list li a{display: block;font-size: 17px;padding:10px 0;font-weight: bold;letter-spacing: -1px;}


/* ����ȳ� */
.con06{padding: 100px 0;}




.detail_btn {cursor:pointer;}
.quick {
	width: 100px;
	position: fixed;
	top: 347px;
	left: 50%;
	margin-left: 500px;
	z-index: 999;
}
.quick img {
	opacity: 1;
}


.field_wrap {
	letter-spacing: -1.5px;
	color: #000;
}
.select_wrap .dash {
	width: 9px;
	height: 1px;
	background: #ccc;
	display: inline-block;
	margin: 22px 2px;
	float:left;
}
.number_send {background:#ecedef; padding:25px 0; text-align:center; margin-top:30px;}
.number_send p {font-size:15px; font-weight:normal;}
.number_send .input_wrap {overflow:hidden; position:relative;}
.number_send .input_wrap .txt {position:absolute; left: 37%;top: 13px;color: #4741ac;}
.number_send .input_wrap input {float:none; width:184px; margin-left:49px; float:left; text-align:left; text-indent:15px;}
.number_send .input_wrap input::placeholder {color:#777;}
input:focus::-webkit-input-placeholder {
	color:#fff;
}
input:focus:-moz-placeholder {
	color:#fff;
}
.numberonly {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
input::input-placeholder {
	color:#777 !important;
}
input::-webkit-input-placeholder {
	color:#777 !important;
}
input:-moz-placeholder {
	color:#777 !important;
}
input:-ms-input-placeholder {
	color: #777 !important;
}
    
/* Edge (also supports ::-webkit-input-placeholder) */
input::-ms-input-placeholder {
	color: #777 !important;
}

.number_send .ok_btn {background:#355d9f; float:left;}
.number_send .re_btn {text-decoration:underline; margin:13px 15px; float:left; cursor:pointer;}
.reserve_tit { background:url("https://img.megastudy.net/campus/library/v2015/library/popup/15_reserve/2015reserve_bg.png"); width:582px; display:inline-block;}
.reserve_tit_txt { width:350px; padding:0 0 25px 40px;}
.reserve_tit_txt li.t1 { font-size:31px; font-weight:bold; line-height:35px; color:#042b2f; margin-bottom:20px;letter-spacing:-2px;}
.reserve_tit_txt li.t2 { font-size:15px; color:#333; padding:7px 0px 0 10px; margin-bottom:0; display:inline-block; letter-spacing:0px; font-weight:bold;}
.reserve_tit_txt li.t2 img { vertical-align:middle;}
.reserve_box { display:inline-block; background:#FFF; margin:0 10px 0px 10px; padding-left:25px; }
.pop_body h4 { font-size:35px; line-height:38px; color:#303744;}
.mt {  background:#dee4f2; margin-top:15px; padding:15px 15px;}		
.text{ font-size:15px; letter-spacing:-1px; display:inline-block; margin-top:3px;}
.notice { height:30px; background:#f4f5f6; margin-top:10px; padding:8px 0 25px 10px; }
.notice li { float:left; padding-left:5px;}
.icon_vital {color:#0099ff;}
input[type="radio"] {vertical-align:middle;}
input[type="checkbox"] {vertical-align:middle;}
select {vertical-align:middle;}
.btn_type_08 {vertical-align:bottom;}
.reserve_bottom { background:url("https://img.megastudy.net/campus/library/v2015/library/popup/15_reserve/2015reserve_bg.png"); width:582px; height:35px; display:inline-block;}
.cancle_btn {cursor:pointer;}


/*-----------------------------------------------*/
.pop_body {padding:0; box-sizing:border-box;}
.pop_body * {box-sizing:border-box;}
.pre_reser_layer.reser_confirm > * {box-sizing:border-box;}
.pre_reser_layer.reser_confirm {display:block; width:100%; position:relative; padding:25px 25px 15px; box-sizing:border-box;min-height:381px;}
.pre_reser_layer.reser_confirm .field_area_wrap {width:100%; background:#ecedef; padding:25px 15px; margin-top:25px; border-bottom:none;}
.pre_reser_layer.reser_confirm .input_area_wrap {width:100%; margin-top:0;}
.pre_reser_layer.reser_confirm .input_area_wrap .title_area {font-weight:bold; margin-right:10px; line-height:37px;}
.pre_reser_layer.reser_confirm .input_area_wrap .input_area .info_txt_blue {padding-bottom:0;}
.pre_reser_layer.reser_confirm .input_area_wrap input {text-align:left; line-height:29px; padding-bottom:2px;}
.pre_reser_layer.reser_confirm .input_area_wrap input:focus {line-height:29px;}
.pre_reser_layer.reser_confirm .input_area_wrap .ok_btn {padding:0 10px; width:110px; border-radius:0; background:#999; border-color:#999; height:40px; line-height:37px;}
.pre_reser_layer.reser_confirm .taC .ok_btn {position:absolute; bottom:0; height:60px; line-height:60px; color:#fff; font-size:20px; font-weight:bold; text-align:center; background:#888; position:absolute; bottom:-55px; left:0; width:100%;}
.pre_reser_layer.reser_confirm .taC .ok_btn.on {background:#4a65b4;}
.pre_reser_layer.reser_confirm .input_area_wrap .ok_btn.complete {background:#4a65b4; border-color:#4a65b4;}
.pre_reser_layer.reser_confirm .input_area_wrap .ok_btn.resend {width:auto; padding:0; background:none; color:#4a65b4; min-width:auto; height:auto;line-height: 15px;vertical-align: middle;}
.pre_reser_layer.reser_confirm .input_area_wrap .ok_btn.comp_new {padding:0; background:none; width:auto; height:auto; line-height:11px;}

.select_wrap {
	display: inline-block;
	text-align: left;
}
.select_wrap p {
	font-size: 18px;
	font-weight: bold;
    text-align:center;
	color:#303744;
	margin-top:0px;
    letter-spacing:-1px;
}

.modal_dim {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background: url(https://img.megastudy.net/campus/library/v2015/library/campus_common/2019_live/pre/dim_bg.png) repeat; z-index:1006;/* background:rgba(0,0,0,0.6) !important; */}

.layer {min-width:500px; left:50%;top: 50%;background:#fff; display:none; position:fixed; z-index:1007;}
.layer.open {display:block;}
.layer h4 {color:#fff; font-size:22px; height:48px; line-height:42px; color:#fff; letter-spacing:-1px; background:#071231; font-size:22px; font-weight:600;}
.layer h4 .close_btn {position:absolute; right:20px; top:15px; cursor:pointer;}
.layer .box {background:#f4f4f4; text-align:left; width:416px; margin:0 auto; padding:20px; margin-top:20px;}
.layer .box p {font-size:14px; font-weight:normal; margin-top:0px; text-indent:-15px; margin-left:15px;}


.layer .field_wrap .ok_btn {float:left; margin-left:5px;}

.layer input {
	border: 1px solid #ccc;
	background: #fff;
	width: 88px;
	height: 38px;
	line-height: 38px;
	color: #FFC342;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	color: #000;
}
.select_wrap input.default {
	color: #000;
}
.select_wrap input:focus {
	color: #000;
}
.layer .ok_btn {font-size:15px; color:#fff; background:#424c5d; text-align:center; display:inline-block; height:44px; padding:0 25px; line-height:40px; cursor:pointer; margin:0 auto; min-width:65px; width:100%;}
#divDim p {width:100%; height:100%; display:table}
#divDim p span {color:#fff; display:table-cell; vertical-align:middle; font-size:14px; text-align:center;}
.tstyle_tit {display:inline-block; height:20px;margin:25px 0 5px 0;line-height:20px;padding:0;}
.tstyle_tit h2 {float:left;display:inline-block;font-size:15px;color:#06285e;line-height:20px;font-weight:bold;margin:0;padding:0;}
.tstyle_tit .tip {float:right;display:inline-block;color:#355d9f;line-height:13px;margin:5px 0 0 0;}
.none {height:34px; line-height:30px; display:inline-block; font-size:15px; margin:10px 0; color:#666;}
.tstyle {border-top:2px solid #355d9f;border-bottom:1px solid #869ec5; font-size:13px; position:relative;}
.tstyle th {background:#eaf0f9;color:#3962a3;padding:10px 0 14px 0;text-align:center;border-bottom:1px solid #ccd9ed; color:#3962a3;}
.tstyle th + th {border-left:1px solid #ccd9ed;}
.tstyle td {padding:11px 0px 12px 0px;border-bottom:1px solid #e8e8e8; text-align:center;}
.tstyle td + td {border-left:1px solid #e8e8e8;}

/* map */
#layer_map .pop_body{padding: 20px;}
.map_area{width: 758px;height: 435px;position: relative;overflow: hidden;border: 1px solid #000;}
.map_area iframe{position: absolute;left:-10px;top: -10px;width: 110%;height: 110%;}