@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* reset */
* { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: top; }
article, aside, figcaption, figure, footer, header, nav, section { display: block; }
body { background: #fff; overflow-x: hidden; -webkit-text-size-adjust: none; font-family: 'Nanum Gothic', sans-serif; color: #333; font-size: 13px; letter-spacing: -1px; line-height: 1.4; min-width: 320px; }
ul, ol, dl { list-style: none; }
html, body, input, select, textarea, button, header, footer { font-family: 'Nanum Gothic', sans-serif; font-size: 13px; }
table { border-collapse: collapse; border-spacing: 0 }
td { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
input, select, textarea { vertical-align: middle; border: 0; }
label { cursor: pointer; }
a, input, select, textarea { text-decoration: none; }
textarea { -webkit-overflow-scrolling: touch; }
input[type='checkbox'] { appearance: checkbox; }
input[type='text'], input[type='tel'], input[type='password'], textarea { appearance: none; border-radius: 0; color: #666; }
input[type='text'], input[type='tel'], input[type='password'] { width: 100%; }
input::placeholder { color: #ccc; }
a:hover { text-decoration: none; }
img { max-width: 100%; line-height: 0; font-size: 0; border: 0; -ms-interpolation-mode: bicubic; }
/* call class */
.displaynone { display: none !important; }
.clear {*zoom:1} /* float clear */
.clear:after {content:" "; display:block; clear:both;} /* float clear */
.float_l {float:left;} /* float left */
.float_r {float:right;} /* float right */
.none_blank { font-size: 0; line-height: 0; letter-spacing: -4px; } /* 이미지여백삭제 (letter-spacing: window 사파리) */
@-moz-document url-prefix() { .none_blank {letter-spacing: 0;} } /* 파폭 */


/* layout */
html, body { height: 100%; background: #fff; }

/* 상단 이모티콘 Box(Hoon) */
.box-hidden-top-emotion { z-index: 100; width: 400px; text-align:center; position: absolute; top: 112px; left:100%; margin-left:-420px; border: 1px solid #bebebe; border-radius: 5px; background: #fff; padding: 20px 0; display:none;}
.box-hidden-top-emotion ul { max-width: 400px; padding: 0 10px; margin: auto; box-sizing: border-box; }
.box-hidden-top-emotion ul li { display: inline-block; width: 20%; font-size: 12px; line-height: normal; letter-spacing: normal; }
.box-hidden-top-emotion ul li a {display: inline-block; width: 55px;  padding: 60px 0 0 0; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out;  -moz-transition: all 0.1s ease-in-out;} /** 180402  수정 **/
.box-hidden-top-emotion ul li a:hover {display: inline-block; width: 55px;   transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1);} /** 180402  수정 **/
.box-hidden-top-emotion ul li.box-emotion1 a {background: url(/img/issue/ico-emotion1.png) center top no-repeat; }
.box-hidden-top-emotion ul li.box-emotion1 a:hover { background: url(/img/issue/ico-emotion1_over.png) center top no-repeat; } /** 180402  추가 **/
.box-hidden-top-emotion ul li.box-emotion2 a {background: url(/img/issue/ico-emotion2.png) center top no-repeat; }
.box-hidden-top-emotion ul li.box-emotion2 a:hover { background: url(/img/issue/ico-emotion2_over.png) center top no-repeat; } /** 180402  추가 **/
.box-hidden-top-emotion ul li.box-emotion3 a {background: url(/img/issue/ico-emotion3.png) center top no-repeat; }
.box-hidden-top-emotion ul li.box-emotion3 a:hover { background: url(/img/issue/ico-emotion3_over.png) center top no-repeat; } /** 180402  추가 **/
.box-hidden-top-emotion ul li.box-emotion4 a {background: url(/img/issue/ico-emotion4.png) center top no-repeat; }
.box-hidden-top-emotion ul li.box-emotion4 a:hover { background: url(/img/issue/ico-emotion4_over.png) center top no-repeat; } /** 180402  추가 **/
.box-hidden-top-emotion ul li.box-emotion5 a {background: url(/img/issue/ico-emotion5.png) center top no-repeat; }
.box-hidden-top-emotion ul li.box-emotion5 a:hover { background: url(/img/issue/ico-emotion5_over.png) center top no-repeat; } /** 180402  추가 **/
.box-hidden-top-emotion ul li .text { display: block; color: #999; }
.box-hidden-top-emotion ul li .number { font-weight: 700; color: #000; }
@media (max-width: 801px) {
	.box-hidden-top-emotion ul { max-width: 300px; }
	.box-hidden-top-emotion ul li a { padding: 50px 0 0 0; }
	.box-hidden-top-emotion ul li.box-emotion1 a { background-size: 40px; }
	.box-hidden-top-emotion ul li.box-emotion1 a:hover { background-size: 46px; } /** 180402  추가 **/
	.box-hidden-top-emotion ul li.box-emotion2 a { background-size: 40px; }
	.box-hidden-top-emotion ul li.box-emotion2 a:hover { background-size: 46px; } /** 180402  추가 **/
	.box-hidden-top-emotion ul li.box-emotion3 a { background-size: 40px; }
	.box-hidden-top-emotion ul li.box-emotion3 a:hover { background-size: 46px; } /** 180402  추가 **/
	.box-hidden-top-emotion ul li.box-emotion4 a { background-size: 40px; }
	.box-hidden-top-emotion ul li.box-emotion4 a:hover { background-size: 46px; } /** 180402  추가 **/
	.box-hidden-top-emotion ul li.box-emotion5 a { background-size: 40px; }
	.box-hidden-top-emotion ul li.box-emotion5 a:hover { background-size: 46px; } /** 180402  추가 **/
}

/* design */
.color-blue { color: #ed5c23; }
.align-right { text-align: right; }
.dimmed { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background: rgba(0,0,0,0.5); }

.popup-sns { width: 332px; border: 1px solid #a1a1a1; background: #fff; box-sizing: border-box; padding: 20px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: default; z-index: 100; display: none; }
.popup-sns h1 { position: relative; font-size: 20px; font-weight: bold; color: #555; border-bottom: 1px solid #ccc; padding: 0 0 10px; text-align: left; }
.popup-sns h1 .box-close { position: absolute; top: 4px; right: 0; width: 20px; height: 20px; background: url(/img/issue/ico-close.png) no-repeat center; cursor: pointer; }
.popup-sns ul { padding: 20px 0 10px; margin: 0 -5px; }
.popup-sns ul li { width: 20%; min-width: 60px; float: left; padding: 0 5px; margin: 0 0 10px; box-sizing: border-box; text-align: center; }
.popup-sns ul li img { max-width: 100%; }
.popup-sns ul li:nth-child(6), .popup-sns ul li:nth-child(7) { display: none; }
.popup-sns .box-copy { position: relative; }
.popup-sns .box-copy .box-input { padding: 6px 0 9px 10px; margin: 0 70px 0 0; border: 1px solid #c7c7c7; }
.popup-sns .box-copy input[type='text'] { width: 100%; height: 14px; font-size: 12px; color: #999; line-height: 14px; }
.popup-sns .box-copy .box-btn { position: absolute; top: 0; right: 0; }
.popup-sns .box-copy .box-btn a { display: block; padding: 0 10px; height: 35px; background: #777; font-size: 13px; color: #fff; line-height: 35px; min-width: 45px; text-align: center; }
@media (max-width: 801px) {
	.popup-sns { width: 272px; }
	.popup-sns ul li { width: 25%; }
	.popup-sns ul li:nth-child(6), .popup-sns ul li:nth-child(7) { display: block; }
}

.layout-result { padding: 20px 20px 0; }
.layout-result h2 { font-size: 20px; color: #333; font-weight: 700; margin: 0 0 30px; }

.box-title { margin: 0 0 30px; }
.box-title h3 { float: left; font-size: 20px; color: #ed5c23; font-weight: 400; }
.box-title > ul { float: right; }
.box-title > ul li { float: left; margin: 0 0 0 20px; }
.box-title > ul li:first-child { margin: 0; }
.box-title > ul li a { display: block; padding: 0 0 0 24px; height: 28px; color: #666; line-height: 28px; }
.box-title > ul li.emoticon a { background: url('/img/issue/btn-emotion.png') no-repeat left center; padding: 0 0 0 38px; }
.box-title > ul li.comment a { background: url('/img/issue/ico-comment.png') no-repeat left center; }
.box-title > ul li.share a { background: url('/img/issue/ico-share.png') no-repeat left center; }
@media (max-width: 801px) {
	.layout-result { padding: 20px 10px 0; }
	.layout-result h2 { margin: 0 0 20px; }

	.box-title { margin: 0 0 20px; }
	.box-title h3 { float: none; margin: 0 0 5px; }
	.box-title > ul { float: none; white-space: nowrap; }
}

/* 문항별 */
.box-layout-question {  }
.box-layout-question .box-question { padding: 0 0 10px; margin: 0 0 30px; border: 1px solid #d9dce1; }
.box-layout-question .box-question h4 { display: table; width: 100%; position: relative; padding: 6px 0; border-bottom: 1px solid #ed5c23; cursor: pointer; }
.box-layout-question .box-question h4:after { content: ''; position: absolute; top: 50%; right: 20px; margin-top: -5px; width: 10px; height: 10px; background: url('/img/issue/ico-arrow-down.png') no-repeat right center; }
.box-layout-question .box-question h4.is-active:after {}
.box-layout-question .box-question h4 .num { display: table-cell; vertical-align: middle; width: 50px; text-align: center; font-size: 22px; color: #ed5c23; font-weight: 700; }
.box-layout-question .box-question h4 .title { display: table-cell; padding: 0 50px 0 0; vertical-align: top; font-size: 14px; color: #333; font-weight: 400; }
.box-layout-question .box-question h4 .title p{ float:left; margin-top:6px; font-weight:bold;}
.box-layout-question .box-question .box-inner { padding: 10px 10px 10px; margin: 10px 10px 0; /*background: #f3f7fb;*/ font-size: 12px; }
.box-layout-question .box-table { display: table; table-layout: fixed; width: 100%; }
.box-layout-question .box-table-row { display: table-row; }
.box-layout-question .box-table-cell { display: table-cell; padding: 10px 10px 11px; border-top: 1px solid #d9dce1; vertical-align: middle; }

.box-layout-question .question-type1 .title-answer { padding: 10px; text-align: right; }
.box-layout-question .question-type1 .subject { width: 160px; }
.box-layout-question .question-type1 .graph {  }
.box-layout-question .question-type1 .graph .box-graph { display: inline-block; height: 18px; background: #ed5c23; }
.box-layout-question .question-type1 .answer-num { width: 60px; text-align: right; }

.box-layout-question .question-type2 .title-answer { padding: 10px; text-align: right; }
.box-layout-question .question-type2 .subject { width: 160px; }
.box-layout-question .question-type2 .graph {  }
.box-layout-question .question-type2 .graph .box-graph { display: inline-block; height: 18px; background: #ed5c23; }
.box-layout-question .question-type2 .answer-num { width: 60px; text-align: right; }

.box-layout-question .question-type3 .box-inner { max-height: 340px; overflow: auto; padding: 0; }
.box-layout-question .question-type3 .box-table { box-sizing: border-box; padding: 0 10px; }
.box-layout-question .question-type3 .box-table .box-table-row:first-child .box-table-cell { border: 0; }
.box-layout-question .question-type3 .subject { width: 160px; }
.box-layout-question .question-type3 .total { width: 60px; }

.box-layout-question .question-type4 .title-answer { position:relative; padding: 10px; font-size:14px; font-weight:bold; border-top: 1px solid #d9dce1; cursor: pointer; }
.box-layout-question .question-type4 .title-answer::before{content: ''; position: absolute; top: 16px; left: 0px; width: 4px; height: 7px; background: url('/img/issue/icon-arrow-list.png') no-repeat left center;}
.box-layout-question .question-type4 .title-answer.is-active::before{content: ''; position: absolute; top: 16px; left: 0px; width: 7px; height: 4px; background: url('/img/issue/icon-arrow-list-active.png') no-repeat left center;}
.box-layout-question .question-type4 .title-answer:first-child { border: 0; }
.box-layout-question .question-type4 .box-inner { overflow: auto; }
.box-layout-question .question-type4 .box-table { background: #f0f0f0; }
.box-layout-question .question-type4 .box-table-cell { padding: 0 10px 10px 10px; }
.box-layout-question .question-type4 .box-toggle { display: none; }
/*.box-layout-question .question-type4 .box-toggle:nth-child(2) { display: block;} analyzen.js 스크립트로 처리 */
.box-layout-question .question-type4 .box-toggle:last-child { padding: 0 0 10px; }
.box-layout-question .question-type4 .subject-num { width: 90px; vertical-align: top; padding: 10px; }
.box-layout-question .question-type4 .box-question-inner { padding: 10px; }
.box-layout-question .question-type4 .box-question-inner .box-subject { float: left; font-weight: 700; }
.box-layout-question .question-type4 .box-question-inner .box-btn { float: right; }
.box-layout-question .question-type4 .box-question-inner .box-btn a { color: #333; }
.box-layout-question .question-type4 .box-question-inner .box-answer-count { float: right; font-size:13px; font-weight:bold; }
.box-layout-question .question-type4 .box-answer-inner { padding: 10px 10px 10px 15px; border-top: 1px solid #d9dce1; background-color:#ffffff; }
.box-layout-question .question-type4 .box-answer-inner .box-table-cell { display: table-cell; padding:0; border-top: 0 none; vertical-align: middle; }
.box-layout-question .question-type4 .box-answer-inner .box-table-cell.subject { width: 80px; font-size:12px; font-weight:bold; color:#000000; }
.box-layout-question .question-type5 .title-answer { padding: 10px; text-align: right; }
.box-layout-question .question-type5 .subject { width: 90px; }
.box-layout-question .question-type5 .graph {  }
.box-layout-question .question-type5 .graph .box-graph { display: inline-block; height: 18px; background: #ed5c23; }
.box-layout-question .question-type5 .answer-num { width: 60px; text-align: right; }

.box-layout-question .question-type6 .box-inner { max-height: 340px; overflow: auto; padding: 0; }
.box-layout-question .question-type6 .box-table { box-sizing: border-box; padding: 0 10px; }
.box-layout-question .question-type6 .box-table .box-table-row:first-child .box-table-cell { border: 0; }
.box-layout-question .question-type6 .subject { width: 160px; }
.box-layout-question .question-type6 .total { width: 60px; }

.box-layout-question .question-type7 .box-inner { max-height: 340px; overflow: auto; padding: 0; }
.box-layout-question .question-type7 .box-table { box-sizing: border-box; padding: 0 10px; }
.box-layout-question .question-type7 .box-rank { width: 50px; text-align: center; }
.box-layout-question .question-type7 .box-content-view { padding: 0; }
.box-layout-question .question-type7 .box-content-view .box-table-row:first-child .box-table-cell { border: 0; }
.box-layout-question .question-type7 .title-answer { padding: 10px; text-align: right; }
.box-layout-question .question-type7 .subject { width: 160px; }
.box-layout-question .question-type7 .graph {  }
.box-layout-question .question-type7 .graph .box-graph { display: inline-block; height: 18px; background: #ed5c23; }
.box-layout-question .question-type7 .answer-num { width: 60px; text-align: right; }

.box-layout-question .question-type8 .title-answer { padding: 10px; text-align: right; font-size:13px; font-weight:bold;}
.box-layout-question .question-type8 .box-table { background: #f0f0f0; }
.box-layout-question .question-type8 .subject { width: 80px; font-size:13px; font-weight:bold; color:#000000;}
.box-layout-question .question-type8 .btn-all { padding: 10px; border-top: 1px solid #d9dce1; text-align: right; background: #f0f0f0;}
.box-layout-question .question-type8 .btn-all a { color: #333; font-size:15px;}

.box-layout-question .question-type9 .title-answer { position:relative; padding: 10px; font-size:14px; font-weight:bold; border-top: 1px solid #d9dce1; cursor: pointer; }
.box-layout-question .question-type9 .title-answer::before{content: ''; position: absolute; top: 16px; left: 0px; width: 4px; height: 7px; background: url('/img/issue/icon-arrow-list.png') no-repeat left center;}
.box-layout-question .question-type9 .title-answer.is-active::before{content: ''; position: absolute; top: 16px; left: 0px; width: 7px; height: 4px; background: url('/img/issue/icon-arrow-list-active.png') no-repeat left center;}
.box-layout-question .question-type9 .title-answer p:nth-child(1) { float: left; }
.box-layout-question .question-type9 .title-answer p:nth-child(2) { float: right; font-size:13px;}
.box-layout-question .question-type9 .title-answer:first-child { border: 0; }
.box-layout-question .question-type9 .box-table { background: #f0f0f0; }
.box-layout-question .question-type9 .box-toggle { display: none; }
/*.box-layout-question .question-type9 .box-toggle:nth-child(2) { display: block; } analyzen.js 스크립트로 처리 - JDW */
.box-layout-question .question-type9 .subject { width: 80px; font-size:13px; font-weight:bold; color:#000000;}
.box-layout-question .question-type9 .btn-all { padding: 10px; border-top: 1px solid #d9dce1; text-align: right; background: #f0f0f0;}
.box-layout-question .question-type9 .btn-all a { color: #333; font-size:15px; font-weight:bold;}

.box-layout-question .question-type10 .box-inner { padding: 10px; }
.box-layout-question .question-type10 .title-answer { padding: 10px; text-align: right; }
.box-layout-question .question-type10 .box-table { background: #f0f0f0; }
.box-layout-question .question-type10 .subject { width: 160px; }
.box-layout-question .question-type10 .graph {  }
.box-layout-question .question-type10 .graph .box-graph { display: inline-block; height: 18px; background: #ed5c23; }
.box-layout-question .question-type10 .answer-num { width: 60px; text-align: right; }
.box-layout-question .question-type10 .double-border .box-table-cell { border-top: 2px solid #d9dce1; }

.box-layout-question .question-type11 .title-answer { padding: 10px; border-top: 1px solid #d9dce1; cursor: pointer; }
.box-layout-question .question-type11 .title-answer p:nth-child(1) { float: left; }
.box-layout-question .question-type11 .title-answer p:nth-child(2) { float: right; }
.box-layout-question .question-type11 .title-answer:first-child { border: 0; }
.box-layout-question .question-type11 .box-table { background: #f0f0f0; }
.box-layout-question .question-type11 .box-toggle { display: none; }
/*.box-layout-question .question-type11 .box-toggle:nth-child(2) { display: block; } analyzen.js 스크립트로 처리 */
.box-layout-question .question-type11 .box-toggle:last-child { padding: 0 0 10px; }
.box-layout-question .question-type11 .subject { width: 160px; }
.box-layout-question .question-type11 .graph {  }
.box-layout-question .question-type11 .graph .box-graph { display: inline-block; height: 18px; background: #ed5c23; }
.box-layout-question .question-type11 .answer-num { width: 60px; text-align: right; }

.box-layout-question .question-type12 .box-inner { padding: 10px; }
.box-layout-question .question-type12 .title-answer { padding: 10px; text-align: right; }
.box-layout-question .question-type12 .box-table { background: #f0f0f0; }
.box-layout-question .question-type12 .subject { width: 50px; }
.box-layout-question .question-type12 .graph {  }
.box-layout-question .question-type12 .graph .box-graph { display: inline-block; height: 18px; background: #ed5c23; }
.box-layout-question .question-type12 .answer-num { width: 60px; text-align: right; }

.box-layout-question .question-type13 .title-answer { padding: 10px; border-top: 1px solid #d9dce1; cursor: pointer; }
.box-layout-question .question-type13 .title-answer p:nth-child(1) { float: left; }
.box-layout-question .question-type13 .title-answer p:nth-child(2) { float: right; }
.box-layout-question .question-type13 .title-answer:first-child { border: 0; }
.box-layout-question .question-type13 .box-table { background: #f0f0f0; }
.box-layout-question .question-type13 .box-toggle { display: none; }
/*.box-layout-question .question-type13 .box-toggle:nth-child(2) { display: block; } analyzen.js 스크립트로 처리 */
.box-layout-question .question-type13 .box-toggle:last-child { padding: 0 0 10px; }
.box-layout-question .question-type13 .subject { width: 50px; }
.box-layout-question .question-type13 .graph {  }
.box-layout-question .question-type13 .graph .box-graph { display: inline-block; height: 18px; background: #ed5c23; }
.box-layout-question .question-type13 .answer-num { width: 60px; text-align: right; }

.box-layout-question .question-type14 .title-answer { padding: 10px; border-top: 1px solid #d9dce1; cursor: pointer; }
.box-layout-question .question-type14 .title-answer p:nth-child(1) { float: left; }
.box-layout-question .question-type14 .title-answer p:nth-child(2) { float: right; }
.box-layout-question .question-type14 .title-answer:first-child { border: 0; }
.box-layout-question .question-type14 .box-table { background: #f0f0f0; }
.box-layout-question .question-type14 .box-toggle { display: none; }
/*.box-layout-question .question-type14 .box-toggle:nth-child(2) { display: block; } analyzen.js 스크립트로 처리 */
.box-layout-question .question-type14 .subject { width: 80px; }
.box-layout-question .question-type14 .btn-all { padding: 10px; border-top: 1px solid #d9dce1; text-align: right; }
.box-layout-question .question-type14 .btn-all a { color: #333; }
@media (max-width: 801px) {
	.box-layout-question .box-question { margin: 0 0 20px; }
	.box-layout-question .box-question .box-inner { padding: 0 10px; }
	.box-layout-question .box-table-row { position: relative; }
	.box-layout-question .box-table-cell { padding: 10px 0 11px; }

	.box-layout-question .question-type1 .box-table-row { display: block; border-top: 1px solid #d9dce1; padding: 10px 0; }
	.box-layout-question .question-type1 .box-table-cell { display: block; border: 0; padding: 0; }
	.box-layout-question .question-type1 .title-answer { padding: 10px 0; }
	.box-layout-question .question-type1 .subject { width: auto; margin: 0 60px 0 0; line-height: 17px; height: 17px; }
	.box-layout-question .question-type1 .graph { display: block; margin: 10px 0 0 0;  }
	.box-layout-question .question-type1 .answer-num { position: absolute; top: 10px; right: 0; }

	.box-layout-question .question-type2 .box-table-row { display: block; border-top: 1px solid #d9dce1; padding: 10px 0; }
	.box-layout-question .question-type2 .box-table-cell { display: block; border: 0; padding: 0; }
	.box-layout-question .question-type2 .title-answer { padding: 10px 0; }
	.box-layout-question .question-type2 .subject { width: auto; margin: 0 60px 0 0; line-height: 17px; height: 17px; }
	.box-layout-question .question-type2 .graph { display: block; margin: 10px 0 0 0; }
	.box-layout-question .question-type2 .answer-num { position: absolute; top: 10px; right: 0; }

	.box-layout-question .question-type3 .box-inner { padding: 0; }
	.box-layout-question .question-type3 .box-table { width: 730px; }
	.box-layout-question .question-type3 .subject { width: 100px; }
	/* Let's get this party started */
	.box-layout-question .question-type3 .box-inner::-webkit-scrollbar { width: 6px; height: 6px; border: 3px solid #fff; }
	/* Handle */
	.box-layout-question .question-type3 .box-inner::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); }
	/* track */
	.box-layout-question .question-type3 .box-inner::-webkit-scrollbar-track { background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); }

	.box-layout-question .question-type4 .subject-num { width: 70px; }
	.box-layout-question .question-type4 .box-question-inner { padding: 10px 10px 10px 0; }
	.box-layout-question .question-type4 .box-answer-inner { padding: 10px 10px 10px 10px; }

	.box-layout-question .question-type5 .box-table-row { display: block; border-top: 1px solid #d9dce1; padding: 10px 0; }
	.box-layout-question .question-type5 .box-table-cell { display: block; border: 0; padding: 0; }
	.box-layout-question .question-type5 .title-answer { padding: 10px 0; }
	.box-layout-question .question-type5 .subject { width: auto; margin: 0 60px 0 0; line-height: 17px; height: 17px; }
	.box-layout-question .question-type5 .graph { display: block; margin: 10px 0 0 0; }
	.box-layout-question .question-type5 .answer-num { position: absolute; top: 10px; right: 0; }

	.box-layout-question .question-type6 .box-inner { padding: 0; }
	.box-layout-question .question-type6 .box-table { width: 730px; }
	.box-layout-question .question-type6 .subject { width: 100px; }
	/* Let's get this party started */
	.box-layout-question .question-type6 .box-inner::-webkit-scrollbar { width: 6px; height: 6px; border: 3px solid #fff; }
	/* Handle */
	.box-layout-question .question-type6 .box-inner::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); }
	/* track */
	.box-layout-question .question-type6 .box-inner::-webkit-scrollbar-track { background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); }

	.box-layout-question .question-type7 .box-inner { padding: 0; }
	.box-layout-question .question-type7 .subject { width: 100px; }
	/* Let's get this party started */
	.box-layout-question .question-type7 .box-inner::-webkit-scrollbar { width: 6px; height: 6px; border: 3px solid #fff; }
	/* Handle */
	.box-layout-question .question-type7 .box-inner::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); }
	/* track */
	.box-layout-question .question-type7 .box-inner::-webkit-scrollbar-track { background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); }

	.box-layout-question .question-type7 .box-content-view .box-table { padding: 0 0 0 10px; }
	.box-layout-question .question-type7 .box-content-view .box-table-row { display: block; border-top: 1px solid #d9dce1; padding: 10px 0; }
	.box-layout-question .question-type7 .box-content-view .box-table-row:first-child { border: 0; }
	.box-layout-question .question-type7 .box-content-view .box-table-cell { display: block; border: 0; padding: 0; }
	.box-layout-question .question-type7 .box-content-view .title-answer { padding: 10px 0; }
	.box-layout-question .question-type7 .box-content-view .subject { width: auto; margin: 0 60px 0 0; line-height: 17px; height: 17px; }
	.box-layout-question .question-type7 .box-content-view .graph { display: block; margin: 10px 0 0 0; }
	.box-layout-question .question-type7 .box-content-view .answer-num { position: absolute; top: 10px; right: 0; }

	.box-layout-question .question-type8 .box-table-cell { padding: 10px 10px 11px 0; }
	.box-layout-question .question-type8 .subject { padding: 10px 10px 11px 10px; }

	.box-layout-question .question-type9 .box-table-cell { padding: 10px 10px 11px 0; }
	.box-layout-question .question-type9 .subject { padding: 10px 10px 11px 10px; }

	.box-layout-question .question-type10 .box-inner { padding: 0 10px 10px; }
	.box-layout-question .question-type10 .box-table-row { display: block; border-top: 1px solid #d9dce1; padding: 10px; }
	.box-layout-question .question-type10 .box-table-row:last-child { padding: 10px 0 11px 10px; }
	.box-layout-question .question-type10 .box-table-cell { display: block; border: 0; padding: 0; }
	.box-layout-question .question-type10 .title-answer { padding: 10px 0; }
	.box-layout-question .question-type10 .subject { width: auto; margin: 0 60px 0 0; line-height: 17px; height: 17px; }
	.box-layout-question .question-type10 .graph { display: block; margin: 10px 0 0 0; }
	.box-layout-question .question-type10 .answer-num { position: absolute; top: 10px; right: 10px; }
	.box-layout-question .question-type10 .double-border { border-top: 2px solid #d9dce1; }
	.box-layout-question .question-type10 .double-border .box-table-cell { border: 0; }

	.box-layout-question .question-type11 .box-table-row { display: block; border-top: 1px solid #d9dce1; padding: 10px; }
	.box-layout-question .question-type11 .box-table-row:last-child { padding: 10px 0 11px 10px; }
	.box-layout-question .question-type11 .box-table-cell { display: block; border: 0; padding: 0; }
	.box-layout-question .question-type11 .title-answer { padding: 10px 0; }
	.box-layout-question .question-type11 .subject { width: auto; margin: 0 60px 0 0; line-height: 17px; height: 17px; }
	.box-layout-question .question-type11 .graph { display: block; margin: 10px 0 0 0; }
	.box-layout-question .question-type11 .answer-num { position: absolute; top: 10px; right: 10px; }
	.box-layout-question .question-type11 .double-border { border-top: 2px solid #d9dce1; }
	.box-layout-question .question-type11 .double-border .box-table-cell { border: 0; }

	.box-layout-question .question-type12 .box-inner { padding: 0 10px 10px; }
	.box-layout-question .question-type12 .box-table-row { display: block; border-top: 1px solid #d9dce1; padding: 10px; }
	.box-layout-question .question-type12 .box-table-row:last-child { padding: 10px 0 11px 10px; }
	.box-layout-question .question-type12 .box-table-cell { display: block; border: 0; padding: 0; }
	.box-layout-question .question-type12 .title-answer { padding: 10px 0; }
	.box-layout-question .question-type12 .subject { width: auto; margin: 0 60px 0 0; line-height: 17px; height: 17px; }
	.box-layout-question .question-type12 .graph { display: block; margin: 10px 0 0 0;  }
	.box-layout-question .question-type12 .answer-num { position: absolute; top: 10px; right: 10px; }

	.box-layout-question .question-type13 .box-inner { padding: 0 10px; }
	.box-layout-question .question-type13 .box-table-row { display: block; border-top: 1px solid #d9dce1; padding: 10px; }
	.box-layout-question .question-type13 .box-table-row:last-child { padding: 10px 0 11px 10px; }
	.box-layout-question .question-type13 .box-table-cell { display: block; border: 0; padding: 0; }
	.box-layout-question .question-type13 .title-answer { padding: 10px 0; }
	.box-layout-question .question-type13 .subject { width: auto; margin: 0 60px 0 0; line-height: 17px; height: 17px; }
	.box-layout-question .question-type13 .graph { display: block; margin: 10px 0 0 0;  }
	.box-layout-question .question-type13 .answer-num { position: absolute; top: 10px; right: 10px; }

	.box-layout-question .question-type14 .box-table-cell { padding: 10px 10px 11px 0; }
	.box-layout-question .question-type14 .subject { padding: 10px 10px 11px 10px; }
}

.box-top-emotion { margin: 40px 0; text-align: center; }
.box-top-emotion ul { max-width: 400px; padding: 0 10px; margin: auto; box-sizing: border-box; }
.box-top-emotion ul li { display: inline-block; width: 20%; font-size: 12px; line-height: normal; letter-spacing: normal; }
.box-top-emotion ul li a {display: inline-block; width: 55px;  padding: 60px 0 0 0; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out;  -moz-transition: all 0.1s ease-in-out;} /** 180402  수정 **/
.box-top-emotion ul li a:hover {display: inline-block; width: 55px;   transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1);} /** 180402  수정 **/
.box-top-emotion ul li.box-emotion1 a {background: url(/img/issue/ico-emotion1.png) center top no-repeat; }
.box-top-emotion ul li.box-emotion1 a:hover { background: url(/img/issue/ico-emotion1_over.png) center top no-repeat; } /** 180402  추가 **/
.box-top-emotion ul li.box-emotion2 a {background: url(/img/issue/ico-emotion2.png) center top no-repeat; }
.box-top-emotion ul li.box-emotion2 a:hover { background: url(/img/issue/ico-emotion2_over.png) center top no-repeat; } /** 180402  추가 **/
.box-top-emotion ul li.box-emotion3 a {background: url(/img/issue/ico-emotion3.png) center top no-repeat; }
.box-top-emotion ul li.box-emotion3 a:hover { background: url(/img/issue/ico-emotion3_over.png) center top no-repeat; } /** 180402  추가 **/
.box-top-emotion ul li.box-emotion4 a {background: url(/img/issue/ico-emotion4.png) center top no-repeat; }
.box-top-emotion ul li.box-emotion4 a:hover { background: url(/img/issue/ico-emotion4_over.png) center top no-repeat; } /** 180402  추가 **/
.box-top-emotion ul li.box-emotion5 a {background: url(/img/issue/ico-emotion5.png) center top no-repeat; }
.box-top-emotion ul li.box-emotion5 a:hover { background: url(/img/issue/ico-emotion5_over.png) center top no-repeat; } /** 180402  추가 **/
.box-top-emotion ul li .text { display: block; color: #999; }
.box-top-emotion ul li .number { font-weight: 700; color: #000; }
@media (max-width: 801px) {
	.box-top-emotion ul { max-width: 300px; }
	.box-top-emotion ul li a { padding: 50px 0 0 0; }
	.box-top-emotion ul li.box-emotion1 a { background-size: 40px; }
	.box-top-emotion ul li.box-emotion1 a:hover { background-size: 46px; } /** 180402  추가 **/
	.box-top-emotion ul li.box-emotion2 a { background-size: 40px; }
	.box-top-emotion ul li.box-emotion2 a:hover { background-size: 46px; } /** 180402  추가 **/
	.box-top-emotion ul li.box-emotion3 a { background-size: 40px; }
	.box-top-emotion ul li.box-emotion3 a:hover { background-size: 46px; } /** 180402  추가 **/
	.box-top-emotion ul li.box-emotion4 a { background-size: 40px; }
	.box-top-emotion ul li.box-emotion4 a:hover { background-size: 46px; } /** 180402  추가 **/
	.box-top-emotion ul li.box-emotion5 a { background-size: 40px; }
	.box-top-emotion ul li.box-emotion5 a:hover { background-size: 46px; } /** 180402  추가 **/
}


.box-layout-comment {  }
.box-layout-comment .box-top { border: solid #d9dce1; border-width: 1px 0; padding: 0 20px; margin: 0 0 20px; }
.box-layout-comment .box-top > ul:nth-child(1) { float: left; }
.box-layout-comment .box-top > ul:nth-child(1) > li { float: left; margin: 0 0 0 20px; }
.box-layout-comment .box-top > ul:nth-child(1) > li:first-child { margin: 0; }
.box-layout-comment .box-top > ul:nth-child(1) > li a { display: block; padding: 0 0 0 25px; font-size: 12px; color: #666; line-height: 36px; }
.box-layout-comment .box-top > ul:nth-child(1) > li.comment a { background: url(/img/issue/ico-comment.png) left center no-repeat; }
.box-layout-comment .box-top > ul:nth-child(1) > li.share a { background: url(/img/issue/ico-share.png) left center no-repeat; }
.box-layout-comment .box-top > ul:nth-child(2) { float: right; }
.box-layout-comment .box-top > ul:nth-child(2) > li { float: left; }
.box-layout-comment .box-top > ul:nth-child(2) > li:before { content: '·'; float: left; font-size: 12px; color: #999; line-height: 36px; padding: 0 5px; }
.box-layout-comment .box-top > ul:nth-child(2) > li:first-child:before { display: none; }
.box-layout-comment .box-top > ul:nth-child(2) > li a { float: left; display: block; font-size: 12px; color: #999; line-height: 36px; }
.box-layout-comment .box-top > ul:nth-child(2) > li a.selected { color: #ed5c23; font-weight: 700; }
@media (max-width: 801px) {
	.box-layout-comment .box-top { padding: 0 10px 7px; }
	.box-layout-comment .box-top > ul:nth-child(1) { float: none; }
	.box-layout-comment .box-top > ul:nth-child(2) { float: none; display: block; }
	.box-layout-comment .box-top > ul:nth-child(2) > li:before { line-height: 20px; }
	.box-layout-comment .box-top > ul:nth-child(2) > li a { font-size: 10px; line-height: 20px; }
}

.box-layout-comment .box-write { padding: 0 0 20px; font-size: 12px; }
.box-layout-comment .box-write .box-write-comment { position: relative; border: 1px solid #d9dce1; background: #fafafa; padding: 10px; border-radius: 10px; }
.box-layout-comment .box-write .box-write-comment .text-guide { position: absolute; top: 10px; left: 10px; z-index: 1; color: #acacac; line-height: 17px; }
.box-layout-comment .box-write .box-write-comment .box-input { position: relative; z-index: 2; background: transparent; white-space: pre-wrap; word-break: break-all; min-height: 18px; }
.box-layout-comment .box-write .box-btn { display: none; }
.box-layout-comment .box-write .box-cancel { margin: 5px 0 0 0; font-size: 11px; color: #999; }
.box-layout-comment .box-write .box-cancel a { color: #ed5c23; }

.box-prev-comment { margin: 20px 0 0 20px; }
.box-prev-comment a { color: #ed5c23; }

.box-list-comment { margin: 20px; }

.box-list-comment .box-list { position: relative; margin: 0 0 20px; }
.box-list-comment .box-list.my-comment:before { content: ''; position: absolute; top: -2px; bottom: -5px; left: -10px; width: 2px; height:52px; background: #ed5c23; }
.box-list-comment .box-list.box-reply { margin: 0 0 20px 30px; }

.box-list-comment .box-list .box-content-text { margin: 0 110px 5px 0; color: #333; word-break: break-all; }
.box-list-comment .box-list .box-name { float: left; margin: 0 10px 0 0; color: #ed5c23; font-weight: 700; }
.box-list-comment .box-list .box-right { position: absolute; top: 0; right: 0; text-align: right; }

/*
.box-list-comment .box-list .box-right .box-option { display: none; position: relative; margin: 0 5px 0 0; cursor: pointer; }
.box-list-comment .box-list:hover .box-right .box-option { display: inline-block; }
.box-list-comment .box-list .box-right .box-option .btn-option { width: 15px; height: 3px; padding: 8px 5px; }
.box-list-comment .box-list .box-right .box-option .btn-option span { float: left; width: 3px; height: 3px; background: #bec2c9; border-radius: 50%; margin: 0 1px; }
.box-list-comment .box-list .box-right .box-option .box-floating { display: none; position: absolute; top: 100%; right: -5px; z-index: 3; width: 68px; border: 1px solid #d9dce1; border-radius: 5px; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.2); text-align: left; padding: 5px 0; }
.box-list-comment .box-list .box-right .box-option .box-floating:before { content: ''; position: absolute; top: -6px; right: 10px; left: 0; height: 6px; background: url(/img/issue/ico-arrow-floating.png) no-repeat right center; }
.box-list-comment .box-list .box-right .box-option .box-floating > div a { display: block; text-align: center; font-size: 12px; color: #333; line-height: 22px; }
.box-list-comment .box-list .box-right .box-option .box-floating > div a:hover { background: #ed5c23; color: #fff; }
.box-list-comment .box-list .box-right .box-option .box-floating > div a span { display: inline-block; padding: 0 0 0 20px; width: 22px; height: 24px; }
.box-list-comment .box-list .box-right .box-option .box-floating .btn-modify a span { background: url(/img/issue/ico-modify.png) no-repeat left center; }
.box-list-comment .box-list .box-right .box-option .box-floating .btn-delete a span { background: url(/img/issue/ico-delete.png) no-repeat left center; }
*/

.box-list-comment .box-list .comment-content-box .box-right .box-option { display: none; position: relative; margin: 0 5px 0 0; cursor: pointer; }
.box-list-comment .box-list .comment-content-box:hover .box-right .box-option { display: inline-block; }
.box-list-comment .box-list .comment-content-box .box-right .box-option .btn-option { width: 15px; height: 3px; padding: 8px 5px; }
.box-list-comment .box-list .comment-content-box .box-right .box-option .btn-option span { float: left; width: 3px; height: 3px; background: #bec2c9; border-radius: 50%; margin: 0 1px; }
.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating { display: none; position: absolute; top: 100%; right: -5px; z-index: 3; width: 68px; border: 1px solid #d9dce1; border-radius: 5px; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.2); text-align: left; padding: 5px 0; }
.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating:before { content: ''; position: absolute; top: -6px; right: 10px; left: 0; height: 6px; background: url(/img/issue/ico-arrow-floating.png) no-repeat right center; }
.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating > div a { display: block; text-align: center; font-size: 12px; color: #333; line-height: 22px; }
.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating > div a:hover { background: #ed5c23; color: #fff; }
.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating > div a span { display: inline-block; padding: 0 0 0 20px; width: 22px; height: 24px; }
.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating .btn-modify a span { background: url(/img/issue/ico-modify.png) no-repeat left center; }
.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating .btn-delete a span { background: url(/img/issue/ico-delete.png) no-repeat left center; }

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option { display: none; position: relative; margin: 0 5px 0 0; cursor: pointer; }
.box-list-comment .box-list .comment-reply-content-box:hover .box-right .box-option { display: inline-block; }
.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .btn-option { width: 15px; height: 3px; padding: 8px 5px; }
.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .btn-option span { float: left; width: 3px; height: 3px; background: #bec2c9; border-radius: 50%; margin: 0 1px; }
.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating { display: none; position: absolute; top: 100%; right: -5px; z-index: 3; width: 68px; border: 1px solid #d9dce1; border-radius: 5px; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.2); text-align: left; padding: 5px 0; }
.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating:before { content: ''; position: absolute; top: -6px; right: 10px; left: 0; height: 6px; background: url(/img/issue/ico-arrow-floating.png) no-repeat right center; }
.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating > div a { display: block; text-align: center; font-size: 12px; color: #333; line-height: 22px; }
.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating > div a:hover { background: #ed5c23; color: #fff; }
.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating > div a span { display: inline-block; padding: 0 0 0 20px; width: 22px; height: 24px; }
.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating .btn-modify a span { background: url(/img/issue/ico-modify.png) no-repeat left center; }
.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating .btn-delete a span { background: url(/img/issue/ico-delete.png) no-repeat left center; }



.box-list-comment .box-list .box-right .popup-emotion { display: none; position: absolute; top: 24px; right: -10px; z-index: 100; border: 1px solid #d9dce1; border-radius: 5px; background: #fff; padding: 5px 5px; width: 200px; text-align: center; }
.box-list-comment .box-list .box-right .popup-emotion:before { content: ''; position: absolute; top: -6px; right: 20px; width: 12px; height: 6px; background: url(/img/issue/ico-arrow-floating.png) no-repeat center; }
.box-list-comment .box-list .box-right .popup-emotion ul {  }
.box-list-comment .box-list .box-right .popup-emotion ul li { display: inline-block; width: 20%; font-size: 10px; line-height: normal; letter-spacing: normal; }
.box-list-comment .box-list .box-right .popup-emotion ul li a { display: inline-block; width: 40px; padding: 35px 0 0 0; display: block; color: #999; }
.box-list-comment .box-list .box-right .popup-emotion ul li.box-emotion1 a { background: url(/img/issue/ico-emotion1.png) center top no-repeat; background-size: 30px; }
.box-list-comment .box-list .box-right .popup-emotion ul li.box-emotion2 a { background: url(/img/issue/ico-emotion2.png) center top no-repeat; background-size: 30px; }
.box-list-comment .box-list .box-right .popup-emotion ul li.box-emotion3 a { background: url(/img/issue/ico-emotion3.png) center top no-repeat; background-size: 30px; }
.box-list-comment .box-list .box-right .popup-emotion ul li.box-emotion4 a { background: url(/img/issue/ico-emotion4.png) center top no-repeat; background-size: 30px; }
.box-list-comment .box-list .box-right .popup-emotion ul li.box-emotion5 a { background: url(/img/issue/ico-emotion5.png) center top no-repeat; background-size: 30px; }

.box-list-comment .box-list .box-right .my-emotion { display: inline-block; text-align: right; margin: 0 0 6px; }
.box-list-comment .box-list .box-right .my-emotion b { cursor: pointer; color: #ed5c23; font-weight: 400; }
.box-list-comment .box-list .box-right .my-emotion .color-1 { color: #4080ff; font-weight: 700; }
.box-list-comment .box-list .box-right .my-emotion .color-2 { color: #f0ba15; font-weight: 700; }
.box-list-comment .box-list .box-right .my-emotion .color-3 { color: #f0ba15; font-weight: 700; }
.box-list-comment .box-list .box-right .my-emotion .color-4 { color: #f0ba15; font-weight: 700; }
.box-list-comment .box-list .box-right .my-emotion .color-5 { color: #f7714b; font-weight: 700; }
.box-list-comment .box-list .box-right .list-emotion { display: block; text-align: right; }
.box-list-comment .box-list .box-right .list-emotion li { display: inline-block; margin: 0 0 0 2px; }
.box-list-comment .box-list .box-right .list-emotion li:first-child { margin: 0; }
.box-list-comment .box-list .box-right .list-emotion li div { position: relative; width: 16px; height: 16px; }
.box-list-comment .box-list .box-right .list-emotion li.emotion1 div { background: url(/img/issue/ico-emotion1.png) center top no-repeat; background-size: 100%; }
.box-list-comment .box-list .box-right .list-emotion li.emotion2 div { background: url(/img/issue/ico-emotion2.png) center top no-repeat; background-size: 100%; }
.box-list-comment .box-list .box-right .list-emotion li.emotion3 div { background: url(/img/issue/ico-emotion3.png) center top no-repeat; background-size: 100%; }
.box-list-comment .box-list .box-right .list-emotion li.emotion4 div { background: url(/img/issue/ico-emotion4.png) center top no-repeat; background-size: 100%; }
.box-list-comment .box-list .box-right .list-emotion li.emotion5 div { background: url(/img/issue/ico-emotion5.png) center top no-repeat; background-size: 100%; }
.box-list-comment .box-list .box-right .list-emotion li span { position: absolute; bottom: -8px; right: -8px; width: 14px; height: 14px; background: #eee; text-align: center; border-radius: 50%; font-size: 9px; color: #000; line-height: 15px; letter-spacing: 0.2px; font-family: sans-serif; }

.box-list-comment .box-list .box-action { height: 14px; font-size: 12px; line-height: 14px; }
.box-list-comment .box-list .box-action .btn-comment { float: left; }
.box-list-comment .box-list .box-action .btn-comment a { color: #ed5c23; }
.box-list-comment .box-list .box-action .box-date { float: left; color: #999; }
.box-list-comment .box-list .box-action > div:before { content: '·'; float: left; font-size: 12px; color: #999; line-height: 14px; padding: 0 5px; }
.box-list-comment .box-list .box-action > div:first-child:before { display: none; }
@media (max-width: 801px) {
	.box-layout-comment .box-write { position: relative; }
	.box-layout-comment .box-write .box-write-comment { margin: 0 54px 0 0; }
	.box-layout-comment .box-write .box-cancel { display: none; }
	.box-layout-comment .box-write .box-btn { display: block; position: absolute; top: 0; right: 0; width: 44px; height: 40px; text-align: center; line-height: 38px; }
	.box-layout-comment .box-write .box-btn a { display: block; width: inherit; height: inherit; background: #ed5c23; border-radius: 10px; font-size: 12px; color: #fff; }

	.box-list-comment { margin: 10px; }

	.box-list-comment .box-list .box-content-text { margin: 0 0 5px 0; }
	.box-list-comment .box-list .box-name { float: none; display: inline-block; margin: 0 0 8px; }
	.box-list-comment .box-list .box-right { position: static; float: right; }
	.box-list-comment .box-list .box-read { margin: 0; }

	.box-list-comment .box-list .box-right .box-option { position: absolute; bottom: -4px; right: 0; margin: 0; }

	.box-list-comment .box-list .box-right .my-emotion { float: right; }
	.box-list-comment .box-list .box-right .list-emotion { float: right; margin: -2px 13px 0 0; }
}


.area-btns .btn-close { text-align: center; padding: 0 0 10px;}
.area-btns .btn-close a { display: inline-block; min-width: 100px; padding-top:6px; height:32px; background: #333; font-size: 16px; color: #fff; text-align: center; }