@charset "utf-8";
.inquiry_box .answer input[type="text"], .inquiry_box .answer input[type="password"]
,.inquiry_box .answer input[type="email"]{
  padding-left: 20px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  line-height: 46px;
  font-size: 18px;
  color: #333;
  width: 100%;
}
.download_box{
  width: 12%;
}
.tack-check input[type="checkbox"], input[type="radio"],.checkbox-inline input[type="checkbox"], input[type="radio"]{
  display: block;
}
.board_style .list-board .list-body li > div > a{
  color: #333;
}
.download_box a{
  padding: 6px 10px;
  text-align: center;
  border: 1px solid #1560ad;
  font-size: 14px;
  color: #1560ad !important;
  font-weight: 400;
}
.write-wrap .inquiry_box.option_box label{
  background: none;
}
.input_container{
  border-top: 1px solid #666666;
}
.inquiry_box.flex_input{
  display: flex;
  margin-bottom: 0;
  align-items: center;
  border-bottom: 1px solid #efefef;

}
.inquiry_box.flex_input.print_img_box{
  align-items: flex-start;
  background: #fafafa;
}
.inquiry_box.flex_input.print_img_box .print_img_container{
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  padding-top: 15px;
  width: 90%;
  background: #fff;
}
.write-wrap .inquiry_box.flex_input > label{
  background: #fafafa;
  color: #222222;
  line-height: unset;
  padding: 31.5px 0 31.5px 20px;
  width: 150px;
  font-size: 16px;
}
.write-wrap .inquiry_box.flex_input > label.content_tit{
  padding: 32px 0 365px 20px !important;
}

.inquiry_box.flex_input .answer input[type="text"]::placeholder, .inquiry_box.flex_input .answer input[type="password"]::placeholder{
 color: #ccc;
 font-size: 14px;
 margin-top: 1px;
}
.wr_4_chk_box input[type=checkbox],
.wr_6_chk_box input[type=checkbox]{
  margin-top: 0;
}
.wr_4_chk_box input[type=radio] + label,
.wr_6_chk_box input[type=checkbox] + label
{
  /* margin-left: 10px; */
  font-size: 15px;
  font-weight: 400;
  margin-top: 0;
}
.inquiry_box.flex_input .answer{
  width: calc(45% - 150px);
  margin-left: 20px;
  margin-right: 50px;
  display: flex;
}
.wr_4_chk_box.last{
  width: 54%;
}
#wr_5{
  width: 80%;
  margin-left: 17px;
}
.inquiry_box.flex_input .answer.wr_4_chk{
  width: calc(60% - 150px);
}
.wr_4_chk_box +.wr_4_chk_box{
  margin-left: 40px;
}
.inquiry_box.flex_input .answer.password_tab{
  width: calc(95% - 150px);

}
.inquiry_box.flex_input .answer input[type="text"], .inquiry_box.flex_input .answer input[type="password"]{
  width: 100%;
  padding-top: 1px ;
}
.wr_4_chk_box{
  display: flex;
  align-items: center;
}
.wr_6_chk_box{
  display: flex;
  align-items: center;
}
.wr_6_chk_box + .wr_6_chk_box{
  margin-left: 38px;
}
.wr_6_chk{
  display: flex;
  margin: 30px 0;
}
.inquiry_box .answer .file_input.m01_01 .row .file_content{
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 0;
  justify-content: flex-end;
}

