@charset 'utf-8';

.btn_notice {border: solid 1px #afafaf;background: #7b7b7b;color: #FFF;width: 54px; margin: auto;}

#main_img {display:none;}
.normal-list {width:98%;margin:10px auto;color:#555;}
.normal-list table {border-top:solid 2px #e5e5e5; border-bottom:solid 2px #e5e5e5;border-collapse:collapse;}
.normal-list table th {height:40px; border-bottom:solid 3px #e5e5e5; text-align:center}
.normal-list table td {
	line-height:18px;
	height:30px;
	border-bottom:solid 1px #e5e5e5;
	letter-spacing:-0.05em;
	word-break:break-all;
	word-wrap:break-word;
	text-align:center
}
.normal-list table td a {display:inline-block}
.normal-list table td.subject {text-align:left;font-size:12px;}
.normal-list table td.subject a {color:#555;}
.normal-list table .sub-ject {min-width:410px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.normal-list span {font-family:"Trebuchet Ms",verdana,tahoma; font-size:11px; letter-spacing:0}


/*각 게시판*/
.normal-list .review .sub-ject {min-width:300px; text-align:justify} /*상품후기 내용보기*/
.normal-list .review .sub-ject a {margin-top:5px; display:block}
.normal-list .review .contents {padding:15px 10px 15px 0; text-align:justify}


.normal-list .reply {padding:0; text-align:center} /*1:1문의 사용*/


.view-bottomlist {margin-top:50px}


.board-wrap {min-width:90%;margin:0 auto;}
.board-wrap .date {font-size:12px; letter-spacing:0.05em}

/*리스트 상단*/
.list-top {height:30px; border-bottom:solid 1px #e5e5e5; *zoom:1}
.list-top:after {content:""; clear:both; display:block}
.list-top li {float:left}
.list-top .etc {letter-spacing:-0.05em}
.list-top .total {float:right; font-size:10px}
.list-top .total span {font-weight:bold; color:#454545}
.list-top .rad-che {*margin-top:8px; vertical-align:middle}


/*공지사항*/
.list-notice {height:40px; line-height:40px; border-bottom:solid 1px #e5e5e5; *zoom:1}
.list-notice:after {content:""; clear:both; display:block}
.list-notice li {float:left; height:40px; line-height:40px}
.list-notice li a {padding:0 10px; width:520px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.list-notice .check {width:5%}
.list-notice .sub-ject {width:75%; font-weight:bold}
.list-notice .eng-smallletter {width:10%}
.list-notice .date {float:right}
.list-notice .rad-che {_margin-top:16px; vertical-align:middle}


/*버튼*/
.view .board-btn {padding-top:10px; border-top:1px solid #e5e5e5}
.board-btn a {display:inline-block; font-size:0; line-height:0}
.board-btn {margin-top:10px; height:35px; *zoom:1}
.board-btn:after {content:""; clear:both; display:block}
.board-btn .left-area {float:left} 
.board-btn .left-area a {margin-right:3px}
.board-btn .right-area {float:right}
.board-btn .right-area a {margin-left:3px}


/*pagination & search*/
.board-bottom {border-top:1px solid #e5e5e5; *zoom:1}
.board-bottom:after {content:""; clear:both; display:block}
.board-bottom .pagination {margin-left:0px; float:left}

/*검색*/
.board-bottom .search {margin-top:10px; float:right; _text-align:right}
.board-bottom .search input.under-ts {height: 28px; line-height: 22px; border: 1px solid #aaa}
.board-bottom .search input.searchBtn{height: 30px; margin: -1px 0 0 0px;}

.view {}
/*상단*/
.view-top li {padding:0 10px; height:35px; line-height:35px; border-bottom:1px solid #e5e5e5}
.view-top span {display:inline-block}

.view-top .icon {font-size:0; line-height:0}
.view-top .subject {position:relative; height:50px; line-height:50px}
.view-top .subject span {position:absolute; top:0; right:10px}
.view-top .subject p {
	width:100%;
	font-family:NanumGothic,나눔고딕,"맑은 고딕","Malgun Gothic",dotum,돋움;
	font-size:19px;
	font-weight:bold;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}

.view-top .writer {text-align:right;background:#fffcf0}
.view-top .writer span {margin-left:15px}
.view-top .writer strong {margin-left:5px}

.view-top .etc {padding-left:10px; height:45px; line-height:45px; background:#f8f8f8; letter-spacing:0.01em}
.view-top .etc span {font-weight:bold}



/*내용*/
.view-contents {
	padding:20px 10px;
	border-bottom:solid 1px #e5e5e5;
	line-height:1.8em;
	text-align:justify;
	word-break:break-all;
	word-wrap:break-word
}

.view-contents img {margin-top:10px;}
.view-contents img {max-width:100%;}

.various-form {width:98%;margin:0 auto;}

/*주문관련*/
.order .section-title {font-size:17px}

/*회원관련*/
.member .section-title {font-size:17px; border-bottom:1px solid #e5e5e5}


/*공통*/
.various-form b {color:#454545}
*html .various-form input {margin-top:9px}
*html .various-form input.rad-che {margin-top:0}
*html .various-form input.file {margin-top:0}
.various-form input.ts {padding:5px; height:23px; line-height:23px}
.various-form .show span {display:inline-block; font-family:NanumGothic,나눔고딕,"맑은 고딕","Malgun Gothic",dotum,돋움; font-size:11px}
.various-form .show em {font-family:NanumGothic,나눔고딕,"맑은 고딕","Malgun Gothic",dotum,돋움; font-size:11px}
.various-form textarea {margin:5px 0; width:98%}

.various-form label {cursor:pointer;}
.various-form .sec-tion {*zoom:1; border-bottom:solid 1px #e5e5e5}
.various-form .sec-tion:after {content:""; clear:both; display:block}
.various-form .sec-tion li { padding-left:10px;overflow:hidden;}
.various-form .lab {width:120px;margin-left:20px; display:inline-block; background:none}
.various-form .lab strong {display:inline-block; line-height:50px}
.various-form .lab-x {padding-left:130px}
.various-form .impor {background:url('../img/check_icon.gif') no-repeat right}

.various-form .show {margin-left:20px; *display:inline; width:600px; min-height:50px; height:auto !important; height:50px; line-height:50px; letter-spacing:0}
.various-form .another-show {margin-left:20px; *display:inline; width:600px; min-height:50px; height:auto !important; height:50px; letter-spacing:0}
.various-form .show p {margin:14px 0; text-align:justify; line-height:20px}
.various-form .show img {vertical-align:middle}
.various-form .show a {display:inline-block}
.various-form .line-up span {margin-right:10px}
*html .various-form .line-up span {margin-top:16px}
*html .various-form .show select {position:relative; top:13px; vertical-align:top}
.various-form .show ul {margin:12px 0}
.various-form .show ul li {margin:3px 0}

.various-form .another-section {*zoom:1; border-bottom:1px solid #e5e5e5}
.various-form .another-section:after {content:""; clear:both; display:block}
.various-form .another-section li {padding-left:10px; float:left}
.various-form .another-section .show {width:250px}




/*자동등록방지 코드 입력*/
.various-form .prevent {padding:10px 0; font-size:0; line-height:0}
.various-form .prevent .code {_margin-top:0; height:48px}
.various-form .prevent span {margin-left:10px}
.various-form .prevent a {display:inline-block}


.various-form .etc-space {padding:10px 10px 0 10px}
.various-form .ex-plain {
	margin-left:150px;
	clear:both;
	display:inline;
	height:25px;
	font-family:NanumGothic,나눔고딕,"맑은 고딕","Malgun Gothic",dotum,돋움
}


/*글작성 폼*/
.various-form .writing {padding:5px 10px; border-bottom:1px solid #e5e5e5;position:relative;}


/*첨부파일*/
.various-form .attachedfile {}
.various-form .attachedfile ul {line-height:0; font-size:0}
.various-form .attachedfile ul li {padding-left:0; float:none}
.various-form .attachedfile strong {margin-right:25px}
.various-form .attachedfile input {height:25px}
.various-form .attachedfile .lab a {
	margin:0 2px;
	display:inline-block;
	width:18px;
	height:18px;
	line-height:17px;
	text-align:center;
	color:#fff;
	background:#454545
}

.attachbox {position:relative;clear:both;}
.attachbox .con_file_plus {cursor:pointer;}
.attachbox .con_file_minus {cursor:pointer;}

.uploaded_list li {clear:both;display:block;margin:2px 0px;}

.attach_list {overflow:hidden;}
.attach_list li {clear:both;display:block;margin:2px 0px;}
.attach_list li .fileinput {width:220px;}

/* UI Object */
.ly_loading{width:150px;left:365px;top:140px;position:absolute;}
.ly_loading p,.ly_loading img{margin:0;padding:0;font-family:'돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif;font-size:12px;line-height:normal}
.ly_loading img{border:none}
.ly_loading .dsc_loading{position:relative;width:100%;padding-bottom:7px;font-weight:normal;letter-spacing:-1px}
/* //UI Object */



.fieldBox { padding:10px 5px 5px;border-bottom:1px solid #ddd; }
.fieldBox dl { overflow:hidden; color:#666; line-height:1.5em; }
.fieldBox dt { float:left; padding:0; margin:0; font-weight:bold;}
.fieldBox dd { padding-right:20px }
.fieldBox dd ul {margin-left:100px;}
.fieldBox dd a { display:inline-block; padding-left:10px; color:#666;}
.fieldBox dd a:hover,
.fieldBox dd a:focus,
.fieldBox dd a:active { color:#e60000;text-decoration:none }

/*페이지네이션*/
.pagi-nation {margin:-1px 0 -1px 0; font-family:"Nunito", "Trebuchet MS", tahoma, verdanda; font-style:normal; font-size:0; line-height:33px; text-align:center}
.pagi-nation span, .pagi-nation a {font-size:11px; display:inline-block; vertical-align:middle}
.pagi-nation span a {color:#454545}
.pagi-nation .move {padding:0 10px; height:35px}
.pagi-nation .number {}
.pagi-nation .number a {margin-right:-1px; width:33px; height:33px; border:1px solid #e5e5e5}
.pagi-nation .number a:hover {background:#444; color:#fff}
.pagi-nation .number a.current {font-weight:600; background:#444; color:#fff}

.selectboxStyle{height: 30px; min-width: 15%; font-size: 13px;}
.sns {text-align: right; margin: 10px auto;}

/*EditorViewr*/
#EditorViewr {font-size:12px;text-align:left;}
#EditorViewr ul,#EditorViewr ol {margin-left:30px;}
#EditorViewr li {list-style:decimal;}
#EditorViewr table {border-collapse:collapse;border:1px solid #c5c5c5;}
#EditorViewr table th {border:1px solid #c5c5c5;text-align:center;font-weight:bold;}
#EditorViewr table td {border:1px solid #c5c5c5;}
#EditorViewr a {text-decoration:underline;color:#32a1ff;}
#EditorViewr p {text-align:left;}
#EditorViewr h1 {font-size:28px;font-weight:bold;}
#EditorViewr h2 {font-size:24px;font-weight:bold;}
#EditorViewr h3 {font-size:20px;font-weight:bold;}
#EditorViewr h4 {font-size:16px;font-weight:bold;}
#EditorViewr strong {font-weight:bold;}
#EditorViewer p img {max-width:100%;}

@media all and (max-width: 767px) {
	#EditorViewer p img {width:100% important;}
	.view-top li {padding:0px; line-height:25px; height:auto;}
    .view-top .subject {position:relative; height:50px; line-height:50px}
    .view-top .subject p {font-family:돋움;  font-size:1.1em!important; }
	.view-top .writer strong {font-size:13px;}
}