:root{
    --grd-gr-wh:linear-gradient(to bottom, #A0AA4E 0% ,#FFFFFF 100%);
    --grd-brown:linear-gradient(to bottom, #8C3A1A 0% ,#E7CDB4 100%);
    --grd-gr-pk:linear-gradient(to bottom, #A0AA4E 0% ,#E78F93 100%);
    --grd-red:linear-gradient(to bottom, #C10230 0% ,#F1D09F 100%);
}   

.pVer{display:block !important;}
.mVer{display:none !important;}
.pVerflex{display:flex !important;}
.mVerflex{display:none !important;}
.p-img{display:block !important;}
.m-img{display:none !important;}

/* global defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,span,th,td,legend {margin:0;padding:0;}
fieldset,img,abbr,acronym{border:none;}
fieldset{display:block;}
ol,ul, li {list-style:none outside;list-style-type: none;}

h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var {font-size:100%;}
p{margin-top:0;margin-bottom:0;}
.accessibility,hr,legend,caption,hr{position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; margin:0; padding:0; overflow:hidden; visibility:hidden; text-indent:-1000em;}
.skip{position:absolute; top:-50px; left:0; z-index:9999; width:100%; height:35px; padding-top:15px; display:block; font-size:12px; line-height:20px; color:#382F2D; background-color:#eee; text-align: center;}

/* Skip Navigation */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
#skip_to_container:hover,#skip_to_container:active,#skip_to_container:focus{width:100%;height:auto;margin:0;padding:5px 0;font-weight:400;font-size:12px;line-height:1;color:#222;text-decoration:none !important;text-indent:10px;}

/* s: All Style */
a:link, a:visited{text-decoration:none}
a:hover{text-decoration:none}
input[type=text],input[type=email],input[type=tel],input[type=submit],input[type=password],input[type=image],input[type=button],textarea,select{ -webkit-border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
select::-ms-expand {display:none}
input[type=radio],input[type=checkbox]{-webkit-border-radius:0; -webkit-appearance:none; display:none}
img,video,audio,object,embed,iframe{max-width:100%;}

body,th,td,input,select,button,textarea{font-style:normal;font-weight:normal;font-family: 'Pretendard','Noto Sans KR', sans-serif !important;color:#382F2D;line-height:1.2;letter-spacing:-0.02em;}
.vidaloka{font-family: 'Vidaloka', sans-serif !important;}
.notoSans{font-family: 'Noto Sans KR', sans-serif !important;}
.koPubBatang{font-family: 'KoPub-Batang', sans-serif !important;}

/*'Trirong', */
table{width:100%;border-collapse:collapse;table-layout:fixed;}

figure{margin:0;padding:0;font-size:0;line-height:0;}

.inner{width:100%;position:relative;max-width:1480px;padding:0 3.125rem;margin:0 auto;}
/* library */
.tal {text-align: left !important; }
.tac {text-align: center !important}
.tar {text-align: right !important; }
.taj {text-align: justify !important; }
.vam {vertical-align:middle !important;}
.vat {vertical-align:top !important;}
.vab {vertical-align:bottom !important;}
.float_l {float: left; }
.float_r {float: right; }
.clear_b {clear: both; float: none; }
.clear_r {clear: right; float: none;}
.clear_l {clear: left; float: none;}
.normal {font-weight: normal;}
.block {display: block !important;}
.block_i {display: inline-block !important;}
.block_n {display: none !important;}
.bold {font-weight: bold;}
.deco_l{text-decoration:line-through;}
.deco_u{text-decoration:underline;}
.displaynone {display:none !important;}
.displayflex {display:flex;align-items:center;}
.displayflex-wrap {flex-wrap:wrap;}
.displayflex-spw {display:flex;justify-content:space-between;align-items:center;}
.displayflex-align-start {align-items:flex-start !important;}
.displayflex-align-end {align-items:flex-end !important;}
.displayflex-flex-start {justify-content:flex-start !important;}
.displayflex-flex-end {justify-content:flex-end !important;}
.position-re {position:relative !important;}

.left-dot {display:flex;align-items:center;}
.left-dot:before {content:"";width:5px;height:5px;background-color:#ccc;border-radius:50%;margin:0 14px;}
.right-dot {display:flex;align-items:center;}
.right-dot:after {content:"";width:5px;height:5px;background-color:#ccc;border-radius:50%;margin:0 14px;}

.cRed {color:#ed1b23 !important;}
.cBlue {color:#211e9d !important;}
.cWhite{color: #fff !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px !important;}
.f19 {font-size:19px !important;}
.f20 {font-size:20px !important;}

div.disabled,
p.disabled,
span.disabled,
ul.disabled,
li.disabled,
input.disabled,
textarea.disabled {border-color:#E3E6E8 !important;background-color:#F5F5F5 !important;opacity:0.45 !important;}
.break-all{word-break:break-all !important;}

*, :before, :after {box-sizing:border-box;word-break:keep-all;}
/* :focus {outline-width:1px;border:0;outline-style:solid;outline-offset:0px;} */


/* clear style */
.c_box:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}

/* page style */
html, body{width:100%;min-height:100%; min-width: 320px; overflow-x: hidden;}
body.layerPopScrFixed{overflow-y:hidden;}

.ml5 {margin-left:0.3125rem !important;}
.ml10 {margin-left:0.625rem !important;}
.ml15 {margin-left:0.9375rem !important;}
.ml20 {margin-left:1.25rem !important;}
.ml60 {margin-left:3.75rem !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:0.3125rem !important;}
.mt20{margin-top:1.25rem !important;}
.mt40{margin-top:2.5rem !important;}

/* INPUT :: Style */
input::-webkit-input-placeholder {color:#AFACAB;font-weight:400;}
input::-moz-placeholder {color:#AFACAB;font-weight:400;}
input:-ms-input-placeholder {color:#AFACAB;font-weight:400;}
input:-moz-placeholder {color:#AFACAB;font-weight:400;}
input::placeholder {color:#AFACAB;font-weight:400;}

textarea::-webkit-input-placeholder {color:#AFACAB;font-weight:300;}
textarea::-moz-placeholder {color:#AFACAB;font-weight:300;}
textarea:-ms-input-placeholder {color:#AFACAB;font-weight:300;}
textarea:-moz-placeholder {color:#AFACAB;font-weight:300;}
textarea::placeholder {color:#AFACAB;font-weight:300;}

/* Disabled */
input.disabled::-webkit-input-placeholder {color:#444;}
input.disabled::-moz-placeholder {color:#444;}
input.disabled:-ms-input-placeholder {color:#444;}
input.disabled:-moz-placeholder {color:#444;}
input.disabled::placeholder {color:#444;}

textarea.disabled::-webkit-input-placeholder {color:#444;}
textarea.disabled::-moz-placeholder {color:#444;}
textarea.disabled:-ms-input-placeholder {color:#444;}
textarea.disabled:-moz-placeholder {color:#444;}
textarea.disabled::placeholder {color:#444;}

/* default */
input {outline:none;}

input[type=text],
input[type=tel],
input[type=phone],
input[type=number],
input[type=search],
input[type=password]{border:1px solid #D1D5DB;font-size:1rem;font-weight:400;line-height:3rem;padding:0 1.25rem; border-radius: 1.5625rem;}

/* 라디오버튼 디자인 */
input[type=radio] + label {position:relative;font-size:1.125rem;display:inline-flex;align-items:center;}
input[type=radio] + label:before {content:"";width:1.75rem;aspect-ratio: 1; border:1px solid #E1DFDE;border-radius:50%;overflow:hidden;margin-right:0.625rem;}
input[type=radio] + label:after {content:"";position:absolute;top:0.625rem;left:0.625rem;width:0.5rem;aspect-ratio: 1;border-radius:50%;background-color:transparent;overflow:hidden;}
input[type=radio]:checked + label:before {border-color:#C10230;background-color: #C10230;}
input[type=radio]:checked + label:after {background-color:#fff;}


/* 셀렉트박스 디자인 */
/* default */
div.select-box-default-st {position:relative;display:inline-block;color:#AFACAB;padding:0px;margin:0px;white-space:normal; width: 100%; z-index: 10;}
div.select-box-default-st span.selectText {position:relative;display:block;font-size:1rem;line-height:3.0rem;height:3rem;border:1px solid #D7D5D5;border-radius: 1.5625rem ; padding:0px 1.5rem;margin:0 !important;overflow:hidden;cursor:pointer;width: 100%;}
div.select-box-default-st span.selectText:before {content:"";position:absolute;top:50%;right:1rem;transform:translate(0,-50%);width:1.5rem;height:1.5rem;overflow:hidden;background:url('../images/common/select-arrow.svg') no-repeat center bottom}

div.select-box-default-st.on span.selectText:before {background-position:center top;}
div.select-box-default-st > .select-wrap {display:none;position:absolute;top:calc(100% + 6px);left:0px;min-width:100%;z-index:10000;}
div.select-box-default-st ul.select-box-option {width:100%;height:auto;background-color:#FFF;border:1px solid #D7D5D5;border-radius: 1.5625rem; padding: 0.75rem 0; overflow: hidden;}
div.select-box-default-st ul.select-box-option li {display:inline-block;font-size:1rem;width:100%;height:auto;border-bottom:0;line-height: 2.5rem; padding: 0 1.25rem;  cursor:pointer;color: #382F2D}
div.select-box-default-st ul.select-box-option li:hover {color: #C10230; font-weight: 700; background-color: #F8F8F8;}
div.select-box-default-st ul.select-box-option li.selected {color:#C10230;font-weight:700;background-color: #F8F8F8;}

div.select-box-default-st.deactive span.selectText{background-color: #F5F5F5 !important; pointer-events: none;}
div.select-box-default-st.deactive span.selectText:before{background-image:url('../images/common/select-arrow-deac.svg') ;} 

/* search */
    /* 검색 */
.search-wrap {display: flex;align-items: center;justify-content: center;width: 100%; padding: 2.5rem; background-color: #F7EEDD; border-radius: 1.25rem; margin-top: 2.5rem;}
.search-wrap  .search-ip {position: relative;width: 100%;max-width: 42.5rem; height: 3rem;border-radius: 1.5625rem;overflow: hidden; }
.search-wrap  .search-ip form {display: flex; width: 100%; position: relative; }
.search-wrap  .search-ip input[type=text]{ width: 100%; height: 3rem;border: 0;padding:0  3.375rem 0 1.25rem;outline: none;}
.search-wrap  .search-ip input[type=submit] {font-size: 0; width: 1.5rem; aspect-ratio: 1; border: 0; background:url("../images/common/search-icon.svg")no-repeat center center; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); }

/* Pagging :: Style */
#pagging-wrap {position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-top:6.25rem;}
#pagging-wrap > .page-area {display:flex;align-items:center;}
    /* 페이징 버튼 */
#pagging-wrap > .page-area > a.page-btn.disabled {opacity: 0.5;}
#pagging-wrap > .page-area > a.page-btn{overflow:hidden;font-size:0;line-height:0;min-width:1.5rem;height:1.5rem;background-repeat:no-repeat;}
#pagging-wrap > .page-area > a.page-btn.first {background-image:url('../images/common/pagging-icon.svg');background-position:left top; }
#pagging-wrap > .page-area > a.page-btn.prev {background-image:url('../images/common/pagging-icon.svg');background-position:left bottom;margin-left: 1.5rem;}
#pagging-wrap > .page-area > a.page-btn.next {background-image:url('../images/common/pagging-icon.svg');background-position:right bottom;margin-right: 1.5rem;}
#pagging-wrap > .page-area > a.page-btn.last {background-image:url('../images/common/pagging-icon.svg');background-position:right top;}
    /* 페이징 숫자 */
#pagging-wrap > .page-area > ul.list {display:flex;justify-content:center;align-items:center;padding:0 2rem;position:relative;}
#pagging-wrap > .page-area > ul.list li {display:flex;justify-content:center;align-items:center;}
#pagging-wrap > .page-area > ul.list li + li {margin-left:0.5rem;}
#pagging-wrap > .page-area > ul.list li a {min-width:2.5rem;height:2.5rem;border-radius:50%;color:#382F2D;font-size:1rem;display:flex;justify-content:center;align-items:center;overflow:hidden;}
#pagging-wrap > .page-area > ul.list li a:hover{border: 1px solid  #C10230;}
#pagging-wrap > .page-area > ul.list li.on a {color:#fff;background-color:#C10230;cursor:default; }

/* 이전 / 다음 게시글 */
.arrow-box{border-top: 1px solid #746D6C; border-bottom: 1px solid #746D6C;}
.arrow-box > div{display: flex; align-items: center;font-size: 1.125rem;line-height: 1.5; color: #746D6C;}
.arrow-box > div + div{border-top: 1px solid #D7D5D5;}
.arrow-box > div span{background-color: #F7EEDD; padding: 1.875rem; width: 12.5%; text-align: center;}
.arrow-box > div a {width: 87.5%;padding: 1.875rem; color: #746D6C;font-size: 1.125rem;line-height: 1.5;    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
/* Link Style */
a:link,
a:visited{text-decoration:none; color:#382F2D;}
a:hover{text-decoration:none; color:#382F2D;}


/* 말줄임 : 1줄 */
.clamp-line1
,div.select-box-default-st span.selectText
{ overflow:hidden;display:block !important;display:-webkit-box !important;-webkit-line-clamp:1;/*말줄임 수정 가능*/-webkit-box-orient:vertical;word-break:break-all; }
/* 말줄임 : 2줄 */
.clamp-line2
{ overflow:hidden;display:block !important;display:-webkit-box !important;-webkit-line-clamp:2;/*말줄임 수정 가능*/-webkit-box-orient:vertical;word-break:break-all; }
/* 말줄임 : 3줄 */
.clamp-line3
{ overflow:hidden;display:block !important;display:-webkit-box !important;-webkit-line-clamp:3;/*말줄임 수정 가능*/-webkit-box-orient:vertical;word-break:break-all; }
.scroll-item {
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
    transform: translateY(50px);
}

.scroll-item.on {
    opacity: 1;
    transition: transform 1s ease, opacity 1s ease;
    transform: translateY(0);
}

/* Scroll Bar Custom :: Default */
.scroll-bar-overlay {
    position: absolute;
    top: 0;
    right: 2px;
    width: 4px;
    height: 100%;
  }
  
/* Scroll Bar Custom :: Default */
.scroll-bar-custom::-webkit-scrollbar {width:4px;background-color:rgba(0, 0, 0, 0.12);border-radius:0px;padding:1px ; /* 스크롤바의 너비 */}
.scroll-bar-custom::-webkit-scrollbar-thumb {
    display:block;
    width:4px; /* 스크롤바의 길이 */
    background-color:rgba(0, 0, 0, 0.48);  /* 스크롤바의 색상 */
    border-radius:0px;
    /* border:1px solid #000; */
    cursor:default !important;
}
.scroll-bar-custom::-webkit-scrollbar-track {
    display:none;
    background: rgba(0, 0, 0, .05);  /*스크롤바 뒷 배경 색상*/
}
.scroll-bar-custom::-webkit-scrollbar-button:start:decrement, 
.scroll-bar-custom::-webkit-scrollbar-button:end:increment {
    /*  스크롤의 화살표가 포함된 영역   */
    display:none;
    height:1.0rem;
    background-color: transparent;
}



/* table */
table thead tr th{padding: 1.875rem; text-align: center; color: #746D6C; font-size: 1.25rem; font-weight: 500; background: #F7EEDD;}
table thead tr th + th{border-left: 1px solid #D7D5D5;}
table tbody{border-top: 1px solid #D7D5D5;;}
table tbody tr{border-bottom: 1px solid #D7D5D5;;}
table tbody tr td{border-left: 1px solid #D7D5D5; color: #746D6C;}
table tbody tr td.border-none{border-left: none;}
table tbody tr th,table tbody tr td{font-size: 1.125rem; padding: 1.25rem 1.875rem; text-align: center;}
table tfoot tr td{border-top: 1px solid #000;border-bottom: 1px solid #000; text-align: center;font-size: 1.125rem; padding: 1.25rem 1.875rem; background: #F7EEDD; color: #C10230; font-weight: 600;}
table tfoot tr td + td{border-left: 1px solid #D7D5D5;}
/* form */
.form-wrap span.form-caution{font-size: 0.875rem; color: #C10230; text-align: right; display: block;}
.form-wrap .require{position: relative; padding-left: 1.25rem;}
.form-wrap .require::before{content: "*"; color: #C10230; font-size: 1.25rem; position: absolute; left: 0; top:3px; line-height: 1;}
.form-wrap dl {display:flex;flex-direction: column; align-items: flex-start;}
.form-wrap dl + dl{margin-top: 2.5rem;}
.form-wrap dl dt {width:100%;font-size:1.25rem;display:flex;flex-wrap:wrap;align-items:center;text-align:left;margin-bottom: 1.125rem; line-height: 1;}
.form-wrap dl dd {width:100%;display:flex;flex-wrap:wrap;align-items:center;}
.form-wrap dl dd > div{width: 100%;}
.form-wrap dl dd > div input{width: 100%;}
.form-wrap dl dd > div.radio-wrap{display: flex; align-items: center;}
.form-wrap dl dd > div.radio-wrap .radio + .radio{margin-left: 1.5rem;}
.form-wrap dl dd > div.select-box-wrap{display: flex; align-items: center; gap: 0 0.625rem;}
.form-wrap dl dd > .text-area {border:1px solid #D7D5D5; padding:0.75rem 0.75rem 0.75rem 1.25rem;border-radius: 1.5625rem; }
.form-wrap dl dd > .text-area textarea {width:100%;height:10.9375rem;border:none;overflow-y:auto;resize:none;outline:none;font-size:1rem; }
.form-wrap dl dd > .num_ip{display: flex; align-items: center; justify-content: space-between; }
.form-wrap dl dd > .num_ip .form_num{display: flex; align-items: center; justify-content: space-between; gap: 0 0.3125rem;}
.form-wrap dl dd > .num_ip .form_num figure{width: 100%; height: 3rem; border: 1px solid #D7D5D5; background-color: #fff;overflow:hidden;border-radius: 1.5625rem;}
.form-wrap dl dd > .num_ip .form_num  a.ref-btn{display: inline-flex;align-items: center; justify-content: center; background:url("../images/common/ref-btn.svg")no-repeat center center /cover;min-width:3rem;aspect-ratio: 1; border-radius: 50%; border: 1px solid #D7D5D5;}
.form-wrap dl dd > .num_ip .enter{padding-left:1.125rem;width: 100%;}
.form-wrap dl dd > .num_ip .enter input[type=text]{border:none;border:1px solid #D7D5D5;border-radius: 1.5625rem;}

/* 브랜드 / 프랜차이즈 버튼 */


.switch-wrap {position: relative;display: inline-flex;align-items: center;padding: 0.25rem ; background-color: #BF0B34;border: 1px solid #BF0B34;border-radius: 1.25rem;min-width: 106px; height: 2.5rem;overflow: hidden;}
.switch-wrap input[type="checkbox"] {display: none;}
.switch-wrap label {flex: 1;color: #fff;font-weight: 500;z-index: 1;cursor: pointer;transition: color 0.3s ease;margin-left: 2.5rem; margin-right: 0;}
.switch-wrap span.toggle::before {content: '';position: absolute;top: 50%;left: 0.25rem;transform: translateY(-50%);width: 2rem;height: 2rem;background:#fff url('../images/common/switch-arrow.svg') no-repeat center right;border-radius: 50%; transition: transform 0.3s ease, left 0.3s ease, background-image 0.3s ease;z-index: 2; cursor: pointer;}
  
/* 기본 */
.switch-wrap label.brand {display: block;}
.switch-wrap label.franchise {display: none;}
/* 체크됐을때 */
.switch-wrap.checked span.toggle::before {left: calc(100% - 2.25rem);background-position: center left;}
.switch-wrap.checked label{margin-left: 0rem; margin-right: 2.5rem;}
.switch-wrap.checked label.brand {display: none;}
.switch-wrap.checked label.franchise {display: block;}
  

/* 겹쳐져 있는 버튼 */
.overlap-btn{display: flex; align-items: center; justify-content: center;}
.overlap-btn > div.text{padding: 0.625rem 1.375rem; border-radius: 2.5rem; background: #fff;transition: all .5s cubic-bezier(.4,0,.2,1) 0s; height: 2.5rem;}
.overlap-btn > div.text span{transition: all .5s cubic-bezier(.4,0,.2,1) 0s; display: block;}
.overlap-btn > .overlap-arrow{display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #fff url('../images/common/overlap-arrow.svg') no-repeat center right/cover; margin-left: -8px;transition: all .5s cubic-bezier(.4,0,.2,1) 0s;} 

/* 겹친버튼 - 빨강 */
.overlap-btn.red-btn {color: #fff;}
.overlap-btn.red-btn > div.text{background-color: #BF0B34;}
.overlap-btn.red-btn > .overlap-arrow{background-color: #BF0B34; background-position: center left;}

/* hover */
.overlap-btn:hover > div.text{border-radius: 2.5rem 0 0 2.5rem;}
.overlap-btn:hover > div.text span{transform: scale(1.05);}
.overlap-btn:hover > .overlap-arrow{border-radius: 0 50% 50% 0;}

/* smoothBtn */
.smoothBtn-wrap{width: 100vw; height: 47px; background-color: #fff; position: relative;} 
.smoothBtn-wrap::after{content: "";display: block; width: 270px;  height: 85px; background: url('../images/common/smoothBg-wh.svg') no-repeat center center/cover; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); z-index: 10;}
.smoothBtn-wrap a.smooth-arrow{display: flex; align-items: center; justify-content: center; width: 94px; height: 94px; border-radius: 50%; background: #BF0B34 url('../images/common/smooth-arrow.svg') no-repeat center left /cover; position: absolute;position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 11;}
/* cream */
.smoothBtn-wrap.cream{background-color: #FCF6ED;}
.smoothBtn-wrap.cream::after{background-image: url('../images/common/smoothBg-cream.svg');}


/* sns-wrap */
.sns-wrap{display: flex; align-items: center;}
.sns-wrap a{ display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #F0D0A2 }
.sns-wrap a + a{margin-left: 0.5rem;}
.sns-wrap a span{display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem;  background: url('../images/common/sns-icon.svg') no-repeat;}
.sns-wrap a.f-book span{background-position: center left;}
.sns-wrap a.insta span{background-position: center center;}
.sns-wrap a.kakao span{background-position: center right;}
.sns-wrap a:hover span{animation: snsAny .5s linear forwards;   }
    /* sns - 흰색 */
.sns-wrap.wh a{background: #fff }

/* simbol */
.simbol{display: inline-flex; width: 78px; height: 51px; background: url('../images/common/simbol.svg') no-repeat center center/cover; }
.simbol2{display: inline-flex; width: 30px; height: 21px; background: url('../images/common/simbol2.svg') no-repeat center center/cover; }

/* 검정 버튼 */
.btn-wrap{display: flex; align-items: center; justify-content: center; margin-top: 1.25rem;} 
.btn-wrap > a.black-btn{display: inline-flex; align-items: center; justify-content: center; background: #382F2D; color: #fff; font-size: 1.25rem; font-weight: 500; border-radius: 2.5rem; line-height: 2rem; padding: 0.875rem 3.75rem;}

/* pageTopScroll */
#pageTopScrollBtn {position: fixed;right: 20px;bottom: 20px;z-index: 100;}
#pageTopScrollBtn > a {display: block; width: 5.75rem;height: 5.75rem; border-radius: 50%; color: #BF0B34; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    font-size: 1rem; text-align: center;}
    /* 탑버튼 */
#pageTopScrollBtn > a.topBtn{display: flex; align-items: center; justify-content: center; background:#fff url("../images/common/top-btn.svg")no-repeat center center/ 2.75rem auto;margin-top:0.9375rem;}
    /* 다운로드 */
#pageTopScrollBtn > a.download{display: flex; flex-direction: column; align-items: center; justify-content: center; background:#fff ; letter-spacing: -0.02em; line-height: 1; }   
#pageTopScrollBtn > a.download::before{content: ""; display: inline-block; width:  2.125rem; height:  2.125rem; background: url("../images/common/down-icon.svg")no-repeat center center/cover; margin-bottom: 2px;}
    /* 상담신청 */
#pageTopScrollBtn2{position: fixed;right: 20px;bottom:50%;transform: translateY(-50%); z-index: 100;}
#pageTopScrollBtn2 > a {display: block; width: 7.8125rem;height: 7.8125rem; border-radius: 50%; color: #fff ;font-size: 1rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.2; text-align: center;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);}
#pageTopScrollBtn2 > a.counsel{display: flex; flex-direction: column; align-items: center; justify-content: center; background:#BF0B34 ; letter-spacing: -0.02em; line-height: 1; }   
#pageTopScrollBtn2 > a.counsel::before{content: ""; display: inline-block; width:  3.6875rem; height:  3.6875rem; background: url("../images/common/counsel-icon.svg")no-repeat center center/cover; margin-bottom: 2px;}

/* header :: s */
header{position: fixed; z-index: 100; width: 100%;height: 110px; transition: transform .5s cubic-bezier(.4,0,.2,1) 0s;}
header::after{content: ""; display: block; width: 100vw; height: 0; background: rgba(255, 255, 255, 0.8); position: absolute; left: 0; z-index: -1; transition: 0.15s;}
header.active::after{height: 60px;}
header .header-inner{position:sticky;top:0;max-width: 1400px; width: 100%; padding: 0rem 3.125rem;margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
/* gnb */
header .header-inner .gnb{display: flex; align-items: center;}
header .header-inner .gnb li{position: relative;}
header .header-inner .gnb li + li{padding-left: 2.5rem;}
    /* dep1 */
header .header-inner .gnb li > a{color: #fff; font-size: 14px; font-weight: 600 !important; display: flex; align-items: center; justify-content: center;  height: 110px; position: relative;}
header .header-inner .gnb li > a::before{content: ""; display: block; width: 0; height: 2px; background-color: #fff; position: absolute; left: 0; top: 60%; transition: width .3s cubic-bezier(.4,0,.2,1) 0s;}
header .header-inner .gnb li.active > a::before{ width: 100%;}
    /* dep2 */
header .header-inner .gnb li > .dep2{/*display: none;*/  visibility: hidden;opacity: 0;height: 0;overflow: hidden;display: flex; align-items: center; width: min-content; height: 60px; position: absolute; left: 0; z-index: 101; }
header .header-inner .gnb li + li > .dep2{margin-left: 2.5rem;}
header .header-inner .gnb li > .dep2 > a{text-wrap: nowrap; display: flex; align-items: center; justify-content: center; width: min-content; line-height: 2.3125rem; background: #fff; border-radius: 1.25rem; color: #888281; font-size: 0.875rem; font-weight: 600; padding: 0 1.5625rem; transform: translateY(-20px); opacity: 0;transition:transform, opacity .45s ease 0s; }
header .header-inner .gnb li > .dep2 > a + a{margin-left: 0.625rem;}
    /* dep2 - active */
header .header-inner .gnb li.active > .dep2{/*display: flex;*/visibility: visible;opacity: 1;height: 60px;}
header .header-inner .gnb li.active > .dep2 > a{transform: translateY(0); opacity: 1; }
header .header-inner .gnb li > .dep2 > a:nth-child(1)  { transition-delay: 0s; }
header .header-inner .gnb li > .dep2 > a:nth-child(2)  { transition-delay: 0.15s; }   
header .header-inner .gnb li > .dep2 > a:nth-child(3)  { transition-delay: 0.3s; }
header .header-inner .gnb li > .dep2 > a:nth-child(4)  { transition-delay: 0.45s; }
header .header-inner .gnb li > .dep2 > a:nth-child(5)  { transition-delay: 0.6s; }
header .header-inner .gnb li > .dep2 > a:nth-child(6)  { transition-delay: 0.75s; }
header .header-inner .gnb li > .dep2 > a:nth-child(7)  { transition-delay: 0.9s; }
header .header-inner .gnb li > .dep2 > a:nth-child(8)  { transition-delay: 1.05s; }
header .header-inner .gnb li > .dep2 > a:nth-child(9)  { transition-delay: 1.2s; }
header .header-inner .gnb li > .dep2 > a:nth-child(10) { transition-delay: 1.35s; }
header .header-inner .gnb li > .dep2 > a:hover, header .header-inner .gnb li > .dep2 > a.active{background: #BF0B34; color: #fff;} 

/* logo */
header .header-inner .logo{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}   
    /* util */
header .header-inner .util{display: flex; align-items: center; }
header .header-inner .util .lang{font-size: 0.75rem; font-weight: 300; border: 5px solid #fff; border-radius: 50%; min-width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; color: #fff; margin-right: 0.5625rem;}
header .header-inner .util .sns-wrap{margin-left:0.5625rem ;}
    /* header scroll */
header.hide{transform: translateY(-100%);}
header.hide::after{transform: translateY(-100%);}
header.show{transform: translateY(0); background-color: #BF0B34; }
header.show .switch-wrap{background: rgba(0, 0, 0, 0.2);}
    /* header - m */
header .header-inner .m-btn{display: none;}
@keyframes snsAny {
    0%{
        transform: translateY(0);
    }
    30%{
        transform: translateY(5px);
    }
    50%{
        transform: translateY(-4px); 
    }
    70%{
        transform: translateY(3px); 
    }
    90%{
        transform: translateY(-2px); 
    }
}
    /* 모바일 header */
header .header-inner .m-btn-wrap, .mobile-menu-wrap, header .header-inner .logo .m-logo{display: none;}     
/* header :: e */


/* footer :: s */
footer {overflow: hidden; border-radius: 50px 50px 0 0; color: #fff;}
    /* 버블 */
footer #balls-animation-container {width: 100%;height: 850px;position: relative;overflow: visible;touch-action: auto;}
footer #balls-animation-container canvas {width: 100% !important; height: 100% !important;display: block;}
footer .inner{position: relative; max-width: 100%; padding: 0; margin: 0;}
footer .inner .f-cont{position: absolute; width: 100%; height: 100%;}
    /* 로고 */
footer .inner .f-cont .f-logo{position: absolute; left: 50%; top: 80px; transform: translateX(-50%); z-index: 1;}
    /* 중간 텍스트 */
footer .inner .f-cont .footer-top{display: flex; align-items: flex-start; justify-content: space-between; position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;padding: 0 8.75rem;width: 100%;}
        /* 왼쪽 */
footer .inner .f-cont .footer-top .top-left{}
footer .inner .f-cont .footer-top .top-left .top-big{display: flex; flex-direction: column; align-items: flex-start;} 
footer .inner .f-cont .footer-top .top-left .top-big a{ color: #fff; font-size: 1.625rem; display: inline-block; line-height: 1.4; letter-spacing: -0.02em;}
footer .inner .f-cont .footer-top .top-left .top-big a + a{margin-top: 0.9375rem;}
footer .inner .f-cont .footer-top .top-left .top-big a.bold{font-weight: 700;}
footer .inner .f-cont .footer-top .top-left .top-small{margin-top: 2.5rem;}
footer .inner .f-cont .footer-top .top-left .top-small p{font-weight: 300; line-height: 1.4; letter-spacing: -0.02em;}
footer .inner .f-cont .footer-top .top-left .top-small dl{display: flex; align-items: center; margin-top: 0.5rem;}
footer .inner .f-cont .footer-top .top-left .top-small dl dt{font-weight: 600; display: flex; align-items: center;}
footer .inner .f-cont .footer-top .top-left .top-small dl dt:nth-of-type(2)::before{content: ""; display: inline-block; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.6); border-radius: 50%; margin: 0 0.625rem; }
footer .inner .f-cont .footer-top .top-left .top-small dl dd{font-weight: 300; margin-left: 10px;} 
        /* 오른쪽 */
footer .inner .f-cont .footer-top .top-right{}
footer .inner .f-cont .footer-top .top-right .tel{}
footer .inner .f-cont .footer-top .top-right .tel dl{display: flex; flex-direction: column; align-items: flex-start;}
footer .inner .f-cont .footer-top .top-right .tel dl dt{font-size: 1.375rem; letter-spacing: -0.02em;}
footer .inner .f-cont .footer-top .top-right .tel dl dd{font-size: 2.5rem; font-weight: 700; margin-top: 0.75rem; color: #fff !important;}
footer .inner .f-cont .footer-top .top-right .tel dl dd > *{color: #fff !important;}
footer .inner .f-cont .footer-top .top-right .tel dl + dl{margin-top: 1.5625rem;}
footer .inner .f-cont .footer-top .top-right .time{margin-top: 1.5625rem;}
footer .inner .f-cont .footer-top .top-right .time dl{font-size: 0.875rem;  letter-spacing: -0.02em; line-height: 1.4; display: flex; align-items: flex-start;}
footer .inner .f-cont .footer-top .top-right .time dl + dl{margin-top: 0.625rem;}
footer .inner .f-cont .footer-top .top-right .time dl dd{margin-left: 5px;}

    /* 아래 */
footer .inner .f-cont .footer-bt{position: absolute;bottom: 5rem; z-index: 1;padding-left: 8.75rem;}
footer .inner .f-cont .footer-bt p.copy{margin-top: 2.5rem; font-size: 0.75rem;}

footer .m-businessInfo{display: none;}
/* footer :: e */


/* 반응형 */
@media only screen and (max-width: 1440px){
	header .header-inner{padding:0 5rem;}
	.inner{padding:0 5rem;}
    /* table */
    table thead tr th{font-size: 1.125rem; padding: 1.25rem;}
    table tbody tr th,table tbody tr td{font-size: 1rem; padding: 1.25rem ; }
    table tfoot tr td{font-size: 1rem; padding: 1.25rem ;}
}/* //max-width: 1440px */


@media only screen and (max-width: 1024px){
    /* footer :: s */
    footer #balls-animation-container{height: 700px;}
    footer .inner .f-cont .f-logo{width: 462px;}
    footer .inner .f-cont .footer-top{padding: 0 3.125rem;}
    footer .inner .f-cont .footer-top .top-left .top-big a{font-size:1.375rem ;}

    footer .inner .f-cont .footer-top .top-left .top-small{font-size: 0.875rem;}
    footer .inner .f-cont .footer-top .top-right .tel dl dt{font-size: 1.125rem;}
    footer .inner .f-cont .footer-top .top-right .tel dl dd{font-size: 2rem;}

    footer .inner .f-cont .footer-top .top-right .time{font-size: 0.875rem;}
    footer .inner .f-cont .footer-bt{padding-left:3.125rem;bottom: 3.125rem;}
    footer .inner .f-cont .footer-bt p.copy{margin-top: 0.5rem;}  
    /* footer :: e */
}/* //max-width: 1024px */


@media only screen and (max-width: 995px){
    /* header */
        /* header-pc */
    header{height: 60px;}
    header .header-inner{margin: 0; padding: 0rem 0.9375rem; height: 60px; justify-content:flex-end;}
    header .header-inner .gnb{display: none;}
    header .header-inner .util{display: none;}


    /* header-mobile */
    header.m-open{background: #BF0B34; height: 72px; z-index: 101;}
    header.m-open .header-inner .m-btn-wrap a{background-image: url('../images/common/m-cls-icon.svg');}
   
        /* logo */
    header .header-inner .logo .p-logo{display: none;} 
    header .header-inner .logo .m-logo{max-width: 140px; display: block;}
    header .header-inner .m-btn-wrap{display: block;}
    header .header-inner .m-btn-wrap a{display: flex; align-items: center; justify-content: center; border-radius: 50%; width:2.125rem; height:2.125rem; background: #F0D0A2 url('../images/common/m-menu-icon.svg') no-repeat center center/19px auto; }
        /* 모바일메뉴 */
    .mobile-menu-wrap{ width: 100vw; height: calc(100vh - 60px); background: #BF0B34; display: none;} 
    header.m-open .mobile-menu-wrap{display: block;}
    .mobile-menu-wrap .menu-body{padding: 0.625rem 0; height: 100%; position: relative;}
    .mobile-menu-wrap .menu-body::after{content: ""; display: block; width: 375px; height: 219px; background: url('../images/common/mMenu-bg.png') no-repeat center bottom/cover; position: absolute; bottom: 0; left: 0;} 
    .mobile-menu-wrap .menu-body .menu-body-t {position: relative; z-index: 2;}
    .mobile-menu-wrap .menu-body .menu-body-t .m-gnb{}
    .mobile-menu-wrap .menu-body .menu-body-t .m-gnb li > a{font-size: 1.25rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.02em; color: #fff; display: flex; align-items: center; justify-content: flex-start; height: 3.125rem;  padding: 0 1.875rem;}
    .mobile-menu-wrap .menu-body .menu-body-t .m-gnb li > a::after{content: "";display: inline-block; width: 2rem; height: 2rem; background: url('../images/common/mMenu-arrow.png') no-repeat center bottom/cover;}
    .mobile-menu-wrap .menu-body .menu-body-t .m-gnb li > .dep2{display: none;}
    .mobile-menu-wrap .menu-body .menu-body-t .m-gnb li > .dep2 > a{display: flex; align-items: center; justify-content: flex-start; font-size: 1.125rem; color: #fff; height: 2.125rem; padding: 0 1.875rem; line-height: 1.4; letter-spacing: -0.02em;} 
    /* .mobile-menu-wrap .menu-body .menu-body-t .m-gnb li > .dep2 > a + a{margin-top: 0.625rem;} */
    .mobile-menu-wrap .menu-body .menu-body-t .switch-wrap{margin: 1.125rem 1.875rem;display: inline-flex; background-color: rgba(0, 0, 0, 0.2);}
    /* .mobile-menu-wrap .menu-body .menu-body-t .switch-wrap .switch-btn{display: inline-flex; background-color: rgba(0, 0, 0, 0.2);} */

    .mobile-menu-wrap .menu-body .menu-body-bt{display: flex; flex-direction: column; align-items: flex-start; justify-content: center;padding: 0 1.875rem; position: relative; z-index: 2; /*position: absolute; left: 1.875rem; bottom: 1.875rem; */}
    .mobile-menu-wrap .menu-body .menu-body-bt > p{text-align: center; color: #fff; font-size: 0.875rem;}
    .mobile-menu-wrap .menu-body .menu-body-bt .util{display: flex; align-items: center; margin-top: 0.625rem;}
    .mobile-menu-wrap .menu-body .menu-body-bt .util .lang{font-size: 0.75rem; font-weight: 300; border: 5px solid #fff; border-radius: 50%; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; color: #fff; margin-right: 0.5625rem;}
    .mobile-menu-wrap .menu-body .menu-body-bt .util .sns-wrap{margin-right: 0.5rem; }   
        /* 메뉴 active */
    .mobile-menu-wrap .menu-body .menu-body-t .m-gnb li.active > a::after{background-position: center top; }
    .mobile-menu-wrap .menu-body .menu-body-t .m-gnb li > .dep2 > a.active{font-weight: 600; background-color: rgba(229, 231, 235, 0.3);}
    /* header scroll */
    header.hide .mobile-menu-wrap{transform: translateY(-100%);transition: all .75s cubic-bezier(.4,0,.2,1) 0s;}
    header.show{ height: 60px;}
    header.show .mobile-menu-wrap{transform: translateY(0%);transition: all .75s cubic-bezier(.4,0,.2,1) 0s; }
}/* //max-width: 995px */

@media only screen and (max-width: 768px){
    .m-img{display:block !important;}
    .p-img{display:none !important;} 
    .pVer{display:none !important;}
    .mVer{display:block !important;}
    .inner{padding: 0 1.25rem;}

    /* default */
    input {outline:none;}

    input[type=text],
    input[type=tel],
    input[type=phone],
    input[type=number],
    input[type=search],
    input[type=password]{border:1px solid #D1D5DB;font-size:0.875rem;}

    /* 라디오버튼 디자인 */
    input[type=radio] + label {position:relative;font-size:1rem;display:inline-flex;align-items:center;}
    input[type=radio] + label:before {width:1.25rem;margin-right: 0.3125rem;}
    input[type=radio] + label:after {left: 6px; top: 6px;}

    /* form */
    .form-wrap .require{position: relative;padding-left: 0.75rem;}
    .form-wrap .require::before{top: 0;}
    .form-wrap dl + dl{margin-top: 1.875rem;}
    .form-wrap dl dt {font-size:1rem;margin-bottom: 0.875rem; }
    .form-wrap dl dd > .num_ip .enter{padding-left: 0.3125rem;}

    /* table */
    table thead tr th{font-size: 1rem; padding: 1.25rem;}
    table tbody tr th,table tbody tr td{font-size: 1rem; padding: 1rem ; }
    table tfoot tr td{font-size: 1rem; padding: 1rem ;}

    /* search */
    .search-wrap {padding: 1.5rem; margin-top: 1.875rem ;}
    .search-wrap  .search-ip {height: 2rem; }
    .search-wrap  .search-ip input[type=text]{ height: 2rem;}

    /* 이전 / 다음 게시글 */
    .arrow-box > div{font-size:1rem; }
    .arrow-box > div span{padding: 1.25rem; min-width: 5.625rem;}
    .arrow-box > div a { padding: 1.25rem; font-size: 1rem;}

    /* 페이징 */
    #pagging-wrap{margin-top:2.5rem;}

    /* smoothBtn */
    .smoothBtn-wrap{height: 2.3125rem; }
    .smoothBtn-wrap::after{ width: 185px;  height: 58px;}
    .smoothBtn-wrap a.smooth-arrow{ width: 4.0625rem; height: 4.0625rem;}

    /* 검정버튼 */
    .btn-wrap > a.black-btn{width: 100%;font-size: 1rem; padding: 0.3125rem;}

    /* pageTopScroll */
    #pageTopScrollBtn > a {width: 3.75rem; height: 3.75rem; font-size: 0.75rem;}
    #pageTopScrollBtn > a.topBtn{background-size: 2rem auto; margin-top: 0.9375rem;}
    
        /* 다운로드 */
    #pageTopScrollBtn > a.download span{display: none;}
    #pageTopScrollBtn > a.download::before{width: 22px; height: 22px; margin-bottom: 0;}
        /* 상담신청 */
    #pageTopScrollBtn2{bottom:170px; transform: translateY(0%);}
    #pageTopScrollBtn2 > a{ width: 3.75rem;height: 3.75rem; font-size: 0.75rem; }
    #pageTopScrollBtn2 > a.counsel::before{width:  1.375rem; height:  1.375rem;}


    /* footer :: s */
    footer #balls-animation-container{height: 990px;}
    footer .inner .f-cont .f-logo{width: 185px; top: 60px;}   
    footer .inner .f-cont .footer-top{flex-direction: column-reverse; padding: 0; transform: translateY(0); top: 160px;}
    footer .inner .f-cont .footer-top .top-right{padding: 0 1.25rem;} 
    footer .inner .f-cont .footer-top .top-right .tel dl dt{font-size: 0.875rem;}
    footer .inner .f-cont .footer-top .top-right .tel dl dd{font-size: 1.875rem; margin-top: 0.75rem;}
    footer .inner .f-cont .footer-top .top-right .time dl{font-size: 1rem;}

    footer .inner .f-cont .footer-top .top-left {width: 100%;}
    footer .inner .f-cont .footer-top .top-left .top-big{padding: 0 1.25rem;margin-top: 3.75rem;}
    footer .inner .f-cont .footer-top .top-left .top-big a{font-size: 1.25rem;}
    footer .inner .f-cont .footer-top .top-left .top-big a + a{margin-top: 0.9375rem;}
    footer .inner .f-cont .footer-top .top-left .top-small{display: none;}
    footer .inner .f-cont .footer-bt{padding-left: 1.25rem; bottom:5rem ;}
    footer .inner .f-cont .footer-bt p.copy{margin-top: 2.5rem;}
    footer .m-businessInfo{display: block; margin-top: 2rem; width: 100%;}
    footer .m-businessInfo > dl{width: 100%;}
    footer .m-businessInfo > dl dt{}
    footer .m-businessInfo > dl dt a{font-size: 1.25rem; display: flex; align-items: center; padding: 0.625rem 1.25rem; color: #fff;}
    footer .m-businessInfo > dl dt a::after{content: ""; display: block; width: 2.125rem; height: 2.125rem; border-radius: 50%; background: #fff url('../images/common/footer-arrow.svg') no-repeat center bottom / cover ; margin-left: 0.625rem;}
    footer .m-businessInfo > dl.active dt a::after{background-position: center top;}
    footer .m-businessInfo > dl dd{width: 100%;padding: 1.25rem; display: none;} 
    footer .m-businessInfo > dl dd p{font-weight: 300;}
    footer .m-businessInfo > dl dd p b{font-weight: 600;}
    footer .m-businessInfo > dl dd p + p{margin-top: 0.5rem;}
    /* footer :: e */

}/* //max-width: 768px */

@media only screen and (max-width: 425px){
    /* 테이블 */
    table tbody tr th, table tbody tr td{font-size: 0.875rem; padding: 0.5rem;}
    table thead tr th{padding: 0.5rem;;}
    table tbody tr th,table tbody tr td{ padding: 0.5rem; }
    table tfoot tr td{  padding: 0.5rem;}

    footer #balls-animation-container{height: 955px;}
    footer .inner .f-cont .footer-top .top-right .tel dl dd{font-size: 1.5625rem; margin-top: 0.625rem;}
    footer .inner .f-cont .footer-top .top-right .tel dl + dl{margin-top: 1.25rem;}
    footer .inner .f-cont .footer-top .top-right .time{font-size: 0.75rem;}
    footer .inner .f-cont .footer-top .top-right .time dl{font-size: 0.875rem;}
    footer .inner .f-cont .footer-top .top-left .top-big{margin-top: 2.5rem;}
    footer .inner .f-cont .footer-top .top-left .top-big a{font-size: 1.125rem;}
    footer .inner .f-cont .footer-top .top-left .top-big a + a{margin-top: 0.75rem;}
    footer .m-businessInfo > dl dt a{font-size: 1.125rem;}
    footer .m-businessInfo > dl dd p{font-size: 0.875rem;}
    
}/* //max-width: 425px */