@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);
:root {
    --color-main00: #F5A83D;/* F5A83D */
    --color-main01: #F5A83D; 

    /* whole text */
    --color-basic: #333;
    --color-black: #121212;

    /* emphasizing */
    --color-strong01: #273061;
    --color-strong02: #1B1C21;
    --color-neon: #ffe574;
    --color-red: #ff2121;    
    --color-point01: #0e5bff;

    /* gray */
    --color-gray: #d1d3d6;

    /* bg etc */
    --color-pale01: #F7FAFB;
    --color-pale02: #D3DFEF;
    --color-pale03: #D1DDE8;
}

/* 기본 PC 스타일 */
.container {
  max-width: 1200px; /* PC 컨테이너 전체 너비 */
  margin: 0 auto; /* 중앙 정렬 */
  
}
.grid-wrap {
  max-width: 1200px; /* PC 컨테이너 전체 너비 */
  margin: 0 auto; /* 중앙 정렬 */
  display: grid;
  grid-template-columns: repeat(8, 1fr); /* 8개의 비율 기반 컬럼 */
  column-gap: 16px; /* 컬럼 간격 */
  /* 컨테이너 양쪽 패딩 */
  /* padding: 0 16px;  */
}

/* 태블릿 스타일 */
@media (max-width: 1024px) {
  .container {
    max-width: 768px; /* 태블릿 컨테이너 너비 */
    padding: 0 12px; /* 좌우 여백 조정 */
  }
  .grid-wrap {
    max-width: 768px; /* 태블릿 컨테이너 너비 */
    grid-template-columns: repeat(4, 1fr); /* 4개의 컬럼 */
    column-gap: 12px; /* 컬럼 간격 줄이기 */
  }
}

/* 모바일 스타일 */
@media (max-width: 480px) {
  .container {
    max-width: 100%; /* 화면에 꽉 차도록 */
    padding: 0 8px; /* 최소 패딩 */
  }
  .grid-wrap {
    grid-template-columns: 1fr; /* 단일 컬럼 */
    column-gap: 8px; /* 간격 최소화 */
  }
}


