/* 
Project : ¿ù°£À¯¾Æ Åë±Ç 400È£ ±â³ä À̺¥Æ®
Author  : kang2oon
Date    : 2017-08-30
*/

/* Common */

* {box-sizing: border-box;  -moz-box-sizing: border-box;}
html, body {
	font-family:'Spoqa Han Sans', 'Source Sans Pro', Apple SD Gothic Neo, Nanum Barun Gothic, Nanum Gothic, '???', Dotum, Verdana, Arial, sans-serif; color:#000;font-size:16px;-webkit-font-smoothing:antialiased;line-height:1.4;
	font-weight:400;min-height:100%;background:#fff;margin:0;padding:0;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;    min-width: 1200px;
}
a{text-decoration:none; color:#000;}
.fleft{float:left;}
.fright{float:right;}
.alternative{z-index:-1;width:0;height:0;overflow:hidden;visibility:hidden;}
.txtleft{text-align:left!important;}
.txtcenter{text-align:center!important;}
.txtright{text-align:right!important;}
.txtbold{font-weight:bold!important;}
.prelative{position:relative;}
.pabsolute{position:absolute!important;}
.line_height{ line-height:0;}
.martop10{margin-top:10px!important;}
.martop30{margin-top:30px!important;}
img{max-width:100%;}
.martop50{margin-top:60px;}
.martop10{margin-top:10px;}
.martop15{margin-top:15px;}
.martop20{margin-top:20px;}

h1{font-size:48px; font-weight:normal; line-height:57px;}
h2{font-size:40px; font-weight:normal;}
h3{font-size:30px; font-weight:normal; line-height:24px;}
h4{font-size:20px; font-weight:normal;}
p{font-size:18px;}

.bgf5f5f5{background:#f5f5f5!important;}
.subcolor{color:#808080!important;}
.titconsp{margin-top:15px!important;}
.section{padding:50px 0;  text-align:center;}
.wrapcontotal{width:100%; position:relative;margin:0 auto;}
.wrapcon{width:1200px; margin:0 auto; position:relative;}
.btn{border:1px solid #d9d9d9; display:inline-block; text-align:center; color:#7c8183;font-size:16px;}	

.container-fluid{position:relative;width:100%;margin:0; text-align:center;}
.container{position:relative;width:1190px;margin:0 auto;text-align:center;}

.main{position:relative;}
.main .top{padding-top:50px;background:url(../img/bg_2.png), url(../img/topbg.png) ;background-repeat:no-repeat, repeat;
background-position:50% 50px, 0 ;  text-align:left; height:720px;}
	.main .logo{position:absolute; top:20px; left:20px}
	.main .top h1{padding-top:130px;}
	.main .top .idpass{margin:15px 0 0px 0;}
	.main input[type="text"], .main .idpass input[type="password"]
	{width:380px; height:56px; background:#fff; border:1px solid #d9d9d9; padding-left:16px;font-family:'Spoqa Han Sans', 'Source Sans Pro'; font-size:16px;display:block;margin-bottom:8px;}
	.main .top > div { height: 100%; }
.main .top.after{padding-top: 15px; background:url(../img/after_bg_new.png);background-repeat:no-repeat, repeat;text-align:left;height:816px;}
	
.main input[type="checkbox"] { display:none;}
.main input[type="checkbox"] + label {  color:#000; font-size:16px;}
.main input[type="checkbox"] + label span { display:inline-block;  width:21px;  height:21px;  margin:-2px 4px 0 0;
    vertical-align:middle;    background:url(../img/checkbox.png) left top no-repeat;  cursor:pointer;}
.main input[type="checkbox"]:checked + label span {    background:url(../img/checkbox.png) -23px top no-repeat;}
.main .loginbtn{background:#f76b00;border-radius:3px;width:380px; line-height:64px; color:#fff;display:inline-block; font-size:18px; font-weight:bold; text-align:center;}
.main .signuparea{margin-top:5px; font-size:17px;}
	.main .signuparea li a.rigbtn{padding:0 10px;background:url(https://dvbosu.kidkids.net/img/bosu/topline.png) 100% 6px no-repeat;}
	.main .signuparea li a.rigbtn0{background:none; padding-right:26px; vertical-align:m}
	.main .signuparea li a:hover{color:#808080;}
	

.main .mid_vod{padding:50px 0 55px;  background:#f76b00;}
	.main .mid_vod h3{color:#fff;line-height: 30px;}	
	.main .mid_vod ul{margin:15px auto 0;width:1190px;}
	.main .mid_vod ul li{float:left;width:380px;margin:0 0 0 25px;}
	.main .mid_vod ul li:first-child{margin:0;}
	.main .mid_vod ul li a{display:block;}
	.main .mid_vod ul li a h4{margin:0; padding:25px 0; background:#fff; margin-top:-5px; font-size:21px;}
	.main .mid_vod ul li a .cont{position:relative;}
	
	.main .mid_vod .player{positoon:relative;}
	.main .mid_vod .player .modal_close{position:absolute;top:-47px;right:0;cursor:pointer;}



.main .phonarea{background:url(../img/phonarea_bg1.png) 50% 0 no-repeat; background-size:cover;}
	.main .phonarea .container{background:url(../img/phonarea_bg.png) 0 0 no-repeat; height:461px; padding:80px 0;}
	.main .phonarea input[type="text"]{display:inline-block; margin-top:10px; margin-bottom:15px;}
	.main .phonarea button{height:56px;width:117px; background:#df2b1e; border:0; color:#fff;font-size:18px;font-family:'Spoqa Han Sans', 'Source Sans Pro'; }


.flyban{position:fixed; width:90px; height:427px; background:url(../img/flyban_new.png); right:2%; top:80px; z-index:999;margin:0 auto; text-align:center;}
	.flyban ul{margin-top:87px;}
	.flyban ul li{padding:10px 0;background:url(../img/flyban_bg.png)10px 100% no-repeat;}
	.flyban ul li:last-child{background:none;}
.flyban.pabsolute {top: 117px;}

.function_c{position:relative; margin:0 auto; width:650px;text-align:; background:#fff;}
	.function_c h3{ background:#ffdf49; padding:20px 0;padding-left:16px;font-size:25px;letter-spacing:-1px;}
	.function_c ul{margin:15px 0px 30px 60px;}
	.function_c li{width:121px; height:120px;float:left;margin:10px 6px;}
	.function_c li a{width:121px; display:inline-block;  background:url(../img/icon_rr.png)no-repeat 0 0px; height:121px;}
	.function_c li a.icon01{background-position:-148px 0px;}
	.function_c li a.icon02{background-position:-300px 0px;}
	.function_c li a.icon03{background-position:-455px 0px;}
	.function_c li a.icon04{background-position: 0 -134px;}
	.function_c li a.icon05{background-position:-148px -134px;}
	.function_c li a.icon06{background-position:-300px -134px;}
	.function_c li a.icon07{background-position:-455px -134px;}
	.function_c li a.icon08{background-position: 0 -268px;}
	.function_c li a.icon09{background-position:-148px -268px;}
	.function_c li a.icon10{background-position:-300px -268px;}
	.function_c li a.icon11{background-position:-455px -268px;}
	.function_c li a:hover{background-position:0px -409px;}
	.function_c li a.icon01:hover{background-position:-148px -409px;}
	.function_c li a.icon02:hover{background-position:-300px -409px;}
	.function_c li a.icon03:hover{background-position:-455px -409px;}
	.function_c li a.icon04:hover{background-position:     0 -543px;}
	.function_c li a.icon05:hover{background-position:-148px -543px;}
	.function_c li a.icon06:hover{background-position:-300px -543px;}
	.function_c li a.icon07:hover{background-position:-455px -543px;}
	.function_c li a.icon08:hover{background-position: 0     -677px;}
	.function_c li a.icon09:hover{background-position:-148px -677px;}
	.function_c li a.icon10:hover{background-position:-300px -677px;}
	.function_c li a.icon11:hover{background-position:-455px -677px;}
	.function_c .close{position:absolute; top:15px; right:15px;}
	.function_c .blog{position:absolute; bottom:0px; right:10px;}
	
	#lean_overlay {
    position: fixed;
    z-index:500;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.modal{display:none;}
	
.banner_award_jangkwan{position:fixed;top:27px;left:158px;z-index:99;}
	.banner_award_jangkwan .wrapper{position:relative;}
	.banner_award_jangkwan .wrapper .close{position:absolute;top:0;right:0;cursor:pointer;}
.banner_award_jangkwan {top:180px;left: 50px;}	

.banner_photo_card{position:fixed;top:27px;left:158px;z-index:99;}
	.banner_photo_card .wrapper{position:relative;}
	.banner_photo_card .wrapper .close{position:absolute;top:0;right:0;cursor:pointer;}
.banner_photo_card {top:180px;left: 50px;margin-top:170px;}	

.banner_p_edu{position:fixed;top:27px;left:158px;z-index:99;}
	.banner_p_edu .wrapper{position:relative;}
	.banner_p_edu .wrapper .close{position:absolute;top:0;right:0;cursor:pointer;}
.banner_p_edu {top:180px;left: 50px;margin-top:340px;}	

/* ¾Ë¸²Àå */
#main_board {  left: 0; position: absolute; }
/* ¿ì¸®¹Ý ¼Ò°³ */
#intro_my_class { position: absolute; right: 0; }
#intro_my_class .notice { background-color: white; }
#intro_my_class .intro_midtop { padding: 5px 0; }
#intro_my_class .intro_midtop.basic { padding-left: 20px; }

.main_wrapper { width: 850px; margin: 0 auto; }
.main_nav { height: 80px; }
.main_nav .class_name { font-size: 16px; color: black; cursor: default;}
.main_nav .class_name .meta_admin { text-align: right; }

.footer-wrap {
	width: 1190px;
	margin: 0 auto;
	text-align: left;
	/*font-family: sans-serif;*/
	font-size: 9pt;
	line-height: 1.6;
	margin-top: 20px;
	margin-bottom: 15px;
}
.footer-wrap .curp { cursor: pointer; }
.footer-wrap .note_foot_wrap a { color: blue; }



/* ±³À°°èȹ¾È start */
#note_teepahapa_140828{
	height:226px;
}
.note_teepa02{
	height:98px;
	background-color:#f0f0f0;
}
.note_teepahapa_left{
	width:31px;
	height:31px;
	float:left;
	margin-left:10px;
	margin-top:35px;
}
.right{
	float:right;
	margin-right:10px;
}
.note_teepa02_box{
	width:310px;
	float:left;
	margin-left:10px;
	margin-top:15px;
	height:72px;
}
.note_teepa02_month{
	width:103px;
	height:72px;
	float:left;
}
.note_teepa02_week{
	width:63px;
	height:34px;
	float:left;
	margin-left:5px;
}
.margin{
	margin-bottom:4px;
}
/* ±³À°°èȹ¾È end */

/*2021_04_14*/
.main .phonarea{}
	.main .phonarea .store_btn a{margin-left:-35px}
	.main .phonarea .store_btn a:nth-child(2){margin-left:-50px;}
	.main .phonarea h2{font-size:42px; letter-spacing:-2px;}
.main .phonarea p{font-family:'Spoqa Han Sans'}

.note_foot_wrap_2101{font-size:15px; color:#808080; padding-bottom:40px; background:#fff;}	
	.note_foot_wrap_2101 span{color:#d9d9d9; font-size:11px;display:inline-block; margin:0 5px;}
	.footer-wrap .note_foot_wrap.note_foot_wrap_2101 a{color:#000; text-decoration:underline;}
	.note_foot_wrap_2101 p.mgtop_low{font-family:'Spoqa Han Sans'; font-size:13px; margin-top:10px; margin-bottom:10px; color:#999;}
	.note_foot_wrap.note_foot_wrap_2101 .ftp{bottom:auto; right:0; top:8px;}
	.footer-wrap .note_foot_wrap.note_foot_wrap_2101 .ftp a{text-decoration:none; /*background:#f0f0f0;*/ border:1px solid #d9d9d9; padding:8px 20px;border-radius:5px;}
	.note_foot_wrap.note_foot_wrap_2101 .ftp li+li:before{    content: none;}
	.note_foot_wrap.note_foot_wrap_2101 .ftp li{margin:0 3px;}
	.note_foot_wrap.note_foot_wrap_2101 .ftp li:last-child{margin-right:0;}
	
.footer_2021_new{width:100%; margin-bottom:20px; margin-top:30px; background:#fff; padding-top:0;}	
	.footer_2021_new li{ height:80px; background:#f3ecdf; text-align:center; font-size:21px; letter-spacing:-1px ;float:left;  line-height:80px;color:#000; }
	.footer_2021_new li:nth-child(1){border-radius:10px 0 0 10px; width:396px; border-right:2px solid #fff;}
	.footer_2021_new li:nth-child(2){border-radius:0; width:396px; border-right:2px solid #fff;}
	.footer_2021_new li:nth-child(3){border-radius:0 10px 10px 0; width:396px; }
	.footer_2021_new li a{width:100%; height:100%; display:inline-block;}
	.footer_2021_new li img{position:relative; top:7px; margin-right:3px;}
	
	

/* 20210730 Ãß°¡ ½ÃÀÛ */
.phone_area{
	border-radius:50px;
	box-shadow:0 0 50px rgba(0,0,0,0.1);
}

.meta_admin{
	padding-right:170px;
	padding-bottom:30px;
}

.main_nav_margin{
	margin-left:18px !important;
}

p.y_c_download{
	font-size:12px;
	color:#000;
}
/* 20210730 Ãß°¡ ³¡ */	



/* 20210810 Ãß°¡ ½ÃÀÛ */
.banner_remote_learning{
	position:fixed;
	top:27px;
	left:158px;
	z-index:99;
}

.banner_remote_learning .wrapper{
	position:relative;
}

.banner_remote_learning .wrapper .close{
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}

.banner_remote_learning{
	top:180px;
	left: 50px;
	margin-top:513px;
}
/* 20210810 Ãß°¡ ³¡ */
	
	

@media screen and (max-width: 1380px){
.banner_award_jangkwan.pabsolute {left: 10px;}	
}

@media screen and (max-width: 1300px){
.banner_award_jangkwan {right:2%;left:auto;top:500px;}	
}