.WRAPPER > h2{
	padding : 48px 0;
	margin : 0;
	text-align : center;
	font-family : 'Noto Sans KR';
	font-weight : 500;
	font-size : 30px;
}

/* 프론트 메뉴 */
.FRONT{
	font-size : 0;
}
.FRONT > section{
	display : inline-block;
	margin-bottom : 64px;
	vertical-align : top;
}
.FRONT > section > h3{
	height : 26px;
	padding : 0 0 12px 0;
	margin : 0;
	border-bottom : solid 2px #333;
	font-family : 'Noto Sans KR';
	font-weight : 500;
	font-size : 17px;
	line-height : 26px;
	overflow : visible;
}
.FRONT > section > h3 > span{
	position : relative;
	float : left;
}
.FRONT > section > h3 > span:after{
	content : '';
	position : absolute;
	left  : 0;
	bottom : -14px;
	width : 100%;
	height : 2px;
	padding : 0 8px;
	background-color : #AFC7ED;
}
.FRONT > section > h3 > a.MORE{
	float : right;
	color : #666;
	font-weight : 300;
	font-size : 11px;
}
.FRONT > section > .CONTENT{
	margin-top : 12px;
}

.FRONT > #FRONT-HONEYTIP{
	width : 560px;
	height : 370px;
	margin-right : 16px;
}
.FRONT > #FRONT-HONEYTIP > .CONTENT > ul{
	padding : 0;
	margin : 0;
}
.FRONT > #FRONT-HONEYTIP > .CONTENT > ul > li{
	list-style : none;
	height : 72px;
	margin-bottom : 8px;
}
.FRONT > #FRONT-HONEYTIP > .CONTENT > ul > li > i.THUMB{
	display : inline-block;
	width : 60px;
	height : 72px;
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
	vertical-align : top;
}
.FRONT > #FRONT-HONEYTIP > .CONTENT > ul > li > p.SUBJECT{
	display : inline-block;
	width : 368px;
	height : 72px;
	padding : 0 16px;
	margin : 0;
	font-family : 'Noto Sans KR';
	font-weight : 400;
	font-size : 17px;
	line-height : 72px;
	vertical-align : top;
}
.FRONT > #FRONT-HONEYTIP > .CONTENT > ul > li > span.SAVEDATE{
	display : inline-block;
	width : 100px;
	height : 72px;
	padding : 0;
	margin : 0;
	color : #444;
	text-align : right;
	font-family : 'Noto Sans KR';
	font-weight : 300;
	font-size : 12px;
	line-height : 72px;
	vertical-align : top;
}

