@import url('/css/NotoSansKR.css');

#sub_layout{width:1000px;height:auto;position:relative;top:125px;left:31px;}

#wrap #wrap_content{
	position:relative;
	padding:0px;
	width:100%;
	height:auto;
	min-height:479px;
	background:url('/image/sub/bg.gif') 0px 0px repeat-x;
	top:101px;
}

#wrap #wrap_content .left_menu{width:185px;top:40px;position:relative;}
#wrap #wrap_content .left_menu ul{list-style:none;padding:0px;margin:0px;*margin-top:-17px;}
#wrap #wrap_content .left_menu ul a{text-decoration:none;}
#wrap #wrap_content .left_menu ul .li{cursor:pointer;width:149px;height:24px;padding:8px 0 0 36px;margin:0 auto;background:url('/image/sub/left_menu_list.gif') no-repeat;}
#wrap #wrap_content .left_menu ul .li_o{cursor:pointer;width:149px;height:24px;padding:8px 0 0 36px;margin:0 auto;background:url('/image/sub/left_menu_list_o.gif') no-repeat;color:#fffffd;}

#wrap #wrap_content .left_menu ul .li2{cursor:pointer;width:149px;height:14px;padding:8px 0 0 36px;margin:0 auto;background:url('/image/sub/left_menu_list2.gif') no-repeat;}
#wrap #wrap_content .left_menu ul .li2_o2{cursor:pointer;width:149px;height:14px;padding:8px 0 0 36px;margin:0 auto;background:url('/image/sub/left_menu_list2.gif') no-repeat;font-weight:bold;color:#18ac00;}
/*#wrap #wrap_content .left_menu ul .li2{cursor:pointer;width:130px;height:18px;padding:8px 0 0 10px;margin:0 auto;background:#ececec;}
#wrap #wrap_content .left_menu ul .li2_o2{cursor:pointer;width:130px;height:18px;padding:8px 0 0 10px;margin:0 auto;background:#ececec;font-weight:bold;color:#18ac00;}*/

#wrap #wrap_content .right_content{width:771px;height:auto;position:relative;}

#wrap #wrap_content #menu_title{margin-top:40px; background:url('/image/sub/title_icon.gif') 2px 19px no-repeat; height:50px;}
#wrap #wrap_content #navi{color:#969696;font-size:8pt;padding-top:17px;}
#wrap #wrap_content #contents{position:relative;min-height:300px;_height:300px;}

#contents{position:relative;height:auto;padding-top:0px;width:948px;}

#copy{
	position:relative;
	padding:0px;
	width:100%;
	height:auto;
	/*background:url('/sponsor/image/main/copy_bg.gif') repeat-x;*/
	height:61px;
	top:250px;
	border-top:1px solid #cfcfcf;	
}

#copy2{
	position:relative;
	padding:0px;
	width:100%;
	height:auto;
	
	height:61px;
	top:125px;
	border-top:1px solid #cfcfcf;	
}

#copy div{width:1000px;margin:0 auto;height:160px;}
#copy2 div{width:1000px;margin:0 auto;height:160px;}
#copy #copy_img{margin:0 auto;width:980px;height:84px;}

#wrap .work_title{
	background:url('/image/intro/title_bg3.gif') no-repeat;
	width:770px;
	height:24px;
	padding:11px 0 0 33px;
	margin:23px 0 0 0;
	color:#454545;
	font-weight:bold;
}

#wrap .post_frm_news{
	width:770px;
	border-top:2px solid #84d056;
}

#wrap .post_frm_news .th{
	background:#f5f5f5;
	color:#207d13;
	border-bottom:1px solid #e0e0e0;
	text-align:left;
	padding:0 0 0 15px;
	width:120px;
}

#wrap .post_frm_news .td{
	border-bottom:1px solid #e0e0e0;
	text-align:left;
	padding:0 0 0 15px;
	height:30px;	
	width:620px;	
}


