@charset "euc-kr";
/* CSS Document */
html {
overflow-y: scroll; height:height: 100%;
}
/*
Setup a basic body
*/
body {
margin: 0;
padding: 0;
overflow-x: hidden;
font-family: '맑은 고딕';
font-size: 1.1em; height: 100%;
}
.circle{position:relative; font-family:Arial, Helvetica, sans-serif; width:70px; margin:0 auto}
a{text-decoration:none}
ul li{padding:0; margin:0; list-style:none}
.main_img_quick{ margin: 0; display:block; background:#f2f2f2; float:left; width:100%; padding:30px 0}
.main_img_quick ul{ padding:0; margin:0; float:left; width:100%}
.main_img_quick li{display:block; padding:0; margin:0; width:16.66%; float:left; text-align:center; float:left; margin-bottom:30px}
.main_img_quick div img{position:absolute; top:-1px; left:-2px}
.main_img_quick li a{font-size:0.9em; text-decoration:none; color:#333; letter-spacing:-1px; display:block}
.main_img_quick li img{ width:74px; height:auto}
.main_img_quick li a span{ display:block; text-align:center; padding:5px 0; width:80%; margin:0 auto}/*border-radius:16px;background:#f0f7fd; */
.main_quick_menu{width:100%; overflow:hidden; margin:30px 0; padding-top:1px}
.main_quick_menu ul{padding:0; margin:0}
.main_quick_menu li{ width:50%; border:1px solid #ddd; height:50px; float:left; padding:0; margin:0; margin-left:-1px; border-right:none; color:#222; overflow:hidden}
.main_quick_menu li a{ color:#222; text-align:left; text-decoration:none; line-height:50px; padding-left:50px; width:100%; display:block}
.footer_info{ background:#333; color:#fff; border-bottom:1px solid #111;border-top:1px solid #111; text-align:center; font-size:0.75em; height:30px; overflow:hidden}
.footer_info a{color:#fff; text-decoration:none; padding:8px 5px 7px 5px; line-height:30px}
.footer_info span{font-size:10px; color:#666}
.copyright{font-size:11px; color:#999; text-align:center; width:100%; display:block; line-height:30px; margin-bottom:40px}
.main_banner{
background: -webkit-linear-gradient(#e66b27, #e99444);
background:-moz-linear-gradient(#e66b27, #e99444);
background:-ms-linear-gradient(#e66b27, #e99444);
background:-o-linear-gradient(#e66b27, #e99444);
background: linear-gradient(to bottom right, #e66b27, #e99444); text-align:center}
.main_banner img{border:0; max-width:90%; height:auto}
/* 시험일정UI Object */
.testdate_mw{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%; z-index:10000; display:none}
.testdate_mw .testdate_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8;filter:alpha(opacity=80)}
.testdate_mw .testdate_fg{position:absolute;top:50%;left:50%;width:320px;height:200px;margin:-100px 0 0 -160px;padding:0px; border:2px solid #333;background:#fff; box-sizing:border-box; -moz-box-sizing:border-box;}
.testdate_mw .testdate_fg>h3{ width:100%; padding:0; margin:0; font-size:1em; line-height:30px; padding-left:10px; box-sizing:border-box; -moz-box-sizing:border-box; background:#06C; color:#fff; position:relative}
.testdate_mw .testdate_fg>h3 button{position:absolute; right:10px; top:4px; border-radius:2px; }
.testdate_mw .testdate_fg ul{margin-top:30px; display:block}
.testdate_mw .testdate_fg ul, li{padding:0; margin:0}
.testdate_mw .testdate_fg li{line-height:20px; padding-left:10px; box-sizing:border-box; -moz-box-sizing:border-box; width:100%; font-size:0.85em; margin-top:10px; border-bottom:1px dashed #ccc; margin-bottom:5px}
.testdate_mw .testdate_fg li span{color:#ff0000; font-size:0.75em}
.testdate_mw .testdate_fg li em{color:#03C; font-size:0.75em; font-style:normal}
/* //UI Object */
.tbl_conts9{width:100%; border:none; border-right:1px solid #e6e6e8; border-top:1px solid #e6e6e8; padding:0; }
.tbl_conts9 th{ text-align:center; font-weight:normal; color:#222; border-bottom:1px solid #e6e6e8; border-left:1px solid #e6e6e8; line-height:18px; font-size:11px; background:#E8F4FD; font-weight:bold; letter-spacing:-1px}
.tbl_conts9 td{ padding:8px 10px 9px; text-align:left; background:#fff; font-size:12px; color:#444; line-height:18px; border-bottom:1px solid #e6e6e8; border-left:1px solid #e6e6e8; letter-spacing:-1px}
.tbl_conts9 td span{font-size:13px; color:#555; line-height:16px; }
.tbl_conts9 th em{font-style:normal; font-weight:bold; font-size:16px; color:#ff0040}
.tbl_conts9 td em{font-style:normal; font-weight:normal; font-size:14px; color:#ff0040}
.hycns{color:#069; font-size:15px; font-weight:bold}
/* 과제일정UI Object */
.testdate_mw2{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%; z-index:10000; display:none}
.testdate_mw2 .testdate_bg2{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8;filter:alpha(opacity=80)}
.testdate_mw2 .testdate_fg2{position:absolute;top:1%;left:1%;width:98%;height:98%;padding:0px; border:2px solid #333;background:#fff; box-sizing:border-box; -moz-box-sizing:border-box;}
.testdate_mw2 .testdate_fg2>h3{ width:100%; padding:0; margin:0; font-size:1em; line-height:30px; padding-left:10px; box-sizing:border-box; -moz-box-sizing:border-box; background:#06C; color:#fff; position:relative}
.testdate_mw2 .testdate_fg2>h3 button{position:absolute; right:10px; top:4px; border-radius:2px; }
.testdate_mw2 .testdate_fg2 ul{margin-top:30px; display:block}
.testdate_mw2 .testdate_fg2 ul, li{padding:0; margin:0}
.testdate_mw2 .testdate_fg2 li{line-height:20px; padding-left:10px; box-sizing:border-box; -moz-box-sizing:border-box; width:100%; font-size:0.85em; margin-top:10px; border-bottom:1px dashed #ccc; margin-bottom:5px}
.testdate_mw2 .testdate_fg2 li span{color:#ff0000; font-size:0.75em}
.testdate_mw2 .testdate_fg2 li em{color:#03C; font-size:0.75em; font-style:normal}
/* //UI Object */
.sub_tabmenu{ width:100%; padding:5px 0 0 0; border-bottom:1px solid #ccc; margin-bottom:10px; display:block; float:left; position:relative}
.sub_tabmenu ul{margin:0; padding:0; float:left; width:100%}
.sub_tabmenu li{padding:0; margin:0; float:left; width:33.33%; text-align:center; display:block; }
.sub_tabmenu .test_date{position:absolute; top:16px; right:10px; display:block; width:80px; height:24px; line-height:24px; color:#fff; background:#333; text-align:center; font-size:0.75em; border-radius:4px; -moz-border-radius:4px; border:1px solid #000}
.sub_tabmenu .test_date2{position:absolute; top:16px; right:100px; display:block; width:80px; height:24px; line-height:24px; color:#fff; background:#333; text-align:center; font-size:0.75em; border-radius:4px; -moz-border-radius:4px; border:1px solid #000}
.sub_tabmenu .test_date3{position:absolute; top:16px; right:190px; display:block; width:80px; height:24px; line-height:24px; color:#fff; background:#666; text-align:center; font-size:0.75em; border-radius:4px; -moz-border-radius:4px; border:1px solid #000}
.sub_tabmenu li a{ font-size:0.9em; overflow:hidden; display:block; padding:13px 0 8px 0; text-decoration:none; color:#555; margin:0 auto; letter-spacing:-1px }
.sub_tabmenu li .select_tab{border-bottom:2px solid #F00; font-weight:bold; color:#000; margin-bottom:-1px; font-size:1em}
.sub_content{ margin-bottom:30px; font-size:1em}
.sub_content .tips{font-size:0.7em; color:#ff0000; padding:0 10px; line-height:16px; position:relative}
.sub_tabclass{ width:100%; padding:5px 0 0 0; border-bottom:1px solid #ccc; margin-bottom:10px; display:block; float:left; box-sizing:border-box; -moz-box-sizing:border-box}
.sub_tabclass ul{margin:0; padding:0; float:left; width:100%}
.sub_tabclass li{padding:0; margin:0; float:left; width:33.33%; text-align:center; display:block; box-sizing:border-box; -moz-box-sizing:border-box}
.sub_tabclass li a{ font-size:0.8em; overflow:hidden; display:block; padding:13px 0 8px 0; text-decoration:none; color:#555; margin:0 auto; letter-spacing:-1px }
.sub_tabclass li a span{display:block; font-size:0.8em; color:#000; line-height:20px}
.sub_tabclass li .select_tab{border-bottom:2px solid #F00; font-weight:bold; color:#000; margin-bottom:-1px; font-size:0.9em; letter-spacing:-1px}
.sub_tabclass li .select_tab span{ display:block; font-size:0.8em; color:#ff0000; line-height:20px}
.register_list li .temps{font-size:0.7em; color:#666; display:block; padding-left:35px; padding-bottom:7px}
.register_list li .end{ height:20px; width:22px; margin:15px 0 0 0; float:left; font-style:normal; font-size:0.55; color:#ff0000; display:block; letter-spacing:-2px}
.register_list .class_view{position:absolute; top:6px; right:10px; width:80px; background:#fff; color:#000; font-size:0.8em; letter-spacing:-1px; text-align:center; padding:0; margin:0; line-height:28px; }
.register_list{ font-size:1em; margin:10px 0 20px 0}
.register_list ul{padding:0; margin:0}
.register_list li{padding:0; margin:0; position:relative; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:0 ; margin-top:-1px}
.register_list .week_title{ background:#F2F2F2; overflow:hidden; padding:12px 0 12px 10px; color:#09F}
.register_list .lists_title{ line-height:24px; padding: 8px 10px; }
.register_list .lists_title span{font-size:0.9em; padding:0; margin:0; display:block}
.register_list .week_view{ background:#fff; overflow:hidden; padding:12px 0 12px 10px; color:#09F; font-weight:normal; letter-spacing:-1px; font-size:0.8em; color:#444}
.register_list .week_view strong{ color:#F60}
.register_list li input{ height:20px; width:20px; margin:10px 0 0 10px; float:left}
.register_list li a{display: inline-block; width:calc(100% - 170px); color:#000; line-height:42px; padding-left:5px; letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-decoration:none}
.register_list span{font-size:0.7em; color:#666; display:block; padding-left:10px}
.register_list strong{color:#ff0000; font-weight:bold}
.register_list li em{position:absolute; right:10px; bottom:10px; width:80px; font-size:0.7em; font-style:normal; color:#999; text-align:right}
.register_list .btn_view{position:absolute; top:6px; right:10px; width:80px; background:#09F; color:#fff; font-size:0.8em; letter-spacing:-1px; text-align:center; padding:0; margin:0; line-height:28px; border:1px solid #354893; border-radius:4px; -moz-border-radius:4px; text-decoration:none}
.register_list .btn_view_re{position:absolute; top:6px; right:10px; width:80px; background:#096; color:#fff; font-size:0.8em; letter-spacing:-1px; text-align:center; padding:0; margin:0; line-height:28px; border:1px solid #063; border-radius:4px; -moz-border-radius:4px; text-decoration:none}
.register_list .btn_view_end{position:absolute; top:6px; right:10px; width:80px; background:#dedede; color:#fff; font-size:0.8em; letter-spacing:-1px; text-align:center; padding:0; margin:0; line-height:28px; border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px; text-decoration:none}
.btnpack_edit{padding:0 15px}
.btnpack_edit a{ text-align:center; padding:8px 0; display:block; width:100%; color:#fff; background:#666; border:1px solid #555; text-decoration:none; border-radius:4px; -moz-border-radius:4px}
.register_list .btn_view2{position:absolute; top:6px; right:5px; width:65px; background:#555 url(../img/ico_class_play.png) no-repeat 23px 2px; color:#fff; font-size:0.8em; letter-spacing:-1px; text-align:center; padding:0; margin:0; border:1px solid #222; border-radius:4px; -moz-border-radius:4px; text-decoration:none; height:22px; padding-top:19px; line-height:20px}
.register_list .btn_view3{position:absolute; top:6px; right:75px; width:46px; background:#e6e6e6 url(../img/ico_class_play2.png) no-repeat 14px 2px; color:#616161; font-size:0.65em; letter-spacing:-1px; text-align:center; padding:0; margin:0; border:1px solid #bfbfbf; border-radius:4px; -moz-border-radius:4px; text-decoration:none; height:22px; padding-top:19px; line-height:20px}
.content_info{ padding:0 15px 0 13px; font-size:0.9em; letter-spacing:-1px; color:#333; line-height:25px}
.content_info h2{ font-size:1em; padding:0; margin:20px 0 10px 0; color:#fff; padding:4px 0 3px 10px; background:#313866 url(../img/img_star.png) no-repeat right top}
.content_info h3{ font-size:1em; padding:0; margin:10px 0 5px 0; }
.content_info p{ line-height:25px; padding:0; margin:0}
.content_info span{color:#06C}
.content_info i{color:#37b42d; font-style:normal}
.content_info em{color:#003499; font-style:normal}
.content_info span img{vertical-align:top; display:inline-block; margin-right:3px}
.curriculum_title{position: relative; width:100%; height:110px; text-align:center; letter-spacing: -0.5px; font-family: 'NotoSansKR', 'NanumGothic'; overflow: hidden;}
.curriculum_title img{max-width:100%; border:0; padding:0; margin:0; height:auto; display:block; margin:0 auto}
.curriculum_title > p {position: absolute; top: 28px; left: 20px; margin: 0; font-size: 26px; line-height: 1.5; font-weight: 900; text-align: left; color: #fff;}
.curriculum_title > p > span {display: block; font-size: 16px; font-weight: 600; color: inherit;}
.content_info_tab {display: inline-block; width: 100%; margin: 30px 0 0 0; padding: 0;}
.content_info_tab > li {float: left; display: inline-block; width: 33.5%; font-size: 0.9em; text-align: center; border: 1px solid #ccc; box-sizing: border-box;}
.content_info_tab > li:nth-child(2) {width: 33%; border-left: none; border-right: none;}
.content_info_tab.info_tab02 > li {width: 50%;}
.content_info_tab.info_tab02 > li:nth-child(2n) {width: 50%; border-right: 1px solid #ccc;}
.content_info_tab.info_tab02 > li:nth-child(3), .content_info_tab.info_tab02 > li:nth-child(3) {border-top: none;}
.content_info_tab > li > a {display: inline-block; width: 100%; line-height: 36px; color: #666;}
.content_info_tab > li.active > a {background: #313866;color: #fff;}
.content_info_tab > li.active {border-color: #313866;}
.content_info p.info_wrap, .content_info ul.info_wrap, .content_info .info_wrap {display: inline-block; width: 100%; padding: 5px 10px; border: 1px solid #ddd; box-sizing: border-box;}
.content_info .level_step:last-child {padding-bottom: 0; border-bottom: none;}
.step_li { margin:10px 0 20px 0; padding:5px; border:1px dashed #dedede; display:block; float:left; background:#F7F7F7}
.step_li ul{ padding:0; margin:0; float:left; width:100%}
.step_li li{ width:100%; display:block; float:left; font-size:1em; font-weight:bold }
.step_li li img{ vertical-align:middle;}
.bank_list{display:block; width:100%; float:left; margin-top:10px}
.bank_list ul{padding:0; margin:0; float:left; width:100%}
.bank_list li{display:block; width:33.33%; text-align:center; float:left; margin-bottom:20px}
.bank_list li img{ max-width:70%}
.bank_list li span{display:block; font-size:0.9em; letter-spacing:-1px; color:#333}
.level_step {padding:10px 0; border-bottom:1px dashed #dedede; display:block; float:left; width:100%; overflow:hidden}
.level_step dl { float:left; display:block; width:100%; padding:0; margin:0}
.level_step dt{ width:70px;float:left; padding:0; margin:0; margin-right:10px; text-align:left; min-height:70px}
.level_step dd{ width:100%; padding:0; margin:0; font-size:0.9em; letter-spacing:-1px; line-height:22px}
.level_step dt img{ width:70px; padding-top:6px }
.content_info h2 {padding: 0; color: #313866; background: none;}
.content_info h2:before, .content_info h3:before {content: ''; display: inline-block; width: 4px; height: 18px; margin-right: 7px; vertical-align: text-bottom; background: #313866;}
.content_info h3:before {background: #a0a0a0;}
.content_info p {font-size: 0.9em; line-height: 1.5;}
.table_form_set.table_info {border-collapse: collapse;}
.table_form_set.table_info th {font-weight: bold; text-align: center;}
.table_form_set.table_info th, .table_form_set.table_info td {padding: 0 4px; line-height: 1.5; border: 1px solid #e8e8e8; word-break: keep-all;}
.table_form_set.table_info th span, .table_form_set.table_info td span {color:#ff0000;}
.ul_info {margin: 0; padding: 0;}
.ul_info > li {position: relative; margin-bottom: 5px;}
.ul_info > li:before {content: ''; position: absolute; top: 10px; left: 0; display: inline-block; width: 4px; height: 4px; margin-right: 8px; vertical-align: middle; background: #a0a0a0;}
.ul_info > li p {padding-left: 12px;}
.ul_info > li a {color: inherit;}
.ul_info > li strong {display: block; font-weight: bold;}
.bg_info {margin: 10px 0 5px 0; padding: 10px; font-size: 0.9em; line-height: 1.5; border: 1px solid #e8e8e8; background: #f0f0f0;}
.sub_img_box {margin-bottom: 10px; text-align: center; background: #f8f8f8; border-radius: 8px;}
.sub_img_class {display: inline-block; width: 100%; margin: 10px 0; padding: 0;}
.sub_img_class > li {display: inline-block;width: calc(33% - 30px);padding: 10px 5px;font-size: 14px;line-height: 1.3; font-weight: 600; text-align: center;vertical-align: middle;border: 3px solid #94a9d6;background: #fff;border-radius: 12px;word-break: keep-all;box-sizing: border-box;}
.sub_img_class > li.li_icon {width: 28px;height: 28px;margin: 0 0 0 4px;padding: 0;font-size: 24px;line-height: 1;font-weight: 500;background: #94a9d6;color: #fff;border: none;border-radius: 100%;}
.sub_img_class > li.li_bg02 {background: #e1e5ef;}
.sub_img_class > li.li_bg03 {background: #ccd3e3;}
.sub_img_class > li.li_bold {font-weight: bold;}
.sub_img_class > li.li_border02 {border-color: #4c56ab;}
.sub_img_class > li.li_icon.li_iconbg {background: #4c56ab;}
.sub_img_class.sub_img_class02 > li {min-width: 220px;}
.sub_img_class.sub_img_class02 > li.li_icon_arrow {min-width: 28px; padding-top: 5px; font-size: 20px;}
/*내강의실 */
.my_list{ font-size:1em; margin:10px 0 20px 0}
.my_list ul{padding:0; margin:0}
.my_list li{padding:0; margin:0; position:relative; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:0px 0 13px 0; margin-top:-1px}
.my_list .week_title{ background:#F2F2F2; overflow:hidden; padding:12px 0 12px 10px; color:#09F}
.my_list .lists_title{ line-height:24px; padding: 8px 10px; }
.my_list .lists_title span{font-size:0.9em; padding:0; margin:0; display:block}
.my_list .week_view{ background:#fff; overflow:hidden; padding:12px 0 12px 10px; color:#09F; font-weight:normal; letter-spacing:-1px; font-size:0.8em; color:#444}
.my_list .week_view strong{ color:#F60}
.my_noticelist{box-sizing:border-box; -moz-box-sizing:border-box; }
.my_noticelist ul{margin:0; padding:0}
.my_noticelist li{margin:0; padding:0; border-bottom:1px solid #dedede; border-top:1px solid #dedede; margin-top:-1px; padding:3px 0 7px 10px;box-sizing:border-box; -moz-box-sizing:border-box; width:100%}
.my_noticelist li a{color:#000; padding:10px 0 2px 0; line-height:19px; text-decoration:none; display:block;box-sizing:border-box; -moz-box-sizing:border-box }
.my_noticelist li a img{vertical-align:middle; padding:0; margin:0; border:0; padding-right:3px}
.my_noticelist li span{ font-size:0.75em; color:#CCC}
.my_noticelist .noticelist_title{ width:100%; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; -moz-box-sizing:border-box; }
.my_noticelist .view_page{ padding:0 10px}
.my_noticelist .view_page h3{ padding:0; margin:0}
.my_noticelist .view_page span{font-size:0.75em; color:#999}
.my_noticelist .view_page .notice_listprv{background:#555; width:100%; color:#fff; text-decoration:none; display:block; text-align:center; padding:8px; border-radius:4px; -moz-border-radius:4px;box-sizing:border-box}
.my_noticelist .view_page .notice_listprv2{background:#dedede; width:48%; color:#000; text-decoration:none; display:block; text-align:center; padding:8px; border-radius:4px; -moz-border-radius:4px; float:left; box-sizing:border-box}
.my_noticelist .view_page .notice_listprv3{background:#dedede; width:48%; color:#000; text-decoration:none; display:block; text-align:center; padding:8px; border-radius:4px; -moz-border-radius:4px; float:right; box-sizing:border-box}
.my_list li a{display: inline-block; width:calc(100% - 120px); color:#000; line-height:42px; padding-left:10px; letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-decoration:none}
.my_list li span{font-size:0.7em; color:#666; display:block; padding-left:10px; position:relative; }
.my_list li span a{background:#039; position:absolute; top:-7px; left:120px; width:66px; height:18px; display:block; color:#fff; text-decoration:none;padding:0; margin:0; line-height:18px; text-align:center; padding-top:2px; border:1px solid #333; border-radius:2px; -moz-border-radius:2px}
.my_list li span em{position:absolute; right:10px; bottom:0px; width:80px; font-size:1em; font-style:normal; color:#999; text-align:right}
.my_list li hr{padding:0; margin:0; margin-top:10px; border:1px dashed #EEE; width:65%; text-align:left}
.my_list strong{color:#ff0000; font-weight:bold}
.my_list li em{position:absolute; right:10px; bottom:10px; width:130px; font-size:0.7em; font-style:normal; color:#999; text-align:right}
.my_list .btn_view{position:absolute; top:6px; right:10px; width:80px; background:#09F; color:#fff; font-size:0.8em; letter-spacing:-1px; text-align:center; padding:0; margin:0; line-height:28px; border:1px solid #354893; border-radius:4px; -moz-border-radius:4px; text-decoration:none}
.my_list .btn_view_re{position:absolute; top:6px; right:10px; width:80px; background:#096; color:#fff; font-size:0.8em; letter-spacing:-1px; text-align:center; padding:0; margin:0; line-height:28px; border:1px solid #063; border-radius:4px; -moz-border-radius:4px; text-decoration:none}
.my_list .btn_view_end{position:absolute; top:6px; right:10px; width:80px; background:#dedede; color:#fff; font-size:0.8em; letter-spacing:-1px; text-align:center; padding:0; margin:0; line-height:28px; border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px; text-decoration:none}
.btn_bbswrite{ box-sizing: border-box; -moz-box-sizing: border-box; width:100%; text-decoration:none; margin-top:10px; padding:15px; font-weight:bold}
.btn_bbswrite a{display:block; width:100%; padding:12px 0; text-decoration:none; border-radius:6px; border:1px solid #000; background:#333; color:#fff; text-align:center}
.pop_thead{background:#4b66a0; height:50px; width:100%; border-bottom:1px solid #3b5998; color:#fff; overflow:hidden; line-height:50px; font-size:1em; padding-left:15px; display:block; position:fixed; top:0; left:0; position:relative}
.pop_thead img{vertical-align:middle; margin-right:10px}
#classnotice{font-size:0.75em; letter-spacing:-1px; line-height:22px; padding:10px; color:#555; display:none}
#notice_view{ display:none; width:100%; margin-top:8px}
.notice_search{position:absolute; top:1px; right:-3px; background:#444; color:#fff; width:50px; height:48px; overflow:hidden; text-align:center; display:block}
.notice_search a {padding:10px}
.notice_search a img{ padding-top:12px}
.notice_con_padding{padding:20px 0; line-height:28px; letter-spacing:-1px; border-bottom:1px solid #ccc; margin-bottom:20px}
#classnotice img{max-width:100%}
#notesview{ position:absolute; top:-3px; right:10px; background:#F60; border:1px solid #F30; overflow:hidden; font-size:0.9em; height:19px; border-radius:4px; -moz-border-radius:4px; letter-spacing:-1px; line-height:22px}
#notesview a{color:#fff; text-decoration:none; padding:3px 4px 4px 4px}
.sms_otp {width:100%; text-align:center; font-size:1.2em; word-break:keep-all}
.sms_otp img{max-width:100%; border:none}
.sms_otp ul{padding:0; margin:0}
.sms_otp li{padding:6PX 0; margin:0; list-style:none; line-height:22px}
.sms_otp li input{ width:100%; border:2px solid #ccc; padding:10px 0; color:#03F; font-weight:bold; font-size:1.4em; text-align:center; max-width:300px}
.sms_otp li.ok_otp a {background:#ff0040; color:#fff; max-width:300px; width:100%; text-decoration:none; font-weight:bold; font-size:1.2em; display:block; margin:0 auto; line-height:58px}
/* 페이징 */
.paginate_regular{padding:15px 0;text-align:center;line-height:normal}
.paginate_regular a,
.paginate_regular strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:0.9em;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_regular a:hover,
.paginate_regular a:active,
.paginate_regular a:focus{background-color:#f8f8f8}
.paginate_regular strong{color:#f60}
.paginate_regular .direction{font-weight:normal;color:#767676;white-space:nowrap}
.paginate_regular .direction span{font-weight:bold;font-size:0.9em}
.paginate_regular .direction:hover,
.paginate_regular .direction:active,
.paginate_regular .direction:focus{background-color:#fff;color:#333}
/* //페이징t */
/* 로그인 */
.mem_logo{ width:100%; padding:20px 0; text-align:center; margin:0 ; margin-bottom:30px; margin-top:10px}
.mem_logo_mem{ width:100%; padding:10px 0; text-align:center; margin:0 ; border-bottom:1px solid #dedede; margin-bottom:3px}
.mem_logo_mem a img{width:120px}
.login_outform{ padding:0 15px 0 13px; max-width:450px; margin:0 auto; background:#fff ; border-top:1px solid #fff}
.login_outform h1{ font-size:1.2em; border-bottom:1px solid #ddd; padding:10px 0}
.login_outform h2{ font-size:1em; font-weight:normal; padding:0; margin:0; }
.login_outform h3{ font-size:0.75em;font-weight:normal; padding:5px 0; margin:0 ; color:#777}
.btn_login_login{width:100%; display:block; color:#fff; font-size:1.2em; background:#09F; border:none; overflow:hidden; margin-top:30px; cursor:pointer; padding:15px 0 12px 0}
.btn_loginbottom{ width:100%; display:block; background:#F60; color:#fff; border:1px solid #F30; padding:6px 0; margin-top:12px; border-radius:2px; -moz-border-radius:2px; display:block; font-weight:bold}
.tabmenu_find{ font-size:0.8em; display:block; float:left; width:100%; margin:10px 0 20px 0; }
.tabmenu_find a{ text-decoration:none; color:#333; width:49.5%; padding:10px 0; border:1px solid #dedede; display:block; float:left; text-align:center; margin-left:-1px; background:#F6F6F6;border-bottom-color: #606060}
.tabmenu_find .select_on{font-weight:bold; background:#333; color: #fff;}
/* UI Object */
.item{position:relative;margin:-4px 0}
.item .i_help{position:absolute;top:4px;right:0}
.item .i_label{ top:15px; left:10px; color:#888; font-size:0.9em}
.item .i_dsc{margin:2px 0}
.item .i_check,
.item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.item .i_text{position:relative;border:1px solid #ccc;background:transparent; width:100%; line-height:46px; height:46px; font-size:1.2em; box-sizing:border-box; -moz-box-sizing:border-box;}
.item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.item select{margin:2px; padding:10px 3px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box;border:1px solid #ccc; height:46px; background:#fff}
.item label{margin:0 10px 0 0;cursor:pointer}
.itemcall{position:relative;margin:-4px 0;}
.itemcall .i_help{position:absolute;top:4px;right:0}
.itemcall .i_label{ top:7px; left:6px; color:#888; font-size:0.9em; z-index:2 }
.itemcall .i_dsc{margin:2px 0}
.itemcall .i_check,
.itemcall .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.itemcall .i_text{position:relative;border:1px solid #999;background:#fff; line-height:30px; height:30px; font-size:1em; }
.itemcall .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.itemcall select{width:99%; height:32px; margin:0; padding:0}
.itemcall label{margin:0 10px 0 0;cursor:pointer}
.itemcall .confirm{position:absolute; top:0px; right:0; width:23%; height:34px; overflow:hidden}
.itemcall .confirm a{text-decoration:none; text-align:center; background:#555;color:#fff; width:100%; line-height:34px ;font-size:0.8em; display:block; border-radius: 4px;}
.itemcall span{ font-size:0.75em; color:#777; display:block; letter-spacing:-1px}
.itemcall span em{color:#ff0000; font-style:normal}
.itemcall .confirm select{ width:99%; height:32px; margin:0; padding:0}
.itemcall .check_label{ font-size:0.75em; color:#777; letter-spacing:-1px}
.check_form{border-bottom:1px solid #dedede; border-top:1px solid #dedede; padding:10px 0; margin-bottom:20px}
.check_label{ font-size:0.9em; color:#333; letter-spacing:-1px}
.i_text_form{margin-top:5px; font-size:1em; color:#999; line-height:20px; height:80px}
.itemcall.itemcall_date > p, .itemcall_radio > p {margin:0; margin-bottom: 7px;padding-bottom: 7px;border-bottom: 1px solid #ccc;font-size: 0.9em;color: #888;}
.itemcall.itemcall_date select {width: 25%; color: #777;}
.itemcall.itemcall_date select + span {display: inline-block;width: 4%;text-align: left; padding-bottom: 5px;}
.itemcall.itemcall_date select, .itemcall.itemcall_date select + span {vertical-align: bottom;}
.itemcall_radio label {font-size: 0.9em; color: #333;}
#titlesinfo a{ display:block; width:100%; padding:8px 0; text-align:center; background:#555; color:#fff; font-size:0.8em; text-decoration:none; margin-bottom:10px}
.titlesinfo a{ display:block; width:100%; padding:8px 0; text-align:center; background:#555; color:#fff; font-size:0.8em; text-decoration:none; margin-bottom:10px; display:block}
.btnset_member{display:block; margin:20px 0 30px 0; padding-top: 15px; float:left; width:100%}
.btnset_member .btn_set_left{ width:49%; display:block; float:left; background:#06C; color:#fff; text-align:center}
.btnset_member .btn_set_right{ width:49%; display:block; float:right; background:#dedede; color:#333; text-align:center}
.btnset_member .btn_set_left a{text-decoration:none; width:100%; padding:15px 0; display:block; color:#fff; }
.btnset_member .btn_set_right a{text-decoration:none; width:100%; padding:15px 0; display:block; color:#333}
.div_step {display: inline-block; width: 100%; margin: 10px 0 5px 0;}
.div_step p {float: left; margin: 3px 0 ; font-size: 1.3em; font-weight: bold; color: #333;}
.div_step img {float: right;}
.div_step + h5 {margin: 0 0 30px 0; font-weight: normal;}
.item {padding-bottom: 10px; border-bottom: 1px dashed #dedede;}
.check_form + .item {padding-top: 10px; border-top: 1px dashed #dedede;}
.check_form {border-bottom: 1px solid #dedede;}
.check_label + a {float: right; font-size: 0.8em; line-height: 24px; color: #000;}
#btn_more_agree1 + textarea, #btn_more_agree2 + textarea, #btn_more_agree3 + textarea, #btn_more_agree4 + textarea, #btn_more_agree5 + textarea {display: none;}
.btnset_member .btn_set_left, .btnset_member .btn_set_right {border-radius: 4px;}
.ic_arrow_bot {display: inline-block; width: 10px; height: 10px; vertical-align: middle; background: url('../img/ic_arrow_bot.png');}
/*member_step add*/
.ul_step01 {margin: 0; padding: 0; display: inline-block; width: 100%; font-size: 1em;}
.ul_step01 > li {float: left; display: inline-block; width: 48%; margin-left: 3%; padding: 20px 0; border: 1px solid #ddd; text-align: center; box-sizing: border-box;}
.ul_step01 > li > p {margin: 0; font-weight: bold;}
.ul_step01 > li:first-child {margin-left: 0;}
.ul_step01 > li:first-child > p {color: #ff0000;}
.ul_step01 > li > a {display: inline-block; width: 80%; padding: 4px 0; font-size: 0.85em; background: #333; color: #fff; border-radius: 2px;}
.ul_step01 + span {display: block; margin: 10px 10px 50px 10px; font-size: 0.75em; text-align: center; color: #555;}
.ul_step01.ul_step01_02 > li {width: 100%;}
/*password add*/
h2.h2_title {font-weight: bold;}
h2.h2_title > img {width: 45px; margin-top: -12px; margin-right: 4px; vertical-align: top;}
.form_pw_re {margin-top: 10px; padding: 0 15px; background: #f6f6f6; border-radius: 10px;}
.form_pw_re .item {display: inline-block; margin: 5px 0;}
.form_pw_re .item > span {font-size: 0.8em;}
.form_pw_re .item .i_label {line-height: 22px; z-index: 1;}
.form_pw_re .item .i_text {background: #fff;}
.form_pw_re .item_id {width: 100%; padding-bottom: 0; border-bottom: 1px solid #dedede;}
.form_pw_re .item_id p {font-size: 0.9em;}
.form_pw_re .item_id span {font-weight: bold;}
.form_pw_re .btn_change_wrap {display: inline-block; width: 100%; margin: 15px 0;}
.form_pw_re .btn_change_wrap > a {float: left; display: inline-block; width: 48%; margin-left: 4%; font-size: 0.9em; line-height: 44px; text-align: center; font-weight: bold; box-sizing: border-box; border-radius: 2px;}
.form_pw_re .btn_change_wrap > a:first-child {margin-left: 0;}
.form_pw_re .btn_change_cancel {background: #dedede; color: #333;}
.form_pw_re .btn_change {background: #06c; color: #fff;}
.form_pw_re .btn_change_wrap:after{display:block; clear:both;}
/* //UI Object */
.member_find{ width:100%; display:block;float:left; margin-bottom:50px}
.member_find ul{padding:0; margin:0}
.member_find li{margin:0; padding:0; list-style:none; width:33.33%; display:block; text-align:center; float:left }
.member_find li a{ background:#CCC; display:block; margin:0 auto; max-width:120px; height:auto; padding:25px 0; border-radius:4px; -moz-border-radius:4px}
.member_find li span{display:block; text-align:center; font-size:0.9em; padding:5px 0; color:#444}
.footer_info2{ color:#333; border-top:1px solid #dedede; text-align:center; font-size:0.75em; height:30px; overflow:hidden}
.footer_info2 a{color:#333; text-decoration:none; padding:15px 5px 7px 5px; line-height:40px}
.footer_info2 span{font-size:10px; color:#dedede}
/* ///로그인 */
.main_tail{position:fixed; bottom:0; height:58px; overflow:hidden; border-top:1px solid #dedede; z-index:3; width:100%; background:#f0f0f0; filter:alpha(opacity=90); -moz-opacity::0.9; opacity:0.9; -khtml-opacity:0.9}
.main_tail a{text-decoration:none; font-size:0.75em; padding:10px 0 8px 0}
.main_tail a img{vertical-align:middle; border:0; width:19px; padding-right:3px}
.main_tail .btn_quleft{ width:47%; background:#555555; color:#fff; line-height:20px; margin-right:1%; border:1px solid #444444; display:inline-block; font-weight:bold; letter-spacing:-1px; }
.main_tail .btn_quright{ width:47%; background:#ff0040; color:#fff; line-height:20px; border:1px solid #ff0000; display:inline-block;font-weight:bold; letter-spacing:-1px; }
#sub_tail{background:#fff; position:fixed; bottom:0; height:120px; overflow:hidden; border-top:1px solid #ccc; z-index:3; width:100%; background:#dedede; display:block}
#sub_tail .phonform{font-size:0.9em; position:relative; color:#fff; background:#28365B; border-top:1px solid #222; padding:6px 0 6px 10px}
#sub_tail .phonform_close{position:absolute; top:0px; right:10px; z-index:5; }
#sub_tail .phonform_close a{text-decoration:none; font-size:0.8em; color:#fff; padding:4px 6px}
.table_form_set{ width:100%; font-size:0.9em}
.table_form_set .content_box{padding:10px}
.table_form_set h3{ font-size:1em}
.content_box .info{font-size:0.9em; line-height:25px; margin-bottom:30px}
.table_form_set table{border-top:1px solid #dedede; width:100%; margin:20px 0; }
.table_form_set caption{text-align:left; font-size:1.1em; font-weight:bold; width:100%; padding:0}
.table_form_set caption strong{padding:10px 0 7px 13px; display:block}
.table_form_set caption span{color:#06C; background:#EEE; display:block; width:100%; padding:8px 0 7px 13px; border-top:1px solid #dedede}
.table_form_set th{ text-align:right; padding-right:8px; border-bottom:1px solid #f1f1f1;border-right:1px solid #f1f1f1; height:32px; background:#F7F7F7; font-weight:normal}
.table_form_set th em{font-style:normal; font-weight:normal; color:#333}
.table_form_set .left_title{ text-align:left; padding-left:10px}
.table_form_set td{text-align:left; padding:5px 8px;border-bottom:1px solid #f1f1f1}
.table_form_set td span{color:#ff0000}
.table_form_set td em{font-style:normal; text-decoration:line-through}
.table_form_set td i{ font-style:normal; font-size:0.9em; line-height:18px}
.table_form_set td h3{ border-bottom:1px solid #dedede}
.table_form_set td h4 {font-size:1em; font-weight:bold; letter-spacing:-1px; position:relative; padding:6px 0; margin:0}
.table_form_set td h4 a{position:absolute; top:4px; right:0; font-size:0.75em; width:80px; background:#F30; border:1px solid #F00; color:#FFF; text-align:center; padding:3px 0; text-decoration:none; border-radius:2px; -moz-border-radius:2px}
.check_content a{ display:block; width:100%; border:1px solid #777; background:#999; color:#fff; text-align:center; text-decoration:none; font-size:0.9em; padding:5px 0; margin:8px 0 7px 0}
.check_content_ok a{ width:100%; padding:10px 0; color:#fff; font-weight:bold; text-decoration:none; text-align:center; background:#555; border:1px solid 000; width:100%; border-radius:4px; -moz-border-radius:4px; display:block; margin:10px 0}
.agreement_title{color:#333; background:#F6F6F6; position:relative; padding:12px 0 10px 0; border-bottom:1px solid #dedede}
.agreement_title strong{padding-left:13px}
.table_form_set .chasi{ height:26px; background:#F7FCFD}
.table_form_set .list_class td{ height:30px}
.table_form_set2 table{border-top:1px solid #dedede; width:100%; margin:20px 0; }
.table_form_set2 caption{text-align:left; font-size:1.1em; font-weight:bold; width:100%; padding:0}
.table_form_set2 caption strong{padding:10px 0 7px 13px; display:block}
.table_form_set2 caption span{color:#06C; background:#EEE; display:block; width:100%; padding:8px 0 7px 13px; border-top:1px solid #dedede}
.table_form_set2 th{ text-align:center; border-bottom:1px solid #f1f1f1;border-right:1px solid #f1f1f1; height:32px; background:#F7F7F7; font-weight:normal}
.table_form_set2 td{text-align:center; padding:5px 0;border-bottom:1px solid #f1f1f1}
.stop_ment {border-bottom:1px solid #ccc; padding:10px; border-top:1px solid #ccc; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; display:none}
.stop_ment span{color:#ff0000; font-size:0.75em}
.stop_ment>h3{font-size:1em; padding:10px 0; margin:0; background:#dedede; text-align:center; position:relative}
.stop_ment>h3 button{position:absolute; right:3px; top:10px}
#board_serch{}
#board_serch h3{ padding:0 10px 0 10px; position:relative}
#board_serch h3 a{ position:absolute; top:-1px; right:20px}
#board_serch h3 .btn_mywrite{ position:absolute; top:-1px; right:60px; color:#000; text-decoration:none; font-size:0.75em; background:#EEE; border:1px solid #ccc; padding:4px 8px; border-radius:4px; -moz-border-radius:4px}
.view_btnset{}
.view_btnset a{display:inline-block; background:}
/* 자주묻는 질문*/
.faq{border-bottom:1px solid #ddd;font-size:0.9em; letter-spacing:-1px; }
.faq .hgroup{position:relative;margin:0 0 10px 0;*zoom:1}
.faq .hgroup .trigger{overflow:visible;position:absolute;top:-30px;right:0;margin:-7px 0 0 0;padding:0;border:0;background:none;font-size:0.9em;cursor:pointer; padding-right:20px}
.faq ul{margin:0;padding:0;list-style:none}
.faq .q{margin:0;border-top:1px solid #ddd}
.faq .q a.trigger{display:block;padding:15px 15px;background:#fafafa;font-weight:bold;color:#333;text-align:left;text-decoration:none !important}
.faq .hide .q a.trigger{font-weight:normal;background:none}
.faq .q a.trigger:hover,
.faq .q a.trigger:active,
.faq .q a.trigger:focus{background:#f8f8f8;color:#000}
.faq .a{margin:0;padding:10px 15px;line-height:1.5}
/* //UI Object */
.my_quick_link{width:100%; padding:8px 10px 6px 10px; box-sizing:border-box; -moz-box-sizing:border-box; display:block; float:left; text-decoration:none; font-size:0.75em; background:#333; }
.my_quick_1{width:25%; display:block; float:left; box-sizing:border-box; -moz-box-sizing:border-box; border-radius:6px; height:96px; border-radius:6px; text-align:center; padding:10px; }
.my_quick_1>a{display:block; text-decoration:none; width:100%; line-height:22px; text-align:center; color:#dedede}
.my_quick_1 img{display:block; margin:0 auto; width:100%; max-width:55px; height:100%; max-height:55px; border-radius:30px; -moz-border-radius:30px; background:#ff0040; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box}
.my_quick_2{width:75%; display:block; float:right; box-sizing:border-box; -moz-box-sizing:border-box; border-radius:6px; border-radius:6px; text-align:center; padding:10px 5px;height:96px; }
.my_quick_2 ul{padding:0; margin:0; display:block; float:left; width:100%}
.my_quick_2 li{width:33.3%; display:block; float:left; padding:0 ; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; }
.my_quick_2 li>a{display:block; text-decoration:none; color:#dedede; width:100%; line-height:22px; text-align:center}
.my_quick_2 img{display:block; margin:0 auto; width:100%; max-width:55px; height:100%; max-height:55px; border-radius:30px; -moz-border-radius:30px; background:#e5e9ed; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box}
.classlistbox{width:100%; padding:0px; margin:0px 0px 15px 0px; box-sizing:border-box; -moz-box-sizing:border-box; background:#f7f7f7; display:block; float:left; padding:20px 0}
.classlistbox h3{ color:#333; text-align:center; padding:0; margin:0; margin-bottom:4px; letter-spacing:-1px}
.classlistbox_con{ width:50%; padding:5px 5px 5px 10px; display:block; float:left; box-sizing:border-box; -moz-box-sizing:border-box; position:relative; }
.classlistbox_con .bighit{ position:absolute; right:10px; top:3px}
.classlistbox_con a{text-decoration:none; display:block; width:100%; color:#555; text-align:center; font-size:0.9em; letter-spacing:-1px; line-height:20px}
.classlistbox_con a img{display:block; margin:0 auto}
.classlistbox_con a span{display:block; border:1px solid #ddd; text-align:center; padding:4px; width:80px; font-size:0.7em; color:#777; margin:0 auto; }
.classlistbox_con a>p{line-height:36px; padding:0; margin:0}
.classlistbox_con2{ width:50%; padding:5px 10px 5px 5px; display:block; float:left; box-sizing:border-box; -moz-box-sizing:border-box; position:relative; }
.classlistbox_con2 a{text-decoration:none; display:block; width:100%; color:#555; text-align:center; font-size:0.9em; letter-spacing:-1px; line-height:20px}
.classlistbox_con2 .bighit{ position:absolute; right:15px; top:3px}
.classlistbox_con2 a img{display:block; margin:0 auto}
.classlistbox_con2 a span{display:block; border:1px solid #ddd; text-align:center; padding:4px; width:80px; font-size:0.7em; color:#777; margin:0 auto; }
.classlistbox_con2 a>p{line-height:36px; padding:0; margin:0}
.class_mk{width:100%; background:#fff; width:100%; display:block;box-sizing:border-box; -moz-box-sizing:border-box; padding:10px; text-align:center;border-radius:8px; -moz-border-radius:8px; height:162px;box-shadow:1px 1px 3px #dedede; -moz-box-shadow:1px 1px 3px #dedede}
.class_mk img{position:absolute; top:1px; left:0px; padding:0; margin:0; display:block}
.box_notice_main{ background:#f7f7f7; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; margin-bottom:0px; padding-bottom:30px}
.box_notice_main h3{padding:0; margin:0; text-align:center; margin:10px 0}
.box_notice_main h3 a{color:#333}
.box_notice_main h3 span{ color:#ccc}
.box_notice_main .notice_lms{ width:100%; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; background:#fff; margin-bottom:8px}
.box_notice_main .notice_lms a{text-decoration:none; color:#555}
.box_notice_main .notice_lms p{padding:0; margin:0; font-size:0.8em; color:#555; line-height:16px; height:16px; overflow:hidden}
.box_notice_main .notice_lms span{padding:0; margin:0; font-size:10px; color:#999; text-decoration:none}
.mw_bg{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%; z-index:1000}
.mw_bg .bg_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60)}
.mw_bg .fg_bg{position:absolute;top:50%;left:50%;width:320px;height:200px;margin:-100px 0 0 -160px;padding:0px;border:3px solid #333;background:#fff; display:block;box-sizing:border-box; -moz-box-sizing:border-box; border-radius:12px; -moz-border-radius:12px; overflow:hidden}
.mw_bg .fg_bg ul{padding:0; margin:0; display:block; float:left; width:100%}
.mw_bg .fg_bg li{display:block; float:left; width:50%; border-top:1px solid #ddd;border-right:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; text-align:center; line-height:34px; height:34px}
.mw_bg .fg_bg li a{color:#555; width:100%; line-height:34px; font-size:0.8em; display:block}
.class_date{width:100%; height:160px; box-sizing:border-box; -moz-box-sizing:border-box; padding:0px; background:#FC0; padding:10px}
.class_date h3{text-align:center; color:#60F; letter-spacing:-1px; padding:0; margin:0; text-align:center; padding: 0 0 6px 0}
.class_date h3 span{color:#000}
.class_date .date_classbox{ width:100%; background:#fcf8e7; height:100px; box-sizing:border-box; -moz-box-sizing:border-box; padding:5px; font-size:1em; display:block; position:relative; line-height:28px; border-radius:10px; -moz-border-radius:10px}
.class_date .date_classbox span{font-size:0.8em; background:#fffdf6; color:#000; padding:3px 10px 2px; border-radius:14px; -moz-border-radius:10px; }
.class_date .date_classbox .rft a{display:block; position:absolute; top:28px; right:10px; height:40px; width:40px; background:#333; border:1px solid #000; color:#fff; text-align:center; text-decoration:none;
font-size:0.75em; line-height:14px; border-radius:24px; -moz-border-radius:24px; padding-top:4px; box-sizing:border-box; -moz-box-sizing:border-box}
/* //UI Object */
.con_quicbanner{width:100%; display:block; float:left; padding:40px 10px; box-sizing:border-box; -moz-box-sizing:border-box; background:#fff; margin-bottom:30px}
.con_quicbanner h3{ color:#333; text-align:center; padding:0; margin:0; margin-bottom:10px; letter-spacing:-1px}
.con_quicbanner_free{width:50%; padding:0px 10px 0px 0px; display:block; float:left; box-sizing:border-box; -moz-box-sizing:border-box; position:relative;}
.con_quicbanner_free_box{width:100%; display:block;box-sizing:border-box; -moz-box-sizing:border-box; height:140px; background:#218fe5; padding:10px; color:#fff}
.con_quicbanner_free_box H4{color:#fff; padding:0; margin:0; font-size:1em; letter-spacing:-1px}
.con_quicbanner_free_box p{color:#fefefe; line-height:20px; font-size:0.75em }
.con_quicbanner_free_box span{display:block; border:1px solid #fff; padding:4px 10px; color:#000; border-radius:15px; -moz-border-radius:15px; font-size:0.75em; text-align:center; background:#d9edfc}
.call_lms{margin-bottom:10px; background:#fff; padding:10px 0 8px 0}
.call_lms a p{font-size:0.75em; color:#999; text-align:center; line-height:14px; margin:0; padding:0}
.call_lms p{font-size:0.75em; color:#999; text-align:center; line-height:14px; margin:0; padding:0; }
.call_lms a span{font-size:1.6em; color:#555; text-align:center; width:100%; letter-spacing:-1px; padding:0; margin:0; display:block; font-weight:bold }
.con_quicbanner_free_box2{width:100%; float:right; display:block;box-sizing:border-box; -moz-box-sizing:border-box; height:65px; background:#fff; margin-bottom:10px; border:1px solid #ddd; padding:10px; text-align:center; background:#FDFAF0; text-align:left}
.con_quicbanner_free_box2 a{color:#555; font-size:0.75em}
.con_quicbanner_free_box2 strong{ color:#333; font-size:1.2em; line-height:22px; display:block }
.con_quicbanner_free_box3{width:100%; float:right; display:block;box-sizing:border-box; -moz-box-sizing:border-box; height:65px; background:#fff; margin-bottom:10px; border:1px solid #ddd; padding:10px ; text-align:center; background:#FDFAF0; text-align:left}
.con_quicbanner_free_box3 a{color:#555; font-size:0.75em}
.con_quicbanner_free_box3 strong{ color:#333; font-size:1.2em; line-height:22px; display:block }
.con_quicbanner ul{padding:0; margin:0; list-style:none; width:100%; display:block; box-sizing:border-box; -moz-box-sizing:border-box; margin-top:20px}
.con_quicbanner li{ width:50%;box-sizing:border-box; -moz-box-sizing:border-box; float:left; margin-bottom:10px; letter-spacing:-1px; padding-right:10px}
.con_quicbanner li a{color:#555; text-decoration:none;border:1px solid #C0C0C0; line-height:34px; height:36px; display:block; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; padding-left:10px;font-size:0.75em; text-align:center; border-radius:15px; -moz-border-radius:16px }
.con_quicbanner li a:hover{background:#ff0000; color:#fff; border:1px solid #222}
.classre_btnset{position:fixed; right:10px; bottom:10px; background:#dedede; color:#fff; display:block; width:174px; height:37px; line-height:32px; overflow:hidden; border-radius:20px; -moz-border-radius:20px;
box-sizing:border-box; -moz-box-sizing:border-box; padding:0; text-align:center; box-shadow:0 0 6px #444; -moz-box-shadow:0 0 6px #444; border:1px solid #777}
.classre_btnset>a{text-decoration:none; color:#fff; font-size:0.8em; display:inline-block; padding:2px 5px 1px 5px; background:#ff0000; border:1px solid #000; line-height:22px; border-radius:14px; -moz-border-radius:14px; margin:0}
.tsmc_view{border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; width:98%; margin:0 auto}
.tsmc_view th{background:#F9F9F9; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:8px 0; text-align:center; font-size:14px}
.tsmc_view td{background:#fff; border-right:1px solid #ddd; padding:8px 0; text-align:center; font-size:12px}
.tab_classselect{ width:100%; display:block; box-sizing:border-box; float:left; margin:10px 0; padding:0 10px}
.tab_classselect ul{width:100%; padding:0; margin:0; box-sizing:border-box}
.tab_classselect li{ width:50%;box-sizing:border-box; -moz-box-sizing:border-box; padding:2px 0px; margin:0; float:left; display:block }
.tab_classselect li a{ width:100%; display:block; line-height:36px; text-align:center; color:#000; border:1px solid #ccc; background:#F2F2F2; border-radius:1px; -webkit-border-radius:1px; float:left}
.tab_classselect li.on_class a{ font-weight:bold; color:#ff0040; background:#FFF4F4}
.reviews_wrap {width: 100% !important;}
.reviews_wrap > div:first-child {height: 210px !important;}
.reviews_wrap > div > p + p {top: 54% !important; left: 43% !important; width: 55% !important; font-size: 12px !important;}
.reviews_wrap div {font-size: 14px; line-height: 1.5 !important;}
@media only screen and (max-width: 640px) {
.sub_tabmenu li a{ font-size:0.75em; overflow:hidden; display:block; padding:20px 0; text-decoration:none; color:#222}
.sub_content{ margin-bottom:30px; font-size:1em}
.my_list li a{color:#000; line-height:42px; padding-left:10px; letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none}
.register_list li a{color:#000; line-height:42px; padding-left:10px; letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none}
.my_noticelist .noticelist_title a{ width:440px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}
@media only screen and (max-width: 500px) {
.main_img_quick li{display:block; padding:0; margin:0; width:33.33%; float:left;text-align:center;margin-bottom:20px}
.main_img_quick li img{ max-width:74px; height:auto}
.main_img_quick li a{font-size:0.75em; text-decoration:none; color:#333; letter-spacing:-1px;display:block}
.main_img_quick li a span{ display:block; text-align:center}
.main_quick_menu li{ width:50%; border:1px solid #ddd; height:50px; float:left; padding:0; margin:0; margin-left:-1px; border-right:none; margin-top:-1px}
.main_quick_menu li a{ color:#222; text-align:left; text-decoration:none; line-height:50px; padding-left:50px; display:block}
.my_list li a{color:#000; line-height:42px; padding-left:10px; letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none}
.register_list li a{color:#000; line-height:42px; padding-left:5px; letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none}
.my_noticelist .noticelist_title a{ width:400px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* 로그인 */
/*.mem_logo a img{width: 120px; height:auto} */
.login_outform h3{ font-size:0.75em;font-weight:normal; padding:5px 0; margin:0; letter-spacing:-1px }
.member_find li a{ background:#CCC; display:block; margin:0 auto; max-width:90px; height:auto}
}
@media only screen and (max-width: 320px) {
.sub_tabmenu li a{ font-size:0.75em; overflow:hidden; display:block; padding:20px 0; text-decoration:none; color:#222}
.sub_content{ margin-bottom:30px; font-size:0.75em}
.my_list li a{color:#000; line-height:42px; padding-left:10px; letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none}
.register_list li a{color:#000; line-height:42px; padding-left:10px; letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none}
.my_noticelist .noticelist_title a{ width:220px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}
@media only screen and (max-width: 360px) {
.my_list li a{color:#000; line-height:42px; padding-left:10px; letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none}
.register_list li a{color:#000; line-height:42px; padding-left:10px; letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none}
.my_noticelist .noticelist_title a{ width:260px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}
@media only screen and (max-width: 400px) {
.my_list li a{color:#000; line-height:42px; padding-left:10px; letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none}
.register_list li a{color:#000; line-height:42px; padding-left:10px; letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none}
.my_noticelist .noticelist_title a{ width:300px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}