.form-control{
	font-size:1.4rem;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 14rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1.4rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}





/* 리셋 */
ul{
	list-style: none;
	padding: 0;
}



/* 버튼 */
.btn-st{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 1.6rem 2.4rem;
	font-weight: 700;
	font-size: 14px;
	line-height: 140%;
	background: #fff;
	color: #171717;
	border-radius: 5px;
	outline: none;
	border: none;
}
.btn-st.btn-st2{font-size: 2rem;}
.btn-st.wt{color: #fff; background: #171717;}
.btn-st:focus{outline: none;}
.btn-st:hover{color: #171717;}
.btn-st.wt:hover{color: #fff;}
@media (max-width:991.98px) {
    .btn-st{padding: 1.2rem 2rem;}
    .btn-st.btn-st2{font-size: 1.8rem;}
}

.form-control{
	font-size:1.4rem;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 14rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1.4rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}





/* 리셋 */
ul{
	list-style: none;
	padding: 0;
}



/* 버튼 */
.btn-st{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 1.6rem 2.4rem;
	font-weight: 700;
	font-size: 14px;
	line-height: 140%;
	background: #fff;
	color: #171717;
	border-radius: 5px;
	outline: none;
	border: none;
}
.btn-st.btn-st2{font-size: 2rem;}
.btn-st.wt{color: #fff; background: #171717;}
.btn-st:focus{outline: none;}
.btn-st:hover{color: #171717;}
.btn-st.wt:hover{color: #fff;}
@media (max-width:991.98px) {
    .btn-st{padding: 1.2rem 2rem;}
    .btn-st.btn-st2{font-size: 1.8rem;}
}







/******* 쓰기 ********/

.required_box{
	text-align:right;
	margin-bottom:2rem;
	color:#fff;
	font-size: 14px;
	font-weight: 300;
}
.support_write_table > table{
	border-top:2px solid #fff;
	width:100%;
}
.support_write_table > table caption{
	display:none;
}

.support_write_table > table > tr > th,
.support_write_table > table > thead > tr > th,
.support_write_table > table > tbody > tr > th{
	padding:1.8rem 2.4rem;
	font-size:1.6rem;
	font-weight:700;
	line-height: 140%;
	color:#fff;
	border-bottom:1px solid rgba(255, 255, 255, .2);
}
.support_write_table > table > tr > td,
.support_write_table > table > tbody > tr > td{
	font-size:1.6rem;
	color:#666;
	border-bottom:1px solid rgba(255, 255, 255, .2);
	padding:16.5px;
}
.support_write_table .description{
	color:#888;
	font-size:1.6rem;
	font-weight:300;
	margin-left:20px;
}

@media (max-width: 991.98px) {
	.support_write_table > table,
	.support_write_table > table > tbody,
	.support_write_table > table > thead,
	.support_write_table > table > tr,
	.support_write_table > table > thead > tr,
	.support_write_table > table > tbody > tr,
	.support_write_table > table > tr > th,
	.support_write_table > table > thead > tr > th,
	.support_write_table > table > tbody > tr > th,
	.support_write_table > table > tr > td,
	.support_write_table > table > tbody > tr > td{
		display:block !important;
		border-bottom:0;
		border-top:0;
		padding-left:0;
		padding-right:0;
	}
	.support_write_table > table > tr > th,
	.support_write_table > table > thead > tr > th,
	.support_write_table > table > tbody > tr > th{
		padding-bottom:5px;
		font-size:1.8rem;
	}
	.support_write_table > table > tr > td,
	.support_write_table > table > tbody > tr > td{
		padding-top:0;
		height: auto;
	}
	.support_write_table .description{
		display:block;
		font-size:1.5rem;
		margin-left:0px;
		margin-top:5px;
	}
}

#support_write_wrap .bo_w_flie{
	margin-top:10px;
}
#support_write_wrap .bo_w_flie:first-child{
	margin-top:0;
}
#support_write_wrap .bo_w_flie .checkbox_type1{
	margin-left:15px;
}
#support_write_wrap .bo_w_flie .file_desc{
	margin-top:5px;
}
#support_write_wrap .cke_sc{
	display:none;
}

#support_write_wrap .dp-table{
	width:100%;
	text-align:left;
	color:#444;
}
#support_write_wrap .dp-table > div:first-child{
	width:33%;
}
#support_write_wrap .dp-table > div:last-child{
	text-align:left;
}
#support_write_wrap .dp-table > div > a{
	border:1px solid #ddd;
	font-size:1.4rem;
	padding:0 1.5rem;
	height: 50px;
	line-height: 50px;
	display:inline-block;
	width:auto;
}
#support_write_wrap .dp-table > div > a.wr_zips{
	width:auto !important;
}
#support_write_wrap .dp-table > div > a > i{
	margin-left:1rem;
}
#support_write_wrap .dp-table > div > a:hover{
	border:1px solid #222;
}
/******* //쓰기 ********/
.agree_box { margin-top:4rem;}
.agree_box p{margin-bottom: 5px;}
.agree_content {
	width:100%; 
	height:200px; 
	padding: 14px 20px;
	font-size: 1.6rem;
	font-weight: 300;
	color: #fff;
	background-color: #101010; 
	border: 1px solid #68686B;
	border-radius: 5px;
	overflow:auto; 
	display:none;
}









