/* BASIC css start */
.xans-board-title .title {
	min-height:30px;
	margin:45px 0 45px;
	text-align:center;
}
.xans-board-title .title h2 {
	display:block;
	margin:0 auto;
	padding:0px;
	color:#2e2e2e;
	font-size:16px;
	*display:inline;
	*zoom:1;
	font-family:'Lato-Black','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
    font-weight:bold;
}
.xans-board-title .title p {
	display:block;
	margin:0 auto;
	padding:0px;
	font-size:11px;
	line-height:30px;
	color:#939393;
	font-family:'Lato-Regular','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
	vertical-align:bottom;
}
0 .xans-board-title p.imgArea {
	margin:0 0 20px;
}
.xans-board-read .boardView table {
	table-layout:fixed;
	border-top:1px solid #d7d5d5;
	border-bottom:1px solid #d7d5d5;
	color:#353535;
	line-height:100%;
}
.xans-board-read table th {
	width:110px;
	padding:10px 0 8px 20px;
	border-top:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	background-color:#fff;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
	font-family:'Lato-Regular','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
	font-size:10px;
}
.xans-board-read table td {
	width:auto;
	padding:10px 0 8px 10px;
	border-top:1px solid #e8e8e8;
	font-size:11px;
	font-family:'Lato-Regular','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
}
.xans-board-read table tr:first-child th,.xans-board-read table tr:first-child td {
	border-top:0;
}
.xans-board-read table tr.etcArea td {
	padding:0;
	border:0;
}
.xans-board-read table tr.etcArea ul {
	position:relative;
	z-index:1;
	overflow:hidden;
	width:100%;
	border-top:1px solid #e8e8e8;
}
.xans-board-read table tr.etcArea ul li {
	float:left;
}
.xans-board-read table tr.etcArea ul .th {
	float:left;
	padding:10px 0 8px 20px;
	width:110px;
	background-color:#fff;
	border-right:1px solid #e8e8e8;
	font-weight:normal;
	font-family:'Lato-Regular',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
	font-size:10px;
}
.xans-board-read table tr.etcArea ul .td {
	float:left;
	padding:8px 0 8px 10px;
	width:180px;
	font-family:'Lato-Regular',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
	font-size:10px;
}
.xans-board-read table tr.etcArea ul li.recom .th,.xans-board-read table tr.etcArea ul li.hit .th {
	border-left:0px solid #e8e8e8;
}
.xans-board-read table td img {
	vertical-align:middle;
}
.xans-board-read table a {
	text-decoration:none;
}
.xans-board-read table tr.view td {
	padding:0;
	border:0;
	line-height:100%;
}
.xans-board-read table tr.view .detail {
	position:relative;
	z-index:2;
	margin:-1px 0 0;
	padding:17px 0 15px 20px;
	border-top:1px solid #d7d5d5;
	word-break:break-all;
	line-height:normal;
	font-family:"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
}
.xans-board-read table tr.view ol,.xans-board-read table tr.view ul {
	margin:15px 0;
	padding:0 0 0 40px;
}
.xans-board-read table tr.view ol li {
	list-style:decimal;
}
.xans-board-read table tr.view ul li {
	list-style:disc;
}
.xans-board-read table tr.attach a {
	padding:0 0 0 12px;
	background:url("/design/okcom2017/img/ico_attach1.gif") no-repeat 0 0;
	color:#8f8f8f;
}
.xans-board-read table tr.attach a:hover {
	text-decoration:underline;
}
.xans-board-read table .info {
	margin:0 0 0 5px;
	color:#757575;
	font-size:11px;
}
.xans-board-read table input {
	height:20px;
	padding:2px;
	border:1px solid #d9d9d9;
}
.xans-board-read table .file_txt {
	font-size:11px;
}
.xans-board-read .btnArea {
	overflow:hidden;
	margin:20px 0 50px;
	text-align:right;
	font-size:1%;
	line-height:1%;
	font-size:0px;
	letter-spacing:0px;
	word-spacing:0px;
}
.xans-board-read .btnArea.miniType {
	float:left;
}
.xans-board-read .btnArea.center {
	text-align:center;
}
.xans-board-read .btnArea img {
	cursor:pointer;
	margin:0 1px 0 0;
}
.xans-board-read .btnArea .left {
	float:left;
	margin:0px;
}
.xans-board-read .btnArea span {
	margin:0 2px 0px;
}
.xans-board-product {
	position:relative;
	min-height:130px;
	margin:0 0 20px;
	padding:15px 20px;
	border:5px solid #e8e8e8;
}
.xans-board-product .prdThumb {
	position:absolute;
}
.xans-board-product .prdThumb img {
	width:90px;
	height:130px;
	border:1px solid #d5d5d5;
}
.xans-board-product .prdInfo {
	padding:0 0 0 115px;
}
.xans-board-product .prdInfo .icon_img {
	margin:0 1px 0 0;
}
.xans-board-product .prdInfo h3 {
	margin:17px 0 5px;
	font-size:11px;
	color:#2e2e2e;
	font-family:'Lato-Regular','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
    font-weight:bold;
}
.xans-board-product .prdInfo .price {
	font-size:11px;
	font-weight:bold;
	color:#292929;
	font-family:'Roboto','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
    font-weight:bold;
}
.xans-board-product .prdInfo .button {
	margin:19px 0 0 0;
	padding:13px 0 0 0;
	border-top:1px solid #e8e8e8;
}
.xans-board-commentlist {
	border:1px solid #d7d5d5;
	border-top:0;
}
.xans-board-commentlist .btnArea {
	margin:10px 0;
	text-align:right;
	font-size:1%;
	line-height:1%;
}
.xans-board-commentlist .btnArea img {
	margin:0 0 0 1px;
	cursor:pointer;
	font-size:12px;
	line-height:12px;
}
.xans-board-commentlist .btnArea.spam {
	border-top:1px solid #d7d5d5;
	margin:10px 0 0;
	padding:10px 20px;
	background-color:#fbfafa;
	text-align:left;
}
.xans-board-commentlist .boardComment li {
	position:relative;
	margin:15px 0 0 0;
	border-top:1px solid #d7d5d5;
	color:#353535;
	line-height:140%;
	font-family:'Lato-Regular','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
}
.xans-board-commentlist .boardComment li:first-child {
	margin:0
}
.xans-board-commentlist .boardComment li div.commentTop {
	overflow:hidden;
	padding:12px 0 10px 20px;
	border-bottom:1px solid #e9e9e9;
}
.xans-board-commentlist .boardComment li .name {
	float:left;
	font-weight:normal;
}
.xans-board-commentlist .boardComment li .name input {
	width:13px;
	height:13px;
	margin:0 2px 0 0;
	vertical-align:-2px;
	*vertical-align:2px;
}
.xans-board-commentlist .boardComment li .date {
	margin:1px 10px 0 15px;
	font-size:11px;
}
.xans-board-commentlist .boardComment li .button {
	position:absolute;
	top:7px;
	right:20px;
	font-size:0px;
	letter-spacing:0px;
	word-spacing:0px;
}
.xans-board-commentlist .boardComment li .button span {
	margin:0 0 0 3px;
}
.xans-board-commentlist .boardComment li .comment {
	clear:both;
	padding:20px 0 20px 25px;
	word-break:break-all;
}
.xans-board-commentlist .boardComment li.replyArea {
	overflow:hidden;
	margin:-1px 20px 0;
	padding:0 0 0 33px;
	border:1px solid #e9e9e9;
	background:url("/design/okcom2017/img/ico_comment.gif") no-repeat 20px 15px;
}
.xans-board-commentlist .boardComment li.replyArea:last-child {
	margin-bottom:15px;
}
.xans-board-commentlist .boardComment li.replyArea div.commentTop {
	border:none;
	padding-left:5px;
}
.xans-board-commentlist .boardComment li.replyArea .comment {
	padding:0 0 5px 5px;
}
.xans-board-commentlist .boardComment li.replyArea .button {
	right:5px;
}
.xans-board-commentlist .boardComment li.replyArea .xans-board-commentformsecret {
	margin:10px 35px 10px 0;
}
.xans-board-commentpaging {
	margin:10px 0 50px;
	padding:20px 0;
	text-align:center;
	border:1px solid #d7d5d5;
	background-color:#fbfafa;
}
.xans-board-commentpaging p {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 13px;
}
.xans-board-commentpaging ol {
	display:inline-block;
	font-size:0;
	font-family:'Lato-Regular','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
	line-height:0;
	*display:inline;
	*zoom:1;
	*margin:0;
}
.xans-board-commentpaging li {
	display:inline-block;
	float:left;
	font-size:11px;
	*display:inline;
	*zoom:1;
}
.xans-board-commentpaging img {
	vertical-align:middle;
}
.xans-board-commentpaging li a {
	display:block;
	margin:0 5px 0;
	padding:2px;
	font-weight:bold;
	color:#353535;
	line-height:14px;
}
.xans-board-commentpaging li a:hover {
	text-decoration:none;
}
.xans-board-commentpaging li a.this {
	color:#555;
}
.xans-board-commentpaging a.nolink {
	cursor:default;
}
.xans-board-commentwrite {
	margin:30px 0 0;
	padding:5px 20px 20px;
	border:1px solid #e9e9e9;
	background-color:#fbfafa;
	color:#353535;
	font-family:'Lato-Regular','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
}
.xans-board-commentwrite legend {
	visibility:hidden;
	overflow:hidden;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
.xans-board-commentwrite p {
	margin:10px 0 0;
}
.xans-board-commentwrite p.captcha {
	border-top:1px solid #e9e9e9;
	padding:15px 0 0 0;
	font-size:11px;
	color:#757575;
}
.xans-board-commentwrite p.captcha img {
	vertical-align:middle;
}
.xans-board-commentwrite strong {
	display:block;
	margin:0 0 10px 0;
	font-weight:normal;
	color:#000;
}
.xans-board-commentwrite input[type=text],.xans-board-commentwrite input[type=password],.xans-board-commentwrite textarea {
	padding:2px 2px 2px 4px;
	border:1px solid #d9d9d9;
}
.xans-board-commentwrite input {
	width:135px;
	height:20px;
	margin:0 10px 3px 9px;
}
.xans-board-commentwrite .secret input {
	width:13px;
	height:13px;
	margin-right:3px;
}
.xans-board-commentwrite .secret {
	margin:0 20px 0 0;
}
.xans-board-commentwrite textarea {
	width:100%;
	height:44px;
	margin:0 5px 0 0;
}
.xans-board-commentwrite .view {
	position:relative;
	margin:10px 0 0;
	padding:0 95px 0 0;
}
.xans-board-commentwrite .submit {
	position:absolute;
	top:0;
	right:0;
}
.xans-board-commentwrite p.grade input {
	width:13px;
	height:13px;
	margin:0 2px 0 0;
	padding:0;
	border:0;
	vertical-align:-2px;
	*vertical-align:1px;
}
.xans-board-commentwrite p.grade label {
	padding:0 10px 0 0;
}
.xans-board-commentwrite p.grade em {
	font-style:normal;
}
.xans-board-commentreply {
	width:92%;
	margin:20px auto 0px;
	padding:5px 20px 20px;
	border:1px solid #e9e9e9;
	background-color:#fbfafa;
	color:#353535;
	font-family:'Lato-Regular','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
}
.xans-board-commentreply legend {
	visibility:hidden;
	overflow:hidden;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
.xans-board-commentreply p {
	margin:10px 0 0;
}
.xans-board-commentreply p.captcha {
	border-top:1px solid #e9e9e9;
	padding:15px 0 0 0;
	font-size:11px;
	color:#757575;
}
.xans-board-commentreply p.captcha img {
	vertical-align:middle;
}
.xans-board-commentreply strong {
	display:block;
	margin:0 0 10px 0;
	font-weight:normal;
}
.xans-board-commentreply input[type=text],.xans-board-commentreply input[type=password],.xans-board-commentreply textarea {
	padding:2px 2px 2px 4px;
	border:1px solid #d9d9d9;
}
.xans-board-commentreply input {
	width:135px;
	height:20px;
	margin:0 10px 0 9px;
}
.xans-board-commentreply .secret input {
	width:13px;
	height:13px;
	margin-right:3px;
}
.xans-board-commentreply .secret {
	margin:0 20px 0 0;
}
.xans-board-commentreply textarea {
	width:100%;
	height:44px;
	margin:0 5px 0 0;
}
.xans-board-commentreply .view {
	position:relative;
	margin:10px 0 0;
	padding:0 95px 0 0;
}
.xans-board-commentreply .submit {
	position:absolute;
	top:0;
	right:0;
}
.xans-board-commentreply p.grade input {
	width:13px;
	height:13px;
	margin:0 2px 0 0;
	padding:0;
	border:0;
	vertical-align:-2px;
	*vertical-align:1px;
}
.xans-board-commentreply p.grade label {
	padding:0 10px 0 0;
}
.xans-board-commentreply p.grade em {
	font-style:normal;
}
.xans-board-commentform {
	margin:10px 20px;
	padding:5px 20px 20px;
	border:1px solid #e9e9e9;
	background-color:#fbfafa;
	color:#353535;
	font-family:'Lato-Regular','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
}
.xans-board-commentform legend {
	visibility:hidden;
	overflow:hidden;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
.xans-board-commentform p {
	margin:10px 0 0;
}
.xans-board-commentform input[type=text],.xans-board-commentform input[type=password],.xans-board-commentform textarea {
	padding:2px 2px 2px 4px;
	border:1px solid #d9d9d9;
}
.xans-board-commentform input {
	width:135px;
	height:20px;
	margin:0 10px 0 9px;
}
.xans-board-commentform .secret input {
	width:13px;
	height:13px;
	margin-right:3px;
}
.xans-board-commentform .secret {
	margin:0 20px 0 0;
}
.xans-board-commentform textarea {
	width:100%;
	height:44px;
	margin:0 5px 0 0;
}
.xans-board-commentform .view {
	position:relative;
	margin:10px 0 0;
	padding:0 180px 0 0;
}
.xans-board-commentform .submit {
	position:absolute;
	top:0;
	right:0;
}
.replyArea .xans-board-commentform {
	margin:10px 20px 10px 0;
}
.xans-board-commentformsecret {
	margin:10px 25px 0 0;
	padding:10px 15px;
	border:1px solid #e9e9e9;
	background-color:#fbfafa;
	color:#353535;
	font-family:'Lato-Regular','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
}
.xans-board-commentformsecret input[type=password] {
	height:18px;
	padding:2px 2px 2px 4px;
	margin:0 0 3.5px;
	border:1px solid #d9d9d9;
}
.xans-board-movement {
	border:1px solid #d7d5d5;
	margin:20px 0;
	font-family:'Lato-Regular','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
}
.xans-board-movement li {
	overflow:hidden;
	padding:0 20px;
	border-bottom:1px solid #e9e9e9;
	line-height:140%;
	color:#353535;
}
.xans-board-movement li strong,.xans-board-movement li a {
	float:left;
	padding:10px;
}
.xans-board-movement li strong {
	width:6%;
	padding-left:15px;
	border-right:1px solid #e9e9e9;
	font-weight:normal;
	background:url("/design/okcom2017/img/ico_move_prev.gif") no-repeat 0 15px;
}
.xans-board-movement li.next {
	border:0;
}
.xans-board-movement li.next strong {
	background:url("/design/okcom2017/img/ico_move_next.gif") no-repeat 0 15px;
}
.xans-board-function {
	padding:10px 10px 0;
	color:#757575;
	font-size:12px;
	font-family:'Lato-Regular','NanumGothic',Arial,"µ¸¿ò",Dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif;
}
.xans-board-function p {
	padding:0 0 0 7px;
	line-height:25px;
	background:url("/design/okcom2017/img/ico_function.gif") no-repeat 0 10px;
}
/* BASIC css end */