#wrap .list_tbl_news{
	width:770px;
	border-collapse: collapse;
}

#wrap .list_tbl_news caption{
	text-align:right;
}

#wrap .list_tbl_news caption span{
	color:#cb4043;
	font-weight:bold;
}

#wrap .list_tbl_news .th{
	border-top:2px solid #46b800;
	border-left:1px solid #e0e0e0;	
	border-right:1px solid #e0e0e0;	
	border-bottom:1px solid #e0e0e0;			
	background:#;
	background:#f2f9e9;
	color:#41ad00;
	height:30px;	
}

#wrap .list_tbl_news .td{
	border:1px solid #e0e0e0;
	padding:10px 0 10px 0;
}

#wrap .list_tbl_news .td2{
	border:1px solid #e0e0e0;
	height:22px;
	background:url('/image/workshop/arrow.gif') 10px 8px no-repeat;
	padding: 0 0 0 20px;	
}

#wrap .list_tbl_news .td ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

#wrap .list_tbl_news .td li{
	background:url('/image/workshop/arrow.gif') 10px 5px no-repeat;
	padding: 0 0 0 20px;
	
}

#wrap .member_sub_title{
	background:url('/image/sub/box.gif') no-repeat;
	width:750px;
	height:96px;
	padding:9px 0 0 25px;
	color:#464646;
	font-weight:bold;
}

#wrap .infor_tbl_member{
	width:770px;
	margin:23px 0 0 0;
	border-collapse: collapse;
}

#wrap .infor_tbl_member .th{
	color:#207d13;
	background:#f5fbef;
	border:1px solid #6bc715;
	height:32px;
	width:113px;	
}

#wrap .infor_tbl_member .td{
	text-align:center;
	color:#181818;
	font-weight:bold;
	border:1px solid #81c8f4;
	height:32px;	
	width:70px;	
}

#wrap .list_tbl_member{
	width:770px;
	border-top:2px solid #6bc715;
	border-bottom:2px solid #6bc715;		
}

#wrap .list_tbl_member .th{
	background:#f5fbef;
	color:#207d13;
	height:31px;
}

#wrap .list_tbl_member .td{
	text-align:center;
	height:31px;	
}

#wrap .search_tbl_member{
	width:740px;
	background:url('/image/pds/box_bg.gif');
}

#wrap .search_tbl_member .search_title{
	font-weight:bold;
	background:url('/image/member/search_icon.gif') 0px 8px no-repeat;
	padding:0 0 0 15px;
}

#wrap .search_tbl_member .search_detail{
	padding-left:15px;
	height:25px;
	text-align:left;
}