.FRONT > #FRONT-REVIEW{
	width : 560px;
	margin-left : 16px;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul{
	padding : 0;
	margin : 0;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li{
	position : relative;
	list-style : none;
	height : 93px;
	padding : 8px 0;
	border-bottom : solid 1px #CCC;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > i.THUMBNAIL{
	float : left;
	width : 80px;
	height : 80px;
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > p.GOODS-TITLE{
	width : 336px;
	height : 20px;
	padding : 0;
	margin : 0 0 0 92px;
	color : #666;
	font-weight : bold;
	font-size : 12px;
	line-height : 20px;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > div.GOODS-MARK{
	margin-left : 92px;
	width : 60px;
	height : 12px;
	margin-top : 4px;
	background-image : url("/images/icon-mark.png");
	background-repeat : no-repeat;
	background-size : 60px auto;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > div.GOODS-MARK.STEP1{
	background-position-y : -48px;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > div.GOODS-MARK.STEP2{
	background-position-y : -36px;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > div.GOODS-MARK.STEP3{
	background-position-y : -24px;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > div.GOODS-MARK.STEP4{
	background-position-y : -12px;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > div.GOODS-MARK.STEP5{
	background-position-y : 0;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > p.CONTENT{
	width : 336px;
	min-height : 45px;
	max-height : 48px;
	margin : 12px 0 0 92px;
	font-size : 11px;
	line-height : 16px;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > p.WRITER{
	position : absolute;
	top : 10px;
	right : 0;
	width : 120px;
	height : 20px;
	padding : 0;
	margin : 0;
	text-align : center;
	font-size : 12px;
	line-height : 20px;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > p.WRITER.NP:before{
	content : '';
	display : inline-block;
	width : 38px;
	height : 15px;
	margin-top : -4px;
	margin-right : 3px;
	background-image : url("/images/logo-npay.png");
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
	vertical-align : middle;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > p.SAVEDATE{
	position : absolute;
	top : 33px;
	right : 0;
	width : 120px;
	height : 20px;
	padding : 0;
	margin : 0;
	color : #555;
	text-align : center;
	font-size : 11px;
	line-height : 20px;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > div.PICTURES{
	position : absolute;
	top : 61px;
	right : 0;
	width : 120px;
	height : 30px;
	padding : 0;
	margin : 0;
	text-align : center;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li > div.PICTURES > i{
	display : inline-block;
	width : 30px;
	height : 30px;
	margin : 0 2px;
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
	vertical-align : top;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li:hover{
	cursor : pointer;
}
.FRONT > #FRONT-REVIEW > .CONTENT > ul > li:hover > p.GOODS-TITLE{
	color : #000;
}

.FRONT > #FRONT-COMPINFO{
	width : 1152px;
}

.FRONT > #FRONT-NOTICE,
.FRONT > #FRONT-FAQ{
	width : 560px;
	margin-right : 16px;
}
.FRONT > #FRONT-BMINFO,
.FRONT > #FRONT-QNA{
	width : 560px;
	margin-left : 16px;
}

/* 커스텀 테이블 */
.TABLE{
	margin-top : 32px;
	border-top : solid 1px #999;
	overflow : hidden;
}
.TABLE > .THEAD{
	padding : 12px 0;
	margin : 0;
	background-color : #F9F9F9;
	border-bottom : solid 1px #CCC;
	font-size : 0;
}
.TABLE > .THEAD > span{
	display : inline-block;
	width : auto;
	text-align : center;
	font-weight : bold;
	font-size : 12px;
}
.TABLE > .TBODY{
	padding : 0;
	margin : 0;
}
.TABLE > .TBODY > li{
	list-style : none;
	padding : 0;
	border-bottom : solid 1px #CCC;
	font-size : 0;
}
.TABLE > .TBODY > li > div{
	display : inline-block;
	height : 40px;
	font-size : 13px;
	line-height : 40px;
	vertical-align : top;
}
.TABLE > .TBODY > li > div.CONTENT{
	display : block;
	height : auto;
	padding : 32px;
	background-color : #F9F9F9;
	border-top : dashed 1px #DDD;
}
.TABLE > .TBODY > li.NORECORD{
	padding : 48px 0;
	color : #999;
	text-align : center;
	font-size : 14px;
}

.TABLE > .TBODY > li.SECRET > div.SUBJECT:before{
	content : '';
	display : inline-block;
	width : 12px;
	height : 12px;
	margin-top : -3px;
	margin-right : 4px;
	background-image : url("/images/icon-black-lock.png");
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
	vertical-align : middle;
}

/* 커스텀 갤러리(타일) */
.TILE{
	margin-bottom : 64px;
	overflow : hidden;
}
.TILE > .TBODY{
	padding : 0;
	margin : 0;
	text-align : center;
	font-size : 0;
}
.TILE > .TBODY > li{
	display : inline-block;
	width : 272px;
	height : 362px;
	margin : 8px;
}
.TILE > .TBODY > li > a{
	display : block;
	width : 100%;
	height : 32px;
	padding-top : 330px;
	background-position : top;
	background-repeat : no-repeat;

	font-weight : bold;
	font-size : 14px;
	line-height : 32px;
}
.TILE > .TBODY > li > a:hover{
	text-decoration : underline;
	color : #06C;
}

.TABLE.VIEW{
	overflow : visible;
}
.TABLE.VIEW > .THEAD{
	position : relative;
	padding : 32px;
	background-color : #FFF;
}
.TABLE.VIEW > .THEAD > span{
	display : block;
	text-align : left;
}
.TABLE.VIEW > .THEAD > .NUMBER{
	position : absolute;
	top : -20px;
	left : 0;
	color : #888;
	font-weight : 400;
	font-size : 11px;
	line-height : 20px;
}
.TABLE.VIEW > .THEAD > .NUMBER:before{
	content : 'No. ';
}
.TABLE.VIEW > .THEAD > .SUBJECT{
	font-family : 'Noto Sans KR';
	font-weight : 400;
	font-size : 18px;
	line-height : 22px;
}
.TABLE.VIEW > .THEAD > .SAVEDATE{
	margin-top : 4px;
	color : #666;
	font-weight : 400;
	font-size : 12px;
}
.TABLE.VIEW > .THEAD > .WRITER{
	margin-top : 8px;
}
.TABLE.VIEW > .THEAD > .WRITER:before{
	content : '작성자 : ';
	color : #666;
	font-weight : normal;
}
.TABLE.VIEW > .TBODY{
	padding : 48px 32px;
	border-bottom : solid 1px #DDD;
	font-size : 14px;
	overflow : hidden;
}
.TABLE.VIEW > .TBODY img{
	max-width : 100%;
}

.TABLE + .BUTTONS{
	margin-top : 16px;
	margin-bottom : 48px;
}
.TABLE + .BUTTONS button{
	height : 36px;
	padding : 0 16px;
	background-color : #FFF;
	border : solid 1px #CCC;
	color : #555;
}
.TABLE + .BUTTONS > .FL > button{
	margin-right : 8px;
}
.TABLE + .BUTTONS > .FR > button{
	margin-left : 8px;
}

/* 비밀번호 입력 폼 */
.PASSWORD-FORM{
	display : none;
	position : fixed;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	background-color : rgba( 0, 0, 0, .5 );
	z-index : 10000;
}
.PASSWORD-FORM > .WRAPPER{
	position : absolute;
	top : 100%;
	left : 50%;
	width : 416px;
	height : 112px;
	padding : 32px;
	background-color : #FFF;
	border : solid 1px #DDD;
	border-radius : 3px;
	opacity : 0;
	overflow : hidden;
	box-shadow : 2px 2px 3px rgba( 0, 0, 0, .15 );
	transform :
		translateX( -50% )
		translateY( -50% );
	transition :
		opacity .25s ease-in-out,
		top .25s ease-in-out;
}
.PASSWORD-FORM > .WRAPPER > p{
	padding : 0;
	margin : 0;
	color : #444;
	text-align : center;
	font-size : 12px;
}
.PASSWORD-FORM > .WRAPPER > div{
	margin-top : 8px;
}
.PASSWORD-FORM > .WRAPPER > div > input#INPUT-PASSWORD{
	display : block;
	width : 160px;
	height : 30px;
	padding : 0 8px;
	margin : 16px auto;
	border : solid 1px #CCC;
	text-align : center;
	box-sizing : border-box;
}
.PASSWORD-FORM > .WRAPPER > div.BUTTONS{
	text-align : center;
	font-size : 0;
}
.PASSWORD-FORM > .WRAPPER > div.BUTTONS > button{
	height : 28px;
	padding : 0 12px;
	margin : 0 8px;
	background-color : #FFF;
	border : solid 1px #CCC;
	color : #666;
	font-size : 12px;
	cursor : pointer;
}
.PASSWORD-FORM > .WRAPPER > div.BUTTONS > button.T1{
	background-color : #1F375D;
	border-color : #1F375D;
	color : #FFF;
}
.PASSWORD-FORM.ON{
	display : block;
}
.PASSWORD-FORM.ON > .WRAPPER{
	top : 50%;
	opacity : 1;
}

#FAQ-CATEGORIES{
	text-align : center;
	font-size : 0;
}
#FAQ-CATEGORIES > a{
	display : inline-block;
	width : 226.4px;
	height : 44px;
	margin : 1px;
	border : solid 1px #DDD;
	text-align : center;
	font-family : 'Noto Sans KR';
	font-weight : 400;
	font-size : 13px;
	line-height : 44px;
	vertical-align : top;
}
#FAQ-CATEGORIES > a.ON{
	border-color : #3F577D;
	background-color : #3F577D;
	color: #FFF;
}

#FAQ-LIST.TABLE{
	margin-bottom : 32px;
}
#FAQ-LIST.TABLE > .TBODY > li > .NUMBER{
	width : 80px;
	text-align : center;
	font-size : 12px;
}
#FAQ-LIST.TABLE > .TBODY > li > .CATEGORY{
	width : 192px;
	text-align : center;
	font-size : 12px;
}
#FAQ-LIST.TABLE > .TBODY > li > .SUBJECT{
	width : 720px;
}
#FAQ-LIST.TABLE > .TBODY > li > .SUBJECT > a{
	font-size : 13px;
	font-weight : bold;
}
#FAQ-LIST.TABLE > .TBODY > li > .SUBJECT > a:hover{
	text-decoration : underline;
}
#FAQ-LIST.TABLE > .TBODY > li > .SAVEDATE{ width : 160px }
#FAQ-LIST.TABLE > .TBODY > li > .CONTENT{
	display : none;
}
#FAQ-LIST.TABLE > .TBODY > li.ON > .CONTENT{
	display : block;
}

