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

* {
	font-family: 'Nanum Gothic', sans-serif;
}

body {
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 13px;
	background-color: transparent;
}

ul,li 	{ list-style-type: none; text-decoration: none; outline: none; margin:0; padding:0; }

a, a:link, a:visited { font-weight: normal; text-decoration: none; selector-dummy: expression(this.hideFocus=true); background: transparent; vertical-align: middle; }
a:hover, a:select  { text-decoration: none; background: transparent; }

b { font-weight: bold; }

p { 
	margin: 0 ; 
	padding: 0; 
	color: #000000; 
	font-size: 13px; 
	font-family: 'Nanum Gothic';
	text-align: left;
}

img { border: none; margin: 0; padding: 0; display: inline; vertical-align: bottom; line-height: 0px;}


.space5 { padding-top:5px; } .space15 { padding-top:15px; } .space25 { padding-top:25px; } .space35 { padding-top:35px; } .space45 { padding-top:45px; } .space55 { padding-top:55px; } .space65 { padding-top:65px; } .space75 { padding-top:75px; } .space85 { padding-top:85px; } .space95 { padding-top:95px; } .space10 { padding-top:10px; } .space20 { padding-top:20px; } .space30 { padding-top:30px; } .space40 { padding-top:40px; } .space50 { padding-top:50px; } .space60 { padding-top:60px; } .space70 { padding-top:70px; } .space80 { padding-top:80px; } .space90 { padding-top:90px; } .space100 { padding-top:100px; }

.cleaner { clear: both; display: block; position: relative; width: 100%; height: 0px; }
.superspace5 { clear: both; display: block; position: relative; width: 100%; height: 5px; } .superspace10 { clear: both; display: block; position: relative; width: 100%; height: 10px; } .superspace15 { clear: both; display: block; position: relative; width: 100%; height: 15px; } .superspace20 { clear: both; display: block; position: relative; width: 100%; height: 20px; } .superspace25 { clear: both; display: block; position: relative; width: 100%; height: 25px; } .superspace30 { clear: both; display: block; position: relative; width: 100%; height: 30px; } .superspace35 { clear: both; display: block; position: relative; width: 100%; height: 35px; } .superspace40 { clear: both; display: block; position: relative; width: 100%; height: 40px; } .superspace45 { clear: both; display: block; position: relative; width: 100%; height: 45px; } .superspace50 { clear: both; display: block; position: relative; width: 100%; height: 50px; } .superspace55 { clear: both; display: block; position: relative; width: 100%; height: 55px; } .superspace60 { clear: both; display: block; position: relative; width: 100%; height: 60px; } .superspace65 { clear: both; display: block; position: relative; width: 100%; height: 65px; } .superspace70 { clear: both; display: block; position: relative; width: 100%; height: 70px; } .superspace75 { clear: both; display: block; position: relative; width: 100%; height: 75px; } .superspace80 { clear: both; display: block; position: relative; width: 100%; height: 80px; } .superspace85 { clear: both; display: block; position: relative; width: 100%; height: 85px; } .superspace90 { clear: both; display: block; position: relative; width: 100%; height: 90px; } .superspace95 { clear: both; display: block; position: relative; width: 100%; height: 95px; } .superspace100 { clear: both; display: block; position: relative; width: 100%; height: 100px; } .superspace105 { clear: both; display: block; position: relative; width: 100%; height: 105px; }

/* MAIN STYLE
============================================================= */

table {
	width: 100%;
	height: auto;
	border: none;
}

.winboard_skin00 {
	border: 0px solid #000000;
	border-top: 2px solid #000000;
}

.winboard_skin00 th {	
	border-right: 1px solid #777777;
	height: 18px;
	color: #555555;
	font-size: 13px;
}

.winboard_skin00 th.th_moo {
	border: none;
	height: 6px;
}

.winboard_skin00 th.nor {
	border-right: none;
}

.winboard_skin00 td {
	border-top: 1px solid #dddddd;
	padding: 10px 0px;
	text-align: center;
	font-size: 12px;
	color: #777777;
}

.winboard_skin00 td a {
	color: #777777;
	font-size: 12px;
}

.winboard_skin00 td a:hover {
	color: #000000;
}