.inquiry_box.flex_input .answer.file_input_box{
  width: calc(75% - 150px);
}
.inquiry_box .answer.file_input_box .file_input{
  width: 46%;
}
.inquiry_box .answer.file_input_box .file_input .row .file_content > div.right_file input{
  border-left: 1px solid #dcdcdc;
  border-radius: 4px;
}
.inquiry_box .answer.file_input_box .file_input .row .file_content > label{
  border-radius: 4px;
  background: #1560ad;
  font-size: 15px;
  color: #fff;
  margin-left: 7px;
  width: 100px;
}
.inquiry_box .answer.file_input_box .file_input .row + .row {
 margin-top: 10px;
}
.contorol_file{
  font-size: 15px;
  color: #aaa;
}
.contorol_file img{
  height: 15px;
  margin-bottom: 3px;
  margin-right: 3px;
}
.contorol_file + .contorol_file{
  margin-left: 15px;
}
.agreed_check_container{
  padding: 60px 0;
}
.agreed_check_container h3{
  font-size: 18px;
  color: #222222;
  font-weight: 500;
}
.agreed_check_box{
  width: 100%;
  height: 200px;
  overflow-y: scroll;
  border: 1px solid #dddddd ;
  padding: 30px 35px;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #666666;
  margin-top: 26px;
}
.agredd_check{
  margin-top: 15px;
  font-size: 14px;
  color: #222;
  display: flex;
  align-items: center;
}
.agredd_check input[type=checkbox]{
 margin-top: 2px;
}
.agredd_check label{
  /* margin-left: 13px; */
  margin-top: 0 !important;
  font-weight: 500 !important;
}
.write-wrap .write-btn.btn_write .btn{
  background: #1560ad;
  border-radius: unset !important;
  border: 1px solid #1560ad;
  width: 220px;
}
.write-wrap .write-btn.btn_write .btn span{
  font-weight: 300;
}

