@charset "utf-8"; body input::-webkit-input-placeholder,body textarea::-webkit-input-placeholder { color: #a0a0a0 !important; } body input:-moz-placeholder,body textarea:-moz-placeholder { color: #d8dce0 !important; } body input::-moz-placeholder,body textarea::-moz-placeholder { color: #d8dce0 !important; } body input:-ms-input-placeholder,body textarea:-ms-input-placeholder { color: #d8dce0 !important; } .border-left-radius-0{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;} .border-right-radius-0{border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;} .border-left-radius{border-top-left-radius: 0.25rem;border-bottom-left-radius: 0.25rem;} .border-right-radius{border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem;} .border-radius-0 {border-radius: 0 !important;} .font-wt-300 {font-weight: 300 !important;} .font-wt-400 {font-weight: 400 !important;} .font-wt-500 {font-weight: 500 !important;} .font-wt-600 {font-weight: 600 !important;} .font-wt-700 {font-weight: 700 !important;} .font-wt-bold {font-weight: bold !important;} /* 메인페이지 동영상 */ .dafl_main_top_video_wrap {width: 100%; position: relative;} .dafl_main_top_video {width: 100%; height: 0; padding-bottom: 28.125%; position: relative;} .dafl_main_top_video > video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} .dafl_main_top_video_wrap a {position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); font-size: 1.125rem; text-shadow: 0px 0px 3px rgba(255,255,255,1); padding: 0.25rem; display: none; font-weight: bold;} @media (max-width: 1024px) { .dafl_main_top_video {padding-bottom: 56.25%;} } .JS-imgPrduListWrap:not(.img_prdu_list_wrap) {display: block;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap)>li{display: inline-block;width: 20%;position: relative;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap)>li .JS-imgResizeBtn{position: absolute;right:15px;top:15px;background-color: #FFF;border:1px solid #DDD;padding: 5px 10px;border-radius: 0.25rem;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap)>li>a p{display: block;border:1px solid #DDD;margin:5px; height: 120px;background-size: 100%;background-position: center;background-repeat: no-repeat;transition: all 0.2s ease-in-out;} .JS-imgPrduFrame > div{display: block;border:1px solid #DDD; height: 190px;background-size: 100%;background-position: center;background-repeat: no-repeat;transition: all 0.2s ease-in-out;} .JS-imgPrduFrame > div:hover{background-size: 150%;} .JS-imgPrduFrame .JS-imgResizeBtn{position: absolute;right:15px;top:15px;background-color: #FFF;border:1px solid #DDD;padding: 5px 10px;border-radius: 0.25rem;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap)>li>a h6{text-align: center;padding: 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap)>li>a:hover p{background-size: 150%;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap).JS-itemCnt2>li{width: 50%;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap).JS-itemCnt2>li>a p{height: 80px;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap).JS-frameWrthList>li{width: 33.3%;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap).JS-frameWrthList>li>a p{height: 220px;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap).JS-wrthDialogList>li{width: 20%;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap).JS-wrthDialogList.JS-itemCnt2>li{width: 50%;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap).JS-wrthDialogList>li>a p{height: 220px;} .JS-imgPrduListWrap:not(.img_prdu_list_wrap).JS-wrthDialogList.JS-itemCnt2>li>a p{height: 300px;} #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList > dt {font-size: 1.75rem; font-weight: 500;} #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList > dd {margin-top: 0.5rem;} #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList > dd > table {border-top-color: #000; border-bottom-color: #c4c4c4;} #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList > dd > table > tbody > tr > th {font-size: 1rem; font-weight: 300;} #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList > dd > table > tbody > tr > td {text-align: left; padding: 0.5rem;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasItemList > li{padding: 5px 0;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasItemList > li > dl > dt{font-size: 1.4rem;font-weight: bold;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasItemList > li > dl > dt > i{} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasItemList > li > dl > dd{margin-top: 0.5rem;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasItemList > li > dl > dd > ul > li{margin-top: 0.5rem;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasItemList > li > dl > dd > ul > li > dl > dd{margin-top: 0.1rem;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasDetWrap > li > .card{border: 1px solid rgba(0, 0, 0, .125) !important;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasDetWrap > li > .card > .card-body > ul > li {margin-top: 0.5rem;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasDetWrap > li > .card > .card-body > ul > li > dl > dd{margin-top: 0.1rem;} .JS-addTypeFormCloseBtn {display: inline-block; padding: 0.5rem; color: #ff9797; font-size: 2rem; line-height: 0; margin-right: 0.5rem;} .JS-daflMngtPrdOptn > ul{margin-right: -10px;margin-left: -10px;} .JS-daflMngtPrdOptn > ul > li {padding: 0; display: inline-block; width:25%;margin:0px; padding:0 10px;position: relative;} .JS-daflMngtPrdOptn > ul > li > label {cursor: pointer; padding: 1rem 0; width: 100%; display: block; border: 1.5px solid #ced4da; text-align: center; background-color: #fff; font-weight: 300; font-size: 1.25rem; position: relative;} .JS-daflMngtPrdOptn > ul > li > label:hover {border-color: #3366B9; color: #3366B9; z-index: 0;} .JS-daflMngtPrdOptn > ul > li > div {display: none; width: 0; height: 0; position: absolute; top: 0; right: 10px; z-index: 1; border-right: 1.5rem solid #3366B9; border-bottom: 1.5rem solid transparent; border-left: 1.5rem solid transparent; border-top: 1.5rem solid #3366B9;} .JS-daflMngtPrdOptn > ul > li > div > i {color: #fff; position: absolute; top: -17px; right: -17px;} .JS-daflMngtPrdOptn > ul > li > input[type="checkbox"] {display: none;} .JS-daflMngtPrdOptn > ul > li > input[type="checkbox"]:checked + label {background-color: #fff; font-weight: 500; color: #000; border-color: #3366b9; z-index: 1; box-shadow: 0px 0px 7px rgba(30, 152, 215, 0.35);} .JS-daflMngtPrdOptn > ul > li > input[type="checkbox"]:checked ~ div {display: block;} .JS-wrthPrdLstWrap { padding: 0.75rem;} .JS-wrthPrdLstWrap .ui-checkboxradio-label {display: inline-block; width: calc(20% + 0.8px - 0.6rem); border: 1px solid #d6d6d6; border-radius: 0; padding: 0.5rem; margin: 0 0 0.75rem; text-align: left; font-weight: 500 !important; font-family: "Noto Sans KR", sans-serif; position: relative; background-color: #fff;} .JS-wrthPrdLstWrap > .ui-checkboxradio-label:not(:nth-child(5n)) {margin-right: 0.75rem;} .JS-wrthPrdLstWrap > .ui-checkboxradio-label:nth-child(n+16) {margin-bottom: 0;} .JS-wrthPrdLstWrap > .ui-checkboxradio-label:nth-child(5n) {margin-right: -1px;} .JS-wrthPrdLstWrap > .ui-checkboxradio-label:not(:nth-child(5n+1)) {margin-left: -1px;} .JS-wrthPrdLstWrap .ui-checkboxradio-label:hover {border: 1px solid #3366b9; z-index: 2;} .JS-wrthPrdLstWrap .ui-checkboxradio-label .JS-origPr {font-size: 0.9rem; font-weight: 300;} .JS-wrthPrdLstWrap .ui-checkboxradio-label .JS-imgResizeBtn {position: absolute; top: 0.5rem; right: 0.5rem; color: #454545 !important; padding: 0.375rem 0.5rem; margin-right: 0; border-top-right-radius: 0.25rem; border: 0; background-color: #f6f6f6; box-shadow: -1px 1px 3px rgba(0,0,0,0.35);} .JS-wrthPrdLstWrap .ui-checkboxradio-label .JS-imgResizeBtn:hover {color: #000 !important; opacity: 1; background-color: #f6f6f6;} .JS-wrthPrdLstWrap .ui-icon-background {background-image: none; display: block; border: 0; border-radius: 0.5rem; background-color: #FFF; background-repeat: no-repeat; width: 100%; padding-bottom: 100%; background-size: 100% 100%; background-position: center center; margin: 0px; box-shadow: inherit; transition: all 0.2s ease-in-out; margin-bottom: 0.5rem; } .JS-wrthPrdLstWrap .ui-checkboxradio-label:hover .ui-icon-background {background-size: 150% 150%;} .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked {background-color: #3366b919; border-color: #3366b9; z-index: 2; box-shadow: inherit; color: #000; border-width: 3px;} .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked > dl > dt {padding-top: 0;} .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon-background {border: 0 !important; filter: brightness(1.1);} .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon-background, .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon-background {width: 100%; padding-bottom: 100%; border: 1px solid #DDD;} .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked dl > dt {font-weight: 700 !important;} .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked .orig_pr {color: #000;} .JS-wrthPrdLstWrap .orig_pr {text-decoration:line-through;} .dd-option-image, .dd-selected-image { max-height: 40px !important; padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; } #okflagDeliveryUsrReqBas th{font-weight: bold !important;} #okflagDeliveryUsrReqBas .card{border:1px solid rgba(0, 0, 0, 0.125) !important;} #okflagDeliveryUsrReqBas .card-body{background-color: transparent !important;padding: 1rem !important;} .JS-selectItemWrth .JS-selectItemBtn{padding: 3rem 1.5rem !important;} .JS-selectItemWrth .JS-selectItemBtn h1{font-size: 2rem;} .JS-selectItemWrth .JS-selectItemBtn p{font-size: 1rem;} .JS-selectItemFrameWrth .JS-selectItemBtn{padding: 3rem 1.5rem !important;} .JS-selectItemFrameWrth .JS-selectItemBtn h1{font-size: 2rem;} .JS-selectItemFrameWrth .JS-selectItemBtn p{font-size: 1rem;} .JS-panzoomImgWrap div {user-select: auto !important; touch-action: auto !important;} .JS-panzoomImgWrap div > img {user-select: auto !important; touch-action: auto !important;}