@charset "utf-8";

/*CSS Document*/

.select {color:#666; border:1px solid #ccc; background-color:#fff;}
.input {padding:2px; border:1px solid #dfdfdf; background-color:#f7f7f7;}
.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; }


/*페이징간격*/
.Paging_Num td {font-size:11px;}
.Paging_Num b { text-decoration:underline;}
.Paging_Num a {
    color:#909090;
}
/*패스워드인풋*/
.Password_input input { height:20px; line-height:20px; background:#fff; border:1px solid #ccc; margin:0 1px; padding:3px 4px 3px;}

/* 관리자 버튼 */
.adm_btn .btn {
    display:inline-block;
    width:70px;
    height:28px;
    font-size:12px;
    letter-spacing:-0.095rem;
    line-height:29px;
    background:#9498a1;
    color:#fff;
    text-align:center;
    border:1px solid #858991;
    box-sizing:border-box;
    vertical-align:middle;
    cursor:pointer;
}
.adm_btn .list_btn {
    color:#888;
    background:#fff;
    border-color:#d9d9d9;
}
/***************************************************** 리스트 *****************************************************/
.bbs_table .no_num, .bbs_table .h_ttl {
    display:none;
}
.bbs_table .subject {
    padding-left:10px;
    word-break:break-all;
}

/* 게시판 하단 검색------------------------------------------*/
.AWbbs_f_search{background:#f9f9f9; padding:18px 0;}
.AWbbs_f_search select{height:37px; border:1px solid #ccc; padding:4px 4px 5px;}
.AWbbs_f_search input{width:200px; height:37px; line-height:20px; background:#fff; border:1px solid #ccc; margin:0 5px; padding:3px 4px 3px;  box-sizing:border-box;}
.AWbbs_f_search button{width:50px; height:37px; background:#666; text-align:center; color:#fff; font-size:12px;}

/***************************************************** 인풋 *****************************************************/
/* 게시판 input ------------------------------------------*/
.AWbbs_input_table{border-top:1px solid #333;}
.AWbbs_input_table th, .AWbbs_input_table td{text-align:left; padding-left:15px; border-bottom:1px solid #ddd;}
.AWbbs_input_table th{height:38px; background:#f7f7f7;}

/* 체크박스 (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;}

.AWbbs_input_table .AWbbs_select {
    height:29px;
    line-height:29px;
    vertical-align:middle;
}
.AWbbs_input_table .input {
    height:29px;
    line-height:30px;
    box-sizing:border-box;
}
.AWbbs_input_table textarea.input {
    height:auto;
    line-height:1.4;
}
.AWbbs_input_table .vcode {
    height:22px;
    line-height:22px;
}
.required_txt {
   text-align:right; margin:0 0 10px; 
}
.passwd_area .passwd {
    display:inline-block;
    margin-left:4px;
}

/***************************************************** 상세 *****************************************************/
/* 게시판 view ------------------------------------------*/
.AWbbs_view_table{}
.AWbbs_view_table.border{border-top:1px solid #777;}
.AWbbs_view_table th, .AWbbs_view_table td{text-align:left; padding-left:15px; border-bottom:1px solid #e2e2e2;}
.AWbbs_view_table th{height:40px; background:#f9f9f9;}
.AWbbs_view_table .v_ttl {
    display:inline-block;
}
.AWbbs_view_table .v_ttl:after {
    content:'';
    display:inline-block;
    width:1px;
    height:11px;
    background:#ddd;
    vertical-align:middle;
    margin:0 5px 0 7px;
}
.AWbbs_view_table .v_ttl:last-child:after {
    display:none;
}
.AWbbs_view_table .AWbbs_view_content {
    padding:25px 15px;
}
.AWbbs_view_table .AWbbs_view_content img {
    width:auto;
    max-width:100%;
    height:auto;
}

/* 테이블 안에 테이블 리셋 */
.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_area .comment_area {
    background:#f7f7f7; border:1px solid #ddd; padding:19px; margin-bottom:20px;
}
.AWbbs_comment_area .com_ttl {
    font-size:12px;
    color:#555;
    font-weight:600;
    margin-bottom:10px;
}
.AWbbs_comment_area .comment_area .com_textarea {
    width:100%; height:62px; word-break:break-all; background:#fff; padding:10px; border:1px solid #ddd; box-sizing:border-box; overflow-y:auto; resize:none;
}
.AWbbs_comment_area .comment_area .com_textarea::-webkit-input-placeholder {color:#aaa;}
.AWbbs_comment_area .comment_area .com_submit {
    width:56px;
    height:60px;
    line-height:60px;
    background:#666;
    color:#fff;
    font-weight:600;
}

.AWbbs_comment_area .com_count {
    font-size:12px;
    color:#555;
    font-weight:400;
    margin-bottom:10px;
}

/* 코멘트 */
.AWbbs_comment_area .AWbbs_comment_id {border-top:1px solid #ddd;}
.AWbbs_comment_id th { text-align:left; color:#999; }
.AWbbs_comment_id th b { display:inline-block; color:#222; font-weight:bold; margin-right:10px;}
.AWbbs_comment_id th .c_bar:after {
    content:'';
    display:inline-block;
    width:1px;
    height:11px;
    background:#ddd;
    margin:0 10px;
    vertical-align:middle;
}
.AWbbs_comment_id td {
    line-height:21px;
    color:#777;
}
.AWbbs_comment_id .btn {
    display:inline-block;
    width:35px;
    height:22px;
    line-height:24px;
    border:1px solid #ddd;
    color:#717277;
    background:#f7f7f7;
    text-align:center;
    font-size:11px;
    letter-spacing:-0.09rem;
    cursor:pointer;
    box-sizing:border-box;
}


/* 코멘트쓰기 */
.AWbbs_comment_input_info{}
.AWbbs_comment_input_info .input{ width:160px; height:29px; line-height:29px; background:#fff; border-color:#ddd; padding-left:10px; box-sizing:border-box;}
.AWbbs_comment_input_info input::-webkit-input-placeholder { color:#aaa; }
.AWbbs_comment_area .comment_txt {
    margin:4px 0 0;
}
.AWbbs_comment_area .comment_txt td:last-child {
    padding-left:4px;
}

/***************************************************** 글 삭제 *****************************************************/
.AWbbs_passwd { width:450px; margin:0 auto; border:2px solid #eaeaea; padding:20px 10px; }

/***************************************************** 상품평 *****************************************************/
/* 상품평 view ------------------------------------------*/
.Prd_review_bbs { border:1px solid #ddd; background:#fafafa; padding:20px; margin:15px 0; }
.Prd_review_bbs_img img { padding:3px; background:#fff; border:1px solid #ddd; }
.Prd_review_bbs_info {}
.Prd_review_bbs_info th { text-align:left; border-bottom:1px solid #ddd; padding-bottom:15px;  font-size:16px; }
.Prd_review_bbs_info td { padding-top:15px;  }
.Prd_review_bbs_info td span { color:#d43d60;  }



@media screen and (max-width:900px) {
    /* list.php */
    .bbs_table thead {
        display:none;
    }
    .bbs_table tbody > tr {
        display:block;
        padding:25px 20px;
    }
    .bbs_table tbody > tr.notice_on {
        background:#f9f9f9;
    }
    .bbs_table tbody > tr.bor {
        padding:0;
    }
    .bbs_table tbody > tr.bor td[colspan="10"] {
        display:block;
    }
    .bbs_table .chk_box, .bbs_table .no, .bbs_table .subject {
        display:block;
        text-align:left;
    }
    .bbs_table .chk_box {
        margin-bottom:5px;
    }
    .bbs_table .no_num, .bbs_table .h_ttl {
        display:inline-block;
        margin-right:3px;
    }
    .bbs_table .no {
        color:#999;
        height:16px;
    }
    .bbs_table .subject {
        font-size:15px;
        line-height:21px;
        letter-spacing:-0.025rem;
        color:#aaa;
        padding-left:0;
        margin-bottom:12px;
    }
    .bbs_table .subject a {
        color:#222;
    }
    .bbs_table .subject a:hover {
        text-decoration:underline;
    }
    .bbs_table .subject ~ td {
        display:inline-block;
        color:#999;
    }
    .bbs_table .subject ~ td:after {
        content:'';
        display:inline-block;
        width:1px;
        height:11px;
        background:#ddd;
        vertical-align:middle;
        margin:0 4px 0 5px;
    }
    .bbs_table .subject ~ td:last-child:after {
        display:none;
    }
    
    /* input.php */
    .AWbbs_input_table { 
        display:block;
        width:100%;
    }
    .AWbbs_input_table thead, .AWbbs_input_table tbody {
        width:100%;
        display:inline-block;
    }
    .AWbbs_input_table thead tr, .AWbbs_input_table tbody tr {
        display:block;
        width:100%;
    }
    .AWbbs_input_table thead tr:after {
        content:'';
        display:block;
        clear:both;
    }
    .AWbbs_input_table thead th, .AWbbs_input_table thead td {
        padding:4px 0 4px 15px;
        box-sizing:border-box;
    }
    
    .AWbbs_input_table thead th {
        display:inline-block;
        float:left;
        width:22%;
        line-height:29px;
    }
    .AWbbs_input_table thead td {
        display:inline-block;
        float:left;
        width:78%;
        min-height:38px;
    }
    .AWbbs_input_table thead .input {
        width:160px;
        vertical-align:middle;
        padding-left:9px;
    }
    .AWbbs_input_table tbody td[colspan="4"] {
        display:block;
        width:100%;
    }
    .AWbbs_input_table tbody tr:after {
        content:'';
        display:block;
        clear:both;
    }
    .AWbbs_input_table tbody th, .AWbbs_input_table tbody td {
        padding:4px 0 4px 15px;
        box-sizing:border-box;
    }
    .AWbbs_input_table tbody th {
        display:inline-block;
        float:left;
        width:22%;
        line-height:29px;
    }
    .AWbbs_input_table tbody td {
        display:inline-block;
        float:left;
        width:78%;
        min-height:38px;
    }
    .AWbbs_input_table thead .passwd_area > * {
        height:55px;
    }
    .AWbbs_input_table thead .passwd {
        display:block;
        margin-top:4px;
        margin-left:0;
        font-size:11px;
    }
}
@media screen and (max-width:640px) {
    .bbs_table .subject ~ td {
        display:block;
        text-align:left;
    }
    .bbs_table .subject ~ td:after {
        display:none;
    }
    .AWbbs_f_search td:first-child {
        display:block;
        margin-bottom:5px;
    }
    .AWbbs_f_search td {
        display:inline-block;
    }
    .AWbbs_f_search select {
        width:100%;
    }
    .AWbbs_f_search input {
        margin:0 3px 0 0;
    }
    /* .Paging_Num {
        display:none;
    } */
    .AWbbs_f_search {
        margin-bottom:20px;
    }
    .adm_btn td {
        display:block;
        text-align:right;
        margin-bottom:5px;
    }
    
    /* view CSS */
    .AWbbs_view_table .v_ttl {
        display:block;
        line-height:21px;
    }
    .AWbbs_view_table td {
        padding:10px 0 10px 15px;
    }
    .AWbbs_view_table .v_ttl:after {
        display:none;
    }
    .AWbbs_view_table + .AWbbs_view_table th, .AWbbs_view_table + .AWbbs_view_table td {
        font-size:11px;
        padding-left:9px;
    }
    .adm_btn td {
        margin:0;
    }
    .adm_btn .btn {
        width:24%;
        margin-bottom:4px;
    }
    .input_btn, .input_btn tbody {
        width:100%;
        display:block;
    }
    .input_btn tr {
        width:100%;
        display:block;
    }
    .input_btn tr:after {
        content:'';
        display:block;
        clear:both;
    }
    .input_btn td[align="left"] {
        float:left;
    }
    .input_btn td[align="right"] {
        float:right;
    }
    .input_btn .btn {
        width:70px;
    }
    /* comment */
    .AWbbs_comment_area .AWbbs_comment_id {
        padding:0 2%;
        box-sizing:border-box;
    }
    .AWbbs_comment_input_info td {
        display:block;
    }
    .AWbbs_comment_area .comment_txt td{
        display:block;
        width:100%;
    }
    .AWbbs_comment_input_info td img + .input {
        display:inline-block;
        width:120px;
    }
    .AWbbs_comment_input_info td img ~ font {
        display:block;
        margin:2px 0 !important;
        font-size:11px;
        
    }
    .AWbbs_comment_area .comment_txt td:last-child {
        padding:0;
    }
    .AWbbs_comment_area .comment_txt .com_submit {
        width:100%;
        height:35px;
        line-height:35px;
        margin-top:4px;
    }
    .AWbbs_comment_input_info .input {
        display:block;
        width:100%;
        margin-top:4px;
    }
    .AWbbs_comment_input_info .input:first-child {
        margin-top:0;
    }
    .AWbbs_comment_id th {
        height:60px;
    }
    .AWbbs_comment_id th b {
        display:block;
    }
    .AWbbs_comment_id th + td {
        width:37px;
    }
    .AWbbs_comment_id th + td a {
        display:block;
        width:35px;
        height:22px;
        margin-top:4px;
    }
    .AWbbs_passwd { width:96%; margin:0 auto; border:2px solid #eaeaea; padding:20px 10px; box-sizing:border-box;}
    .AWbbs_passwd .pw_img {display:none;}
    .AWbbs_passwd .pw_img+td {display:none;}
    
    /* input.php */
    .required_txt { font-size:11px; color:#555; }
    .AWbbs_input_table th {
        font-size:11px;
    }
    .AWbbs_input_table thead th, .AWbbs_input_table thead td {
        padding:4px 0 4px 8px;
    }
    .AWbbs_input_table thead select + .input_ttl {
        width:95% !important;
        margin-top:4px;
    }
    .AWbbs_input_table thead .passwd_area > * {
        height:60px;
    }
    .AWbbs_input_table tbody .vcode_area {
        height:55px;
        font-size:11px;
    }
    .AWbbs_input_table tbody td.vcode_area {
        padding:8px;
    }
    .AWbbs_input_table tbody font.comment {
        display:block;
        margin:4px 0 0;
        font-size:11px;
    }
    .AWbbs_input_table thead .cate_on {
        height:78px;
    }
    .AWbbs_input_table thead td.cate_on {
        padding:8px;
    }
}

@media screen and (max-width:340px) {
    .required_txt { font-size:9px; color:#555; letter-spacing:-0.025rem; }
    .AWbbs_input_table thead .passwd_area > * {
        height:65px;
    }
}



.young-view-content{padding: 0px 0 20px; overflow: hidden; border-bottom: 1px solid #cccccc; font-family: 'pretendard'; font-weight: 400;}
.young-view-img{width:40%; float: left;margin-right:42px;margin-top:12px;}/* 306px*/
.young-view-img img{width:100%;height:auto;vertical-align:top;}
.young-view-info{width:60%; float:left;}/*804px*/
.young-view-info .yv-top{}
.young-view-info .yv-top h5{font-size: 15px; color: #333; font-weight: 400; padding-bottom: 5px;}
.young-view-info .yv-top h3{font-size: 26px; color: #333; font-weight: 700; padding-bottom: 10px;}
.young-view-info .yv-top p{font-size: 15px; color: #333; font-weight: 400;}

.young-view-info .yv-bottom{padding: 40px 0 20px;}
.young-view-info .yv-bottom table{width: 100%; overflow: hidden; border-collapse:collapse;border-top:2px solid #000;border-bottom: 1px solid #ddd;}
.young-view-info .yv-bottom table tbody{}
.young-view-info .yv-bottom table tbody tr{}
.young-view-info .yv-bottom table tbody tr th{width: 120px; padding: 12px 0; vertical-align: top; background:#f5f5f5;border:1px solid #e2e2e2;border-top:none;border-left:none;text-align:center;color:#333;font-weight:600;font-size:14px;}
.young-view-info .yv-bottom table  tbody tr td{padding: 12px 20px; font-size: 14px; color: #333; font-weight: 500;border:1px solid #e2e2e2;border-top:none;border-right:none;;}

.yv-link{background:#0066cb;color:#fff !important;font-size:13px;display:inline-block;padding:4px 15px;margin-left:10px;}

.moreview_btn {border:0px; width:134px; height:36px; line-height:36px; margin-top:40px; color:#FFF; text-align:center; font-size:16px; background-image:url(/img/morebtn.gif);}
.moreview_btn_no {display:none; }
.young-view-info_view {padding:40px; width:100%;}
.young-view-info_view .contents_view {font-size: 14px; color: #fff; line-height:140%;}

.view_result{padding: 30px;}
.view_result{font-size: 16px; color: #333333; letter-spacing: 0px;}
.view_result .view_result_img{text-align: center; padding: 60px 0 70px;}

.view_result2{padding: 30px 0px 30px 0px; }/*background-color:#f9f9f9;*/
.view_result2{font-size: 16px; color: #333333; letter-spacing: 0px;}

.view_result2 table {width: 100%; border-top: 2px solid #000;}
.view_result2 table th {padding: 10px 0px; text-align: center; border: 1px solid #666; background-color: #096; color: #fff; font-weight: 300;}
.view_result2 table td {padding: 10px 10px; border: 1px solid #666; background-color: #fff; font-size: 14px; color: #333; font-weight: 500;}


/**/
.bx-wrapper{width:400px !important; margin-right: 50px;}
.young-view-content{display: flex;justify-content:space-between;align-items:flex-start;}

@media screen and (max-width: 1200px) {
	.bx-wrapper{width:100% !important; margin-right: 0px;}	
	.young-view-img{width: 100% !important; margin-right:0px; text-align: center; padding: 0px 20px;}
	.young-view-img img{width: 100%; padding: 0px 20px;}
	.young-view-info{width: 100%!important; padding: 0px 20px;}
}
@media screen and (max-width: 860px) {
    .young-view-content{flex-wrap:wrap}
	.young-view-info .yv-bottom{padding: 0px 0 20px;}
}

@media screen and (max-width: 640px) {
	.view_result{padding: 20px;}
}


#bo_btn_top {margin:10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;line-height:34px;font-size:0.92em;color:#4e546f}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;width:40px;text-align:center;margin-left:5px;background:#fff}
.btn_bo_user > li {position:relative}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}


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

.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}


.right{text-align: right;}
.center{text-align: center;}

/*글쓰기*/
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#bo_w .btn_submit {padding:0 20px;font-size:1.167em}
#bo_w .btn_cancel {border-radius:3px;font-size:1.167em}