.winboard_skin00 td.td_left {
	text-align: left;
	padding-left: 20px;
}

.winboard_skin00 td.td_noa {
	border: none;
}

.winboard_skin00 td.td_btm {
	border: none;
	border-bottom: 1px solid #aaaaaa;
}


tr.td_search_area{
/* 	display:block;	 */
/* 	background:red; */
	text-align:right;
/* 	float:right */
}




.winboard_skin00 td.td_search {
	border: none;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #aaaaaa;
	height: 50px;
	line-height: 50px;
	text-align:center;
}

.winboard_skin00 td.td_number {
	border: none;
	height: 30px;
	line-height: 30px;
}

.winboard_skin01 {
	border: 0px solid #000000;
	border-top: 2px solid #000000;
}

.winboard_skin01 th {	
	border-right: 1px solid #777777;
	height: 18px;
	color: #555555;
	font-size: 13px;
}

.winboard_skin01 th.th_moo {
	border: none;
	height: 6px;
}

.winboard_skin01 th.nor {
	border-right: none;
}

.winboard_skin01 td {
	border-top: 1px solid #dddddd;
	padding: 10px 0px;
	text-align: center;
	font-size: 12px;
	color: #777777;
	border-right: 1px solid #eeeeee;
}

.winboard_skin01 td.td_nor {
	border-right: none;
}

.winboard_skin01 td a {
	color: #777777;
	font-size: 12px;
}

.winboard_skin01 td a:hover {
	color: #000000;
}

.winboard_skin01 td.td_left {
	text-align: left;
	padding-left: 20px;
}

.winboard_skin01 td.td_noa {
	border: none;
}

.winboard_skin01 td.td_btm {
	border: none;
	border-bottom: 1px solid #aaaaaa;
}

.winboard_skin01 td.td_search {
	border: none;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #aaaaaa;
	height: 50px;
	line-height: 50px;
}

.winboard_skin01 td.td_number {
	border: none;
	height: 30px;
	line-height: 30px;
}

span.numbering {
	background: #eeeeee;
	color: #000000;
	padding: 3px 6px;
	font-weight: bold;
}

input[type='text'] {
	height: 20px;
	border: 1px solid #cccccc;
	vertical-align: middle;
}

select {
	height: 24px;
	width: 60px;
	border: 1px solid #cccccc;
	padding-left: 5px;
	font-family: 'Nanum Gothic';
	vertical-align: middle;
}