#NOTICE-LIST.TABLE > .THEAD > .NUMBER{ width : 128px }
#NOTICE-LIST.TABLE > .THEAD > .SUBJECT{ width : 864px }
#NOTICE-LIST.TABLE > .THEAD > .SAVEDATE{ width : 160px }
#NOTICE-LIST.TABLE > .TBODY > li > .NUMBER{ width : 128px; text-align : center; }
#NOTICE-LIST.TABLE > .TBODY > li > .SUBJECT{ width : 864px }
#NOTICE-LIST.TABLE > .TBODY > li > .SUBJECT > a:hover{
	cursor : pointer;
	text-decoration : underline;
}
#NOTICE-LIST.TABLE > .TBODY > li > .SAVEDATE{ width : 160px; text-align : center; }

#INSTALL-LIST.TABLE > .THEAD > .NUMBER{ width : 128px; }
#INSTALL-LIST.TABLE > .THEAD > .STATE{ width : 128px; }
#INSTALL-LIST.TABLE > .THEAD > .SUBJECT{ width : 576px; }
#INSTALL-LIST.TABLE > .THEAD > .WRITER{ width : 160px; }
#INSTALL-LIST.TABLE > .THEAD > .SAVEDATE{ width : 160px; }
#INSTALL-LIST.TABLE > .TBODY > li > .NUMBER{ width : 128px; text-align : center; }
#INSTALL-LIST.TABLE > .TBODY > li > .STATE{ width : 128px; text-align : center; }
#INSTALL-LIST.TABLE > .TBODY > li > .STATE > .ANSWERED{ color : #06C; }
#INSTALL-LIST.TABLE > .TBODY > li > .STATE > .NOANSWER{ color : #999; }
#INSTALL-LIST.TABLE > .TBODY > li > .SUBJECT{ width : 576px; }
#INSTALL-LIST.TABLE > .TBODY > li > .SUBJECT > a:hover{
	text-decoration : underline;
	color : #06C;
}
#INSTALL-LIST.TABLE > .TBODY > li > .WRITER{ width : 160px; text-align : center; }
#INSTALL-LIST.TABLE > .TBODY > li > .SAVEDATE{ width : 160px; text-align : center; }

