/* 서브페이지 내 상단 LNB 메뉴 리스트 */
.lnb_menu {width: 1000px; height: auto; min-height: 40px; margin: 0 auto; margin-top: 30px;}
.lnb_menu ul {clear: both; float: none; background-color: #fff;}
.lnb_menu ul:after {content: ""; clear: both; display: block;}
.lnb_menu ul li {
	float: left; width: 184px; text-align: center; background: #fff; margin-right: 20px;
	border-radius: 25px; box-shadow: 3px 2px 6px #eee; margin-bottom: 20px;}
.lnb_menu ul li:nth-child(5n) {margin-right: 0;}
.lnb_menu ul li a {display: block; padding: 10px 0; text-decoration: none; font-size: 14px; color: #333;}
.lnb_menu ul li.sub_crt {background: #0054a5; box-shadow: 3px 2px 6px #ddd;}
.lnb_menu ul li.sub_crt a, .lnb_menu ul li.sub_crt a:visited {color: #fff;}
.lnb_menu ul li:hover {background: #0054a5; box-shadow: 3px 2px 6px #ddd;}
.lnb_menu ul li:hover a {color: #fff;}


/* 서브페이지 내 메인 영역 기본 설정 */
.main_area {width: 1000px; height: auto; min-height: 500px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; overflow: hidden;}
.main_area img {width: 100%; height: 100%;}
.main_area div {padding: 30px 0;}
.main_area p {font-size: 14px; line-height: 24px;}
.main_area dl {width: 100%; height: auto; padding: 30px;}
.main_area dl dt {font-size: 14px; font-weight: bold; color: #0054a5; padding: 10px 0;}
.main_area dl dd {font-size: 12px; line-height: 20px; font-weight: 400; color: #666; text-align: justify; padding-bottom: 20px;}


/* 서브페이지 테이블 기본 설정 - 이용약관/개인정보처리방침 */
.main_area table {width: 100%; height: auto; font-weight: 400; color: #666; text-align: left; margin: 10px 0;}
.main_area th, .main_area td {border: 1px solid #000; padding: 10px; font-size: 12px; line-height: 24px;}
.main_area th {text-align: center; width: 25%; background: #f8f9fa;}
.main_area td a:hover, .main_area td a:active {text-decoration: underline; color: #0054a5;}


/* 제휴/교육제안, 협찬/광고문의 테이블 설정 */
table.form_table {width: 1000px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
table.form_table th {width: 250px; text-align: left;}
table.form_table th, table.form_table td {border: none;}
table.form_table tbody tr {border-bottom: 1px solid #ddd;}
table.form_table tbody tr:first-child {border-top: 1px solid #222;}
table.form_table tbody tr:last-child {border-bottom: 1px solid #222;}
table.form_table .input_txt {width: 500px; padding: 10px; background: #f8f9fa; font-size: 14px; color: #222; outline: none;}
table.form_table tfoot {text-align: center;}
table.form_table tfoot td {padding: 20px;}
table.form_table tfoot td.agreecheck_td{text-align: left; padding-left: 0;}
table.form_table span {font-size: 13px;}
table.form_table .input_submit {width: 160px; padding: 10px; background: #0054a5; color: #fff;}


/* 제휴/교육제안, 협찬/광고문의 테이블 상단 공지사항 */
.main_area dl.form_notice {
	width: 900px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; padding: 20px 200px; background: #f8f9fa;}


/* 강사지원 상단 테이블 */
/* table.apply_table {width: 900px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
table.apply_table th {width: 250px; background: #fff;}
table.apply_table th, table.apply_table td {border: none; font-size: 14px;}
table.apply_table th span {
	display: inline-block; width: 120px; height: 40px; padding: 7px; background: #0054a5; color: #fff; text-align: center; border-radius: 20px;} */

table.apply_table {width: 1000px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
table.apply_table th {width: 250px; background: #fff;}
table.apply_table th, table.apply_table td {border: none; font-size: 14px; padding: 10px;}
table.apply_table th span {display: inline-block; width: 120px; height: 40px; padding: 10px; background: #0054a5; color: #fff; text-align: center; border-radius: 20px;}


/*제휴교육제안, 협찬광고문의 등 박스*/
dl.form_notice {width: 1000px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; padding: 20px 150px; background: #f8f9fa;}
dl {width: 100%; height: auto; padding: 20px;}
dl dt {font-size: 14px; font-weight: bold; color: #0054a5; padding: 10px 0;}
dl dd {font-size: 12px; line-height: 20px; font-weight: 400; color: #666; text-align: justify; padding-bottom: 20px;}

	


/******************************************************** 센터소개 **********************************************************/
.introduction_text_wrap p{ font-size: 16px; }
.introduction_img_box_top { position: relative; background: url(../images/subpage/introduction_01.jpg) no-repeat 50% 50%; height: 599px; }
.introduction_text01 {left: 170px; top: 30px;}
.introduction_text02 {left: 170px; top: 190px; font-size: 20px; color: #0054a5; }
.introduction_text02 strong {font-size: 50px; font-weight: 700;}
.introduction_text03 {left: 460px; top: 190px; font-size: 20px; color: #0054a5; }
.introduction_text03 strong {font-size: 50px; font-weight: 700;}
.introduction_text04 {right: 170px; top: 190px; font-size: 20px; color: #0054a5; }
.introduction_text04 strong {font-size: 50px; font-weight: 700;}
.introduction_text05 {right: 320px; top: 390px; text-align: center;}
.introduction_text06 {right: 170px; bottom: 50px; text-align: right;}
.introduction_text01, .introduction_text02, .introduction_text03, .introduction_text04, .introduction_text05, .introduction_text06 { position: absolute; display: block; /* font-size: 16px; */ }
.introduction_img_box_middle { position: relative; background: url(../images/subpage/introduction_02.jpg) no-repeat 50% 50%; height: 368px; }
.introduction_middle_text01, .introduction_middle_text02, .introduction_middle_text03, .introduction_middle_text04 { position: absolute; display: block; /* font-size: 16px; */ }
.introduction_middle_text01 {left: 50px; top: 40px;}
.introduction_middle_text02 {left: 50px; bottom: 60px;}
.introduction_middle_text03 {right: 50px; top: 40px;}
.introduction_middle_text04 {right: 50px; bottom: 60px;}
.introduction_contents_box {overflow: hidden;}
.contents_list_wrap { margin-top: 50px; float: left; margin-left: 40px; margin-right: 30px;}
.contents_list_wrap h3 { width: 260px; height: 50px; background: #0054a5; display: block; color: #fff; text-align: center;
      padding-top: 15px; border-radius: 50px; position: relative; 
}
.contents_list_wrap h3 img{ position: absolute; left: 44%; top: 120%; width: 30px; height: 30px; }
.contents_list_ttl { margin-bottom: 60px; }
.contents_list_wrap ul li { width: 260px; height: 50px; background: #eee; color: #222; text-align: center; padding-top: 15px; border-radius: 50px;
      margin-bottom: 10px; letter-spacing: -1px;
}

/******************************************************** 자격관리기관 **********************************************************/
.certi_management_ttl_wrap { width: 1000px; height: auto; text-align: center; margin-bottom: 80px;}
.certi_management_ttl {width: 100%; height: 100%; position: relative; margin-bottom: 30px;}
.certi_management_ttl h3 { display: inline-block; color: #0054a5; font-size: 20px; font-weight: 700; }
.certi_management_ttl h3:after { content: ''; position: absolute; left: 0; right: 0; bottom: -10px; width: 1000px; height: 1px; background: #457caa; }
.certi_management_ttl h3 .ttl_centerline { background: #0054a5; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; width: 30%; height: 3px; z-index: 1; }

.management_list_box { background: #f9f9f9; margin-bottom: 30px; overflow: hidden; }
.management_list_left { /* display: inline-block; */ float: left; width: 290px; }
.management_list_left img { width: 100%; height: 100%; }
.management_list_right { width: 710px; float: right; }
.management_list_right th {width: 146px;}
.management_list_right table {margin-top: 30px; margin-left: 30px;}
.management_list_right th span {display: inline-block; width: 100px; height: 40px; padding: 10px; background: #0054a5; border-radius: 20px; color: #fff;}
.management_list_right th,
.management_list_right td { font-size: 14px; /* padding: 5px; */ }
.management_list_right td.bottom_td { padding-top: 30px; }

/******************************************************** 인사말 **********************************************************/
.greeting_text_wrap { margin-top: 80px; }
.greeting_text {margin-left: 50px; margin-right: 50px;}
.greeting_text_wrap p { font-size: 16px; letter-spacing: -1px;}
.greeting_box_text {margin-top: 50px;}
.greeting_box_text .text_box { position: relative; width: 900px; height: 190px; padding-left:150px; padding-right:150px; padding-top:50px; border-radius: 30px;
      background: #f9f9f9; color: #046ec4; font-weight: 600; 
}
.greeting_box_text .text_box .quotation_mark_01 { position: absolute; left: 60px; top: 30px; width: 40px; height: 40px; }
.greeting_box_text .text_box .quotation_mark_02 { position: absolute; right: 60px; bottom: 30px; width: 40px; height: 40px; }
.greeting_text .text_bottom { margin-top: 60px; }
.greeting_logo_wrap { text-align: center; margin-top: 50px; margin-bottom: 20px;}
.greeting_logo_wrap  img{ width: 400px; height: 43px;}

/******************************************************** 연혁 **********************************************************/
.history_list_wrap { width: 1000px; height: auto;}
.history_list {margin-left: 50px; position: relative; }
.history  { overflow: hidden; }
.history01 {margin-top: 30px;}
.history_list:before { content: ''; width: 1px; height: 100%; background: #0054a5; position: absolute; left: 20px; top: 5px; }
.history span {float: left; margin-top: 10px; margin-left: 50px;}
.history h2 { float: left; position: relative; font-size: 16px; width: 120px; height: 40px; text-align: center; padding-top: 9px;
      background: #eee; border-radius: 50px; color: #0054a5; font-weight: 600; 
}
.history h2:before { content: ''; width: 30px; height: 30px; background: #0054a5; border-radius: 50px; position: absolute; top: 5px; left: -140px; }
.history ol {float: left; padding-left: 30px; width: 680px;}
.history li {padding: 3px;}

/******************************************************** 오시는 길 **********************************************************/
/* 오시는길 table */
.contact_us_info th { width: 250px; font-size: 16px; font-weight: 600;}
.contact_us_info table {margin-top: 30px;}
.contact_us_info th span { display: inline-block; width: 150px; height: 40px; border-radius: 20px; padding: 10px; background: #f9f9f9; color: #0054a5; }
.contact_us_info td.bottom_td {padding-top: 30px; font-family: "Noto sans KR", sans-serif; font-weight: 500; padding-bottom: 20px; }
.contact_us_info td.bottom_td em {color: #7c7c7c; }


/********************************************************협찬광고문의 **********************************************************/
.aff_advertise_table td {display: inline-block; padding: 24px; margin-right: -100px; width: 400px; height: 70px; border-radius: 50px; background: #f39801; color: #fff;
     text-align: center; font-size: 18px; font-weight: 700;
}
.aff_advertise_table td.contents_make_partner{ background: #00a1e9;}
.aff_advertise_table td.book_make_partner{ background: #0168b7;}
.aff_advertise_table td.marketing_partner{ background: #01479d;}

.advertise_form {margin-top: 30px; padding-bottom: 20px;} 
.content_txt {width: 570px; height: 150px; padding: 10px; border: 1px solid #eee; }

.agree_advertise {
     /* margin-bottom: 30px; */
     padding: 0 !important;
}
.agree_advertise .checkbox_wrap { padding: 0 !important;}
.agree_advertise .checkbox_wrap label:before { width: 20px; height: 20px; border: 1px solid #222; top: 1px; }
.agree_advertise .checkbox_wrap input[type="checkbox"]:checked+label:before {background: url(../images/icon/icon_checkbox.png) no-repeat 0px 2px ;
        background-size: 19px;
}
.btn_apply {background: none; font-size: 14px;}

/******************************************************* 제휴교육제안 **********************************************************/
.aff_advertise_table td.service_partner { background: #eb6100; }
.aff_advertise_table td.business_partner { background: #802d01; }

/******************************************************* 라이프 랜딩 페이지 *******************************************************/


/* main {
    padding-top: 265px;
} */

.sub_landing { min-height: 750px; height: auto; }

.sub_landing .sub_landing_inner { width: 1000px; margin: 0 auto; background: #fff; padding-bottom: 50px; }
.sub_landing .sub_landing_inner .sub_ttl_img { margin-top: 30px; }
.sub_landing .sub_landing_inner .life_lec_list { margin-top: 30px; }
.sub_landing .sub_landing_inner .life_lec_list .lec_list { overflow: hidden; }
.sub_landing .sub_landing_inner .life_lec_list .lec_list li { float: left; padding-right: 20px; padding-bottom: 20px; }
.sub_landing .sub_landing_inner .life_lec_list .lec_list .even { padding-right: 0; }
.sub_landing .sub_landing_inner .life_lec_list .lec_list li a {display: block; height: 235px;}
.sub_landing .sub_landing_inner .life_lec_list .lec_list li a .img_box img { border-radius: 20px 20px 0px 0px; }
.sub_landing .sub_landing_inner .life_lec_list .lec_list li a .text_box { padding: 12px 0px 13px 20px; border-radius: 0px 0px 20px 20px; 
	background: #f9f9f9 url(../images/icon/landing_icon_arrow_black.png) no-repeat 90% 50%; 
}
.sub_landing .sub_landing_inner .life_lec_list .lec_list li a:hover .text_box { background: #333  url(../images/icon/landing_icon_arrow_white.png) no-repeat 90% 50%; 
	color: #fff; 
}

/**************************************************************** 강좌 리스트 페이지 *************************************************************/

.clear { clear:both; }
.sub_nav_list {width: 100%; margin-top: 30px;}
.sub_nav_list * {box-sizing: border-box;}
.sub_nav_list .sub_nav_list_inner {width: 1000px; margin: 0 auto;}
.sub_nav_list ul {padding:0; margin:0; list-style:none; clear:both; float:none; background-color:#fff;}
.sub_nav_list ul:after {content: ""; clear: both; display: block;}
.sub_nav_list ul li {float:left; width:184px; text-align:center; background: #fff; margin-right: 20px; border-radius: 25px; box-shadow: 3px 2px 6px #eee; margin-bottom: 20px;}
.sub_nav_list ul li:nth-child(5n) {margin-right: 0;}
.sub_nav_list ul li a {display: block;padding: 10px;text-decoration: none;font-size: 14px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sub_nav_list ul li.sub_crt {background: #0054a5; box-shadow: 3px 2px 6px #ddd;}
.sub_nav_list ul li.sub_crt a, .sub_nav_list ul li.sub_crt a:visited {color: #fff;}
.sub_nav_list ul li:hover {background: #0054a5; box-shadow: 3px 2px 6px #ddd;}
.sub_nav_list ul li:hover a {color: #fff;}

.sub_contents  { padding-top: 40px; }

.lec_ttl { font-size: 18px; font-weight: 700; color: #222; margin-bottom: 30px; position: relative; margin-left: 10px;}
.lec_ttl:before { content: ''; position: absolute; left: -13px; top: 3px; background: url(../images/icon/list_ttl_icon.png) no-repeat; width: 11px; height: 20px; }
.lec_board_wrap { border-top: 1px solid #666;}
.lec_board_wrap thead th { height: 50px; border-bottom: 1px solid #eee; background: #f9f9f9; font-size: 14px; color: #222; }

.lec_board_wrap thead th.lec01 { width: 50%; }
.lec_board_wrap thead th.lec02 { width: 12.5%; }
.lec_board_wrap thead th.lec03 { width: 12.5%; }
.lec_board_wrap thead th.lec04 { width: 12.5%; }
.lec_board_wrap thead th.lec05 { width: 12.5%; }
.lec_board_wrap td.lec_name_box { display: table-cell; text-align: center; padding: 10px 10px; vertical-align: middle; box-sizing: border-box; min-width: 70px; }
.lec_board_wrap td.lec_name_box .lec_name_wrap { display: table; box-sizing: border-box; }

.lec_board_wrap td.lec_name_box .lec_name_wrap .lec_col { padding-right: 20px; display: table-cell; text-align: left; vertical-align: middle; height: 120px; }
.lec_board_wrap td.lec_name_box .lec_name_wrap .lec_col a {color: #222;}
.lec_board_wrap td { height: 120px; border-bottom: 1px solid #eee; text-align: center; font-size: 14px; }
.lec_board_wrap .money_td .net_price { color: #a2a2a2; text-decoration: line-through; display: block; }

.lec_board_wrap .money_td .sale_price { color: #0054a5; font-weight: 600; }

/*맛보기 버튼 공통 */
.btn_play { display: inline-block; padding: 7px 6px; }

.icon_play img { width: 40px; height: 40px; }

/* 상세보기 버튼 공통 */
.btn_details { display: block; width: 80%; margin: 0 auto; padding: 3px; background: #313131; color: #fff; }

/* 장바구니 버튼 공통 */
.btn_shopping { display: block; width: 60%; margin: 0 auto; padding: 3px; }
.btn_basket { background: #313131; color: #fff; margin-bottom: 10px; }
.btn_pur { background: #0054a5; color: #fff; }

/* 리스트 페이지네이션 공통 */
.pagination { text-align: center; margin-top: 40px; }
.pagination .pagination_inner { display: inline-block; vertical-align: top; } 
.pagination a { float: left; height: 30px; line-height: 30px; /* border: 1px solid rebeccapurple; */ }

.pagination .pagination_inner .first .icon_pg { margin-right: 10px; }
.pagination .pagination_inner .prev .icon_pg { background-position: -19px 0px; margin-right: 10px; }
.pagination .pagination_inner .next .icon_pg { background-position: -91px 0px; margin-right: 10px; }
.pagination .pagination_inner .last .icon_pg { background-position: -109px 0px; margin-right: 10px; }
.pagination .page_number { float: left; margin: 0 8px; }
.pagination .page_number a { width: 30px; margin: 0 5px; line-height: 30px; }

/* .icon_pg 공통 */
.icon_pg { display: inline-block; background: url(../images/icon/list_icon_sprite.png) no-repeat; width: 14px; height: 14px; }

/*********************************************************** 강좌 상세보기 페이지  *****************************************************/

.lec_details_wrap { width: 100%; overflow: hidden; padding-bottom: 50px;}
.lec_details_wrap .lec_details_img .lec_details_thm_wrap { float: left; width: 220px; }
.lec_details_wrap .lec_details_img .lec_details_info_wrap { float: right; width: 765px; border-top: 1px solid #666; }
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info tr{ color: #222; font-weight: 500; }
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info td.name { width: 19.6%; border-bottom: 1px solid #eee; background:
     #f9f9f9; text-align: center; padding: 0;
}
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info td { border-bottom: 1px solid #eee; padding: 12px 0 13px 30px; width: 610px; }
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info td .search_tag { font-size: 14px; }
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info td .net_price { color: #a2a2a2; text-decoration: line-through; }
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info td .sale_price { color: #0054a5; font-weight: 600; }
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info .detail_play { padding: 7px 0 7px 30px; }
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info td .btn_play { padding: 0; }
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info td .btn_play .icon_play img { width: 34px; height: 34px; }
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info td.book_view { width: 196px; height: 250px; text-align: center; padding: 0 0 0 12px; 
    border-left: 1px solid #eee; 
}
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info td.book_view .book_thm_wrap { height: 250px; }
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info td.book_view .book_thm_wrap img { width: 150px; margin-top: 20px; margin-bottom: 10px; }
.lec_details_wrap .lec_details_img .lec_details_info_wrap .lec_details_info td.book_view .book_thm_wrap .thm_book_ttl a { font-size: 14px; }
.lec_details_wrap .lec_details_img .lec_details_thm_wrap .lec_details_thm img { width: 220px; height: 250px; }
.lec_details_wrap .btn_shopping_wrap { float: right; margin: 30px 0 30px; }
.lec_details_wrap .btn_shopping_wrap .btn_shopping { display: inline-block; width: 150px; text-align: center; height: 40px; line-height: 35px; } 
.lec_details_wrap .btn_shopping_wrap .btn_shopping.btn_basket { margin-bottom: 0; }
.lec_box .lec_board_wrap.intro { padding-top: 0px; padding-bottom: 50px; }

/* 옵션선택 영역 */

.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap { border-top: 1px solid #222; padding-bottom: 100px; }

.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap th { width: 220px; padding: 12px 0; background: #f9f9f9; border-bottom: 1px solid #eee;
     color: #0054a5; 
}
.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap td { border-bottom: 1px solid #eee; padding: 6px 20px; }
.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap .choose_lecture_name .checkbox_wrap { display: block; margin-top: 15px; margin-bottom: 15px; }
.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap .checkbox_wrap {margin-right: 20px;}
.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap .checkbox_wrap label:before { width: 18px; height: 18px; top: 0; border: 2px solid #dddddd; 
    border-radius: 50%; 
}
.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap .checkbox_wrap input[type="checkbox"]:checked+label:after { content: ''; position: absolute;
     left: 4px; top: 4px; width: 14px; height: 14px; border-radius: 50%; background: #0054a5; 
}
/* 라디오 체크박스 */
.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap .radio_wrap {margin-right: 20px;}
.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap .radio_wrap label:before { width: 18px; height: 18px; top: 0; border: 2px solid #dddddd;
     border-radius: 50%;
}
.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap .radio_wrap input[type="radio"]:checked+label:after { content: ''; position: absolute;
     left: 4px; top: 4px; width: 14px; height: 14px; border-radius: 50%; background: #0054a5; 
}

.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap .btn_shopping_wrap { float: right; margin: 30px 0 30px; }
.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap .btn_shopping_wrap .btn_shopping { display: inline-block; width: 150px; text-align: center;
     height: 40px; line-height: 35px;
}

.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap .total_sum { float: left; width: 250px; height: 40px; line-height: 40px; background: #f9f9f9;
     color: #222; margin-right: 20px; text-align: center; 
}

.select_option_form .select_option_wrap .lec_option_box .lec_option_wrap .total_sum strong { color: #0054a5; font-weight: 600; }

/* 강좌소개 영역 */
.lec_introduction { position: relative; }
.lec_introduction .lec_intro_status { position: absolute; right: 0; top: 25px; }
.lec_introduction .lec_intro_status strong { font-weight: 600; }
.sub_tab_detail { width: 100%; margin-top: 20px; margin-bottom: 30px; }

.sub_tab_detail ul { overflow: hidden; }
.sub_tab_detail ul li { float: left; width: 62px; text-align: center; background: #f9f9f9; margin-right: 10px; border-radius: 25px; margin-bottom: 20px; }

.sub_tab_detail ul li:hover { background: #0054a5; }
.sub_tab_detail ul li:hover button { color: #fff; }
.sub_tab_detail ul li.btn_tab_detail { background: #0054a5; }
.sub_tab_detail ul li.btn_tab_detail button { color: #fff; }

.sub_tab_detail ul li:last-child { margin-right: auto; }
.sub_tab_detail ul li button { display: block; padding: 5px 0; background: none; width: 62px; }

/* 교재 상세보기 영역 */

.lec_textbook_wrap { width: 100%; overflow: hidden; padding-bottom: 50px; }
.lec_textbook_wrap .lec_textbook_img .lec_textbook_thm_wrap { float: left; width: 220px; }
.lec_textbook_wrap .lec_textbook_img .lec_textbook_info_wrap { float: right; width: 765px; border-top: 1px solid #666; }
.lec_textbook_wrap .lec_textbook_img .lec_textbook_info_wrap .lec_textbook_info tr{ color: #222; font-weight: 500; }
.lec_textbook_wrap .lec_textbook_img .lec_textbook_info_wrap .lec_textbook_info th { width: 150px; border-bottom: 1px solid #eee; background: #f9f9f9; text-align: center; }
.lec_textbook_wrap .lec_textbook_img .lec_textbook_info_wrap .lec_textbook_info td { border-bottom: 1px solid #eee; padding: 12px 0 13px 30px; width: 610px; }
.lec_textbook_wrap .lec_textbook_img .lec_textbook_info_wrap .lec_textbook_info td .purchase_btn { display: inline-block; width: 160px; height: 30px; color: #fff;
     text-align: center; line-height: 25px; background: #0054a5; padding: 3px; border-radius: 30px; 
}
.lec_textbook_wrap .lec_textbook_img .lec_textbook_info_wrap .lec_textbook_info  td.name { width: 19.6%; height: 50px; border-bottom: 1px solid #eee; background: #f9f9f9;
     text-align: center; padding: 0px 10px 0px 10px; 
}
.lec_textbook_wrap .lec_textbook_img .lec_textbook_info_wrap .lec_textbook_info .detail_play { padding: 7px 0 7px 30px; }
.lec_textbook_wrap .lec_textbook_img .lec_textbook_info_wrap .lec_textbook_info td .btn_play { padding: 0; }
.lec_textbook_wrap .lec_textbook_img .lec_textbook_info_wrap .lec_textbook_info td .btn_play .icon_play img { width: 34px; height: 34px; }
.lec_textbook_wrap .lec_textbook_img .lec_textbook_thm_wrap .lec_textbook_thm img { width: 220px; height: 250px; }




/* 커리큘럼영역 */

.lec_cur_wrap { border-top: 1px solid #666; padding-bottom: 40px;}
.lec_cur_wrap thead th { height: 50px; border-bottom: 1px solid #eee; background: #f9f9f9; font-size: 14px; color: #222; }
.lec_cur_wrap thead th.lec01 { width: 10%; }
.lec_cur_wrap thead th.lec03 { width: 10%; }
.lec_cur_wrap td.lec_name_box { display: table-cell; text-align: center; padding: 10px 10px; vertical-align: middle; box-sizing: border-box; min-width: 70px; }
.lec_cur_wrap td { height: 50px; border-bottom: 1px solid #eee; text-align: center; font-size: 14px; color: #222; }
.lec_cur_wrap td.center_td {text-align: left; padding-left: 30px;}

/***************************************************************************** 로그인 페이지 ***********************************************************************/

/* 로그인 회원가입 페이지 공통 */
.member_wrap { margin-top: 45px; }
.member_wrap .member_ttl { text-align: center; margin-bottom: 50px; }
.member_wrap .member_ttl .title { font-size: 70px; font-weight: 700;}
.member_wrap .member_ttl .text { font-size: 30px; font-weight: 500;}

.login_form {height: 600px;}
.login_form .login_wrap { box-sizing: border-box; width: 440px; height: 340px; margin: 0 auto; background: #fff; padding: 30px 0px 30px; }

.login_form .login_wrap td { padding: 4px 0; border-bottom: 1px solid #ddd;}
.login_wrap table + table {margin-top: 30px;}
.login_form input[type="text"] { width: 100%; background: #fff; padding-left: 10px; color: #222; box-sizing: border-box; font-size: inherit; }

.login_form input[type="password"] { width: 100%; height: 35px; background: #fff; padding-left: 10px; color: #222; box-sizing: border-box; font-size: inherit; outline: none; }
.login_form .login_wrap .login_checkbox_wrap { margin-top: 30px; }
.login_checkbox_wrap .login_checkbox {display: inline-block;}
.login_checkbox_wrap a { float: right; }
.login_checkbox label { font-size: 16px; color: #666; position: relative; padding-left: 38px; }

.login_checkbox label:before { content: ''; width: 20px; height: 20px; border: 2px solid #ddd; position: absolute; left: 0; top: 0; }


/* 아이디저장 클릭시 체크 */
.login_checkbox input[type="checkbox"]:checked+label:before { background: url(../images/icon/icon_checkbox.png) no-repeat 0px 2px; background-size: 19px; }


.login_checkbox_wrap .btn_login { width: 100%; height: 63px; background: #0054a5; font-size: 16px; color: #fff; margin-top: 30px; }
.login_checkbox_wrap .btn_join_wrap { width: 100%; height: 63px; background: #eee; margin-top: 30px; padding: 20px 20px 20px; }
.login_checkbox_wrap .btn_join_wrap .btn_join_ttl {float: left;}
.login_checkbox_wrap .btn_join_wrap .btn_join { float: right; padding-bottom: 5px; border-bottom: 1px solid #222; }


/* sns 로그인 영역 */
.login_form .login_wrap .sns_login_wrap { margin: 30px 0; }
.login_form .login_wrap .sns_login_wrap .btn_kakao { width: 208px; height: 52px; background: url(../images/icon/kakao_login_icon.png) no-repeat 15% 50%;
     background-size: 37px; background-color: #fee500; border-radius: 50px; color: #222; text-align: right; padding: 0 20px 0 ;
}
.login_form .login_wrap .sns_login_wrap .btn_naver { width: 208px; height: 52px; background: url(../images/icon/naver_login_icon.png) no-repeat 15% 50%;
     background-size: 37px; background-color: #00c300; border-radius: 50px; color: #fff; text-align: right; padding: 0 20px 0 ; margin-left: 18px; 
}

/****************************************************************** 회원가입 페이지 서비스이용약관 ********************************************************/

.join_form {height: 1000px;}
.join_form .join_wrap { box-sizing: border-box; width: 900px; height: 340px; margin: 0 auto; background: #fff; padding: 30px 0px 30px; }

.join_form .join_wrap .agree_box { width: 900px; }
.join_form .join_wrap .agree_box .agree_text { height: 260px; overflow: auto; font-size: 16px; color: #bbb; padding: 13px 0 13px 17px; margin-bottom: 14px;
     border: 1px solid #222; 
}

/* 서비스이용약관 내용 영역 */
.join_form .join_wrap .agree_box .agree_text dl dt { font-size: 14px; font-weight: bold; color: #0054a5; padding: 10px 0; }
.join_form .join_wrap .agree_box .agree_text dl dd { font-size: 12px; line-height: 20px; color: #666; text-align: justify; padding-bottom: 20px; }
.join_form .join_wrap .agree_box .agree_text table { width: 100%; height: auto; color: #666; text-align: left; margin: 10px 0; }

.join_form .join_wrap .agree_box .agree_text table th { text-align: center; width: 25%; background: #f8f9fa; }
.agree_text table th, .agree_text table td { border: 1px solid #000; padding: 10px; font-size: 12px; line-height: 24px; }

.join_form .join_wrap .agree_box .agree_bottom { margin-bottom: 50px; }
.join_form .join_wrap .agree_box .agree_bottom .checkbox_wrap input[type="checkbox"]:checked+label:before { background: url(../images/icon/icon_checkbox.png) no-repeat 0px 2px;
     background-size: 19px; 
}
.join_form .join_wrap .agree_box .agree_bottom.agree_bottom02 { margin-bottom: auto; padding-bottom: 30px; border-bottom: 1px solid #222; }
.join_form .join_wrap .agree_box .agree_bottom.agree_bottom03 { margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #c8c8c8; }

.join_form .join_wrap .agree_box .agree_bottom .checkbox_wrap label strong { font-weight: 700; }
.join_form .join_wrap .agree_box .agree_bottom .checkbox_wrap label:before { width: 20px; height: 20px; border: 1px solid #222; top: 1px;}

/* 회원가입 버튼 공통 */
.join_btn_wrap { width: 230px; height: 50px; line-height: 50px; background: #0054a5; font-size: 16px; color: #fff; text-align: center; margin: 0 auto; }


/********************************************************* 회원가입 회원정보입력 페이지  ***********************************************************/
.register_form .register_wrap .register_box .join_register_wrap {border-top: 1px solid #222; padding-bottom: 30px;}
.register_form .register_wrap .register_box .join_register_wrap .col01 { width: 300px; }
.register_form .register_wrap .register_box .join_register_wrap .col00 { color: #222; }
.join_register_wrap th { height: 50px; background: #f9f9f9; border-bottom: 1px solid #eee; color: #0054a5; }
.join_register_wrap td { border-bottom: 1px solid #eee; padding: 6px 10px; }
.join_register_wrap td.picture_attach { padding: 10px 10px 10px 10px; }
.join_register_wrap td.picture_attach p { margin-top: 20px; line-height: 24px; }
.join_register_wrap td span { font-size: 16px; padding-left: 10px; color: #acacac; }
.join_register_wrap td input[type="text"] { border: 1px solid #eee; width: 234px; height: 30px; padding-left: 10px; font-size: 16px; color: #222; } 
.join_register_wrap td input[type="password"] { border: 1px solid #eee; width: 234px; height: 30px; padding-left: 10px; font-size: 16px; color: #222; outline: none; }
.join_register_wrap td input.input_small { width: 170px; }
.join_register_wrap td input.mail_number { width: 195px; }
.join_register_wrap td input.adress { display: block; margin-top: 10px; width: 570px; }

.join_register_wrap td .email {margin: 0 9px; padding-left: 0;}
.join_register_wrap td.birth {padding: 6px 0px;}
.join_register_wrap td .select_wrap { margin-left: 10px; width: 170px; }
.join_register_wrap td .select_wrap:after { content: ''; position: absolute; right: 10px; top: 40%; margin-top: -3px; width: 12px; 
    height: 12px; background: url(../images/icon/icon_select_arrow.png) no-repeat; 
}
.join_register_wrap td .select_wrap select { height: 30px; }

.mail_number, .mail_search_btn {display: inline-block;}

.join_register_wrap td .mail_search_btn { width: 124px; height: 30px; background: #0054a5; color: #fff; text-align: center;
     line-height: 25px; margin-left: 10px; padding: 1px; 
}
.join_register_wrap td .radio_wrap label:before { width: 18px; height: 18px; top: 0; }
.join_register_wrap td .radio_wrap input[type="radio"]:checked+label:after { content: ''; position: absolute; left: 4px; top: 4px; width: 14px;
     height: 14px; border-radius: 50%; background: #0054a5; 
}

/**************************************************************** 회원가입 완료페이지 **************************************************************/
.join_end_box .join_end_wrap { width: 900px; margin: 0 auto; border-top: 1px solid #222; padding-bottom: 50px; border-bottom: 1px solid #ddd; }

.join_end_box .join_end_wrap .join_end .join_end_ttl { font-size: 48px; color: #0054a5; font-weight: 700; text-align: center;
     margin-top: 50px; padding-bottom: 50px; position: relative; 
}
.join_end_box .join_end_wrap .join_end .join_end_ttl:after { content: ''; width: 33px; height: 1px; background: #666; position: absolute; left: 50%; bottom: 0; }
.join_end_box .join_end_wrap .join_end p { font-size: 30px; text-align: center; margin-top: 50px; }
.join_end_box .join_end_wrap .join_end p strong { font-weight: 700; }
.join_end_box .join_end_wrap .join_end .join_btn_box {text-align: center; margin-top: 50px;}
.join_end_box .join_end_wrap .join_end .join_btn_box .join_btn_wrap { display: inline-block; width: 180px; }

/**************************************************************** 아이디 패스워드 찾기 페이지  *********************************************************/
.find_form {height: 500px;}
.find_form .find_wrap { float: left; box-sizing: border-box; width: 440px; height: 340px; background: #fff; padding: 30px 0 30px; }
.find_form .find_wrap02 { float: right; }
.find_form .find_wrap table+table { margin-top: 30px; }
.find_form .find_wrap td { padding: 4px 0; border-bottom: 1px solid #ddd; }
.find_form input[type="text"] { width: 100%; font-size: inherit; color: #222; padding-left: 10px; }
.find_form .find_wrap .find_btn_wrap { margin-top: 30px; }
.find_form .find_wrap .find_btn_wrap .btn_find { width: 100%; height: 63px; background: #0054a5; font-size: 16px; color: #fff; margin-top: 30px; }
.find_form .find_wrap p { margin-top: 30px; }

/********************************************************************* 마이페이지 영역 ***********************************************************************/

/* 전체보기 메뉴 시작 */
.top_loginout .top_main_inner .btn_ham_wrap { position: absolute; right: 0; top: 33%; }
.top_loginout .top_main_inner .btn_ham_wrap .btn_menu { text-indent: -9999px; width: 32px; height: 32px; position: relative;
     float: left; margin-left: 65px; border: none; background: none; 
}
.top_loginout .top_main_inner .btn_ham_wrap .btn_menu span { position: absolute; left: 50%; top: 50%; margin-left: -10px;
     margin-top: -1px; background: #222; width: 20px; height: 2px; 
}
.top_loginout .top_main_inner .btn_ham_wrap .btn_menu span:nth-child(1) { margin-top: -7px; }
.top_loginout .top_main_inner .btn_ham_wrap .btn_menu span:nth-child(3) { margin-top: 5px; }


.top_loginout .modal_sitemap_wrap { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.8);
     z-index: 1000; min-height: 800px; display: none; 
}


.top_loginout  .modal_sitemap_wrap .modal_sitemap { width: 1000px; margin: 0 auto; padding: 10px 30px 10px 30px; background: #fff;
     position: absolute; left: 20px; right: 20px; top: 50%; transform: translate(0, -52%); 
}
.top_loginout .modal_sitemap_wrap .modal_sitemap h2 { line-height: 60px; font-size: 26px; font-weight: 700; border-bottom: 1px solid #0054a5; text-align: left; color: #000;}
.top_loginout .modal_sitemap_wrap .modal_sitemap .btn_close img { width: 25px; height: 25px; background: #fff; position: absolute; right: 30px; top: 30px; }
.top_loginout .modal_sitemap_wrap .menu_wrap { padding: 0 0px 30px 0px; overflow: hidden; border-bottom: 1px solid #aaa; }
.modal_sitemap_wrap .menu_wrap .menu_wrap_ttl { float: left; padding-right: 90px; font-size: 18px; font-weight: 700; color: #0054a5; }
.modal_sitemap_wrap .menu_wrap .sitemap_depth1 { float: left; width: 166px; text-align: left; padding: 0 4px; margin-right: 38px; }
.modal_sitemap_wrap .menu_wrap .sitemap_depth1:nth-child(5) { margin-right: inherit ; }
.modal_sitemap_wrap .menu_wrap .sitemap_depth1 dd { font-size: 13px; line-height: 24px; color: #aaa; padding-bottom: 0; }
/*.modal_sitemap_wrap .menu_wrap .sitemap_depth1 .sitemap_ttl { font-size: 15px; font-weight: 600; color: #222; padding: 0; }*/
.modal_sitemap_wrap .menu_wrap .sitemap_depth1 .sitemap_ttl a {font-size:14px; padding:0;}
.modal_sitemap_wrap .menu_wrap .sitemap_depth1 .st_ttl01 { margin-top: 60px; }
.modal_sitemap_wrap .menu_wrap .sitemap_depth1 .st_ttl02 { margin-top: 152px; }
.modal_sitemap_wrap .menu_wrap .sitemap_depth1 .st_ttl03 { margin-top: 52px; }
.modal_sitemap_wrap .menu_wrap .sitemap_depth1 .st_ttl04 { margin-top: 76px;}

.top_loginout .modal_sitemap_wrap .menu_wrap.menu_02 { padding: 20px 0px 20px 0px; border-bottom: 1px solid #aaa; }
.modal_sitemap_wrap .menu_02 .sitemap_depth1 { width: auto; }

.modal_sitemap_wrap .menu_02 .sitemap_depth1>li { float: left; width: 166px; min-height: 30px; margin-left: 34px; font-size: 15px; font-weight: 600; } 
.modal_sitemap_wrap .menu_02 .sitemap_depth1>li:first-child {margin-left: inherit;}
.modal_sitemap_wrap .menu_02 .sitemap_depth1>li:nth-child(4) {width: 123px; margin-left: 42px;}

.top_loginout .modal_sitemap_wrap .menu_wrap.menu_03 { padding: 20px 0px 20px 0px; border-bottom: 1px solid #aaa; }

.modal_sitemap_wrap .menu_wrap.menu_03 .menu_wrap_ttl { padding-right: 82px; }

.modal_sitemap_wrap .menu_03 .sitemap_depth1>li { float: left; width: 166px; min-height: 30px; margin-left: 34px; font-size: 15px; font-weight: 600; }
.modal_sitemap_wrap .menu_03 .sitemap_depth1>li:first-child {margin-left: inherit;}
.modal_sitemap_wrap .menu_03 .sitemap_depth1>li:nth-child(4) {width: 123px; margin-left: 42px;}

.modal_sitemap_wrap .menu_03 .sitemap_depth1 { width: auto; }
.modal_sitemap_wrap .menu_02 .sitemap_depth1 a, .modal_sitemap_wrap .menu_03 .sitemap_depth1 a {font-size:14px;}

.modal_sitemap_wrap .modal_sitemap .btn_contents_wrap { padding: 20px 30px 20px 30px; text-align: center; }
.modal_sitemap_wrap .modal_sitemap .btn_contents_wrap .btn_introduction { display: inline-block; width: 220px; height: 50px; text-align: center;
     line-height: 30px; background: #0054a5; color: #fff; font-size:14px;
}
.modal_sitemap_wrap .modal_sitemap .btn_contents_wrap .btn_contents { display: inline-block; width: 220px; height: 50px; text-align: center;
     line-height: 30px; background: #0054a5; color: #fff; font-size:14px;
}
.top_loginout ul li.sitemap_list dd a {color: #aaa; padding:0; font-size:14px;}
/* 전체보기 메뉴 끝 */


.sub_contents.my_sub_contents  { padding-top: 0; margin-top: 50px; margin-bottom: 100px; }
.sub_tab_list { width: 100%; margin-top: 50px; position: relative; z-index: 9; }
.sub_tab_list * {box-sizing: border-box;}
.sub_tab_list .sub_tab_list_inner {width: 1000px; margin: 0 auto;}
.sub_tab_list ul {padding:0; margin:0; list-style:none; clear:both; float:none; background-color:#fff;}
.sub_tab_list ul:after {content: ""; clear: both; display: block;}
.sub_tab_list ul li {float:left; width:320px; text-align:center; background: #f9f9f9; margin-right: 20px;   margin-bottom: 20px;}
.sub_tab_list ul li:nth-child(3n) {margin-right: 0; position: relative;}
.sub_tab_list ul li a {display: block; padding: 14px 0; text-decoration: none; font-size: 16px; color: #333; }
.sub_tab_list ul li.sub_tab_crt {background: #333;}
.sub_tab_list ul li.sub_tab_crt a, .sub_tab_list ul li.sub_tab_crt a:visited {color: #fff;}
.sub_tab_list ul li:hover {background: #333; }
.sub_tab_list ul li:hover a {color: #fff;}

.sub_tab_list ul li .my_info_depth1 { display: none; width: 320px; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); } 

.sub_tab_list ul li:hover .my_info_depth1 { display: block; background: #f9f9f9; }
.sub_tab_list ul li:hover .my_info_depth1 a { color: #222; }
.sub_tab_list ul li .my_info_depth1:hover { background: #505050; }
.sub_tab_list ul li .my_info_depth1:hover a { color: #fff; }
.sub_tab_list ul li .my_info_depth2 { display: none; width: 320px; position: absolute; left: 50%; top: 104px; transform: translateX(-50%); } 
.sub_tab_list ul li:hover .my_info_depth2 { display: block; background: #f9f9f9; }
.sub_tab_list ul li:hover .my_info_depth2 a { color: #222; }
.sub_tab_list ul li .my_info_depth2:hover { background: #505050; }
.sub_tab_list ul li .my_info_depth2:hover a { color: #fff; }

.lec_board_wrap thead th.my_lec01 { width: 250px; }
.lec_board_wrap thead th.my_lec02,
.lec_board_wrap thead th.my_lec03,
.lec_board_wrap thead th.my_lec04, 
.lec_board_wrap thead th.my_lec05,
.lec_board_wrap thead th.my_lec06 { width: 150px; }

.lec_board_wrap.my_page {margin-bottom: 100px;}
.lec_board_wrap.my_page td { height: 50px; border-bottom: 1px solid #eee; text-align: center; font-size: 14px; }
.lec_board_wrap.my_page02 td { height: 50px; border-bottom: 1px solid #eee; text-align: center; font-size: 14px; }
.lec_board_wrap.my_page td .btn_lecture_show { display: block; width: 100px; padding: 4px; margin: 0 auto; }
.lec_board_wrap.my_page .pause01 td .btn_lecture_pause {display: none;}
.lec_board_wrap.my_page .pause01 td .btn_lecture_unpause {display: block;}
.lec_board_wrap.my_page td .btn_lecture_pause { display: block; width: 100px; padding: 4px; margin: 0 auto; }

.lec_board_wrap.my_page td .btn_lecture_unpause { display: none; width: 100px; padding: 4px; margin: 0 auto; background: #ddd; color: #222; }

.lec_board_wrap.my_page td .btn_certificate { display: block; width: 100px; padding: 4px; margin: 0 auto; }
.lec_board_wrap.my_page td .btn_shopping { width: 100px; }
.btn_mp { background: #0054a5; color: #fff; }


.lec_board_wrap.my_page02 td .btn_certificate { display: block; width: 100px; padding: 4px; margin: 0 auto; }
.lec_board_wrap.my_page02 td .btn_shopping { width: 100px; }
.btn_mp { background: #0054a5; color: #fff; }

/************************************************ 마이페이지 강의보기 클릭시 나오는 영역 ***********************************************************/

.lec_board_wrap.my_page td .btn_take_test { display: block; width: 100px; padding: 4px; margin: 0 auto; }
.lec_board_wrap.my_page td .btn_test_guide { display: block; width: 100px; padding: 4px; margin: 0 auto; background: #333; }
.lec_board_wrap.my_page td .btn_not_pur { display: block; width: 100px; padding: 4px; margin: 0 auto; background: #333; }
.lec_board_wrap.my_page td .btn_confirmation { display: block; width: 100px; padding: 4px; margin: 0 auto; }

.lec_board_wrap.my_page td .btn_play { padding: 4px 6px; }
.lec_board_wrap.my_page td .select_wrap { width: 200px; }
.lec_board_wrap.my_page td .select_wrap select { height: 30px; }
.lec_board_wrap.my_page td .select_wrap:after { background: url(../images/icon/icon_select_arrow.png) no-repeat; top: 10px; width: 16px; height: 12px; }
.lec_board_wrap.my_page td.lecture_content { padding-left: 25px; text-align: left; }
.lec_board_wrap.my_page02 td .icon_attached img { width: 33px; height: 33px; }

.lec_board_wrap thead th.my_qtest01 { width: 25%; }
.lec_board_wrap thead th.my_qtest02,
.lec_board_wrap thead th.my_qtest03,
.lec_board_wrap thead th.my_qtest04, 
.lec_board_wrap thead th.my_qtest05,
.lec_board_wrap thead th.my_qtest06,
.lec_board_wrap thead th.my_qtest07 { width: 12.5%; }

.lec_board_wrap thead th.my_curr01 {width: 10%;}
.lec_board_wrap thead th.my_curr02 {width: 60%;}
.lec_board_wrap thead th.my_curr03 {width: 10%;}
.lec_board_wrap thead th.my_curr04 {width: 10%;}
.lec_board_wrap thead th.my_curr05 {width: 10%;}


.lec_board_wrap thead th.my_notice01 {width: 100px;}
.lec_board_wrap thead th.my_notice02 {width: 450px;}
.lec_board_wrap thead th.my_notice03 {width: 150px;}
.lec_board_wrap thead th.my_notice04 {width: 150px;}
.lec_board_wrap thead th.my_notice05 {width: 150px;}



.lec_board_wrap thead th.confirmation01 {width: 30%;}
.lec_board_wrap thead th.confirmation02 {width: 20%;}
.lec_board_wrap thead th.confirmation03 {width: 15%;}
.lec_board_wrap thead th.confirmation04 {width: 20%;}
.lec_board_wrap thead th.confirmation05 {width: 15%;}

/******************************************************************* 마이페이지 주문정보 영역 ***********************************************************/

.lec_board_wrap.my_cart { margin-bottom: 20px; }
.lec_board_wrap.my_cart td { height: 50px; border-bottom: 1px solid #eee; text-align: center; font-size: 14px; }
.lec_board_wrap.my_cart td .checkbox_wrap label:before { width: 15px; height: 15px; top: 3px; left: 9px; } 
.lec_board_wrap.my_cart td .checkbox_wrap input[type="checkbox"]:checked+label:before { background: url(../images/icon/icon_checkbox.png) no-repeat 0px 1px; background-size: 15px; }
.lec_board_wrap.my_cart td .btn_coupon { display: block; width: 80px; padding: 4px; margin: 0 auto; }
.lec_board_wrap.my_cart td .btn_coupon_wrap  { position: relative; }
.lec_board_wrap.my_cart td .btn_coupon_wrap .pop_up { display: none; position: absolute; left: 110px; top: 0; width: 360px; background: #f9f9f9;
     border: 3px solid #0054a5; padding: 17px 20px 17px 20px; 
}
.lec_board_wrap.my_cart td .btn_coupon_wrap .pop_up ul li { font-size: 16px; text-align: left; padding: 3px; }
.lec_board_wrap.my_cart td .btn_coupon_wrap .pop_up ul li .radio_wrap label:before { width: 16px; height: 16px; left: 10px; top: 2px; border: 1px solid #222; }
.lec_board_wrap.my_cart td .btn_coupon_wrap .pop_up ul li .radio_wrap input[type="radio"]:checked+label:after { background: #0054a5; left: 13px; top: 5px;
     width: 12px; height: 12px; 
}
.lec_board_wrap.my_cart td .btn_coupon_wrap .pop_up ul li .btn_coupon { width: 120px; margin-top: 15px; }
.lec_board_wrap.my_cart td .btn_coupon_wrap:hover .pop_up { display: block; }

.lec_board_wrap.my_cart td .payment { display: inline-block; }
.lec_board_wrap.my_cart td .payment .btn_pay { width: 65px; background: #333; color: #fff; padding: 4px; font-size: 14px; margin: 0 auto; }
.lec_board_wrap.my_cart td .payment .btn_cancel { width: 65px; background: #f9f9f9; color: #222; font-size: 14px; padding: 4px; margin: 0 auto; }

.lec_board_wrap.my_cart .total_pay_box {overflow: hidden;}
.lec_board_wrap.my_cart .total_pay_box .total_pay_wrap { float: right; margin-top: 30px; margin-bottom: 40px; }

.lec_board_wrap.my_cart .total_pay_box .total_pay_wrap .total_pay { display: inline-block; }
.lec_board_wrap.my_cart .total_pay_box .total_pay_wrap .total_sum { float: left; width: 250px; background: #f9f9f9; color: #222; font-size: 14px;
     padding: 13px; margin: 0 auto; text-align: center; 
}

.lec_board_wrap.my_cart .total_pay_box .total_pay_wrap .btn_total_pay { width: 230px; background: #0054a5; color: #fff; padding: 14px;
     font-size: 14px; margin-left: 20px; text-align: center; 
}

.lec_board_wrap thead th.my_shopping01 {width: 50px;}
.lec_board_wrap thead th.my_shopping02 {width: 150px;}
.lec_board_wrap thead th.my_shopping03 {width: 280px;}
.lec_board_wrap thead th.my_shopping04 {width: 120px;}
.lec_board_wrap thead th.my_shopping05 {width: 120px;}
.lec_board_wrap thead th.my_shopping06 {width: 120px;}
.lec_board_wrap thead th.my_shopping07 {width: 160px;}

.lec_board_wrap thead th.my_ticket01 {width: 300px;}
.lec_board_wrap thead th.my_ticket02 {width: 500px;}
.lec_board_wrap thead th.my_ticket03 {width: 200px;}

.lec_board_wrap.my_cart td input[type="text"] { border: 1px solid #eee; width: 80px; height: 30px; padding: 0 10px 0 10px; font-size: 16px; color: #222; outline: none; }

.lec_board_wrap.my_cart td .btn_course_regist { display: block; width: 150px; font-size: 14px; background: #0054a5; color: #fff; padding: 4px; margin-left: 20px;
     text-align: center; 
}

.lec_board_wrap thead th.my_pay_details01 {width: 175px;}
.lec_board_wrap thead th.my_pay_details02 {width: 300px;}
.lec_board_wrap thead th.my_pay_details03 {width: 175px;}
.lec_board_wrap thead th.my_pay_details04 {width: 175px;}
.lec_board_wrap thead th.my_pay_details05 {width: 175px;}

.lec_payment_wrap {margin-top: 100px;}

/**************************************************************** 마이페이지 회원정보 영역 **********************************************************************/
.register_form.my_info .register_wrap { width: 100%; margin: 0; }
.join_register_wrap .col02 { width: 300px; }

/*************************************************************** 마이페이지 회원탈퇴 영역 **********************************************************************/
.join_register_wrap td.input_withdrawal { padding: 9px 10px; }
.join_register_wrap td.input_withdrawal input[type="text"] { width: 600px; height: 80px; }

.register_form.my_info .register_wrap .withdrawal_text { margin-top: 30px; }
.register_form.my_info .register_wrap .withdrawal_btn_wrap { width: 310px; overflow: hidden; margin: 0 auto; }
.register_form.my_info .register_wrap .withdrawal_btn_wrap .withdrawal_btn { float: left; width: 150px; padding: 14px; background: #0054a5; color: #fff; }
.register_form.my_info .register_wrap .withdrawal_btn_wrap .withdrawal_cancel_btn { width: 150px; padding: 14px; background: #f9f9f9; color: #222; margin-left: 10px; }

/****************************************************************** 고객센터 페이지 영역 ***********************************************************************/
.cs_nav {width: 100%; margin-top: 30px;}
.cs_nav * {box-sizing: border-box;}
.cs_nav .sub_nav_list_inner {width: 1000px; margin: 0 auto;}
.cs_nav ul {padding:0; margin:0; list-style:none; clear:both; float:none; background-color:#fff;}
.cs_nav ul:after {content: ""; clear: both; display: block;}
.cs_nav ul li {float:left; width:235px; text-align:center; background: #fff; margin-right: 20px; border-radius: 25px; box-shadow: 3px 2px 6px #eee; margin-bottom: 20px;}
.cs_nav ul li:nth-child(4n) {margin-right: 0;}
.cs_nav ul li a {display: block; padding: 10px 0; text-decoration: none; font-size: 14px; color: #333;}
.cs_nav ul li.sub_crt {background: #0054a5; box-shadow: 3px 2px 6px #ddd;}
.cs_nav ul li.sub_crt a, .sub_nav_list ul li.sub_crt a:visited {color: #fff;}
.cs_nav ul li:hover {background: #0054a5; box-shadow: 3px 2px 6px #ddd;}
.cs_nav ul li:hover a {color: #fff;}

.notice_search_wrap { margin-bottom: 20px; position: relative; overflow: hidden; }
.notice_search_wrap .select_wrap  { width: 170px; }
.notice_search_wrap .select_wrap select { height: 30px; z-index:9;} 

.notice_search_wrap .select_wrap:after { top: 10px; background: url(../images/icon/icon_select_arrow.png) no-repeat; width: 12px; height: 12px; z-index:9; }
.notice_search_wrap input[type="text"] { border: 1px solid #eee; width: 234px; height: 30px; padding-left: 10px; font-size: 16px; color: #222; }
.notice_search_wrap .btn_notice_search { position: absolute; left: 42%; top: 1px; width: 124px; height: 30px; background: #333; text-align: center;
     color: #fff; line-height: 30px;
}
.notice_search_wrap .notice_status_wrap { position: absolute; right: 0; top: 3px; }
.notice_search_wrap .notice_status_wrap span strong { font-weight: 600; }

.lec_board_wrap.customer_01 td { height: 50px; }
.lec_board_wrap.customer_01 .notice_ttl { text-align: left; padding-left: 20px; max-width:500px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.lec_board_wrap thead th.notice01 {width: 100px;}
.lec_board_wrap thead th.notice02 {width: 450px;}
.lec_board_wrap thead th.notice03 {width: 100px;}
.lec_board_wrap thead th.notice04 {width: 100px;}
.lec_board_wrap thead th.notice05 {width: 100px;}
.lec_board_wrap thead th.notice06 {width: 150px;}

/********************************************************** 고객센터 교육뉴스 영역 **************************************************************************/
.lec_board_wrap.customer_01 .notice_news_ttl { text-align: left; padding-left: 20px; max-width: 450px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/********************************************************* 고객센터 자주묻는 질문 FAQ 영역 *****************************************************************/
.lec_board_wrap thead th.faq01 {width: 100px;}
.lec_board_wrap thead th.faq02 {width: 100px;}
.lec_board_wrap thead th.faq03 {width: 450px;}
.lec_board_wrap thead th.faq04 {width: 100px;}
.lec_board_wrap thead th.faq05 {width: 100px;}
.lec_board_wrap thead th.faq06 {width: 100px;}
.lec_board_wrap thead th.faq07 {width: 150px;}

.faq_tab_box { width: 100%; overflow: hidden; margin-bottom: 30px; }
.faq_tab_box .faq_tab_wrap { width: 1000px; margin: 0 auto; }

.faq_tab_box ul { padding: 0; margin: 0; list-style: none; clear: both; float: none; background-color: #fff; }
.faq_tab_box ul li.faq_tab_crt { background: #f8f9fb; border-bottom: 1px solid #62a8ea; }
.faq_tab_box ul li.faq_tab_crt a, .faq_tab_box ul li.faq_tab_crt a:visited { color: #333; font-weight: 600; }
.faq_tab_box ul li { float: left; width: 166px; text-align: center; background: #fff; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.faq_tab_box ul li:hover { border-bottom: 1px solid #62a8ea; }
.faq_tab_box ul li a { display: block; padding: 11px 0; text-decoration: none; font-size: 14px; color: #333; }

/**************************************************************** 결제진행 페이지 영역  **********************************************************************/
.payment_contents .pay_product_number strong { font-weight: 600; }
.lec_board_wrap.payment_progress_01 {margin-top: 30px;}
.lec_board_wrap thead th.payment01 {width: 590px;}
.lec_board_wrap thead th.payment02 {width: 160px;}
.lec_board_wrap thead th.payment03 {width: 100px;}
.lec_board_wrap thead th.payment04 {width: 149px;}

.lec_board_wrap.payment_progress_01 td { height: 50px; }
.lec_board_wrap.payment_progress_01 .product_name { text-align: left; padding-left: 30px; } 
.lec_board_wrap.payment_progress_01 .total_order { text-align: right; padding-right: 30px; background: #f9f9f9; border-bottom: 1px solid #222; }
.lec_board_wrap.payment_progress_01 .total_order span { color: #0054a5; font-weight: 600; font-size: 16px; }
.delivery_info .register_wrap { width: 1000px; margin-top: 100px; }
.delivery_info .register_wrap .register_box .delivery_register_wrap { border-top: 1px solid #222; padding-bottom: 100px; }
.delivery_register_wrap th { height: 50px; background: #f9f9f9; border-bottom: 1px solid #eee; color: #0054a5; }
.delivery_register_wrap th .radio_wrap label:before { width: 18px; height: 18px; top: 0; }
.delivery_register_wrap th .radio_wrap input[type="radio"]:checked+label:after { content: ''; position: absolute; left: 4px; top: 4px;
     width: 14px; height: 14px; border-radius: 50%; background: #0054a5; 
}
.delivery_register_wrap td { border-bottom: 1px solid #eee; padding: 6px 10px; }
.delivery_register_wrap td .radio_wrap label:before { width: 18px; height: 18px; top: 0; }
.delivery_register_wrap td .radio_wrap input[type="radio"]:checked+label:after { content: ''; position: absolute; left: 4px; top: 4px;
     width: 14px; height: 14px; border-radius: 50%; background: #0054a5; 
}
.delivery_register_wrap .col02 { width: 300px; }
.delivery_register_wrap .col00 { color: #222; }
.delivery_register_wrap span { font-size: 16px; padding-left: 10px; color: #acacac; }
.delivery_register_wrap input[type="text"] { width: 234px; height: 30px; padding-left: 10px; font-size: 16px; color: #222; border: 1px solid #eee; }
.delivery_register_wrap td input.mail_number { width: 195px; }
.delivery_register_wrap td .mail_search_btn { width: 124px; height: 30px; background: #0054a5; color: #fff; text-align: center; 
    line-height: 25px; margin-left: 10px; padding: 1px; 
}
.delivery_register_wrap td input.adress { display: block; margin-top: 10px; width: 570px; }
.delivery_register_wrap td input.want_to_say { display: block;  width: 570px; }
.delivery_register_wrap td .total_order_money { color: #0054a5; font-weight: 600; }
.delivery_register_wrap td .delivery_charge { color: #0054a5; font-weight: 600; }
.delivery_register_wrap td .total_payment_money { color: #0054a5; font-weight: 600; }
.delivery_info .register_wrap .register_box .pay_now_wrap { margin-bottom: 30px; }
.delivery_info .register_wrap .register_box .pay_now_wrap .btn_credit_card { width: 470px; height: 80px; background-color: #f9f9f9; border-radius: 80px;
     text-align: center; font-weight: 600; position: relative; 
}
.delivery_info .register_wrap .register_box .pay_now_wrap .btn_credit_card span { color: #222; position: absolute; left: 45%; top: 35%; }
.delivery_info .register_wrap .register_box .pay_now_wrap .btn_credit_card img { position: absolute; left: 30%; top: 35%; width: 40px; height: 25px; }
.delivery_info .register_wrap .register_box  .pay_now_wrap .btn_vbank { margin-left: 54px; width: 469px; height: 79px; background-color: #f9f9f9; border-radius: 80px;
     text-align: center; font-weight: 600; position: relative; 
}
.delivery_info .register_wrap .register_box  .pay_now_wrap .btn_vbank img { position: absolute; left: 30%; top: 35%; width: 40px; height: 25px; }
.delivery_info .register_wrap .register_box  .pay_now_wrap .btn_vbank span { color: #222; position: absolute; left: 45%; top: 35%; }
.pay_btn_wrap { width: 180px; height: 50px; line-height: 50px; background: #0054a5; font-size: 16px; color: #fff; text-align: center; margin: 0 auto; }

/*********************************************************************** 검색결과 영역 ***************************************************************/

.search_results_contents .search_result_box { padding: 33px 170px; border-top: 1px solid #222; border-bottom: 1px solid #222; }
.search_result_box { background: #f9f9f9; }
.search_lec_box { margin-top: 50px; }
.search_notice_box { margin-top: 50px; } 
.search_result_box .search_col { float: left; }
.search_results_contents input[type="text"] { width: 456px; height: 31px; border: 1px solid #ddd; outline: none; background: #fff;
     color: #222; box-sizing: border-box; font-size: 16px; padding-left: 15px; 
}
.search_results_contents .lec_total_number strong { font-weight: 600; }
.search_results_contents .notice_total_number strong { font-weight: 600; }
.search_result_box .btn_search_result { width: 90px; height: 30px; background: #0054a5; color: #fff; margin-left: 22px; }

.lec_board_wrap thead th.result_lec01 { width: 10%;}
.lec_board_wrap thead th.result_lec02 { width: 45%;}
.lec_board_wrap thead th.result_lec03 { width: 10%;}
.lec_board_wrap thead th.result_lec04 { width: 10%;}
.lec_board_wrap thead th.result_lec05 { width: 10%;}

.search_results_contents .lec_board_wrap .lec_name { text-align: left; padding-left: 30px; }
.search_results_contents .lec_board_wrap .teacher_name { padding: 0px 15px; }
.notice_total_wrap { margin-bottom: 20px; }

.lec_total_wrap { margin-bottom: 20px; }
.lec_board_wrap thead th.result_notice01 { width: 10%;}
.lec_board_wrap thead th.result_notice02 { width: 45%;}
.lec_board_wrap thead th.result_notice03 { width: 10%;}
.lec_board_wrap thead th.result_notice04 { width: 10%;}
.lec_board_wrap thead th.result_notice05 { width: 10%;}

/*************************************************** 공지사항 자세히보기 페이지 영역 *******************************************************************/

.cs_detail_ttl { font-weight: 600; font-size: 24px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #222; }
.cs_detail_wrap ul li { display: inline-block; margin-right: 14px; font-size: 14px; }
.cs_detail_wrap ul li .writer_text { color: #0054a5; }
.cs_detail_wrap .cs_detail_contents { margin-top: 20px; padding: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.cs_btn_box { text-align: center; margin-top: 50px; }
.cs_btn_box .cs_btn_wrap { display: inline-block; width: 124px; }
.cs_btn_box .cs_btn_wrap.cs_btn_gray { background: #aaa; }
.cs_btn_box .cs_btn_wrap.cs_btn_gray:hover { background: #222; }
.cs_btn_wrap { width: 124px; height: 50px; line-height: 50px; background: #0054a5; font-size: 14px; color: #fff; text-align: center; margin: 0 auto; }

/********************************************************************** 1:1문의 비밀번호 입력 페이지 ****************************************************************/
.counseling_form .counseling_wrap { padding: 50px 0; text-align: center; }
.counseling_form .counseling_wrap  .counseling_secret { margin-bottom: 30px; font-size: 16px; }

.counseling_form .counseling_wrap  .counseling_secret input[type="password"] { width: 300px; height: 30px; border: 1px solid #ddd; outline: none;
     background: #fff; color: #222; box-sizing: border-box; font-size: 16px; padding-left: 15px; margin-left: 10px; 
}
.counseling_form .counseling_wrap  .counseling_secret .btn_counseling { width: 90px; height: 30px; background: #0054a5; color: #fff; margin-left: 10px; }
.counseling_form .counseling_wrap .secret_notice { font-size: 16px; line-height: 140%; margin-bottom: 30px; }
.counseling_form .counseling_wrap .secret_notice strong { font-weight: 600; }
.counseling_form .counseling_wrap .btn_goback_counslist { width: 150px; height: 30px; line-height: 30px; background: #0054a5; font-size: 16px;
    color: #fff; text-align: center; margin: 0 auto; 
}

/************************************************************************* 1:1문의 글쓰기 페이지 영역 ***********************************************************/

.register_form.writing_info .register_wrap { width: 100%; margin: 0; }
.register_form .register_wrap .register_box .writing_register_wrap { border-top: 1px solid #222; padding-bottom: 30px; }
.writing_register_wrap th { width: 148px; height: 50px; background: #f9f9f9; border-bottom: 1px solid #eee; color: #0054a5; }
.writing_register_wrap td { border-bottom: 1px solid #eee; padding: 6px 10px; }
.writing_register_wrap td input[type="text"] { width: 832px; height: 30px; border: 1px solid #ddd; outline: none; background: #fff; color: #222; box-sizing: border-box; font-size: 16px; padding-left: 15px; }
.writing_register_wrap td #counseling_input_text { padding: 10px; border: 1px solid #ddd; background: #fff; height: 200px; }
.writing_complete_btn { text-align: center; margin-top: 30px; }
.writing_complete_btn .btn_complete { display: inline-block; width: 100px; height: 50px; line-height: 50px; background: #0054a5; color: #fff; }
.writing_complete_btn .btn_back_list { display: inline-block; width: 100px; height: 50px; line-height: 50px; background: #aaa; color: #fff; }


/* 이라이프엠 도서소개 영역 */

.sub_ttl_wrap {width: 100%; height: auto; padding:  0 0 15px;}
.book_ttl {font-size: 20px; font-weight: 600;}
.book_list_wrap {display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start;}
.book_list {width: 48%; margin: 1%; height: auto; min-height: 280px; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; border: 1px solid #aaa; border-radius: 6px;}
.book_list .book_img_box {width: 40%; height: 100%; text-align: center; padding: 30px; overflow: hidden;}
.book_list .book_img_box img {/*width: 100%;*/ /*max-width: 100%;*/max-width: 130px; max-height:180px; }
.book_list .book_txt_box {width: 60%; height: 100%;  padding: 30px; overflow: hidden;}
.book_list .book_txt_box .book_info_ttl {margin-bottom: 20px; font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.book_info_txt {font-size: 14px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.btn_book_pay_wrap {text-align: left; margin-top: 20px;}
.btn_book_pay {display: inline-block; background: #0054a5; color: #fff; line-height: 40px; padding: 0 20px;  border: none; border-radius: 5px; cursor: pointer; }
.btn_more_wrap {text-align: center;}
.more_list_btn {width: 98%;}
.btn_blue {background: #0054a5; font-weight: 600; height: 40px; padding: 0 20px; margin: 5px; border: none; border-radius: 5px; cursor: pointer; color: #fff;}
.book_list_wrap2, .book_list_wrap3, .book_list_wrap4 {display: none;}