
/* view */
#cview {padding:0 0 25px 0;}
#cview .box {padding:0 15px 15px 15px;border:#D2D2D2 solid 1px;background:url('../../../../../_core/image/_public/bg_list_tt.jpg') repeat-x top;}
#cview .icon {position:absolute;width:50px;height:50px;margin:15px 0 0 0;background:url('../../../../../_var/simbol/0.gif') center center no-repeat;}
#cview .subject {padding:0 0 0 60px;letter-spacing:-1px;}
#cview .subject a {display:block;padding:14px 0 10px 0;line-height:140%;font-size:12px;font-weight:bold;font-family:dotum;background:url('./image/line_01.gif') bottom repeat-x;}
#cview .subject a:hover {color:#000;}
#cview .info {padding:10px 0 10px 60px;font-size:11px;font-family:arial;color:#c0c0c0;}
#cview .info img {position:relative;top:3px;margin:0 3px 0 0;}
#cview .info a {font-size:11px;font-family:dotum;color:#666;}
#cview .info a:hover {text-decoration:underline;}
#cview .name {color:#c0c0c0;font-size:11px;letter-spacing:-1px;}

#cview .info .split {padding:0 5px 0 5px;color:#dfdfdf;font-size:10px;}
#cview .info .han {font-family:dotum;font-size:11px;}
#cview .info .num {font-weight:bold;font-size:12pxf;}
#cview .content {padding:20px 0 0 0;line-height:150%;color:#4B4B4B;font-family:dotum;}
#cview .scorebtn {text-align:center;padding:20px 0 20px 0;}
#cview .scorebtn img {margin:0 1px 0 1px;}
#cview .scorebtn .attach {padding:20px 0 0 0;text-align:left;line-height:150%;}
#cview .scorebtn .attach ul {padding:0;margin:0;}
#cview .scorebtn .attach li {list-style-type:none;background:url('../../../../../_core/image/_public/ico_file.gif') left no-repeat;padding:0 0 0 15px;}
#cview .scorebtn .attach li a {font-size:11px;font-family:dotum;color:#666;}
#cview .scorebtn .attach li a:hover {text-decoration:underline;}
#cview .scorebtn .attach li .size {font-size:11px;font-family:arial;color:#999;}
#cview .scorebtn .attach li .down {font-size:11px;font-family:arial;color:#333;}

#cview .ttone {color:#FA6336;font-weight:bold;text-decoration:underline;}
#cview .onebox {margin:10px 0 0 0;}
#cview .onebox .new {font-family:arial;font-size:10px;color:#ff0000;}
#cview .oneline {padding:10px 0 10px 0;background:url('./image/line_01.gif') bottom repeat-x;}
#cview .oneline .name {float:left;width:50px;}
#cview .oneline .name .icon {position:relative;width:50px;height:50px;margin:0;background:url('../../../../../_var/simbol/0.gif') center center no-repeat;}
#cview .oneline .cont {margin-left:60px;color:#666666;line-height:150%;font-size:11px;font-family:dotum;padding:0 25px 0 0;letter-spacing:-1px;}
#cview .oneline .cont div {color:#c0c0c0;padding:10px 0 0 0;}
#cview .oneline .cont div .imgpos {position:relative;top:2px;}
#cview .none {background:url('');}
#cview .wbox {}
#cview .wbox table {width:100%;border-spacing:0px;border-collapse:collapse;}
#cview .wbox textarea {overflow:auto;width:96.5%;height:27px;border:#dfdfdf solid 1px;padding:3px;color:#666;line-height:150%;font-family:dotum;font-size:11px;}
#cview .wbox input {}
#cview .wbox .boxresize {margin-top:3px;font-size:11px;font-family:dotum;color:#c0c0c0;cursor:pointer;text-decoration:underline;}

#pwbox {display:none;position:absolute;z-index:10000;}
#chkbox {border:#dfdfdf solid 1px;padding:20px 0 20px 0;margin:0;background:url('../../../../../_core/image/_public/bg_list_tt.jpg') #ffffff repeat-x top;}
#chkbox .msg {}
#chkbox .msg h3 {margin:0;padding:0 0 9px 0;font-size:14px;font-weight:bold;font-family:"malgun gothic","dotum";border-bottom:#dfdfdf dashed 1px;}
#chkbox .msg h3 img {position:relative;top:3px;}
#chkbox .msg div {padding:10px 0 0 22px;color:#999;}
#chkbox .ibox {padding:30px 0 10px 22px;}
#chkbox .input {width:150px;}
#chkbox .btnblue {width:80px;}
/* @view */

