@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0}
a {text-decoration:none;}
ul, li {list-style:none;}
table {border-spacing:0;}
/*탑메뉴*/
#wrap {width:100%; overflow:hidden;}
#header_wrap {width:100%; height:100px; margin:0 auto; border-bottom:1px solid #898989;} 
#header {width:1000px; height:100px; margin:0 auto;}
#header .logo {width:35%; margin-top:3%; float:left;}
#header #menu {width:45%; height:100px; float:left;}
#header #menu .top_menu {width:25%; height:100px; float:left; font-size:16px; font-weight:900; text-align:center; line-height:100px; position:relative; z-index:9999; transition-duration:1s;}
#header #menu .top_menu > a {color:#303030; transition-duration:1s;}
#header #menu .top_menu .sub_menu {height:0; overflow:hidden; transition-duration:0.5s; transition-timing-function:ease;}
#header #menu .top_menu .sub_menu > li {width:100%; height:50px; font-size:14px; line-height:50px; text-align:center; border-bottom:1px solid #black; box-sizing:border-box; background:#00afa5; transition-duration:1s;}
#header #menu .top_menu .sub_menu > li > a {color:#fff; transition-duration:1s;}
#header #menu .top_menu:hover > .sub_menu {height:200px; transition-duration:0.5s;}
#header #menu .top_menu:hover {border-bottom:5px solid #00afa5;}
#header #menu .top_menu:hover > a {color:#ccc;}
#header #menu .top_menu .sub_menu > li:hover {background:#585858;}
#header #menu .top_menu .sub_menu > li:hover > a {color:#fff;}

#header .order {width:20%; border:1px solid #cdcdcd; box-sizing:border-box; float:right; padding:10px 20px; margin-top:2.7%; text-align:center;}
#header .order .order_img {float:left;}
#header .order p {font-size:14px; font-weight:900; color:#f00;}



/*푸터*/
#footer_wrap {width:100%; border-top:1px solid #eee; padding-bottom:2%; background:#f1f1f1;}
#footer {width:1000px; margin:0 auto; padding-top:2%;}
#footer .f_logo {width:35%; float:left;}
#footer .address p {font-size:13px; color:#858585; line-height:20px;}


/*    bylee  */
.main_content {
   height: 400px;
   text-align:center;
}

.login_box{
	margin:0 auto;
    width: 210px;
    border: 1px solid #dde4e9;
    background: #fff;
	margin-top:100px;
	padding:10px;
}

.content_title h3{
	text-align:left;
	font-size: 18px;
    color: #00afa5;
    margin-top:30px;
    border-bottom: 2px solid #00afa5;
    padding-bottom: 1%;
}

.content_title h3 span {
    color: #AAAAAA;
	font-size: 15px;
}


