@charset "utf-8";

.select {color:#666; border:1px solid #ccc; background-color:#fff;}
.input {padding:2px; border:1px solid #dfdfdf; background-color:#f7f7f7; height: 28px;}
.input_idpw {color:#545454; border:1px solid #dfdfdf; background-color:#fff;}
.search_input {color: #847f74; border: #cfcfcf 1px solid; background-color: #fff;}
.category_pd {padding-bottom:5px;}

/* 리스트 */
.bo_cate_link {float:left;display:inline-block;margin-right:10px;background:#e2eaf6;color:#333;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */
.bo_cate_link:hover {text-decoration:none}
.bo_tit {display:block;color:#000;font-weight:bold}
.bo_current {color:#e8180c}

table .profile_img img {border-radius:50%}
table .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

table .bo_tit .title_icon {margin-right:2px}
table .bo_tit .fa-heart {color:#ff0000}
table .bo_tit .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
table .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
table .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
table .bo_tit .fa-caret-right {color:#bbb}
table .bo_tit .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}
table .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}

/* 버튼 */
.btn_inc {border:none; padding:9px 10px; font-size:14px; text-align:center; vertical-align:middle; cursor:pointer; filter:alpha(opacity=80);opacity:0.8; margin:0 2px; width:auto; min-width:50px;background:#eee;border: 1px solid #eee;color: #000;}
.btn_inc:hover, .btn_inc:focus {filter:alpha(opacity=100);opacity:1;}
.btn_inc.search {background:#333;color:#fff;}
.btn_inc.write {background:#252560;color:#fff;}
.btn_inc.etc {background:#888888;color:#fff;}
.btn_inc.del {border:1px solid #ccc; background:#f0f0f0;}
.btn_inc.del:hover {border:1px solid #555; background:#555; color:#fff;}
.btn_inc.modify {border:1px solid #666; background:#777; color:#fff;}
.btn_inc.modify:hover {border:1px solid #222; background:#222;}
.btn_inc.apply {border:1px solid #b6caee; background:#eaf1fe;}
.btn_inc.apply:hover {border:1px solid #3265c2; background:#3265c2; color:#fff;}
.btn_inc.big {width:130px; padding:14px 20px; margin:0 2px; *margin:0 3px; border-radius:0;}
.btn_inc.btn_size {padding:5px 0 6px 0; *padding:3px 5px; width:70px;}
.btn_inc.small {padding:4px 0 4px 0; *padding:4px 5px; width:75px; min-width:75px;}
.btn_inc.board_btn_size {padding:8px; width:85px; border-radius:0;}

#btn_autosave {position:absolute;top:5px;right:15px;line-height:28px;height:28px}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

/* 리스트 페이지 카테고리 */
#bo_cate {}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:5px}
#bo_cate a {display:block;line-height:18px;padding:5px 15px;border-radius:3px;border:1px solid #d6e9ff;color:#959595;background:#eee;
    border:1px solid #eee;font-size:12px;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#eee;color:#959595}
#bo_cate #bo_cate_on {z-index:2;background:#434a54;color:#fff;font-weight:bold;border:1px solid #434a54;
-webkit-box-shadow:inset 0 2px 5px #434a54;
-moz-box-shadow:inset 0 2px 5px #434a54;
box-shadow:inset 0 2px 5px #434a54}

/* 분류 */
#BoardBox table select {border:1px solid #d0d3db;height:28px;border-radius:3px;padding:0 8px;}

/* 옵션 */
.chk_box {position:relative;float: left;margin-right: 10px}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#305af9}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#305af9;content:'';position:absolute;top:3px;left:3px;border-radius:50%}

/* 회원버튼 */
#bo_v_top {margin: 10px 0;}
#bo_v_top:after {display: block; visibility: hidden; clear: both; content: "";}
#bo_v_top .btn_bo_user {float: right;}
#bo_v_top .btn_bo_user li {float: left; padding: 5px 10px; display: inline-block; padding: 2px;}
#bo_v_top .btn_bo_user li a {border: none; font-size: 14px; text-align: center; vertical-align: middle; margin: 0 2px; background: #888; color: #fff; display: inline-block;}
#bo_v_top .more_opt {float: left;}
#bo_v_top .more_opt li {float: left; padding: 5px 10px; display: inline-block; padding: 2px;}
#bo_v_top .more_opt li a {border: none; font-size: 14px; text-align: center; vertical-align: middle; padding: 9px 10px; margin: 0 2px; background: #888; color: #fff; display: inline-block;}

/* 추천, 비추천 */
#bo_v_act {margin-top:40px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle;color:#4a5158}
#bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f}
#bo_v_act i {font-size:1.4em;margin-right:5px}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:60px;line-height:36px;border-radius:30px;cursor:pointer;}
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:60px;line-height:36px;border-radius:30px;cursor:pointer;}

#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

/* SNS 공유 */
#bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block;margin-top:3px;}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:30px;margin-right:5px;text-align:left}
#bo_v_sns li a {height:30px;line-height:30px;text-align:center;border-radius:50%;color:#fff;font-size:0.95em}
#bo_v_sns li a span {display: none;}
#bo_v_sns li img {vertical-align:middle;/* margin-right:5px */}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}
#bo_v_share a.sns_s {border-radius:50%;}

#bo_v_share {position:relative;/* padding:20px 0* /}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;/* width:80px; */line-height:35px;height:35px;border-color:#d5d5d5;border-radius:50%}
#bo_v_share .btn span {display: none;}
#bo_v_share .btn:hover {background:#fff}
#bo_v_share .btn i {/* margin-right:5px; */color:#4b5259;vertical-align:middle;font-size:16px;line-height:16px;margin-bottom:7px;}

/* 상단버튼 */
#bo_v_top button {border: none; font-size: 14px; text-align: center; vertical-align: middle; margin: 0 2px; background: #888; color: #fff; display: inline-block;}

/* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}

/*페이징간격*/
.Paging_Num td {padding-left: 3px;}

/*패스워드인풋*/
.Password_input input {height:20px; line-height:20px; background:#fff; border:1px solid #ccc; margin:0 1px; padding:3px 4px 3px;}


/***************************************************** 리스트 *****************************************************/
/* 게시판 하단 검색------------------------------------------*/
.AWbbs_f_search{border-top:1px solid #999; border-bottom:1px solid #ddd; background:#f7f7f7; padding:10px 0; margin-top: 20px;}
.AWbbs_f_search select{border:1px solid #ccc; padding:4px; }
.AWbbs_f_search input{width:200px; height:28px; line-height:28px; background:#fff; border:1px solid #ccc; margin:0 5px; padding:3px 4px 3px;}
.AWbbs_f_search button{}


/***************************************************** 인풋 *****************************************************/
/* 게시판 input ------------------------------------------*/
.AWbbs_input_table{border-top:1px solid #333;}
.AWbbs_input_table th, .AWbbs_input_table td{text-align:left;padding:5px 15px 5px;border-bottom:1px solid #ddd;}
.AWbbs_input_table th{height:38px; background:#f7f7f7;}
.AWbbs_input_table td{}
	/* 체크박스 (HTML 비밀글 공지글) */
	.AW_bbs_input_checkbox{margin:0 0 10px;}
	.AW_bbs_input_checkbox input{vertical-align:middle;}
	.AW_bbs_input_checkbox label{vertical-align:middle; margin:0 10px 0 2px;}


/***************************************************** 상세 *****************************************************/
/* 게시판 view ------------------------------------------*/
.AWbbs_view_table{}
.AWbbs_view_table.border{border-top:1px solid #333;}
.AWbbs_view_table th, .AWbbs_view_table td{text-align:left; padding-left:15px; border-bottom:1px solid #ddd;}
.AWbbs_view_table th{height:40px; background:#f7f7f7;}
.AWbbs_view_table td{}
	/* 테이블 안에 테이블 리셋 */
	.AWbbs_view_table table{border:0 none;}
	.AWbbs_view_table table th, .AWbbs_view_table table td{height:auto; padding:0; border:0 none; background:none;}

	/* 코멘트 */
	.AWbbs_comment_id{text-align:center; background:#f7f7f7; line-height:1.4;}
	.AWbbs_comment_id p{font-weight:bold;}
	.AWbbs_comment_id span{display:block; color:#999; font-size:10px;}

	/* 코멘트쓰기 */
	.AWbbs_comment_input_info{}
	.AWbbs_comment_input_info .input{background:#fff;}


/***************************************************** 상품평 *****************************************************/
/* 상품평 view ------------------------------------------*/
/* 댓글 */
.board_comment .tit:first-child strong {border-left: none}
.board_comment .tit {border-top: 1px solid #999; border-bottom:none; text-align:left; padding-left:20px; background-color:#f9f9f9;}
.board_comment tr:first-child .tit {border-top:none}
.board_comment .tit strong {border-left:none;font-size:13px;}
.board_comment td {padding:8px 10px;}
.board_comment td.pd {padding:15px 10px;}
.board_comment td span.table_in_txt {font-size:12px; margin-left:10px;}
.board_comment td p {}
.board_comment td #btn_autosave {position: absolute; top: 8px; right: 5px; line-height: 30px; height: 30px}
.board_comment td {padding:12px 10px; color:#777777; line-height:1.3; border-top:1px solid #dddddd; background:#fff;}
.board_comment td #captcha_info {display: inline-block !important; font-size: 13px !important; margin-left: 15px !important;}
.board_comment tr:first-child td {border-top:none}

.comment_area {margin-top:30px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.comment_area p.com_tit {margin-bottom:10px; border-bottom:1px solid #f0f0f0; padding:0 0 15px;position: relative;}
.comment_area p.com_tit strong {font-family:notokrB; font-size:16px; margin-right:20px;cursor:pointer;}
.comment_area p.com_tit strong:after {position: absolute;bottom: -2px;left: 0;display: inline-block;background:#3a8afd;content:"";width:40px;height:2px;}
/* .comment_area p.com_tit span {background:url(../images/board/icon_comment.png) no-repeat left 3px; color:#777;font-size:14px;} */
.comment_area b {font-family:notokrB; color:#dc44a4;}
/* .comment_area .com_box {border:1px solid #ddd; padding: 5px; background-color:#f9f9f9;} */
.comment_area .com_box .input_box {*zoom:1;}
.comment_area .com_box .input_box:after {content:""; display:block; clear:both;}
.comment_area .com_box .input_box span {display:block;}
.comment_area .com_box .input_box span.input_l {width:650px; float:left; vertical-align:top;}
.comment_area .com_box .input_box span.input_r {width:90px; float:right;}
textarea.comment_textarea {border:1px solid #777; height:66px; padding:5px; width:98.7%; background:#fff; color: #444;}
.btn_inc.comment_btn {background:#1f2631;color:#fff; width:100%; height:80px; *margin:1px 0 0 -1px;}

.comment_area dl.comment {padding:20px 0; border-bottom:1px solid #ddd;}
.comment_area dl.comment:last-child {border-bottom:none;}
.comment_area dl.comment dt {margin-bottom:10px;}
.comment_area dl.comment dt h2 {font-size:14px;}
.comment_area dl.comment dt strong.id_name {font-family:notokrB; color:#25407f;}
.comment_area dl.comment dt strong.id_name .member {font-size: 13px;}
/* .comment_area dl.comment dt span {display:inline-block; *display:inline; zoom:1;} */
/* .comment_area dl.comment dt span.com_date {color:#888; margin:0 20px; font-size:12px;} */
/* .comment_area dl.comment dt a {padding:3px 0; border:1px solid #ccc; border-radius:3px; color:#555; font-size:11px; width:33px; text-align:center; display:inline-block; display:inline; zoom:1;} */
.comment_area dl.comment dt a:hover {text-decoration:none; background:#f9f9f9;}
.comment_area dl.comment dd {word-break:keep-all; word-wrap:break-word; line-height:19px; color:#444; position: relative;}
.comment_area dl.comment dd p {font-size:12px;display:inline-block;}

.hidden_elem {display:none;}

.comment_area dl.comment dd .bo_vl_opt {position:absolute;top:-35px;right:0}

.comment_area dl.comment dd .bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.comment_area dl.comment dd .bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.comment_area dl.comment dd .bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.comment_area dl.comment dd .bo_vc_act li {border-bottom:1px solid #f0f0f0}
.comment_area dl.comment dd .bo_vc_act li:last-child {border-bottom:0}
.comment_area dl.comment dd .bo_vc_act li a {display:inline-block;padding:10px 15px}
.comment_area dl.comment dd .bo_vc_act li a:hover {color:#3a8afd}

#comment_write #bo_vc_w td input {padding:2px; border:1px solid #dfdfdf; background-color:#f7f7f7; height:28px;}
input#captcha_key {height:40px !important;}

/* 사이드뷰 */
.board_view .sv_wrap {position:relative;font-weight:normal}
.board_view .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);/* display:none !important; */}
.board_view .sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent;}
.board_view .sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb;border-top: 1px solid #ccc;}
.board_view .sv_wrap .sv a:first-child {border-top: 0;}
.board_view .sv_wrap .sv a:hover {background:#000;color:#fff}
.board_view .sv_member {color:#333}
.board_view .sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.board_view .sv_nojs .sv {display:block}

.comment .sv_wrap {position:relative;font-weight:normal}
.comment .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);/* display:none !important; */}
.comment .sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent;}
.comment .sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb;border-top:1px solid #ccc;}
.comment .sv_wrap .sv a:first-child {border-top: 0;}
.comment .sv_wrap .sv a:hover {background:#000;color:#fff}
.comment .sv_member {color:#333 !important; border:0 !important; font-size:14px !important;}
.comment .sv_guest {color:#333 !important; border:0 !important; font-size:14px !important;}
.comment .com_date {color:#333; font-size:12px !important;margin-left:5px;}
.comment .com_ip {font-size:12px;margin-left:5px;}
.comment .sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.comment .sv_nojs .sv {display:block}

.comment .profile_img {float:left;margin-right:10px}
.comment .profile_img img {border-radius:50%;width:50px;height:50px}
.comment h2 {margin-bottom:10px; display:none;}
.comment span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd;cursor: pointer;}
.comment span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn span.cmt_more {float: right; display: inline-block; width: 15px; height: 10px; background: url(./img/btn_cmt.png) no-repeat right 2px; margin-top: 12px; margin-right: 5px;cursor: pointer;}
.cmt_btn span.total {font-size: 14px; cursor: pointer; cursor: pointer;}
.cmt_btn_op span.cmt_more {background-position: right -8px; cursor: pointer;}
#bo_vc_empty {text-align: center; margin: 40px 0; font-size: 13px;}

.bo_v_com {margin:20px 0;float:right}
.bo_v_com > li {position:relative;float:left;margin-left:5px}

.AWbbs_view_table span.nb_date {float:right;color:#b3b3b3;padding-right:15px;}

.w10 {width:10px;}
.w20 {width:20px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w55 {width:55px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w220 {width:220px;}
.w250 {width:250px;}
.w290 {width:290px;}
.w300 {width:300px;}
.w310 {width:310px;}
.w320 {width:320px;}
.w350 {width:350px;}
.w360 {width:360px;}
.w400 {width:400px;}
.w410 {width:410px;}
.w420 {width:420px;}
.w400 {width:450px;}
.w500 {width:500px;}
.w550 {width:550px;}
.w590 {width:590px;}
.w600 {width:600px;}
.w650 {width:650px;}
.w700 {width:700px;}
.w750 {width:750px;}
.w800 {width:800px;}
.w850 {width:850px;}
.w900 {width:900px;}
.w950 {width:950px;}