﻿@charset "utf-8";
/* ===== SUB COMMON ===== */
.sub_header {background:#598edc;}
/* snb_wrap */
.sub_header .snb_wrap > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; height:55px; overflow:hidden;}
.sub_header .snb_wrap > ul > li {float:left; box-sizing:border-box; font-size:15px; color:#fff; font-weight:400; letter-spacing:-0.5px;}
.sub_header .snb_wrap > ul > li > a {color:#fff; height:55px; line-height:55px; display:inline-block; padding:0 1.8rem; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.sub_header .snb_wrap > ul > li > a:hover {background:#3e6eca;}
.sub_header .snb_wrap.support > ul > li > a { padding:0 1.4rem !important; }

.sub_header .snb_wrap > ul > li > a.active,
.sub_header .snb_wrap > ul > li > a.active:hover {background:#fff; color:#111; font-weight:500;}

.sub_header .container {position:relative;}
.sub_header .container .page_option_wrap {position:absolute; right:0; top:0; color:#fff;}
.sub_header .container .page_option_wrap > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.sub_header .container .page_option_wrap > dl > dd {float:left; border-right:1px solid rgba(255,255,255,0.3);}
.sub_header .container .page_option_wrap > dl > dd:first-child {border-left:1px solid rgba(255,255,255,0.3);}

.sub_header .container .page_option_wrap > dl > dd > a {display:block; height:55px; width:55px; line-height:55px;}
.sub_header .container .page_option_wrap > dl > dd > a > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.sub_header .container .page_option_wrap > dl > dd > a.page_print {background:url(../images/inc/com_page_iCon01_01.png) no-repeat center;}
.sub_header .container .page_option_wrap > dl > dd > a.page_share {background:url(../images/inc/com_page_iCon02_01.png) no-repeat center;}

/* sub_contents */

.sub_contents {padding:50px 0 50px 0;}
.sub_contents.memb_login {padding:60px 0 70px 0;}
.sub_contents.full {padding:0;}

/* sub_lnb_container */

.sub_lnb_container {width:100%; letter-spacing:-0.5px;}
.sub_lnb_container > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-15px; margin-right:-15px;}
.sub_lnb_container > ul > li {float:left; padding:0 15px; box-sizing:border-box;}

/* sub_lnb */

.sub_lnb_container > ul > li.sub_lnb {width:20%;}

.sub_lnb .lnb_list {box-sizing:border-box; border:1px solid #ccc; background:#fff;}
.sub_lnb .lnb_list .lnb_tit {text-align:center; color:#333; font-weight:500; font-size:17px; padding:15px 15px 15px 15px; border-bottom:1px solid #ccc; box-sizing:border-box;}

.sub_lnb .lnb_list > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.sub_lnb .lnb_list > ul > li {float:left; width:100%;}
.sub_lnb .lnb_list > ul > li > a {display:block; box-sizing:border-box; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.sub_lnb .lnb_list > ul > li.lnb_dept01 {border-bottom:1px solid #ddd;}
.sub_lnb .lnb_list > ul > li.lnb_dept01:last-child {border-bottom:none;}
.sub_lnb .lnb_list > ul > li.lnb_dept01 > a {padding:15px 15px 15px 15px; font-size:15px;}
.sub_lnb .lnb_list > ul > li.lnb_dept01 > a.active {color:#4664e6; background:#fff url(../images/main/main_tit_iCon01.png) no-repeat; background-position:right 15px top 19px;}
.sub_lnb .lnb_list > ul > li.lnb_dept01 > a:hover {color:#4664e6;}

.sub_lnb .lnb_list > ul > li.lnb_dept02 {padding:15px 15px 15px 15px; border-bottom:1px solid #ddd; background:#fafafa;}
.sub_lnb .lnb_list > ul > li.lnb_dept02 > a {padding:5px 5px 5px 5px; font-size:14px;}
.sub_lnb .lnb_list > ul > li.lnb_dept02 > a.active {color:#4664e6;}
.sub_lnb .lnb_list > ul > li.lnb_dept02 > a:hover {text-decoration:underline;}

/* sub_cont */

.sub_lnb_container > ul > li.sub_cont {width:80%;}
.sub_lnb_container > ul > li.sub_cont .sub_cont_inner {min-height:500px;}

/* sub_contents_title */

.sub_contents .brdtitle { font-size:16px; color:#222; }
.sub_contents .sub_contents_title {letter-spacing:-0.5px;}
.sub_contents .sub_contents_title > h2 {position:relative; font-size:28px; font-weight:500; color:#111; border-bottom:1px solid #ccc; padding:0 0 15px 0; margin:0 0 30px 0;}

/* sub_login_title */

.sub_contents .sub_login_title {letter-spacing:-0.5px; font-weight:400; text-align:center;}
.sub_contents .sub_login_title > h2 {position:relative; font-size:34px; font-weight:500; color:#111; margin:0 0 15px 0;}
.sub_contents .sub_login_title > p {font-size:18px; margin:0 0 40px 0; color:#333;}

.sub_contents .sub_contents_title > h2 .breadcrumb {position:absolute; bottom:8px; right:0;}
.sub_contents .sub_contents_title > h2 .sub_txt{color:#555;font-size:14px;font-weight:400;display:inline-block;margin-left:5px}

.sub_contents .sub_contents_title > h2 .breadcrumb > dl {display:inline-block;}
.sub_contents .sub_contents_title > h2 .breadcrumb > dl > dt,
.sub_contents .sub_contents_title > h2 .breadcrumb > dl > dd {float:left; font-size:14px; color:#555; font-weight:500;}

.sub_contents .sub_contents_title > h2 .breadcrumb > dl > dt .iCon_home {display:inline-block; width:20px; height:18px; transform:translateX(2px);}
.sub_contents .sub_contents_title > h2 .breadcrumb > dl > dt .iCon_home {background:url(../images/inc/com_home_iCon01.png) no-repeat center top;}
.sub_contents .sub_contents_title > h2 .breadcrumb > dl > dt .iCon_home > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.sub_contents .sub_contents_title > h2 .breadcrumb > dl > dd {padding-left:15px; margin-left:15px; position:relative;}
.sub_contents .sub_contents_title > h2 .breadcrumb > dl > dd:after {content:""; display:inline-block; width:7px; height:11px; position:absolute; left:-1px; top:5px;}
.sub_contents .sub_contents_title > h2 .breadcrumb > dl > dd:after {background:url(../images/inc/com_breadcrumb_iCon01.png) no-repeat center top;}

.sub_contents .sub_contents_title > h2 .breadcrumb > dl > dd > a {color:#555;}
.sub_contents .sub_contents_title > h2 .breadcrumb > dl > dd > a:hover {text-decoration:underline;}

.sub_contents .sub_contents_title > h2 .breadcrumb > dl > dd:last-child > a {color:#333;}

/* 2024.08.29 */
.sub_contents .lyrPop_default { display:none; position:absolute; top:0; left:0; z-index:100; width:100%; height:100%; text-align:center; }
.sub_contents .lyrPop_default * { box-sizing:border-box; }
.sub_contents .lyrPop_default .popInner { position:fixed; top:50%; left:50%; z-index:999; display:block; padding:30px; background:#fff; border-radius:20px; text-align:left; transform:translate(-50%, -100%); }
.sub_contents .lyrPop_default .bt_popClose { overflow:hidden; position:absolute; top:10px; right:10px; display:flex; align-items:center; justify-content:center; width:35px; height:35px; border-radius:50%; background:rgba(0,0,0,.5); font-size:20px; font-weight:300; color:#fff; }
.sub_contents .lyrPop_default .bt_popClose:after { content:"\00d7"; }
.sub_contents .lyrPop_default .ly_dim { position:fixed; top:0; left:0; z-index:990; width:100%; height:100%; background:rgba(0,0,0,.5); }

/* com_tab_menu */

.com_tab_menu {width:100%; margin-bottom:30px;}
.com_tab_menu.mgb20 {margin-bottom:20px;}
.com_tab_menu > ul {width:100%; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box; border-left:1px solid #c8bebe;}
.com_tab_menu > ul > li {float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; text-align:center;
						 border-top:1px solid #c8bebe; border-right:1px solid #c8bebe; border-bottom:1px solid #c8bebe;}

.com_tab_menu > ul > li  a {width:100%; display:block; color:#555; height:50px; line-height:50px; font-size:16px; position:relative; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.com_tab_menu > ul > li  a:hover,
.com_tab_menu > ul > li  a.active {background:#374055; color:#fff;}

.com_tab_menu > ul > li  a.active {font-weight:500;}

.com_tab_menu > ul > li  a .text_term {display:inline-block; letter-spacing:0; opacity:0.7;}
.com_tab_menu > ul > li  a .tag_dday {position:absolute; left:50%; top:-12px; transform:translateX(-22px); display:inline-block; letter-spacing:0; background:#fff; color:#0082ff;
									   border:1px solid #0082ff; height:auto; line-height:initial; font-size:12px; padding:0 8px 2px 8px; border-radius:20px; font-weight:500;
									   -webkit-box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15); box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15);}

.com_tab_menu.tab_style02 > ul > li  a.active,
.com_tab_menu.tab_style02 > ul > li  a:hover {background:#fff; color:#333;}
.com_tab_menu.tab_style02 > ul > li  a:before {content:""; position:absolute; left:0; right:0; top:-1px; width:0; height:3px; z-index:1;
												display:inline-block; margin:auto; background:#0082ff; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.com_tab_menu.tab_style02 > ul > li  a.active:before,
.com_tab_menu.tab_style02 > ul > li  a:hover:before {width:100%;}

/* tab col */

/* 23.11.22 S */
.com_tab_menu.col_02 > ul{display: flex;justify-content: space-between;flex-wrap: nowrap;}
.com_tab_menu.col_02 > ul > li {width:100%;}
.com_tab_menu.col_02 > ul > li  a {height:50px; line-height:50px;}

.com_tab_menu.col_03 > ul{display: flex;justify-content: space-between;flex-wrap: nowrap;}
.com_tab_menu.col_03 > ul > li {width:100%;}
/* .com_tab_menu.col_03 > ul > li:nth-child(2) {width:34%;} */
.com_tab_menu.col_03 > ul > li  a {height:50px; line-height:50px;}
/* 23.11.22 E */

.com_tab_menu.col_04 > ul > li {width:25%;}
.com_tab_menu.col_04 > ul > li  a {height:50px; line-height:50px;}

.com_tab_menu.col_05 > ul > li {width:20%;}
.com_tab_menu.col_05 > ul > li  a {height:50px; line-height:50px;}

.com_tab_menu.col_06 > ul > li {width:17%;}
.com_tab_menu.col_06 > ul > li:nth-child(1),
.com_tab_menu.col_06 > ul > li:nth-child(6) {width:16%;}
.com_tab_menu.col_06 > ul > li  a {height:50px; line-height:50px;}

.com_tab_menu.col_08 > ul > li {width:12%;}
.com_tab_menu.col_08 > ul > li:nth-child(3),
.com_tab_menu.col_08 > ul > li:nth-child(4),
.com_tab_menu.col_08 > ul > li:nth-child(5),
.com_tab_menu.col_08 > ul > li:nth-child(6) {width:13%;}
.com_tab_menu.col_08 > ul > li  a {height:50px; line-height:50px;}

.com_tab_menu.col_08.font_s14 > ul > li  a {font-size:14px; letter-spacing:-0.8px;}

/* com_mid_tab_menu */

.com_mid_tab_menu {width:100%; margin-bottom:30px;}
.com_mid_tab_menu > ul {width:100%; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box;}
.com_mid_tab_menu > ul > li {float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; text-align:center; border-right:1px solid #262d3b; border-top:1px solid #262d3b;}

.com_mid_tab_menu > ul > li  a {display:block; background:#374055; color:#ddd; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.com_mid_tab_menu > ul > li.active  a,
.com_mid_tab_menu > ul > li  a.active {background:#fff; color:#262d3b; font-weight:500;}
.com_mid_tab_menu > ul > li:first-child {border-left:1px solid #262d3b;}

/* tab col */
.com_mid_tab_menu.col_02 > ul > li {width: 50%;}
.com_mid_tab_menu.col_02 > ul > li a {height: 50px; line-height: 50px;}

.com_mid_tab_menu.col_03 > ul > li {width:33%;}
.com_mid_tab_menu.col_03 > ul > li:nth-child(2) {width:34%;}
.com_mid_tab_menu.col_03 > ul > li  a {height:50px; line-height:50px;}

.com_mid_tab_menu.col_04 > ul > li {width:25%;}
.com_mid_tab_menu.col_04 > ul > li  a {height:50px; line-height:50px;}

.com_mid_tab_menu.col_05 > ul > li {width:20%;}
.com_mid_tab_menu.col_05 > ul > li  a {height:50px; line-height:50px;}

.com_mid_tab_menu.col_06 > ul > li {width:17%;}
.com_mid_tab_menu.col_06 > ul > li:nth-child(1),
.com_mid_tab_menu.col_06 > ul > li:nth-child(6) {width:16%;}
.com_mid_tab_menu.col_06 > ul > li  a {height:50px; line-height:50px;}

.com_mid_tab_menu.col_08 > ul > li {width:12%;}
.com_mid_tab_menu.col_08 > ul > li:nth-child(3),
.com_mid_tab_menu.col_08 > ul > li:nth-child(4),
.com_mid_tab_menu.col_08 > ul > li:nth-child(5),
.com_mid_tab_menu.col_08 > ul > li:nth-child(6) {width:13%;}
.com_mid_tab_menu.col_08 > ul > li  a {height:50px; line-height:50px;}
.com_mid_tab_menu.col_09 > ul > li {width:11.11%;}
.com_mid_tab_menu.col_09 > ul > li  a {height:50px; line-height:50px;}
/* 24.01.08 S */
.com_mid_tab_menu.col_10 > ul {overflow: hidden;display: block;}
.com_mid_tab_menu.col_10 > ul > li:first-child{width:10%;height: 105px;float: left;border-bottom: 1px solid #262d3b;margin-left: 0;}
.com_mid_tab_menu.col_10 > ul > li:nth-child(n+10){margin-top: 5px;}
.com_mid_tab_menu.col_10 > ul > li{width:10%;height: 50px;float: left;margin-left: 5px;}
.com_mid_tab_menu.col_10 > ul > li  a {height:100%;display: flex;align-items: center;justify-content: center;}
/* 24.01.08 E */
/* tab_memb_join */

.tab_memb_join {width:100%; margin-bottom:30px;}
.tab_memb_join > ul {width:100%; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box; border-left:1px solid #ccc;}
.tab_memb_join > ul > li {float:left; box-sizing:border-box; width:33%; font-weight:400; letter-spacing:-0.5px; text-align:center; height:60px; line-height:58px;
						 border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; color:#555;}
.tab_memb_join > ul > li:nth-child(2) {width:34%;}

.tab_memb_join > ul > li.active {color:#4664e6; font-weight:500;}
.tab_memb_join > ul > li.active:after {content:""; display:inline-block; width:100%; height:3px; position:absolute; left:0; top:-1px; background:#4664e6;}

.tab_memb_join > ul > li.step_done {color:#888;}


/* ===== BUTTON ===== */
.btn_style01.btn_w150 {width:150px !important;}
.btn_style01.btn_w110 {width:110px !important;}
.btn_style01 {text-align:center; display:inline-block; letter-spacing:-0.5px; box-sizing:border-box; padding:0.375rem 0.75rem; border-radius:0;
			  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.btn_style01:hover {text-decoration:none;}

.btn_style01.btn_xxs {font-size:11px; height:22px; line-height:20px; padding:0 5px 0 5px;}
.btn_style01.btn_xs {font-size:12px; height:26px; line-height:22px; padding:0 5px 0 5px;}
.btn_style01.btn_sm {font-size:13px; height:30px; line-height:27px; padding:0 10px 0 10px;}
.btn_style01.btn_md {font-size:14px; height:40px; line-height:37px; padding:0 15px 0 15px;}
.btn_style01.btn_lg {font-size:15px; height:44px; line-height:40px; padding:0 20px 0 20px;}

.btn_style01.dgray_bg {background:#333; color:#fff; border:1px solid #333;}
.btn_style01.dgray_bg:hover {background:#111; color:#fff; border:1px solid #111;}

.btn_style01.dgray_line {background:#fff; color:#333; border:1px solid #333;}
.btn_style01.dgray_line:hover {background:#111; color:#fff; border:1px solid #111;}

.btn_style01.gray_bg {background:#5a6069; color:#fff; border:1px solid #5a6069;}
.btn_style01.gray_bg:hover {background:#3d444e; color:#fff; border:1px solid #3d444e;}

.btn_style01.gray_line {background:#fff; color:#555; border:1px solid #bbb;}
.btn_style01.gray_line:hover {background:#f0f0f0; color:#555; border:1px solid #bbb;}

.btn_style01.blue_bg {background:#0082ff; color:#fff; border:1px solid #0082ff;}
.btn_style01.blue_bg:hover {background:#1e64d2; color:#fff; border:1px solid #1e64d2;}

.btn_style01.blue_bg2 {background:#598edc; color:#fff; border:1px solid #598edc;}
.btn_style01.blue_bg2:hover {background:#598edc; color:#fff; border:1px solid #598edc;}

.btn_style01.blue_line {background:#fff; color:#0082ff; border:1px solid #0082ff;}
.btn_style01.blue_line:hover {background:#0082ff; color:#fff; border:1px solid #0082ff;}

.btn_style01.blue_line2 {background:#fff; color:#598edc; border:1px solid #598edc;}
.btn_style01.blue_line2:hover {background:#598edc; color:#fff; border:1px solid #598edc;}

.btn_style01.disabled { background:#fff; border:1px solid #999; color:#555; cursor:default; }/* 2024.08.29 */

.btn_style02{box-shadow:1px 7px 5px 2px rgb(0, 0, 0, 0.1);font-size:24px;color:#222222;letter-spacing:-1px;background:#cccccc;text-align:center; height:90px;line-height:86px;display:inline-block; letter-spacing:-0.5px; box-sizing:border-box; min-width:160px;padding:0 50px; border-radius:10px;}
.btn_style02.og{ color:#fff; background:#c80000; outline-color:#111 !important; }/* 2024.05.16 */
.btn_style02.v2{height:52px;line-height:50px;}

.text_box .btn_style01.btn_xxs {line-height:18px;}

.link_btn_style01{text-decoration:underline;font-size:11px;color:#777;}
.link_btn_style01 img{top:3px;position:relative;margin-right:2px}

.text_box .inInfo {background:url(../images/cm/ico_info.png) no-repeat 0 center; padding-left:60px;}

/* BTN CONTAINER */

.footer_btn_full .btn_style01 {width:100%; font-size:15px; padding:0.9rem 0.75rem;}

.sub_btn_wrap {width:100%; text-align:center;}
.sub_btn_wrap > ul {display:inline-block;}
.sub_btn_wrap > ul > li {position:relative; float:left; box-sizing:border-box; margin:0 5px 0 5px;}

.sub_btn_wrap.btn_w150 > ul > li {width:150px;}
.sub_btn_wrap.btn_w150 > ul > li .btn_style01 {width:100%;}

.sub_btn_wrap.btn_w200 > ul > li {width:200px;}
.sub_btn_wrap.btn_w200 > ul > li .btn_style01 {width:100%;}

.sub_btn_wrap.btn_w250 > ul > li {width:250px;}
.sub_btn_wrap.btn_w250 > ul > li .btn_style01 {width:100%;}



.sub_btn_wrap.btn_w150 .btn_style01 {width:150px;}

.sub_btn_wrap.btn_w200 .btn_style01 {width:200px;}

.sub_btn_wrap.btn_w250 .btn_style01 {width:250px;}



.sub_btn_wrap.b_top_30 {border-top:1px solid #ddd; padding-top:30px;}
.sub_btn_wrap.b_top_40 {border-top:1px solid #ddd; padding-top:40px;}

.sub_btn_wrap.b_bottom_15 {border-bottom:1px solid #ddd; padding-bottom:15px;}
.sub_btn_wrap.b_bottom_20 {border-bottom:1px solid #ddd; padding-bottom:20px;}
.sub_btn_wrap.b_bottom_30 {border-bottom:1px solid #ddd; padding-bottom:30px;}


/* ===== TEXT COMMON ===== */

/* con_title_01 */

.con_title_01 {width:100%; letter-spacing:-0.5px;}
.con_title_01 > h3 { position:relative; border-bottom:1px solid #ddd; margin:0 0 25px 0; padding:0 0 15px 12px; font-size:21px; font-weight:500; color:#333; }/* 2024.08.29 */
.con_title_01 > h3:after {content:""; display:inline-block; width:4px; height:21px; position:absolute; left:-1px; top:4px; background:#0082ff;}

/* con_title_02 */

.con_title_02 {width:100%; letter-spacing:-0.5px; text-align:center;}
.con_title_02 > h3 {position:relative; font-size:20px; font-weight:500; color:#333; border:4px solid #eee; padding:11px 0 12px 12px; margin:0 0 25px 0;}

/* mid_title_01 */

.mid_title_01 {width:100%; letter-spacing:-0.5px;}
.mid_title_01.inLine:before {content:""; display: block; width:100%; height:1px; background:#ddd; margin-bottom:30px;}

.mid_title_01 > h3 {position:relative; font-size:17px; font-weight:500; color:#333; padding:0 0 0 12px; margin:0 0 15px 0;}
.mid_title_01 > h3:after {content:""; display:inline-block; width:4px; height:17px; position:absolute; left:-1px; top:4px; background:#aaa;}


.mid_title_01 > h4 {position:relative; font-size:17px; font-weight:500; color:#333; padding:0 0 0 12px; margin:0 0 15px 0;}
.mid_title_01 > h4:after {content:""; display:inline-block; width:4px; height:17px; position:absolute; left:-1px; top:4px; background:#aaa;}
.mid_title_01.bull_blue > h4:after {background:#4664e6;}
.mid_title_01.bull_lblue > h4:after {background:#80ace3;}

.mid_title_01 > h4 .btn_style01 {vertical-align:middle; transform:translateY(-1px);}
.mid_title_01 > h4 .btn_style01.btn_xxs {line-height:18px;}

.mid_title_01.tit_class .course_count {font-weight:400; color:#666;}


/* mid_title_02 */

.mid_title_02 {width:100%; letter-spacing:-0.5px;}
.mid_title_02 > h4 {position:relative;font-size:25px;font-weight:600;color:#333;display:inline-block;}
.mid_title_02 .sub_txt{color:#555;font-size:13px;font-weight:400;display:inline-block;margin-left:5px}


/* text_box */

.sub_textbox_wrap {width:100%;}
.sub_textbox_wrap > ul {display:inline-block; width:100%;}
.sub_textbox_wrap > ul > li {position:relative; float:left; box-sizing:border-box; margin:;}
.sub_textbox_wrap .col_02 li:first-child {width:calc(50% - 5px); margin-right:5px;}
.sub_textbox_wrap .col_02 li:nth-child(2) {width:calc(50% - 5px); margin-left:5px;}

.text_box {position:relative; letter-spacing:-0.5px; color:#555; font-weight:400; border:1px solid transparent; box-sizing:border-box;}
.text_box img {display:block; max-width:100%;}
.text_box strong {font-weight:500;}
.text_box .divider {display:inline-block; width:1px; height:12px; background:#ccc; vertical-align:middle; margin:0 8px 0 8px; transform:translateY(-1px);}

.text_box.bg_box {background:#fafafa; border:1px solid #ddd; padding:15px 20px 15px 20px;}
.text_box.bg_box.pd_10 {padding:10px 12px 10px 12px !important;}
.text_box.bg_box.pd_12 {padding:12px 12px 12px 12px !important;}
.text_box.bg_box.pd_20 {padding:20px 25px 20px 25px !important;}
.text_box.bg_box.b_blue {background:#fff; border:1px solid #0082ff;}
.text_box.bg_box.b_blue2 {border:1px solid #0082ff;}
.text_box.bg_box.b_gray {background:#fff; border:1px solid #ddd;}
.text_box.bg_box.b_lgray {background:#fff; border:1px solid #eee;}
.text_box.bg_box.b_lgray02 {background:#fff; border:1px solid #eee; border-top:none;}
.text_box.bg_box.b_lgray03 {background:#fff; border:1px solid #eee; border-top:none; border-bottom:none;}
.text_box.bg_box02 {background:#f4f5f7; border:1px solid #ddd; padding:20px 25px 20px 25px;}
.text_box.bg_box03 {background:#fff; border:4px solid #eee; padding:10px 15px 10px 15px;}
.text_box.bg_box04 {background:#f4f5f7; border:1px solid #ddd; padding:15px 20px 15px 20px;}
.text_box.bg_box05 {background:#fafafa; border:1px solid #eee; padding:15px 20px 15px 20px;}
.text_box.bg_box_blue {background:#0082ff; border:1px solid #0082ff; padding:15px 20px 15px 20px; color:#fff;}

.text_box.text_p12 {font-size:12px; line-height:22px;}
.text_box.text_p13 {font-size:13px; line-height:24px;}
.text_box.text_p14 {font-size:14px; line-height:26px;}
.text_box.text_p15 {font-size:15px; line-height:28px;}
.text_box.text_p16 {font-size:16px; line-height:30px;}
.text_box .b_bottom {border-bottom:1px dotted #ccc; padding:0 0 5px 0; margin:0 0 5px 0;}
.text_box .b_bottom_06 {border-bottom:1px dotted #ccc; padding:0 0 6px 0; margin:0 0 6px 0;}
.text_box .b_bottom_10 {border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px;}
.text_box .b_bottom_15 {border-bottom:1px dotted #ccc; padding-bottom:15px; margin-bottom:15px;}

.text_box .sub_text_p12 {font-size:12px; line-height:22px;}

.text_box .bull_blue:before {content:""; clear:both; display:inline-block; width:3px; height:3px; margin:0 4px 3px 0; background:#0082ff;}
.text_box .bull_gray:before {content:""; clear:both; display:inline-block; width:3px; height:3px; margin:0 4px 3px 0; background:#aaa;}

.text_box .bull_bar_gray:before {content:""; clear:both; display:inline-block; width:4px; height:1px; margin:0 4px 3px 0; background:#aaa;}

/* arrowBox */
.arrowBox_style01 {position:relative; padding:30px 30px; letter-spacing:-0.5px; color:#555; font-weight:400; background:#e8eff8; box-sizing:border-box;}
.arrowBox_style01:before {content:''; background:url(../images/cm/arrow_top.png) no-repeat 0 0; width:21px; height:29px; position:absolute; top:-29px; left:100px;}

/* img_box */

.img_box {width:100%;}
.img_box img {display:block; vertical-align:middle;}
.img_box.img_center img {margin:0 auto;}


/* ===== TABLE STYLE 01 ===== */

.table_style01 {width:100%; position:relative; font-weight:400;}
.table_style01.max_width {overflow-x:scroll;}
.table_style01.scroll{overflow-y: scroll;max-height: 287px;}
.table_style01.max_width > table {width:100%; min-width:500px;}
.table_style01 > table {border-top:1px solid #ddd; border-left:1px solid #ddd; background:#fff; width:100%; letter-spacing:-0.5px; font-size:14px; line-height:26px;}
.table_style01 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.table_style01 > table strong {font-weight:500;}

.table_style01 > table a:hover {text-decoration:none;}
.table_style01 > table .btn_style01:hover {text-decoration:none;}

.table_style01 > table.hover tr:hover {background:#f4f5f7; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.table_style01 > table .tit_fff {color:#333; background:#fff;}
.table_style01 > table .tit_gray,
.table_style01 > table .tit_gray a {color:#333; background:#fafafa;}
.table_style01 > table .tit_lgray,
.table_style01 > table .tit_lgray a {color:#333; background:#fafafa;}
.table_style01 > table .tit_blue {color:#fff !important; background:#0082ff;}
.table_style01 > table .tit_lblue {color:#fff !important; background:#598edc;}
.table_style01 > table .tit_gray1 {color:#fff !important; background:#777777;}

.table_style01.b_black > table {border-top:2px solid #333;}

.table_style01 > table .line_bg {background:#f1f4f7;}

.table_style01 > table > thead > tr > th, .table_style01 > table > thead > tr > td,
.table_style01 > table > tbody > tr > th, .table_style01 > table > tbody > tr > td {padding:8px 10px 10px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; line-height: 1.5}
.table_style01 > table > tbody > tr > th, .table_style01 > table > tbody > tr > td {padding:8px 10px 10px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; line-height: 1.8}
.table_style01 > table > tbody > tr > th span.star, 
.table_style01 > table > tbody > tr > td span.star { position:relative; display:inline-block; }/* 2024.08.29 */
.table_style01 > table > tbody > tr > th span.star:after, 
.table_style01 > table > tbody > tr > td span.star:after { content:"*"; position:absolute; top:3px; left:-9px; color:red; }/* 2024.08.29 */
.table_style01 > table > thead > tr > th, .table_style01 > table > tbody > tr > th {color:#333; font-size:14px; font-weight:500;}

.table_style01 > table > thead > tr > td, .table_style01 > table > tbody > tr > td {color:#333; font-size:15px;}
.table_style01 > table > thead > tr > td.a_left, .table_style01 > table > tbody > tr > td.a_left,
.table_style01 > table > thead > tr > th.a_left, .table_style01 > table > tbody > tr > th.a_left {text-align:left; padding-left:12px;}
.table_style01 > table > thead > tr > td.a_right, .table_style01 > table > tbody > tr > td.a_right {text-align:right; padding-left:12px;}

.table_style01 > table td.a_left.faq a { position:relative; display:block; }
.table_style01 > table td.a_left.faq a.on { color:#0082ff; text-decoration:underline; }
.table_style01 > table td.a_left.faq a:before { position:absolute; content:''; right:10px; top:50%; margin-top:-10px; width:12px; height:20px; background:url(http://design.caedu.co.kr/kweb/bbs/img/tgList_arr.png) no-repeat 50%; transition:transform ease-in-out 0.25s; -webkit-transition:transform ease-in-out 0.25s; }
.table_style01 > table td.a_left.faq a.on:before { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); background-image:url(http://design.caedu.co.kr/kweb/bbs/img/tgList_arr_on.png); }

.table_style01 > table > thead > tr > td.a_top, .table_style01 > table > tbody > tr > td.a_top {vertical-align:top;}

.table_style01 > table .none_data {height:300px; font-size:15px; color:#999; background:#fff;}

.table_style01.txt_md > table {font-size:13px; line-height:24px;}
.table_style01.txt_md > table > thead > tr > th, .table_style01.txt_md > table > thead > tr > td,
.table_style01.txt_md > table > tbody > tr > th, .table_style01.txt_md > table > tbody > tr > td {padding:6px 8px 8px 8px;}

.table_style01.v2 > table > thead > tr > th, .table_style01.v2 > table > thead > tr > td,
.table_style01.v2 > table > tbody > tr > th, .table_style01.v2 > table > tbody > tr > td {padding:15px 10px 13px 10px;}

.table_style01.v3 > table > thead > tr > th, .table_style01.v3 > table > thead > tr > td,
.table_style01.v3 > table > tbody > tr > th, .table_style01.v3 > table > tbody > tr > td {padding:19px 10px 18px 10px; font-size:18px;}


 /* req_tit */

.table_style01 .req_tit span {position:relative;}
.table_style01 .req_tit span:after {content: ''; clear:both; position:absolute; top:4px; right:-8px; width:4px; height:4px; border-radius:50px; background:#ff5000;}

/* list iCon */

.table_style01 > table i > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.table_style01 > table .iCon_down {position:relative; display:inline-block; padding:0 22px 0 0; font-size:13px;}
.table_style01 > table .iCon_down:after {content:""; clear:both; position:absolute; right:0; top:4px; display:block; width:18px; height:18px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.table_style01 > table .a_center .iCon_down:after {top:0px;}

.table_style01 > table .iCon_down:after {background:url(../images/board/com_board_iCon01.png) no-repeat;}
.table_style01 > table .iCon_down:hover:after {background:url(../images/board/com_board_iCon01_02.png) no-repeat;}

.table_style01 > table .iCon_down.iCon_left {padding:0 0 0 20px;}
.table_style01 > table .iCon_down.iCon_left:after {left:0;}

.table_style01 > table .iCon_down.iCon_nonetxt { display:inline-block; margin-top:3px;  width:18px; height:18px; padding:0; overflow:hidden; text-indent:-99px; }
.table_style01 > table .iCon_down.iCon_nonetxt:after {top:0;}

.table_style01 > table .iCon_new {display:inline-block; width:13px; height:13px; border-radius:2px; vertical-align:middle; margin:0 0 1px 4px;}
.table_style01 > table .iCon_new {background:#4664e6 url(../images/inc/com_new_iCon01.png) no-repeat;}

.table_style01 > table .iCon_hot {display:inline-block; width:13px; height:13px; border-radius:2px; vertical-align:middle; margin:0 0 1px 4px;}
.table_style01 > table .iCon_hot {background:#ff8a00 url(../images/inc/com_hot_iCon01.png) no-repeat; animation:blink_hot 0.6s ease 0.6s infinite alternate;}

.table_style01 > table i.board_arrow {display:inline-block; width:11px; height:11px; margin:0 4px 0 0;}
.table_style01 > table i.board_arrow.prev {background:url(../images/inc/com_arrow_iCon01_04.png) no-repeat;}
.table_style01 > table i.board_arrow.next {background:url(../images/inc/com_arrow_iCon01_03.png) no-repeat;}

.table_style01 .btn_style01 {min-width:80px;}
@keyframes blink_hot {
    0% {background-color:#ff8a00; color:#fff;}
    50% {background-color:#ff8a00; color:#fff;}
    51% {background-color:#eb5f01; color:#fff200;}
    100% {background-color:#eb5f01; color:#fff200;}
}

/* list_tag */

.tag {display:inline-block; background:#ffc864; border:1px solid #ffc864; color:#333; padding:0 5px 2px 4px; text-align:center; line-height:initial; border-radius:2px; font-size:13px; font-weight:400; letter-spacing:-0.5px; box-sizing:border-box;}
.tag.gray_bg {background:#aaa; border:1px solid #aaa; color:#fff;}
.tag.blue_bg {background: #0082ff; color: #fff; border: 1px solid #0082ff;}

.table_style01 > table .list_tag {display:inline-block; background:#ffc864; border:1px solid #ffc864; color:#333; padding:0 5px 2px 4px; text-align:center;
								  line-height:initial; border-radius:2px; font-size:13px; font-weight:400; letter-spacing:-0.5px; box-sizing:border-box;}

.table_style01 > table .list_tag.tag_noti.gray_bg {background:#aaa; border:1px solid #aaa; color:#fff;}
.table_style01 > table .list_tag.tag_noti.blue_bg {background: #0082ff; color: #fff; border: 1px solid #0082ff; }
.table_style01 > table .list_tag.tag_noti {background:#fff; border:1px solid #bbb; color:#555; width:60px;}

.table_style01 > table .list_tag.tag_manager { background:#fff; border:1px solid #bbb; color:#555; width:auto; }

/* NOTICE DETAIL */

.table_style01 > table .board_info {background:#fff;}
.table_style01 > table .board_info .info_tit {color:#333; display:inline-block; margin-right:4px; font-weight:500;}
.table_style01 > table .board_info .divider {display:inline-block; width:1px; height:12px; background:#ccc; vertical-align:middle; margin:0 10px 0 10px;}

.table_style01 > table .board_contents {padding:30px 30px 30px 30px; text-align:left; vertical-align:top;}
.table_style01 > table .board_contents > p {margin:0 0 20px 0;}

/* CLASS APPLY */

.table_style01 > table .apply_price {text-align:right; letter-spacing:0;}

/* no line */
.table_style01.no_line > table{border-left:0;}
.table_style01.no_line > table > thead > tr > th,
.table_style01.no_line > table > thead > tr > td,
.table_style01.no_line > table > tbody > tr > th,
.table_style01.no_line > table > tbody > tr > td{border-right:0;border-left:1px solid #ddd;}
.table_style01.no_line > table > thead > tr > th:first-child,
.table_style01.no_line > table > thead > tr > td:first-child,
.table_style01.no_line > table > tbody > tr > th:first-child,
.table_style01.no_line > table > tbody > tr > td:first-child,
.table_style01.no_line > table > thead > tr > th.line_no,
.table_style01.no_line > table > thead > tr > td.line_no,
.table_style01.no_line > table > tbody > tr > th.line_no,
.table_style01.no_line > table > tbody > tr > td.line_no{border-left:0;}

.table_style01.no_line > table > thead > tr > th.line,
.table_style01.no_line > table > thead > tr > td.line,
.table_style01.no_line > table > tbody > tr > th.line,
.table_style01.no_line > table > tbody > tr > td.line{border-left:1px solid #ddd;}
/* ===== PAGINATION STYLE ===== */

.pagination {width:100%; text-align:center;}
.pagination .pagin_text {font-size:14px; margin:0 8px 0 8px; vertical-align:middle; color:#555;}

.pagination a,
.pagination button {display:inline-block; vertical-align:top; margin-right:2px; padding:3px 0 0 0; box-sizing:border-box; width:28px; height:28px;
                    border:1px solid #ddd; background:#fff; font-size:14px; color:#555; font-weight:500;
			        transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.pagination a:hover,
.pagination button:hover {color:#111923; background:#fff; border:1px solid #111923;}
.pagination a.active,
.pagination button.active {color:#fff; background:#111923; border:1px solid #111923;}

.pagination .arrow {background-position:center center !important;}
.pagination .arrow > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.pagination .arrow.arrow_left {background:#fff url(../images/console/inc/com_pagin_icon01_01.png) no-repeat;}
.pagination .arrow.arrow_left_db {background:#fff url(../images/console/inc/com_pagin_icon01_02.png) no-repeat;}
.pagination .arrow.arrow_right {background:#fff url(../images/console/inc/com_pagin_icon02_01.png) no-repeat;}
.pagination .arrow.arrow_right_db {background:#fff url(../images/console/inc/com_pagin_icon02_02.png) no-repeat;}


/* ===== BOARD SEARCH FORM ===== */

.board_search_form {width:100%; padding:13px 13px 10px 15px; box-sizing:border-box; background:#fafafa; border:1px solid #ccc; margin-bottom:30px;}
.board_search_form.mgb20 {margin-bottom:20px;}
.board_search_form.mgb25 {margin-bottom:25px;}
.board_search_form > ul {display:inline-block; width:100%; box-sizing:border-box;}
.board_search_form > ul > li {position:relative; float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; font-size:14px; height:35px; line-height:35px;}

/* board_count */
.board_search_form > ul > li.board_count {width:30%; color:#555;}
.board_search_form > ul > li.board_count select {height:35px; width:150px;}

.board_search_form > ul > li.board_count .count_all {color:#333; font-weight:500;}
.board_search_form > ul > li.board_count .count_all .numb_all {letter-spacing:0; color:#4664e6;}

.board_search_form > ul > li.board_count .count_page .numb_page {letter-spacing:0;}

.board_search_form > ul > li.board_count .divider {display:inline-block; width:1px; height:12px; background:#bbb; vertical-align:middle; margin:0 5px 0 5px;}


.board_search_form div.board_count {width:29% !important; color:#555; vertical-align:top; display:inline-block;}
.board_search_form div.board_count select {height:35px; width:150px;}

/* board_search */
.board_search_form > ul > li.board_search {width:70%; text-align:right; }

.board_search_form > ul > li.board_search > dl {display:inline-block;}
.board_search_form > ul > li.board_search > dl > dd {float:left; box-sizing:border-box; margin:0 0 0 8px;}

.board_search_form > ul > li.board_search select {height:35px; width:100px; vertical-align: 1px;}
.board_search_form > ul > li.board_search input[type="text"] {height:35px;}

.board_search_form > ul > li.board_search .btn_style01 {height:35px; line-height:32px;}



.board_search_form div.board_search {width:100% !important; text-align:right;}
.board_search_form div.board_search.wid70 {width:70% !important;display: inline-block;}
.board_search_form div.board_search > dl {display:inline-block;}
.board_search_form div.board_search > dl > dd {float:left; box-sizing:border-box; margin:0 0 0 8px;}

.board_search_form div.board_search select {height:35px; width:100px; vertical-align: 1px;}
.board_search_form div.board_search input[type="text"] {height:35px;}

.board_search_form div.board_search .btn_style01 {height:35px; line-height:32px;}



/* board_faq_keyword */

.board_faq_keyword {width:100%; letter-spacing:-0.5px; margin-bottom:20px; text-align:center;}
.board_faq_keyword > a {display:inline-block; font-weight:400; font-size:14px; border:1px solid #aaa; background:#fff; color:#555; padding:5px 15px 8px 15px;
						transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; margin:0 3px 0 3px; border-radius:30px;}
.board_faq_keyword > a:hover {border:1px solid #4664e6; background:#4664e6; color:#fff;}

/* ===== BOARD EDIT BUTTON ===== */

.board_edit_btn {position:relative; width:100%; padding:15px 15px 12px 15px; box-sizing:border-box; background:#fafafa; border:1px solid #ddd; margin-top:30px;}
.board_edit_btn > ul {display:inline-block; width:100%;}
.board_edit_btn > ul > li {position:relative; float:left; width:50%; box-sizing:border-box;}

.board_edit_btn > ul > li.btn_left {text-align:left;}
.board_edit_btn > ul > li.btn_left .btn_style01 {margin-right:4px;}

.board_edit_btn > ul > li.btn_right {text-align:right;}
.board_edit_btn > ul > li.btn_right .btn_style01 {margin-left:4px;}


.board_edit_btn .btn_left {text-align:left;}
.board_edit_btn .btn_left.wid50 {width:49%; display: inline-block;}
.board_edit_btn .btn_left a.btn_style01 {margin-right:4px;}
.board_edit_btn .btn_right {text-align:right;}
.board_edit_btn .btn_right.wid50 {width:49%; display: inline-block;}
.board_edit_btn .btn_right a.btn_style01 {margin-left:4px;}



/* board_edit_box */

.board_edit_btn .board_edit_box {display:none; position:absolute; left:-1px; bottom:70px; z-index:12; background:#fff; border:1px solid #ccc;
								 box-sizing:border-box; padding:20px 20px 20px 20px; width:320px; letter-spacing:-0.5px; font-weight:400;
								 -webkit-box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15); box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15);}

.board_edit_btn .board_edit_box .edit_box_tit {width:100%; position:relative;}
.board_edit_btn .board_edit_box .edit_box_tit > h4 {font-size:15px; font-weight:500; border-bottom:1px solid #ccc; color:#333; padding:0 0 12px 0; margin:0 0 12px 0;}

.board_edit_btn .board_edit_box .edit_box_tit .btn_close {position:absolute; top:5px; right:2px; display:inline-block; width:11px; height:11px;}
.board_edit_btn .board_edit_box .edit_box_tit .btn_close {background:url(../images/inc/com_btn_close01.png) no-repeat center top;}
.board_edit_btn .board_edit_box .edit_box_tit .btn_close > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

/* edit_input */

.board_edit_btn .board_edit_box .edit_input {width:100%; background:#fafafa; border:1px solid #ddd; box-sizing:border-box; padding:8px 8px 8px 8px;}
.board_edit_btn .board_edit_box .edit_input > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.board_edit_btn .board_edit_box .edit_input > dl > dt {padding-top:7px;}
.board_edit_btn .board_edit_box .edit_input > dl > dd {float:left; width:30%; box-sizing:border-box; font-size:13px; margin-left:5px;}
.board_edit_btn .board_edit_box .edit_input > dl > dd:first-child {padding:0 0 0 4px;}
.board_edit_btn .board_edit_box .edit_input > dl > dd:last-child {width:65%;}

.board_edit_btn .board_edit_box .edit_input > dl > dd label {width:100%; height:35px; line-height:35px; color:#333;}
.board_edit_btn .board_edit_box .edit_input > dl > dd select {width:100%; height:35px;}

.board_edit_btn .board_edit_box .edit_info {border:1px solid #eee; border-top:none; box-sizing:border-box; padding:12px 10px 12px 10px; text-align:center;}
.board_edit_btn .board_edit_box .edit_info > p {font-size:12px; color:#555;}

/* edit_btn */

.board_edit_btn .board_edit_box .edit_btn {width:100%; box-sizing:border-box; text-align:center; margin:15px 0 0 0;}
.board_edit_btn .board_edit_box .edit_btn > dl {display:inline-block;}
.board_edit_btn .board_edit_box .edit_btn > dl > dd {float:left; box-sizing:border-box; font-size:13px; margin:0 3px 0 3px;}
.board_edit_btn .board_edit_box .edit_btn > dl > dd .btn_style01 {font-size:12.5px;}

.board_edit_btn .board_edit_box .edit_btn > ul {display:inline-block;}
.board_edit_btn .board_edit_box .edit_btn > ul > li {float:left; box-sizing:border-box; font-size:13px; margin:0 3px 0 3px;}
.board_edit_btn .board_edit_box .edit_btn > ul > li .btn_style01 {font-size:12.5px;}

.board_edit_btn .board_edit_box .edit_box_close {border-top:1px solid #ccc; text-align:center; padding-top:15px; margin:13px 0 0 0;}
.board_edit_btn .board_edit_box .edit_box_close .btn_style01 {font-size:12.5px; width:100%;}


/* ===== BOARD EVENT ===== */

.board_event_list {width:100%;}
.board_event_list > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-15px; margin-right:-15px; letter-spacing:-0.5px;}
.board_event_list > ul > li {position:relative; float:left; width:33%; box-sizing:border-box; font-weight:400; font-size:14px; padding:0 15px; margin-bottom:30px;}

.board_event_list > ul > li:nth-child(3n) {width:34%;}
.board_event_list > ul > li:nth-last-child(1),
.board_event_list > ul > li:nth-last-child(2),
.board_event_list > ul > li:nth-last-child(3) {margin-bottom:0;}

.board_event_list > ul > li > a {display:block; border:1px solid #ccc; background:#fff; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.board_event_list > ul > li > a:hover {-webkit-box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15); box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15);}
.board_event_list > ul > li > a:hover .event_text > h3 {color:#4664e6;}

/* event_img */

.board_event_list > ul > li > a .event_img {position:relative; width:100%; height:160px; overflow:hidden;}
.board_event_list > ul > li > a .event_img > img {display:block; width:100%; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.board_event_list > ul > li > a:hover .event_img > img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}

.board_event_list > ul > li > a .event_img .event_dday {position:absolute; right:20px; bottom:20px; display:inline-block; background:#4664e6; color:#fff; letter-spacing:0;}
.board_event_list > ul > li > a .event_img .event_dday {padding:5px 5px 5px 5px; border-radius:6px 0 6px 0; -webkit-box-shadow:0 5px 6px 0 rgba(0, 0, 0, 0.15); box-shadow:0 5px 6px 0 rgba(0, 0, 0, 0.15); font-size:13px;}
.board_event_list > ul > li > a .event_img .event_dday.end {background:#999;}

/* event_text */

.board_event_list > ul > li > a .event_text {width:100%; padding:20px 20px 20px 20px; box-sizing:border-box;}

.board_event_list > ul > li > a .event_text > h3 {color:#333; font-size:16px; font-weight:500; margin:0 0 10px 0;}
.board_event_list > ul > li > a .event_text > h3 .checkbox01 {transform:translateY(-2px);}

.board_event_list > ul > li > a .event_text > p {color:#555; letter-spacing:0;}

.board_event_list > ul > li > a .event_text > h3,
.board_event_list > ul > li > a .event_text > p {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/* ===== BOARD THUMBNAIL ===== */

.board_thumb_list {width:100%;}
.board_thumb_list > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; letter-spacing:-0.5px;}
.board_thumb_list > ul > li {position:relative; float:left; width:100%; box-sizing:border-box; font-weight:400; font-size:14px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.board_thumb_list > ul > li:hover {background:#fafafa;}

.board_thumb_list > ul > li > a {display:block;}

.board_thumb_list > ul > li > a > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-15px; margin-right:-15px;}

.board_thumb_list > ul > li > a > dl > dt,
.board_thumb_list > ul > li > a > dl > dd {float:left; box-sizing:border-box; padding:0 15px;}

.board_thumb_list > ul > li > a > dl > dt {width:33%;}
.board_thumb_list > ul > li > a > dl > dt .thumb_img {width:100%;}

.board_thumb_list > ul > li > a > dl > dd {width:67%;}
.board_thumb_list > ul > li > a > dl > dd .thumb_text_box {position:relative; padding:15px 0 15px 0;}

.board_thumb_list > ul > li > a > dl > dd .thumb_text_box .thumb_tit {font-size:18px; color:#333; font-weight:500; margin-bottom:15px;}
.board_thumb_list > ul > li > a > dl > dd .thumb_text_box .thumb_text {color:#555; font-size:15px; line-height:26px;}

.board_thumb_list > ul > li > a > dl > dd .thumb_text_box .thumb_url {margin-top:15px; letter-spacing:0; color:#888;}

.board_thumb_list.thumb_library > ul > li:first-child {border-top:1px solid #ccc;}
.board_thumb_list.thumb_library > ul > li {border-bottom:1px solid #ccc; padding:25px 0 25px 0;}


/* CONTENTS CONTAINER */

.cont_container {width:100%;}
.cont_container > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-5px; margin-right:-5px;}
.cont_container > ul > li {position:relative; float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; padding:0 5px;}

.cont_container.col_02 > ul > li {width:50%;}


/* ===== SUB_01 ===== */

.sub0101_apply_step {width:100%;}
.sub0101_apply_step > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.sub0101_apply_step > ul > li {position:relative; float:left; width:100%; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px;}
.sub0101_apply_step > ul > li.arrow {padding:0 0 0 0; height:30px;}
.sub0101_apply_step > ul > li.arrow:after {content:""; clear:both; position:absolute; left:50%; top:0; display:inline-block; width:26px; height:20px; transform:translateX(-13px); background:url(../images/sub/sub01/step_arrow01.png) no-repeat;}

.sub0101_apply_step > ul > li > dl {width:100%; height:100%;}
.sub0101_apply_step > ul > li > dl > dt,
.sub0101_apply_step > ul > li > dl > dd {position:relative; float:left; box-sizing:border-box; padding:15px 15px 15px 15px; font-size:14px; height:100%; line-height:1.8}
.sub0101_apply_step > ul > li > dl > dd a {text-decoration: underline;}
.sub0101_apply_step > ul > li > dl > dt {width:20%; text-align:center; background:#598edc; color:#fff; line-height:24px; /*border:1px solid #4664e6;*/}
.sub0101_apply_step > ul > li > dl > dt > p {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; font-size:15px;}
.sub0101_apply_step > ul > li > dl > dt > p > strong {font-weight:500;}
.sub0101_apply_step > ul > li > dl > dt > p > span {color:rgba(255,255,255,1);}/* 2023.05.26 */
.sub0101_apply_step > ul > li > dl > dt.w40 { width:40% !important; min-height:60px; background:#f4f5f7; color:#333; border:1px solid #ddd; text-align:left; padding-left:30px; }
.sub0101_apply_step > ul > li > dl > dt.w100 { width:100% !important; min-height:60px; background:#f4f5f7; color:#333; border:1px solid #ddd; text-align:left; padding-left:30px; }
.sub0101_apply_step > ul > li > dl > dt.w40 > p,.sub0101_apply_step > ul > li > dl > dt.w100 > p { left:30px; }
.sub0101_apply_step > ul > li > dl > dt.w40 > p > span,.sub0101_apply_step > ul > li > dl > dt.w100 > p > span { font-weight:300; font-size:14px; color:#555 !important; }

.sub0101_apply_step > ul > li > dl > dd {width:80%; border:1px solid #ccc;}
.sub0101_apply_step > ul > li > dl > dd.w60 { width:60% !important; min-height:60px; border:1px solid #ddd; border-left:0 none; }


/* rounding step */
.step_radius {text-align:center;}
.step_radius .step_list {margin-bottom:40px;}
.step_radius .step_list li {position:relative; border-radius:30px; border:1px solid #e3e3e3; margin-left:30px; display:inline-block; width:200px; height:60px; box-sizing:border-box;}
.step_radius .step_list li .txtBox {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:15px; color:#666;}
.step_radius .step_list li .txtBox span {display:block; font-size:12px; color:#a7a7a7;}
.step_radius .step_list li:first-child {margin-left:0;}
.step_radius .step_list li:first-child:before {display:none;}
.step_radius .step_list li:before {content:""; position:absolute; left:-30px; top:12px; display:inline-block; width:30px; height:30px; background:url(../images/cm/arrow_gray.png) no-repeat 0 0;} 
.step_radius .step_list li.on {background:#198cff;  border:1px solid #198cff; color:#fff;}					
.step_radius .step_list li.on .txtBox {color:#fff; text-decoration:underline;}					
.step_radius .step_list li.on .txtBox span {color:#fafafa;}					


.step_radius.ty2 {text-align:center;}
.step_radius.ty2 .step_list {margin-bottom:40px;}
.step_radius.ty2 .step_list li {position:relative; border-radius:80px; border:1px solid #aaa; margin-left:30px; display:inline-block; width:160px; height:160px; box-sizing:border-box;}
.step_radius.ty2 .step_list li .txtBox {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:14px; color:#555; width:120px; letter-spacing: -.08em;}
.step_radius.ty2 .step_list li .txtBox strong {display:block; color:#333; font-size:17px; margin-bottom:10px;} 
.step_radius.ty2 .step_list li .txtBox span {display:inline; color:#0082ff; font-size:14px;}  
.step_radius.ty2 .step_list li:first-child {margin-left:0;}
.step_radius.ty2 .step_list li:first-child:before {display:none;}
.step_radius.ty2 .step_list li:before {content:""; position:absolute; left:-35px; top:60px; display:inline-block; width:35px; height:35px; background:url(../images/cm/arrow_gray02.png) no-repeat 0 0;} 


.step_radius.ty3 {text-align:left;}
.step_radius.ty3 .step_list {margin-bottom:40px;}
.step_radius.ty3 .step_list li {position:relative; border-radius:50px; border:5px solid #e1e3e5; 
margin-left:30px; display:inline-block; width:249px; height:100px; box-sizing:border-box;}
.step_radius.ty3 .step_list li.line2 {border-color:#acafb8}
.step_radius.ty3 .step_list li.line3 {border-color:#5f6677}
.step_radius.ty3 .step_list li.line4 {border-color:#374055}
.step_radius.ty3 .step_list li .imgBox {position:absolute; top:50%; left:30px; transform: translate(0, -50%); width:56px;}
.step_radius.ty3 .step_list li .txtBox {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:14px; color:#374055; width:133px; letter-spacing: -.08em;}
.step_radius.ty3 .step_list li .txtBox strong {display:block; color:#333; font-size:17px; margin-bottom:10px;} 
.step_radius.ty3 .step_list li .txtBox span {display:inline; color:#0082ff; font-size:14px;}  
.step_radius.ty3 .step_list li:first-child {margin-left:0;}
.step_radius.ty3 .step_list li:first-child:before {display:none;}
.step_radius.ty3 .step_list li:before {content:""; position:absolute; left:-38px; top:30px; display:inline-block; width:35px; height:35px; background:url(../images/cm/arrow_gray02.png) no-repeat 0 0;} 

.privateStep1 {width:56px; height:56px; display:inline-block; vertical-align:middle; background:url("../images/cm/icoPrivate01.png") no-repeat 0 0;}
.privateStep2 {width:56px; height:56px; display:inline-block; vertical-align:middle; background:url("../images/cm/icoPrivate02.png") no-repeat 0 0;}
.privateStep3 {width:56px; height:56px; display:inline-block; vertical-align:middle; background:url("../images/cm/icoPrivate03.png") no-repeat 0 0;}

/* ===== SUB_05 ===== */

.sub05_sub01_greeting {width:100%; letter-spacing:-0.5px; margin-bottom:20px;}

.sub05_sub01_greeting .greeting_title {position:relative; width:100%; background:url(../images/sub/sub05/sub05_sub01_bg01.jpg) no-repeat center top; height:220px; margin-bottom:30px;}
.sub05_sub01_greeting .greeting_title > h3 {font-size:28px; font-weight:500; line-height:40px; margin-bottom:30px; color:#111; text-align:center; padding-top:70px; box-sizing:border-box;}

.sub05_sub01_greeting .greeting_title .greeting_img {position:absolute; top:10px; right:0;}

.sub05_sub01_greeting .greeting_text > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.sub05_sub01_greeting .greeting_text > ul > li {float:left; width:50%; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; padding:0 10px;}
.sub05_sub01_greeting .greeting_text > ul > li > p {color:#444; font-size:15px; font-weight:400; line-height:28px;}

.sub05_sub01_greeting .greeting_text .ceo_name {font-size:20px; letter-spacing:0; color:#111; margin-left:5px;}


/* ===== SUB_07 ===== */

.academic_calendar_year {width:100%; text-align:center; margin-bottom:25px;}
.academic_calendar_year > ul {display:inline-block;}
.academic_calendar_year > ul > li {position:relative; float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; font-size:14px;}

.academic_calendar_year > ul > li .c_year {font-size:36px; font-weight:700; color:#333; margin:0 22px 0 22px;}

.academic_calendar_year > ul > li .btn_arrow {position:relative; display:inline-block; vertical-align:middle; background:#fff; color:#555; border:1px solid #bbb;
											  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transform:translateY(13px);}
.academic_calendar_year > ul > li .btn_arrow:hover {background:#f0f0f0;}

.academic_calendar_year > ul > li .btn_arrow.arrow_left {padding:3px 5px 5px 20px;}
.academic_calendar_year > ul > li .btn_arrow.arrow_left:before {content:""; position:absolute; left:5px; top:7px; display:block; width:11px; height:11px;}
.academic_calendar_year > ul > li .btn_arrow.arrow_left:before {background:url(../images/inc/com_arrow_iCon01_01.png) no-repeat center;}

.academic_calendar_year > ul > li .btn_arrow.arrow_right {padding:3px 20px 5px 5px;}
.academic_calendar_year > ul > li .btn_arrow.arrow_right:before {content:""; position:absolute; right:5px; top:7px; display:block; width:11px; height:11px;}
.academic_calendar_year > ul > li .btn_arrow.arrow_right:before {background:url(../images/inc/com_arrow_iCon01_02.png) no-repeat center;}

/* ===== FORM ===== */

.comForm {position:relative; letter-spacing:-0.5px;}

.comForm.a_center input[type="text"],
.comForm.a_center input[type="password"],
.comForm.a_center input[type="email"],
.comForm.a_center input[type="tel"],
.comForm.a_center input[type="number"] {text-align:center !important; padding-left:0;}

.comForm input[type="date"],
.comForm input[type="text"],
.comForm input[type="password"],
.comForm input[type="email"],
.comForm input[type="tel"],
.comForm input[type="number"] {display:inline-block; color:#555; font-size:14px; letter-spacing:-0.5px; height:35px; padding-left:8px;
							   border:1px solid #ccc; box-sizing:border-box; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;vertical-align:top;}

.comForm input[type="text"]:focus,
.comForm input[type="password"]:focus,
.comForm input[type="email"]:focus,
.comForm input[type="tel"]:focus,
.comForm input[type="number"]:focus {border:1px solid #0082ff; height:35px;
/* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 130, 255, .6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 130, 255, .6); */}

.comForm input:disabled,
.comForm input[readonly],
.comForm input[readonly]:focus {background:#fafafa; color:#666; border:1px solid #ccc; box-shadow:none;}

/* select */

.comForm select {color:#555; border:1px solid #ccc; height:35px; border-radius:0; cursor:pointer; padding-left:8px;
				 transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;
				 background:#fff url(../images/console/inc/com_select_iCon01_01.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.comForm select::-ms-expand {display:none;}
.comForm select:hover {color:#0082ff; background:#fff url(../images/console/inc/com_select_iCon01_02.png) no-repeat right center;}
.comForm select:focus {border:1px solid #0082ff;
/* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); */}

.comForm select option,
.comForm select option:hover {color:#555; font-weight:normal; cursor:pointer;}          

.comForm textarea {border:1px solid #ccc; padding:8px 8px 8px 10px; color:#555; margin:0 0 0 0; border-radius:0; box-sizing:border-box;
				   transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.comForm textarea:focus {border:1px solid #0082ff;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}

/* checkbox01 */

.checkbox01 {display:inline-block;}
.checkbox01 label {cursor:pointer; display:inline-block; color:#555;}
.checkbox01 input[type="checkbox"] {width:18px; height:18px; margin:0 5px 0 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none;}
.checkbox01 input[type="checkbox"] {display:inline-block; position:relative; cursor:pointer; vertical-align:middle; border-radius:2px; border:1px solid #999;}
.checkbox01 input[type="checkbox"]::-ms-check {display:none;}

.checkbox01.mg0 input[type="checkbox"] {margin:0 0 0 0;}

.checkbox01 input[type="checkbox"] {background:#fff url(../images/console/inc/com_check_bg01.png) no-repeat center center; }
.checkbox01 input[type="checkbox"]:checked {background:#0082ff url(../images/console/inc/com_check_bg01_on.png) no-repeat center center; border:1px solid #0082ff;}
.checkbox01 input[type="checkbox"]:disabled {cursor:default;background:#ebebeb url(../images/console/inc/com_check_bg01.png) no-repeat center center;outline:0;border:1px solid #dddddd;}
.checkbox01 input[type="checkbox"]:disabled:checked {background:#ebebeb url(../images/console/inc/com_check_bg01_on.png) no-repeat center center;  border:1px solid #dddddd;}

.checkbox01.v2 input[type="checkbox"]{vertical-align:top;margin-top:20px}

.checkbox01 input:focus { outline:2px solid #000; }/* 진단 수정 추가 */
.checkbox01 input:focus:not(:focus-visible) { outline:0; }/* 진단 수정 추가 */


/* radiobox01 */

.radiobox01 {display:inline-block;}
.radiobox01 label {cursor:pointer; color:#555;}
.radiobox01 input[type="radio"] {width:18px; height:18px; margin:0 5px 0 0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.radiobox01 input[type="radio"] {display:inline-block; position:relative; cursor:pointer; vertical-align:middle; border-radius:18px; border:1px solid #ccc;}
.radiobox01 input[type="radio"]::-ms-check {display:none;}

.radiobox01.mg0 input[type="radio"] {margin:0 0 0 0;}

.radiobox01 input[type="radio"] {background:#fff url(../images/console/inc/com_check_bg01.png) no-repeat center center;}
.radiobox01 input[type="radio"]:checked {background:#0082ff url(../images/console/inc/com_check_bg01_on.png) no-repeat center center; border:1px solid #0082ff;}
.radiobox01 input[type="radio"]:disabled {background:#fff url(../images/console/inc/com_check_bg01.png) no-repeat center center;}
.radiobox01 input[type="radio"]:disabled:checked {background:#0082ff url(../images/console/inc/com_check_bg01_on.png) no-repeat center center; border:1px solid #0082ff;}

.radiobox01 input:focus {outline:2px solid #000; }/* 진단 수정 추가 */
.radiobox01 input:focus:not(:focus-visible) { outline:0; }/* 진단 수정 추가 */

/* ico */
.ico_style01{display:inline-block;font-size:11px;height:16px;line-height:15px;padding:0 10px;color:#555;border:1px solid #555;background:#fff;border-radius:10px}
.ico_style01.v2{background:#ebebeb;border-color:#dddddd;color:#aaaaaa;}

.ico_style02{color:#555555;background:#dddddd;display:block;width:66px;height:66px;line-height:66px;text-align:center;font-size:17px;border-radius:52px}
.ico_style02.v2{padding-top:12px;height:54px;line-height:1.2;color:#fff;background:#B50000;}

.ico_style03{display:inline-block;font-size:14px;height:30px;line-height:28px;padding:0 15px;color:#222222;background:#ebebeb;border-radius:30px}
.ico_style04{display:inline-block;font-size:17px;height:32px;line-height:32px;padding:0 15px;background:#c80000;color:#fff;border-radius:26px;}
.ico_style04:hover{color:#fff;}

.ico_style05{position:relative;display:inline-block;border:2px solid #3C28FF;letter-spacing:-1px;font-size:12px;height:19px;line-height:17px;padding:0 10px;background:#fff;color:#3C28FF;border-radius:26px;}
.ico_style05:after{content:"";width:11px;height:7px;position:absolute;left:45%;bottom:-7px;background:url(../images/common/ico_style05.png) no-repeat 0 0; }


/* learning_consult */

.table_style01.learning_consult .comForm.c_name input[type="text"],
.table_style01.learning_consult .comForm.c_degree select,
.table_style01.learning_consult .comForm.c_text textarea {width:calc(100% - 20px);}

.table_style01.learning_consult .comForm.c_text textarea {display:block;}

.table_style01.learning_consult .c_tel > dl {width:calc(100% - 20px);}
.table_style01.learning_consult .c_tel > dl > dd {float:left; width:32%;}
.table_style01.learning_consult .c_tel > dl > dd.divider {width:2%; text-align:center; height:35px; line-height:35px; color:#555;}

.table_style01.learning_consult .c_tel > dl > dd input[type="text"],
.table_style01.learning_consult .c_tel > dl > dd select {width:100%;}

.learning_consult_agree {width:100%; text-align:center; font-size:15px;}
.learning_consult_agree .btn_style01.btn_xxs {line-height:18px; transform:translateY(-2px);}

/* admin_login_otp */

.table_style01.admin_login_otp .comForm {vertical-align:middle;}
.table_style01.admin_login_otp .comForm input[type="text"] {height:35px;}

.table_style01.admin_login_otp .btn_style01.btn_sm {height:35px; line-height:32px; vertical-align:middle;}

.table_style01.admin_login_otp .btn_style01.btn_sm > span {position:relative; padding:0 0 0 20px; letter-spacing:0;}

.table_style01.admin_login_otp .btn_style01.btn_sm > span:before {content:""; position:absolute; left:0; top:0; display:block; width:19px; height:19px;}
.table_style01.admin_login_otp .btn_style01.btn_sm.btn_android > span:before {background:url(../images/main/main_cs_app_iCon01.png) no-repeat left top;}
.table_style01.admin_login_otp .btn_style01.btn_sm.btn_ios > span:before {background:url(../images/main/main_cs_app_iCon02.png) no-repeat left top;}

.table_style01.admin_login_otp .btn_style01.btn_sm.btn_android,
.table_style01.admin_login_otp .btn_style01.btn_sm.btn_ios {width:150px; margin-right:5px;}

/* board_write */

.table_style01.board_write .comForm.input_full input[type="text"],
.table_style01.board_write .comForm.input_full input[type="file"],
.table_style01.board_write .comForm.input_full select,
.table_style01.board_write .comForm.input_full textarea {width:calc(100% - 20px); font-size:13px;}

.table_style01.board_write .comForm.input_full.mg0 input[type="text"],
.table_style01.board_write .comForm.input_full.mg0 input[type="file"],
.table_style01.board_write .comForm.input_full.mg0 select,
.table_style01.board_write .comForm.input_full.mg0 textarea {width:100%;}

.table_style01.board_write .comForm textarea {display:block;}

.table_style01.board_write .btn_style01.btn_xxs {line-height:18px;}
.table_style01.board_write .btn_style01.btn_xxs:hover {text-decoration:none;}

/* board_input_btn_wrap */

.table_style01 .board_input_btn_wrap > dl {width:100%; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}

.table_style01 .board_input_btn_wrap > dl > dt {float:left; width:37%;}
.table_style01 .board_input_btn_wrap > dl > dt input[type="text"],
.table_style01 .board_input_btn_wrap > dl > dt input[type="password"],
.table_style01 .board_input_btn_wrap > dl > dt input[type="email"],
.table_style01 .board_input_btn_wrap > dl > dt input[type="tel"],
.table_style01 .board_input_btn_wrap > dl > dt input[type="number"] {width:calc(100% - 10px); font-size:13px;}

.table_style01 .board_input_btn_wrap > dl > dd {float:left;}
.table_style01 .board_input_btn_wrap > dl > dd .btn_style01.btn_sm {height:35px; line-height:32px;}
.table_style01 label {font-size:14px; line-height:32px; display: inline-block; vertical-align: middle; margin-right:5px;}

/* ===== CLASS APPLY ===== */

.class_apply_container {width:100%; min-height:500px;}
.class_apply_container > ul {width:100%; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box;}
.class_apply_container > ul > li {float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; position:relative;}

.class_apply_container > ul > li.apply_list_wrap {width:75%;}

/* apply_cart_wrap */

.class_apply_container > ul > li.apply_cart_wrap {width:25%;}
.apply_cart_wrap .cart_inner {width:calc(100% - 20px); position:absolute; right:0; top:0; background:#fff; border:1px solid #eee;
							  box-sizing: border-box; -webkit-box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15); box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15);}

.apply_cart_wrap .cart_inner .cart_tit {font-size:16px; color:#333; font-weight:500; border-bottom:1px solid #ccc; text-align:center;
										box-sizing:border-box; padding:20px 20px 20px 20px; margin:0 0 0 0;}
.apply_cart_wrap .cart_inner .cart_list {padding:20px 20px 12px 20px; height:250px; overflow-y:auto;}
.apply_cart_wrap .cart_inner .cart_list > p {font-size:13px; color:#555; position:relative; border-bottom:1px dotted #ccc; padding:0 0 10px 0; margin:0 0 10px 0;
											 text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.apply_cart_wrap .cart_inner .cart_list > p .cart_delete {position:absolute; top:1px; right:2px; display:inline-block; width:11px; height:11px; padding:2px 2px 2px 2px;
														  border:1px solid #aaa; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.apply_cart_wrap .cart_inner .cart_list > p .cart_delete {background:#fff url(../images/inc/com_btn_close01.png) no-repeat center center;}
.apply_cart_wrap .cart_inner .cart_list > p .cart_delete:hover {background:#fafafa url(../images/inc/com_btn_close01.png) no-repeat center center;}
.apply_cart_wrap .cart_inner .cart_list > p .cart_delete > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}


.apply_cart_wrap .cart_inner .cart_footer {border-top:1px solid #ddd; box-sizing:border-box; padding:10px 20px 20px 20px;}
.apply_cart_wrap .cart_inner .cart_footer > dl {width:100%; display:inline-block; font-size:13px; border-bottom:1px solid #eee; padding:10px 0 10px 0;}
.apply_cart_wrap .cart_inner .cart_footer > dl > dt,
.apply_cart_wrap .cart_inner .cart_footer > dl > dd {float:left; width:50%; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; color:#555;}

.apply_cart_wrap .cart_inner .cart_footer > dl > dt {font-weight:500; color:#333;}
.apply_cart_wrap .cart_inner .cart_footer > dl > dd {text-align:right; letter-spacing:0;}

.apply_cart_wrap .cart_inner .cart_footer .btn_style01 {width:100%; font-weight:500; margin-top:15px;}

/* class_apply_period */

.class_apply_period {width:100%; position:relative; letter-spacing:-0.5px; color:#555; font-weight:400; background:#fafafa;
					 border:1px solid #ddd; box-sizing:border-box; padding:16px 20px 15px 20px; text-align:center; font-size:14px;}

.class_apply_period > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box; display:inline-block;}
.class_apply_period > dl > dd {float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; color:#555;}
.class_apply_period > dl > dd strong {font-weight:500; color:#333;}
.class_apply_period > dl > dd .divider {display:inline-block; width:1px; height:12px; background:#ccc; vertical-align:middle; margin:0 10px 0 10px;}

/* ===== MEMBER ===== */

/* memb_box_wrap */

.memb_box_wrap {width:100%; background:#fff; letter-spacing:-0.5px;}

.memb_box_wrap > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.memb_box_wrap > ul > li {float:left; width:50%; box-sizing:border-box; font-weight:400; padding:0 10px;}

.memb_box_wrap.box_col_01 > ul > li {width:100%;}

.memb_box_wrap.box_col_02 > ul > li {width:50%;}

.memb_box_wrap > ul > li .box_inner {background:#f4f5f7; padding:2.5rem 2.5rem; box-sizing:border-box;}
.memb_box_wrap > ul > li .box_inner .memb_box_tit {font-size:25px; font-weight:500; color:#333; text-align:center; margin-bottom:30px;}
.memb_box_wrap > ul > li .box_inner .box_input_wrap .memb_login_text {width:100%; height:50px; line-height:48px; font-size:15px; color:#888; background:#fff;
																	  border:1px solid #eee; box-sizing:border-box; text-align:center;}

.memb_box_wrap > ul > li .box_inner .box_input_wrap {border-bottom:1px solid #ccc; padding:0 0 20px 0; margin:0 0 20px 0;}

.memb_box_wrap > ul > li .box_inner .box_input_wrap .comForm input[type="text"],
.memb_box_wrap > ul > li .box_inner .box_input_wrap .comForm input[type="password"] {width:100%; height:50px; font-size:15px; padding-left:10px;}
.memb_box_wrap > ul > li .box_inner .box_input_wrap .checkbox01 label {transform:translateY(1px);}

.memb_box_wrap > ul > li .box_inner .btn_style01.btn_login {display:block; width:100%; height:50px; line-height:35px;}

/* memb_footer_btn */

.memb_box_wrap > ul > li .box_inner .memb_footer_btn > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.memb_box_wrap > ul > li .box_inner .memb_footer_btn > dl > dd {float:left; width:50%; box-sizing:border-box; font-weight:400; font-size:15px; padding:0 10px;}
.memb_box_wrap > ul > li .box_inner .memb_footer_btn > dl > dd > a:hover {text-decoration:none;}

.memb_box_wrap > ul > li .box_inner .memb_footer_btn > dl > dd .divider {display:inline-block; width:1px; height:12px; background:#ccc; vertical-align:middle; margin:0 8px 0 8px;}

.memb_box_wrap > ul > li .box_inner .memb_footer_btn.btn_col_03 > dl > dd {width:33%;}
.memb_box_wrap > ul > li .box_inner .memb_footer_btn.btn_col_03 > dl > dd:nth-child(2) {width:34%;}

.memb_box_wrap > ul > li .box_inner .memb_footer_btn.login_normal > dl > dd {width:30%;}
.memb_box_wrap > ul > li .box_inner .memb_footer_btn.login_normal > dl > dd:last-child {width:70%;}

/* memb_self_confirm */

.memb_box_wrap > ul > li .box_inner .memb_self_confirm.b_top_30 {border-top:1px solid #ccc; padding:30px 0 0 0;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd {float:left; box-sizing:border-box; font-weight:400; font-size:15px; padding:0 10px;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm.col_01 > dl > dd {width:100%;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm.col_02 > dl > dd {width:50%;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm.col_03 > dl > dd {width:33%;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm.col_03 > dl > dd:nth-child(2) {width:34%;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm.col_05 > dl > dd {width:20%;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a {display:block; background:#fff; border:1px solid #ccc; height:320px; padding:195px 0 0 0; box-sizing:border-box; text-align:center; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a:hover {-webkit-box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15); box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15);}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a > h3 {color:#333; font-size:18px; font-weight:500; margin:0 0 12px 0;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a > p {font-size:14.5px; color:#555; line-height:22px;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_01 {background:#fff url(../images/member/memb_confirm_iCon01.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_02 {background:#fff url(../images/member/memb_confirm_iCon02.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_03 {background:#fff url(../images/member/memb_confirm_iCon03.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_04 {background:#fff url(../images/member/memb_confirm_iCon04.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_05 {background:#fff url(../images/member/memb_confirm_iCon05.png) center 42px no-repeat;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_01.disabled {background:#fff url(../images/member/memb_confirm_iCon01_01.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_02.disabled {background:#fff url(../images/member/memb_confirm_iCon02_01.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_03.disabled {background:#fff url(../images/member/memb_confirm_iCon03_01.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_04.disabled {background:#fff url(../images/member/memb_confirm_iCon04_01.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_05.disabled {background:#fff url(../images/member/memb_confirm_iCon05_01.png) center 42px no-repeat;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.disabled > h3,
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.disabled > p {color:#888;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.disabled:hover {box-shadow:none;}

/* all_terms_check */

.memb_box_wrap > ul > li .box_inner .all_terms_check {text-align:center; border-top:1px solid #ddd; padding:30px 0 0 0; margin:30px 0 0 0; font-size:16px;}
.memb_box_wrap > ul > li .box_inner .all_terms_check label {font-weight:500; color:#333; transform:translateY(2px);}

/* memb_terms_tit */

.memb_box_wrap > ul > li .box_inner .memb_terms_tit {font-size:16px; font-weight:400; color:#333; margin:0 0 15px 0; position:relative;}
.memb_box_wrap > ul > li .box_inner .memb_terms_tit .btn_style01.btn_xxs {position:absolute; top:-1px; right:0; line-height:18px;}

.memb_box_wrap > ul > li .box_inner .memb_terms_tit .terms_tit {position:relative; padding:0 0 0 12px; font-weight:500;}
.memb_box_wrap > ul > li .box_inner .memb_terms_tit .terms_tit:after {content:""; display:inline-block; width:4px; height:17px; position:absolute; left:0px; top:5px; background:#4664e6;}
.memb_box_wrap > ul > li .box_inner .memb_terms_tit .terms_tit.bull_gray:after {background:#aaa;}

/* memb_terms_box */

.memb_box_wrap > ul > li .box_inner .memb_terms_box {width:100%; height:160px; overflow-y:scroll; background:#fff; border:1px solid #ccc; padding:15px 15px 15px 15px; box-sizing:border-box;}
.memb_box_wrap > ul > li .box_inner .memb_terms_box .mid_title_01 > h4 {font-size:15px;}
.memb_box_wrap > ul > li .box_inner .memb_terms_box .mid_title_01 > h4:after {width:4px; height:15px; position:absolute; left:-1px; top:4px;}

.memb_box_wrap > ul > li .box_inner .memb_terms_box .table_style01 > table {font-size:13px; line-height:21px;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd .checkbox01 {display:block; margin-top:15px; font-size:14.5px;}

/* memb_info_input */

.memb_box_wrap > ul > li .box_inner .memb_info_input.b_top_30 {border-top:1px solid #ccc; padding:30px 0 0 0;}

.memb_box_wrap > ul > li .box_inner .memb_info_input > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.memb_box_wrap > ul > li .box_inner .memb_info_input > dl > dt,
.memb_box_wrap > ul > li .box_inner .memb_info_input > dl > dd {float:left; box-sizing:border-box; font-weight:400; font-size:15px; padding:0 10px; margin-bottom:20px;}

.memb_box_wrap > ul > li .box_inner .memb_info_input > dl:last-child > dt,
.memb_box_wrap > ul > li .box_inner .memb_info_input > dl:last-child > dd {/*background:#fff200;*/ margin-bottom:0;}

.memb_box_wrap > ul > li .box_inner .memb_info_input > dl > dt {width:15%;}
.memb_box_wrap > ul > li .box_inner .memb_info_input > dl > dd {width:85%; position:relative;}

.memb_box_wrap > ul > li .box_inner .memb_info_input.mypage > dl > dt {width:20%;}
.memb_box_wrap > ul > li .box_inner .memb_info_input.mypage > dl > dd {width:80%;}

.memb_box_wrap > ul > li .box_inner .memb_info_input input[type="text"],
.memb_box_wrap > ul > li .box_inner .memb_info_input select {height:40px;}

.memb_box_wrap > ul > li .box_inner .memb_info_input .checkbox01,
.memb_box_wrap > ul > li .box_inner .memb_info_input .radiobox01 {line-height:40px;}

.memb_box_wrap > ul > li .box_inner .memb_info_input .checkbox01 label,
.memb_box_wrap > ul > li .box_inner .memb_info_input .radiobox01 label {vertical-align:middle;}

/* label_title */

.memb_box_wrap > ul > li .box_inner .memb_info_input .label_title {width:100%; height:40px; line-height:40px; color:#333; font-size:15px; font-weight:500;}
.memb_box_wrap > ul > li .box_inner .memb_info_input .label_title.req span {position:relative;}
.memb_box_wrap > ul > li .box_inner .memb_info_input .label_title.req span:after {content: ''; clear:both; position:absolute; top:4px; right:-8px; width:4px; height:4px; border-radius:50px; background:#4664e6;}

.memb_box_wrap > ul > li .box_inner .memb_info_input .input_full {width:100%;}
.memb_box_wrap > ul > li .box_inner .memb_info_input .input_50p {width:50%;}

/* input_tel_03 */

.memb_box_wrap > ul > li .box_inner .memb_info_input .input_tel_03 {width:100%;}

.memb_box_wrap > ul > li .box_inner .memb_info_input .input_tel_03 > dl {display:inline-block; width:100%; margin-bottom:-2px;}
.memb_box_wrap > ul > li .box_inner .memb_info_input .input_tel_03 > dl > dd {float:left; width:32%;}
.memb_box_wrap > ul > li .box_inner .memb_info_input .input_tel_03 > dl > dd.divider {width:2%; text-align:center; height:40px; line-height:40px; color:#555;}
.memb_box_wrap > ul > li .box_inner .memb_info_input .input_tel_03 > dl > dd.divider.email {font-size:12px;}

.memb_box_wrap > ul > li .box_inner .memb_info_input .input_tel_03 > dl > dd input[type="text"],
.memb_box_wrap > ul > li .box_inner .memb_info_input .input_tel_03 > dl > dd select {width:100%; height:40px; line-height:40px;}

/* input_msg */

.memb_box_wrap > ul > li .box_inner .memb_info_input .input_msg {font-size:13.5px; color:#4664e6; margin-top:8px;}
.memb_box_wrap > ul > li .box_inner .memb_info_input .input_pw_msg {position:absolute; top:7px; right:17px; font-size:13px; display:block; background:rgba(0,0,0,0.8); color:#fff; padding:3px 5px 3px 5px; box-sizing: border-box; border-radius:2px;}

.memb_box_wrap > ul > li .box_inner .memb_info_input .input_pw_msg.low {background:rgba(204,0,0,0.95);}
.memb_box_wrap > ul > li .box_inner .memb_info_input .input_pw_msg.mid {background:rgba(0,0,0,0.95);}
.memb_box_wrap > ul > li .box_inner .memb_info_input .input_pw_msg.high {background:rgba(70,100,230,0.95);}

/* memb_join_ok */

.memb_box_wrap > ul > li .box_inner .memb_join_ok {border-top:1px solid #ccc; padding:30px 0 0 0;}

.memb_box_wrap > ul > li .box_inner .memb_join_ok .join_ok_tit {padding:170px 0 0 0; background:url(../images/member/memb_join_ok_iCon01.png) no-repeat center top;}
.memb_box_wrap > ul > li .box_inner .memb_join_ok .join_ok_tit > h2 {text-align:center; font-size:22px; font-weight:500; color:#111;}

.memb_box_wrap > ul > li .box_inner .memb_join_ok .join_ok_id {text-align:center; margin:25px 0 20px 0;}
.memb_box_wrap > ul > li .box_inner .memb_join_ok .join_ok_id > span {display:inline-block; background:#fff; border:1px solid #eee; width:50%; padding:0.8em 0.8em 0.8em 0.8em;}

.memb_box_wrap > ul > li .box_inner .memb_join_ok .join_ok_id.search_id > span {position:relative; text-align:left; width:45%;}
.memb_box_wrap > ul > li .box_inner .memb_join_ok .join_ok_id.search_id > span .memb_grade {display:inline-block; font-size:13px; background:#4664e6; color:#fff; font-weight:500; width:60px; text-align:center; padding:2px 0 2px 0; border-radius:3px;}
.memb_box_wrap > ul > li .box_inner .memb_join_ok .join_ok_id.search_id > span .join_date {position:absolute; right:0.8em; top:1em; color:#888; letter-spacing:0; font-size:13.5px;}

.memb_box_wrap > ul > li .box_inner .memb_join_ok .join_ok_text {text-align:center; color:#555; font-size:16.5px; line-height:28px;}

#zipcodeclose {position:absolute; left:0; bottom:0; z-index:1; width:100%;}
#zipcodeclose .zipcode_btn01 {display:block; width:100%; background:#333; color:#fff; height:55px; line-height:55px; text-align:center;
							  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
#zipcodeclose .zipcode_btn01:hover {background:#111; color:#fff;}


/* ===== CLASS ROOM ===== */

/* classroom_info_box */

.classroom_info_box {width:100%; box-sizing:border-box; margin-bottom:30px;}
.classroom_info_box > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box; padding:25px 25px 25px 25px; background:#fafafa; border:1px solid #ccc;}
.classroom_info_box > ul > li {float:left; font-size:15px; letter-spacing:-0.5px; color:#333;}

.classroom_info_box > ul > li.user_profile {font-size:18px; width:30%;}
.classroom_info_box > ul > li.user_profile .user_name {color:#4664e6; font-weight:500;}
.classroom_info_box > ul > li.user_profile .user_name:hover {text-decoration:underline;}
.classroom_info_box > ul > li.user_profile .user_id {font-weight:400; font-size:14px; letter-spacing:0;}

.classroom_info_box > ul > li.user_profile .edit_info {width:16px; height:16px; display:inline-block; vertical-align:middle; transform:translateY(-1px); margin:0 0 0 3px;}
.classroom_info_box > ul > li.user_profile .edit_info {background:url(../images/inc/com_edit_iCon01.png) no-repeat center;}
.classroom_info_box > ul > li.user_profile .edit_info > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.classroom_info_box > ul > li.user_info {font-size:15px; width:70%; text-align:right;}
.classroom_info_box > ul > li.user_info .divider {display:inline-block; width:1px; height:12px; background:#aaa; vertical-align:middle; margin:0 10px 0 10px;}

.classroom_info_box > ul > li.user_info .info_iCon > a {display:inline-block; color:#4664e6; font-weight:500; margin:0 0 0 5px; letter-spacing:0; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.classroom_info_box > ul > li.user_info .info_iCon > a:hover {text-decoration:underline;}

.classroom_info_box > ul > li.user_info .info_iCon {display:inline-block; position:relative; padding:0 0 0 25px;}

.classroom_info_box > ul > li.user_info .info_iCon:after {content:""; display:inline-block; width:20px; height:19px; position:absolute; left:0; top:1px;}
.classroom_info_box > ul > li.user_info .info_iCon.iCon_01:after {background:url(../images/inc/com_class_iCon01.png) no-repeat center top;}
.classroom_info_box > ul > li.user_info .info_iCon.iCon_02:after {background:url(../images/inc/com_class_iCon02.png) no-repeat center top;}
.classroom_info_box > ul > li.user_info .info_iCon.iCon_03:after {background:url(../images/inc/com_class_iCon03.png) no-repeat center top;}
.classroom_info_box > ul > li.user_info .info_iCon.iCon_04:after {background:url(../images/inc/com_class_iCon04.png) no-repeat center top;}

/* my_progress_bar */

.my_progress_bar {color:#333; font-weight:bold; letter-spacing:0; font-size:13px;}
.my_progress_bar .p_bar {display:inline-block; width:calc(100% - 50px); height:10px; background:#ddd; position:relative; vertical-align:middle; margin-right:8px;}
.my_progress_bar .p_bar .fill {position:absolute; left:0; top:0; height:10px; color:#fff; font-size:11px; letter-spacing:-0.5px; text-align:center;}

.my_progress_bar .p_bar .fill {background:#4664e6; -webkit-background-size:20px 20px; background-size:20px 20px;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent);}
.my_progress_bar .p_bar .fill.redc {background:#cc0000; -webkit-background-size:20px 20px; background-size:20px 20px;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent);
	background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent);
	background-image:         linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent);}
.my_progress_bar .p_bar .fill.orange {background:#ff8500; -webkit-background-size:20px 20px; background-size:20px 20px;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent);
	background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent);
	background-image:         linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent);}


/* weekly_tag */

.my_classroom .weekly_tag {font-size:12px;}
.my_classroom .weekly_tag > a {position:relative; display:inline-block; border-radius:2px; background:#fff; color:#555; border:1px solid #bbb; margin-right:3px; font-weight:400;}
.my_classroom .weekly_tag > a {line-height:initial; box-sizing:border-box; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.my_classroom .weekly_tag > a:hover {text-decoration:none;}

.my_classroom .weekly_tag > a > span {display:inline-block;}
.my_classroom .weekly_tag > a .tag_text {padding:1px 3px 3px 5px;}
.my_classroom .weekly_tag > a .tag_uncom,
.my_classroom .weekly_tag > a .tag_com {border-left:1px solid #ddd; padding:1px 6px 3px 6px;}

.my_classroom .weekly_tag > a .weekly_tag_date {position:absolute; left:0; top:-26px; width:100%; text-align:center; letter-spacing:0.2px; font-weight:400;}
.my_classroom .weekly_tag > a .weekly_tag_date .tag_inner {position:relative; background:rgba(0,0,0,0.8); color:#fff; display:inline-block; line-height:12px; height:19px; box-sizing:border-box; padding:3px 4px 1px 4px; border-radius:2px; opacity:0; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
.my_classroom .weekly_tag > a .weekly_tag_date .tag_inner::before {content:""; position:absolute; left:50%; bottom:-6px; transform: translateX(-4px); width:8px; height:6px; display:inline-block; background:url(../images/inc/com_arrow_iCon03.png) no-repeat center bottom;}
.my_classroom .weekly_tag > a:hover .weekly_tag_date .tag_inner {opacity:1;}

/* weekly_tag */

.my_classroom .my_prof_info .prof_info_icon {display:inline-block; background:#bbb; color:#fff; vertical-align:middle; line-height:13px; font-size:10px;
							 border-radius:14px; width:14px; height:14px; box-sizing:border-box; transform:translateY(-1px); text-align:center; letter-spacing:0;
							 transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.my_classroom .my_prof_info:hover .prof_info_icon {background:#4664e6;}

/*상담신청*/
#form_3_wrap {width:100%;background-color:#3f5057;}

#form_3{background-color:#484848;overflow:hidden; padding:40px 0 0;height:360px !important;}
#form_3 h3 img {margin-bottom:30px;}

#form_3 .list_wrap {width:800px; margin:0 auto;background-color:#fff; overflow:hidden; padding:20px; box-sizing:border-box;}
#form_3 .list_wrap .btn {float:right; margin-top:10px;}
#form_3 .list_wrap .btn a {display:block; width:140px; height:100px; background:#333333; line-height:100px; font-size:20px; color:#FFF;}
#form_3 .list_wrap .btn a:hover {color:#fff200;}

#form_3 #sns {float:left; width:610px;}
#form_3 #sns li {display:block; height:50px;line-height:50px; text-align:left;}
#form_3 #sns li label {font-size:15px; padding:0 10px; line-height:28px; font-weight:bold; display:inline-block; width:73px;}
#form_3 #sns li input {height:28px; border:1px solid #cfcdd7; vertical-align:middle; font-size:15px;}

#form_3 #sns .input_text {width:140px;}
#form_3 #sns select {height:32px; border:1px solid #cfcdd7; vertical-align:middle; font-size:15px;}
#form_3 #sns #course {width:250px;}
#form_3 #sns #phone1 {width:90px;}

#form_3 #sns .phone_number{width:100px;}

#form_3 #sns .last {padding-left:10px;}
#form_3 #sns .last label {font-size:13px; padding:0; line-height:32px; width:180px;}
#form_3 #sns .last #infochkbox {width:15px; height:15px; border:none;padding:0px;text-align:left;}

/* 수강신청 */
.table_style01 > table > tbody > tr.disabled .ico_style01{background:#ebebeb;border-color:#dddddd;color:#aaaaaa;}
.table_style01 > table > tbody > tr.disabled th {color:#999999 !important;}
.table_style01 > table > tbody > tr.disabled td .checkbox01 label,
.table_style01 > table > tbody > tr.disabled td .font_s18{color:#999999 !important;}

.lecture_tab{margin-bottom:15px}
.lecture_tab:after{content:"";display:block;clear:both;}
.lecture_tab li{float:left;width:25%;}
.lecture_tab li a{margin-left:5px;position:relative;display:block;height:80px;line-height:80px;color:#555555;font-size:20px;border:1px solid #555555;background:#fafafa;text-align:center;border-radius:10px;}
.lecture_tab li:first-child a{margin-left:0}
.lecture_tab li.on a{background:#0082ff;border-color:#0082ff;color:#fff;}
.lecture_tab li.on a:after{display:block;position:absolute;left:50%;margin-left:-10px;bottom:-12px;content:"";width:21px;height:12px;background:url(http://design.caedu.co.kr/kweb/images/common/lecture_tab_on.png) no-repeat 0 0}

.total_box{border:2px solid #333;width:346px;padding:25px 0}
.total_box .total_top .total_tit{margin:0 19px 10px;font-size:18px;color:#0082ff;}
.total_box .total_top .total_tit .nm{font-size:28px;letter-spacing:-1px;}
.total_box .total_top .total_txt{background:#f5f5f5;color:#e63232;font-size:13px;padding:12px 15px 10px;}

.total_box .total_con .total_tit{line-height:22px;color:#888888;font-size:12px;padding:12px 15px 10px;border-bottom:1px solid #dddddd;}
.total_box .total_con .total_tit img{vertical-align:bottom}
.total_box .total_con .total_table{margin:5px 19px 10px;}
.total_box .total_con .total_table table{width:100%;}
.total_box .total_con .total_table th{letter-spacing:-1px;vertical-align:middle;border-bottom:1px solid #dddddd;padding:10px 10px 12px 0;color:#333333;font-size:13px;} /* 2022-05-26 박민재 : 심사 전 수정요청으로 임의 처리 */
.total_box .total_con .total_table td{letter-spacing:-1px;vertical-align:middle;border-bottom:1px solid #dddddd;padding:10px 10px 12px 0;color:#333333;font-size:13px;}
.total_box .total_con .total_table td .ico{top:4px;position:relative}

.package_box{margin-bottom:10px;border:1px solid #555555;background:#fafafa;border-radius:10px;overflow:hidden}
.package_box .package_inner{padding:30px 40px;}
.package_box .tit input{vertical-align:top;margin-top:4px}
.package_box .tit label{font-weight:400;color:#111111;font-size:20px;}
.package_box .package_list{overflow:hidden;width:1100px;margin-left:-40px;}
.package_box .package_list li{float:left;width:490px;margin-left:40px;}
.package_box .table_style01{display:none;margin-top:30px;width:490px;}
.package_box .package_notice{display:none;background:#fafafa;padding:60px;}
.package_box .package_notice dl{display:table}
.package_box .package_notice dt{display:table-cell;width:270px;color:#111111;font-size:28px;letter-spacing:-1px}
.package_box .package_notice dt p{color:#e63232;font-size:13px;margin-top:25px}
.package_box .package_notice dd{display:table-cell;width:665px;font-size:13px;color:#777777;line-height:1.7;font-weight:400}

.package_box.checked{background:#ffffff;border-color:#0082ff;}
.package_box.checked .table_style01{display:block}
.package_box.checked .tit label{color:#0082ff}
.package_box.checked .package_notice{display:block;}

.package_notice{background:#fafafa;padding:60px;}
.package_notice dl{display:table}
.package_notice dt{display:table-cell;width:270px;color:#111111;font-size:28px;letter-spacing:-1px}
.package_notice dt p{color:#e63232;font-size:13px;margin-top:25px}
.package_notice dd{display:table-cell;width:665px;font-size:13px;color:#777777;}

.step_type2{text-align:center;margin-bottom:50px;margin-top:60px}
.step_type2 li{letter-spacing:-.5px;height:30px;line-height:28px;margin-left:10px;padding-left:40px;display:inline-block;color:#555;font-size:21px;font-weight:300;background:url(../images/common/step_type2.png) no-repeat left 7px}
.step_type2 li:first-child{margin:0;padding:0;background:none}
.step_type2 li strong{margin-right:3px;vertical-align:top;display:inline-block;font-size:16px;color:#ffffff;width:30px;height:30px;line-height:28px;border-radius:30px;background:#555;text-align:center;}/*24.05.02 웹접근성*/
.step_type2 li.active{color:#0082ff;}
.step_type2 li.active strong{background:#0082ff}

.total_area{border:6px solid #0082ff;padding:35px 95px;margin-top:40px}
.total_area .total_list:after{content:"";display:block;clear:both;}
.total_area .total_list li{line-height:1.2;float:left;font-size:20px;color:#777777;letter-spacing:-1px;font-weight:400;}
.total_area .total_list li span{vertical-align:middle;display:inline-block}
.total_area .total_list li strong{vertical-align:middle;font-weight:400;display:inline-block;margin-left:32px;color:#111;font-size:28px;}
.total_area .total_list li.type1{margin-left:115px;}
.total_area .total_list li.type2{float:none;float:right;color:#111;}

.text_box.notice{display:table;width:100%}
.text_box.notice .notice_tit{text-align:center;width:10%;display:table-cell;vertical-align:middle}
.text_box.notice .notice_tit span{vertical-align:middle;display:inline-block;width:80px;height:80px;line-height:80px;border-radius:80px;background:#555555;text-align:center;color:#fff;font-size:14px;}
.text_box.notice .notice_list{width:90%;display:table-cell}
.text_box.notice .notice_list ul{margin-left:3%;width:46%;display:inline-block;vertical-align:top}
.text_box.notice .notice_list ul li{letter-spacing:-1px}


.basket_tb{padding:0}
.basket_tb .table_style01 th, /* 2022.05.26 */			  
.basket_tb .table_style01 td{vertical-align:top;padding:25px 30px;position:relative}
.basket_tb .table_style01 li{overflow:hidden;position:relative;color:#777777;font-size:15px;padding-left:12px;margin-top:25px;}
.basket_tb .table_style01 li:first-child{margin-top:0}
.basket_tb .table_style01 li:before{content:"·";position:absolute;left:0;top:0px;font-size:25px;color:#598edc;line-height:27px;}/* 2022.05.26 */
.basket_tb .table_style01 li div{float:right;}
.basket_tb .table_style01 li div:first-child{float:none;float:left;}
.basket_tb .minus,
.basket_tb .equal{background:#fff;position:absolute;left:343px;top:25px;width:30px;height:30px;border-radius:30px;border:1px solid #dddddd;}
.basket_tb .equal{left:auto;right:353px;}
.basket_tb .minus:after{content:"";display:inline-block;width:16px;border-top:3px solid #598edc;position:absolute;left:7px;top:50%;}
.basket_tb .equal:after{content:"";display:inline-block;width:16px;padding:2px 0;border-top:3px solid #598edc;border-bottom:3px solid #598edc;position:absolute;left:7px;top:36%;}



/*------------------------------------------------------------------------------
 popup
------------------------------------------------------------------------------*/

/*lecture_tab_tit*/
.layer_myCls {display:none; width:800px; height:600px; position:absolute; top:50%; left:50%; transform:translate(-50%, -75%); z-index:3000; background:#fff;}
.layer_myCls .btn_close {position:fixed; top:10px; right:40px;width:31px;height:31px;background: url(http://www.caedu.co.kr/images/common/main_common.png) no-repeat -212px -226px;text-indent: -99999px;}
.fixed_top { position: fixed; left: 0; top: 0; z-index: 1; width: 100%; height: 50px; }
.fixed_top+.lecturecont_wrap { margin-top: 50px;}

.lecture_pop .lecturecont_wrap .tab_tit {position:relative;padding: 20px 0;}
.myroomtab01_n2 {position:relative;overflow:hidden;}
.myroomtab01_n2:after { content:" "; display:block; clear:both; }
.myroomtab01_n2 li {width: 50%; position:relative;float:left;text-align:center;text-indent:-6px;;letter-spacing:-0.05em;box-sizing: border-box}
.myroomtab01_n2 li:first-child {width: 50% !important;}
.myroomtab01_n2 li:first-child a {border-left: 1px solid #fff;}
.myroomtab01_n2 li:first-child.on a{margin-left:0;}
.myroomtab01_n2 li a{display:block;height:37px;line-height:37px;font-size:14px;font-weight:600;color:#333;background-color:#fff;text-align:center;border-top: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 2px solid #05b889;}
.myroomtab01_n2 li.on a{font-weight:700;color:#05b889;background-color:#fff;border-top: 2px solid #05b889;border-left: 2px solid #05b889;border-right: 2px solid #05b889;border-bottom:#fff;margin-left: -2px;}


/*lecture_tab_cont*/
.lecture_pop .lecturecont_wrap .tab_cont {position:relative;padding: 20px 0;}
.lecture_pop .lecturecont_wrap .tab_cont .cont_inner {display: none;}
.lecture_pop .lecturecont_wrap .tab_cont .cont_inner.on {display: block;}


/*lecture_pop_wrap*/
.lecture_pop {overflow:hidden; background:#fff;}
.lecture_pop .top_inner {position:relative;height:50px;background-color:#3e4d64;}
.lecture_pop .top_inner h4 {margin-left:40px;float:left;font-family:Nanum Gothic,'나눔고딕',sans-serif;font-size: 18px;font-weight:700;color:#fff;letter-spacing: -1px;line-height: 50px;}
.lecture_pop .top_inner h4 .cla_name {margin-right:10px;float:left;font-family:Nanum Gothic,'나눔고딕',sans-serif;font-size: 18px;font-weight:700;color:#fff;letter-spacing: -1px;line-height: 50px;}
.lecture_pop .top_inner .btn_close {position:absolute;top:9px;right: 10px;width:31px;height:31px;background: url(http://www.caedu.co.kr/images/common/main_common.png) no-repeat -212px -226px;text-indent: -99999px;}
.lecture_pop .lecturecont_wrap {padding:30px 30px 50px 30px}
.lecture_pop .lecturecont_wrap .tit_inner {position:relative;overflow:hidden;margin-bottom: 20px;border-bottom: 1px solid #666;}
.lecture_pop .lecturecont_wrap .tit_inner.mt25 {margin-top: 25px;}
.lecture_pop .lecturecont_wrap .tit_inner li {display:inline-block;float:left;height:35px;font-family:Nanum Gothic,'나눔고딕',sans-serif;font-size: 16px;font-weight:700;color:#3b3b3b;letter-spacing: -1px;line-height: 30px;}
.lecture_pop .lecturecont_wrap .tit_inner li.second {position: absolute;left:260px }
.lecture_pop .lecturecont_wrap .tit_inner li.right {float: right}
.lecture_pop .lecturecont_wrap .tit_inner li .icon {display:inline-block;margin-right:6px;width:28px;height:28px;background: url(../../Images/myroom/lms_common01.png) no-repeat -0px -0px;vertical-align: top;}
.lecture_pop .lecturecont_wrap .tit_inner li .name {display:inline-block;font-family:Nanum Gothic,'나눔고딕',sans-serif;font-size: 16px;font-weight:700;color:#05b889;letter-spacing: -1px;line-height: 30px;}
.lecture_pop .lecturecont_wrap table {width: 100%;border:1px solid #dbdbdb;}
.lecture_pop .lecturecont_wrap table th, .lecture_pop .lecturecont_wrap table td{padding: 12px 0px;font-size: 13px;font-weight:600;text-align:center;letter-spacing: -0.5px;}
.lecture_pop .lecturecont_wrap table tr:first-child {}
.lecture_pop .lecturecont_wrap table tr {border-top: 1px solid #ccc;}
.lecture_pop .lecturecont_wrap table tr.bor_n {border-top:none;}
.lecture_pop .lecturecont_wrap table td.tex_r01 {color: #cd4520;}
.lecture_pop .lecturecont_wrap table td.total {font-size:12px;font-weight: 500}
.lecture_pop .lecturecont_wrap .stan_wrap {padding: 0 35px;overflow:  hidden;}
.lecture_pop .lecturecont_wrap .stan_wrap li {float: left;}

.lyr_inner { overflow-y:auto; height:300px; padding:30px; }
/* 환불 관련 버튼 */
.refund_btn_box{text-align:center;margin-top:40px;}
.refund_btn{text-align:center;display:inline-block;height:27px;line-height:25px;font-size:13px;min-width:110px;padding:0 5px} /*2021.09.07*/
.refund_btn.type0{background:#5e6876;color:#fff !important;border:1px solid #5e6876;height:24px;line-height:22px;font-size:12px;padding:0 12px;min-width:auto}
.refund_btn.type1{background:#fff;color:#424242 !important;border:1px solid #dddddd;}
.refund_btn.type1.bold{color:#333333 !important;font-weight:bold;}
.refund_btn.type2{background:#fff;color:#198cff !important;border:1px solid #198cff;}
.refund_btn.type3{background:#fff;color:#ff5252;border:1px solid #ff5252;}
.refund_btn.type3.gif{animation-duration: 1s;animation-name: btngif;animation-iteration-count: infinite;animation-timing-function: steps(1, end);}
.refund_btn.type4{background:#5e6876;color:#fff !important;border:1px solid #5e6876;}
.refund_btn.type5{background:#999999;color:#fff !important;border:1px solid #999999;}
.refund_btn.type6{background:#198cff;color:#fff !important;border:1px solid #198cff;}

.refund_btn.s{min-width:50px;padding:0 5px;font-size:11px;height:20px;line-height:20px;}
.refund_btn.m{font-weight:bold;min-width:160px;font-size:16px;height:38px;line-height:36px;}
.refund_btn.l{font-weight:bold;height:54px;line-height:53px;font-size:16px;min-width:200px;border-radius:2px;}

#refund .no_data{text-align:center;font-size:20px;font-weight:bold;color:#666666;margin:100px 0}
#refund .no_data:before{content:"";display:block;width:84px;height:84px;margin:0 auto 20px;background:url(http://www.caedu.co.kr/images/design/2021/0909_refund/notice.png) no-repeat 0 0}

#refund .tip_ly {display:none;line-height:1.5;width:160px;margin-top:6px;margin-left:12px;position:absolute;z-index:1000;text-align:left;padding:11px 12px;border:1px solid #555555;background:#fff;}
#refund .tip_ly:before{content:"";display:inline-block;position:absolute;left:17px;top:-6px;width:8px;height:6px;background:url(http://www.caedu.co.kr/images/design/2021/0909_refund/tip_ly.png) no-repeat 0 0;}
#refund .tip_ly.type2 {width:120px;margin-left:0;}
#refund .tip_ly.type2:before {left:auto;right:10px;margin-right:50px;}
#refund .tip_ly strong{display:block;color:#ff5252;font-size:12px;}
#refund .tip_ly em {letter-spacing:-.5px;display:block;color:#555555;font-size:12px}

.layerPop_ref.popInner {position:absolute; top:200px; left:50%; margin-left:-300px;z-index: 3000; display:none; }
.layerPop_ref .bt_popClose {top: 15px; right:15px;position: absolute; display: block; }

.layerPop_ref.popInner.line{background:#fff;border:1px solid #666666;}
.layerPop_ref.popInner.line .popInner_tit{background:#198cff;height:50px;line-height:50px;color:#ffffff;font-size:16px;font-weight:bold;text-align:center;}
.layerPop_ref.popInner.line .popInner_tit.type2{background:#082a4d;}
.layerPop_ref.popInner.line .inner_box{padding:25px 25px 40px;}
.layerPop_ref.popInner.line .refund_btn_box{margin-top:15px;}
.btn_style01.btn_xs.myRef {vertical-align: 6px;}

.benefit_list {text-align:center;margin:40px 0 30px 0}
.benefit_list li {display:inline-block; width:145px;font-size:13px; color:#666;line-height:1.3}
.benefit_list li p {margin-top:10px;}
.benefit_list_txt {font-size:16px;color:#222222;font-weight:bold;text-align:center;margin:20px 0 10px}
.benefit_btn {background:#f4f4f4; padding:20px 0;text-align:center}

.text_box .ly_txt1{font-size:16px;margin-top:20px;color:#999999;text-align:center;font-weight:bold}
.text_box .ly_txt2{font-size:16px;margin-top:20px;color:#333;text-align:right;margin-right:20px;}
.text_box .ly_txt3{text-align:center;margin-top:30px;}

/*.text_box {padding:25px 40px 30px;}*/
.text_box .box_tit {text-align:center;font-size:15px;font-weight:bold;color:#222;margin-bottom:10px}
.text_box .box_txt {padding:5px 0; margin-left:18px; line-height:1.7;}
#refund del {color:#999}

#refund .state_box {text-align: center; width: 100px; height:100px; padding-top:30px; font-size:16px; line-height:20px;  color:#0082ff; margin: 0px auto 20px; border:1px solid #0082ff;   border-radius: 100px; box-sizing:border-box;}



/* 실습 규정 및 장소 안내 */
.practicePop {display:none; position:absolute; border:1px solid #e3e3e3; top:20px; right:30px; padding-bottom:20px; background:#fff; width:530px; box-shadow: 0 0 10px 4px #ddd;}
.practicePop.lyInnr {}
.practicePop .pHead {padding:20px 25px; box-sizing:border-box; background:#eee;}
.practicePop .pBody {padding:20px 20px; box-sizing:border-box;}			
.practicePop .pBody .clsList {border-top:1px solid #eaeaea;}
.practicePop .pBody .clsList li {display:inline-block; text-align:center; width:50%; font-size:14px; color:#333; padding:8px 0 9px; border:1px solid #eaeaea; border-top:none; background:#fafafa; line-height:1.5; box-sizing:border-box; vertical-align:top;}
.practicePop .pBody .clsList li:nth-child(2n) {display:inline-block; width:50%; border:1px solid #eaeaea; border-top:none; background:#fafafa; margin-left:-4px; box-sizing:border-box;}
.practicePop .pBody .clsList li.line2 {line-height: 1.2; padding: 2px 0;}
.practicePop .pFoot {text-align:center;}	

/* 실습과목 운영기관 */
.map_box{position:relative;}
.training_map{position:relative;z-index:0}
.training_map_on{display:none;position:absolute;z-index:1}
.training_con {margin:40px 0; overflow:hidden; }
.training_con .map_box{width:320px;float:left;}
.training_con .training_txt {height:350px; margin-top:30px; width:calc(100% - 340px);float:right;position:relative;}
.training_con .training_txt .step_noti {width:600px; margin:0 auto;}


/* 실습센터 안내 */
.cntList {font-size:0;} /* 25.04.09 */
.cntList li {position:relative; display:inline-block; width:356px; border-radius:10px; box-sizing:border-box; border:1px solid #f0f0f0; background:#f5f5f5; margin-left:16px; margin-bottom:15px; vertical-align:top; padding:20px;} /* 25.04.09 */
.cntList li:first-child,
.cntList li:nth-child(3n+1) {margin-left:0;}
.cntList li .areaBox {display:inline-block;}
.cntList li .areaBox .localName {font-size:28px; color:#000; font-weight:700;}
.cntList li .areaBox .cntName {font-size:18px; color:#333;}
.cntList li .btn_xl {position:absolute; top:50%; right:25px; margin-top:-25px; height:50px; line-height:35px; min-width:110px; font-size:16px;} /* 25.04.09 */
.cntList li .btn_xl.arrow:after {content:''; display: inline-block; width:8px; height:12px; margin-left:10px; background:url(../images/cm/arrow_wh.png) no-repeat 0 0;}

/* 실습 FAQ */
.faqTop_box {background:#f3f5f7 url(../images/practice/practice_04_bg01.png) no-repeat 0 bottom; min-height:210px; padding:30px 60px 20px  70px; box-sizing:border-box;}
.faqTop_box .titleBox {display:inline-block; margin-right:30px; vertical-align:top; margin-top:35px;}
.faqTop_box .titleBox .subTxt {font-size:13px; color:#333;}
.faqTop_box .titleBox .titTxt {font-size:46px; color:#111; font-weight:700; letter-spacing: -.05em;}
.faqTop_box .faqQ_list {display:inline-block; width:800px;}
.faqTop_box .faqQ_list li {display:inline-block; width:calc(50% - 35px); margin-bottom:8px; margin-left:30px; box-sizing:border-box}
.faqTop_box .faqQ_list li .num {display:inline-block; width:30px; height:22px; line-height:22px; background:#333; border-radius:2px; text-align:center; color:#fff; font-size:13px; margin-right:5px; }
.faqTop_box .faqQ_list li .qTxt {display:inline-block;}
.faqTop_box .faqQ_list li .qTxt a {display: block; line-height:22px; font-size:16px; color:#333;}
.faqTop_box .faqQ_list li .qTxt:hover {border-bottom:1px solid #333;}

/* 민간자격증 */
.privateAddLic {position:relative;}
.inBtnCls {position:absolute; right:0; top:0;}
/* bullet list */

.bull_line_dot:before {content:""; clear:both; display:inline-block; width:3px; height:3px; margin:0 4px 3px 0; background:#aaa;}

.num_list {}
.num_list li {display:block; font-size:13px; color:#666; margin-bottom:5px;  letter-spacing: -.03em; line-height:1.5; padding-left:17px; text-indent:-1.1em;}

.bull_list {}
.bull_list li {display:block; font-size:13px; color:#666; margin-bottom:5px;  letter-spacing: -.03em; line-height:1.5}

.bull_list.barTy {}
.bull_list.barTy>li {position:relative; display:block; font-size:13px; color:#666; padding-left:15px; text-indent:-4px; margin-bottom:5px;}
.bull_list.barTy>li:before {content:"-"; font-size:13px; display:inline-block; color:#666; margin-right:3px;}

.bull_list.astTy {}
.bull_list.astTy>li {position:relative; display:block; font-size:13px; color:#666; padding-left:15px; text-indent:-4px; margin-bottom:5px;}
.bull_list.astTy>li:before {content:"*"; font-size:13px; display:inline-block; color:#666; margin-right:3px;}

.bull_list.dotTy {}
.bull_list.dotTy>li {position:relative; display:block; font-size:13px; color:#666; padding-left:15px; text-indent:-4px; margin-bottom:5px;}
.bull_list.dotTy>li:before {content:""; clear:both; display:inline-block; width:3px; height:3px; margin:0 4px 3px 0; background:#aaa;}

.bull_list.dangTy {}
.bull_list.dangTy>li {position:relative; display:block; font-size:13px; color:#666; padding-left:15px; text-indent:-7px; margin-bottom:5px;}
.bull_list.dangTy>li:before {content:"※"; font-size:13px; display:inline-block; color:#666; margin-right:3px;}

.bull_list>li.txt_redf:before {color:#ff0000;}

p.bull_list {display:block; font-size:13px; color:#666; margin-bottom:5px;  letter-spacing: -.03em; line-height:1.5}
p.num_list {display:block; font-size:13px; color:#666; margin-bottom:5px;  letter-spacing: -.03em; line-height:1.5; padding-left:17px; text-indent:-1.1em;}

p.bull_list.barTy:before {content:"-"; font-size:13px; display:inline-block; color:#666; margin-right:3px;}
p.bull_list.astTy:before {content:"*"; font-size:13px; display:inline-block; color:#666; margin-right:3px;}
p.bull_list.dotTy:before {content:""; clear:both; display:inline-block; width:3px; height:3px; margin:0 4px 3px 0; background:#aaa;}
p.bull_list.dangTy:before {content:"※"; font-size:13px; display:inline-block; color:#666; margin-right:3px;}

p.bull_list.txt_redf:before {color:#ff0000;}

.bull_list>li.txt_redf:before {color:#ff0000;}

/* 풀 이벤트 화면 - 간편상담신청 - 팝업 */
.callform_wrap {position:absolute;top:100px;left:50%;margin-left:-265px; z-index: 3000;  width:440px; background-color:#fff;border:1px solid #898989;padding: 40px;text-align:left;}
.callform_wrap .call_tit {position:relative;padding-top:18px;}
.callform_wrap .call_tit h4 {display: inline-block;font-size: 24px;color: #2f2f2f;font-family:'Noto Sans KR', sans-serif;line-height: 24px;letter-spacing: -1px;text-align: left}
.callform_wrap .call_tit .r_inner {display: inline-block;float:right;padding-top: 10px;}
.callform_wrap .call_tit .r_inner label,
.callform_wrap .call_tit .r_inner label a {display: inline-block;font-size: 15px;color: #818181;font-family:'Noto Sans KR', sans-serif;}
.callform_wrap .call_tit .bgline {display:block;margin-top: 12px;width:100%;height:1px;background:#2d2c28 linear-gradient(to right, #2d2c28, #0ea2a8)}
.callform_wrap .callform_inner {position:relative;padding-top:25px; overflow:auto;}
.callform_wrap .callform_inner li {display:inline-block;float:left;margin-top: 8px;}
.callform_wrap .callform_inner li:first-child {margin-top: 0px;}
.callform_wrap .callform_inner label {display: inline-block;width:80px;font-size: 18px;color: #303030;font-family:'Noto Sans KR', sans-serif;line-height: 18px;letter-spacing: -1px;text-align: left;cursor: auto}
.callform_wrap .callform_inner input {display:inline-block; padding:5px;height:40px;font-family:'Noto Sans KR', sans-serif;border:1px solid #bbb;background-color:#fff;font-size:16px;line-height:40px;color:#000;vertical-align:middle;box-sizing: border-box;}
.callform_wrap .callform_inner select {display:inline-block; padding:5px;height:40px;font-family:'Noto Sans KR', sans-serif;border:1px solid #bbb;background-color:#fff;font-size:16px;line-height:40px;color:#000;vertical-align:middle;box-sizing: border-box;}
.callform_wrap .callform_inner .sel_pkg {display: inline-block;font-size: 18px;color: #303030;font-family:'Noto Sans KR', sans-serif;line-height: 18px;letter-spacing: -1px;text-align: left}
.callform_wrap .join_btn {display:block;margin-top:  10px;width:100%;height: 60px;font-size: 20px;font-family:'Noto Sans KR', sans-serif;line-height:60px;font-weight:600;background-color: #303030;color:#fff;letter-spacing:1px;text-align:  center;}
.callform_wrap .join_btn:hover {background-color: #000}
.callform_wrap .close_btn {position:absolute;top: 10px;right: 10px;width:31px;height:31px;background: url(http://www.caedu.co.kr/images/common/main_common.png) no-repeat -246px -226px;text-indent: -99999px}


/* intro 배경 */
.intro .storyBox {padding-top:140px; margin-left:70px;}
.intro .tit {font-size:24px; color:#333; margin-bottom:27px; letter-spacing:-0.08em;}
.intro .pTit {font-size:42px; color:#157ded; margin-bottom:75px; letter-spacing:-0.05em;}
.intro .story {font-size:18px; color:#414141; letter-spacing:-0.06em;}
.intro .story div {margin-bottom:34px; line-height:28px;}


/*레이어 팝업*/
.layerPop_ab {display: none; position: absolute; left: 0; top:50%; width:1100px; left: 50%; transform: translate(-50%,-50%); z-index: 100; text-align: center;}
.layerPop_ab .popInner {position: relative; z-index: 999; display: inline-block; border: 5px solid #ccc;}
.layerPop_ab .bt_popClose {top: 20px; right: 20px;position: absolute; display: block; }

/* 2022.09.16 Emblem 추가 */
.ic_emblem {position: relative;	display: inline-block; padding-left: 8px;}
.ic_emblem:before {content: ""; position: absolute; top: 7px; left: -8px; width: 15px; height: 15px; background: url(http://www.caedu.co.kr/images/design/2022/0916_ca/emblem.png) no-repeat;}
.ic_emblem.txt:before {top: 0;}

/* 23.10.17 찾아오시는 길 추가 */
.bus_info{display: block;font-family: 'pretendard';background: #0072ff;color: #fff;width: 62px;height: 24px;text-align: center;line-height: 24px;font-size: 14px;border-radius: 5px;text-indent: 0;}
.bus_info.type2{background: #ff1e00;}
.bus_info.type3{background: #1c6617;}/*24.05.02 웹접근성*/

/* 2024.08.29 */
.sub_contents .photo_area { display:flex; align-items:flex-start; }
.sub_contents .photo_area p.photo { overflow:hidden; display:flex; align-items:center; justify-content:center; min-width:120px; min-height:160px; margin-right:30px; padding:6px; background:#fafafa; border:1px solid #aaa; }
.sub_contents .photo_area p.photo:after { content:"사진 등록해 주세요"; position:absolute; font-size:12px; }
.sub_contents .photo_area p.photo img { position:relative; z-index:1; width:120px; vertical-align:top; }
.sub_contents .photo_area .photocontbox { display:flex; flex-direction:column; padding:20px 0; }
.sub_contents .photo_area.view { justify-content:center; }
.sub_contents .photo_area.view p.photo { min-width:150px; min-height:200px; margin-right:0; }
.sub_contents .photo_area.view p.photo img { width:150px; }
.sub_contents .req_tit span, .sub_contents .req_tit strong { position:relative; display:inline-block; }
.sub_contents .req_tit span:after, .sub_contents .req_tit strong:after { content:''; position:absolute; top:4px; right:-8px; width:4px; height:4px; background:#ff5000; border-radius:50px; }
.sub_contents .namesign { display:inline-block; position:relative; min-width:120px; margin-bottom:8px; border-bottom:1px solid #555; font-weight:400; color:#555; text-align:center; }
.sub_contents .namesign:after { content:" (인)"; display:inline-block; position:absolute; right:0; bottom:2px; font-size:14px; }
.sub_contents .comForm .ic_calendar { display:inline-block; height:35px; padding-top:6px; box-sizing:border-box; vertical-align:middle; }

/* 수강신청 결제 25.01.22*/
.js_tab_wrap.pay{background: #ececec;width: 1100px;padding: 30px 20px;margin-top: 15px;box-sizing: border-box;}
.js_tab_wrap.pay .js_tab_text{display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;}
.js_tab_wrap.pay .js_tab_text li{width: 525px;}
.js_tab_wrap.pay .js_tab_text li a{display: flex;align-items: center;justify-content: center;flex-direction: column;height: 130px; line-height: 1.6; font-size: 18px; text-align: center;color: #333; font-weight: bold;background: #fff;}
.js_tab_wrap.pay .js_tab_text li a span{font-size: 14px;color: #fff;background: #333333;margin-top: 8px;display: inline-block;padding: 0 5px;}
.js_tab_wrap.pay .js_tab_text li.on a span{font-size: 14px;color: #0082ff;background: #f6ff00;margin-top: 8px;display: inline-block;padding: 0 5px;}
.js_tab_wrap.pay .js_tab_text li.on a{background: #0082ff; color:#fff;}
.js_tab_wrap.pay .js_tab_con_type{display:none;background: #ececec;}
.js_tab_wrap.pay .js_tab_con_type.on{display:block}
.js_tab_wrap.pay .js_tab_con_type .benefit{margin: 20px;border-bottom: 1px dashed #eee;}
.js_tab_wrap.pay .noti_wrap{display:flex;gap:20px;}
.js_tab_wrap.pay .noti_wrap > p{width: 80px;}
.js_tab_wrap.pay .noti_wrap ul li{color: #777;font-size: 15px;letter-spacing: -.3px;line-height: 1.7;}
.js_tab_wrap.pay .noti_wrap ul li a{text-decoration: underline;}
.js_tab_wrap.pay .noti_wrap p::before{content: '';display: inline-block;width: 4px;height: 4px;background: #598edc;border-radius: 50%;vertical-align: middle;margin-right: 5px;margin-bottom: 3px;}
.js_tab_wrap.pay .js_tab_text2{display: flex;justify-content: space-between;margin-bottom: 20px;}
.js_tab_wrap.pay .js_tab_text2 li{width: calc((100% - 22px) /3);}
.js_tab_wrap.pay .js_tab_text2 li a{display: flex;align-items: center;justify-content: center;flex-direction: column;height: 97px; line-height: 1.9; font-size: 18px; text-align: center;color: #333; font-weight: bold;background: #dfdfdf;}
.js_tab_wrap.pay .js_tab_text2 li.on a{background: #f7f7f7;border: 2px solid #0082ff;box-sizing: border-box;}

/* 25.04.30 웹접근성 탭 추가 */
.com_tab_menu.type2 > ul, .com_tab_menu.type2 > ul > li {border:none;}
.com_tab_menu.type2 > ul > li a {border:1px solid #c8bebe;}
.com_tab_menu.type2 > ul > li a.active, .com_tab_menu.type2 > ul > li a:hover {border-color:#0082ff; color:#0082ff; background:none;}
.com_mid_tab_menu > ul.type2 > li, .com_mid_tab_menu.col_10 > ul.type2 > li:first-child {border:none;}
.com_mid_tab_menu > ul.type2 > li a {background:none; border:1px solid #c8bebe; height:calc(100% - 2px); color:#555;}
.com_mid_tab_menu > ul.type2 > li a.active {border-color:#0082ff; color:#0082ff;}

/* 25.05.14 웹접근성 탭 수정 */
.com_tab_menu.type2 > ul > li a:before {content:''; position:absolute; bottom:7px; left:0; right:0; margin:0 auto; width:45%; height:1px; background:#0082ff;
transition:.3s ease-in-out; opacity:0;}
.com_tab_menu.type2 > ul > li a.active:before, .com_tab_menu.type2 > ul > li a:hover:before {opacity:1;}
.com_mid_tab_menu > ul > li a {position:relative;}
.com_mid_tab_menu > ul > li a:before {content:''; position:absolute; bottom:7px; left:0; right:0; margin:0 auto; width:45%; height:1px; background:#262d3b;
transition:.3s ease-in-out; opacity:0;}
.com_mid_tab_menu > ul > li.active a:before {opacity:1;}
.com_mid_tab_menu > ul.type2 > li a span {position:relative;}
.com_mid_tab_menu > ul.type2 > li a span:before {content:''; position:absolute; bottom:-5px; left:0; right:0; margin:0 auto; width:100%; height:1px; background:#0082ff;
transition:.3s ease-in-out; opacity:0;}
.com_mid_tab_menu > ul.type2 > li a.active span:before {opacity:1;}

/* 25.06.24 */
.comForm .file_info {position:absolute; top:0; right:5px; font-size:13px;}
.comForm textarea {height:180px; overflow:hidden;} /* 25.06.24 수정 */