/* 체크박스 */
.check-wrap input[type=checkbox] {display:none;}
.check-wrap input[type=checkbox]:checked{}
.check-wrap input[type=checkbox] + label { width:100%;   font-size:15px;   background-position: 0px !important;  padding-left: 24px; height: 16px; display: block;    display: flex; align-items: center; background-size: contain !important; cursor: pointer;  background: url('https://d32l5afo82wu4y.cloudfront.net/static/user/img/no-check.png') no-repeat;}
.check-wrap input[type=checkbox]:checked + label {background: url('https://d32l5afo82wu4y.cloudfront.net/static/user/img/check.png') no-repeat;}
 .check-wrap {display:flex; margin-top: 12px;margin-right: 15px;}
 .check-wrap:last-child{margin-right:0px;}

/* ------------- 관광상품 VIEW 페이지 ----------------*/
/* 제품상세 상단 이미지 사이즈 */

.shop_view .pd-view-t-container .row-too-short{display: flex;align-items: center;flex-direction: column;}
.pd-view-t-container .pd-img-con .pd-img {max-width: 400px;}

.pd-detail{margin:auto; border-top: 2px solid #74817d; /* padding-top:16px; */}
.pd-detail .option{margin-bottom:16px;}
.pd-view-t-container dl{display: block; /* line-height:3; */ font-size:1em;margin-bottom: 15px ; }
.pd-view-t-container dl.pd-delivery{display: flex;margin-top:10px;}
.pd-view-t-container dl.pd-delivery > p{padding-right: 10px; }
.pd-view-t-container dl.type02_gam{display:flex;    justify-content: space-between; align-items: center;}
.pd-view-t-container dt{min-width:130px;}

.pd-view-t-container .pd-total dt{min-width:100px;}


.pd-view-t-container dl.sh_basics_tit{font-size:15px;color:#888}
.pd-view-t-container .basics_option{border-bottom:2px solid #74817d;
     margin-bottom:20px;}
.pd-view-t-container dt, .pd-view-t-container dd{display: table-cell;}


.pd-view-t-container .pd-total{display: flex;    margin-top: 10px;justify-content: flex-end;align-items: flex-end;}

/* .pd-total{border-top:1px solid #dfdfdf;}  */
.pd-total dt{ font-weight: 500;}
.pd-total dd {font-size:1rem;}
.pd-total dd .price{font-weight: 500;font-size:1.25rem;font-family: 'Rubik','Noto Sans KR', sans-serif;}
.pd-detail > div:first-child{padding-top:15px;}

/* 상세보기 상단 스와이퍼 */
.top_shop_detail{display: flex;}
.top_shop_detail .main-pro{border:1px solid #74817d}
.top_shop_detail >ul{width: 50%;flex-direction: column;display:flex; justify-content: center; align-items: center;}
.top_shop_detail >ul .shop_right{width: 100%; padding-left: 40px;}


.tab-list-con{margin-right:auto; width: 272px;}
.tab-list-con h5{color:#777; font-weight: 300; line-height: 1.2;}
.tab-list-con .sel-list{width:272px; z-index: 100;}
.tab-list-con .sel-list > li{padding:8px;}
.tab-list-con .sel-list-tit{padding-left:0;}
.tab-list-con .sel-list-tit .sel-arrow{top:42%; background-image: url(https://d32l5afo82wu4y.cloudfront.net/static/user/img/legacy-external/lbcontents/images/IPIACOSMETIC/icon-b-arrow.png); width:18px; height:10px;}


.tab-con{margin:4px 16px; font-size:1.15em; cursor: pointer; opacity:.5; padding-bottom:4px; position: relative;transform: translateY(1px);}
.tab-con:first-child{margin-left:0;}
.tab-con.current{opacity: 1; background-color:#fff; color:#333; font-weight: 500;border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb;}
.tab-con:hover{font-weight: 500;}

/* 중간영역 소개 탭 */
.view-tab-container{font-size:0; letter-spacing: 0;border-bottom: 1px solid #bbb;}
.view-tab-container li{font-size:15px; display:inline-block;  text-align: center; cursor: pointer; color:#626262; /* background-color:#f6f6f6 */; position: relative;
    width:25%; margin:0; padding:17px 8px;}

.view-detail-wrap .bg-light-gray{padding:32px;}



.table-container .pd-detail-table tr td:first-child{font-weight: 700;}
.table-container .pd-detail-table td{padding:8px 12px; }

/* shop_view */
.paymemt_shop ul{padding-top:80px;}
.paymemt_shop ul li{margin-bottom:40px;}
.paymemt_shop ul li:last-child{margin-bottom:0px;}
.paymemt_shop ul .pay_top{display: flex;align-items: flex-end;margin-bottom:10px;color:#333}
.paymemt_shop ul h6{font-size:1.562rem;}
.paymemt_shop ul .pay_top p{margin-bottom:4px;margin-left:10px;}
.paymemt_shop ul li p{font-size:0.875rem;}
.paymemt_shop ul li >div:last-child p{color:#555;line-height: 2em; font-weight: 300;}
.paymemt_shop ul li p.point{position:relative; padding-left:10px;}
.paymemt_shop ul li p.point:before {position:absolute; content:'';display: block; width:3px; height:3px;background-color: #666; transform: rotate(45deg) translateY(-50%); top:13px; left:0;}
.paymemt_shop ul li:last-child .pay_body > div{margin-bottom:15px;}

.shop_view .bd-md{padding:0 16px;}

/* 리뷰 */
.review {padding:140px 0;}
.review ul li{border-bottom:1px solid #ddd; padding:20px 0;}
.review .page_but ul li{padding: 0;}
/* review top */
    /* .star_review */
.star_review .review-main-star{overflow: hidden;}
.star_review .review-main-star .star {width: 106px; height: 18px; position: relative; left: 0; overflow: hidden;}
.star_review .review-main-star .star5 {left: 0;
}
.star_review .review-main-star .star4 {left: -22px;}
.star_review .review-main-star .star3 {left: -44px;}
.star_review .review-main-star .star2 {left: -66px;}
.star_review .review-main-star .star1 {left: -88px;}

.img-bg {background-repeat: no-repeat; background-size: cover; background-position: center;}
.star { position: absolute; top: 0; left: -128px; width: 128px; height: 22px; background-size: contain; display: block;
    text-align: left; background-image: url(https://d32l5afo82wu4y.cloudfront.net/static/user/img/legacy-external/lbcontents/images/IPIACOSMETIC/icon-star5.png);}



    /* .center */
.review .center .top{    width: calc(100% - 180px); position:relative;}
.review .center .top .star_review{position:absolute; top:-30px; left:0;}
.review .center .good{padding-right:15px;margin-right:15px; position:relative;color:#666; display:flex;align-items: center;}
.review .center .good::before{content:'';display: block; width:2px; height:15px; background-color: #ddd; position:absolute; top:50%; right:0; transform: translateY(-50%);}
.review .center .good i{color:#666; margin-right:15px;}

.review .center .review_date{font-size:15px; color:#888;}
.review .center .top_right{display: flex;}

/* review center */
.review .center{margin-top:40px;}
.review .center > div{display: flex;justify-content: space-between;align-items: flex-start;}
.review .center .review_title{font-size:1.125rem; text-align: left;}
.review .center .review_option{display: flex;font-size:15px; color:#666}
.review .center > div:first-child i{display: block;width:180px;float:left;}
.review .center .review_text {text-align: left; padding-right:32px; }

/* review bottom */
.review .bottom{margin-top:20px;}


.page_but i.fa{color:#666}
.page_but { margin-top: 60px;}
.page_but ul { width: 100%; display: flex; align-items: center; justify-content: center;font-size: 15px;
    color: #666}
.page_but ul li.arrow { color: #000; font-size: 16px; margin:0px; }
.page_but ul li { padding: 0 3px; margin: 0 8px; color: #888; font-size: 14px; border-bottom: 0px !important;}
.page_but ul li.active {border-bottom: 2px solid #000; color: #000; font-size: 16px;}
.page_but ul li.arrow i{display: block; width:16px;}

.shop .pd-content{margin-top:16px;}
/* .shop .view-detail-board{border-top:1px solid #d1d1d1;} */
.view-detail-board .review{padding:0;}
.view-datail-review-container{min-height:136px;}
.pd-detail-container .con-tit h3{font-size:1.3em;text-align: left; color:#333; font-weight: 500;font-family: 'Noto Sans KR';}
.pd-detail-container .product_con_tit{display: flex;justify-content: space-between;}
.pd-detail-container .product_con_tit .product_name{width:calc(100% - 120px)}

.pd-price-con{line-height: 1.5em;display: flex;}
.pd-price-con, .shop .pd-detail-container .star-container{margin:16px 0px;}
.pd-price-con .price{margin-right: 10px;font-weight: 400;font-size: 1.5rem; color:#333; font-family: 'Rubik','Noto Sans KR', sans-serif;}
.pd-price-con .price-del{margin-right: 5px;color:#aaa; font-size:1.1rem; margin-top:4px;position:relative;font-family: 'Rubik','Noto Sans KR', sans-serif; font-weight: 300;}
.pd-price-con .price-del::after{content:'';display: block; width:100%; height:1px; position:absolute; top:50%; left:0; background-color: #bbb;}
.pd-price-con .percent{color:#e03434; font-weight: 500;font-size:1rem; }
.shop .pd-detail{margin-top:20px;}

.view-detail-wrap .qna{width:100%; margin-top:40px;}
.qna .table ul li > div{display: flex;justify-content: space-between; text-align: center;align-items: center;border-bottom:1px solid #ddd;}
.qna .table ul p{padding:15px 20px}
.qna .table ul p i.lock{    display: inline-block; width: 13px;     margin-left: 10px;}
.qna .table .head_table{font-weight: bold; color:#999;border-bottom: 1px solid #888}
/* .qna .table .body_table{border-top:1px solid #888;} */
.qna .table .body_table li{padding:10px 0;}
.qna .table .t_no{ width: 10%; padding: 7px; font-weight: 600; font-size: 17px;}
.qna .table .t_title{width:50%;max-width: 480px;}
.qna .table .t_title span{width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.qna .table .body_table .t_title{text-align: left;    display: flex; align-items: center;}
.qna .table .body_table .t_title span{width:17px; display:block;    margin-left: 10px;}
.qna .table .t_name{width:15%;}
.qna .table .t_date{width:20%;}
.qna .table em{width:5%; cursor:pointer; display:block; width:20px;}
.answer{padding-bottom:20px; text-align: left !important;}
#toc-content{display:none;}
.answer > p{}
.answer .in_answer{ background:#f7f7f7;padding: 15px 20px; display: flex;    align-items: flex-start;}
.answer .in_answer span{    font-weight: 600; font-size: 17px; width: 50px;}
.answer .in_answer p{padding:0px !important;    width: calc(100% - 150px);}
.answer .in_answer em{width: 100px; text-align: right;}


.qna .table .after_answer .t_no{width:20%;text-align: right;}
.qna .table .after_answer .t_no img{width:23px;transform: translateY(-5px);}
.qna .table .after_answer .t_title{width:40%;}
.qna .table .after_answer .answer{width:5%;font-size:10px; border:1px solid #154d90; color:#154d90; padding:3px 2px 1px;    height:100%;   }
.qna .table .t_title i.fa{padding-left:5px;color:#888}


.pd-sle-con02 .select_list{display: flex;justify-content: space-between; align-items: center; font-size: 0.875rem; border-top: 1px solid #ddd; background-color: #f5f5f5; padding: 15px;}
.pd-sle-con02 .select_list .count-wrap{    width: 110px !important;}
.pd-sle-con02 .select_list .count-wrap .inp{height:28px;}
.pd-sle-con02 .select_list .count-wrap > button{height:35px;}
.pd-sle-con02 .select_list .count-wrap > button i{    width: 13px;}
/* .pd-sle-con02 .select_list .select_name {width: 45%;} */

.count-container {width: fit-content; display:flex;}
.pd-sle-con02 .select_list .select_price {text-align: right; width: 20%;}
.pd-sle-con02 .select_list .product_price {font-size: 1.125rem;}
.pd-sle-con02 .select_list .product_price span{font-family: 'Rubik','Noto Sans KR', sans-serif;}
.pd-sle-con02 .select_list .product_accumulate {font-size: 13px; /* margin-top: 4px; */}
.pd-sle-con02 .select_list .span_accumulate {font-family: 'Rubik','Noto Sans KR', sans-serif;}
.pd-sle-con02 .select_list .product_tit { font-size: 1rem;}
.pd-sle-con02 .select_list .select_product {color: #888; margin-top: 3px;}
.pd-sle-con02 .select_list .span_ac_point {color: #be3434; border: 1px solid #be3434; padding: 2px 2px 0px; font-size: 10px; border-radius: 3px;  margin-right: 5px;}
.pd-sle-con02 .select_list .close {width: 13px;  display: block;  margin-left: 5px;}

/* btn-etc */
.view-detail-wrap .btn-container{text-align: right;padding-top:40px;}
.btn-etc{text-decoration: underline;  cursor: pointer;}
.btn-etc-box a{color:#626262; background-color:#fff; line-height: 1; padding:10px 40px; border:1px solid #d1d1d1; font-size:0.85em; cursor: pointer;}
/* .btn-etc-box:hover, .btn-etc-box:focus{color:#fff; background-color:#626262; border:1px solid transparent;} */
button.btn-etc-box{font-size:1em; min-width: 96px; min-height:36px; padding:8px 16px;}
/* 버튼 */
.pd-btn-container.row{margin-left: -2px; margin-right: -2px;}
.pd-btn-container.row > p{padding:0 2px;}
.pd-btn-container .btn{width:100%; min-width: unset; padding:0;}
.pd-btn-container .btn img{height:27px;}
.pd-btn-container .btn-icon:hover{background-color:#222; border:1px solid transparent;}
.pd-detail-container .btn{padding:15px 0; border-radius: 5px;  }
.pd-detail-container .btn-clear{background-color: #333;border:1px solid #000; color:#fff}
.pd-detail-container .btn-clear.btn_like{background:#fff; border:1px solid #333;}
.pd-detail-container .btn-clear.btn_like i{display:block;    width: 22px; height: 18px; margin: 0 auto;}
.pd-detail-container .btn-clear.btn_like i img{width: 100%; height: auto;}
.pd-detail-container .btn-primary{background-color: #fecc40; color:#fff}

.pd-detail-container .btn-soldout{background-color: #333; color:#fff}


.pw_pop_wrap{    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 24%); z-index: 999;}
.pw_pop_wrap .pop_cont{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; width: 330px; max-width: 100%;}
.pw_pop_wrap .pop_cont > button{    position: absolute; right: 10px; top: 10px; font-size: 19px;}
.pw_pop_wrap .pop_cont > div{    margin-top: 30px; padding: 30px;}
.pw_pop_wrap .pop_cont div p{text-align: center;}
.pw_pop_wrap .pop_cont div input{width: 100%; border: 1px solid #ddd;margin-top: 20px; height:40px; padding:10px; margin: 20px 0px;}
.pw_pop_wrap .pop_cont div input:focus{outline:none}
.pw_pop_wrap .pop_cont div button{margin: 0 auto; display: block; background: #283a67; color: #fff; padding: 7px 30px; border-radius: 3px;}
.pw_pop_wrap .pop_cont.type02{ border-radius:8px;   width: 630px; height: 85vh; overflow-y: scroll;}
.pw_pop_wrap .pop_cont.type02 h5{font-size: 19px;}
.pw_pop_wrap .pop_cont.type02 ul{  }
.pw_pop_wrap .pop_cont.type02 ul li{margin-top: 30px;}
.pw_pop_wrap .pop_cont.type02 ul li > div{  }
.pw_pop_wrap .pop_cont.type02 ul li > div h6{margin-bottom: 10px;font-size: 17px;}
.pw_pop_wrap .pop_cont.type02 ul li > div input{    margin: 10px 0px;}
.pw_pop_wrap .pop_cont.type02 .check-wrap{    display: block;}
.pw_pop_wrap .pop_cont.type02 .check-wrap > div{ display: flex; align-items: center;}
.pw_pop_wrap .pop_cont.type02 .check-wrap > div > div{    margin-right: 20px;}
.pw_pop_wrap .pop_cont.type02 textarea{width:100%; padding:10px; height:200px; overflow-y:scroll; resize:none; border:1px solid #ddd;}
.pw_pop_wrap .pop_cont.type02 textarea:focus{outline:none; border:1px solid #ddd;}
.pw_pop_wrap .pop_cont.type02 .qna_btn{    margin: inherit; width: 100%; padding: 13px; font-size: 16px;}



.pop_cont input[type=checkbox] {display:none;}
.pop_cont input[type=checkbox]:checked{}
.pop_cont input[type=checkbox] + label { width:100%;      background-position: 0px !important;  padding-left: 27px; height: 16px; display: block;    display: flex; align-items: center; background-size: contain !important; cursor: pointer;  background: url('https://d32l5afo82wu4y.cloudfront.net/static/user/img/no-check.png') no-repeat;}
.pop_cont input[type=checkbox]:checked + label {background: url('https://d32l5afo82wu4y.cloudfront.net/static/user/img/check.png') no-repeat;}




/* payment_view */
.inner{width:100%; max-width: 1200px;margin:0 auto;}
button{cursor: pointer;}
span.required{color:#e03434}
.all{padding:100px 0;}




/* 결제페이지 */
.mov_ver{display:none;}
.sec_in02.gam_mov{display:none;}
.pay_wrap_tit{text-align: center; font-size: 30px;margin-bottom: 50px;}
.h6_title { width: 100%;  padding-bottom: 15px;border-bottom:2px solid #283a67; display: flex;  justify-content: space-between; align-items: flex-end; }
.payment_top .h6_title {width:100%;  }
.h6_title h6 {font-size: 1.25rem; font-weight: 600;}
.payment_top .in_body_table .table_body .select_in{margin-top:5px;display: flex; font-size:14px; color:#888}
.payment_top .in_body_table{border-bottom:1px solid #bbb;}
/* .payment_top .in_body_table:last-child{border-bottom:none;} */
.list_top_p{margin-top:20px;font-size:1.125rem; font-weight: 500;}
.payment_top .in_body ul {align-items: center;display: flex;justify-content: space-between;padding:15px 0; }
.payment_top .in_body .table_head{background-color:transparent; color:#283a67; border-bottom:1px solid #bbb  }
.payment_top .in_body ul li{text-align: center; width:33.3333%; font-weight: 400;}
.payment_top .in_body .table_head ul li{font-size:15px;}
.payment_top .listsec02{display: flex;align-items: center;justify-content: center;}
.payment_top .in_body {border-bottom: none;}
.p_po{margin:0 5px;}
.payment_top .in_body .listsec02 .text_box{text-align: left; margin-left:20px; width:calc(100% - 130px)}
/* .payment_top .table_body .listsec02{width:45%;} */
.payment_top .listsec03{width:10%;}
.payment_top .listsec04{width:10%}
.payment_top .listsec05{width:15%}
.payment_top .listsec06{width:15%}
.payment_top .listsec07{width:100% !important; }
.payment_top .table_body .listsec02 i{width: 130px;margin-right:20px; display: block;height: 130px; border-radius: 10px;overflow: hidden;position: relative;padding: 15px;}
.payment_top .listsec02 i img {    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 95%; object-fit: contain;}
.go_pay{position: relative; left: 50%; transform: translateX(-50%); padding: 15px 50px; background: #283a67; color: #fff; border-radius: 4px; font-size: 16px;}

.payment_top .listsec06 .gift_incon{margin-left:20px;}

.payment.bd-md{padding-top:0;}
.payment_top.shopping_basket .table_head li{color:#333}
.shopping_basket h5{font-size:1.125rem; font-weight: 600;margin-bottom:10px; font-weight: 500;}

.shopping_basket .in_body ul{display: flex;align-items: center;text-align: center; border-top:1px solid rgb(221 221 221 / 77%);}
.shopping_basket .listsec01{width: 5%;}
.shopping_basket .listsec02{width: 50%;}
.shopping_basket .listsec03{width: 15%;}
.shopping_basket .listsec04{width: 15%;}
.shopping_basket .listsec05{width: 15%;}
.shopping_basket .listsec06{width:100%;}
.shopping_basket .table_head{background-color:transparent; color:#888; border-bottom:1px solid #bbb ;    padding: 15px; }
.shopping_basket .table_body .listsec{display: flex;align-items: center; text-align: left; padding:30px 20px}
.shopping_basket .table_body .listsec p{padding-left:20px}

.shopping_basket .select_sec .select{display: flex;justify-content: space-between; background-color: #f5f5F5;padding:30px 30px;width:100%; margin-bottom:10px;}
.mo_ver .shopping_basket .select_sec .select{display: flex;justify-content: space-between; background-color: transparent;padding:30px 30px;width:100%; margin-bottom:10px;}
.shopping_basket .select_sec .select:last-child{margin-bottom:0px;}
.shopping_basket .select_sec .select > div{display: flex;justify-content:flex-start;align-items: center;font-size:1.125rem}
/* .shopping_basket .select_sec .select > div:last-child{justify-content: flex-end;} */
.shopping_basket .select_sec .select_in{width:80%; }
.shopping_basket .select_sec .select_in p:first-child{font-weight: bolder;}
.shopping_basket .select_sec .select_in p:nth-child(2){padding-left:20px;padding-right:20px;}
.shopping_basket .select_sec .munber{text-align: right; border:1px solid #ddd;align-items: flex-end !important;}
.shopping_basket .select_sec .munber input{border:none;padding: 6px 17px; font-size: 19px; font-weight: 600;}
.shopping_basket .select_sec .munber > div{border-right:1px solid #ddd; border-left: 1px solid #ddd;padding: 5px 17px;}
.shopping_basket .select_sec .close{width:2%;text-align: right;position:relative;}
.shopping_basket .select_sec .close img{width:15px;}
.shopping_basket .in_body_table01{border-bottom:1px solid #000;}

/* select_but */
.shopping_basket .select_but{margin-top:20px;display: flex;justify-content: space-between;}
.shopping_basket .select_but .button button{padding:10px 20px;}
.shopping_basket .select_but .button:first-child button{border:1px solid #000; background-color: #000; color:#fff;}
.shopping_basket .select_but .button:last-child button{border:1px solid #000;background-color: #fff; color:#000;}


.shopping_basket .option_list .in_body_table01{border-bottom:none;padding-bottom:0px;}


.shop_event .table_head {text-align: left !important;}
/* payment */
.payment{padding:50px 0;position: relative;}
.dis_in_t{display: inline-block; vertical-align: top; margin-right: -4px;}
.payment .left{width:100%; margin-right: 40px; }


/* .payment .left */

.payment .left .h6_title{border-bottom: 2px solid #283a67; width:100%; padding-bottom:15px; display: flex;justify-content: space-between; align-items: flex-end;}
.payment .left .h6_title > div {display: flex;}

.payment .left .h6_title h6{font-size:1.25rem; font-weight: 600; }
.payment .left .h6_title form{display: flex; align-items: center;}
.payment .left .d-block{font-size:14px}
.payment .left .h6_title .d-block{margin-right:15px; }
.payment .left .h6_title .d-block:last-child{margin-right:0px; }
.payment .left .h6_title input{margin-right:5px;}

.payment .left > ul{padding:10px 10px;}
.payment .left ul li{display: flex;padding:10px 0;align-items: baseline;}
.payment .left ul li.coupons{display: flex;}
.payment .left ul li.coupons .payment_text{width:calc(100% - 150px);position: relative;}
.payment .left ul li.coupons .coupons_but{width:150px;}
.payment .left ul li.coupons .coupons_but button{width:100%;padding:10px;text-align: center; background-color: #000; color:#fff}
.payment .left ul li .find_coupons{display: flex;width:calc(100% - 200px);align-items: center;}
.cou_cancel{position:absolute;top:50%; right:10px;text-align: center;transform: translateY(-50%);/*  background: #e9e9e9; */width:17px; height:17px; border-radius: 30px;font-size:12px;font-weight: 600;}

.payment .payment_title{font-size:1rem; width:200px; margin-top:7px; font-weight: 500;}
.payment .payment_text{font-size:0.9rem; width:calc(100% - 200px);}
.payment .payment_text span{font-family: 'Rubik','Noto Sans KR', sans-serif; font-weight: 300;}
.payment .payment_text select{border-color:#ddd;color: #888;background-position: 97% 50%;}
.payment .payment_text input{width:100%; padding:10px; font-size: 0.9rem; border:1px solid #ddd; outline:0; font-family: 'Rubik','Lato','Noto Sans KR', 'NanumGothic';    border-radius: 0;}

.payment .left > div{margin-top:60px;}
.payment .left .address{display: flex;}
.payment .left .address input{width:calc(100% - 140px); background: #f5f5f5;}
.payment .left .address button{background-color:#283a67; padding:0 20px; color:#fff; border:none;width:140px;}
.payment .address_text > input{margin-top:10px; background: #f5f5f5;}



.payment .left .reserves{display: flex;}
.payment .left .reserves input{width:calc(100% - 150px);}
.payment .left .reserves button{background-color:#000; padding:0 20px; color:#fff; border:none;width:150px;}
.payment .left .reserves_span{font-size:1rem; color:#000;font-weight: 500;font-family: 'Rubik','Noto Sans KR', sans-serif;}
.payment .d-block { display: flex; align-items: center; justify-content: flex-end;}



.payment .left .bottom02 .list_title{display: flex;align-items: center;border-bottom:1px solid #ddd;
    justify-content: flex-end;padding:10px 0 15px 0;font-weight: bold; position:relative}
	.payment .left .bottom02 .list_title::after{content:'';display: block; position:absolute;width:15px; height:15px; border-top:2px solid #ddd; border-right:2px solid #ddd; right:20px; top:50%; transform: translateY(-80%) rotate(135deg);}
.payment .left .bottom02 .payment_title{margin-top:0;}
.payment .left .bottom02 ul{display: none;}
.payment .left .bottom02 ul li{color:#888; display: flex;}

.payment .left .bottom02_01 .h6_title{margin-bottom:0;}
.payment .left .bottom02_01 .gitf_con{display: flex;align-items: center;padding: 10px 0;}
.payment .left .bottom02_01 .gitf_con:last-child{border-color:#000}
.payment .left .bottom02_01 .gitf_con i{display: block;;width:150px;height:150px;position: relative;}
.payment .left .bottom02_01 .gitf_con i img{width:100%}
.payment .left .bottom02_01 .gitf_con i div{width:100%; height:100%;position: absolute;top: 0; left: 0;}
.payment .left .bottom02_01 .gitf_con i::before{content:'';display: block;width:100%; height:100%; background:#f5f5f5;z-index: -1;border-radius: 10px;}
.payment .gift_incon .d-block {justify-content: flex-start;margin-bottom:20px}
.payment .d-block.gift_checkbox {font-size: 1.125rem;}
.payment .bottom02_01 .gift_list{border-bottom:1px solid #ddd;padding:20px 0 5px;position: relative;}
.payment .bottom02_01 .gift_incon{padding-left:20px;width: calc(100% - 150px);}
.payment .bottom02_01 .gift_incon .pd-sle-con > div{display: flex;align-items: center;margin-bottom:5px;}
.payment .bottom02_01 .gift_incon dt{width:110px;}
.payment .bottom02_01 .gift_incon dd{width:calc(100% - 110px);}
.payment .bottom02_01 .gift_incon select {width:100%;padding:10px 10px; border-color:#ddd;font-size: 14px;}
.payment .bottom02_01 .gift_select {display: flex;justify-content: flex-start; font-size:1.125rem; /*   padding:10px;background-color: #f5f5f5 */;}
.payment .bottom02_01 .selec_01{width:70%; /* display: flex */;}
.payment .bottom02_01 .gift_select .selec_01{width:100%; /* display: flex */;    margin-bottom: 10px;}

.payment .bottom02_01 .gift_select .selec_01 p {display: inline-block;    float: left;}
.payment .bottom02_01 .selec_02{width:30%; text-align: right;}
/* 21.11.23 */
.payment .bottom02_01 .selec_01 p::before{content:'/'; margin:0 5px;}
.payment .bottom02_01 .selec_01 p:first-child:before{content:''; margin:0px;}
.payment .d-block.gift_checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;font-size:1.125rem;padding-bottom:10px;
}

.payment_way .way_top > div{display: block;align-items: center;margin-bottom:20px;}
.payment_way .way_top > div > p{width:30%}
.payment_way .way_top > div > div{width:80%;}
.payment_way .way_top > div > input{width:80%;outline: 0; border:1px solid #ddd; padding:10px;}
.payment_way .way_list{position:relative}
.payment_way .way_list p{border:1px solid #ddd; padding:10px;font-size: 0.9rem;}
.payment_way .way_list p::after{content:''; display: block; width:15px; height:15px; border-top:2px solid #ddd; border-right:2px solid #ddd; position:absolute; top:50%; right:10px; transform: rotate(135deg) translateY(100%);}
.payment .left .payment_way ul{background-color: #fff;border:1px solid #ddd;position:absolute;width:100%; top:44px; left:0 ; display: none;padding:0 10px;font-size:0.9rem;}
.payment_way .way_center{display: flex;justify-content: space-between;align-items: baseline;width: 100%;}
.payment_way .way_center > div{display: flex;}
.payment_way .way_center .d-block:first-child{margin-right:20px;}

.payment_view_mo h5{padding-bottom: 10px;}

.tabSet.pay ul.tabs {border-bottom: 0px; display:block;}
.tabSet.pay ul.tabs  li{float:left;list-style-type:none;height: 51px;width: calc((100% - 30px)/4);	margin-right: 10px; border:1px solid #ddd}
.tabSet.pay ul.tabs  li:nth-child(4){margin-right:0;}
.tabSet.pay ul.tabs  li:nth-child(8){margin-right:0;}
.tabSet.pay ul.tabs li a{ text-align: center; padding:13px 0 10px; border:0px;   height: 100%; width:100%;	color:#000;display:block;font-size:14px;margin: 0 auto; display: flex; justify-content: center;    align-items: center;}
.tabSet.pay ul.tabs li i{width: 27px;margin-left:10px;    margin-top: 3px;}
.tabSet.pay ul.tabs li a.on{background:#283a67;	cursor:default;color:#fff; border-radius:0px;}
.panels{background:#fff;}
.panel{	padding:15px 0px;margin-top: 20px;}
/* .panel .way_top{margin-top: 130px;} */
.payment .left .payment_method ul.tabs li{padding:0;margin-top:10px;}
.payment_way_but .way_bottom{margin-bottom:15px;}


.payment_way.pay_2 .panel .d-block{justify-content: flex-start;}
.payment_way.pay_2 .way_panel02 p{font-size:14px; color:#888}

.payment_way.pay_2 .way_panel03 > div > p{width:30%}
p.mini_text{font-size:14px; color:#888;margin:10px 0;}
.payment_way.pay_2 .way_panel04 > div:first-child{display: flex;align-items: baseline;justify-content: flex-start;justify-content: space-between;}
.payment_way.pay_2 .way_panel04 > div > p{width:30%}
.payment_way.pay_2 .way_panel04 input{border:1px solid #ddd; padding:7px;margin-bottom:10px;}
.payment_way.pay_2 .size_div{width:80%;}


.payment_way_but button{width:100%; padding:15px 0;background-color: #000; color:#fff; border-radius: 10px; font-size:1.25rem;}


.receipt .cash_receipts{display: none;}
.receipt .cash_receipts >div{display: flex; width:100%; margin:10px 0;}
.receipt .cash_receipts > div > div{display: flex; width:27%; }
.receipt .cash_receipts .d-block:first-child{margin-right:20px;}
.receipt .cash_receipts input{width:73%; border:1px solid #ddd; padding:10px;}

.refund_information ul li > div{width:calc(100% - 200px);}
.refund_information ul li > div > .payment_text{width:100%}
.refund_information .bank .payment_text{position:relative;}
.refund_information .bank .payment_text > p{border:1px solid #ddd;padding:10px;}
.refund_information .bank .payment_text > p::after{content:'';display: block; width:15px; height:15px; border-top:2px solid #ddd; border-right:2px solid #ddd; transform: rotate(135deg) translateY(79%); position:absolute; top:50%; right:10px;}
.refund_information .bank .payment_text ul{border:1px solid #ddd;padding:10px; line-height: 2.2em; position:absolute; top:44px; left:0; width:100%; background-color: #fff; display: none; height:200px;overflow-y: scroll;    z-index: 999;}
.refund_information .bank .payment_text ul li{padding:0;}



input{outline: 0;}
.payment_result{}
.payment_result.type02{margin-top:50px;}
.payment_result ul{padding: 50px 0px;   background: #f7f7f7; display: flex; align-items: center; justify-content: center;}
.payment_result ul li{    text-align: center;}
.payment_result ul li:last-child p{color:#283a67}
.payment_result ul li.pay_code{}
.payment_result ul li p{font-size: 28px;font-weight: 600;}
.payment_result ul li span{font-size: 17px;}
.payment_result ul li em{display:block; width:17px;    margin: 0px 50px; }
.payment_result button{ margin-top: 50px; position: relative; left: 50%; transform: translateX(-50%); padding: 15px 60px; font-size: 16px; background: #283a67; color: #fff; border-radius: 5px;}
.payment_result .agreement{margin-top:50px;}
.payment_result .agreement > div{margin-bottom: 20px;}




/* 체크박스 디자인 */
.d-block{display: flex; align-items: center;}
.payment_top .d-block{display: flex; align-items: center;justify-content: center;}
.d-block input[type="checkbox"] {display: none;}
.d-block input[type="checkbox"] + label {
		display: inline-block; width:15px; height: 15px; background: #fff;border:1px solid #888;
		cursor: pointer; border-radius: 4px; float:left; margin-right:7px;}
.d-block:after {display:block; clear:both; content:"";}
.d-block input[type="checkbox"]:checked + label {
	/* background: url(https://d32l5afo82wu4y.cloudfront.net/static/user/img/legacy-external/lbcontents/images/GML_KOREA/160251780348104.png)no-repeat center/20px 20px; float: left;border:1px solid #000;} */
	background: url('https://d32l5afo82wu4y.cloudfront.net/static/user/img/check.png') no-repeat center/20px 20px; float: left;border:1px solid #000;}

.d-block span{cursor: pointer;}


/* 이벤트 */
.shop_event .shopping_basket{margin-top:20px;}

/* ------------------- 마이페이지 ------------------*/
.my_page_wrap{margin-top:50px}
.s-tit_2 strong{font-size: 45px; padding-right:5px}
.s-tit_2{font-size: 30px;}
.bottom_{}
.bottom_ ul{display:flex; margin-top:50px;      padding: 40px 0px;  border-top: 2px solid #283a67; border-bottom: 1px solid #ddd;}
.bottom_ ul li{width:20%;padding: 0px 10px;  }
.bottom_ ul li div{display: flex; flex-direction: column; align-items: center;  }
.bottom_ ul li div:hover span{color:#fecc40}
.bottom_ ul li div i{display:block; width:35px;}
.bottom_ ul li div p{padding:10px 0px; font-size: 17px;}
.bottom_ ul li div span{font-weight:600; font-size: 23px;}
.my_page_wrap > h2{font-size: 20px;}
.my_page_wrap > ul{margin-top:13px; border-top:2px solid #283a67; }
.my_page_wrap > ul li{border-bottom: 1px solid #ddd;}
.my_page_wrap > ul li div{display:flex; font-size: 17px;}
.my_page_wrap > ul li div h3{width: 150px;padding:13px; background: #f6f6f6;}
.my_page_wrap > ul li div p{padding:13px;}
.bottom_ > p{text-align: right; font-size: 15px; padding-top: 10px; color:#797979;}
.bottom_ > p a{text-decoration: underline;}
.info_re{display: block; margin: 0 0 0 auto; background: #283a67; color: #fff; padding: 10px 30px; border-radius: 3px;;}

/* 수강내역조회 */
.s-tit_3{font-size: 45px;}
.intro-top.type03 ul li{width:100%;}
.class_check_wrap{padding-top:30px;}
.class_check_wrap table{border-top: 2px solid #283a67; width: 100%;}
.class_check_wrap table tr{border-bottom: 1px solid #ddd;}
.class_check_wrap table tr td{padding: 16px;text-align: center;vertical-align: middle;}
.class_check_wrap table thead{border-bottom: 1px solid #ddd;  background: #f7f7f7;}
.class_check_wrap table thead tr{}
.class_check_wrap table thead tr td{font-weight: 600; font-size: 17px;}
.class_check_wrap table tbody{}
.class_check_wrap table tbody tr.no_post{}
.class_check_wrap table tbody tr td{}
.class_check_wrap table tbody tr td .mo_tit{display:none}
.class_check_wrap table tbody tr td p{}
.class_check_wrap table tbody tr td p em{display: block; font-size: 14px;margin-top:5px;}
.class_check_wrap table tbody tr td p span{font-size: 14px; color: #ed0404;}
.class_check_wrap table tbody tr td button{border: 1px solid #ccc;  padding: 5px 15px; transition: all 0.2s; border-radius: 3px;display: block; margin: 3px auto 0px;}
.class_check_wrap table tbody tr td button:hover{background:#283a67;border: 1px solid #283a67;  color:#fff;}

/* 수강내역조회 상세보기*/
.apply_btn_wrap{display:flex;justify-content: center;}
.apply_btn_wrap button{padding: 15px 60px; background: #000; color: #fff; font-size: 16px; margin: 0px 5px; border-radius: 5px;}
.apply_btn_wrap button:first-child{background:#283a67}
.apply_btn_wrap button:last-child{background:#fecc40}

/* 구매내역조회 */
.lookup{margin-top:60px;}
.lookup h6{font-size: 1.25rem; font-weight: 600; color: #000; border-bottom:2px solid #283a67;padding-bottom:15px;margin-bottom:0;}
.mypage_cupon.lookup h6{border-bottom:none;}
.point_list_wrap h6{margin-bottom:0;}
.lookup_list{margin:20px 0; padding:50px 0 }
.lookup_list ul{display:flex;}
.lookup_list ul li{width:20%;text-align: center;position:relative;}
.lookup_list ul li:after{border-top:3px solid #ddd;border-right:3px solid #ddd;content:'';display: block; width:15px;height:15px; transform: rotate(45deg); position:absolute; top:50%;left:0;}
.lookup_list ul li:first-child::after{display: none;}
.lookup_list .number .in_number{font-size: 4em; font-weight: 500;}

.lookup02 ul{display: flex; border:1px solid #283a67; border-radius:4px }
.lookup02 ul li{width:33.33%;padding:15px 20px; border-right:1px solid #74817d}
.lookup02 ul li:last-child{border-right:none; }
.lookup02 ul li p{position:relative;     font-size: 17px; font-weight: 600;}
.lookup02 ul li > div{display: flex; justify-content: space-between;}

.period_wrap{margin-top: 30px; background-color: #f5f5f5; padding: 30px;display: flex; border-radius: 5px;}
.period_wrap .period{display: -webkit-box; display: -ms-flexbox; display: flex;}
.period_wrap .period .d-block{width: 73px;justify-content: flex-start;}
.period_wrap .period span{font-size: 0.95em;}
.period_wrap .month_search {margin-left: 24px;; width: 100%; max-width: 100%;}
.period_wrap .month_search > ul{display: flex;}
.period_wrap .month_search ul li{display: flex; vertical-align: middle; padding-right: 8px;}
.period_wrap .month_search ul li>div:first-child{margin-right:7px;}
.period_wrap .month_search ul li>div select{width:100%; background-color: #fff; height:35px; border:none;padding: 8px 16px;color:#888;font-size: 14px;background-size: 10px; background-position: 70px 50%;}
.period_wrap .month_search ul li>div{width: 180px;display: flex; vertical-align: middle;width: 100%;}
.period_wrap .month_search ul li>div:nth-child(2){width: 379px;}
.period_wrap .month_search ul li>div:nth-child(2) div{display: inline-block;}
.period_wrap .month_search ul li button{background-color: #283a67;color: #fff; padding: 6px 30px;}
.period_wrap .month_search ul li input{outline: none; border: 0;  background-color: #fff; padding: 8px 16px;}
.period_wrap .month_search ul li span{width: 10px; color: #283a67; padding-top: 2px; display: inline-block;margin: 0 3px;}

/* order_inquiry */

.order_inquiry .mo_ver .delivery_status{color:#be3434; font-size:15px;}
.order_inquiry .mo_ver .in_body_table01 .flex_sec{display: flex;align-items: center;}
.order_inquiry .mo_ver .in_body_table01:last-child{border-bottom: 0px;}
.order_inquiry .mo_ver .product_img{width:160px;height: 160px; }
.order_inquiry .mo_ver .product_img i { width: 100%; display: block; height: 100%; position: relative;}
    .order_inquiry .mo_ver .in_body_table01{padding:20px 0;border-bottom:1px solid #ddd;}
/* .order_inquiry .mo_ver .list_in{padding:20px 0;} */
.order_inquiry .mo_ver .product_img i img {position: absolute; top: 50%;  left: 50%;  width:100%; height:100; transform: translate(-50%, -50%); object-fit: contain;}
/* .order_inquiry .mo_ver .product_img i::after{content: ''; display: block; z-index: -1 ;width: 100%; height: 100%; background-color: #f5f5f5; position: absolute; top: 0;left: 0; border-radius: 10px;} */
.order_inquiry .mo_ver .product_text_box{margin-left:20px; width:calc(100% - 160px);}
.order_inquiry .mo_ver .product_text_box .delivery_status{margin-bottom:15px;}
.order_inquiry .mo_ver .product_text_box .listsec06{font-size:1.25rem; font-weight: bold; width:100%;}
.order_inquiry .mo_ver .product_text_box .listsec06 .span_money{font-weight: 500;}
.order_inquiry .mo_ver .product_text_box .product_title{color:#999; font-size:0.937rem; margin:3px 0;}
.order_inquiry .mo_ver .product_text_box .p_op{color:#999; font-size:0.937rem}

.order_inquiry .mo_ver .but_box{display: flex; margin-top:10px;}
.order_inquiry .mo_ver .but_box button{width:calc((100% - 20px)/3); margin-right:10px; border:1px solid #bbb;padding:7px 0; border-radius: 5px;}


.in_body{ border-top:2px solid #283a67;}
.lookup.order_list_wrap .in_body{border-top:none;}

/* 장바구니 */
.shop_basket_wrap{margin-top:40px;}
.shop_basket_wrap .shopping_basket .in_body ul.basket{    border-top: 0px; margin: 20px 0px;}
.shop_basket_wrap .shopping_basket .listsec02 div p{margin-top: 10px;}
.shop_basket_wrap .in_body{}
.shop_basket_wrap .in_body .table_head{padding: 15px 15px 15px 0px;}
.shop_basket_wrap .in_body .table_head li{    display: flex; align-items: center;}
.shop_basket_wrap .in_body .table_head li .check-wrap{margin-top:0px;}
.shopping_list{display: flex;    align-items: center; border-bottom: 1px solid rgb(221 221 221 / 77%) !important;}
.shopping_list > ul{width:100%;}
.shopping_list ul .shopping_l_1{margin-right:30px;}
.shopping_list ul .shopping_l_2{display: block; width:150px;}
.shopping_list ul .shopping_l_3{display:flex; justify-content: space-between;align-items: center; width:calc(100% - 200px)}
.shopping_list ul .shopping_l_3 > div{width:25%;padding: 0px 20px;}
.shopping_list ul .shopping_l_3 > div > p {font-size: 17px; font-weight: 600;}
.shopping_list ul .shopping_l_3 .in_op01{}
.shopping_list ul .shopping_l_3 .in_op01 .select_in{display:flex;justify-content: center;font-size:15px; margin-top: 5px;}
.shopping_list ul .shopping_l_3 .in_op01 .select_in p{padding-right:10px;}
.shopping_list ul .shopping_l_3 .in_op02 .munber{display:flex; align-items: center; justify-content: center;}
.shopping_list ul .shopping_l_3 .in_op02 .munber input{border:none; font-size: 20px; cursor:pointer;
    font-weight: 600;border:1px solid #ddd; width:35px; height:35px; }
.shopping_list ul .shopping_l_3 .in_op02 .munber div{padding:0px 20px;font-weight: 600;}
.shopping_list ul .shopping_l_3 .in_op04{width:50px; height:10px;}
.shopping_list ul .shopping_l_3 .close_btn{position:relative; width: 20px; height: 20px; opacity: 0.8;}
.shopping_list ul .shopping_l_3 .close_btn:before, .shopping_list ul .shopping_l_3 .close_btn:after{  position: absolute; left: 15px; content: ' '; height: 15px; width: 2px; background-color: #000;}
.shopping_list ul .shopping_l_3 .close_btn:before{transform: rotate(45deg);}
.shopping_list ul .shopping_l_3 .close_btn:after{transform: rotate(-45deg);}



.sec_in02{/* display: flex;  */border:1px solid #000;margin-top:30px;position:relative;display: flex;align-items: center; justify-content: space-around;}
.sec_in02 > div{text-align: center; padding:40px 0;font-weight: 500;display: inline-block;margin-left:-4px;}
.sec_in02 > div:nth-child(3){border-right:none}
.sec_in02 span.monny_span{font-size:2.5em; font-weight: bold;font-weight: 400;}
.sec_in02 span.monny_span02{font-size:2.5em; color:#e03434;font-weight: bold; font-weight: 400;}
.sec_in02 P.monny{margin-top:10px;}

.shopping_basket .listsec02 > div> i{display: block; width: 150px;margin: 0 auto;}

.sec_in02 .total_payment{width:calc((100% - 140px)/3);}
.sec_in02 .shipping_fee{width:calc((100% - 140px)/3)}
.sec_in02 .amount_payment{width:calc((100% - 140px)/3)}
.sec_in02 .sec02_arr{position:absolute;width:100%;top: 50%; transform: translateY(-50%);}
.sec_in02 .puls{  font-size:50px;font-weight: 300;width:50px;}
.sec_in02 .result{ font-size:50px;font-weight: 300;width:50px;}
.shopping_basket .listsec06 .select02.type02{}
.shopping_basket .listsec06 .select02.type02 .munber{    align-items: center; display: flex;justify-content: center;}
.shopping_basket .listsec06 .select02.type02 .munber input{border:none;font-size: 20px; border: 1px solid #ddd;height: 30px; width: 30px;line-height: 26px; }
.shopping_basket .listsec06 .select02.type02 .munber div{font-size: 18px;    padding: 0px 10px;}



/* .sec_in03  */
.sec_in03{margin-top:60px; width:100%; text-align: center;display: flex;justify-content: center;}
.sec_in03 .button button{padding:20px 80px; margin-right:10px; background: #000; color:#fff;border:none;font-size:1.25rem;}
.sec_in03 .button:first-child button{background-color: #283a67;}

/* select_but */
.select_but{margin-top:20px;display: flex;justify-content: space-between;width: auto;}
.select_but>div{width:auto;}
.select_but .button button{padding:10px 20px;width:100%;}
.select_but .button:first-child button{border:1px solid #000; background-color: #000; color:#fff;}
.select_but .button:last-child button{border:1px solid #888;background-color: #fff; color:#000;}
.sec_in02 > div{display: inline-block;}


/* 관심상품 */
.gam_like{display: flex;padding: 20px;justify-content: space-between; align-items: center;    border-bottom: 1px solid #ececec;}
.gam_like li:nth-child(2){display: flex; align-items: center;}
.gam_like li:nth-child(2) .go_del{position:relative; width: 20px; height: 20px; }
.gam_like li:nth-child(2) .go_del:before, .gam_like li:nth-child(2) .go_del:after{  position: absolute; left: 15px; content:""; height: 15px; width: 2px; background-color: #000;}
.gam_like li:nth-child(2) .go_del:before{transform: rotate(45deg);}
.gam_like li:nth-child(2) .go_del:after{transform: rotate(-45deg);}
.gam_like .gam_item{display: flex; align-items: center;}
.gam_like .gam_item > div{}
.gam_like .gam_item i{display: block; width: 130px; margin-right:20px;}
.gam_like .gam_item > div > p:first-child{    font-size: 17px;font-weight: 600;}
.gam_like .gam_item > div .price_wrap{}
.gam_like .gam_item > div .price_wrap span:nth-child(1){font-weight: 600; color: #fb1d1d;}
.gam_like .gam_item > div .price_wrap span:nth-child(2){font-size: 17px; padding: 0px 5px;}
.gam_like .gam_item > div .price_wrap span:nth-child(3){position:relative; color: #797979;}
.gam_like .gam_item > div .price_wrap span:nth-child(3):before{position:absolute; content:""; height:1px; width:100%; top:10px; background:#797979}
.gam_like .gam_go{display: flex; flex-direction: column;    margin-right: 20px;}
.gam_like .gam_go button{ margin:5px 0px;   padding: 7px 20px; border: 1px solid #ddd; border-radius: 4px;}
.gam_like .gam_go .go_buy{}
.gam_like .gam_go .go_cart{    border: 1px solid #fecc40;}
.gam_like .gam_go .go_cart i{display:inline-block; width:17px; margin-right: 5px;}
.gam_like .gam_go .go_cart span{vertical-align: top;}
.gam_like em{}
.page_but.gam{display:flex; justify-content: center;    align-items: center;}
.page_but.gam div{margin:0px 7px;}
.page_but.gam .arrow i{display:block; width:20px;}
.page_but.gam .page_item.active{color:#fff; background:#283a67; padding: 2px 10px; border-radius: 50%;}


.cart_pop_wrap{    position: absolute; width: 100%; height: 100%;     background: rgb(0 0 0 / 19%); top: 0; left: 0; z-index: 999;}
.cart_pop_wrap .in_cart_pop{    position: fixed;  padding: 16px;top: 50%; left: 50%; transform: translate(-50%,-50%);background: #fff; width: 400px; height: 210px; border-radius: 5px;}
.cart_pop_wrap .in_cart_pop span{    position: absolute; top: 16px; right: 16px;}
.cart_pop_wrap .in_cart_pop .cart_pop_cont{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);}
.cart_pop_wrap .in_cart_pop .cart_pop_cont p{  padding-bottom:20px;  text-align: center; font-size: 15px;}
.cart_pop_wrap .in_cart_pop .cart_pop_cont .btn_wrap{    width: 100%; display: flex; justify-content: center; position: absolute; margin-top:0px;}
.cart_pop_wrap .in_cart_pop .cart_pop_cont .btn_wrap button{padding: 7px 15px; border: 1px solid #ddd; font-size: 13px;}
.cart_pop_wrap .in_cart_pop .cart_pop_cont .btn_wrap button:first-child{margin-right:5px;}


/* mypage_review */
.review_page{min-height:49vh}
.review_wrap{margin-bottom:30px;}
.review_wrap ul.tabs { overflow:hidden;        border-bottom: 2px solid #283a67; }
.review_wrap ul.tabs  li{ float:left; padding:0 2px 0 0;}
.review_wrap ul.tabs li a{ display: block;    padding: 0.7em 1.05em; width: 205px; text-align: center; border-radius: 7px 7px 0px 0px; font-size: 18px; border: 1px solid #283a67; border-bottom: 0px;}
.review_wrap ul.tabs li a:hover{}
.review_wrap ul.tabs li a.on{     background: #283a67; color: #fff; font-weight: 600;}
.review_wrap ul.tabs li a.on:hover{}
.panels{background:#fff;}
/* .panel_reivew{display:none;} */
.panel_reivew .in_body_table01{}
.flex_sec{ border-bottom: 1px solid #ddd;
    padding: 30px 0px;   align-items: center;   display: flex; justify-content: space-between;}
.flex_sec .product_img{    display: flex; align-items: center; justify-content: space-between;}
.flex_sec .product_img i{display:block;width:130px;    margin-right: 20px;}
.flex_sec .product_img div:first-child{display:flex; align-items: center;}
.flex_sec .product_img div p{    font-size: 17px; font-weight: 500;}
.flex_sec .product_img div span{    margin-top: 5px; display: block;}
.flex_sec .but_box01{    display: flex; align-items: center;}
.flex_sec .but_box01 p{margin-right: 12px; font-size: 15px;}
.flex_sec .but_box01 span{font-weight: 600;}
.flex_sec .but_box01 button{border: 1px solid #ddd; padding: 10px 40px;}
.before_answer .flex_sec{display: block;    border-bottom: 1px solid #ddd; padding: 30px 0px;}
.before_answer .flex_sec .review_cont{margin-top:20px}


/* 감천문화마을 리뷰 수정 팝업 */
.review_{position: fixed; max-width: 100%; padding: 0px 10px; top: 50%; left: 50%; transform: translate(-50%,-50%);width: 800px; height: 720px;}
.review_ .cart_pop_cont{background: #fff; overflow-y: scroll;width: 100%; height: 100%;    padding: 20px;}
.cart_pop_top{    display: flex; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #ececec;}
.cart_pop_top h3{    font-size: 18px;}
.cart_pop_top span{    display: block; font-size: 20px; cursor:pointer;}
.cart_fix{}
.cart_fix ul{display:flex;align-items: center;  border-radius: 10px; padding: 20px; background: #f7f7f7;margin-top:16px;}

.cart_fix ul li i{display:block;}
.cart_fix ul:first-child{ border-bottom: 0px;}
.cart_fix ul:last-child{}
.cart_fix ul li p.item_tit{margin-top:10px;}
.cart_fix ul li:first-child{ width:110px;margin-right:20px;}
.cart_fix ul li:last-child{width:calc(100% - 110px)}

.cart_fix ul li:last-child p{}
.cart_fix ul li:last-child textarea{width: 100%;padding:10px; overflow-y: scroll; border-radius:7px; border: 1px solid #ccc;resize: none;height: 200px;}
.cart_fix ul li:last-child textarea:focus{outline:none;}
.cart_fix ul li > div div{}
.cart_fix ul li > div div i{position:relative; display: block; width:90px; height:90px;    margin: 0px 3px;}
.cart_fix ul li > div div i img{position:absolute; width:100%; height:100%; left:0; top:0;}
.cart_fix ul li > div div i em{    position: absolute; top: 5px; right: 5px; width: 18px; height: 18px; background: #ffffffbf; border-radius: 50%; font-size: 12px; text-align: center; font-weight: 600;}
.cart_fix ul li > div p{    font-size: 13px; color: #e10000; margin-top: 3px;}
.cart_pop_cont .check-wrap > div{display: flex; align-items: center;}
.cart_pop_cont .check-wrap div span{font-size: 13px; padding-left: 3px;}
.cart_pop_cont .btn_wrap{display:flex; justify-content: center; margin-top:30px;}
.cart_pop_cont .btn_wrap button{padding:13px 40px;  width:135px; border-radius:5px;   font-size: 16px;  margin: 0px 5px; background:#fff;}
.cart_pop_cont .btn_wrap button:first-child{border:1px solid #ccc}
.cart_pop_cont .btn_wrap button:last-child{background:#283a67; color:#fff;}
.review_img_wrap{}
.review_img_wrap > div{display: flex;align-items: center;}
.review_img_wrap .img_before{background:#fff;border-radius: 10px; border: 1px solid #ddd;}
.review_img_wrap .img_before img{width:25px; height:25px; left: 50%; top: 50%; transform: translate(-50%,-50%);}


/* 반품신청 */
.orderlist_cancel h3{font-size: 2em; text-align: center; margin-bottom: 40px;}

.orderlist_cancel .head .top{    word-break: keep-all;text-align: center; color:#888; font-size:0.937rem}
.orderlist_cancel .body{margin-top:30px;}
.orderlist_cancel .cancel_top > p{width:100%; font-size: 1.25rem; }

.orderlist_cancel .reason01{position:relative;margin-top:10px;height: 60px;}

.orderlist_cancel .reason01 p{padding:10px 10px; border:1px solid #ddd; }
.orderlist_cancel .reason01 select{width:100%; ;border:1px solid #ddd;background-position: 98% 50%; padding:10px;line-height: 1.5em; font-size:1rem;position: absolute;top:0;left:0;;}
.orderlist_cancel .reason01 ul li{cursor: pointer;}
.orderlist_cancel .reason01_01 p{position:relative}

.orderlist_cancel .reason01_01 .review_star{width:320px;height:52px;/* overflow: hidden;  */margin:0 auto}

.orderlist_cancel .reason01_01 .review_star ul li{position:relative;display: inline-block; width:59px; height:52px;overflow: hidden;}


.orderlist_cancel .reason01_01 .review_star .yes_star{width:300px;height:52px;background:url(https://d32l5afo82wu4y.cloudfront.net/static/user/img/legacy-external/lbcontents/images/GML/163623057560259.png) no-repeat;     z-index: 9;background-size:contain ; position:absolute; top:0; }
.orderlist_cancel .reason01_01 .review_star .no_star{width:300px;height:52px;background:url(https://d32l5afo82wu4y.cloudfront.net/static/user/img/legacy-external/lbcontents/images/GML_KOREA/160381082843198.png) no-repeat;background-size:cover;position:absolute; top:0; left:0;}

.star4 ul li:nth-child(5) .yes_star{display: none;}

.star3 ul li:nth-child(4) .yes_star{display: none;}
.star3 ul li:nth-child(5) .yes_star{display: none;}

.star2 ul li:nth-child(3) .yes_star{display: none;}
.star2 ul li:nth-child(4) .yes_star{display: none;}
.star2 ul li:nth-child(5) .yes_star{display: none;}



.star1 ul li:nth-child(2) .yes_star{display: none;}
.star1 ul li:nth-child(3) .yes_star{display: none;}
.star1 ul li:nth-child(4) .yes_star{display: none;}
.star1 ul li:nth-child(5) .yes_star{display: none;}

.star0 ul li .yes_star{display: none;}



.orderlist_cancel .cancel_reason > p{margin-bottom:10px; cursor: pointer;}
.orderlist_cancel .reason02{margin-top:20px; }
.orderlist_cancel .reason02 textarea{width:100%;    width: 100%; height: 290px; overflow-y: scroll; padding:10px;}
.orderlist_cancel .reason02 textarea:focus{outline:none}
.orderlist_cancel .reason02 input{width:100%; border:1px solid #ddd; padding:10px;}

.orderlist_cancel .reason02_01{margin-top:20px;overflow: hidden;}
.orderlist_cancel .reason02_01 > p{ font-size: 1rem;}
.orderlist_cancel .reason02_01 button{width:100%; border:1px solid #ddd; padding:15px 0; margin-top:10px;}
.orderlist_cancel .reason02_01 button > i{display: inline-block; width:20px; margin-right: 5px;   position: relative; top: 3px;}
.orderlist_cancel .reason02_01 .img_box ul li{display: inline-block; width:98px; height:98px; margin-right:10px; position:relative}
.orderlist_cancel .reason02_01 .img_box ul li:last-child{margin:0}
.orderlist_cancel .reason02_01 .img_box{width:100%;}
/* .orderlist_cancel .reason02_01 .img_box .img_im{overflow: scroll;} */
.orderlist_cancel .reason02_01 .img_box ul{width: 640px;display: flex;justify-content: flex-start;}
.orderlist_cancel .reason02_01 .img_box .sc_event{width:100%; overflow-x: scroll; }

.orderlist_cancel .reason02_01 .img_box .sc_event::-webkit-scrollbar{background-color: #fff; height:10px; }
.orderlist_cancel .reason02_01 .img_box .sc_event::-webkit-scrollbar-thumb{background-color: #ddd; border-radius: 10px;background-clip: padding-box;
    border: 2px solid transparent;}

.orderlist_cancel .reason02_01 .img_box ul li img{width: 20px; background-color: rgb(0 0 0 / 16%); padding: 4px; border-radius: 10px; position: absolute; top: 7px; right: 7px; transform: rotate(45deg);}





.orderlist_cancel .reason03{margin-top:20px;margin-bottom:10px;}
.orderlist_cancel .reason03 > p{ font-size: 1.25rem;}
.orderlist_cancel .reason03 > div {border-top:1px solid #ddd;padding-top:10px; line-height: 2em;}
.orderlist_cancel .reason03 > div > div{color:#888;display: flex;justify-content: space-between;align-items: center;}

.orderlist_cancel .reason04{padding-top:10px;display: flex;  font-size: 1.25rem;justify-content: space-between;}
.orderlist_cancel .reason05{font-size:0.812rem;margin-top:20px; color:#bbb}
.orderlist_cancel .reason05 ul li > p{position:relative; padding-left:10px;}
.orderlist_cancel .reason05 ul li > p::after{ position:absolute;top:9px; left:0px;content:''; display: block; width:4px; height:4px; background-color: #bbb;border-radius: 10px;}

.orderlist_cancel .reason05 ul li > div p{position:relative; padding-left:20px;}
.orderlist_cancel .reason05 ul li > div p::after{ position:absolute;top:10px; left:10px;content:''; display: block; width:5px; height:2px; background-color: #bbb;}

.cancel_next_but{width:100%; margin-top:20px;}
.cancel_next_but button{width:100%;    background-color: #283a67; color:#fff; padding:15px 0; }


.pr_list{margin-bottom:20px;margin-top:20px;}
.pr_list > p{margin-bottom:10px;}
.pr_list .option_list .in_body_table > ul{justify-content: flex-start;display: flex;align-items: center;text-align: center;}
.pr_list .option_list .in_body_table > ul:last-child{padding:20px 0 }
/* .pr_list .option_list .in_body_table > ul:last-child li{width:33.3% } */

.pr_list .option_list .in_body_table > ul:last-child li .price_point{font-size:1.25rem; font-weight: bold;}

.pr_list .option_list .listsec01{width: 5%;}
.pr_list .option_list .listsec02{width:200px;}
.pr_list .option_list .listsec03{width: 13%;}
.pr_list .option_list .listsec04{width: 13%;}
.pr_list .option_list .listsec05{width: 13%;}
.pr_list .option_list .listsec06{width: calc(100% -  200px);text-align: left;}

.pr_list .option_list .listsec06 > div:nth-child(2){display: flex;align-items: flex-end;}
.pr_list .option_list .mo_ver_title{font-size:1.125rem}
.pr_list .option_list .mo_ver_price01{font-size:1rem; color:#bbb;margin-right:10px; position:relative}
.pr_list .option_list .mo_ver_price01::before{content:'';display: block; width:60px; height:1px; background: #bbb; position:absolute; top:50%; left:-2px;}
.pr_list .option_list .mo_ver_price02{font-size:1.25rem; font-weight: bold;}
.pr_list .option_list .table_head{color: #000;
    padding: 15px 0;border-top: 1px solid #000;
    border-bottom: 1px solid #000;}
.pr_list .option_list .table_body .listsec02{display: flex;align-items: center; text-align: left; padding:0px 20px;font-size: 1.125rem;}
.pr_list .option_list .table_body .listsec02 > div{width:100%;}
.pr_list .option_list .table_body .listsec02 p{padding-left:20px;}
.pr_list .option_list .table_body .listsec02 i{width: 100%; display: block;height: 270px;position:relative;}
.pr_list .option_list .table_body .listsec02 i img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.pr_list .option_list .table_body .listsec02 i::after{content:''; display: block;z-index: -1;width:100%; height:100%; background-color: #f5f5f5; position:absolute;top:0;left:0;}
.mo_ver{position:relative}
.pr_list .close{position:absolute; top:10px; right:10px}
.pr_list .close i.fa{font-size:1.25rem}


.pr_list > div{border-top:1px solid #000; border-bottom:1px solid #000}
.pr_list .option_list {border-bottom:1px solid #ddd; padding:20px 0px;}

.pr_list .option_list .select > div { align-items: center; font-size: 1rem; border-radius: 8px; }
.pr_list .option_list .select_sec .munber { border: 1px solid #888;
    text-align: right;
    display: flex;
    justify-content: space-between;
}
.pr_list .option_list  .table_body .listsec02 i {height: 150px;border-radius: 10px; overflow: hidden;}
.pr_list .option_list .select_sec .munber input{background: transparent;border:none; padding:0 7px; line-height: 0.9; font-size:16px;transform: translateY(-1px);}

.pr_list .option_list .select_sec .munber > div{padding:0 9px;color: #888;
    font-size: 14px;background: #fff;}
.pr_list .option_list .select_sec .select01 { display: flex; justify-content: space-between; background-color: #f5f5F5; padding: 10px;  width: 100%; margin-top:20px;}



/* 주문완료 */
/* join_next */
.join_next h3{margin:30px 0 10px 0}

.join_next{padding:120px 0;}
.join_next > div > div{width:40%;margin:0 auto;}
.check_arr{width: 70px; display: block; height: 100px; margin: 0px auto; position: relative; top: 30px;}
.check_arr img{width:100%;}

.loading-wrap { position: relative; width: 96px; height: 96px; margin: 40px auto; padding: 10px;}
.dot span { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 16px; height: 16px; margin: auto;
    border-radius: 10px; background-color: #000; transform: scale(0); animation: dot 2s linear infinite; }
.dot span:nth-child(1) {left: -50px;animation-delay: -0.1s;}
.dot span:nth-child(3) {right: -50px;animation-delay: 0.1s;}
@keyframes dot {
    0% { transform: scale(0);}
    35% {transform: scale(0.7);}
    70% {transform: scale(0);}
    100% {transform: scale(0);}
}


.join_next h3{text-align: center; font-size:2rem; font-weight: 600;}
.join_next .top{text-align: center; font-size:1rem;}
.join_next_name{font-weight: bold;}
:lang(en) .join_next_name{display:block;}
.join_next .id_find_{margin-top:40px; text-align: center;}
.join_next .body.fint_next{margin-top:20px;}
.join_next .body{margin-top:60px;}
.join_next .body ul{ margin:0 auto;border-top:1px solid #000;border-bottom:1px solid #000}
.join_next .body ul li > div{padding:15px 0;display: flex;justify-content: space-between; border-bottom:1px solid #ddd}
.join_next .body ul li:last-child div{border-bottom:none}
.join_next .body ul li div .left{width: 20%; color:#888; font-weight: bold; }
.join_next .body ul li div .right{width: 80%;color:#000; font-weight: bold; }

.join_next_but{
    display:flex;
    justify-content:center;
    gap:12px;
    margin-top:36px;
}
.join_next_but > div{
    min-width:180px;
}
.join_next_but .button,
.join_next_but .button button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
}
.join_next_but .button button{
    min-height:48px;
    padding:0 24px;
    border-radius:3px;
    font-size:16px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
    word-break:keep-all;
    cursor:pointer;
}
.join_next_but .end_buts button{
    border:1px solid #283a67;
    background:#ffffff;
    color:#283a67;
}
.join_next_but .login_but button{
    border:1px solid #283a67;
    background:#283a67;
    color:#ffffff;
}
.join_next_but .end_buts button:hover,
.join_next_but .end_buts button:focus-visible{
    background:#f5f7fb;
}
.join_next_but .login_but button:hover,
.join_next_but .login_but button:focus-visible{
    background:#1f2f55;
}

.join_next_but.type02{display: flex;justify-content: space-between; margin-top:50px;}
.join_next_but.type02  button{  color:#fff;  width: calc(50% - 10px);font-size: 16px; margin-right: 10px; padding: 12px;  border-radius: 5px;}
.join_next_but.type02  button:first-child{background:#fecc40;}
.join_next_but.type02  button:last-child{margin-right:0;background:#283a67;}

.join_next_but.type02 .login_but button{background-color: #74817d; color: #fff; border: 1px solid #74817d;}
.join_next_but.type02 .end_buts button{background-color: #fff;color:#000; border:1px solid #000}

/* 마이페이지 상세정보 */
.btn-container{text-align: right;}
.btn-container button{width:150px !important; text-align: center; padding:10px 0; border:1px solid #bbb;border-radius: 7px;margin-left:10px;}
:lang(en) .btn-container.gml button{width:190px !important}
.com_payment .order_inquiry.order_list_wrap .table_body li.listsec04{position:relative}
.more_order .listsec04.btn-container button{width: 100px !important;padding: 5px 0;font-size:13px;color:#888;    margin-left: 0px;margin-top: 5px;}

.mypage_title{font-size: 1.125rem; margin-bottom: 20px;}
.order_info_wrap .order_info{/* border-top: 1px solid #000;  */border-bottom: 1px solid #888;}
.order_info_wrap .order_info .list{width: 100%; padding: 16px 20px; border-bottom: 1px solid #ddd;}
.order_info_wrap .order_info .list{display: flex;}
.order_info_wrap .order_info .list:last-child{border-bottom: 0;}
.order_info_wrap .order_info p{display: inline-block; vertical-align: middle; font-weight: 400; margin-right: -4px;}
.order_info_wrap .order_info p.title{width: 250px; font-weight: 600;}
.order_info_wrap .order_info button{border:1px solid #333;color:#333; border-radius: 10px; padding:5px 00px; width:80px;margin-left:15px;;}
.order_after .in_body_table{padding:20px 0px;}
.order_after .in_body_table > ul{border-top:0px;}
.order_after .table_head{    padding: 12px !important;}
.order_after .table_head li{font-size: 15px;}

.order_after .list_01{width:350px;}
.order_after .list_02{width:25% !important;}
.order_after .list_03{width:25% !important;}
.order_after .list_04{width:25% !important;}




/* 주문취소관련 팝업창 */
.cancel_wrap_cont{width:330px; max-width:100%; padding:0px 10px; height:170px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%)}
.cancel_wrap_cont .in_cancel_wrap{border-radius:5px; padding:20px; width:100%; height:100%; background:#fff;}
.cancel_wrap_cont .in_cancel_wrap p{    text-align: center; margin-top: 30px;}
.cancel_wrap_cont .in_cancel_wrap button{    position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); padding: 10px 35px; background: #283a67; color: #fff; border-radius: 3px;}


/* 회원정보수정 */
.correction .join-cont tbody tr.type02 input{background:#f5f5f5;}
.correction_btn{margin-top:50px;    text-align: center;}
.correction_btn button{    margin: 0 auto; font-size: 16px; background: #283a67; color: #fff; padding: 20px 40px; border-radius: 7px;}
.password_check{}
.password_check p{text-align: center; font-size: 17px;}
.password_check div{    margin-top: 50px;}
.password_check input{  height:55px;   width: 100%; border: 1px solid #ddd; padding: 12px;}


/* 수강취소신청 */
.apply_list .option_list .listsec06{width:100%}
.apply_list .option_list .select_sec .munber{border:none;}

/* 회원탈퇴 */
.secession{color: #888; margin-top: 10px;}
.secession a{border-bottom:1px solid #888}
.in_secession .center_text{ margin-bottom: 20px;   padding: 20px; border: 1px solid #ddd; border-radius: 10px;}
.in_secession .but{width: 100%; display: flex; margin-top: 50px; border-radius: 5px; overflow: hidden;}
.in_secession .but button{width:50%;  font-size: 16px; padding:16px;color:#fff;}
.in_secession .but button:first-child{border-right:0px;background: #283a67;}
.in_secession .but button:last-child{background:#fecc40;}
.secesstion_end{}
.secesstion_end .head{text-align: center;}
.secesstion_end .head i{display:block; width:100px; height:100px; margin: 0 auto;}
.secesstion_end .head h3{margin-top:50px;    font-size: 20px;}
.secesstion_end .secession_next{    margin-top: 50px;}
.secesstion_end .secession_next a{    display: block; transition:all 0.2s; text-align: center; padding: 10px; margin: 0 auto; width: 160px; border: 1px solid #ddd;}
.secesstion_end .secession_next a:hover{color:#fff; background:#283a67}


/* 스크롤바 커스텀 */
/* 스크롤바 설정*/
.scrollBar::-webkit-scrollbar{
    width: 6px;
}

/* 스크롤바 막대 설정*/
.scrollBar::-webkit-scrollbar-thumb{
    height: 17%;
    background-color: #f1f1f1;
    /* 스크롤바 둥글게 설정    */
    border-radius: 10px;
}

/* 스크롤바 뒷 배경 설정*/
.scrollBar::-webkit-scrollbar-track{
    background-color: rgba(180, 69, 69, 0);
}





/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){



 }

 /* ********************************************* *
 * 1400px
 * ********************************************* */
 @media screen and (max-width: 1400px){


 }

 /* ********************************************* *
 * 1200px
 * ********************************************* */
 @media screen and (max-width: 1200px){


 }

 /* ********************************************* *
 * 1024px
 * ********************************************* */
 @media screen and (max-width: 1024px){

    .s-tit_3{font-size: 35px;}
    .bottom_ ul{margin-top:20px;}
    .bottom_ ul li div i{width:27px;}

    .period_wrap{flex-direction: column;}
    .period_wrap .month_search{margin-left:0px; margin-top:20px;}

    .sec_in03 .button button{padding: 15px 50px; font-size: 17px;}
 }


 /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){
    .top_shop_detail{    flex-direction: column;}
    .top_shop_detail >ul{width:100%;}
    .top_shop_detail >ul .shop_right{padding-left: 0px;}
    .kr_shopview.shop_right{width:100%;     margin-top: 50px;}
    .pd-view-t-container dt, .pd-view-t-container dd select{width:200px;background-position: 175px 50%;    background-size: 12px;}
    .period_wrap .month_search ul li{padding-right:0px;}
    .period_wrap{padding:20px;}
    .period_wrap .month_search ul li input{padding:9px;}
    .lookup02 ul li{padding:10px;}

    .shopping_list ul .shopping_l_3 > div{padding:0px 10px;}

    .join_next > div > div{width:100%;}
 }


 /* ********************************************* *
 * 860px
 * ********************************************* */
 @media screen and (max-width: 860px){

    .shopping_list ul .shopping_l_3 > div{width:33.3333%;}
    .shopping_list ul .shopping_l_1{margin-right:20px;}

 }
 @media screen and (max-width: 768px){
    .s-tit_3{font-size: 27px;}
    .class_check_wrap table thead tr td{font-size: 16px; font-weight: 500;}
    .class_check_wrap table tr td{padding:13px 10px;}
    .lookup_list{padding:30px 0px;}
    .lookup_list .number .in_number{font-size: 30px;}
    .class_check_wrap table tr td{padding:10px}
    .class_check_wrap table thead tr td:nth-child(3){display :none;}
    .class_check_wrap table tbody tr td:nth-child(3){display :none;}
    .class_check_wrap table thead tr td:nth-child(4){display :none;}
    .class_check_wrap table tbody tr td:nth-child(4){display :none;}
    .sec_in03 .button button{padding: 15px 50px; font-size: 15px;}

    .sec_in02.gam div {padding:20px 0px;}
    .sec_in02 P.monny{}

    .shopping_list ul .shopping_l_3 .in_op01 .select_in{display: flex;flex-direction: column;    margin-top: 10px;}

    .join_next h3{font-size: 1.5rem;}
    .join_next_but{
        flex-direction:column;
        align-items:stretch;
    }
    .join_next_but > div{
        min-width:0;
        width:100%;
    }

 }


 /* ********************************************* *
 * 640px
 * ********************************************* */
 @media screen and (max-width: 640px){
    .pc_ver{display:none}
    .mo_ver{display:block;}
    .paymemt_shop ul h6{font-size: 1.262rem;}
    .review .center .review_text{font-size: 15px; padding-right:0px;}
    .review .center > div{ flex-direction: column-reverse;}
    .review .center{margin-top:0px;}
    .review .center .top{width:100%; margin-top:20px;}
    .review .center .top .star_review{    position: relative; top: inherit;}
    .total_payment{}
    .total_payment .tit{}
    .total_payment .monny{}

    .sec_in02.gam_mov{display:block;}
    .shopping_basket .in_body ul{padding-top:30px;}
    .order_after .in_body_table > ul{padding-top:0px !important}
    .sec_in02.gam_mov > div{display:flex;}
    .h6_title h6{font-size: 17px;}
    .h6_title{    padding-bottom: 7px;}
    .check-wrap input[type=checkbox] + label{height:13px; font-size:13px;   padding-left: 17px;}

    .payment .left .h6_title{padding-bottom: 7px; align-items: flex-start;}

    .mo_ver_title{font-size: 16px ;}
    .shopping_basket .listsec02{width:40%;}
    .shopping_basket .listsec06{width: 60%; text-align: left;margin-left: 30px;}
    .shopping_basket .listsec06 > div{padding-bottom: 5px;}
    .shopping_basket .listsec06 .mo_ver_select_in{    display: flex; justify-content: center; font-size: 15px; color: #575757;}

    .payment .left ul li{flex-direction: column;}
    .payment .payment_title{margin-bottom: 10px; width:100%}
    .payment .payment_text{width:100%;}
    .payment_way .way_top > div > div{width:100%;}
    .payment_way .way_top > div > p{margin-bottom: 10px; width:100%;}
    .payment_way .way_top > div > input{width:100%;}
    .payment_result ul{padding:30px 0px;}
    .payment_result ul li p{font-size: 20px;}
    .payment_result ul li span{font-size: 16px;}
    .payment_result ul li em{    width: 14px;}
    .tabSet.pay ul.tabs li a{font-size: 13px;}
    .tabSet.pay ul.tabs li i{width: 20px;}
    .refund_information ul li > div{width:100%}
    .payment_result button{font-size: 15px; padding: 12px 40px;}

    .pay_wrap_tit{font-size: 25px; margin-bottom: 40px;}

    .mo_ver .shopping_basket .in_body ul{padding:10px;}
    .mo_ver .shopping_basket .listsec02.type02{width:20%;}
    .mo_ver .shopping_basket .listsec06{margin-left:0px;text-align: center;}
    .mo_ver .shopping_basket .listsec06.type02{width:40%;}
    .mo_ver .shopping_basket .listsec06.type02 p{}
    .mo_ver .shopping_basket .listsec06.type02 span{display:block; margin-top: 10px;    color: #e90000;}
    .mo_ver .shopping_basket .listsec06.type02 em{      font-size: 13px;  display: block;}

    .s-tit_3{font-size: 22px;}
    .bottom_ ul{padding:25px 0px;}
    .bottom_ ul li div i{width:22px;}
    .bottom_ ul li div p{font-size: 16px; padding: 13px 0px 5px;}
    .bottom_ ul li div span{font-size: 19px;}
    .bottom_ > p{font-size: 13px;}

    .order_inquiry .mo_ver .product_text_box .listsec06{margin-left:0px;}

    .period_wrap .month_search ul li>div:nth-child(2){    width: 220px;}
    .period_wrap .month_search ul li>div:nth-child(2) div{width:100px;}
    .period_wrap .month_search > ul{    justify-content: space-between;}

    .lookup_list ul li:after{    border-top: 2px solid #ddd;border-right: 2px solid #ddd;    width: 12px; height: 12px;}
    .lookup_list ul li .text{font-size: 14px;}
    .lookup02 ul li p{    font-size: 15px; font-weight: 500;}
    .lookup_list{    padding: 20px 0px;}

    .sec_in02.gam P.monny{margin-top:0px;}
    .sec_in02.gam span.monny_span, .sec_in02.gam span.monny_span02{font-size: 1.7em;;}
    .sec_in02.gam div p{font-size:15px}
    .sec_in02.gam .puls, .sec_in02.gam .result{font-size: 30px;}

    .gam_like li:nth-child(2){width:100%;margin-top: 20px;}
    .gam_like .gam_go{flex-direction: row; width:100%;    margin-right: 5px;}
    .gam_like .gam_go button{width:50%;}
    .gam_like{flex-direction: column;    align-items: flex-start;}
    .gam_like .gam_go .go_cart{margin-left: 10px;}

    .review_img_wrap{overflow-x:scroll}
    .review_img_wrap > div{width:500px;}

    .cart_pop_cont .btn_wrap button{padding: 10px 40px;font-size: 15px;}
    .pr_list .option_list .mo_ver_title{font-size: 16px;}
    .pr_list .option_list .mo_ver_price02{font-size: 17px;}
    .pr_list .option_list .select > div{font-size: 15px;}
    .orderlist_cancel .reason02 textarea{height:220px;}
    .pw_pop_wrap .pop_cont > div{padding: 30px 16px;}
    .pw_pop_wrap .pop_cont{max-width:95%}

    .review_wrap ul.tabs li a{    font-size: 17px;}
    .review_wrap ul.tabs li a h4{font-weight: 500;}

    .orderlist_cancel .reason02_01 .img_box .img_im{overflow-x:scroll}
    .join_next_but.type02 button{font-size: 14px;}

    .order_info_wrap .order_info .list{padding:10px;}
    .order_info_wrap .order_info p.title{font-size: 15px;     width: 150px;}
    .order_info_wrap .order_info p{font-size: 15px;}
    .btn-container.gam{display:flex;}
    .btn-container.gam button{width:33.33% !important;font-size: 12px; border-radius: 4px;}

}

 /* ********************************************* *
 * 500px
 * ********************************************* */
 @media screen and (max-width: 500px){
    .pd-detail-container .con-tit h3{font-size: 1.1em;}
    .pd-price-con .price{font-size: 1em;}
    .pd-price-con .price-del{font-size: 0.9rem;}
    .pd-price-con .percent{font-size: 0.9rem;}
    .pd-view-t-container dl.sh_basics_tit dt{    width: 130px;}
    .pd-view-t-container dl.sh_basics_tit dt{font-size: 14px;}
    .pd-view-t-container dt{font-size: 15px; width:90px;}
    .option_list > select{font-size: 12px !important; background-position: 225px 50%;}
    .pd-sle-con02 .select_list{padding:10px; }
    .pd-sle-con02 .select_list .product_tit{font-size: 14px;}
    .pd-view-t-container dl.pd-delivery{font-size: 14px;}
    .pd-sle-con02 .select_list .product_price{font-size: 1rem;}

    .view-tab-container li{font-size: 13px;     padding: 17px 3px;}
    .paymemt_shop ul li >div:last-child p{    line-height: 1.8em;}
    .paymemt_shop ul h6{font-size: 17px;}
    .paymemt_shop ul .pay_top p{font-size: 13px;}
    .paymemt_shop ul li p{font-size: 13px;}
    .star_review .review-main-star .star{width:90px;}

    .shopping_basket .listsec06{margin-left: 20px;}
    .shopping_basket .listsec06 > div p{font-size: 14px;}
    .payment{padding:0px 0px 50px 0px;}

    .tabSet.pay ul.tabs{margin-left: 0px;}
    .tabSet.pay ul.tabs li{width: calc((100% - 15px)/3); height: 45px;}
    .tabSet.pay ul.tabs li:nth-child(4){margin-right:5px;}
    .tabSet.pay ul.tabs li{margin-right:5px;}

    .payment_result ul{padding:30px 15px;}
    .payment_result ul li p{font-size: 17px;}
    .payment_result ul li span{font-size: 15px;}
    .payment_result ul li em{margin:0px 30px;}

    .pay_wrap_tit{font-size: 20px;margin-bottom: 30px;}
    .h6_title h6{font-weight: 500 !important; font-size: 16px !important;}

    .mo_ver .shopping_basket .listsec02{font-size: 13px;}
    .mo_ver .shopping_basket .listsec06{font-size: 13px;}

    .payment_way .way_top > div > p{font-size: 14px;}
    .payment_way .way_list p{font-size: 13px;}
    .payment_way .way_center p{font-size: 14px;}
    .payment_way.pay_2 .way_panel04 > div > p{font-size: 14px;}
    .payment .payment_title{font-size: 14px;}
    .refund_information .bank .payment_text > p{font-size: 13px;}
    .go_pay{padding: 13px 40px; font-size: 14px;}
    .payment .payment_text input{height:40px;}
    .payment_way.pay_2 .way_panel04 > div:first-child{    flex-direction: column;}
    .payment_way.pay_2 .size_div{width:100%; margin-top: 10px;}
    .payment_way.pay_2 .way_panel04 input{width:100%;}

    .bottom_ ul li div p{font-size: 14px; padding: 8px 0px 5px;}
    .bottom_ ul li{padding:0px 5px;}
    .period_wrap .month_search > ul{flex-direction: column;}
    .period_wrap .month_search ul li>div:first-child{width: 95px;}
    .period_wrap .month_search ul li>div:nth-child(2){width: calc(100% - 100px);}
    .period_wrap .month_search ul li>div:nth-child(2) div{width:auto;}
    .period_wrap .month_search ul li input{width:100%;}
    .period_wrap .month_search ul li button{margin-top:16px; width:100%;}
    .lookup_list ul li:after{left:-5px;}
    .lookup_list .number .in_number{font-size: 23px;}
    .lookup_list ul li .text{font-size: 13px;}

    .class_check_wrap table thead tr td{font-size: 13px;}
    .class_check_wrap table tbody tr td{font-size: 13px;}
    .class_check_wrap table tbody tr td button{font-size: 12px;}

    .class_check_wrap table thead tr td:nth-child(2){display:none;}
    .class_check_wrap table tbody tr td:nth-child(2){display:none;}

    .class_check_wrap table tbody tr td .mo_tit{display:block;}
    .shopping_basket .select_but .button button{    padding: 5px 15px; font-size: 11px;}

    .sec_in02.gam span.monny_span, .sec_in02.gam span.monny_span02{font-size: 16px;}
    .sec_in02.gam div p{font-size: 12px;}
    .sec_in02.gam .puls, .sec_in02.gam .result{    font-size: 20px; width: 10px;}
    .sec_in02.gam div{    width: calc((100% - 10px)/3);}
    .sec_in03 .button button{padding: 12px 40px;font-size: 13px;}

    .gam_like li:nth-child(2){margin-top:10px}
    .gam_like .gam_item > div > p:first-child{font-size: 16px; font-weight: 500;}
    .gam_like .gam_item > div .price_wrap span:nth-child(2){font-size: 15px; padding:0px 2px;}
    .gam_like .gam_item > div .price_wrap span:nth-child(3){font-size: 14px; display:block;}
    .gam_like .gam_item > div .price_wrap span:nth-child(3):before{top: 11px; width: 65%;}
    .gam_like .gam_item i{width:100px; margin-right:12px;}
    .gam_like .gam_go button{padding: 5px 20px;}
    .gam_like li:nth-child(2) .go_del{height:15px;}
    .gam_like li:nth-child(2) .go_del:before, .gam_like li:nth-child(2) .go_del:after{height:13px; width:1px;}

    .cart_pop_cont .btn_wrap button{padding: 10px 30px;font-size: 14px; width:120px;}
    .cart_fix ul:last-child{    flex-direction: column;}
    .cart_fix ul:last-child li:first-child{width:100%; margin-right: 0px; margin-bottom: 10px;}
    .cart_fix ul:last-child li:last-child{width: 100%;}

    .cart_fix .type02{flex-direction: column;}
    .cart_fix .type02 li:first-child{width:100%; margin-right:0px; margin-bottom: 10px;}
    .cart_fix .type02 li:last-child{width:100%}

    .orderlist_cancel .reason01 select{font-size: 14px;}
    .pr_list .option_list{padding:16px 0px;}
    .pr_list .option_list .listsec02{width:110px;}
    .pr_list .option_list .select_sec .select01{padding:5px;margin-top: 10px;}
    .pr_list .option_list .table_body .listsec02 i{width:100px; height:100px;}
    .pr_list .option_list .table_body .listsec02{padding:0px 5px;}
    .pr_list .option_list .listsec06{width: calc(100% - 110px);padding-left: 10px;}
    .pr_list .option_list .select > div{font-size: 13px;}
    .orderlist_cancel .reason03 > div > div{line-height: 2.2;}
    .orderlist_cancel .reason03 > div > div p{font-size: 13px;}
    .pr_list .option_list .mo_ver_price01{font-size: 14px;}
    .pr_list .option_list .mo_ver_price02{font-size: 16px;}

    .orderlist_cancel .reason02_01 button{padding: 8px 0;}
    .orderlist_cancel .reason02_01 button > i{    width: 17px;}

    .apply_list .option_list .listsec06{width:100%;}

    .review_wrap ul.tabs{display:flex;}
    .review_wrap ul.tabs li{width:50%;}
    .review_wrap ul.tabs li a{width:100%; padding:10px;   text-align: center; font-size:15px;}

    .count-wrap{    height: 34px;}
    .count-wrap input{padding: 4px; height: 100% !important;}
    .pd-sle-con02 .select_list .product_price{font-size: 15px;}
    .pd-sle-con02 .select_list .count-wrap{width: 90px !important;}

    .join_next h3{font-size: 1.2rem;    margin: 23px 0 5px 0;}
    .join_next .top{font-size: 0.8rem;}

    .order_after .list_01{width:25%;}
    .order_after .list_01 > div> i{width:80px;}
    .order_after .list_01 .product_title{font-size: 13px;}
    .order_after .list_01 .p_op{font-size: 13px;}

    .order_after .table_body .span_ready{font-size: 14px;}
    .order_after .list_04 span{font-size: 13px;}

    .panel_reivew .flex_sec{    flex-direction: column;}
    .panel_reivew .flex_sec .product_img{width: 100%;justify-content: flex-start;}
    .panel_reivew .flex_sec .but_box01{width:100%; justify-content: flex-end;    margin-top: 20px}


 }



 /* ********************************************* *
 * 400px
 * ********************************************* */
 @media screen and (max-width: 400px){
    .pd-view-t-container dt { font-size: 14px; width: 70px;min-width: inherit;}
    .kr_shopview.shop_right{margin-top:30px;}

    .view-tab-container li{font-size: 11px;}
    .tabSet.pay ul.tabs li a{font-size: 12px;}
    .tabSet.pay ul.tabs li i{display: none;}
    .tabSet.pay ul.tabs{}
    .payment_result ul li span{font-size: 12px;}
    .payment_result ul li em{    margin: 0px 15px;  width: 10px;}
    .payment .left .h6_title{flex-direction: column;}
    .payment .left .h6_title > div{width: 100%; justify-content: flex-end;}
    .bottom_ ul li div i{width: 17px;}
    .bottom_ ul li div p{font-size: 12px;}
    .bottom_ ul li div span{font-size:17px;}

    .order_inquiry .mo_ver .in_body_table01 .flex_sec{align-items: flex-start;    flex-direction: column;}
    .order_inquiry .mo_ver .product_text_box .delivery_status{margin-bottom: 7px;}
    .order_inquiry .mo_ver .product_text_box{margin-left: 0px; width: 100%; margin-top: 20px;}
    .order_inquiry .mo_ver .product_text_box .listsec06{font-size: 16px;}
    .order_inquiry .mo_ver .but_box button{margin-right:5px;}
    .order_inquiry .mo_ver .but_box button:last-child{margin-right:0px;}
    .period_wrap{padding:10px;}
    .period_wrap .month_search ul li>div select{    padding: 5px 16px;}
    .period_wrap .month_search ul li>div:first-child{width: 80px;}
    .period_wrap .month_search ul li>div select{    background-position: 55px 50%;}
    .period_wrap .month_search ul li>div:nth-child(2){width: calc(100% - 80px);}
    .period_wrap .month_search{margin-top: 15px;}
    .lookup_list .number .in_number{font-size: 19px;}
    .lookup_list ul li .text{font-size: 11px;}
    .lookup_list ul li:after{    width: 9px;height: 9px;}
    .lookup02 ul li{padding:7px}
    .class_check_wrap table tr td{padding:7px}

    .mov_shop_list{}
    .mov_shop_list .listsec02{width:50%;}
    .mov_shop_list .listsec02 > div> i{width:130px;}
    .mov_shop_list .listsec06{    width: 50%;}

    .cart_pop_wrap .in_cart_pop{    width: 300px; height: 200px; max-width:95%}
    .cart_pop_wrap .in_cart_pop .cart_pop_cont p{padding-bottom: 10px;font-size: 14px;}
    .cart_pop_wrap .in_cart_pop .cart_pop_cont .btn_wrap button{font-size: 11px;}

    .orderlist_cancel .cancel_reason > p{font-size: 14px; margin-bottom: 6px;}
    .orderlist_cancel .reason02 textarea{    height: 160px;}

    .pr_list .option_list{padding:0px;}
    .pd-view-t-container dl.sh_basics_tit dt{width: 90px;}

    .check_arr{width:50px; height:60px;}
    .join_next_but.type02 button{padding:10px 5px;font-size: 13px; margin-right:5px;width: calc(50% - 7px);}
    .order_after .list_01 { width: 110px !important;}
    .order_info_wrap .order_info p.title{width:120px;}

    .review_ .cart_pop_cont{padding:10px;}
    .cart_fix ul{padding:10px;}

    .panel_reivew .flex_sec .product_img div p{font-size: 15px;}
    .panel_reivew .flex_sec .product_img div span{margin-top: 3px; font-size: 14px;}



 }

  /* ********************************************* *
 * 350px
 * ********************************************* */
 @media screen and (max-width: 350px){
    .mov_shop_list .listsec02 > div> i{width:110px;}
    .cart_pop_cont .btn_wrap button{font-size: 13px;width: 110px;    padding: 10px 20px;}
    .review_wrap ul.tabs li a h4{font-size: 13px;}
    .review_wrap ul.tabs li a{padding:7px;}
 }