/* 허니팁 */
#HONEYTIP-VIEW{
	text-align : center;
}

#DOC-SUBJECT{
	padding : 48px 0;
	margin : 0;
	text-align : center;
	font-family : 'Noto Sans KR';
	font-weight : 500;
	font-size : 30px;
}
#DOC-CONTENT{
	width : 960px;
	margin : 0 auto;
}
#DOC-CONTENT img{
	max-width : 100%;
}

/* 글쓰기/수정 폼 */
.REGIST-FORM{
	width : 880px;
	margin : 32px auto;
}
.REGIST-FORM > div{
	margin-bottom : 4px;
	overflow : hidden;
}
.REGIST-FORM > div > .LABEL{
	float : left;
	width : 84px;
	height : 28px;
	padding : 0 8px;
	color : #333;
	font-size : 12px;
	line-height : 28px;
}
.REGIST-FORM > div > .VALUE{
	margin-left : 100px;
	min-height : 28px;
	font-size : 12px;
	line-height : 28px;
}
.REGIST-FORM > div > .VALUE > input[type="text"],
.REGIST-FORM > div > .VALUE > input[type="password"],
.REGIST-FORM > div > .VALUE > input[type="number"]{
	padding : 0 8px;
	height : 28px;
	border : solid 1px #CCC;
	font-size : 12px;
	box-sizing : border-box;
	vertical-align : top;
}
.REGIST-FORM > div > .VALUE > input[readonly]{
	background-color : #F9F9F9;
	color : #666;
}
.REGIST-FORM > div > .VALUE > input[type="checkbox"]{
	margin : -2px 4px 0 0;
	vertical-align : middle;
}
.REGIST-FORM > div > .VALUE > input[type="checkbox"] + label{
	color : #555;
}
.REGIST-FORM > div > .VALUE > button{
	height : 28px;
	padding : 0 12px;
	background-color : #FFF;
	border : solid 1px #CCC;
	color : #444;
	font-size : 11px;
	vertical-align : top;
	cursor : pointer;
}