/* list */
#clist {border-top:#dfdfdf solid 1px;}
#clist .postbox {border-bottom:#efefef solid 1px;padding:7px 0 7px 0;}
#clist .postbox .subject {text-align:left;font-family:dotum;font-size:12px;}
#clist .postbox .subject a {font-family:dotum;font-size:12px;color:#4B4B4B;line-height:150%;font-weight:bold;}
#clist .postbox .subject a:hover {text-decoration:underline;}
#clist .postbox .subject .imgpos {position:relative;top:1px;}
#clist .postbox .subject .imgpos1 {position:relative;top:2px;}
#clist .postbox .subject .imgpos2 {position:relative;top:3px;}
#clist .postbox .subject .comment {font-family:arial;font-size:11px;color:#FC6138;}
#clist .postbox .subject .new {font-family:arial;font-size:10px;color:#ff0000;}
#clist .postbox .subject .name {font-family:dotum;font-size:12px;}
#clist .postbox .info {font-family:dotum;font-size:11px;color:#c0c0c0;padding:5px 0 0 0;letter-spacing:-1px;}
#clist .postbox .subject .notice {color:#0000ff;font-weight:bold;}
#clist .page {padding:20px 0 0 0;text-align:center;}
/* @list */

/* write */
.wrbox {padding:25px 0 0 0;}
.mdbox {padding:0;}
#cwrite {}
#cwrite .box {padding:25px;border:#dfdfdf solid 1px;background:#FCFCFC;}
#cwrite .box .tt {font-weight:bold;position:relative;}
#cwrite .box .tt span {font-weight:normal;font-size:11px;font-family:dotum;color:#888;padding:0 0 0 5px;}
#cwrite .box .inputbox {padding:8px 0 0 0;}
#cwrite .box .inputbox div {padding:5px 0 0 0;}
#cwrite .box .inputbox div span {position:relative;top:3px;font-size:11px;font-family:dotum;color:#c0c0c0;padding:0 10px 0 0;}
#cwrite .box .inputbox .input1 {border:#dfdfdf solid 1px;padding:2px 0 0 5px;height:18px;width:80%;}
#cwrite .box .inputbox .input2 {border:#dfdfdf solid 1px;padding:2px 0 0 5px;height:18px;width:80%;}
#cwrite .box .inputbox textarea {width:100%;height:50px;border:#dfdfdf solid 1px;}

