@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

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

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


body #wrap {width: 100%; float: left;}


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

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; }

.cp { cursor:pointer; }

.common_box { width:100%; float:left; min-width:1300px; }
.common_box > div { width:1300px; margin:0 auto; }
.common_box > div > div { width:100%; float:left; }

/*#wrap { overflow: hidden; }*/

/* input 태그 */
input[type="text"].txt_box { width: 100%; height: 42px; font-size: 15px; padding: 0 12px; border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 5px; }
input[type="text"].txt_box:focus { border: 1px solid #c8a063 !important; transition: border 0.5s !important; }

input[type="password"].txt_box { width: 100%; height: 42px; font-size: 15px; padding: 0 12px; border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 5px; }
input[type="password"].txt_box:focus { border: 1px solid #c8a063 !important; transition: border 0.5s !important; }

input[type="number"].txt_box { width: 100%; height: 42px; font-size: 15px; padding: 0 12px; border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 5px; }
input[type="number"].txt_box:focus { border: 1px solid #c8a063 !important; transition: border 0.5s !important; }

select.txt_box { width:100%; height: 42px; float:left; font-size: 15px; padding: 0 12px; border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 5px; }
select.txt_box:focus { border: 1px solid #c8a063 !important; transition: border 0.5s !important; }

textarea.txt_box { width: 100%; font-size: 15px; border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 5px; resize: none; height: 223px; padding: 12px; }
textarea.txt_box:focus { border: 1px solid #c8a063 !important; transition: border 0.5s !important; }




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

/* 텍스트 정렬 */
.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); }
.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 #b88f57; text-align:left; padding:20px 10px 15px 10px; }
.viewWrap > .titWrap > .tit { width: 100%; float: left; font-size: 18px; font-weight: 600; color: #333; letter-spacing: -1px; }
/*.viewWrap > .titWrap > .tit > .importantData { font-weight: 500; color: #FFF; background-color: #DC3333; border: 1px solid #DC3333; padding: 3px 0; 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; }
.viewWrap > .titWrap > .tit > .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 #b88f57; padding:0 10px 20px 10px; }
.viewWrap > .conWrap > .answerWrap { width: 100%; float: left; padding: 20px; padding-bottom: 0; }
.viewWrap > .conWrap > .answerWrap > div { width: 100%; float: left; border: 1px solid #EEE; padding: 20px 25px; font-size: 14px; color: #666; }

.viewWrap > .conWrap > .answerWrap > div > div { width: 100%; float: left; margin-top: 20px;  color: #999; }
/*text-align: right;*/

.viewWrap > .conWrap > .answerWrap .content_wrap * { font-size:18px; }

.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 #b88f57; 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; font-size:15px; }
.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 #b88f57; border-bottom: 2px solid #b88f57; }
.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 15px; 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; }
.counselW_01 .tableWrap tr td .inputtxt { width: 85%; float: left; text-align: left; padding: 9px 0 0 15px; font-size: 14px; font-family: noto-sans; color: #999;}
.writeWrap .tableWrap table input[type="text"] { 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 .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 #b88f57; border-bottom: 2px solid #b88f57; }
.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; }

/* 상단팝업 */
.topPopupWrap { width: 100%; float: left; overflow-x: auto; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; margin-top: 0; transition: margin-top 0.5s; }
.topPopupWrap > div { margin: 0 auto; position: relative; text-align: center; width: 1300px; }
.topPopupWrap > div > img { max-width: 100%; vertical-align: bottom; }
.topPopupWrap > div > .btnWrap { position: absolute; right: 10px; top: 10px; text-align: right; }
.topPopupWrap > div > .btnWrap > * { float: left; }
.topPopupWrap > div > .btnWrap > input { display: none; }
.topPopupWrap > div > .btnWrap > label { cursor: pointer; float: left; position: relative; }
.topPopupWrap > div > .btnWrap > label > i { font-size: 12px; float: left; position: relative; top: 5px; margin-right: 5px; }
.topPopupWrap > div > .btnWrap > label > .on { display: none; }
.topPopupWrap > div > .btnWrap > label > .off { display: block; }
.topPopupWrap > div > .btnWrap > label > span { font-size: 13px; font-weight: 300; float: left; }

.topPopupWrap > div > .btnWrap > input:checked ~ label > .on { display: block; }
.topPopupWrap > div > .btnWrap > input:checked ~ label > .off { display: none; }

.topPopupWrap > div > .btnWrap > .popupCloseBtn { font-size: 20px; cursor: pointer; margin-left: 15px; }


/* 커스텀 selectBox */
.customSelect { width:385px; float:left; position:relative; }
.customSelect > ul { width:100%; float:left; }
.customSelect > ul > li { width:100%; float:left; line-height:45px; text-align:left; padding-left:10px; cursor:default; position:relative; font-size:15px; font-family: 'Noto Sans KR', sans-serif !important; background-color:white; }

.customSelect .mainItem { border:1px solid #ccc; }
.customSelect .mainItem > li:first-of-type:after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; right:10px; position:absolute; font-size:12px; }
.customSelect .subItem { position:absolute; left:0; top:100%; display:none; border:1px solid #ccc; border-top:none; padding-bottom:10px; z-index:1000; }
.customSelect .subItem .group_main { line-height: 30px; font-weight: bold; }
.customSelect .subItem .item { padding-left:30px; line-height:25px; }
.customSelect .subItem .none { padding-left:10px; line-height:15px; }
.customSelect .subItem .item:hover { background-color:#1e90ff; color:white; }
.customSelect .subItem .none:hover { background-color:#1e90ff; color:white; }
.customSelect .subItem .active { background-color:#1e90ff; color:white; }



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