input[type="checkbox"].wr_6type,
input[type="radio"].wr_6type,
input[type="checkbox"].wr_4type,
input[type="radio"].wr_4type,
input[type="checkbox"].wr_7{
  display:none
}
input[type="checkbox"] + label span,
input[type="radio"] + label span{
  display:inline-block;
  width:15px;
  height:15px;
  border:1px solid #ddd;
  vertical-align:middle;
  margin-right: 10px;
  margin-bottom: 3px;
}
input[type="checkbox"]:checked + label span,
input[type="radio"]:checked + label span{
  background: url(../img/check_on_2.png)no-repeat center / cover;
  border:1px solid #1560ad;

}
.wr-chk input[type="checkbox"],
.control-label input[type="checkbox"]
{
  display: inline-block;
}
.list-wrap .pagination .active a, .view-wrap .pagination .active a{
  border-radius: 50% !important;
}
.pagination-sm>li>a i{
  font-size: 16px !important;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
  background: none;
  font-size: 13px;
}
.board_style .list-board .list-body li > div{
  font-size: 15px;
  color: #333;
  padding: 21.3px 0;
}
.board_style .list-board .list-body li > div.wr-subject{
padding-left: 5px;
font-weight: 400;
}
.notice_style .list-board .wr-date{
  width: 8%;
}
.board_style .div-head{
  background: none;
  border-top: 1px solid #666666;
  padding: 20px 0;
  color: #555;
}
.board_style .div-head > span{
  font-size: 16px;
  font-weight: 500;
  color: #555;
}
.pagination>li.active{
  padding-top: 1px;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
  border-radius: 50% !important;
  padding: 0;
  width: 26px;
  height: 26px;
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;

}
.pagination{
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-list .list-wrap .pagination a, .view-wrap .pagination a{
  color: #666 !important;
}

.h20{
  display: none;
}
.sub_text h1{
  font-weight: 400;
}

.pagination-sm>li>a, .pagination-sm>li>span{
  padding: 6px 10.5px;
}
.check-input + label:after{
  content: none;
}

@media (max-widtH:991px){
  .list-page{
    margin: 15px 0 0 !important;
  }
  .form-group{
    margin-bottom: 0;
  }
  .list-btn{
    /* margin-bottom: 30px; */
  }
  .check-input + label{
    padding: 0;
  }
  .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
    width: 25px;
    height: 25px;
    margin: 0 5px;
    /* padding: 0; */
    padding: 5px 10px 4px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sub_text h1{
    font-size: 27px;
  }
  .inquiry_box.flex_input{
    flex-wrap: wrap;
  }
  .board_style{
    margin-bottom: 0;
  }
  .h20{
    display: none;
  }
  .list-page{
    margin-bottom: 0 !important;
    margin-top: 30px !important;
  }
  .pagination-sm>li>a, .pagination-sm>li>span{
    padding: 5px 10px 4px;
  }
  .list-head .wr-chk input[type="checkbox"]{
    /* margin-left: 5px; */
  }
  .board_style .div-head > span.download_box{
    width: 27%;
  }
  .board_style .list-board .list-body li > div.download_box{
    width: 27%;
  }
  .board_style .list-board .list-body li > div.download_box > a{
    font-size: 12px;
    padding: 5px 10px;
  }
  /* .board_style .div-head{
    display: flex;
    justify-content: space-between;
  }
  .board_style .div-head > span.wr-chk{
    width: 3%;
  }
  .board_style .div-head > span{
    width: 40%;
  } */
  .inquiry_box.flex_input .answer{
    width: calc(100% - 95px);
    margin-left: 0px;
    margin-right: 0;
    padding-left: 10px;
    position: relative;
  }
  .inquiry_box.flex_input .answer:after{
    content: "";
    display: block;
    position: absolute;
    bottom: -8.5px;
    left: 0;
    width: 100%;
    height: 0.7px;
    background: #ebebeb;
  }
  .inquiry_box.flex_input .answer.email_box:after{
 
    bottom: -9px;

  }
  .inquiry_box.flex_input .answer:last-child::after{
    content: none;
  }
  .write-wrap .inquiry_box.flex_input > label{
    padding: 23px 0px 23px 8px;
    width: 95px;
    font-size: 13px;
  }
  .write-wrap .inquiry_box.flex_input > label:first-child{
    border-bottom: 1px solid #ebebeb;
  }
  .write-wrap .inquiry_box.flex_input.add_file{
    background: #fafafa;
  }
  .inquiry_box .answer.file_input_box .file_input .row .file_content > div.right_file input,
  .inquiry_box .answer.file_input_box .file_input .row .file_content > label{
    border-radius: 3px;
  }
  .inquiry_box .answer input[type="text"], .inquiry_box .answer input[type="password"], .inquiry_box .answer input[type="email"]{
    width: 100%;
    padding-left: 10px;
    border-radius: 3px;
    line-height: 40px;
    font-size: 14px;
  }
  .inquiry_box.flex_input .answer input[type="text"]::placeholder, .inquiry_box.flex_input .answer input[type="password"]::placeholder{
    font-size: 13px;
   }
   .inquiry_box.flex_input .answer.wr_4_chk{
    width: calc(100% - 95px);
    flex-wrap: wrap;
   }
   .wr_4_chk_box +.wr_4_chk_box{
    margin-left: 18px;
   }
   .wr_4_chk_box input[type=radio] + label, .wr_6_chk_box input[type=checkbox] + label{
    font-size: 13px;
  }
  /* .wr_4_chk_box input[type=checkbox] + label{
     width: 30px;

   } */
   .inquiry_box.flex_input .answer.file_input_box{
    width: calc(100% - 95px);
    flex-wrap: wrap;
    background: #fff;
   }
   .write-wrap .inquiry_box.flex_input.password_box > label{
    border-bottom: 0;
   }
   .inquiry_box.flex_input.add_file .answer.file_input_box{
    padding-top: 7px;
   }

   .write-wrap .inquiry_box.flex_input.add_file > label:first-child{
    border-bottom: none;
   }
   .contorol_file{
    font-size: 12px;
   }
   .contorol_file i{
    margin-right: 2px;
    color: #d8d8d8;
   }
   .agreed_check_box::-webkit-scrollbar {
    width: 10px;  /* 스크롤바의 너비 */
    }

    .agreed_check_box::-webkit-scrollbar-thumb {
        height: 30%; /* 스크롤바의 길이 */
        background: #cfcfcf; /* 스크롤바의 색상 */
        
        /* border-radius: 10px; */
    }

    .agreed_check_box::-webkit-scrollbar-track {
        background: #e6e6e6;  /*스크롤바 뒷 배경 색상*/
    }
   #wr_5{
    margin-left: 9px;
    width: 74%;
   }
   .inquiry_box .answer.file_input_box .file_input .row .file_content > label{
    width: 64px;
    font-size: 12px;
    line-height: 42px;
   }
   .list-page .pagination{
  
   }
   .inquiry_box .answer.file_input_box .file_input .row .file_content > label span{
    /* margin-right: 1px; */
   }
   .inquiry_box .answer.file_input_box .file_input{
    width: 100%;
   }
   .inquiry_box .answer .file_input.m01_01 .row .file_content > div.right_file{
    width: calc(100% - 60px);
   }
   .inquiry_box .answer.file_input_box .file_input .row .file_content > div.right_file input{
    line-height: 35px;
   }
   .wr_4_chk .wr_4_chk_box.last{
    margin: 0;
    margin-top:  15px;
    width: 100%;
   }
   .write-wrap .inquiry_box.flex_input > label.wr_4_box{
    padding: 41px 0px 41px 8px;
    border-bottom: none;
   }
   .inquiry_box.flex_input .answer.wr_4_chk::after{
    content: none;    
   }
   .inquiry_box.flex_input.print_img_box .print_img_container{
    width: calc(100% - 95px);
    margin: 0;
    padding-left: 10px;
    padding-top: 7px;
    background: #fff;
    
  }
  .inquiry_box.flex_input.print_img_box{
    align-items: center;

  }

  .wr_6_chk_box{
    width: 40%;
  }
  .wr_6_chk_box + .wr_6_chk_box{
    margin-left: 0;
    margin-top: 15px;
  }
  .wr_6_chk_box:nth-child(2){
    margin-top: 0;
  }
  .wr_6_chk{
    flex-wrap: wrap;

  }
  .pagination>li.active{
    padding-left: 1px;
  }

  .at-go .go-btn{
    display: none !important;
    opacity: 0 !important;
  }
  .sub_text h1{
    font-weight: 500;
  }
  .write-wrap .inquiry_box.flex_input > label.content_tit{
    background: #fafafa;
    border-bottom: 0;
    padding: 0 !important;
    padding-left: 8px !important;
  }
  .inquiry_box .answer .file_input .row .file_content > label{

  }
  .inquiry_box.flex_input .answer.password_tab{
    width:  calc(100% - 95px);;
  }
  .agreed_check_container{
    padding: 35px 0;
  }
  .agreed_check_container h3{
    font-size: 15px;
  }
  .agreed_check_box{
    margin-top: 15px;
    padding: 20px;
    height: 115px;
  }
  .agredd_check label{
    font-size: 13px;
    font-weight: 400 !important;
    margin-left: 0;
  }
  input[type="checkbox"] + label span,
  input[type="radio"] + label span{
    margin-right: 6px;
    margin-bottom: 1px;
  }
  .print_img {
    width: 100%;
    
  }
  .write-wrap .write-btn.btn_write .btn{
    width: 150px;
    height: 44px;
    
  }
  .write-wrap .write-btn.btn_write .btn span{
    padding-top: 1px;
    padding-left: 1px;
  }
  .write-wrap .write-btn.btn_write{
    margin: 40px 0 0;
  }
}
.at-body .shop-list .item-point{
  bottom: 14px !important;
  padding: 4px 6px 4px 6px !important;
}


