/* Skinset Core Colors */
.basic_input{
    width: 100%; 
    height: 46px;
    box-shadow: none;
    padding: 10px 10px; 
    color:#666; 
    border: 1px solid #e3e3e3;
    background: transparent;
    -webkit-appearance:none;
    border-radius: 4px;
}

.basic_input:disabled{ background-color:#f3f3f5;}

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
* {
    font-style: normal; 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    box-sizing:border-box; 
}

*:before, *:after {
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    box-sizing:border-box;
}
dd, dt, ul, li {
    margin:0; 
    padding:0;
    border:none; 
}
dl, ul, ol, menu, li {
    list-style:none;
}

.trc{ color:#333333;font-family:"돋움","굴림","verdana","arial";font-size:12px;text-decoration:none;letter-spacing:-0.3pt;}
.menu{ color:#333333;font-family:"돋움","굴림","verdana","arial";font-size:12px;line-height:14px;text-decoration:none;letter-spacing:-0.3pt;}
.japan{ color:#666666;font-family:"돋움","굴림","verdana","arial";font-size:11px;line-height:14px;text-decoration:none;letter-spacing:-0.3pt;}
td{ color:#666666;font-family:"돋움","굴림","verdana","arial";font-size:12px;line-height:17px;letter-spacing:-0.3pt; }
.box_size{box-sizing:border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;}
.click{cursor:pointer;cursor:hand;}
.hide {
    display: none !important;
}
.hide.on {
    display: block !important;
}

/*공지팝업창 */
.notice_pop_back{display: block;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10000;background-color: rgba(0, 0, 0, 0.5);}
.notice_pop_back.on{ display:none;}
.wrap_notice_pop{position: absolute;top: 50%;left: 50%;z-index: 1;width: 500px; height:600px;max-height: 600px;margin: -300px 0 0 -250px;background-color: #fff;border-radius: 12px;box-shadow: 6px 6px 10px rgba(77,77,77,0.5);}
.notice_pop_top{width:100%; height:60px; line-height:60px; text-align:left; padding:0px 0px; background-color:#ff2eb8;background-image:url("/images/notice_check.png");background-repeat:no-repeat; background-position:25px 50%;background-size:26px 26px;border-radius: 12px 12px 0px 0px;}
.notice_pop_top_t{ display:block; padding:0px 0px 0px 70px; color:#FFF;font-family: 'Nanum Gothic', sans-serif;font-size: 19px; font-weight:400; vertical-align:middle;}
.notice_pop_info{ width:100%; height:480px; padding:40px 40px; text-align:left;font-family: 'Meiryo', sans-serif;font-size: 14px;font-weight: 400;color: #333; line-height:1.6em; overflow:auto; overflow-x:hidden; overflow-y:auto;word-break: break-word;word-wrap: break-word;overflow-wrap: break-word;}

.notice_pop_bottom{ width:100%; height:60px; display:table;border-radius: 0px 0px 12px 12px;}
.notice_pop_bottom > ul{ display:table-row;}
.notice_pop_bottom > ul > li{ display:table-cell; width:50%; text-align:center; vertical-align:middle;}
.notice_pop_bt01{ background-color:#4d4f5b;border-radius: 0px 0px 0px 12px; color:#FFF;font-family: 'Nanum Gothic', sans-serif;font-size: 16px; font-weight:400; vertical-align:middle;}
.notice_pop_bt02{background-color:#ff2eb8;border-radius: 0px 0px 12px 0px;color:#FFF;font-family: 'Nanum Gothic', sans-serif;font-size: 16px; font-weight:400; vertical-align:middle;}
.notice_pop_bt03{background-color:#ffff00;border-radius: 0px 0px 12px 0px;color:#000000;font-family: 'Nanum Gothic', sans-serif;font-size: 15px; font-weight:400; vertical-align:middle;}
/*공지팝업창 */

/*사이즈 */
.w_100 {
    width: 100% !important;
    margin: 0 auto !important;
}


/* Text Links */
/*폰트 관련 한글 */
.ht_4 {font-family: 'Nanum Gothic', sans-serif;font-size: 4px; vertical-align:middle;}
.ht_5 {font-family: 'Nanum Gothic', sans-serif;font-size: 5px; vertical-align:middle;}
.ht_6 {font-family: 'Nanum Gothic', sans-serif;font-size: 6px; vertical-align:middle;}
.ht_7 {font-family: 'Nanum Gothic', sans-serif;font-size: 7px; vertical-align:middle;}
.ht_8 {font-family: 'Nanum Gothic', sans-serif;font-size: 8px; vertical-align:middle;}
.ht_9 {font-family: 'Nanum Gothic', sans-serif;font-size: 9px; vertical-align:middle;}
.ht_10 {font-family: 'Nanum Gothic', sans-serif;font-size: 10px; vertical-align:middle;}
.ht_11 {font-family: 'Nanum Gothic', sans-serif;font-size: 11px; vertical-align:middle;}
.ht_12 {font-family: 'Nanum Gothic', sans-serif;font-size: 12px; vertical-align:middle;}
.ht_13 {font-family: 'Nanum Gothic', sans-serif;font-size: 13px; vertical-align:middle;}
.ht_14 {font-family: 'Nanum Gothic', sans-serif;font-size: 14px; vertical-align:middle;}
.ht_15 {font-family: 'Nanum Gothic', sans-serif;font-size: 15px; vertical-align:middle;}
.ht_16 {font-family: 'Nanum Gothic', sans-serif;font-size: 16px; vertical-align:middle;}
.ht_17 {font-family: 'Nanum Gothic', sans-serif;font-size: 17px; vertical-align:middle;}
.ht_18 {font-family: 'Nanum Gothic', sans-serif;font-size: 18px; vertical-align:middle;}
.ht_19 {font-family: 'Nanum Gothic', sans-serif;font-size: 19px; vertical-align:middle;}
.ht_20 {font-family: 'Nanum Gothic', sans-serif;font-size: 20px; vertical-align:middle;}
.ht_21 {font-family: 'Nanum Gothic', sans-serif;font-size: 21px; vertical-align:middle;}
.ht_22 {font-family: 'Nanum Gothic', sans-serif;font-size: 22px; vertical-align:middle;}
.ht_23 {font-family: 'Nanum Gothic', sans-serif;font-size: 23px; vertical-align:middle;}
.ht_24 {font-family: 'Nanum Gothic', sans-serif;font-size: 24px; vertical-align:middle;}
.ht_25 {font-family: 'Nanum Gothic', sans-serif;font-size: 25px; vertical-align:middle;}
.ht_26 {font-family: 'Nanum Gothic', sans-serif;font-size: 26px; vertical-align:middle;}
.ht_27 {font-family: 'Nanum Gothic', sans-serif;font-size: 27px; vertical-align:middle;}
.ht_28 {font-family: 'Nanum Gothic', sans-serif;font-size: 28px; vertical-align:middle;}
.ht_29 {font-family: 'Nanum Gothic', sans-serif;font-size: 29px; vertical-align:middle;}
.ht_30 {font-family: 'Nanum Gothic', sans-serif;font-size: 30px; vertical-align:middle;}
.ht_31 {font-family: 'Nanum Gothic', sans-serif;font-size: 31px; vertical-align:middle;}
.ht_32 {font-family: 'Nanum Gothic', sans-serif;font-size: 32px; vertical-align:middle;}
.ht_33 {font-family: 'Nanum Gothic', sans-serif;font-size: 33px; vertical-align:middle;}
.ht_34 {font-family: 'Nanum Gothic', sans-serif;font-size: 34px; vertical-align:middle;}
.ht_35 {font-family: 'Nanum Gothic', sans-serif;font-size: 35px; vertical-align:middle;}

/*폰트 관련 영문 */
.et_6 {font-family: 'Exo 2', sans-serif;font-size: 6px; vertical-align:middle;}
.et_7 {font-family: 'Exo 2', sans-serif;font-size: 7px; vertical-align:middle;}
.et_8 {font-family: 'Exo 2', sans-serif;font-size: 8px; vertical-align:middle;}
.et_9 {font-family: 'Exo 2', sans-serif;font-size: 9px; vertical-align:middle;}
.et_10 {font-family: 'Exo 2', sans-serif;font-size: 10px; vertical-align:middle;}
.et_11 {font-family: 'Exo 2', sans-serif;font-size: 11px; vertical-align:middle;}
.et_12 {font-family: 'Exo 2', sans-serif;font-size: 12px; vertical-align:middle;}
.et_13 {font-family: 'Exo 2', sans-serif;font-size: 13px; vertical-align:middle;}
.et_14 {font-family: 'Exo 2', sans-serif;font-size: 14px; vertical-align:middle;}
.et_15 {font-family: 'Exo 2', sans-serif;font-size: 15px; vertical-align:middle;}
.et_16 {font-family: 'Exo 2', sans-serif;font-size: 16px; vertical-align:middle;}
.et_17 {font-family: 'Exo 2', sans-serif;font-size: 17px; vertical-align:middle;}
.et_18 {font-family: 'Exo 2', sans-serif;font-size: 18px; vertical-align:middle;}
.et_19 {font-family: 'Exo 2', sans-serif;font-size: 19px; vertical-align:middle;}
.et_20 {font-family: 'Exo 2', sans-serif;font-size: 20px; vertical-align:middle;}
.et_21 {font-family: 'Exo 2', sans-serif;font-size: 21px; vertical-align:middle;}
.et_22 {font-family: 'Exo 2', sans-serif;font-size: 22px; vertical-align:middle;}
.et_23 {font-family: 'Exo 2', sans-serif;font-size: 23px; vertical-align:middle;}
.et_24 {font-family: 'Exo 2', sans-serif;font-size: 24px; vertical-align:middle;}
.et_25 {font-family: 'Exo 2', sans-serif;font-size: 25px; vertical-align:middle;}
.et_26 {font-family: 'Exo 2', sans-serif;font-size: 26px; vertical-align:middle;}
.et_27 {font-family: 'Exo 2', sans-serif;font-size: 27px; vertical-align:middle;}
.et_28 {font-family: 'Exo 2', sans-serif;font-size: 28px; vertical-align:middle;}
.et_29 {font-family: 'Exo 2', sans-serif;font-size: 29px; vertical-align:middle;}
.et_30 {font-family: 'Exo 2', sans-serif;font-size: 30px; vertical-align:middle;}
.et_31 {font-family: 'Exo 2', sans-serif;font-size: 31px; vertical-align:middle;}
.et_32 {font-family: 'Exo 2', sans-serif;font-size: 32px; vertical-align:middle;}
.et_33 {font-family: 'Exo 2', sans-serif;font-size: 33px; vertical-align:middle;}
.et_34 {font-family: 'Exo 2', sans-serif;font-size: 34px; vertical-align:middle;}
.et_35 {font-family: 'Exo 2', sans-serif;font-size: 35px; vertical-align:middle;}
.et_ab14 {font-family: 'Abhaya Libre', sans-serif;font-size: 14px; vertical-align:middle;}
.et_ab15 {font-family: 'Abhaya Libre', sans-serif;font-size: 15px; vertical-align:middle;}
.et_ab18 {font-family: 'Abhaya Libre', sans-serif;font-size: 18px; vertical-align:middle;}
.et_ab30 {font-family: 'Abhaya Libre', sans-serif;font-size: 30px; vertical-align:middle;}
.et_ab32 {font-family: 'Abhaya Libre', sans-serif;font-size: 32px; vertical-align:middle;}
.et_no13 {font-family: 'Noto Serif', sans-serif;font-size: 13px; vertical-align:middle;}
.et_no14 {font-family: 'Noto Serif', sans-serif;font-size: 14px; vertical-align:middle;}
.et_no15 {font-family: 'Noto Serif', sans-serif;font-size: 15px; vertical-align:middle;}
.et_no18 {font-family: 'Noto Serif', sans-serif;font-size: 18px; vertical-align:middle;}
.et_no30 {font-family: 'Noto Serif', sans-serif;font-size: 30px; vertical-align:middle;}
.et_no32 {font-family: 'Noto Serif', sans-serif;font-size: 32px; vertical-align:middle;}
.et_hi13 {font-family: 'Hind Vadodara', sans-serif;font-size: 13px; vertical-align:middle;}
.et_hi14 {font-family: 'Hind Vadodara', sans-serif;font-size: 14px; vertical-align:middle;}
.et_hi24 {font-family: 'Hind Vadodara', sans-serif;font-size: 24px; vertical-align:middle;}
.et_hi36 {font-family: 'Hind Vadodara', sans-serif;font-size: 36px; vertical-align:middle;}

/*컬러 관련 */
.point_pk{color:#ff7f7a;}
.fc_g6{color:#666 !important;}
.fc_black{color:#111 !important;}
.fc_b3{color:#333 !important;}
.fc_white{color:#fff !important;}
.fc_red {color: #f10000;}

/*폰트 컬러 관련 */
.ct_b {color: #000000;}
.ct_w {color: #ffffff;}
.ct_r {color: #b00814;}
.ct_blue {color: #6699FF;}
.ct_r1 {color: #e74848;}
.ct_r2 {color: #990000;}
.ct_r3 {color: #d7213a;}
.ct_r4 {color: #ff0000;}
.ct_3 {color: #333333;}
.ct_31 {color: #313131;}
.ct_3 {color: #333333;}
.ct_4 {color: #444444;}
.ct_5 {color: #555555;}
.ct_6 {color: #666666;}
.ct_7 {color: #777777;}
.ct_8 {color: #888888;}
.ct_9 {color: #999999;}
.ct_d6 {color: #d6d6d6;}
.ct_m {color: #ff285b;}
.ct_p {color: #ff8da0;}
.ct_p1 {color: #f02567;}
.ct_p2 {color: #FF0066;}
.ct_p3 {color: #f92b82;}
.ct_p4 {color: #a85c7a;}
.ct_br {color: #bb6767;}
.ct_g {color: #707070;}
.ct_g2 {color: #bababa;}
.ct_g3 {color: #2d2d2d;}
.ct_g4 {color: #b5b5b5;}
.ct_g5 {color: #555555;}
.ct_g6 {color: #a3a3a3;}
.ct_g7 {color: #9e9e9e;}
.ct_g8 {color: #6e6e6c;}
.ct_g9 {color: #6d6d6d;}
.ct_g10 {color: #787878;}
.ct_g11 {color: #585858;}
.ct_g12 {color: #414046;}
.ct_g13 {color: #dadada;}
.ct_y {color: #fff046;}
.ct_t00 {color: #f5f2ed;}
.ct_t01 {color: #2b2b2b;}
.ct_t02 {color: #353535;}
.ct_t03 {color: #434343;}
.ct_t04 {color: #1d1d1d;}
.info_point_back{ display:inline-block;font-size:18px;color:#ff7f7a;font-weight:400; padding:0px 0px 0px 5px;}

/*폰트 두께 관련 */
.bt_b {font-weight: bold;}
.bt_10 {font-weight:100;}
.bt_20 {font-weight:200;}
.bt_30 {font-weight:300;}
.bt_40 {font-weight:400;}
.bt_50 {font-weight:500;}
.bt_60 {font-weight:600;}
.bt_70 {font-weight:700;}
.bt_80 {font-weight:800;}
.bt_90 {font-weight:900;}

/*폰트 기타 */
.tp_5 {padding-left:5px;}
.ts_1 {letter-spacing:1px;}
.ts_2 {letter-spacing:1em;}
.tl_15 {line-height:15px;}
.tl_18 {line-height:18px;}
.tl_20 {line-height:20px;}

/* 버튼 */
.orders_report_bt{background:#4c9bbe; text-align:center; height:36px; padding:0px 18px; line-height:36px; vertical-align:middle;cursor:pointer;cursor:hand;border-radius: 4px;}

.date_bt {width:160px; height:30px; line-height:30px; background:#FFFFFF; border:solid 1px #999999; text-align:center;cursor:pointer;cursor:hand;}
.date_bt3 {width:160px; height:30px; line-height:30px; background:#efefef; border:solid 1px #999999; text-align:center;cursor:pointer;cursor:hand;}
.date_bt5 {width:160px; height:30px; line-height:30px; background:#333333; border:solid 1px #333333; text-align:center;cursor:pointer;cursor:hand;}

.date_bt4 {width:100px; height:30px; line-height:30px; background:#FFFFFF; border:solid 1px #999999; text-align:center;cursor:pointer;cursor:hand;}
.date_bt2 {width:100px; height:30px; line-height:30px; background:#efefef; border:solid 1px #999999; text-align:center;cursor:pointer;cursor:hand;}
.date_bt6 {width:100px; height:30px; line-height:30px; background:#333333; border:solid 1px #333333; text-align:center;cursor:pointer;cursor:hand;}

.date_bt7 {width:160px; height:50px; line-height:30px; background:#FFFFFF; border:solid 1px #999999; text-align:center;cursor:pointer;cursor:hand;}
.date_bt8 {width:160px; height:50px; line-height:30px; background:#333333; border:solid 1px #333333; text-align:center;cursor:pointer;cursor:hand;}
.date_bt9 {width:160px; height:50px; line-height:30px; background:#efefef; border:solid 1px #999999; text-align:center;cursor:pointer;cursor:hand;}

.date_bt10 {width:160px; height:40px; line-height:40px; background:#FFFFFF; border:solid 1px #999999; text-align:center;cursor:pointer;cursor:hand;}
.date_bt11 {width:160px; height:40px; line-height:40px; background:#efefef; border:solid 1px #999999; text-align:center;cursor:pointer;cursor:hand;}
.date_bt12 {width:160px; height:40px; line-height:40px; background:#333333; border:solid 1px #333333; text-align:center;cursor:pointer;cursor:hand;}

.date_bt13 {width:200px; height:40px; line-height:40px; background:#FFFFFF; border:solid 1px #999999; text-align:center;cursor:pointer;cursor:hand;}
.date_bt14 {width:200px; height:40px; line-height:40px; background:#efefef; border:solid 1px #999999; text-align:center;cursor:pointer;cursor:hand;}
.date_bt15 {width:200px; height:40px; line-height:40px; background:#333333; border:solid 1px #333333; text-align:center;cursor:pointer;cursor:hand;}


a:link  { color: #666666; text-decoration: none}
a:visited { color: #666666; text-decoration: none}
a:hover { color: #999999; text-decoration: underline}


/* 상품입력
============================================================================= */
.wrap_pr_input{width:100%;}
.wrap_pr_input > dl > dt{text-align:left; padding:30px 0px 17px 0px; border-bottom:solid 1px #111; font-size:16px;color:#111;font-weight:600;}
.wrap_pr_input > dl > dd{text-align:left;}

.pr_input_info{width:100%; text-align:left; padding:0px 0px 20px 0px;color:#666;line-height:1.6em}
.pr_input_info_b{width:100%; text-align:left; padding:20px 0px 0px 0px;color:#666;line-height:1.6em}
.pr_input_info.tb_20{ padding: 20px 0px 20px;}
.pr_input_info.tb_10_10{ padding: 10px 0px 10px;}
.pr_input_info.tb_10_20{ padding: 10px 0px 20px;}
.pr_input_info.tb_10{ padding: 10px 0px 0px;}

.pr_input_list{width:100%;  margin-top:-15px;}
.pr_input_list > ul > li{ text-align:left; padding:15px 0px 0px 0px;}

.pr_input_list_line{ width:100%; margin-top:-15px;}
.pr_input_list_line > ul > li{ text-align:left; padding:15px 0px 15px 0px; border-bottom:solid 1px #ebebeb;}

.input_check_list{display:flex;flex-flow:row wrap;align-items: center; margin: 0px 0px -10px -10px;}
.input_check_list > li{padding: 0 0 10px 10px;}

.pr_input_info_title{ display:flex; justify-content: center;align-items: center;width:100%; text-align:left; padding:0px 0px 0px 0px;font-family: 'Noto Sans KR', sans-serif;font-size:12px;color:#ff7f7a;font-weight:500;line-height:1.6em}

.d_input_check{cursor: default;width: auto;border-radius: 4px;background-color: #f6f6f6;}
.d_input_check > dl{height: 40px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between; }
.d_input_check > dl > dt{padding:0px 11px;font-weight:500; display:flex;flex-flow: row nowrap;justify-content: center;align-items: center;}
.d_input_check > dl > dd{ border:solid 1px #f6f6f6; border-radius: 0px 4px 4px 0px; width:100px; background-color:#FFFFFF;}
.d_input_check_input{width: 100%; height: 38px; line-height: 28px; box-shadow: none;padding: 5px 10px;font-size: 14px; color:#111;border: 0px;background: transparent;-webkit-appearance:none;border-radius: 0px 4px 4px 0px;}
.d_input_check_bt{
    border: none;
    background: none;
    -webkit-appearance: button;
    text-transform: none;
    outline: none;
    color: #999;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px 5px;
    margin: 0;
    vertical-align: middle;
    font-family: inherit;
    line-height: inherit;
}
.horizontal-list {
    display: flex; /* Arrange items in a row */
    gap: 10px; /* Add spacing between items */
    list-style: none; /* Remove bullet points */
    padding: 0;
    margin: 0;
}

.horizontal-list li {
    display: inline-block; /* Ensure list items stay inline */
	width:50%;
}

.horizontal-list_3 {
    display: flex; /* Arrange items in a row */
    gap: 10px; /* Add spacing between items */
    list-style: none; /* Remove bullet points */
    padding: 0;
    margin: 0;
}

.horizontal-list_3 li {
    display: inline-block; /* Ensure list items stay inline */
	width:33%;
}