.REGIST-FORM + .BUTTONS{
	margin-bottom : 32px;
	text-align : center;
}
.REGIST-FORM + .BUTTONS > button{
	height : 36px;
	padding : 0 16px;
	margin : 0 4px;
	background-color : #FFF;
	border : solid 1px #CCC;
	color : #555;
	cursor : pointer;
}
.REGIST-FORM + .BUTTONS > button.T1{
	background-color : #1F375D;
	border-color : #1F375D;
	color : #FFF;
}

#INSTALL-NAME{ width : 120px; }
#INSTALL-PHONE{ width : 180px; }
#INSTALL-ADDRESS1{ width : 280px; }
#INSTALL-ADDRESS2{ width : 180px; }
#INSTALL-PW{ width : 180px; }
#INSTALL-SUBJECT{ width : 780px; }


#COMP-INFO-TAB > .WRAPPER{
	position : relative;
	height : 775px;
	margin : 32px auto;
}
#COMP-INFO-TAB > .WRAPPER > div{
	position : absolute;
	top : 0;
	right : 0;
	left : 0;
	height : 650px;
	padding : 32px;
	border : solid 1px #DDD;
	border-top : 0;
	margin-top : 60px;
	z-index : 1;
}
#COMP-INFO-TAB > .WRAPPER > div > h3{
	width : 574px;
	height : 58px;
	padding : 0;
	margin : -92px 0 0 -33px;
	border : solid 1px #FFF;
	border-bottom-color : #06C;
	background-color : #F6F6F6;
	color : #666;
	text-align : center;
	font-family : 'Noto Sans KR';
	font-weight : normal;
	font-size : 15px;
	line-height : 58px;
	cursor : pointer;
}
#COMP-INFO-TAB > .WRAPPER > div:nth-child(2) > h3{
	margin-left : 543px;
}
#COMP-INFO-TAB > .WRAPPER > div > div{
	display : none;
	height : 650px;
	margin-top : 60px;
	background-color : #FFF;
	border-top : 0;
	overflow : hidden;
}

#COMP-INFO-TAB > .WRAPPER > div.ON{
	z-index : 10;
}
#COMP-INFO-TAB > .WRAPPER > div.ON > h3{
	background-color : #FFF;
	color : #047;
	border-color : #06C;
	border-bottom-color : #FFF;
}
#COMP-INFO-TAB > .WRAPPER > div.ON > h3 > a{
	display : block;
	height : 100%;
}
#COMP-INFO-TAB > .WRAPPER > div.ON > div{
	display : block;
}

