@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/** css reset **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

input[type="text"]{border:1px solid #b6b6b6}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#dgc_landing_comment * {font-family: 'Nanum Gothic', sans-serif !important; box-sizing:border-box}
#dgc_landing_comment {width:97%;}
#dgc_landing_comment #comment_write {width:100%; margin:3%; padding:10px; border:10px solid #d6d6d6; *zoom:1; background:#fff;}
#dgc_landing_comment #comment_write:after {display:block; clear:both; content:"";}
#dgc_landing_comment #comment_write .user_info {line-height:30px; margin-left: 10px;}
/*#dgc_landing_comment #comment_write .user_info > li {float:left; margin-left:50px;}
#dgc_landing_comment #comment_write .user_info > li:first-child {margin-left:0;}*/
#dgc_landing_comment #comment_write .user_info .info_title{ width:22%; }
#dgc_landing_comment #comment_write .user_info li > span {width:60%; vertical-align:middle; font-size:12px; font-weight:bold; margin-right:12px; display:inline-block; line-height:40px;}
#dgc_landing_comment #comment_write .user_info li > input[type="text"],
#dgc_landing_comment #comment_write .user_info li > input[type="password"]{ width:70%; height:28px; line-height:28px; text-align:center; font-size:12px; border:1px solid #b6b6b6}
#dgc_landing_comment #comment_write #phone_num_1 {width:15%; margin-left:-3px;}
#dgc_landing_comment #comment_write #phone_num_2 {width:20%}
#dgc_landing_comment #comment_write #phone_num_3 {width:20%}

#captcha_check3 .user_captcha3 {margin-top:-13px;}
#captcha_check3 {width:40% !important;}

/*페이징을 위한 tr, td 처리 [start]*/
#dgc_landing_comment #comment_write .user_info > td {float:left; margin-left:50px;}
#dgc_landing_comment #comment_write .user_info > td:first-child {margin-left:0;}
#dgc_landing_comment #comment_write .user_info td > span {vertical-align:middle; font-size:17px; font-weight:bold; margin-right:12px;}
#dgc_landing_comment #comment_write .user_info td > input {height:28px; line-height:28px; text-align:center; font-size:12px; border:1px solid #b6b6b6}
/*페이징을 위한 tr, td 처리 [end]*/

#dgc_landing_comment #comment_write .comment_area { margin-top:30px}
#dgc_landing_comment #comment_write .comment_area > .comment_title {font-size:13px; font-weight:bold;}
#dgc_landing_comment #comment_write .comment_area .comment_box { border:6px solid #a7a7a7; padding:3%; *zoom:1;}
#dgc_landing_comment #comment_write .comment_area .comment_box:after {display:block; clear:both; content:"";}
#dgc_landing_comment #comment_write .comment_area .comment_box > .input_area { }
#dgc_landing_comment #comment_write .comment_area .comment_box > .input_area input[type="text"] {font-size:12px; width:100%; height:30px; line-height:30px; border:0px; }
#dgc_landing_comment #comment_write .comment_area .comment_box > .input_area .line {display:block; width:100%; border-bottom:1px solid #aaa; margin-bottom:10px;}
#dgc_landing_comment #comment_write .comment_area .comment_box > .input_area textarea { width:100%; height:58px; font-size:11px;  border:1px solid #aaa; }
#dgc_landing_comment #comment_write .comment_area .comment_box > .btn_area {margin-top:10px;}
#dgc_landing_comment #comment_write .comment_area .comment_box > .btn_area input[type="button"] { width:100%; height:40px; font-size:16px; font-weight:bold; color:#fff; border:1px solid #a51f1f; background:#d52e2e; cursor:pointer;}
#dgc_landing_comment #comment_write .comment_area .comment_box > .btn_area input[type="button"]:hover { background:#ea2727;}

#dgc_landing_comment #comment_view {width:100%; margin:3%; padding:10px; border:10px solid #d6d6d6; *zoom:1; background:#fff;}
#dgc_landing_comment #comment_view:after {display:block; clear:both; content:"";}
#dgc_landing_comment #comment_view ul {*zoom:1;}
#dgc_landing_comment #comment_view ul:after {display:block; clear:both; content:"";}
#dgc_landing_comment #comment_view ul li {position:relative; display:block; width:100%; height:100%; border-bottom:1px solid #aaa; padding:10px 0;  *zoom:1;}
#dgc_landing_comment #comment_view ul li:after {display:block; clear:both; content:"";}
#dgc_landing_comment #comment_view ul li .name_box {display:block; float:left; width:80px; height:70px; margin-right:20px; line-height:70px; text-align:center; font-size:14px; font-weight:bold; border:1px solid #aaa; }
#dgc_landing_comment #comment_view ul li .view_box {float:left; width:100%; height:80px; line-height:20px; overflow-y:scroll;}
#dgc_landing_comment #comment_view ul li .view_box .scrap {color:#1d86d7}
#dgc_landing_comment #comment_view ul li #del_comment {position:absolute; width:22px; height:22px; right:20px; top:50%; margin-top:-11px; border:0; background:url(../images/icon_delete_btn.png) no-repeat; cursor:pointer; }

/*페이징을 위한 tr, td 처리 [start]*/
#page_list { width:100%; }
#dgc_landing_comment #comment_view {background:#fff;}
#dgc_landing_comment #comment_view tr {*zoom:1; }
#dgc_landing_comment #comment_view tr:after {display:block; clear:both; content:"";}
#dgc_landing_comment #comment_view tr td {position:relative; display:block; width:100%; height:100%; border-bottom:1px solid #aaa; padding:10px 0;  *zoom:1;}
#dgc_landing_comment #comment_view tr td:after {display:block; clear:both; content:"";}
#dgc_landing_comment #comment_view tr td .name_box {display:block; float:left; width:87%; height:30px; margin:5px 5px 5px 0; line-height:30px; /*text-align:center;*/ font-size:13px; font-weight:bold; /*border:1px solid #eee;*/ }
#dgc_landing_comment #comment_view tr td .view_box {float:left; width:100%; height:80px; line-height:20px; overflow-y:scroll; border: 1px solid #eee; padding:3px;}
#dgc_landing_comment #comment_view tr td .view_box .scrap {color:#1d86d7}
#dgc_landing_comment #comment_view tr td #del_comment {position:absolute; width:22px; height:22px; right:2px; top:30px; margin-top:-11px; border:0; background:url(../images/icon_delete_btn.png) no-repeat; cursor:pointer; }
/*페이징을 위한 tr, td 처리 [end]*/

/*페이징*/
#dgc_landing_comment #comment_view .main_list_page table.main_paging tfoot td { border:none; text-align:center; }
#dgc_landing_comment #comment_view .pagelist { margin-top:10px; *display:inline; display:inline-block; }
#dgc_landing_comment #comment_view .pagelist div { float:left; margin-right:10px; display:inline; }
#dgc_landing_comment #comment_view .pagelist div.btn { cursor:pointer; color:#000; padding:0px; margin-top:10px; }
#dgc_landing_comment #comment_view .pagelist ul { float:left; display:inline; }
#dgc_landing_comment #comment_view .pagelist ul li { width:auto; border:none; text-align:center; margin-right:10px; float:left; }
#dgc_landing_comment #comment_view .pagelist ul li a.active { text-decoration:underline; font-weight:bold; }