@charset "UTF-8";

/* reset */
.newWrapper{line-height:1;font-family:Verdana,Tahoma,Arial,Dotum,Sans-serif;font-size:13px; color:#28251e;-webkit-text-size-adjust:none;background-color:transparent}
.newWrapper ul,ol,li{list-style:none;margin:0;padding:0;border:0;outline:0;}
.newWrapper em{font-style:normal}
.newWrapper img{vertical-align:middle}

/* layout */
html,body{padding:0;margin:0;}
.newWrapper{position:relative;width:100%;height:100%;min-width:320px;margin:0 auto;}
.newWrapper .innerWrap{max-width:1280px;margin:0 auto;}
.newWrapper header h1{float:left;margin:30px 0}
.newWrapper header h1 img{width:64px}
.newWrapper header nav{float:right;margin:50px 0 40px;}
.newWrapper header nav ul li{display:inline-block;}
.newWrapper header nav ul li a{display:block;padding:5px;margin-left:40px;color:#454545;font-size:13px;}
.newWrapper header nav ul li a:hover{text-decoration:none}
.newWrapper header nav ul li.current a,
.newWrapper header nav ul li:hover a{border-bottom:1px solid #454545}

.newWrapper #content{min-height:595px;padding:50px 0;background-color:#f6f6f6}

.subTitArea h2{float:left;margin:0;padding:0;color:#434244;font-size:50px;font-weight:bold;}
.subTitArea .breadcrumb{float:right;margin-top:25px;}


/* main ---------------------------------------------------------------------------------------------- */


.newWrapper.main h1{margin:15px 0}
.newWrapper.main #content{padding:0;background-color:#fff;}

.mainContWrap{position:relative;padding-bottom:200px;}
.mainContWrap article a{display:block;}
.mainContWrap article a span{display:block;padding-left:8px;color:#000;font-size:20px;font-weight:600;background:url("../img/bar.png") no-repeat left bottom}
.mainContWrap article a:hover span{color:#6fa10f;background:url("../img/bar_hover.png") no-repeat left bottom}

.mainContWrap .article01{width:417px;height:588px;margin-top:10px;overflow:hidden;}
.mainContWrap .article01 a{background:url("../img/bg01.png") no-repeat left top;background-size:417px 557px;}
.mainContWrap .article01 span{padding-top:565px;}
.mainContWrap .article02{top:-85px;right:120px;width:296px;height:240px;overflow:hidden;}
.mainContWrap .article02 a{background:url("../img/bg02.png") no-repeat left top}
.mainContWrap .article02 span{padding-top:215px;}
.mainContWrap .article03{top:380px;right:0;width:296px;height:240px;overflow:hidden;}
.mainContWrap .article03 a{background:url("../img/bg03.png") no-repeat left top}
.mainContWrap .article03 span{padding-top:215px}
.mainContWrap .article04{bottom:135px;left:50%;width:315px;height:235px;overflow:hidden;margin-left:-163px;background:url("../img/bg04.png") no-repeat left top;background-size:100%;}
.mainContWrap .article04 span{padding-top:210px}
.mainContWrap .article05{top:165px;left:475px}
.mainContWrap .article05 h2{line-height:60px;margin:0;color:#010101;font-size:65px;}
.mainContWrap .article05 p{line-height:24px;color:#919191;font-size:16px;}
.mainContWrap .article05 p em{display:block}



/* content ---------------------------------------------------------------------------------------------- */

.loginArea{position:relative;width:390px;padding:45px 55px;margin:60px auto 30px;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;border:1px solid #d7dce3;border-radius:5px;background-color:#f9fafb}
.loginArea h2{padding-left:30px;color:#454545;font-size:28px;font-weight:600;background:url("../img/ico01.png") no-repeat left center}
.loginArea .login strong{display:inline-block;width:55px;text-align:right}
.loginArea .login .ed{width:230px;height:38px;line-height:38px;padding:0 15px;margin-top:10px;color:#aeaeae;border:1px solid #dadada;background-image:none !important}
.loginArea .login .ed:focus{border: 1px solid #6fa10f;background-color:#f8ffea}
.loginArea .login .button{position:absolute;top:128px;right:40px;width:105px;height:87px;color:#fff;font-size:18px;text-align:center;border:0;cursor:pointer;background-color:#6fa10f}
.loginArea .autoLogin{padding-left:60px;}
.loginArea .autoLogin input{position:relative;top:2px}
.loginArea .guide{line-height:25px;padding-top:15px;margin-top:15px;border-top:1px dotted #d7dce3;}

/* board_top */

.board_top:after{clear:both;display:block;content:""}
.board_top .infoArea{margin:45px 0 30px;padding:15px 0;border-top:2px solid #434244;border-bottom:1px solid #e0e0e0;}
.board_top .infoArea .rank{float:left;width:auto;}
.board_top .infoArea .rank a,
.board_top .infoArea .rank span{display:inline-block;padding-left:10px;margin-right:15px;color:#949494;font-size:12px;background:url("../img/bg_dot.png") no-repeat left center}
.board_top .infoArea .rank a:first-child{color:#434244}
.board_top .infoArea .count{float:right;color:#7a7a7a;font-size:12px;}

.board_top .infoArea .title{line-height:20px;padding-bottom:10px;font-size:14px;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;border-bottom:1px solid #e0e0e0;}

.board_top .infoArea.view{padding-bottom:10px;}
.board_top .infoArea.view .rank{width:100%;padding:10px 0;}
.board_top .infoArea.view .rank .floatR span{margin-right:0;}
.board_top .infoArea.view .rank .floatR span:first-child{margin-right:15px;}

.board_top .infoArea .link{clear:both;padding-top:10px;border-top:1px solid #e0e0e0;}
.board_top .infoArea .link img{width:auto;height:auto}
.board_top .infoArea .link a:hover{text-decoration:underline}

/* .viewArea */

.viewArea #writeContents{line-height:23px;margin-bottom:30px;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;}
.viewArea img{width:auto;height:auto;max-width:1015px}
.viewArea p #writeContents{display:block;line-height:22px;padding:20px;margin-top:40px;font-size:13px;text-align:left;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;border:1px solid #ccc;background-color:#fff}
.viewArea p #writeContents:before{display:block;margin-bottom:10px;content:"Project Info";color:#000;font-weight:bold;font-size:16px;font-family:Verdana,Tahoma,Arial,Dotum,Sans-serif;}
/* .viewArea > p{margin-top:40px;text-align:left !important} */

/* .board_list */
.board_write{margin:45px 0 30px;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;border-top:2px solid #434244;}
.board_write table > tbody > tr > th,
.board_write table > tbody > tr > td{padding:10px;font-size:13px;text-align:left;border-top:1px solid #ddd;}
.board_write table{border-bottom:1px solid #434244}

/* .board_top 2016-10-20 */

.board_list{width:100%;table-layout:fixed;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;border-bottom:1px solid #434244;}
.board_list th{font-weight:bold; font-size:12px; } 
.board_list th{white-space:nowrap;height:36px;overflow:hidden; text-align:center; } 

.board_list tr.bg0{ background-color:#fafafa; } 
.board_list tr.bg1{ background-color:#ffffff; } 

.board_list td{padding:10px;border-top:1px solid #ddd; } 
.board_list td.name,
.board_list td.num,
.board_list td.checkbox{color:#999999; text-align:center; }

.board_list td.subject {overflow:hidden; }

.board_list td.datetime{font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.hit{font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.good{ font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.nogood { font:normal 11px tahoma; color:#BABABA; text-align:center; }

.board_list .notice{ font-weight:normal; }
.board_list .current{ font:bold 11px tahoma; color:#E15916; }
.board_list .comment{ font-family:Tahoma; font-size:10px; color:#EE5A00; }

/* thumnailBoard */

.thumnailBoard ul{margin-left:-30px;margin-top:-15px;}
.thumnailBoard ul li{float:left;list-style:none;width:25%;}
.thumnailBoard ul li .list{position:relative;min-height:325px;padding-bottom:30px;margin:15px 0 15px 30px;border:1px solid #ccc;background:#fff;}
.thumnailBoard ul li .list .pic{display:block;text-align:center;}
.thumnailBoard ul li .list .pic img{width:100%;height:auto;}
.thumnailBoard ul li .list .date{display:block;padding:0 20px;margin:10px 0;color:#6fa10f;font-size:12px;}
.thumnailBoard ul li .list .subjectTxt{line-height:20px;color:#000;font-size:14px;font-weight:600;letter-spacing:-1px;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif}
.thumnailBoard ul li .list .subjectTxt:hover{text-decoration:none}
.thumnailBoard ul li .list .subjectTxt span{display:inline-block;height:40px;padding:0 20px;overflow:hidden;}
.thumnailBoard ul li .list .subjectTxt span span{display:inline;height:auto;padding:0;color:#ff6600 !important;background:none !important;}
/* text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px */
.thumnailBoard ul li .listCheck{position:absolute;top:10px;left:10px}
.thumnailBoard ul:after{clear:both;content:"";display:block;}

/* btnArea */

.btnArea{margin:20px 0;text-align:right}
.btn{display:inline-block;position:relative;height:28px;padding:0 18px;margin:2px 0;color:#fff !important;font-size:12px;font-weight:bold;letter-spacing:-1px;line-height:27px;text-align:center;text-decoration:none;border-radius:2px;}
input.btn{height:29px;}
.btn.type01{border:solid 1px #7ea315;background-color:#87b318}
.btn.type02{border:solid 1px #eb643c;background-color:#f86f46}
.btn.type03{border:1px solid #525252;background-color:#525252}}
.btnArea .btn{margin:2px 0}

/* .pagination */

.pagination{margin-bottom:60px;text-align:center}
.pagination a,
.pagination span{display:inline-block;width:32px;height:32px;line-height:32px;color:#525252;font-size:12px;font-weight:normal;}
.pagination span{position:relative;top:1px;border:1px solid #d5d5d5;background-color:#f1f1f1}
.pagination span.current{color:#fff;font-weight:bold;border:1px solid #525252;background-color:#525252}

/* searchArea */

.searchArea{width:50%;padding:20px;margin:0 auto;text-align:center;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;border:1px solid #d5d5d5;background-color:#fff}
.searchArea .tit{margin-right:7px;font-weight:600;}
.searchArea .inputTxt{height:29px;line-height:29px;vertical-align:middle;background:none !important}
.searchArea .btnSrch{position:relative;top:-2px;vertical-align:middle;}

/* comment */

.comment{padding:20px 30px 20px;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;border:1px solid #d7dce3;background-color:#f9fafb}
/* .userInfo{padding: 5px 10px;background-color: #f4f4f4;border: 1px solid #dcdcdc;} */
.comment .userInfo{margin-top:10px;}
.comment .userInfo .user{float:left;font-size:12px;}
.comment .userInfo .user .date,
.comment .userInfo .user .ip{color:#b2b2b2;font-size:11px;font-family:Verdana,Tahoma,Arial,Dotum,Sans-serif;}
.comment .userInfo .comBtnArea{float:right;font-size:11px;} 
.comment .userInfo .comBtnArea a{display:inline-block;margin-left:3px;color:#b2b2b2}
.comment .userInfo .comBtnArea a:hover{color:#000;text-decoration:underline}
.comment .comText{line-height:19px;padding:10px 0;border-bottom:1px dotted #dcdcdc}
.comment .comText .secret{color:#ff6600}
.comment .comWrite{padding:5px 0;}
.comment .comWrite .tx{float:left;width:85%;border:1px solid #ccc;background:none !important}
.comment .comWrite .btn{float:left;width:14%;height:76px;line-height:76px;margin-left:1%;text-align:center;border:0;background-color:#7e7e7e}
.comment .comWriteSize{font-size:12px}
.comment .comWriteSize .size{display:inline-block}
.comment .comWriteSize img{position:relative;top:-2px;vertical-align:middle;}
.comment .comWriteSize .comInput{display:inline-block}
.comment .comWriteSize .ed{display:inline-block;height:33px !important;line-height:33px !important;margin:2px 0;border:1px solid #ccc !important;background:none !important}
.comment .comWriteSize #wr_secret{position:relative;top:2px}

/* footer */

.newWrapper footer{color:#aaa !important;text-align:center;background-color:#262626}
.newWrapper footer a{color:#aaa}
.newWrapper footer .innerWrap{padding:20px 0;}
.newWrapper footer .innerWrap h2,
.newWrapper footer .innerWrap h3,
.newWrapper footer .innerWrap p{display:inline-block;margin:0;font-weight:normal;color:#aaa;font-size:14px}
.newWrapper footer .innerWrap h2{margin:0 45px;}
.newWrapper footer h2 img{width:66px;height:66px;}
.newWrapper footer .innerWrap p{position:relative;top:5px;line-height:19px;text-align:left}
.newWrapper footer .copyright{padding:15px 0;margin:0;color:#aaa;background-color:#1b1b1b}


@media all and (max-width:767px){
	.loginArea{width:300px;padding:20px}
	.loginArea .login .button{display:block;position:relative;top:0;right:0;width:278px;height:42px;margin:10px auto}
	.loginArea .autoLogin{text-align:right;padding-left:0;padding-right:15px}
	.newWrapper header h1{padding-left:15px}
	.newWrapper header h1 img{width:55px;height:55px;}
	.newWrapper header nav{padding-right:15px;}
	.newWrapper header nav ul li a{margin-left:25px;}
	
	.newWrapper #content{padding:30px 0}
	.board_top .subTitArea {padding: 0 15px;}
	.board_top .subTitArea h2,
	.board_top .subTitArea .breadcrumb{float:none;}
	.board_top .subTitArea h2{margin-bottom:30px;}
	.board_top .infoArea{padding:15px;margin:20px 0 15px;}
	.board_top .infoArea .rank,
	.board_top .count{float:none;}
	.board_top .count{text-align:right;margin-top:10px;}
	
	.board_top .infoArea.view{padding:15px 0;}
	.board_top .infoArea .title{padding:0 15px 15px;}
	.board_top .infoArea.view .rank{padding:10px 15px;}
	.board_top .infoArea.view .rank div{float:none;clear:both;}
	.board_top .infoArea.view .rank div.floatR{margin-top:5px;}
	.board_top .infoArea.view .link{padding:10px 15px 0}
	
	.viewArea{padding:0 15px;}
	.viewArea img{width:100%;}
	
	.thumnailBoard ul{padding:0 15px}
	.thumnailBoard ul li{float:none;width:100%;}
	.thumnailBoard ul li .list{height:auto;}

	.searchArea{width:auto;border-width:1px 0;}
	.searchArea .tit{display:block;margin-bottom:5px}
	.searchArea .inputTxt{width:140px;} 
	
	.pagination{margin:30px 0;}
	.btnArea{padding:0 15px;text-align:center}
	.btn{padding:0 15px;}

	.newWrapper footer .innerWrap{position:relative;padding-top:100px;padding-bottom:10px;}
	.newWrapper footer .innerWrap h2{margin:0}
	.newWrapper footer .innerWrap h2,
	.newWrapper footer .innerWrap h3,
	.newWrapper footer .innerWrap p{display:block;text-align:center;top:0;font-size:13px;}

	.newWrapper footer .innerWrap h2{position:absolute;top:15px;left:50%;margin-left:-33px;}
	.newWrapper footer .copyright{padding:10px;font-size:11px}
	
	.comment{border-width:1px 0;}
	.comment .comWriteSize .size{display:block;position:relative;top:2px;margin-bottom:5px;}
	.comment .userInfo .user,
	.comment .userInfo .comBtnArea{float:none;}
	.comment .userInfo .comBtnArea{margin-top:7px;margin-bottom:10px;}
	.comment .userInfo .comBtnArea a:first-child{margin-left:0}
	.comment .comWrite .tx,
	.comment .comWrite .btn{float:none;width:100%;}
	.comment .comWrite .btn{height:33px;line-height:33px;margin-left:0;margin-top:5px}

	/* main ----------------------------------------------------------------------------------- */

	.newWrapper.main{height:auto;background:url("../img/bg05.png") no-repeat left top;background-size:cover}
	.newWrapper.main .mainContWrap{padding:0 15px 50px;overflow:visible}
	.newWrapper.main .mainContWrap article,
	.newWrapper.main .mainContWrap article a{position:relative;left:0;top:0;width:auto;height:auto;background:none}
	.newWrapper.main .mainContWrap article a span{padding-top:0;padding-left:0;color:#fff;font-size:15px;background:none}
	.newWrapper.main .mainContWrap article a{height:38px;line-height:38px;margin:5px 0;color:#fff;text-align:center;border:1px solid #6fa10f;border-radius:40px;background-color:#6fa10f}
	.newWrapper.main .mainContWrap article a:hover{border:1px solid #fff;background-color:transparent}
	.mainContWrap .article04{/* display:none; */margin-left:0;bottom:0}
	.mainContWrap .article05{margin-top:40px}
	.mainContWrap .article05 h2,
	.mainContWrap .article05 p{color:#fff;}
	.mainContWrap .article05 p em{display:inline}

	.newWrapper.main #footer {margin-top:0;}

}
@media (min-width: 768px) and (max-width: 1023px) {
	.newWrapper header h1{padding-left:15px}
	.newWrapper header nav{padding-right:15px;}

	.board_top .subTitArea {padding: 0 15px;}
	.board_top .infoArea{padding:15px;}
	.board_top .infoArea.view{padding:15px 0;}	
	.board_top .infoArea .title{padding:0 15px 15px;}

	.board_top .infoArea.view .rank{padding:10px 15px;}
	.board_top .infoArea.view .rank .floatR span{margin-right:15px;}
	.board_top .infoArea.view .link{padding:10px 10px 0}


	.viewArea{padding:0 15px;}
	.viewArea img{width:100%;height:auto !important}

	.thumnailBoard ul{padding:0 15px;margin-top:-7px;margin-left:-15px;}
	.thumnailBoard ul li{width:33.3%;}
	.thumnailBoard ul li .list{margin:7px 0 7px 15px;}
	.pagination{margin:40px 0;}
	.btnArea{padding:0 15px;}
	.searchArea{width:80%;}

	.newWrapper.main{background:url("../img/bg05.png") no-repeat left top;background-size:cover}
	.newWrapper.main .mainContWrap{padding:40px 70px 100px;}
	.newWrapper.main .mainContWrap article,
	.newWrapper.main .mainContWrap article a{position:relative;left:0;top:0;width:auto;height:auto;background:none}
	.newWrapper.main .mainContWrap article a span{padding-top:0;padding-left:0;color:#fff;font-size:15px;background:none}
	.newWrapper.main .mainContWrap article a{height:38px;line-height:38px;margin:5px 0;color:#fff;text-align:center;border:1px solid #6fa10f;border-radius:40px;background-color:#6fa10f}
	.newWrapper.main .mainContWrap article a:hover{border:1px solid #fff;background-color:transparent}
	.mainContWrap .article04{/* display:none; */margin-left:0;bottom:0}
	.mainContWrap .article05{margin-top:40px}
	.mainContWrap .article05 h2,
	.mainContWrap .article05 p{color:#fff;}

	.newWrapper.main #footer {position:absolute;bottom:0;width:100%;margin-top:0;}
}

@media (min-width: 1024px) and (max-width: 1279px){
	.newWrapper .innerWrap{padding:0 15px;}
	.thumnailBoard ul li{width:25%;}
	.thumnailBoard ul{margin-top:-7px;margin-left:-15px;}
	.thumnailBoard ul li .list{margin:7px 0 7px 15px;}
	
	.newWrapper .mainContWrap.innerWrap{padding-bottom:250px;}
	.mainContWrap .article04,
	.mainContWrap article a{background-size:100% !important}

	.mainContWrap .article01{width:358px;height:576px;margin-top:20px;}
	.mainContWrap .article01 span{padding-top:553px;}
	.mainContWrap .article02{top:-115px;right:70px;}
	.mainContWrap .article03 span{padding-top:215px}
	.mainContWrap .article04{bottom:155px;z-index:-1;}
	.mainContWrap .article05{top:125px;left:410px;}

	.newWrapper.main #footer {position:absolute;bottom:-10px;width:100%;margin-top:0;}
}

@media (min-width: 1280px){
	.thumnailBoard ul li{width:25%;}

	.newWrapper.main #footer{position:absolute;bottom:-10px;width:100%;margin-top:0;}
}


/*Firefox*/
@-moz-document url-prefix(){
	
}