/* 텍스트 */
#support_write_wrap{color: #fff;}
#support_write_wrap .subTxt{
	margin: 14rem 0 10rem;
	font-size: var(--fs32);
	font-weight: 700;
	line-height: 140%;
}
#support_write_wrap .subTxt small{
	display: block;
	margin-bottom: 8px;
	font-size: var(--fs24);
	font-weight: 400;
	line-height: 128%;
	color: rgba(255, 255, 255, .5);
}
i.required {
	vertical-align: middle;
	width: 5px;
	height: 5px;
	margin:0 4px;
}
i.required:after {
	top: -1.5px;
	background: #fff;
}
.form-board {
	width: 400px;
	height: 50px;
	padding: 14px 20px;
	font-size: 1.6rem;
	font-weight: 400;
	color: #fff;
	background: transparent;
	border-color: #7F7F83;
	border-radius: 5px;
}
.form-board::placeholder{
	color: #7F7F83;
}
select.form-member {
	padding-right: 54px;
	font-size: 1.6rem;
	color: #fff;
	background:#101010 url(/html/_img/icon/select_icon.png) no-repeat right 16px center / 22px 22px;
	border: 1px solid #68686B;
	border-radius: 5px;
}
select.form-member option {
  color: #fff; 
  background-color: #101010; 
}
select.form-member option:checked { background-color: #323234; }
select.form-member option:hover   { background-color: #323234; }
.form_box_email{
	display: flex;
	align-items: center;
	gap: 10px;
}
.form-board[readonly], 
.form-board[readonly="readonly"], 
.form-board[disabled], 
.form-board[disabled="disabled"] {
  background: #101010;
}
.support_write_table tr:nth-of-type(3) .form_box_email .form-member,
.support_write_table tr:nth-of-type(3) .form_box_email .form-board{
	width: 130px;
}
.support_write_table tr:nth-of-type(4) .form_box_email .form-member,
.support_write_table tr:nth-of-type(4) .form_box_email .form-board{
	width: 200px;
}
textarea.nm_content {
	font-size: 1.6rem;
	padding: 14px 20px;
	min-height: 200px;
	color: #fff;
	background-color: #101010; 
	border: 1px solid #68686B;
	border-radius: 5px;
}
.fileBox.fileBox_board {
	max-width: 355px !important;
	height: auto;
	padding-right: 115px;
}
.fileBox.fileBox_board .btn_file {
	width: 100%;
	height: 50px;
}
.fileBox.fileBox_board .fileName {
	width: 240px;
	height: 50px;
	padding: 14px 20px;
	font-size: 1.6rem;
	color: #fff;
	background-color: #101010; 
	border: 1px solid #68686B;
	border-radius: 5px;
}
.fileBox.fileBox_board .fileName::placeholder{
	color: #7F7F83;
}
.fileBox.fileBox_board .btn_file > span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 103px;
	height: 50px;
	font-size: 14px;
	font-weight: 500;
	line-height: 140%;
	color: #fff;
	background: #575659;
	border: none;
	border-radius: 5px;
}
.fileBox .btn_file img{width: 18px;}
.fileBox.fileBox_board > p{
	margin-top: 10px;
	line-height: 128%;
	font-size: 12px;
	color: #A8A8AC;
}
#captcha{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
#captcha_img,
#captcha #captcha_key,
#captcha button{
	flex-shrink: 0;
}
#captcha_img {margin-right: 0;}
#captcha #captcha_key {
	width: 240px;
	padding: 14px 20px;
	font-size: 1.6rem;
	color: #fff;
	background-color: #101010; 
	border: 1px solid #68686B;
	border-radius: 5px;
}
#captcha button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 15px 24px;
	font-size: 14px;
	font-weight: 500;
	line-height: 140%;
	color: #fff;
	background: #575659;
	border: none;
	border-radius: 5px;
}
#captcha button::after{
	content: '';
	display: inline-block;
	width: 18px; height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
