@CHARSET "UTF-8";



.sub {margin-top: 18.59375vw;}
.inner {
	margin-right: 4.6875vw;
	margin-left: 4.6875vw;
}
.max_inner{width: 100% !important; margin: 0 auto !important;}
.sub .member_top,
.sub .contTop {
    color: #333;
    border-bottom: 2px solid #474747;
}
.sub .contTop .contTit{
	font-size: 5.9375vw;
}
.sub .contTop .contRoute {
	color: #848484;
	font-size: 3.125vw;
}
/* 로그인 */


.sub .login_area{
	width: 78.125vw;
	margin-left:auto;
	margin-right:auto;
	font-size: 2.8125vw;
	color: #666666;
}
.sub .login_area dt{
	font-weight: 700;
	padding-bottom: 1.5625vw;
}
.sub .login_area dd input::placeholder{color: #a5b6c7;}
.sub .login_area .login_chkbox {
	width: 3.90625vw;
	height: 3.90625vw;
	border:1px solid #666666;
	vertical-align: middle;
	margin-right: 1.25vw;
}
.sub .login_area a{
	color: #666;
}
.sub .login_area .btn_login{
	color: #fff;
	letter-spacing: 0.2em;
	background-color:#0e90cf;
	margin: 2.34375vw auto 0;
	width: 100%;
	height: 7.8125vw;
	line-height: 7.8125vw;
}
.sub .login_area .btn_join{
	color: #333333;
	border:1px solid #868686;
	margin: 2.34375vw auto 0;
	width: 100%;
	height: 7.8125vw;
	line-height: 7.8125vw;
}

/* 회원가입 */
.join_step {border-bottom:1px solid #474747;}
.join_step li {
	float: left; 
	color: #adadad; 
	position: relative; 
	padding-right: 7.333333333333333vw; 
	font-size: 3.466666666666667vw;
}
.join_step li.on {color: #333;}
.join_step li:after{
	content:''; 
	width: 1.09375vw; 
	height: 2.03125vw; 
	position: absolute;
	top:2.133333333333333vw;
	right: 3.90625vw;
	background-image: url('../../../asset/images/common/join_step_arr.png'); 
	-webkit-background-size: contain;
	background-size: contain; 
	background-repeat: no-repeat;
}
.join_step li:last-child{padding-right: 0;}
.join_step li:last-child:after{	content:none; }

.area_line {
	border-top: 1px solid #a3a3a3;
	border-bottom:1px solid #a3a3a3;
}
.all_chk {
	background-color: #f6f6f6; 
	border-top: 1px solid #a3a3a3;
}
.find_area {
	width:78.125vw;
	margin-right: auto;
	margin-left: auto;
}
.find_area .phone_area select {width: 16.40625vw;}
.find_area .phone_area input {width: 16.40625vw;} 

.join_tite {
    font-size: 2.8125vw;
    color: #666;
}
.join_box .agree_cont,
.join_box textarea {
	width: 100%; 
	height: 28.90625vw; 
	border:1px solid #969696; 
	padding: 2.03125vw 1.5625vw; 
	font-size: 2.5vw;
	overflow: auto;
    color: #6d6d6d;
    font-weight: 300;
}
.join_tite {font-size: 2.8125vw; color: #666;}
.join_box .join_cont {border-bottom:1px solid #a3a3a3;}
.join_table{width: 100%; table-layout:fixed}
.join_table th, .join_table td{
	text-align: left;	
	padding-left: 0.78125vw;
	padding-right: 0.78125vw;
	height: 12.5vw;
	font-size: 2.8125vw;
}
.join_table td.h70{height: 10.9375vw;}
.join_table td.h123{height:19.21875vw;}
.join_table td {color: #666;}

.join_table .basic_input {width: 100%;}
.join_table .basic_input.w135{width: 21.09375vw;}
.join_table .basic_input.w145{width: 22.65625vw;}
.join_table .basic_input.w150{width: 23.4375vw;}
.join_table .basic_input.w170{width: 26.5625vw;}
.join_table .basic_input.w300{width: 46.875vw;}


.join_table .join_desc { color: #9d9d9d; font-size: 2.5vw;}

.join_table input[type='checkbox'] {vertical-align: middle;}
.join_table .idchk, .join_table .addchk{width: 14.66666666666667vw;  vertical-align: bottom;}

.cal_wrap {position: relative;}
.cal_wrap .ui-datepicker-trigger {   
	position: absolute;
    right: 1.5625vw;
    top: 2.1875vw;
	cursor:pointer;
	width: 3.125vw;
    height: 3.125vw;
}

/* 아이디/비번찾기 */
.tab_wrap li {
	float: left;
	text-align: center;
	font-size: 3.125vw;
	background-color: #ececec;
	line-height: 9.375vw;
	border-bottom:1px solid #474747;
	cursor:pointer;
}
.tab_wrap.tab2 li{width: 50%;}
.tab_wrap li.on{
	border:1px solid #474747;
	border-bottom:0;
	background-color: #fff;
}
.tab_wrap li a{color: #7c7c7c; display: block;}
.tab_wrap li.on a{color: #333;}
.findId_area,.findPw_area {
	border-top:1px solid #a3a3a3; 
	border-bottom: 1px solid #a3a3a3;
}

/* 온라인 교육신청 */
.online_btn_wrap {text-align: center;}
.online_btn {
	border:0.46875vw solid #3FABDE;
	border-radius:3.90625vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 39.0625vw;
	height: 31.25vw;
	display: inline-block;
	font-size: 3.4375vw;
	font-weight: 600;
	color: #3FABDE;
	background-image: url('/asset/images/sub/educate/eduinfo02_ico_03.png');
	-webkit-background-size: 15.625vw 15.625vw;
	background-size: 15.625vw 15.625vw;
	background-repeat: no-repeat;
	background-position: top 3.125vw center;
	text-align: center;
	padding-top: 21.5625vw;
}
.online_btn.newonline_btn {
	border:0.46875vw solid #DE723F;
	color: #DE723F;
	background-image: url('/asset/images/sub/educate/eduinfo01_ico_04.png');
	margin-left: 6.25vw;
}

.code_sch {
    display: block;
    position: absolute;
    right: 1.5625vw;
    top: 1.5625vw;
    text-align: center;
}
.code_ins {
	display: block;
	position: absolute;
	right: 23.4375vw;
	top: 1.5625vw;
	text-align: center;
}

.info_img {width: 4.84375vw;}
.adu_img img {width: 100%; height: 100%;}
.sub.edu .eduIn_table .eduTit {width: 9.375vw; font-weight: 600;}
.sub.edu .eduIn_table .tc {vertical-align: top;}
.cls_btn { 
	padding: 0.46875vw 2.5vw; 
	background-color: #969696; 
	color: #fff; 
	font-size: 3.4375vw; 
	line-height: 6.25vw;
	font-weight: 200; 
	width: 18.75vw; /* 120px */
	display: block;
	text-align: center;
}
.cls_btn.w180{width: 28.125vw;}

/* table */
.cont_table {border-bottom: 2px solid #919191;  table-layout:fixed}
.cont_table thead th {
	background-color: #f9f9f9; 
	padding: 2.34375vw 1.5625vw;
	border-bottom: 1px solid #dedede; 
}
.cont_table tbody th{
	background-color: #f9f9f9;
}
.cont_table tbody th,
.cont_table tbody td {
	border-bottom: 1px solid #dedede; 
	padding:3.125vw 1.5625vw;
}
.cont_table.bodyTh tbody th{
	padding: 1.5625vw 0.46875vw;
}

.cont_table.self_info_table th,
.cont_table.self_info_table td {
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
}

/*교육일정안내 */
.guide_info {
	border-bottom: 2px solid #919191;
}
.guide_info .guide_ico_01{ width: 30.46875vw;}
.tit_overflow tbody td:nth-child(2) {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    cursor: pointer;
}

.basic_select_new.edu_select {
	width: 32.03125vw;
}

/* 식품위생교육 - 식품위생교육안내 */
.edu_info td {padding: 10px 0;}
.edu_info td.vat{vertical-align: top;}
.edu_info .b_box {
	border-radius:2.03125vw; 
	background-color: #57b5e2; 
	color: #fff; 
	font-weight: 600; 
	font-size: 2.5vw; 
	width: 14.0625vw; 
	text-align: center;
}
.edu_info .b_box.big {line-height: 14.0625vw;}
.edu_info .b_box.small {line-height: 6.25vw;}
.edu_info .b_box.small2 {line-height: 7.03125vw;}

/* 신규/기존 식품 위생교육안내 */
.eduinfo_tab > ul > li {
    padding: 6.25vw 4.6875vw;
    border-bottom: 1px solid #dedede;
    font-weight: 300;
}
.eduinfo_tab li .line:after {
    content: '';
    display: block;
    width: 78.125vw;
    height: 1px;
    background-color: #dedede;
    margin: 3.125vw auto;
}
.eduinfo_tab > ul > li .tit {font-weight: 600; padding-bottom: 3.125vw; padding-top: 2.34375vw; font-size: 3.75vw;}
.eduinfo_tab > ul > li .edu_icon {margin: 0 auto; width: 15.625vw;}
.eduinfo_btn {
	font-size: 3.125vw; 
	line-height: 1.250em; 
	width: 35.9375vw; 
	padding: 1.5625vw 7.34375vw 1.5625vw 1.5625vw; 
	border-radius:7.8125vw; 
	color: #fff;
	background-image: url('/../../../asset/images/common/btn_arr.png');
	background-repeat: no-repeat;
	background-position: right 2.8125vw top 3.125vw;
	-webkit-background-size: 4.375vw;
	background-size: 4.375vw;
	margin: 3.125vw auto;
}

/* 강의 수강하기 */
.info_ico {	width:4.84375vw; }

.tit_overflow4 tbody td:nth-child(4) {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
	cursor: pointer;
}

.video_wrap {
	width: 100%;
}	
.course_btn {
	width: 15.625vw;
	height: 5.46875vw;
	line-height: 5.46875vw;
	background-color: #969696;
	font-size: 3.4375vw;
	font-weight: 200;
}
.course_info .tit_box {
	width: 17.1875vw;
	height: 6.25vw;
	line-height: 6.25vw;
	background-color: #3eaadd;
	text-align: center;
	border-radius: 3.90625vw;
	margin: 1.333333333333333vw auto;
}

/* 마이페이지 - 강의 수강하기 수강기간 및 학습 진도율 추가  */
.mypage .mycourse_info {
    text-align: center;
    border-top: 1px solid #dedede;
    padding: 4.218vw 0 1.562vw;
    margin-top: 4.218vw;
}
.mypage .mycourse_info ul {
    display: inline-block;
    text-align: left;
    color: #333;
}
.mypage .mycourse_info li ~ li {
    margin-top: 0.781vw;
}
.mypage .mycourse_info li dl {
    position: relative;
    display: flex;
    padding-left: 2.031vw;
}
.mypage .mycourse_info li dl::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.781vw;
    height: 0.781vw;
    background: #0f96d6;
    border-radius: 50%;
    transform: translateY(-50%);
}
.mypage .mycourse_info li .mycourse_info_tit {
    width: 28.906vw;
    color: #666;
    flex-shrink: 0;
}
.mypage .mycourse_info li .persent_wrap {
    color: #0f96d6;
}

/* 마이페이지 - 강의 수강하기 환불버튼 추가 */
.mypage .refund_btn {
    float: right;
    width: 16.562vw;
    height: 5.46875vw;
    font-size: 3.4375vw;
    font-weight: 400;
    line-height: 5.46875vw;
    background-color: #0f96d6;
}

/* 마이페이지 - 강의 수강하기 환불 팝업 */
.popup_bg.refund_pop_wrap {
    display: none;
}
.mem_popup.refund_pop {
    display: none;
    padding: 4.687vw 7.187vw 6.25vw;
    box-sizing: border-box;
}
.refund_pop h2 {
    color: #0f96d6;
    font-size: 3.437vw;
    font-weight: 500;
}
.refund_pop .refund_wrap {
    border-top: 1px solid #474747;
    border-bottom: 1px solid #474747;
    margin: 3.75vw 0 6.25vw;
}
.refund_pop .refund_wrap .refund_info {
    border-bottom: 1px solid #c7c7c7;
    padding: 3.125vw 7.187vw;
}
.refund_pop .refund_wrap .refund_info dl {
    display: flex;
    align-items: center;
}
.refund_pop .refund_wrap .refund_info dl ~ dl {
    margin-top: 1.562vw;
}
.refund_pop .refund_wrap .refund_info dt {
    width: 18.75vw;
    flex-shrink: 0;
}
.refund_pop .refund_wrap .refund_info dd {
    width: 100%;
}
.refund_pop .refund_wrap .refund_check_wrap {
    padding: 18px 0;
}
.refund_pop .refund_wrap .refund_check_wrap p {
    color: #333;
    font-size: 2.343vw;
    padding: 0;
}
.refund_pop .refund_wrap .refund_check_wrap p strong {
    font-weight: 500;
}
.refund_pop .refund_wrap .refund_check_wrap dd {
    display: flex;
    margin-top: 0.781vw;
    justify-content: center;
    align-items: center;
}
.refund_pop .refund_wrap .refund_check_wrap .refund_check {
    margin: 0 0 0 0.937vw;
}
.refund_pop .btn_wrap {
    text-align: center;
}
.refund_pop .btn_wrap .mempop_check {
    margin-bottom: 0;
}
.refund_pop .btn_wrap .mempop_cancel {
    width: 23.437vw;
    line-height: 7.812vw;
    font-size: 3.437vw;
    background-color: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.refund_pop .btn_wrap button ~ button {
    margin-left: 1.562vw;
}

/* 마이페이지 - 강의 수강하기 (OX 퀴즈) */
.quiz_table tr:nth-child(odd) {background-color: #f9f9f9;}

/* 마이페이지 - 강의 수강하기 (설문평가표) */
.survey_table tbody td {padding: 4.6875vw 0;}
.survey_table tr.last th {border-bottom:1px solid #919191;}

/* 협회소개 - 회장 인사말 */
.m_intro .intro_img{text-align:center; padding:9.375vw 0 7.8125vw;}

/* 협회소개 - 협회연혁 */
.sub .history_wrap{
	margin-top: 4.6875vw;
}
.sub .history_wrap>li{padding: 1.5625vw 0;}
.sub .history_wrap>li>h4{
	float: left;
	width: 14.21875vw;
	background: #47aedf;
	-webkit-border-radius: 7.8125vw;
	-moz-border-radius: 7.8125vw;
	border-radius: 7.8125vw;
	height: 6.25vw;
	line-height: 6.25vw;
	color: #fff;
	text-align: center;
	font-size: 3.59375vw;
	font-weight: 600;
	margin-right: 2.34375vw;
	margin-top: 2px;
}
.sub .history_wrap>li>ul {float: left; width: 80%;}
.sub .history_wrap>li>ul>li{padding: 1.25vw 0;}
.sub .history_wrap>li>ul p{
	display: inline-block;
	font-size: 3.4375vw;
	font-weight: 600;
	color: #333;
	line-height: 1;
	padding-top: 0.46875vw;
	vertical-align: top;
	margin-right: 1.5625vw;
}
.sub .history_wrap>li>ul span{
	display: inline-block;
	color: #666;
	font-size: 3.125vw;
	line-height: 1.364em;
	width: 77%;
	word-break:keep-all;
	vertical-align: top;
}

/* 자가품질검사 안내 */
.selfInfo_list li > p {
	display: inline-block;
	vertical-align: top;
	margin-right: 1.5625vw;
}
.selfInfo_list li > span {
	display: inline-block;
	width: 80%;
	word-break:keep-all;
}
.selfInfo_list li > span.w70{width: 70%;}

/* 자가품질검사 안내 - 자가품질검사소개 */
.self_introd .self_dot{
	position: relative;
	padding-left:2.34375vw;
}
.self_introd .self_dot:before {
	content:'';
	position: absolute;
	left: 2px;
	top: 1.40625vw;
	width: 0.78125vw;
	height: 0.78125vw;
	border-radius:50%;
	background-color: #666666;
	display: block;
}
.self_introd .self_hyphen{
	position: relative; 
	padding-left:4.6875vw;
}
.self_introd .self_hyphen:before {
	content:'';
	position: absolute;
	left: 2.1875vw;
	top: 1.71875vw;
	width: 1.09375vw;
	height: 1px;
	background-color: #666666;
	display: block;
}


/* 검사절차 및 신청 */
.m_apply .guide_info{text-align:center; padding:10.9375vw 0 10.9375vw;}
.m_apply .guide_info .materials .tit{padding:6.25vw 0 4.6875vw;}
.m_apply .guide_info .materials span{display:inline-block;}
.m_apply .guide_info .materials .down_btn2{color:#fff; background-color:#0f96d6; padding:1.5625vw 3.90625vw 1.5625vw 5.46875vw; background-image:url('/m/asset/images/sub/down_arrow.png'); background-position:left 1.5625vw top 2.65625vw; background-repeat:no-repeat; background-size:17%;}

.m_apply .flow_list{background-image:url("/m/asset/images/sub/m_apply_step.jpg"); background-repeat:no-repeat; background-position:center; background-size:100%; width:90.625vw; height:90.625vw; margin: 0 auto;}
.m_apply .flow_list li{color:#fff; width:50%; text-align:center;}
.m_apply .info_icon{width:8.125vw; height:8.125vw;}
.m_apply .f_etc{margin-top:-0.78125vw;}
.m_apply .w_txt{width:90%;}

.cont_table.new_edu {
    border-bottom: 0;
    margin: 2.666666666666667vw auto;
}
.cont_table.new_edu th{
	background: transparent;
}
.cont_table.new_edu th,
.cont_table.new_edu td {border-bottom: 0;}


/* 고객센터 - 자주묻는 질문 */
#accordian {overflow:hidden;}
#accordian .question_area p,
#accordian .answer_area p {	float: left; }
#accordian .answer_area {border-bottom: 1px solid #d8d8d8;}
#accordian .q_ico {padding: 2.34375vw 2.34375vw;}
#accordian .tit,
#accordian .answer {padding: 2.8125vw 0.78125vw; width: 92%; display: block; float: right;}
#accordian .question_area .arr_ico {float: right; padding: 1.875vw 4.6875vw; }
#accordian .question_area .arr_ico img {
	border: 1px solid #969696;
    padding: 1.875vw 1.5625vw;
	width: 5.15625vw;
	height: 5.15625vw;
}
#accordian li > .question_area{ cursor:pointer; border-bottom: 1px solid #d8d8d8;}
#accordian li > ul{ display:none;}

#accordian .tit{width: 75%;}


/* 고객센터 - 학습센터 */
.center_step {
	background-image: url('/m/asset/images/sub/center_step.jpg');
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 27.96875vw;
}
.center_step li a {
	color: #fff;
	text-decoration: underline;
}
.center_step li {
	position: relative;
	line-height: 1.200em;
	color: #fff;
	font-weight: 400;
	text-align: center;
	width: 33.28125vw;
	height: 27.96875vw;
}
.center_step li:after{
	content:'';
	display: block;
	background-image: url('/asset/images/common/step_arr.png');
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width: 1.875vw;
	height: 2.1875vw;
	position: absolute;
	right: 1.09375vw;
	top: 12.03125vw;
}
.center_step li:last-child:after{
	content:none;
}

.down_ico {width: 4.375vw;}

/* 협회소개 - 협회 조직도 */
.sub .organization_img img {
    width: 100%;
    margin: 0 auto; 
}

/* 협회소개 - 연락처 및 약도 */
.sub .map_img img {
    width: 100%;
    margin: 0 auto;
    padding-top: 9.375vw;
}

/* 식품위생 교육 신청(신규영업자) */
.app .gray_box {
    padding: 3.125vw 3.125vw 3.125vw 12.5vw;
    background-image: url("/asset/images/common/info_ico.png");
    background-position: 3.90625vw center;
    background-size: 5.625vw 5.625vw;
    background-repeat: no-repeat;
}
.app_table th, .app_table td {
    height: auto;
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
    padding-bottom: 2.34375vw;
    font-size: 2.8125vw;
}
.app_table td.h70 {padding-bottom: 0.78125vw;}
.app_table .post_wrap input {width: calc(100% - 20.3125vw)}
.app .chk_wrap {border-bottom: 1px solid #a3a3a3;}
.app .cal_wrap {width: 100%;}
.app .blue_btn {margin: 0 auto;}
.app_view .app_view_table th {padding-left: 3.125vw; padding-right: 0;}
.app_view .blue_btn:nth-child(1) {margin-right: 2.8125vw;}
.app_view_pop_bg.hid {display: none;}
.app_view .mem_popup {position: fixed; max-width: 690px;}
/* 교육일정 안내(신규영업자) */
.sch2 .eduinfo_btn {
    width: 31.25vw;
    padding: 0;
}
.sch2 .eduinfo_btn a {
    padding: 1.5625vw 3.125vw 1.5625vw 0;
    color: white;
}

@media (min-width: 640px){
	
	.sub {margin-top: 119px;}
	.inner {
		margin-right: 30px;
		margin-left: 30px;
	}
	
	.sub .member_top {
		border-bottom: 2px solid #474747;
	}
	.sub .contTop .contTit{
		font-size: 38px;
	}
	.sub .contTop .contRoute {
		color: #848484;
		font-size: 20px;
	}
	
	/* 로그인 */
	.sub .login_area{
		width: 500px;
		font-size: 18px;
	}
	.sub .login_area dt{
		padding-bottom: 10px;
	}
	.sub .login_area .login_chkbox {
		width: 25px;
		height: 25px;
		margin-right: 8px;
	}
	.sub .login_area .btn_login{
		margin: 15px auto 0;
		height: 50px;
		line-height: 50px;
	}
	.sub .login_area .btn_join{
		margin: 15px auto 0;
		height: 50px;
		line-height: 50px;
	}


	/* 회원가입 */
	.join_step li {
		padding-right: 55px; 
		font-size: 26px;
	}
	.join_step li:after{
		width: 7px; 
		height: 13px; 
		top:16px;
		right: 25px;
	}
	.find_area {
		width:500px;
	}
	.find_area .phone_area select {width: 105px;}
	.find_area .phone_area input {width: 105px;} 

	.join_tite {
		font-size: 18px;
	}
	.join_box .agree_cont,
	.join_box textarea {
		height: 185px;
		padding: 13px 10px; 
		font-size: 16px;
	}
	.join_tite {font-size: 18px;}
	.join_table th, .join_table td{
		padding-left: 5px;
		padding-right: 5px;
		height: 80px;
		font-size: 18px;
	}
	.join_table td.h70{height: 70px;}
	.join_table td.h123{height:123px;}
	
	.join_table .basic_input.w135{width: 135px;}
	.join_table .basic_input.w145{width: 145px;}
	.join_table .basic_input.w150{width: 150px;}
	.join_table .basic_input.w170{width: 170px;}
	.join_table .basic_input.w300{width: 300px;}


	.join_table .join_desc { font-size: 16px;}

	.join_table .idchk, .join_table .addchk{width: 110px; }

	.cal_wrap {position: relative;}
	.cal_wrap .ui-datepicker-trigger {  
		right: 10px;
		top: 14px;
		width: 20px;
		height: 20px;
	}

	/* 아이디/비번찾기 */
	.tab_wrap li {
		font-size: 20px;
		line-height: 60px;
	}

	/* 온라인 교육신청 */
	.online_btn_wrap {text-align: center;}
	.online_btn {
		border:3px solid #3FABDE;
		border-radius:25px;
		width: 250px;
		height: 200px;
		font-size: 22px;
		-webkit-background-size: 100px 100px;
		background-size: 100px 100px;
		background-position: top 20px center;
		padding-top: 138px;
	}
	.online_btn.newonline_btn {
		border:3px solid #DE723F;
		margin-left: 40px;
	}
	
	.code_sch {
		right: 10px;
		top: 10px;
	}
	.code_ins {
		right: 150px;
		top: 10px;
	}
	.info_img {width: 31px;}
	.sub.edu .eduIn_table .eduTit {width: 60px; }
	.cls_btn { 
		padding: 3px 16px; 
		font-size: 22px; 
		line-height: 40px;
		width: 120px;
	}
	.cls_btn.w180{width: 180px;}

	/* table */
	.cont_table thead th {
		padding: 15px 10px;
	}
	.cont_table tbody th,
	.cont_table tbody td {
		padding: 20px 10px;
	}
	.cont_table.bodyTh tbody th{
		padding: 10px 3px;
	}

	/*교육일정안내 */
	.guide_info {
		border-bottom: 2px solid #919191;
	}
	.guide_info .guide_ico_01{ width: 195px;}
	.basic_select_new.edu_select {width: 205px;}
	
	/* 식품위생교육 - 식품위생교육안내 */
	.edu_info td {padding: 10px 0;}
	.edu_info td.vat{vertical-align: top;}
	.edu_info .b_box {
		border-radius:13px; 
		background-color: #57b5e2; 
		color: #fff; 
		font-weight: 600; 
		font-size: 16px; 
		width: 90px; 
		text-align: center;
	}
	.edu_info .b_box.big {line-height: 90px;}
	.edu_info .b_box.small {line-height: 40px;}
	.edu_info .b_box.small2 {line-height: 45px;}

	/* 신규/기존 식품 위생교육안내 */
	.eduinfo_tab > ul > li {
		padding: 40px 30px;
		border-bottom: 1px solid #dedede;
		font-weight: 300;
	}
	.eduinfo_tab li .line:after {
		content: '';
		display: block;
		width: 500px;
		height: 1px;
		background-color: #dedede;
		margin: 20px auto;
	}
	.eduinfo_tab > ul > li .tit {font-weight: 600; padding-bottom: 20px; padding-top: 15px; font-size: 24px;}
	.eduinfo_tab > ul > li .edu_icon {margin: 0 auto; width: 100px;}
	.eduinfo_btn {
		font-size: 20px; 
		line-height: 1.250em; 
		width: 230px; 
		padding: 10px 47px 10px 10px; 
		border-radius:50px; 
		color: #fff;
		background-image: url('/../../../asset/images/common/btn_arr.png');
		background-repeat: no-repeat;
		background-position: right 18px top 20px;
		-webkit-background-size: 28px;
		background-size: 28px;
		margin: 20px auto;
	}

	/* 강의 수강하기 */
	.course_btn {
		width: 100px;
		height: 35px;
		line-height: 35px;
		font-size: 22px;
	}
	.info_ico {	width:31px; }

	.course_wrap{
		background-color: #f8f8f8;
		border:1px solid #dfdfdf;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.video_wrap {
		width: 100%;
	}	
	.course_info .tit_box {
		width: 110px;
		height: 40px;
		line-height: 40px;
		border-radius: 25px;
		margin: 10px auto;
	}

    /* 마이페이지 - 강의 수강하기 수강기간 및 학습 진도율 추가  */
    .mypage .mycourse_info {
        padding: 27px 0 10px;
        margin-top: 27px;
    }
    .mypage .mycourse_info li ~ li {
        margin-top: 5px;
    }
    .mypage .mycourse_info li dl {
        padding-left: 13px;
    }
    .mypage .mycourse_info li dl::before {
        width: 5px;
        height: 5px;
    }
    .mypage .mycourse_info li .mycourse_info_tit {
        width: 185px;
    }

    /* 마이페이지 - 강의 수강하기 환불버튼 추가 */
    .mypage .refund_btn {
        width: 106px;
        height: 35px;
        font-size: 22px;
        line-height: 35px;
    }

    /* 마이페이지 - 강의 수강하기 환불 팝업 */
    .mem_popup.refund_pop {
        width: 620px;
        padding: 30px 46px 40px;
    }
    .refund_pop h2 {
        font-size: 22px;
    }
    .refund_pop .refund_wrap {
        margin: 24px 0 40px;
    }
    .refund_pop .refund_wrap .refund_info {
        padding: 20px 46px;
    }
    .refund_pop .refund_wrap .refund_info dl ~ dl {
        margin-top: 10px;
    }
    .refund_pop .refund_wrap .refund_info dt {
        width: 120px;
    }
    .refund_pop .refund_wrap .refund_check_wrap {
        padding: 18px 0;
    }
    .refund_pop .refund_wrap .refund_check_wrap p {
        font-size: 15px;
    }
    .refund_pop .refund_wrap .refund_check_wrap dd {
        margin-top: 5px;
    }
    .refund_pop .refund_wrap .refund_check_wrap .refund_check {
        margin: 0 0 0 6px;
    }
    .refund_pop .btn_wrap .mempop_cancel {
        width: 150px;
        line-height: 50px;
        font-size: 22px;
    }
    .refund_pop .btn_wrap button ~ button {
        margin-left: 10px;
    }

	
	/* 자가품질검사 안내 */
	.selfInfo_list li > p {
		margin-right: 10px;
	}

	/* 자가품질검사 안내 - 자가품질검사소개 */
	.self_introd .self_dot{
		padding-left:15px;
	}
	.self_introd .self_dot:before {
		top: 9px;
		width: 5px;
		height: 5px;
	}
	.self_introd .self_hyphen{
		padding-left:30px;
	}
	.self_introd .self_hyphen:before {
		left: 14px;
		top: 11px;
		width: 7px;
	}


	/*검사절차 및 신청*/
	.m_apply .guide_info{text-align:center; padding:10px 0 10px;}
	.m_apply .guide_info .materials .tit{padding:40px 0 30px;}
	.m_apply .guide_info .materials .down_btn2{padding:10px 25px 10px 35px; background-size:25px; background-position:left 10px top 18px;}
	.m_apply .flow_list{background-position:left; width:580px; height:580px;}
	.m_apply .info_icon{width:54px; height:54px;}
	.m_apply .f_etc{margin-top:-5px;}

	/* 회장 인사말 */
	.m_intro .intro_img{text-align:center; padding:60px 0 50px;}

	/* 협회소개 - 협회연혁 */
	.sub .history_wrap{
		margin-top: 30px;
	}
	.sub .history_wrap>li{padding: 10px 0;}
	.sub .history_wrap>li>h4{
		width: 91px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		height: 40px;
		line-height: 40px;
		font-size: 23px;
		margin-right: 15px;
	}
	.sub .history_wrap>li>ul>li{padding: 8px 0;}
	.sub .history_wrap>li>ul p{
		font-size: 22px;
		padding-top: 3px;
		margin-right: 10px;
	}
	.sub .history_wrap>li>ul span{
		font-size: 20px;
	}

    /* 협회소개 - 연락처 및 약도 */
    .sub .map_img img {
        padding-top: 60px;
    }

	/* 고객센터 - 자주묻는 질문 */
	#accordian .q_ico {padding: 15px 15px;}
	#accordian .tit,
	#accordian .answer {padding: 18px 5px;}
	#accordian .question_area .arr_ico { padding: 12px 30px;}
	#accordian .question_area .arr_ico img {
		padding: 12px 10px;
		width: 33px;
		height: 33px;
	}
	#accordian .tit{width: 70%;}

	/* 고객센터 - 학습센터 */
	.center_step {
		height: 179px;
	}
	.center_step li {
		width: 213px;
		height: 179px;
	}
	.center_step li:after{
		width: 12px;
		height: 14px;
		right: 7px;
		top: 77px;
	}

	.down_ico {width: 28px;}

    /* 식품위생 교육 신청(신규영업자) */
    .app .gray_box {
        padding: 20px 20px 20px 80px;
        background-position: 25px center;
        background-size: 36px 36px;
    }
    .app_table th, .app_table td {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 15px;
        font-size: 18px;
    }
    .app_table td.h70 {padding-bottom: 5px;}
    .app_table .post_wrap input {width: calc(100% - 130px);}
    .app_view .app_view_table th {padding-left: 20px; padding-right: 0;}
    .app_view .blue_btn:nth-child(1) {margin-right: 18px;}
    /* 교육일정 안내(신규영업자) */
    .sch2 .eduinfo_btn {width: 200px;}
    .sch2 .eduinfo_btn a {padding: 10px 20px 10px 0;}
}

@media (min-width: 1024px){
}