#COMP-INFO-SLIDE > .SLIDE-WRAP{
	width : 1086px;
	height : 650px;
	overflow : hidden;
}
#COMP-INFO-SLIDE > .SLIDE-WRAP > .SLIDES{
	width : auto;
	height : 650px;
	font-size : 0;
	white-space : nowrap;
}
#COMP-INFO-SLIDE > .SLIDE-WRAP > .SLIDES > div{
	display : inline-block;
	width : 1086px;
	height : 650px;
}
#COMP-INFO-SLIDE > button{
	position : absolute;
	width : 64px;
	height : 64px;
	top : 50%;
	background-color : transparent;
	background-image : url("/images/icon-black-arrow.png");
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
	border : 0;
	outline : 0;
	font-size : 0;
	opacity : .25;
}
#COMP-INFO-SLIDE > button:hover{
	cursor : pointer;
	opacity : .5;
}
#COMP-INFO-SLIDE > button[name="SLIDE-PREV"]{
	left : 0;
	transform : rotateY( 180deg );
}
#COMP-INFO-SLIDE > button[name="SLIDE-NEXT"]{
	right : 0;
}


#REVIEW-LIST > .TBODY{
	padding : 0;
	margin : 0;
}
#REVIEW-LIST > .TBODY > li{
	position : relative;
	list-style : none;
	height : 113px;
	padding : 8px 0;
	border-bottom : solid 1px #CCC;
}
#REVIEW-LIST > .TBODY > li > i.THUMBNAIL{
	float : left;
	width : 100px;
	height : 100px;
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}
#REVIEW-LIST > .TBODY > li > p.GOODS-TITLE{
	width : 880px;
	height : 24px;
	padding : 0;
	margin : 0 0 0 112px;
	color : #666;
	font-weight : bold;
	font-size : 14px;
	line-height : 24px;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
#REVIEW-LIST > .TBODY > li > div.GOODS-MARK{
	display : block;
	margin-left : 112px;
	width : 80px;
	height : 16px;
	margin-top : 4px;
	background-image : url("/images/icon-mark.png");
	background-repeat : no-repeat;
	background-size : 80px auto;
	font-size : 0;
}
#REVIEW-LIST > .TBODY > li > div.GOODS-MARK.STEP1{
	background-position-y : -64px;
}
#REVIEW-LIST > .TBODY > li > div.GOODS-MARK.STEP2{
	background-position-y : -48px;
}
#REVIEW-LIST > .TBODY > li > div.GOODS-MARK.STEP3{
	background-position-y : -32px;
}
#REVIEW-LIST > .TBODY > li > div.GOODS-MARK.STEP4{
	background-position-y : -16px;
}
#REVIEW-LIST > .TBODY > li > div.GOODS-MARK.STEP5{
	background-position-y : 0;
}
#REVIEW-LIST > .TBODY > li > p.CONTENT{
	width : 740px;
	height : 54px;
	margin : 16px 0 0 112px;
	font-size : 12px;
	line-height : 18px;
	overflow : hidden;
}
#REVIEW-LIST > .TBODY > li > p.WRITER{
	position : absolute;
	top : 10px;
	right : 0;
	width : 160px;
	height : 20px;
	padding : 0;
	margin : 0;
	text-align : center;
	font-size : 14px;
	line-height : 20px;
}
#REVIEW-LIST > .TBODY > li > p.WRITER.NP:before{
	content : '';
	display : inline-block;
	width : 38px;
	height : 15px;
	margin-top : -4px;
	margin-right : 3px;
	background-image : url("/images/logo-npay.png");
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
	vertical-align : middle;
}
#REVIEW-LIST > .TBODY > li > p.SAVEDATE{
	position : absolute;
	top : 33px;
	right : 0;
	width : 160px;
	height : 20px;
	padding : 0;
	margin : 0;
	color : #555;
	text-align : center;
	font-size : 12px;
	line-height : 20px;
}
#REVIEW-LIST > .TBODY > li > div.PICTURES{
	position : absolute;
	top : 10px;
	right : 170px;
	width : 109px;
	height : 109px;
	padding : 0;
	margin : 0;
	text-align : left;
}
#REVIEW-LIST > .TBODY > li > div.PICTURES > i{
	display : inline-block;
	width : 50px;
	height : 50px;
	margin : 2px;
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
	vertical-align : top;
}
#REVIEW-LIST > .TBODY > li:hover{
	cursor : pointer;
}
#REVIEW-LIST > .TBODY > li:hover > p.GOODS-TITLE{
	color : #000;
}

