a, a:link {color:#332;text-decoration:none;} a:visited {color:#332;text-decoration:none;} a:hover {color:#332;text-decoration:none;} a:focus {color:#333;text-decoration:none;} a:active {color:#333;text-decoration:none;} .flex{ display: flex;} .product_list{margin-bottom:200px; margin-top:-60px;} .product_list .wrap{max-width:1240px;} .product_list .s-tit{padding:60px 0 40px; border-top:1px solid #ddd; margin-top:0;} .product_list ul.tabs{display:flex; justify-content:space-between; border:1px solid #aaaaaa; } .product_list ul.tabs li{width:100%; line-height:60px; background:#fff; color:#222222; font-size:16px; font-weight:bold; text-align:center; cursor:pointer;} .product_list ul.tabs li + li{border-left:1px solid #aaaaaa;} .product_list ul.tabs li span{color: #d0d0d0; font-size:20px;} .product_list ul.tabs li.current{/* background: var(--red1); color: #fff; */ border-bottom:2px solid var(--red1)} .product_list .tab-content{ display: none; padding: 0px;} .product_list .tab-content.current{ display: inherit;} .product_list .tab_inner{width:1200px; margin:0 auto;} .product_list .tab-link{} .product_list .tab_bg1{} .product_list .tab_bg2{} .product_list .tab_bg3{} .product_list ul.fit_tabs{border:none;} .product_list ul.fit_tabs li{padding:18px 0 16px; border:none; position:relative; border-bottom:2px solid transparent; box-sizing:border-box;} .product_list ul.fit_tabs li + li{border:none;} .product_list ul.fit_tabs li div{border-left:1px solid #ddd; height:100px; display:flex; flex-direction:column; justify-content:space-between;} .product_list ul.fit_tabs li div:nth-of-type(1){border-left:none;} .product_list ul.fit_tabs li div span{object-fit:none; display:inline-block; height:40px; width:100%;/* filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2)); */} .product_list ul.fit_tabs li:nth-of-type(1) div span{background:url(./image/productN_Ico00.svg) center center no-repeat;} .product_list ul.fit_tabs li:nth-of-type(2) div span{background:url(./image/productN_Ico01.svg) center center no-repeat;} .product_list ul.fit_tabs li:nth-of-type(3) div span{background:url(./image/productN_Ico02.svg) center center no-repeat;} .product_list ul.fit_tabs li:nth-of-type(4) div span{background:url(./image/productN_Ico03.svg) center center no-repeat;} .product_list ul.fit_tabs li:nth-of-type(5) div span{background:url(./image/productN_Ico04.svg) center center no-repeat;} .product_list ul.fit_tabs li:nth-of-type(6) div span{background:url(./image/productN_Ico05.svg) center center no-repeat;} .product_list ul.fit_tabs li:nth-of-type(7) div span{background:url(./image/productN_Ico06.svg) center center no-repeat;} .product_list ul.fit_tabs li:nth-of-type(8) div span{background:url(./image/productN_Ico07.svg) center center no-repeat;} .product_list ul.fit_tabs li:nth-of-type(9) div span{background:url(./image/productN_Ico08.svg) center center no-repeat;} .product_list ul.fit_tabs li:nth-of-type(10) div span{background:url(./image/productN_Ico09.svg) center center no-repeat;} .product_list ul.fit_tabs li.current div span{filter: invert(8%) sepia(97%) saturate(6600%) hue-rotate(344deg) brightness(91%) contrast(113%);} .product_list ul.tabs li.hover{border-bottom:2px solid var(--red1);} .product_list ul.fit_tabs li.hover div span{filter: invert(8%) sepia(97%) saturate(6600%) hue-rotate(344deg) brightness(91%) contrast(113%);} .product_list ul.fit_tabs li p{font-size:14px; font-weight:400; color:#333; text-align:center; margin-top:16px; white-space:pre; display:flex; align-items:center; justify-content:center; height:calc(100% - 50px)} .product_list ul.fit_tabs li.current p{color:var(--red1); font-weight:bold;} .product_list ul.fit_tabs li.hover p{color:var(--red1); font-weight:bold;} /*.product_list ul.fit_tabs li:nth-of-type(1) p{margin-bottom:10px;}*/ /*.product_list ul.fit_tabs li:nth-of-type(6) p{margin-bottom:10px;}*/ /*.product_list ul.fit_tabs li:nth-of-type(7) p{margin-bottom:10px;}*/ /*.product_list ul.fit_tabs li:nth-of-type(8) p{margin-bottom:10px;}*/ /*.product_list ul.fit_tabs li:nth-of-type(10) p{margin-bottom:10px;}*/ #m_product_list{position:relative;} #m_product_list div.fit_tabs{display:flex; justify-content:space-between; border:none; } #m_product_list div.fit_tabs div.siwper-wrapper{width:100%; line-height:70px; background:#fff; color:#222222; font-size:16px; font-weight:bold; text-align:center; cursor:pointer;} #m_product_list div.fit_tabs div + div{border-left:none;} #m_product_list div.fit_tabs div span{color: #d0d0d0; font-size:20px;} #m_product_list div.fit_tabs div.current{border-bottom:2px solid var(--red1); color:var(--red1); box-sizing:border-box;} #m_product_list div.fit_tabs div.current p{color:var(--red1); font-weight:bold;} #m_product_list div.fit_tabs{border:none; position:relative; width:670px ; margin:0 auto;} #m_product_list div.fit_tabs > div{padding:30px 0; border:none; position:relative; width:100%; background:#fff;} #m_product_list div.fit_tabs > div + div{border:none;} #m_product_list div.fit_tabs > div + div:before{width:1px; height:85px; top:50%; left:0; background:#ddd; content:""; display:block; transform:translateY(-50%); position:absolute;} #m_product_list div.fit_tabs > div.current:before{background:var(--red1)} #m_product_list div.fit_tabs > div div{border-left:none; height:100%; display:flex; flex-direction:column; justify-content:center; width:150px; cursor:pointer; align-items:center; background:#fff;} #m_product_list div.fit_tabs > div div:nth-of-type(1){border-left:none;} #m_product_list div.fit_tabs > div div span{object-fit:none; display:inline-block; height:50px; width:100%; filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2)); padding-top:40px; display:none;} /* #m_product_list div.fit_tabs > div > div:nth-of-type(1) div span{background:url(./image/product_IcoN00_off.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(2) div span{background:url(./image/product_IcoN01_off.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(3) div span{background:url(./image/product_IcoN02_off.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(4) div span{background:url(./image/product_IcoN03_off.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(5) div span{background:url(./image/product_IcoN04_off.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(6) div span{background:url(./image/product_IcoN05_off.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(7) div span{background:url(./image/product_IcoN06_off.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(8) div span{background:url(./image/product_IcoN07_off.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(9) div span{background:url(./image/product_IcoN08_off.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(10) div span{background:url(./image/product_IcoN09_off.png) center center no-repeat;} */ /* #m_product_list div.fit_tabs > div > div:nth-of-type(1).current div span{background:url(./image/product_IcoN00_on.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(2).current div span{background:url(./image/product_IcoN01_on.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(3).current div span{background:url(./image/product_IcoN02_on.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(4).current div span{background:url(./image/product_IcoN03_on.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(5).current div span{background:url(./image/product_IcoN04_on.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(6).current div span{background:url(./image/product_IcoN05_on.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(7).current div span{background:url(./image/product_IcoN06_on.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(8).current div span{background:url(./image/product_IcoN07_on.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(9).current div span{background:url(./image/product_IcoN08_on.png) center center no-repeat;} #m_product_list div.fit_tabs > div > div:nth-of-type(10).current div span{background:url(./image/product_IcoN09_on.png) center center no-repeat;} */ /* #m_product_list ul.tabs div.hover{background: var(--red1); color: #fff;} #m_product_list div.fit_tabs div.hover:before{background:var(--red1)} */ /* #m_product_list div.fit_tabs div:nth-of-type(1).hover div span{background:url(./image/product_IcoN00_on.png) center center no-repeat;} #m_product_list div.fit_tabs div:nth-of-type(2).hover div span{background:url(./image/product_IcoN01_on.png) center center no-repeat;} #m_product_list div.fit_tabs div:nth-of-type(3).hover div span{background:url(./image/product_IcoN02_on.png) center center no-repeat;} #m_product_list div.fit_tabs div:nth-of-type(4).hover div span{background:url(./image/product_IcoN03_on.png) center center no-repeat;} #m_product_list div.fit_tabs div:nth-of-type(5).hover div span{background:url(./image/product_IcoN04_on.png) center center no-repeat;} #m_product_list div.fit_tabs div:nth-of-type(6).hover div span{background:url(./image/product_IcoN05_on.png) center center no-repeat;} #m_product_list div.fit_tabs div:nth-of-type(7).hover div span{background:url(./image/product_IcoN06_on.png) center center no-repeat;} #m_product_list div.fit_tabs div:nth-of-type(8).hover div span{background:url(./image/product_IcoN07_on.png) center center no-repeat;} #m_product_list div.fit_tabs div:nth-of-type(9).hover div span{background:url(./image/product_IcoN08_on.png) center center no-repeat;} #m_product_list div.fit_tabs div:nth-of-type(10).hover div span{background:url(./image/product_IcoN09_on.png) center center no-repeat;} */ #m_product_list div.fit_tabs div p{font-size:24px; font-weight:400; color:#333; text-align:center; box-sizing:border-box;} #m_product_list div.fit_tabs div.current p{color:#2222222;} #m_product_list div.fit_tabs div.hover{background:var(--red1)} #m_product_list div.fit_tabs div.hover p{color:#fff;} /* #m_product_list div.fit_tabs > div > div:nth-of-type(1) p{margin-bottom:15px;} #m_product_list div.fit_tabs > div > div:nth-of-type(6) p{margin-bottom:15px;} #m_product_list div.fit_tabs > div > div:nth-of-type(7) p{margin-bottom:15px;} #m_product_list div.fit_tabs > div > div:nth-of-type(8) p{margin-bottom:15px;} #m_product_list div.fit_tabs > div > div:nth-of-type(10) p{margin-bottom:15px;} */ #m_product_list div.fit_tabs > div{width:670px ; margin:0 auto; height:120px; padding:0; position:relative;} #m_product_list div.m_fitTab_swiper_btn{position:absolute !important; z-index:9; width:100%; justify-content:space-between; left:50%; top:0; transform:translateX(-50%); height:100%; pointer-events:none;} #m_product_list div.m_fitTab_swiper_btn > div{background:#dddddd; position:inherit; height:100%; width:40px; margin-top:0; font-size:50px; color:#333; pointer-events:auto; cursor:pointer !important;} #m_product_list div.m_fitTab_swiper_btn > div.swiper-button-prev{left:0px; top:0; bottom:auto;} #m_product_list div.m_fitTab_swiper_btn > div.swiper-button-next{right:0px; top:0; bottom:auto;} .m_fitTab_swiper_btn .swiper-button-next.swiper-button-disabled, .m_fitTab_swiper_btn .swiper-button-prev.swiper-button-disabled{opacity:1;} #m_product_list div.fit_tabs > div.current div{border-bottom:5px solid #ddd;} .product_detail{margin-bottom:200px;} .product_detail .wrap{max-width:1240px;} .product_detail .s-tit{padding:60px 0 40px; border-top:1px solid #ddd; margin-top:0;} .product_detail .pc_show ul.tabs{display:flex; justify-content:space-between; } .product_detail .pc_show ul.tabs li{width:100%; line-height:60px; background:#fff; color:#222222; font-size:16px; font-weight:bold; text-align:center; cursor:pointer;} .product_detail .pc_show ul.tabs li + li{} .product_detail .pc_show ul.tabs li span{color: #d0d0d0; font-size:20px;} .product_detail .pc_show ul.tabs li.current{/* background: var(--red1); color: #fff; */ border-bottom:2px solid var(--red1) !important;} .product_detail .pc_show ul.tabs li.current{border-bottom:none; border-bottom:3px solid var(--red1) !important; color:var(--red1);} .product_detail .tab-content{display:none; box-sizing:border-box; padding:40px 0 100px;} .product_detail .tab-content.current{display: inherit;} .product_detail .tab_inner{width:1200px; margin:0 auto;} .product_detail .tab-link{} .product_detail .tab_bg1{} .product_detail .tab_bg2{} .product_detail .tab_bg3{} .product_detail > .pc_show{max-width:1240px; position:relative;} .product_detail > .pc_show:after{width:1000vw; height:1px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:#ddd; content:""; display:block;} .product_detail ul.fit_tabs{border:none;} .product_detail ul.fit_tabs li{padding:18px 0 16px; border:none; position:relative; border-bottom:2px solid transparent; box-sizing:border-box;} .product_detail ul.fit_tabs li + li{border:none;} .product_detail ul.fit_tabs li div{border-left:1px solid #ddd; height:100px; display:flex; flex-direction:column; justify-content:space-between;} .product_detail ul.fit_tabs li div:nth-of-type(1){border-left:none;} .product_detail ul.fit_tabs li div span{object-fit:none; display:inline-block; height:40px; width:100%;/* filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2)); */} .product_detail ul.fit_tabs li:nth-of-type(1) div span{background:url(./image/productN_Ico00.svg) center center no-repeat;} .product_detail ul.fit_tabs li:nth-of-type(2) div span{background:url(./image/productN_Ico01.svg) center center no-repeat;} .product_detail ul.fit_tabs li:nth-of-type(3) div span{background:url(./image/productN_Ico02.svg) center center no-repeat;} .product_detail ul.fit_tabs li:nth-of-type(4) div span{background:url(./image/productN_Ico03.svg) center center no-repeat;} .product_detail ul.fit_tabs li:nth-of-type(5) div span{background:url(./image/productN_Ico04.svg) center center no-repeat;} .product_detail ul.fit_tabs li:nth-of-type(6) div span{background:url(./image/productN_Ico05.svg) center center no-repeat;} .product_detail ul.fit_tabs li:nth-of-type(7) div span{background:url(./image/productN_Ico06.svg) center center no-repeat;} .product_detail ul.fit_tabs li:nth-of-type(8) div span{background:url(./image/productN_Ico07.svg) center center no-repeat;} .product_detail ul.fit_tabs li:nth-of-type(9) div span{background:url(./image/productN_Ico08.svg) center center no-repeat;} .product_detail ul.fit_tabs li:nth-of-type(10) div span{background:url(./image/productN_Ico09.svg) center center no-repeat;} .product_detail ul.fit_tabs li.current div span{filter: invert(8%) sepia(97%) saturate(6600%) hue-rotate(344deg) brightness(91%) contrast(113%);} .product_detail ul.tabs li.hover{border-bottom:2px solid var(--red1);} .product_detail ul.fit_tabs li.hover div span{filter: invert(8%) sepia(97%) saturate(6600%) hue-rotate(344deg) brightness(91%) contrast(113%);} .product_detail ul.fit_tabs li p{font-size:14px; font-weight:400; color:#333; text-align:center; margin-top:16px; white-space:pre; display:flex; align-items:center; justify-content:center; height:calc(100% - 50px)} .product_detail ul.fit_tabs li.current p{color:var(--red1); font-weight:bold;} .product_detail ul.fit_tabs li.hover p{color:var(--red1); font-weight:bold;} .pd_detail_Tab{width:100%;} .pd_detail_TabLine{width:100%; background:#fff; filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.05)); } .pd_detail_TabLine .tabs{max-width:1200px; margin:0 auto;} .shcBox{width:100%; display:flex; margin:20px 0 60px; min-height:100px; height:auto;} .shcBox .shcBtn{width:200px; background:var(--red1) /* url(./shcBtn.png) 75% center no-repeat */; line-height:99px; color:#fff; font-weight:bold; font-size:18px; cursor:pointer;} .shcBox > .flex{width:calc(100% - 200px); box-sizing:border-box; flex-direction:column; height:100%; align-items:center; height:99px;} .shcBox > .flex > div{height:50%; width:100%;} .tab-3-content .shcBox > .flex{border-top:1px solid #aaaaaa} .shcBox .flex3{width:100%;height:50%; align-items:center;/* border-top:1px solid #aaaaaa; */} .shcBox .flex3 > div{width:25%; line-height:49px; height:49px;} .shcBox .flex3 > div:last-child{width:50%; margin-top:1px; border-bottom:1px solid #aaaaaa;} #tab-3 .shcBox .flex3 > div:last-child{width:50%; margin-top:0; border-bottom:1px solid #aaaaaa;} .shcBox .flex3 > div + div{/* border-left:1px solid #aaaaaa; */} .shcBox .multiSelect select{width:100%;} .shcBox .multiSelect select:placeholder{width:100%;} .chosen-container-single .chosen-drop{z-index:3;} .shcBox .multiSelect .chosen-container{border:none; border:1px solid #aaaaaa; border-right:none; letter-spacing:0; padding-left:10px; box-sizing:border-box; background:#fff; z-index:1;} .shcBox .multiSelect .chosen-select{} /* .shcBox .multiSelect .chosen-container .chosen-drop{box-shadow:none; left:-1px; width:calc(100% + 1px);} */ .shcBox .multiSelect .chosen-container{background:#fff url(./multiShc.png) 98% center no-repeat;} .shcBox .multiSelect .chosen-container.chosen-container-active{background:#fff;} .shcBox .multiSelect .chosen-container .chosen-results li{text-align:left; box-sizing:border-box; padding-left:15px; font-size:16px; line-height:26px;} .shcBox .multiSelect .chosen-container .chosen-results li.highlighted{background:#fbe5e7 !important; color:#333;}/*옵션마우스오버컬러*/ .shcBox .multiSelect .chosen-container-multi .chosen-choices{min-height:49px; border:none; padding-bottom:7px; box-shadow:none; background-image:none; background:none;} .shcBox .multiSelect .chosen-container-multi .chosen-choices li.search-choice{border-radius:30px; border:none; background:#999999; color:#fff; font-size:16px; line-height: 26px; margin:0; margin-top:13.5px; margin-right:3px; height:25px; padding:0px 11px; padding-right:25px;} .shcBox .multiSelect .chosen-container-multi .chosen-choices li.search-choice span{color:#fff; letter-spacing:0; font-size:16px; line-height:1;} .shcBox .multiSelect .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{background:url(./clsBtn.png) center center no-repeat; width:9px; height:8px; top:52.5%; transform:translateY(-50%); right:10px;} .shcBox .multiSelect .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:center center;} /* .shcBox .multiSelect .chosen-container-multi .chosen-choices li.search-field{width:100% !important; } */ .shcBox .multiSelect .chosen-container-multi .chosen-choices li.search-field input[type=text]{font-size:16px; line-height:26px; margin-top:14px; /* width:100% !important; */} .shcBox .multiSelect .chosen-container-multi .chosen-choices li.search-field input.default{width:100% !important; min-width:600px;} .shcBox .multiSelect .chosen-container-multi .chosen-results::-webkit-scrollbar {width: 8px; } /* 스크롤바의 너비 */ .shcBox .multiSelect .chosen-container-multi .chosen-results::-webkit-scrollbar-thumb { height: 30%; /* 스크롤바의 길이 */ background-color:var(--red1); /* 스크롤바의 색상 */ border-radius: 10px; } .shcBox .multiSelect .chosen-container-multi .chosen-results::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); /*스크롤바 뒷 배경 색상*/ } .shcBox .multiSelect select{} .chosen-container .chosen-results{z-index:3;} b.special:before{content:"("; display:block; width:20px; height:20px;} b.special:after{content:")"; display:block; width:20px; height:20px;} input[aria-controls=select2-product-type-results]{ display: none; } span.selection > span{text-align:left; font-size:16px;} .shcBox .singleSelect .chosen-single{width:100%; height:49px; box-shadow:none; border-radius:0; box-sizing:border-box; background:#fff; border-top:none;} .shcBox .singleSelect .chosen-container{display:block; border-top:1px solid #aaaaaa; box-sizing:border-box; border:none;} .shcBox .singleSelect2 .chosen-container.chosen-container-active a{border-left:none;} .shcBox > div > div > div:nth-of-type(2) > div a{border-left:none;} .shcBox .singleSelect .chosen-container-active .chosen-single{border:1px solid #aaaaaa; border-top:none;} .shcBox .singleSelect .chosen-container-single .chosen-single span{line-height:50px; font-size:16px; text-align:left; box-sizing:border-box; padding-left:10px;} .shcBox .singleSelect .chosen-container .chosen-results li{text-align:left; box-sizing:border-box; padding:left; padding-left:15px; font-size:16px; line-height:26px;} .shcBox .singleSelect .chosen-container .chosen-results li.highlighted{background:#fbe5e7 !important; color:#333;} .shcBox .singleSelect .chosen-container-single .chosen-single div{right:10px;} .shcBox .singleSelect .chosen-container-single .chosen-single div b{background:url(./singleArw.png) center center no-repeat;} .shcBox .singleSelect .chosen-container-active.chosen-with-drop .chosen-single div b{transform:rotate(-180deg);} .tab-1-content .shcBox .singleSelect .chosen-single{height:50px} .tab-2-content .shcBox .singleSelect .chosen-single{height:50px} .tab-3-content .shcBox .singleSelect .chosen-single{height:50px} .tab-3-content .shcBox .singleSelect .chosen-container{height:50px} .tab-2-content .flex3 .chosen-container{border-top:none;} .tab-2-content .flex3 .singleSelect .chosen-single{border-top:1px solid #aaaaaa; border-top:none;} .tab-2-content .flex3 > div{width:50%;} .tab-3-content .flex3 .chosen-container{border-top:none;} .tab-3-content .flex3 .singleSelect .chosen-single{border-top:1px solid #aaaaaa; border-top:none;} .tab-3-content .flex3 > div{width:50%;} .certifyTab{position:relative; height:49px;} .certifyTab > span{display:none;} .certifyTab a{display:block; box-sizing:border-box; height:100%; line-height:49px; text-align:left; padding-left:15px; box-sizing:border-box; font-size:16px; background:url(./singleArw.png) 97.5% center no-repeat;} .certifyTabBtn.on{background:url(./singleArwON.png) 97.5% center no-repeat;} .certifyTab > div{width:200%; height:auto; box-sizing:border-box; padding:45px 25px; border:1px solid #aaaaaa; position:absolute; top:48px; right:0; background:#fff; max-width:1000px; z-index:9; color:#222; display:none;} .certifyTab > div.hidden{display:none;} .certifyTab > div > div.flex{flex-direction:column; gap: 35px 0;} .certifyTab > div > div.flex > div{width:100%; border:1px solid #ddd; padding:34px 18px; box-sizing:border-box; position:relative; display:flex; flex-wrap:wrap; gap:15px 0;} .certifyTab > div > div.flex > div p{position:absolute; top:0; left:0; font-size:16px; font-weight:500; left:30px; background:#fff; display:inline-block; padding:0 7px; transform:translateY(-50%); } .certifyTab > div > div.flex > div label{width:25%; display:block; text-align:left; vertical-align:middle; font-size:16px; line-height:1; display:flex; align-items:center; cursor:pointer;} .certifyTab > div > div.flex > div label input[type="checkbox" i]{border-radius:0;} .certifyTab > div > div.flex > div label input[type="checkbox"] { border-radius:0; width: 14px; height: 14px; border: 1px solid #aaaaaa; border-radius:0; appearance: none; position:relative; vertical-align:middle; margin-right:6px; } .certifyTab > div > div.flex > div label input[type="checkbox"]:checked { background:#4277e1 url(./chkBtn.png) center center no-repeat; border: none; background-size:10px; } .listArea{position:relative; z-index:0;} .listArea .flex{gap:15px; flex-wrap:wrap;} .listArea .flex > div{width:390px; box-sizing:border-box; border:1px solid #ddd; position:relative; padding:14px; padding-top:0;cursor:pointer;} .listArea .flex > div:after{transition:all 3s ease-in-out; visibility:hidden} .listArea .flex > div:hover:after{width:100%; height:100%; content:"";background:rgba(158, 16, 27, 0.95) url(./listArea.png) center center no-repeat; display:block; position:absolute; top:0; left:0; visibility:visible; pointer-events:none; } .listArea .flex > div > input.DeleteBtn{position:absolute; top:2%; left:2%; pointer-events:auto; padding:10px; z-index:1;} .listArea .flex > div > a{display:block;} .listArea .imgWrap{width:250px; height:250px; display:flex;} .listArea .imgWrap img{margin:auto; display:block; width:100%; height:auto;} .listArea .titWrap{padding-bottom:20px; border-bottom:1px solid #ddd; width:100%; margin-bottom:15px; } .listArea .titWrap span{color:#d60011; text-align:center; display:inline-block; font-size:16px; font-weight:600;} .listArea .titWrap p{font-size:24px; font-weight:bold; text-align:center; margin-top:5px;} .listArea .infoWrap{margin:0 20px 0; font-size:16px; font-weight:400; text-align:left; line-height:1.5; height:110px; overflow:hidden;} .listArea .infoWrap #text{padding-left:10px;} .listArea .infoWrap ul{margin:0 20px 0;} .listArea .infoWrap li{position:relative; font-size:16px; font-weight:400; padding-left:18px; box-sizing:border-box; text-align:left; width: 100%; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .listArea .infoWrap li + li{margin-top:10px;} .listArea .infoWrap li:before{content:""; position:absolute; top:5px; left:0; height:7px; width:7px; background:#333;} .listArea .tagWrap{position:absolute; top:15px; right:15px;} .listArea .tagWrap ul{} .listArea .tagWrap li{width:70px; line-height:22px; border-radius:6px; background:#111; text-align:center; font-size:12px; color:#fff;} .listArea .tagWrap li + li{margin-top:5px;} .listArea .tagWrap li.tag01{background:#d60011} .listArea .tagWrap li.tag02{background:#6b22a9} .listArea .tagWrap li.tag03{background:#25369c} .listArea .tagWrap li.tag04{background:#d68300} .listArea .tagWrap li.tag05{background:#0079d6} .listArea .tagWrap li.tag06{background:#46871f} .listArea .tagWrap li.tag07{background:#00a0b8} .listArea .tagWrap li.tag09{background:#ff7690} .pageList{margin:40px auto; display:flex; justify-content:center; align-items:center; position:relative;} .pageList .pagePrev, .pageList .pageNext{width:30px; height:30px; background:none; border-radius:50%; content:""; color:#333; line-height:30px; font-size:20px; cursor:pointer; font-weight:100; /* border:1px solid #ddd */;} .pageList .pagePrev i, .pageList .pageNext i{font-weight:400 !important;} .fa-angle-right:before{content:"〉"; font-size:15px; color:#333; font-weight:bold !important; line-height:30px;} .fa-angle-left:before{content:"〈"; font-size:15px; color:#333; font-weight:bold !important; line-height:30px;} .pageList .pagePrev{} .pageList .pageNext{} .pageList .pageNum{margin:0 15px;} .pageList .pageNum span{font-size:19px; cursor:pointer; margin:0 8px;} .pageList .pageNum span.on{color:var(--red1); font-weight:bold;} .BtnPageWrap{display:flex; align-items:center;} .BtnEditWrap{position:absolute; display:flex; right:0;} .BtnEditWrap > div{ width:150px; line-height:40px; height:40px; text-align:center; color:#fff; font-size:16px; cursor:pointer; display:flex; text-align:center; justify-content:center;} .BtnEditWrap > div + div{margin-left:10px;} .BtnEditWrap .WriteBtn a{display:block; color:#fff; line-height:40px; height:40px; border-radius:40px; text-align:center;background:var(--red1);width:100%;} .BtnEditWrap .DeleteBtn a{display:block; color:#fff; line-height:40px; height:40px; border-radius:40px; text-align:center; background:#666;width:100%;} /* write */ .product_write{} .product_write .wrap{max-width:1200px;} .product_write .s-tit{margin:60px auto 40px;} .writeTable{width:100%; border-top:2px solid var(--red1); border-bottom:2px solid var(--red1); border-collapse: collapse} .writeTable tr + tr {border-top:1px solid #ddd;} .writeTable td.con{width:40%;} .writeTable td.tit{width:10%; text-align:center; background:#efefef; font-size:18px; font-weight:500; color:#666;} .writeTable td{padding:10px 20px;} .writeTable td.con label input.wInput{width:100%; height:55px; line-height:55px; border-radius:0; border:1px solid #ddd; box-sizing:border-box; padding-left:20px; font-size:16px;} .writeTable td.con label input.wInput:placeholder{font-size:16px;} .writeTable td.con .flex{width:100%; justify-content:space-between;} .writeTable td.con .flex label{width:49%} /* .writeTable td.con textarea{width:100%; resize : vertical; font-size:16px; font-family: 'Noto Sans KR', sans-serif; box-sizing:border-box; padding:10px 20px; border:1px solid #ddd;} */ .writeTable td.con textarea{width:570px; resize : none; font-size:16px; font-family: 'Noto Sans KR', sans-serif; box-sizing:border-box; padding:10px 20px; border:1px solid #ddd; font-size:16px; line-height:26px; letter-spacing:-1.1px; overflow-y:scroll; overflow:overlay;} .writeTable td.con textarea::-webkit-scrollbar { width: 10px; } .writeTable td.con textarea::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 42%, 0.29); border-radius: 100px; } .writeTable td.con textarea.simple{width:332px; /* height:110px; */ font-size:16px; font-weight:400; overflow:hidden; word-break: break-all;} /* .txtBtm textarea{resize:none; border:none; overflow:hidden; font-family: 'Noto Sans KR', sans-serif !important; font-size:16px; line-height:26px; letter-spacing:-1.2px;} .txtBtm textarea:focus{outline:none;} .txtBtm textarea:nth-of-type(1){height:104px;} .txtBtm textarea:nth-of-type(2){margin-top:30px; height:286px;} */ .writeTable td.con .chosen-container{width:100%; height:55px; line-height:55px; background:none; background-image:none; background:#fff; border-radius:0; border:1px solid #ddd; font-size:16px;} .writeTable td.con .chosen-single{width:100%; height:55px; line-height:55px; background:none; background-image:none; border:none; font-size:16px;} .writeTable td.con .chosen-single span{height:55px; line-height:55px; font-size:16px; padding-left:10px;} .writeTable td.con .chosen-single .chosen-drop{border-color:#ddd; z-index:3;} .writeTable td.con .chosen-container.chosen-with-drop .chosen-drop{border-color:#ddd;} .writeTable td.con .chosen-container .chosen-results{border-color:#ddd; font-size:16px;} .writeTable td.con .chosen-container .chosen-results li{color:#333; padding-left:10px;} .writeTable td.con .chosen-container .chosen-results li.highlighted{background:#fbe5e7 ; color:#333;} .writeTable td.con .chosen-container-active .chosen-single{box-shadow:none;} .writeTable td.con .chosen-container-single .chosen-single div{right:25px;} .writeTable td.con .chosen-container-single .chosen-single div b{background:url(./singleArw.png) center center no-repeat;} .writeTable td.con .chosen-container-active.chosen-with-drop .chosen-single div b{transform:rotate(-180deg);} .writeTable td.con .certifyTab{height:55px; line-height:55px;} .writeTable td.con .certifyTab a{border:1px solid #ddd; height:55px; line-height:55px;} .writeTable td.con .certifyTab > div{max-width:1022px; top:54px;} #catSelect{} /* .writeTable td .addBtn{margin-top:10px;} .writeTable td .addBtn li{width:80px; height:30px; line-height:30px; text-align:center; color:#fff; border-radius:30px; cursor:pointer; font-size:16px;} .writeTable td .addBtn li + li{margin-top:5px;} .writeTable td .addBtn li:nth-of-type(1){background:#d20212} .writeTable td .addBtn li:nth-of-type(2){background:#666666} */ .writeTable td.con > p{font-size:18px; line-height:1; margin-bottom:10px;} .writeTable td.con > p.sub{font-size:16px; margin-top:10px; margin-left:20px;} .writeTable td.con input.custom-file{position:relative; padding-left:50px; line-height:55px; height:55px; display:flex; align-items:center; width:100%; border:1px solid #ddd; box-sizing:border-box;} .writeTable td.con input.custom-file::placeholder{line-height:55px; height:55px; font-size:16px;} /*.writeTable td.con input[type="file" i]{line-height:55px; height:55px; font-size:16px;}*/ .writeTable td.con input.custom-file::file-selector-button { font-size:0; position:absolute; top:50%; left:23px; transform:translateY(-50%); width:22px; height:80px; border:none; background:url(./image/fileIco.png) center center no-repeat; background-size:22px; } .writeTable tr.pdImage td.con{} .writeTable tr.pdImage td.con label + label input{margin-top:10px;} .writeTable tr.pdImage td.con .pdImageBox{display:flex; align-items:Center; flex-wrap:wrap;} /* .writeTable tr.pdImage td.con .pdImageBox + div{margin-top:15px;} */ .writeTable tr.pdImage td.con .pdImageBox p.sub{font-size:16px; margin-top:10px; margin-left:20px; margin-bottom:10px;} .writeTable tr.pdImage td.con .pdImageBox label{width:95%} .writeTable tr.pdImage td.con .pdImageBox > div{width:30px; line-height:30px; height:30px; text-align:center; color:#fff; font-size:20px; cursor:pointer; background:#333; border-radius:50%;} .writeTable tr.pdImage td.con > div:nth-of-type(n+2) > div{background:#666} .writeTable .fileList{display:flex; width:100%; justify-content:space-between; } .writeTable .fileList li{background:#666666; height:55px; line-height:55px; color:#fff; display:block; text-align:center; width:100%; font-size:16px; cursor:pointer;} /*.writeTable .fileList li:nth-of-type(3){background:#333}*/ .writeTable .fileList li + li{margin-left:10px;} .writeTable td.con .detailList{display:flex; flex-direction:column;} .writeTable td.con .detailList div{display:flex;} .writeTable td.con .detailList div > label input{height:40px; line-height:40px; box-sizing:border-box; padding-left:20px; border-radius:0; border:1px solid #ddd; width:100%; font-size:16px;} .writeTable td.con .detailList div > label:nth-of-type(1){width:18.13%;} .writeTable td.con .detailList div > label:nth-of-type(2){width:78.26%;} .writeTable td.con .detailList div > label:nth-of-type(2) input{width:100%} .writeTable td.con .detailList div + div label input{border-top:none;} .writeTable td.con .detailList .detailBtn{display:flex; width:39px; box-sizing:Border-box;} .writeTable td.con .detailList .detailBtn li{width:100%; background:#666666; height:40px; line-height:40px; text-align:center; cursor:pointer; box-sizing:Border-box; border-bottom:1px solid #ddd;} .writeTable td.con .detailList .detailBtn li:nth-of-type(1){background:#333} .writeTable td.con .detailList .detailBtn li:nth-of-type(2){background:#666} .writeTable td.con .detailList .detailBtn li + li{margin-left:1px;} .writeTable td.con .detailList > div:nth-child(n+2){} .writeTable td.con .detailList > div:nth-child(n+2) .detailBtn{width:39px;} .writeTable td.con .detailList > div:nth-child(n+2) .detailBtn li{background:#666} .writeTable td.con .detailWrite{display:flex; margin-top:20px;} .writeTable td.con .detailWrite label input{height:40px; line-height:40px; box-sizing:border-box; padding-left:20px; border:1px solid #ddd; width:100%; font-size:16px;} .writeTable td.con .detailWrite label:nth-of-type(1){width:18.13%;} .writeTable td.con .detailWrite label:nth-of-type(2){width:74.26%;} .writeTable td.con .detailWrite label:nth-of-type(2) input{width:100%} .writeTable td.con .detailWrite div{width:78px; height:40px; line-height:40px; color:#fff; text-align:center; font-weight:500; font-size:20px; cursor:pointer; background:#d20212;} .product_write .btnWrap{display:flex; margin:50px auto 60px; justify-content:center;} .product_write .btnWrap div{width:230px; line-height:60px; height:60px; border-radius:60px; text-align:center; color:#fff; font-weight:bold; font-size:22px; cursor:pointer; background:#666;} .product_write .btnWrap div.submit{background:#d70010; margin-left:10px;} .writeTable td.con.multiple{position:relative;} .writeTable td.con.multiple select{width:100%;} .writeTable td.con.multiple select:placeholder{width:100%;} .chosen-container-single .chosen-drop{z-index:3;} .writeTable td.con.multiple .chosen-container{border:none; border:1px solid #ddd; letter-spacing:0; padding-left:10px; box-sizing:border-box; background:#fff; z-index:revert-layer; } .writeTable td.con.multiple .chosen-select{} /* .writeTable td.con .chosen-container .chosen-drop{box-shadow:none; left:-1px; width:calc(100% + 1px);} */ .writeTable td.con.multiple .chosen-container{background:#fff url(./multiShc.png) 98% center no-repeat; height:auto;} .writeTable td.con.multiple .chosen-container.chosen-container-active{background:#fff;} .writeTable td.con.multiple .chosen-container .chosen-results li{text-align:left; box-sizing:border-box; padding-left:15px; font-size:16px; line-height:26px;} .writeTable td.con.multiple .chosen-container .chosen-results li.highlighted{background:#fbe5e7 !important; color:#333;}/*옵션마우스오버컬러*/ .writeTable td.con.multiple .chosen-container-multi .chosen-choices{min-height:49px; border:none; padding-bottom:7px; box-shadow:none; background-image:none; background:none; z-index:revert-layer;} .writeTable td.con.multiple .chosen-container-multi .chosen-choices li.search-choice{border-radius:30px; border:none; background:#999999; color:#fff; font-size:16px; line-height: 26px; margin:0; margin-top:13.5px; margin-right:3px; height:25px; padding:0px 11px; padding-right:25px;} .writeTable td.con.multiple .chosen-container-multi .chosen-choices li.search-choice span{color:#fff; letter-spacing:0; font-size:16px; line-height:1;} .writeTable td.con.multiple .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{background:url(./clsBtn.png) center center no-repeat; width:9px; height:8px; top:52.5%; transform:translateY(-50%); right:10px;} .writeTable td.con.multiple .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:center center;} /* .writeTable td.con .chosen-container-multi .chosen-choices li.search-field{width:100% !important; } */ .writeTable td.con.multiple .chosen-container-multi .chosen-choices li.search-field input[type=text]{font-size:16px; line-height:26px; margin-top:14px; /* width:100% !important; */} .writeTable td.con.multiple .chosen-container-multi .chosen-choices li.search-field input.default{width:100% !important; min-width:600px;} .writeTable td.con.multiple .chosen-container-multi .chosen-results::-webkit-scrollbar {width: 8px; } /* 스크롤바의 너비 */ .writeTable td.con.multiple .chosen-container-multi .chosen-results::-webkit-scrollbar-thumb { height: 30%; /* 스크롤바의 길이 */ /* background-color:salmon; */ /* 스크롤바의 색상 */ border-radius: 10px; } .writeTable td.con.multiple .chosen-container-multi .chosen-results::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); /*스크롤바 뒷 배경 색상*/ } .writeTable td.con.multiple select{} .writeTable td.con.multiple > div.radioWrap{display:flex; align-items:center; gap:10px; margin-bottom:10px;} .writeTable td.con.multiple > div.radioWrap label{font-size:16px; display:flex; align-items:center; line-height:1; gap:5px; color:#333; } .writeTable td.con.multiple > div.radioWrap label input[type="radio"]{width:15px; height:15px; border-radius:50%; border:1px solid #333; appearance:none; cursor:pointer; position:relative;} .writeTable td.con.multiple > div.radioWrap label input[type="radio"]:checked { background: #333; border: 2px solid #fff; outline:1px solid #333; } .writeTable td.con.multiple > div.radioWrap label input[type="checkbox"]{width:15px; height:15px; accent-color: #333;} /* 플러그인 변경관련 */ span.selection{border-radius:0;} .select2-choice { background-color: #9f56a2 !important; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#fbe5e7 !important; color:#333;} .multiSelect > span{height:100%; border-radius:0; border-right:none;} .multiSelect > span input:focus{outline:none;} .multiSelect .select2-selection__rendered{margin-left:25px;} .multiSelect .select2-container--default .select2-search--inline .select2-search__field{padding-left:0 !important; width:auto !important; min-width:60%; padding-left:25px !important; box-sizing:border-box; } .select2-container .select2-search--inline .select2-search__field{} .multiSelect .select2-container--default .select2-selection--multiple .select2-selection__choice:first-child{margin-left:0;} .select2-container{} .select2-container--default .select2-selection--multiple{height:100%; border-radius:0; background:#fff url(./multiShc.png) 25px 55% no-repeat;} .select2-container--default.select2-container--focus .select2-selection--multiple:focus{outline:none; border:1px solid #aaaaaa} .select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #aaaaaa; height:100%; border-radius:0;} .select2-container--default .select2-selection--single{height:100%;border-radius:0; height:100%; border-top:none;} .select2-container--default .select2-selection--single .select2-selection__clear{margin:0; top:50%; transform:translateY(-50%); position:absolute; right:30px;} .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:25px; } .select2-container--default .select2-search--inline .select2-search__field{padding-left:32px; margin-left:0; font-size:0.8em;} .searchCon .select2-container--default .select2-search--inline .select2-search__field{font-size:16px;} .select2-container--default .select2-search--inline .select2-search__field::placeholder{font-size:0.9em; line-height:32px;} .select2-container--default .select2-selection--multiple{position:relative; background:#fff url(./ico_sch.png) left 10px top 10px no-repeat !important;;} .select2-container--default.select2-container--focus .select2-selection--multiple{position:relative; background:#fff url(./ico_sch.png) left 10px top 10px no-repeat !important;;} /* .select2-container--default .select2-selection--multiple:before{width:14px; height:14px; position:absolute; top:10px; left:5px; background:url(./ico_sch.png) center center no-repeat; display:block; content:""; background-size:cover;} */ .select2-container--default .select2-selection--single .select2-selection__placeholder{font-size:16px;} .select2-results__options{padding:15px 0;} .select2-results__option{padding:5px 25px; font-size:16px;} #tab-1 .flex3 > div:nth-of-type(1) span.selection span {border-right:none;} #tab-3 .flex3 .select2-container--default .select2-selection--single{border-top:1px solid #aaaaaa; border-top:none;} .select2 {width: 100% !important; height:100%; display:block;} .select2-selection{height: 50px !important;} #tab-3 .shcBox .select2-selection{height: 49px !important;} .select2-selection__rendered{line-height: 50px !important;} .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 50px !important; display:block;} .select2-container--default .select2-selection--single .select2-selection__arrow{top:50%; transform:translateY(-50%); width:16px; right:10px;} .select2-container--default .select2-selection--single .select2-selection__arrow b{border:none; background: url(./singleArw.png) center center no-repeat; width:16px; height:9px; margin-right:10px;} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{transform:rotate(-180deg)} .select2-container--default .select2-selection--multiple .select2-selection__clear{margin:0; top:50%; transform:translateY(-50%); position:absolute; right:40px;} .select2-container--default .select2-selection--multiple .select2-selection__choice{display:inline-flex; flex-direction: row-reverse; background:#eee; border:none; padding:3px 5px; border-radius:0; padding:5px 9px; color:#fff; font-size:16px;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{border:none; color:#999; color:#000;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{color:#000;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background:transparent; color:inherit;} .select2-container--default .select2-selection--multiple .select2-selection__choice__display{color:#000;} #tab-3 .shcBox > .flex > div{height:auto !important;} #tab-3 .shcBox > .flex > div > span{height:auto !important;} #tab-3 .select2-container--default.select2-container--focus .select2-selection--multiple{height: auto !important;} .pdtWrap{width:100%; display:flex; gap:100px; justify-content:space-between;} .pdtFilter{width:220px;} .pdtFilter > h5{display:flex; align-items:center; gap:40px; width:100%; height:48px; line-height:48px; background:#000; color:#fff; font-size:18px; padding:0 25px; border-radius:50px; box-sizing:border-box;} .pdtFilter > h5 img{width:22px} .pdtFilter > ul{margin-top:15px;} .pdtFilter .reset a{display:flex; align-items:center; justify-content:center; width:100%; height:48px; line-height:48px; background:#fff; color:#222; font-size:18px; padding:0 25px; border-radius:50px; box-sizing:border-box; border:2px solid #222; margin-top:10px; transition:all 0.3s ease;} .pdtFilter .reset a:hover{color:#fff; background:#d60011; transition:all 0.3s ease; border:2px solid #d60011; font-weight:bold;} .filtTit{cursor:pointer;} .filtTit > div{display:flex; justify-content:space-between; box-sizing:border-box; padding:28px 10px; align-items:center; border-bottom:2px solid #9e9e9e} .filtTit > div p{font-size:17px; font-weight:bold; line-height:1;} .filtTit > div p span{font-size:24px; font-weight:100; line-height:0.5;} .filtCon{box-sizing:border-box; padding:22px; text-align:left; background:#eee; border-bottom:2px solid #9e9e9e;} .filtCon li{font-size:18px;} .filtCon li label{display:flex; gap:10px; align-items:center; line-height:1; font-size:18px;} .filtCon li label span{flex:1;} /* .filtCon li label input[type="radio"]{width:10px; height:10px; border-radius:50%; border:1px solid #d60011; appearance:none; cursor:pointer; position:relative;} .filtCon li label input[type="radio"]:checked { background: #d60011; border: 2px solid #d60011; outline:1px solid #d60011; } .filtCon li label input[type="checkbox"]{width:10px; height:10px; accent-color: #d60011;} */ /*체크박스, 라디오버튼 변경*/ .filtCon li label input[type="checkbox"], .filtCon li label input[type="radio"]{appearance: none ; -webkit-appearance: none; cursor:pointer;} .filtCon li label input[type="checkbox"], .filtCon li label input[type="radio"]{width:10px; height:10px; border:1px solid #333; border-radius:50%; box-sizing:border-box; position:relative;} .filtCon li label input[type="checkbox"]:checked, .filtCon li label input[type="radio"]:checked{border:1.5px solid #fff; background:#d60011} .filtCon li label input[type="checkbox"]:checked:after, .filtCon li label input[type="radio"]:checked:after{width:13px; height:13px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:1px solid #d60011; box-sizing:border-box; content:""; z-index:1; border-radius:50%; pointer-events:none;} .filtCon li + li{margin-top:15px} .searchCon{} .searchCon > div:first-child{display:flex; align-items:center; justify-content:space-between;} .searchCon > div:first-child p:first-child{font-size:18px; cursor:pointer;} .searchCon > div:last-child{display:none; margin-top:10px;} .searchCon select{width:100%; height:35px; line-height:35px; background:#fff; border:2px solid #333; border-radius:0; box-sizing:border-box;} .searchCon .chosen-container {width:100% !important; height:auto; line-height:35px; background:#fff url(./ico_sch.png) left 8px top 8px no-repeat ; border:2px solid #333; border-radius:18px; box-sizing:border-box;} .searchCon .chosen-container-multi .chosen-choices li.search-field input[type=text]{background:transparent !important; border:none !important; box-sizing:Border-box; font-size:16px; padding-left:20px;} .searchCon .chosen-container-multi .chosen-choices li.search-field input[type=text]:focus{outline:none !important;} .searchCon .chosen-container > ul{background:none; border:none; box-shadow:none; padding:2px 5px; box-sizing:border-box;} .searchCon .chosen-container > ul input:focus{outline:none;} .searchCon .chosen-container-multi .chosen-choices li.search-choice{display:inline-flex; box-sizing:border-box; border-radius:15px; background:#aaa; color:#fff; border:none; box-shadow:none; background-image:none; padding:3px 30px 3px 15px;} .searchCon .chosen-container-multi .chosen-choices li.search-choice span{color:#fff; font-size:14px;} .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{top:50%; transform:translateY(-50%);} .searchCon .chosen-container .chosen-drop{border:1px solid #ddd; } .filtCon{display:none;} .filtTit .icon span{display:none; cursor:pointer;} .filtTit .icon span.on{display:block;} .pdtFilter .reset a{opacity:0; pointer-events:none; transition:all 0.3s ease;} .pdtFilter .reset a.on{opacity:1; pointer-events:auto; transition:all 0.3s ease;} .pdtListWrap{width:875px; background:none; height:fit-content; display:flex; flex-wrap:wrap; gap:20px 18px;} .pdtListWrap .pdt{width:calc(33.33% - 12px); box-sizing:border-box; padding:30px; border:1px solid #999; cursor:pointer; position:relative;} /*.pdtListWrap .pdt:hover:after{width:100%; height:100%; background:rgba(0, 0, 0, 0.6); content:"자세히 보기"; display:flex; text-decoration:underline; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px; justify-content:center; align-items:center; text-underline-offset: 10px; pointer-events:none;}*/ .pdtListWrap .pdt > input.delCHK{position:absolute; top:3%; left:3%; z-index:2; width:20px; height:20px;} .pdtListWrap .pdt .img{width:100%; height:100%; max-height:130px; box-sizing:border-box; transition:all .3s ease;} .pdtListWrap .pdt .img img{width:100%; height:100%; object-fit:contain;} .pdtListWrap .pdt .txt{margin-top:30px; width:100%; height:} .pdtListWrap .pdt .txt h5{font-size:20px; line-height:1; padding-bottom:8px; height:20px; overflow:hidden;} .pdtListWrap .pdt .txt p{font-size:18px;} .pdtListWrap .pdt > a{width:100%; height:100%; display:block; position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%, -50%);} .pdtListWrap .pdt:hover{} .pdtListWrap .pdt:hover .txt h5{color:#d60011;} .pdtListWrap .pdt:hover .img{transform:scale(1.3); transition:all .3s ease;} .pdtListWrap .noData{width:100%; height:100%; min-height:600px; display:flex; justify-content:center; align-items:center;} .pdtListWrap .noData p{text-align:center; font-size:20px;} /* VIEW */ .product_detail{width:100%; } .product_detail .wrap{max-width:1200px;} .titLine{margin-top:50px; border-top:3px solid var(--red1); border-bottom:1px solid #ddd; position:relative;} .titLine p{text-align:center; font-size:30px; line-height:95px; font-weight:bold;} .titLine span{display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); cursor:pointer;} .detail_Top{display:flex;padding-top:40px; height:660px; margin-top:40px;} .detail_Top > div{width:50%;} .detail_Img{overflow:hidden; position:relative;} .swiper-slide > img{width:100%; height:100%; object-fit:contain;} .detail_ImgSwiperTop{position:relative;} .detail_ImgSwiperTop .swiper-slide{width:500px;} .detail_ImgSwiperTop .swiper-slide > img{width:100%; height:345px; max-width:500px;} .detail_Img .swiper-button-wrap{} .detail_Img .swiper-button-wrap > div{width:40px; height:40px; line-height:40px; text-align:center; color:#333; display:Block; top:439px; font-size:14px;} .detail_Img .swiper-button-wrap > div:after{font-size:26px;} .detail_Img .swiper-button-wrap > div:hover{color:var(--red1);} /* .swiper-button-next:after, .swiper-button-prev:after{display:none !important;}*/ /*.swiper-button-next:after, .swiper-button-prev:after{filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.5)); display:none;}*/ .detail_ImgSwiperBot{margin-top:10px; width:500px; overflow:hidden;} .detail_ImgSwiperBot .swiper-slide{box-sizing:border-box; border:1px solid #ddd; width:100%; height:0; padding-bottom:6.944vw; position:relative; overflow:hidden;} .detail_ImgSwiperBot .swiper-slide img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:contain;} .detail_ImgSwiperBot .swiper-slide-thumb-active{border:1px solid var(--red1);} .detail_Txt{padding-left:30px; box-sizing:border-box;} .txtTop{padding-bottom:28px; margin-bottom:28px; border-bottom:2px solid #ddd; position:relative;} .txtTop:after{content:""; display:block; position:absolute; bottom:-2px; left:0; width:60%; height:2px; background:var(--red1)} .txtTop h1{text-align:left; font-size:26px; font-weight:normal; color:var(--red1); line-height:1; word-wrap:break-word; font-weight:bold;} .txtTop p{text-align:left; font-size:50px; color:#333; word-break:keep-all; width:520px; margin:28px auto 0 0; line-height:normal; height:fit-content; font-weight:500; overflow:hidden;} .txtTop p + p{margin-top:5px !important;} .txtBtm{display:flex; flex-direction:column; height:300px;} .txtBtm textarea{resize:none; border:none; overflow-y:auto; font-family: 'Noto Sans KR', sans-serif !important; font-size:16px; line-height:26px; letter-spacing:-1.2px; height:420px} .txtBtm textarea:focus{outline:none;} .detail_Top .contactBtn{width:570px; color:#333; font-size:20px; font-weight:bold; text-align:Center; line-height:50px; margin-top:28px; border-radius:50px; cursor:pointer; border:1px solid #333;} .detail_Top .contactBtn:hover{background:var(--red1); border-color:var(--red1); color:#fff;} .detail_Top .EditBtn{width:570px; background:#333333; color:#fff; font-size:20px; font-weight:bold; text-align:Center; line-height:50px; cursor:pointer; border-radius:50px;} .detail_Top .copyBtn{width:570px; background:#999999; color:#fff; font-size:20px; font-weight:bold; text-align:Center; line-height:50px; cursor:pointer; border-radius:50px;} .btnFlex{display:flex; width:570px; gap:10px; margin-top:10px;} .pd_detail_Tab ul.tabs{margin-top:60px; width:100%; display:flex; justify-content:flex-start;} .pd_detail_Tab ul.tabs li{cursor:pointer; width:12%; display:block; box-sizing:border-box; height:60px; line-height:60px; text-align:center; display:block; font-size:19px; color:#222222; border-bottom:3px solid transparent; transition:all .3s ease;} .pd_detail_Tab ul.tabs li.current{border-bottom:3px solid var(--red1) !important; border-bottom:none; color:var(--red1); font-weight:bold; transition:all .3s ease;} .pd_detail_Tab ul.tabs li:hover{border-bottom:3px solid var(--red1) !important; border-bottom:none; color:var(--red1); font-weight:bold; transition:all .3s ease;} .pd_detail_Tab .tab-content{display:none; box-sizing:border-box; padding:50px 0 100px;} .pd_detail_Tab .tab-content.current{display: inherit;} .product_list .pc_show + div{border-top:1px solid #ddd;} .product_list ul.tabs{margin-top:60px; width:100%; display:flex; justify-content:space-between;} .product_list ul.tabs li{cursor:pointer; width:100%; display:block; box-sizing:border-box; line-height:60px; text-align:center; display:block; font-size:20px; color:#222222; border-bottom:2px solid transparent;} .product_list ul.tabs li.current{border-bottom:none; border-bottom:2px solid var(--red1) !important; color:var(--red1);} .product_list .tab-content{display:none; box-sizing:border-box; padding:40px 0 100px;} .product_list .tab-content.current{display: inherit;} .product_list ul.tabs li:hover{border-bottom:none; border-bottom:2px solid var(--red1) !important; color:var(--red1);} .product_list ul.fit_tabs li:hover div span{filter:invert(16%) sepia(51%) saturate(5294%) hue-rotate(340deg) brightness(81%) contrast(126%);} .product_list ul.fit_tabs li:hover p{color:var(--red1); font-weight:bold;} .product_detail .pc_show + div{} .product_detail .pc_show ul.tabs{width:100%; display:flex; justify-content:space-between;} .product_detail .pc_show ul.tabs li{cursor:pointer; width:100%; display:block; box-sizing:border-box; line-height:60px; text-align:center; display:block; font-size:20px; color:#222222; border-bottom:2px solid transparent;} .product_detail .pc_show ul.tabs li.current{border-bottom:none; border-bottom:3px solid var(--red1) !important; color:var(--red1);} .product_detail .tab-content{display:none; box-sizing:border-box; padding:40px 0 100px;} .product_detail .tab-content.current{display: inherit;} .product_detail .pc_show ul.tabs li:hover{border-bottom:none; border-bottom:3px solid var(--red1) !important; color:var(--red1);} .product_detail .pc_show ul.fit_tabs li:hover div span{filter:invert(16%) sepia(51%) saturate(5294%) hue-rotate(340deg) brightness(81%) contrast(126%);} .product_detail .pc_show ul.fit_tabs li:hover p{color:var(--red1); font-weight:bold;} .tab-content{} .tab-content table{width:100%; border-top:2px solid var(--red1); border-collapse:collapse;} .tab-content table td{padding:15px 25px; font-size:16px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .tab-content table thead td{border-bottom:none;} .tab-content table thead td:last-child{border-right:none;} .tab-content table tr td:last-child{border-right:none;} .tab-content p{text-align:initial;} .tab-content p.tableTit{font-size:20px; font-weight:bold; color:#222; text-align:left; margin-bottom:15px;} .pd_detail_Tab .tab-content p.tableTit{font-size:40px; text-align:center; margin-bottom:30px;} #detail_tab-1{} #detail_tab-1 thead td{background:#f5f5f5; font-weight:bold; font-size:20px;} #detail_tab-2{} #detail_tab-2 table{} #detail_tab-2 table td{border-right:none;} #detail_tab-2 table td img{display:block; text-align:center; margin:auto;} #detail_tab-3{} #detail_tab-3 table{} #detail_tab-3 table td{border-right:none;} #detail_tab-3 table td img{display:block; text-align:center; margin:auto;} #detail_tab-4{} #detail_tab-4 table{} #detail_tab-4 table td{border-right:none;} #detail_tab-4 table td img{display:block; text-align:center; margin:auto;} #detail_tab-4 table tr.tableSub{} #detail_tab-4 table tr.tableSub td{background:#f5f5f5; font-size:20px; font-weight:bold;} #detail_tab-5{} #detail_tab-5 table{} #detail_tab-5 table td{border-right:none;} #detail_tab-5 table td img{display:block; text-align:center; margin:auto;} #detail_tab-6{box-sizing:border-box; padding:40px 80px 100px;} .tableVideo iframe {position: absolute;top:0;left:0;width: 100%; height: 100%;} .tableVideo {position: relative;width:100%; height: 0; padding-bottom: 56.25%;} .noResult{text-align:center; font-size:20px; font-weight:normal; width:100%; margin:120px auto 160px; color:#999999;} .noResult span{color:#999999;} .pd_view_Btn{display:flex; justify-content:flex-end; margin:40px auto 100px;} .pd_view_Btn a{width:230px; line-height:60px; display:inline-block; text-align:Center; font-weight:bold; color:#fff; font-size:20px; background:#333333} /*수정*/ .shcBox > .flex{/* border:1px solid #aaaaaa !important; */ justify-content:space-between; outline:1px solid #aaaaaa;} .select2-container--default.select2-container--focus .select2-selection--multiple{line-height:50px !important; height:50px !important;} .shcBox > .flex > div{height:100% !important;} .shcBox > .flex > div:first-child{height:50% !important;} .select2-selection{height:calc(100% - 1px) !important;} .shcBox .flex3 > div:last-child{margin-top:-2px !important; border-right:1px solid #aaaaaa !important;} .shcBox .flex3 > div{height:50px !important; line-height:50px !important;} #tab-3 .shcBox .flex3 > div:last-child{height:49px !important;} .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left:-10px !important;} .shcBox .shcBtn{outline:1px solid var(--red1) } /*MSDS*/ .MSDS_downWrap{display:flex; gap:7.5px 5px; flex-wrap:wrap; margin-bottom:0; width:100%;} .MSDS_downWrap > div{width:calc(25% - 5px); box-sizing:border-box;} .MSDS_downWrap > div a{ padding:7.5px 20px; display:block; background:#669c66; border-radius:10px; line-height:20px; font-size:14px; color:#fff;} .select2-container .select2-selection--multiple .select2-selection__rendered{display:;} .select2-container--default .select2-selection--multiple{width:100%; /* height:35px !important; */ line-height:35px !important; background:#fff; border:2px solid #333 !important; border-radius:0; box-sizing:border-box; padding:0;} .select2-container--default.select2-container--focus .select2-selection--multiple{width:100%; border-radius:0 !important;; border:2px solid #333 !important; background:#fff; padding:0; box-sizing:border-box; /* height:35px !important */; line-height:35px !important; display:flex; align-items:center; height:auto !important; } .select2-container--default.select2-container--focus .select2-selection--multiple span{height:100%; display:flex;} .select2-container--default .select2-selection--multiple .select2-selection__choice{font-size:14px; padding:2px 5px; margin-top:0;} .select2-container--default .select2-selection--multiple .select2-selection__clear{display:none;} .select2-selection__rendered{/* height:33px !important; */ line-height:33px !important; box-sizing:border-box !important; margin:0 !important;} .select2-container--default .select2-search--inline .select2-search__field{/* height:33px !important; */ line-height:55px !important; box-sizing:border-box !important; margin:0 !important; margin-left:32px !important; padding-left:0 !important;} .select2-container--default.select2-container--open.select2-container--below .select2- .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-radius:0 !important;} .select2-container--default .select2-results>.select2-results__options{border-top:1px solid #aaa;} .select2{line-height:55px !important; box-sizing:border-box; min-height:55px !important;} .select2-container--default .select2-selection--multiple{border:1px solid #ddd !important; line-height:53px !important; background:#fff url(./ico_sch.png) left 10px top 20px no-repeat !important} .select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #ddd !important; line-height:55px !important; height:55px !important; background:#fff url(./ico_sch.png) left 10px top 20px no-repeat !important} .select2-container--default.select2-container--focus .select2-selection--multiple span{} .select2-container--default .select2-search--inline .select2-search__field{font-size:12px;} /*240927 수정*/ .select2.select2-container.select2-container--default.select2-container--below > .selection{} .select2-container--default .select2-search--inline .select2-search__field{margin-left:0 !important; width:90% !important;} .select2-container--default.select2-container--focus .select2-selection--multiple{HEIGHT:auto !important; FLEX-WRAP:wrap; padding-left:33px;} .select2-container--default .select2-selection--multiple{LINE-HEIGHT:1.5 !important; padding-left:33px;} .select2-container .select2-selection--multiple .select2-selection__rendered{padding-left:0; box-sizing:border-box; width:100% !important;} .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{padding-left:33px;} .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus.select2-container--open .select2-selection--multiple{padding-left:33px;} #select2-certi-vz-container{padding-left:0;} .bg.m_show{display:none !important;} /*사운드 추가*/ .soundWrap{width:100%; max-width:1200px; margin:0 auto 100px; box-sizing:border-box; padding:85px 100px; border-radius:30px; border:1px solid #ddd; box-shadow:0 0 10px rgba(0, 0, 0, 0.05)} .soundDIV{display:flex; align-items:center; width:100%;} .soundDIV span{font-size:17px; width:70px; display:flex; align-items:center; gap:5px; font-size:17px; font-weight:bold;} .soundDIV audio{flex:1} .soundDIV a{width:77px; display:flex; align-items:center; font-size:16px; color:#666; margin-left:20px; justify-content:space-between;} .soundDIV + .soundDIV{margin-top:45px;} .writeTable tr.pdSound td.con{} .writeTable tr.pdSound td.con label + label input{margin-top:10px;} .writeTable tr.pdSound td.con .pdSoundBox{display:flex; align-items:Center; flex-wrap:wrap;} .writeTable tr.pdSound td.con .pdSoundBox p.sub{font-size:16px; margin-top:10px; margin-left:20px; margin-bottom:10px;} .writeTable tr.pdSound td.con .pdSoundBox label{width:95%} .writeTable tr.pdSound td.con .pdSoundBox > div{width:30px; line-height:30px; height:30px; text-align:center; color:#fff; font-size:20px; cursor:pointer; background:#333; border-radius:50%;} .writeTable tr.pdSound td.con > div:nth-of-type(n+2) > div{background:#666} .accTable{margin-top:40px; table-layout:fixed;} .accTable th{background:#f5f5f5; height:60px; font-size:20px; font-weight:bold; border-bottom:1px solid #ddd;} .accTable td{text-align:center; font-size:17px; border-left:none !important; border-right:none !important;} .accTable td:last-child{line-height:27px;} .accTable td img{max-width:126px; object-fit:contain;} @media screen and (max-width: 850px) { .sub-con{margin-top:30px;} .product_list ul.tabs{display:none;} .product_list ul.tabs li{font-size:22px; line-height:70px;} .shcBox{flex-direction:column; height:99px ; height:Auto;} .shcBox > .flex{width:100%; border-right:1px solid #aaaaaa; height:Auto;} .shcBox .shcBtn{width:100%; margin-top:20px; line-height:70px; font-size:22px; background: var(--red1) /* url(./shcBtn.png) 59% center no-repeat */; /* background-size:23px; */} #tab-1 .shcBox .flex3{flex-wrap:wrap;} #tab-1 .shcBox > .flex > div > div:nth-of-type(1){width:50%;} #tab-1 .shcBox > .flex > div > div:nth-of-type(2){width:50%; border-right:none;} #tab-1 .shcBox > .flex > div > div:nth-of-type(2) a{ border-right:none;} #tab-1 .shcBox > .flex > div > div:nth-of-type(3){width:100%; border-left:1px solid #aaaaaa} #tab-2 .shcBox .flex3{flex-wrap:wrap;} #tab-2 .shcBox > .flex > div > div:nth-of-type(1){width:100%;} #tab-2 .shcBox > .flex > div > div:nth-of-type(1) a{ border-right:none;} #tab-2 .shcBox > .flex > div > div:nth-of-type(2){width:100%; border-left:1px solid #aaaaaa} #tab-2 .shcBox > .flex > div > div:nth-of-type(2){width:100%;} #tab-3 .shcBox .flex3{flex-wrap:wrap;} #tab-3 .shcBox > .flex > div > div:nth-of-type(1){width:100%;} #tab-3 .shcBox > .flex > div > div:nth-of-type(1) a{ border-right:none;} #tab-3 .shcBox > .flex > div > div:nth-of-type(2){width:100%; border-left:1px solid #aaaaaa} #tab-3 .shcBox > .flex > div > div:nth-of-type(2){width:100%;} .tab-3-content .shcBox > .flex > div.singleSelect > div a{border-right:none;} .certifyTab{position:relative;} .certifyTab a{background: url(./singleArw.png) 98.2% center no-repeat; padding-left:25px; font-size:20px;} .certifyTab > span{width:110px; line-height:35px; display:none; text-align:Center; background:var(--red1); font-size:18px; color:#fff; position:absolute; top:50%; right:7.5%; transform:translateY(-50%); z-index:5; cursor:pointer;} .certifyTab.on > span{display:inline-block;} .certifyTab > div{width:calc(100% + 2px); left:-1px;} .certifyTab > div > div.flex{gap:50px 0;} .certifyTab > div > div.flex > div{padding:30px 45px;} .certifyTab > div > div.flex > div p{font-size:20px; left:10px;} .certifyTab > div > div.flex > div label{width:50%;font-size:20px;} .certifyTabBtn.on{background: url(./singleArwON.png) 98.2% center no-repeat;} .listArea .flex{gap:40px; flex-direction:column; flex-wrap:nowrap;} .listArea .flex > div{width:100%;} .listArea .flex > div:after{display:none;} .listArea .flex > div:hover:after{display:none;} .listArea .imgWrap{padding-top:50px; width:350px; height:350px; justify-content:center;} .listArea .titWrap span{font-size:26px;} .listArea .titWrap p{font-size:36px;} .listArea .infoWrap{margin:0 auto; font-size:30px; height:auto; padding:0 20px;} .listArea .tagWrap li{font-size:22px; width:110px; line-height:30px;} .listArea .tagWrap li + li{margin-top:10px;} .singleSelect > select::-webkit-input-placeholder{line-height:20px;} .multiSelect > select{width:100%; min-height:50px; line-height:50px;background:#fff; font-size:20px; border:1px solid #aaaaaa; border-right:none; height:auto; padding-left:14px; background: url(./singleArw.png) 98.2% center no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none; box-sizing:border-box; padding-top:0; padding-bottom:0;} .singleSelect > select{width:100%; height:50px; line-height:50px; background:#fff; font-size:20px; border:1px solid #aaaaaa; border-top:none; padding-left:14px; background: url(./singleArw.png) 98.2% center no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;} #tab-1 .shcBox .flex3 .singleSelect > select:nth-of-type(1){border-right:none} #tab-2 .shcBox .flex3 .singleSelect > select:nth-of-type(1){border-right:none} #tab-3 .shcBox .flex .singleSelect > select{border-right:none} #tab-3 .shcBox .flex3 .singleSelect > select:nth-of-type(1){border-right:none} #tab-1 .singleSelect > select{background: url(./singleArw.png) 96.5% center no-repeat;} .titLine p{font-size:34px} .detail_Top{flex-direction:column; height:auto; width:100%;} .detail_Top > div{width:100%;} .detail_ImgSwiperTop .swiper-slide > img{width:100%; max-width:none; height:auto;} .detail_ImgSwiperBot{width:80%; margin:0 auto;} .detail_Txt{padding-left:0; margin-top:50px;} .txtTop h1{font-size:45px;} .txtTop p{font-size:26px;} .txtBtm{height:auto !important;} /* .txtBtm textarea{word-break:keep-all; word-wrap: break-word; width:100%; height:auto; resize:none; display:block; font-family: "NotoSans",sans-serif; border:none; box-sizing:border-box; padding:0px; word-break:keep-all; word-wrap: break-word; text-align: justify; font-size:30px; line-height:1.5; overflow:visible; min-height: 5rem; } */ .txtBtm textarea{width:100%; height:auto; resize:none; display:block; font-family: "NotoSans",sans-serif; border:none; box-sizing:border-box; padding:20px; word-break:keep-all; word-wrap: break-word; text-align: justify; font-size:30px; line-height:1.5;} .detail_Top .contactBtn{line-height:60px; font-size:24px;} .detail_Top .EditBtn{line-height:60px; font-size:24px;} .pd_detail_Tab ul.tabs li{font-size:22px; font-weight:bold;} .tab-content table thead td{font-size:22px;} .tab-content table td{font-size:24px;} .tab-content p.tableTit{font-size:26px;} #detail_tab-4 table tr.tableSub td{font-size:26px;} .pageList{margin-bottom:100px;} .BtnEditWrap{right:auto; left:50%; transform:translateX(-50%); margin-top:90px; width:100%; justify-content: flex-end;} .BtnEditWrap > div.WriteBtn{display:none;} /* 플러그인 변경관련 */ /* span.selection{border-radius:0;} .select2-choice { background-color: #9f56a2 !important; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:pink !important;} .multiSelect > span{height:100%; border-radius:0; border-right:none;} .multiSelect > span input:focus{outline:none;} .multiSelect .select2-selection__rendered{margin-left:25px;} .multiSelect .select2-container--default .select2-search--inline .select2-search__field{padding-left:0 !important; font-size:20px;} .multiSelect .select2-container--default .select2-selection--multiple .select2-selection__choice:first-child{margin-left:0;} .select2-container{} .select2-container--default .select2-selection--multiple{height:100%; border-radius:0; background:#fff url(./multiShc.png) 98.5% center no-repeat; height:auto !important; box-sizing:border-box; padding:0;} .select2-container--default.select2-container--focus .select2-selection--multiple:focus{outline:none; border:1px solid #aaaaaa} .select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #aaaaaa; height:100%; border-radius:0; height:auto !important;} .select2-container--default .select2-selection--single{height:100%;border-radius:0; height:100%; border-top:none;} .select2-container--default .select2-selection--single .select2-selection__clear{margin:0; top:50%; transform:translateY(-50%); position:absolute; right:30px;} .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:25px;} .select2-container--default .select2-search--inline .select2-search__field{padding-left:25px; margin-left:0;} .select2-container--default .select2-selection--single .select2-selection__placeholder{font-size:20px;} .select2-results__options{padding:15px 0;} .select2-results__option{padding:5px 25px; font-size:20px;} #tab-1 .flex3 > div:nth-of-type(1) span.selection span {border-right:none;} #tab-3 .flex3 .select2-container--default .select2-selection--single{border-top:1px solid #aaaaaa; border-top:none;} .select2 {width: 100% !important; height:100%; display:block;} .select2-selection{height: 50px !important;} .select2-selection__rendered{line-height: 50px !important;} .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 50px !important; display:block; font-size:20px;} .select2-container--default .select2-selection--single .select2-selection__arrow{top:50%; transform:translateY(-50%); width:16px; right:15px;} .select2-container--default .select2-selection--single .select2-selection__arrow b{border:none; background: url(./singleArw.png) center center no-repeat; width:16px; height:9px; margin-right:10px;} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{transform:rotate(-180deg)} .select2-container--default .select2-selection--multiple .select2-selection__clear{margin:0; top:50%; transform:translateY(-50%); position:absolute; right:29px;} .select2-container--default .select2-selection--multiple .select2-selection__choice{display:inline-flex; flex-direction: row-reverse; background:#999999; border:none; padding:3px 5px; border-radius:50px; padding:5px 9px; color:#fff; font-size:20px;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{border:none; color:#999; color:#fff;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{color:#fff;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background:transparent; color:inherit;} .select2-container--default .select2-selection--multiple .select2-selection__choice__display{color:#fff;} */ /*MSDS*/ .MSDS_downWrap > div{width:calc(50% - 5px); box-sizing:border-box;} .MSDS_downWrap > div a{font-size:20px; line-height:1.5; border-radius:15px;} /*상품리스트 수정 */ #m_product_list{border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .product_list .s-tit{font-size:40px;margin-top:90px; border:none; padding-bottom:0;} .pdtWrap{gap:0; flex-direction:column;} .pdtFilter{width:100%; justify-content:center;} .pdtFilter > h5{width:100%; height:100px; line-height:100px; margin:0 auto 50px; text-align:center; justify-content:center; position:relative; font-size:36px;} .pdtFilter > h5 img{top:50%; left:50px; transform:translateY(-50%); width:46px; height:auto; position:absolute;} .pdtFilter > ul{width:530px; height:100vh; background:#fff; z-index:9999;} .pdtFilter > ul li.mfiltTop{display:flex; justify-content:space-between; align-items:center; padding:20px 20px 20px 30px; box-sizing:border-box; border-bottom:1px solid #ddd;} .pdtFilter > ul li.mfiltTop span{font-size:30px;} .pdtFilter > ul li.mfiltTop p{font-size:30px; font-weight:bold;} .pdtFilter > ul li.mfiltTop .resetMO a{display:flex; align-items:center; justify-content:center; width:100%; height:48px; line-height:48px; padding:0 25px; border-radius:50px; box-sizing:border-box; border:2px solid #222; background:#fff; color:#333; opacity:1; font-size:24px; width:100px; line-height:35px; height:35px; margin:0; padding:0;} .filtTit > div{padding:40px;} .filtTit > div p, .filtCon li label, .searchCon > div:first-child p:first-child{font-size:26px;} .filtCon li + li{margin-top:20px;} .searchCon select{height:40px;} .pdtFilter > ul li.mfiltTop .resetMO a:hover{background:#fff; color:#333; font-weight:normal;} .pdtFilter > ul li.reset{display:none;} .pdtFilter > ul{position:fixed; right:-100vw; top:0; transition:all 0.3s ease; margin-top:0;} .pdtFilter > ul.on{right:0; transition:all 0.3s ease;} .bg.m_show.on{display:block !important; width:100%; height:100%; background:#000; opacity:0.4; content:""; display:block; position:fixed; top:0; left:0; z-index:9990} .pdtListWrap{width:670px; gap:20px;} .pdtListWrap .pdt{width:calc(50% - 10px);} .pdtListWrap .pdt .img{max-height:150px;} .pdtListWrap .pdt .txt h5{font-size:26px; height:30px;} .pdtListWrap .pdt .txt p{font-size:24px;} .pdtListWrap .pdt:hover:after{font-size:28px;} .pdtListWrap .noData{width:100%; height:100%; min-height:700px; display:flex; justify-content:center; align-items:center;} .pdtListWrap .noData p{text-align:center; font-size:30px;} .detail_ImgSwiperBot{margin-top:5vw} .detail_ImgSwiperBot .swiper-slide{padding:0; height:auto;} .detail_ImgSwiperBot .swiper-slide img{position:static; height:auto; transform:none;} .detail_Img .swiper-button-wrap{} .detail_Img .swiper-button-wrap > div{width:4vw; height:10vw; line-height:10vw; text-align:center; color:#333; display:Block; top:88.5vw; background:none;} .detail_Img .swiper-button-wrap > div:first-child{background:url(./image/swipArrow_nextOn.png) center center no-repeat;} .detail_Img .swiper-button-wrap > div:last-child{background:url(./image/swipArrow_prevOn.png) center center no-repeat;} .txtTop h1{font-size:30px;} .txtTop p{font-size:50px; width:520px; margin-top:20px; font-weight:bold; overflow:hidden; white-space:pre;} .txtBtm textarea{padding:0; color:#666; font-size:26px;} .detail_Top .contactBtn{line-height:60px; font-size:24px; width:100%;} .detail_Top .EditBtn{display:none;} .detail_Top .btnFlex{display:none;} .pd_detail_TabLine .tabs{max-width:none; width:100%;} .pd_detail_Tab ul.tabs li{width:20%;} .pd_detail_Tab .tab-content p.tableTit{font-size:40px;} #detail_tab-1 thead td{font-size:22px;} .tab-content table td{padding:12px 6px;} /* 모바일 플러그인 */ .select2-container{z-index:99999;} .select2-container--default .select2-results>.select2-results__options{border:1px solid #aaa;} .select2-container--default .select2-selection--multiple{line-height:40px;} .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-radius:40px !important;} /*view 메인 swiper 버튼*/ .detail_ImgSwiperTop .swiper-button-wrap{display:block;} .detail_ImgSwiperTop .swiper-button-wrap > div{width:40px; height:40px; line-height:40px; text-align:center; background:#; color:#fff;} .detail_ImgSwiperTop .swiper-button-wrap > div:hover{} .detail_ImgSwiperTop .swiper-button-wrap > div.swiper-button-next{} .detail_ImgSwiperTop .swiper-button-wrap > div.swiper-button-prev{} .detail_ImgSwiperTop .swiper-button-wrap > div.swiper-button-next:hover{} .detail_ImgSwiperTop .swiper-button-wrap > div.swiper-button-prev:hover{} .swiper-button-next:after, .swiper-button-prev:after{display:none !important;} .detail_ImgSwiperTop .swiper-button-next:after, .detail_ImgSwiperTop .swiper-button-prev:after{display:block !important;} .txtTop p{width:100% !important;} /*사운드 추가*/ .soundWrap{width:100%; max-width:670px; margin:0 auto 100px; box-sizing:border-box; padding:40px 30px; border-radius:30px; border:1px solid #ddd; box-shadow:0 0 10px rgba(0, 0, 0, 0.05)} .soundDIV{display:flex; align-items:center; width:100%; flex-wrap:wrap; gap:10px 0; justify-content:space-between;} .soundDIV span{order:1; font-size:24px; width:70px; display:flex; align-items:center; gap:5px; font-weight:bold;} .soundDIV audio{order:3;flex:auto; width:100%;} .soundDIV a{order:2;width:auto; display:flex; align-items:center; font-size:24px; color:#666; margin-left:0; justify-content:space-between; gap:10px;} .soundDIV + .soundDIV{margin-top:45px;} .accTable{margin-top:40px;} .accTable th{background:#f5f5f5; height:60px; font-size:20px; font-weight:bold; border-bottom:1px solid #ddd;} .accTable td{text-align:center; font-size:17px; border-left:none !important; border-right:none !important;} .accTable td:last-child{line-height:27px;} .accTable td img{max-width:100px; object-fit:contain;} } .txtTop p{width:100% !important;} /*다운로드 넘버링 추가*/ .downNum{display:flex; align-items:center; gap:10px; font-variant-numeric:tabular-nums; font-size:inherit;} .downNum img{margin:0 !important;} @media screen and (max-width: 850px) { .downNum{width:125px !important; white-space:nowrap;} }