@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');


.rednote {font-size:12px;color:#f16000;padding-left:2%;}
.butt_find {font-size:13px;margin-right:1%;border:1px solid #ccc;padding:3px 8px 3px 8px;color:#000;width:150px;cursor:pointer;background:#fff;margin-left:1%}
.butt_find:hover {font-size:13px;margin-right:1%;border:1px solid #ccc;padding:3px 8px 3px 8px;color:#000;width:150px;cursor:pointer;background:#eee;margin-left:1%}

.answait {border:1px solid #ccc;padding:3px 8px 3px 8px;color:#fff;margin-right:2%;font-size:11px;background:#f2694e;}
.ansdone {border:1px solid #ccc;padding:3px 8px 3px 8px;color:#fff;margin-right:2%;font-size:11px;background:#4e7cf2;}
.imglock {position:relative;top:2px;margin-left:1%;}

.txtfield {height:22px;width:45%;}
.lock_info {max-width:790px;margin:0 auto;padding-bottom:2%;font-size:12px;}
.lock_info .searchf1 {text-align:left;width:40%;}
.lock_info .searchf {text-align:right;width:60%;}
.lock_info ul {padding-top:0;width:100%;}
.lock_info ul li {float:left;margin-bottom:15px;}

.lock_infopg {max-width:1000px;margin:0 auto;padding-bottom:4%;padding-top:5%;font-size:12px;}
.lock_infopg .searchf1 {text-align:left;width:40%;}
.lock_infopg .searchf {text-align:right;width:60%;}
.lock_infopg ul {padding-top:0;width:100%;}
.lock_infopg ul li {float:left;margin-bottom:15px;}



.butt_ok {border:1px solid #ccc;padding:3px 8px 3px 8px;color:#fff;margin-left:1%;font-size:13px;background:#f2694e;}
.href_link:link {color:#fff;}
.href_link:active {color:#fff;}
.href_link:hover {color:#fff000;}
.href_link:visited {color:#fff;}


/* 로그인 */
#login {max-width:500px;border:1px solid #ccc;margin:0 auto;margin-top:9%;margin-bottom:19%;border:4px solid #ffd7d8;background:#f1f1f1;}
#login_wrap {margin-top:150px;width:400px;margin:0 auto;background:#fff;padding-top:9%;padding-bottom:9%;background:#f1f1f1;}
#login_wrap input {width:223px;height:22px;}
#login_wrap .inputgap {padding-bottom:20px;}
#login_wrap .inputgapt {padding-top:20px;}
#login_wrap table {background:url('/images/bgslice.gif');width:100%;}
#login_wrap table th {float:left;border:0;font-weight:600;width:80px;text-align:right;padding-right:20px;padding-left:20px;}
#login_wrap table td {padding:3px;}
.login_buttons {font-size:11px;padding-bottom:30px;padding-top:20px;margin:0 auto;text-align:center;}
.login_buttons a{margin-right:5px;}
.forgotten {padding-bottom:20px;padding-left:89px;}
.forgotten li {float:left;padding-right:15px;}
.butt_search {border:1px solid #ccc;padding:3px 8px 3px 8px;color:#fff;margin-left:1%;font-size:13px;background:#f2694e;}
.selects {height:22px;}

/* 회원가입 */
#join {width:95%;margin:0 auto;}
#join_wrap {max-width:900px;padding-top:3%;border:4px solid #ffd7d8;margin:0 auto;margin-bottom:5%;background:#f1f1f1;}
#join_wrap .join_field {max-width:800px;margin:0 auto;background:#fff;background:#f1f1f1;}
#join_wrap .join_field h2 {font-size:17px;font-weight:600;padding-bottom:2%;}
#join_wrap .join_field table {width:100%;border:0;}
#join_wrap .join_field table tr {width:100%;border-bottom:1px solid #dadada;}
#join_wrap .join_field table th {text-align:left;width:15%;border:0;font-size:13px;color:#333;padding-top:1%;padding-bottom:1%;font-weight:600;}
#join_wrap .join_field table td {text-align:left;width:81%;border:0;padding-top:1%;padding-bottom:1%;font-size:13px;color:#555;}
#join_wrap #termp {max-width:800px;margin:0 auto;}
#join_wrap #termp h2 {font-size:17px;font-weight:600;padding-bottom:2%;padding-top:7%;}
#join_wrap #termp2 {max-width:800px;margin:0 auto;padding-bottom:7%;}
#join_wrap #termp2 h2 {font-size:17px;font-weight:600;padding-bottom:2%;padding-top:7%;}
.textfields {font-size:12px;line-height:21px;color:#676767;}
.term01b {font-size:12px;line-height:21px;padding-bottom:5%;padding-top:2%;}
.orderf {max-width:800px;margin:0 auto;text-align:center;padding-bottom:5%;}
.postgb {padding-bottom:15px;}



/* 파일등록 */
#write {width:95%;margin:0 auto;}
#write_wrap {max-width:900px;padding-top:3%;border:4px solid #ffd7d8;margin:0 auto;margin-bottom:5%;background:#f1f1f1;}
#write_wrap .write_field {max-width:800px;margin:0 auto;background:#fff;background:#f1f1f1;}
#write_wrap .write_field h2 {font-size:17px;font-weight:600;padding-bottom:2%;}
#write_wrap .write_field table {width:100%;border:0;margin-bottom:2%;}
#write_wrap .write_field table tr {width:100%;border-bottom:1px solid #dadada;}
#write_wrap .write_field table th {text-align:left;width:15%;border:0;font-size:13px;color:#333;padding-top:1%;padding-bottom:1%;font-weight:600;}
#write_wrap .write_field table td {text-align:left;width:81%;border:0;padding-top:1%;padding-bottom:1%;font-size:13px;color:#555;}
#write_wrap .write_field table .td-write{display:inline-block; width:27%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



/* 게시판리스트 */
.reg_board {width:100%;max-width:900px;margin:0 auto;border:0;clear:both;}
.reg_board th {border-top:3px solid #b31b1b;border-bottom:1px solid #999;height:40px;font-size:14px;color:#333;border-right:0;border-left:0;background:url("/images/nlie_bord.gif")no-repeat top right;font-weight:600;background-color:#f1f1f1;}
.reg_board th:last-child {border-top:3px solid #b31b1b;border-bottom:1px solid #999;height:40px;font-size:14px;color:#444;border-right:0;border-left:0;background:none;background-color:#f1f1f1;}
.reg_board td {height:40px;font-size:13px;color:#444;border-bottom:1px dashed #c6c6c6;background:url("/images/nlie_bord.gif")no-repeat bottom right; word-break:break-all;}
.reg_board td:last-child {height:40px;font-size:13px;color:#444;border-bottom:1px dashed #c6c6c6;background:none;}

.pagec {width:100%;max-width:800px;margin:0 auto;text-align:center;margin-top:2%;margin-bottom:7%;font-size:13px;padding:3px;height:50px;color:#555;clear:both;}
.pagec .numbbg {padding-top:1px;padding-bottom:2px;padding-right:2px;padding-left:5px;border:1px solid #c0c0c0;background:#f1f1f1;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#111;}
.pagec .numbgap {letter-spacing:3px;}
.pagec ul {width:100%;margin:0 auto;border:0;height:10px;}
.pagec ul li {margin:0 auto;width:100%;text-align:center;display:inline;padding:6px;}
.pagec img {padding:0;position:relative;top:7px;padding-top:5px;padding-bottom:0;padding-right:7px;padding-left:7px;border:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

/* 게시판 view */
.regbor_view {width:100%;}
.regbor_view th {background:url("/images/thbg.gif");color:#fff;font-weight:600;}
.regbor_view td {border:1px solid #ccc;height:30px;color:#555}
.bordet {padding:4%;text-align:left;}
.brd_title {font-weight:600;color:#222;line-height:40px;text-align:center;}
.bordali {text-align:right;}
.balist {width:97%;margin-top:3%;padding-bottom:13%;}
.balist ul li{float:left;}
.balist ul li:last-child {float:right;text-align:right;}
.writebutt {font-size:15px;font-weight:600;background:#f63205;margin-right:1%;border:none;padding:5px 27px 5px 27px;color:#fff;border-radius: 3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;cursor:pointer;}
.writebutt:hover{font-size:15px;font-weight:600;padding:5px 27px 5px 27px;background:#000;border:none;border-radius: 3px;color:#fff;}



/* QNA 리스트 */
.qna_board {width:100%;max-width:800px;margin:0 auto;border:0;}
.qna_board th {border-top:3px solid #b31b1b;border-bottom:1px solid #999;height:40px;font-size:14px;color:#333;border-right:0;border-left:0;background:url("/images/nlie_bord.gif")no-repeat top right;font-weight:600;background-color:#f1f1f1;}
.qna_board th:last-child {border-top:3px solid #b31b1b;border-bottom:1px solid #999;height:40px;font-size:14px;color:#444;border-right:0;border-left:0;background:none;background-color:#f1f1f1;}
.qna_board td {height:40px;font-size:13px;color:#676767;border-bottom:1px dashed #c6c6c6;background:url("/images/nlie_bord.gif")no-repeat bottom right;}
.qna_board td:last-child {height:40px;font-size:13px;color:#444;border-bottom:1px dashed #c6c6c6;background:none;}
.qna_board .qnaquest {text-align:left;border-bottom:1px dashed #c6c6c6;}
.qna_board .qnaquest .qnaquestl2 {padding-left:2%;}
.qna_board .qnaanswer {padding-left:12%;text-align:left;background:none;color:#ff0000;font-weight:600;border-bottom:1px dashed #c6c6c6;}

/* QNA view */
.qnabor_view th {background:url("/images/thbg.gif");color:#fff;font-weight:600;}
.qnabor_view td {border:1px solid #ccc;height:30px;color:#555;}


/* 자료실 리스트 */
.util_title {text-align:left;padding-left:10px;}

.util_title .ico4_sali {position:relative:padding-top:6px;} 
.butt_down {margin-left:1%;font-size:11px;margin-right:1%;background:#eee;border:1px solid #338cd7;padding:3px 7px 3px 7px;color:#000;border-radius: 3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;width:150px;line-height:25px;cursor:pointer;}
.butt_down:hover{font-size:11px;padding:3px 7px 3px 7px;background:#338cd7;border:1px solid #338cd7;border-radius: 3px;color:#fff;}

/* 포토갤러리 */

#photo01 {max-width:1050px;margin: 0 auto;}
#photo01 .photo01t {max-width:1000px;margin: 0 auto;}
#photo01 .photo01t h1 {font-family: 'Noto Sans KR', sans-serif; font-size:50px;font-weight:600;color:#333;margin: 0 auto;padding-bottom:20px;max-width:900px;padding-top:9%;padding-bottom:1%;text-align:center;margin: 0 auto;}
#photo01 .photo01t h1 .titler {font-size:50px;font-weight:700;color:#bd1c1c;}
#photo01 .photo01t h2 {text-align:center;font-size:17px;color:#111;font-weight:500;padding-bottom:1%;padding-top:1%;}
#photo01 .photo01tlineg {max-width:1050px;margin: 0 auto;height:1px;background:#ccc;margin-top:2%;margin-bottom:2%;}
#photo01 .photo01tline {max-width:1050px;margin: 0 auto;height:5px;background:#b02727;margin-top:2%;}

.photog {max-width:1000px;margin:0 auto;margin-top:5%;}
.photog ul {overflow:hidden;width:100%;max-width:100%;margin:0 auto;}
.photog li {float: left;margin-right:-100%;width:25%;list-style:none;text-align:left;}
.photog li:nth-child(4n+1) {margin-left:0%;clear:both;overflow:hidden;}
.photog li:nth-child(4n+2) {margin-left:25.5%;clear:none;}
.photog li:nth-child(4n+3) {margin-left:51%;clear:none;}
.photog li:nth-child(4n+4) {margin-left:76.5%;clear:none;}
.photog li img {display: block;width:100%;max-width:245px;padding-bottom:3%;}
.photog h3 {text-align:center;font-size:13px;margin-bottom:0%;margin-top:0%;}
.photog h4 {text-align:center;font-size:11px;margin-bottom:15%;margin-top:0%;color:#a3a3a3;}









@media screen and (max-width:989px) {
	.lock_info ul li {float:left;margin-bottom:15px;}
	.res01d02 {display:none;}

	.lock_infopg {max-width:95%;margin:0 auto;padding-bottom:4%;padding-top:5%;font-size:12px;}
	.photog {max-width:95%;margin:0 auto;margin-top:5%;}
	.photog ul {overflow:hidden;width:100%;max-width:100%;margin:0 auto;}
	.photog li {float: left;margin-right:-100%;width:33%;list-style:none;text-align:left;}
	.photog li:nth-child(3n+1) {margin-left:0%;clear:both;overflow:hidden;}
	.photog li:nth-child(3n+2) {margin-left:33.5%;clear:none;}
	.photog li:nth-child(3n+3) {margin-left:67%;clear:none;}
	.photog li img {display: block;width:100%;max-width:100%;padding-bottom:3%;}
	#photo01 .photo01t h1 {font-size:30px;font-weight:600;color:#333;margin: 0 auto;padding-bottom:20px;max-width:900px;padding-top:9%;padding-bottom:1%;text-align:center;margin: 0 auto;}
	#photo01 .photo01t h1 .titler {font-size:30px;font-weight:700;color:#bd1c1c;}
	#photo01 .photo01t h2 {text-align:center;font-size:14px;color:#111;font-weight:500;padding-bottom:1%;padding-top:1%;}
	.photog h3 {text-align:center;font-size:13px;margin-bottom:0%;margin-top:0%;}
	.photog h4 {text-align:center;font-size:11px;margin-bottom:15%;margin-top:0%;color:#a3a3a3;}


}
@media screen and (max-width:789px) {
	#photo01 .photo01tline {max-width:1050px;margin: 0 auto;height:5px;background:#b02727;margin-top:6%;}

	.lock_infopg {max-width:95%;margin:0 auto;padding-bottom:4%;padding-top:5%;font-size:12px;}

	.photog {max-width:95%;margin:0 auto;margin-top:5%;}
	.photog ul {overflow:hidden;width:100%;max-width:100%;margin:0 auto;}
	.photog li {float: left;margin-right:-100%;width:50%;list-style:none;text-align:left;}
	.photog li:nth-child(2n+1) {margin-left:0%;clear:both;overflow:hidden;}
	.photog li:nth-child(2n+2) {margin-left:51%;clear:none;}
	.photog li img {display: block;width:100%;max-width:100%;padding-bottom:3%;}
	.photog h3 {text-align:center;font-size:12px;margin-bottom:0%;margin-top:0%;}
	.photog h4 {text-align:center;font-size:10px;margin-bottom:15%;margin-top:0%;color:#a3a3a3;}


	.lock_info {width:95%;margin:0 auto;font-size:12px;}
	.lock_info .searchf1 {text-align:left;width:35%;}
	.lock_info .searchf {text-align:right;width:65%;}
	.lock_info ul {padding-top:0;width:100%;}
	.lock_info ul li {float:left;margin-bottom:15px;}
	.lock_info {width:95%;margin:0 auto;padding-bottom:2%;}
	.answait {border:1px solid #ccc;padding:3px 8px 3px 8px;color:#fff;margin-right:2%;font-size:10px;background:#f2694e;}
	.ansdone {border:1px solid #ccc;padding:3px 8px 3px 8px;color:#fff;margin-right:2%;font-size:10px;background:#4e7cf2;}
	#write_wrap .write_field {padding-bottom:7%;}
	#write_wrap .write_field table {width:95%;border:0;margin-bottom:7%;margin:0 auto;}
	#write_wrap .write_field table th {width:20%;}
	#join_wrap .join_field {max-width:95%;margin:0 auto;background:#f1f1f1;}
	#login_wrap {margin-top:150px;width:310px;margin:0 auto;margin-bottom:13%;margin-top:13%;background:#f1f1f1;}
	#login_wrap input {width:185px;height:22px;}
	#login_wrap .inputgap {padding-bottom:20px;}
	#login_wrap .inputgapt {padding-top:20px;}
	#login_wrap table {background:url('/images/bgslice.gif');width:100%;}
	#login_wrap table th {float:left;border:0;font-weight:600;width:80px;text-align:right;padding-right:20px;padding-left:20px;}
	#login_wrap table td {padding:3px;}
	.login_buttons {font-size:11px;padding-bottom:30px;padding-top:20px;margin:0 auto;text-align:center;}
	.login_buttons a{margin-right:5px;}
	.forgotten {padding-bottom:20px;padding-left:12%;}
	.forgotten li {float:left;padding-right:20px;}
	.textfields {font-size:11px;line-height:19px;}
	#join {margin-bottom:10%;}
	#join_wrap {max-width:95%;margin:0 auto;margin-bottom:13%;}
	#join_wrap .join_field table th {text-align:left;padding:1%;width:15%;border:0;font-size:12px;color:#333;padding-top:4%;padding-bottom:4%;font-weight:600;}
	#join_wrap .join_field table td {text-align:left;padding:1%;width:81%;border:0;padding-top:4%;padding-bottom:4%;font-size:12px;color:#666;}
	#join_wrap #termp {max-width:95%;margin:0 auto;}
	#join_wrap #termp2 {max-width:95%;margin:0 auto;}	
	.regbor_view th {background:url("/images/thbg.gif");color:#fff;font-weight:600;font-size:12px;}
	.res01d02 {display:none;}
	.reg_board {width:95%;max-width:800px;margin:0 auto;border:0;margin-bottom:7%;}
	.reg_board th {border-top:3px solid #b31b1b;border-bottom:1px solid #999;height:36px;font-size:13px;color:#444;border-right:0;border-left:0;}
	.reg_board td {height:36px;font-size:12px;color:#666;border-bottom:1px dashed #c6c6c6;}
	
	.pagec {width:100%;max-width:800px;margin:0 auto;text-align:center;margin-top:7%;margin-bottom:7%;font-size:12px;padding:3px;height:50px;color:#555;}
	.pagec .numbbg {padding-top:1px;padding-bottom:2px;padding-right:1px;padding-left:5px;border:1px solid #c0c0c0;background:#f1f1f1;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#111;}
	.pagec .numbgap {letter-spacing:5px;}
	.pagec ul {width:100%;margin:0 auto;border:0;height:10px;}
	.pagec ul li {margin:0 auto;width:100%;text-align:center;display:inline;padding:3px;}
	.pagec img {padding:3px;position:relative;top:6px;padding-top:4px;padding-bottom:5px;padding-right:6px;padding-left:6px;border:1px solid #c0c0c0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
	.writebutt {font-size:11px;margin-right:1%;border:1px solid #ccc;padding:5px 12px 5px 12px;color:#000;border-radius: 3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;width:150px;line-height:25px;cursor:pointer;}
	.writebutt:hover{font-size:11px;padding:5px 12px 5px 12px;background:#aaa;border:1px solid #aaa;border-radius: 3px;color:#fff;}
	
	.balist {width:97%;margin-top:3%;padding-bottom:3%;font-size:12px;}
	.balist ul li{float:left;}
	.balist ul li:last-child {float:right;text-align:right;}
	.bordet {padding-bottom:8%;text-align:left;}

	.qna_board {width:95%;max-width:800px;margin:0 auto;border:0;}
	.qna_board th {border-top:3px solid #b31b1b;border-bottom:1px solid #999;height:40px;font-size:13px;color:#333;border-right:0;border-left:0;background:url("/images/nlie_bord.gif")no-repeat top right;font-weight:600;background-color:#f1f1f1;}
	.qna_board th:last-child {border-top:3px solid #b31b1b;border-bottom:1px solid #999;height:40px;font-size:13px;color:#444;border-right:0;border-left:0;background:none;background-color:#f1f1f1;}
	.qna_board td {height:40px;font-size:12px;color:#676767;border-bottom:1px dashed #c6c6c6;background:url("/images/nlie_bord.gif")no-repeat bottom right;}
	.qna_board td:last-child {height:40px;font-size:12px;color:#444;border-bottom:1px dashed #c6c6c6;background:none;}
	.qna_board .qnaquest {text-align:left;padding-left:2%;border-bottom:1px dashed #c6c6c6;}
	.qna_board .qnaanswer {padding-left:12%;text-align:left;background:none;color:#ff0000;font-weight:600;border-bottom:1px dashed #c6c6c6;}
	.balist {width:97%;margin-top:3%;margin-bottom:13%;}


}
@media screen and (max-width:389px) {
	.res01d01 {display:none;}
	.res01d02 {display:none;}
	.textfields {font-size:10px;letter-spacing:-1px;}
	.lock_info .searchf1 {display:none}
	.lock_info .searchf {text-align:right;width:100%;}
}