/* 폼 안보이기*/
table{text-align:left;font-size:15px;}
div{list-style:none; margin:0px; padding:0px;}
ul,ol,li{list-style:none; margin:0px; padding:0px;}
img{border:0px none; vertical-align:top;} /*vertical-align:top 이미지의 여백에 대한 오류를 잡는 소스 */
form{display:inline;}  /* 폼 한줄 안보이기*/
fieldset{margin:0px; padding:0px; border: 0px none;}
a {text-decoration: none; }
a:hover { text-decoration: underline; }
legend{display: none;}
caption{display: none;}
th{text-align:left;}
#clear{clear: both;} 

/* 메인배너*/
.m_bline{width:1002px;}
.m_bbg{ position: absolute; left: 50%; bottom: 25px;}
.m_bbg td{width:20px;}

/* 메인_탭*/
.m_tline{width:782px; height:231px; border:1px solid #dfe0e2;border-top:3px solid #3fb7e9;}
.m_ttd1{width:163px;border-left:1px solid #dfe0e2; border-right:1px solid #dfe0e2;border-bottom:1px solid #dfe0e2;}
.m_ttd2{width:163px;border-right:1px solid #dfe0e2;border-bottom:1px solid #dfe0e2;}
.m_ttd3{width:163px;border-bottom:1px solid #dfe0e2;}
.m_ttd4{border-left:1px solid #dfe0e2; border-right:1px solid #dfe0e2;}
.m_ttd5{border-right:1px solid #dfe0e2;}
.m_tspan1{font-weight:bold;font-size:10pt;color:#000; font-family: Dotum;line-height:150%;}
.m_tspan2{font-weight:bold;font-size:10pt;color:#e60012; font-family: Dotum;line-height:150%;}
.m_tspan3{font-weight:bold;font-size:11pt;color:#0068b7; font-family: Dotum;}
.m_tspan4{font-weight:bold;font-size:11pt;color:#000; font-family: Dotum;line-height:150%;}
.m_tspan5{font-weight:bold;font-size:12pt;color:#e60012; font-family: Dotum;line-height:150%;}
.m_tspan6{font-weight:bold;font-size:12pt;color:#00a0e9; font-family: Dotum;line-height:150%;}
.m_tspan7{font-size:10pt;color:#626262; font-family: Dotum;letter-spacing:-1px;line-height:120%;}

/* 메인_수강리스트*/
.regi_list1{width:785px;margin-bottom:5px;font-family:굴림,Gulim;font-size:11pt;line-height:13pt;font-style: normal;color:#313131;}
.regi_list2{width:785px;}
.regi_list2 ul li{float:left;}

.list_tbl1{width:260px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;}
.list_tbl2{width:262px;border-top:1px solid #e0e0e0;}
.list_tbl3{width:261px;border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.list_tbl4{width:260px;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;}
.list_tbl5{width:262px;border-bottom:1px solid #e0e0e0;}
.list_tbl6{width:261px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.list_tbl7{width:261px;border-left:1px solid #e0e0e0;}
.list_tbl8{width:261px;border-right:1px solid #e0e0e0;}

.list_t1{padding-left:5px}
.list_t2{width:55px;}
.list_t3{width:80px;}

/*왼쪽 배너*/
.left_Nbanner1{width:190px; height:267px;margin-bottom:5px;}

/*서브 공통 하단버튼*/
.s_btm_b{margin:0 auto; margin-left:430px;}
.s_btm_b ul li{float:left;}
.s_btm_img1{margin:50px 0;}
.s_btm_img1 a {padding: 20px 65px; margin-right: 15px; border: 1px solid #9e9e9e;}

.classroom_main th { text-align:center; }

/* 메인 빠른메뉴 */
.m_quickmenu { display: inline-block; width: 785px; margin: 20px 0 22px;}
.m_quickmenu ul { overflow: hidden; }
.m_quickmenu ul li{ float: left; width: 156px; text-align: center; border-left: 1px solid #dee3eb;}
.m_quickmenu ul li:first-child {border: 0;}
.m_quickmenu ul li a { display: block; width:100%; height: 106px; line-height: 50px;}
.m_quickmenu ul li a:before {content:""; display: inline-block; width: 74px; height: 68px; background: url('../images/main/main_ico.png') no-repeat 0 0;}
.m_quickmenu ul li.m_Qicon02 a:before {background-position: -74px 0;}
.m_quickmenu ul li.m_Qicon03 a:before {background-position: -148px 0;}
.m_quickmenu ul li.m_Qicon04 a:before {background-position: -222px 0;}
.m_quickmenu ul li.m_Qicon05 a:before {background-position: -296px 0;}
.m_quickmenu ul li a:hover {text-decoration: none;} 
.m_quickmenu ul li a span {display: block; vertical-align: middle; font-weight: 600; font-size: 13px; letter-spacing: -1px;}
.m_quickmenu ul li.on a span{color: #e76297; }

/* 메인 수강안내 배너 */
.m_hm_info{display: inline-block; width: 785px; height:79px; margin-bottom: 18px;}
.m_hm_info ul li {position: relative; float: left;}
.m_hm_info ul li a{display: inline-block; width: 392px; height: 79px;}
.m_hm_info ul li a span{display: inline-block; position: absolute; top: 24px; right: 22px;width: 102px; height: 30px;  border-radius: 15px; text-align: center; line-height: 30px; letter-spacing: -0.5px;}
.m_hm_info ul li.m_info_l a span{border: 1px solid #455af7; color:#455af7;}
.m_hm_info ul li.m_info_r a span{border: 1px solid #ce57f6; color:#ce57f6;}
.m_hm_info ul li.m_info_l a:hover span{background-color: #455af7; color:#fff; transition: all 0.4s linear;}
.m_hm_info ul li.m_info_r a:hover span{background-color: #ce57f6; color:#fff; transition: all 0.4s linear;}
.m_hm_info ul li.m_info_l{padding-right: 1px; background: url('../images/main/m_bn_guide.jpg') no-repeat 0 0;}
.m_hm_info ul li.m_info_r{background: url('../images/main/m_bn_process.jpg') no-repeat 0 0;}

/* 메인 오리엔테이션 배너 */
.m_hm_ot{width: 100%; margin: 50px 0;font-size: 16px;}
.m_hm_ot ul li {float: left;}
.m_hm_ot ul li a {text-align: center; text-decoration: none; letter-spacing: -0.5px;}
.m_hm_ot ul li a span {color: #fff; font-weight: 600; font-size: 28px;}
.m_hm_ot ul li a:hover span{background-color: rgba(255,255,255,.15); transition: all 0.3s linear;}
.m_hm_ot ul li.m_ot{background-color: #dda362;width: 41%;padding: 40px 50px;border-radius: 30px;}
.m_ot a {color:#fff;}
.m_ot img {float:right;margin-top: -40px;}



/* 메인 지침,규정 버튼 */
.m_hm_sp{display: inline-block; width: 785px; }
.m_hm_sp div.m_sp_l{float: left; width: 257px; padding-right: 6px;}
.m_hm_sp div.m_sp_l ul li{height: 54px; padding-bottom: 1px;}
.m_hm_sp div.m_sp_l ul li a{display: inline-block; width: 100%; color: #fff; text-align: center; font-weight: 500; font-size: 15px; line-height:54px; letter-spacing: -0.5px; text-decoration: none; background-color:#4c4c4c; }
.m_hm_sp div.m_sp_l ul li a:hover{background-color: #656565; transition: all 0.3s linear;}
.m_hm_sp div.m_sp_r{ display: inline-block; width: 522px; height: 165px; border: 1px solid #393939; box-sizing: border-box;}
.m_hm_sp div.m_sp_r ul li{float:left; width: 25%; text-align: center; }
.m_hm_sp div.m_sp_r ul li a{ display: block;  width:100%;  padding-top: 29px; text-decoration: none;}
.m_hm_sp div.m_sp_r ul li a:before {content:""; display: inline-block; width: 62px; height: 68px; background: url('../images/main/main_ico_2.png') no-repeat 0 0;}
.m_hm_sp div.m_sp_r ul li a:hover{ text-decoration: none;}
.m_hm_sp div.m_sp_r ul li.m_SPicon02 a:before {background-position: -62px 0;}
.m_hm_sp div.m_sp_r ul li.m_SPicon03 a:before {background-position: -124px 0;}
.m_hm_sp div.m_sp_r ul li.m_SPicon04 a:before {background-position: -186px 0;}

.m_hm_sp div.m_sp_r ul li a span {display: block; padding-top: 5px; vertical-align: middle; font-weight: 500; font-size: 13px; letter-spacing: -1px;}

/* 메인 최근 일자 개강 안내 */
.m_class_op{ width: 100%;font-size:21px;font-weight:bold;}
.m_class_op h3 {text-align: center; font-size: 15px; font-weight: 400; line-height: 18px;}
.m_class_op p {text-align: center; font-size: 26px; font-weight: 600; letter-spacing: -1px; line-height: 42px;}
.m_class_op ul {margin: 50px 0; border: 2px solid #b05d56;border-left: 0; border-right: 0; padding-left: 10px;}

.m_class_op ul .op_tit {font-size: 12px; letter-spacing: -0.8px; line-height: 20px;}
.m_class_op ul .op_day.op_bg_s {height: 50px; line-height: 49px;}
.m_class_op ul .op_day.op_bg_l {height: 60px; padding-top: 17px; line-height: 21px;}
.m_class_op .op_btn {color: #Fff; text-align: center; font-weight: 600; font-size: 21px; line-height: 44px; text-decoration: none; background-color: #5b3d3d; padding: 13px 50px; border-radius: 10px;}
.op_tit01 {color:#5b3d3d;}
.op_tit02 {color:#647f86;font-size:28px;}
.op_tit03 {color:#1c1c1c;}
.op_tit04 {width:178px;text-align:right;}
.m_class_op ul .op_day {color:#647f86;}
.op_flex {display: flex; justify-content: space-between; align-items: center;}


/* 메인 교과목강좌 리스트 */
#maintab { margin-bottom: 16px; overflow: hidden; text-align: center;  }
#maintab ul {display:flex; justify-content: space-between;}
#maintab ul li {width: 16%; height: 60px; line-height: 60px; font-size: 16px; border-radius: 10px; background: #647f86; }
#maintab ul li a {color: #Fff;}
#maintab ul li.on, #maintab ul li.on a {line-height: 60px; height: 60px; border-radius: 10px; background-color: #5b3d3d !important; color: #fff !important; font-size:16px; font-weight: 600; text-decoration: none;}

.m_class_list {padding-bottom: 15px; width: 100%; overflow: hidden; box-sizing: border-box;}
.m_class_list table.m_tb01 {width: 100%; border: 0; vertical-align: middle;}
.m_class_list table.m_tb01 thead {text-align: center; overflow: hidden;}
.m_class_list table.m_tb01 thead tr td { font-weight: 600; font-size: 13px; height: 44px; padding-top: 5px; background-color: #fff;  border-bottom: 1px #393939 solid; }
.m_class_list div.list_con {display: none; height: 460px; padding-top: 14px; border-top: none !important; background-color: #fff; overflow-y: scroll; overflow-x: hidden;}
.m_class_list div.list_con.on {display: block;}
.m_class_list div.list_con td{padding: 0 0 6px 0; text-align: center; }
.m_class_list div.list_con td.list_t1{ padding-left: 20px; font-size: 13px; text-align: left; }
.m_class_list div.list_con td a {text-decoration: none;}
.m_class_list div.list_con .list_t2 a{ display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #0047a9; border: 1px solid #0047a9;}
.m_class_list div.list_con .list_t3 a{ display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #ff5906; border: 1px solid #ff5906;}

/* 메인 하단 문의 폼 */
#main #saccwrap:after{content:'';display:block;clear:both;width:100%;height:200px}
.wrap_bt_form{position: fixed;bottom: 12px;left: 0;right: 0;z-index: 999999;overflow: hidden;    width: 1400px;
    margin: 0 auto;
    border-radius: 20px;
    background: #f4bb7c;
    box-shadow: -1px 4px 9px 2px #0000002e;}
.wrap_bt_form * {box-sizing: border-box;}
/* .wrap_bt_form::before{content:'';display:block;clear:both;width: 100%;height:50px;background:#fff;} */
.wrap_bt_form .inner{margin:0 auto;position:relative;width: 1002px;height:172px;padding: 30px 0;}
.wrap_bt_form .box_close{position: absolute;right: -220px;top: 10px;font-size:16px;font-weight: bold;}
.wrap_bt_form .btn_close{display: flex;width: 62px;}
.wrap_bt_form .btn_close:hover{text-decoration:none;}
.wrap_bt_form .box_close .ico {width:30px;height: 50px;}
.wrap_bt_form .box_close .ico:before, .wrap_bt_form .box_close .ico:after {position: absolute;left: 15px;content:' ';height: 18px;width: 2px;background-color: #000;}
.wrap_bt_form .box_close .ico:before {transform: rotate(45deg);}
.wrap_bt_form .box_close .ico:after {transform: rotate(-45deg);}
.wrap_bt_form .inner ul{width:100%;}
.wrap_bt_form .inner ul li{float:left;}
.wrap_bt_form .col_01{width:335px;position:relative;}
.wrap_bt_form .col_01 .chk_wrap{position: absolute;left: 104px;top: 79px;z-index: 1;}
.wrap_bt_form .col_01 .chk_wrap input[type=checkbox]{width: 18px;height: 18px;}
.wrap_bt_form .col_02{width:450px;}
.wrap_bt_form .col_02 > p{margin: 0 8px 8px 0; display: block;float: left;width: 217px;height: 48px}
.wrap_bt_form .col_02 > p > input{box-sizing: border-box;width: 217px;height: 48px;padding: 12px 14px;font-size: 20px;font-family: "Pretendard Variable", '나눔고딕', 'Nanum Gothic', sans-serif;color: #545454;line-height: 7.833;font-weight:bold;border:none;}
.wrap_bt_form .col_02 > p > input::placeholder {font-size: 20px !important; color: #545454 !important;font-weight:bold  !important;}
.wrap_bt_form .col_02 > p > select{width: 217px;height: 48px;padding: 12px 14px;font-size: 20px;font-family: "Pretendard Variable", '나눔고딕', 'Nanum Gothic', sans-serif;color:#545454;line-height: 7.833;font-weight:bold;border:none;}
.wrap_bt_form .col_03{width:217px;}
.wrap_bt_form .col_03 .btn_submit{display:block;}
.wrap_bt_form .col_03 .call_info{margin-top: 8px;display:block;}

#main #bottomarea {padding-bottom: 240px;} /* 메인에만 적용 - 하단 문의 폼때문에 카피라이터 영역이 가려져서 */