@charset "utf-8";

	/* 모바일 버튼영역 */
	.button_area.m_button_area {overflow: hidden;}
	
	/* top location */
	.location_area {overflow: hidden; padding: 0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		.location_area ul.location {float: right; margin: 20px 0 35px; text-align: left; font-size: 14px;}
		.location_area ul.location li {float: left; height: 18px; padding-left: 20px; font-weight: normal; color: #757474; line-height: 18px; list-style: none; background: url('/images/front/icon/icon_arrowr.png') no-repeat 9px 4px;}
		.location_area ul.location li:first-child {padding-left: 25px; background: url('/images/front/icon/icon_home.png') no-repeat 0 2px;}
		.location_area ul.location li strong {color: #000000;}
	
	/* title */
	.main_title_area {overflow: hidden; /*margin-bottom: 30px; padding-bottom: 10px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; background: url('/images/front/sub/title_bottom_line.png') repeat-x 0px bottom;*/padding:0 0 15px;margin:0 0 15px;line-height:30px;border-bottom:2px solid #000;}/* 250904 수정 */
		h3.title {/*font-weight: bold; font-size: 31px;*/ color: #4b4b4b; letter-spacing: -0.02em; line-height: 1.4em;font-weight:400;font-size:30px;line-height:1;}/* 250904 수정 */
		p.title_info_txt {/*margin: 10px 0 10px 0; font-size: 14px; color: #4b4b4b;*/}/* 250904 수정 */
		
	.title_area {overflow: hidden; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		h4.title {padding-left: 18px; font-weight: bold; font-size: 18px; color: #333333; line-height: 1.4em; background: url('/images/front/common/bg_bullet01.png') no-repeat 0px 8px;}
		h4.title span {font-size: 12px; color: #FF0000;}
		h4.title_blue {display: inline-block; font-weight: bold; font-size: 18px; color: #0067b4; line-height: 1.4em; vertical-align: top;}
		
		h4.title2 {display: inline-block; padding-left: 13px; font-weight: bold; font-size: 15px; color: #4d4d4d; line-height: 1.4em; background: url('/images/front/common/bg_bullet02.png') no-repeat 0px 8px;}
		h4.title2 span {font-size: 12px; color: #4d4d4d;}
		
		h5.title {padding-left: 20px; font-weight: bold; font-size: 16px; color: #333333; line-height: 1.4em; background: url('/images/front/common/bg_bullet02.png') no-repeat 5px 8px;} 
		h5.title_blue {padding-left: 8px; font-weight: bold; font-size: 16px; color: #0067b4; line-height: 1.4em; background: url('/images/front/common/bg_bullet03.png') no-repeat 0px 3px;}
		h5.title_blue_none {display: inline-block; font-weight: bold; font-size: 16px; color: #0067b4; line-height: 1.4em;}
		h5.sub_title {font-weight: bold; font-size: 16px; color: #333333; line-height: 1.4em;}
		h5.bullet_title {padding-left: 10px; font-weight: bold; font-size: 16px; color: #333333; line-height: 1.4em; background: url('/images/front/common/bg_bullet04.png') no-repeat 0px 8px;}
		
		h6.bullet_title {padding-left: 10px; font-weight: bold; font-size: 15px; color: #333333; line-height: 1.4em; background: url('/images/front/common/bg_bullet04.png') no-repeat 0px 7px;}
		
@media (max-width: 1380px) {
		h3.title{text-align: center; font-size: 26px; margin-top: 20px;}
}
	
	/* 동의 */
	.all_agree_box {overflow: hidden; margin-bottom: 50px; padding: 10px; text-align: center; border: 1px solid #e1e1e1;}
		.all_agree_box label {font-size: 15px; font-weight: bold; color: #000000; vertical-align: middle;}
		.all_agree_box input[type=checkbox] {height: auto;}
	
	.agree_box {overflow: hidden; margin-bottom: 30px; border:1px solid #e1e1e1;}
		.agree_box .agree_box_title {padding: 10px; background-color: #ebebeb; overflow: hidden;}
			.agree_box .agree_box_title strong {font-size: 15px; font-weight: bold; color: #4d4d4d; float: left;}
			.agree_box .agree_box_title > span {font-size: 15px; color: #ed1c24; float: left; margin-left: 4px;}
			.agree_box .agree_box_title a {float: right; font-size: 13px; color:#4d4d4d;}
		
		.agree_box .agree_box_content {overflow-y: scroll; height: 98px; padding: 10px; font-size: 13px; color: #4d4d4d; border-bottom: 1px solid #ebebeb}
		.agree_box .agree_box_radio {overflow: hidden; padding: 10px; text-align: center;}
			.agree_box .agree_box_radio input[type=radio] {height: auto;}
			.agree_box .agree_box_radio label {font-size: 15px; color: #010101; vertical-align: middle;}
			.agree_box ol.agree_box_list {overflow: hidden;}
			.agree_box ol.agree_box_list li {list-style: none;}
			.agree_box ol.agree_box_list li + li {margin-top: 10px;}
	
	/* 계정선택 */
	.old_id_box {overflow: hidden; margin-bottom: 30px; border:1px solid #e1e1e1;}
		.old_id_box .old_id_box_title {padding: 10px; background-color: #ebebeb;}
			.old_id_box .old_id_box_title strong {font-size: 15px; font-weight: bold; color: #4d4d4d;}
			.old_id_box .old_id_box_title > span {font-size: 15px; color: #ed1c24;}
			.old_id_box .old_id_box_title a {float: right; font-size: 13px; color:#4d4d4d;}
		
		.old_id_box .old_id_box_content {overflow-y: scroll; height: 98px; padding: 10px; font-size: 13px; color: #4d4d4d; border-bottom: 1px solid #ebebeb}
		.old_id_box .old_id_box_radio {overflow: hidden; padding: 20px;}
			.old_id_box .old_id_box_radio strong {font-size: 15px; font-weight: bold; color: #4d4d4d;}
			.old_id_box .old_id_box_radio .old_id_mng {padding-top: 20px;}
			.old_id_box .old_id_box_radio input[type=radio] {height: auto;}
			.old_id_box .old_id_box_radio label {font-size: 15px; color: #010101; vertical-align: middle;}
			.old_id_box ol.agree_box_list {overflow: hidden;}
			.old_id_box ol.agree_box_list li {list-style: none;}
			.old_id_box ol.agree_box_list li + li {margin-top: 10px;}
			
		.old_id_box .old_id_box_btn {overflow: hidden; padding-bottom:20px; text-align: center;}
	
	/* 공통 - 텍스트박스 */
	div.txt_box {overflow: hidden; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		div.txt_box p {font-size: 13px; color: #4b4b4b; line-height: 1.6em;}

	/* 공통 */
	.f17 {font-size:17px; padding-bottom:10px;}
	.tablist_select_area {display: none;}
	.member_area {overflow: hidden; /*width: 750px;*/width:100%; margin: 0 auto;}	
	.mapping_box {overflow: hidden; padding: 10px; background-color: #f6f9fa;}
		.mapping_box ul {overflow: hidden; text-align: center;}
		.mapping_box ul li {display: inline-block; padding: 0 10px; list-style: none; background: url('/images/front/common/bar.png') no-repeat right 4px;}
		.mapping_box ul li:last-child {background: none;}
	
	/* 선택과제 */
	/*181218 수정*/
	aside#select_subject {position: fixed; z-index: 100; overflow: hidden; width: 100%; bottom: 0px; left: 0px;}
	div.select_subject_area {background-color: #ffffff;}
	
	div.select_subject_button {overflow: hidden; width: 1200px; margin: 0 auto;}
		div.select_subject_button span {display: inline-block; height: 40px; padding: 0 15px; line-height: 40px; color: #ffffff; font-weight: bold; font-size: 15px; background-color: #2488cd;}
		button.select_subject_button_close {display: inline-block; width: 40px; height: 40px; margin-left: -4px; background: url('/images/front/sport_safety_training/application_arrow.png') no-repeat center center #7b7b7b;}
		button.select_subject_button_open {display: inline-block; width: 40px; height: 40px; margin-left: -4px; background: url('/images/front/sport_safety_training/application_arrow2.png') no-repeat center center #7b7b7b;}	
	
	div.select_subject_list_area {border-top: 5px solid #2488cd; border-bottom: 3px solid #cacaca;}
		div.select_subject_list {overflow: hidden; width: 1200px; margin: 0 auto;}
		div.select_subject_list ul {overflow: hidden; display: inline-block; float: left; width: 80%; margin: 15px 0 15px 0;}
		/*181218 수정*/
		div.select_subject_list ul li {position:relative; overflow: hidden; display: table; float: left; margin: 0 5px; width: 118px; height: 90px; list-style: none; border: 2px solid #d7d7d7; box-sizing: border-box}
		div.select_subject_list ul li > div.dim {display: block; overflow: hidden; position: absolute; width: 118px; height: 90px; top: 0px; left: 0px; background: #000000; opacity: 0.6; z-index: 99;}
		div.select_subject_list ul li a {position: absolute; bottom: -2px; right: 0px; z-index: 1000;}
		div.select_subject_list ul li > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
		span.select_subject_name {display: table-cell; position: relative; width: 100%; height: 100%; color: #ffffff; text-align: center; vertical-align: middle; font-size: 15px; font-weight: bold; z-index: 999;}
			
		div.select_subject_button_area {overflow: hidden; width: 20%; display:inline-block; text-align: center;}
		div.select_subject_button_area button {margin-top: 34px;}

ul.basis_table_ul {overflow: hidden;}
	ul.basis_table_ul li {list-style: none;}
	ul.basis_table_ul li:before {padding-right: 5px; content: "-";}
	ul.basis_table_ul li + li {margin-top: 10px;}


@media screen and (max-width:1024px){
	/* .mob_header_wrap .left a {display:none;} *//* 251010 수정 */
	.main_title_area {z-index:1000;position:absolute;top:0;left:0;right:50px;padding:13px 40px 13px 80px;border-bottom:0;}
	.main_title_area .btn-mo-prev {position:absolute;top:50%;left:0;width:40px;height:40px;margin-top:-20px;background:url(../../images/front/common/btn_paging_prev.png) center no-repeat;text-indent:-9999px;overflow:hidden;}
	.main_title_area .btn-mo-home {position:absolute;top:50%;right:0;width:40px;height:40px;margin-top:-20px;background:url(../../images/front/common/ico_home_01.png) center no-repeat;background-size:24px;text-indent:-9999px;overflow:hidden;}
	.main_title_area h3.title {font-size:16px;margin:0;line-height:30px;font-weight:bold;}
}
/* 화면 해상도 width 640px 이상 960px 이하 Design --------------------------------------*/
@media screen and (max-width: 1024px) and (min-width: 641px) {

	/* 공통 */
	.m_none {display: none;}
	.tablist_select_area {display: block; overflow: hidden; padding: 10px; border:1px solid #dddddd; background-color: #fdfdfd;}
	.tablist_select_area select {width: 100%;}
	.member_area {overflow: hidden; width: 100%;}	
	
	
	/* 선택과제 */
	aside#select_subject {position: fixed; overflow: hidden; width: 100%; bottom: 0px; left: 0px;}
	div.select_subject_area {background-color: #ffffff;}
	
	div.select_subject_button {overflow: hidden; width: 100%; margin: 0 auto;}
		div.select_subject_button span {display: inline-block; height: 40px; padding: 0 15px; line-height: 40px; color: #ffffff; font-weight: bold; font-size: 15px; background-color: #2488cd;}
		button.select_subject_button_close {display: inline-block; width: 40px; height: 40px; margin-left: -4px; background: url('/images/front/sport_safety_training/application_arrow.png') no-repeat center center #7b7b7b;}
		button.select_subject_button_open {display: inline-block; width: 40px; height: 40px; margin-left: -4px; background: url('/images/front/sport_safety_training/application_arrow2.png') no-repeat center center #7b7b7b;}	
	
	div.select_subject_list_area {border-top: 5px solid #2488cd; border-bottom: 3px solid #cacaca;}
		div.select_subject_list {overflow: hidden; width: 100%; margin: 0 auto;}
		div.select_subject_list ul {overflow: hidden; display: inline-block; float: none; width: 100%; margin: 15px 0 15px 0;}
		/*181218 수정*/
		div.select_subject_list ul li {position:relative; overflow: hidden; display: table; float: left; margin: 5px; width: 118px; height: 90px; list-style: none; border: 2px solid #d7d7d7;}
		div.select_subject_list ul li > div.dim {display: block; overflow: hidden; position: absolute; width: 118px; height: 90px; top: 0px; left: 0px; background: #000000; opacity: 0.6; z-index: 99;}
		div.select_subject_list ul li a {position: absolute; bottom: -2px; right: 0px; z-index: 1000;}
		div.select_subject_list ul li > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
		span.select_subject_name {display: table-cell; position: relative; width: 100%; height: 100%; color: #ffffff; text-align: center; vertical-align: middle; font-size: 15px; font-weight: bold; z-index: 999;}
			
		div.select_subject_button_area {overflow: hidden; display:inline-block; width: 100%; margin-bottom: 30px; text-align: center;}
		div.select_subject_button_area button {margin-top: 34px;}
	
}


/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){

	
	/* 선택과제 */
	aside#select_subject {position: fixed; overflow: hidden; width: 100%; bottom: 0px; left: 0px;}
	div.select_subject_area {background-color: #ffffff;}
	
	div.select_subject_button {overflow: hidden; width: 100%; margin: 0 auto;}
		div.select_subject_button span {display: inline-block; height: 40px; padding: 0 15px; line-height: 40px; color: #ffffff; font-weight: bold; font-size: 15px; background-color: #2488cd;}
		button.select_subject_button_close {display: inline-block; width: 40px; height: 40px; margin-left: -4px; background: url('/images/front/sport_safety_training/application_arrow.png') no-repeat center center #7b7b7b;}
		button.select_subject_button_open {display: inline-block; width: 40px; height: 40px; margin-left: -4px; background: url('/images/front/sport_safety_training/application_arrow2.png') no-repeat center center #7b7b7b;}	
	
	div.select_subject_list_area {border-top: 5px solid #2488cd; border-bottom: 3px solid #cacaca;}
		div.select_subject_list {overflow: hidden; width: 100%; margin: 0 auto;}
		div.select_subject_list ul {overflow: hidden; display: inline-block; float: none; width: 100%; margin: 15px 0 15px 0;}
		/*181218 수정*/
		div.select_subject_list ul li {position:relative; overflow: hidden; display: table; float: left; margin: 5px; width: 118px; height: 90px; list-style: none; border: 2px solid #d7d7d7;}
		div.select_subject_list ul li > div.dim {display: block; overflow: hidden; position: absolute; width: 118px; height: 90px; top: 0px; left: 0px; background: #000000; opacity: 0.6; z-index: 99;}
		div.select_subject_list ul li a {position: absolute; bottom: -2px; right: 0px; z-index: 1000;}
		div.select_subject_list ul li > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
		span.select_subject_name {display: table-cell; position: relative; width: 100%; height: 100%; color: #ffffff; text-align: center; vertical-align: middle; font-size: 15px; font-weight: bold; z-index: 999;}
			
		div.select_subject_button_area {overflow: hidden; display:inline-block; width: 100%; margin-bottom: 30px; text-align: center;}
		div.select_subject_button_area button {margin-top: 34px;}

	/* 모바일 버튼영역 */
	.button_area.m_button_area {overflow: hidden;}
	.button_area.m_button_area div {display: block; float: none; margin-bottom: 10px;}
	
	.button_area a,
	.button_area button {margin: 1px;}

	/* 공통 */
	.m_none {display: none;}
	.tablist_select_area {display: block; overflow: hidden; padding: 10px; border:1px solid #dddddd; background-color: #fdfdfd;}
	.tablist_select_area select {width: 100%;}
	.member_area {overflow: hidden; width: 100%;}	
	.mapping_box {overflow: hidden; padding: 10px; background-color: #f6f9fa;}
		.mapping_box ul {overflow: hidden; text-align: left;}
		.mapping_box ul li {display: block; padding: 0 10px; list-style: none; background: none;}
		.mapping_box ul li + li {margin-top: 5px;}
		.mapping_box ul li:last-child {background: none;}	

	.main_title_area {padding:13px 40px;}
}

/* 251010 디자인 개편 */
.main_title_area {display:none;}