@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);


@font-face{
	font-family: "gmf";
	font-weight: 900;
	src: url("/fonts/GmarketSansTTFBold.ttf") format("truetype");
}

@font-face{
	font-family: "tfs";
	font-weight:100;
	src: url("/fonts/THEFACESHOP%20INKLIPQUID.ttf") format("truetype");
}

@font-face{
	font-family: "dong";
	font-weight: 500;
	src: url("/fonts/CAFE24DONGDONG.TTF") format("truetype");
}


*:not(.ctn_con *) { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	text-decoration: none; 
	box-sizing: border-box; 
	word-break: break-all; 
	font-size: 16px; 
	font-family: 'noto sans', sans-serif;
	letter-spacing: -1px;
	color:inherit;
	position:relative;
}
.ctn_con p{ margin : 0; }
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}
.fa-2x {
    font-size: 2em;
}

table,tr, td ,th { border-collapse: collapse; }
input[type='text']
,input[type='password']
,input[type='num']
,input[type='email']
,textarea
,select
{ border:none; outline:none; }

input[type='password'] { font-family: 'Noto Sans KR', sans-serif !important; }

button { border:none; outline:none; }

#wrap { width:100%; max-width:1000px; margin:0 auto; float:left; }

.common_box { width:100%; float:left; }
.common_box > div { width:100%; float:left; }
.common_box > div > div { width:100%; float:left; }