/*paging _______________  */
.pg_wrap {clear:both;margin:0 0 10px;padding:33px 0 0;text-align:center}
.pg_wrap_latest {clear:both;margin:0 0 30px;padding:10px 0 0;text-align:center}2016-11-09
.pg {}
.pg_page, .pg_current { display:inline-block; padding:0 8px; height:25px; line-height:25px; letter-spacing:0; vertical-align:middle; }
a.pg_page { color:#666; }

.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page { background:#f1f1f1; text-decoration:none; }
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current { display:inline-block; margin:0 0px 0 0; background:#333; color:#fff; font-weight:normal; }


/* 페이징 - 수정본 */
#bo_list .pages .pg_wrap {/*clear:both;*/display: inline-block; clear:none; margin:0px 0px 0px 0px; padding:0px;text-align:center; width:540px;}
#bo_list .pages .pg {}
#bo_list .pages .pg_page, #bo_list .pages .pg_current {display:inline-block;padding:0;margin:2px 0 0 -3px;height:25px;/*color:#000;*/letter-spacing:-1px;vertical-align:middle;font-size: 11px;
    /*font-family: Verdana;*/ }
#bo_list .pages .pg_page:before,#bo_list .pages .pg_current:before {content:"ㆍ";}
#bo_list .pages .pg_page:last-child:after,#bo_list .pages .pg_current:last-child:after {content:"ㆍ";}
#bo_list .pages .pg a:focus,#bo_list .pg a:hover {text-decoration:none}
#bo_list .pages .pg_page {background:#ebebeb;text-decoration:none}
#bo_list .pages .pg_start, #bo_list .tbl_head01 .pages .pg_prev {/* 이전 */}
#bo_list .pages .pg_end, #bo_list .tbl_head01 .pages .pg_next {/* 다음 */}
#bo_list .pages .pg_current {display:inline-block;margin:2px 0 0 0;background:#ebebeb;color:#000;font-weight:bold}
#bo_list .pages  #bo_sch {display:inline-block; float:right; margin-bottom:0px; padding:3px 0 0 0;}
.pages select#sfl{width:60px}
.pages input#stx{width:128px}
.pages{background-color:#ebebeb; padding:0 0 1px 0; border-bottom:1px solid #85b05f;}


/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:0px;height:0px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {
	padding:0;
	/*border-top: solid 2px #0094dc;*/
	border-top: solid 2px #4b545e;
	border-bottom: solid 1px #d1d1d1;
	/*background-image: url("../images/board/head_line.gif");*/
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 37px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #fff;
}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}

#bo_list .tbl_head01 td { 
	color: #333;
	font-size: 14px;
    /*
	line-height: 130%;
	*/
	border-collapse: collapse;
}
#bo_list .tbl_head01 td.td_barcd { text-align:center; 100px;}
#bo_list .tbl_head01 td.td_writer { text-align:center; width:120px;}
#bo_list .tbl_head01 td.td_ordqty { text-align:center; width:60px;}
#bo_list .tbl_head01 td.td_qty { text-align:center; width:60px;}
#bo_list .tbl_head01 td.td_num { text-align:center; width:40px;}
#bo_list .tbl_head01 td.td_pubnm { text-align:center; width:150px;}
#bo_list .tbl_head01 td.td_mody { text-align:center !important; width:170px;}

#bo_list .tbl_head01 td.td_subject { text-align:left;}
#bo_list .tbl_head01 td.td_subject.reported {color:rgba(128, 128, 128, 0.3);text-decoration:line-through}
#bo_list .tbl_head01 td.td_subject.reported a{color:rgba(128, 128, 128, 0.3);text-decoration:line-through}
#bo_list .tbl_head01 td.td_name{width:100px; font-size: 12px; overflow:hidden;}
#bo_list .tbl_head01 td.td_name img{margin-right:-2px; vertical-align:text-top;}
#bo_list .tbl_head01 span.sv_member{text-overflow: clip; white-space: nowrap; display: inline-block;width:60px;}
#bo_list .tbl_head01 td.td_danga{
	text-align:right !important;
	font-weight:bold;
	padding-right:6px;
	width:90px;
}
#bo_list .tbl_head01 a { 
	text-decoration: none;
	color: #333;
	font-size: 14px;
}
#bo_list tbody td {
	padding-top:2px;
	padding-bottom:2px;
	line-height:180%;
    border-bottom: 1px solid #e9e9e9;
}
#bo_list td.empty_table {}


.btn_noframe{border:0px !important; background-color:transparent; color:white; font-weight: bold; cursor:pointer;}

/* 폼 */
textarea, .frm_input {border:1px solid #ced9de;background:#f6f9fa;vertical-align:middle}
textarea {padding:2px;width:90%}
.frm_input {height:22px;line-height:1.8em}
.full_input {width:98%}
select {border:1px solid #ced9de}

/* 버튼 */
.btn_confirm {margin:0 20px 10px}

.btn_confirm01 {clear:both;text-align:center}
.btn_confirm01 button {padding:0 15px;height:30px;border:0;background:#617d46;color:#fff}
.btn_confirm01 a {display:inline-block;padding:0 15px;height:30px;background:#617d46;color:#fff;text-decoration:none;line-height:2.5em;vertical-align:middle}
.btn_confirm01 a:focus {background:#555}

.btn_confirm02 {clear:both;margin-top:10px;text-align:center}
.btn_confirm02 button {padding:0 15px;height:30px;border:0;background:#617d46;color:#fff}
.btn_confirm02 a {display:inline-block;padding:0 15px;height:30px;background:#617d46;color:#fff;text-decoration:none;line-height:2.5em;vertical-align:middle}
.btn_confirm02 a:focus {background:#555}

.btn_submit {margin:0;padding:0;border:0;background:#ff3061;color:#fff;cursor:pointer; height:30px; padding:0 15px; }

.btn_cancel {display:inline-block;padding:0 15px;height:30px;border:0;background:#617d46;color:#fff;text-decoration:none}
a.btn_cancel {line-height:2.5em;vertical-align:middle}
.btn_frmline {display:inline-block;padding:0 7px;height:24px;border:0;background:#444;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;line-height:2em} /* 우편번호검색버튼 등 */
.btn_frmline:focus, .btn_frmline:hover, .btn_frmline:active {text-decoration:none}



.htitle {width:1000px; margin:0 auto; overflow:hidden;}
.htitle  h3 {font-size:18px;   font-weight:bold !important;  color:#00afa5; margin:3% 0; border-bottom:2px solid #00afa5;padding-bottom:1%;}
.htitle  p {margin:0 3%; font-size: 14px; color: #888; line-height:25px; text-align:justify;}
.htitle span {color:#AAAAAA; font-size:12px}

.user_info{
		text-align:right;
		padding:4 !important;
		width:1000px; margin:0 auto; overflow:hidden;	
		font-size:13px;
		color:#aaa;
}

.btn_logout {display:inline-block;padding:0 15px;height:24px;border:0;background:#617d46;color:#fff;text-decoration:none; margin:2px !important;}