@charset "utf-8";
/* Reset CSS */
html{width:100%;height:100%;min-width:1280px;overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'Pretendard','Nanum Gothic', Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;font-size:14px; line-height:1.5em; letter-spacing: -0.4px; color:#222; -webkit-font-smoothing: antialiased; }
body{position:relative;height:100%;background-color:#fff;word-break:break-all;-ms-word-break:break-all;font-weight:400;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top; image-rendering: -webkit-optimize-contrast;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
button *{position:relative}
button img{left:-3px;*left:auto}
option{padding-right:6px}

/* 숨김영역 */
hr, legend, .hide{position:absolute;left:-2000%;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;z-index:-1;}
/* Common */
.show{display:block;}
.hide{display:none;}
iframe{vertical-align:top}
.png24 {tmp:expression(setPng24(this));}
 
a {text-decoration:none; color:#333; cursor: pointer; }
a:hover {text-decoration:none;}
a:active, a:focus{text-decoration:none;}

b, strong { font-weight:bold; }

textarea {padding:10px; font-family:'Pretendard','Nanum Gothic',Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;font-size:14px;color:#333;border:1px solid #ccc;background:#fff; overflow:auto;}
textarea[name=dlv_msg] { resize: none; }
label {cursor:pointer;}
table {border-collapse:collapse; border:0; padding:0;}
caption {display:none;}
select{width:100%; border:1px solid #ccc; padding:0 15px; font-size:14px; height:50px; line-height:50px; color:#333;
font-family:'Pretendard','Nanum Gothic',Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;vertical-align:middle;border-radius:0px;-webkit-appearance:none;
background:url('../images/common/arrow_down_w14_gray.png') no-repeat right 15px center;outline:none;font-weight:300;}
select::-ms-expand {display:none}
option{font-family:'Pretendard','Nanum Gothic',Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;font-weight:300;}
input{font-family:'Pretendard','Nanum Gothic',Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;font-weight:300;}
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus::-moz-placeholder { color: transparent; }
input:focus:-ms-input-placeholder { color: transparent; }
input:focus::-ms-input-placeholder { color: transparent; }
svg{display: inline-block;max-width:100%;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;}

input[type="text"]{height:39px;margin:0;padding:0;-webkit-appearance: none;outline:none;border:0;}
input[type="text"]:focus{background-color: transparent;}

input[type="radio"]{width:20px;height:20px;margin:0; padding:0;-webkit-appearance: none;outline:none;}
input[type="radio"]:checked{width:20px;height:20px;}
input[type="radio"]:disabled {opacity: 0.5; }
input[type="radio"]:disabled + label { opacity: 0.5; cursor: default; user-select: none; }

input[type="checkbox"]{position:relative; width:18px; height:18px; margin:0; padding:0;-webkit-appearance:none; outline:none;}
input[type="checkbox"]:checked{width:18px; height:18px;}

/* etc */
.rel{position:relative;}
.fr {float:right !important;}
.fl {float:left !important;}
.ov {overflow:hidden !important;}
.clearfix:after {content: '';display:block;clear:both;}
.pos_r{position:relative;}
.pos_a{position:absolute;}
.txtl {text-align:left !important;}
.txtr {text-align:right !important;}
.txtc {text-align:center !important;}
.txtb {font-weight:bold !important;}
.fwn { font-weight: normal; }
.brtn{border-top:none !important;}
.brln{border-left:none !important;}
.brrn{border-right:none !important;}
.brbn{border-bottom:none !important;}
.brt_ccc { border-top: 1px solid #ccc; }

.tdlt { text-decoration: line-through !important; }
.tdn { text-decoration: none !important; }

.vat {vertical-align: top !important; }
.vam {vertical-align: middle !important; }

.curp { cursor: pointer; }
.cura { cursor: auto; }

.lh1 { line-height: 1 !important; }
.lh18 {line-height: 18px !important; }
.lh25 { line-height: 25px !important;}
.lh27 { line-height: 27px !important;}
.lh28 { line-height: 28px !important;}
.lh50 { line-height: 50px !important }

.w90 { width: 90px !important;}
.w150 { width: 150px !important; }
.w200 { width: 200px !important;}
.w300 { width: 300px !important;}
.w445 { width: 445px !important;}

.not_scroll{position: fixed;width:100%;height:100%;overflow:hidden;}
.bold {font-weight: bold !important;}
.fw500 { font-weight: 500 !important;}
.fw800 { font-weight: 800 !important;}
.fc_ff4800{color:#ff4800 !important;}
.fc_00b666 { color: #00b666 !important; }
.fc_488ad4{color: #488ad4 !important;}
.fc_green{color:#05824b !important;}
.fc_orange { color: #ff4800; }
.fc_black { color: #222 !important; }
.fc_555 { color: #555 !important; }
.fc_666 { color: #666 !important; }
.fc_8e8e8e { color: #8e8e8e !important; }
.fc_f9f9f9 { color: #f9f9f9 !important; }
.c_red { color: red !important; }
.c_blue { color: #1d79b9 !important; }

.bg_blue { background-color: #0065cc !important; }
.bg_red { background-color: #ed3310 !important; }
.bg_green { background-color: #05824b !important; }
.bg_lightgray { background-color: #f9f9f9 !important; }

.hidden {position:absolute;left:-9999px;top:auto;width:0;height: 0;overflow:hidden;} 
.disblock {display: block;}
.disinline_block {display:inline-block;}
.disflex {display: flex;}
.disflex_middle {display: flex; align-items: center;}
.disflex_between {display: flex; justify-content: space-between;}
.sound_only{width:1px;height:1px;text-indent:-9999px;overflow: hidden;}
.btm_position{position:absolute;bottom:0px;}

.box_e5e5e5 { border: 1px solid #e5e5e5; }
.brtp_e5e5e5 { border-top: 1px solid #e5e5e5; }
.brbn_717171 { border-bottom: 1px solid #717171; }
.brbn_e5e5e5 { border-bottom: 1px solid #e5e5e5; }

.wbka {-ms-word-break: keep-all; word-break: keep-all;}
.underline { text-decoration: underline; }


.swiper-button-prev:focus,.swiper-button-next:focus { outline: none; }
.bgsc { -webkit-background-size: cover; background-size: cover; }

.w100p { width: 100% !important; }

.unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* margin / padding */
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}
.pt110 {padding-top:110px !important;}
.pt120 {padding-top:120px !important;}
.pt130 {padding-top:130px !important;}
.pt140 {padding-top:140px !important;}
.pt150 {padding-top:150px !important;}
.pt160 {padding-top:160px !important;}
.pt200 {padding-top:200px !important;}
.pt300 {padding-top:300px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}
.pb110 {padding-bottom:110px !important;}
.pb120 {padding-bottom:120px !important;}
.pb130 {padding-bottom:130px !important;}
.pb140 {padding-bottom:140px !important;}
.pb150 {padding-bottom:150px !important;}
.pb160 {padding-bottom:160px !important;}
.pb200 {padding-bottom:200px !important;}
.pb300 {padding-bottom:300px !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}
.pl110 {padding-left:110px !important;}
.pl120 {padding-left:120px !important;}
.pl130 {padding-left:130px !important;}
.pl140 {padding-left:140px !important;}
.pl150 {padding-left:150px !important;}
.pl160 {padding-left:160px !important;}
.pl200 {padding-left:200px !important;}
.pl300 {padding-left:300px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}
.pr110 {padding-right:110px !important;}
.pr120 {padding-right:120px !important;}
.pr130 {padding-right:130px !important;}
.pr140 {padding-right:140px !important;}
.pr150 {padding-right:150px !important;}
.pr160 {padding-right:160px !important;}
.pr200 {padding-right:200px !important;}
.pr300 {padding-right:300px !important;}

.mt-1 { margin-top: -1px !important; }
.mt0 {margin-top:0 !important;}
.mt2 { margin-top: 2px !important;}
.mt3 { margin-top: 3px !important;}
.mt4 { margin-top: 4px !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt47 {margin-top:47px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt200 {margin-top:200px !important;}
.mt300 {margin-top:300px !important;}

.mb0 {margin-bottom:0 !important;}
.mb8 {margin-bottom:8px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb140 {margin-bottom:140px !important;}
.mb150 {margin-bottom:150px !important;}
.mb160 {margin-bottom:160px !important;}
.mb200 {margin-bottom:200px !important;}
.mb300 {margin-bottom:300px !important;}
.mb-5 {margin-bottom: -5px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}

.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr80 {margin-right:80px !important;}

.fs0{font-size:0 !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}
.fs22{font-size:22px !important;}
.fs24{font-size:24px !important;}
.fs30{font-size:30px !important;}
.fs40{font-size:40px !important;}

.lts-002{ letter-spacing: -0.002em; }
.lts-005 { letter-spacing: -0.005em; }
.lts-008 { letter-spacing: -0.008em; }
.lts-01 { letter-spacing: -0.01em; }
.lts-013 { letter-spacing: -0.013em; }
.lts-015 { letter-spacing: -0.015em; }
.lts-018 { letter-spacing: -0.018em; }
.lts-02 { letter-spacing: -0.02em; }
.lts-023 { letter-spacing: -0.023em; }
.lts-025 { letter-spacing: -0.025em; }
.lts-028 { letter-spacing: -0.028em; }
.lts-03 { letter-spacing: -0.03em; }
.lts-035 { letter-spacing: -0.035em; }
.lts-04 { letter-spacing: -0.04em; }
.lts-045 { letter-spacing: -0.045em; }
.lts-05 { letter-spacing: -0.05em; }

.lts002 { letter-spacing: 0.002em; }
.lts005 { letter-spacing: 0.005em; }
.lts008 { letter-spacing: 0.008em; }
.lts01 { letter-spacing: 0.01em; }
.lts013 { letter-spacing: 0.013em; }
.lts015 { letter-spacing: 0.015em; }
.lts018 { letter-spacing: 0.018em; }
.lts02 { letter-spacing: 0.02em; }
.lts022 { letter-spacing: 0.022em; }
.lts023 { letter-spacing: 0.023em; }
.lts025 { letter-spacing: 0.025em; }
.lts028 { letter-spacing: 0.028em; }
.lts03 { letter-spacing: 0.03em; }
.lts032 { letter-spacing: 0.032em; }
.lts033 { letter-spacing: 0.033em; }
.lts035 { letter-spacing: 0.035em; }
.lts038 { letter-spacing: 0.038em; }
.lts04 { letter-spacing: 0.04em; }

.t1 { top: 1px !important; }
.t2 { top: 2px !important; }
.t3 { top: 3px !important; }
.t4 { top: 4px !important; }
.t5 { top: 5px !important; }

/* 에디터 커스텀 설정 */
.ck-editor__editable_inline, .ck-source-editing-area { min-height: 412px; max-height: 1200px; }
.ck.ck-editor__editable > .ck-placeholder::before { color: #d21714; font-size: 22px; text-align: center; top: 150px; }
.ck.ck-content[role='textbox'] { font-size: 15px; line-height: 22px; font-family:'Pretendard','Nanum Gothic', Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif; }
.readonly-select { pointer-events: none; background-color: #f8f8f8; }

/* 드롭존 */
#myDropzone { border: 1px #cbdcef; background-color: #f0f8fd; min-height: 95px; height: 50px; display: flex; align-items: center; justify-content: center; overflow-x: auto; overflow-y: hidden; white-space: nowrap; color: #333; font-size: 13px; transition: background-color 0.3s; }
#myDropzone::-webkit-scrollbar { height: 6px; }
#myDropzone::-webkit-scrollbar-thumb { background-color: #b1bbb2; border-radius: 10px; }
#myDropzone::-webkit-scrollbar-track { background-color: #f1f1f1; }
#myDropzone:hover { background-color: #e0f0ff; }
.dz-preview .dz-video { max-width: 100px; max-height: 80px; margin-top: 10px; cursor: pointer; }
.dz-preview .dz-image, .dz-preview .dz-details { display: none; }
.dz-remove { position: absolute; top: 10px; right: 4px; background: none; border: none; color: red; font-size: 20px; cursor: pointer; z-index: 10; }
.dz-remove:after { content: "✕"; }
.dz-preview { display: block; margin-top: 5px; color: #ee8989; font-weight: bold; cursor: pointer; position: relative; }
.dropzone-message { display: flex; flex-direction: column; align-items: center; color: #545659; }
.dropzone-message .upload-icon { font-size: 22px; color: #9da4a6; }
.dropzone-message .upload-text { margin-top: 10px; font-size: 14px; font-weight: bold; }
@keyframes fadeBlink {
   0%, 100% {
      opacity: 1;
   }
   50% {
      opacity: 0.3;
   }
}
.upload-summary { display: flex; align-items: center; gap: 10px; font-family: Arial, sans-serif; }
.progress-bar-wrapper { width: 100%; height: 20px; background-color: #f3f3f3; border-radius: 1px; overflow: hidden; position: relative; flex-grow: 1; }
.progress-bar { height: 100%; background-color: #06690a; width: 0%; transition: width 0.3s ease; border-radius: 1px; }
.upload-text { font-size: 12px; color: #555; width: 90px; white-space: nowrap; }
.upload-size { font-weight: bold; color: #333; }

/* 스피너 */
.lds-facebook { display: none; position: relative; width: 80px; height: 80px; }
.lds-facebook div { display: inline-block; position: absolute; left: 8px; width: 12px; background: #fff;  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; }
.lds-facebook div:nth-child(1) { left: 8px; animation-delay: -0.24s; }
.lds-facebook div:nth-child(2) { left: 32px; animation-delay: -0.12s; }
.lds-facebook div:nth-child(3) { left: 56px; animation-delay: 0; }
.lds-facebook div:nth-child(4) { left: 80px; animation-delay: 0.12s; }
@keyframes lds-facebook {
   0% { top: 8px; height: 44px; }
   50%, 100% { top: 24px; height: 12px; }
}

#notificationContainer { position: fixed; bottom: 20px; right: 20px;z-index: 9999; }
.notification { background-color: #333; color: #fff; padding: 10px 20px; border-radius: 6px; margin-top: 10px; opacity: 0; transition: opacity 0.5s ease-in-out; }
.notification.show { opacity: 1; }
.also-layer { position: fixed; bottom: 20px; left: 20px; width: 270px; background: rgba(30, 30, 30, 0.5); border-radius: 16px; padding: 12px 15px; z-index: 9999; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25); backdrop-filter: blur(4px); text-align: center; transition: opacity 0.3s ease; opacity: 1; pointer-events: auto; box-sizing: border-box; }
.close-btn { position: absolute; top: -10px; right: -10px; width: 26px; height: 26px; background: #e0e0e0; border: none; border-radius: 50%; font-size: 16px; font-weight: bold; color: #333; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); transition: background 0.2s ease; }
.close-btn:hover { background: #ccc; }
.layer-message { font-size: 14px; color: #fff; margin-bottom: 12px; font-weight: 500; }

/* 리스트 */
.also-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.also-item { width: 60px; text-align: center; }
.also-item img { width: 100%; border-radius: 50%; border: 1px solid #666; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: transform 0.2s ease; }
.also-item img:hover { transform: scale(1.06); }
.also-item p { font-size: 12px; margin-top: 4px; color: #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }