@charset "euc-kr";
/*CSS Document*/
@import url(/css/global.css);
.select {color:#666; border:1px solid #ccc; background-color:#fff;}
.input {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 {margin:20px 0 30px;}
.Paging_Num td{padding:0 2px;}
.Paging_Num td a{display:block; width:25px; height:25px;}
.Paging_Num td, .Paging_Num a, .Paging_Num b{font-size:15px; vertical-align:middle}
.Paging_Num td b{line-height:25px;}

/*Æнº¿öµåÀÎDz*/
.Password_input input { height:20px; line-height:20px; background:#fff; border:1px solid #ccc; margin:0 1px; padding:3px 4px 3px;}

/* °ü¸®ÀÚ ¹öÆ° */
.adm_btn{margin:10px 0 30px;}
.adm_btn th, .adm_btn td{vertical-align:middle;}
.adm_btn input, .adm_btn img, .adm_btn button{vertical-align:middle;}
.adm_btn .aw_btn {
    display:inline-block;
    width:70px;
    height:28px;
    font-size:12px;
    font-family:'Dotum','µ¸¿ò',sans-serif;
    letter-spacing:-0.025em;
    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 {background:#fff; border-color:#d9d9d9; color:#888;
}


/* °Ô½ÃÆÇ ÇÏ´Ü °Ë»ö------------------------------------------*/
.AWbbs_f_search{background:#f9f9f9; padding:12px 0;}
.AWbbs_f_search table{margin:0 auto;}
.AWbbs_f_search select, .AWbbs_f_search input{font-size:14px; vertical-align:middle; box-sizing:border-box;}
.AWbbs_f_search select{height:35px; border:1px solid #ccc; padding:4px 4px 5px;}
.AWbbs_f_search input{width:200px; height:35px; line-height:33px; background:#fff; border:1px solid #ccc; margin:0 5px; padding:0 4px;  box-sizing:border-box;}
.AWbbs_f_search button{width:50px; height:35px; background:#666; text-align:center; color:#fff; font-family:'Dotum','µ¸¿ò',sans-serif; font-size:13px; vertical-align:middle;}

/***************************************************** ÀÎDz *****************************************************/
.respon-input-notice {margin:0 0 10px; font-size:13px;  word-break:keep-all; text-align:right;}
/* °Ô½ÃÆÇ input ------------------------------------------*/
.respon-input-table {border-top:1px solid #999; border-collapse:collapse;}
.respon-input-table tr {border-bottom:1px solid #ddd;}
.respon-input-table th, .respon-input-table td {padding:12px 16px; font-size:15px; letter-spacing:-0.025em; color:#333; text-align:left; vertical-align:middle; box-sizing:border-box;}
.respon-input-table th{background:#f7f7f7;}
.respon-input-table .input{height:30px; line-height:28px;}
.respon-input-table .input[type="file"]{height:auto; padding:2px; line-height:inherit}
.respon-input-table .textarea{width:100%; height:150px; padding:3px; font-size:14px; border:1px solid #dfdfdf; background-color:#f7f7f7; vertical-align:middle; box-sizing:border-box;line-height:1.5;}
.respon-input-table  span.passwd{color:#666; font-size:13px;}
.vcode_area, .vcode_area *{vertical-align:middle;}
.vcode_area img{vertical-align:middle;}
.vcode_area font{padding-left:5px;}
.respon-input-table .AWbbs_select{margin-bottom:3px;}

/* üũ¹Ú½º (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_comment_area .comment_area { background:#f7f7f7; border:1px solid #ddd; padding:19px; margin-bottom:20px;}
.AWbbs_comment_area .comment_area.modify{position:relative; top:-1px;}
.AWbbs_comment_area .com_ttl {margin-bottom:10px; color:#555; font-family: 'Raleway', 'Noto Sans CJK KR','Dotum','µ¸¿ò','Nanumgothic', sans-serif; font-size:14px; font-weight:600;}

/* ÄÚ¸àÆ®¾²±â */
.AWbbs_comment_input_info .input{width:160px; height:29px; font-size:14px; line-height:27px; letter-spacing:-0.045em; background:#fff; border-color:#ddd; padding-left:5px; 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 table th, .AWbbs_comment_area .comment_txt table td{vertical-align:middle;}
.AWbbs_comment_area .comment_txt td:last-child {padding-left:4px;}
.AWbbs_comment_input_info .spam-box *{vertical-align:middle;}
.AWbbs_comment_input_info .spam-box .comment{font-size:14px;}

.AWbbs_comment_area .comment_area .com_textarea {width:100%; height:62px; word-break:break-all; background:#fff; padding:10px; font-size:14px; border:1px solid #ddd; box-sizing:border-box; overflow-y:auto; resize:none; vertical-align:middle;}
.AWbbs_comment_area .comment_area .com_textarea::-webkit-input-placeholder {color:#aaa;}
.AWbbs_comment_area .comment_area .com_submit {width:70px; height:62px;  background:#666; line-height:62px; color:#fff; vertical-align:middle; font-size:15px; font-weight:400;}

.AWbbs_comment_area .com_count {font-family:'Raleway', 'Noto Sans CJK KR','Dotum','µ¸¿ò','Nanumgothic', sans-serif; font-size:14px; color:#555; font-weight:400; margin-bottom:10px;}


/* ÄÚ¸àÆ® */
.AWbbs_comment_area .AWbbs_comment_id {border-top:1px solid #ddd; font-size:15px; box-sizing:border-box;}
.AWbbs_comment_id .writer th, .AWbbs_comment_id .writer td{padding-top:10px}
.AWbbs_comment_id .writer th span{font-size:13px;}
.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 {color:#777; line-height:21px; }
.AWbbs_comment_id .aw_btn {display:inline-block; width:35px; height:24px; line-height:22px; border:1px solid #ddd; color:#717277; background:#f7f7f7; text-align:center; font-size:12px; letter-spacing:-0.025rem; cursor:pointer; box-sizing:border-box;}


/******************************************************* ±Û»èÁ¦ *******************************************************/
.AW-bbs-delwrap{width:92%; max-width:400px; text-align:center; padding:30px 0; margin:0 auto; border:2px solid #ddd; box-sizing:border-box;}
.AW-bbs-delwrap p{margin:20px 0 20px; font-size:15px;}
.AW-bbs-delwrap div,.AW-bbs-delwrap div *{vertical-align:middle;}
.AW-bbs-delwrap div input[type="password"]{width:150px; height:25px; line-height:25px; text-align:center;}
.AW-bbs-delwrap div img{cursor:pointer;}
/***************************************************** »óÇ°Æò *****************************************************/
/* »óÇ°Æò 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 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;  }


/***************************************************** ¸®½ºÆ® *****************************************************/

.AW_photo_list{padding-top:30px; border-top:1px solid #333; border-bottom:1px solid #ddd;}
.AW_photo_list > li{float:left; width:23%; margin:0 1% 30px;}
.AW_photo_list .pic_item{position:relative;}
.AW_photo_list .pic_item .item_chk{position:absolute; left:10px; top:8px; z-index:5;}
.AW_photo_list .pic_item .img_box a{position:relative; display:block; width:100%; padding-top:71%;}
.AW_photo_list .pic_item .img_box img{position:absolute; left:0; top:0; width:100%; height:100%;}
.AW_photo_list .pic_item .tit{max-width:100%; padding-top:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.AW_photo_list .pic_item .tit, .AW_photo_list .pic_item .tit *{color:#333; font-size:15px; letter-spacing:-0.025em;}
.AW_photo_list::after{content:''; display:block; clear:both;}

/***************************************************** »ó¼¼ *****************************************************/
/* °Ô½ÃÆÇ view ------------------------------------------*/
.AW-view-table { border-collapse:collapse;}
.AW-view-table.border{border-top:1px solid #333;}
.AW-view-table > tbody > tr {border-bottom:1px solid #ddd;}
.AW-view-table th, .AW-view-table td{text-align:left; font-size:15px;  line-height:30px; color:#333; padding:12px 15px; vertical-align:middle; box-sizing:border-box;}
.AW-view-table th {font-size:16px; line-height:30px;}
.AW-view-table.controls{margin-bottom:30px;}
.AW-view-table.controls th{background:#f9f9f9;  font-size:16px; line-height:30px;}
.AW-view-table th .cat {color:#1b5c94;} 
.AW-view-table td[align="right"] {text-align:right;}
.AW-view-table a {color:#777;}
.AW-view-table a:hover {color:#1b5c94;}
.AW-view-table .contents {padding:20px 15px;}
.AW-view-table .contents, .AW-view-table .contents * {font-size:15px;}
.AW-view-table img {width:auto; height:auto; max-width:100%;}
/* Å×ÀÌºí ¾È¿¡ Å×ÀÌºí ¸®¼Â */
.AW-view-table table{border:0 none;}
.AW-view-table table th, .AW-view-table table td{height:auto; padding:0; border:0 none; background:none;}


@media screen and (max-width:1024px){
    .respon-input-table, .respon-input-table tbody, .respon-input-table > tbody > tr {display:block; width:100%; text-align:left;}
    .respon-input-table > tbody > tr:after {content:''; display:block; clear:both;}
    .respon-input-table > tbody > tr > th, .respon-input-table > tbody > tr > td {display:block; float:left; text-align:left;}
    .respon-input-table > tbody > tr > th {width:22%; height:58px;}
    .respon-input-table > tbody > tr > td {width:78%; height:58px;}
    .respon-input-table > tbody > tr > th:nth-child(3) , .respon-input-table > tbody > tr > td:nth-child(4) {border-top:1px solid #ddd;}
    .respon-input-table > tbody > tr > td.contents {width:100%; height:auto;}
    .respon-input-table > tbody > tr > td select + input {width:calc(100% - 110px)}
}


@media screen and (max-width:900px){
    .AW_photo_list > li{width:31.3333%; margin-bottom:25px;}

    /* °Ô½Ã¹° »ó¼¼ */
    .AW-view-table th, .AW-view-table td {font-size:15px; line-height:1.5; padding:15px 2%;}
    .AW-view-table.controls th {width:25%; font-size:15px; line-height:1.5;}

    /* °Ô½Ã¹° ÀÎDz */
    .respon-input-table > tbody > tr > th, .respon-input-table > tbody > tr > td {font-size:14px;}
    .respon-input-table > tbody > tr > td select {width:100px; padding:0 20px 0 10px;}

}

@media screen and (max-width:640px){
    /*  ¸®½ºÆ®  */
    .AW_photo_list .pic_item .tit{padding-top:10px;}
    .AW_photo_list .pic_item .tit, .AW_photo_list .pic_item .tit *{font-size:14px;}

    /*  ºä  */  
    .AW-view-table, .AW-view-table tbody, .AW-view-table > tbody > tr, .AW-view-table > tbody > tr > td {display:block; width:100%; text-align:left;}
    .AW-view-table tr {padding:12px 10px; box-sizing:border-box;}
    .AW-view-table th, .AW-view-table td {/* font-size:1.5rem; line-height:2.4rem; */ padding:0;}
    .AW-view-table th { word-break:keep-all;}
    .AW-view-table td[align="right"] {text-align:left;}
    .AW-view-table .contents{padding:10px 0;}
    
    .AW-view-table.controls tr{padding:0;}
    .AW-view-table.controls tr:after {content:''; display:block; clear:both;}
    .AW-view-table.controls th, .AW-view-table.controls td{padding:10px 0 10px 10px;}
    .AW-view-table.controls th {float:left; width:25%;}
    .AW-view-table.controls td {float:left; width:75%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

     /* °Ô½Ã¹° ÀÎDz */
     .respon-input-table > tbody > tr{padding-bottom:12px;}
     .respon-input-table > tbody > tr > th, .respon-input-table > tbody > tr > td{float:none; width:100%; height:auto; padding-left:5px; padding-right:5px; border-bottom:none;} 
     .respon-input-table > tbody > tr > th{background:none; padding-bottom:7px;}
     .respon-input-table > tbody > tr > th:nth-child(3), .respon-input-table > tbody > tr > td:nth-child(4) {border-top:none;}
     .respon-input-table > tbody > tr > td{padding-top:0; padding-bottom:0; font-size:14px;}
     .respon-input-table > tbody > tr > td.contents{padding:10px 5px;}
     .respon-input-table .input{width:100%;}
     .respon-input-table > tbody > tr > td select + input{width:100%;}
     .respon-input-table .spam .input{width:auto; font-size:13px;}
     .respon-input-table .db span {display:block; line-height:22px; margin:2px 0 0;}
     .respon-input-table input[type="file"]{margin-bottom:5px;}
     .respon-input-table > tbody > tr > td select{height:30px; font-size:14px;}
     .respon-input-table span.passwd{display:block; padding:5px 0 0;}
     .vcode_area font{display:block; padding:2px 0 0; font-size:13px;}

    .AWbbs_f_search { margin-bottom:20px;}
    .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;}

    .adm_btn td {display:block; text-align:right; margin:0;}
    .adm_btn .aw_btn {width:24%; margin-bottom:4px;}
    .adm_btn.input_btn .aw_btn{width:70px; margin-bottom:0;}

    .input_btn, .input_btn tbody {width:100%; display:block;}
    .input_btn tr {width:100%; display:block;}
    .input_btn td[align="left"] {float:left;}
    .input_btn td[align="right"] {float:right;}
    .input_btn tr:after {content:''; display:block; clear:both;}
    .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;}
}


@media screen and (max-width:450px){
    .AW_photo_list > li{width:46%; margin:0 2% 20px;}

    .AW-view-table th, .AW-view-table td, .AW-view-table.controls th, .AW-view-table.controls td  {font-size:14px;}
    .AW-view-table th, .AW-view-table td, .AW-view-table.controls th, .AW-view-table.controls td  {font-size:14px;}

    .respon-input-table .textarea{font-size:13px;}
    .respon-input-table > tbody > tr > td select{font-size:13px;}
}