td a.btnspot {
	background: #333;
	display: inline-block;
	padding: 0px 10px;
	height: 24px;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

td a.btnspot:hover {
	background: #eeeeee;
	color: #333333;
}

td a.btnspot01 { 
	padding: 0px 20px; 
	margin-right: 5px;
}

td a.btnspot02 { 
	padding: 0px 20px; 
	margin-right: 0px;
}


.winboard_skin00 td.blog_title a {
	color: #0072bc;
	font-size: 15px;
	font-weight: bold;
}

.winboard_skin00 td.blog_title a:hover {
	color: #333333;
}

.winboard_skin00 td.blog_contents a {
	color: #777777;
	font-size: 13px;
	font-weight: normal;
}

.winboard_skin00 td.blog_contents a:hover {
	color: #333333;
}

.winboard_skin00 td.iggimas img {
	border: 1px solid #0072bc;
	box-sizing: border-box;
	margin-left: 20px;
	margin-right: 20px;
}

.winboard_skin00 td.iggimas img:hover {
	border: 2px solid #333333;
	box-sizing: border-box;
}

.winboard_gallery { 
	width:100%;
	padding:0px;
	margin: 0 auto;
	border-top: 2px solid #000000;
}

.winboard_gallery td {
	padding: 8px;
}

.winboard_gallery td.td_search {
	border: none;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #aaaaaa;
	height: 80px;
	line-height: 80px;
	text-align: center;
}

.winboard_gallery td.td_number {
	border: none;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.winboard_gallery td.line_ddd {
	height: 20px;
	border-bottom: 1px solid #dddddd;
	margin: 0px;
	padding: 0px;	
}

.winboard_gallery td.winboard_gallery_title {
	width: 100%;
	height: auto;
	padding: 7px 0px;
	line-height: 30px;
	text-align: center;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	background: #f5f5f5;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}

td.gotets {
	border-top: 2px solid #000000;
	border-bottom: 1px solid #333333;
	height: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	height: 50px;
	line-height: 50px;
	padding: 0px;
}

td.goling {
	border-top: 2px solid #000000;
	height: 0px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
}

.dexter {
	height: 35px;
	line-height: 35px;
	padding: 0px;
	margin: 0px;
}

.dexter a {
	font-size: 14px;
	font-weight: bold;
	color: #777777;
	text-align: center;
}

.dexter a:hover {
	color: #fff;
}

.teness {
	text-align: center;
}

.teness img {
	border: 2px solid #dddddd;
	box-sizing: border-box;
}

.teness img:hover {
	border: 4px solid #333333;
	box-sizing: border-box;
}

.winboard_m_detail {
	width: 100%;
	height: auto;
	border-top: 2px solid #000000;
}

.winboard_m_detail th {
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 13px;
}

.winboard_m_detail td {
	height: 18px;
	line-height: 18px;
	padding-left: 10px;
	text-align: left;
	font-size: 12px;	
	font-weight: normal;
	border: none;
	border-right: 1px solid #cccccc;
}

.winboard_m_detail td.td_nor {
	border-right: none;
}

.winboard_m_detail td.td_title {
	font-weight: bold;
}

.winboard_m_detail td.line_breaker_up {
	height: 7px;
	border: none;
	border-top: 1px solid #999999;
}

.winboard_m_detail td.line_breaker_down {
	height: 7px;
	border: none;
	border-bottom: 1px solid #dddddd;
}

.winboard_m_detail td.td_nong {
	border: none;
}

.winboard_m_detail td.td_textbox {
	border: none; 
	width:100%; 
	word-break: break-all; 
	table-layout:fixed; 
	text-align:left;
	padding: 80px 20px;
}

a.list_btn {
	display: inline-block;
	background: #333333;
	color: #ffffff;
	padding: 5px 25px;
	margin: 20px 0px 20px 110px;
	font-weight: bold;
	font-size: 13px;
	border: 1px solid #777777;
}

a.list_btn:hover {
	background: #aaaaaa;
	color: #000000;
	border: 1px solid #333333;
}

td.pagegnition {
	width: 100%;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	position: relative;
	color: #555555;
	font-size: 13px;
}

td.pagegnition > a {
	height: 30px;
	line-height: 30px;
	display: inline-block;
	position: relative;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

td.pagegnition_liner {
	width: 100%;
	height: 1px;
	border-top: 2px dotted #cccccc;
	margin: 3px 0px 5px 0px;
}


.winboard00_detail { width:100%; height: auto; padding:0px;  border-top: 2px solid #000000; border-bottom: 1px solid #b2b2b2; padding-top: 30px;}
.winboard00_detail td { text-align:center; color:#666666; border-bottom:1px solid #ddd;}
.winboard00_detail td.td_gray {  background-color:#f5f5f5; border:solid 1px #ffffff; width:150px;  }
.winboard00_detail td.td_space10 { height: 10px; padding: 0px; margin: 0px; border: none; }

.winboard00_detail th { text-align:center; background-color:#eee; color: #000000; padding: 0px; border-right: 1px solid #ddd; height:50px;border-bottom:1px solid #ddd;}
.winboard00_detail th.th_title { border-bottom: 1px solid #b2b2b2; text-align: left; background: #ffffff; padding: 0px; padding-left: 10px; padding-bottom: 10px; border-right: none;}
.winboard00_detail th.bg_blue { background-color: #3880c7; }
.winboard00_detail_btn {  padding-left:300px; margin:50px 0; }

.winboard00_detail .winboard_detail_long { min-height:50px;}

td.totori { padding: 20px 0px 30px; text-align: center; }

td.priv_next {
	font-size:13px;
	color: #555555;
	font-weight: bold;
	padding: 10px 0px;
}

td.priv_next a {
	font-size:13px;
	color: #777777;
	font-weight: bold;
}

td.priv_next a:hover {
	color: #333333;
}

td.priv_next a span {
	font-size:13px;
	color: #333333;
	font-weight: bold;
}

td.top_bd {
	border-top: 2px solid #eeeeee;
}

.winboard00_detail01 { width:100%;  padding:0px;   margin-top:10px;   border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;  }
.winboard00_detail01 th { color: #000000; padding:1px;  text-align:center;;   border-bottom: 1px dotted #ddd; background-color:#eeeeee; font-size: 13px; }
.winboard00_detail01 th.th_stitle { font-size: 15px; padding: 5px 0px; }
.winboard00_detail01 td { color: #333333; padding:2px;  text-align:left;   border-bottom: 1px dotted #ddd;  height: 30px; }

.winboard00_detail01 input { vertical-align: middle; }


table.winboard00_detail01 td.td_gray {  background-color:#f5f5f5; border:  solid 1px #ffffff; width:150px;  }
.winboard00_detail01_btn {  padding-left:300px; margin:50px 0; }
span.title_min { font-size: 18px; color: #00bff3; font-weight: bold; }



/* 아이디 패스워드 찾기 idpw */
.winboard00_detialIdpw{
}




/*======================================== write skin
===================================================*/

#write_form {
	width: 100%;
	height: auto;
	min-height: 400px;
	display: block;
	position: relative;
}

#write_form ul li {
	display: block;
	position: relative;
	float: left;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	vertical-align: middle;
}

#write_form ul li.li_left {
	width: 20%;
	min-width: 130px;
	height: 20px;
	margin: 10px 0px;
	line-height: 20px;
}

#write_form ul li.li_left span {
	border-left: 5px solid #333333;
	margin-right: 5px;
}

#write_form ul li.li_right {
	width: 80%;
	height: 40px;	
	line-height: 40px;
	padding: 0px;
}

#write_form ul li.li_right input[type='text'] {
	height: 30px;
	width: 190px;
	border: 1px solid #cccccc;
	margin: 2px 0px;
	font-size: 14px;
	color: #333333;
	padding-left: 10px;
	line-height: 30px;
}

#write_form ul li.li_right input[type='password'] {
	height: 30px;
	width: 190px;
	border: 1px solid #cccccc;
	margin: 2px 0px;
	font-size: 14px;
	color: #333333;
	padding-left: 10px;
	line-height: 30px;
}

#write_form ul li.li_right input[type='text'].input_title {
	width: 98.4%;
}

#write_form ul li.li_contents {
	width: 80%;
	background: red;
	padding: 0px;
	display: block;
	position: relative;
	height: auto;
}

#write_form > .bottom_btns {
	width: 100%;
	height: auto;
	background: red;
	display: block;
	position: relative;
	text-align: center;
}

#write_form > .bottom_btns a.btnspot {
	background: #dddddd;
	display: inline-block;
	padding: 0px 10px;
	height: 24px;
	line-height: 23px;
	color: #000000;
	font-weight: bold;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#write_form > .bottom_btns a.btnspot:hover {
	background: #000000;
	color: #ffffff;
}

#write_form > .bottom_btns a.btnspot01 { 
	padding: 0px 20px; 
	margin-right: 5px;
}

#write_form > .bottom_btns a.btnspot02 { 
	padding: 0px 20px; 
	margin-right: 0px;
}


/*====================================== consult skin
===================================================*/

table.consulting_board{
	width:100%;
	text-align:center;
	border:1px solid #ccc;
	border-collapse:collapse;
	margin: 0px;
	padding: 0px;	
}

table.consulting_board th.title{
	width:20%;
	height:50px;
	background-color:#eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; 
}
table.consulting_board td{ padding:5px; text-align:left; }
table.consulting_board td.note{ width:80%; height:25px; padding:10px 10px; border-bottom:1px solid #ccc; }
table.consulting_board td.note select{ border:1px solid #ccc; }
table.consulting_board td input{ height:15px; padding:5px; border:1px solid #ccc; }
table.consulting_board a.search_btn{
	display:inline-block;
	width:50px;
	height:27px;
	line-height:25px;
	background-color:#888;
	text-align:center;
	color:#fff;
	vertical-align:middle;
}
table.consulting_board td textarea{ border: 1px solid #dddddd; width: 97%; }

a.consulting_btn{
	width:120px;
	height:50px; 
	line-height:50px;
	display:block;
	margin:30px auto;
	text-align:center;
	background-color:#f5f5f5;
	border:1px solid #ccc;
	color:#555;
}
a.consulting_btn:hover{ background-color:#eee; font-weight:700; }

table.consulting_board td input{ height:15px; padding:5px; border:1px solid #ccc; }

/*====================================== consult list
===================================================*/

table.count_list{ width:100%; border-collapse:collapse; border:1px solid #ccc; }
table.count_list th{ height:30px; border:1px solid #ccc; }
table.count_list td{ height:35px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }

table.password_wrap{ padding:15px; border:1px solid #aaa; }
table.password_wrap td{ height:32px; line-height:32px; font-size:11px; }
table.password_wrap td > input[type=password]{ padding:5px; width:150px; height:20px; border:1px solid #ccc; }
table.password_wrap td > input[type=button]{ width:40px; height:30px; }
a.check_btn{ 
	display:inline-block; 
	height:32px; 
	line-height:32px; 
	padding:0 10px; 
	background-color:#ddd; 
	vertical-align:middle; 
}
a.check_btn:hover{ background-color:#aaa; color:#fff; }
table.count_list{ width:100%; }


/*====================================== consult list
===================================================*/

.add_consult {
	width: 890px;
	height: auto;
	min-height: 100px;
	display: block;
	position: relative;
	border-top: 5px double #dddddd;
	border-bottom: 5px double #dddddd;
	padding: 50px 0px;
}

.add_consult ul li {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.add_consult ul li p {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	padding-left: 10px;
}

.add_consult ul li p.p_small {
	font-size: 16px;
	color: #444444;
	padding-top: 30px;
}

.add_consult ul li p.p_exp {
	font-size: 22px;
	font-weight: bold;
	color: #555555;
}

.add_consult ul li p span {
	margin-right: 63px;
}

.add_consult ul li p span.sp_demi {
	margin-right: 35px;
}


/*========================================================
detail.php 다운로드 버튼 관련 ==========================*/

a.slide_toggle_btn {
	padding: 2px 5px;
	background: #333333;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

a.slide_toggle_btn:hover {
	background: #dddddd;
	color: #000000;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: center 0.2s ease-out;
}

.slide_toggle {
	width: 90px;
	height: auto;
	position: absolute;
	background: #dddddd;
	display: none;
	margin-top: 5px;
	padding: 15px 0px 5px 0px;
}

.slide_toggle ul li {
	width: 100%;
	float: none;
	margin-bottom: 10px;
}


/* 포트폴리오 dl */
.dexter_dl {}
.dexter_dl .dexter a { width:80%; height:50px; line-height:50px; display:block; background-color:#eee; font-size:15px; margin:0 auto; border-bottom:1px solid #ddd; color:#333;}
.dexter_dl .dexter a:hover { background-color:#333;color:#fff;}
.dexter_dl dl { width:80%; margin:0px auto 0 auto;}
.dexter_dl dl dt, .dexter_dl dl dd { float:left; text-align:center; height:30px; line-height:30px; border-bottom:1px solid #ddd; margin:0;}
.dexter_dl dl dt { width:30%; font-weight:bold; border-right:1px solid #ddd; background-color:#eee; color:#666;}
.dexter_dl dl dd { width:69%; color:#666; font-size:14px !important; letter-spacing:-1px;}
.dexter_dl dl dt.po_last { line-height:60px;}
.dexter_dl dl .po_last { height:60px;}

/* 포트폴리오 모바일 Mskin04*/
/* .dexter_dl .dexter_m a { 
	width:100%; 
	height:50px; 
	line-height:50px; 
	display:block; 
	background-color:#fff; 
	font-size:15px; 
	margin:0 auto; 
	border-bottom:1px solid #ddd; 
	color:#333;

	text-align:center;
}
.dexter_dl .dexter_m a:hover { background-color:#fff;color:#666;} */

/*카테고리 디자인*/
.category_style a { display:block; float:left; width:auto; height:30px; background-color:#eee; margin:5px; line-height:30px; color:#333; text-align:center; letter-spacing:-1px; padding:0 10px 0 10px;}
.category_style a:hover { background-color:#333; color:#fff;}