.txt_box { width: 300px; height: 38px; margin-left: 4px; margin-bottom: 5px; margin-right: 5px; border:1px solid #ccc; }
select.txt_box2 { height: 40px; border:1px solid #ccc; padding:0 10px; }
input.txt_box2 { height: 40px; border:1px solid #ccc; }
textarea.txt_box2 { width:100%; border:1px solid #ccc; padding:5px; }


/* 폰트 스타일 */
.noto { font-family: 'Noto Sans KR', sans-serif !important; }

/* 텍스트 정렬 */
.tar { text-align: right; }
.tal { text-align: left; }


/* 버튼 스타일 */
.type_btn { padding: 6px 14px; font-weight: bold; font-size: 17px; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.15); vertical-align: top; display:inline-block; }
.type_btn i { margin-right: 3px; vertical-align: middle; }
.btn_red_F0 { background-color: #c8a063; color: #FFF; }
.btn_white_FF { background-color: #FFF; color: #666; }
.btn_search { height: 42px; }


.viewWrap > .titWrap { border-bottom: 1px solid #EEE; width:100%; float:left; border-top: 2px solid #333; text-align:left; padding:20px 10px 15px 10px; }
.viewWrap > .titWrap > .tit { width: 100%; float: left; font-size: 18px; font-weight: 500; color: #333; letter-spacing: -1px; }
/*.viewWrap > .titWrap > .tit > .importantData { font-weight: 500; color: #FFF; background-color: #DC3333; border: 1px solid #DC3333; padding: 3px 10px; border-radius: 3px; font-size: 15px; vertical-align: middle; display:inline-block; }*/
.importantData { border-radius:5px; padding:3px 0; width:70px; text-align:center; display:inline-block; line-height:20px; font-size:13px; font-family: 'Noto Sans KR', sans-serif !important; }
.importantData.status_001 { background-color:#c8c8c8; }
.importantData.status_002 { background-color:#448ad8; color:white; }
.notiData { font-weight: bold; color: #DC3333; background-color: #FFF; border: 1px solid #DC3333; margin-right: 10px; padding: 0 10px; border-radius: 3px; font-size: 15px; }
.viewWrap > .titWrap > .regInfo { width: 100%; float: left; font-size: 17px; color: #666; margin-top: 20px; }
.viewWrap > .titWrap > .regInfo * { font-size:inherit; }
.viewWrap > .titWrap > .regInfo > .name { letter-spacing: -1px; font-weight: 400; margin-right: 15px; }
.viewWrap > .titWrap > .regInfo > .name > i { margin-right: 5px; }
.viewWrap > .titWrap > .regInfo > .date { font-weight: 300; }

.viewWrap > .conWrap { width:100%; float:left; text-align:left; margin-top: 20px; font-size: 15px; color: #333; letter-spacing: -0.5px; line-height: 26px; border-bottom: 1px solid #333; padding:0 10px 20px 10px; }
.viewWrap > .conWrap > .answerWrap { width: 100%; float: left; padding:20px 0; padding-bottom: 0; }
.viewWrap > .conWrap > .answerWrap > div { width: 100%; float: left; border: 1px solid #EEE; padding: 10px 10px; font-size: 14px; color: #666; }
.viewWrap > .conWrap > .answerWrap > div > div { width: 100%; float: left; margin-top: 20px; color: #999; }


.viewWrap > .file_wrap { width:100%; float:left; text-align:left; margin-top: 20px; font-size: 15px; color: #333; letter-spacing: -0.5px; line-height: 26px; border-bottom: 1px solid #333; padding:0 10px 20px 10px; }
.viewWrap > .file_wrap table { width:100%; table-layout: fixed; border-collapse: collapse; }
.viewWrap > .file_wrap table th { width:10%; text-align:center; }
.viewWrap > .file_wrap table td { width:90%; }

.viewWrap > .fileWrap { margin-top: 10px; width:100%; float:left; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; text-align:left; }
.viewWrap > .fileWrap > .fileBtn { float: right; cursor: pointer; font-size: 15px; font-weight: 400; letter-spacing: -0.5px; color: #555; border: 1px solid #EEE; padding: 8px 13px; transition: border 0.5s; }
.viewWrap > .fileWrap > .fileBtn:hover { border: 1px solid #CCC; }
.viewWrap > .fileWrap > .fileBtn > i { margin-right: 7px; color: #3366CC; }
.viewWrap > .fileWrap > .fileListWrap { position: absolute; border: 1px solid #EEE; top: 100%; right: 0; background-color: #FFF; z-index: 10; width: 250px; margin-top: 10px; display: none; }
.viewWrap > .fileWrap > .fileListWrap > ul { width: 100%; float: left; padding: 15px; padding-top: 10px; }
.viewWrap > .fileWrap > .fileListWrap > ul > li { width: 100%; float: left; padding-top: 5px; }
.viewWrap > .fileWrap > .fileListWrap > ul > li > span { float: left; width: 92%; font-size: 13px; color: #666; letter-spacing: -0.5px; font-weight: 300; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.viewWrap > .fileWrap > .fileListWrap > ul > li > a { float: left; width: 8%; font-size: 13px; color: #333; letter-spacing: -0.5px; font-weight: 300; text-align: right; }

.viewWrap > .imgWrap { margin-top: 20px; text-align: center; margin-bottom: 15px; }
.viewWrap > .imgWrap > img { max-width: 100%; vertical-align: bottom; margin-bottom: 5px; }




.writeWrap .tableWrap { width: 100%; float: left; border-top: 2px solid #333; border-bottom: 2px solid #333; margin-top: 5%;}
.writeWrap .tableWrap table { width: 100%; float: left; }
.writeWrap .tableWrap table th { width: 20%; background-color: #F0F0F0; text-align: left; color: #333; letter-spacing: -1px; font-weight: 500; border-bottom: 1px solid #D7D7D7; padding: 8px 0 8px 10px; }
.writeWrap .tableWrap table td { width: 80%; padding: 10px 10px; border-bottom: 1px solid #D7D7D7; color: #666; }
.writeWrap .tableWrap table td > span { float: left; padding: 10px 0; }
.writeWrap .tableWrap table td > button { float: left; text-align: center; height: 45px; color: #FFF; font-weight: 400; letter-spacing: -1px; background-color: #898989; }
.writeWrap .tableWrap table tr:last-of-type > * { border-bottom: 0; }
.writeWrap .tableWrap table th.important::after { content: "*"; color: #FF5A00; margin-left: 3px; top: -10px; }

.writeWrap .tableWrap table input[type="text"] { width: 100%; float: left; height: 45px; border: 1px solid #D7D7D7; color: #666; font-size: 14px; letter-spacing: -1px; font-weight: 300; padding: 0 10px; }

.writeWrap .tableWrap table input[type="number"] { width: 27%; float: left; height: 45px; border: 1px solid #D7D7D7; color: #666; font-size: 14px; letter-spacing: -1px; font-weight: 300; padding: 0 10px; }
.writeWrap .tableWrap table .phonenumber select { width: 30%; float: left; height: 45px; border: 1px solid #D7D7D7; color: #666; font-size: 14px; letter-spacing: -1px; font-weight: 300; padding: 0 10px;}
.tableWrap table .numberbar { width: 10px; float: left; padding-top: 10px;}

/*.writeWrap .tableWrap table input[type="checkbox"] {width: 10%; float: left; }*/
.tableWrap table .inputtxt { font-size: 14px; float: left; padding-top: 15px;}

.writeWrap .tableWrap table input[type="password"] { width: 100%; float: left; height: 45px; border: 1px solid #D7D7D7; color: #666; font-size: 14px; letter-spacing: -1px; font-weight: 300; padding: 0 10px; }
.writeWrap .tableWrap table textarea { width: 100%; float: left; height: 250px; border: 1px solid #D7D7D7; color: #666; font-size: 14px; letter-spacing: -1px; font-weight: 300; padding: 10px; resize: none; }
.writeWrap .tableWrap table textarea::placeholder { color: #CCC; }
.writeWrap .tableWrap table select { width: 50%; float: left; height: 45px; border: 1px solid #D7D7D7; color: #666; font-size: 14px; letter-spacing: -1px; font-weight: 300; padding: 0 10px;}

.writeWrap .file_list_wrap { float: left; }
.writeWrap .file_list_wrap > .file_item { width: 100%; margin-bottom: 5px; }
.writeWrap .file_list_wrap > .file_item:last-of-type { margin-bottom: 0; }
.writeWrap .file_list_wrap > .file_item > .file_item_del { cursor: pointer; }
.writeWrap .file_list_wrap input { font-size: 14px; }



.updateWrap .tableWrap { width: 100%; float: left; border-top: 2px solid #333; border-bottom: 2px solid #333; }
.updateWrap .tableWrap table { width: 100%; float: left; }
.updateWrap .tableWrap table th { width: 20%; background-color: #F0F0F0; text-align: left; color: #333; letter-spacing: -1px; font-weight: 500; border-bottom: 1px solid #D7D7D7; padding: 8px 0 8px 10px; }
.updateWrap .tableWrap table td { width: 80%; padding: 10px 15px; border-bottom: 1px solid #D7D7D7; color: #666; }
.updateWrap .tableWrap table td > span { float: left; padding: 10px 0; }
.updateWrap .tableWrap table td > button { float: left; text-align: center; height: 45px; color: #FFF; font-weight: 400; letter-spacing: -1px; background-color: #898989; }
.updateWrap .tableWrap table tr:last-of-type > * { border-bottom: 0; }
.updateWrap .tableWrap table th.important::after { content: "*"; color: #FF5A00; margin-left: 3px; top: -10px; }

.updateWrap .tableWrap table input[type="text"] { width: 100%; float: left; height: 45px; border: 1px solid #D7D7D7; color: #666; font-size: 14px; letter-spacing: -1px; font-weight: 300; padding: 0 10px; }
.updateWrap .tableWrap table input[type="password"] { width: 100%; float: left; height: 45px; border: 1px solid #D7D7D7; color: #666; font-size: 14px; letter-spacing: -1px; font-weight: 300; padding: 0 10px; }
.updateWrap .tableWrap table textarea { width: 100%; float: left; height: 250px; border: 1px solid #D7D7D7; color: #666; font-size: 14px; letter-spacing: -1px; font-weight: 300; padding: 10px; resize: none; }
.updateWrap .tableWrap table textarea::placeholder { color: #CCC; }
.updateWrap .tableWrap table select { width: 50%; float: left; height: 45px; border: 1px solid #D7D7D7; color: #666; font-size: 14px; letter-spacing: -1px; font-weight: 300; padding: 0 10px; }

.updateWrap .file_list_wrap { float: left; }
.updateWrap .file_list_wrap > .file_item { width: 100%; margin-bottom: 5px; text-align:left; font-size:14px; }
.updateWrap .file_list_wrap > .file_item > a { font-size:inherit; }
.updateWrap .file_list_wrap > .file_item:last-of-type { margin-bottom: 0; }
.updateWrap .file_list_wrap > .file_item > .file_item_del { cursor: pointer; }
.updateWrap .file_list_wrap input { font-size: 14px; }

/* 버튼 목록 */
.button_wrap { width: 100%; float: left; margin-top: 20px; }
.button_wrap table { width: 100%; float: left; }
.button_wrap table .button_left { text-align: left; }
.button_wrap table .button_right { text-align: right; }


@media screen and (max-width:1670px){
	.sub_floating { display:none; }
}


@media screen and (max-width:330px){
	.answerText { font-size:17px !important; }
}



/* 하단고정 메뉴 */
.bottom_menu .bm_top { float: right; border: 1px solid #ccc; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; margin: 0 10px 10px 0; padding: 16px ; }
/*.bottom_menu .bm_top a { width: 100%; float: left; }*/
.bottom_menu .bm_top img { width: 100%; }
.bottom_menu { position: fixed; left: 0; right: 0; bottom: 0; padding: 0; box-sizing: border-box; z-index: 99; }
.bottom_menu .bm_m { position: relative; float: left; }
.bottom_menu .bm_m > a > ul { width: 25%; float: left; background-color: #e0dcca; padding: 3.5% 0; border-right: 1px solid #fff; }
.bottom_menu .bm_m > a > .bm04 { border-right: none; background-color: #796b25; }
.bottom_menu .bm_m > a > .bm04 > li { color: #fff; }
.bottom_menu .bm_m > a > ul > li { width: 100%; float: left; text-align: center; font-size: 14.5px; font-weight: 600; color: #333; }
.bottom_menu .bm_m > a > ul > .icon { padding-left: 33%; }
.bottom_menu .bm_m > a > ul > .text { padding-top: 2%; }
.bottom_menu .bm_m > a > ul > li > img { width: 55%; float: left; text-align: center; }