/* ===== SUB COMMON ===== */
#container {position: relative;}
/* sub_title */
.sub_title {
	width: 100%; 
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
.sub_title.sub01 {background-image: url(/img/sub/sub01_title.png);}
.sub_title.sub02 {background-image: url(/img/sub/sub02_title.png);}
.sub_title.sub03 {background-image: url(/img/sub/sub03_title.png);}
.sub_title.sub04 {background-image: url(/img/sub/sub04_title.png);}
.sub_title.sub05 {background-image: url(/img/sub/sub05_title.png);}
.sub_title h2 {font-size: 40px; line-height: 180px; text-align: center; color: #fff}

/* sub_gnb */
.sub_map_wrap {
	width: 100%;
	border-bottom: 1px solid #DEDEDE;
}
.sub_map_wrap .sub_map {
	width: 1100px; margin: 0 auto;
	display: flex; align-items: stretch; justify-content: flex-start;
}
.sub_map_wrap .sub_map > li {
	position: relative;
	line-height: 50px;
}
.sub_map_wrap .sub_map > li > a{display: block;  padding: 0 80px 0 15px;}
.sub_map_wrap .sub_map > li > a::after {
	content: ">";
	position: absolute; top: 50%; right: 10px;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.sub_map_wrap .sub_map > li:last-child > a::after{content: none;}

.sub_map_wrap .sub_map .home {padding-left: 40px;}
.sub_map_wrap .sub_map .home::before{
	content: url(/img/sub/icon_home.png);
	position: absolute; top: 56%; left: 12px;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.sub_map_wrap .sub_map .list {
	display: none;
	position: absolute; top:50px; left: 0; right: 0; z-index: 100;
	border: 1px solid #DEDEDE;
	background-color: #fff;
}
.sub_map_wrap .sub_map .list > li {border-bottom: 1px solid #DEDEDE;}
.sub_map_wrap .sub_map .list > li > a { padding-left: 15px; line-height: 35px;}
.sub_map_wrap .sub_map .list > li > a.on {font-weight: 700;}
.sub_map_wrap .sub_map .list > li:last-child {border-bottom: none;}
.sub_map_wrap .sub_map .list > li:hover {background-color: #919aa7;}
.sub_map_wrap .sub_map .list > li:hover > a {color: #fff;}


/* info table */
.info_table { width: 100%;}
.info_table tr th,
.info_table tr td { 
	border-right: 1px solid #fff; border-bottom: 2px solid #fff;
	padding: 10px 15px 10px 45px;
	text-align: left;
}
.info_table tr th {
	background-color: #1860E8; 
	color: #fff;
}
.info_table tr td { background-color: #F6F7F8; }
.info_table tr td .dot {padding-left: 12px; position: relative;}
.info_table tr td .dot::before {
	content: "";
	width: 6px;	height: 6px;
	background-color: #1860E8;
	position: absolute; left: 0; top: 50%;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
	border-radius: 50%;	-webkit-border-radius: 50%;	-moz-border-radius: 50%;	-ms-border-radius: 50%;	-o-border-radius: 50%;
}

.info_table2 { width: 100%;}
.info_table2 tr th,
.info_table2 tr td { 
	padding: 11px 0 ;
	border-right: 1px solid #fff; border-bottom: 2px solid #fff;
	text-align: center;
}
.info_table2 tr th {
	padding: 14px 0;
	background-color: #555; 
	color: #fff;
}
.info_table2 tr td { background-color: #fff; }

/* dot */
.dot {
	padding-left: 15px; margin-bottom: 5px; 
	position: relative;
}
.dot::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
	position: absolute;	top: 50%; left: 0;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.b_dot::before {background-color: #555;}


/* mark */
section h3 { font-size: 20px; position: relative;}
section h5 { font-size: 18px; position: relative;}
section h6 { font-size: 16px; position: relative;}
section .numbering::before {
	font-size: 20px; color: #fff; font-weight: 700; text-align: center; line-height: 30px;
	width: 30px; height: 30px;
	background-color: #1860E8;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; 
	position: absolute; top: 50%; left: 0;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
section .num01::before {content: "1";}
section .num02::before {content: "2";}
section .num03::before {content: "3";}
section .num04::before {content: "4";}

section .width_bar::before {
	content:"";
	width: 24px; height: 3px;
	background-color: #1860E8;
	position: absolute; top: -17px; left: 0;
}



/* ===== CONSULT_WRAP ===== */
.consult_wrap {padding: 55px 0;}
.consult_part_wrap {
	width: 100%;
	background-color: #000;
	padding: 24px 28px;
	display: grid; grid-template-columns: 1.4fr 4.6fr 1fr; column-gap: 24px;
	border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
}

.consult_title input[type=checkbox] {display: none;}
.consult_title input[type=checkbox] + label {
	padding-left: 15px; position: relative; 
	font-size: 12px; color:#fff; line-height: 14px;
	cursor: pointer;
}
.consult_title input[type=checkbox] + label::before{
	content: "\f0c8";
	font: var(--fa-font-regular);
	position: absolute; top: 50%; left: 0;
	transform: translateY(-50%) ; -webkit-transform: translateY(-50%) ; -moz-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; -o-transform: translateY(-50%) ;
}
.consult_title input[type=checkbox]:checked + label::before{ content: "\f14a"; font: var(--fa-font-regular);}
.consult_title span {
	font-size: 10px;
	border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px; -ms-border-radius: 4px;	-o-border-radius: 4px;
	background-color: #fff;
	padding: 2px 4px; margin-left: 5px;
	cursor: pointer;
}
.consult_submit_btn { 
	width: 100%;
	font-size: 20px; line-height: 51px; font-weight: 700; text-align: center;
	background-color: #fff; 
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; 
}
.consult_info {display: grid; grid-template-columns: 25% 35% 37%; column-gap: 10px;}
.consult_info input[type=text],
.consult_info select {
	width: 100%; 
	border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; 
	line-height: 47px; font-size: 16px;
	padding: 0 18px;
}
.consult_info input[type=text]::placeholder {color: #888}


/* ===== SUB01 ===== */
.all_subject_list {
	padding: 55px 0 60px;
	display: grid; 
	grid-template-columns: repeat(4, 1fr); column-gap: 13px;
	grid-template-rows: repeat(4, 1fr); row-gap: 20px;
}
.all_subject_list .subject_link {
	display: block;
	font-size: 16px; line-height: 50px; text-align: center; color: #555; font-weight: 500;
	border: 1px solid #D9D9D9;
	border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;
	transition-duration: 0.5s;
}
.all_subject_list .subject_link:hover {
	border: 1px solid #1860E8;
	color: #1860E8
}

.choice_reason {background: #F6F7F8; padding: 87px 0 99px;}
.reason_list {
	display: flex; align-items: stretch; justify-content: space-between; column-gap: 13px;
	margin-top: 36px;
}
.reason_list > li {
	width: 25%;
	padding: 36px 39px 42px 81px;
	background-color: #fff;
	border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
}
.reason_list .reason .numbering::before {left: -40px;}


.license_get_way {padding: 77px 0 90px;}
.license_get_way .license_title {
	background-color: #1860E8;
	border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
	text-align: center; color: #fff; line-height: 80px;
}
.license_get_way .get_way {
	margin-top: 54px;
	display: flex; align-items: stretch; justify-content: space-around;
	text-align: center;
}

.license_get_way .get_way > li {padding: 60px 10px 0; position: relative;}
.license_get_way .get_way > li::before {
	position: absolute; top: 0; left: 50%;
	transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.license_get_way .get_way .get_way01::before {content: url(/img/sub/get_way01.png);}
.license_get_way .get_way .get_way02::before {content: url(/img/sub/get_way02.png);}
.license_get_way .get_way .get_way03::before {content: url(/img/sub/get_way03.png);}
.license_get_way .get_way .get_way04::before {content: url(/img/sub/get_way04.png);}
.license_get_way .get_way .get_way05::before {content: url(/img/sub/get_way05.png);}
.license_get_way .get_way > li::after {
	content: "\f054";
	font: var(--fa-font-solid); font-size: 25px;
	position: absolute;	top: 50%; right: -100%;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); 
}
.license_get_way .get_way > li:last-child::after{ content: none;}
.sub01_register_course {
	display: block; 
	line-height: 100px; font-size: 20px; font-weight: 700; text-align: center; color: #fff;
	background-color: #1860E8; 
}
.sub01_register_course:hover {color: #fff}

.menu_title {position: relative; width: 100%; height: 560px; overflow:hidden;}
.menu_title .menu_title_img {
	text-align: center;
	position: absolute; top: 0; right: -200%; bottom: 0; left: -200%;
}
.menu_title.menu01 {background-color: #A3D7FF;}
.menu_title.menu02 {background-color: #FFF4B7;}
.menu_title.menu03 {background-color: #6EC9BD;}
.menu_title.menu04 {background-color: #ffc001;}
.menu_title.menu05 {background-color: #ffb2ac;}
.menu_title.menu06 {background-color: #ffce83;}
.menu_title.menu07 {background-color: #ff8b26;}
.menu_title.menu08 {background-color: #ADE175;}
.menu_title.menu09 {background-color: #f1f9fe;}
.menu_title .menu_title_img > img { max-width: 100%; max-height: 100%;}

.license_info {padding: 61px 0 71px;}
.cover_letter_tip {background-color: #F6F7F8; padding: 57px 0 80px;}
.cover_letter_tip .tip::before {
	content:"TIP";
	border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; 
	position: absolute; top: 50%; left: 0; 
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
	font-size: 20px; line-height: 30px; color: #fff; font-weight: 700;
	background-color: #FF0000; 
	padding: 0 8px;
}
.cover_letter_wrap { 
	margin-top: 35px;
	display: flex; align-items: center; justify-content: space-between; column-gap: 43px; 
}
.cover_letter_wrap .cover_letter {width: 33%; position: relative;}
.cover_letter_wrap .cover_letter > img {width: 100%;}
.cover_letter_wrap .cover_letter > p {
	position: absolute; top: 38.5%;	left: 45%;
	transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ;
}
.cover_letter_wrap .write_tip {
	position: relative;
	width: 67%;
	background-color: #fff;
	padding: 31px 55px;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
}
.cover_letter_wrap .write_tip::before {
	content: url(/img/sub/sub01_cover_letter_icon.png);
	position: absolute; top: 50%; left: -18px;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
	
}

.advantage_wrap {padding: 60px 0 70px;}
.advantage_wrap .job_part {display: grid; grid-template-columns: repeat(3, 1fr);}
.advantage_wrap .job_part img {width: 100%;}

.payment_wrap {background-color: #F6F7F8; padding: 75px 0;}
.b_bar::before {
	content: "";
	width: 6px; height: 16px; background-color: #555;
	position: absolute; top: 50%; left: 0;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}


/* ===== SUB02 ===== */
.sub_title02 {padding: 62px 0 48px;}
.identity_wrap {background-color: #F6F7F8; padding: 55px 0;}
.identity_list {
	display: grid; 
	grid-template-columns: repeat(3, 1fr); column-gap: 20px;
	grid-auto-rows: minmax(216, auto); row-gap: 21px;
}
.identity_list .identity_img { 
	border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; 
	overflow: hidden;
}
.identity_list .identity_img > img {
	display: block; 
	width: 100%;
}
.identity_list .identity_info { 
	border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;
	background-color: #fff;
	padding: 41px 32px 50px;
	position: relative;
}
.identity_list .identity_info::before {
	content: "";
	width: 1px; height: 21px; background-color: #000;
	position: absolute; top: -21px; left: 52px;
}
.identity_list .identity_info > p {	word-break: auto-phrase; white-space: pre-line; margin-top: 10px;}

.greeting_wrap {padding: 40px 0 110px}


.transportation {padding: 45px 0 115px; }
.transportation .transport > ul {display: flex; align-items: center; justify-content: flex-start; column-gap: 6px;}
.transportation .transport > ul > li { 
	line-height: 34px; padding: 0 12px;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; 
}
.transportation .transport > ul > li.b_title {
	color: #005DBC;
	border: 1px solid #005DBC; 
}
.transportation .transport > ul > li.b_line {
	border: 1px solid #005DBC; 
	background-color: #EBF2FA;
}
.transportation .transport > ul > li.g_title {
	color: #3F9837;
	border: 1px solid #3F9837; 
}
.transportation .transport > ul > li.g_line {
	border: 1px solid #3F9837; 
	background-color: #EDFAEB;
}

/* ===== SUB03 ===== */
.course_wrap {
	position: relative;
	width: 1100px; 
	margin: 0 auto; padding-bottom: 150px; 
	display: flex; align-items: flex-start; justify-content: space-between; column-gap: 20px;
}
.course_list {width: 70%; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 25px;}
.course_list input[type=checkbox] {display: none;}
.course_list .course_item { 
	cursor: pointer;
	padding: 40px 49px 40px 81px;
	border: 1px solid #b8b8b8;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; 
}
.course_list input[type=checkbox]:checked + label .course_item {border: 1px solid #1860E8;}
.course_list .course_item .course_name {
	position: relative;
	display: flex; align-items: center; justify-content: flex-start; column-gap: 15px; 
	margin-bottom: 32px;
}
.course_list .course_item .course_name::before {
	content:"\f0c8"; font: var(--fa-font-regular);
	position: absolute; top: 50%; left: -30px;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.course_list input[type=checkbox]:checked + label .course_name::before{content:"\f14a"; font: var(--fa-font-regular); color: #1860E8}
.course_list input[type=checkbox]:disabled + label .course_name::before{content:"\f146"; font: var(--fa-font-regular); color: #999}

.course_list .course_item .course_name > p {
	width: 455px;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
	font-size: 14px;
}

.course_info {
	display: grid; 
	grid-template-columns: 1fr 3fr 1fr 3fr; row-gap: 5px;
}
.course_info .title {color: #999; position: relative; padding-left: 10px;}
.course_info .title::before { 
	content: "";
	width: 3px; height: 3px; background-color: #999;
	border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; 
	position: absolute; top: 50%; left: 0;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.course_info .info {font-weight: 300;}
.course_info > li.price {margin-top: 15px; line-height: 25px;}
.course_info .org_price {text-decoration: line-through;}
.course_info .discount {font-size: 20px; font-weight: 700; color: #1860E8}

.course_item > p { 
	margin-top: 30px;
	padding: 0 20px; 
	color: #999; line-height: 45px;
	background-color: #F6F7F8;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; 
}

.quick_cart {
	width: 28%;
	position: sticky; top: 0; right: 0;
}
.quick_cart .cart_top {
	padding-left: 61px;
	border: 1px solid #B8B8B8;
}
.quick_cart .cart_top > h5 {	
	line-height: 67px;
	position: relative;
}
.quick_cart .cart_top > h5::before { 
	content: url(/img/sub/sub03_cart.png);
	position: absolute; top: 57%; left: -34px;
	transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; 
}
.quick_cart .cart_list {
	padding: 9px 25px;
	border: 1px solid #B8B8B8; border-top: none;
	height: 290px; overflow-y: auto;
}
.quick_cart .cart_list > li,
.quick_cart .cart_bottom > li {
	padding: 15px 6px 11px;
	display: flex; align-items: center; justify-content: space-between;
	border-bottom: 0.4px solid #B8B8B8;
}
.quick_cart .cart_list > li .close {position: relative; width: 24px; height: 24px; cursor: pointer;}
.quick_cart .cart_list > li .close::before { content: url('/img/sub/sub03_close.png');}
.quick_cart .cart_list .no_item {
	font-size: 18px; text-align: center; color: #B8B8B8;
	border: none;
    height: 100%;
	justify-content: center;
}

.quick_cart .cart_bottom {
	padding: 9px 25px;
	border: 1px solid #B8B8B8; border-top: none;
}
.quick_cart .cart_bottom > li:last-child {border-bottom: none; margin-top: 8px; padding: 15px 0 18px;} 
.quick_cart .cart_bottom .course_btn {line-height: 43px;}
.quick_cart .notice {
	color: #999; font-size: 14px;
	margin-top: 10px; padding: 14px 15px 14px 30px;
	background-color: #F6F7F8;
}
.quick_cart .notice > b {position: relative; margin-bottom: 5px;}
.quick_cart .notice > b::before { 
	content: "※";
	position: absolute; top: 50%; left: -15px;
	transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; 
}


.menu04_cart_list .cart_del {line-height: 30px; width: 80px; margin: 0 auto;}
#layerPop {
	display: none;
	position: fixed; top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(0, 0, 0, 0.2);	
}
.layer_wrap {
	position: absolute; top: 50%; left: 50%;
	transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ;
	padding: 35px 49px;
	border: 1px solid #1860E8; background-color: #fff;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
}
.layer_wrap > h3 { font-size: 18px;}
.layer_wrap > h5 { font-size: 16px; margin-top: 16px;}
.layer_wrap > ul {margin: 11px 0 30px;}
.layer_wrap > ul > li {
	position: relative; 
	padding-left: 15px;
	color: #999
}
.layer_wrap > ul > li::before{ 
	content: "";
	width: 2px; height: 2px; background-color: #999;
	position: absolute; top: 50%; left: 0;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
	transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; 
}


/* ===== SUB04 ===== */
.fna_list_wrap {width: 1100px; margin: 0 auto; border-top: 1px solid #1860E8; margin-bottom: 150px;}
.fna_list div {padding : 24px 40px; position: relative;}
.fna_list .question {cursor: pointer; border-bottom:1px solid #D9D9D9;}
.fna_list .answer {background-color: #F6F7F8; border-bottom:1px solid #D9D9D9; display: none;}
.fna_list .q_title::before {
	content: "Q.";
	position: absolute; top: 50%; left: -20px;
	transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ;
}
.fna_list .q_title::after {
	content: "\f078"; font: var(--fa-font-solid);
	position: absolute; top: 50%; right: -20px;
	transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ;
}

/* ===== SUB05 ====== */
.sub05_lnb {
	width: 1100px; margin: 52px auto 150px;
	display: grid; 
	grid-template-columns: repeat(3, 1fr); column-gap: 25px;
	grid-template-rows: repeat(2, 1.5fr); row-gap: 28px;
}
.sub05_lnb a {
	padding: 45px 0;
	background-color: #F6F7F8; border: 1px solid #F6F7F8;
	text-align: center;
	transition-duration: 0.5s;
}

.sub05_lnb a.on {background-color: #fff; border: 1px solid #1860E8; }

.sub05_lnb a:hover {
	background-color: #1860E8;  border: 1px solid #1860E8; 
	color: #fff; 
}
.sub05_lnb h6 {margin-bottom: 5px;}

/* ===== LIST ====== */
.list_wrap {width: 1100px; margin: 0 auto;}
.list_table {width: 100%; border-top: 2px solid #D9D9D9;} 
.list_table thead tr th{
	border-bottom: 1px solid #1860E8;
	font-weight: 700; line-height: 57px;
}
.list_table tbody tr td {
	border-bottom: 1px solid #D9D9D9;
	text-align: center; line-height: 60px;
}
.list_table tbody tr td.no_data {padding: 100px 0; text-align: center;}
.list_table tbody tr td.list_title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 500px;}
.page_wrap {
	margin: 40px 0 120px;
	display: flex; align-items: center; justify-content: center; column-gap: 25px;
}
.page_wrap ul {display: flex; align-items: center; justify-content: center; column-gap: 5px;}
.page_wrap ul > li { 
	width: 36px; overflow: hidden;
	border : 1px solid #d9d9d9; 
	background-color: #F6F7F8;
	font-size: 18px; line-height: 34px; text-align: center;
	border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; 
}
.page_wrap .numbering > li {background-color: #fff;}
.page_wrap .numbering > li > a.on {background-color: #555555; color: #fff}
.page_wrap .numbering > li:hover {border : 1px solid #555; }


.view_wrap {width: 1100px; margin: 0 auto ;}
.view_table {
	width: 100%; 
	border-top: 2px solid #D9D9D9; 
	margin-bottom: 35px;
}
.view_table th {background-color: #F6F7F8; font-weight: 700;}
.view_table th, 
.view_table td {
	text-align: left; vertical-align: top;
	padding: 22px; 
	border-bottom: 1px solid #D9D9D9;
}
.view_table .contents > div {min-height: 150px;}
.view_table td .file {padding-left: 20px; position: relative;}
.view_table td .file::before{
	content:"\f0c6"; font: var(--fa-font-solid);
	position: absolute;	top: 47%; left: 0;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); 
}
.view_btn_wrap {display: flex; align-items: center; justify-content: flex-end; column-gap: 10px; margin-bottom: 150px;}
.view_btn_wrap > a {
	width: 150px; 
	line-height: 48px; 
}
.view_btn_wrap2 > a { width: 100px; }

/* ===== FORM ====== */

.theForm .form_table {border-top: 1px solid #D9D9D9; width: 100%;}
.theForm .form_table th,
.theForm .form_table td  { border-bottom: 1px solid #D9D9D9;}
.theForm .form_table th {
	padding: 33px; padding-left: 18px; 
	text-align: left; vertical-align: top;
}
.theForm .form_table td {padding: 20px 0}
.theForm .form_table td > p {color:#B8B8B8}

.theForm input[type=text],
.theForm input[type=password],
.theForm select {line-height: 48px; border: 1px solid #d9d9d9; padding: 0 16px; height: 48px;}
.theForm select {width: 100%;}
.theForm textarea {width: 100%; border: 1px solid #d9d9d9; padding: 10px 16px;}
.theForm .file_wrap {display: flex; align-items: center; justify-content: flex-end; column-gap: 5px;}
.theForm .file_wrap > a {line-height: 25px; padding: 0 5px; font-size: 14px;}

/* ===== TAB COL ====== */

ul.col_01 > li {width:100%;}
ul.col_02 > li {width:50%;}

ul.col_03 > li {width:33%;}
ul.col_03 > li:nth-child(2) {width:34%;}

ul.col_04 > li {width:25%;}

ul.col_05 > li {width:20%;}

ul.col_06 > li {width:17%;}
ul.col_06 > li:nth-child(1),
ul.col_06 > li:nth-child(6) {width:16%;}

ul.col_07 > li {width:14%;}
ul.col_07 > li:nth-child(1),
ul.col_07 > li:nth-child(7) {width:15%;}
 
ul.col_08 > li {width:12%;}
ul.col_08 > li:nth-child(3),
ul.col_08 > li:nth-child(4),
ul.col_08 > li:nth-child(5),
ul.col_08 > li:nth-child(6) {width:13%;}

ul.col_08.s14 > ul > li > a {font-size:14px; letter-spacing:-0.8px;}

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

/* ===== BUTTON ===== */
.btn_style01 {text-align:center;letter-spacing:-0.5px; box-sizing:border-box; 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:#555555; color:#fff; border:1px solid #555555;}
.btn_style01.dgray_bg:hover {background:#fff; color:#555; border:1px solid #555;}

.btn_style01.dgray_line {background:#fff; color:#555555; border:1px solid #555555;}
.btn_style01.dgray_line:hover {background:#555; color:#000; border:1px solid #555;}

.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:#555; color:#fff; border:1px solid #aaa;}

.btn_style01.lgray_bg {background:#F6F7F8; color:#555; border:1px solid #F6F7F8;}
.btn_style01.lgray_bg:hover {background:#fff; color:#555; border:1px solid #999;}

.btn_style01.blue_bg {background:#1860E8; color:#fff; border:1px solid #1860E8;}
.btn_style01.blue_bg:hover {background:#fff; color:#1860E8; border:1px solid #1860E8;}

.btn_style01.blue_line {background:#fff; color:#1860E8; border:1px solid #1860E8;}
.btn_style01.blue_line:hover {background:#1860E8; color:#fff; border:1px solid #1860E8;}

.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.black_bg {background:#333; color:#fff; border:1px solid #333;}
.btn_style01.black_bg:hover {background:#fff; color:#333; border:1px solid #333;}

.btn_style01.black_line {background:#fff; color:#333; border:1px solid #333;}
.btn_style01.black_line:hover {background:#333; color:#fff; border:1px solid #333;}



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






/*=========== OLD =============*/
/* snb_wrap */
.sub_header .snb_wrap > ul {display :flex; 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; margin-bottom: 50px;}
/*
.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;}



/* BTN CONTAINER */

.footer_btn_full .btn_style01 {width:100%; font-size:15px; padding:0.9rem 0.75rem;}

.sub_btn_wrap {width:100%; text-align:center;}
.sub_btn_wrap > ul {display:inline-block;}
.sub_btn_wrap > ul > li {position:relative; float:left; box-sizing:border-box; margin:0 5px 0 5px;}

.sub_btn_wrap.btn_w150 > ul > li {width:150px;}
.sub_btn_wrap.btn_w150 > ul > li .btn_style01 {width:100%;}

.sub_btn_wrap.btn_w200 > ul > li {width:200px;}
.sub_btn_wrap.btn_w200 > ul > li .btn_style01 {width:100%;}

.sub_btn_wrap.btn_w250 > ul > li {width:250px;}
.sub_btn_wrap.btn_w250 > ul > li .btn_style01 {width:100%;}

.sub_btn_wrap.btn_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:#555; font-weight:400; border:1px solid transparent; box-sizing:border-box;}
.text_box img {display:block; max-width:100%;}
.text_box strong {font-weight:500;}
.text_box .divider {display:inline-block; width:1px; height:12px; background:#ccc; vertical-align:middle; margin:0 8px 0 8px; transform:translateY(-1px);}

.text_box.bg_box {background:#fafafa; border:1px solid #ddd; padding:15px 20px 15px 20px;}
.text_box.bg_box.pd_10 {padding:10px 12px 10px 12px !important;}
.text_box.bg_box.pd_12 {padding:12px 12px 12px 12px !important;}
.text_box.bg_box.pd_20 {padding:20px 25px 20px 25px !important;}
.text_box.bg_box.b_blue {background:#fff; border:1px solid #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:26px;}
.text_box.text_p15 {font-size:15px; line-height:28px;}
.text_box.text_p16 {font-size:16px; line-height:30px;}
.text_box .b_bottom {border-bottom:1px dotted #ccc; padding-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;}

/* img_box */

.img_box {width:100%;}
.img_box img {display:block; 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:500px;}
.table_style01 > table {border-top:1px solid #ddd; border-left:1px solid #ddd; background:#fff; width:100%; letter-spacing:-0.5px; font-size:14px; line-height:26px;}
.table_style01 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.table_style01 > table strong {font-weight:500;}

.table_style01 > table a:hover {text-decoration: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-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;}
.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 {position:relative; display:inline-block; padding:0 22px 0 0; font-size:13px;}
.table_style01 > table .iCon_down:after {content:""; clear:both; position:absolute; right:0; top:4px; display:block; width:18px; height:18px;
										 transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

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

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

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

.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.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:flex; justify-content: space-between; 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:160px; overflow:hidden;}
.board_event_list > ul > li > a .event_img > img {display:block; width:100%; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.board_event_list > ul > li > a:hover .event_img > img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}

.board_event_list > ul > li > a .event_img .event_dday {position:absolute; right:20px; bottom:20px; display:inline-block; background:#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 > 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 > 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;}


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

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

.memb_box_wrap > ul > li .box_inner .memb_self_confirm.b_top_30 {border-top:1px solid #ccc; padding:30px 0 0 0;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd {float:left; box-sizing:border-box; font-weight:400; font-size:15px; padding:0 10px;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm.col_01 > dl > dd {width:100%;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm.col_02 > dl > dd {width:50%;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm.col_03 > dl > dd {width:33%;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm.col_03 > dl > dd:nth-child(2) {width:34%;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm.col_05 > dl > dd {width:20%;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a {display:block; background:#fff; border:1px solid #ccc; height:320px; padding:195px 0 0 0; box-sizing:border-box; text-align:center; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a:hover {-webkit-box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15); box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15);}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a > h3 {color:#333; font-size:18px; font-weight:500; margin:0 0 12px 0;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a > p {font-size:14.5px; color:#555; line-height:22px;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_01 {background:#fff url(/images/member/memb_confirm_iCon01.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_02 {background:#fff url(/images/member/memb_confirm_iCon02.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_03 {background:#fff url(/images/member/memb_confirm_iCon03.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_04 {background:#fff url(/images/member/memb_confirm_iCon04.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_05 {background:#fff url(/images/member/memb_confirm_iCon05.png) center 42px no-repeat;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_01.disabled {background:#fff url(/images/member/memb_confirm_iCon01_01.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_02.disabled {background:#fff url(/images/member/memb_confirm_iCon02_01.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_03.disabled {background:#fff url(/images/member/memb_confirm_iCon03_01.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_04.disabled {background:#fff url(/images/member/memb_confirm_iCon04_01.png) center 42px no-repeat;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.confirm_05.disabled {background:#fff url(/images/member/memb_confirm_iCon05_01.png) center 42px no-repeat;}

.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.disabled > h3,
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.disabled > p {color:#888;}
.memb_box_wrap > ul > li .box_inner .memb_self_confirm > dl > dd > a.disabled:hover {box-shadow:none;}

/* all_terms_check */

.memb_box_wrap > ul > li .box_inner .all_terms_check {text-align:center; border-top:1px solid #ddd; padding:30px 0 0 0; margin:30px 0 0 0; font-size:16px;}
.memb_box_wrap > ul > li .box_inner .all_terms_check label {font-weight:500; color:#333; transform:translateY(2px);}

/* memb_terms_tit */

.memb_box_wrap > ul > li .box_inner .memb_terms_tit {font-size:16px; font-weight:400; color:#333; margin:0 0 15px 0; position:relative;}
.memb_box_wrap > ul > li .box_inner .memb_terms_tit .btn_style01.btn_xxs {position:absolute; top:-1px; right:0; line-height:18px;}

.memb_box_wrap > ul > li .box_inner .memb_terms_tit .terms_tit {position:relative; padding:0 0 0 12px; font-weight:500;}
.memb_box_wrap > ul > li .box_inner .memb_terms_tit .terms_tit:after {content:""; display:inline-block; width:4px; height:17px; position:absolute; left:0px; top:5px; background:#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}