html, body{color: var(--color-basic);font-size: 16px;letter-spacing: -0.2px;font-family: "NanumSquare", "Pretendard", "Noto Sans KR",'Nanum Gothic','sans-serif';color: #000;background: #fff;}

/* a:hover {color: var(--color-strong02);} */
*, *:before, *:after {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;-ms-box-sizing: border-box !important;box-sizing: border-box !important;}
/* scrollbar custom */
::-webkit-scrollbar-track{background-color:#F5F5F5;} 
::-webkit-scrollbar{width: 12px;height:12px;background-color:#F5F5F5;} 
::-webkit-scrollbar-thumb{background-color: #bbc6d3;-webkit-border-radius: 8px; border-radius: 8px;}
 
strong {font-weight: 600;}
.strong01 {color: var(--color-strong01);}
.strong02 {color: var(--color-strong02);}
.main01 {color: var(--color-main00);}
a.main01:link, a.main01:visited {color:  var(--color-main00) !important;}
.tbl01 a.main01:link, .tbl01 a.main01:visited {color:  var(--color-main00) !important;}
.red {color: var(--color-red);}
.underline {text-decoration: underline !important;}
.pre {white-space: pre-line;}
.nowrap {white-space: nowrap;}
.clamp-1 {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.clamp-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.clamp-3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}

.db {display:block;}
.dib {display: inline-block;}
.df {display: flex;}
.aic {align-items: center !important;}
.ais {align-items: flex-start !important;}
.aie {align-items: flex-end !important;}
.jcc {justify-content: center !important;}
.sbw {display: flex;justify-content: space-between !important;align-items: center;}
.sa {display: flex;justify-content: space-around;}
.jcs {justify-content: flex-start !important;}
.jce {justify-content: flex-end !important;}
.dcol {flex-direction: column !important;}

.fe {justify-content: flex-end !important;}
.wrap {flex-wrap: wrap;}
.fs0 {flex-shrink: 0 !important;}azsX

.list01 {}
.list01 li {position: relative;padding-left: 12px;margin-bottom: 5px;line-height: 19px;}
.list01 li:last-child {margin-bottom: 0;}
.list01 li::before {content: "";display: block;left: 0;top: 8px;border-radius: 50%;width: 4px;height: 4px;background:var(--color-main00);position: absolute;}
ul .dep2, 
ol .dep2 {padding-left: 0;margin-top: 10px;}
ul .dep2 li, 
ol .dep2 li {position: relative;padding-left: 12px;margin-bottom: 6px;line-height: 17px;list-style: none !important;}
ul .dep2 li::before,
ol .dep2 li::before {content: "";display: block;left: 0;top: 6px;border-radius: 50%;width: 5px;height: 5px;background:var(--color-pale02);position: absolute;}

/* .inp-rnd {border-radius: 4px;} */
select {width:200px;border: 1px solid var(--color-gray) !important;outline:none;border-radius: 0;background: #fff url("../images/common/icon/icon_arrow_bottom_b.svg") 92% center no-repeat;background-size: 10px;}

/* checkbox */
.check-box {display: flex;gap: 20px;flex-wrap: wrap;}/*개별지정 보류*/
.check-box input[type="checkbox"] {display: none;}
.check-box label {/*vertical-align: middle;*/cursor: pointer;display: flex;align-items: center;}
.check-box label .checkboximg {background:#fff;width: 14px;height: 14px;border: 1px solid var(--color-gray);margin-right: 5px;transition: .1s ease-in-out;display: flex;align-items: center;justify-content: center;}
.check-box input[type="checkbox"]:checked ~ .checkboximg {background: var(--color-main00);border: none;}
.check-box input[type="checkbox"]:checked ~ .checkboximg:before {content: "\F012C";color: #fff;font-family: "Material Design Icons";font-size: 8px;}

/* checkbox */
.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, 
.icheck-primary>input:first-child:checked+label::before {background-color: var(--color-main00);border-color: var(--color-main00);}
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before, 
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {border-color: var(--color-main00);}


.btn-viewmore {display:inline-block; background: var(--color-main00) url("../images/common/icon/icon_arrow_next.svg") center center no-repeat;transition: .2s ease;text-indent: -999rem;overflow: hidden;border-radius: 50%;width: 40px; height: 40px;}
.btn-viewmore:hover {background-position-x: 70%;}
.btn-viewmore-plus {display:inline-block; background: url("../images/common/icon/icon_view_more.png") center center no-repeat;transition: .2s ease;text-indent: -999rem;overflow: hidden;border-radius: 50%;width: 40px; height: 40px;}
.btn-viewmore-plus:hover {transform: rotate(90deg);}
/* btn */
.btn {display:inline-block;transition: .3s ease-in-out;cursor: pointer;text-align: center;line-height: normal;font-weight: 500;white-space: nowrap;}
/* .btn:focus {border: 1px solid #11EEFF;} */
.btn-primary {background: var(--color-main00) !important;color: #fff !important;}
.btn-primary:hover {background: #e9a513 !important;}
.btn-primary:active {background: #c78d11 !important;}
.btn-primary:disabled, .btn-primary.disabled {background: #C9DCF2 !important;}
.btn-primary2 {background: #1B1C21 !important;color: #fff !important;border: none;}
.btn-primary2:hover {background: #273061 !important;}
.btn-primary2:active {background: #181D3B !important;}
.btn-primary2:disabled, .btn-primary2.disabled {background: #D6D6D6 !important;}
.btn-sec {background: var(--color-main01) !important;color: #fff !important;padding: 8px 12px;border-radius: 8px;color: #fff;}
.btn-sec:hover {background: #ed4e57 !important;}
.btn-sec:active {background: #ec4633 !important;}
.btn-sec:disabled, .btn-sec.disabled {background: #F1F4F8 !important;}
.btn-ter {background: #fff !important;border: 1px solid var(--color-gray);color: var(--color-main00) !important;}
.btn-ter:hover {border: 1px solid var(--color-main00) !important;}
.btn-ter:active {border: 1px solid var(--color-main00) !important;background: #d3dfef75 !important;}
.btn-ter:disabled, .btn-ter.disabled {border: 1px solid #CED4D9; color: #CED4D9 !important;}
.btn-inf {border: 1px solid var(--color-main00) !important;color: var(--color-main00) !important;background: #fff !important;}
.btn-inf:hover {border: 1px solid #E9A513 !important;color: #E9A513 !important;}
.btn-inf:active {background: #d3dfef75 !important;}
.btn-inf:disabled, .btn-inf.disabled {border: 1px solid #CED4D9 !important; color: #CED4D9 !important;}
.btn-delete {border: 1px solid var(--color-red) !important;color: var(--color-red) !important;position: relative;padding:12px 10px;padding-left: 27px;background: #fff url("../../../images/v2/common/icon/icon_btndel.png") 10px center no-repeat !important;}
.btn-delete:hover {border: 1px solid #FF6D6D;color:#FF6D6D !important;background: #fff url("../../../images/v2/common/icon/icon_btndel_on.png") 10px center no-repeat !important;}
/* .btn-delete::before {content: "";display: block;background: url("../../../images/v2/common/icon/icon_btndel.png") no-repeat !important;width: 12px;height: 14px;left: 10px;top: 50%;transform:translateY(-50%);position: absolute;transition: 0.2s ease;} */
/* .btn-delete:hover::before {background: url("../../../images/v2/common/icon/icon_btndel_on.png") no-repeat !important;} */
.btn-delete:disabled, .btn-delete.disabled {border: 1px solid #CED4D9; color: #CED4D9 !important;}
.btn-delete.btn-m {padding: 10px 10px;padding-left: 27px;}
.btn-gray {background: #CED4D9 !important;color: var(--color-strong02) !important;}
.btn-gray:hover {background: #bcc2c7 !important;}
.btn-close {display: block;width: 40px;height: 40px;background: var(--color-main00) url("/images/common/icon/icon_close.png") center center no-repeat !important;border-radius: 50%;text-indent: -999em;overflow: hidden;transition: .3s ease;}
.btn-close:hover {background-color: #E9A513 !important;}
.btn-search {text-indent: -999em;overflow: hidden;width: 20px;height: 20px;background:url("../../../images/v2/common/icon/icon_search.png") center center no-repeat !important;}
.btn-tempdown1,
.btn-tempdown2 {}
.btn-tempdown1::before,
.btn-tempdown2::before {content:"";display: inline-block;margin-right: 5px;width: 10px;height: 12px;transition: .3s ease;}
.btn-tempdown1:hover::before,
.btn-tempdown2:hover::before {transform: translateY(3px);}
.btn-tempdown1 {}
.btn-tempdown1::before {background: url("/images/common/icon/icon_download.png") no-repeat;}
.btn-tempdown2 {}
.btn-tempdown2::before {background: url("/images/common/icon/icon_download.png") no-repeat;}

/* btn size */
.btn-xxs {padding: 5px 10px;font-size: 12px;height: 24px;}
.btn-xs {padding: 2px 7px;font-size: 8px;height: 16px;}
.btn-s {padding: 7px 15px;font-size: 14px;height: 30px;}
.btn-m {padding: 10px 20px;font-size: 14px;height: 36px;}
.btn-l {font-size: 18px;font-weight: 700 !important;padding: 15px 70px; }
.btn-xslong {width: 86px;height: 23px;line-height: 23px;}


.inner {/*width: 100%;*/width: 1200px;margin: 0 auto;}
a:hover {text-decoration: none !important;}

/* header */
.header {width:100%;height: 126px;z-index: 999;position: absolute;top: 0;left: 0;transition: .3s ease;border-bottom: 1px solid #00000069;}/*border-bottom: 1px solid #ffffff69*/
.header .inner {/*width:95%;*/height: 100%; /*display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;*/}
.header.fixed {position: fixed;background: #fff;box-shadow: 0 5px 20px rgb(0 0 0 / 10%);height: auto;}
.header.fixed .lnb-bg {top: 50px;}
.header.fixed a, .header.on a {color: #000;}
.header.fixed .header-top {display: none;} 
.header.fixed .header-top .logo-img,
.header.on .header-top .logo-img {background: url("../images/common/logo.png") center center no-repeat;background-size:contain;}
.header.fixed .header-top .txt,
.header.on .header-top .txt {color: #000;}
.header.on .header-mid .menu .lnb li a,
.header.on .header-mid .menu .lnb li a,
.header.fixed .header-mid .menu .lnb li a {color: #000;}
.header.fixed .users a,
.header.on .users a {color: #000;}


.header.on {background: #fff;}

/* header-top 여기 logo 수정함*/
.header .header-top {width: 100%;padding: 8px 0;}
.header .header-top .logo {display: flex;width: auto;height: 60px;align-items: center;justify-content: center;}
.header .header-top .logo-img {background: url("../images/common/logo.png") center center no-repeat;background-size:contain;width: 223px;height: 100%;display:block;transition: .3s ease;font-size: 0;}
.header .header-top .logo-img {background: url("../images/common/logo.png") center center no-repeat;background-size:contain;width: 223px;height: 100%;display:block;transition: .3s ease;font-size: 0;}
.header .header-top .logo img {}
.header .header-top .txt,
.sidebar .menuSideTop .txt{color: #fff;margin-left: 23px;font-weight: 600;font-size: 2vw;/*font-size: 36px;*/white-space: nowrap;}

/* header-right */
.header .header-bottom {position: relative;}
.header .header-mid {display: flex;align-items: center;justify-content: center;height: 50px;}
.header .header-mid .menu {}
.header .header-mid .menu .lnb {display: flex;gap:70px;}
.header .header-mid .menu .lnb::after {}
.header .header-mid .menu .lnb > li {position: relative; display: flex;align-items: center;justify-content: center;}
.header .header-mid .menu .lnb li.active {}
.header .header-mid .menu .lnb a {text-decoration: none !important;transition: .3s ease;}
.header .header-mid .menu .lnb > li > a {display: block;padding: 8px 10px;}
.header .header-mid .menu .lnb > li:hover > a {color: var(--color-main00) !important;position: relative;}
.header .header-mid .menu .lnb > li > a::before {content:"";display: block;width: 5px;height: 5px;border-radius: 50%;background: var(--color-main00);position: absolute;top: 23px;left:-4px;opacity: 0;transition: .3s ease;transition-delay: .1s;}
.header .header-mid .menu .lnb > li > a::after {content:"";width:0;height:0;border-bottom: 1px solid var(--color-main00);position:absolute;left:0;bottom:-15px;transition: .3s ease-in-out;}
.header .header-mid .menu .lnb > li:hover > a::before {opacity: 1;top: 8px;}
.header .header-mid .menu .lnb > li:hover > a::after {width:100%;}
.header .header-mid .menu .lnb > li > a {}
.header .header-mid .menu .lnb > li > a::after {}
.header .header-mid .menu .lnb > li > a:hover::after {}
.header .header-mid .menu .lnb .lnb_dep2 {display: none;position: absolute;width: auto;left: 50%;top: calc(100% + 24px);transform: translateX(-50%);z-index: 10;text-align: center;}
.header .header-mid .menu .lnb .lnb_dep2 li {padding:10px 0;}
.header .header-mid .menu .lnb .lnb_dep2 a {color: #333 !important;font-weight: 500;font-size: 18px;}
.header .header-mid .menu .lnb .lnb_dep2 a:hover {color: var(--color-main00) !important;}
.header .header-mid .menu .lnb li a{display: block;font-size: 20px;font-weight: 600;color: #000;white-space: nowrap;position: relative;} /* 여기 수정함 color:#fff*/

.header .header-right {position: absolute;right:0;top: 50%;transform: translateY(-50%);}
.header .header-right .btn-group {display: flex;align-items: center;gap: 12px;}

.header .header-left {position: absolute;left:0;top: 50%;transform: translateY(-50%);}
.header .header-left .logo {display: flex;width: auto;height: 60px;align-items: center;justify-content: center;}
.header.fixed .header-left .logo-img-color {display:none;background: url("../images/common/logo.png") center center no-repeat;background-size:contain;width: 175px;height: 100%;display:block;transition: .3s ease;font-size: 0;}
.header.on .header-left .logo-img-color{display:block;}

.header .users {display: flex;align-items: center;gap: 16px;}
.header .users a {padding: 8px 12px;border-radius: 8px;color: #fff;}
.header .users .register {}

.header .lnb-bg {min-width: 1392px;border-top:1px solid #eee;border-bottom:1px solid #eee;display:none;width:100%;position: absolute;left:0;top:126px;height:250px;background:#fff;}
/* side */
.btn-sidebar {display: none; transition: .3s; z-index: 1300;position:relative;transition: .3s;}
.btn-sidebar.active {}
.btn-sidebar button {width: 40px; height: 25px; background: none;border: none;cursor:pointer;background: url("../images/common/icon/icon_menu.png") center center no-repeat;/*filter: invert(1);*/}
.btn-sidebar button:before {content: ''; position: absolute; opacity:0; display: block; width: 40px; top: 0em;  border-top: 2px solid #fff;border-radius: 5px; transition: .3s; }
.btn-sidebar button:after {content: ''; position: absolute; opacity:0; display: block; width: 40px; bottom: 0em;  border-top: 2px solid #fff;border-radius: 5px; transition: .3s; }
.btn-sidebar button span {display: block; width: 40px; height: 0;text-indent: -9999px; overflow: hidden;}
.btn-sidebar.active button {background:transparent;}
.btn-sidebar.active button:before {opacity:1;transform: rotate(45deg); top:13px; border-width: 2px; transition: .3s; border-color:#000;}
.btn-sidebar.active button:after {opacity:1;transform: rotate(-45deg); bottom:11px; border-width: 2px; transition: .3s; border-color:#000;}
.btn-sidebar.active button span {opacity: 0; transition: .3s; }

/* .header.fixed .btn-sidebar,
.header.on .btn-sidebar {filter:invert(1);} */
/* .header.fixed .btn-sidebar.active,
.header.on .btn-sidebar.active {filter:none;} */
.header .btn-sidebar.active {position: absolute;right: 336px;}
/* .header.on .btn-sidebar button:before,
.header.on .btn-sidebar button:after,
.header.on .btn-sidebar button span {border-color:#000 !important;} */
/* .header.fixed .btn-sidebar.active button:before,
.header.fixed .btn-sidebar.active button:after,
.header.fixed .btn-sidebar.active button span {border-color:#000 !important;} */


.sidebar.show {opacity: 1;right: 0;}
.sidebar_bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 10;display: none;cursor: pointer;}
.sidebar.show + .sidebar_bg {display: block;}
.sidebar.active {}
.sidebar {position: fixed;display: none;width: 320px;height: 100%;top:0;right: -320px;z-index: 20;transition: all .3s;font-size:1.14em;box-shadow: 3px 3px 10px #00000016;opacity: 0;background: #fff;}
.sidebar.active { display: block;}
.sidebar::after {content:"";display: block;position: absolute;right: 160px;bottom: 80px;background: url("../images/common/img_sidebg.png") center center no-repeat;width:380px;height:380px;opacity: 0.5;}
.sidebar .menuSideTop { position:relative;margin:0 auto;height:75px;display:flex;justify-content:center;align-items:center;border-bottom: 1px solid #121212;}
.sidebar .menuSideTop .logo {display:flex;align-items: center;height: 100%;}
.sidebar .menuSideTop .logo img {height: auto;width: 193px;}
.sidebar .menuSideTop .login {color: var(--color-basic);}
.sidebar .menuSideTop .btn-logout {border:1px solid #707070;width:180px;height:46px;line-height:46px;border-radius:30px;display:block;color:#A5A5A5;font-size:1.28em;text-align:center;margin-right:100px;transition:.2s ease-in-out;}
.sidebar .menuSideTop .btn-logout:hover {background:#2c2c2f;}
/* .sidebar .menuSideTop .txt { display: block; padding:0 10px; line-height: 60px; font-size:19px; color: #fff; } */
.sidebar .menuSideBar {position:relative;height: calc(100% - 100px);box-sizing:border-box;}
.sidebar .menuSideBar .gnb {position: relative;height: 100%;color: #fff;margin: 0 auto;}
.sidebar .menuSideBar .gnb > li {width: 100%;}
.sidebar .menuSideBar .gnb > li > a {font-size: 18px;display: block;font-weight: 600;padding: 16px 24px;border-bottom: 1px solid var(--color-gray);position: relative;}
.sidebar .menuSideBar .gnb > li > a::after {content:"";display: block;width: 15px;height: 8px;border-radius: 50%;background: url("/images/common/icon/icon_arrow_bottom_b.svg") no-repeat;position: absolute;top: 50%;right: 24px;transform: translateY(-50%);transition: .3s ease;}
.sidebar .menuSideBar .gnb > li.active > a {background: var(--color-main00);color: #fff;}
.sidebar .menuSideBar .gnb > li.active > a::after {transform: translateY(-50%) rotate(180deg);filter: invert(1);}

.sidebar .menuSideBar .gnb .menu-dep2 li a{display: block;padding: 16px 24px;transition:all 0.3s;font-size: 16px;font-weight: 500;border-bottom: 1px solid var(--color-gray);background: #efefef;}
.sidebar .menuSideBar .gnb .menu-dep2 li a:hover {color: var(--color-main01);}
.sidebar .menuSideBar .gnb .menu-dep2 li a:hover::before {opacity: 1;}


.quick-menu {position:fixed;right:32px;top: 50%;z-index: 12;transform: translateY(-50%);margin-top:12px;width:64px;z-index: 3;border-radius:32px;display: flex;flex-direction: column;justify-content: center;overflow: hidden;}
.quick-menu li {background-color: rgba(251, 183, 89, 0.7);;position:relative;width: 100%;text-align: center;border-bottom: 1px dotted #fff;transition: .2s ease;}
.quick-menu li:last-child {border: 0;}
.quick-menu li:hover {background: #fa6104;}
.quick-menu li:first-child a {padding: 40px 0 8px;color: #fff;cursor: pointer;}
.quick-menu li:last-child a {padding: 8px 0 24px;color: #fff;cursor: pointer;}
.quick-menu li a {padding: 8px 0 8px;position: relative;color: #fff;font-size: 14px;font-weight: 500;display: block;}
/* .quick-menu li:last-child a {padding: 8px 0 24px;} */

.quick-menu li a::before {content: "";display: block;width: 100%;height: 13px;margin-bottom: 8px;}
.quick-menu li:hover a::before {transform: translateY(-2px);transition: .2s ease-in-out;}
.quick-menu li:nth-child(1) a::before {background: url("../images/common/icon/information-2-line.png") center center no-repeat;position: absolute;top:24px;}
.quick-menu li:nth-child(2) a::before {background: url("../images/common/icon/scissors-line.png") center center no-repeat;}
.quick-menu li:nth-child(3) a::before {background: url("../images/common/icon/building-3-line.png") center center no-repeat;}
.quick-menu li:nth-child(4) a::before {background: url("../images/common/icon/map-pin-line.png") center center no-repeat;}
.btn-toTop {position: fixed;right: 32px;bottom: 40px;z-index: 3;width: 64px;height: 64px;border-radius: 50%;background: var(--color-main00) url("../images/common/icon/icon_arrow_up.png") center center no-repeat;z-index: 3;overflow: hidden;text-indent: -999em;transition: .3s ease-in-out;cursor: pointer;opacity: 0;} 
.btn-toTop.show {opacity:0.5;}
.btn-toTop:hover {background-color: rgba(251, 183, 89, 0.5);}



footer {background: #F8F9FA;border-top: 1px solid #DBDBDB;}
footer .footer-top {padding: 40px 0;}
footer .footer-top .left {grid-column: span 3;}
footer .footer-top .left .logo {width:223px;height: 60px;text-indent:-999rem;overflow:hidden; background: url("../images/common/logo.png") center center no-repeat;background-size:contain;margin-bottom: 24px;}
footer .footer-top .left .tel-number-wrap {display: flex;flex-direction: column;gap: 16px;margin-bottom: 24px;}
footer .footer-top .left .tel-number-wrap .tit {font-size: 16px;}
footer .footer-top .left .tel-number-wrap a {font-size: 16px;font-weight: 800;}
footer .footer-top .left .sns-wrap {display: flex;gap: 8px;}
footer .footer-top .left .sns-wrap a {width: 40px;height: 40px;display: block;position: relative;text-indent: -999rem;overflow: hidden;border-radius: 50%;background: var(--color-main00);}
footer .footer-top .left .sns-wrap .instagram {background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);}
footer .footer-top .left .sns-wrap .instagram::before {content:'\F02FE';font-family: 'Material Design Icons';text-indent: 0;position: absolute;top: 50%;left:50%;transform: translate(-50%, -50%);color: #fff;}
footer .footer-top .left .sns-wrap .blog {background: #03C75A}
footer .footer-top .left .sns-wrap .blog::before {content:"";display: block;text-indent: 0;position: absolute;top: 50%;left:50%;transform: translate(-50%, -50%);color: #fff;width: 16px;height: 16px;background: url("../images/common/icon/icon_naver.svg") center center no-repeat;}
footer .footer-top .left .sns-wrap .youtube {background: #ff0133}
footer .footer-top .left .sns-wrap .youtube::before {content:"";display: block;text-indent: 0;position: absolute;top: 50%;left:50%;transform: translate(-50%, -50%);color: #fff;width: 16px;height: 16px;background: url("../images/common/icon/icons8-youtube.svg") center center no-repeat;}


footer .footer-top .left .sns-wrap .blog {}

footer .footer-top .right {grid-column: span 5;display: flex;gap: 16px;}
footer .footer-top .right .menu-item {width: 100%;}
footer .footer-top .right .menu-tit {font-size: 18px;font-weight: 600; margin-bottom: 16px;}
footer .footer-top .right .menu-item a {padding: 4px 0;display: block;font-weight: 500;}

footer .ft-cont {height:300px;width:1392px;margin: auto;}
footer .ft-cont .fnb {display: flex;width:100%;height: 70px;align-items: center;}
footer .ft-cont .fnb li {margin-right: 40px;position: relative;}
footer .ft-cont .fnb li a {color: #B3BEC7;}
footer .ft-cont .ft-info-wrap {display: flex;padding-top: 50px;border-top: 1px solid #ffffff1a;}
footer .ft-cont .ft-info-wrap .fb-logo {margin-right: 20px;}
footer .ft-cont .ft-info-wrap .fb-logo img {}
footer .ft-cont .ft-info-wrap .fb-info {}
footer .ft-cont .ft-info-wrap .fb-info p {margin-bottom: 10px;color: #8e979f;font-size: 14px;}
footer .ft-cont .ft-info-wrap .fb-info p span {}
footer .ft-cont .ft-info-wrap .fb-info p.copy {color: #3e5669;margin-top: 15px;}

footer .grid-wrap {position: relative;}
footer .footer-bottom {border-top: 1px solid #eee;padding: 40px 0 56px;position: relative;}
footer .footer-bottom .fb-info {grid-column: span 5;}
footer .footer-bottom .fb-info p:first-child {margin-bottom: 8px;font-weight: 600;}
footer .footer-bottom .fnb {position: absolute;right: 0;display: flex;gap: 16px;}
footer .footer-bottom .logo-junggu {display: block;width: 228px;height: 117px;background: url("../images/common/logo-junggu.png") center center no-repeat;background-size: contain;text-indent: -999rem;position: absolute;top: -24px;right:114px;overflow: hidden;}


/* scrollmagic */
.digit {opacity: 0;transform: translateX(-40px);transition: all 0.6s ease-out;}
.digit.toleft {transform: translateX(40px);}
.digit.toright {transform: translateX(-40px);}
.digit.totop {transform: translateY(40px);}
.digit.visible {opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}

/* popup */
.popup-bg {display:none;position: fixed;top:0;left:0;z-index: 10;background: #414141;opacity: .2;width: 100%;height: 100%;}

.popup {z-index: 999;}
/* text */
.pop01 {position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);width:auto;border: 1px solid var(--color-pale03);background: #fff;border-radius: 16px;}
.pop01 .pop-tit {position: relative;font-size: 24px;color:#000;font-weight: 600;padding: 16px 24px;border-bottom: 1px solid #eee;}
.pop01 .btn-close {background-color:#fff !important;position: absolute;top: 50%;transform:translateY(-50%);right: 16px;border-radius: 0;text-indent: -999em;width:40px;height:40px;border-radius: 8px;}
.pop01 .btn-close::before {content:'\F0156';font-family: 'Material Design Icons';text-indent: 0;position: absolute;top: 50%;left:50%;transform: translate(-50%, -50%);}
.pop01 .btn-close:hover {background-color: var(--color-pale02) !important;}
.pop01 .pop-conts {min-height:200px;/*overflow-y: auto;*/padding: 16px 24px;}
.pop01 .pop-footer {padding: 16px 24px;border-top: 1px solid #eee;}
.pop01 .pop-footer .btn {width: 160px;height: 48px;line-height: 48px;padding: 0;font-size: 18px;}
/* image */
.pop02 {padding: 16px;border-radius: 16px;background: #000000d2;}
.pop02 .btn-close {position: absolute;right:-20px;top:-20px;}
.pop02 .pop-banner {max-width:600px;max-height:650px;overflow: hidden;border-radius: 8px;position: relative;}
.pop02 .pop-banner .swiper-wrapper {}
.pop02 .pop-banner .swiper-slide {}
.pop02 .pop-banner .swiper-pagination {}
.pop02 .pop-banner .swiper-pagination-bullet-active {background: var(--color-main00);}
.pop02 .pop-banner .swiper-slide img {width:100%;height:100%;object-fit: cover;}
.pop02 .close-wrap {padding:15px 20px 0;color: #fff;}
.pop02 .close-wrap .check-box {justify-content: flex-end;}


/* popup - imagePop */
#imagePop {}
#imagePop table {width: 400px;}

.mb {display: none;}

@media all and (max-width:1280px) { 
  .inner {max-width: 100%;padding: 0 24px;display: flex;align-items: center;justify-content: space-between;}
  .header {height: auto;padding: 16px 0;}
  .header.fixed {}
  .header.fixed .header-top {display: block;}
  .header.fixed .btn-sidebar {filter: invert(1);}
  .header.fixed .btn-sidebar.active {filter: none;}
  .header .header-top {padding: 0;width: auto;}
  .header .header-mid {display: none;}
  .header .header-left .users{display: none;}
  .header .header-right .users{display: none;}
  .btn-sidebar {display: block;filter:invert(1);}
  .header.fixed .btn-sidebar, .header.on .btn-sidebar {display: block;}

  .container {max-width: 100%;padding: 0 24px;}
  .grid-wrap {max-width: 100%;padding: 0 24px;}

} 

@media all and (max-width:1024px) { 
  footer .footer-top .left {padding-bottom: 32px;}
  
} 

@media all and (max-width:768px) {
  .inner {padding: 0 16px;}
  .header {height: 60px !important;}
  .header .header-top .logo-img {width: 160px;}
  .pc {display: none;}
  .mb {display: block;}
  .quick-menu {display: none;}
  .btn-l {padding: 12px 36px;}
  .header {height: 80px;}

  .btn-sidebar button {width: 40px; height: 25px; background: none;border: none;cursor:pointer;background: url("../images/common/icon/icon_menu.png") center center no-repeat;}
  footer .footer-bottom .logo-junggu {width: 160px;}

} 

@media all and (max-width:480px) {
  .btn-toTop {width: 48px;height: 48px;}
  footer .footer-top .left {padding: 0;}
  footer .footer-top .right {display: none;}
  footer .footer-bottom .logo-junggu {display: none;}
  footer .footer-top {padding: 24px 0;}
  footer .footer-top .left .logo {width: 160px;}
  footer .footer-bottom {padding: 24px 0 40px;}
  footer .footer-bottom .fb-info p {font-size: 14px;}

  .header.on .header-left .logo-img-color{display:none;}
  .header {height: 80px;}
  #player{height:180px} 

}