@charset "utf-8";

html,body{width:100%;margin:0; padding:0; border:0; }
.wrap{width:100%;overflow:hidden;margin-top:50px }

header{top:0;left:0;height:50px;background:#fff;line-height: 48px;width:100%; position:fixed;z-index:99;    box-shadow: 0px 5px 5px rgba(0,0,0,0.1)}
header .header_wrap{padding:0 4%;position:relative}
header .header_wrap nav {display:inline-block; vertical-align:middle;}
header .header_wrap nav .gnb{z-index:100;position:absolute;left:-100%;width: 70%;background: #fff;height: 100vh; box-shadow: 0px 5px 5px rgb(0 0 0 / 30%);top: 50px;padding: 5%;transition:all 0.3s}
header .header_wrap nav .gnb.on{left:0;transition:all 0.3s}
header .header_wrap nav .gnb li{}
header .header_wrap nav .gnb li a{color:#000; font-size:16px;font-weight:500;letter-spacing:-0.5px;display:block}
header .header_wrap h1{width:86px;display:inline-block; vertical-align:middle;margin-left: 14%;}
header .header_wrap .btn_box {position:absolute; right: 4%; top: 50%; margin-top: -24px;}
header .header_wrap .btn_box .my_page{display:inline-block;text-align:center;width:60px; height:25px; line-height:23px; background:#288dff;font-size:12px; color:#fff;letter-spacing:-0.5px}
header .header_wrap .btn_box .login{display:inline-block;text-align:center;width:60px; height:25px; line-height:23px; background:#288dff;font-size:12px; color:#fff;letter-spacing:-0.5px}
header .header_wrap .login_box{z-index:100;position:absolute;right:-100%;width: 70%;background: #fff;height: 100vh; box-shadow: 0px 5px 5px rgb(0 0 0 / 30%);top: 0;transition:all 0.3s}
header .header_wrap .login_box.on{right:0;transition:all 0.3s}
header .header_wrap .login_box .login_header{height: 50px;background: #288dff;padding: 0 6%;color: #fff;font-size: 18px;font-weight: 500;letter-spacing: -0.5px;position: relative;}
header .header_wrap .login_box .login_header a.login_close_btn{position: absolute;right: 6%;width: 38px;height: 38px;border: 1px solid #7ebbff;display: block;top: 50%;text-align: center;color: #7ebbff;font-size: 22px;font-weight: 600;line-height: 38px;margin-top: -19px;}
header .header_wrap .login_box .login_cont{}
header .header_wrap .login_box .login_cont .top_cont{padding: 6%;text-align: center;border-bottom:1px solid #d4d4d4}
header .header_wrap .login_box .login_cont .top_cont .txt{color: #3d3d3d;font-size: 13px;line-height: 1.5;margin-bottom: 15px;}
header .header_wrap .login_box .login_cont .top_cont input[type="text"]{width:100%;margin-top:5px}
header .header_wrap .login_box .login_cont .top_cont label{font-size:11px; font-weight:300; color:#626262; letter-spacing:-0.5px}
header .header_wrap .login_box .login_cont .top_cont input[type="checkbox"]{}
header .header_wrap .login_box .login_cont .top_cont .blue_btn{width:100%;height:40px; line-height:38px;margin:0 auto}
header .header_wrap .login_box .login_cont .bot_cont{text-align:center;padding:0 6%}
header .header_wrap .login_box .login_cont .bot_cont .my_page_btn{font-size:11px;font-weight:500; color:#7e7e7e;letter-spacing:-0.5px}
header .header_wrap .login_box .login_cont .bot_cont .my_page_btn a{font-size:11px;font-weight:500; color:#7e7e7e;letter-spacing:-0.5px;display:inline-block; vertical-align:middle;margin:0 5px}
header .header_wrap .login_box .login_cont .bot_cont .blue_btn{width:100%;height:40px; line-height:38px;margin:5px auto}
header .header_wrap .login_box .login_cont .bot_cont .white_btn{width:100%;height:40px; line-height:38px;margin:5px auto}
#black_bg{position:fixed;background:rgba(0,0,0,0.6);width:100%;height:100%; z-index:99;top:0;left:-100%;transition:all 0.3s}
#black_bg.on{left:0;transition:all 0.3s}
#m_menu {display:block;width: 34px;height:34px;background:#288dff;position:relative; top:0; right:0; ;-webkit-transform: rotate(0deg);; transform: rotate(0deg); -webkit-transition: .25s ease-in-out;;transition: .25s ease-in-out;cursor: pointer;z-index:98}
#m_menu span {display: block;position: absolute;height:3px; width: 60%;background: #fff; ;opacity: 1;left: 20%; -webkit-transform: rotate(0deg); ;transform: rotate(0deg); -webkit-transition: .25s ease-in-out; ;transition: .25s ease-in-out;}
#m_menu span:nth-child(1) { top:10px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#m_menu span:nth-child(2) { top:16px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#m_menu span:nth-child(3) {top:22px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#m_menu.open{z-index:2}
#m_menu.open span:nth-child(1) {-webkit-transform: rotate(135deg); ;transform: rotate(135deg);top: 8px;left: 25px;}
#m_menu.open span:nth-child(2) {opacity: 0;left: -60px;}
#m_menu.open span:nth-child(3) { -webkit-transform: rotate(-135deg);;transform: rotate(-135deg);top:22px;left: 25px;}

.sub_visual{background:#0b7eff;background-repeat:no-repeat;     background-size: auto 100%; background-position:right center;height:150px;display:table}
.sub_visual .cont_box{padding:0 4%;display:table-cell;vertical-align:middle;height:100%}
.sub_visual .cont_box .sub_title{color:#fff}
.sub_visual .cont_box .sub_title .kr{font-weight:300;font-size:12px;letter-spacing:-0.5px;display:block}
.sub_visual .cont_box .sub_title .eng{font-weight:600;font-size:22px;letter-spacing:-1px;display:block}
#about .sub_visual{background-image:url('../../img/about_visual.jpg');background-color:#0b7eff}
#basic .sub_visual{background-image:url('../../img/basic_visual.jpg');background-color:#0b7eff}
#prenatal .sub_visual{background-image:url('../../img/prenatal_visual.jpg');background-color:#0b7eff}
#travel .sub_visual{background-image:url('../../img/travel_visual.jpg');background-color:#0b7eff}
#newspaper .sub_visual{background-image:url('../../img/newspaper_visual.jpg');background-color:#0b7eff}
#interview .sub_visual{background-image:url('../../img/interview_visual.jpg');background-color:#0b7eff}
#exam .sub_visual{background-image:url('../../img/exam_visual.jpg');background-color:#0b7eff}
#login .sub_visual{background-image:url('../../img/login_visual.jpg');background-color:#0b7eff}


.contents{}
.contents .sec_tit{font-size:22px;font-weight:200;color:#262626;letter-spacing:-1px;text-align:center;padding:0 4%;line-height:1}
.contents .sec_tit.col_white{color:#fff}
.contents .sec_tit.lf_txt{text-align:left}
.contents .sec_tit span.bod{font-weight:600}
.contents .sec_tit span.col_blue{color:#288dff}
.contents .sec_tit span.sml_br_txt{display:block; font-weight:300;font-size:12px; color:#262626;letter-spacing:-0.5px;margin-bottom:5px}
.contents .sec_tit.col_white span.sml_br_txt{color:#fff}
.wrap img{width:100%;display:block}
.contents .sec_txt{text-align:center; font-weight:300;font-size:12px; color:#262626;letter-spacing:-0.5px }
.contents .sec_txt.lf_txt{text-align:left}
.contents .sec_txt.col_white{color:#fff}
.mgt_5{margin-top:5px}
.mgt_10{margin-top:10px}
.mgt_15{margin-top:15px}
.mgt_20{margin-top:20px !important}

.swiper-pagination{width:100%} 
.swiper-pagination-bullet {margin: 0 3px;width: 7px;height: 7px;display: inline-block;border-radius: 100%;background: #d0d0d0;border:1px solid #d0d0d0;opacity:1}
.swiper-pagination-bullet-active {background: #fff;}
.swiper-container{margin-top:20px;position:unset;}
a.white_btn{border-radius:3px;width:70%; left:15%;height:60px; line-height:58px; text-align:center; display:block; font-size:18px; color:#288dff; letter-spacing:-0.8px;border:1px solid #008eff;background:#fff;margin:10px auto}
a.blue_btn{border-radius:3px;width:70%; left:15%;height:60px; line-height:58px; text-align:center; display:block; font-size:18px; color:#fff; letter-spacing:-0.8px;border:1px solid #008eff;background:#008eff;margin:10px auto}
a.real_white_btn{border-radius:3px;width:70%; left:15%;height:60px; line-height:58px; text-align:center; display:block; font-size:18px; color:#288dff; letter-spacing:-0.8px;border:1px solid #fff;background:#fff;margin:10px auto}




.sec_bottom{position:relative;padding:30px 0 0; background-color:#fff;background-image:url('../../img/about_sec06_bg.jpg');background-repeat:no-repeat; background-size:100% auto; background-position:center top}
.sec_bottom .cont_box{}
.sec_bottom .cont_box .sec_img{margin-top:50px}
.sec_bottom .cont_box .seemore_btn{background:#f2f2f2;padding:30px 0}
.sec_bottom .cont_box ul{margin-top:25px;padding:0 4%;font-size:0;width:100%;}
.sec_bottom .cont_box ul li{display:inline-block; vertical-align:top;width:48%;height:75px; line-height:75px;padding:0 4%;background:#fff; border-radius:5px;margin-bottom:4%;box-shadow:5px 5px 5px rgba(0,0,0,0.05)}
.sec_bottom .cont_box ul li:nth-child(odd){margin-right:2%}
.sec_bottom .cont_box ul li:nth-child(even){margin-left:2%}
.sec_bottom .cont_box ul li a{display:block; color:#262626; font-size:12px; font-weight:500;letter-spacing:-0.5px}
.sec_bottom .cont_box ul li img{width:33px;display: inline-block; vertical-align: middle;margin-right:5px}

.tab_list{text-align:center;padding:0 4%;margin-top:25px }
.tab_list li{display:inline-block; border-bottom:2px solid #fff; padding:5px 0;font-size:10px; color:#000000; vertical-align:top;margin:3px;transition:all 0.3s}
.tab_list li.on{ border-bottom:2px solid #208eff;transition:all 0.3s }
.tab_content{padding-bottom:30px}


#main {}
#main .main_visual{}
#main .main_visual .swiper-container{margin:0}
#main .main_visual .swiper-container .btn{position: absolute; bottom: 15%;  width: 42%;  left: 5%;  height: 10%;  text-indent: -999999px; overflow: hidden; z-index: 1;}
#main .sec01{padding:30px 0; background:#fff}
#main .sec01 .sec_img{margin-top:25px}
#main .sec01 .sec_txt{margin-top:10px;font-size:14px; font-weight:500; color:#6c6c6c; letter-spacing:-0.5px}
#main .sec02 {position:relative;padding:30px 0; background-color:#f2f2f2}
#main .sec02 .cont_box{}
#main .sec02 .cont_box .sec_img{margin-top:50px}
#main .sec02 .cont_box .seemore_btn{background:#f2f2f2;padding:30px 0}
#main .sec02 .cont_box ul{margin-top:25px;padding:0 4%;font-size:0;width:100%;}
#main .sec02 .cont_box ul li{display:inline-block; vertical-align:top;width:48%;height:75px; line-height:75px;padding:0 4%;background:#fff; border-radius:5px;margin-bottom:4%;box-shadow:5px 5px 5px rgba(0,0,0,0.05)}
#main .sec02 .cont_box ul li:nth-child(odd){margin-right:2%}
#main .sec02 .cont_box ul li:nth-child(even){margin-left:2%}
#main .sec02 .cont_box ul li a{display:block; color:#262626; font-size:12px; font-weight:500;letter-spacing:-0.5px}
#main .sec02 .cont_box ul li img{width:33px;display: inline-block; vertical-align: middle;margin-right:5px}
#main .sec03{padding:30px 0; background:#fff;background-image:url('../../img/main_sec03_bg.jpg');background-repeat:no-repeat; background-size:100% auto; background-position:center top}
#main .sec03 .sec_img{margin-top:25px}
#main .sec04{padding:0 0 30px; background:#fff}
#main .sec04 .sec_img{margin-top:25px}
#main .sec05{padding:30px 0; background:#288dff;position:relative}
#main .sec05 .swiper-button-next{background-image:url('../../img/arrow_next.png');background-repeat:no-repeat;width: 11px;background-size: 100%; right: 12%;}
#main .sec05 .swiper-button-prev{background-image:url('../../img/arrow_prev.png');background-repeat:no-repeat;width: 11px;background-size: 100%; left: 12%;}
#main .sec06{padding:30px 0 0; background:#fff}
#main .sec06 .sec_box{position:relative}
#main .sec06 .sec_box .btn{position: absolute;bottom: 8%;background: #fff;left: 15%; width: 70%; height: 60px;line-height: 60px; text-align: center;display: block; font-size: 18px;font-weight: 500; color: #288dff; letter-spacing: -1px;}
#main .sec07{padding:30px 0; background:#f6f6f6}
#main .sec07 .sec_img{margin-top:25px}
#main .sec08{padding:30px 0 0; background:#fff}
#main .sec08 .sec_img{margin-top:25px}
#main .sec08 .sec_box{position:relative}
#main .sec08 .sec_box .blue_btn{position: absolute;bottom: 8%;left: 15%; width: 70%;}
#main .sec08 ul{width: 78%;margin:35px auto}
#main .sec08 ul li{width:100%;padding-bottom:10px;margin-top:25px;border-bottom:2px solid #262626;position:relative }
#main .sec08 ul li a{color:#262626; font-size:17px; font-weight:bold;letter-spacing:-1px;line-height:1;display:block}
#main .sec08 ul li:after{content:'+';position:absolute;color:#262626; font-size:17px; font-weight:bold;letter-spacing:-1px;right: 0;top: -17%;}
#main .sec09{padding:20px 0 30px; background:#288dff;margin-top: -1px;}
#main .sec_btn{padding:10px 4%;background:#0058bc;font-size:0}
#main .sec_btn a{display:inline-block; vertical-align:middle;font-size:15px; color:#fff; letter-spacing:-0.8px; border:1px solid #fff;height:40px;line-height:38px;text-align:center;width:48% }
#main .sec_btn a:first-child{margin-right:2%}
#main .sec_btn a:last-child{margin-left:2%}

#about .sec01{padding:30px 0; background:#fff}
#about .sec01 .sec_img{margin-top:15px}
#about .sec02{padding:30px 0; background:#f6faff}
#about .sec02 .sec_img{margin-top:25px}
#about .sec03{padding:0 0 30px; background:#f6faff}
#about .sec03 .sec_img{margin-top:10px}
#about .sec04{padding:30px 0; background:#fff}
#about .sec04 .sec_img{margin-top:15px}
#about .sec05{padding:30px 0; background:#f6faff}
#about .sec05 .sec_img{margin-top:15px}
#about .sec06{position:relative;padding:30px 0 0; background-color:#fff;background-image:url('../../img/about_sec06_bg.jpg');background-repeat:no-repeat; background-size:100% auto; background-position:center top}
#about .sec06 .sec_img{margin-top:50px}
#about .sec06 .btn{position:absolute;width:70%;height:50px; line-height:48px; border:1px solid #fff; border-radius:50px;text-align:center; font-size:22px; letter-spacing:-1px; font-weight:500;display:block;bottom:5.5%;left:15%;color:#fff}


#basic .sec01{padding:30px 0; background:#fff}
#basic .sec01 .sec_img{margin-top:25px}
#basic .sec02{padding:30px 0; background:#288dff}
#basic .sec02 .sec_img{}
#basic .sec03{padding:30px 0; background:#fff}
#basic .sec03 .sec_img{margin-top:25px}
#basic .sec04{position:relative;padding:30px 0 30px; background:#f3f6fa}
#basic .sec04 .swiper-pagination{bottom:4%;position:absolute;width:100%} 
#basic .sec04 .white_bg{background:#fff; position:absolute; bottom:0;height:90px;width:100%}
#basic .sec05{padding:30px 0; background:#f3f6fa}
#basic .sec05 .sec_img{margin-top:20px}
#basic .sec06{padding:30px 0; background:#fff}
#basic .sec06 .sec_tit{letter-spacing:-2px; padding:0}
#basic .sec06 .sec_img{margin-top:30px}
#basic .sec06 .sec_txt{margin-top:10px;font-size:14px; font-weight:500; color:#6c6c6c; letter-spacing:-0.5px}


#prenatal .sec01{padding:30px 0; background:#fff}
#prenatal .sec01 .sec_img{margin-top:25px}
#prenatal .sec02{padding:30px 0; background:#288dff}
#prenatal .sec02 .sec_img{}
#prenatal .sec03{padding:30px 0; background:#fff}
#prenatal .sec03 .sec_img{margin-top:25px}
#prenatal .sec04{padding:30px 0 30px; background:#f3f6fa}
#prenatal .sec04 .sec_img{margin-top:25px}
#prenatal .sec05{padding:30px 0; background:#fff;position:relative}
#prenatal .sec05 .sec_img{margin-top:20px}
#prenatal .sec05 .swiper-pagination{bottom:7%} 
#prenatal .sec06{padding:30px 0 30px; background:#f3f6fa}
#prenatal .sec06 .sec_img{margin-top:25px}
#prenatal .sec07{padding:30px 0; background:#fff}
#prenatal .sec07 .sec_tit{letter-spacing:-2px; padding:0}
#prenatal .sec07 .sec_img{margin-top:30px}
#prenatal .sec07 .sec_txt{margin-top:10px;font-size:14px; font-weight:500; color:#6c6c6c; letter-spacing:-0.5px}

#travel .sec01{padding:30px 0; background:#fff}
#travel .sec01 .sec_img{margin-top:25px}
#travel .sec02{padding:30px 0; background:#f6faff}
#travel .sec02 .sec_img{margin-top:25px}
#travel .sec03{padding:30px 0; background:#fff}
#travel .sec03 .sec_img{margin-top:25px}
#travel .sec04{padding:30px 0; background:#f3f6fa}
#travel .sec04 .sec_img{margin-top:25px}
#travel .sec05{position:relative;padding:30px 0 30px; background:#fff}
#travel .sec05 .swiper-pagination{bottom:4%;position:absolute;width:100%} 
#travel .sec05 .blue_bg{background:#f3f6fa; position:absolute; bottom:0;height:130px;width:100%}
#travel .sec06{padding:30px 0; background:#fff}
#travel .sec06 .sec_tit{letter-spacing:-2px; padding:0}
#travel .sec06 .sec_img{margin-top:30px}
#travel .sec06 .sec_txt{margin-top:10px;font-size:14px; font-weight:500; color:#6c6c6c; letter-spacing:-0.5px}

#newspaper .sec01{padding:30px 0; background:#fff}
#newspaper .sec01 .sec_img{margin-top:25px}
#newspaper .sec02{position:relative;padding:30px 0 50px; background:#f6faff}
#newspaper .sec02 .swiper-pagination{bottom:4%;position:absolute;width:100%} 
#newspaper .sec02 .sec_tit{letter-spacing:-2px; padding:0}
#newspaper .sec03{padding:30px 0; background:#fff}
#newspaper .sec03 .sec_tit{letter-spacing:-2px; padding:0}
#newspaper .sec03 .sec_img{margin-top:25px}
#newspaper .sec05{padding:30px 0; background:#f3f6fa}
#newspaper .sec05 .sec_img{margin-top:25px}
#newspaper .sec06{padding:30px 0; background:#fff}
#newspaper .sec06 .sec_tit{letter-spacing:-2px; padding:0}
#newspaper .sec06 .sec_img{margin-top:30px}
#newspaper .sec06 .sec_txt{margin-top:10px;font-size:14px; font-weight:500; color:#6c6c6c; letter-spacing:-0.5px}

#interview .sec01{padding:30px 0; background:#fff}
#interview .sec01 .sec_img{margin-top:25px}
#interview .sec02{padding:30px 0; background:#f6faff}
#interview .sec02 .sec_img{margin-top:25px}
#interview .sec03{padding:30px 0; background:#fff}
#interview .sec03 .sec_img{margin-top:25px}
#interview .sec04{position:relative;padding:30px 0 50px; background:#f6faff}
#interview .sec04 .swiper-pagination{bottom:4%;position:absolute;width:100%} 
#interview .sec05{padding:30px 0; background:#fff}
#interview .sec05 .sec_img{margin-top:25px}
#interview .sec06{padding:30px 0; background:#f6faff}
#interview .sec06 .sec_img{margin-top:25px}
#interview .sec07{padding:30px 0; background:#fff}
#interview .sec07 .sec_tit{letter-spacing:-2px; padding:0}
#interview .sec07 .sec_img{margin-top:30px}
#interview .sec07 .sec_txt{margin-top:10px;font-size:14px; font-weight:500; color:#6c6c6c; letter-spacing:-0.5px}

#exam .sub_visual .cont_box .sub_title .eng{line-height:1.2;margin-top:3px}
#exam .sec01{padding:30px 0; background:#fff}
#exam .sec01 .sec_img{margin-top:25px}
#exam .sec02{padding:30px 0; background:#f6faff}
#exam .sec02 .sec_img{margin-top:25px}
#exam .sec03{padding:30px 0; background:#fff}
#exam .sec03 .sec_img{margin-top:25px}
#exam .sec04{padding:30px 0; background:#f6faff}
#exam .sec04 .sec_img{margin-top:25px}
#exam .sec05{position:relative;padding:30px 0 50px; background:#fff}
#exam .sec05 .swiper-pagination{bottom:4%;position:absolute;width:100%} 
#exam .sec05 .blue_bg{background:#f3f6fa; position:absolute; bottom:0;height:210px;width:100%}
#exam .sec06{padding:30px 0; background:#fff}
#exam .sec06 .sec_tit{letter-spacing:-2px; padding:0}
#exam .sec06 .sec_img{margin-top:30px}
#exam .sec06 .sec_txt{margin-top:10px;font-size:14px; font-weight:500; color:#6c6c6c; letter-spacing:-0.5px}


#login .sec01{background:#fff; padding:30px 4%}
#login .sec01 .cont_box{width:100%; margin:0 auto}
#login .sec01 .cont_box .input_wrap{margin-bottom:10px}
#login .sec01 .cont_box .input_wrap input{height:40px;width:100%;border-radius:3px;border:1px solid #e1e1e1;background:#fff;color:#262626; font-size:14px; letter-spacing:-1.0px;}
#login .sec01 .cont_box .input_wrap input::placeholder {color:#a6a6a6; font-size:14px; letter-spacing:-1.0px;}
#login .sec01 .cont_box .btn_box{}
#login .sec01 .cont_box .btn_box:after{content:'';display:block;clear:both}
#login .sec01 .cont_box .btn_box .save_btn{float:left;font-size:11px; font-weight:300;color:#626262; letter-spacing:-0.5px}
#login .sec01 .cont_box .btn_box .find_btn{float:right;font-size:11px; font-weight:300;color:#626262; letter-spacing:-0.5px}
#login .sec01 .cont_box a.btn_blue{width:100% ;height:40px; line-height:40px; text-align:center; border-radius:3px;font-size:18px; color:#fff;letter-spacing:-0.5px;background:#288dff;display:block; margin:15px auto 0}
#login .sec01 .cont_box .agree_txt{color:#626262;font-size:12px; font-weight:300;letter-spacing:-0.5px}
#login .sec01 .cont_box .agree_txt span{text-decoration:underline; font-weight:500}
.tab_base_style{font-size:0;height:40px;margin-bottom:15px}
.tab_base_style li{letter-spacing:-0.5px;cursor:pointer;display:inline-block;line-height:40px; border-bottom:2px solid #288dff;border-top:1px solid #e1e1e1;background:#fff;text-align:center;width:50%;vertical-align:top;font-size:18px;color:#626262;font-weight:300}
.tab_base_style li span{font-weight:500}
.tab_base_style li:first-child{border-left:1px solid #e1e1e1}
.tab_base_style li:last-child{border-right:1px solid #e1e1e1}
.tab_base_style li.active{border-bottom:2px solid #288dff;border-top:1px solid #288dff;background:#288dff;color:#fff}
.tab_base_style li.active:first-child{border-left:1px solid #288dff}
.tab_base_style li.active:last-child{border-right:1px solid #288dff}

.layer_pop{display:none;position:fixed;;width:100%; height:100%; left:0; top:0;z-index:999}
.layer_pop .layer_bg{position:fixed;height:100%;width:100%;top:0;left:0; background:rgba(0,0,0,0.5)}
.layer_pop .popup{position: fixed;top: 50%;left: 50%;z-index: 9;width: 80%;background: #f3f6fa;transform: translate(-50%, -50%);border-radius: 60px;text-align: center;padding: 15%;}
.layer_pop .popup .close_btn{position: absolute;right: 30px;top: 30px;width: 12px;}
.layer_pop .popup a.btn{width:100%;border-radius: 20px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;letter-spacing: -0.5px;background: #288dff;display: block;margin: 20px auto 0;}


#join_passwd{width:100%;}
#userid, #join_passwd{font-size:16px;}


#mypage02.contents{padding:0px;}
.form1 table tr td, .form2 tr td, .form3 tr td, .form4 tr td{height:40px;padding:10px;}
.form1 tr, .form2 tr, .form3 tr, .form4 tr{border-bottom:1px solid #ccc;}
.ir1 td{height:180px;}
.form1 td, .form2 td, .form3 td{vertical-align:middle;}
.form1 td input[type="text"], .form2 td input[type="text"], .form1 td input[type="password"]{width:65%;}
.form2 .time1{margin-bottom: 6px;display: inline-block;width: 100%;}
.form_obj{margin-left:6px;}

.padd_left{padding-left:10px;}


.video_tab .tab_box{display: inline-block;    position: relative;    top: 89px;    left: 10px;}
.teacher_detail .teacher_info dt{display: inline-block;    position: relative;    left: 50%;transform: translateX(-60%);}
#pager{text-align: center;
    width: 40%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
	margin-top:30px;
}
#pager .next.arr{float:right;}
#pager .prev.arr{float:left;}
#pager .arr{margin-top:5px;}
#pager a{margin:0 2px;}
.pager_num.on{font-weight:bold;}
.pager_num{color:#262626;}


.calwrap{
	display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.calwrap a{    margin-top: 7px;
    display: inline-block;}