/*추가 퀵메뉴*/
#m_event{display:none;}
#m_kakao{display:none;}	

#btn_box{z-index:10006; float:left; position:fixed; top:350px; left:1700px; width:174px; height:338px; }
#btn_box img{width:100%; height:auto;}

#g_btn{z-index:10008;  position:absolute; left:26px; top:19px; width:100px; height:100px; margin-bottom:20px; cursor:pointer; }
#g_btn .talk{float:left; display:block; cursor:pointer;}
#e_btn {z-index:10008; margin-bottom:20px; position:absolute; top:135px; left:0px; width:154px; height:128px;}

#e_btn .event{cursor:pointer; }
#btn_box .t_btn{display:block; cursor:pointer; z-index:10008; position:absolute; top:283px; left:10px;
                width:144px; height:54px; background:#929292; border-top-left-radius:27px; border-bottom-left-radius:27px; }

#btn_box .t_btn h6{margin-left:20px; font-size:16px; line-height:54px; color:#fff;}
#btn_box .t_btn h6 span{line-height:54px; color:#fff; padding-right:10px;}

#barrier{display:none; z-index:10009; position:fixed; top:0px; width:100%; height:100%; background-color:rgba(25,25,25, 0);}
#barrier .m_ka{position: relative; width: 400px; height:640px; left:calc(50% - 200px); top:calc(50% - 320px);}
#barrier .m_ka .kakao{position:relative;  display:block; width:100%; height:auto;}
#barrier .m_ka .close_btn{z-index:10002; position: absolute; top:0px; right:0px; width:32px; height:32px; cursor:pointer;}



#tuition{padding:80px 0 50px 0px; /*padding:80px 0 100px 0px;*/ float:left; width:100%;  background-color:#ff7a39;}
#tuition .pc{display:block;}
#tuition .mobile{display:none;;}

#tuition .tuition_in{margin:0 auto; width:1200px; /*height:1700px;*/ /*background-color:#44d028;*/}
#tuition .tuition_in .m_txt{text-align:center; padding:30px 0 30px 0;}
#tuition .tuition_in .m_txt h3{/*font-size:48px;*/font-size:4.8em; font-weight:bold; color:#fff;}

#tuition .tuition_in .tut_info{float:left; width:100%; /*background-color:#ff0012;*/}
                     #m_tut{position:relative; margin-right:15px; float:left; width:228px; height:364px; /*background-color:#0fe258;*/}
                     #m_tut .in_txt{position:inherit; z-index:1000; margin:0 auto; width:184px; height:64px; border-radius:32px; background-color:#000;}
                     #m_tut .in_txt h4{text-align:center; /*font-size:26px;*/ font-size:2.6em; font-weight:bold; line-height:64px; color:#fff;}
                     #m_tut .tut_in .day{z-index:1000; position:inherit; top:40px; left:20px; border-bottom:1px solid #333;width:190px; height:212px; /*background-color:#fff111;*/}
                     #m_tut .tut_in .day p{text-align:center; /*font-size:42px;*/ font-size:4.2em; line-height:212px; font-weight:bold; color:#000;}
                     
                     #m_tut .tut_in .price{position:inherit; bottom:26px; left:20px; float:left; width:190px; /*height:35px;*/ line-height:3.083rem; /*background-color:#ff1230;*/}						  
                     #m_tut .tut_in .price .month{float:left; /*font-size:23px;*/ font-size:2.3em; color:#000;}
                    
                     #m_tut .tut_in .price .sale .pc{display:block;}
                     #m_tut .tut_in .price .sale .mobile{display:none;}

                     #m_tut .tut_in .price .sale{/*float:left; position:inherit; top:10px;*/}
                     #m_tut .tut_in .price .sale .mobile{display:block;/*font-size:12px;*/ font-size:1.2em; line-height:1rem; color:#000;}

                     #m_tut .tut_in .price .pc{position:relative; top:45px; display:block; font-size:1.5em; line-height:1.3; color:#000;}


                     
                     #m_tut .tut_in .price .value {float:right; /*font-size:42px;*/ font-size:4.2em; font-weight:bold;  color:#ff7a39;}
                     #m_tut .tut_in .price span{position:relative; bottom:-4px; float:right; font-size:3.2em; font-weight:bold; font-weight:bold; color:#ff7a39;}
                     
                     #m_tut .tut_in{float:left; position:absolute; top: 25px; width:100%; height:338px;}
                     #m_tut .tut_in .frame{z-index:100; float:left; width:228px; height:338px;}
                     #m_tut .tut_in img{max-width:100%; height:auto;}
                     
                     
