@charset "utf-8";
@font-face {    
 font-family: 'NanumGothic';    
 src: url('/css/font/NanumGothic.eot'); /* IE9 Compat Modes */    
 src: url('/css/font/NanumGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
 url('/css/font/NanumGothic.woff') format('woff'), /* Modern Browsers */        
 url('/css/font/NanumGothic.ttf')  format('truetype'), /* Safari, Android, iOS */        
 url('/css/font/NanumGothic.svg#svgMothnnaFont') format('svg'); /* Legacy iOS */
}
/* CSS Document */
html {height:100%; margin:0; padding:0}
body {margin: 0px; padding: 0px; font-family:dotum, sans-serif; color:#4d4d4d; font-size:11px; line-height:18px; height:100%;}
img {border:none;}
a, a:active {outline:none; border:none;}
input,select, checkbox {font-size:11px; color:#4d4d4d; font-family:dotum, sans-serif; outline:none; margin:0; vertical-align:middle;}


a:link {color:#4d4d4d; text-decoration:none;}
a:hover {color:#4d4d4d; text-decoration:underline;}
a:active {color:#4d4d4d; text-decoration:none;}
a:visited {color:#4d4d4d; text-decoration:none;}

a.boldlink:link {color:#b1006d; text-decoration:none;}
a.boldlink:hover {color:#b1006d; text-decoration:underline;}
a.boldlink:active {color:#b1006d; text-decoration:none;}
a.boldlink:visited {color:#b1006d; text-decoration:none;}

a.adlink:link {color:#b1006d; text-decoration:underline; font-size:14px; font-weight:bold;}
a.adlink:hover {color:#b1006d; text-decoration:underline; font-size:14px; font-weight:bold;}
a.adlink:active {color:#b1006d; text-decoration:underline; font-size:14px; font-weight:bold;}
a.adlink:visited {color:#b1006d; text-decoration:underline; font-size:14px; font-weight:bold;}

.friend {width:181px; height:100%; border-left:2px #848484 solid; background-color:#FFF; /*margin-left:5px;*/ float:right; position:fixed; right:0; z-index:10;}
.all_contents { overflow:hidden; min-width:1160px; }

.top {width:980px; height:100px; margin:0 auto 20px; position:relative; z-index:10;}
	.top .logo {width:214px; height:80px; position:absolute; bottom:0; left:30px;}
	.top .search {width:458px; height:70px; position:absolute; bottom:0; /*left:215px;*/ left:261px}
	.top .search .word {width:458px; height:28px; position:absolute; top:0; left:0;}
	/*.top .search .form1 {width:92px; height:28px; border:7px #b1006d solid; position:absolute; bottom:0; left:0;}*/
	/*.top .search .form2 {width:268px; height:28px; border:7px #b1006d solid; position:absolute; bottom:0; left:114px;}*/
	.top .search .form2 {width:382px; height:28px; border:7px #b1006d solid; position:absolute; bottom:0; left:0;}
	.top .search .btn {width:53px; height:42px; position:absolute; bottom:0; right:0;}
	.top .select {width:530px; height:122px; position:absolute; top:40px; /*right:189px; left:-121px;*/ left:-7px; z-index:9999; background-image:url(/images/4scour/select_bg.png); background-repeat:no-repeat; color:#b1006d; font-weight:bold; letter-spacing:-1px;}
	
.top_smenu_box {width:100%; height:36px; background-color:#f5f5f5;}
.top_smenu {width:1000px; height:36px; color:#f5f5f5; margin:auto;}

.menu_spair {height:36px;}
.menu_div {width:100%; height:36px; position:relative; top:0; z-index:9; background-image:url(/images/4scour/bg_menu.gif); background-repeat:repeat-x;}
	.menu_div .menu {width:930px; height:36px; margin:auto;}
	
.thumb {width:976px; height:256px; margin:auto; position:relative; border-top:2px #c2007d solid; border-right:2px #b1006d solid; border-left:2px #b1006d solid; border-bottom:2px #b1006d solid; position:relative; background-color:#f1f1f1;}
	.thumb .btn_l {width:20px; height:256px; background-color:#b1006d; position:absolute; top:0; left:0; display:block; cursor:pointer; z-index:2;}
	.thumb .btn_r {width:20px; height:256px; background-color:#b1006d; position:absolute; top:0; right:0; display:block; cursor:pointer; z-index:2;}
	.thumb .con_box {width:928px; height:256px; position:absolute; top:4px; left:33px;}
	.thumb .img_bg {width:41px; height:41px; background-image:url(/images/4scour/thum_bg.gif); background-repeat:no-repeat; margin:4px 6px 0 0; float:left; padding:2px; position:relative; z-index:1; display:block; cursor:pointer;}
	.thumb .img_ribon {width:25px; height:25px; position:absolute; top:0; left:0; z-index:2;}

.contents {width:980px; height:440px; margin:10px auto 30px; position:relative;}
	.contents .file_list_title {width:485px; height:40px; position:absolute; top:0; left:0;}	
	.contents .file_list {width:483px; height:409px; position:absolute; top:40px; left:0; border-left:1px #c4c4c4 solid; border-right:1px #c4c4c4 solid; border-bottom:1px #c4c4c4 solid; background-image:url(/images/4scour/bg_gra.gif); background-repeat:repeat-x;}	
	.contents .category {width:97px; float:left; margin:14px 4px 17px 15px;}
	.contents .category .menu {width:87px; height:22px; background-image:url(/images/4scour/bg_normal2.gif); background-repeat:no-repeat; display:block; cursor:pointer; padding:5px 0 0 10px;}
	.contents .category .menu2 {width:87px; height:22px; background-image:url(/images/4scour/bg_normal.gif); background-repeat:no-repeat; display:block; cursor:pointer; padding:5px 0 0 10px;}
	.contents .category .menu:hover, .contents .category .menu2:hover {width:87px; height:22px; background-image:url(/images/4scour/bg_over.gif); background-repeat:no-repeat; color:#fff; font-weight:bold; padding:5px 0 0 10px; display:block; cursor:pointer;}
	.contents .list_table {width:350px; float:left; margin-top:14px;}
	.contents .now_serch_title {width:243px; height:84px; position:absolute; top:0; right:243px;}
	.contents .now_serch {width:213px; height:365px; position:absolute; top:84px; right:244px; border-left:1px #c4c4c4 solid; border-bottom:1px #c4c4c4 solid; padding:0 0px 0 28px; background-image:url(/images/4scour/bg_gra2.gif); background-repeat:repeat-x;}
	.contents .now_serch ul {list-style:none; margin:0; padding:0;}	
	.contents .vote_title {width:243px; height:84px; position:absolute; top:0; right:0px;}
	.contents .vote {width:233px; height:365px; position:absolute; top:84px; right:0px; border-right:1px #c4c4c4 solid; border-bottom:1px #c4c4c4 solid; background-image:url(/images/4scour/bg_gra2.gif); background-repeat:repeat-x; padding-right:10px;}
	.contents .vote ul {list-style:none; margin:0 0 0 5px; padding:0;}
	
.allmenu {width:980px; height:205px; margin:auto; border-top:2px #6a6e6d solid; padding:0px 0 15px;}
	.allmenu .notice {width:200px; height:220px; float:left; overflow:hidden}
	.allmenu .notice ul {list-style-image:url(/images/4scour/bul_01.gif); margin:0 0 5px 24px; padding:0; line-height:16px;}
	.allmenu .list {width:780px; height:220px; float:left;}
	.allmenu .list ul {list-style:none; line-height:18px; margin:0; padding:0 0 0 10px;}
	.allmenu .list th {font-weight:bold; height:31px; text-align:left; background-color:#f4f4f4;}
	.allmenu .list td {vertical-align:text-top;}

.banner {width:980px; height:85px; margin:auto; clear:both; border-top:2px #6a6e6d solid;}

.bottom {width:980px; height:115px; margin:auto;}

.wing_box {width:0px; position:absolute; top:196px; left:50%; z-index:8}
.wing {width:80px; margin-left:495px; text-align:center;}
	.wing .my {width:74px; height:84px; border:2px #848484 solid;}
	.wing .con {width:76px; border-left:1px #d7d7d7 solid; border-right:1px #d7d7d7 solid; padding:8px 0; letter-spacing:-1px; line-height:14px;}
	.wing .down {width:76px; border:1px #d7d7d7 solid; padding:8px 0; letter-spacing:-1px; line-height:14px;}
	.wing #login_join {text-align:left; position:absolute; background:#fff; right:-573px;}

.sub_box {width:980px; margin:auto;}
	.sub_box .ad {width:785px; float:left; height:295px;}
	.sub_box .word {width:195px; float:right; height:295px;/*205px;*/ background-color:#f4f4f4;}
	.sub_box .word2 {width:780px; float:left; height:115px;}
	.sub_box .btn {width:195px; float:right; height:115px; text-align:center; background-color:#f4f4f4;}
	.page_number {font-size:12px; text-align:center; font-weight:bold; letter-spacing:6px;}
	.page_number2 {font-size:14px; text-align:center; font-weight:bold;}
	.page_number3 {font-size:14px; text-align:right; font-weight:bold; letter-spacing:5px;}
	.search_meta {font-size:14px; text-align:left; font-weight:bold;}
	
	.board_list {width:780px; float:left;}
	.board_right {width:195px; float:right; background-color:#f4f4f4; height:380px; padding-bottom:150x;}
	.board_right .recom {width:190px; height:265px; padding-top:10px; padding-left:5px;}
	.board_right .recom .poster {width:40px; height:40px; float:left; margin:5px 0 0 5px; float:left;}
	.board_right .banner {width:175px; height:90px; border:5px #e92275 solid; margin-bottom:10px;}

	.board_list table tr.upper td {vertical-align:bottom}
	.board_list table tr.under td {vertical-align:top;padding-top:4px}
	
.sub_line_b1006d {width:100%; height:2px; background-color:#b1006d; clear:both;}
.sub_line_6a6e6d {width:100%; height:2px; background-color:#6a6e6d; clear:both;}

.t_bold {font-weight:bold;}
.tc_b1006d {color:#b1006d;}
.ts_14 {font-size:14px;}
.ts_12 {font-size:12px;}

.pd_l20 {padding-left:20px;}
.pd_l15 {padding-left:15px;}

.input01 {border:1px #fff solid; outline:none;}
.input_search {border:0px; outline:none;}
.input02 {border:1px #d7d7d7 solid; outline:none; padding-left:10px; font-size:14px; font-family:dotum; color:#4d4d4d;}
.input03 {border:1px #d7d7d7 solid; outline:none; padding-left:5px; font-size:12px; font-family:dotum; color:#4d4d4d;}

.bg_d7d7d7 {background-color:#d7d7d7;}
.bg_b9b9b9 {background-color:#b9b9b9;}
.h1px {height:1px;}
.h2px {height:2px;}

.aligh_c {text-align:center; vertical-align:middle;}




/*팝업*/
.pop_join {width:440px; height:420px; border:5px #b1006d solid; position:relative;}
.pop_modify {width:440px; height:380px; border:5px #b1006d solid; position:relative;}
.pop_contents {width:950px; height:720px; border:5px #b1006d solid; position:relative;}
	.pop_contents .title {width:910px; height:31px; font-size:16px; font-weight:bold; border-bottom:2px #b9b9b9 solid; padding:17px 20px 0;}
	.pop_contents .view {width:700px; height:441px; overflow-y:hidden; overflow-x:hidden; float:left; /*padding:0 20px 20px;*/ padding:0}
	.pop_contents .comment {width:219px; height:420px; overflow-y:auto; overflow-x:hidden; float:left; border-left:1px #d7d7d7 solid; padding:20px 15px 0; line-height:16px;}
	.pop_contents .input {position:absolute; top:556px; right:0px; width:249px; height:35px; z-index:3; border-top:1px #d7d7d7 solid; border-left:1px #d7d7d7 solid; background-color:#fff;}
	.pop_contents .contents_bnr {width:320px; height:90px; padding:20px; float:left;}
	.pop_contents .recom_box {width:590px; height:90px; float:left;}
	.pop_contents .recom_box .poster {width:50px; height:80px; text-align:center; vertical-align:middle; float:left; margin-right:8px;}
.pop_close {width:30px; height:30px; position:absolute; top:0px; right:0px; cursor:pointer; display:block; background-color:#b1006d;}

.pop_line {width:100%; height:2px; background-color:#b9b9b9; margin-bottom:20px;}




/* form tooltip */
label {display: inline-block; width: 5em;}
fieldset div {margin-bottom: 2em;}
fieldset .help {display: inline-block;}
.ui-tooltip {width: 210px;}

/* upload */
table.upload_list {
	overflow:hidden;
	border:1px solid #d3d3d3;
	background:#fefefe;
	width:100%;
	margin:0 auto;
	-moz-border-radius:5px; /* FF1+ */
	-webkit-border-radius:5px; /* Saf3-4 */
	border-radius:5px;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

table.upload_list th, table.upload_list td {padding:5px 5px 5px; text-align:center; }

table.upload_list th {padding-top:10px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}
	
table.upload_list td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
	
table.upload_list tr.odd-row td {background:#f6f6f6;}
	
table.upload_list td.first, table.upload_list th.first {text-align:left}
	
table.upload_list td.last {border-right:none;}

/*
Background gradients are completely unnecessary but a neat effect.
*/

table.upload_list td {
	background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
	background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}

table.upload_list tr.odd-row td {
	background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
	background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}

table.upload_list th {
	background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
	background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
}

table.upload_list tr:first-child th.first {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px; /* Saf3-4 */
}

table.upload_list tr:first-child th.last {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px; /* Saf3-4 */
}

table.upload_list tr:last-child td.first {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}

table.upload_list tr:last-child td.last {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}

table.upload_list tr td.title {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

/* SINGLE PROGRESS BAR */

.progressBar{
	width:216px;
	height:41px;
	background:url(/images/upload/bg_b.gif) no-repeat 0 0;
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(/images/upload/bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(/images/upload/bg_cover.gif) repeat-x 0 0;
	top:0;
}