@charset "utf-8";

/* 반응형 css : default Mobile */

html, body, .wrap {height: 100%;  background-color: #f3f3f3; color:#222; line-height: 1.3em; letter-spacing: 0; font-size: 15px; }
body .wrap {display: flex; flex-direction: column;}
body .contents {flex: 1;}

/* form */
input.txt {background-color: #fff; border-radius: 6px; height: 48px; padding: 10px 12px;}
input.txt::placeholder,
textarea.txt::placeholder {color:#888;}

input.txt + input.txt {margin-top: 8px;}

input.rdo ,
input.chk {flex-shrink: 0;}


input.txt[readonly], .readonly {color:#888;}

/* input file */
.img_file.before input[type="file"],
.doc_file .fu input[type="file"] {position: absolute; top:-50%; width:0; height: 0; }

/* checkbox */
input.chk {width:28px; height: 28px; background-color: #f3f3f3; border-radius: 4px; border: 1px solid #222;}
input.chk:checked {border: 1px solid #a40a5e; 
    background: transparent url('/resources/contents/img/bg_chk_checked.png') 50% 50% no-repeat;
    -webkit-background-size:14.5px;
    background-size:14.5px;
}

/* radio box */
label.box_rdo {position: relative; display: inline-block; height: 28px; margin-top: 6px; border-radius: 4px; overflow: hidden; /*border: 1px solid #666;*/ 
    box-shadow: inset 0px 0px 0px 1px rgba(204, 204, 204, 1); 
    background-color: #fff; }
label.box_rdo input.rdo {position: absolute; width: 100%; height: 28px;  top: 0; left: 0; right:0; bottom:0; margin: 0; }
label.box_rdo input.rdo+span {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: inline-block; text-align: center; font-weight: bold; font-size: 13px; white-space: nowrap; }

label.box_rdo input:checked {border: 1px solid #a40a5e; background-color:#a40a5e; color:#fff; border-radius: 4px; }
label.box_rdo input:checked+span {color:#fff;}   

/* radio btn */
label.btn_rdo {position: relative; display: inline-block; height: 44px; border-radius: 6px; overflow: hidden; 
    box-shadow: inset 0px 0px 0px  0.5px rgba(204, 204, 204, 1); 
    background-color: #fff; }
label.btn_rdo input.rdo {position: absolute; width: 100%; height: 100%;  top: 0; left: 0; right:0; bottom:0; margin: 0; }
label.btn_rdo input.rdo+span {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: inline-block; text-align: center; font-size: 15px; line-height: 44px; white-space: nowrap; color:#222;}

label.btn_rdo input:checked {border: 1px solid #a40a5e; background-color:#a40a5e; color:#fff; border-radius: 6px;}
label.btn_rdo input:checked+span {color:#fff;}   



label {display: inline-block; font-size: 13px; color:#888;}
label input {margin-right: 8px;}

/* textarea */
textarea.txt {height: 105px; padding: 12px; background-color: #fff; border-radius: 6px; overflow: hidden; font-size: 13px;}
textarea.txt::placeholder {font-size: 13px;}

/* select */
.slt_box {position: relative; }
.slt_box>* {padding: 0 12px; background-color: #fff;}
.slt_box .slt_opt {position: relative; width:100%; font-weight: bold; border: 1px solid #ccc;
    border-radius: 6px;}
.slt_box .slt_opt:before {content: ''; position: absolute; bottom:0; left:12px; right:12px; border-bottom: 1px solid #fff;}
.slt_box .slt_opt:after {content: ''; position: absolute; top: 50%; right: 16px; transform: translateY(-50%) rotate(-45deg); display: inline-block; width: 10px; height: 10px; margin-top: -3px; border: 1px solid #222; border-width: 0 0 1px 1px;  }

.slt_box ul {display: none; max-height: 361px; overflow-y: auto; overscroll-behavior: contain;}
.slt_box li {border-top: 1px solid #ebebeb;}
.slt_box li:first-child {border-top: 0;}

.slt_box .slt_opt, .slt_box li {text-align: center; height:36px ; line-height: 35px;} 
/* 
.slt_box.on {border-bottom: 1px solid #ccc;} */
.slt_box.on .slt_opt { border-radius: 6px 6px 0 0 ; border-bottom: 0;}
.slt_box.on .slt_opt:before {border-bottom: 1px solid #ccc;}
.slt_box.on .slt_opt:after {margin-top: 3px; transform: translateY(-50%) rotate(135deg); }
.slt_box.on ul {display: block; position: absolute; top: 36px; left: 0; right: 0px; z-index: 10; border: 1px solid #ccc; border-top: 0; border-radius: 0 0 6px 6px; }

.content>.slt_box:first-child {margin-top: 20px;}

/* btn */
.btn_wrap {display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; margin-top: 40px; width:100%; height: 50px; gap:8px;}
.btn_wrap>a {/*flex: 1;*/ flex-grow: 1;}

a[class^="btn_"] {display: flex; align-items: center; justify-content: center; height:100%; border-radius: 6px; font-size: 17px; line-height: 50px;}
a.btn_red {background: #a40a5e; color:#fff; border: 1px solid #a40a5e;}
a.btn_wht {background: #fff; color:#222; border: 1px solid #ccc;}
.btn_red {background: #a40a5e; color:#fff; border: 1px solid #a40a5e; width: 384px; height: 50px;}
.btn_wht {background: #fff; color:#222; border: 1px solid #ccc; width: 384px; height: 50px;}

.btn_wrap.column {flex-direction: column; height: auto; gap: 12px;}
.btn_wrap.column>a {width:100%;}

a.btn_del {display: block; position: absolute; top:9px; right:9px; width:24px; height: 24px;
    text-indent: -99px; overflow: hidden; font-size: 1px;
    background: transparent url('/resources/contents/img/btn_del.png') 50% 50% no-repeat;
    -webkit-background-size:24px;
    background-size:24px;}

a.multi_btn_del {display: block; position: absolute; top:1px; right:1px; width:35px; height: 35px;
    text-indent: -99px; overflow: hidden; font-size: 1px;
    background: transparent url('/resources/contents/img/btn_del.png') 50% 50% no-repeat;
    -webkit-background-size:24px;
    background-size:24px;}

img {display: block; width:100%; object-fit: contain;}

/* table */
.table {position: relative; padding: 0 6px; border-radius: 6px; overflow: hidden; background-color: #fff; /* border: 1px solid #ebebeb; */}
.table::before {content: ''; position: absolute; top:0; left:0; display: block; width: 6px; height: 100%; background-color:#f9f9f9;}
.table tr {border-top: 1px solid #ebebeb; height: 26px; font-size: 13px;}
.table tr:first-child {border-top: 0 none;}
.table th {font-weight: normal; background-color: #f9f9f9; }
.table td {padding: 0 6px;}
.table table td.left {text-align: left;}

/* table type2 */
.table.info {position: relative; padding: 0; overflow: hidden; background-color: #fff;}
.table.info::before {content:none;}
.table.info thead tr {border-bottom: 1px solid #ccc; }
.table.info thead th {height: 36px; font-size: 14px; line-height: 1.1em;}
.table.info tbody tr {border-top: 1px solid #ccc; font-size: 13px;}
.table.info tbody tr:first-child {border-top: 0;}
.table.info th {padding:3px; font-weight: bold; background-color: #ebebeb; }
.table.info td {border-bottom: 1px solid #ebebeb; height: 32px; padding: 6px; text-align: center; line-height: 1.3em;} /* border-bottom add 241106 */
.table.info th , .table.info td {border-left: 1px solid #ccc;}
.table.info th:first-child , .table.info td:first-child {border-left:0;}
.table.info td a {font-weight: bold; text-decoration: underline;}

.table.info.left td {text-align: left;}

/* table type3 */
.table.info2 {position: relative; padding: 0; overflow: hidden; background-color: #fff; border: 1px solid #ebebeb; max-width:828px; }
.table.info2::before {content:none;}
.table.info2 thead tr {border-bottom: 1px solid #ebebeb; }
.table.info2 thead th {height: 36px; font-size: 14px; line-height: 1.1em;}
.table.info2 tbody tr {border-top: 1px solid #ccc; font-size: 13px;}
.table.info2 tbody {border: 1px solid #ccc;} /* add */
.table.info2 tbody tr:first-child {border-top: 0;}
.table.info2 th {padding:3px; font-weight: normal; background-color: #fff; }
.table.info2 td {height: 32px; padding: 6px; text-align: center; line-height: 1.3em;}
.table.info2 th , .table.info td {border-left: 1px solid #ccc;}
.table.info2 th:first-child , .table.info td:first-child {border-left:0;}
.table.info2 td a {font-weight: bold; text-decoration: underline;}
.table.info2.left td {text-align: left;}

/* category */
header {background-color: #fff;}
header>div {display: flex; align-items: center; justify-content: space-between; height: 51px; }
header h1 {display: inline-block; }
header h1 .w_logo {display: block; width:66px; height: 52px; overflow: hidden; text-indent: -999px;
    background: transparent url('/resources/contents/img/mc/img_w_logo.png') 50% 50% no-repeat ;
    -webkit-background-size:66px;
    background-size:66px;
}
header h2 {padding-right: 16px;}
header h2 .site_name {font-size: 15px; line-height: 52px;}
footer {display: flex; flex-shrink: 0; align-items: center; justify-content: center; height: 45px;}
footer img { width: 205px; height: 13px;}

.contents {position: relative;}
.contents .content {max-width:360px; margin: 0 auto; padding: 0 16px 100px; }

.acc_info>div {display: flex; align-items: center; justify-content: space-between; padding: 0 16px; margin: 0 auto; max-width:360px; height: 72px;   }

.acc_info .acc_name {font-size: 17px; font-weight: bold;}
.acc_info .logout {position: relative; padding-right: 26px; font-size: 14px; color:#666;}
.acc_info .logout::after {content: ''; position: absolute; top:50%; transform: translateY(-50%); right:2px; width:15px; height: 18px; 
    background: transparent url('/resources/contents/img/ico_logout.png')0 0 no-repeat ;
    -webkit-background-size:15px;
    background-size:15px;
}

.depth2_menu .acc_info,
.category {display: none;}

.dscr {font-size: 14px; color:#666;}
.dscr.sm {font-size: 13px; color:#222; line-height: 1.7em;}
.dscr.star {font-size: 12px; color:#666; margin-top: 7px;}
.dscr.noti {position: relative; height: 34px; display: flex; align-items: flex-end; justify-content: center; font-size: 14px; color:#666; }

.dscr.noti span {display: inline-block; padding-left: 22px; line-height: 1.1em;
    background: transparent url('/resources/contents/img/bg_dscr_noti.png') 0 0 no-repeat ;
    -webkit-background-size:15px;
    background-size:15px;
}

.dscr.noti span.move {padding-left: 30px; line-height:1.8em; 
    background: transparent url('/resources/contents/img/bg_move.png') 0 50% no-repeat ;
    -webkit-background-size:22px;
    background-size:22px;
}

.dscr.swipe {position: relative; margin-top: 8px; height: 34px; display: flex; align-items: flex-end; justify-content: center; font-size: 14px; color:#666; }
.dscr.swipe span {padding-left: 30px; line-height:1.8em; 
    background: transparent url('/resources/contents/img/bg_swipe.png') 0 50% no-repeat ;
    -webkit-background-size:22px;
    background-size:22px
}

.wht_box.top + .dscr.noti {margin-bottom: -8px;}

/* page */
.txt_img {display: flex; align-items: center; justify-content: center; height: 122px; padding-bottom: 15px; margin-bottom: 2px;}
.txt_img img {width:282px; height: 72px; object-fit: initial;}

.wht_box {background-color: #fff; border-radius: 6px; overflow: hidden; font-size: 15px; color:#222;}
.wht_box>*:not(.wht_box>ul){padding: 0 12px; }
.wht_box>*:not(.wht_box>ul),
.wht_box.list_type>ul>li {display: flex; align-items: center; justify-content: flex-start; }
.wht_box>a {position: relative; min-height: 50px; }
.wht_box>a:after {content: ''; position: absolute; top:50%; right: 16px; width:8px; height: 8px;
    border-top: 1px solid #666; border-right: 1px solid #666; transform: translateY(-50%) rotate(45deg);}
.wht_box strong {display: inline-block; margin-right: 10px; font-size: 16px;}

.wht_box .title {height: 38px; min-height: initial;}
.wht_box .title>* {font-size: 16px;}

.wht_box.list_type {padding: 2px 0 12px;}
.wht_box.list_type>ul>li {margin: 0 12px;}
.wht_box.list_type>ul>li {height: 40px; border-top: 1px solid #ccc;}
.wht_box.list_type>ul>li:first-child {border-top: 0 none;}
.wht_box.list_type>ul>li span+strong {margin-left: 5px;}
.wht_box.list_type .link_page {position: relative; display: block; width:100%; height: 100%; line-height: 40px;}
.wht_box.list_type .link_page::after {content: ''; position: absolute; top:50%; right: 3px; width:10px; height: 10px; border-top: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; transform: translateY(-50%) rotate(45deg);}
.wht_box .total {margin-bottom: -12px; height:64px; min-height: initial;}

.wht_box+.wht_box {margin-top: 16px;}
.wht_box.list_type.one {padding:3px 0 ;} 

.wht_box.top {display: flex; align-items: center; justify-content: center; margin-top: 20px; height: 36px; border-radius: 6px; border: 1px solid #ccc; font-size: 15px; font-weight: bold;}

.cate_slt h3, 
.cate_slt .depth2 li {display: none;}
.cate_slt .depth2 {position: relative;}
.cate_slt .depth2 li.on {display: flex; align-items: center; justify-content: center; height: 43px; overflow: hidden; border: 1px solid #ccc; border-width: 1px 0; background: #fff; color: #222; font-size: 17px; font-weight: bold; line-height: 42px;}
.go_back {position: absolute; top:0; left:0; display: block; width:56px; height: 100%; text-indent: -999px; overflow: hidden;}
.go_back:after { content: ''; position: absolute; top: 50%; left: 50%; 
    transform: translate(-50%, -50%); width: 24px; height: 21px; 
    background: url('/resources/contents/img/bg_goto_back_arrow.png') 0 0 no-repeat; 
    background-size: 24px;  
}

/* 모바일 헤더 탑 고정 : script 에서 지정 */
/* body.mobile {padding-top: 51px; overflow: hidden;} */
/* body.mobile .wrap {overflow-y: auto;} */
/* body.mobile header {position: fixed; top:0; left:0; right:0; width:100%;} */

/* body.mobile.depth2_menu {padding-top: 94px; } */
/* body.mobile.depth2_menu .cate_slt {position: fixed; top:51px; left:0; right:0; width:100%;} */

.item_title {display: flex; align-items: center; justify-content: space-between; height: 55px; font-size:16px; font-weight: bold;}
.item_title.sm {height: 42px; font-size: 14px; font-weight: normal;}
.item_title.sm em {font-size: 16px; font-weight: bold;}
.item_title.xsm {height: 35px; font-size: 15px; line-height: 35px;}
.item_title.xsm+.dscr.sm {margin-top: -5px;}
.item_title.ltt {height: 35px; font-size: 16px; line-height: 35px;}
.item_title.ltt+.dscr.sm {margin-top: -5px;}
/* .item_title:first-of-type {margin-top: 0;} */
.item_title span.ds {font-size: 12px; color: #666; font-weight: normal;}

.item_title.oneline strong {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* login */
.login_wrap {position: relative; display: flex; align-items: center; justify-content: center; width:100%; height: 100%; min-height: 616px; padding: 0 16px; overflow: auto;}
.login_cont {position: relative; margin: 0 auto;  max-width:384px; height: 616px;
    display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}
    .img_login_logo {width:189px; height: 119px; margin-top: 49px;}
    .user_info { margin-top: 44px;}
    .login_setting {display: flex; margin-top: 20px;}
    .login_setting label {display: flex; align-items: center; margin-right: 24px; color:#222;}
    .login_wrap .dscr {margin-top: 40px; text-align: center;}
    .login_wrap .dscr span {display: block; line-height: 1.25em; }
    .login_wrap footer {position: absolute; bottom:0; width:100%; }
.login_cont .btn_wrap {margin-top: 20px;}
    
/* 파일 다운로드 */
.item_title a.btn_total_download {position: relative; display: block; height: 30px; padding-left: 19px; font-size: 14px; font-weight: bold; line-height: 30px;}
a.btn_total_download:before {content: ''; position: absolute; top: 50%; left: 0; 
    transform: translateY(-50%); width: 12px; height: 12px; 
    background: url('/resources/contents/img/btn_file_download.png') 0 0 no-repeat; 
    background-size: 12px;}

.wht_box a.btn_total_download {position: relative; display: block; min-height: 36px;}

.wht_box.item_type {background-color: transparent; border-radius: 0; margin: 0;}
.wht_box.item_type>ul>li {background-color: #fff; margin-bottom: 12px; border-radius: 6px; overflow: hidden;}
.wht_box.item_type>ul>li a {height: initial; min-height: 36px; padding: 9px 37px 9px 12px; line-height: 1.3em; font-size: 13px; font-weight: normal;}
.wht_box.item_type>ul>li a:before {left:initial; right:14px;}

/* 내외부평가 */
.gds_item {position: fixed; top:94px; left:50%; transform: translateX(-50%); margin-left: -8px; width:360px; padding: 0 16px 10px; z-index: 5; background-color: #f3f3f3; }

.phone .gds_item {margin-left: 0;}

.goods_info { display: flex; gap: 8px; height: 199px; /*margin-bottom: 30px;*/}
.gds_img {position: relative; display: flex; width: 186px; background-color: #fff; border-radius: 6px; overflow: hidden; }
.gds_img .gds_count {position: absolute; top: 0; left: 0; display: block; width: 22px; height: 20px; font-weight: bold; font-size: 12px; color: #fff; line-height: 20px; text-align: center; background-color: #222; border-radius: 4px 0 4px ; }

.goods_info .gds_table {width: 514px; flex: 1; padding-top: 3px;}

.item_box {margin-bottom: 20px;}
.content>.item_box:first-child .item_title {margin-top: 20px;}
.gds_item+.item_box {margin-top: 254px;}
.img_upload+.item_box {margin-top: 20px;}
.img_upload .item_title {padding-top: 15px;}

.score_slt {padding: 2px 0; text-align: center;}
.score_slt label.box_rdo {width:50px;}
.score_slt textarea.txt {margin-top: 8px;}

.item_box.total {display: flex; gap: 12px; margin-bottom: 30px;}
.item_box.total .item_title {margin-bottom: 8px;}
.item_box.total .score_slt {height: 139px; padding: 0;}
.qst_score { display: flex; flex-direction: column; width: 170px; }
.qst_score .score_slt {display: flex; flex-wrap: wrap; gap: 8px; }
.qst_score .score_slt dl {display: inline-flex; align-items: center; justify-content: flex-start; width:81px; background-color: #fff; border-radius: 6px; overflow: hidden; }
.qst_score .score_slt dl>* {line-height: 41px;}
.qst_score .score_slt dt {width:43px; font-size: 13px;}
.qst_score .score_slt dd {font-size: 15px; color:#a40a5e; font-weight: bold;}

.qst_total {width: 146px; flex: 1;}
.qst_total .score_slt {position: relative;  background-color: #fff;  border-radius: 6px; overflow: hidden; }
.qst_total .score_slt .total_score {display: flex; align-items: center; justify-content: center; height: 100%; font-size: 32px; font-weight: bold; color:  #a40a5e;}
.qst_total .score_slt .total_score+span {position: absolute; bottom:10px; left:0; right:0; font-size: 13px; color:#888;}

/* 상품등록 */
/*  이미지 등록 */
.img_file {position: relative; margin: 0 auto; border-radius: 6px; overflow: hidden; }
.img_file.before {width:100%; height: 97px; border: 2px dashed #e1e1e1;
    background: transparent url('/resources/contents/img/bg_img_upload.png') 50% 50% no-repeat;
    -webkit-background-size:135px;
    background-size:135px;
}
.img_file.after { width:250px; height: 250px;
    background: #fff url('/resources/contents/img/bg_imgupload_noimg.png') 0 0 no-repeat;
    -webkit-background-size:250px;
    background-size:250px;
    overflow: hidden;
}

.img_file.before label { position: absolute; top:0; left:0; width:100%; height: 100%; overflow: hidden; text-indent:-999px;}
.img_file.before input[type="file"] {position: absolute; top:-50%; width:0; height: 0; }
.img_file.after .upload_img { position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 5; display: flex;}

/*  다중 이미지 등록 */
.multi_img_file {position: relative; margin: 0 auto; border-radius: 6px; overflow: hidden; }
.multi_img_file.before {width:100%; height: 100px; border: 2px dashed #e1e1e1;
    background: transparent url('/resources/contents/img/bg_img_upload.png?250114') 50% 50% no-repeat;
    -webkit-background-size:135px;
    background-size:135px;
}
.multi_img_file.after { width:100px; height: 100px;
    background: #fff url('/resources/contents/img/bg_imgupload_noimg.png') 0 0 no-repeat;
    -webkit-background-size:1px;
    background-size:100px;
    overflow: hidden;
}

.multi_img_file.before label { position: absolute; top:0; left:0; width:100%; height: 100%; overflow: hidden; text-indent:-999px;}
.multi_img_file.before input[type="file"] {position: absolute; top:-50%; width:0; height: 0; }
.multi_img_file.after .upload_img { position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 5; display: flex;}

.multi_img_file_full.after { width:250px; height: 250px;
    background: #fff url('/resources/contents/img/bg_imgupload_noimg.png') 0 0 no-repeat;
    -webkit-background-size:250px;
    background-size:250px;
    overflow: hidden;
}
.multi_img_file_full.before label { position: absolute; top:0; left:0; width:100%; height: 100%; overflow: hidden; text-indent:-999px;}
.multi_img_file_full.before input[type="file"] {position: absolute; top:-50%; width:0; height: 0; }
.multi_img_file_full.after .upload_img { position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 5; display: flex;}


.multi_img_file.before .full-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.image-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}


/*  파일 등록 */
.doc_file { position: relative; display: flex; align-items: center; justify-content: flex-start; width:100%; height: 48px; padding: 0 12px; border-radius: 6px; overflow: hidden; background-color: #fff;}
.doc_file .fu { position: relative; display: flex; width:100%; height: 100%; align-items: center; justify-content: flex-start; }
.doc_file .fu::after {content: ''; position: absolute; top: 50%; right:3px; 
    transform: translateY(-50%); width: 15px; height: 17px; 
    background: url('/resources/contents/img/ico_file_upload.png') 0 0 no-repeat; 
    -webkit-background-size:15px;
    background-size: 15px;
}
.doc_file .download_file {display: flex; flex-wrap: nowrap; overflow: hidden; width: 100%; }
.doc_file .download_file>* {}

.doc_file .download_file span {display: inline-block;}
.doc_file .download_file span:first-child {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 63%; }
.doc_file .download_file span:second-child {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 63%; }
.doc_file .download_file span+span {margin-left: 5px; color:#888;}
.doc_file .download_file.readonly span:first-child {max-width: 80%;}

a.btn_file_del {position: absolute; top:0; right:0; display: block; width:46px; height: 100%; text-indent: -999px; overflow: hidden;} 
a.btn_file_del::after {content: ''; position: absolute; top: 50%; left: 50%; 
    transform: translate(-50%, -50%); width: 13px; height: 13px;
    background: url('/resources/contents/img/btn_file_del.png') 0 0 no-repeat; 
    -webkit-background-size:13px;
    background-size: 13px;}

.goods_info_box {display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.goods_info_box>* {flex:1}

.goods_info_box.normal { flex-wrap: wrap; gap: 6px;}
.goods_info_box.normal>* {width:32%; flex:initial;}

/* 평가상품리스트 */
.goos_list li {margin-top: 16px;}
.goos_list li:first-child {margin-top: 0;}
.goos_list a {display: block;}
.goos_list .goods_info {height: initial; gap: 12px;}
.goos_list .gds_img {width:100px; height: 100px; flex-shrink: 0;}
.goods_etc .title {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 34px; margin-bottom:10px ; font-size: 14px; text-overflow: ellipsis; line-height: 17px; font-weight: bold;}
.goos_list .goods_info .gds_table { width: initial; }
.gds_score { height: 32px; padding:0 12px; border-radius: 6px; background-color: #fff; overflow: hidden;}
.gds_score>* {display: inline-block; line-height: 32px;}
.gds_score span {font-size: 13px; margin-right: 8px; color:#666;}
.gds_score strong {font-weight: bold; color:#a40a5e; font-size: 15px;}

/* 상품리스트확인 */
.goos_list.limove {margin-top: -12px;}
.goos_list.limove li {position: relative; margin-top: 12px; background-color: #fff; border-radius: 6px; overflow: hidden;}
.goos_list.limove .gds_img {width:96px; height: 96px; }
.goos_list.limove a {margin-right: 33px; padding:8px 0 8px 8px; }
.goos_list.limove a:after {content: none;}
.goos_list.limove .title {margin-top: 8px;}
.goos_list .goods_day {display: block; font-size: 12px; color:#666;}
.goos_list .btn_move {display: block; position: absolute; top:0; right:0; width:33px; height: 100%; text-indent: -999px; overflow: hidden; }
.goos_list .btn_move::after {content: ''; display: block; position: absolute; top:50%; right:8px; 
    transform: translateY(-50%); width:22px; height: 22px; border-radius: 5px; border: 1px solid #ccc;
    background: #fff url('/resources/contents/img/btn_move.png') 50% 50% no-repeat; 
    -webkit-background-size:10px;
    background-size: 10px;}

/* 평가자리스트확인 */
.rater_list {margin-top: 10px;}
.rater_list+.rater_list {margin-top: 20px;}

/* 문항관리 */
.qt_list {margin-top: 12px;}
.qt_list .table.info tr, .qt_list .table.info td {border-color: #ebebeb;}

/* 실시간 평가현황 */
/* .contents .content.wide {max-width:828px;} */
.contents .content.wide {max-width:1280px;} /* 250404 실시간 화면 내용 추가를 위한 위드 늘림*/
.contents .content.wide .wht_box.top,
.contents .content.wide .slt_box,
.contents .content.wide .btn_wrap {max-width:328px; margin-left: auto; margin-right: auto;}

.dscr.big {display: flex; align-items: center; justify-content: center; height: 146px; font-size: 15px; font-weight: bold; color:#222;}

.wht_box.top {position: relative;}
a.btn_refresh {position: absolute; top:0; right:0; width: 45px; height: 100%; min-height: initial;
    background: #fff url('/resources/contents/img/btn_refresh.png') 50% 50% no-repeat; 
    -webkit-background-size:13px;
    background-size: 13px;}
a.btn_refresh:after {content: none;}

 /* 평가 시작, 종료 */
 .e_star .item_box {margin-top: 8px;}
 .e_star .slt_box {margin-top: 20px;}

/* 평가결과 확인 */
.swipe_table {margin-top: 20px;}
.swipe_table .table { overflow-x: auto; margin-right: -16px; padding-right: 16px; background-color: transparent; border-radius: 0;}
.swipe_table .table table {table-layout: fixed; min-width: 1150px; background-color: #fff; border-radius: 6px; overflow: hidden;}
.swipe_table .table table.no-style {min-width: unset; /* 또는 min-width: auto; */ font-weight: bold; font-size: 13pt; width: 50%;}

.txt_blue {color:#0000ff; font-weight: bold;}
.txt_pink {color:#ff00ff; font-weight: bold;}
.txt_red {color:#ff0000; font-weight: bold;}

.btn_wrap.small {height: 36px; }
.btn_wrap.small a[class^="btn_"] {font-size: 15px; line-height: 36px;}

.pc_only {display: none !important;}

/* popup */
.popup_wrap {position: fixed; top:0; left:0; right:0; bottom:0; display: flex; align-items: center; justify-content: center; z-index: 100;}

.popup_wrap .dim {position: fixed; width: 100%; height: 100%; z-index: 50; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3);}
.popup_wrap .popup {position: relative; width:270px; border-radius: 6px; overflow: hidden; background-color: #fff; z-index: 51; font-size: 15px;  }
.popup_wrap .popup .pop_title {display: flex; align-items: center; justify-content: center; height: 40px; font-weight: bold; border-bottom: 1px solid #e7e7e7; }
.popup_wrap .popup .pop_conts {display: flex; align-items: center; justify-content: center; padding:15px; min-height: 110px;}
.popup_wrap .popup .btn_pop_close {position: absolute; top:0; right:0; width:44px; height: 40px; text-indent: -999px; overflow: hidden;
    background: transparent url('/resources/contents/img/btn_pop_close.png') 50% 50% no-repeat; 
    -webkit-background-size:18px;
    background-size: 18px;}


/* media query : PC */
/* @media screen and (min-width:737px) { : 아이패드 미니 사이즈 */
/* @media screen and (min-width:769px) {  /* 태블릿 가로부터 pc  */
@media screen and (min-width:769px) and (max-width: 1920px) {  /* 태블릿 가로부터 pc  */
    body {font-size: 16px;}
    header { border-bottom: 1px solid #ebebeb; }
    header>div {height: 90px;}
    header>div, .contents>div {max-width: 1280px; margin: 0 auto; }
    header>div.no-margin, .contents>div.no-margin {margin: 0;  /* margin 제외 */}
    
    /* 1200 이하일때 header의 컨텐츠가 브라우저 양끝에 딱 붙는것을 방지 : padding: 0 16px */
    header>div,
    .info_wrap .info,
    .cate_slt>div {padding: 0 16px;}

    header h1 .w_logo {width:174px; height:99px;
        background: transparent url('/resources/contents/img/pc/img_w_logo.png') 0 0 no-repeat;
        -webkit-background-size:174px;
        background-size:174px;}
    header h2 {padding-right: 0;}
    header h2 span {font-size: 20px;}

    header h2 .site_name {font-size: 20px;}

    footer {height: 90px;}

    /* .btn_wrap.column {gap: 14px;} */
    a[class^="btn_"] {font-size: 18px;}

    input.txt::placeholder,
    textarea.txt::placeholder,
    input.txt[readonly],
    textarea.txt[readonly],
    .doc_file .download_file.readonly {font-size: 14px;}

    .m_only {display: none !important;}
    .pc_only {display: block !important;}

    .contents .info_wrap {max-width:initial; height: 56px; background-color: #fff; border-bottom: 1px solid #ccc;}
    .info_wrap .info {display: flex; align-items: center; justify-content: space-between; position: relative; max-width:1200px;  margin: 0 auto;}

    /* pc 카테고리 */
    .category {position: relative; display: flex; width: 85%; max-width: 684px;}
    .category>ul {display: flex;}
    .category>ul>li a {position: relative; display: block; font-size: 18px; line-height: 56px; font-weight: bold; color:#222; white-space: nowrap;}
    .category>ul>li.on a:after {content: ''; display: block; position: absolute; left:0; right:0; bottom:0; border-bottom: 3px solid #a40a5e;}

    .category .cate_wrap + ul { width: 85%;}
    .category .cate_wrap + ul>li {width: 17%;}
    .category .cate_wrap + ul>li:nth-child(4) ,
    .category .cate_wrap + ul>li:nth-child(5) {width: 23%;}

    .category .cate_wrap {width:82px; flex-shrink: 0;}
    .category .cate_wrap .btn_cate {position: relative; width: 62px; height: 56px; display: block; overflow: hidden; text-indent: -999px;}
    .category .cate_wrap .btn_cate::after {content: ''; position: absolute; top: 50%; left:50%; 
        transform: translate(-50%, -50%); width: 36px; height: 36px; 
        background: url('/resources/contents/img/pc/icon_cate.png') 0 0 no-repeat; 
        -webkit-background-size:100px;
        background-size: 100px;
    }
    .category .cate_wrap .btn_cate.on::after { background-position: 100% 0 ; }


    .category .cate_wrap .cate_box {display: none; position: fixed; left: 0; width: 100%; background-color: #fff; z-index: 1;}
    .category .cate_wrap .cate_list { position: relative; max-width: 1200px; display: flex; margin: 0 auto; padding-left:16px; z-index: 100; }
    
    .category .cate_wrap .btn_cate.on + .cate_box {display: block;}
    
    .category .cate_wrap dl {position: relative; width:180px; padding:16px 0.835% 16px 1.67%; line-height: 24px;}
    .category .cate_wrap dl::before {content: ''; position: absolute; top: 20px; bottom: 10px; left:0; 
        border-right : 1px solid #ebebeb;}
    .category .cate_wrap dl:first-child {width: 160px; margin-left: 82px; padding-left: 0;}
    .category .cate_wrap dl:first-child::before {content: none;}
    .category .cate_wrap dl>* {padding-top: 9px;}
    .category .cate_wrap dl>*:first-child {padding-top: 0;}
    .category .cate_wrap dl dt {font-size: 17px; font-weight: bold;}
    .category .cate_wrap dl dt.on {color:#a40a5e; text-decoration: underline;}
    .category .cate_wrap dl dd {font-size: 15px;}

    /* 계정 */
    .acc_info {height: 56px; flex-shrink: 0;}
    .acc_info>div {max-width:initial; height: 100%; padding: 0;}
    .acc_info>div .acc_name {margin-right: 10px; font-size: 16px;}
    .acc_info>div .logout {flex: 1;  font-size: 16px;}

    /* 카테고리명 */
    .cate_slt {background-color: transparent; border-bottom: 2px solid #222;}
    .cate_slt>div {height: 112px; display: flex; align-items: center; justify-self: flex-start;}
    .cate_slt>div .go_back {display: none;}
    .cate_slt h3 {display: block; margin-right: 40px; font-size: 32px; font-weight: bold;}
    .cate_slt .depth2 li {display: inline-flex; height: 20px; margin-right: 24px; }
    .cate_slt .depth2 li.on {display: inline-flex; height: initial; overflow: hidden; border:0 none; background: transparent; font-size: initial; font-weight: normal; line-height: initial;}
    .cate_slt li a {color:#666; font-size: 16px; }
    .cate_slt li.on a {text-decoration: underline; color:#222; font-weight: bold; }

    /* login */
    .login_wrap {min-height: 727px;}
    .login_cont {position: initial; margin: 15px auto 75px; height: 547px;}
    .login_wrap .dscr span {display: initial; padding: 0 3px;}
    .login_setting label {margin-right: 19px; font-size: 16px;}
    /* .login_wrap footer {position: fixed;} */
    .user_info input.txt::placeholder {font-size: 16px;}
    .login_wrap .dscr {font-size: 16px;}

    /* page */
    .txt_img {height: 153px; }

    /* .wht_box { margin-top: 16px;} */
    .item_title.sm {margin-top: 20px;}
    .dscr + .item_title.sm {margin-top:0;}
    .dscr.noti {margin: 4px 0 10px; }
    .wht_box.top+ .dscr.noti {margin:0 0 -15px; }

    .item_title span.ds {font-size: 14px;}
    
    .item_box {margin: 13px 0;}
    /* .item_title.xsm {font-size: 16px;} */

    /* 내외부평가 */
    .gds_item {position: static; transform:initial; margin-left: 0; padding-bottom: 0;}
    .gds_item+.item_box {margin-top: 20px;}

    /* 상품리스트확인 */
    .goos_list .btn_move::after {border-radius: 100%;}

    /* 평가 시작, 종료 */
    .e_star {min-height: 180px;}

    /* 평가결과 확인 */
    .swipe_table .table {padding: 0; margin: 0;}
   
    

}

/* 1201 이상 일때 padding 삭제 */
@media screen and (min-width:1232px) {
    header>div,
    .info_wrap .info,
    .cate_slt>div,
    .category .cate_wrap .cate_list  {padding: 0;}



}

/*
.itemBoxHighlight {
    border:solid 1px black;
    width:263px;
    height:112px;
    padding:8px;
    margin-bottom:8px;
    background-color:yellow;
}
*/