@charset "utf-8";
@import url('layoutCha.css?v=12.555');
@import url('boardCha.css?v=1.1');
@import url('pop.css?v=1.412');
@import url('eventCha.css?v=1.26');
@import url('channel.css?v=4.22');

/***************************************************************************/
/*                                        body 공통 설정                                           /
/***************************************************************************/

html,body {height:100%; width:100%;}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
ul,ol,dl {list-style:none;}
ul li {margin:0; padding:0;}
ul li img {vertical-align:top;}
img {border:0;vertical-align:top;}
/* inline 속성은 li 등에  이미지를 넣어 돌릴경우 빈 여백이 생긴다. 이것때문에 평소 이 태그를 자주 쓰지 않았었는데
float 속성은 div 높이값을 인식하지 못하기 때문에 해결 방안을 적어놓는다.
이미지 자체에 vertical-align:top; 을 먹이면 빈 여백이 사라지고 ie6, 7 에서도 같은 사이즈의 결과물을 얻을 수 있다 */
fieldset {border:none;}
ul {list-style:none;padding:0;margin:0;}
fieldset{border:none;}
li{list-style:none;}
input,select,button,textarea {vertical-align:middle;outline:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
a {outline:0;}
a:focus {text-decoration:none;}
a:link {text-decoration:none;}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a, a:visited, a:hover, a:active {
  color: inherit;
}/*색깔변화없애기 위해 추가*/
hr {border:0;}
table {width:100%;border-spacing:0}/* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */
table {table-layout:fixed;border-collapse:collapse;word-break:break-all;}
/* 셀의 내용이 한글 영문 상관없이 셀 가로폭에 딱 맞춰 다음줄로 깔끔하게 줄바꿈 함 */

/*기본 글꼴 및 링크 텍스트 꾸미기*/
body {font-family:"Malgun Gothic","맑은 고딕",sans-serif; color:#464646;letter-spacing:-0.5px; font-size: 13px;}/*font-family: "맑은 고딕", "Malgun Gothic",sans-serif;*/
select,input,textarea,button {font-family:"Malgun Gothic","맑은 고딕",sans-serif; color:#464646;}
.hide,legend,caption,hr {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;text-indent:-9999px;}
input[type="image"]:focus {
    outline: none;
}
button {border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible; }
input {border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible;vertical-align:middle;}
.cb13 {width:13px;height:13px;}

/* 크롬 자동완성기능 끄기 */
<form autocomplete="new-password">
<form autocomplete="off">

.vaM {vertical-align: middle;}
/* 패딩값 */
.p0 {padding:0;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt22 {padding-top:22px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pr3 {padding-right:3px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pl10 {padding-left:10px;}
.pb3 {padding-bottom:3px;}
.pb5 {padding-bottom:5px;}
.pb7 {padding-bottom:7px;}
.pb10 {padding-bottom:10px;}
.pb14 {padding-bottom:14px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb40 {padding-bottom:40px;}
.prl10 {padding:0 10px;}

/* 마진값 */
.mb1 {margin-bottom:1px;}
.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;}
.mb6 {margin-bottom:6px;}
.mb7 {margin-bottom:7px;}
.mb10 {margin-bottom:10px;}
.mb12 {margin-bottom:12px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb13 {margin-bottom:13px;}
.mb40 {margin-bottom:40px;}
.mr11 {margin-right:11px;}
.mr14 {margin-right:14px;}
.mr15 {margin-right:15px;}
.mr3 {margin-right:3px;}

/* 가로사이즈 */
.w884 {width:100%;}
.w794 {width:794px;}
.w678 {width:678px;}
.w196 {width:196px;}
.w125 {width:125px;}
.w70 {width:70px;}


/* 색상 */
.c_lr {color:#e55454;} /* 밝은 빨강 */
.c_r {color:#e23c3c;} /* 빨강 */
.c_db {color:#3547cd;} /* 채도높은 짙은 파랑 */
.c_lb {color:#5081d8;} /* 명도높은 짙은 파랑 */
.c_lg {color:#9c9ca0;} /* 밝은 회색 */
.c_sb {color:#00a5d5;} /* 밝은 청록 */
.c_bg {color:#028ca9;} /* 짙은 청록 */
.c_ln {color:#4053d2;} /* 밝은 청록 */
.c_wb {color:#4d69bc;} /* 채도높은 짙은 파랑2 */
.c_ldb {color:#7c8190;}
.c_black {color:#464646;}
.c_dg {color:#5b5b5b;}
.c_lb2 {color:#1172c3;}
.c_org {color:#fe7c22;}

/* 기타 */
.bg_lg {background:#f3f4f8;}
.f_left {float:left;}
.f_right {float:right;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs20 {font-size:20px;}
.fs28 {font-size:28px;}
.lh16 {line-height:16px;}
.ffta {font-family:Tahoma;}
.ffms {font-family:'Trebuchet MS';}
.tac {text-align:center;}
.letter0 {letter-spacing:0;}
.letter1 {letter-spacing:-1px;}
.u_line {text-decoration:underline;}
.m_line {text-decoration:line-through;}
.fwn {font-weight:normal !important;}
.fwb {font-weight:bold;}
.b_ch {width:13px;height:13px;}
.b_ch_txt {padding-left:2px;vertical-align:-1px}
.vm_img {padding-top:1px;vertical-align:middle;padding-bottom:3px;padding-right:2px;*padding-top:2px;}
.vm_img2 {padding-top:1px;vertical-align:middle;padding-bottom:3px;*padding-top:2px;}
.bgnone {background:none;}
.b_top {border-top:1px solid #dedde0;}
.bx_tb1 {zoom:1;}
.c_red{color:#eb2d2f;}


/* 자녀안심서비스 설정 */
.set19 {width:420px;background:#fff;}
.set19 .tbox {position:relative;width:420px;height:39px;background:#E23C3C;color:#fff;font-size:14px;letter-spacing:-1px;}
.set19 .tbox h3 {line-height:39px;font-weight:bold;letter-spacing:-1px;padding-left:21px;}
.set19 .tbox p {position:absolute;top:5px;right:10px;}
.set19 .tbox .pop_close { position:absolute; right:7px; top:5px; }
.set19 .mbox {width:376px;background:#f1f5f9;border-bottom:1px solid #e5e5e5;padding:20px 22px 0 22px;}
.set19 .mbox .pb4 {padding-bottom:4px;}
.set19 .mbox .pb13 {padding-bottom:13px;}
.set19 .mbox .h60 {height:60px;}
.pw_blur1
{ width:367px;height:29px;padding:2px 3px 0 5px;border:1px solid #d9d9d9; background:#FFF; border-radius:5px 5px 5px 5px;font-size:12px;color:#535353; padding:6px 3px 0 5px \0/IE8;height:25px \0/IE8; *padding:6px 3px 0 5px;*height:25px;}
.pw_focus1
{ background:#fff;width:367px;height:29px;padding:2px 3px 0 5px;border:1px solid #d9d9d9;border-radius:5px 5px 5px 5px;font-size:12px;color:#535353;
padding:6px 3px 0 5px \0/IE8;height:25px \0/IE8;
*padding:6px 3px 0 5px;*height:25px;}
.pw_blur2
{ width:367px;height:29px;padding:2px 3px 0 5px;border:1px solid #d9d9d9; background:#FFF; border-radius:5px 5px 5px 5px;font-size:12px;color:#535353;
padding:6px 3px 0 5px \0/IE8;height:25px \0/IE8;
*padding:6px 3px 0 5px;*height:25px;}
.pw_focus2
{ background:#fff;width:367px;height:29px;padding:2px 3px 0 5px;border:1px solid #d9d9d9;border-radius:5px 5px 5px 5px;font-size:12px;color:#535353;
padding:6px 3px 0 5px \0/IE8;height:25px \0/IE8;
*padding:6px 3px 0 5px;*height:25px;}
.pw_blur3
{ width:367px;height:29px;padding:2px 3px 0 5px;border:1px solid #d9d9d9; background:#FFF; border-radius:5px 5px 5px 5px;font-size:12px;color:#535353;
padding:6px 3px 0 5px \0/IE8;height:25px \0/IE8;
*padding:6px 3px 0 5px;*height:25px;}
.pw_focus3
{ background:#fff;width:367px;height:29px;padding:2px 3px 0 5px;border:1px solid #d9d9d9;border-radius:5px 5px 5px 5px;font-size:12px;color:#535353;
padding:6px 3px 0 5px \0/IE8;height:25px \0/IE8;
*padding:6px 3px 0 5px;*height:25px;}
.set19 .bbox {padding:24px 24px 38px 24px;}
.set19 .bbox ul h4 {font-size:12px;font-weight:bold;color:#535353;letter-spacing:-1px;height:20px;}
.set19 .bbox ul li {font-size:11px;color:#898989;letter-spacing:-1px;line-height:17px;}
.a_pb25 {padding-bottom:25px;}
.confirmBtn { width:140px; height:38px; background:#2E314F; border-radius:3px; color:#FFF; font-weight:bold;}
.sellerInfo{ position:relative; display:none; z-index:4001; }
.maruPlayer{width:690px;height:auto;min-height:400px; margin:0;}


/* 판매자 댓글, 대댓글_200225_mh */
.buyer_comment tbody td{line-height:14px;}
.buyer_comment tbody td.info{padding: 0 7px;}
.buyer_comment tbody td.info img{padding: 3px 0; vertical-align: middle;}
.t_base1 tbody td textarea{width:600px; height:18px; padding:5px 10px; font-size:12px; line-height:18px;}
.t_base1 tbody td .btn_upload{float:right; margin-right:0px;}
.t_base1 tbody td .btn_upload img{vertical-align:middle; padding-top:0; padding-bottom:0px; padding-left:0px;*padding-top:2px;}
.t_base1 tbody td img.ico_comment{padding-right:5px;}
.t_base1 tbody td img.comment_arrow {vertical-align:middle; padding:9px 10px 8px 5px;}
.t_base1 tbody td.reply_form{text-align:left; }
.recomarea td.reply.reply_form img{padding-top:1px;vertical-align:middle;padding-bottom:3px;padding-left:2px; padding-right:5px;}
.recomarea td.reply{font-weight:600; padding-left:2px; font-size:11px; letter-spacing:-1px;}
.recomarea td.reply img{padding-top:1px;vertical-align:top; padding:0;}
.buyer_comment .del_ico{position:absolute; right:5px; top:8px;}

.recom_modal{cursor:pointer;}
