/* ===== SUB COMMON ===== */

.sub_header {background:#f5f5f6; box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.08) inset;}

/* snb_wrap */

.sub_header .snb_wrap > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.sub_header .snb_wrap > ul > li {float:left; box-sizing:border-box; font-size:15px; color:#888; font-weight:400; letter-spacing:-0.5px;}
.sub_header .snb_wrap > ul > li > a {position:relative; color:rgba(85,85,85,0.7); height:55px; line-height:55px; display:inline-block; padding:0 1.75rem; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.sub_header .snb_wrap > ul > li > a:hover {color:rgba(85,85,85,1);}

.sub_header .snb_wrap > ul > li > a.active,
.sub_header .snb_wrap > ul > li > a.active:hover {background:#fff; color:#333; font-weight:500;}

.sub_header .snb_wrap > ul > li > a.active {box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.08);}
.sub_header .snb_wrap > ul > li > a.active:before {position:absolute; bottom:-20px; left:-10px; width:calc(100% + 20px); height:20px; background:#fff; content:"";}

.sub_header .container {position:relative;}

/* page_option_wrap */

.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); background:#00388c;}
.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_header .container .page_option_wrap > dl > dd > a.page_edit {background:url(/images/inc/com_page_iCon03_01.png) no-repeat center;}

.sub_header .container .page_option_box {display:none; position:absolute; top:65px; z-index:2; background:#fff; border:1px solid #ccc; box-sizing:border-box;
										 padding:20px 20px 20px 20px; font-size:12.5px; letter-spacing:-0.5px; font-weight:400; text-align:left;
										 -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);}

.sub_header .container .page_option_box .box_tit {position:relative; font-size:13.5px; font-weight:500; color:#333; text-align:center; margin-bottom:5px;}

.sub_header .container .page_option_box .box_tit .btn_close {position:absolute; top:0; right:0; display:inline-block; width:11px; height:11px;}
.sub_header .container .page_option_box .box_tit .btn_close {background:url(/images/inc/com_btn_close01.png) no-repeat center top;}
.sub_header .container .page_option_box .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;}

/* page_option_wrap box_share */

/*.sub_header .container .page_option_box.box_share {right:0; width:320px;}*/
.sub_header .container .page_option_box.box_share {right:0; width:320px;}
.page_option_box.box_share .share_list {width:100%;}
.page_option_box.box_share .share_list > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-5px; margin-right:-5px;}
.page_option_box.box_share .share_list > ul > li {float:left; width:25%; padding:0 5px; margin-top:10px; box-sizing:border-box; text-align:center;}

.page_option_box.box_share .share_list > ul > li .btn_share {position:relative; display:inline-block;}

.page_option_box.box_share .share_list > ul > li .btn_share > i {display:inline-block; width:30px; height:30px; border-radius:40px; margin-bottom:5px;}
.page_option_box.box_share .share_list > ul > li .btn_share > i.iCon_kko {background:#fece09 url(/images/inc/sns_share_iCon01_01.png) no-repeat center;}
.page_option_box.box_share .share_list > ul > li .btn_share > i.iCon_kko_s {background:#fece09 url(/images/inc/sns_share_iCon02_01.png) no-repeat center;}
.page_option_box.box_share .share_list > ul > li .btn_share > i.iCon_line {background:#2db403 url(/images/inc/sns_share_iCon03_01.png) no-repeat center;}
.page_option_box.box_share .share_list > ul > li .btn_share > i.iCon_band {background:#2db403 url(/images/inc/sns_share_iCon04_01.png) no-repeat center;}
.page_option_box.box_share .share_list > ul > li .btn_share > i.iCon_nv {background:#2db403 url(/images/inc/sns_share_iCon05_01.png) no-repeat center;}
.page_option_box.box_share .share_list > ul > li .btn_share > i.iCon_fb {background:#4266b2 url(/images/inc/sns_share_iCon06_01.png) no-repeat center;}
.page_option_box.box_share .share_list > ul > li .btn_share > i.iCon_gg {background:#ed3721 url(/images/inc/sns_share_iCon07_01.png) no-repeat center;}
.page_option_box.box_share .share_list > ul > li .btn_share > i.iCon_tw {background:#1d9bf0 url(/images/inc/sns_share_iCon08_01.png) no-repeat center;}

.page_option_box.box_share .share_list > ul > li .btn_share > span {display:block; font-size:11px; font-family:'Malgun Gothic'; color:#555; letter-spacing:-1px;}

/*.2021.01.26. */
.board_option_box.box_share .share_list {width:100%;}
.board_option_box.box_share .share_list > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-5px; margin-right:-5px; margin-bottom:-10px;}
.board_option_box.box_share .share_list > ul > li {float:left; padding:0 5px; box-sizing:border-box; text-align:center;}

.board_option_box.box_share .share_list > ul > li .btn_share {position:relative; display:inline-block;}

.board_option_box.box_share .share_list > ul > li .btn_share > i {display:inline-block; width:30px; height:30px; border-radius:40px; }
.board_option_box.box_share .share_list > ul > li .btn_share > i.iCon_kko {background:#fece09 url(/images/inc/sns_share_iCon01_01.png) no-repeat center;}
.board_option_box.box_share .share_list > ul > li .btn_share > i.iCon_kko_s {background:#fece09 url(/images/inc/sns_share_iCon02_01.png) no-repeat center;}
.board_option_box.box_share .share_list > ul > li .btn_share > i.iCon_line {background:#2db403 url(/images/inc/sns_share_iCon03_01.png) no-repeat center;}
.board_option_box.box_share .share_list > ul > li .btn_share > i.iCon_band {background:#2db403 url(/images/inc/sns_share_iCon04_01.png) no-repeat center;}
.board_option_box.box_share .share_list > ul > li .btn_share > i.iCon_nv {background:#2db403 url(/images/inc/sns_share_iCon05_01.png) no-repeat center;}
.board_option_box.box_share .share_list > ul > li .btn_share > i.iCon_fb {background:#4266b2 url(/images/inc/sns_share_iCon06_01.png) no-repeat center;}
.board_option_box.box_share .share_list > ul > li .btn_share > i.iCon_gg {background:#ed3721 url(/images/inc/sns_share_iCon07_01.png) no-repeat center;}
.board_option_box.box_share .share_list > ul > li .btn_share > i.iCon_tw {background:#1d9bf0 url(/images/inc/sns_share_iCon08_01.png) no-repeat center;}

/* page_option_wrap box_edit */

.sub_header .container .page_option_box.box_edit {right:0; width:400px;}

.page_option_box.box_edit .edit_list {width:100%;}
.page_option_box.box_edit .edit_list > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-5px; margin-right:-5px;}
.page_option_box.box_edit .edit_list > ul > li {float:left; width:100%; padding:0 5px; margin-top:10px; box-sizing:border-box; text-align:left;}

.page_option_box.box_edit .edit_list > ul > li .comForm textarea {width:100%; display:block;}
.page_option_box.box_edit .edit_list > ul > li .comForm input {width:100%; font-size:12.5px;}

.sub_header .container .page_option_box.box_edit .btn_style01.btn_sm {height:35px; line-height:33px;}

/* sub_contents */

.sub_contents {padding:50px 0 0 0;}
/*
.sub_contents.memb_login {padding:60px 0 70px 0;}
*/
.sub_contents.memb_login {padding:60px 0 0 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 25px 15px 15px; font-size:15px;}
.sub_lnb .lnb_list > ul > li.lnb_dept01 > a.active {color:#00388c; background:#fafafa 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:#00388c;}

.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:#00388c;}
.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 .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 30px 0; color:#333;}

.sub_contents .sub_contents_title > h2 .breadcrumb {position:absolute; bottom:8px; right:0;}

.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;}

/* 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 #ccc;}
.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 #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

.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:#00388c; 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:#888;
									   border:1px solid #aaa; 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 > ul > li > a .tag_dday.tag_blink {background:#fff; color:#00388c; border:1px solid #00388c; animation:blink_dday 0.8s ease-in-out 0.8s infinite alternate;}

@keyframes blink_dday {
    0% {border:1px solid #00388c; background:#fff; color:#00388c;}
    50% {border:1px solid #00388c; background:#fff; color:#00388c;}
    51% {border:1px solid #1a2ea2; background:#1a2ea2; color:#ffff00;}
    100% {border:1px solid #1a2ea2; background:#1a2ea2; color:#ffff00;}
}

.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:#00388c; 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 */

.com_tab_menu.col_01 > ul > li {width:100%;}
.com_tab_menu.col_01 > ul > li > a {height:50px; line-height:50px;}

.com_tab_menu.col_02 > ul > li {width:50%;}
.com_tab_menu.col_02 > ul > li > a {height:50px; line-height:50px;}

.com_tab_menu.col_03 > ul > li {width:33%;}
.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;}

.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:16.8%;}
.com_tab_menu.col_06 > ul > li:first-child,
.com_tab_menu.col_06 > ul > li:last-child {width:16%;}
.com_tab_menu.col_06 > ul > li > a {height:50px; line-height:50px;}

.com_tab_menu.col_07 > ul > li {width:14%;}
.com_tab_menu.col_07 > ul > li:nth-child(1),
.com_tab_menu.col_07 > ul > li:nth-child(7) {width:15%;}
.com_tab_menu.col_07 > 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;}

/* 2022.02.05 임시수정 */
.com_tab_menu.col_09 > ul > li {width:11%;}
.com_tab_menu.col_09 > ul > li:nth-child(9) {width:12%;}
.com_tab_menu.col_09 > ul > li > a {height:50px; line-height:50px;}

/* 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:#fff; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-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_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;}

/* 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:#00388c; 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:#00388c;}

.tab_memb_join > ul > li.step_done {color:#888;}


/* ===== BUTTON ===== */

.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 10px 0 10px;}
.btn_style01.btn_lg {font-size:15px; height:44px; line-height:40px; padding:0 15px 0 15px;}

.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 #aaa;}
.btn_style01.gray_line:hover {background:#f0f0f0; color:#555; border:1px solid #aaa;}

.btn_style01.blue_bg {background:#36419D; color:#fff; border:1px solid #36419D;}
.btn_style01.blue_bg:hover {background:#00225e; color:#fff; border:1px solid #00225e;}

.btn_style01.blue_line {background:#fff; color:#00388c; border:1px solid #00388c;}
.btn_style01.blue_line:hover {background:#00225e; color:#fff; border:1px solid #00225e;}

.btn_style01.red_bg {background:#ff2400; color:#fff; border:1px solid #ff2400;}
.btn_style01.red_bg:hover {background:#c11b00; color:#fff; border:1px solid #c11b00;}

.btn_style01.red_line {background:#fff; color:#ff2400; border:1px solid #ff2400;}
.btn_style01.red_line:hover {background:#c11b00; color:#fff; border:1px solid #c11b00;}

.btn_style01.disabled {background:#fff; color:#a8a8a8; border:1px solid #a8a8a8; cursor:not-allowed;}

.text_box .btn_style01.btn_xxs {line-height:18px;}

.btn_style01.btn_iCon > span {position:relative;}

.btn_style01.btn_iCon > span.iCon_down {padding-right:20px;}
.btn_style01.btn_iCon > span.iCon_down:before {content:""; position:absolute; right:0; top:3px; display:inline-block; width:13px; height:14px;}
.btn_style01.btn_iCon > span.iCon_down:before {background:url(/images/inc/com_down_icon01_01.png) no-repeat center;}


/* 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_w100 > ul > li {width:100px;}
.sub_btn_wrap.btn_w100 > ul > li .btn_style01 {width:100%;}

.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_w300 > ul > li {width:300px;}
.sub_btn_wrap.btn_w300 > ul > li .btn_style01 {width:100%;}

.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_25 {border-bottom:1px solid #ddd; padding-bottom:25px;}
.sub_btn_wrap.b_bottom_30 {border-bottom:1px solid #ddd; padding-bottom:30px;}

.sub_btn_wrap.btn_center {text-align:center;}
.sub_btn_wrap.btn_center.btn_w200 .btn_style01 {width:200px; margin:0 5px 0 5px;}
.sub_btn_wrap.btn_center.btn_w250 .btn_style01 {width:250px; margin:0 5px 0 5px;}


/* ===== TEXT COMMON ===== */

/* con_title_01 */

.con_title_01 {width:100%; letter-spacing:-0.5px;}
.con_title_01 > h3 {position:relative; font-size:21px; font-weight:500; color:#333; border-bottom:1px solid #ddd; padding:0 0 15px 12px; margin:40px 0 25px 0;}
.con_title_01 > h3:after {content:""; display:inline-block; width:4px; height:21px; position:absolute; left:0; top:4px; background:#00388c;}

/* 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;}

.con_title_02 .btn_arrow {position:absolute; top:8px;}

.con_title_02 .btn_arrow > span {position:relative; font-size:13px; color:#555;}

.con_title_02 .btn_arrow.btn_left {left:10px;}
.con_title_02 .btn_arrow.btn_left > span {padding:0 0 0 20px;}
.con_title_02 .btn_arrow.btn_left > span:before {content:""; position:absolute; left:0; top:1px; display:inline-block; height:19px; width:19px;}
.con_title_02 .btn_arrow.btn_left > span:before {background:url(/images/inc/com_arrow_iCon04_01.png) no-repeat center; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.con_title_02 .btn_arrow.btn_left:hover > span:before {left:-3px;}

.con_title_02 .btn_arrow.btn_right {right:10px;}
.con_title_02 .btn_arrow.btn_right > span {padding:0 20px 0 0;}
.con_title_02 .btn_arrow.btn_right span:after {content:""; position:absolute; right:0; top:1px; display:inline-block; height:19px; width:19px;}
.con_title_02 .btn_arrow.btn_right span:after {background:url(/images/inc/com_arrow_iCon04_02.png) no-repeat center; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.con_title_02 .btn_arrow.btn_right:hover > span:after {right:-3px;}

/* mid_title_01 */
.mid_title_01 {width:100%; letter-spacing:-0.5px;}
.mid_title_01 > h4,
.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 > h4:before {content:""; display:inline-block; width:4px; height:17px; position:absolute; left:0; top:4px; background:#aaa;}
.mid_title_01.bull_blue > h4:before {background:#00388c;}
.mid_title_01.bull_lblue > h4:before {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_01.tit_16 > h4 {font-size:16px;} /* font-size 15px > 16px 수정 2022.02.08 OMR */
.mid_title_01.tit_16 > h4:before {width:4px; height:16px; position:absolute; left:0; top:2px;}

  /*추�?*/
.con {padding: 60px 0; border-bottom: 1px dashed #b7b7b7;}
.mid_title_01 > h3 {padding: 0; font-size: 18px; margin-bottom: 27px;}
.mid_title_01 > h3 > .title_num {padding: 7px 10px; color:#fff ;background: #00388c;}
.text_box.bg_box.blue_bg {background: #00388c; border: 1px solid #00388c;}

/* text_box */

.text_box {position:relative; letter-spacing:-0.5px; color:#333; 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 #00388c;}
.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:#00388c; border:1px solid #00388c; 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:22px;}
.text_box.text_p15 {font-size:15px; line-height:22px;}
.text_box.text_p16 {font-size:16px; line-height:30px;}
.text_box .b_bottom {border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px;}
.text_box .b_bottom_06 {border-bottom:1px dotted #ccc; padding-bottom:6px; margin-bottom:6px;}
.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:#00388c;}
.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_black:before {content:""; clear:both; display:inline-block; width:3px; height:3px; margin:0 4px 3px 0; background:#555;}

.text_box.center {margin: 0 auto;}

/* img_box */

.img_box {width:100%;}
.img_box img {display:block; vertical-align: middle; max-width:100%;}
.img_box.img_center img {margin:0 auto;}

.img_box .img_view_detail {position:relative;}
.img_box .img_view_detail .view_detail_text {display:block; opacity:0; position:absolute; top:0; left:0; text-align:center; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.img_box .img_view_detail:hover .view_detail_text {opacity:1;}

.img_box .img_view_detail .view_detail_text.welfare_cert {width:1110px; height:774px; background:rgba(0,0,0,0.18) url(/images/sub/sub01/sub01_sub0301_iCon01.png) no-repeat center;}
.img_box .img_view_detail .view_detail_text.welfare_cert span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}


/* ===== TABLE STYLE 01 ===== */

.table_style01 {width:100%; position:relative; font-weight:400;}
.table_style01.max_width {overflow-x:scroll;}
.table_style01.max_width > table {width:100%; min-width:700px;}
.table_style01 > table {border-top:1px solid #ddd; border-left:1px solid #ddd; background:#fff; width:100%; letter-spacing:-0.5px; font-size:15px; line-height:32px;}
.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:underline;}
.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:#f4f5f7;}
.table_style01 > table .tit_lgray,
.table_style01 > table .tit_lgray a {color:#333; background:#fafafa;}
.table_style01 > table .tit_blue {color:#fff !important; background:#00388c;}
.table_style01 > table .tit_lblue {color:#fff !important; background:#74a4e0;}

.table_style01.b_black > table {border-top:2px solid #333;}

.table_style01 > table .line_bg {background:#f1f4f7;}

.table_style01 > table .row_divider {background:#fafafa; padding:0 0 0 0; font-size:5px; line-height:5px;}

.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-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}

.table_style01 > table > thead > tr > th, .table_style01 > table > tbody > tr > th {color:#333; font-weight:500;}

.table_style01 > table > thead > tr > td, .table_style01 > table > tbody > tr > td {color:#555; font-size: 14px;}
.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 > th.a_right, .table_style01 > table > tbody > tr > th.a_right,
.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 > thead > tr > td.a_top, .table_style01 > table > tbody > tr > td.a_top {vertical-align:top;}

.table_style01 > table .none_data1 {height:100px; font-size:15px; color:#999; background:#fff;}
.table_style01 > table .none_data2 {height:200px; font-size:15px; color:#999; background:#fff;}
.table_style01 > table .none_data {height:300px; font-size:15px; color:#999; background:#fff;}
.table_style01.rows_bg > table > tbody > tr:nth-child(5n) {background:#fafafa;}

.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.txt_md > table .comForm input[type="text"],
.table_style01.txt_md > table .comForm input[type="password"],
.table_style01.txt_md > table .comForm input[type="email"],
.table_style01.txt_md > table .comForm input[type="tel"],
.table_style01.txt_md > table .comForm input[type="number"] {font-size:13px;}

.table_style01 .pos_container {position:relative;}

.table_style01 .file_down_count {position:absolute; top:10px; right:10px; font-size:13px; color:#666;}

/* req_tit */

.req_tit span {position:relative;}
.req_tit span:after {content:''; clear:both; position:absolute; top:4px; right:-8px; width:4px; height:4px; border-radius:50px; background:#00388c;}

/* list_tit_hover */

.table_style01 .list_tit_hover {position:relative;}
.table_style01 .list_tit_hover .tit_hover {position:absolute; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.table_style01 .list_tit_hover .tit_hover.player_01 {left:8px; top:7px; width:145px;}
.table_style01 .list_tit_hover .tit_hover.player_01:hover {width:300px;}
.table_style01 .list_tit_hover .tit_hover.player_01:hover .title {background:rgba(244,245,247,0.85);}

/* 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:after { content:""; clear:both; display:block; width:18px; height:18px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) ; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ;
}

.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 24px;}
.table_style01 > table .iCon_down.iCon_left:after {left:0;}

ul > li .iCon_new,
.table_style01 > table .iCon_new {display:inline-block; width:13px; height:13px; border-radius:2px; vertical-align:middle; margin:0 0 2px 4px; background:#00388c url(/images/inc/com_new_iCon01.png) no-repeat center;}
.iCon_new > span {display:none}

ul > li .iCon_hot,
.table_style01 > table .iCon_hot {display:inline-block; width:13px; height:13px; border-radius:2px; vertical-align:middle; margin:0 0 2px 4px; background:#ff8a00 url(/images/inc/com_hot_iCon01.png) no-repeat center; animation:blink_hot 0.6s ease 0.6s infinite alternate;}
.iCon_hot > span {display:none}

.table_style01 > table .iCon_answer {display:inline-block; width:14px; height:14px; border-radius:14px; vertical-align:middle; margin:0 0 3px 4px;}
.table_style01 > table .iCon_answer {background:#fff url(/images/inc/com_answer_iCon01.png) no-repeat center -1px; border:1px solid #aaa; box-sizing:border-box;}

/* 2022.02.01. 수정필요 */
.table_style01 > table .iCon_sec {display:inline-block; width:13px; height:13px; border-radius:2px; vertical-align:middle; margin:0 0 1px 4px;}
.table_style01 > table .iCon_sec {background:#ff8a00 url(/images/inc/com_sec_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;}

@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;}
}

/* title_tag */

.table_style01 > table .title_tag {width:100%;}
.table_style01 > table .title_tag > span {display:inline-block; background:#aaa; border:1px solid #aaa; color:#fff; padding:2px 3px 3px 2px;
										  line-height:12px; border-radius:2px; font-size:12.5px; font-weight:400; letter-spacing:-0.5px; margin-right:2px;}

/*cafri 2022-01-19*/
.table_style01 > table .title_tag.timetable > span {display:inline-block; background:#aaa; border:1px solid #aaa; color:#00388c; padding:2px 3px 3px 2px;
										  line-height:12px; border-radius:2px; font-size:12.5px; font-weight:400; letter-spacing:-0.5px; margin-right:2px;}
.table_style01 > table .class_timetable {color:#00388c; font-weight:700; font-size:13.5px; margin-left:3px;}									  

/* list_tag */

.table_style01 > table .list_tag {display:inline-block; background:#00388c; border:1px solid #00388c; color:#fff; padding:0 0 2px 0; text-align:center; box-sizing:border-box;
								  line-height:22px; height:26px; border-radius:2px; font-size:12.5px; font-weight:400; letter-spacing:-0.5px; width:50px;}

.table_style01 > table .list_tag.gray_bg {background:#aaa; border:1px solid #aaa; color:#fff;}
.table_style01 > table .list_tag.tag_noti {background:#fff; border:1px solid #bbb; color:#555; width:64px; font-size:12px; padding:0 4px 2px 4px;}

.table_style01 > table .list_tag.tag_74 {width:74px;}
.table_style01 > table .list_tag.tag_100 {width:100px;}

.table_style01 > table .list_tag.apply_item {font-size:12px; margin-left:5px; background:#aaa; border:1px solid #aaa; color:#fff;}

.table_style01 > table .list_tag.comp_stat {background:#fff; border:1px solid #bbb; color:#999;}
.table_style01 > table .list_tag.comp_stat_ok {background:#ff2400; border:1px solid #ff2400; color:#fff;}

.table_style01 > table .list_tag.tag_01 {background:#fff; border:1px solid #00388c; color:#00388c;} /* 개강예정 */
.table_style01 > table .list_tag.tag_02 {background:#00388c; border:1px solid #00388c; color:#fff;} /* 모집중 */
.table_style01 > table .list_tag.tag_03 {background:#fff; border:1px solid #ff2400; color:#ff2400; animation:blink_deadline 0.6s ease 0.6s infinite alternate;} /* 마감임박 */
.table_style01 > table .list_tag.tag_04 {background:#fff; border:1px solid #5a6069; color:#5a6069;} /* 폐강 */
.table_style01 > table .list_tag.tag_05 {background:#333; border:1px solid #333; color:#fff;} /* 정원초과 */
.table_style01 > table .list_tag.tag_06 {background:#5a6069; border:1px solid #5a6069; color:#fff;} /* 마감 */

@keyframes blink_deadline {
    0% {background-color:#fff; color:#ff2400;}
    50% {background-color:#fff; color:#ff2400;}
    51% {background-color:#ff2400; color:#ffff00;}
    100% {background-color:#ff2400; color:#ffff00;}
}

/* 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 5px 0;}

.table_style01 > table .board_contents .editor_key_info {width:100%; font-size:12px; margin-top:5px; border:1px solid #ddd; box-sizing:border-box; padding:10px 20px;}
.table_style01 > table .board_contents .editor_key_info > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}

.table_style01 > table .board_contents .editor_key_info > dl > dt,
.table_style01 > table .board_contents .editor_key_info > dl > dd {float:left; box-sizing:border-box;}

.table_style01 > table .board_contents .editor_key_info > dl > dt {width:10%; font-weight:500; color:#333; padding-left:10px;}
.table_style01 > table .board_contents .editor_key_info > dl > dd {width:10%; color:#555; border-right:1px solid #eee;}

.table_style01 > table .board_contents .editor_key_info > dl > dd:last-child {border-right:none;}

/* COMMENT */

.comment_area {width:100%; margin:30px 0;}

.comment_area .comment_tit {font-size:17px; font-weight:500; color:#333; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:15px;}
.comment_area .comment_tit .user_info {font-size:13.5px; font-weight:400; color:#888; margin-left:8px;}

.comment_area .info_ip {position:relative; margin-left:8px; font-weight:400; color:#888; padding-left:10px; letter-spacing:0;}
.comment_area .info_ip::after {content:""; position:absolute; left:0; top:4px; width:1px; height:13px; background:#ccc;}

.comment_area .comment_box {width:100%;}
.comment_area .comment_box > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.comment_area .comment_box > dl > dt,
.comment_area .comment_box > dl > dd {float:left; font-size:14px; font-weight:400;}

.comment_area .comment_box > dl > dt {width:80%;}
.comment_area .comment_box > dl > dt .comForm textarea {width:100%; height:90px;}

.comment_area .comment_box > dl > dd {width:20%;}
.comment_area .comment_box > dl > dd .btn_style01 {width:calc(100% - 15px); margin-left:15px; height:90px; line-height:88px;}

.comment_area .comment_list {width:100%;}
.comment_area .comment_list > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.comment_area .comment_list > ul > li {float:left; width:100%; font-size:13.5px; font-weight:400; color:#555; border-bottom:1px solid #ddd; padding:15px 15px;}

.comment_area .comment_list > ul > li .com_user {color:#333; font-weight:500; margin-bottom:10px;}
.comment_area .comment_list > ul > li .com_user .btn_style01.btn_xxs {line-height:18px; transform:translateY(-1px); margin-left:3px;}

.comment_area .comment_list > ul > li .com_text {line-height:22px; word-break:break-all; color:#666;}

/* BOARD LOCK */

.board_lock_wrap {width:100%; text-align:center; font-weight:400; letter-spacing:-0.5px; color:#555; box-sizing:border-box; margin-top:40px;}
.board_lock_wrap .lock_inner {width:500px; margin:0 auto; font-size:14px; line-height:24px; box-sizing:border-box; padding:50px 50px; border:1px solid #eee; border-bottom:5px solid #eee;}

.board_lock_wrap .lock_inner .lock_title {font-size:18px; color:#222; font-weight:500; margin:0 0 10px 0;}
.board_lock_wrap .lock_inner .lock_text {margin:20px 0 20px 0;}

.board_lock_wrap .lock_inner .comForm input {width:80%;}

.board_lock_wrap .lock_inner .lock_btn {width:80%; display:inline-block; margin-top:20px;}
.board_lock_wrap .lock_inner .lock_btn > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-5px; margin-right:-5px;}
.board_lock_wrap .lock_inner .lock_btn > ul > li {float:left; width:50%; padding:0 5px; box-sizing:border-box;}
.board_lock_wrap .lock_inner .lock_btn > ul > li .btn_style01 {width:100%;}

/* CLASS APPLY */

.table_style01 > table .apply_price {text-align:right; letter-spacing:0;}
.table_style01 > table .apply_price > s {color:#888; font-size:13px;}
.table_style01 > table .apply_price .price {color:#333 !important;}

.table_style01.payment_iCon_area > table > thead > tr > th, .table_style01.payment_iCon_area > table > thead > tr > td,
.table_style01.payment_iCon_area > table > tbody > tr > th, .table_style01.payment_iCon_area > table > tbody > tr > td {position:relative;}

.table_style01.payment_iCon_area .iCon_payment {position:absolute; top:-13px; right:-14px;}


.table_style01 > table .list_noti {background:#f4f5f7;}
.table_style01 > table .list_noti .board_view {font-weight:500; color:#00388c;}

/* ===== 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;}

/* 2022.01.28 alice */
.pagination .more {width:72px; font-size:12px; padding:4px 0 0 0; background:#fff; color:#555; letter-spacing:-0.5px;}

.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;}


/* ===== TOTAL SEARCH FORM ===== */

.total_search_result {width:100%; box-sizing:border-box;}
.total_search_result .result_info {font-size:16px; color:#555; font-weight:400;}

.total_search_result .result_info .result_keyword {color:#00388c; font-weight:500;}
.total_search_result .result_info .result_count {color:#111; font-weight:500;}

/* search_result_box */

.search_result_box {margin-top:20px;}

.search_result_box a {transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.search_result_box .result_title {color:#333; font-weight:500; font-size:15.5px; box-sizing:border-box; padding:20px 20px 20px 20px;}
.search_result_box .result_title .count {color:#00388c; letter-spacing:0;}

.search_result_box {width:100%; border:1px solid #ccc; box-sizing:border-box; border-radius:5px; font-size:14px; font-weight:400;}
.search_result_box > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.search_result_box > ul > li {float:left; width:100%; letter-spacing:-0.5px;}

.search_result_box > ul > li .result_content {color:#555; border-top:1px solid #ccc; font-size:14px; box-sizing:border-box; padding:20px 20px 20px 20px;}
.search_result_box > ul > li .result_content a:hover {text-decoration:underline;}
.search_result_box > ul > li .result_content .keyword {color:#00388c !important; font-weight:500 !important;}

.search_result_box > ul > li .result_content .c_title {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333; font-weight:500; font-size:15px; margin-bottom:10px;}
.search_result_box > ul > li .result_content .c_text {display:block; color:#666; font-size:13.5px; line-height:22px;}

.search_result_box > ul > li .result_content .c_link {position:relative; margin-top:15px; padding:0 0 0 12px;}
.search_result_box > ul > li .result_content .c_link:before {content:""; display:inline-block; width:4px; height:100%; position:absolute; left:0; top:0; background:#d7d8db;}
.search_result_box > ul > li .result_content .c_link > a {display:block; font-size:13px; margin-bottom:5px; color:#555;}
.search_result_box > ul > li .result_content .c_link > a:last-child {margin-bottom:0;}

.search_result_box > ul > li .result_more_view {display:block; border-top:1px solid #ddd; box-sizing:border-box; font-size:14px; padding:15px 15px 15px 15px; text-align:center; border-radius:0 0 5px 5px;}
.search_result_box > ul > li .result_more_view:hover {background:#fafafa;}

.search_result_box > ul > li .result_more_view > span {position:relative; padding-right:18px;}
.search_result_box > ul > li .result_more_view > span:after {content:""; display:inline-block; width:11px; height:11px; position:absolute; right:0; top:6px; background:url(/images/inc/com_arrow_iCon04_03.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; color:#555; font-size:15px;}
.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 .count_all {color:#333; font-weight:500;}
.board_search_form > ul > li.board_count .count_all .numb_all {letter-spacing:0; color:#00388c;}

.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 */

.board_search_form > ul > li.board_search {width:70%; text-align:right;}
.board_search_form > ul > li.board_search strong {font-weight:500;}

.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.privacy > dl > dd {position:relative;}

.board_search_form > ul > li.board_search select {height:35px; width:100px;}
.board_search_form > ul > li.board_search.privacy select {height:35px; width:200px;}
.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 > ul > li.board_search.practice {width:100%; text-align:center;}

.board_search_form > ul > li.board_search.practice label {position:relative; padding-left:8px; margin-right:5px;}
.board_search_form > ul > li.board_search.practice label:before {content:""; display:inline-block; width:3px; height:14px; position:absolute; left:0; top:4px; background:#aaa;}

.board_search_form > ul > li.board_search.practice select {height:35px; width:320px;}

/* revision_detail_box */

.revision_detail_box {display:none; position:absolute; right:-15px; top:60px; z-index:12; background:#fff; border:1px solid #ccc;
					  box-sizing:border-box; padding:20px 20px 20px 20px; width:500px; letter-spacing:-0.5px; font-weight:400; text-align:left;
					  -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);}

.revision_detail_box .detail_box_tit {width:100%; position:relative;}
.revision_detail_box .detail_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;}
.revision_detail_box .detail_box_tit > h4 > span {font-weight:400; letter-spacing:0; color:#666;}

.revision_detail_box .detail_box_tit .btn_close {position:absolute; top:5px; right:2px; display:inline-block; width:11px; height:11px;}
.revision_detail_box .detail_box_tit .btn_close {background:url(/images/inc/com_btn_close01.png) no-repeat center top;}
.revision_detail_box .detail_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_btn */

.revision_detail_box .edit_btn {width:100%; box-sizing:border-box; text-align:center; margin:15px 0 0 0;}
.revision_detail_box .edit_btn > dl {display:inline-block;}
.revision_detail_box .edit_btn > dl > dd {float:left; box-sizing:border-box; font-size:13px; margin:0 3px 0 3px;}

.revision_detail_box .edit_btn > dl > dd .btn_style01 {font-size:12.5px;}

.revision_detail_box .edit_box_close {border-top:1px solid #ccc; text-align:center; padding-top:15px; margin:13px 0 0 0;}
.revision_detail_box .edit_box_close .btn_style01 {font-size:12.5px; width:100%;}

/* 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 #00388c; background:#00388c; color:#fff;}

.board_faq_keyword > a.board_tag {margin:3px 0 3px 0;}
.board_faq_keyword > a.board_tag.active {border:1px solid #00388c; background:#00388c; 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_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 > dd {float:left; width:30%; box-sizing:border-box; font-size:13px;}
.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:70%;}

.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_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:#00388c;}

/* event_img */

.board_event_list > ul > li > a .event_img {position:relative; width:100%; height:158px; 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:#00388c; 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 > p.price {color: #333; margin-top: 5px;}


.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_event_list > ul > li.none_event {width:100%;}
.board_event_list > ul > li.none_event > p {width:100%; border:1px solid #eee; padding-top:20px; padding-bottom:20px; height:100px; line-height:100px; text-align:center; color:#555;}

/* ===== 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_acbs_step */

.sub0101_acbs_step {width:100%;}
.sub0101_acbs_step > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:20px; box-sizing:border-box;
						 background:url(/images/sub/sub01/sub01_sub0101_img01.jpg) no-repeat;}
.sub0101_acbs_step > ul > li {position:relative; float:left; width:230px; height:110px; padding:30px 0 0 0; margin-right:50px; line-height:24px; color:#fff;
							  box-sizing:border-box; font-weight:500; text-align:center; letter-spacing:-0.5px; font-size:16px;}
.sub0101_acbs_step > ul > li:last-child {margin-right:0; padding:42px 0 0 0; font-weight:700; font-size:17px;}

/* sub0101_acbs_target */

.sub0101_acbs_target {width:100%;}
.sub0101_acbs_target > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box; border:1px solid #ccc; border-radius:5px;}
.sub0101_acbs_target > ul > li {position:relative; float:left; width:277px; padding:130px 0 25px 0; line-height:24px; color:#555; border-right:1px solid #eee;
							  box-sizing:border-box; font-weight:400; text-align:center; letter-spacing:-0.5px; font-size:15px;}

.sub0101_acbs_target > ul > li:nth-child(1),
.sub0101_acbs_target > ul > li:nth-child(2),
.sub0101_acbs_target > ul > li:nth-child(3),
.sub0101_acbs_target > ul > li:nth-child(4) {border-bottom:1px solid #eee;}

.sub0101_acbs_target > ul > li:nth-child(4),
.sub0101_acbs_target > ul > li:nth-child(8) {border-right:0;}

.sub0101_acbs_target > ul > li.target_01 {background:url(/images/sub/sub01/sub01_sub0101_iCon01_01.png) no-repeat center 30px;}
.sub0101_acbs_target > ul > li.target_02 {background:url(/images/sub/sub01/sub01_sub0101_iCon01_02.png) no-repeat center 28px;}
.sub0101_acbs_target > ul > li.target_03 {background:url(/images/sub/sub01/sub01_sub0101_iCon01_03.png) no-repeat center 30px;}
.sub0101_acbs_target > ul > li.target_04 {background:url(/images/sub/sub01/sub01_sub0101_iCon01_04.png) no-repeat center 30px;}
.sub0101_acbs_target > ul > li.target_05 {background:url(/images/sub/sub01/sub01_sub0101_iCon01_05.png) no-repeat center 28px;}
.sub0101_acbs_target > ul > li.target_06 {background:url(/images/sub/sub01/sub01_sub0101_iCon01_06.png) no-repeat center 26px;}
.sub0101_acbs_target > ul > li.target_07 {background:url(/images/sub/sub01/sub01_sub0101_iCon01_07.png) no-repeat center 30px;}
.sub0101_acbs_target > ul > li.target_08 {background:url(/images/sub/sub01/sub01_sub0101_iCon01_08.png) no-repeat center 30px;}

/* sub0101_apply_step */

.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:30px; height:15px; transform:translateX(-15px);
										   background:url(/images/sub/sub01/sub01_sub0102_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%;}

.sub0101_apply_step > ul > li > dl > dt {width:20%; text-align:center; background:#00388c; color:#fff; line-height:24px; border:1px solid #00388c;}
.sub0101_apply_step > ul > li > dl > dt.mix {border-top: 1px solid #ccc;}
.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,0.7);}

.sub0101_apply_step > ul > li > dl > dd {width:80%; border:1px solid #ccc;}
.sub0101_apply_step .text_box {display: flex; flex-flow: column; flex-wrap: wrap; align-items: flex-start; justify-content: center; height: 100%;}

/* ===== SUB_03 ===== */

.popup_install {width:100%;}

.popup_install .popup_install_inner {padding:50px 50px 50px 50px;}

.popup_install .inst_tit_01 {position:relative; width:100%; background:#00388c; color:#fff; letter-spacing:-0.5px; padding:18px 20px 20px 20px; box-sizing:border-box;}
.popup_install .inst_tit_01:after {content:"PROGRAM"; position:absolute; right:0px; bottom:-20px; display:block; color:rgba(255,255,255,0.08); font-size:80px; letter-spacing:0; font-weight:700;}
.popup_install .inst_tit_01 > h3 {font-size:24px; font-weight:500; margin:0 0 8px 0;}
.popup_install .inst_tit_01 > p {font-size:15.5px; font-weight:400; color:rgba(255,255,255,0.7);}

.popup_install .inst_tit_01.payment:after {content:"PAYMENT"; position:absolute; right:0px; bottom:-20px; display:block; color:rgba(255,255,255,0.08); font-size:80px; letter-spacing:0; font-weight:700;}

.popup_install .inst_tit_02 {width:100%; color:#555; letter-spacing:-0.5px; box-sizing:border-box; text-align:center;}

.popup_install .inst_tit_02 .icon_loading {display:inline-block; width:95px; height:95px; border-radius:95px; box-sizing: border-box;-webkit-box-shadow:0 5px 0 0 rgba(0, 0, 0, 0.15); box-shadow:0 5px 0 0 rgba(0, 0, 0, 0.15);}
.popup_install .inst_tit_02 .icon_loading {background:#f4f5f7 url(/images/inc/com_load_iCon02.gif) center no-repeat;}

.popup_install .inst_tit_02 > h2 {font-size:25px; color:#111; font-weight:500; margin:25px 0 12px 0;}
.popup_install .inst_tit_02 > p {font-size:17px; font-weight:400;}


/* ===== 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 .label_practice {display:inline-block; width:80px;}

.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="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;}

.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 #00388c; height:35px; outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 100, 230, .6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 100, 230, .6);}

.comForm input:disabled,
.comForm input[readonly],
.comForm input[readonly]:focus {background:#fafafa; color:#666; border:1px solid #ccc; box-shadow:none;}

.comForm .wj-content {border-radius:0; height:35px;}
.comForm .wj-content2 {border-radius:0; height:40px;}

/* 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:#00388c; background:#fff url(/images/console/inc/com_select_iCon01_02.png) no-repeat right center;}
.comForm select:focus {border:1px solid #00388c; outline:0;
-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 #00388c; outline: 0;
-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);}

/* virtual keypad */

.vkeypad_wrap {position:absolute; left:0; top:45px; z-index:1; width:300px; background:#fafafa; border:1px solid #999; -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); line-height:normal;}

.vkeypad_wrap .vkey_title {position:relative; width:100%; padding:10px 10px 12px 12px; border-bottom:1px solid #ddd; box-sizing:border-box; font-weight:500; color:#333; font-size:13.5px;}

.vkeypad_wrap .vkey_title .btn_close {position:absolute; top:15px; right:12px; display:inline-block; width:11px; height:11px;}
.vkeypad_wrap .vkey_title .btn_close {background:url(/images/inc/com_btn_close01.png) no-repeat center top;}
.vkeypad_wrap .vkey_title .btn_close > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.vkeypad_wrap .vkey_inner {width:100%; padding:12px 12px 12px 12px; box-sizing:border-box;}

.vkeypad_wrap .vkey_inner > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-5px; margin-right:-5px;}
.vkeypad_wrap .vkey_inner > ul > li {float:left; padding:0 5px; text-align:center; box-sizing:border-box;}
.vkeypad_wrap .vkey_inner > ul > li > a {display:block; width:100%; border-radius:3px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.vkeypad_wrap .vkey_inner > ul > li > a:hover {text-decoration:none;}

.vkeypad_wrap .vkey_inner > ul.vkey_numb > li {width:17%; margin-bottom:10px;}
.vkeypad_wrap .vkey_inner > ul.vkey_numb > li > a {background:#fff; color:#333; font-size:14px; font-weight:500; border:1px solid #bbb; height:40px; line-height:38px;}

.vkeypad_wrap .vkey_inner > ul.vkey_numb > li > a.vkey_lock {background:transparent url(/images/sub/sub07/sub07_sub02_iCon01_01.png) no-repeat center; border:none; cursor:default;}
.vkeypad_wrap .vkey_inner > ul.vkey_numb > li > a.vkey_lock > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.vkeypad_wrap .vkey_inner > ul.vkey_numb > li:nth-child(1),
.vkeypad_wrap .vkey_inner > ul.vkey_numb > li:nth-child(6),
.vkeypad_wrap .vkey_inner > ul.vkey_numb > li:nth-child(7),
.vkeypad_wrap .vkey_inner > ul.vkey_numb > li:nth-child(12) {width:16%;}

.vkeypad_wrap .vkey_inner > ul.vkey_btn > li {width:25%;}

.vkeypad_wrap .vkey_inner > ul.vkey_btn > li > a {background:#5a6069; color:#fff; border:1px solid #5a6069; height:30px; line-height:28px; font-size:12.5px;}
.vkeypad_wrap .vkey_inner > ul.vkey_btn > li > a.vkey_enter {background:#00388c; color:#fff; border:1px solid #00388c;}

/* checkbox01 */

.checkbox01 {display:inline-block;}
.checkbox01 label {cursor:pointer; display:inline-block; color:#555; transform:translateY(1px);}
.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 #ccc;}
/* .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; outline:0;}
.checkbox01 input[type="checkbox"]:checked {background:#00388c url(/images/console/inc/com_check_bg01_on.png) no-repeat center center; border:1px solid #00388c;}
.checkbox01 input[type="checkbox"]:disabled {background:#fff url(/images/console/inc/com_check_bg01.png) no-repeat center center;}
.checkbox01 input[type="checkbox"]:disabled:checked {background:#00388c url(/images/console/inc/com_check_bg01_on.png) no-repeat center center; outline:0; border:1px solid #00388c;}

/* apply_checkbox01 */

.apply_checkbox01 {display:inline-block; width:18px; height:18px; vertical-align:middle; border-radius:2px; border:1px solid #aaa;}
.apply_checkbox01 {background:#fff url(/images/console/inc/com_check_bg01.png) no-repeat center center;}
.apply_checkbox01.add_cart {background:#00388c url(/images/console/inc/com_check_bg01_on.png) no-repeat center center; border:1px solid #00388c;}
.apply_checkbox01.disabled {background:#fff url(/images/console/inc/com_check_bg02.png) no-repeat center center; border:1px solid #ddd; cursor:not-allowed;}
.apply_checkbox01 .check_info {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

/* radiobox01 */

.radiobox01 {display:inline-block;}
.radiobox01 label {cursor:pointer; color:#555; vertical-align:middle;} /* vertical-align:middle; ADD 2022.01.13 OMR */
.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; outline:0;}
.radiobox01 input[type="radio"]:checked {background:#00388c url(/images/console/inc/com_check_bg01_on.png) no-repeat center center; border:1px solid #00388c;}
.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:#00388c url(/images/console/inc/com_check_bg01_on.png) no-repeat center center; outline:0; border:1px solid #00388c;}

.radiobox01.lllcard_ex_wrap {position:relative;}
.radiobox01.lllcard_ex_wrap .lllcard_ex_img {opacity:0; position:absolute; right:-110px; top:-12px; z-index:1; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.radiobox01.lllcard_ex_wrap:hover .lllcard_ex_img {opacity:1;}

/* 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.c_card > dl > dd {width:23%;}

.table_style01.learning_consult .c_tel.c_card > dl > dd:first-child,
.table_style01.learning_consult .c_tel.c_card > dl > dd:last-child {width:24%;}

.table_style01.learning_consult .comForm.p_date input[type="text"] {width:calc(100% - 30px);}

.table_style01.learning_consult .c_tel.p_time > dl {width:100%;}
.table_style01.learning_consult .c_tel.p_time > dl > dd {width:48%;}
.table_style01.learning_consult .c_tel.p_time > dl > dd.divider {width:4%;}

/*.table_style01 .p_btn_refresh {position:absolute; top:15px; right:10px; display:inline-block; width:15px; height:15px; border:1px solid #888; border-radius:2px;}*/
.table_style01 .p_btn_refresh {position:absolute; top:10px; left:125px; right:10px; display:inline-block; width:15px; height:15px; border:1px solid #888; border-radius:2px;}
.table_style01 .p_btn_refresh {background:url(/images/inc/com_btn_close01.png) no-repeat center;}
.table_style01 .p_btn_refresh > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.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.colspan_02 {width:64%;}

.table_style01.learning_consult .c_tel > dl > dd input[type="text"],
.table_style01.learning_consult .c_tel > dl > dd input[type="password"],
.table_style01.learning_consult .c_tel > dl > dd input[type="checkbox"],
.table_style01.learning_consult .c_tel > dl > dd input[type="tel"],
.table_style01.learning_consult .c_tel > dl > dd input[type="file"],
.table_style01.learning_consult .c_tel > dl > dd select {width:100% !important;}

.table_style01.learning_consult .c_tel > dl > dd input[type="file"] {height:35px; line-height:35px;}

.table_style01.learning_consult .c_tel.input_wj > dl > dd input[type="tel"] {height:33px !important;}

.table_style01.learning_consult .c_tel .btn_style01 {height:35px; line-height:33px;}

.table_style01.learning_consult .c_tel .checkbox01,
.table_style01.learning_consult .c_tel .radiobox01 {height:35px; line-height:35px;}
.table_style01.learning_consult .c_tel .text {height:35px; line-height:35px;}
 

.table_style01.learning_consult .c_bank > dl {width:calc(100% - 20px);}
.table_style01.learning_consult .c_bank > dl > dd {float:left; }
.table_style01.learning_consult .c_bank > dl > dd:nth-child(1) {width:30%;}
.table_style01.learning_consult .c_bank > dl > dd:nth-child(3) {width:20%;}
.table_style01.learning_consult .c_bank > dl > dd:nth-child(5) {width:25%;}
.table_style01.learning_consult .c_bank > dl > dd.divider {width:2%; text-align:center; height:35px; line-height:35px; color:#555;}
.table_style01.learning_consult .c_bank > dl > dd input[type="text"],
.table_style01.learning_consult .c_bank > dl > dd input[type="password"],
.table_style01.learning_consult .c_bank > dl > dd input[type="checkbox"],
.table_style01.learning_consult .c_bank > dl > dd input[type="tel"],
.table_style01.learning_consult .c_bank > dl > dd input[type="file"],
.table_style01.learning_consult .c_bank > dl > dd select {width:100% !important;}
.table_style01.learning_consult .c_bank .btn_style01 {height:35px; line-height:33px;}
.table_style01.learning_consult .c_bank .text {height:35px; line-height:35px;}


.table_style01 .a_right_info {position:absolute; top:8px; right:12px; display:inline-block; font-size:13px; height:35px; line-height:35px;}
.table_style01 .a_right_info.info_input {right:30px;}

.table_style01 .a_right_info.sub_paper_row02 {top:15px;}
.table_style01 .a_right_info.sub_paper {top:3px;}

.learning_consult_agree {width:100%; text-align:center; font-size:15px;}
.learning_consult_agree .btn_style01.btn_xxs {line-height:18px; transform:translateY(-2px);}

/* practice */

.table_style01 .user_photo {position:relative; transform:translateY(-16px); width:140px; height:171px; background:#d5d8dd url(/images/sub/sub06/photo_no_image_01_01.png) no-repeat center top; background-size:contain; box-sizing:border-box; margin:0 auto; vertical-align:top;}

.table_style01 .user_photo .photo_upload {position:absolute; top:-8px; right:-8px;}

.table_style01 .user_photo .photo_upload label {position:absolute; top:0; right:0; width:35px; height:35px; border-radius:35px; background:#fff url(/images/sub/sub06/photo_iCon01_01.png) no-repeat center; border:1px solid #bbb; cursor: pointer; -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);}
.table_style01 .user_photo .photo_upload label > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.table_style01 .user_photo .photo_upload input[type="file"] {width:0; height:0; opacity:0; border-radius:35px;}

.table_style01 .user_photo .photo_img {display:block; width:140px; height:171px;}
.table_style01 .user_photo .photo_size {display:block; font-size:12px; color:#aaa; background:#fff; border:1px solid #ddd; height:34px; line-height:32px;}

/* 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 input[type="checkbox"],
.table_style01.board_write .comForm.input_full input[type="password"],
.table_style01.board_write .comForm.input_full select,
.table_style01.board_write .comForm.input_full switch,
.table_style01.board_write .comForm.input_full textarea {width:calc(100% - 20px); font-size:13px;}

.table_style01 .tagsinput {width:calc(100% - 20px) !important;}

.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 input[type="checkbox"],
.table_style01.board_write .comForm.input_full.mg0 input[type="password"],
.table_style01.board_write .comForm.input_full.mg0 select,
.table_style01.board_write .comForm.input_full switch,
.table_style01.board_write .comForm.input_full.mg0 textarea {width:100%;}

.table_style01.board_write .comForm.switch label {color:inherit;}
.table_style01.board_write .comForm textarea {display:block;}

.table_style01.board_write .comForm .wj-content .wj-form-control {font-size:13px;}

.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;}


/* ===== CLASS APPLY ===== */

/* class_apply_step */

.class_apply_step {width:100%; margin-bottom:30px;}
.class_apply_step > ul {width:100%; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box; border-left:1px solid #ccc;}
.class_apply_step > ul > li {position:relative; float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; text-align:center; color:#555;
							 border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff url(/images/sub/sub07/sub07_sub01_arrow03.png) no-repeat;
							 background-position:right 0 top -1px; padding-right:30px;}

.class_apply_step > ul > li:last-child {border-right:1px solid #ccc; background:none;}

.class_apply_step > ul > li .step_numb {letter-spacing:0; font-weight:700;}

.class_apply_step > ul > li.apply_done {color:#999; background:#fff url(/images/sub/sub07/sub07_sub01_arrow01.png) no-repeat; background-position:right 0 top -1px;}
.class_apply_step > ul > li.apply_done .step_numb {font-weight:400;}
.class_apply_step > ul > li.apply_done.step03 {background:#fff url(/images/sub/sub07/sub07_sub01_arrow03.png) no-repeat; background-position:right 0 top -1px;}
.class_apply_step > ul > li.apply_on {color:#00388c; font-weight:700; background:#f4f5f7 url(/images/sub/sub07/sub07_sub01_arrow02.png) no-repeat; background-position:right 0 top -1px;}
.class_apply_step > ul > li.apply_on:before {content:""; position:absolute; left:-29px; top:-1px; width:100%; height:2px; z-index:1; display:inline-block; background:#00388c;}

.class_apply_step > ul > li:first-child.apply_on:before {left:0; width:270px;}

.class_apply_step > ul > li.apply_on.step04 {background:#f4f5f7;}
.class_apply_step > ul > li.apply_on.step04:before {width:calc(100% + 30px);}


.class_apply_step.col_04 > ul > li {width:25%; height:60px; line-height:58px; font-size:14.5px;}
.class_apply_step.col_04 > ul > li:first-child {width:27%; padding-right:15px;}
.class_apply_step.col_04 > ul > li:last-child {width:23%; padding-right:15px;}

/* class_apply_container */

.class_apply_container {width:100%; min-height:500px;}
.class_apply_container.h_300 {min-height:300px;}
.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%;}

.class_apply_container > ul > li.list_Full {width:100%;}

/* apply_cart_wrap cart_fixed */

.cart_fixed_wrap {top:0; width:100%; z-index:97;}
.cart_fixed_wrap.cart_fixed {position:fixed; top:15px; width:278px; z-index:99; background:#fff;}

/* 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; font-size:13px; color:#555;}

.apply_cart_wrap .cart_inner .cart_list .cart_list_term {font-size:14px; color:#333; border-bottom:1px solid #ddd; padding:0 0 10px 0; margin:0 0 10px 0; letter-spacing:-0.2px;}

.apply_cart_wrap .cart_inner .cart_list > p {font-size:13px; color:#555; position:relative; border-bottom:1px dotted #ddd; padding:0 25px 10px 0; margin:0 0 10px 0;
											 text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.apply_cart_wrap .cart_inner .cart_list > p .cart_numb {color:#999; letter-spacing:0;}
.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_list.empty_cart {text-align:center; color:#aaa;}
.apply_cart_wrap .cart_inner .cart_list.empty_cart .iCon_cart {display:block; margin:0 auto; margin-top:calc(50% - 20px); margin-bottom:10px;}

/* cart_footer */

.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:18px 20px 15px 20px; text-align:center; font-size:14px;}

.class_apply_period > dl {display:inline-block; box-sizing:border-box;}
/* .class_apply_period > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box;} display 변경 - 가운데 정렬 2022.02.15 OMR */
.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;}

/* class_package_wrap */

.class_package_wrap {width:100%;}
.class_package_wrap > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box;}
.class_package_wrap > ul > li {width:100%; float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; position:relative; margin-bottom:-10px;}

.class_package_wrap.pack_col02 > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box; margin-left:-10px; margin-right:-10px;}
.class_package_wrap.pack_col02 > ul > li {width:50%; padding:0 10px; margin-bottom:20px;}

.class_package_wrap.pack_col04 > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box; margin-left:-10px; margin-right:-10px;}
.class_package_wrap.pack_col04 > ul > li {width:25%; padding:0 10px; margin-bottom:20px;}

/* class_package_box */

.class_package_wrap > ul > li .class_package_box {width:100%; margin-bottom:10px;}
.class_package_wrap > ul > li .class_package_box > dl {width:100%; display:inline-block; letter-spacing:-0.5px; border:1px solid #ccc; border-radius:10px 0 10px 0; box-sizing:border-box; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.class_package_wrap > ul > li .class_package_box > dl: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);}

.class_package_box > dl > dt,
.class_package_box > dl > dd {float:left; height:242px; box-sizing:border-box; padding:30px 30px 30px 30px; font-size:13.5px; letter-spacing:-0.5px; font-weight:400; color:#555;}

.class_package_box > dl > dt {width:35%; border-right:1px solid #ddd;}
.class_package_box > dl > dd:nth-child(2) {width:35%;}
.class_package_box > dl > dd:nth-child(3) {width:30%;}

.class_package_box > dl > dd.none_package {width:100%; text-align:center; color:#888; font-weight:300; font-size:13.5px;}
.class_package_box > dl > dd.none_package img {display:block; margin:0 auto; margin-top:40px; margin-bottom:20px;}

/* pack_title */

.class_package_box > dl > dt .pack_title {height:100%; position:relative;}
.class_package_box > dl > dt .pack_title strong {font-weight:500;}

.class_package_box > dl > dt .pack_title .pack_title_tag {width:100%; margin-bottom:15px;}
.class_package_box > dl > dt .pack_title .pack_title_tag > .apply_tag {display:inline-block; background:#fff; border:1px solid #bbb; color:#555; padding:1px 0 2px 0; text-align:center; box-sizing:border-box; line-height:19px; height:25px; border-radius:2px; font-size:12px; font-weight:400; letter-spacing:-0.5px; width:calc(50% - 5px);}

.class_package_box > dl > dt .pack_title .pack_title_tag > .apply_tag.tag_01 {background:#fff; border:1px solid #00388c; color:#00388c;} /* 개강예정 */
.class_package_box > dl > dt .pack_title .pack_title_tag > .apply_tag.tag_02 {background:#00388c; border:1px solid #00388c; color:#fff;} /* 모집중 */
.class_package_box > dl > dt .pack_title .pack_title_tag > .apply_tag.tag_03 {background:#fff; border:1px solid #ff2400; color:#ff2400; animation:blink_deadline 0.6s ease 0.6s infinite alternate;} /* 마감임박 */
.class_package_box > dl > dt .pack_title .pack_title_tag > .apply_tag.tag_04 {background:#fff; border:1px solid #5a6069; color:#5a6069;} /* 폐강 */
.class_package_box > dl > dt .pack_title .pack_title_tag > .apply_tag.tag_05 {background:#333; border:1px solid #333; color:#fff;} /* 정원초과 */
.class_package_box > dl > dt .pack_title .pack_title_tag > .apply_tag.tag_06 {background:#5a6069; border:1px solid #5a6069; color:#fff;} /* 마감 */

.class_package_box > dl > dt .pack_title .title {font-size:22px; font-weight:700; color:#111; margin:0 0 10px 0;}
.class_package_box > dl > dt .pack_title .title .apply_checkbox01 {vertical-align:top; transform:translateY(5px);}
.class_package_box > dl > dt .pack_title .summury {font-size:14px; color:#333; padding:0 0 0 32px;}

.class_package_box > dl > dt .pack_title .info {position:absolute; left:0; bottom:0;}
.class_package_box > dl > dt .pack_title .info > p {margin-top:6px;}
.class_package_box > dl > dt .pack_title .info .iCon_info {display:inline-block; width:13px; height:15px; vertical-align:middle; margin-right:3px; transform:translateY(-1px);}
.class_package_box > dl > dt .pack_title .info .iCon_info {background:#fff url(/images/sub/sub07/sub07_sub01_iCon03_01.png) no-repeat center center;}

/* pack_contents */

.class_package_box > dl > dd .pack_contents {height:100%;}
.class_package_box > dl > dd .pack_contents strong {font-weight:500;}
.class_package_box > dl > dd .pack_contents > ul {width:100%; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box;}
.class_package_box > dl > dd .pack_contents > ul > li {width:100%; float:left; box-sizing:border-box;}
.class_package_box > dl > dd .pack_contents > ul > li > p {margin-bottom:15px; color:#555;}
.class_package_box > dl > dd .pack_contents > ul > li > p.disabled {color:#aaa;}

.class_package_box > dl > dd .pack_contents > ul > li > p .p_check {display:inline-block; width:12px; height:12px; vertical-align:middle; border-radius:2px; margin-right:6px; border:1px solid #aaa;}
.class_package_box > dl > dd .pack_contents > ul > li > p .p_check {background:#fff url(/images/console/inc/com_check_bg03_01.png) no-repeat center center;}
.class_package_box > dl > dd .pack_contents > ul > li > p.checked .p_check {background:#00388c url(/images/console/inc/com_check_bg03_01_on.png) no-repeat center center; border:1px solid #00388c;}
.class_package_box > dl > dd .pack_contents > ul > li > p.disabled .p_check {background:#fff url(/images/console/inc/com_check_bg03_02.png) no-repeat center center; border:1px solid #ddd; cursor:not-allowed;}

/* pack_price_apply */

.class_package_box > dl > dd .pack_price_apply {height:100%; position:relative; text-align:right;}

.class_package_box > dl > dd .pack_price_apply .price_tag {position:absolute; top:0; right:0; width:200%; margin-bottom:10px;}
.class_package_box > dl > dd .pack_price_apply .price_tag > span {display:inline-block; background:#aaa; border:1px solid #aaa; color:#fff; padding:2px 3px 3px 2px;
																  line-height:12px; border-radius:2px; font-size:12.5px; font-weight:400; letter-spacing:-0.5px; margin-left:2px;}

.class_package_box > dl > dd .pack_price_apply .txt_iCon {position:absolute; left:-46px; top:31px; opacity:0.5; color:#00388c; border:2px solid #00388c; background:#fff; padding:1px 5px 1px 5px; border-radius:3px; transform:rotate(-20deg);}

/* pack_price_info */
.class_package_box > dl > dd .pack_price_apply .pack_price_info {display:inline-block; margin-top:31px;}

.class_package_box > dl > dd .pack_price_apply .pack_price_info .dis_text {display:inline-block; font-size:16px; font-weight:500; color:#111; position:relative;}
.class_package_box > dl > dd .pack_price_apply .pack_price_info .dis_text:after {content:""; display:inline-block; width:100%; height:5px; position:absolute; left:0; bottom:0; background:rgba(70,100,230,0.2);}
.class_package_box > dl > dd .pack_price_apply .pack_price_info .dis_text .discount {color:#00388c; letter-spacing:0;}

.class_package_box > dl > dd .pack_price_apply .pack_price_info .dis_price {font-size:14px; color:#666; font-weight:400; margin-top:7px; letter-spacing:0;}
.class_package_box > dl > dd .pack_price_apply .pack_price_info .dis_price .price {font-size:18px; margin-left:3px; color:#00388c;}

.class_package_box > dl > dd .pack_price_apply .btn_apply {position:absolute; right:0; bottom:0; width:100%;}
.class_package_box > dl > dd .pack_price_apply .btn_apply .btn_style01 {width:100%;}

/* package_step_box */

.package_step_box {width:100%; display:block; letter-spacing:-0.5px; border:1px solid #ccc; border-radius:10px 0 10px 0; box-sizing:border-box; padding:30px 30px 30px 30px; box-sizing:border-box; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.package_step_box: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);}

.package_step_box .pack_numb {font-size:16px; font-weight:700; color:#aaa; letter-spacing:0;}
.package_step_box .pack_title {font-size:22px; font-weight:500; color:#333; margin:15px 0 20px 0; padding:0 0 20px 0; border-bottom:1px dotted #ccc;}
.package_step_box .pack_title .tit_info {color:#999;}
.package_step_box .pack_title .tit_sat {color:#0170c9;}
.package_step_box .pack_title .tit_sun {color:#cc0000;}

.package_step_box .pack_info {position:relative; color:#555; font-size:13.5px; margin:10px 0 0 0; letter-spacing:0;}
.package_step_box .pack_info::before {content:""; clear:both; display:inline-block; width:3px; height:3px; margin:0 3px 3px 0; background:#aaa;}

/* apply_recom_box */

.apply_recom_box {width:100%; box-sizing:border-box; border:1px solid #aaa; padding:15px 15px 15px 15px; -webkit-box-shadow:0 3px 0 0 rgba(0, 0, 0, 0.08); box-shadow:0 3px 0 0 rgba(0, 0, 0, 0.08);}
.apply_recom_box > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box; margin-left:-10px; margin-right:-10px;}
.apply_recom_box > ul > li {position:relative; float:left; width:50%; box-sizing:border-box; padding:0 10px; font-weight:400; font-size:13px; letter-spacing:-0.5px; color:#555;}

.apply_recom_box > ul > li .comForm input[type="text"],
.apply_recom_box > ul > li .comForm input[type="password"] {width:100%; height:40px; font-size:13.5px; padding-left:10px;}

/* apply_price_box */

.apply_price_box {width:100%; box-sizing:border-box; border:1px solid #aaa; padding:15px 15px 15px 15px; -webkit-box-shadow:0 3px 0 0 rgba(0, 0, 0, 0.08); box-shadow:0 3px 0 0 rgba(0, 0, 0, 0.08);}
.apply_price_box > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box; margin-left:-10px; margin-right:-10px;}
.apply_price_box > ul > li {position:relative; float:left; box-sizing:border-box; padding:0 10px; font-weight:400; font-size:13.5px; text-align:center; letter-spacing:-0.5px; color:#555; border-right:1px solid #ddd;}
.apply_price_box > ul > li.total_price {font-size:14.5px; border-right:none;}

.apply_price_box.col_03 > ul > li {width:33%; height:30px; line-height:30px;}
.apply_price_box.col_03 > ul > li:nth-child(2) {width:34%;}

/* apply_notice_box */

.apply_notice_box {width:100%; height:160px; overflow-y:auto; border:1px solid #ddd; background:#fff; padding:15px 20px 15px 20px; box-sizing:border-box;}

.apply_icon_loading {display:inline-block; width:95px; height:95px; border-radius:95px; box-sizing: border-box;-webkit-box-shadow:0 5px 0 0 rgba(0, 0, 0, 0.15); box-shadow:0 5px 0 0 rgba(0, 0, 0, 0.15);}
.apply_icon_loading {background:#f4f5f7 url(/images/inc/com_load_iCon02.gif) center no-repeat;}

/* apply_dis_coupon */

.table_style01 .apply_dis_coupon {padding-left:5px;}

.table_style01 .apply_dis_coupon > dl {width:calc(100% - 20px);}
.table_style01 .apply_dis_coupon > dl > dd {float:left; height:35px; line-height:33px;}
.table_style01 .apply_dis_coupon > dl > dd.divider {width:2%; text-align:center; height:35px; line-height:33px; color:#555;}

.table_style01 .apply_dis_coupon .btn_style01 {height:35px; line-height:33px; vertical-align:middle;}

.table_style01 .apply_dis_coupon.col_03 > dl > dd {width:32%;}

.table_style01 .apply_dis_coupon.col_coupon > dl > dd:nth-child(2),
.table_style01 .apply_dis_coupon.col_coupon > dl > dd:nth-child(3) {width:30%; margin-left:5px;}

.table_style01 .apply_dis_coupon.col_coupon > dl > dd:nth-child(2) select,
.table_style01 .apply_dis_coupon.col_coupon > dl > dd:nth-child(3) input[type="text"] {width:calc(100% - 80px); vertical-align:middle;}

.table_style01 .apply_dis_coupon.col_coupon > dl > dd.code_input {width:50%; margin-left:-5px;}
 
 
/* ===== MEMBER ===== */

/* memb_login_sns */

.memb_login_sns {width:100%; text-align:center; margin-bottom:52px;}
.memb_login_sns > ul {display:inline-block; margin-left:-10px; margin-right:-10px;}
.memb_login_sns > ul > li {float:left; width:100px; box-sizing:border-box; font-weight:400; padding:0 10px;}

.memb_login_sns > ul > li .btn_sns {position:relative; display:inline-block; width:40px; height:40px; border-radius:40px;}
.memb_login_sns > ul > li .btn_sns > span {position:absolute; left:-30px; bottom:-28px; width:100px; font-size:12.5px; text-align:center; color:#555; letter-spacing:-0.5px;}

.memb_login_sns > ul > li .btn_sns.btn_nv {background:#2db403 url(/images/member/sns_login_iCon01_01.png) no-repeat center;}
.memb_login_sns > ul > li .btn_sns.btn_kko {background:#fece09 url(/images/member/sns_login_iCon02_01.png) no-repeat center;}
.memb_login_sns > ul > li .btn_sns.btn_fb {background:#4266b2 url(/images/member/sns_login_iCon03_01.png) no-repeat center;}
.memb_login_sns > ul > li .btn_sns.btn_gg {background:#ed3721 url(/images/member/sns_login_iCon04_01.png) no-repeat center;}
.memb_login_sns > ul > li .btn_sns.btn_ap {background:#000 url(/images/member/sns_login_iCon05_01.png) no-repeat center;}

.memb_login_sns > ul > li .btn_sns.btn_nv.btn_off {background:#9ca0a5 url(/images/member/sns_login_iCon01_01.png) no-repeat center;}
.memb_login_sns > ul > li .btn_sns.btn_kko.btn_off {background:#9ca0a5 url(/images/member/sns_login_iCon02_02.png) no-repeat center;}
.memb_login_sns > ul > li .btn_sns.btn_fb.btn_off {background:#9ca0a5 url(/images/member/sns_login_iCon03_01.png) no-repeat center;}
.memb_login_sns > ul > li .btn_sns.btn_gg.btn_off {background:#9ca0a5 url(/images/member/sns_login_iCon04_01.png) no-repeat center;}
.memb_login_sns > ul > li .btn_sns.btn_ap.btn_off {background:#9ca0a5 url(/images/member/sns_login_iCon05_01.png) no-repeat center;}

#appleid-signin {opacity:0; position:absolute; left:-15px; top:0; width:70px; z-index:1;}
#appleid-signin div {min-width:70px !important; height:100%;}

/* 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; align-items: center; justify-content: center;}
.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.single {width:50%; margin:0 auto;}
.memb_box_wrap.box_col_01 > ul > li {width:100%;}
.memb_box_wrap.box_col_02 > ul > li {width:50%;}
.memb_box_wrap.box_col_03 > ul > li {width:33.3%;}

.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:underline;}

.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_box_wrap2 */

.memb_box_wrap.memb_box_wrap2 > ul > li {float:left; width:33.3%; box-sizing:border-box; font-weight:400; padding:0 10px;}
.memb_box_wrap.memb_box_wrap2 > ul > li .box_inner .memb_footer_btn > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; flex-direction:column ; margin-left:-10px; margin-right:-10px;}
.memb_box_wrap.memb_box_wrap2 > ul > li .box_inner .memb_footer_btn > dl > dd {float:left; box-sizing:border-box; font-weight:400; font-size:15px; padding:0 10px;}
.memb_box_wrap.memb_box_wrap2 > ul > li .box_inner .memb_footer_btn > dl > dd > a:hover {text-decoration:underline;}
.memb_box_wrap.memb_box_wrap2 > ul > li .box_inner .memb_footer_btn.login_normal > dl > dd {width:100%; margin-bottom: 10px}
.memb_box_wrap.memb_box_wrap2 .checkbox01 label {font-size: 15px}
.memb_box_wrap.memb_box_wrap2 > ul > li .box_inner .box_input_wrap .memb_login_text {font-size:13px;}


/* 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_04 > dl > dd {width:25%;}

.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.col_06 > dl > dd {width:17%;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm.col_06 > dl > dd:nth-child(1) {width:16%;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm.col_06 > dl > dd:nth-child(2) {width:16%;}

.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_06 {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.confirm_06.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:#00388c;}
.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:0; 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:#00388c;}

.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%;}

/* label_title */

.memb_box_wrap > ul > li .box_inner .memb_info_input .info_text {width:100%; height:40px; line-height:40px; color:#555; font-size:15px;}
.memb_box_wrap > ul > li .box_inner .memb_info_input .info_text .divider {display:inline-block; width:1px; height:13px; background:#ccc; vertical-align:middle; margin:0 6px 0 6px;}
.memb_box_wrap > ul > li .box_inner .memb_info_input .info_text strong {font-weight:500;}
.memb_box_wrap > ul > li .box_inner .memb_info_input .info_text .sns_connect {display:inline-block; min-width:80px; color:#333;}

/* 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 input[type="password"],
.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:#00388c; 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:#00388c; 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:#00388c; 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; transform:translateY(2px);}
.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:#00388c; 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:#00388c; -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);}

/* class_stat_text */

.class_stat_text {width:100%;}

.class_stat_text > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.class_stat_text > dl > dt,
.class_stat_text > dl > dd {float:left; box-sizing:border-box; font-size:12.5px; font-weight:400;}

.class_stat_text > dl > dt {width:45%; position:relative; color:#888;}
.class_stat_text > dl > dt:after {content:":"; position:absolute; right:0; top:1px; display:inline-block; color:#aaa;}
.class_stat_text > dl > dd {width:55%; text-align:right; letter-spacing:0; font-weight:500;}

/* 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:#00388c;}


/* cart 체크박스 2021.12.14 체크 필요 */
.table_style01 > table .cart_view > a.check {background:url(/images/inc/cart_01.png) no-repeat center;}
.table_style01 > table .cart_view > a.check:hover, .table_style01 > table .cart_view > a.check.active {background:url(/images/inc/cart_02.png) no-repeat center;}


/* 페이지설정 tag 2021.12.31 체크 필요 */

div.tagsinput {border:1px solid #ddd; background: #FFF; padding:5px; width:346px !important; overflow-y:auto;}
div.tagsinput.board {border:1px solid #ddd; background: #FFF; padding:5px; width:700px !important; overflow-y:auto;}
div.tagsinput span.tag { border: 1px solid #00388c; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding:2px 5px 2px 5px; text-decoration:none; background: #00388c; color: #fff; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #fff; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 

.tags_clear { clear: both; width: 100%; height: 0px; }


/* landing_contents */

.landing_contents {padding:0 0 0 0;}
.landing_contents .container {position:relative;}
.landing_contents img {display:block;}

/*labeling*/
.labeling h2 {text-align: center; font-size: 21px; font-weight: 500; margin: 57px 0 15px}

.labeling .tab_wrap {display:flex; justify-content: space-around; align-items: center; width: 100%; border: 1px solid #CCCCCC; border-radius: 30px 0 30px 0;}
.labeling .tab_wrap .tab {width: 16.6%; padding: 16px 0; border-left: 1px solid #cccccc}
.labeling .tab_wrap li:first-child {border:none}
.labeling .tab_wrap .tab .icon {position: relative; width: 70px; height: 70px; margin: 0 auto; background-color: #F5F5F5; border-radius: 35px;}
.labeling .tab_wrap .tab .icon svg,
.labeling .tab_wrap .tab .icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.labeling .tab_wrap .tab .icon svg.icon3 {left:57%}
.labeling .tab_wrap .tab p {margin-top: 10px;  text-align:center; font-size: 14px; font-weight:400;}

.labeling .list_wrap {display: flex; justify-content: space-between; align-items: center; padding: 22px 30px 22px 40px; background-color: #FAFAFA}
.labeling .list_wrap .list {list-style: disc; line-height: 26px; font-size: 14px; font-weight: 400; color:#222}



/* img_wrap */
.img_wrap > ul {display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px;}
.img_wrap > ul .img_box {width:33%; position: relative; }
.img_wrap > ul .img_box::after {display: block; content: ""; padding-bottom: 100%;}
.img_wrap > ul .img_box > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: fill;}

/*etc*/
.bus_tag {width:60px; display: inline-block;}
.info_wrap {padding-bottom: 10px;}


/*sub08  img*/
.process_wrap { display: flex; align-items: stretch; justify-content: center; text-align: center; }
.process_wrap .chapter {margin-right: 60px;}
.process_wrap .chapter:last-child {margin-right: 0px;}
.process_wrap .chapter .icon_box {margin: 0 auto; width: 50px; height: 50px; margin-bottom: 14px;}
.process_wrap .chapter .text_box {height: calc(100% - 50px); display: flex; align-items: center; justify-content: center;  position: relative; width: 100%; font-size: 15px; font-weight: 500; color: #333}
.process_wrap .chapter .text_box span.add { font-size: 14px; font-weight: 400; color: #555}
.process_wrap .chapter .text_box::after { content: ">"; background-color: #fafafa; padding: 5px 10.5px; position: absolute; top: 50%; right: -47px; transform: translateY(-50%); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.process_wrap .chapter:last-child .text_box::after {content: none;}