@charset "utf-8";

/*목록*/
table.tb_boodong{width:100%;letter-spacing:0 !important;}
table.tb_boodong th{font-size:14px;text-align: center;color:#333;letter-spacing:-1px;padding:9px 0 11px;background:url(/img/bg_th_boodong.gif) repeat-x 0 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd; font-weight: 500;}
table.tb_boodong td{text-align: center;padding:12px 0;color: #333;font-size:14px;line-height:19px;border-bottom:1px solid #e5e5e5;}
table.tb_boodong td.tal{text-align:left; padding-left:7px;}
table.tb_boodong td img{ vertical-align:middle;}

table.tb_boodong tr{background-color:#fff;}
table.tb_boodong tr:nth-child(odd){background-color:#f7f7f7;}
table.tb_boodong tr:hover{background-color:#ebecf4;cursor:pointer;}
table.tb_boodong tr.selected{background-color:#F3EFFA;}
table.tb_boodong tr.selected:hover{background-color:#e2d5ed;}


/*상세*/
.table_title{font-weight:600; font-size: 18px; color:#333; margin-bottom: 8px; letter-spacing: -1px; text-indent: 1px;}
.table_title i{ color:#436cf9; margin-right: 2px;}
.bt_area{position: absolute; right: 13px; top:73px;}
.bt_area a{border:1px solid #cbd2dd; letter-spacing: -1px; line-height: 1; padding: 8px 12px; margin:0 2px; display: inline-block; border-radius: 3px; font-size: 13px;  background: #edeff2;
background: linear-gradient(0deg, rgb(215 229 249) 0%, rgba(255, 255, 255, 1) 100%); color: #444; font-weight: 500;}
.boodong_foot strong{font-weight: 500;}
.mms_input{border:1px solid #ccc; height: 34px; padding: 0 3px; font-family:"S-Core", Dotum;}
.form textarea{font-family:"S-Core", Dotum; border:1px solid #ccc; width: 100%; padding: 5px;}
.form .policy_check span{font-size: 13px; letter-spacing: -1px;}
.form button{padding: 14px 25px; letter-spacing: -1px; color: #fff; background:#436cf9; border-radius: 3px; font-size: 15px; font-weight:600; line-height: 1; margin-top: 10px;}
.form button:hover{opacity: 0.85;}


#view_boodong{border:1px solid #d1d1d1;padding:25px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
#pop_view_boodong{padding:15px;}

.boodong_viewCon{padding-right:220px;}
.comment_wrap{position:relative;min-height:228px;}
.policy_check span{}

#pop_mms_wrap{position:absolute;top:0px;right:0px;width:200px;}
h4.pop_mms_title{font-size:15px;letter-spacing:-1px;padding-left:10px;color:#fff;font-weight:600;line-height:40px;background-color:#444;border-radius:4px 4px 0 0;}
#pop_mms{padding:10px;border:2px solid #444;background-color:#fbfbfb;border-top:none;border-radius:0 0 4px 4px;}
#pop_mms textarea{padding:4px;border: 1px solid #ddd;overflow:auto;font-size:12px;letter-spacing:-1px;line-height:15px;color:#777;font-family:"Malgun Gothic", Dotum;width:100%;height:70px;background-color:#fff !important;border-radius:2px;}
#pop_mms .phone_num{font-size:0;padding-top:7px;}
#pop_mms .phone_num span{display:inline-block;height:24px;line-height:24px;width:47px;font-size:11px;letter-spacing:-1px;text-align:center;color:#fff;font-weight:bold;background-color:#777;border-radius:2px;vertical-align:middle;}
#pop_mms .mms_input{padding:3px;border: 1px solid #ddd;height:24px;line-height:22px;width:40px;margin-left:3px;vertical-align:middle;border-radius:2px;}
#pop_mms .policy_check{margin-top:7px;background-color:#eee;height:26px;line-height:24px;color:#666;letter-spacing:-1px;text-align:center;font-size:11px;border-radius:2px;}
#pop_mms .btn_mms_send{display:inline-block;width:100px;height:24px;font-size:12px;letter-spacing:-1px;color:#fff;border-radius:3px;font-weight:600;text-align:center;background-color:#ff7701;margin-top:7px;}



table.tb_boodong_view{width:100%;}
table.tb_boodong_view th{border:1px solid #ddd;line-height:18px;padding:11px 0;background-color:#fbfbfb;line-height:15px;font-size:14px; font-weight: 500;}
table.tb_boodong_view td{background-color:#fff;padding:11px 10px;border:1px solid #ddd;line-height:18px;font-size:14px;}
table.tb_boodong_view td img{ vertical-align:middle;}
table.tb_boodong_view td a.call{display:inline-block;font-size:12px;background-color:#0075f8;color:#fff;padding:5px 10px;border-radius:4px;}


ul.ultable{display:grid;grid-template-columns:repeat(2, 1fr);border:1px solid #ddd;border-bottom:none;border-right:none;}
ul.ultable li{display:flex;border:1px solid #ddd;border-top:none;border-left:none;background-color:#fff;}
ul.ultable li span.th{display:flex;justify-content:center;align-items:center;width:40%;text-align:center;letter-spacing:-0.6px;
border-right:1px solid #ddd;background-color:#fbfbfb;font-size:14px;font-weight:500;padding:8px;}
ul.ultable li span.td{flex:1;display:flex;align-items:center;font-size:14px;font-weight:400;padding:8px;}
ul.ultable li.w100{grid-column-start:1;grid-column-end:3;}
ul.ultable li.w100 span.th{width:20%;}
ul.ultable li span.td .theme{font-size:0;}
ul.ultable li span.td .theme span{display:inline-block;vertical-align:top;font-size:11.6px;line-height:22px;font-weight:400;color:#0077ff;padding:0 4px;border:1px solid #a3c5ed;border-radius:3px;margin:0 3px 3px 0;}
ul.ultable li span.td .set_option{font-size:0;}
ul.ultable li span.td .set_option span{display:inline-block;vertical-align:top;font-size:11.6px;line-height:22px;font-weight:400;color:#222;padding:0 4px;border:1px solid #ccc;border-radius:3px;margin:0 3px 3px 0;}
ul.ultable li span.change{display:inline-block;padding:4px;border:1px solid #777;background-color:#f3f3f3;border-radius:50px;width:24px;height:24px;margin-left:7px;cursor:pointer;}
ul.ultable li span.change img{width:16px;}


#btn_ch_py_m2{display:inline-block;border:1px solid #bbb;background-color:#fafafa;line-height:22px;width:54px;text-align:center;border-radius:4px;padding:0;margin-left:6px;cursor:pointer;}
#btn_ch_py_m2 img{width:16px;}
#btn_ch_py_m2 strong{font-size:12.2px;font-weight:500;}

@media screen and (max-width:480px) {
ul.ultable{;grid-template-columns:repeat(1, 1fr);}
ul.ultable li span.th{width:86px;letter-spacing:-1.2px;font-size:13px;padding:8px 0px;}
ul.ultable li.w100{grid-column-start:1;grid-column-end:2;}
}


/*글쓰기테이블*/

.regi_policy{border:1px solid #ddd;background-color:#fdfdfd;padding:22px 25px;margin-bottom:15px;font-size:13px;}
.regi_policy .policy{height:80px;border:1px solid #e7e7e7;background-color:#fff;padding:10px;margin-top:10px;color:#777;overflow:auto;}

table.tb_boodong_form{width:100%;}
table.tb_boodong_form th{border:1px solid #ddd;line-height:18px;padding:4px;background-color:#fbfbfb;letter-spacing:-1px; font-weight: 500;}
table.tb_boodong_form td{background-color:#fff;padding:4px;border:1px solid #ddd;}
table.tb_boodong_form td img{vertical-align:middle;}
table.tb_boodong_form td span{font-size:12px; color:#888;padding:3px 0 0 0;letter-spacing:0px;}


/*미디어쿼리 start*/

@media screen and (max-width:768px) {
.bt_area{ top:70px;}

#view_boodong{border:none;padding:0;}


.boodong_viewCon{padding-right:0px;}
.comment_wrap{min-height:auto;}
#pop_mms_wrap{position:relative;top:auto;right:auto;width:200px;margin-top:25px;}


.regi_policy{padding:15px;margin-bottom:15px;}
.regi_policy .policy{height:80px;padding:7px;margin-top:10px;}

table.tb_boodong_form input[type="text"] {width:100%;}
table.tb_boodong_form input[type="password"] {width:100%;}
table.tb_boodong_form select {width:100%;}

}

@media screen and (max-width:480px) {
.bt_area{top:60px; right: 8px;}
.bt_area a{padding: 8px 5px; margin:0 1px; font-size: 11.3px;  }
.bt_area a i{display: none;}

#pop_view_boodong{padding:10px;}
.boodong_viewCon{}

.regi_policy{padding:10px;margin-bottom:10px;}

table.tb_boodong_form, table.tb_boodong_form tbody, table.tb_boodong_form tr, table.tb_boodong_form td, table.tb_boodong_form th {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}

table.tb_boodong_form th{border:none;background-color:#fff;padding:2px 0 4px;text-align:left;}
table.tb_boodong_form td{border:none;padding:0 0px 6px;}
table.tb_boodong_form th.first{border-top:none;padding-top:0px;}
table.tb_boodong_form td.first{border-top:none;}
table.tb_boodong_form td.line480{border:1px solid #ddd;padding:5px;}


}
/*end 미디어쿼리*/



.info_member{position:relative;font-size:13px;font-weight:400;color:#555;line-height:18px;border:1px solid #ededed;background-color:#fcfcfc;padding:15px 15px;margin-top:15px;}
.info_member .btn{position:absolute;top:9px;right:9px;font-size:0;}
.info_member .btn a{display:inline-block;font-size:13px;font-weight:600;line-height:30px;color:#fff;width:74px;text-align:center;background-color:#555;border-radius:4px;margin-left:4px;}
.info_member .btn a.point{background-color:#00acf4;border-radius:4px;}

@media screen and (max-width:768px) {
.info_member{text-align:center;}
.info_member .btn{position:relative;top:auto;right:auto;}
.info_member .btn a{margin:10px 2px 0 2px;}
}


.img_list_wrap{position:relative;}

.img_area{position:absolute;bottom:102px;left:0;width:100%;display:none;}
.img_area span.close_img_list{position:absolute;top:0px;right:0px;background-color:#222;padding:5px;border-radius:0px;z-index:2;}
.img_list{background-color:#000;}
.img_list li{position:relative;padding-top:56.3%;display:none;}
.img_list li img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.img_list li iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.img_thum{font-size:0;margin-top:20px;text-align:center;}
.img_thum li{display:inline-block;position:relative;width:100px;height:74px;margin-right:5px;}
.img_thum li img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.img_thum li .outline{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.05);z-index:2;}
.img_thum li.selected .outline{border:1px solid rgba(0,0,0,0.9);}

@media screen and (max-width:640px) {
.img_area{bottom:66px;}
.img_thum li{width:56px;height:40px;}
}


.related{display:flex;flex-wrap:wrap;flex-shrink:0;margin-top:10px;}
.related li{width:19.2%;margin:0 1% 1% 0; border:1px solid #ddd;text-align:center;padding:10px 10px 15px 10px;}
.related li:last-child{margin-right:0;}
.related li a{display:block;}
.related li a .img{position:relative;padding-top:70%;}
.related li a .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.related li a:hover{opacity:0.5;}
.related li a .title{font-size:15.4px;font-weight:500;color:#222;line-height:1.3;padding-top:15px;}
.related li a .info{font-size:13.4px;font-weight:400;color:#444;line-height:1.5;padding-top:7px;}
.related li a .info strong{font-weight:500;}

@media screen and (max-width:768px) {
.related li{width:24.25%;margin:0 1% 1% 0;padding:14px 16px;}
.related li:nth-child(4){margin-right:0;}
.related li:last-child{display:none;}
}
@media screen and (max-width:548px) {
.related li{width:49%;margin:0 2% 2% 0;padding:14px 16px;}
.related li:nth-child(2n){margin-right:0;}
}