@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
body { font-family:'맑은 고딕', sans-serif; -webkit-tap-highlight-color:transparent; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; }
html { overflow-x:hidden; }
 header, footer, nav, aside, section, article { margin:0; padding:0; }
a { text-decoration:none; color:inherit; }
li { list-style:none; text-decoration:none; }
img { border:0;}

.in_1100 { width:1100px; margin:0 auto; position:relative; }

/*header*/
.headi { height:123px; }
.login_img { position:absolute; top:20px; left:20px; opacity:0.7; width:15px; }
.logo { margin:10px 0 10px 400px; }
.admin_login { float:right; font-size:13px; font-weight:bold; color:#737373; padding:15px; cursor:pointer; }
.gnb { position:absolute; top:0; left:0; padding-left:200px; }
.gnb_bg { width:1100px; height:270px; background-color:#fff; }
.gnb_menu { float:left; }
.gnb_bar { display:block; width:30px; height:4px; background-color:#64A1FF; margin:5px 0 5px 37px; }
.gnb_bar_red { display:block; width:30px; height:4px; background-color:#64A1FF; margin:5px 0 5px 37px; }
.gnb_big_menu { font-size:17px; font-weight:bold; color:#737373; padding:8px 0 8px 0; margin:0 37px 0 37px;  }
.gnb_big_menu_red { font-size:17px; font-weight:bold; color:#737373; padding:8px 0 8px 0; margin:0 37px 0 37px;  }
.gnb_sub {padding-top:10px;}
.gnb_sub li { font-size:15px; font-weight:normal; color:#737373; padding:2px 0 6px 0; margin:0 0 0 37px;  }
.gnb_sub_menu:hover { color:#64A1FF; }
.gnb_sub_menu_red:hover { color:#64A1FF; }
.old_go { font-size:15px; font-weight:bold; position:absolute; top:40px; right:10px;  padding:7px 14px 7px 14px; color:#fff; background-color:#64A1FF; opacity:0.5; }

/*index*/
.main_banner { margin-left:-450px; }
.banner0 {  margin-left:-450px;  position:absolute; top:0; left:0; }
.sec2 { margin:30px; height:233px; position:relative; }
.but_wrap { float:left; width:254px; height:233px; }
.but_1, .but_2, .but_3 { font-size:19px; font-weight:bold; color:#000; width:254px; height:67px; text-align:center; line-height:67px; }
.but_1 { background-image:url(img/button_1.png); margin-bottom:16px; }
.but_2 { background-image:url(img/button_1.png); margin-bottom:16px; }
.but_3 { background-image:url(img/button_1.png); }
.but_4 { width:241px; height:120px; /*background-image:url(img/button_4.png); background-position:center -40px;*/ background:url(img/m_way.png) no-repeat center top; background-size:cover; text-indent:-9999px; float:left; margin-left:16px; }
.but_4_title {  font-size:19px; text-align:center; color:#000; font-weight:bold; padding-top:16px; }
.but_4_text { text-align:center; color:#000; font-weight:normal; padding-top:6px; }
.go_site{ display:block; position:absolute; left:270px; top:122px; width:241px; height:110px; background:#fff; display:flex; align-items:center; justify-content:center;}
.notice { width:500px; height:230px; border-bottom:3px solid #737373; float:left; margin-left:27px;}
.book_go_wrap { margin:0 auto; }
.book_go { margin:5px 40px 40px 30px; width:1040px; cursor:pointer; }
.school_bg { width:2000px; height:472px; margin-left:-450px; }
.school_wrap { width:1100px; height:350px; position:absolute; top:40px; left:0; }
.home_sub_title { font-size:21px; font-weight:bold; color:#000; text-align:center; margin:10px; }
.black_bar { width:75px; height:4px; background-color:#000; margin:0 auto; }
.school_menu1, .school_menu2, .school_menu3, .school_menu4 { width:226px; height:258px; float:left; margin:40px 20px 20px 20px; }
/*.school_menu1 { background-image: url(img/sch_button_1.jpg); margin-left:35px; }
.school_menu2 { background-image: url(img/sch_button_2.jpg); }
.school_menu3 { background-image: url(img/sch_button_3.jpg); }
.school_menu4 { background-image: url(img/sch_button_4.jpg); }*/
.school_menu1 { background-image: url(img/m_img01.png); margin-left:35px; }
.school_menu2 { background-image: url(img/m_img02.png); }
.school_menu3 { background-image: url(img/m_img04.png); }
.school_menu4 { background-image: url(img/m_img03.png); }

.school_mini_title { width:226px; height:45px; margin-top:213px; color:#000; font-weight:bold; background-color:#9DC6F1; text-align:center; line-height:45px; }
.toggle { margin-top:25px; }
.toggle_all_wrap { width:1074px; height:290px; margin:0 auto; }
.toggle_wrap { width:159px; float:left; margin:10px; }
.toggle_title { font-size:20px; text-align:center; color:#000; font-weight:normal; padding:15px 0 40px 0; }

/*sub page*/
.sub_main_img { margin-left:-450px; }
.in_it_wrap { width:1050px; margin:25px; position:relative; }
.sub_page_bg { position:absolute; top:0; left:0; z-index:-1;  }
.sub_page_title { width:270px; height:130px; margin:0 auto; padding:50px 0 90px 0; }
.in_it { width:1050px; }
.ready { font-size:17px; font-weight:normal; }
.blank_pad { width:100%; height:150px; color:rgba(255,255,255,0)}

/*1intro_1_hi*/
.text { font-size:15px; font-weight:normal; color:#000; line-height:30px; float:left; }
.master_wrap { width:194px; height:284px; margin:0 30px 0 0; float:left; }
.master_img { width:194px; height:239px; float:left; }
.master_name { width:194px; height:45px; background-color:#FFFFFF; color:#000; font-size:17px; font-weight:bold; line-height:45px; text-align:center; float:left; }
.gray_text { color:#a3a3a3; }
.sub_mini_title { font-size:20px; font-weight:bold; }
.gray_bar { width:55px; height:4px; background-color:#a3a3a3; margin:5px 0 5px 0;  }

/*1intro_2_history*/
.text2 { font-size:17px; font-weight:normal; color:#000; }
.history { margin:30px; }
.impact { font-weight:bold; display:inline; }
.part_bar { width:10px; height:17px; background-color:#64A1FF; display:inline-block; }
.history_in { display:inline; }

/*1intro_3_work*/
.sect3 { height:1900px;}
.work { width:325px; margin-right:55px; float:left; }
.work_name { width:310px; height:50px; padding-right:15px; line-height:50px; text-align:right; font-size:20px; font-weight:bold; color:#000; border-bottom:1px solid #e0e0e0; cursor:pointer; }
.work_name:hover { background-color:rgba(0,100,130,0.5); color:#fff; }
.work_in { width:670px; float:left; line-height:30px; }
.sub_big_title { font-size:30px; font-weight:bold; }

/*1intro_6_map*/
.put { display:inline; }

/*1intro_6_map*/
.impact2 { font-weight:bold; display:inline; font-size:17px; }

/*2go_3_did*/
.sect_min { min-height:700px; }
.did_navi { height:55px; width:900px; margin:0 auto; }
.did { width:300px; height:55px; font-size:20px; font-weight:bold; color:#000; line-height:55px; text-align:center; float:left; cursor:pointer; }
.did:hover { background-color:rgba(0,100,130,0.3) !important; }
.line { width:1050px; height:3px; background-color:rgba(0,100,130,0.5); }
.gray_line { width:1050px; height:1px; background-color:#a3a3a3; margin:50px 0 50px 0;}
.gray_line2 { width:100%; height:1px; background-color:#C7C7C7; margin:10px 0 10px 0;}

#up { z-index:1; }

/*3ebook*/
.book { width:1004px; height:710px; }
.left_page { width:502px; height:710px; float:left; }
.right_page { width:502px; height:710px; float:left; }
.page_piece { width:100%; float:left; padding:0; margin:0; }
.dark_bg { background-color:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; top:0; left:0; }
.light_box { width:1004px; height:710px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); }
.book_bring { width:180px; height:255px; margin:10px 10px 50px 10px; float:left; position:relative; cursor:pointer; }
.book_img { width:180px; height:255px; }
.dark_hover { width:180px; height:255px; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); color:#fff; text-align:center; }
.book_number { font-size:45px; font-weight:bold; padding:10px; margin-top:50px; }
.book_in, .all_page { font-size:20px; padding:5px; }

.which_book { position:fixed; top:0; left:0; }
.page_gnb_wrap { position:fixed; top:240px; left:20px; width:170px; height:45px; border:1px solid #999; }
.which_page { float:left; width:40px; height:15px; font-size:15px; padding:15px; background:rgba(0,0,0,0); color:#fff; outline:none; border:0; }
.which_page_blank { display:none; width:50px; position:fixed; bottom:0px; left:0; height:15px; font-size:15px; padding:15px; margin:0 0 10px 10px; background:rgba(0,0,0,0); border:1px solid #999; color:#fff; outline:none;  margin:0 0 20px 20px; }
.want_go { float:left; width:100px; height:45px; line-height:45px; text-align:center; cursor:pointer; font-size:15px; color:#999; background-color:#333; }
.want_go:hover { color:#fff; background-color:#212121; }
.x { width:45px; position:fixed; top:0; right:0; padding:10px; cursor:pointer; background-color:rgba(0,0,0,0.2); }
.q { width:45px; position:fixed; top:0; left:0; padding:10px; cursor:pointer; background-color:rgba(0,0,0,0.2); display:none; }
.q_bg { width:215px; height:310px; position:fixed; top:0; left:0; background-color:#535353; display:none; }
.hide { width:70px; position:fixed; top:0; left:170px; display:none; cursor:pointer; }
.big { opacity:0; width:45px; padding:25px; border-radius:70px; cursor:pointer; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background-color:rgba(0,0,0,0.2); }
.big:hover { opacity:1; }
.back_page { width:90px; height:90px; position:absolute; top:300px; left:-30px; cursor:pointer; background-image:url(img/go_back_ready.png); }
.back_page:hover { background-image:url(img/go_back.png); }
.next_page { width:90px; height:90px; position:absolute; top:300px; right:-30px; cursor:pointer; background-image:url(img/go_next_ready.png); }
.next_page:hover { background-image:url(img/go_next.png); }

.big_wrap { width:100%; }
.left_big, .right_big { width:50%; float:left; }
.page_piece2 { width:100%; float:left; padding:0; margin:0; }
.size_back { opacity:0.2; cursor:pointer; background-color:rgb(0,0,0); border-radius:5px; padding:20px; font-size:15px; color:#fff; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); }
.size_back:hover { opacity:0.4; }
.one_part5 { display:none; width:215px; height:80px; position:fixed; top:310px; left:0; }
.plus_part5 { font-size:15px; font-weight:bold; float:left; margin:20px; text-align:center; width:170px; height:40px; line-height:40px; color:#fff; background-color:#54A2FF; }

/*6join_4_site*/
#site { border-collapse:collapse; line-height:25px; font-size:17px; }
#site td:nth-child(n)  { text-align:right; padding:10px; font-weight:bold; } 
#site td:nth-child(2n)  { text-align:left; padding:10px; font-weight:normal; }

/*join_class*/
#who { width:1050px; padding:0; margin:0; border-spacing:0; border:1px solid #000; text-align:center; font-size:17px; }
#who td:nth-child(n) { height:40px; border:1px solid rgb(200,200,200); position:relative; }
.join_class_title { font-size:40px; font-weight:bold; color:#000; padding:20px; float:left; }
.table_sub_title { width:100px; }
.table_sub_title_birth, .table_sub_title_se { width:80px; }
.in_the_wr { width:200px; }
.wr_inp { outline:none; font-size:17px; width:100%; border:0 !important; box-shadow:none !important; }
.submit_day { margin-left:800px; width:200px; height:25px; line-height:25px; float:left; box-sizing:border-box; border:0 !important; box-shadow:none !important; }
.wr_inp_day_show { font-size:17px; display:inline; }
.wr_inp_day { outline:none; font-size:17px; float:left; width:200px; border:0 !important; box-shadow:none !important; }
.man, .woman { padding:5px 10px 5px 10px; cursor:pointer; }
input[id="man"]:checked + label { background-color:#5EADDF; border-radius:8px; color:#fff; }
input[id="woman"]:checked + label { background-color:#D76487; border-radius:8px; color:#fff; }
input[id="man"], input[id="woman"] { position:absolute; top:10px; left:10px; opacity:0; }
.teacher { width:180px; }
.week_day { width:70px; }
.class_time { width:300px; }
.choice { display:block; background-color:#fff; width:100px; height:40px; line-height:40px; color:#fff; cursor:pointer; }
input[class="choi"]:checked + label { background-color:#777; }
input[class="choi"] { position:absolute; top:10px; left:10px; opacity:0; }
.payselect1 { float:left; width:300px; height:50px; text-align:center; line-height:50px; color:#fff; background-color:#424242; font-size:20px; margin:16px; }
.payselect2 { float:left; width:300px; height:50px; text-align:center; line-height:50px; color:#fff; background-color:#939393; font-size:20px; margin:16px 0 16px 0; }
.bank_text_box { font-weight:bold; float:left; width:390px; height:50px; text-align:center; line-height:50px; color:#fff; background-color:#AAAAAA; font-size:19px; margin:16px 0 16px 0; }
.paycla { background-color:#fff; float:left; display:block; margin:10px; width:30px; height:30px; cursor:pointer; }
input[id="paycla2"]:checked + label { width:14px; height:14px; border:8px solid #fff; background-color:#555; box-sizing:content-box; }
input[id="paycla1"]:checked + label { width:14px; height:14px; border:8px solid #fff; background-color:#555; box-sizing:content-box; }
input[id="paycla2"], input[id="paycla1"] { position:absolute; top:10px; left:10px; opacity:0; box-sizing:content-box; }
.select_lock { width:100px; height:40px; position:absolute; top:0px; left:0px; opacity:0; background-color:#fff; }
.go_left { float:left; }
#pay_all { text-align:center; }
.gray_text_box { color:#a3a3a3; float:left; padding:20px; width:960px; }

#info_to_join { border-collapse:collapse; line-height:25px; font-size:17px; }
#info_to_join td:nth-child(n)  { text-align:right; padding:10px; font-weight:bold; width:150px; }
#info_to_join td:nth-child(2n)  { text-align:left; padding:10px; font-weight:normal; width:850px; }
.show_ani { color:#68ADFF; }

/*rent*/

/*footer*/
.footer { width:100%; height:auto; background-color:#909090; float:left; }
.logo2 { margin:55px; float:left; }
.footer_text { padding-top:30px; padding-bottom:30px; font-size:15px; line-height:25px; font-weight:normal; color:#fff; float:left; }

@media screen and (max-width:1440px) {
	.which_book, #smart { display:none; }
	.q { display:block; }
}

@media screen and (max-width:1100px) {
html { overflow-x:scroll;}
body { width:1100px; overflow:hidden; }
}