header {border-bottom: 1px solid #ddd; }
.category_list {display: none;}
.location_wrap {padding: 30px 0;}
.location {display: flex;align-items: center;justify-content: end;}
.location span {cursor:pointer; display: flex;align-items: center;font-size: 16px;color: #727374;font-weight: 400;letter-spacing: -0.5px;}
.location .home {width: 13px;height: 15px;background: url('../img/sub/location_home.png') no-repeat 0 0;}
.location .bar {position: relative;padding-right: 18px;margin-right: 12px;}
.location .bar:after {content: '';display: block;width: 5px;height: 9px;background: url('../img/sub/location_arrow.png') no-repeat 0 0;position: absolute;right: 0;top: 4px;}
.supplers_wrap {background-color: #f5f7fb;padding: 50px 0 20px 0;border-top: 1px solid #ddd;}
.sub_tit {font-size: 44px; color: #111;font-weight: 700;margin-bottom: 45px;text-align: center;}
.supplers_list {padding: 50px 0;}
.sub_stit_wrap {display: flex;align-items: end;justify-content: space-between;}
.sub_stit {font-size: 30px;color: #111;font-weight: 700;letter-spacing: -0.5px;}
.sub_stit_wrap.line {border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.list_cnt {display: flex;align-items: center;}
.list_cnt .lc_cnt {font-size: 16px;color: #333;font-weight: 400;margin-right: 20px;letter-spacing: -0.5px;}
.list_cnt .lc_cnt:last-child {margin-right: 0;}
.list_cnt .lc_cnt strong {color: #5463e2;}
.s_list {margin-left: -15px;margin-right: -15px;}
.s_list:before {content: '';display: table;}
.s_list:after {content: '';display: table;clear: both;}
.s_list .item {float: left;width: 25%;padding-left: 15px;padding-right: 15px;margin-bottom: 40px;}


.cate_box {border: 1px solid #ddd;border-radius: 10px 10px 0 0;padding: 25px 35px;background-color: #fff;}
.cb_logo {border: 1px solid #ddd;border-radius: 16px;height: 115px;display: flex;align-items: center;justify-content: center;margin-bottom: 14px;padding: 10px 5px;flex-direction: column;position: relative;overflow: hidden;}
.cb_logo:hover .sim_btn {opacity: 1;}

.cate_box_s {border: 1px solid #ddd;border-radius: 10px 10px 0 0;padding: 25px 35px;background-color: #fff;}
.cb_logo_s {border: 1px solid #ddd;border-radius: 16px;height: 115px;display: flex;align-items: center;justify-content: center;margin-bottom: 14px;padding: 10px 5px;flex-direction: column;position: relative;overflow: hidden;}
.cb_logo_s:hover .sim_btn {opacity: 1;}
.cb_iname {font-size: 16px;color: #333333;font-weight: 500;letter-spacing: -0.5px;margin-top: 1px;}
.cb_ilogo img {max-width: 100%;}
.cb_cate {display: flex;align-items: center;margin-bottom: 25px;}
.cb_cate .cate {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 10px;border: 1px solid #ddd;margin-right: 4px;flex-wrap: wrap;}
.cb_cate .cate:last-child {margin-right: 0;}
.cb_cate .cate:before {content: '';display: block;background-size: auto 22px;height: 22px;}
.cb_cate .cate.cate1:before {background-image: url('../img/main/m_ico1.png');width: 19px;}
.cb_cate .cate.cate2:before {background-image: url('../img/main/m_ico2.png');width: 15px;}
.cb_cate .cate.cate3:before {background-image: url('../img/main/m_ico3.png');width: 18px;}
.cb_cate .cate.cate4:before {background-image: url('../img/main/m_ico4.png');width: 21px;}
.cb_cate .cate.cate5:before {background-image: url('../img/main/m_ico5.png');width: 18px;}
.cb_cate .cate.cate6:before {background-image: url('../img/main/m_ico6.png');width: 21px;}
.cb_cate .cate.cate7:before {background-image: url('../img/main/m_ico7.png');width: 19px;}
.cb_cate .cate.cate8:before {background-image: url('../img/main/m_ico8.png');width: 15px;}

.cb_cnt {font-size: 16px;color: #666666;font-weight: 400;letter-spacing: -0.5px;margin-bottom: 10px;}
.cb_cnt strong {font-size: 16px;color: #5463e2;font-weight: 500;}
.cb_p_img {overflow: hidden;margin: 0 -10px;}
.cb_p_img .cb_item {padding: 0 10px;float: left;width: 50%;}
.cb_box {height: 140px;border: 1px solid #ddd;border-radius: 10px;display: flex;align-items: center;justify-content: center;overflow: hidden;padding: 10px;}
.cb_box:hover {box-shadow: 0 0 7px rgb(0 0 0 / 10%);}
.cb_box a {display: block;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
/* .cb_box a img {transition: all .5s ease;max-width: 100%;max-height: 100%;} */
.cb_box a img {width: 100%; height: 100%; object-fit: cover; }
.cb_box a:hover img {transform: scale(1.05);}
.s_more a {width: 280px;height: 54px;background-color: #5463e2;display: flex;align-items: center;justify-content: center;border-radius: 10px;margin: 0 auto;letter-spacing: 0.5px;position: relative;overflow: hidden;border: 2px solid #5463e2;}

.s_more a .on {opacity: 0;color: #5463e2;}
.s_more a span {font-size: 16px;color: #fff;font-weight: 400;transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;height: 17px;display: block;z-index: 1;display: flex;width: 100%;justify-content: center;text-align: center;align-items: center;}
.s_more a .ct_b {display: block;position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;z-index: 1;border-radius: 5px;background-color: #fff;}

.s_more a span:after {content: '';display: block;width: 15px;height: 10px;background: url('../img/sub/more_arrow.png') no-repeat 0 0;margin-left: 15px;}
.s_more a span.on:after {background-position: -15px 0;}
.sub_tit_wrap {position: relative;padding: 8px 0 0 0;}
.sub_tit_wrap.sns_only {padding: 0;margin: 50px 0 30px 0;display: flex;align-items: center;justify-content: end;}
.sub_tit_wrap.sns_only .sns_wrap {position: static;}
.sub_tit_wrap .sub_tit {margin-bottom: 0;}
.sns_wrap {display: flex;align-items: center;justify-content: end;}
.sns_wrap a {border: 1px solid #ddd;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;width: 34px;height: 34px;text-align: center;margin-right: 10px;}
.sns_wrap a.h {border: none;}
.sns_wrap a:last-child {margin-right: 0;}
.sns_wrap a span {font-size: 0;text-indent: -9999px;display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;background-position: 0 0;}
.sns_wrap a:after {content: '';display: block;width: 100%;height: 100%;background: #fff;border-radius: 50%;z-index: 0;position: absolute;left: 0;top: 0;}
.sns_wrap a:before {content: '';display: block;width: 100%;height: 100%;border-radius: 50%;z-index: 0;position: absolute;left: 0;bottom: 0;transform: scale(0);visibility: hidden;transition: 0.6s cubic-bezier(0, 0, 0, 1);background-color: #000;z-index: 1;}
.sns_wrap a:hover:before {transform: scale(1);visibility: visible;}
.sns_wrap a.h span {background-image: url('../img/sub/sns_h.png');width: 17px;height: 15px;}
.sns_wrap a.f span {background-image: url('../img/sub/sns_f.png');width: 12px;height: 17px;}
.sns_wrap a.x span {background-image: url('../img/sub/sns_x.png');width: 15px;height: 15px;}
.sns_wrap a.u span {background-image: url('../img/sub/sns_u.png');width: 22px;height: 10px;}
.sns_wrap a.h:hover span {background-position: -17px 0;}
.sns_wrap a.f:hover span {background-position: -9px 0;}
.sns_wrap a.x:hover span {background-position: -15px 0;}
.sns_wrap a.u:hover span {background-position: -22px 0;}

.supplers_logo_wrap {background-color: #f5f7fb;border-radius: 10px;padding: 25px 30px;margin-bottom: 50px;}
.supplers_logo {display: flex;align-items: center;}
.supplers_logo .logo {flex-shrink: 0;}
.supplers_logo .logo img {width:100%; height:100%; object-fit:fill;}
.supplers_logo .logo .logo_box {height: 114px;border: 1px solid #ddd;border-radius: 10px;background-color: #fff;display: flex;align-items: center;justify-content: center;padding: 0 15px;}
.supplers_logo .sl_text {flex-grow: 1;}
.sl_tit {font-size: 26px;color: #333;font-weight: 600;letter-spacing: -0.5px;margin-bottom: 20px;}
.sl_tit.mb0 {margin-bottom: 0;}
.sl_txt {font-size: 18px;color: #111;font-weight: 300;letter-spacing: -0.5px;line-height: 1.3;}
.supplers_info_view {margin-bottom: 80px;}
.supplers_info_wrap {display: flex;}
.supplers_info_wrap .img {flex-shrink: 0;width: 508px;border-radius: 10px;}
.supplers_info_wrap .img .img_in {height: 304px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 15px;padding: 20px;}
.supplers_info_wrap .img .img_in img {
  max-height: 100%; /* 부모 높이에 맞춤 */
  max-width: 100%;  /* 가로도 영역 초과 방지 */
  object-fit: contain; /* 비율 유지하며 맞춤 */
}

.supplers_info_wrap .img .zoom {margin-top: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 25px;}
.supplers_info_wrap .img .zoom a {display: flex;align-items: center;justify-content: center;font-size: 15px;color: #9c9ea6;font-weight: 400;padding-left: 37px;position: relative;height: 36px;}
.supplers_info_wrap .img .zoom a:before {content: '';display: block;width: 37px;height: 36px;background: url('../img/sub/ico_zoomn.png') no-repeat 0 0;position: absolute;left: 0;top: 4px;}
.supplers_info_wrap .img img {border-radius: 15px;max-width: 100%;display: block;}
.supplers_info_wrap .info {flex-grow: 1;padding-left: 50px;position: relative;}
.supplers_info_wrap .info .p_name {font-size: 25px;color: #333;font-weight: 600;margin-bottom: 10px;letter-spacing: -0.5px;}
.supplers_info_wrap .info .p_txt {font-size: 20px;color: #666;font-weight: 400;margin-bottom: 25px;letter-spacing: -0.5px;}
.supplers_info_wrap .info ul li {display: flex;margin-bottom: 15px;}
.supplers_info_wrap .info ul li .th {flex-shrink: 0;font-size: 17px;color: #333;font-weight: 600;line-height: 1.5;letter-spacing: -0.5px;display: flex;align-items: center;}
.supplers_info_wrap .info ul li .th.vtop {align-items: start;}
.supplers_info_wrap .info ul li .td {padding-left: 10px;flex-grow: 1;font-size: 17px;color: #111;font-weight: 300;line-height: 1.5;letter-spacing: -0.5px;display: flex;align-items: center;}
.supplers_info_wrap .thumb {margin: 0 -5px;}
/* .supplers_info_wrap .thumb {overflow: hidden;margin: 0 -5px;} */
.supplers_info_wrap .thumb .item {float: left;width: 100%;padding: 0 5px;}
.supplers_info_wrap .thumb .item img {max-width: 100%;border-radius: 10px;}
.supplers_info_wrap .thumb .item a {display: block;border: 1px solid #ddd;border-radius: 12px;}
.supplers_info_wrap .thumb .item a.on {border-color: #5463e2;}
.supplers_info_wrap .info_in {position: relative;height: 100%;}
.siv_btn {position: absolute;left: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
.siv_btn .mar {margin-right: 10px;}
.siv_btn a {height: 54px;display: flex;align-items: center;justify-content: center;}
.siv_btn a.fav {width: 54px;}
.siv_btn a.fav:before {content: '';display: block;width: 28px;height: 25px;background-image: url('../img/sub/ico_heart.png');background-position: 0 0;background-repeat: no-repeat;}
.siv_btn a.fav:hover:before,
.siv_btn a.fav.on:before {background-position: -28px 0;}
.siv_btn a.fav span {display: none;}

.siv_btn a.contact {border: 2px solid #282929;border-radius: 10px;width: 277px;overflow: hidden;position: relative;}
.siv_btn a.contact span {font-size: 16px;color: #333;font-weight: 400;z-index: 1;transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;display: block;display: flex;justify-content: center;width: 100%;}
.siv_btn a.contact span.off {color: #333;}
.siv_btn a.contact span.on {color: #fff;opacity: 0;}
.siv_btn a.contact .ct_b {display: block;position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;z-index: 1;border-radius: 5px;background-color: #000;}
.siv_btn a.contact span:before {content: '';display: block;width: 20px;height: 20px;background: url('../img/sub/ico_contact.png');background-repeat: no-repeat;background-position: 0 0;margin-right: 20px;}
.siv_btn a.contact span.on:before {background-position: -20px 0;}

.siv_btn a.catalog {font-size: 16px;color: #fff;font-weight: 400;border: 2px solid transparent;border-radius: 10px;width: 277px;background-color: #282929;overflow: hidden;position: relative;}
.siv_btn a.catalog span {font-size: 16px;color: #fff;font-weight: 400;z-index: 1;transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;display: block;display: flex;justify-content: center;text-align: center;width: 100%;}
.siv_btn a.catalog span.off {color: #fff;}
.siv_btn a.catalog span.on {color: #282929;opacity: 0;}
.siv_btn a.catalog .ct_b {display: block;position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;z-index: 1;border-radius: 5px;background-color: #fff;}
.siv_btn a.catalog span:before {content: '';display: block;width: 16px;height: 18px;background: url('../img/sub/ico_down.png');background-repeat: no-repeat;background-position: -16px 0;margin-right: 20px;}
.siv_btn a.catalog span.on:before {background-position: 0 0;}

.product_list {margin-left: -15px;margin-right: -15px;}
.product_list:before {content: '';display: table;}
.product_list:after {content: '';display: table;clear: both;}
.product_list .item {padding-left: 15px;padding-right: 15px;float: left;width: 25%;margin-bottom: 30px;}
.product_list.product_roll {margin: 0;}
.product_list.product_roll .item {width: auto;float: none;padding: 0;}
.product_list.product_roll .item img {width: auto;}
.product_list .box {border: 1px solid #ddd;border-radius: 15px;padding: 30px 25px 25px 25px;}
.product_list .box img {transition: 0.6s cubic-bezier(0, 0, 0, 1);}
.product_list .box:hover img {transform: scale(1.09);}
.product_list .img {height: 212px;display: flex;align-items: center;justify-content: center;}
.product_list .name {font-size: 18px;color: #333;font-weight: 400;margin: 15px 0 25px 0;text-align: center;letter-spacing: -0.5px;}
.product_list .img img {max-width: 100%;max-height: 100%;}
.product_list .btn_sub a {display: flex;align-items: center;height: 40px;background-color: #e7ecfa;border-radius: 10px;margin-bottom: 6px;font-size: 15px;color: #333333;font-weight: 400;padding: 0 18px;position: relative;letter-spacing: -0.5px;}
.product_list .btn_sub a:last-child {margin-bottom: 0;}
.product_list .btn_sub a:after {content: '';display: block;width: 6px;height: 9px;background-image: url('../img/sub/link_arrow.png');background-position: 0 0;background-repeat: no-repeat;position: absolute;right: 17px;top: 50%;margin-top: -4px;}
.product_list .btn_sub a:hover {background-color: #5463e2;color: #fff;}
.product_list .btn_sub a:hover:after {background-position: -6px 0;}

.product_roll .owl-carousel .owl-nav button.owl-next,
.product_roll .owl-carousel .owl-nav button.owl-prev {width: 26px;height: 42px;background-repeat: no-repeat;background-position: 0 0;position: absolute;top: 50%;margin-top: -21px;}
.product_roll .owl-carousel .owl-nav button.owl-prev {left: -50px;background-image: url('../img/sub/sc_prev.png');}
.product_roll .owl-carousel .owl-nav button.owl-next {right: -50px;background-image: url('../img/sub/sc_next.png');}
.product_roll .owl-carousel .owl-nav button.owl-next span,
.product_roll .owl-carousel .owl-nav button.owl-prev span {display: none;}

.sim_box {height: 200px;border-radius: 15px;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;padding: 15px;}
.sim_box .img img {width: auto;max-width: 100%;}
.sim_box .nm {font-size: 20px;color: #333333;font-weight: 500;margin-top: 3px;}
.similar_roll .item {padding: 0 3px;}
.similar_roll .owl-carousel .owl-nav button.owl-next,
.similar_roll .owl-carousel .owl-nav button.owl-prev {width: 26px;height: 42px;background-repeat: no-repeat;background-position: 0 0;position: absolute;top: 50%;margin-top: -21px;}
.similar_roll .owl-carousel .owl-nav button.owl-prev {left: -50px;background-image: url('../img/sub/sc_prev.png');}
.similar_roll .owl-carousel .owl-nav button.owl-next {right: -50px;background-image: url('../img/sub/sc_next.png');}
.similar_roll .owl-carousel .owl-nav button.owl-next span,
.similar_roll .owl-carousel .owl-nav button.owl-prev span {display: none;}

.sim_box.on .sim_btn {opacity: 1;}
.sim_btn {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0 20px;background-color: rgb(0 0 0 / 50%);border-radius: 15px;transition: 0.6s cubic-bezier(0, 0, 0, 1);opacity: 0;}
.sim_btn a {display: flex;align-items: center;height: 40px;border-radius: 10px;margin-bottom: 6px;font-size: 15px;color: #fff;font-weight: 400;padding: 0 18px;position: relative;letter-spacing: -0.5px;width: 100%;background-color: rgb(0 0 0 / 70%);}
.sim_btn a:last-child {margin-bottom: 0;}
.sim_btn a:hover {background-color: #5463e2;}
.sim_btn a.cat:after {content: '';display: block;width: 16px;height: 18px;background-image: url('../img/sub/ico_down.png');background-position: -16px 0;background-repeat: no-repeat;position: absolute;right: 17px;top: 50%;margin-top: -9px;}
.sim_btn a.com:after {content: '';display: block;width: 6px;height: 9px;background-image: url('../img/sub/link_arrow.png');background-position: -6px 0;background-repeat: no-repeat;position: absolute;right: 17px;top: 50%;margin-top: -4px;}
.logo_now {display: flex;align-items: center;}
.logo_now .cn_logo {height: 100px; padding: 5px;border: 1px solid #ddd;border-radius: 10px;}
.logo_now .cn_logo img {max-width: 100%;}
.logo_now .cn_name {font-size: 26px;color: #333333;font-weight: 600;margin-left: 20px;letter-spacing: -0.5px;}
.contact_form {border-top: 1px solid #ddd;}
.contact_form .field {display: flex;border-bottom: 1px solid #ddd;padding: 10px 0;}
.contact_form .th {font-size: 17px;color: #111;font-weight: 600;flex-shrink: 0;width: 309px;height: 40px;display: flex;align-items: center;}
.contact_form .td {flex-grow: 1;}
.contact_form .td .mar {margin-right: 10px;}
.contact_form .td .input::placeholder {font-size: 17px;color: #bcc0c4;font-weight: 400;}
.contact_form .td .input:focus {border: 1px solid #666;}
.contact_form .td .input,
.contact_form .td .select,
.contact_form .td .textarea {height: 40px;font-size: 17px;color: #333;font-weight: 400;border: 1px solid #ddd;border-radius: 3px;padding: 0 10px;outline: none;}
.contact_form .td .textarea {height: 100px;padding: 10px;}
.hp_wrap {display: flex;}
.hp_wrap .sel {flex-shrink: 0;width: 190px;}
.hp_wrap .inp {flex-grow: 1;padding-left: 10px;}
.caution {font-size: 15px;color: #666;font-weight: 400;display: flex;align-items: center;margin-top: 12px;}
.caution:before {content: '';display: block;width: 24px;height: 24px;background: url('../img/sub/ico_i.png') no-repeat 0 0;margin-right: 10px;}
.btn {display: flex;align-items: center;justify-content: center;height: 40px;border-radius: 5px;background-color: #777884;font-size: 16px;color: #fff;font-weight: 400;letter-spacing: -0.5px;outline: none;cursor: pointer;border: none;}
.cate_intxt {font-size: 17px;color: #5463e2;font-weight: 400;display: flex;align-items: center;height: 40px;}

.filebox {position: relative;-webkit-box-align: center;align-items: center;display: flex;}
.filebox .mar {margin-right: 10px;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox .upload-name {position: relative;z-index: 1;top: 0;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.btn-file {width: 165px;cursor: pointer;}
.btn-file:before {content: '';display: block;width: 11px;height: 20px;background: url('../img/sub/ico_up.png') no-repeat 0 0;margin-right: 10px;}
.filebox_mar {display: flex;align-items: center;}
.filebox_ex .filebox_mar {margin-bottom: 10px;}
.filebox_ex .filebox_mar:last-child {margin-bottom: 0;}
.cur_file {margin-left: 10px;}
.cur_file a {font-size: 17px;color: #333;font-weight: 400;text-decoration: underline;}

.calendar_box {-webkit-box-align: center;align-items: center;display: flex;}
.calendar_wrap .in_input {width: 100%;border: none;height: 100%;}
.calendar_wrap .cal {border-bottom-right-radius: 3px;border-top-right-radius: 3px;position: absolute;right: 0;top: 0;width: 34px;height: 100%;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;border-left: none;background-color: #fff;}
.calendar_wrap .cal img {width: 16px;}
.calendar_wrap {height: 40px;border: 1px solid #d8dadb;border-radius: 3px;padding-right: 34px;position: relative;}
.calendar_wrap .ainput {height: 100%;width: 100%;border: none;padding: 0 5px;}
.calendar_wrap.center {display: inline-flex;}

/*달력*/
.datepicker th.next {font-size: 0;text-indent: -9999px;}
.datepicker th.next:before {content: '';display: block;width: 16px;height: 16px;background: url('../img/sub/cal_arrow_next.png') no-repeat 0 0;margin-left: 5px;}
.datepicker th.prev {font-size: 0;text-indent: -9999px;}
.datepicker th.prev:before {content: '';display: block;width: 16px;height: 16px;background: url('../img/sub/cal_arrow_prev.png') no-repeat 0 0;margin-left: 5px;}
.datepicker .datepicker-days > table tr:nth-child(2) th {height: 40px;border-bottom: 1px solid #CCC;}
.datepicker .datepicker-days > table tr:nth-child(3) th {padding-top: 10px;}
.datepicker .datepicker-days > table tr td:first-child {color: #E1322D;}
.datepicker .datepicker-days > table tr td.old:first-child {color: #999;}
.datepicker .datepicker-days > table tr td.new:last-child {color: #999;}
.datepicker .datepicker-days > table tr td:last-child {color: #4F82F8;}
.datepicker-days {padding: 0 0 15px 0;}
.dropdown-menu {padding: 0;border-color: #999;border-radius: 10px;}
.datepicker .datepicker-switch {font-size: 16px;color: #000;font-weight: 500;}
.datepicker table thead tr:last-child th {padding-bottom: 5px;}
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {border-radius: 50%;background-color: #191919;color: #fff;background-image: none;}
.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {background-color: #191919;color: #fff;}
.datepicker td, .datepicker th {width: 28px;height: 28px;position: relative;}
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {border-radius: 50%;background-color: #4f82f8;color: #fff;background-image: none;}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {background-color: #4f82f8;color: #fff;}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {border-radius: 50%;}
.datepicker>div {width: 230px;}
.datepicker table {width: 190px;margin: 0 auto;}
.datepicker>div {display: block;}

.btn_area {display: flex;align-items: center;justify-content: center;}
.btn_area .btn {margin-right: 10px;width: 230px;height: 54px;}
.btn_area .btn:last-child {margin-right: 0;}

.btn-cancel {font-size: 16px;color: #333;font-weight: 400;border: 1px solid #000;background-color: #fff;border-radius: 10px;position: relative;overflow: hidden;text-align: center;}
.btn-cancel span {font-size: 16px;color: #fff;font-weight: 400;transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;height: 17px;display: block;z-index: 1;display: flex;width: 100%;justify-content: center;text-align: center;align-items: center;}
.btn-cancel span.off {color: #333;}
.btn-cancel span.on {color: #fff;opacity: 0;}
.btn-cancel .ct_b {display: block;position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;z-index: 1;border-radius: 5px;background-color: #000;}

.btn-submit {font-size: 16px;color: #fff;font-weight: 400;border: 1px solid #5463e2;background-color: #5463e2;border-radius: 10px;position: relative;overflow: hidden;text-align: center;}
.btn-submit span {font-size: 16px;color: #fff;font-weight: 400;transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;height: 17px;display: block;z-index: 1;display: flex;width: 100%;justify-content: center;text-align: center;align-items: center;}
.btn-submit span.off {color: #fff;}
.btn-submit span.on {color: #5463e2;opacity: 0;}
.btn-submit .ct_b {display: block;position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;z-index: 1;border-radius: 5px;background-color: #fff;}

.dflex {display: flex;align-items: center;}
.dflex.center {justify-content: center;}
.dflex img {margin-right: 15px;}
.dflex .mar {margin-right: 10px;}
.btn-down {width: 160px;}
.btn-down span:after {content: '';display: block;width: 16px;height: 18px;background-image: url('../img/sub/ico_down.png');margin-left: 10px;}
.btn-down span.off:after {background-position: -16px 0;}
.btn-down span.on:after {background-position: 0 0;}

.btn-send {width: 140px;margin-right: 10px;}
.btn-catal {width: 180px;margin-right: 10px;}

.con_product_sel {position: relative;}
.con_pro_link {background-color: #f5f7fb;border-radius: 10px;padding: 20px;display: flex;align-items: center;}
.con_pro_list {position: absolute;left: 0;top: 140px;background-color: #f5f7fb;width: 100%;border: 1px solid #ddd;height: 230px;overflow-y: auto;display: none;}
.con_product_sel.on .con_pro_list {display: block;}
.con_pro_list .con_pro_link {background-color: #fff;border-bottom: 1px solid #ddd;border-radius: 0;}
.con_pro_list .cnn_in {padding-right: 0;}
.con_pro_list .con_pro_link:hover {background-color: #f7f7f7;}
.cnn_in {display: flex;align-items: center;position: relative;padding-right: 90px;width: 100%;}
.cnn_arrow {position: absolute;right: 30px;top: 50%;margin-top: -9px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.con_product_sel.on .cnn_arrow {transform: rotate(180deg);}
.contact_now_name .img {flex-shrink: 0;width: 133px;}
.contact_now_name .inq_txt {width: 340px;}
.inq_box {border: 1px solid #ddd;border-radius: 15px;background-color: #fff;display: flex;align-items: center;justify-content: center;height: 90px;width: 320px;font-size: 15px;color: #333;font-weight: 500;}
.contact_now_name .text {flex-grow: 1;}
.contact_now_name .img_box { width: 100px;height:114px; border:1px solid #ddd;border-radius: 10px;background-color: #fff;display: flex;align-items: center;justify-content: center;padding: 10px;}
.contact_now_name .img_box img {width:100%; 
                                height:100%; 
                                object-fit:cover;}
.cnn_nm {font-size: 19px;color: #111111;font-weight: 600;margin-bottom: 10px;}
.cnn_txt {font-size: 17px;color: #111111;font-weight: 400;}
.hp_son_wrap {overflow: hidden;}
.hp_son_wrap .hp_son {float: left;width: 50%;}
.hp_son_wrap .hp_son.bar {padding-right: 20px;position: relative;}
.hp_son_wrap .hp_son.bar:after {content: '';display: block;width: 10px;height: 1px;position: absolute;right: 5px;top: 50%;background-color: #000;}

.popup_wrap {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 20000;}
.popup_box {display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.popup_box_in {width: 100%;padding: 0 20px;}
.popup_wrap:before {content: '';display: block;position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgb(0 0 0 / 40%);z-index: 1;}
.popup {background-color: #fff;border-radius: 20px;position: relative;z-index: 2;padding: 60px 30px 30px 30px;-webkit-box-shadow: 0 7px 18px rgb(0 0 0 / 30%);box-shadow: 0 7px 18px rgb(0 0 0 / 30%);}
.p_close {position: absolute;right: 30px;top: 20px;}
.p_close img {display: block;}
.p_tit {font-size: 25px;color: #333;font-weight: 600;text-align: center;letter-spacing: -0.5px;}
.popup_wrap .cate_wrap {margin-bottom: 10px !important;}
.popup_wrap .cate_wrap .cate_cell {width: 25%; margin-bottom: 20px !important;}
.popup_wrap .cate_wrap .cate_cell.on a .box .before_b {visibility: visible;opacity: 1;bottom: 0;}
.popup_wrap .cate_wrap .cate_cell.on a .box .off {opacity: 0;}
.popup_wrap .cate_wrap .cate_cell.on a .box .on {opacity: 1;}
.popup_wrap .cate_wrap a .box {overflow: inherit;}
.popup_wrap .cate_wrap a .box .box_in {overflow: hidden;width: 100%;height: 100%;position: relative;}

.icheck_wrap {display: flex;}
.icheck {display: flex;}
.icheck.center {justify-content: center;}
.icheck.mar {margin-right: 20px;}
.icheck input[type="checkbox"] {outline: none;border: none;background-color: #fff;-webkit-border-radius: 0;-webkit-appearance: none;display: none;}
.icheck input[type="checkbox"]:checked + label {background-position: 0 0;}
.icheck label {cursor: pointer;height: 27px;-webkit-box-align: center;align-items: center;display: flex;font-size: 18px;color: #222222;font-weight: 500;}
.icheck input[type="checkbox"] + label:before {content: "";width: 27px;display: inline-block;height: 27px;overflow: hidden;background-position: 0 0;background-image:url('../img/sub/ico_chk.svg');margin-right: 10px;}
.icheck input[type="checkbox"]:checked + label:before {background-position: -27px 0;}
.icheck.notxt {display:inline;}
.icheck.notxt input[type="checkbox"] + label:before {margin: 0;}
.icheck.notxt label {font-size: 0;text-indent: -9999px;justify-content: center;}

.iradio_wrap {display: flex;align-items: center;height: 40px;}
.iradio {display: flex;margin-right: 20px;}
.iradio_wrap .iradio:last-child {margin-right: 0;}
.iradio.center {justify-content: center;}
.iradio.mar {margin-right: 20px;}
.iradio input[type="radio"] {outline: none;border: none;background-color: #fff;-webkit-border-radius: 0;-webkit-appearance: none;display: none;}
.iradio input[type="radio"]:checked + label {background-position: 0 0;}
.iradio label {cursor: pointer;height: 27px;-webkit-box-align: center;align-items: center;display: flex;font-size: 18px;color: #222222;font-weight: 400;letter-spacing: -0.5px;}
.iradio input[type="radio"] + label:before {content: "";width: 20px;display: inline-block;height: 20px;overflow: hidden;background-position: 0 0;background-image:url('../img/sub/ico_radio.svg');margin-right: 10px;background-size: 40px auto;}
.iradio input[type="radio"]:checked + label:before {background-position: -20px 0;}
.iradio.notxt {display:inline-flex;}
.iradio.notxt input[type="radio"] + label:before {margin: 0;}
.iradio.notxt label {font-size: 0;text-indent: -9999px;}

.iradio_wrap.col {overflow: hidden;display: block;height: auto;}
.iradio_wrap.col .iradio {float: left;margin-right: 0;height: 40px;display: flex;align-items: center;}
.iradio_wrap.col6 .iradio {width: 50%;}
.iradio_wrap.col4 .iradio {width: 25%;}

.cate_wrap .icheck {position: absolute;left: -7px;top: -7px;z-index: 10;border: 1px solid #000;border-radius: 10px;}

.pinput {border: 1px solid #ddd;border-radius: 5px;height: 45px;width: 100%;padding: 0 10px;font-size: 15px;color: #000;font-weight: 500;}
.pop_search {position: relative;padding-right: 120px;}
.btn-wsearch {width: 110px;height: 45px;background-color: #000;font-size: 16px;color: #fff;font-weight: 500;position: absolute;right: 0;bottom: 0;}
.btn-search {width: 100%;height: 40px;font-size: 16px;color: #fff;font-weight: 500;}
.nation_wrap {border: 1px solid #ddd;overflow: hidden;}
.nation_wrap .area {float: left;width: 40%;border-right: 1px solid #ddd;}
.nation_wrap .country {float: left;width: 60%;}
.area ul li {border-bottom: 1px solid #ddd;}
.area ul li:last-child {border-bottom: none;}
.area ul li a {height: 50px;font-size: 14px;color: #333;font-weight: 500;display: flex;align-items: center;padding-left: 25px;letter-spacing: -0.5px;}
.area ul li a:hover,
.area ul li.on a {background-color: #ececec;color: #5463e2;}
.country {height: 460px;overflow-y: auto;}
.country ul li {border-bottom: 1px solid #ddd;}
.country ul li:last-child {border-bottom: none;}
.country ul li a {height: 50px;font-size: 14px;color: #333;font-weight: 500;display: flex;align-items: center;padding-left: 15px;letter-spacing: -0.5px;}
.country ul li a img {margin-right: 10px;}
.country ul li a:hover,
.country ul li.on a {background-color: #ececec;color: #5463e2;}
.btn-pdf {width: 140px;}
.btn-pdf:hover {background-color: #ececec;}
.pro_detail .field {display: flex;margin-bottom: 10px;}
.pro_detail .field:last-child {margin-bottom: 0;}
.pro_detail .field .th {flex-shrink: 0;font-size: 20px;color: #333;font-weight: 600;line-height: 1.5;letter-spacing: -0.5px;display: flex;align-items: center;}
.pro_detail .field .td {padding-left: 10px;flex-grow: 1;font-size: 20px;color: #111;font-weight: 300;line-height: 1.5;letter-spacing: -0.5px;display: flex;align-items: center;}
.order_num_wrap {display: flex;align-items: center;justify-content: end;}
.order_num {display: flex;align-items: center;}
.order_num span {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;background-color: #fff;font-size: 15px;color: #000;font-weight: 500;border: 1px solid #ddd;margin-right: 10px;}
.order_num span.on {background-color: #5463e2;color: #fff;border-color: #5463e2;}
.order_num span:last-child {margin-right: 0;}
.sub_blue_tit {color: #5463e2;font-size: 23px;font-weight: 600;letter-spacing: -0.5px;}
.etc_input {margin-top: 10px;}
.etc_input span {font-size: 17px;color: #000;font-weight: 500;display: inline-block;margin-right: 10px;}

.contact_form .field.full {display: block;}
.contact_form .field.full .th {width: auto;margin-bottom: 10px;}

.d_table {border-collapse:collapse;border-spacing:0;width: 100%;}
.d_table td,
.d_table th {border: 1px solid #dddddd;vertical-align: middle;padding: 15px 15px;color: #333333;text-align: center;}
.d_table td {font-weight: 400;font-size: 16px;}
.d_table th {background-color: #e9f0fc;font-weight: 700;font-size: 16px;}
.d_table .tleft {text-align: left;}
.d_table .tright {text-align: right;}
.d_table a,
.d_table .link {font-size: 17px;color: #333333;font-weight: 500;text-decoration: underline;}
.d_table .link:hover {text-decoration: underline;}
.d_table .tr_link {cursor: pointer;}

.participating_list {overflow: hidden;}
.supp_list {display: flex;align-items: center;justify-content: center;}

.btn-list {font-size: 16px;color: #5463e2;font-weight: 400;border: 2px solid #5463e2;background-color: #fff;border-radius: 10px;position: relative;overflow: hidden;text-align: center;width: 230px;height: 54px;}
.btn-list span {font-size: 16px;color: #5463e2;font-weight: 400;transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;height: 17px;display: block;z-index: 1;display: flex;width: 100%;justify-content: center;text-align: center;align-items: center;}
.btn-list span.off {color: #5463e2;}
.btn-list span.on {color: #fff;opacity: 0;}
.btn-list .ct_b {display: block;position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;z-index: 1;border-radius: 5px;background-color: #5463e2;}

.invit_wrap {display: flex;}
.invit_wrap .img {flex-shrink: 0;width: 323px;}
.invit_wrap .img img {border-radius: 10px;}
.invit_wrap .text {flex-grow: 1;padding-left: 50px;position: relative;padding-bottom: 50px;}
.invit_wrap .text .p_name {font-size: 26px;color: #333;font-weight: 600;margin-bottom: 10px;letter-spacing: -0.5px;}
.invit_wrap .text .p_txt {font-size: 17px;color: #111;font-weight: 400;margin-bottom: 25px;letter-spacing: -0.5px;}
.invit_wrap .text ul li {display: flex;margin-bottom: 25px;}
.invit_wrap .text ul li .th {flex-shrink: 0;font-size: 17px;color: #333;font-weight: 600;line-height: 1.5;letter-spacing: -0.5px;display: flex;align-items: center;}
.invit_wrap .text ul li .th.vtop {align-items: start;}
.invit_wrap .text ul li .td {padding-left: 10px;flex-grow: 1;font-size: 17px;color: #111;font-weight: 300;line-height: 1.5;letter-spacing: -0.5px;display: flex;align-items: center;}
.invit_btn {position: absolute;left: 50px;bottom: 0;display: flex;align-items: center;justify-content: center;width: 100%;}
.invit_btn .btn-send {margin-right: 0;width: 278px;height: 55px;}
.invit_btn.btn_only {position: static;display: flex;align-items: center;justify-content: center;}
.invit_btn.btn_only .btn-send {width: 160px;height: 50px;font-size: 18px;}
.btn-send.nomar {margin-right: 0;}
p {font-size: 18px;color: #333;font-weight: 400;line-height: 1.5;letter-spacing: -0.5px;}
.sp_tit {font-size: 20px;color: #000;font-weight: 600;line-height: 1.5;letter-spacing: -0.5px;}
.sp_btit {font-size: 22px;color: #000;font-weight: 600;line-height: 1.5;letter-spacing: -0.5px;}
.txtleft {text-align: left;}
.year_search_box {display: flex;align-items: center;justify-content: end;}
.year_search_box .select {height: 40px;border: none;padding: 0 10px;font-size: 17px;color: #333;font-weight: 500;width: 132px;border-bottom: 2px solid #000;}
.year_search_box .submit {width: 46px;height: 40px;background-color: #73757b;position: absolute;right: 0;top: 0;border-radius: 5px;font-size: 0;text-indent: -9999px;background-image: url('../img/sub/ico_bsearch.png');background-repeat: no-repeat;background-position: center center;}
.year_search {position: relative;padding-right: 53px;}
.history_list {overflow: hidden;margin-left: -15px;margin-right: -15px;}
.history_list .item {float: left;width: 25%;padding: 0 15px;margin-bottom: 30px;}
.history_list .box {border: 1px solid #ddd;padding: 25px;display: block;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;border-radius: 15px;}
.history_list .box .img {overflow: hidden;border-radius: 10px;}
.history_list .box .img img {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;border-radius: 10px;}
.history_list .box:hover {box-shadow: 0 1px 5px rgb(0 0 0 / 10%);}
.history_list .box:hover .img img {transform: scale(1.05);}
.history_list .box .tit {font-size: 20px;color: #111;font-weight: 600;margin: 23px 0 40px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 75px;}
.history_list .box .date {font-size: 17px;color: #666666;font-weight: 300;}
.history_tit {font-size: 22px;color: #333333;font-weight: 700;display: flex;align-items: center;}
.history_tit:before {content: '';display: block;width: 7px;height: 13px;background: url('../img/sub/ico_bl.png') no-repeat 0 0;margin-right: 8px;}
.page_wrap {margin: 60px 0 0 0;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;position: relative;}


.page_nation {-webkit-box-align: center;align-items: center;display: flex;justify-content: center;}
.page_nation a {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;display:block;margin:0 3px;float:left;width:34px;height:34px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;text-align:center;font-size:16px;color:#333333;font-weight: 500;text-decoration:none;letter-spacing: -1px;border-radius: 5px;line-height: 1;}
.page_nation .pprev {background:#fff url('../img/sub/page_pprev.png') no-repeat center center;}
.page_nation .prev {margin-right: 15px;background:#fff url('../img/sub/page_prev.png') no-repeat center center;}
.page_nation .next {margin-left: 15px;background:#fff url('../img/sub/page_next.png') no-repeat center center;}
.page_nation .nnext {background:#fff url('../img/sub/page_nnext.png') no-repeat center center;}
.page_nation .pprev:hover,
.page_nation .prev:hover,
.page_nation .next:hover,
.page_nation .nnext:hover {background-color: #fff;}
.page_nation a:hover,
.page_nation a.active {background-color:#5d5e65;color:#fff;}

.sub_tab:before {content: '';display: table;}
.sub_tab:after {content: '';display: table;clear: both;}
.sub_tab {border-radius: 10px;background-color: #f8f9fb;display: flex;align-items: center;justify-content: center;}
.sub_tab .st_item {width: 100%;}
.sub_tab .st_item a {font-size: 20px;color: #777777;font-weight: 600;text-align: center;display: flex;align-items: center;justify-content: center;height: 68px;transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;}
.sub_tab .st_item a:hover,
.sub_tab .st_item a.on {background-color: #fff;border-radius: 10px;box-shadow: 3px 0 8px rgb(0 0 0 / 30%);color: #5463e2;border: 2px solid #5463e2;}
.b_count {font-size: 16px;color: #333;font-weight: 400;}
.b_count strong {color: #5463e2;font-weight: 600;}
.g_search_box {display: flex;align-items: center;justify-content: end;}
.calendar_search {display: flex;align-items: center;margin-right: 30px;}

.g_search input {height: 40px;border: none;font-size: 17px;color: #333333;font-weight: 500;width: 100%;border-bottom: 2px solid #333333;}
.g_search select {height: 40px;border: none;font-size: 17px;color: #333333;font-weight: 500;width: 100%;border-bottom: 2px solid #333333;}
.g_search {display: flex;align-items: center;}
.g_search .sel {width: 130px;margin-right: 13px;}
.g_search .input {width: 260px;margin-right: 10px;}
.g_search .input input::placeholder {font-size: 17px;color: #adb0b5;font-weight: 400;}
.g_search .submit input {width: 46px;height: 40px;background-color: #73757b;border-radius: 5px;font-size: 0;text-indent: -9999px;background-image: url('../img/sub/ico_bsearch.png');background-repeat: no-repeat;background-position: center center;}

.mobile_list {border-top: 1px solid #000;}
.mobile_list li {border-bottom: 1px solid #ddd;padding: 22px 117px 22px 106px;position: relative;display: flex;}
.mobile_list .num {width: 60px;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;height: 100%;font-size: 17px;color: #666666;font-weight: 400;}
.mobile_list .tit a.link {font-size: 20px;color: #333333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.mobile_list .tit a:hover {text-decoration: underline;}
.mobile_list .date {width: 150px;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;top: 0;height: 100%;font-size: 17px;color: #666666;font-weight: 400;}
.visible-xs {display: none;}

/* .cate_box {border: 1px solid #ddd;border-radius: 10px 10px 0 0;padding: 25px 35px;background-color: #fff;}
.cb_logo {border: 1px solid #ddd;border-radius: 16px;height: 115px;display: flex;align-items: center;justify-content: center;margin-bottom: 14px;padding: 10px 5px;flex-direction: column;position: relative;overflow: hidden;}
.cb_logo:hover .sim_btn {opacity: 1;}
.cb_iname {font-size: 20px;color: #333333;font-weight: 500;letter-spacing: -0.5px;margin-top: 1px;}
.cb_ilogo img {max-width: 100%;}
.cb_cate {display: flex;align-items: center;margin-bottom: 25px;}
.cb_cate .cate {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 10px;border: 1px solid #ddd;margin-right: 4px;flex-wrap: wrap;}
.cb_cate .cate:last-child {margin-right: 0;}
.cb_cate .cate:before {content: '';display: block;background-size: auto 22px;height: 22px;}
.cb_cate .cate.cate1:before {background-image: url('../img/main/m_ico1.png');width: 19px;}
.cb_cate .cate.cate2:before {background-image: url('../img/main/m_ico2.png');width: 15px;}
.cb_cate .cate.cate3:before {background-image: url('../img/main/m_ico3.png');width: 18px;}
.cb_cate .cate.cate4:before {background-image: url('../img/main/m_ico4.png');width: 21px;}
.cb_cate .cate.cate5:before {background-image: url('../img/main/m_ico5.png');width: 18px;}
.cb_cate .cate.cate6:before {background-image: url('../img/main/m_ico6.png');width: 21px;}
.cb_cate .cate.cate7:before {background-image: url('../img/main/m_ico7.png');width: 19px;}
.cb_cate .cate.cate8:before {background-image: url('../img/main/m_ico8.png');width: 15px;} */

.my_company {overflow: hidden;margin-left: -15px;margin-right: -15px;}
.my_company .item {width: 25%;float: left;margin-bottom: 30px;padding-left: 15px;padding-right: 15px;}
.btn_my a {display: flex;align-items: center;height: 40px;background-color: #e7ecfa;border-radius: 10px;margin-bottom: 6px;font-size: 15px;color: #333333;font-weight: 500;padding: 0 18px;position: relative;letter-spacing: -0.5px;text-align: center;justify-content: center;}
.btn_my a:last-child {margin-bottom: 0;}
.btn_my a:hover {background-color: #5463e2;color: #fff;}
.d_table a.btn-rewrite {color: #fff;width: 120px;margin: 0 auto;}
.d_table a.btn {text-decoration: none;}
.table_scroll {overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;}
.login_tit {font-size: 56px;color: #111111;font-weight: 700;text-align: center;margin-top: 50px;}
.sub_text {text-align: center;font-size: 20px;color: #333;font-weight: 500;line-height: 1.7;letter-spacing: -0.5px;}
.sub_text strong {font-size: 26px;font-weight: 700;}
.chk_btnin {position: relative;padding-right: 120px;}
.chk_btnin .btn {position: absolute;right: 0;top: 0;width: 110px;}
.certi_num {margin-top: 20px;}
.ct_txt {font-size: 15px;color: #333;font-weight: 400;margin-top: 10px;}
.gap_wrap {overflow: hidden;margin-left: -5px;margin-right: -5px;}
.gap_wrap .gap_cell {float: left;padding: 0 5px;}
.gap_wrap .gap_cell.gc6 {width: 60%;}
.gap_wrap .gap_cell.gc4 {width: 40%;}
.contact_form.join_form {margin-left: auto;margin-right: auto;width: 100%;max-width: 800px;}
.contact_form.join_form .th {width: 200px;}
.btn-del {width: 25px;height: 25px;border: 1px solid #ddd;border-radius: 3px;margin-left: 14px;display: inline-block;background-image: url(../img/sub/material-symbols_close.svg);background-repeat: no-repeat;background-position: center center;background-size: 11px auto;cursor: pointer;}
.choose_products {margin-top: 20px;display: flex;align-items: center;gap: 15px;flex-wrap: wrap;}
.choose_products .ch {display: flex;align-items: center;font-size: 16px;color: #111;font-weight: 500;}
.privacy_wrap {display: flex;align-items: center;margin-top: 30px;}
.privacy_txt {margin-left: 15px;font-size: 16px;color: #333;font-weight: 500;}
.privacy_txt a:hover {text-decoration: underline;}
.fair_list {margin-left: -15px;margin-right: -15px;}
.fair_list:before {content: '';display: table;}
.fair_list:after {content: '';display: table;clear: both;}
.fair_list .item {float: left;width: 25%;padding-left: 15px;padding-right: 15px;margin-bottom: 30px;}
.fair_list .box {border: 1px solid #ddd;padding: 25px;border-radius: 20px;}
.fair_list .box .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 15px;}
.fair_list .box .img {display: block;position: relative;height: 140px;overflow: hidden;margin-bottom: 20px;}
.fair_list .box .img::after {display: block;content: "";padding-bottom: 100%;}
.ddac_wrap {display: flex;align-items: center;gap: 4px;margin-bottom: 20px;}
.ddac_wrap span {display: flex;align-items: center;justify-content: center;padding: 0 10px;height: 22px;border-radius: 5px;font-size: 14px;font-weight: 500;}
.ddac_wrap span.ddac_fair {background-color: #d8e2fc;color: #683dd5;}
.ddac_wrap span.ddac_korex {background-color: #cbf1fd;color: #1759aa;}
.ddac_wrap span.ddac_overex {background-color: #fcf0d8;color: #f76f0c;}
.ddac_wrap span.ddac_exhi {background-color: #d1f3cc;color: #41813e;}
.seed_wrap {display: flex;align-items: center;gap: 4px;}
.seed_wrap span {display: flex;align-items: center;justify-content: center;padding: 0 10px;height: 22px;border-radius: 5px;font-size: 14px;color: #fff;font-weight: 400;background-color: #5eb4be;}
.fl_tit {font-size: 20px;color: #333;font-weight: 700;margin: 25px 0 15px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;letter-spacing: -0.5px;}
.fl_date {font-size: 17px;color: #333333;font-weight: 400;}
.fl_btn {margin-top: 30px;}
.fl_btn a {display: flex;align-items: center;height: 40px;background-color: #e7ecfa;border-radius: 10px;margin-bottom: 6px;font-size: 15px;color: #333333;font-weight: 400;padding: 0 18px;position: relative;letter-spacing: -0.5px;}
.fl_btn a:after {content: '';display: block;width: 6px;height: 9px;background-image: url(../img/sub/link_arrow.png);background-position: 0 0;background-repeat: no-repeat;position: absolute;right: 17px;top: 50%;margin-top: -4px;}
.fl_btn a:hover:after {background-position: -6px 0;}
.fl_btn a:hover {background-color: #5463e2;color: #fff;}

.buyer_box {background-color: #f5f7fb;border-radius: 10px;padding: 30px;}
.buyer_box .ddac_wrap {margin-bottom: 0;margin-right: 10px;}
.buyer_tit {font-size: 26px;color: #333333;font-weight: 700;}
.pro_tit_wrap {padding: 40px 0 25px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;text-align: center;}
.pro_tit_wrap .tit {font-size: 26px;color: #222222;font-weight: 700;letter-spacing: -0.5px;margin-bottom: 13px;}
.pro_tit_wrap .date {font-size: 17px;color: #666666;font-weight: 400;letter-spacing: -0.5px;}
.pro_cont {padding-bottom: 50px;border-bottom: 1px solid #ddd;}
.pro_cont p {font-size: 17px;color: #333333;font-weight: 400;line-height: 1.7;}
.pro_roll_wrap {margin-top: 45px;}
.pro_roll {max-width: 840px;margin: 0 auto;position: relative;}
.pro_roll .item {border-radius: 15px;}
.pro_roll .item img {border-radius: 15px;}
.pro_roll .owl-carousel .owl-nav button.owl-next,
.pro_roll .owl-carousel .owl-nav button.owl-prev {width: 26px;height: 42px;background-repeat: no-repeat;background-position: center center;position: absolute;top: 50%;margin-top: -21px;z-index: 10;}
.pro_roll .owl-carousel .owl-nav button.owl-prev {left: -60px;background-image: url('../img/sub/sc_prev.png');}
.pro_roll .owl-carousel .owl-nav button.owl-next {right: -60px;background-image: url('../img/sub/sc_next.png');}
.pro_roll .owl-carousel .owl-nav button.owl-next span,
.pro_roll .owl-carousel .owl-nav button.owl-prev span {display: none;}
.pro_roll .owl-dots {display: flex;align-items: center;justify-content: center;gap: 5px;margin-top: 20px;}
.pro_roll .owl-carousel button.owl-dot {width: 12px;height: 12px;border-radius: 50%;background-color: #e1dfdf;display: flex;align-items: center;justify-content: center;}
.pro_roll .owl-carousel button.owl-dot.active {background-color: #5463e2;}
.board_file {display: flex;border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.board_file .th {flex-shrink: 0;width: 170px;font-size: 17px;color: #111111;font-weight: 600;letter-spacing: -0.5px;}
.board_file .td {flex-grow: 1;font-size: 17px;color: #333333;font-weight: 400;letter-spacing: -0.5px;}
.board_file .td a {font-size: 17px;color: #333333;font-weight: 400;letter-spacing: -0.5px;}
.board_file .td a:hover {text-decoration: underline;}
.board_cont {padding: 30px 30px;font-size: 17px;color: #333333;font-weight: 400;line-height: 1.7;border-bottom: 1px solid #ddd;}
.board_cont img {
    max-width: 100%;
    height: auto;
    display: block;
}

.prevnext {display: flex;border-bottom: 1px solid #ddd;padding: 25px 0;}
.prevnext .th {flex-shrink: 0;width: 170px;font-size: 17px;color: #111111;font-weight: 600;letter-spacing: -0.5px;}
.prevnext .td {flex-grow: 1;font-size: 17px;color: #333333;font-weight: 400;letter-spacing: -0.5px;}
.prevnext .td a {font-size: 17px;color: #333333;font-weight: 400;letter-spacing: -0.5px;}

.login_box {max-width: 525px;width: 100%;margin: 0 auto;}
.login_form .mar {margin-bottom: 15px;}
.login_form .mar2 {margin-bottom: 50px;}
.login_form .input {height: 75px;border: none;border-bottom: 2px solid #ddd;width: 100%;outline: none;font-size: 20px;color: #333333;font-weight: 600;}
.login_form .input::placeholder {font-size: 20px;color: #999;font-weight: 600;}

.btn-roll {position: relative;overflow: hidden;}
.btn-roll span {font-size: 20px;color: #fff;font-weight: 400;transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;height: 17px;display: block;z-index: 1;display: flex;width: 100%;justify-content: center;text-align: center;align-items: center;}
.btn-roll .ct_b {display: block;position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;z-index: 1;border-radius: 8px;}

.btn-login {margin-bottom: 20px;height: 70px;background-color: #5463e2;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #fff;font-weight: 700;width: 100%;border: none;border-radius: 10px;cursor: pointer;border: 2px solid #5463e2;}
.btn-login span {color: #fff;}
.btn-login.hover span {color: #5463e2;}
.btn-login .ct_b {background-color: #fff;}

.btn-join {height: 70px;background-color: #fff;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #fff;font-weight: 700;width: 100%;border: none;border-radius: 10px;cursor: pointer;border: 2px solid #5463e2;}
.btn-join span {color: #5463e2;}
.btn-join span:before {margin-right: 10px;content: '';display: block;background-image: url('../img/sub/ico_man.png');background-repeat: no-repeat;background-position: 0 0;width: 27px;height: 27px;}
.btn-join.hover span {color: #fff;}
.btn-join.hover span:before {background-position: -27px 0;}
.btn-join .ct_b {background-color: #5463e2;}

.login_loss {display: flex;align-items: center;justify-content: space-between;margin-top: 34px;}
.login_loss .passw {font-size: 17px;color: #333333;font-weight: 400;display: flex;align-items: center;letter-spacing: -0.5px;}
.login_loss .passw:before {content: '';display: block;width: 24px;height: 24px;background: url('../img/sub/ico_neu.png') no-repeat 0 0;margin-right: 10px;}
.login_loss .find a {font-size: 17px;color: #333333;font-weight: 400;display: flex;align-items: center;letter-spacing: -0.5px;}
.login_loss .find a:hover {text-decoration: underline;}
.login_loss .find a:before {content: '';display: block;width: 15px;height: 11px;background: url('../img/sub/ico_login_arrow.png') no-repeat 0 0;margin-right: 10px;}

.about_img {display: flex;}
.about_img .img {width: 655px;flex-shrink: 0;}
.about_img .txt {flex-grow: 1;padding-top: 30px;padding-left: 70px;}
.company_list_wrap {background-color: #fbfbfb;padding: 0 0 0 0;border: 1px solid #ddd;border-radius: 10px;}
.company_list {height: 250px;overflow-y: auto;}
.company_list ul li {border-bottom: 1px solid #ddd;}
.com_sel {display: flex;align-items: center;padding: 10px;border-radius: 10px;}
.com_sel:hover {background-color: #fff;}
.com_sel .icheck {margin-right: 15px;}
.com_sel .img {margin-right: 15px;border: 1px solid #ddd;border-radius: 10px;padding: 5px;background-color: #fff;}
.com_sel .img img {width: 150px;}
.com_sel .nm {font-size: 18px;color: #333;font-weight: 600;}

.fcblue {color: #5463e2;}
.wfull {width: 100%;}
.w600 {width: 100%;max-width: 600px;}
.w558 {width: 100%;max-width: 558px;}
.w510 {width: 100%;max-width: 510px;}
.w500 {width: 100%;max-width: 500px;}
.w400 {width: 100%;max-width: 400px;}
.w380 {width: 100%;max-width: 380px;}
.w194 {width: 100%;max-width: 194px;}
.w150 {width: 100%;max-width: 150px;}
.w180 {width: 100%;max-width: 180px;}
.mw1000 {width: 100%;max-width: 1000px;}
.mw700 {width: 100%;max-width: 700px;}

/* pdf 용 */
.mwPdf {width: 50%;max-width: 1000px;height:90%; }

@media (max-width: 1619px) {
    .similar_roll .owl-carousel .owl-nav button.owl-prev {left: -30px;}
    .similar_roll .owl-carousel .owl-nav button.owl-next {right: -30px;}
    .about_img .txt {padding-left: 50px;}
    .sp_btit {font-size: 20px;}
    .sp_tit {font-size: 18px;}
    p {font-size: 16px;}
}

@media (max-width: 1399px) {
    .s_list .item {width: 33.333333333%;}
    .siv_btn a.contact,
    .siv_btn a.catalog {width: 240px;}
    .product_roll .owl-carousel .owl-nav button.owl-prev {left: -30px;}
    .product_roll .owl-carousel .owl-nav button.owl-next {right: -30px;}
    .table_scroll .nw1200 {width: 1200px;}
    .sub_tab .st_item a {font-size: 18px;}
    .mobile_list .tit a.link {font-size: 18px;}
    .about_img .img {width: 490px;}
    .about_img .txt {padding-top: 10px;padding-left: 30px;}
    .sp_btit {font-size: 18px;}
    .sp_tit {font-size: 16px;}
    p {font-size: 15px;}
}

@media (max-width: 1199px) {
    .location_wrap {padding: 20px 0 30px 0;}
    .sub_tit {font-size: 30px;margin-bottom: 20px;}
    .sub_stit {font-size: 25px;}
    .supplers_logo .logo .logo_box {width: 250px;}
    .supplers_logo .logo {width: 275px;}
    .supplers_info_wrap .img {width: 400px;}
    .sl_tit {font-size: 23px;margin-bottom: 10px;}
    .sl_txt {font-size: 16px;}
    .supplers_info_wrap .info {padding-left: 25px;}
    .supplers_info_wrap .info ul li {margin-bottom: 10px;}
    .supplers_info_wrap .info ul li .th,
    .supplers_info_wrap .info ul li .td {font-size: 15px;line-height: 1.3;}
    .siv_btn a.contact,
    .siv_btn a.catalog {font-size: 13px;width: 200px;}
    .siv_btn a.contact:before,
    .siv_btn a.catalog:before {margin-right: 15px;}
    .product_list .box {padding: 15px;}
    .siv_btn a.catalog span:before {margin-right: 10px;}
    .btn-catal {width: 160px;}
    .btn-send {width: 120px;}
    .product_roll .owl-carousel .owl-nav button.owl-prev {left: -10px;}
    .product_roll .owl-carousel .owl-nav button.owl-next {right: -10px;}
    .iradio_wrap.col4 .iradio {width: 33.333333333%;}
    .participating_list {margin-left: -5px;margin-right: -5px;}
    .participating_list .item {padding-left: 5px;padding-right: 5px;}
    .history_list .box .tit {font-size: 16px;}
    .history_list {margin-left: -10px;margin-right: -10px;}
    .history_list .box {padding: 15px;}
    .history_list .item {padding-left: 10px;padding-right: 10px;margin-bottom: 20px;}
    .sub_tab .st_item a {font-size: 18px;height: 55px;}
    .my_company .item {width: 33.333333333%;}
    .fair_list .item {width: 33.333333333%;}
    .buyer_tit {font-size: 23px;}
    .login_tit {font-size: 48px;margin-top: 30px;}
    .about_img {display: block;}
    .about_img .img {margin-bottom: 20px;width: auto;}
    .about_img .txt {padding-top: 0;padding-left: 0;}
}

@media (max-width: 991px) {
    .sub_tab.xshalf {flex-wrap: wrap;}
    .sub_tab.xshalf .st_item {width: 50%;}
    .cb_logo_s {margin-bottom: 10px;}
    .cb_cate {margin-bottom: 10px;}
    .cb_p_img {margin: 0 -5px;}
    .cb_p_img .cb_item {padding: 0 5px;}
    .cb_box {height: 110px;}
    .cate_box_s {padding: 15px 20px;}
    .s_list .item {width: 50%;}
    .sub_tit {font-size: 26px;margin-bottom: 15px;}
    .sub_stit {font-size: 22px;}
    .supplers_logo {display: block;}
    .supplers_logo .logo {width: auto;margin-bottom: 20px;}
    .supplers_info_wrap {display: block;}
    .supplers_info_wrap .img {width: auto;margin-bottom: 30px;}
    .supplers_info_wrap .info {padding-left: 0;}
    .siv_btn {position: static;margin-top: 40px;justify-content: start;}
    .product_list .item {width: 50%;}
    .logo_now .cn_name {font-size: 20px;}
    .contact_form .th {font-size: 14px;width: 250px;}
    .btn {font-size: 14px;}
    .contact_form .td .input, .contact_form .td .select, .contact_form .td .textarea {font-size: 14px;}
    .contact_form .field {display: block;}
    .contact_form .td .input::placeholder {font-size: 14px;}

    .sim_btn {position: static;display: flex;align-items: center;justify-content: center;gap: 5px;flex-direction: initial;background-color: #fff;margin-top: 10px;opacity: 1;height: auto;}
    .sim_btn a {margin-bottom: 0;}
    .cb_logo_s {height: 145px;}
    .sim_btn a {font-size: 12px;padding: 0 5px;justify-content: center;height: 35px;}
    .sim_btn a.cat:after,
    .sim_btn a.com:after {display: none;}
    .supplers_info_wrap .img .img_in {height: auto;}
    .pro_detail .field .th,
    .pro_detail .field .td {font-size: 16px;}
    .supplers_info_wrap .info .p_name {font-size: 20px;}
    .supplers_info_wrap .info .p_txt {font-size: 16px;}
    .d_table td, .d_table th {padding: 8px 10px;}
    .d_table th,
    .d_table td {font-size: 13px;}
    .iradio label {font-size: 13px;}
    .cate_intxt {font-size: 13px;}
    .sub_blue_tit {font-size: 20px;}
    .caution {font-size: 13px;}
    .cur_file a {font-size: 13px;}
    .btn_area .btn {width: 160px;height: 45px;}
    .contact_now_name.inqin .cnn_in {padding-right: 0;display: block;}
    .contact_now_name .inq_txt {margin-bottom: 15px;}
    .invit_wrap .img {width: 180px;}
    .invit_wrap .text .p_name {font-size: 20px;margin-bottom: 5px;}
    .invit_wrap .text .p_txt {font-size: 15px;}
    .invit_wrap .text {padding-left: 30px;}
    .invit_wrap .text ul li .th {font-size: 15px;}
    .invit_wrap .text ul li .td {font-size: 15px;}
    .participating_list .item {width: 50%;margin-bottom: 10px;}
    .invit_btn {left: 30px;}
    .history_list .item {width: 33.333333333%;}
    .sub_tab .st_item a {font-size: 16px;height: 50px;}
    .visible-xs {display: block;}
    .hidden-xs {display: none;}
    .g_search_box {display: block;}
    .calendar_search {margin-bottom: 10px;}
    .my_company .item {width: 50%;}
    .sub_text {font-size: 19px;}
    .fair_list .item {width: 50%;}
    .invit_btn .btn-send {width: 150px;height: 45px;}
    .btn-list {width: 150px;height: 45px;}
    .buyer_tit {font-size: 20px;}
    .history_list .box .tit {height: 61px;}
    .pro_roll .owl-carousel .owl-nav button.owl-prev {left: -25px;}
    .pro_roll .owl-carousel .owl-nav button.owl-next {right: -25px;}
    .pro_roll .owl-carousel .owl-nav button.owl-next,
    .pro_roll .owl-carousel .owl-nav button.owl-prev {width: 50px;height: 50px;background-color: rgb(255 255 255 / 80%);border-radius: 50%;background-size: 13px auto;box-shadow: 0 1px 5px rgb(0 0 0 / 10%);border: 1px solid rgb(0 0 0 / 30%);margin-top: -25px;}
    .mobile_list .num {width: 50px;font-size: 15px;}
    .mobile_list .date {font-size: 15px;}
    .mobile_list li {padding: 22px 117px 22px 70px;}
    .mobile_list .tit a.link {font-size: 17px;}
    
    /* 제품이미지 스크롤 */
    .image_roll .owl-carousel .owl-nav button.owl-prev {left: -25px;}
    .image_roll .owl-carousel .owl-nav button.owl-next {right: -25px;}
    .image_roll .owl-carousel .owl-nav button.owl-next,
    .image_roll .owl-carousel .owl-nav button.owl-prev {width: 50px;height: 50px;background-color: rgb(255 255 255 / 80%);border-radius: 50%;background-size: 13px auto;box-shadow: 0 1px 5px rgb(0 0 0 / 10%);border: 1px solid rgb(0 0 0 / 30%);margin-top: -25px;}
}

@media (max-width: 767px) {
    .cb_iname {font-size: 15px;}
    .s_list {margin-left: -10px;margin-right: -10px;}
    .s_list .item {padding-left: 10px;padding-right: 10px;margin-bottom: 20px;}
    .supplers_logo .logo .logo_box {height: 80px;}
    .supplers_logo_wrap {margin-bottom: 25px;}
    .similar_roll .owl-carousel .owl-nav button.owl-prev {left: 0;}
    .similar_roll .owl-carousel .owl-nav button.owl-next {right: 0;}
    .caution {font-size: 13px;}
    .cate_intxt {font-size: 13px;}
    .contact_now_name {padding: 10px;}
    .contact_now_name .img_box {width: 80px;height: 80px;}
    .contact_now_name .img {width: 100px;}
    .cnn_nm {font-size: 16px;}
    .cnn_txt {font-size: 14px;}
    .cnn_arrow {margin-top: -7px;right: 10px;}
    .cnn_arrow img {width: 14px;}
    .cnn_in {padding-right: 34px;}
    .area ul li a {height: 40px;font-size: 13px;padding-left: 15px;}
    .country ul li a {height: 40px;font-size: 13px;padding-left: 10px;}
    .country {height: 368px;}
    .supplers_info_wrap .info .p_name {font-size: 18px;}
    .supplers_info_wrap .info .p_txt {font-size: 15px;}
    .contact_form .th {height: auto;line-height: 1.5;}
    .invit_wrap {display: block;}
    .invit_wrap .img {margin-bottom: 20px;}
    .invit_wrap .text {padding-left: 0;}
    .invit_btn {position: static;}
    .invit_wrap .text {padding-bottom: 0;}
    .invit_btn.btn_only .btn-send {width: 120px;height: 40px;}
    .s_list .btn-submit {width: 120px;height: 40px;}
    p {font-size: 15px;}
    .sp_tit {font-size: 16px;}
    .history_list .item {width: 50%;}
    .history_tit {font-size: 20px;}
    .sub_tab .st_item a {font-size: 15px;height: 45px;}
    .b_count {font-size: 16px;}
    .my_company {margin-left: -10px;margin-right: -10px;}
    .my_company .item {padding-left: 10px;padding-right: 10px;}
    .sim_btn {padding: 0 5px;}
    .privacy_txt {font-size: 14px;}
    .sub_text {font-size: 17px;}
    .choose_products .ch {font-size: 14px;}
    .fair_list {margin-left: -10px;margin-right: -10px;}
    .fair_list .item {padding-left: 10px;padding-right: 10px;margin-bottom: 20px;}
    .fair_list .box {padding: 10px;}
    .ddac_wrap span {font-size: 12px;}
    .ddac_wrap {margin-bottom: 10px;}
    .seed_wrap span {font-size: 12px;}
    .fl_tit {font-size: 18px;margin: 15px 0 10px 0;}
    .fl_date {font-size: 15px;}
    .fl_btn {margin-top: 15px;}
    .buyer_box {padding: 15px;}
    .buyer_tit {font-size: 18px;}
    .s_more a {width: 150px;height: 50px;}
    .s_more a span {font-size: 14px;}
    .pro_tit_wrap .tit {font-size: 20px;}
    .pro_tit_wrap .date {font-size: 15px;}
    .pro_cont p {font-size: 15px;}
    .pro_roll .owl-carousel .owl-nav button.owl-prev {left: 10px;}
    .pro_roll .owl-carousel .owl-nav button.owl-next {right: 10px;}
    .mobile_list .num {display: none;}
    .mobile_list li {padding-left: 10px;display: block;padding-right: 10px;padding-top: 15px;padding-bottom: 15px;}
    .mobile_list .date {position: static;margin-top: 10px;width: auto;display: block;}
    .mobile_list .tit a.link {-webkit-line-clamp: 2;line-height: 1.7;}
    .board_file {padding-top: 15px;}
    .board_file .th {font-size: 15px;width: 120px;}
    .board_file .td a {font-size: 15px;}
    .prevnext .th {font-size: 15px;width: 120px;}
    .prevnext .td,
    .prevnext .td a {font-size: 15px;}
    .login_tit {font-size: 40px;margin-top: 20px;}
    .sub_text strong {font-size: 22px;}
    .sub_text {font-size: 15px;}
    .con_pro_list {top: 120px;}
    .com_sel .img {margin-right: 5px;}
    .com_sel .img img {width: 80px;}
    .com_sel .nm {font-size: 15px;}
    .company_list {height: 200px;}
    .cate_wrap.mb20 {margin-bottom: 0;}
    
    /* 제품이미지 스크롤 */
    .image_roll .owl-carousel .owl-nav button.owl-prev {left: 10px;}
    .image_roll .owl-carousel .owl-nav button.owl-next {right: 10px;}
}

@media (max-width: 575px) { 
    .sub_stit_wrap {display: block;}
    .sub_stit_wrap.btnin {display: flex;}
    .btn-pdf {width: 120px;}
    .list_cnt {margin-top: 10px;}
    .s_list .item {width: 100%;}
    .siv_btn a.contact span,
    .siv_btn a.catalog span {font-size: 13px;}
    .siv_btn a.contact span:before,
    .siv_btn a.catalog span:before {display: none;}
    .s_more a {width: 140px;height: 40px;margin-top: 20px;}
    .s_more a span {font-size: 14px;}
    .s_more a span:after {display: none;}
    .supplers_logo_wrap {padding: 15px;}
    .sl_tit {font-size: 18px;}
    .sl_txt {font-size: 13px;}
    .supplers_info_wrap .thumb {margin: 0 2px;}
    .supplers_info_wrap .thumb .item {padding: 0 2px;}
    .siv_btn a.contact:before, .siv_btn a.catalog:before {margin-right: 5px;}
    .siv_btn a.contact, .siv_btn a.catalog {font-size: 12px;}
    .siv_btn a.fav {margin-right: 5px;width: 45px;}
    .siv_btn a.contact {margin-right: 5px;}
    .siv_btn a.contact {width: 130px;}
    .siv_btn a.catalog {width: 160px;}
    .supplers_info_view {margin-bottom: 40px;}
    .product_list .item {width: 100%;}
    .xsleft {text-align: left;}
    .caution {font-size: 12px;}
    .caution:before {width: 12px;height: 12px;background-size: 12px auto;flex-shrink: 0;width: 12px;}
    .hp_wrap .sel {width: 160px;}
    .filebox_ex {display: block;}
    .cur_file {margin-left: 0;margin-top: 10px;}
    .btn-file {width: 130px;}
    .cur_file a {font-size: 13px;}
    .sub_tit_wrap {padding: 5px 0 0 0;}
    .logo_now .cn_logo {width: 160px;}
    .logo_now .cn_name {margin-left: 10px;}
    .supplers_info_wrap .img .zoom a {padding-left: 25px;}
    .supplers_info_wrap .img .zoom a:before {width: 19px;height: 18px;background-size: 19px auto;top: 11px;}
    .contact_form .td .input, .contact_form .td .select, .contact_form .td .textarea {font-size: 13px;}
    .contact_form .td .select {padding: 0 5px;}
    .hp_wrap .sel {width: 140px;}
    .popup {padding: 60px 15px 15px 15px;}

    .cate_wrap.sel a .box {width: 60px;height: 60px;}
    .cate_wrap.sel .cate_cell .box .off {background-position: 0 0;}
    .cate_wrap.sel .icheck {left: -10px;top: -10px;}
    
    .popup_wrap .cate_wrap a .box {width: 60px;height: 60px;}
    .popup_wrap .cate_wrap .cate_cell .box .off {background-position: 0 0;}
    .popup_wrap .cate_wrap .icheck {left: -10px;top: -10px;}
    .popup_wrap .btn_area .btn {width: 180px;height: 40px;}
    .p_close {right: 15px;top: 20px;}
    .p_tit {font-size: 18px;}
    .pinput::placeholder {font-size: 13px;}
    .btn-wsearch {width: 80px;}
    .pop_search {padding-right: 85px;}
    .area ul li a {height: 35px;font-size: 12px;padding-left: 10px;}
    .country {height: 323px;}
    .country ul li a {height: 35px;font-size: 12px;padding-left: 10px;}
    .supplers_info_wrap .info ul li {display: block;}
    .supplers_info_wrap .info ul li .td {padding-left: 0;margin-top: 10px;}
    .btn-submit span {font-size: 14px;}
    .btn-down {width: 140px;}
    .btn-cancel span {font-size: 13px;}
    .siv_btn .mar {margin-right: 5px;}
    .iradio_wrap.col4 .iradio {width: 50%;}
    .iradio_wrap.col6 .iradio {width: 100%;}
    .btn-search {font-size: 13px;}
    .etc_input span {font-size: 14px;}
    .sub_blue_tit {font-size: 18px;}
    .contact_form .td .input::placeholder {font-size: 12px;}
    .filebox_mar {display: block;}
    .d_table td, .d_table th {padding: 5px;font-size: 12px;}
    .invit_wrap .text .p_name {font-size: 16px;}
    .invit_wrap .text .p_txt {font-size: 14px;}
    .invit_wrap .text ul li .th,
    .invit_wrap .text ul li .td {font-size: 13px;}
    .participating_list .item {width: 100%;}
    .sub_tit {font-size: 20px;}
    .sns_wrap a {margin-right: 5px;width: 28px;height: 28px;}
    .sns_wrap {bottom: 13px;}
    .supplers_logo .logo .logo_box {width: 200px;height: 70px;}
    p {font-size: 13px;}
    .sp_btit {font-size: 16px;}
    .sp_tit {font-size: 15px;}
    .history_list .box {padding: 10px;}
    .history_list {margin: 0 -5px;}
    .history_list .item {padding: 0 5px;margin-bottom: 10px;}
    .history_list .box .tit {font-size: 14px;}
    .history_list .box .date {font-size: 13px;}
    .year_search_box .select {height: 40px;}
    .year_search_box .submit {height: 40px;font-size: 13px;}
    .year_search_box .select {font-size: 13px;width: 100px;}
    .history_tit {font-size: 18px;}
    .sub_tab .st_item a {font-size: 13px;height: 40px;}
    .calendar_search .th {font-size: 15px;width: 78px;}
    .g_search select, .g_search input {padding: 0 5px;}
    .g_search .sel {margin-right: 5px;}
    .g_search .input {margin-right: 5px;}
    .g_search .input input::placeholder {font-size: 15px;}
    .g_search select {font-size: 15px;}
    .location .bar {padding-right: 10px;margin-right: 5px;}
    .location span {font-size: 13px;}
    .my_company .item {width: 100%;}
    .d_table a.btn-rewrite {font-size: 13px;width: 80px;}
    .sub_text {font-size: 15px;}
    .fair_list .item {width: 100%;}
    .buyer_box .dflex {display: block;}
    .buyer_box .ddac_wrap {margin-right: 0;margin-bottom: 10px;}
    .buyer_tit {font-size: 16px;}
    .sub_stit {font-size: 18px;}
    .history_list .box .tit {height: 55px;margin: 15px 0 20px 0;}
    .pro_roll_wrap {margin-top: 20px;}
    .mobile_list .tit a.link {font-size: 16px;}
    .page_nation .prev {margin-right: 10px;}
    .page_nation .next {margin-left: 10px;}
    .page_nation a {width: 30px;}

    .board_file {display: block;}
    .board_file .th {width: auto;margin-bottom: 15px;}
    .prevnext .th {font-size: 13px;width: 80px;}
    .board_cont {padding: 15px;font-size: 15px;}
    .login_form .input {height: 60px;font-size: 18px;}
    .login_form .mar2 {margin-bottom: 30px;}
    .btn-login,
    .btn-join {height: 60px;}
    .login_loss .passw {font-size: 15px;}
    .btn-roll span {font-size: 15px;}
    .sub_text {font-size: 14px;}
    .sub_text strong {font-size: 18px;}
    .btn-login {margin-bottom: 10px;}
    .btn-join span:before {width: 14px;height: 14px;background-size: 27px auto;}
    .login_loss .passw,
    .login_loss .find a {font-size: 14px;}
    .login_tit {font-size: 30px;margin-top: 15px;}
    .con_pro_link {padding: 10px;}
    .contact_now_name .img_box {width: 50px;height: 50px;}
    .contact_now_name .img {width: 60px;}
    .cnn_nm {font-size: 14px;}
    .cnn_txt {font-size: 13px;}
    .con_pro_list {top: 100px;}
    
    /*제품상세 페이지 유튜브 썸네일 크기*/
    .vid {height: 55.64px;}
    .vid .play img {width: 35px;}
    .supplers_info_wrap .thumb .item a .vid {max-width: 100%;height: 55px;border-radius: 10px;}
}


 /*페이지네비*/
.pagination {-webkit-box-align: center;align-items: center;display: flex;justify-content: center;position: relative;}
.pagination li a {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;display:block;margin:0 3px;float:left;width:34px;height:34px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;text-align:center;font-size:16px;color:#333333;font-weight: 500;text-decoration:none;letter-spacing: -1px;border-radius: 5px;line-height: 1;}
.pagination li.active a {background-color:#5d5e65;color:#fff;} 
.pagination li.first {margin-right: 4px;}
.pagination li.first a {background-image:url('../img/sub/page_pprev.png');background-repeat: no-repeat;background-position: center center;background-color: #fff;opacity: 0.8;margin-left:0;font-size: 0;text-indent: -9999px;width: 34px;height: 34px;}
.pagination li.prev {margin-right:5px;}
.pagination li.prev a {background-image:url('../img/sub/page_prev.png');background-repeat: no-repeat;background-position: center center;background-color: #fff;opacity: 0.8;margin-left:0;font-size: 0;text-indent: -9999px;width: 34px;height: 34px;}
.pagination li.last {margin-left: 4px;}
.pagination li.last a {background-image:url('../img/sub/page_nnext.png');background-repeat: no-repeat;background-position: center center;background-color: #fff;opacity: 0.8;margin-left:0;font-size: 0;text-indent: -9999px;width: 34px;height: 34px;}
.pagination li.next {margin-left:5px;}
.pagination li.next a {background-image:url('../img/sub/page_next.png');background-repeat: no-repeat;background-position: center center;background-color: #fff;opacity: 0.8;margin-left:0;font-size: 0;text-indent: -9999px;width: 34px;height: 34px;}
.pagination a:hover,
.pagination a.active {background-color:#5d5e65;color:#fff;} 



/* 제품상세 페이지 유튜브 용*/
.vid {height: 70.41px;background-position: 0 0;background-size: cover;background-repeat: no-repeat;position: relative;border-radius: 10px;}
.vid .play {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.vid .play img {width: 40px;}


/* 제품 이미지 스크롤 */
.image_roll {max-width: 840px;margin: 0 auto;position: relative;}
.image_roll .item {border-radius: 15px;}
.image_roll .item img {border-radius: 15px;}
.image_roll .owl-carousel .owl-nav button.owl-next,
.image_roll .owl-carousel .owl-nav button.owl-prev {width: 26px;height: 42px;background-repeat: no-repeat;background-position: center center;position: absolute;top: 60px;margin-top: -21px;z-index: 10;}
.image_roll .owl-carousel .owl-nav button.owl-prev {left: -60px;background-image: url('../img/sub/sc_prev.png');}
.image_roll .owl-carousel .owl-nav button.owl-next {right: -60px;background-image: url('../img/sub/sc_next.png');}
.image_roll .owl-carousel .owl-nav button.owl-next span,
.image_roll .owl-carousel .owl-nav button.owl-prev span {display: none;}
.image_roll .owl-dots {display: flex;align-items: center;justify-content: center;gap: 5px;margin-top: 20px;}
.image_roll .owl-carousel button.owl-dot {width: 12px;height: 12px;border-radius: 50%;background-color: #e1dfdf;display: flex;align-items: center;justify-content: center;}
.image_roll .owl-carousel button.owl-dot.active {background-color: #5463e2;}


/* Suppliers 아이콘 선택 */
.selected-item {background-color: #D9E1FA !important}


/* Mypage Inquiry 팝업 관련 */
.p_buyer_box {border-radius: 15px;padding: 15px;background-color: #f5f7fb;}
.p_buyer_boxin {display: flex;align-items: center;}
.p_buyer_boxin .img {flex-shrink: 0;width: 250px;border: 1px solid #ddd;border-radius: 15px;background-color: #fff;padding: 15px;}
.p_buyer_boxin .img img {border-radius: 15px;}
.p_buyer_boxin .info {flex-grow: 1;padding-left: 30px;}
.p_buyer_boxin .info .p_bb_tit {font-size: 18px;color: #333;font-weight: 500;}
.p_table {border-collapse:collapse;border-spacing:0;width: 100%;border-top: 1px solid #000;}
.p_table td,
.p_table th {border-bottom: 1px solid #dddddd;vertical-align: middle;padding: 15px 15px;}
.p_table td {font-weight: 400;font-size: 18px;color: #666666;}
.p_table th {background-color: #ececec;font-weight: 700;font-size: 18px;color: #111111;text-align: center;}
.p_table .tleft {text-align: left;}
.p_table .tright {text-align: right;}
.p_table .link {color: #333333;font-weight: 700;}
.p_table .link:hover {text-decoration: underline;}
.p_table .tr_link {cursor: pointer;}
.p_table .p_th {width: 150px;}
.p_table_hscroll {overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;max-height: 400px;}
.p_tit_box {border-radius: 15px;padding: 15px;background-color: #f5f7fb;}
.p_tit_box .tit {font-size: 22px;color: #333;font-weight: 600;margin-bottom: 10px;}
.p_tit_box .date {font-size: 18px;color: #333;font-weight: 400;}
.ptextarea {border: 1px solid #ddd;border-radius: 5px;height: 90px;width: 100%;padding: 0 10px;font-size: 15px;color: #000;font-weight: 500;}

/*카테고리*/
.search_summary {display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 15px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}
.search_summary .th {flex-shrink: 0;width: 220px;font-size: 22px;color: #fff;font-weight: 700;background-color: #5463e2;padding: 25px;border-radius: 15px 0 0 15px;text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;}
.search_summary .td {flex-grow: 1;overflow: hidden;height: 100%;}
.search_summary .td .item {float: left;width: 100%;border-right: 1px solid #ddd;height: 100%;}
.search_summary .td .item:last-child {border-right: none;}
.search_summary .td .item,
.search_summary .td .item ul {height: 100%;}
.search_summary .td .item li {display: flex;align-items: center;justify-content: space-between;font-size: 18px;color: #333;font-weight: 500;border-bottom: 1px solid #ddd;padding: 15px 25px;height: 20%;}
.search_summary .td .item li span {color: #5463e2;font-weight: 700;font-size: 16px;}
.search_summary .td .item li:last-child {border-bottom: none;}

/* 검색 결과 섹션 */
.search_results { margin-bottom: 60px; }
.result_section { background-color: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 25px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }
.section_header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #f0f0f0; }
.section_title { font-size: 22px; font-weight: 700; color: #333; margin: 0; }
.section_count { background-color: #5463e2; color: #fff; padding: 8px 15px; border-radius: 20px; font-size: 14px; font-weight: 600; margin-left: auto; margin-right: 15px; }
.more_link { color: #5463e2; font-size: 15px; font-weight: 500; text-decoration: none; transition: all 0.3s ease;display: flex;align-items: center; }
.more_link:after {content: '';display: block;width: 14px;height: 14px;background-image: url('../img/sub/ico_blueplus.svg');background-repeat: no-repeat;background-size: 14px auto;margin-left: 5px;}
.more_link:hover { color: #3a4bc7; text-decoration: underline; }
.result_list { margin-top: 15px; }
.result_item { padding: 12px 0; border-bottom: 1px solid #f0f0f0; transition: all 0.3s ease; }
.result_item:last-child { border-bottom: none; }
.result_item:hover { background-color: #f8f9fb; padding-left: 10px; border-radius: 5px; }
.result_link { color: #333; font-size: 16px; font-weight: 500; text-decoration: none; line-height: 1.5; transition: all 0.3s ease; }
.result_link:hover { color: #5463e2; text-decoration: underline; }

/*레이블 안보이게*/
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

@media (max-width: 1199px) {
    .search_summary .th {width: 120px;font-size: 18px;}
    .search_summary .td .item li {font-size: 16px;}
}

@media (max-width: 991px) {
    .section_title { font-size: 20px; }
    .result_link { font-size: 15px; }
    .search_summary {height: 80px;}
    .search_summary .th {width: 180px;}
    .search_summary .td .item li {padding: 10px;font-size: 15px;height: 50%;}
    .search_summary .td .item li span {font-size: 14px;}
}
@media (max-width: 767px) {
    .section_header { flex-wrap: wrap; gap: 10px; }
    .section_title { font-size: 18px; }
    .section_count { font-size: 12px; padding: 6px 12px; }
    .more_link { font-size: 13px; }
    .result_section { padding: 20px 15px; }
    .result_link { font-size: 14px; }
    .search_summary {display: block;height: auto;}
    .search_summary .th {font-size: 16px;width: auto;border-radius: 15px 15px 0 0;padding: 15px 10px;}
    .search_summary .th br {display: none;}
}
@media (max-width: 575px) {
    .sub_categories li { font-size: 11px; }
    .section_title { font-size: 16px; }
    .result_link { font-size: 13px; }
    .search_summary {display: block;height: auto;}
    .search_summary .td .item {width: 100%;}
    .search_summary .td .item li:last-child {border-bottom: 1px solid #ddd;}
    .search_summary .td {height: 200px;overflow-y: auto;}
    .search_area.xswfull .g_search .input {width: 100%;}
}