/****************************************
*										*
*		section: .community;			*
*										*
*****************************************/
section.community {
	width: 100%; height: auto;
	padding: 100px 0px 160px;
}

section.community .containner,
section.community .containner .contents {
	width: 100%; height: auto;
}

section.community .tab_box {
	width: 100%; height: auto;
	display: flex;
	justify-content: center;
	gap: 25px;
}

section.community .tab_box .tab_item.on{ background: #12297E; }
section.community .tab_box .tab_item{
	width: 280px; height: 73px; 
	border: 0px; background: #A2A2A2;

	color: #FFF; text-align: center;
	font-size: 25px; font-weight: 700;
	cursor: pointer;
}


section.community .tbl_info { width: 100%; height: auto; margin-top: 130px; }
section.community .tbl_info > div {
	max-width: 1300px; width: 100%; height: auto;
	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	
	display: flex;
    justify-content: space-between;
}


section.community .tbl_info .tbl_cnt_txt {
	width: max-content; height: 48px; line-height: 48px;
	color: #000;
	font-size: 20px; font-weight: 500;
}

section.community .tbl_info .tbl_info_func { width: max-content; height: auto; }
section.community .tbl_info .tbl_info_func select {
	width: 220px; height: 48px; 
	border: 1px solid #A1A1AA;
	background: #FFF;
	color: #808080;
	font-size: 22px; font-weight: 500;
	padding: 0px 50px 0px 15px;

	background-image: url(../images/select_icon.svg);
	background-size: 20px auto;
	background-position: calc(100% - 15px) center;
	background-repeat: no-repeat;
}

section.community .tbl_info .tbl_info_func .tbl_search {
	width: 225px; height: 48px;
	margin-left: 25px;
}

section.community .tbl_info .tbl_info_func .tbl_search input {
	width: 100%; height: 100%;
	border-radius: 48px;
	background: #F1F1F1;
	color: #808080;
	font-size: 22px; font-weight: 500;
	padding: 0px 60px 0px 15px;
	border: 0px;


}

section.community .tbl_info .tbl_info_func .tbl_search .tbl_search_icon {
	position: absolute; top: 0px; right: 15px;
	width: 30px; height: 100%;

	cursor: pointer;

	background-image: url(../images/search_icon.svg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
}


section.community .tbl_data { width: 100%; height: auto; margin-top: 15px; margin-bottom: 130px; }
section.community .tbl_data > div {
	max-width: 1300px; width: 100%; height: auto;
	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}


section.community .tbl_data table {
    border-collapse: collapse;
    table-layout: fixed;
    word-break: break-all;

	width: 100%;
}

section.community .tbl_data table thead tr td {
	width: auto; 
	padding: 20px 5px;

	color: #000; text-align: center;
	font-size: 22px; font-weight: 700;

	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	box-sizing: border-box; 
}

section.community .tbl_data table thead tr td:nth-child(1),
section.community .tbl_data table tbody tr td:nth-child(1) { width: 100px; padding-left: 30px; }

section.community .tbl_data table thead tr td:nth-child(2),
section.community .tbl_data table tbody tr td:nth-child(2) { width: 130px; }

section.community .tbl_data table thead tr td:nth-child(3),
section.community .tbl_data table tbody tr td:nth-child(3) { width: auto; padding-left: 30px; padding-right: 50px; }

section.community .tbl_data table thead tr td:nth-child(4),
section.community .tbl_data table tbody tr td:nth-child(4) { width: 120px; }

section.community .tbl_data table thead tr td:nth-child(5),
section.community .tbl_data table tbody tr td:nth-child(5) { width: 120px; }

section.community .tbl_data table thead tr td:nth-child(6),
section.community .tbl_data table tbody tr td:nth-child(6) { width: 120px; }

section.community .tbl_data table thead tr td:nth-child(7),
section.community .tbl_data table tbody tr td:nth-child(7) { width: 120px; }




section.community.notice .tbl_data table thead tr td:nth-child(1),
section.community.notice .tbl_data table tbody tr td:nth-child(1) { width: 100px; padding-left: 30px; }

section.community.notice .tbl_data table thead tr td:nth-child(2),
section.community.notice .tbl_data table tbody tr td:nth-child(2) { width: auto; padding-left: 30px; padding-right: 50px; text-align: left;  }
section.community.notice .tbl_data table thead tr td:nth-child(2) { text-align: center; }


section.community.notice .tbl_data table thead tr td:nth-child(3),
section.community.notice .tbl_data table tbody tr td:nth-child(3) { width: 120px; padding-left: 0px; padding-right: 0px; text-align: center; }


section.community .tbl_data table tbody tr td {
	border-top: 1px solid #A2A2A2;
	padding: 20px 0px;
	color: #808080; text-align: center;
	font-size: 22px; font-weight: 500;

	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	box-sizing: border-box; 
	cursor: pointer;
}

section.community .tbl_data table tbody tr td:nth-child(3) { color: #000; text-align: left; }
section.community .tbl_data table tbody tr:nth-last-child(1) td { border-bottom: 1px solid #000; }

section.community .tbl_data table tbody tr:hover { background-color: #ddd; }




section.community .profile_box {
	width: 100%; height: auto;
	margin-top: 120px;
}

section.community .profile_box > div {
	max-width: 1347px; width: 100%; height: auto;
	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	padding: 60px 80px;
	border-radius: 50px;
	background: #F6F6F7;
}


section.community .tbl_btn {
	width: 100%; height: auto;
	display: flex;
	margin-top: 15px;
	justify-content: end;
	align-items: center;
}

section.community .tbl_btn .btn{
	width: 154px; height: 48px;
	background-color: #000;

	display: flex;
	justify-content: center;
	align-items: center;

	color: #FFF;
	font-size: 22px; font-weight: 500;

	border: 0px; cursor: pointer;
}


section.community .tbl_btn .btn img { width: 25px; height: auto; margin-right: 15px; }



/****************************************
*										*
*		section: .best					*
*										*
*****************************************/
section.best {
	width: 100%; height: auto;
	padding: 95px 0px 100px;
	background-color: #12297E;
}

section.best .containner,
section.best .containner .contents {
	width: 100%; height: auto;
}

section.best .sec_title {
	width: 100%; height: auto; line-height: 1;
	color: #FFF; text-align: center;
	font-size: 32px; font-weight: 700;
}

section.best .best_list {
	width: 100%; height: auto;
	margin-top: 90px;
	display: flex;
	gap: 30px;
	overflow-x: auto;
	padding-bottom: 30px;
	    justify-content: center;
}

section.best .best_list .best_item {
	min-width: 230px; max-width: 250px; height: auto;
	padding: 42px 24px 22px;
	display: grid;
	justify-content: center;
	border-radius: 30px;
	background-color: #000;	
	cursor: pointer;
}
section.best .best_list .best_item.bg01 { background: #FF7E7B; }
section.best .best_list .best_item.bg02 { background: #39A9FF; }
section.best .best_list .best_item.bg03 { background: #C56FFF; }


section.best .best_list .best_item .title {
	width: max-content; height: auto; line-height: 1.5;
	color: #FFF; text-align: center;
	justify-self: center;
	font-size: 20px; font-weight: 600;
}

section.best .best_list .best_item .title::after {
	content: '';
	position: absolute; bottom: 0px; left: 0px;
	width: 100%; height: 2px; 
	background-color: #fff;
}

section.best .best_list .best_item .nick {
	width: max-content; height: auto; line-height: 1.5;
	max-width: 100%;
	color: #000; text-align: center;
	font-size: 18px; font-weight: 500;
	margin-top: 10px;
	justify-self: center;

	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	box-sizing: border-box; 
}

section.best .best_list .best_item .more_icon {
	position: absolute; top: 12px; right: 15px;
    width: 30px; height: 30px;
    background-image: url(../images/more_icon.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
}

section.best .best_list .best_item .profile {
	width: 100%; height: auto;
	border-radius: 25px;
	background-color: #fff;
	margin-top: 25px;


	background-image: url('../images/default_profile.svg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;	
}

section.best .best_list .best_item .profile img { width: 100%; height: auto; }



/****************************************
*										*
*		section: .community;				*
*										*
*****************************************/
section.view {
	width: 100%; height: auto;
	padding: 100px 0px 160px;
}


section.view .containner,
section.view .containner .contents {
	width: 100%; height: auto;
}


section.view .desc {
	width: 100%; height: auto;
	margin-top: 90px; 
	padding: 70px 0px 100px;

	color: #000;
	font-size: 32px; font-weight: 400;

	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

section.view .desc * { max-width: 100%; }


section.view .file_box {
	max-width: 100%; width: max-content; height: auto;
	margin-top: 40px;
	display: grid;
	gap: 15px;
	align-items: stretch;

}
section.view .file_box button {
	max-width: 100%; width: auto; height: 72px; line-height: 72px;
	border: 0px; border-radius: 72px;
	padding: 0px 75px 0px 40px; 

	color: #0059B5; text-align: left;
	font-size: 24px; font-weight: 500;
	
	background-color: #EEEEEE;
	cursor: pointer;
	
	background-image: url(../images/file_down_icon.svg);
	background-size: 23px auto;;
	background-position: calc(100% - 25px) center;
	background-repeat: no-repeat;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


section.edit .btn_box,
section.community .btn_box,
section.view .btn_box {
	width: 100%; height: auto;
	margin-top: 70px;
	display: flex;
	justify-content: center;
	gap: 15px;
}


section.edit .btn_box button,
section.community .btn_box button,
section.view .btn_box button {
	width: 230px; height: 73px;
	border: 0px; background-color: #00C3FF;
	border-radius: 10px;
	cursor: pointer;

	color: #FFF; text-align: center;
	font-size: 25px; font-weight: 700;
}

section.edit .btn_box button.update,
section.community .btn_box button.update,
section.view .btn_box button.update { background-color: #4A61B6; }

section.edit .btn_box button.del,
section.community .btn_box button.del,
section.view .btn_box button.del { background-color: #12297E; }




section.view .apply_box {
	width: 100%; height: auto;
	margin-top: 90px; 
	padding: 70px 0px 100px;
	background: #F6F6F7;
}

section.view .apply_box > form {
	max-width: 750px; width: 100%; height: auto;
	padding: 0px 40px;
	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	display: grid;
	gap: 45px;
}

section.view .apply_box .apply_item.hidden {
	margin-top: -30px;
}
section.view .apply_box .apply_item {
	width: 100%; height: auto;

	display: grid;
	gap: 15px;
}

section.view .apply_box .apply_item label{
	width: 100%; height: auto; line-height: 1;
	color: #333;
	font-size: 24px; font-weight: 600;
}

section.view .apply_box .apply_item p{
	width: 100%; height: auto; line-height: 1;
	color: #8F8F8F;
	font-size: 22px; font-weight: 400;
}

section.view .apply_box .apply_item .apply_item_in { width: 100%; height: auto; }
section.view .apply_box .apply_item .apply_item_in input::placeholder { color: #A8A8A8; }
section.view .apply_box .apply_item .apply_item_in input.btn {
	padding-right: 182px;
}
section.view .apply_box .apply_item .apply_item_in input {
	width: 100%; height: 88px;

	padding: 0px 25px;
	border-radius: 10px;
	background: #FFF;
	border: 0px;

	color: #000;
	font-size: 22px;
	font-weight: 400;
}


section.view .apply_box .apply_item .apply_item_in textarea {
	width: 100%; height: 290px;

	padding: 25px 25px;
	border-radius: 10px;
	background: #FFF;
	border: 0px;
	resize: none;

	color: #000;
	font-size: 22px;
	font-weight: 400;
}

section.view .apply_box .apply_item .apply_item_in button {
	position: absolute; top: 50%; right: 10px;
	width: 152px; height: 66px;
	border-radius: 10px; border: 0px;
	background-color: #969696;
	color: #FFF; text-align: center;
	font-size: 24px; font-weight: 700;


    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	cursor: pointer;
}



/****************************************
*										*
*		section: .reply;				*
*										*
*****************************************/
section.reply {
	width: 100%; height: auto;
	padding: 75px 0px 160px;
	background-color: #F6F6F7;
}


section.reply .containner,
section.reply .containner .contents { width: 100%; height: auto; }

section.reply .reply_in { width: 100%; height: auto; }

section.reply .reply_list { 
	width: 100%; height: auto; 
	display: grid;
	gap: 30px;
}



section.reply .reply_item {
	width: 100%; height: auto;
	padding: 25px 55px;
	border-radius: 20px;
	border: 1px solid #BCBCBC;
	background: #FFF;
	margin-top: 20px;
}
section.reply .reply_item .reply_re_list .reply_item:nth-child(1) { display: none; }


section.reply .reply_item .reply_thum {
	width: 78px; height: 78px;
	border-radius: 100%;
	border: 1px solid #D9D9D9;
	background-color: #D9D9D9;
	background-image: url('../images/default_profile.svg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;	
}

section.reply .reply_item .reply_info {
	width: calc(100% - 78px); height: auto;
	padding-left: 10px; padding-top: 20px;

	display: grid;
}

section.reply .reply_item .reply_info .reply_nick {
	width: fit-content; height: auto; line-height: 1.5;
	color: #000;
	font-size: 28px; font-weight: 600;
	cursor: pointer;
	display: flex;
	align-items: center;
}

section.reply .reply_item .reply_info .reply_desc {
	width: 100%; height: auto;
	margin-top: 15px;
}

section.reply .reply_item .reply_info .reply_desc textarea:placeholder {
	color: #333;
	font-size: 28px; font-weight: 400;
}

section.reply .reply_item .reply_info .reply_desc textarea {
	max-width: 100%;
	width: 100%; height: 1.5em; line-height: 1.5;
	border: 0px;
	color: #333;
	font-size: 28px; font-weight: 400;

    resize: none;
    overflow: auto;
}

section.reply .reply_item .reply_info .reply_func {
	width: 100%; height: auto;
	margin-top: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

section.reply .reply_item .reply_info .reply_func .reply_date {
	width: max-content; height: 32px; line-height: 32px;
	color: #A1A1AA;
	font-size: 22px; font-weight: 400;

	display: flex;
	align-items: center;
}

section.reply .reply_item .reply_info .reply_nick .label,
section.reply .reply_item .reply_info .reply_func .reply_date .label {
	width: auto; height: 32px; line-height: 32px;
	border-radius: 32px;
	padding: 0px 18px;
	color: #A3A3A3; text-align: center;
	font-size: 20px; font-weight: 500;
	background-color: #EFEFEF;
	margin-left: 15px;
}

section.reply .reply_item .reply_info .reply_func .reply_btns {
	width: max-content; height: auto;
	display: flex;
	align-items: center;
	gap: 15px;
}

section.reply .reply_item .reply_info .reply_func .reply_btns label {
	width: max-content; height: auto; line-height: 70px;
	color: #333;
	font-size: 28px; font-weight: 500;
	margin-right: 20px;
	cursor: pointer;

	display: flex;
	align-items: center;
}

section.reply .reply_item .reply_info .reply_func .reply_btns label input {
	width: 25px; height: 25px;
	background-color: #fff;
	border: 1px solid #333;
	margin-left: 10px;
}


section.reply .reply_item .reply_info .reply_func .reply_btns label input:checked::after {
	content: '✓';
	position: absolute; top: 50%; left: 50%;

	font-size: 20px; color: #000; font-weight: bold;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

section.reply .reply_item .reply_info .reply_func .reply_btns button.del { background-color: #12297E; }
section.reply .reply_item .reply_info .reply_func .reply_btns button.update { background-color: #4A61B6; }
section.reply .reply_item .reply_info .reply_func .reply_btns button {
	width: 177px; height: 70px;
	border-radius: 20px;
	background: #000;

	color: #FFF;
	font-size: 28px; font-weight: 500;
	border: 0px;
	cursor: pointer;


	display: flex;
	align-items: center;
	justify-content: center;
}

section.reply .reply_item .reply_info .reply_func .reply_btns button img {
	width: 36px; height: 36px;
	object-fit: fill;
	object-position: center;
	margin-left: 20px;
	margin-right: -20px;
}

section.reply .reply_item .reply_info .reply_re_btn {
	width: 100%; height: auto;
	margin-top: 20px; padding-top: 20px;
	margin-bottom: 0px; padding-bottom: 20px;
	border-top: 1px solid #CECECE;
}

section.reply .reply_item .reply_info .reply_re_btn button {
	width: max-content; height: auto;
	border: 0px; background-color: rgba(0,0,0,0);
	color: #0059B5;
	font-size: 28px; font-weight: 500;
	cursor: pointer;
}

section.reply .reply_cnt {
	width: 100%; height: auto; line-height: 1;
	color: #000;
	font-size: 33px; font-weight: 700;
	padding: 75px 0px 30px;

}


section.reply .reply_item .reply_info .reply_re_list {
	width: 100%;
}




/****************************************
*										*
*		section: .agree;				*
*										*
*****************************************/
section.agree .agree_item.first {
	margin-top: 90px; 
	padding: 70px 0px 0px;

	border-top: 1px solid #333;
}








/****************************************
*										*
*		section: .edit;				*
*										*
*****************************************/
section.edit {
	width: 100%; height: auto;
	padding: 75px 0px 160px;
	background-color: #fff;
}


section.edit .containner,
section.edit .containner .contents { width: 100%; height: auto; }

section.edit .edit_form {
	max-width: 1300px; width: 100%; height: auto;
	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

section.edit .edit_form .form_title {
	width: 100%; height: 95px;
}

section.edit .edit_form .form_title input {
	width: 100%; height: 100%;
	padding: 0px 250px 0px 45px; 
	background: #F1F1F1;
	border: 0px;

	color: #333;
	font-size: 25px; font-weight: 500;
}


section.edit .edit_form .form_title select {
	position: absolute; top: 50%; right: 15px;
	width: 220px; height: 48px;
	border: 1px solid #A1A1AA;
	background: #FFF;
	padding: 0px 50px 0px 15px;

	color: #808080;
	font-size: 22px;
	font-weight: 500;

	background-image: url(../images/select_icon.svg);
	background-size: 20px auto;
	background-position: calc(100% - 15px) center;
	background-repeat: no-repeat;



    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}



section.edit .edit_form .form_file {
	width: 100%; height: auto; 
	margin-top: 25px;
}

section.edit .edit_form .form_file .label {
	width: 100%; height: auto; line-height: 1.5;
	color: #000;
	font-size: 24px; font-weight: 600;
}

section.edit .edit_form .form_file .file_in {
	width: 100%; height: auto;
	margin-top: 15px;
	display: grid;
	gap: 15px;
}


section.edit .edit_form .form_file .file_in .file_box.bt0 { margin-bottom: 0px; }
section.edit .edit_form .form_file .file_in .file_box {
	max-width: 100%; width: auto; height: auto;
	margin-bottom: 40px;
	display: grid;
	gap: 15px;
	align-items: stretch;

}
section.edit .edit_form .form_file .file_in .file_box button {
	max-width: 100%; width: auto; height: 72px; line-height: 72px;
	border: 0px; border-radius: 72px;
	padding: 0px 75px 0px 40px; 

	color: #0059B5; text-align: left;
	font-size: 24px; font-weight: 500;
	
	background-color: #EEEEEE;
	cursor: pointer;
	
	background-image: url(../images/file_down_icon.svg);
	background-size: 23px auto;;
	background-position: calc(100% - 25px) center;
	background-repeat: no-repeat;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}








section.edit .edit_form .form_file .file_in > div { width: max-content; height: 85px; }
section.edit .edit_form .form_file .file_in input{
	width: 415px; height: 100%;
	border: 1px solid #A1A1AA;
	background: #FFF;
	padding: 0px 15px;
	color: #A1A1AA;
	font-size: 22px; font-weight: 500;


	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
	
section.edit .edit_form .form_file .file_in button {
	width: 210px; height: 100%;
	background-color: #F1F1F1;
	border: 1px solid #A1A1AA;
	border-left: 0px;
	cursor: pointer;

	color: #808080; text-align: center;
	font-size: 26px; font-weight: 500;
}



section.edit .edit_form .form_desc {
	width: 100%; height: auto;
	background: #FFF;
	margin-top: 15px;
}


section.edit .edit_form .form_desc textarea{
	width: 100%; height: 100%;
	border: 1px solid #A1A1AA;
}

.ck-editor__editable_inline { min-height: calc(820px - 40px); }
.ck.ck-editor{ position: relative; left: 50%; max-width: 100%; height: 100%;  -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
.ck.ck-toolbar .ck-toolbar__line-break { height: 1px; background: #ccced1; }
.ck-read-only { background-color: #eeeeee !important; }
.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
	padding: 20px 45px;
}



@media (max-width: 479px){ 
	/****************************************
	*										*
	*		section: .community;			*
	*										*
	*****************************************/	
	section.community { padding: calc((70 / 480)* 100vw) 0px calc((90 / 480)* 100vw); }

	section.community .tbl_data table thead tr td,
	section.community .tbl_data table tbody tr td { font-size: calc((18 / 480)* 100vw); }

	section.community .tab_box .tab_item {  width: calc((150 / 480)* 100vw); height: calc((55 / 480)* 100vw); font-size: calc((22 / 480)* 100vw); }

	section.community .tbl_info .tbl_cnt_txt { font-size: calc((18 / 480)* 100vw); height: calc((40 / 480)* 100vw); line-height: calc((40 / 480)* 100vw); }
	section.community .tbl_info .tbl_info_func select { 
		position: absolute; top: 0px; left: 0px;
		width: calc((120 / 480)* 100vw); height: calc((40 / 480)* 100vw); 
		font-size: calc((16 / 480)* 100vw); padding: 0px calc((30 / 480)* 100vw) 0px calc((15 / 480)* 100vw); 
		background-size: calc((15 / 480)* 100vw) auto; 
		background-position: calc(100% - ((10 / 480)* 100vw)) center;
		z-index:  1;
		border: 0px; background-color: rgba(0,0,0,0);
	}
	section.community .tbl_info .tbl_info_func .tbl_search { height: calc((40 / 480)* 100vw); width: calc((180 / 480)* 100vw); margin-left: 0px; }
	section.community .tbl_info .tbl_info_func .tbl_search input { 
		padding-left: calc((130 / 480)* 100vw);
		font-size: calc((16 / 480)* 100vw); border-radius: calc((40 / 480)* 100vw); 
	}

    
	section.community .tbl_info { margin-top: calc((70 / 480)* 100vw); }
	section.community .tbl_data { margin-bottom: calc((30 / 480)* 100vw); }
	section.community .tbl_data > div { overflow-x: auto; padding-bottom: calc((10 / 480)* 100vw);}
	section.community .tbl_data table { min-width: calc((690 / 480)* 100vw); }


	section.community .tbl_info > div { display: grid; justify-content: normal; }
	section.community .tbl_info .tbl_cnt_txt { width: 100%; order: 2; margin-top: calc((30 / 480)* 100vw); }
	section.community .tbl_info .tbl_info_func{ width: 100%; order: 1; }

	section.community .tbl_info .tbl_info_func .tbl_search {
		width: 100%;
	}

	section.community .tbl_data table tbody tr td { padding: calc((15 / 480)* 100vw) 0px;}

	section.community.notice .tbl_data table thead tr td:nth-child(1),
	section.community.notice .tbl_data table tbody tr td:nth-child(1) {
	    width: calc((60 / 480)* 100vw); padding-left: calc((0 / 480)* 100vw);
	}
	section.community.notice .tbl_data table thead tr td:nth-child(2), 
	section.community.notice .tbl_data table tbody tr td:nth-child(2) {
	    padding-left: calc((20 / 480)* 100vw); padding-right: calc((20 / 480)* 100vw);
	}

	section.community.notice .tbl_data table thead tr td:nth-child(3), 
	section.community.notice .tbl_data table tbody tr td:nth-child(3) { 
		width: calc((100 / 480)* 100vw);
	}


	section.community .tbl_data table thead tr td:nth-child(1), 
	section.community .tbl_data table tbody tr td:nth-child(1) {
	    width: calc((60 / 480)* 100vw); padding-left: calc((0 / 480)* 100vw);
	}

	section.community .tbl_data table thead tr td:nth-child(2), 
	section.community .tbl_data table tbody tr td:nth-child(2){ width: calc((90 / 480)* 100vw); } 


	section.community .tbl_data table thead tr td:nth-child(5), 
	section.community .tbl_data table tbody tr td:nth-child(5),
	section.community .tbl_data table thead tr td:nth-child(6), 
	section.community .tbl_data table tbody tr td:nth-child(6) { display: none; }

	section.community .tbl_data table thead tr td:nth-child(7), 
	section.community .tbl_data table tbody tr td:nth-child(7) { width: calc((100 / 480)* 100vw); }

	section.community .tbl_data table thead tr td:nth-child(3), 
	section.community .tbl_data table tbody tr td:nth-child(3) {
	    padding-left: calc((20 / 480)* 100vw); padding-right: calc((20 / 480)* 100vw);
	}

	section.community .tbl_btn .btn { width: calc((120 / 480)* 100vw); font-size: calc((18 / 480)* 100vw); height: calc((40 / 480)* 100vw); }
	section.community .tbl_btn .btn img { width: calc((20 / 480)* 100vw); }



	/****************************************
	*										*
	*		section: .best					*
	*										*
	*****************************************/
	section.best { padding: calc((70 / 480)* 100vw) 0px calc((90 / 480)* 100vw); }
	section.best .sec_title { font-size: calc((26 / 480)* 100vw); }
	section.best .best_list {
		margin-top: calc((60 / 480)* 100vw);
		gap: calc((20 / 480)* 100vw);
	}

	section.best .best_list .best_item {
		min-width: calc((200 / 480)* 100vw);
		max-width: calc((200 / 480)* 100vw);
		padding: calc((35 / 480)* 100vw) calc((20 / 480)* 100vw) calc((20 / 480)* 100vw);
	}





	/****************************************
	*										*
	*		section: .view;					*
	*										*
	*****************************************/
	section.view { padding: calc((70 / 480)* 100vw) 0px calc((90 / 480)* 100vw); }
	section.view .category { font-size: calc((18 / 480)* 100vw); }

	section.view .title_box {
		width: 100%; height: auto;
		margin-top: calc((15 / 480)* 100vw);
		padding: calc((25 / 480)* 100vw) 0px 0px;
		
		border-top: 1px solid #333;
	}
	section .title_box .title { font-size: calc((30 / 480)* 100vw); }

	section.view .desc {
		margin-top: calc((20 / 480)* 100vw); 
		padding: calc((10 / 480)* 100vw) 0px calc((50 / 480)* 100vw);
		font-size: calc((18 / 480)* 100vw); 
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}

	section.view .desc *{
		max-width: 100%; height: auto;
	}

	section.view .btn_box {
		margin-top: calc((40 / 480)* 100vw);
	}


	section.view .btn_box button {
		width: calc((150 / 480)* 100vw); height: calc((60 / 480)* 100vw);
		font-size: calc((20 / 480)* 100vw); 
	}



	section.view .file_box button { 
		height: calc((60 / 480)* 100vw); line-height: calc((60 / 480)* 100vw);
		border-radius: calc((60 / 480)* 100vw);
		font-size: calc((16 / 480)* 100vw); 
		background-size: calc((18 / 480)* 100vw) auto;
		background-position: calc(100% - ((25 / 480)* 100vw)) center;
		padding: 0px calc((55 / 480)* 100vw) 0px calc((25 / 480)* 100vw);
	}


	section.view .apply_box { margin-top: calc((40 / 480)* 100vw);  padding: calc((30 / 480)* 100vw) 0px calc((90 / 480)* 100vw); }
	section.view .apply_box .apply_item label { font-size: calc((20 / 480)* 100vw); }
	section.view .apply_box .apply_item .apply_item_in input {
		font-size: calc((20 / 480)* 100vw);
		height: calc((65 / 480)* 100vw);
		padding: 0px calc((25 / 480)* 100vw);
	}

	section.view .apply_box .apply_item .apply_item_in input.btn {
		padding-right: calc((152 / 480)* 100vw);
	}

	section.view .apply_box .apply_item p { font-size: calc((16 / 480)* 100vw); }
	section.view .apply_box .apply_item .apply_item_in textarea { height: calc((200 / 480)* 100vw); padding: calc((20 / 480)* 100vw) calc((20 / 480)* 100vw); font-size: calc((20 / 480)* 100vw); }
	section.view .apply_box .apply_item .apply_item_in button {
		width: calc((120 / 480)* 100vw);
		height: calc((45 / 480)* 100vw);
		font-size: calc((20 / 480)* 100vw);
	}

	section.view .apply_box > form { gap: calc((30 / 480)* 100vw); }



	/****************************************
	*										*
	*		section: .reply;				*
	*										*
	*****************************************/
	section.reply { padding: calc((70 / 480)* 100vw) 0px calc((90 / 480)* 100vw) }
	section.reply .reply_item { padding: calc((18 / 480)* 100vw); margin-top: calc((20 / 480)* 100vw); }
	section.reply .reply_item .reply_thum { width: calc((32 / 480)* 100vw); height: calc((32 / 480)* 100vw); }
	section.reply .reply_item .reply_info { width: calc(100% - ((32 / 480)* 100vw)); padding-top: calc((5 / 480)* 100vw); }
	section.reply .reply_item .reply_info .reply_func {
		display: grid;
		align-items: normal;
		justify-content: normal;
		gap: calc((15 / 480)* 100vw);
		margin-top: calc((15 / 480)* 100vw);
	}
	section.reply .reply_item .reply_info .reply_desc {
		margin-top: calc((15 / 480)* 100vw);
	}

	section.reply .reply_item .reply_info .reply_nick { font-size: calc((16 / 480)* 100vw); }
	section.reply .reply_item .reply_info .reply_desc textarea{ font-size: calc((16 / 480)* 100vw); }
	section.reply .reply_item .reply_info .reply_func .reply_date { font-size: calc((14 / 480)* 100vw); height: calc((20 / 480)* 100vw); line-heihgt: calc((20 / 480)* 100vw); }
	section.reply .reply_item .reply_info .reply_nick .label,
	section.reply .reply_item .reply_info .reply_func .reply_date .label{ font-size: calc((12 / 480)* 100vw);  height: calc((20 / 480)* 100vw); line-height: calc((20 / 480)* 100vw); border-radius: calc((20 / 480)* 100vw); padding: 0px calc((10 / 480)* 100vw); margin-left: calc((10 / 480)* 100vw);  }
	section.reply .reply_item .reply_info .reply_func .reply_btns { justify-self: end; gap: calc((10 / 480)* 100vw); }
	
	section.reply .reply_item .reply_info .reply_func .reply_btns button { width: calc((75 / 480)* 100vw); height: calc((30 / 480)* 100vw); font-size: calc((14 / 480)* 100vw); }
	section.reply .reply_item .reply_info .reply_func .reply_btns button img { width: calc((15 / 480)* 100vw); height: calc((15 / 480)* 100vw); margin-left: calc((5 / 480)* 100vw); margin-right:calc((-5 / 480)* 100vw); }
	section.reply .reply_item .reply_info .reply_re_btn { 
		margin-top: calc((20 / 480)* 100vw);
		padding-top: calc((20 / 480)* 100vw);
		padding-bottom: calc((20 / 480)* 100vw);
	}
	section.reply .reply_item .reply_info .reply_re_btn button { font-size: calc((15 / 480)* 100vw); }
	section.reply .reply_item .reply_info .reply_func .reply_btns label{ font-size: calc((15 / 480)* 100vw); margin-right: 0px; line-height: 1.5; }
	section.reply .reply_item .reply_info .reply_func .reply_btns label input { width: calc((14 / 480)* 100vw); height: calc((14 / 480)* 100vw); margin-left: calc((5 / 480)* 100vw); }
	section.reply .reply_item .reply_info .reply_func .reply_btns label input:checked::after { font-size: calc((14 / 480)* 100vw); }
	section.reply .reply_in .reply_item:nth-child(1) .reply_date { display: none; }
	section.reply .reply_item .reply_re_list .reply_item:nth-child(1) .reply_date { display: none; }
	section.reply .reply_item .reply_info .reply_desc textarea { height: 3em; }
	section.reply .reply_cnt { font-size: calc((22 / 480)* 100vw); padding: calc((40 / 480)* 100vw) 0px calc((30 / 480)* 100vw);  }
	section.reply .reply_list { gap: calc((10 / 480)* 100vw);  }





	/****************************************
	*										*
	*		section: .edit;				*
	*										*
	*****************************************/
	section.edit { padding: calc((70 / 480)* 100vw) 0px calc((90 / 480)* 100vw) }
	section.edit .edit_form .form_title { height: calc((50 / 480)* 100vw); }
	section.edit .edit_form .form_title input {
		padding: 0px calc((150 / 480)* 100vw) 0px calc((20 / 480)* 100vw);
		font-size: calc((18 / 480)* 100vw);
	}
	section.edit .edit_form .form_title select {
	    width: calc((120 / 480)* 100vw); height: calc((30 / 480)* 100vw);

		padding: 0px calc((40 / 480)* 100vw) 0px calc((10 / 480)* 100vw);
		font-size: calc((16 / 480)* 100vw);
		background-size: calc((15 / 480)* 100vw) auto;
		background-position: calc(100% - ((10 / 480)* 100vw)) center;
	}


	.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
		padding: calc((10 / 480)* 100vw) calc((20 / 480)* 100vw);
	}

	.ck-editor__editable_inline {
		min-height: calc(((520 / 480)* 100vw) - ((40 / 480)* 100vw));
	}

	section.edit .edit_form .form_file .label { font-size: calc((16 / 480)* 100vw); }
	section.edit .edit_form .form_file .file_in { margin-top: calc((15 / 480)* 100vw); gap: calc((15 / 480)* 100vw); }

	section.edit .edit_form .form_file .file_in > div { width: 100%; height: calc((45 / 480)* 100vw); }
	section.edit .edit_form .form_file .file_in input { width: calc(100% - ((120 / 480)* 100vw)); font-size: calc((16 / 480)* 100vw); }
	section.edit .edit_form .form_file .file_in button { width: calc((120 / 480)* 100vw); font-size: calc((16 / 480)* 100vw); }
	
	section.edit .edit_form .form_file .file_in .file_box{ margin-bottom: calc((30 / 480)* 100vw); }
	section.edit .edit_form .form_file .file_in .file_box button { 
		height: calc((45 / 480)* 100vw); line-height: calc((45 / 480)* 100vw); 
		border-radius: calc((45 / 480)* 100vw);
		font-size: calc((16 / 480)* 100vw);

	    padding: 0px calc((45 / 480)* 100vw) 0px calc((20 / 480)* 100vw);
	    background-size: calc((14 / 480)* 100vw) auto;
	    background-position: calc(100% - ((20 / 480)* 100vw)) center;
		
	}

	section.edit .btn_box, 
	section.community .btn_box, 
	section.view .btn_box {
		margin-top: calc((60 / 480)* 100vw);
	    gap: calc((10 / 480)* 100vw);		
	}
	
	section.edit .btn_box button, 
	section.community .btn_box button, 
	section.view .btn_box button {
		width: calc((150 / 480)* 100vw); height: calc((60 / 480)* 100vw);
		font-size: calc((20 / 480)* 100vw); 
	}

	/****************************************
	*										*
	*		section: .agree;				*
	*										*
	*****************************************/
	section.agree .agree_item.first {
        margin-top: calc((60 / 480)* 100vw);
        padding: calc((60 / 480)* 100vw) 0px 0px;
	}




}

@media (max-width: 749px) and (min-width: 480px) { 
	/****************************************
	*										*
	*		section: .community;			*
	*										*
	*****************************************/	
	section.community { padding: 70px 0px 90px; }

	section.community .tbl_data table thead tr td,
	section.community .tbl_data table tbody tr td { font-size: 18px; }

	section.community .tab_box .tab_item {  width: 150px; height: 55px; font-size: 22px; }

	section.community .tbl_info .tbl_cnt_txt { font-size: 18px; height: 40px; line-height: 40px; }
	section.community .tbl_info .tbl_info_func select { 
		position: absolute; top: 0px; left: 0px;
		width: 120px; height: 40px; 
		font-size: 16px; padding: 0px 30px 0px 15px; 
		background-size: 15px auto; 
		background-position: calc(100% - 10px) center;
		z-index:  1;
		border: 0px; background-color: rgba(0,0,0,0);
	}
	section.community .tbl_info .tbl_info_func .tbl_search { height: 40px; width: 180px; margin-left: 0px; }
	section.community .tbl_info .tbl_info_func .tbl_search input { 
		padding-left: 130px;
		font-size: 16px; border-radius: 40px; 
	}

    
	section.community .tbl_info { margin-top: 70px; }
	section.community .tbl_data { margin-bottom: 30px; }
	section.community .tbl_data > div { overflow-x: auto; padding-bottom: 10px;}
	section.community .tbl_data table { min-width: 690px; }


	section.community .tbl_info > div { display: grid; justify-content: normal; }
	section.community .tbl_info .tbl_cnt_txt { width: 100%; order: 2; margin-top: 30px; }
	section.community .tbl_info .tbl_info_func{ width: 100%; order: 1; }

	section.community .tbl_info .tbl_info_func .tbl_search {
		width: 100%;
	}


	section.community.notice .tbl_data table thead tr td:nth-child(1),
	section.community.notice .tbl_data table tbody tr td:nth-child(1) {
	    width: 60px; padding-left: 0px;
	}
	section.community.notice .tbl_data table thead tr td:nth-child(2), 
	section.community.notice .tbl_data table tbody tr td:nth-child(2) {
	    padding-left: 20px; padding-right: 20px;
	}

	section.community.notice .tbl_data table thead tr td:nth-child(3), 
	section.community.notice .tbl_data table tbody tr td:nth-child(3) { 
		width: 100px;
	}


	section.community .tbl_data table thead tr td:nth-child(1), 
	section.community .tbl_data table tbody tr td:nth-child(1) {
	    width: 60px; padding-left: 0px;
	}

	section.community .tbl_data table thead tr td:nth-child(2), 
	section.community .tbl_data table tbody tr td:nth-child(2){ width: 90px; } 


	section.community .tbl_data table thead tr td:nth-child(5), 
	section.community .tbl_data table tbody tr td:nth-child(5),
	section.community .tbl_data table thead tr td:nth-child(6), 
	section.community .tbl_data table tbody tr td:nth-child(6) { display: none; }

	section.community .tbl_data table thead tr td:nth-child(7), 
	section.community .tbl_data table tbody tr td:nth-child(7) { width: 100px; }

	section.community .tbl_data table thead tr td:nth-child(3), 
	section.community .tbl_data table tbody tr td:nth-child(3) {
	    padding-left: 20px; padding-right: 20px;
	}

	section.community .tbl_btn .btn { width: 120px; font-size: 18px; height: 40px; }
	section.community .tbl_btn .btn img { width: 20px; }



	/****************************************
	*										*
	*		section: .best					*
	*										*
	*****************************************/
	section.best { padding: 70px 0px 90px; }
	section.best .sec_title { font-size: 26px; }
	section.best .best_list {
		margin-top: 60px;
		gap: 20px;
	}

	section.best .best_list .best_item {
		min-width: 200px;
		max-width: 200px;
		padding: 35px 20px 20px
	}





	/****************************************
	*										*
	*		section: .view;					*
	*										*
	*****************************************/
	section.view { padding: 70px 0px 90px; }
	section.view .category { font-size: 18px; }

	section.view .title_box {
		width: 100%; height: auto;
		margin-top: 15px;
		padding: 25px 0px 0px;
		
		border-top: 1px solid #333;
	}
	section .title_box .title { font-size: 30px; }

	section.view .desc {
		margin-top: 20px; 
		padding: 10px 0px 50px;
		font-size: 18px; 
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}

	section.view .desc *{
		max-width: 100%; height: auto;
	}

	section.view .btn_box {
		margin-top: 40px;
	}


	section.view .btn_box button {
		width: 150px; height: 60px;
		font-size: 20px; 
	}



	section.view .file_box button { 
		height: 60px; line-height: 60px;
		border-radius: 60px;
		font-size: 16px; 
		background-size: 18px auto;
		background-position: calc(100% - 25px) center;
		padding: 0px 55px 0px 25px;
	}



	section.view .apply_box { margin-top: 40px;  padding: 30px 0px 90px; }
	section.view .apply_box .apply_item label { font-size: 20px; }
	section.view .apply_box .apply_item .apply_item_in input {
		font-size: 20px;
		height: 65px;
		padding: 0px 25px;
	}

	section.view .apply_box .apply_item p { font-size: 16px; }
	section.view .apply_box .apply_item .apply_item_in textarea { height: 200px; padding: 20px 20px; font-size: 20px; }
	section.view .apply_box .apply_item .apply_item_in button {
		width: 120px;
		height: 45px;
		font-size: 20px;
	}



	/****************************************
	*										*
	*		section: .reply;				*
	*										*
	*****************************************/
	section.reply { padding: 70px 0px 90px }
	section.reply .reply_item { padding: 18px;}
	section.reply .reply_item .reply_thum { width: 32px; height: 32px; }
	section.reply .reply_item .reply_info { width: calc(100% - 32px); padding-top: 5px; }
	section.reply .reply_item .reply_info .reply_func {
		display: grid;
		align-items: normal;
		justify-content: normal;
		gap: 15px;
	}
	section.reply .reply_item .reply_info .reply_nick { font-size: 16px; }
	section.reply .reply_item .reply_info .reply_desc textarea{ font-size: 16px; }
	section.reply .reply_item .reply_info .reply_func .reply_date { font-size: 14px; }
	section.reply .reply_item .reply_info .reply_nick .label,
	section.reply .reply_item .reply_info .reply_func .reply_date .label{ font-size: 12px; height: 20px; line-height: 20px; border-radius: 20px; padding: 0px 10px; margin-left: 10px; }
	section.reply .reply_item .reply_info .reply_func .reply_btns { justify-self: end; }
	section.reply .reply_item .reply_info .reply_func .reply_btns button { width: 75px; height: 30px; font-size: 14px; }
	section.reply .reply_item .reply_info .reply_func .reply_btns button img { width: 15px; height: 15px; margin-left: 5px; margin-right:-5px; }
	section.reply .reply_item .reply_info .reply_re_btn button { font-size: 15px; }
	section.reply .reply_item .reply_info .reply_func .reply_btns label{ font-size: 15px; margin-right: 0px; }
	section.reply .reply_item .reply_info .reply_func .reply_btns label input { width: 14px; height: 14px; margin-left: 5px; }
	section.reply .reply_item .reply_info .reply_func .reply_btns label input:checked::after { font-size: 14px; }
	section.reply .reply_in .reply_item:nth-child(1) .reply_date { display: none; }
	section.reply .reply_item .reply_re_list .reply_item:nth-child(1) .reply_date { display: none; }
	section.reply .reply_item .reply_info .reply_desc textarea { height: 3em; }
	section.reply .reply_cnt { font-size: 22px; }






	/****************************************
	*										*
	*		section: .edit;				*
	*										*
	*****************************************/
	section.edit { padding: 70px 0px 90px }
	section.edit .edit_form .form_title { height: 50px; }
	section.edit .edit_form .form_title input {
		padding: 0px 150px 0px 20px;
		font-size: 18px;
	}
	section.edit .edit_form .form_title select {
	    width: 120px; height: 30px;

		padding: 0px 40px 0px 10px;
		font-size: 16px;
		background-size: 15px auto;
		background-position: calc(100% - 10px) center;
	}


	.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
		padding: 10px 20px;
	}

	.ck-editor__editable_inline {
		min-height: calc(520px - 40px);
	}

	section.edit .edit_form .form_file .label { font-size: 16px; }
	section.edit .edit_form .form_file .file_in { margin-top: 15px; gap: 15px; }

	section.edit .edit_form .form_file .file_in > div { width: 100%; height: 45px; }
	section.edit .edit_form .form_file .file_in input { width: calc(100% - 120px); font-size: 16px; }
	section.edit .edit_form .form_file .file_in button { width: 120px; font-size: 16px; }
	
	section.edit .edit_form .form_file .file_in .file_box{ margin-bottom: 30px; }
	section.edit .edit_form .form_file .file_in .file_box button { 
		height: 45px; line-height: 45px; 
		border-radius: 45px;
		font-size: 16px;

	    padding: 0px 45px 0px 20px;
	    background-size: 14px auto;
	    background-position: calc(100% - 20px) center;
		
	}

	section.edit .btn_box, 
	section.community .btn_box, 
	section.view .btn_box {
		margin-top: 60px;
	    gap: 10px;		
	}
	
	section.edit .btn_box button, 
	section.community .btn_box button, 
	section.view .btn_box button {
		width: 150px; height: 60px;
		font-size: 20px; 
	}


	/****************************************
	*										*
	*		section: .agree;				*
	*										*
	*****************************************/
	section.agree .agree_item.first {
        margin-top: 60px;
        padding: 60px 0px 0px;
	}


}

@media (max-width: 1023px) and (min-width: 750px) { 
	/****************************************
	*										*
	*		section: .community;			*
	*										*
	*****************************************/	
	section.community { padding: 85px 0px 90px; }

	section.community .tbl_data table thead tr td,
	section.community .tbl_data table tbody tr td { font-size: 18px; }

	section.community .tab_box .tab_item {  width: 250px; height: 60px; font-size: 22px; }

	section.community .tbl_info .tbl_cnt_txt { font-size: 18px; height: 40px; line-height: 40px; }
	section.community .tbl_info .tbl_info_func select { 
		width: 150px; height: 40px; 
		font-size: 18px; padding: 0px 30px 0px 15px; 
		background-size: 15px auto; 
		background-position: calc(100% - 10px) center;
	}
	section.community .tbl_info .tbl_info_func .tbl_search { height: 40px; width: 180px; }
	section.community .tbl_info .tbl_info_func .tbl_search input { font-size: 18px; border-radius: 40px; }

    
	section.community .tbl_info { margin-top: 90px; }
	section.community .tbl_data { margin-bottom: 90px; }

	section.community.notice .tbl_data table thead tr td:nth-child(1),
	section.community.notice .tbl_data table tbody tr td:nth-child(1) {
	    width: 60px; padding-left: 0px;
	}
	section.community.notice .tbl_data table thead tr td:nth-child(2), 
	section.community.notice .tbl_data table tbody tr td:nth-child(2) {
	    padding-left: 20px; padding-right: 20px;
	}

	section.community.notice .tbl_data table thead tr td:nth-child(3), 
	section.community.notice .tbl_data table tbody tr td:nth-child(3) { 
		width: 100px;
	}


	section.community .tbl_data table thead tr td:nth-child(1), 
	section.community .tbl_data table tbody tr td:nth-child(1) {
	    width: 60px; padding-left: 0px;
	}

	section.community .tbl_data table thead tr td:nth-child(2), 
	section.community .tbl_data table tbody tr td:nth-child(2){ width: 90px; } 



	section.community .tbl_data table thead tr td:nth-child(5), 
	section.community .tbl_data table tbody tr td:nth-child(5),
	section.community .tbl_data table thead tr td:nth-child(6), 
	section.community .tbl_data table tbody tr td:nth-child(6) { display: none; }


	section.community .tbl_data table thead tr td:nth-child(7), 
	section.community .tbl_data table tbody tr td:nth-child(7) { width: 100px; }

	section.community .tbl_data table thead tr td:nth-child(3), 
	section.community .tbl_data table tbody tr td:nth-child(3) {
	    padding-left: 20px; padding-right: 20px;
	}

	section.community .tbl_btn .btn { width: 120px; font-size: 18px; height: 40px; }
	section.community .tbl_btn .btn img { width: 20px; }





	/****************************************
	*										*
	*		section: .best					*
	*										*
	*****************************************/
	section.best { padding: 85px 0px 90px; }
	section.best .sec_title { font-size: 26px; }
	section.best .best_list {
		margin-top: 60px;
		gap: 20px;
	}

	section.best .best_list .best_item {
		min-width: 200px;
		max-width: 200px;
		padding: 35px 20px 20px
	}





	/****************************************
	*										*
	*		section: .view;					*
	*										*
	*****************************************/
	section.view { padding: 85px 0px 90px; }
	section.view .category { font-size: 26px; }

	section.view .title_box {
		width: 100%; height: auto;
		margin-top: 30px;
		padding: 60px 0px 0px;
		
		border-top: 1px solid #333;
	}
	section .title_box .title {
		font-size: 52px;
	}

	section.view .desc {
		margin-top: 60px; 
		padding: 60px 0px 90px;
		font-size: 26px; 
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}

	section.view .desc *{
		max-width: 100%; height: auto;
	}

	section.view .btn_box {
		margin-top: 60px;
	}


	section.view .btn_box button {
		width: 200px; height: 60px;
		font-size: 25px; 
	}

	section.view .file_box button { 
		height: 65px; line-height: 65px;
		border-radius: 65px;
		font-size: 20px; 
		background-size: 18px auto;
		background-position: calc(100% - 25px) center;
	}

	section.view .apply_box { margin-top: 60px; padding: 60px 0px 90px; }
	section.view .apply_box .apply_item label { font-size: 20px; }
	section.view .apply_box .apply_item .apply_item_in input {
		font-size: 20px;
		height: 65px;
		padding: 0px 25px;
	}

	section.view .apply_box .apply_item p { font-size: 20px; }
	section.view .apply_box .apply_item .apply_item_in button {
		width: 120px;
		height: 45px;
		font-size: 20px;
	}



	/****************************************
	*										*
	*		section: .reply;				*
	*										*
	*****************************************/
	section.reply { padding: 75px 0px 90px }

	section.reply .reply_item { padding: 25px;}
	section.reply .reply_item .reply_thum { width: 65px; height: 65px; }
	section.reply .reply_item .reply_info { width: calc(100% - 65px); }
	section.reply .reply_item .reply_info .reply_func {
		display: grid;
		align-items: normal;
		justify-content: normal;
		gap: 30px;
	}
	section.reply .reply_item .reply_info .reply_nick { font-size: 25px; }
	section.reply .reply_item .reply_info .reply_desc textarea{ font-size: 25px; }
	section.reply .reply_item .reply_info .reply_func .reply_date { font-size: 18px; }
	section.reply .reply_item .reply_info .reply_nick .label,
	section.reply .reply_item .reply_info .reply_func .reply_date .label{ font-size: 18px; }
	section.reply .reply_item .reply_info .reply_func .reply_btns { justify-self: end; }
	section.reply .reply_item .reply_info .reply_func .reply_btns button { width: 150px; height: 60px; font-size: 25px; }
	section.reply .reply_item .reply_info .reply_func .reply_btns button img { width: 25px; height: 25px; margin-left: 10px; margin-right:-10px; }
	section.reply .reply_item .reply_info .reply_re_btn button { font-size: 25px; }
	section.reply .reply_item .reply_info .reply_func .reply_btns label{ font-size: 25px; }
	section.reply .reply_cnt { font-size: 26px; }








	/****************************************
	*										*
	*		section: .edit;				*
	*										*
	*****************************************/
	section.edit { padding: 75px 0px 90px; }
	section.edit .edit_form .form_title { height: 60px; }
	section.edit .edit_form .form_title input {
		padding: 0px 220px 0px 20px;
		font-size: 23px;
	}
	section.edit .edit_form .form_title select {
	    width: 180px; height: 40px;

		padding: 0px 40px 0px 10px;
		font-size: 18px;
		background-size: 18px auto;
		background-position: calc(100% - 10px) center;
	}


	.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
		padding: 20px 30px;
	}

	.ck-editor__editable_inline {
		min-height: calc(520px - 40px);
	}

	section.edit .edit_form .form_file .label { font-size: 20px; }
	section.edit .edit_form .form_file .file_in { margin-top: 15px; gap: 15px; }

	section.edit .edit_form .form_file .file_in > div { height: 60px; }
	section.edit .edit_form .form_file .file_in input { width: 50%; font-size: 20px; }
	section.edit .edit_form .form_file .file_in button { width: 150px; font-size: 20px; }
	
	section.edit .edit_form .form_file .file_in .file_box{ margin-bottom: 40px; }
	section.edit .edit_form .form_file .file_in .file_box button { 
		height: 60px; line-height: 60px; 
		border-radius: 60px;
		font-size: 20px;

	    padding: 0px 55px 0px 20px;
	    background-size: 16px auto;
	    background-position: calc(100% - 25px) center;
		
	}

	section.edit .btn_box, 
	section.community .btn_box, 
	section.view .btn_box {
		margin-top: 70px;
	    gap: 15px;		
	}
	
	section.edit .btn_box button, 
	section.community .btn_box button, 
	section.view .btn_box button {
		width: 200px; height: 60px;
		font-size: 25px; 
	}




	/****************************************
	*										*
	*		section: .agree;				*
	*										*
	*****************************************/
	section.agree .agree_item.first {
        margin-top: 60px;
        padding: 60px 0px 0px;
	}

}






@media (max-width: 1279px) and (min-width: 1024px) { 
	/****************************************
	*										*
	*		section: .community;			*
	*										*
	*****************************************/	
	section.community .tbl_data table thead tr td,
	section.community .tbl_data table tbody tr td { font-size: 18px; }




	/****************************************
	*										*
	*		section: .reply;				*
	*										*
	*****************************************/

	section.reply .reply_item .reply_info .reply_func {
		display: grid;
		align-items: normal;
		justify-content: normal;
		gap: 30px;
	}
	section.reply .reply_item .reply_info .reply_func .reply_btns button {
		font-size: 25px;
	}
	section.reply .reply_item .reply_info .reply_func .reply_btns { justify-self: end; }
}














/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/