#tuition .tuition_in .info_txt{float:left; margin: 30px 0 50px 0; padding-left:28px; text-indent:-20px; width:100%; 
                               font-size:1.8em; line-height:1.5; color:#fff; word-break: break-all;}
#tuition .tuition_in .plus{display:block; margin:0 auto; margin-bottom:150px; width:48px; height:48px;}

#tuition .tuition_in .tut_info DIV:last-child{margin-right:0px;}

#step{float:left; width:100%;  /*background-color:#ff00f1;*/}

#step .step_in{position:relative; margin:0 auto; width:1200px; /*height:803px;*/ /*background-color:#fff111;*/}

#step .step_in .m_banner{padding-bottom:50px; position:inherit; top:-150px; float:left; width:100%;  /*height:311px;*/}
#step .step_in .m_banner .m_txt{z-index:1000; position:absolute; top:0px; padding:63px 0 63px 50px; width:100%; /*height:311px;*/}
#step .step_in .m_banner .m_txt p{font-size:3.4em; line-height:2.833rem; color:#000;}
#step .step_in .m_banner .m_txt h5{font-size:5.2em; line-height:4.333rem; color:#ff7a39;}
#step .step_in .m_banner .m_txt h5 span{font-weight:bold; color:#ff7a39;}
#step .step_in .m_banner .m_txt h5.m1{display:inline-block;}
#step .step_in .m_banner .m_txt h5.m2{padding-left: 10px; display: inline-block;}


#step .step_in .m_banner img{z-index:100; margin-bottom:50px; position:inherit; max-width:100%; height:auto;}
#step .step_in .m_banner .pc{display:block;}
#step .step_in .m_banner .mobile{display:none;}

#step .step_in .m_banner .s_btn{display:block; padding:10px 0 10px 0; margin:0 auto; border-radius:21px; border:1px solid #000;  width:210px; text-align:center; /*font-size:16px;*/ font-size:1.6em; color:#000;}


#step .step_in .step_process{position:inherit; top:-150px; float:left; width:100%; /*height:278px;*/ /*background-color:#ff0123;*/}
#step .step_in .step_process .m_arrow{display:none;}

#step .step_in .step_process .process{position:relative; float:left; width:240px; border-right:1px solid #C0C0C0; height:278px; /*background-color:#bce55c;*/}
#step .step_in .step_process .process .icon5{margin:0 auto; padding: 61px 0 20px 0; width:140px; height:164px;}
#step .step_in .step_process .process .icon6{margin:0 auto; padding: 26px 0 20px 0; width:102px; height:164px;}
#step .step_in .step_process .process .icon7{margin:0 auto; padding: 60px 0 20px 0; width:100px; height:164px;}
#step .step_in .step_process .process .icon2{margin:0 auto; padding: 61px 0 20px 0; width:93px; height:164px;}
#step .step_in .step_process .process .icon8{margin:0 auto; padding: 68px 0 20px 0; width:124px; height:164px;}

#step .step_in .step_process .process .pattern5{position:absolute; width:26px; height:26px;}

#step .step_in .step_process .process .pos1{z-index:100; top:calc(50% - 15px); right:-13px;}
#step .step_in .step_process .process .pos2{z-index:100; top:calc(50% - 15px); right:-13px;}
#step .step_in .step_process .process .pos3{z-index:100; top:calc(50% - 15px); right:-13px;}
#step .step_in .step_process .process .pos4{z-index:100; top:calc(50% - 15px); right:-13px;}


#step .step_in .step_process .process img{display:block; max-width:100%; height:auto;}



#step .step_in .step_process .txt{text-align:center;}
#step .step_in .step_process .txt p{/*font-size:20px;*/ font-size:2.0em; line-height:1.917rem; color:#000;}

#step .step_in .step_process DIV:last-child{border-right:0px solid #C0C0C0;}