/* 유지보수 csj 220831 */
.order_style input[type="checkbox"],.order_style input[type="radio"]{display:inline-block;}
.order_style .check-input + label{padding-left:0;}

/*유지보수 kjh 220902*/
.item_detail .item_detail_tab .tabs_box.fixed{top:121px; z-index:2;}
@media (max-width:991px){
	.item_detail .item_detail_tab .tabs_box.fixed{top:80px;}
}
@media (max-width:768px){
	.item_detail .item_detail_tab .tabs_box.fixed{top:60px;}
}
@media (max-width:480px){
	.item_detail .item_detail_tab .tabs_box.fixed{top:50px;}
}

/* 추가개발 221114 */
/* 반품신청  html > skin > apms > oroder > basic > refund.skin.php 시작 */
.color_orange{color:#ed6e3e}
.refund_style .refund_step{margin-bottom:25px}
.refund_style .refund_step02{margin-top:70px}
.refund_style .refund_step:after{display:block; content:""; clear:both}
.refund_style .refund_step .title{float:left; font-weight:600; font-size:25px}
.refund_style .refund_step .comment{float:right; margin-top:9px; font-size:16px}

.refund_style .refund_wrap{margin-top:25px}
.refund_wrap .refund_box{}
.refund_box .refund_row{font-size:16px; line-height:30px}
.refund_box .refund_row:after{display:block; content:""; clear:both}
.refund_box .refund_row + .refund_row{margin-top:15px}
.refund_box .refund_row .refund_tit{float:left; width:250px; padding-left:20px; font-weight:500; font-size:18px}
.refund_box .refund_tit .ref_label{font-weight:500}
.refund_box .refund_tit .ref_label .color_orange{display:inline-block; margin-left:5px; font-size:14px}
.refund_box .refund_row .refund_txt{float:left; width:calc(100% - 250px);}
.refund_box .refund_row .refund_txt .ref_select, .refund_box .refund_row .refund_txt .ref_text{padding:0 10px; border:1px solid #ddd; border-radius:0; background-color:#fff; width:50%; min-width:300px; height:30px; line-height:30px}
.refund_box .refund_row .refund_txt .ref_textarea{width:100%; height:80px; padding:10px; border:1px solid #ddd; border-radius:0; line-height:1.3; resize:none}
.refund_box .refund_row .refund_txt .refund_ul > li{display:inline-block}
.refund_box .refund_row .refund_txt .refund_ul > li + li{margin-left:20px}
.refund_box .refund_row .refund_txt .refund_ul > li > input[type="radio"]{margin:1px 5px 0 0; display:inline-block;}
.refund_box .refund_row .refund_txt .refund_ul > li .ref_label{}
.refund_box .refund_row .refund_txt .ref_inputtext{padding:0 10px; border:1px solid #ddd; border-radius:0; width:50%; min-width:300px; height:30px; line-height:30px}
.refund_box .refund_direct_box{display:none; margin-top:15px; border:1px solid #ddd; padding:20px 0}

.refund_style .refund_calc{padding:15px 0}
.refund_style .refund_calc:after{display:block; content:""; clear:both}
.refund_style .refund_calc .btn_calc{display:block; float:left; padding:0 20px; border:1px solid #e63640; border-radius:18px; font-weight:500; font-size:15px; line-height:33px; color:#333; -webkit-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s}
.refund_style .refund_calc .btn_calc:hover{background-color:#e63640; color:#fff}
.refund_style .refund_calc .comment{float:left; margin-left:15px; font-size:15px; line-height:35px}
.refund_style .refund_calc .comment .color_orange{font-weight:500}

.refund_style .refund_comment{margin-top:25px; border:1px solid #e63640; padding:20px}
.refund_style .refund_comment .comment{font-size:15px; line-height:1.2; color:#555}
.refund_style .refund_comment .comment + .comment{margin-top:10px}

.refund_style .btn_ref{margin-bottom:50px}

@media (max-width:991px){
	.cart-wrap.refund_style .price-wrap{border-top:0; margin-top:0; border-bottom:1px solid #555}
}
@media (max-width:768px){
	.refund_style .refund_step{margin-bottom:15px}
	.refund_style .refund_step02{margin-top:35px}
	.refund_style .refund_step:after{display:none}
	.refund_style .refund_step .title{float:none; font-size:18px}
	.refund_style .refund_step .comment{float:none; font-weight:500; font-size:13px}

	.refund_box .refund_row{font-size:14px}
	.refund_box .refund_row + .refund_row{margin-top:10px}
	.refund_box .refund_row .refund_tit{float:none; width:100%; padding-left:0; font-size:16px}
	.refund_box .refund_tit .ref_label .color_orange{margin-left:2px; font-size:12px}
	.refund_box .refund_row .refund_txt{float:none; width:100%}
	.refund_box .refund_row .refund_txt .ref_select, .refund_box .refund_row .refund_txt .ref_text{padding:0 8px; width:100%; min-width:auto}
	.refund_box .refund_row .refund_txt .ref_inputtext{width:100%; min-width:auto}
	.refund_box .refund_direct_box{padding:10px 15px 15px}

	.refund_style .refund_calc{padding:10px 12px 0}
	.refund_style .refund_calc:after{display:none}
	.refund_style .refund_calc .btn_calc{float:none; width:200px; text-align:center}
	.refund_style .refund_calc .comment{float:none; margin-top:10px; margin-left:0; font-size:12px; line-height:1.3; letter-spacing:-0.03em}

	.refund_style .refund_comment{margin-top:15px; padding:10px}
	.refund_style .refund_comment .comment{font-size:12px}
	.refund_style .refund_comment .comment + .comment{margin-top:5px}

	.refund_style .btn_ref{margin-bottom:25px}
}
/* 반품 기능  html > skin > apms > oroder > basic > refund.skin.php 끝 */