@charset "utf-8";
html {width:100%; height:100%; scroll-behavior:smooth; font-size:62.5%; }
body,textarea,input,select, button {font-family:'Noto Sans KR', sans-serif, Nanum Gothic,"나눔고딕",NanumGothic,"돋움",dotum,"굴림",Gulim; color:#000; font-size: 1.5rem; font-weight: 400; line-height:2.6rem; -webkit-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;/* 뷰표트 변환시 폰트크기 자동확대 방지. */}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{font-size:15px; margin:0; padding:0;}
ul,ol,li{list-style:none}
img, fieldset{border:none;padding:0; margin:0;line-height: 0}
legend,caption{width:1px; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; line-height:0;}
button{color:#222; padding:0; margin:0; border:0; background:none; cursor:pointer; }
input{padding:3px; background:#fff; color:#555; vertical-align:top; border:0;}
input[disabled] {cursor: not-allowed;background-color: #eeeeee;}
select{padding:0; background:#fff; border:1px solid #ddd;}
textarea{font-size:13px; vertical-align:top; background:#fff; color:#555; border:0; padding:12px 14px;}
a{text-decoration:none; color:inherit; color:#222;}
a:hover{text-decoration:underline;}
a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse;}
table td,table th{vertical-align:top;}
em{font-style:normal; font-weight:normal;}
input[type=button] {-webkit-appearance:none;}

.photoframe {display: block;position: relative;float: left;width: 80px;height: 80px;overflow: hidden;}
.photoframe img {width: 80px;margin-left:auto;margin-right:auto;}
.imgframe {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url("../images/body_sprite_tile.png") -10px -10px no-repeat;}

/*comment*/
.commentArea {font-size: 13px;position: relative}
.commentArea .comTop {overflow:hidden; padding:12px 0 10px;position: relative}
.commentArea .comTop h4, .commentArea .comTop h4 em {font-size:18px; font-weight: bold}
.commentArea .comTop p {float:left;}
.commentArea .comTop p em{color:#d70c19;}
.commentArea .comTop .list_category {position: absolute; right: 0;bottom: 10px}
.commentArea .comTop .list_category li {float: left;margin-left: 8px}
.commentArea .comTop .list_category li .ico-comment {display: none; margin-right: 5px}
.commentArea .comTop .list_category li.on {font-weight: bold;}
.commentArea .comTop .list_category li.on .ico-comment {display: inline-block;}
.commentArea .btnArea-center {font-size: 18px;padding: 10px 0;}

.cbox_writeBox {position: relative;}
.cbox_writeBox textarea {width:100%; height:60px; padding:15px;line-height: 20px;-webkit-box-sizing: border-box;color: #555}
.btnRegis{display: block; width:75px; height:35px; font-size:15px; font-weight:bold; cursor:pointer;background: #40459e;border-color: #40459e; color: #fff;float: right; border: 1px solid rgba(0,0,0,.1);}

.commentList {position:relative;}
.commentList ul li {position:relative}
.commentList ul li .info{padding-bottom:10px;}
.commentList ul li .info .name {padding-right:9px;font-weight: bold}
.commentList ul li .info .date{color:#bbbbbb; padding-left:5px; font-size: 13px}
.commentArea .commentList .action {display: inline-block; position: absolute; right: 0}
.commentArea .commentList .action .click_link {position: absolute; top: 0px; right: 10px; width:30px;height: 30px;text-align: center}
.commentArea .commentList .action .click_link span {text-indent: -9999px}
.commentArea .commentList .action .click_option {position: absolute; top: 12px; right: 0; border: 1px solid #aeaeae; background: #fff;width: 78px; z-index: 10}
.commentArea .commentList .action .click_option a {font-size: 13px;padding: 5px;display: block;text-align: center}
.commentArea .commentList .action .click_option a:first-child {border-bottom: 1px solid #e7e7e7}
.commentArea .commentList .action em {color:#bbb;padding:0 10px; font-weight:normal;}
.commentArea .commentList .comment {line-height:20px;font-size: 13px;}

.u_cbox_area {border: 1px solid #cccccc; position: relative}
.cbox_account {background: #fff;position: relative;overflow: hidden;padding: 8px; border-bottom: 1px solid #ccc;}
.cbox_account .list_account li {float: left; margin-right: 5px}
.cbox_account .list_account li a {text-indent: -9999px}
.cbox_account .info_account {font-weight: bold;position: absolute;top: 12px; right: 10px}
.cbox_account .info_account .name {margin-right: 10px}
.cbox_account .info_account .out_link {font-size: 13px; color: #9d9d9d}
.cbox_console {padding: 8px;overflow: hidden; border-top: 1px solid #ededed;}
.cbox_console .txt_byte {font-size: 13px;position: absolute;bottom: 10px;left: 15px; color: #e60013;}
.cbox_console .sns_register {font-size: 13px;position: absolute;right: 100px;bottom: 15px;line-height: 18px}

.u_profile_img {float: left; width: 50px;height: 50px}
.u_profile_img .photoframe {display: block;position: relative;float: left;width: 50px;height: 50px;overflow: hidden;}
.u_profile_img .imgframe {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url("../images/body_sprite_tile.png") -283px -10px no-repeat;}
.u_profile_img img {width: 50px;min-height: 50px}
.u_cbox_info {position: relative;margin-left: 60px;}
.u_cbox_btn_reply {font-size: 13px;}
.u_cbox_btn_like {position: absolute;right: 0;font-size: 12px;}
.u_cbox_btn_like.like_off {}
.u_cbox_btn_like.like_off .ico-cbox-like {background-position:-55px -8px;}
.u_cbox_btn_like.like_on a, .u_cbox_btn_like.like_on a em {color: #e60013; font-weight: bold; margin-left: 3px}
.u_cbox_btn_like.like_on .ico-cbox-like {background-position:-81px -8px;}
.btnArea-reply {padding: 15px 0 0 0;}

/* .ico-comment {display:inline-block; background:url(../images/bl_ico_comment.png) no-repeat;background-size:250px auto; vertical-align:text-top}
.ico-cbox-reply {width:11px; height:11px; background-position:-10px -10px;}
.ico-tw-sm, .ico-ka-sm, .ico-goo-sm, .ico-fb-sm, .ico-ilyo-sm {width:20px; height:20px; background-size:160px auto; }
.ico-tw-sm {background-position:-52px -49px;}
.ico-ka-sm {background-position:-96px -49px;}
.ico-goo-sm {background-position:-74px -49px;}
.ico-fb-sm {background-position:-28px -49px;}
.ico-ilyo-sm {background-position:-6px -49px;}

.ico-tw-mid, .ico-ka-mid, .ico-goo-mid, .ico-fb-mid, .ico-ilyo-mid {width:32px; height:32px;}
.ico-tw-mid {background-position:-80px -42px;}
.ico-ka-mid {background-position:-151px -42px;}
.ico-goo-mid {background-position:-116px -42px;}
.ico-fb-mid {background-position:-45px -42px;}
.ico-ilyo-mid {background-position:-10px -42px;}

.on .ico-tw-mid {background-position:-80px -76px;}
.on .ico-ka-mid {background-position:-151px -76px;}
.on .ico-goo-mid {background-position:-116px -76px;}
.on .ico-fb-mid {background-position:-45px -76px;}
.on .ico-ilyo-mid {background-position:-10px -76px;} */

.ico-comment {display: inline-block; border-radius: 100px; border: 1px solid #000; background:url(../images/bl_ico_2022.png) no-repeat; background-size: 250px auto; width: 30px; height: 30px; box-sizing: border-box;}

/* .ico-cbox-reply {width:22px; height:19px; background-position:0 -354px; border: 0;} */
.ico-cbox-reply {width:22px; height:19px; background-position:3px -318px; border: 0; }
.ico-tw-sm, .ico-ka-sm, .ico-goo-sm, .ico-fb-sm, .ico-ilyo-sm {border: 0; float: left;}
.ico-tw-sm {background-position:-27px -94px; background-size: 250px auto;}
.ico-ka-sm {background-position:-64px -94px; background-size: 250px auto;}
.ico-goo-sm {background-position:-74px -49px;}
.ico-fb-sm {background-position:3px -108px;}
.ico-ilyo-sm {background-position:-158px -107px;}

/* .ico-tw-mid, .ico-ka-mid, .ico-goo-mid, .ico-fb-mid, .ico-ilyo-mid {width:32px; height:32px;} */
.ico-tw-mid {background-position:-28px -95px;}
.ico-ka-mid {background-position:-65px -95px;}
.ico-goo-mid {background-position:-169px -95px;}
.ico-fb-mid {background-position:3px -95px;}
.ico-ilyo-mid {background-position:-140px -95px;}

.on .ico-comment {background-color: #40459e;}
.on .ico-tw-mid {background-position:-28px -67px;}
.on .ico-ka-mid {background-position:-65px -67px;}
.on .ico-goo-mid {background-position:-169px -67px;}
.on .ico-fb-mid {background-position: 3px -67px;}
.on .ico-ilyo-mid {background-position:-140px -67px;}

/* .ico-op-tooltip {background-position:-27px -312px; border:0} */
.ico-op-tooltip {background-size: 200px auto; background-position:-19px -247px; border:0}
.ico-cbox-like {width: 14px;height: 22px}
.ico-cate-select {background-position:-29px -6px;width: 15px; height: 15px}

.ico-chk {background-position:-164px -10px;text-indent: -9999px;cursor: pointer}
.chk_on .ico-chk {background-position:-136px -10px;}

.chk {position: relative;}
.chk .ico-chk, .chk .checkbox {position: absolute;top: 0px;left: 0px;width: 20px;height: 20px;}
.chk .checkbox {opacity: .01}
.chk .txt_required {margin-left: 25px;font-size: 13px;}

.u_cbox_reply_list {position: relative; background: #f9f9f9;padding:0px 10px 0 40px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;margin: 20px 0 0;margin-bottom: -20px}
.u_cbox_reply_list li, .cbox_item  {padding:18px 0; border-bottom:1px solid #e7e7e7;}
.u_cbox_reply_list li:last-child {border-bottom: 0 !important}
.u_cbox_reply_list .ico-cbox-reply {position: absolute; left: -30px;top: 22px; }

.u_cbox_reply_list .u_cbox_reply_area {padding:20px 0px 20px 20px;overflow: hidden;*zoom:1}
.u_cbox_reply_list .u_cbox_reply_area .ico-cbox-reply {position: absolute;left: 0px;top: 22px; }
.u_cbox_reply_list > li .u_cbox_reply_list {padding: 0 0 0 20px;}
.u_cbox_reply_list > li .u_cbox_reply_list li:last-child {padding-bottom: 0}
/*u_cbox_reply_area*/
.u_cbox_reply_area {position: relative;margin:18px 0 -21px;border-top:1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;padding: 20px 0  20px 40px}
.u_cbox_reply_area .ico-cbox-reply {position: absolute;left: 20px;top: 22px;}