#captcha button#captcha_mp3::after{
	background-image: url(/html/_img/icon/captcha_icon1.png);
}
#captcha button#captcha_reload::after{
	background-image: url(/html/_img/icon/captcha_icon2.png);
}
#captcha_info{display: none;}
p[class^="checkbox_"] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 2.5rem;
	color: #fff;
	font-size: 14px;
}
p[class^="checkbox_"] span{
	display: inline-block;
	color: #DEDEDE;
	text-decoration: underline;
	cursor: pointer;
}
.checkbox_type1 > label {
	padding:0;
	padding-left: 26px;
}
.checkbox_type1 > label::before{
	content: '';
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(-50%);
	width:18px;
	height:18px;
	background:url('/html/_img/icon/checkBox_icon.png') no-repeat center center / 12px 12px;
	opacity: 0;
	z-index: 1;
}
.checkbox_type1 > label::after{
	width:18px;
	height:18px;
	background: #101010; 
	border: 1px solid #68686B;
	border-radius: 3px;
}
.checkbox_type1 > input:checked + label::before{
	opacity: 1;
}
.checkbox_type1 > input:checked + label::after{
	background: #101010; 
}
#sub_wrap{padding-bottom: 20rem;}
#board_btn_wrap{margin-top: 6rem;}
#board_btn_wrap > ul > li {margin: 0;}
#board_btn_wrap > ul > li + li{margin-left: 1.6rem;}
#board_btn_wrap [class^="btn-"] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: unset;
	width: 14rem;
	height: 60px;
	padding: 0;
	font-size: var(--fs20);
	font-weight: 700;
	background: #fff;
	color: #171717;
	border: 1px solid #fff;
	border-radius: 5px;
}
#board_btn_wrap .btn-black-o {
	color: #fff;
	background: #575659;
	border: 1px solid #575659;
}
@media (max-width:991.98px) {
	#sub_wrap{padding-bottom: 16rem;}
	#support_write_wrap .subTxt {margin: 8rem 0 6rem;}
	.required_box{margin-bottom: 0;}
	select.form-member{
		padding: 14px 20px;
		padding-right: 54px;
	}
	.support_write_table tr:nth-of-type(3) .form_box_email .form-member{
		width: 110px !important;
	}
	.support_write_table tr:nth-of-type(4) .form_box_email .form-member{
		width: 320px !important;
	}
	.agree_box {margin-top: 3rem;}
	#board_btn_wrap {margin-top: 4rem;}
	#board_btn_wrap > ul > li + li {margin-left: 1rem;}
	#board_btn_wrap [class^="btn-"]{height: 55px;}
	#captcha #captcha_key {width: 200px;}
}
@media (max-width:767.98px) {
	#sub_wrap{padding-bottom: 12rem;}
	#support_write_wrap .subTxt {margin: 6rem 0 4rem;}
	#board_btn_wrap{text-align: center;}
	#board_btn_wrap [class^="btn-"]{height: 50px;}
}
@media (max-width:575.98px) {
	.form_box_email{gap: 5px;}
	.form-board{padding: 10px 15px;}
	select.form-member{
		padding: 10px 15px;
		padding-right: 35px;
		background-position: right 10px center;
		background-size: 16px 16px;
	}
	textarea.nm_content{min-height: 150px;}
	.fileBox.fileBox_board{
		padding-bottom: 30px;
		padding-right: 105px;
	}
	.fileBox.fileBox_board .fileName {
    width: calc(100% - 5px);
    padding: 10px 15px;
	}
	.fileBox.fileBox_board > p{
		position: absolute;
		bottom: 0; left: 0;
		width: 100%;
		margin: 0;
	}
	p[class^="checkbox_"]{margin-bottom: 1.5rem;}
	.agree_content{height: 150px;}
	#captcha{gap: 5px;}
	#captcha #captcha_key {padding: 10px 15px;}
}



#submitModal .m_inner{
	padding: 14rem 4rem;
	text-align: center;
	background: #1F1F1F;
}
#submitModal .m_inner h3{
	font-size: var(--fs32);
	line-height: 140%;
	color: #fff;
}
#submitModal .m_inner p{
	margin: 4rem 0 10rem;
	font-size: 1.6rem;
	line-height: 140%;
	color: #fff;
}
#submitModal .m_inner a{
	display: inline-block;
	padding: 1.6rem 3.5rem;
	font-size: var(--fs20);
	font-weight: 700;
	line-height: 140%;
	color: #171717;
	background: #fff;
	border-radius: 5px;
}
@media (min-width:576px) {
	#submitModal .modal-dialog {max-width: 1080px;}
}
@media (max-width:575.98px) {
	#submitModal .m_inner{padding: 10rem 3rem;}
	#submitModal .m_inner p{margin: 3rem 0 6rem;}
}