#REVIEW-VIEW{
	display : none;
	position : fixed;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	background-color : rgba( 0, 0, 0, .5 );
	z-index : 10002;
}
#REVIEW-VIEW > .WRAPPER{
	position : absolute;
	left : 50%;
	top : 50%;
	width : 860px;
	height : 560px;
	background-color : #FFF;
	border-radius : 3px;
	overflow : hidden;
	box-shadow : 2px 2p 3px rgba( 0, 0, 0, .5 );
	transform :
		translateX( -50% )
		translateY( -50% );
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-PICTURES{
	position : absolute;
	top : 0;
	bottom : 0;
	right : 300px;
	left : 0;
	background-color : #E9E9E9;
	overflow : hidden;
	white-space : nowrap;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-PICTURES > .PICRURES-WRAP{
	width : auto;
	height : 560px;
	font-size: 0;
	white-space : nowrap;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-PICTURES > .PICTURES-WRAP > i{
	display : inline-block;
	width : 560px;
	height : 560px;
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
	vertical-align : top;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-PICTURES > .PICTURES-WRAP > i.NOIMAGE{
	display : block;
	position : relative;
	width : 300px;
	height : 300px;
	margin : 150px auto 110px auto;
	opacity : .75;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-PICTURES > .PICTURES-WRAP > i.NOIMAGE:before{
	content : '해당상품의 리뷰에 등록된 이미지가 없습니다';
	display : block;
	position : absolute;
	top : -36px;
	left : 0;
	right : 0;
	color : #666;
	text-align : center;
	font-style : normal;
	font-size : 12px;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-PICTURES > button{
	position : absolute;
	top : 256px;
	width : 48px;
	height : 48px;
	background-color : transparent;
	background-image : url("/images/icon-white-arrow.png");
	background-repeat : no-repeat;
	background-position : center;
	background-size : 40px;
	border : 0;
	outline : 0;
	font-size : 0;
	cursor : pointer;
	opacity : .5;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-PICTURES > button[name="PREV"]{
	left : 0;
	transform : rotateY( 180deg );
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-PICTURES > button[name="NEXT"]{
	right : 0;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-PICTURES > button:hover{
	opacity : 1;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS{
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 560px;
	padding : 16px;
	overflow : auto;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .GOODS-INFO{
	padding : 12px;
	border : solid 1px #DDD;
	overflow : hidden;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .GOODS-INFO > .THUMBNAIL{
	float : left;
	width : 72px;
	height : 72px;
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .GOODS-INFO > .TITLE{
	height : 72px;
	padding : 0;
	margin : 0 0 0 84px;
	font-size : 12px;
	line-height : 18px;
	overflow : hidden;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .REVIEW-INFO{
	padding : 16px;
	margin-top : 32px;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .REVIEW-INFO > .REVIEW-MARK{
	display : block;
	width : 80px;
	height : 16px;
	margin-top : 4px;
	background-image : url("/images/icon-mark.png");
	background-repeat : no-repeat;
	background-size : 80px auto;
	font-size : 0;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .REVIEW-INFO > .REVIEW-MARK.STEP1{
	background-position-y : -64px;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .REVIEW-INFO > .REVIEW-MARK.STEP2{
	background-position-y : -48px;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .REVIEW-INFO > .REVIEW-MARK.STEP3{
	background-position-y : -32px;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .REVIEW-INFO > .REVIEW-MARK.STEP4{
	background-position-y : -16px;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .REVIEW-INFO > .REVIEW-MARK.STEP5{
	background-position-y : 0;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .REVIEW-INFO > .REVIEW-DATE{
	margin-top : 4px;
	font-size : 12px;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .REVIEW-INFO > .REVIEW-DATE:before{
	content : '작성일자 : ';
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .REVIEW-INFO > .REVIEW-CONT{
	margin-top : 16px;
	font-size : 14px;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .BUTTONS{
	margin-top : 32px;
	text-align : right;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .BUTTONS > button{
	padding : 8px 12px;
	background-color : #FFF;
	border : solid 1px #DDD;
	color : #666;
	font-size : 12px;
}
#REVIEW-VIEW > .WRAPPER > .REVIEW-CONTENTS > .BUTTONS > button:hover{
	cursor : pointer;
	border-color : #AAA;
	color : #000;
}

body.REVIEW-VIEW{
	overflow : hidden;
}
body.REVIEW-VIEW > #REVIEW-VIEW{
	display : block;
}

#QNA-LIST > .THEAD > .NUMBER{ width : 80px; }
#QNA-LIST > .THEAD > .CATEGORY{ width : 140px; }
#QNA-LIST > .THEAD > .STATE{ width : 100px; }
#QNA-LIST > .THEAD > .SUBJECT{ width : 592px; }
#QNA-LIST > .THEAD > .WRITER{ width : 120px; }
#QNA-LIST > .THEAD > .SAVEDATE{ width : 100px; }
#QNA-LIST > .TBODY > li > div{
	margin : 16px 0;
}
#QNA-LIST > .TBODY > li > .NUMBER{
	width : 80px;
	text-align : center;
}
#QNA-LIST > .TBODY > li > .CATEGORY{
	width : 140px;
	text-align : center;
}
#QNA-LIST > .TBODY > li > .STATE{
	width : 100px;
	text-align : center;
}
#QNA-LIST > .TBODY > li > .STATE > .NOANSWER{
	color : #999;
}
#QNA-LIST > .TBODY > li > .STATE > .ANSWERED{
	color : #F60;
	font-weight : bold;
}
#QNA-LIST > .TBODY > li > .SUBJECT{
	width : 592px;
	min-height : 72px;
	height : auto;
	margin : 0;
	line-height : 72px;
}
#QNA-LIST > .TBODY > li > .SUBJECT .GOODS_THUMB{
	display : inline-block;
	width : 70px;
	height : 70px;
	margin : 1px;
	margin-right : 12px;
	background-repeat : no-repeat;
	background-size : cover;
	background-position : center;
	vertical-align : middle;
}
#QNA-LIST > .TBODY > li > .SUBJECT .GOODS_TITLE{
	color : #06C;
}
#QNA-LIST > .TBODY > li > .SUBJECT a:hover{
	text-decoration : underline;
}
#QNA-LIST > .TBODY > li > .SUBJECT:before{
	content : '';
	display : inline-block;
	width : 12px;
	height : 12px;
	margin-right : 4px;
	vertical-align : middle;
}
#QNA-LIST > .TBODY > li > .WRITER{
	width : 120px;
	text-align : center;
}
#QNA-LIST > .TBODY > li > .SAVEDATE{
	width : 100px;
	text-align : center;
}

#QNA-VIEW > .TBODY > .ANSWER{
	position : relative;
	margin-top : 64px;
	padding : 24px;
	background-color : #F9FAFF;
	border : solid 3px #1F375D;
	border-radius : 8px;
	color : #1F375D;
	font-size : 13px;
	line-height : 20px;
	box-sizing : border-box;
}
#QNA-VIEW > .TBODY > .ANSWER:before{
	content : '짱램프 답변';
	position : absolute;
	top : -15px;
	width : 92px;
	height : 24px;
	background-color : #FFF;
	border : solid 3px #1F375D;
	border-radius : 8px;
	color : #1F375D;
	text-align : center;
	font-weight : bold;
	line-height : 24px;
}