.member_plz_td{font-weight:bold;color:#c72027;vertical-align:bottom;border-bottom:1px solid #efefef;padding-bottom:2px;}
.member_plz_td2{border-top:1px solid #b9b9b9;border-bottom:1px solid #b9b9b9;}

.title1{background:url('/sponsor/image/sub/icon_check.gif') 0 28px no-repeat;font-weight:bold;padding-left:20px;padding-top:30px;}
.title2{background:url('/sponsor/image/sub/icon_check.gif')no-repeat;font-weight:bold;padding-left:20px;}

.member_td1{border-top:1px solid #0b7df0;background:#f6f6f6;height:30px;width:170px;padding-left:15px;border-bottom:1px solid #dddddd;}
.member_td2{border-top:1px solid #0b7df0;border-bottom:1px solid #dddddd;padding-left:15px;height:30px;}
.member_td3{background:#f6f6f6;height:30px;width:170px;padding-left:15px;border-bottom:1px solid #dddddd;}
.member_td4{border-bottom:1px solid #dddddd;padding-left:15px;height:30px;}

.login_td1{padding-right:20px;font-weight:bold;padding-bottom:10px;padding-top:10px;font-size:8.8pt;}



.fcRed {color:#d21d1d !important;}
.fcPoint {color:#e85e34 !important;} /* 주황색 */
.fcBlue {color:#2f56e8 !important;} /* 파란색 */

.btnArea {padding-top: 40px;text-align: center;}
.btnArea > * {margin-left: 20px;}
.btnArea > *:first-child {margin-left: 0;}


input[type=text],
input[type=password],
input[type=file],
input[type=date],
select,
textarea {border: 1px solid #ccc;font-size: 18px;font-weight: 300;}
input:focus,
select:focus,
textarea:focus {outline:none;}

input[type=text],
input[type=password],
input[type=file],
input[type=date] {height: 27px;padding: 8px 10px;}


select {height: 45px;}


input[type=radio],
input[type=checkbox] {vertical-align: top; margin:9px 5px 0 7px;}



div.contents .btnArea {padding-top: 40px;text-align: center;}
.btnArea > * {margin-left: 10px;}
.btnArea > *:first-child {margin-left: 0;}

.mOnly {display: none;}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:45px;padding:0 10px 2px;font-size:16px;font-weight: 300;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height:23px;padding:9px 15px 11px;}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}
.btn i {padding:2px 10px 0 0;vertical-align: top;}
.btn .btnIcon i {padding-right: 0;}

/* 갈색 */				.btnDef {background-color:#78675f !important;border-color:#78675f !important;color:#fff !important;}
/* 주황색 */			.btnPoint {background-color:#e85e34 !important;border-color:#e85e34 !important;color:#fff !important;}
/* 남색 */				.btnNavy {background-color:#1b2646 !important;border-color:#1b2646 !important;color:#fff !important;}
/* 회색 */				.btnGrey {background-color:#666 !important;border-color:#666 !important;color:#fff !important;}


/* border+ 갈색 */			.btnBdDef {background-color:#fff !important;border-color:#78675f !important;color:#78675f !important;}
/* border+ 주황색 */		.btnBdPoint {background-color:#fff !important;border-color:#e85e34 !important;color:#e85e34 !important;}
/* border+ 회색 */			.btnBdGrey {background-color:#fff;border-color:#666;color:#666;}


span.btn {display: inline-block;vertical-align: top;}

.btn .btnSmall {font-size: 12px;height: 26px;padding:0 16px;border-radius:2px;vertical-align:top;}
.btn a.btnSmall {height:auto;padding: 4px 8px 6px;line-height: 14px;}

.btn .btnBig {min-width:110px;font-size: 17px;height: 45px;padding:0 0 2px;box-sizing:border-box;font-weight: 200;}
.btn a.btnBig {min-width:110px;line-height: 20px;padding: 11px 20px 13px;}

table.inputTbl .btnSmall {height:33px;padding:0 10px;}
table.inputTbl a.btnSmall {height: 17px;line-height: 17px;padding:7px 10px;}

.btnIcon {position: relative;text-align: center;}
.btnIcon i {font-size: 20px;line-height: 20px;}
.btnIcon .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}

.btn a img {position: relative;padding-right: 5px;vertical-align: middle;}

.btn .btnArr {padding-right: 40px !important;background: url('/image/icon/btnBl_arr.png') right center no-repeat;}






/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

table.bbs {width:100%; border:0; border-collapse:separate; border-spacing:0;border-top:2px solid #e85e34;border-bottom:1px solid #d2d2d2;}
table.bbs > * > tr > * {padding:10px;border-top:1px solid #d2d2d2;text-align:left;color: #222;text-align: center;font-family:'NotoSansKR Regular', 'Noto Sans KR', sans-serif;font-size: 18px;line-height:1.5;font-weight:100;color: #222;}
table.bbs > * > tr > th {padding: 0;;height: 44px;color: #222;font-size: 16px;background-color: #f8f8f8;font-weight: 200;}
table.bbs > tbody > tr > .bg {padding: 10px;background-color:#e85e34;color:#fff;text-align:center;}

table.bbs > tbody > tr > td > a {display:inline-block;vertical-align: top;color: #222;font-size: 18px;font-weight: 300;}
table.bbs > tbody > tr > td > a:hover,
table.bbs > tbody > tr > td > a:focus {color: #e85e34;}

table.bbs > tbody > tr > td.date {font-family: 'Open Sans', sans-serif;font-size: 15px;line-height: 1.2;font-weight: 500;}
table.bbs > tbody > tr > td.date strong {display: block;font-size: 25px;}

table.bbs > tbody > tr > td.tit {text-align:left;}
table.bbs > tbody > tr > td.tit a {display:inline-block;overflow:hidden;position:relative;width: 300px;text-overflow:ellipsis; white-space:nowrap;text-decoration: none;font-weight: 200;}
table.bbs > tbody > tr > td.tit img {vertical-align: top;}

table.bbs > tbody > tr > td.tit a > span {display: inline;}
table.bbs > tbody > tr > td.tit img.notice, 
table.bbs td.file a img {vertical-align:top;padding:4px 5px 0 0;}

table.bbs span.notice {position: relative;display: inline-block;width: 20px;height: 21px;text-indent: -10000px;}
table.bbs span.notice:before {position: absolute;left: 0;top: 0;width: 100%;content: "\f0f3";font-family: "Font Awesome 5 Free";font-weight: 900;text-indent: 0;text-align: center;}


table.bbs td.tit span.reply {position: absolute;top: 50%;height: 21px;margin-top: -11px;}
table.bbs td.tit img.new {position:absolute;right: 0;top:50%;width: 27px;margin-top: -14px;}
table.bbs td.tit img.attach {position: absolute;top: 50%;width: 19px;height: 25px;margin-top: -13px;}

table.bbs td.tit a.attach .attach,
table.bbs td.tit a.reply .reply {right: 0;}
table.bbs td.tit a.attach.reply span.attach {right: 20px;}
table.bbs td.tit a.attach {width: 300px;text-indent: 0;}

table.bbs td.tit a.new.attach .attach,
table.bbs td.tit a.new.reply .reply {right: 34px;}

table.bbs span.info {display: block;padding-top: 5px;color: #666;font-size: 15px;}
table.bbs span.info span {position: relative;display: inline-block;padding-left: 20px;}
table.bbs span.info span:before {position: absolute;left: 9px;top: 6px;width: 1px;height: 11px;background-color: #666;content: " ";}

table td.file,
table td.con {text-align:left;padding:10px;}

table td.file a {text-decoration: none;color: inherit;}
table td.con {height: 300px;vertical-align: top;}

table.bbs td input[type=radio],
table.bbs td input[type=checkbox] {margin-left:15px;}
table.bbs td input[type=radio]:first-child,
table.bbs td input[type=checkbox]:first-child {margin-left:0;}
table.bbs td.pluginArea {padding:0 !important;}

table.bbs span.bullet {display:inline-block;height:24px;padding:0 5px;line-height:20px;text-align:center;color:#fff;}

table.bbs td.utilBtn span,
table.bbs td.utilBtn a {vertical-align: top;}

table.bbs td.noData {padding: 20px 0 !important;font-weight: 600;text-align: center !important;}



/* 게시판 글 보기 */
div.bbsView {border-top: 2px solid #e85e34;border-bottom: 1px solid #ccc;font-family:'NotoSansKR Regular', 'Noto Sans KR', sans-serif;font-size: 18px;line-height:1.5;font-weight:100;color: #222;}
.bbsTit {padding: 22px 30px 0;color: #222;font-size: 24px;line-height: 30px;font-weight: 200;}
div.bbsView ul.info {overflow: hidden;margin: 0;padding: 10px 30px 22px;border-bottom: 1px solid #ccc;}
div.bbsView ul.info > li {position: relative;float: left;margin: 0;padding: 0 0 0 20px;color: #666;font-size: 15px;font-weight: 300;list-style:none;}
div.bbsView ul.info > li:before {position: absolute;left: 9px;top: 6px;width: 1px;height: 11px;background-color: #666;content: " ";}
div.bbsView ul.info > li.link {float: right;}

div.bbsView ul.info > li:first-child,
div.bbsView ul.info > li.link {padding-left: 0;}
div.bbsView ul.info > li:first-child:before,
div.bbsView ul.info > li.link:before {display: none;}

div.bbsView ul.info a {text-decoration: none;color: inherit;}

table.bbsView > * > tr > * {border-left: 0 none;}

.bbsCon {padding: 30px;color: #222;font-size: 18px;line-height: 30px;}

table.bbsView + .bbsCon {margin-top: 30px;background-color: #fbfbfb;}

dl.bbsAttach {position: relative;border-top: 1px solid #ccc;padding: 10px 30px 10px 145px;}
dl.bbsAttach > dt {position: absolute;left: 0;top: 10px;width: 145px;text-align: center;color: #222;font-size: 16px;line-height: 27px;font-weight: 200;}
dl.bbsAttach ul, dl.bbsAttach li, dl.bbsAttach a {margin: 0;padding: 0;list-style:none;}
dl.bbsAttach li {margin-top: 10px;padding: 0 0 0 25px;background: url('/image/icon/attach.png') 0 0 no-repeat;}
dl.bbsAttach li:first-child {margin-top: 0;}
dl.bbsAttach a {display: inline-block;color: #666;font-size: 15px;line-height: 24px;font-weight: 300;text-decoration: none;vertical-align: top;}

div.bbsView + div.bbsUtil {margin-top:30px;text-align: right;}





/* 게시판 검색 */
div.bbsSearch, div.bbsSearch form, div.bbsSearch fieldset, div.bbsSearch legend {margin: 0;padding: 0;border: 0 none;font-family:'NotoSansKR Regular', 'Noto Sans KR', sans-serif;font-size: 18px;line-height:1.5;font-weight:100;color: #222;}
div.bbsSearch legend {visibility: hidden;height: 0;line-height: 0;font-size: 0;}

div.bbsSearch {position: relative;margin-top: 50px !important;padding:35px 0;text-align: center;background-color: #f3f3f3;font-size: 0;}
div.bbsSearch:first-child {margin-top: 0;}
div.bbsSearch input, div.bbsSearch select, div.bbsSearch .btn, div.bbsSearch .btnIcon {display: inline-block;vertical-align:top;font-size: 16px;font-weight: 300;}

div.bbsSearch select {width: 140px;height: 50px;}
div.bbsSearch input[type=text] {width: 438px;height: 24px;margin-left: 10px;padding: 11px 10px 13px;}

div.bbsSearch span.divide,
div.bbsSearch span.category {position: relative;display: inline-block;width: 430px;height: 50px;padding: 30px 0 10px;}
div.bbsSearch span.divide:before,
div.bbsSearch span.category:before {position: absolute;left: 0;top: 0;content:attr(data-text);color: #222;font-size: 18px;line-height: 1.2;font-weight: 200;}

div.bbsSearch span.divide select,
div.bbsSearch span.category select {float: right;width: 210px;}
div.bbsSearch span.divide select:first-child,
div.bbsSearch span.category select:first-child {float: left;}

div.bbsSearch .btn {position: relative;}
div.bbsSearch .btn * {width: 110px;height: 50px;border-radius:0;font-size: 18px;}

div.bbsBrief {padding:30px 0 15px;font-family:'NotoSansKR Regular', 'Noto Sans KR', sans-serif;line-height:1.5;color: #222;font-weight: 200;font-size: 20px;}

div.sort {position: relative;margin: 35px 0 20px;}
div.sort select {min-width: 140px;}




/* 게시글쓰기 */
div.bbsWrite {}

ul.popSize, ul.popSize li {margin: 0;padding: 0;list-style:none;}
ul.popSize li {margin-top:5px;}
ul.popSize li:first-child {margin-top:0;}
ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;}
ul.popSize li label,
ul.popSize li span {line-height: 45px;vertical-align: top;}

div.bbsWrite div.btnArea * {border-radius: 0;}

/* 게시판 하단버튼 영역 */
div.bbsUtil {position: relative;min-height: 65px;margin: 35px 0 0;}
div.bbsUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

div.bbsUtil.btn *,
div.bbsUtil .btn * {border-radius: 0;}

ul.pager {padding: 15px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline-block;width: 100%;vertical-align: top;}

ul.pager a {display: inline-block;width: 35px;border:0 none;padding: 7px 0 8px;text-align: center;vertical-align: top;font-size: 16px;line-height:20px;text-decoration: none;color: #222;}





/* ========================================================================================================== */
/* ================================================ 게시판 팝업 =============================================== */
/* ========================================================================================================== */

body.pop {margin:0; padding:0; height:100%; background-color:#fff; font-family: 'NotoSansKR Regular', '맑은고딕', 'Malgun Gothic', sans-serif; word-break:break-all;}
body.pop form {margin:0; padding:0;}

#popClose {position:static; height:22px; line-height:22px; font-size:13px; overflow:hidden; text-align:right; background-color:#6f6f6f;}
#popClose:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 #popClose {zoom:1;}
#popClose * {vertical-align:middle;}
#popClose .fl {width:50%; margin-left:10px;}
#popClose .fl label, #popClose .fl input[type='checkbox'] {float:left;}
#popClose .fl label {margin:0 10px 0 5px; font-weight:bold; color:#fff;}
#popClose .fl input[type='checkbox'] {margin:5px 0 0 0;}
@media all and (-ms-high-contrast:none) {
	#popClose .fl input[type='checkbox'] {margin-top:1px;} /* IE10 */
	*::-ms-backdrop, #popClose .fl input[type='checkbox'] {margin-top:4px;} /* IE11 */
}
.ie7 #popClose .fl input[type='checkbox'],
.ie8 #popClose .fl input[type='checkbox'],
.ie9 #popClose .fl input[type='checkbox'] {margin:0;}
#popClose a,
#popClose label {display:inline-block; margin-top:-1px; margin-right:10px; font-weight:bold; color:#fff;}

/* popup skin */
.skinWrap {position:relative; min-height:100%;} /* width:500px; */
.skinWrap.skin01 {border: 1px solid #e85e34;}
.skinWrap.skin02 {background: linear-gradient(135deg, #253580, #518adc);}
.skinWrap.skin03 {}

.skin01 .popHeader {}
.skin02 .popHeader {}

.skinWrap .popHeader .tit { font-weight:bold; font-size:24px; line-height:30px;color: #fff;}
.skin01 .popHeader .tit {padding:17px 20px 23px;background-color: #e85e34;text-align: center;}
.skin02 .popHeader .tit {padding:17px 20px 23px;background:#232f79 url('/image/common/popup_headerBg.png') right top no-repeat;}
.skin03 .popHeader .tit {border-radius: 10px 10px 0 0;padding:17px 20px 23px;background-color: #212d77;}

.skinWrap .contWrap {min-height:268px; padding-bottom:22px;background-color: #fff;}
.skin02 .contWrap {margin:0 3px 3px;}
.skin03 .contWrap {border-radius:0 0 10px 10px;border: 3px solid #212d77;border-top: 0 none;}


.skinWrap .contWrap .content {padding:20px; color:#0c0c0c; line-height:20px; font-size:14px;}
.skinWrap .contWrap .content a {text-decoration:underline; color:#0c0c0c;}

.skinWrap .contWrap .btnWrap {text-align:center; margin:30px 0;}
.skinWrap .contWrap .btnWrap a {padding: 5px 20px 7px;text-decoration: none;}

.skinWrap #popClose {position:fixed; bottom:0; left:0; width:100%;}
.ie7 .skinWrap #popClose {position:static;}