@charset "utf-8";
/* 게시판 타입 */
.s_cont.ks .right .info {width:100%; display:flex; align-items: center; justify-content: flex-end; margin-bottom: 10px;}
.s_cont.ks .right .info.flex {justify-content: space-between;}
.s_cont.ks .right .info.flex > div {display: flex; align-items: center;}
.s_cont.ks .right .info p.txt {font-size:14px; background: url('/img/pc/cont/star.png') no-repeat 0% 50%;}
.s_cont.ks .right .info p.txt span:nth-child(1) {font-weight:500; color:#222; padding-left: 23px;}
.s_cont.ks .right .info p.txt span:nth-child(2) {color:#666;}
.s_cont.ks .right .info a.plus {display:inline-block; padding:5px 8px; text-align:center; font-size:14px; font-weight:500; color:#222; border:1px solid #333; border-radius:3px; margin-left:10px; transition:.2s;}
.s_cont.ks .right .info a.plus:hover {background:#000; color:#fff;}
.rsm_btn .s_btn {display:inline-block; padding:5px 8px; text-align:center; font-size:14px; font-weight:500; color:#fff; background: var(--gray6); border-radius:3px; transition:.2s;}
.rsm_btn .s_btn:hover {background:#000; color:#fff;}
.wrap_type {display:flex; align-items: flex-end; justify-content: space-between; margin-bottom:13px;}
.wrap_type .sel_box {display: flex; width: 100%; justify-content: flex-start;}
.wrap_type .sel_box.r {justify-content: flex-end;}
.wrap_type .sel_box select {font-size:15px; color:#666; font-weight: 500; min-width: 85px; height: 30px; padding:0 25px 0 8px; letter-spacing:0; background:#fff url('/img/pc/cont/select_down.png')no-repeat right 8px top 53% / 10px; -webkit-appearance:none;-moz-appearance:none;appearance:none; }
.wrap_type .sel_box select + label {font-size: 0;}
.wrap_type .showtype {display: flex;}
.wrap_type .showtype button {width: 32px;height: 30px;border: 0;font-size: 0;}
.wrap_type .showtype .list {background:url('/img/pc/cont/show_list.png')no-repeat 50% 50%;}
.wrap_type .showtype .list.on,
.wrap_type .showtype .list:hover {background:url('/img/pc/cont/show_list_on.png')no-repeat 50% 50%;}
.wrap_type .showtype .box {background:url('/img/pc/cont/show_box.png')no-repeat 50% 50%;}
.wrap_type .showtype .box.on,
.wrap_type .showtype .box:hover {background:url('/img/pc/cont/show_box_on.png')no-repeat 50% 50%;}
.wrap_type .showtype .table {background:url('/img/pc/cont/show_table.png')no-repeat 50% 50%;}
.wrap_type .showtype .table.on,
.wrap_type .showtype .table:hover {background:url('/img/pc/cont/show_table_on.png')no-repeat 50% 50%;}
ul.ks_table {border-top: 2px solid #000;}
ul.ks_table > li {border-bottom:1px solid #eee; padding:30px 0 30px 20px; display:flex; justify-content: space-between; align-items: center; width: 100%;}
ul.ks_table > li p.thum {width: 115px; border-radius: 5px; overflow: hidden;}
ul.ks_table > li div.thum {width: 115px; border-radius: 5px; overflow: hidden;}
ul.ks_table > li div.img_pre {display:flex; flex-direction: column; border-radius: 5px; overflow: hidden; min-width: 115px; max-width: 115px;}
ul.ks_table > li div.img_pre p.thum img {height:100%; border-radius: 5px; overflow: hidden;}
ul.ks_table > li div.img_pre a.preview {font-size:14px; color:#666; border:1px solid #ddd; border-radius:4px; text-align: center; margin-top: 10px; padding: 3px;}
ul.ks_table > li div.img_pre a.preview:hover {background:#000; color:#fff; border:1px solid #000;}
ul.ks_table > li div.img_pre p.thum.hand {width:115px; border-radius: 5px;}
ul.ks_table > li div.ks_txt {padding:0 55px; width: 100%;/* width:calc(100% - 75px) */}
ul.ks_table > li div.ks_txt div.state {display: flex; gap: 3px; padding-bottom: 10px;}
ul.ks_table > li div.ks_txt div.wrap {display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
ul.ks_table > li div.ks_txt div.wrap p.gal_tit {max-width: 620px; min-width: 50px; font-weight: 600; font-size:20px; color:#000; transition:all 0.3s; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; cursor: pointer;}
ul.ks_table > li div.ks_txt div.wrap a {font-size:0; border:1px solid #ddd; border-radius: 3px; min-width:27px; height:27px; display:inline-block; background:url('/img/pc/cont/search_view.png')no-repeat 50% 50%;}
.view_box .gal_tit {max-width: 100% !important; overflow: visible !important; -webkit-line-clamp: none !important;}
ul.ks_table li div.ks_txt ul.ks_stxt {display:flex; flex-wrap:wrap; margin:10px 0 0; font-size:15px; color:#666;}
ul.ks_table li div.ks_txt ul.ks_stxt li {position:relative; padding-left: 9px;}
ul.ks_table li div.ks_txt ul.ks_stxt li:not(:last-child) {margin-right:20px;}
ul.ks_table li div.ks_txt ul.ks_stxt li:before {position:absolute; content:""; width:3px; height:3px; top:10px; left:0; background:#999; border-radius:50%;}
ul.ks_table li div.ks_txt .sub {font-weight:300; font-size:16px; color:#666; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin:5px 0 15px;}
ul.ks_table li div.ks_txt .sub_detail {font-weight:300; font-size:16px; color:#666; display: -webkit-box;-webkit-box-orient: vertical; margin:5px 0 15px;}
ul.ks_table > li div.type {display:flex; flex-direction: column;}
ul.ks_table > li div.type .type_option {position: relative; margin-top: 10px}
ul.ks_table > li div.type .type_option button {width:230px; height: 44px; padding: 0 35px 0 15px; font-weight:500; font-size:15px; color: var(--black); border: 1px solid var(--gray); border-radius: 5px; background: #fff; text-align: left; position: relative;}
ul.ks_table > li div.type .type_option button span {width: 9px; height: 40px; background:#fff url('/img/pc/cont/select_down.png') no-repeat 50% 50% / 10px; display: block; position: absolute; right: 20px; top: 50%; margin-top:-20px; transform: rotate(0deg);}
ul.ks_table > li div.type .type_option.on button span {transform: rotate(180deg);}
ul.ks_table > li div.type .type_option button s {color:#999; font-size:14px; font-weight:400;}
ul.ks_table > li div.type .type_option button strong {color:red; display:block; font-size:16px;}
ul.ks_table > li div.type .type_option button b {color:red; font-size:14px; font-weight:400;}
ul.ks_table > li div.type .type_option ul {display: none; width: 100%; /* max-height: 130px; */ position: absolute; z-index:1; top: 48px; padding: 10px 0; border: 1px solid var(--gray); border-radius: 5px; background: #f2f2f2; overflow-y: auto; }
ul.ks_table > li div.type .type_option ul li {display:flex; padding: 0px 15px 10px;}
ul.ks_table > li div.type .type_option ul li:last-child {padding-bottom: 0;}
ul.ks_table > li div.type .type_option ul li p {display: block; color: #9baad3; font-weight:400; font-size:15px; transition: all .05s;}
ul.ks_table > li div.type .type_option ul li:last-child p {margin-bottom: 0;}
ul.ks_table > li div.type .type_option ul li:last-child .check_v {padding-bottom: 0;}
ul.ks_table > li div.type .type_option ul li .check_v {width:25px; padding-bottom: 0; display: flex;}
ul.ks_table > li div.type .type_option ul li p.check_v input[type="checkbox"] + label:after {top:3px;}
ul.ks_table > li div.type .type_option ul li p.list {display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; color:#666; font-size:14px; width: 100%; margin-top: 2px;}
ul.ks_table > li div.type .type_option ul li p.list.pdf {background:url('/img/pc/cont/icon_pdf.png') no-repeat 0% 0%;}
ul.ks_table > li div.type .type_option ul li p.list.print {background:url('/img/pc/cont/icon_print.png') no-repeat 0% 0%;}
ul.ks_table > li div.type .type_option ul li p.list.online {background:url('/img/pc/cont/icon_online.png') no-repeat 0% 0%;}
ul.ks_table > li div.type .type_option ul li p.list.cd {background:url('/img/pc/cont/icon_cd.png') no-repeat 0% 0%;}
ul.ks_table > li div.type .type_option ul li p.list.book {background:url('/img/pc/cont/icon_book.png') no-repeat 0% 0%;}
ul.ks_table > li div.type .type_option ul li p.list.db {background:url('/img/pc/cont/icon_db.png') no-repeat 0% 0%;}
ul.ks_table > li div.type .type_option ul li p.list.hardcopy {background:url('/img/pc/cont/icon_hardcopy.png') no-repeat 0% 0%;}
ul.ks_table > li div.type .type_option ul li p.list.binder {background:url('/img/pc/cont/icon_binder.png') no-repeat 0% 0%;}
ul.ks_table > li div.type .type_option ul li p.list.zip {background:url('/img/pc/cont/icon_zip.png') no-repeat 0% 0%;}
ul.ks_table > li div.type .type_option ul li p.list.pdf_print {background:url('/img/pc/cont/icon_pdf_print.png') no-repeat 0% 0%;}
ul.ks_table > li div.type .type_option ul li p.list.book_online {background:url('/img/pc/cont/icon_book_online.png') no-repeat 0% 0%;}
ul.ks_table > li div.type .type_option ul li p.list s {font-size:13px;}
ul.ks_table > li div.type .type_option ul li p.list strong {color: var(--orange); width: 100%; display: block;}
ul.ks_table > li div.type .type_option ul li p.list strong b {display: block;}
ul.ks_table > li div.type .type_option ul li p.list b {color:var(--orange); font-weight:400; font-size:12px;}
ul.ks_table > li div.type .type_option ul li p.list span {padding-left: 25px; display:inline-block; width: 100%;}
/* ul.ks_table > li div.type .type_option ul li p.list span:first-child {} */
ul.ks_table > li div.type.discount .type_option button {width:260px; height:fit-content; min-height:44px; padding-top:8px; padding-bottom:8px;}
ul.ks_table > li div.type.discount div.wrap a.cart {background-position:20% 50%;}
ul.ks_table > li div.type.discount .type_option ul {top:100%;}
ul.ks_table > li div.type.discount .type_option ul li + li {margin-top:10px;}
ul.ks_table > li div.type.discount .type_option ul li p.list {display:block;}
ul.ks_table > li div.type.discount .type_option ul li p.list span {display:block; padding-left: 25px;}
.scrollbar-style::-webkit-scrollbar {background-color: transparent; width: 4px; border-radius: 8px}
.scrollbar-style::-webkit-scrollbar-thumb {background-color: #dcdfe9; border-radius: 8px; transition: all .05s;}
.scrollbar-style::-webkit-scrollbar-thumb:hover {background-color: #bbc4df;}
ul.ks_table > li div.type div.wrap {display:flex; justify-content: space-between; align-items: center;}
ul.ks_table > li div.type div.wrap a.bookmark {background: url('/img/pc/cont/star.png') no-repeat 50% 50%; width:40px; height:40px; font-size:0; display: inline-block; border: 1px solid #ddd;border-radius:3px;}
ul.ks_table > li div.type div.wrap a.bookmark.on {background: url('/img/pc/cont/star_on.png') no-repeat 50% 50%;}
ul.ks_table > li div.type div.wrap a.cart {background:#165458 url('/img/pc/cont/cart.png') no-repeat 15% 50%; width:calc(100% - 49px); min-width: 180px; height:40px; border-radius: 3px; display: inline-block; padding: 7px 0 8px 27px; text-align:center; color:#fff; font-size:16px; font-weight:400;}
ul.ks_table > li div.type div.wrap a.cart:hover {background-color:#000;}
ul.ks_table > li div.type div.wrap a.cartDetail {background:#165458 url('/img/pc/cont/cart.png') no-repeat 15% 50%; width:calc(100% - 49px); min-width: 180px; height:40px; border-radius: 3px; display: inline-block; padding: 7px 0 8px 27px; text-align:center; color:#fff; font-size:16px; font-weight:400;}
ul.ks_table > li div.type div.wrap a.cartDetail:hover{background-color:#000;}
ul.ks_table > li div.type div.wrap a.set_btn {display:block; margin-top:10px; padding:10px 7px; width:100%; border:solid 1px var(--green); border-radius:3px; color:var(--green); font-weight:500; font-size:15px; text-align:center; transition:.2s;}
ul.ks_table > li div.type div.wrap a.set_btn:hover {background:#000; color:#fff; border-color:#000;}
ul.ks_table > li div.type div.wrap.wrap02 a.set_btn {margin-top: 0; width: calc(100% - 49px);}
ul.ks_table > li div.type div.wrap a.list_btn {width:calc(100% - 49px); height:40px; border-radius: 3px; display: inline-block; padding: 7px 0 8px; text-align:center; color:#fff; font-size:16px; font-weight:400;}
ul.ks_table > li div.type div.wrap a.estimate {background:var(--blue);}
ul.ks_table > li div.type div.wrap a.estimate:hover {background:var(--black);}
ul.ks_table > li div.type div.wrap a.free {background:var(--black);}
ul.ks_table > li div.type div.wrap a.free:hover {background: #666;}
ul.ks_table > li div.type div.wrap a.listview {display:block; margin-top:10px; padding:7px; width:100%; border:solid 1px var(--gray6); border-radius:3px; color:var(--gray6); font-weight:500; font-size:15px; text-align:center; transition:.2s;}
ul.ks_table > li div.type div.wrap a.listview:hover {background:#000; color:#fff; border-color:#000;}
ul.ks_table > li div.type div.wrap.wrap02 + .type_option {margin-top: 10px; margin-left: 0;}
/* ul.ks_table > li .number-input {display:flex; justify-content: center; align-items: center; margin-bottom:10px; font-size:15px; padding-left:15px;}
ul.ks_table > li .number-input input {width:50px; height:30px; text-align:center; font-size:15px; color:#222;}
ul.ks_table > li .number-input button {padding:0; width:30px;height:30px; border-radius:5px; background:#fff; border:solid 1px #ddd; position:relative; cursor:pointer;}
ul.ks_table > li .number-input button.minus::before {position:absolute; content:''; width:12px; height:2px; background:#222; top:50%; margin-top:-1px; left:50%; margin-left:-6px;}
ul.ks_table > li .number-input button.plus::before {position:absolute; content:''; width:12px; height:2px; background:#222; top:50%; margin-top:-1px; left:50%; margin-left:-6px;}
ul.ks_table > li .number-input button.plus::after {position:absolute; content:''; width:2px; height:12px; background:#222; top:50%; margin-top:-6px; left:50%; margin-left:-1px;}
ul.ks_table > li .number-input button:hover {background:#f9f9f9;} */
p.bg {border-radius:3px; padding:2px 7px; display:inline-block; color:#fff; font-size:13px; vertical-align:top;}
p.brown {background: var(--brown_bg);}
p.blue {background: var(--blue);}
p.blueD {background: var(--blueD_bg);}
p.blueG {background: var(--blueG_bg);}
p.greeb {background: var(--greeb_bg);}
p.green {background: var(--green);}
p.purple {background: var(--purple_bg);}
p.black {background: var(--black_bg);}
p.brownL {background: var(--brownL_bg);}
p.white {background: var(--white_bg); color:#666; border:solid 1px #ccc; padding:1px 7px;}
p.sky {background: var(--sky_bg);}
p.yellow {background: var(--yellow_bg);}
p.orng {background: #fe4d0a;}
p.grayC {background: var(--grayC);}
@media only screen and (max-width: 1200px){
ul.ks_table > li div.ks_txt div.wrap p.gal_tit {font-size: 19px;}
ul.ks_table > li div.ks_txt div.wrap a {background: url('/img/mo/cont/board_search.png') no-repeat 50% 50% / 18px;}
ul.ks_table > li div.type .type_option ul li p.list {margin-top: 0;}
ul.ks_table > li div.type .type_option ul li p.check_v input[type="checkbox"] + label:after {top:1px;}
}
@media only screen and (max-width: 960px){
ul.ks_table > li div.type div.wrap a.bookmark {background: url('/img/mo/cont/star.png') no-repeat 50% 50% / 19px;}
ul.ks_table > li div.type div.wrap a.bookmark.on {background: url('/img/mo/cont/star_on.png') no-repeat 50% 50% / 19px;}
ul.ks_table > li div.type div.wrap a.cart {background:#165458; padding: 7px 0 8px;}
ul.ks_table > li div.type div.wrap a.cartDetail {background:#165458; padding: 7px 0 8px;}
ul.ks_table > li div.type.discount .type_option button {width:250px; }
.symlist_list > li div.type div.wrap a.cart {width: 100% !important;}
.s_cont.ks .right .info.flex {flex-wrap: wrap; gap: 10px;}
.s_cont.ks .right .info.flex > div {justify-content: space-between; width: 100%;}
}
@media only screen and (max-width: 840px){
ul.ks_table li div.ks_txt ul.ks_stxt {flex-direction: column;}
}
@media only screen and (max-width: 720px){
.s_cont.ks .right .info p.txt {background: url('/img/mo/cont/star.png') no-repeat 0% 50% / 19px;}
.s_cont.ks .right .info p.txt span:nth-child(1) {font-weight:500; color:#222; padding-left: 23px;}
.s_cont.ks .right .info p.txt span:nth-child(2) {color:#666;}
.s_cont.ks .right .info a.plus {padding: 3px 8px;}
.wrap_type {margin-bottom: 6px;}
.wrap_type .sel_box select {font-size:14px; }
ul.ks_table > li {padding: 20px 0; display: flex; flex-direction: column;}
ul.ks_table > li div.type {width:100%;}
ul.ks_table > li div.type .type_option button {width: 100%;}
ul.ks_table > li div.type .type_option ul {padding:12px 0 10px;}
ul.ks_table > li div.type .type_option ul li:not(:last-child) {padding-bottom:10px;}
ul.ks_table > li div.type .type_option ul li p.check_v {padding:0;}
ul.ks_table > li div.type .type_option ul li p.list {margin-top: 0}
ul.ks_table > li div.type.discount .type_option button {width:100%;}
ul.ks_table > li div.ks_txt {padding:10px 0;}
ul.ks_table > li div.ks_txt div.state {padding-bottom:5px;}
ul.ks_table > li div.ks_txt div.wrap p.gal_tit {font-size:17px;}
ul.ks_table > li div.img_pre a.preview {font-weight:400; padding:3px 0;}
ul.ks_table li div.ks_txt .sub {margin:0 0 10px; font-weight:400;}
ul.ks_table li div.ks_txt ul.ks_stxt {font-weight:400;}
p.bg {font-weight:400; font-size:11px; padding:1px 5px}
p.white {padding:0 5px;}
}
@media only screen and (max-width: 500px){
.s_cont.ks .right .info {justify-content: space-between; margin-bottom:15px}
.s_cont.ks .right .info p.txt {background: url('/img/mo/cont/star.png') no-repeat 0% 7% / 19px;}
.s_cont.ks .right .info p.txt span {padding-left: 23px; display:block;}
}
/*검색 (공통부분)*/
.search_container {width:58%; margin: 0 auto; padding:12px 20px; border-radius: 10px; background-color: var(--gray_bg); display: flex; justify-content: space-between; align-items:center;}
.search_container input {width:90%; background-color: var(--gray_bg); padding: 6px 0; font-size:17px; font-weight:400; color: var(--gray6); border:none; outline:none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.search_container input::placeholder {font-size:17px; font-weight:400; color: var(--gray6);}
.search_container .search_btn {border:none; background:transparent;}
.search_container .search_btn img {width:27px;}
@media only screen and (max-width: 1024px){
.search_container {width:70%;}
.search_container input {width:88%; padding: 4px 0; font-size:16px;}
.search_container input::placeholder {font-size:16px;}
.search_container .search_btn img {width:22px;}
}
@media only screen and (max-width: 640px){
.search_container {width:100%; padding:10px 20px; }
.search_container input {font-size:14px;}
.search_container input::placeholder {font-size:14px;}
.search_container .search_btn img {width:18px;}
}
/*테이블 (공통부분)*/
table.ks_sub_table {border-top: 2px solid #000; width:100%; text-align: center; }
table.ks_sub_table tr {border-bottom:1px solid #ddd; }
table.ks_sub_table thead {background-color: #f2f2f2; padding: 10px 0;}
table.ks_sub_table thead tr th {font-size:17px; font-weight:400; color:var(--black); border-right:1px solid #ddd; vertical-align:middle; padding:10px 5px;}
table.ks_sub_table tbody tr td {font-size:16px; font-weight:400; color:var(--gray6); border-right:1px solid #ddd; vertical-align:middle; padding:10px 5px;}
#en table.ks_sub_table tfoot tr td {font-size:16px; font-weight:400; color:var(--gray6); border-right:1px solid #ddd; vertical-align:middle; padding:10px 5px;}
table.ks_sub_table tbody tr td.tit {color:var(--black); text-align: left;}
table.ks_sub_table tbody tr td.tit .s_gray_tt {display: block; color:var(--gray6); text-align: left; text-overflow: ellipsis; white-space: normal; overflow: hidden; width: 100%; max-width: 340px;}
table.ks_sub_table.detail_w tbody tr td.tit .s_gray_tt {max-width: max-content;}
table.ks_sub_table thead tr th:last-child {border-right:0;}
table.ks_sub_table tbody tr td:last-child {border-right:0;}
#en table.ks_sub_table tfoot tr td:last-child {border-right:0;}
table.ks_sub_table tbody tr td .black {font-weight:500; color:var(--black);}
table.ks_sub_table tbody tr td .blue {color: var(--blue2);}
table.ks_sub_table tbody tr td .view {font-size: 0; border: 1px solid #ddd; border-radius: 3px; min-width: 27px; height: 27px; display: inline-block; background: url(/img/pc/cont/search_view.png) no-repeat 50% 50%;}
table.ks_sub_table tbody tr.main {background-color: var(--blue2_bg);}
table.ks_sub_table thead tr .date {width: 11%;}
@media only screen and (max-width: 1024px){
table.ks_sub_table thead tr th {font-size:16px;}
table.ks_sub_table tbody tr td {font-size:15px; padding:10px 6px }
}
@media only screen and (max-width: 640px){
/* table.ks_sub_table colgroup col:nth-child(1) {width:100%;}
table.ks_sub_table thead {display:none;} */
table.ks_sub_table tbody tr {/* display: flex; flex-wrap: wrap; padding: 15px 0; */ position:relative;}
table.ks_sub_table thead tr th {font-size:14px;}
table.ks_sub_table tbody tr td {font-size:14px; color:var(--black); font-weight:300; width:fit-content;}
/* table.ks_sub_table tbody tr td.no {display:none;} */
table.ks_sub_table tbody tr td.tit {font-weight:400;}
/* table.ks_sub_table tbody tr td:after {content: ''; width: 1px; height: 10px; background: #ddd; display: inline-block; margin: 0 8px;}
table.ks_sub_table tbody tr td.no:after,
table.ks_sub_table tbody tr td.check:after,
table.ks_sub_table tbody tr td.tit:after,
table.ks_sub_table tbody tr td:last-child::after {display: none;} */
}
/* 겔러리 리스트 */
ul.gal_list {display:flex; flex-wrap:wrap; gap:20px; padding-top: 30px; border-top: 2px solid #000;}
ul.gal_list > li {width:calc(25% - 15px); border-radius:8px; border:solid 1px #eee; overflow:hidden;}
ul.gal_list > li .img {text-align:center; padding: 20px 0;}
ul.gal_list > li .img img {max-width: 85%; max-height: 85%; margin:0 auto; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; transition:.2s;}
ul.gal_list > li:hover .img img{transform:scale(1.08)}
ul.gal_list > li .info_txt {background:#f9f9f9; padding:20px; position:relative; height:100%;}
ul.gal_list > li .state {padding-right:25px;}
ul.gal_list > li .tit,
ul.gal_list > li .tit a {font-size:17px; font-family:'Pretendard'; color:#222; font-weight:600; margin:5px 0 8px;}
ul.gal_list > li .tit a:hover,
ul.gal_list > li .tit a:focus {text-decoration:underline;}
ul.gal_list > li .txt {font-size:15px; font-family:'Pretendard'; color:#999; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
ul.gal_list > li .bookmark {position:absolute; font-size:0; top:20px; right:20px; width:20px; height:20px; display:inline-block; background:url('/img/pc/cont/star.png') no-repeat 50% 50%/100%;}
ul.gal_list > li .bookmark.on {background-image:url('/img/pc/cont/star_on.png');}
ul.gal_list.gal_list02 > li .thum {padding: 20px 0;}
ul.gal_list.gal_list02 > li .thum img {margin: 0 auto; border-radius: 5px; overflow: hidden; display: block; max-width: 120px; width: 100%;}
ul.gal_list.gal_list03 > li .thum {padding: 20px 0;}
ul.gal_list.gal_list03 > li .thum img {margin: 0 auto; border-radius: 5px; overflow: hidden; display: block; max-width: 115px; width: 100%;}
.nodata {width:100% !important; color:#222 !important; text-align:center !important; justify-content: center !important; gap:revert; border-radius:0 !important; border:none !important; border-top: solid 1px #eee !important; border-bottom: solid 1px #eee !important;}
.nodata a.btn {display: inline-block; border: none; background-color: var(--blue); min-width: 200px; padding: 15px; border-radius: 5px; margin: 0 auto; transition: background 0.5s; font-size:17px; font-weight:400; color: #fff;}
.nodata a.btn:hover {background-color: var(--black); }
table .nodata {border:none !important;}
.nodata span {color:var(--orange); font-weight:500;}
.nodataDiv {border-top: 2px solid #000;}
ul > li.nodata {padding: 30px 0;}
ul.gal_list .nodata {padding: 0; border: none !important;}
ul.gal_list .nodata p {margin-bottom: 20px;}
table tr.nodata td {padding: 30px 0 !important; text-align: center !important;}
table tr.nodata p {margin-bottom: 20px;}
@media only screen and (max-width: 1400px){
ul.gal_list > li {width:calc(33% - 12px);}
}
@media only screen and (max-width: 1200px){
ul.gal_list > li {width:calc(25% - 15px);}
.nodata {font-size:15px !important;}
}
/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
ul.gal_list {gap:15px;}
ul.gal_list > li {width:calc(33% - 9px);}
ul.gal_list > li .info_txt {padding:15px}
ul.gal_list > li .bookmark {top:15px; right:15px; background-image:url('/img/mo/cont/star.png');}
ul.gal_list > li .bookmark.on {background-image:url('/img/mo/cont/star_on.png');}
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
ul.gal_list {gap:10px; padding-top: 20px;}
ul.gal_list > li {width:100%}
ul.gal_list > li .img img {max-height: 70px;}
ul.gal_list > li .info_txt {padding:12px;}
ul.gal_list > li .tit,
ul.gal_list > li .tit a {margin:2px 0 5px;}
table tr.nodata td {padding: 15px 0 !important;}
table tr.nodata td p {font-size: 15px;}
table .nodata a.btn {font-size: 15px;}
ul .nodata a.btn {font-size: 15px;}
}
/*홍보자료*/
.brochure_txt {font-size:20px; font-weight: 300; color: var(--gray6); margin-bottom:40px; text-align: center; word-break: keep-all; }
ul.brochure_list {width:100%; display:flex; flex-wrap: wrap; gap: 2.2%; margin: 0 auto; overflow: hidden; }
ul.brochure_list li {width: 23.34%; border: 1px solid #eee; border-radius:8px; display: flex; flex-direction: column; justify-content: space-between;}
ul.brochure_list li:nth-child(n+5) {margin-top: 2.2%;}
ul.brochure_list li .manual_img {width:100%; overflow: hidden; border-radius:8px 8px 0 0;}
ul.brochure_list li .manual_img img {max-width:100%; height:auto;}
ul.brochure_list li .manual_txt {background-color: #f9f9f9; text-align: center; padding:10% 5%; border-radius: 0 0 8px 8px; }
ul.brochure_list li .manual_txt .tit {font-size:18px; line-height:1.2; font-weight:400; color: var(--black); margin-bottom:15px; }
ul.brochure_list li .manual_txt a {display: inline-block; border: none; background-color: var(--blue); width: 80%; padding: 8px 4px; border-radius: 5px; margin: 0 auto; transition: background 0.5s; font-size:15px; font-weight:400; color: #fff;}
ul.brochure_list li .manual_txt a:hover {background-color: var(--black); }
ul.brochure_list li .manual_txt a span {position: relative; margin-right:12px;}
ul.brochure_list li .manual_txt a span::after {content:""; position: absolute; background: url('/img/pc/cont/download.png') no-repeat 0 0 / 100%; width:12px; height:15px; top:4px; right:-20px; }
@media only screen and (max-width: 1024px){
.brochure_txt {font-size:18px; margin-bottom:30px; }
ul.brochure_list {gap:2.5%;}
ul.brochure_list li {width:31.66%;}
ul.brochure_list li:nth-child(n+4) {margin-top:2.5%;}
ul.brochure_list li .manual_txt {padding:25px;}
ul.brochure_list li .manual_txt .tit {font-size:18px; margin-bottom: 10px; }
ul.brochure_list li .manual_txt a {width: 80%; padding: 7px 4px; font-size:14px;}
ul.brochure_list li .manual_txt a span {}
ul.brochure_list li .manual_txt a span::after {width:10px; right:-16px; }
}
@media only screen and (max-width: 640px){
.brochure_txt {font-size:15px; margin-bottom:20px;}
ul.brochure_list {gap: 4%;}
ul.brochure_list li {width:48%;}
ul.brochure_list li:nth-child(n+3) {margin-top:4%;}
ul.brochure_list li .manual_txt {padding: 10px;}
ul.brochure_list li .manual_txt .tit {font-size:14px;}
ul.brochure_list li .manual_txt a {width:100%; padding: 10px; font-size:14px;}
ul.brochure_list li .manual_txt a span {margin-right:12px; }
ul.brochure_list li .manual_txt a span::after {width:9px; top:5px; right:-14px }
}
/*FAQ*/
/*메뉴 아이콘*/
ul.faq_menu {margin: 50px 0 60px 0; display: flex; gap: 1.45%; position: relative;}
#en ul.faq_menu {justify-content: center;}
ul.faq_menu li {width: calc(100% / 8); height: auto; text-align: center; box-shadow: var(--Shadow); border-radius: 10px; transition: aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center;}
ul.faq_menu li.focus_on {box-shadow: none; background: linear-gradient(to left, #1758e8, #0094f2); border: none;}
ul.faq_menu li.focus_on .icon {background: url('/img/pc/cont/faq_icon_01.png') no-repeat 0 0 / 100%; width: 32px;}
ul.faq_menu li.focus_on .txt {color: #fff;}
ul.faq_menu li a {width: 100%; padding:14% 0; height: 100%; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: center;}
ul.faq_menu li .icon {width: 35px; height: 35px; margin: 0 auto; background-size: 100%; transition:background 0.3s; border-radius: 0;}
ul.faq_menu li .txt {font-size: 16px; line-height: 18px; font-weight: 400; color: var(--black); margin-top: 10px; width: 100%;}
ul.faq_menu li:nth-child(1) .icon {background: url('/img/pc/cont/faq_icon_01.png') no-repeat 0 0 /100%; width: 32px;}
ul.faq_menu li:nth-child(2) .icon {background: url('/img/pc/cont/faq_icon_02.png') no-repeat 0 0 / 100%; width: 34px; }
ul.faq_menu li:nth-child(3) .icon {background: url('/img/pc/cont/faq_icon_03.png') no-repeat 0 0 / 100%; width: 38px; }
ul.faq_menu li:nth-child(4) .icon {background: url('/img/pc/cont/faq_icon_04.png') no-repeat 0 0 / 100%; width: 29px; }
ul.faq_menu li:nth-child(5) .icon {background: url('/img/pc/cont/faq_icon_05.png') no-repeat 0 0 / 100%; width: 37px; }
ul.faq_menu li:nth-child(6) .icon {background: url('/img/pc/cont/faq_icon_06.png') no-repeat 0 0 / 100%; width: 37px; }
ul.faq_menu li:nth-child(7) .icon {background: url('/img/pc/cont/faq_icon_07.png') no-repeat 0 0 / 100%; width: 27px; }
ul.faq_menu li:nth-child(8) .icon {background: url('/img/pc/cont/faq_icon_08.png') no-repeat 0 0 / 100%;}
#en ul.faq_menu li:nth-child(2) .icon {background: url('/img/pc/cont/faq_icon_03.png') no-repeat 0 0 / 100%; width: 38px; }
#en ul.faq_menu li:nth-child(3) .icon {background: url('/img/pc/cont/faq_icon_07.png') no-repeat 0 0 / 100%; width: 27px; }
#en ul.faq_menu li:nth-child(4) .icon {background: url('/img/pc/cont/faq_icon_08.png') no-repeat 0 0 / 100%; width: 35px; }
ul.faq_menu li a:focus {box-shadow: none;background: linear-gradient(to left, #1758e8, #0094f2); border: none;}
ul.faq_menu li a:focus .icon {background-image: url('/img/pc/cont/faq_icon_0X_h.png');}
ul.faq_menu li a:focus .txt {color: #fff;}
ul.faq_menu li:nth-child(1) a:focus .icon {background: url('/img/pc/cont/faq_icon_01_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li:nth-child(2) a:focus .icon {background: url('/img/pc/cont/faq_icon_02_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li:nth-child(3) a:focus .icon {background: url('/img/pc/cont/faq_icon_03_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li:nth-child(4) a:focus .icon {background: url('/img/pc/cont/faq_icon_04_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li:nth-child(5) a:focus .icon {background: url('/img/pc/cont/faq_icon_05_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li:nth-child(6) a:focus .icon {background: url('/img/pc/cont/faq_icon_06_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li:nth-child(7) a:focus .icon {background: url('/img/pc/cont/faq_icon_07_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li:nth-child(8) a:focus .icon {background: url('/img/pc/cont/faq_icon_08_h.png') no-repeat 0 0 / 100%;}
#en ul.faq_menu li:nth-child(2) a:focus .icon {background: url('/img/pc/cont/faq_icon_03_h.png') no-repeat 0 0 / 100%;}
#en ul.faq_menu li:nth-child(3) a:focus .icon {background: url('/img/pc/cont/faq_icon_07_h.png') no-repeat 0 0 / 100%;}
#en ul.faq_menu li:nth-child(4) a:focus .icon {background: url('/img/pc/cont/faq_icon_08_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li.focus_on:nth-child(1) .icon {background: url('/img/pc/cont/faq_icon_01_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li.focus_on:nth-child(2) .icon {background: url('/img/pc/cont/faq_icon_02_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li.focus_on:nth-child(3) .icon {background: url('/img/pc/cont/faq_icon_03_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li.focus_on:nth-child(4) .icon {background: url('/img/pc/cont/faq_icon_04_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li.focus_on:nth-child(5) .icon {background: url('/img/pc/cont/faq_icon_05_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li.focus_on:nth-child(6) .icon {background: url('/img/pc/cont/faq_icon_06_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li.focus_on:nth-child(7) .icon {background: url('/img/pc/cont/faq_icon_07_h.png') no-repeat 0 0 / 100%;}
ul.faq_menu li.focus_on:nth-child(8) .icon {background: url('/img/pc/cont/faq_icon_08_h.png') no-repeat 0 0 / 100%;}
#en ul.faq_menu li.focus_on:nth-child(2) .icon {background: url('/img/pc/cont/faq_icon_03_h.png') no-repeat 0 0 / 100%;}
#en ul.faq_menu li.focus_on:nth-child(3) .icon {background: url('/img/pc/cont/faq_icon_07_h.png') no-repeat 0 0 / 100%;}
#en ul.faq_menu li.focus_on:nth-child(4) .icon {background: url('/img/pc/cont/faq_icon_08_h.png') no-repeat 0 0 / 100%;}
table.faq thead tr th {border-right:none;}
table.faq tbody tr:hover {background-color: var(--blue2_bg)}
table.faq tbody tr:hover td.tit {text-decoration:underline;}
table.faq tbody tr td {border-right:none;}
table.faq tbody tr td.tit {text-align:left; font-weight:400; padding-left:20px;}
table.faq tbody tr td.tit a {color:inherit; display: flex; gap: 8px;}
table.faq tbody tr td.sub.standard {color: var(--brown_bg);}
table.faq tbody tr td.sub.payment {color: var(--blue);}
table.faq tbody tr td.sub.etc {color: var(--gray6);}
table.faq tbody tr td.sub.delivery {color: var(--brownL_bg);}
table.faq tbody tr td.sub.member {color: var(--blueG_bg);}
table.faq tbody tr td.sub.exchange {color: var(--sky_bg);}
table.faq tbody tr td.sub.proof {color: var(--blueD_bg);}
@media only screen and (max-width: 1024px){
ul.faq_menu {margin: 30px 0 40px 0; gap:1.3%; flex-wrap: wrap;}
ul.faq_menu li {width:24%; aspect-ratio:0; border-radius:8px;}
ul.faq_menu li a {padding:10% 2%; border-radius:8px;}
ul.faq_menu li:nth-child(n+5) {margin-top:1.3%;}
ul.faq_menu li .txt {font-size: 16px; line-height:16px; margin-top:10px;}
}
@media only screen and (max-width: 640px){
ul.faq_menu {margin: 20px 0 30px 0; gap:2%;}
ul.faq_menu li {width: 32%; box-shadow: none; border-radius:4px; border: 1px solid #eee; }
#en ul.faq_menu li {width: 49%;}
ul.faq_menu li a {border-radius:4px; }
ul.faq_menu li:nth-child(n+4) {margin-top:2%;}
#en ul.faq_menu li:nth-child(n+3) {margin-top:2%;}
ul.faq_menu li .txt {font-size: 14px; margin-top:0; }
ul.faq_menu li .icon {display: none;}
table.faq tbody tr td.tit {padding-left:10px;}
}
/*공지사항*/
/*셀렉트*/
.notice_container {display: flex; gap:1%; justify-content: center;}
.notice_container .select_form {position: relative; width:14.493%; cursor:pointer;}
.notice_container .select_form::after {position: absolute; content:""; background: url('/img/pc/cont/select_down.png') no-repeat 0 0 / 100%; width: 9px; height:6px; top:45%; right: 20px; }
.notice_container .select_form .select {padding: 22px 0 22px 20px; width:100%; border: 1px solid #ddd; border-radius: 10px; font-size:17px; line-height:19px; font-weight:400; color: var(--black); cursor:pointer; }
.notice_container .select_form .select option {font-size:17px; line-height:19px; font-weight:400; color: var(--gray6);}
.notice_container .search_container {margin:0;}
/*테이블*/
table.notice thead tr th {border-right:none;}
table.notice tbody tr:hover {background-color: var(--blue2_bg)}
table.notice tbody tr:hover td.tit {text-decoration: underline; }
table.notice tbody tr td {border-right:none;}
table.notice tbody tr td.tit {text-align:left;}
table.notice tbody tr td.tit a {color: inherit; }
table.notice tbody tr.main td.tit {color:var(--blue);}
table.notice tbody tr.main td.tit img {width: 18px; margin-right:10px;}
.notice table td.tit a {width: 99%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
@media only screen and (max-width: 1024px){
.notice_container {margin-top:50px;}
.notice_container .select_form {width:24%;}
table.notice colgroup col:nth-child(2) {width:74%;}
table.notice colgroup col:nth-child(3) {width:18%;}
.notice .mo_scroll_table {width: 100%;}
.notice .mo_scroll_table table {min-width: unset;}
.notice table colgroup {display: none;}
}
@media only screen and (max-width: 640px){
.notice_container {gap:2%; margin-top:30px; flex-direction: column;}
.notice_container .select_form {width: 100%; margin-bottom:10px;}
.notice_container .select_form::after {right: 22px; width:10px; height:6px; }
.notice_container .select_form .select {padding: 16px 20px; font-size:14px; background: url('data:image/svg+xml;utf8,') no-repeat right 0 center;}
.notice .mo_scroll_table table {min-width: 570px;}
.notice table .num {width: 6%;}
}
/*공지사항-상세페이지*/
.board_view {margin-top: 70px;}
.board_view .view_top {border-top:2px solid #000; padding:25px 30px;}
.board_view .view_top.b_line {border-bottom:1px solid #ddd;}
.board_view .view_top .tit {font-size: 20px; color: var(--black); font-weight:600; margin-bottom:3px; }
.board_view .view_top .date {font-size: 16px; color: var(--gray6); font-weight:300; }
.board_view .editor_wrap {background-color: #f2f2f2; padding:10px 30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.board_view .editor_wrap a {position: relative; display:block; margin-top:15px;}
.board_view .editor_wrap a:hover .editor {text-decoration: underline; color: var(--gray6);}
.board_view .editor_wrap a:first-child {margin-top:0;}
.board_view .editor_wrap a.file {color: var(--gray6); font-size: 16px; margin-top: -2px;}
.board_view .editor_wrap a .editor {display: inline-block; margin-bottom: -4px; font-size: 16px; color: var(--gray6); font-weight:300; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/* .board_view .editor_wrap a .editor::before {content:""; position: absolute; background: url('/img/pc/cont/file.png') no-repeat 0 0 / 92%; width: 30px; height:30px; left:0; top:-1px; }*/
.board_view .view_body {padding:35px 30px 70px 30px; overflow:hidden;}
.board_view .view_body .txt {font-size: 17px; color: var(--gray6); font-weight:400; }
.board_view .view_body .txt .bold {color: var(--black); font-weight:600; }
.board_view .view_body .txt .orange {color: var(--orange); font-weight:400; display: block; word-break: keep-all; word-wrap: break-word; }
.board_view .view_body .txt .orange:hover {text-decoration: underline;}
.board_view ul.controls {margin-bottom: 70px;}
.board_view ul.controls li {padding: 15px 30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.board_view ul.controls li a {display:flex; font-size:17px; gap:3%;}
.board_view ul.controls li a .sub {width:9%; color: var(--gray6); font-weight:300; position: relative;}
.board_view ul.controls li a .tit {width:88%; color: var(--black); font-weight:400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.board_view ul.controls li a .sub::after {content:""; position: absolute; width: 9px; height:6px; right:0; top:44%;}
.board_view ul.controls li.ctrol_prev {margin-top: -1px;}
.board_view ul.controls li.ctrol_next a .sub::after {background: url('/img/pc/cont/controls_next.png') no-repeat 0 0 / 100%; }
.board_view ul.controls li.ctrol_prev a .sub::after {background: url('/img/pc/cont/controls_prev.png') no-repeat 0 0 / 100%; }
.board_view .inventory_btn {background-color: var(--blue); color:#fff; font-size: 18px; font-weight:400; width:14%; display: block; text-align: center; margin: 0 auto; padding: 17px 0; border-radius:5px; transition: background 0.5s; }
.board_view .inventory_btn:hover {background-color: var(--black);}
@media only screen and (max-width: 1024px){
.board_view {margin-top: 50px;}
.board_view .view_top {padding:20px 25px;}
.board_view .view_top .tit {font-size: 18px; margin-bottom:0; }
.board_view .view_top .date {font-size: 15px;}
.board_view .editor_wrap {padding:10px 25px; }
.board_view .editor_wrap a.file {font-size: 15px;}
.board_view .editor_wrap a .editor {font-size: 15px;}
.board_view .editor_wrap a .editor::before {width: 26px;}
.board_view .view_body {padding:30px 25px 60px 25px;}
.board_view .view_body .txt {font-size: 16px;}
.board_view ul.controls {margin-bottom: 50px;}
.board_view ul.controls li {padding: 15px 25px; }
.board_view ul.controls li a {font-size:16px; gap:6%;}
.board_view ul.controls li a .tit {width:85%;}
.board_view ul.controls li a .sub::after {margin-right:-20px; }
.board_view .inventory_btn {font-size: 16px; width:20%; padding: 15px 0; }
}
@media only screen and (max-width: 640px){
.board_view {margin-top: 30px;}
.board_view .view_top {padding:15px 10px;}
.board_view .view_top .tit {font-size: 16px;}
.board_view .view_top .date {font-size: 14px; color: var(--black); }
.board_view .editor_wrap {padding:10px;}
.board_view .editor_wrap a {margin-top:10px;}
.board_view .editor_wrap a.file {font-size: 14px;}
.board_view .editor_wrap a .editor {font-size: 14px; color: var(--black);}
.board_view .editor_wrap a .editor::before {width: 22px; top:0; }
.board_view .view_body {padding:20px 10px 30px 10px; }
.board_view .view_body .txt {font-size: 14px; word-break: keep-all; }
.board_view ul.controls {margin-bottom: 30px;}
.board_view ul.controls li {padding: 10px; }
.board_view ul.controls li a {font-size:14px; gap:8%}
.board_view ul.controls li a .tit {width:81%; margin-left:15px;}
.board_view ul.controls li a .sub {color: var(--black);}
.board_view ul.controls li a .sub::after {margin-right:-27px; width:7px; }
.board_view .inventory_btn {font-size: 14px; width:100%; padding: 15px 0; }
}
/*페이지네이션 (공통부분)*/
ul.pagenation {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top:70px; }
ul.pagenation li {cursor: pointer; margin-left:30px; font-size: 16px; font-weight:400; color: var(--gray6);}
ul.pagenation li a {font-size: 16px; font-weight:400; color: var(--gray6);}
ul.pagenation li:focus {color: var(--orange);}
ul.pagenation li.focused {color: var(--orange);}
ul.pagenation li button {border:none; outline:none; background: transparent; }
ul.pagenation li.prev_01 img,
ul.pagenation li.next_02 img {width: 19px; margin-bottom:5px;}
ul.pagenation li.prev_02 img,
ul.pagenation li.next_01 img {width: 9px; margin-bottom:5px;}
ul.pagenation li.prev_01 {margin-left:0}
ul.pagenation li.prev_02 {margin: 0 40px 0 20px;}
ul.pagenation li.next_01 {margin-left:70px;}
ul.pagenation li.next_02 {margin-left:20px}
@media only screen and (max-width: 1024px){
ul.pagenation {margin-top:50px; }
}
@media only screen and (max-width: 640px){
ul.pagenation {margin-top:30px; }
ul.pagenation li {margin-left:25px; font-size: 15px;}
ul.pagenation li a {font-size: 15px;}
ul.pagenation li.prev_02 {margin: 0 5px 0 15px;}
ul.pagenation li.next_01 {margin-left:30px;}
ul.pagenation li.next_02 {margin-left:15px}
ul.pagenation li.prev_01 img,
ul.pagenation li.next_02 img {width: 17px; margin-bottom:4px}
ul.pagenation li.prev_02 img,
ul.pagenation li.next_01 img {width: 8px; margin-bottom: 4px; }
}
/*KS표준검색*/
table.sub_standard tbody tr td {padding:5px 10px;}
table.sub_standard tbody tr td a {color: inherit;}
table.sub_standard tbody tr td a:hover {text-decoration: underline; color:var(--blue);}
table.sub_standard tbody tr td.tit, td.name {text-align: left;}
table.sub_standard tbody tr td p.bg {padding:2px 8px;}
table.sub_standard tbody tr td p.blue {color:#fff;}
table.sub_standard tbody tr td p.green {background-color: var(--greeb_bg);}
table.sub_standard tbody tr td p.black {color:#fff;}
table.sub_standard tbody tr td.offer {width:6%;}
table.sub_standard tbody tr td.offer ul.icon_list {display:flex; justify-content: center; gap:15%; flex-wrap:wrap;}
table.sub_standard tbody tr td.offer ul.icon_list li img {width: 18px}
@media only screen and (max-width: 730px){
table.sub_standard thead {display:none;}
table.sub_standard tbody tr {display: flex; flex-wrap: wrap; padding: 15px 0; position:relative;}
table.sub_standard tbody tr td {font-size:13px; color:var(--black); font-weight:300; border-right:0; text-align:left; padding:0; width:fit-content; display:inline-block; }
table.sub_standard tbody tr td:after {content: ''; width: 1px; height: 10px; background: #ddd; display: inline-block; margin: 0 8px;}
table.sub_standard tbody tr td.no:after,
table.sub_standard tbody tr td.check:after,
table.sub_standard tbody tr td.tit:after,
table.sub_standard tbody tr td:last-child:after {display: none;}
table.sub_standard tbody tr td.tit {width:100%; display: block; order:1; font-size:15px; margin-bottom:6px; color: var(--black); font-weight:400; margin-left:0;}
table.sub_standard tbody tr td.tit p.2_lines {display:flex; align-items: flex-start;}
table.sub_standard tbody tr td.no {display:none;}
table.sub_standard tbody tr td.name {order:2; display:block; margin-bottom:5px; width:100%;}
table.sub_standard tbody tr td.name.gap {display:none;}
table.sub_standard tbody tr td.name::after {display:none;}
table.sub_standard tbody tr td.trachea {display: none;}
table.sub_standard tbody tr td.date {order:3;}
table.sub_standard tbody tr td.sell {order:4; margin-right:8px;}
table.sub_standard tbody tr td.sell::after {display:none;}
table.sub_standard tbody tr td.stand {order:5;}
table.sub_standard tbody tr td.offer {order:6; width:fit-content;}
table.sub_standard tbody tr td.offer ul.icon_list {gap:8%; flex-wrap:nowrap; justify-content: flex-start; padding-right: 25px;}
table.sub_standard tbody tr td.offer ul.icon_list li img {width: 16px}
table.sub_standard tbody tr td.tit br {display:none;}
table.sub_standard tbody tr td.name br {display:none;}
}
/*국내단체표준*/
.spscate_container {box-shadow: var(--Shadow); padding:20px 40px; border-radius:10px; margin-bottom:70px; }
.spscate_container .menu {padding:20px; border-bottom:1px solid #ddd; display:flex; align-items: center;}
.spscate_container .menu .label {font-size:20px; font-weight:500; color:var(--black); width:120px; }
.spscate_container .menu .contents {width: calc(100% - 120px);}
/*셀렉트*/
.spscate_container .menu.select_box .select_wrap {width:330px; border:1px solid #ddd; position: relative; border-radius:4px; padding:2px 0; cursor:pointer; }
.spscate_container .menu.select_box .select_wrap::after {position: absolute; content: ""; background: url(/img/pc/cont/select_down.png) no-repeat 0 0 / 100%; width: 11px; height: 7px; top:45%; right:10px; }
.spscate_container .menu.select_box .select_wrap select {width:100%; font-size:14px; font-weight:400; color: var(--black); border:none; outline:none; padding:15px; cursor:pointer; }
/*체크박스*/
.spscate_container .menu.check_box {align-items: flex-start;}
.spscate_container .menu form.check_wrap {display: flex; flex-wrap:wrap; gap:20px;}
.spscate_container .menu form.check_wrap span input[type="radio"] {width: 20px; height: 20px; border:1px solid #ddd; border-radius:50%; position: relative; top:3px; transition: border 0.3s ease-in-out; outline:none; cursor:pointer; }
.spscate_container .menu form.check_wrap span input[type="radio"]:checked {background: var(--blue) url(/img/pc/comn/check.svg) no-repeat 55% 55% / 10px; border: 1px solid #233d80;}
.spscate_container .menu form.check_wrap span input[type="radio"]:checked + label {color: var(--blue);}
.spscate_container .menu form.check_wrap span input[type="radio"]:disabled {background-color: lightgray; box-shadow: none; opacity: 0.7; cursor: not-allowed;}
.spscate_container .menu form.check_wrap span input[type="radio"]:disabled + label {cursor: not-allowed; opacity: 0.7; }
.spscate_container .menu form.check_wrap span label {display:inline-block; font-size:17px; color:var(--gray6); font-weight:400; margin-left:3px; cursor:pointer; }
/*검색박스*/
.spscate_container .menu.search_box {border-bottom:0;}
/*서브 인포*/
.table_menu {margin-bottom:15px; display:flex; }
.table_menu .wrap_type {margin-bottom:0; }
.table_menu .sub_info.spscate {margin:0;}
/*테이블*/
ul.ks_table.spscate li.nocart div.type {flex-direction:unset;}
ul.ks_table.spscate li.nocart div.type.type02 {flex-direction:column;}
ul.ks_table.spscate li div.type.type02 .type_option button {width: 230px;}
ul.ks_table.spscate li div.type .wrap .type_option button {width: 180px;}
ul.ks_table.spscate li div.type.type02 .wrap .type_option button {width: 180px;}
ul.ks_table.spscate li.nocart div.type .type_option {margin-top:0; margin-left:6px;}
ul.ks_table li div.type .type_option button {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 2.1; padding: 7px 40px 12px 15px;}
ul.ks_table li div.type .type_option button p {height: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
ul.ks_table.spscate .type .wrap {flex-wrap: wrap; width: 230px;}
ul.ks_table.spscate > li div.wrap .type_option {width: 100%;}
ul.ks_table.spscate > li div.wrap .bookmark + .type_option {width: calc(100% - 50px); margin-top: 0 !important;}
ul.ks_table.spscate li div.type .wrap .cart_popup + .type_option button {width: 100%;}
ul.ks_table.spscate li div.type .wrap .cart_popup + form {width: 100%;}
ul.ks_table.spscate li div.type.type02 .wrap form .type_option button {width: 230px;}
ul.ks_table.spscate li div.type .type_option button {width:290px;}
/*ul.ks_table.spscate li div.type div.wrap a.cart {background: #165458 url(/img/pc/cont/cart.png) no-repeat 25% 50%;}*/
ul.ks_table.spscate li div.ks_txt {padding: 0px 30px; width: calc(100% - 345px);}
ul.ks_table.spscate li div.ks_txt ul.ks_stxt li {margin-right: 15px;}
ul.ks_table.spscate li div.ks_txt ul.ks_stxt li:first-child {margin-right: 15px;}
ul.ks_table.spscate li div.ks_txt div.wrap p.gal_tit .view {float:right; overflow:hidden; margin: 3px 0 0 8px;}
ul.ks_table.spscate li div.type div.wrap a.bookmark {width:44px; height:44px; border-radius:5px;}
ul.ks_table.spscate li div.type div.wrap a.cart {width: calc(100% - 50px); height:44px; padding:10px 0 8px 27px; transition: background 0.3s; }
ul.ks_table.spscate.detinfo li div.type div.wrap a.cart {width: 100%;}
/*테이블-검색결과 없음*/
ul.ks_table.spscate li.nodate {flex-direction: column; text-align:center;}
ul.ks_table.spscate li.nodate p.tit {font-size:22px; font-weight:500; margin-bottom:15px; }
ul.ks_table.spscate li.nodate p.tit .orange {color: var(--orange);}
ul.ks_table.spscate li.nodate p.sub {font-size:17px; color:var(--gray6); font-weight:200; margin-bottom:30px;}
ul.ks_table.spscate li.nodate .btn {background-color: var(--blue); font-size:17px; font-weight:400; color:#fff; padding:20px 35px; border-radius:6px; transition: background 0.3s; }
ul.ks_table.spscate li.nodate .btn:hover {background-color: var(--black);}
@media only screen and (max-width: 1202px){
ul.ks_table.spscate li div.type .type_option ul li p.check_v input[type="checkbox"] + label::after {top: 0;}
}
@media only screen and (max-width: 1090px){
/*테이블*/
ul.ks_table.spscate li.nocart div.type .type_option ul {top:58px;}
ul.ks_table.spscate li div.type .type_option button {width:240px;}
ul.ks_table.spscate li div.type div.wrap a.cart {background: #165458; padding: 9px 0 8px;}
}
@media only screen and (max-width: 1024px){
/*국내단체표준*/
.spscate_container {padding:15px 25px; margin-bottom:50px; }
.spscate_container .menu {padding:15px;}
.spscate_container .menu .label {font-size:18px; width:100px; }
.spscate_container .menu .contents {width: calc(100% - 100px);}
/*셀렉트*/
.spscate_container .menu.select_box .select_wrap {width:380px;}
/*체크박스*/
.spscate_container .menu form.check_wrap {gap:15px;}
.spscate_container .menu form.check_wrap span label {font-size:15px;}
.spscate_container .menu form.check_wrap span input[type="radio"] {width: 16px; height: 16px; top:3px; }
/*서브 인포*/
.table_menu .sub_info.spscate a.plus {margin-left:9px;}
/*테이블-검색결과 없음*/
ul.ks_table.spscate li.nodate p.tit {font-size:20px; margin-bottom:10px; }
ul.ks_table.spscate li.nodate p.sub {font-size:16px; margin-bottom:20px;}
ul.ks_table.spscate li.nodate .btn {font-size:15px; padding:15px 20px;}
ul.ks_table.spscate li div.ks_txt ul.ks_stxt {flex-direction: column;}
}
@media only screen and (max-width: 720px){
/*테이블*/
ul.ks_table.spscate .type_option {width:100%;}
ul.ks_table.spscate li div.ks_txt {padding: 10px 0; width: 100%;}
ul.ks_table.spscate li.nocart div.type {width:100%; flex-direction: unset; }
ul.ks_table.spscate li.nocart div.type .type_option {width:100%; margin-top:0; margin-left:10px;}
ul.ks_table.spscate .type .wrap {width:100%;}
ul.ks_table.spscate > li div.wrap .bookmark + .type_option {width: calc(100% - 54px);}
ul.ks_table.spscate li.nocart div.type .type_option ul {top:48px;}
ul.ks_table.spscate li.nocart div.type .type_option button {width:100%;}
ul.ks_table.spscate li div.type .type_option button {width:100% !important;}
ul.ks_table.spscate .set_btn {width:100% !important;}
ul.ks_table.spscate li div.type div.wrap a.bookmark {width:44px; height:44px; border-radius:5px;}
ul.ks_table.spscate li div.type div.wrap a.cart {height:44px; padding:10px; width: calc(100% - 54px);}
ul.ks_table.spscate li div.type .type_option ul li
p.check_v input[type="checkbox"] + label::after {top: 0;}
ul.ks_table.spscate li.nocart div.type .type_option ul li:first-child {padding-bottom:0;}
}
@media only screen and (max-width: 640px){
/*국내단체표준*/
.spscate_container {padding:10px; margin-bottom:40px; }
.spscate_container .menu {align-items: flex-start; flex-direction: column; padding:10px; border-bottom:0; }
.spscate_container .menu .label {font-size:16px; width:100%; margin-bottom:5px; }
.spscate_container .menu .contents {width: 100%;}
/*셀렉트 박스*/
.spscate_container .menu.select_box .select_wrap {width:100%; padding:8px 0; }
.spscate_container .menu.select_box .select_wrap select {padding:0 15px 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url('data:image/svg+xml;utf8,') no-repeat right 0 center;}
.spscate_container .menu.select_box .select_wrap::after {right:15px;}
/*체크 박스*/
.spscate_container .menu form.check_wrap {gap:10px;}
.spscate_container .menu form.check_wrap span label {font-size:14px; margin-left:0;}
/*검색 박스*/
.spscate_container .menu.search_box .search_container {margin:unset;}
/*서브 인포*/
.table_menu {flex-direction: column; align-items: flex-start; margin-bottom:10px;}
.table_menu .wrap_type {order:1;}
.table_menu .sub_info.spscate {justify-content: space-between; margin-bottom: 5px;}
/*테이블-검색결과 없음*/
ul.ks_table.spscate li.nodate p.tit {font-size:16px; margin-bottom:5px; }
ul.ks_table.spscate li.nodate p.sub {font-size:14px; margin-bottom:15px;}
ul.ks_table.spscate li.nodate .btn {width:100%;}
}
/* 공공안내심볼 */
.symlist_filter {padding:0 40px; margin-bottom:30px; box-shadow:var(--Shadow); border-radius:10px; display:flex; flex-wrap:wrap;}
.symlist_filter dl {display:flex; width:100%; padding:20px 0;}
.symlist_filter dl + dl {border-top:solid 1px #ddd}
.symlist_filter dl dt {font-size:18px; font-weight:500; color:var(--blue); padding-right:30px; width: 25%; text-align: right;}
.symlist_filter dl .check_v {padding-bottom:0; gap:10px 20px;;}
.symlist_filter dl .check_v input[type="checkbox"] + label{font-size:17px;}
.wrap_type:has(.search_container) .sel_box {width:85px;;}
.wrap_type .search_container {margin:0; width:60%; padding:7px 20px;}
.wrap_type .search_container input {margin:0;}
.wrap_type .search_container input::placeholder {color:#999; font-weight:300;}
ul.symlist_list {border-top:solid 2px #000;}
ul.symlist_list > li {display:flex; align-items: center; gap:20px; padding:20px 10px; border-bottom:solid 1px #ddd;}
ul.symlist_list > li p.cate {width:8%; font-size:20px; font-weight:600; font-family:'Pretendard'; color:var(--blue);}
ul.symlist_list > li p.cate a {font-size:20px; font-weight:600; font-family:'Pretendard'; color:var(--blue)}
ul.symlist_list > li p.img {width:10%; border-radius: 5px; overflow: hidden;}
ul.symlist_list > li p.img img {width:100%;}
ul.symlist_list > li p.tit {width:20%; font-size:20px; font-weight:500;}
ul.symlist_list > li p.txt {width:calc(50% - 170px); font-size:16px; color:#666;}
ul.symlist_list > li p.price {text-align:right; padding-right:20px;}
ul.symlist_list > li p.price b {font-family:'Pretendard';}
ul.symlist_list > li p.cart {width:170px;}
ul.symlist_list > li p.cart a {background:#165458 url('/img/pc/cont/cart.png') no-repeat 15% 50%; height:40px; border-radius: 3px; display:block; padding: 7px 0 8px 27px; text-align:center; color:#fff; font-size:16px; font-weight:400;}
ul.symlist_list > li p.cart a:hover {background-color:#000; }
ul > li.nodata {flex-direction: column; gap: 20px;}
@media only screen and (max-width: 1200px){
.symlist_filter dl dt {width: revert; }
.symlist_filter dl .check_v {display:flex; flex-wrap:wrap;}
.symlist_filter dl .check_v input[type="checkbox"] + label {padding-bottom:0}
.symlist_filter dl .check_v input[type="checkbox"] + label:after {top:3px;}
}
/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
.symlist_filter {padding:0 30px;}
.symlist_filter dl dt {font-size:17px;}
.symlist_filter dl .check_v input[type="checkbox"] + label{font-size:16px;}
ul.symlist_list > li {gap: 10px;}
ul.symlist_list > li p {text-align: left;}
ul.symlist_list > li p.cate {width:100%; /* width:80px; */}
ul.symlist_list > li p.cate a {font-size:17px;}
ul.symlist_list > li p.img {min-width:60px;}
ul.symlist_list > li p.tit {width:100%; font-size:17px; }
ul.symlist_list > li p.txt {width:100%; /* width:calc(75% - 280px); */}
ul.symlist_list > li p.price {width:100%; padding-right:0;}
ul.symlist_list > li p.cart {width:100%; /* width:140px; */}
ul.symlist_list > li p.cart a {background:#165458; padding: 7px 0 8px;}
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
.symlist_filter {padding:0 20px; display: block;}
.symlist_filter dl {display:block; padding:15px 0;}
.symlist_filter dl dt {font-size:15px; padding:0 0 5px 0; text-align:left; }
.symlist_filter dl .check_v {gap:0 20px}
.symlist_filter dl .check_v span {display:inline-block; margin:5px 0;}
.symlist_filter dl .check_v input[type="checkbox"] + label{font-size:14px;}
.symlist_filter dl .check_v input[type="checkbox"] + label:after{top:1px;}
ul.symlist_list > li {flex-wrap:wrap; padding:15px 0 20px 80px; position:relative; gap: 2px;}
ul.symlist_list > li p.cate {display: none;}
ul.symlist_list > li p.cate a {font-size:16px;}
ul.symlist_list > li p.img {position:absolute; left:0; top:20px;}
ul.symlist_list > li p.tit {font-weight:600; width:100%;}
ul.symlist_list > li p.txt {width:100%; margin:5px 0;}
ul.symlist_list > li p.price {width:100%; text-align:left;}
ul.symlist_list > li p.cart {width:100%;margin-top:15px;}
}
/* 리스트 */
.dot_list {width:100%; counter-reset: li; color:#666}
.dot_list > li {font-size:17px; font-weight:400; position:relative; padding:0 0 0 10px !important; word-break:keep-all; }
.dot_list.s > li {font-size:16px;}
.dot_list > li::before {position:absolute; left:0; top:12px; content:''; width:3px; height:3px; border-radius:50%; background:#ccc;}
.dot_list > li + li {margin-top:7px;}
.dash_list {width:100%; counter-reset: li; color:#666}
.dash_list > li {font-size:17px; font-weight:400; position:relative; padding:0 0 0 10px !important; word-break:keep-all; }
.dash_list.s > li {font-size:16px;}
.dash_list > li::before {position:absolute; left:0; top:12px; content:''; width:5px; height:1px; background:#999;}
.dash_list > li + li {margin-top:7px;}
.num_list {width:100%; counter-reset: li; color:#666}
.num_list > li {font-size:17px; font-weight:400; position:relative; padding:0 0 0 20px !important; word-break:keep-all; }
.num_list.s > li {font-size:16px;}
.num_list > li::before {position:absolute; left:0; display:inline-block; content:counter(li) '.'; counter-increment: li; text-align:center; font-size:16px; line-height:16px; margin-top:5px;; font-family:'Pretendard';}
.num_list > li + li {margin-top:7px;}
/*-----------------------------------------------------------------TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
.dot_list > li,
.dash_list > li ,
.num_list > li {font-size:16px;}
.dot_list.s > li,
.dash_list.s > li,
.num_list.s > li {font-size:15px;}
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
.dot_list > li,
.dash_list > li ,
.num_list > li,
.num_list > li::before {font-size:15px;}
.dot_list.s > li,
.dash_list.s > li,
.num_list.s > li,
.num_list > li::before {font-size:14px;}
}
.ui-widget.ui-widget-content {z-index: 102;position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); padding: 0; border: none !important; border-radius: 5px !important; overflow: hidden;}
.ui-draggable .ui-dialog-titlebar {width:100%; position:relative; font-weight:500; font-size:19px;color:#fff; padding-right:40px; background: #203a91; padding:15px 20px !important; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.ui-dialog .ui-dialog-titlebar-close {border: none; position:absolute; right:20px !important; display:block; font-size:0 !important; width:22px !important; height:22px; background:url('/img/pc/cont/pop_cbtn.png')no-repeat 50% 50%;}
.ui-dialog .ui-dialog-titlebar-close:hover {background:url('/img/pc/cont/pop_cbtn.png')no-repeat 50% 50%;}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {background:url('/img/pc/cont/pop_cbtn.png')no-repeat 50% 50%; border: none;}
.ui-button .ui-icon {background-image: none !important;}
.ui-dialog .ui-dialog-content {width:100%; padding:20px 26px !important; max-height:700px; height: auto !important; overflow: visible;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {display: flex; padding: 20px; gap: 10px; justify-content: center;}
.ui-dialog .ui-dialog-buttonpane {border:none; display: flex; padding: 40px; gap: 30px; justify-content: center;}
.ui-dialog .ui-dialog-buttonpane button {margin: 0; background: #666; color: #fff; font-size: 18px; font-weight: 400; padding: 20px 80px; border-radius: 5px; transition: background 0.5s;}
.ui-dialog .ui-dialog-buttonpane button.cbtn{background: #666; color: #fff; border:none;}
.ui-widget .btn_wrap a {color: #fff !important;}
.ui-tooltip {display: none !importnat; z-index: -1;}
.ui-widget-overlay {background: #000000 !important;}
.cart_popup .cart.btn-s {z-index: 101;}
.cart_pop .btn_wrap {max-width: 400px; margin: 0 auto; position: relative;}
/*-----------------------------------------------------------------TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
.ui-widget.ui-widget-content {max-width: calc(100dvw - 50px);}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{padding: 30px; gap: 20px;}
.ui-dialog .ui-dialog-buttonpane button {padding: 20px 40px; font-size: 15px; }
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
.ui-widget.ui-widget-content {height: 100% !important; left: 0 !important; top: 0 !important; transform: translateX(0); width: 100% !important; max-width: 100%;}
.ui-dialog .ui-dialog-content {height: auto !important; padding: 15px 18px !important; overflow: visible !important;}
.ui-dialog .ui-dialog-buttonpane {padding: 0 !important; margin: 0; gap: 0 18px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {width: 100%; padding: 0;}
.ui-dialog .ui-dialog-buttonpane button {width: 100%; padding: 10px; margin: 0 !important;}
#setHbCartPop .pop_cont { overflow: visible !important;}
}
/* 휴대폰 인증 팝업 */
#certifyNumber-form fieldset,
#searchCompany-form fieldset {border: none;}
#certifyNumber-form .certi-title {font-size: 17px; color: #333; font-weight: 400; min-width: 80px;}
#certifyNumber-form .certi-number .certi-container {border: none; padding: 0; width: 100%; gap: 10px;}
#searchCompany-form .certi-number .certi-container {width: 100%;}
#certifyNumber-form .certi-number .certi-container .text {border: 1px solid #ddd; padding: 8px 10px !important; height: 46px; width: 100%; max-width: 200px; border-radius: 6px; font-size: 16px; color: var(--black); font-weight: 400;}
.certi-number .certi-container .certi-control .extend-btn {height: 46px; border-radius: 4px; margin-left: 0 !important; background: var(--gray6) !important; border: none;}
#certifyNumber-form .certi-number .certi-submit {font-size: 15px; line-height: 22px; color: #fff; border: none; background-color: var(--blue); padding: 10px; border-radius: 4px; transition: background 0.5s;}
#certifyNumber-form .certi-number .certi-submit:hover {background-color: var(--black);}
#searchCompany-form .certi-number .certi-submit {font-size: 15px; line-height: 22px; color: #fff; border: none; background-color: var(--blue); padding: 10px; border-radius: 4px; transition: background 0.5s;}
#searchCompany-form .certi-number .certi-submit:hover {background-color: var(--black);}
#searchCompany-form .certi-number {justify-content: flex-start;}
.certi_pop label.certi-title {font-size: 0; min-width: 0 !important; height: 0; width: 0 !important;}
#searchCompany-form .certi-title {min-width: 120px;}
#searchCompany-form .certi-number .certi-container .text {width: 100%;}
/*-----------------------------------------------------------------TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
#certifyNumber-form .certi-number,
#searchCompany-form .certi-number {flex-wrap: wrap;}
#certifyNumber-form .certi-title,
#searchCompany-form .certi-title {width: 100%;}
#searchCompany-form .certi-number .certi-container {width: calc(100% - 88px); margin-right: 8px;}
#certifyNumber-form .certi-number .certi-container .text,
#searchCompany-form .certi-number .certi-container .text {max-width: 100%;}
#certifyNumber-form .certi-number .certi-submit {width: 100%; margin-left: 0; margin-top: 10px;}
#searchCompany-form .certi-number .certi-submit {margin-left: 0;}
#searchCompany-form .ui-dialog .ui-dialog-content {overflow: auto !important;}
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
}
/* 추가 메뉴 버튼 */
.info_menu {width: 100%; background: var(--blue); position: relative; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
.info_menu ul {display: flex; width: 100%; max-width: 1560px; padding: 0 30px; margin: 0 auto;}
.info_menu ul li {align-content: center; display: inline-block; border-right: solid 1px #ffffff4D; position: relative; padding: 13px 25px; box-sizing: border-box; vertical-align: middle; text-align: center; max-width: 200px;}
.info_menu ul li:last-child {border-right: none;}
.info_menu ul li a {font-size: 16px; font-weight: 400; color: #fff; }
.info_menu ul li.home {min-width: 45px; width: 45px; height: 50px; background: url(/img/pc/comn/home.svg) no-repeat 10% 50%; margin: 0; padding: 0; border-right: solid 1px #ffffff4D;}
.info_menu ul li.focused {background: #11235f;}
.info_menu::-webkit-scrollbar {height: 6px; background-color: #f1f1f1; }
.info_menu::-webkit-scrollbar-thumb {background-color: #c7c7c7; /border-radius: 4px;}
.info_menu::-webkit-scrollbar-thumb:hover {background-color: #a5a5a5;}
@media only screen and (max-width: 1024px){
.info_menu ul {padding: 0;}
.info_menu ul li.home {background-position: 50% 50%; width: 50px; min-width: 50px; padding: 0 !important;}
.info_menu ul li a {font-size: 15px;}
.info_menu ul li {padding: 11px 20px !important; text-align: center;}
}
@media only screen and (max-width: 640px){
.info_menu ul li.home {width: 45px; min-width: 45px; height: 45px;}
.info_menu ul li a {min-width: revert;width: 100%;}
.info_menu ul li {height: 45px; padding: 6px 17px !important;}
}
/* 툴팁 안보이게 */
div.ui-tooltip {
display: none !important;
}