#cwrite .box .editbox {padding:5px 0 0 0;}
#cwrite .box .uploadbox {padding:3px 0 3px 0;}
#cwrite .box .bottom {}
#cwrite .box .bottom .l {float:left;font-size:12px;font-family:dotum;color:#999;letter-spacing:-1px;position:relative;left:-6px;}
#cwrite .box .bottom .r {float:right;}
#cwrite .box .bottom .r img {position:relative;left:7px;}
#cwrite .box .bottom .r input {position:relative;top:2px;left:7px;}
/* @write */
/* JusQ comment theme refresh */
#cview,#clist,#cwrite,#chkbox {font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;color:#26364a;}
#cview {padding:0 0 28px;}#cview .box {padding:20px 24px 22px;border:1px solid #dbe6f2;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(30,73,119,.06);}#cview .icon,#cview .oneline .name .icon {overflow:hidden;border-radius:14px;background-color:#f1f5f9;background-size:cover;}#cview .icon img,#cview .oneline .name .icon img {width:100%;height:100%;object-fit:cover;}
#cview .subject a {padding:12px 0 11px;border-bottom:1px solid #e7eef6;background:none;color:#102a4c;font-size:15px;line-height:1.55;}#cview .info {padding:10px 0 14px 60px;color:#8a9aae;font-size:12px;}#cview .info .xright {display:flex;gap:10px;align-items:center;}#cview .info .xright a {color:#66788e;font-size:12px;}#cview .content {min-height:70px;padding:22px 4px 8px;color:#33465c;font:14px/1.8 "Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;}#cview .scorebtn {padding:20px 0 16px;}
.comment-btn {display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-width:66px;height:38px;padding:0 16px;border:0!important;border-radius:10px!important;box-shadow:none!important;text-decoration:none!important;font:600 13px/1 "Pretendard","Noto Sans KR","Malgun Gothic",sans-serif!important;cursor:pointer;}.comment-btn-primary {background:#078bd5!important;color:#fff!important;}.comment-btn-secondary {background:#edf3f9!important;color:#53677e!important;}.comment-btn-like {background:#e8f8ef!important;color:#17844c!important;}.comment-btn:hover {filter:brightness(.97);transform:translateY(-1px);}
#cview .ttone {margin-top:12px;color:#078bd5;text-decoration:none;}#cview .onebox {margin-top:12px;padding:14px 16px;border:1px solid #e4edf6;border-radius:12px;background:#f8fbfe;}#cview .oneline {padding:14px 0;border-bottom:1px solid #e7eef6;background:none;}#cview .oneline .cont {color:#52657b;font:13px/1.65 "Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;}#cview .wbox {margin-top:12px;}#cview .wbox table {border-collapse:separate;border-spacing:7px 0;}#cview .wbox textarea {box-sizing:border-box;width:100%;height:44px;padding:11px 13px;border:1px solid #cfdeed;border-radius:10px;color:#34485e;font:13px/1.55 "Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;resize:vertical;outline:none;}#cview .wbox textarea:focus {border-color:#078bd5;box-shadow:0 0 0 3px rgba(7,139,213,.1);}#cview .wbox .oneline-submit {height:44px;white-space:nowrap;}#cview .wbox .boxresize {margin:7px 0 0 7px;color:#8a9aae;text-decoration:none;}
#clist {margin-top:24px;overflow:hidden;border:1px solid #dbe6f2;border-radius:14px;background:#fff;}#clist table {table-layout:fixed;}#clist thead th {height:42px;border:0;border-bottom:1px solid #dbe6f2;background:#f5f8fc;color:#60748a;font:500 12px/1 "Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;}#clist thead .side1,#clist thead .side2 {border-left:0;border-right:0;}#clist tbody td {padding:13px 8px;border-bottom:1px solid #edf2f7;background:none!important;color:#8b9bad;font-size:12px;}#clist tbody td a {color:#31465d;font:500 13px/1.55 "Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;}#clist tbody .sbj {padding-left:16px;}#clist tbody .none td {border-bottom:0;}#clist .page {padding:18px 0;border-top:0;background:#fff;}
.wrbox {padding-top:28px;}.mdbox {padding-top:0;}#cwrite .box {padding:24px 26px;border:1px solid #dbe6f2;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(30,73,119,.05);}#cwrite .box .tt {padding-bottom:14px;border-bottom:1px solid #e7eef6;color:#132e50;font-size:15px;}#cwrite .box .tt span {color:#7e8fa3;font-size:12px;}#cwrite .box .tt .iconbox {display:flex;gap:8px;padding:0;}#cwrite .box .inputbox {padding-top:14px;}#cwrite .box .inputbox .input1,#cwrite .box .inputbox .input2 {box-sizing:border-box;height:40px;padding:0 12px;border:1px solid #cfdeed;border-radius:9px;background:#fff;outline:none;}#cwrite .box .inputbox .input1:focus,#cwrite .box .inputbox .input2:focus {border-color:#078bd5;box-shadow:0 0 0 3px rgba(7,139,213,.1);}#cwrite .box .editbox {padding-top:12px;overflow:hidden;border-radius:10px;}#cwrite .box .bottom {display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;}#cwrite .box .bottom .l,#cwrite .box .bottom .r {float:none;}#cwrite .box .bottom .r {display:flex;gap:8px;}
#chkbox {box-sizing:border-box;width:360px;padding:22px;border:1px solid #dbe6f2;border-radius:14px;background:#fff;box-shadow:0 15px 45px rgba(21,46,77,.18);}#chkbox .msg h3 {border-bottom:1px solid #e7eef6;color:#173554;}#chkbox .ibox {display:flex;gap:8px;padding:22px 0 0;}#chkbox .input {box-sizing:border-box;height:38px;padding:0 10px;border:1px solid #cfdeed;border-radius:8px;}#chkbox .btnblue,#chkbox .btngray {height:38px;border:0;border-radius:8px;}#chkbox .btnblue {background:#078bd5;color:#fff;}#chkbox .btngray {background:#edf3f9;color:#53677e;}
@media (max-width:720px){#cview .box,#cwrite .box{padding:16px;border-radius:13px}#cview .icon{width:42px;height:42px}#cview .subject,#cview .info{padding-left:52px}#cview .info .xleft,#cview .info .xright{float:none}#cview .info .xright{margin-top:9px;flex-wrap:wrap}#cview .wbox table,#cview .wbox tbody,#cview .wbox tr,#cview .wbox td{display:block;width:100%}#cview .wbox table{border-spacing:0}#cview .wbox td+td{margin-top:8px}#cview .wbox .oneline-submit{width:100%}#clist thead th:nth-child(n+3),#clist tbody td:nth-child(n+3){display:none}#cwrite .box .inputbox .input1,#cwrite .box .inputbox .input2{width:100%}#cwrite .box .bottom{align-items:flex-start;flex-direction:column}#cwrite .box .bottom .r{width:100%;justify-content:flex-end}}

/* Keep the subject row and editor in separate layout rows. */
#cwrite .box .inputbox > div {display:flex;align-items:center;gap:9px;box-sizing:border-box;min-height:40px;margin:0 0 16px;padding:0!important;}
#cwrite .box .inputbox > div span {position:static!important;top:auto!important;flex:0 0 auto;padding:0!important;line-height:40px;}
#cwrite .box .inputbox .input2 {flex:0 1 520px;width:min(520px,calc(100% - 52px));margin:0;vertical-align:middle;}
#cwrite .box .editbox {display:block;clear:both;box-sizing:border-box;width:100%;margin:2px 0 0;padding:0!important;overflow:hidden;border:1px solid #dbe6f2;border-radius:11px;background:#fff;}
#cwrite .box .editbox #editFrame {display:block;box-sizing:border-box;width:100%!important;margin:0;border:0;vertical-align:top;}
@media (max-width:720px){#cwrite .box .inputbox > div{align-items:stretch;flex-direction:column;gap:6px;margin-bottom:14px}#cwrite .box .inputbox > div span{line-height:1.4}#cwrite .box .inputbox .input2{flex:none;width:100%}}
