.clear {clear:both !important;}
.clear10 {clear:both !important; height:10px;}
.clear15 {clear:both !important; height:15px;}
.clear20 {clear:both !important; height:20px;}
input,textarea,button {font-family:inherit; -webkit-appearance:none;}

.replyBoard-box .postRight {padding-top:16px}
.postRight .comment .commentCnt {float:left; font-size:14px; line-height:21px; margin-bottom:14.5px; display:inline-block; vertical-align:top;}
.postRight .comment form {float:left; width:100%}
.postRight .commentList {clear:both;}
.postRight .musinsa-comment {position:relative;}

/* 본문보기 제거 */
.postRight .goPost,
.replyBoard-box .goPost {display:none !important;}

/* comment form */
.gWarea {padding:0 16px}
.cFormBox {border:1px solid #e0e0e0; border-radius:4px; background:#fff;}
.commentForm:focus-within .cFormBox,
.commentForm:focus .cFormBox,
.cFormBox:hover,
.cFormBox:focus-within,
.cFormBox:focus {border:1px solid #000;}
.cFormBox::after {content:'';display:block; clear:both;}
.cFormBox .cForm {padding:8px; box-sizing:border-box;}
.cFormBox .cForm textarea {width:100%; height:70px; font-size:13px; border:0; background:#fff; padding:0; -webkit-border-radius:0; -webkit-appearance:none; vertical-align:top;}
.cFormBox .cForm textarea::-webkit-input-placeholder { color:#aaa;}
.cFormBox .cForm textarea::-ms-input-placeholder { color:#aaa}
.cFormBox .cForm textarea::placeholder { color:#aaa}

.cFormBox .cPhoto {padding:8px; box-sizing:border-box; min-height:86px;}
.cFormBox .cPhoto .cfile {background:#fff;}
.cFormBox .cPhoto .cfile .finp {float:left; display:block; width:40px; height:40px; border-radius:4px; margin-right:8px; overflow:hidden; background:url(//image.msscdn.net/mfile_outsrc/img/icon-comment_v4_upload.svg) no-repeat center; background-size: 100% auto;}
.cFormBox .cPhoto .cfile .finp input {display:block; width:40px; height:40px; opacity:0; filter:alpha(opacity=0, style=1, finishopacity=0);}

.cFormBox .btnGroup .btnGroupBox {position:relative; padding:18px 12px 8px 12px; height:50px; box-sizing:border-box;}
.cFormBox .btnGroup .btnGroupBox .btnTab {float:left; display:block; width:24px; height:24px; text-indent:-10000em; overflow:hidden; background:url(//image.msscdn.net/mfile_outsrc/img/icon-comment_v4_comment.svg) no-repeat; background-size:24px auto; cursor:pointer;}
.cFormBox .btnGroup .btnGroupBox .btnTab.command-photo {background:url(//image.msscdn.net/mfile_outsrc/img/icon-comment_v4_file.svg) no-repeat; margin-left:4px;}
.cFormBox .btnGroup .cnt-photo {position:absolute; min-width:16px; height:16px; line-height:14px; left:52px; top:14px; background:#2452ff; color:#fff; font-size:11px; border-radius:100%; display:flex; justify-content:center; align-items:center;}

.groupType-cForm .cForm {display:block;}
.groupType-cForm .btnGroup .btnGroupBox .command-form {background:url(//image.msscdn.net/mfile_outsrc/img/icon-comment_v4_comment_on.svg) no-repeat;}
.groupType-cForm .cPhoto {display:none;}
.groupType-cPhoto .cForm {display:none;}
.groupType-cPhoto .cPhoto {display:block;}
.groupType-cPhoto .btnGroup .btnGroupBox .btnTab.command-photo {background:url(//image.msscdn.net/mfile_outsrc/img/icon-comment_v4_file_on.svg) no-repeat}

.commentCheckbox {float:left; color:#8a8a8a; line-height:21px; font-size:14px; margin-top:10px; display:none}
.commentMsg {line-height:14px; padding:8px 0 22px 0; font-size:11px; color:#8a8a8a; display:inline-block;  word-break:keep-all;}
.commentMsg span {display:block; position:relative; box-sizing:border-box; padding: 0 8px 2px 19px}
.commentMsg span::after {content:''; display:block; width:2.5px; height:2.5px; background:#8a8a8a; line-height:1px; border-radius:100%; position:absolute; left:8px; top:6px;}

.commentMsg a {font-weight:bold; color:#000; text-decoration:underline;}

.cFormBox .btnGroup .submit {float:right; cursor:pointer; margin-left:8px; padding:3px 6px; display:block; background:transparent; color:#000; font-weight:500; font-size:13px; line-height:18px; border-radius:4px; border:1px solid #e0e0e0; -webkit-appearance:none;}
.cFormBox .submit.pureFormClose {display:none;}
.cFormTriger + .cFormBox .submit.pureFormClose {display:block !important;}
.cFormBox .btnGroup .submitLoading {background:url(//image.msscdn.net/mfile_s01/musinsa/loadingComment.gif) no-repeat center; position:absolute; right:12px; bottom:6px; width:36.4px; height:26px; border:1px solid #e0e0e0; border-radius:4px; display:block; background-color:#fff;}

.cFormBox .btnGroup .submit2On {right:80px !important;}
.cFormBox .btnGroup .submit2 {float:right; width:70px; height:35px; border:0; display:block; background:#09f; color:#fff; font-weight:bold; margin:10px 0 0 10px;  font-size:12px;-webkit-border-radius:0; -webkit-appearance:none;}
.cFormBox .btnGroup .submitLoading2 {background:url(//image.msscdn.net/mfile_s01/musinsa/loadingComment.gif) no-repeat center; position:absolute; right:12px; bottom:6px; width:36.4px; height:26px; border:1px solid #e0e0e0; border-radius:4px; display:block; background-color:#fff;}
.cFormBox .btnGrey {color:#aaa !important;}

/* comment list */
.comment_post {position:relative;  padding:12px 16px 12px 52px;}
.comment_post:last-of-type {border-bottom:0; padding-bottom:20px;}
.comment_post .pic {width:28px; height:28px; position:absolute; left:16px; top:12px; overflow:hidden; border-radius:24px; background:url(//image.msscdn.net/mfile_outsrc/img/simbol.png) no-repeat center; background-size:28px auto;}
.comment_post .pic img {width:28px;}
.comment_post .pic.stf {border-radius:0; background:transparent;}
.comment_post .pic.stf img {width:100%; display:inline; vertical-align:middle;}
.comment_post .info {position:relative;}
.comment_post .info .lev {font-size:13px; font-weight:600; float:left; line-height:18px; display:inline-block;}
.comment_post .info .lev.denied::after {content:'.'; display:inline; padding-left:5px;}
.comment_post .info .lev.stf {color:#0078ff}
.comment_post .info .dreg {font-size:13px; color:#666; float:left; margin-left:4px; line-height:18px;}
.comment_post .info .date {display:inline-block; vertical-align:top; float:left; max-width:calc(100% - 105px);}
.comment_post .info .date a {float:right; font-size:14px; line-height:21px; font-weight:bold; margin-left:30px;}
.comment_post .info .date .bar {display:none;}

.comment_post .info .btnArea {position:absolute; right:0; top:0;}
.comment_post .info .btnArea input[type=checkbox] {display:none;}
.comment_post .info .btnArea input[type=checkbox] + span {display:block; background:url(//image.msscdn.net/mfile_outsrc/img/icon-comment_v4_config.svg) no-repeat; width:20px; height:20px; cursor:pointer;}
.comment_post .info .btnArea input[type=checkbox]:checked + span {}
.comment_post .info .btnArea input[type=checkbox] ~ .area-equip-button {width:112px; display:none; position:absolute; right:0; top:25px; background:#fff; border:1px solid #e0e0e0; border-radius:4px; z-index:1; overflow:hidden;}
.comment_post .info .btnArea input[type=checkbox]:checked ~ .area-equip-button {display:block;}
.comment_post .info .btnArea .area-equip-button a {display:block; font-size:13px; line-height:18px; color:#8a8a8a; width:calc(100% - 15px); padding:7px 12px; cursor:pointer;}
.comment_post .info .btnArea .area-equip-button a:hover {background:#e5e5e5;}
.comment_post .info .btnArea .area-equip-button a:first-child {margin-top:4px;}
.comment_post .info .btnArea .area-equip-button a:last-child {margin-bottom:4px;}

.comment_post .info .cont {font-size:13px; line-height:18px; font-weight:400; float:left; width:100%;word-break:break-word; padding-right:10px; box-sizing:border-box; margin-top:5px;}
.comment_post .info .cont img {vertical-align:baseline;}
.comment_post .info .cont .best {display:inline-block; vertical-align:middle; border:1px solid #0078ff; color:#0078ff; font-weight:normal; height:18px; line-height:18px; width:40px; text-align:center; font-size:12px; margin-top:-2px}
.comment_post.writer .info .comment-cont {color:#06f !important;}
.comment_post .info .cont-image {float:left; width:100%; padding-top:4px;}
.comment_post .info .cont-image::after {display:block; clear:both; content:'';}
.comment_post .info .cont-image span {display:block; width:calc(100% - 57px); position:relative;border-radius:4px; overflow:hidden;}
.comment_post .info .cont-image span::before {content:'';display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.02;}
.comment_post .info .cont-image img {max-width:100%;}
.comment_post .info .cont-emoticons {float:left; width:100%; border:0; padding:0; clear:both;}
.comment_post .info .cont-emoticons span {width:152px; height:152px; margin:10px 10px 10px 0 !important;}
.comment_post .info .cont-emoticons span b {width:150px; height:150px; border:0 !important; background-color:transparent !important;}

.cont-emoticons span.emo001 b {background:url(//image.msscdn.net/images/emoticons/A_01_150.gif) no-repeat !important;}
.cont-emoticons span.emo002 b {background:url(//image.msscdn.net/images/emoticons/A_02_150.gif) no-repeat !important;}
.cont-emoticons span.emo003 b {background:url(//image.msscdn.net/images/emoticons/A_03_150.gif) no-repeat !important;}
.cont-emoticons span.emo004 b {background:url(//image.msscdn.net/images/emoticons/A_04_150.gif) no-repeat !important;}
.cont-emoticons span.emo005 b {background:url(//image.msscdn.net/images/emoticons/A_05_150.gif) no-repeat !important;}
.cont-emoticons span.emo006 b {background:url(//image.msscdn.net/images/emoticons/A_06_150.gif) no-repeat !important;}
.cont-emoticons span.emo007 b {background:url(//image.msscdn.net/images/emoticons/A_07_150.gif) no-repeat !important;}
.cont-emoticons span.emo008 b {background:url(//image.msscdn.net/images/emoticons/A_08_150.gif) no-repeat !important;}
.cont-emoticons span.emo009 b {background:url(//image.msscdn.net/images/emoticons/A_09_150.gif) no-repeat !important;}
.cont-emoticons span.emo010 b {background:url(//image.msscdn.net/images/emoticons/A_10_150.gif) no-repeat !important;}
.cont-emoticons span.emo011 b {background:url(//image.msscdn.net/images/emoticons/A_11_150.gif) no-repeat !important;}
.cont-emoticons span.emo012 b {background:url(//image.msscdn.net/images/emoticons/A_12_150.gif) no-repeat !important;}
.cont-emoticons span.emo013 b {background:url(//image.msscdn.net/images/emoticons/A_13_150.gif) no-repeat !important;}

/* notice & best */
.comment_post.notice .best {font-weight:bold;}
.comment_post.best .best {font-weight:bold;}

/* comment btn */
.comment_post .chand {padding:8px 0 0 0; float:left; font-size:13px; line-height:18px; color:#8a8a8a; text-decoration:underline;}
.comment_post .conEvent {color:#008bff}
.comment_post .delOnedreg,
.comment_post .mc-command-blind {color:#f00;}
.comment_post .btnBlind {color:#f00;}
.comment_post .chand .count-oneline {}
.comment_post .chand .stUp,
.comment_post .chand .stDown {display:none !important;}
.comment_post .chand .ele-is-new {color:#f00; font-style:normal;}
.comment_post .chand.on {color:#fff; padding-left:25px; position:relative;}
.comment_post .chand.on::before {content:'답글취소'; display:block; color:#f00; font-size:12px; position:absolute; left:0; top:0;}
.comment_post .chand.on span {color:#aaa}
.comment_post .chand.on .ele-is-new {color:#f00}

/* online form */
.onlineForm {width:100%; clear:both; display:block;}
.onelineForm {float:left; width:100%; box-sizing:border-box; padding:0 0 50px 0; position:relative; border:1px solid #8a8a8a; border-radius:4px; background:#fff; margin-top:8px;}
.onelineForm:focus-within {border:1px solid #000;}
.onelineForm textarea {width:calc(100% - 16px); height:70px; font-size:13px; border:0; background:#fff; padding:0; -webkit-border-radius:0; -webkit-appearance:none; vertical-align:top; margin:8px 8px 0 8px; z-index:1}
.onelineForm textarea::-webkit-input-placeholder { color:#aaa;}
.onelineForm textarea::-ms-input-placeholder { color:#aaa}
.onelineForm textarea::placeholder { color:#aaa}
.onelineForm input[type=button] {cursor:pointer; position:absolute; right:12px; bottom:12px; font-size:13px; padding:3px 6px; line-height:18px; color:#000; font-weight:500; background:#fff; border:1px solid #e0e0e0; border-radius:4px;}
.onelineForm .onlineClose {right:55px !important;}
.onelineForm .boxresize {display:none;}
.onelineForm .lev {display:none;}

.onelineReplyForm {float:left; width:100%; box-sizing:border-box; padding:0 0 50px 0; position:relative; border:1px solid #8a8a8a; border-radius:4px; background:#fff; margin-top:8px;}
.onelineReplyForm:focus-within {border:1px solid #000;}
.onelineReplyForm textarea {width:calc(100% - 16px); height:70px; font-size:13px; border:0; background:#fff; padding:0; -webkit-border-radius:0; -webkit-appearance:none; vertical-align:top; margin:8px 8px 0 8px; z-index:1}
.onelineReplyForm textarea::-webkit-input-placeholder { color:#aaa;}
.onelineReplyForm textarea::-ms-input-placeholder { color:#aaa}
.onelineReplyForm textarea::placeholder { color:#aaa}
.onelineReplyForm input[type=button] {cursor:pointer; position:absolute; right:12px; bottom:8px; font-size:13px; padding:3px 6px; line-height:18px; color:#000; font-weight:500; background:#fff; border:1px solid #e0e0e0; border-radius:4px;}
.onelineReplyForm .onlineClose {right:55px !important;}
.onelineReplyForm .boxresize {display:none;}
.onelineReplyForm .lev {display:none;}

/* online list */
.onelineList {float:left; width:100%;}
.onelinePost {position:relative;  padding-top:12px; padding-left:36px}
.onelinePost .pic {left:0; top:12px !important;}
.onelinePost::before {content:''; width:14px; height:14px; display:block; position:absolute; left:0; top:20px;}
.onelinePost.toOneline {}
.onelinePost.toOneline::before {content:''; width:14px; height:14px; display:block; position:absolute; left:17px; top:20px}
.onelinePost::after {content:'';clear:both; display:block;}
.onelinePost.modifyOneline .onelineForm {margin-top:0;}
.onelinePost.modifyOneline .onlineClose.pureFormClose {display:none !important;}
.onelinePost .info {position:relative;}
.onelinePost .info::after {content:'';clear:both; display:block;}
.onelinePost .info .btnArea .area-equip-button {top:}

.oneline-cont .toWriter {font-weight:normal; color:#0078ff;}
.onelineWriter .oneline-cont {color:#06f !important}
.onelinePost .mo-command-blind {color:#f00;}

/**/
.onlineWarea {margin-top:8px;}
.onlineWarea a {font-size:13px; line-height:18px; color:#8a8a8a; display:block; text-decoration:underline}

/* no data */
.commentNoList {font-size:14px; line-height:20px; font-weight:500; padding:20px 0 40px 0; text-align:center; width:100%;}
.commentNoList span {font-size:13px; line-height:18px; font-weight:400; display:block; text-align:center; color:#666}

/* close form */
.cFormTriger {width:100%; height:40px; overflow:hidden;  padding:4px 8px; position:relative; border:1px solid #e0e0e0; border-radius:4px; box-sizing:border-box; cursor:pointer; display:flex; justify-content:flex-end; align-items:center; background:#fff}
.cFormTriger div {position:absolute; left:8px; top:8px; width:24px; height:24px; background:url(//image.msscdn.net/mfile_outsrc/img/icon-comment_v4_comment.svg) no-repeat; background-size:24px auto;}
.cFormTriger div::before {content:''; position:absolute; left:28px; top:0; width:24px; height:24px; background:url(//image.msscdn.net/mfile_outsrc/img/icon-comment_v4_file.svg) no-repeat; background-size:24px auto;}
.cFormTriger span {display:block; line-height:20px; font-size:14px; color:#8a8a8a; float:right}

/* not login form */
.cFormBox.notLogin {display:block !important;}
.notLogin {width:100% ;height:40px; overflow:hidden;  padding:4px 8px; position:relative; border:1px solid #e0e0e0 !important; border-radius:4px; box-sizing:border-box; cursor:pointer; display:flex; justify-content:flex-end; align-items:center; background:#fff}
.notLogin .icon-comment {position:absolute; left:8px; top:8px; width:24px; height:24px; background:url(//image.msscdn.net/mfile_outsrc/img/icon-comment_v4_comment.svg) no-repeat; background-size:24px auto;}
.notLogin .icon-comment::before {content:''; position:absolute; left:28px; top:0; width:24px; height:24px; background:url(//image.msscdn.net/mfile_outsrc/img/icon-comment_v4_file.svg) no-repeat; background-size:24px auto;}
.notLogin .waitLogin {display:flex; justify-content:flex-end; align-items:center; line-height:20px; height:100%; font-size:14px; color:#8a8a8a; float:right;  margin:0 8px 0 0;}
.notLogin .goLogin,
.notLogin .goCertify {position:absolute; width:100%; height:100%; left:0; top:0; display:block;}
.notLogin.onelineForm {float:left; width:calc(100% - 20px); padding:5px 10px; box-sizing:border-box;}
.notLogin.onelineForm::after {display:none;}
.onelineForm.notLogin .icon-comment::before {display:none}
.onelineForm.notLogin .icon-comment::after {display:none}
.onelineForm.notLogin .waitLogin {margin-left:50px;}

/* moreview */
.commentMoreView {bottom:500px; opacity:0; width:0px; height:0; overflow:hidden; position:absolute;}
.commentMoreViewBox {width:200px; height:40px; background:#f9f9f9; border:1px solid #e0e0e0; margin:10px auto 0 auto;}
.commentMoreViewLayer {text-align:center; line-height:21px; padding:10px 0 0 0; font-size:14px; color:#000; cursor:pointer; position:relative; }
.commentMoreViewLayer .loading {display:block; background:url(//image.msscdn.net/mfile_s01/musinsa/loadingComment.gif) no-repeat center; background-color:#f3f3f3; position:absolute; left:0; top:0; width:100%; height:50px; z-index:1;}
.onlineMoreViewBox {width:200px; height:40px; background:#f9f9f9; border:1px solid #e0e0e0; margin:10px auto 0 auto;}
.onlineMoreViewLayer {text-align:center; line-height:21px; padding:10px 0 0 0; font-size:14px; color:#000; cursor:pointer; position:relative; }
.onlineMoreViewLayer .loading {display:block; background:url(//image.msscdn.net/mfile_s01/musinsa/loadingComment.gif) no-repeat center; background-color:#f3f3f3; position:absolute; left:0; top:0; width:100%; height:50px; z-index:1;}

/* pop comment fixed */
.m-popup-comment .postRight .comment {padding-left:15px; padding-right:15px; border-bottom:10px solid #f1f1f1; margin-bottom:30px;}

/* action Layer */
.actionLayer {position:fixed; left:50%; top:0; z-index:1000; max-width:600px; width:100%; height:100%; transform:translate(-50%,0);}
.actionLayer .screen {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6;}
.actionLayer .alertLayer {position:absolute; left:50%; top:50%; z-index:1; width:calc(100% - 64px); padding:20px 16px; box-sizing:border-box; min-height:124px; transform:translate(-50%,-50%); border-radius:8px; background:#fff; overflow:hidden;}
.actionLayer .alertLayer.loading {padding-bottom:60px; position:relative; display:flex; justify-content:center; align-items:center;}
.actionLayer .alertLayer.loading::before {position:absolute; top:65px; content:''; display:block; width:28px; height:28px; border: 4px solid #ccc; box-sizing: border-box; border-top-color: #000; border-radius:100%; animation: spin 750ms linear infinite; z-index:1;}
@keyframes spin {100% {transform: rotate(360deg);}}
.actionLayer .alertLayer.loading button {display:none}
.actionLayer .alertLayer .message {width:100%; text-align:left; display:block; font-size:14px; line-height:20px; font-weight:500; padding-bottom:24px;}
.actionLayer button {font-size:14px; font-weight:500; line-height:20px; height:40px; box-sizing:border-box; border:1px solid #e0e0e0; border-radius:4px; display:flex; justify-content:center; align-items:center;}
.actionLayer.actionLayer-confirm button {width:calc(50% - 2px); margin-right:4px; float:left; color:#000}
.actionLayer.actionLayer-confirm button.submit {background:#000; color:#fff; margin:0;}
.actionLayer.actionLayer-alert button {width:100%; background:#000; color:#fff;}

/* mobile */
@media only screen and (max-width: 320px) {
	.notLogin .icon-comment {left:5px;}
	.notLogin .icon-comment::before {left:35px;}
	.notLogin .waitLogin {font-size:12px;}
}

/* write not use */
.notUseWrite .gWarea,
.notUseWrite .onelineForm,
.notUseWrite .onlineWarea {display:none !important;}

/* util fixed 2022.05.18 */
.musinsa-comment.noShowCool .score {display:none !important;}
.musinsa-comment.noShowCool .comment_post .chand {margin-left:0 !important;}

/* form close :: for CMS */
.comment.formClose .commentForm,
.comment.formClose .cFormBox,
.comment.formClose .commentMsg {display:none !important;}
.comment.formClose .gWarea {display:flex; width:100%; height:100px; align-items:center; justify-content:center; box-sizing:border-box;}
.comment.formClose .gWarea::after {content:'댓글 이벤트 기간이 아닙니다.'; font-size:18px; font-weight:700; line-height:27px;}