@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap");
@import url("../css/fonts.css");


/*공통 CSS*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, address, em, img, small, strong,
i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, embed, figure, footer, header, menu, nav, section, summary, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  outline: none;
  vertical-align: baseline;
  font-family: "Pretendard", "Noto Sans KR", "AppleGothic",sans-serif;
  word-break: keep-all;
  letter-spacing: 0;
  line-height:1.5;
  font-weight:400;
}

body{overflow-x: hidden;}
article{background:#fff; position:relative; z-index:1;}
table {border: 0; border-collapse: separate; border-spacing: 0; }
li {list-style: none;}
img {border: 0 none; vertical-align: top;}
legend, caption {visibility: hidden; width: 0; height: 0; line-height: 0; font-size: 0; color: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
button {margin: 0; padding: 0; border: 0; cursor: pointer; font-family:"Pretendard", "Noto Sans KR", "AppleGothic",sans-serif; background: none;}
a {color: inherit; text-decoration: none; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
a:hover {text-decoration: none;}
/* 기본적으로 모든 포커스에 outline 적용 */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

/* focus-visible일 경우(탭으로만 접근했을 때) outline 적용 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

/* 마우스로 클릭했을 때는 outline을 없애기 */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible) {
  outline: none;
}
svg {overflow: visible; }
hr {border: none; margin: 0; }
p{font-size:18px;}


.en p{font-weight:300; letter-spacing: 0;}

* {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


.center-align{text-align:center;}
.left-align{text-align:left;}
.txt-hidden{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}


.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt24{margin-top:24px!important;}
.mt30{margin-top:30px!important;}
.mt32{margin-top:32px!important;}
.mt40{margin-top:40px!important;}
.mt48{margin-top:48px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt80{margin-top:80px!important;}
.mt100{margin-top:100px!important;}
.mt120{margin-top:120px!important;}
.mt160{margin-top:160px!important;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb24{margin-bottom:24px;}
.mb30{margin-bottom:30px;}
.mb32{margin-bottom:32px;}
.mb40{margin-bottom:40px;}
.mb48{margin-bottom:48px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.mb120{margin-bottom:120px;}
.mb160{margin-bottom:160px;}


.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt80{padding-top:80px;}
.pt100{padding-top:100px;}
.pt120{padding-top:120px;}
.pt160{padding-top:160px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb80{padding-bottom:80px;}
.pb100{padding-bottom:100px;}
.pb120{padding-bottom:120px;}
.pb160{padding-bottom:160px;}

.pd16{padding:16px;}

.pl16{padding-left:16px;}

.topOrder01{position:relative; z-index:1;}
.topOrder02{position:relative; z-index:2;}

.font-m{font-weight:600!important;}
.font-b{font-weight:900!important;}
.font-w{font-weight:600!important;}
.font-small{font-size:16px!important;}


.purple{color:#920883;}
.orange{color:#f08200;}

.bg-gray5{background:#555;}
.bg-orange{background:#f18e18;}
.bg-purple{background:#920783;}


.light-btn{border:1px solid #ccc; color:#666; border-radius:4px; padding:2px 12px; font-size:16px;}
.light-btn:hover{opacity: 0.5;}


.square-btn{width:240px; padding:16px 0; font-size:20px; color:#fff; border-radius:8px; margin:0 8px;}
.square-btn:hover{opacity: 0.5; transition:0.4s ease;}

.basic-list li{margin-bottom:16px;}
.basic-list li:last-child{margin-bottom:0;}

.line-list{padding-left:16px;}
.line-list li{margin-bottom:4px;}
.line-list li:last-child{margin-bottom:0;}
.line-list li::marker{content:'- '!important;}

.line-list.taxi-time-mb li{margin-bottom:8px; font-size:18px;}


.billiard-list{padding-left:16px;}
.billiard-list li{margin-bottom:16px;}
.billiard-list li:last-child{margin-bottom:0;}
.billiard-list li::marker{content:'※ ';}

.dot-list{padding-left:16px;}
.dot-list li{margin-bottom:4px;}
.dot-list li:last-child{margin-bottom:0;}
.dot-list li::marker{content:'· '!important;}



table{width:100%; border-collapse: collapse; font-size:18px;}
table thead tr th{padding:24px 0; font-weight:500;}
table thead tr{border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f5f5f5;}
table tbody tr{border-bottom:1px solid #ccc;}
table tbody tr td{padding:28px 0; text-align:center; font-weight:300;}


.pri-list table thead tr th{text-align:center; font-size:14px; padding:16px 0;}
.pri-list table thead tr th:first-child{border-right:1px solid #ccc;}
.pri-list table tbody tr td{padding:16px; text-align:left; font-size:14px;}
.pri-list table tbody tr td:first-child{border-right:1px solid #ccc;}
.pri-list table tbody tr td p{font-size:14px;}
.pri-list table tbody tr td .line-list li{font-size:14px;}
.pri-list .line-list li{font-size:14px;}



.sinmungo-view table tbody{border-top: 1px solid #ccc;}
.sinmungo-view table tbody tr th{padding:24px 48px; text-align:left; border-right:1px solid #ccc; background:#f5f5f5; font-weight: 500; vertical-align: middle;}
.sinmungo-view table tbody tr td{padding:24px 48px; text-align:left;}
.sinmungo-view table tbody tr td:first-child{border-right:1px solid #ccc;}
.sinmungo-view table tbody tr td .question{margin:20px 0 4px;}
.sinmungo-view table tbody tr td .question:first-child{margin-top:0;}


.reward-tbl{border-radius:24px; border:1px solid #ccc; overflow:hidden;}
.reward-tbl table{border-collapse: inherit;}
.reward-tbl table thead tr{background:#920783;}
.reward-tbl table thead tr th{text-align:center; font-size:18px; font-weight: 400; padding:16px 0; border-right:1px solid #ccc; color:#fff;}
.reward-tbl table thead tr th:last-child{border-right:0;}
.reward-tbl table thead tr th span{font-weight: 600;}
.reward-tbl table tbody tr td{padding:16px 0; font-size:18px; border-right:1px solid #ccc; vertical-align: middle;}
.reward-tbl table tbody tr td:last-child{border-right:0;}
.reward-tbl table tbody tr td span{font-weight: 600; font-size:24px;}



.img-box img{border-radius:32px;}
.half-img {display:flex;}
.half-img .img-box{width:48%;}
.half-img .img-box:first-child{margin-right:24px;}
.half-img .img-box iframe{border-radius:32px;}

.half-img .half-auto:first-child{margin-right:24px;}
.half-img .half-auto.last{margin-left:24px;}
.half-img .half-auto img{border-radius:32px;}

.half-img.taxiCall{justify-content: space-between;}
.half-img.taxiCall .img-box img{width:100%;}

.half-wrap{display:flex; justify-content: space-between;}
.half-wrap .half-48{width:48%;}
.half-wrap .half-48 ul li{margin-bottom:48px;}
.half-wrap .half-48 ul li:last-child{margin-bottom:0;}
.half-wrap .half-32{width:32%;}
.gray-tit-list{margin-bottom:48px;}

.half-wrap .half-48 .line-list.taxiPayment li{margin-bottom:32px;}

.half-wrap.taxi-percent{justify-content:space-evenly; align-items: center; border:1px solid #ccc; padding:48px; border-radius:32px;}
.half-wrap.taxi-percent .half-48:nth-child(1){text-align:center; margin-right:48px;}
.half-wrap.taxi-percent .half-48:nth-child(2){text-align:left;}

.line-box{border:1px solid #ccc; padding:48px; border-radius:32px;}

.note{color:#666; background:#f5f5f5; display:inline-block; padding:4px 32px; margin-top:8px; border-radius:16px; font-size:14px;}
.default-box-btn{border:1px solid #aaa; padding:12px 32px; border-radius:48px; display:inline-block;}
.default-btn{font-size:20px; color:#aaa; display:flex; justify-content: center; align-items: flex-end; position: relative; cursor: pointer;}
.default-arrow{background: #aaa; border-radius: 8px; margin-left: 1rem; height: 2px; width: 40px;display: flex; position: relative; transition: all .3s ease-out; bottom: 6px;}
.default-arrow::after{content: ''; display: block; background: #aaa; height: 2px; width: 15px; position: absolute; right: 0; transform: rotate(45deg); transform-origin: right;}
.default-btn:hover .default-arrow{animation: moveArrow 1s ease-in-out infinite;}

.default-btn.more-btn{margin-top: 48px;}

.tit-24{font-size:24px; font-weight: 500;}



/* 헤더 스타일 */
#header {position: fixed; top: 5%; left: 0; width: 100%; z-index: 9998;  transition: all 0.3s ease; box-sizing: border-box; height:73px;}
#header h1{background:url('../images/Logo.png') no-repeat center center; width:124px; height:30px;}

.scrolled #header {background: rgba(255, 255, 255, 0.9);
  transform-origin: top;
  height:60px!important;
  transition: all 0.3s ease;
  top:0;
  border-bottom:1px solid #ccc;
}

.scrolled #header a {color: #333;}
.scrolled #header .header-inner h1{background:url('../images/Logo-scroll.png') no-repeat center center;}
.scrolled #header .header-inner h1 img{width:90%; transition: all 0.3s ease;}
.scrolled #header .header-inner .header-nav  li  a{font-size:14px; transition: all 0.3s ease;}
.scrolled #header .header-inner .header-nav .dropdown{top:60px;}
.scrolled #header .header-inner .header-nav .dropdown .dropdown-list li a{font-size:16px;}
.scrolled #header .header-inner .header-nav .dropdown .dropdown-list li .drop-detail li a{font-size:14px;}


#header a {color: #fff; font-size:16px;}
#header a:hover{color:#920883;}

.header-inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0 80px;
  height: 100%;
}


.header-nav {display: flex; justify-content: space-between; align-items: center; letter-spacing: 2px;}
.header-nav > li > a {display: inline-block; padding: 24px 44px;}
.header-nav > li:last-child {margin: 0 0 0 24px;}

.header-nav li:focus-within .dropdown {display: block !important;}
.header-nav li:focus-within > a {outline: none;}
.header-nav li:focus-within > a:focus-visible {outline: 2px solid #0066cc; outline-offset: 2px;}

.select-menu > li > a{display:inline-block; padding:24px 0; font-size:14px!important;}
.select-menu > li:last-child{margin:0;}

.header-inner .gnb-wrap .dropdown{width:auto; padding:0 40px 0 80px; border:2px solid #fff; border-radius:32px; background:rgba(255, 255, 255, 1)}
.header-inner .gnb-wrap li:nth-child(1) .dropdown{left:50%; margin-left:-540px;}
.header-inner .gnb-wrap li:nth-child(2) .dropdown{left:50%; margin-left:-460px;}
.header-inner .gnb-wrap li:nth-child(3) .dropdown{left:50%; margin-left:-300px;}
.header-inner .gnb-wrap li:nth-child(4) .dropdown{left:50%; margin-left:-208px;}
.header-inner .gnb-wrap li:nth-child(5) .dropdown{left:50%; margin-left:-24px;}
.header-inner .m-select-menu{display:none;}
.scrolled #header .header-inner .gnb-wrap .dropdown{width:100%; padding:0; border:none; border-radius:0; background:#fff;}
.scrolled #header .header-inner .gnb-wrap .dropdown li{width:200px;}
.scrolled #header .header-inner .gnb-wrap li:nth-child(1) .dropdown{left:0; margin-left:0;}
.scrolled #header .header-inner .gnb-wrap li:nth-child(2) .dropdown{left:0; margin-left:0;}
.scrolled #header .header-inner .gnb-wrap li:nth-child(3) .dropdown{left:0; margin-left:0;}
.scrolled #header .header-inner .gnb-wrap li:nth-child(4) .dropdown{left:0; margin-left:0;}
.scrolled #header .header-inner .gnb-wrap li:nth-child(5) .dropdown{left:0; margin-left:0;}

.dropdown {position: absolute; top: 73px; background-color:#fff; box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.2); display: none; width:100%; left:0;}
.dropdown .dropdown-list{display:flex; justify-content: center; align-items: flex-start; padding:32px 0; overflow:hidden;}

#header .dropdown .dropdown-list li a {display: block; color: #333; font-size:18px; margin-bottom:16px;}
#header .dropdown .dropdown-list .drop-detail li{margin-bottom:8px;}
#header .dropdown .dropdown-list .drop-detail li a{font-size:16px; color:#666; margin-bottom:0; position: relative; display: inline-block;}
#header .dropdown .dropdown-list .drop-detail li a:hover{color:#920883;}
#header .dropdown .dropdown-list .drop-detail li a::after{content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    transform: scaleX(0);
    bottom: 0;
    left: 0;
    background-color: #920883;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;}
#header .dropdown .dropdown-list .drop-detail li a:hover::after{transform: scaleX(1); transform-origin: bottom left;}

.dropdown > .dropdown-list > li{display: inline-block; vertical-align:top; width:180px;}
.dropdown > .drop-introduce > li{border-left:1px solid #ccc; padding-left:32px; height:180px;}
.drop-esg-height{height:232px;}
.dropdown > .drop-esg > li{ border-left:1px solid #ccc; padding-left:32px; height:170px;}
.dropdown > .drop-app > li{border-left:1px solid #ccc; padding-left:32px; height:150px;}
.drop-business-height{height:256px;}
.dropdown > .drop-business > li{border-left:1px solid #ccc; padding-left:32px; height:200px;}
.dropdown > .drop-news > li{border-left:1px solid #ccc; padding-left:32px; height:150px;}



.dropdown.scrolled {background-color: #fff;}
.dropdown.scrolled > li > a:hover {background-color: #f4f4f4;}


.select-menu > li{position:relative; margin-right:32px;}
.select-menu > li::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -15px;
  margin-top: -6px;
  width: 6px;
  height: 6px;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  transform: rotate(45deg);
}




.scrolled .select-menu > li::after{border-right: solid 1px #666; border-bottom: solid 1px #666;}

#header .select-menu .dropdown li a{font-size:14px!important; color:#666; position: relative; display: inline-block;}
#header .select-menu .dropdown li a:hover{color:#920883;}
#header .select-menu .dropdown li a::after{content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    transform: scaleX(0);
    bottom: 0;
    left: 0;
    background-color: #920883;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
#header .select-menu .dropdown li a:hover::after{transform: scaleX(1); transform-origin: bottom left;}





.select-menu .dropdown{top:56px; text-align:center; padding:16px; border-radius:8px;}
.select-menu .dropdown li{margin-bottom:8px;}

.scrolled #header .header-inner .header-nav .invidual .dropdown{top:65px;}
.scrolled #header .header-inner .header-nav .partner .dropdown{top:65px;}
.scrolled #header .header-inner .header-nav .lang .dropdown{top:65px;}
.select-menu .invidual .dropdown{left:-67px; width:160px;}
.select-menu .partner .dropdown{left:-36px; width:160px;}
.select-menu .lang .dropdown{left:-36px; width:100px;}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



.sub-nav #header{top:0;}
.sub-nav #header a{color:#333;}
.sub-nav #header a:hover{color:#920883;}
.sub-nav #header h1{background: url('../images/Logo-scroll.png') no-repeat center center;}
.sub-nav #header .select-menu > li::after {border-right: solid 1px #666; border-bottom: solid 1px #666;}
.sub-nav #header .header-inner{max-width: 1920px; width:100%;}


.en .scrolled #header .header-inner .gnb-wrap .dropdown .drop-app li{width:260px;}
.en .dropdown > .dropdown-list > li{width:200px;}
.en .dropdown > .dropdown-list.drop-app > li{width:300px; height:200px;}

.en .header-inner .gnb-wrap li:nth-child(4) .dropdown {margin-left: -200px;}



/* 햄버거 메뉴 스타일 */
#header .menu-btn {display: none;}

#header .menu-icon {
  display: none;
  cursor: pointer;
  padding: 28px 20px;
  position: relative;
  user-select: none;
  z-index: 2000;
}


/* 햄버거 아이콘 스타일 */
#header .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 24px;
}

#header .menu-icon .navicon:before,
#header .menu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

#header .menu-icon .navicon:before {top: 8px;}
#header .menu-icon .navicon:after {top: -8px;}
#header .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}

#header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
  top:0;
  background: #666;
}

#header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
  top:-1px;
  background: #666;
}


#header .menu-icon:focus-visible{outline: 2px solid #0066cc;}

/* 푸터 스타일 */
footer {border-top:1px solid #ccc; background:#fff; color: #333; z-index:1; position:relative; padding:48px 0;}
footer .footer-wrap{width:1761px; margin: 0 auto; position:relative;}
footer .footer-wrap .footer-symbol{position:absolute; width:64px; height:64px; background:url('../images/common/footer-symbol.png') no-repeat top center;}
footer .footer-wrap .footer-sitemap{display:flex; justify-content: center; align-items: flex-start;}
footer .footer-wrap .footer-sitemap .sitemap-list{width:12%; text-align:center;}
footer .footer-wrap .footer-sitemap .sitemap-list p{margin-bottom:24px;}
footer .footer-wrap .footer-sitemap .sitemap-list p a{font-size:20px; font-weight:500;}
footer .footer-wrap .footer-sitemap .sitemap-list ul li{color:#666; margin-bottom:16px;}
footer .footer-wrap .footer-sitemap .sitemap-list ul li:last-child{margin-bottom:0;}
footer .footer-wrap .footer-sitemap .sitemap-list a:hover{color:#920783;}

footer .footer-info{border-top:1px solid #ccc; margin-top:48px; padding-top:48px;}
footer .footer-info .tmoney-info{display:flex; justify-content: space-between; margin-bottom:32px;}
footer .footer-info .tmoney-info .privacy-info p, footer .footer-info .tmoney-info .privacy-info a{display:inline-block;}
footer .footer-info .tmoney-info .privacy-info .privacy-btn{padding:4px 16px; border:1px solid #ccc; border-radius:8px; margin-left:8px;}
footer .footer-info .tmoney-info .privacy-info a:hover{opacity: 0.5;}

footer .footer-info .tmoney-info .etc-info{display:flex; align-items: center;}
footer .footer-info .tmoney-info .etc-info .sns-list{display:flex; margin-right:48px;}
footer .footer-info .tmoney-info .etc-info .sns-list li{margin-right:16px;}
footer .footer-info .tmoney-info .etc-info .sns-list li:last-child{margin-right:0;}
footer .footer-info .tmoney-info .etc-info .sns-list a span{display:none;}
footer .footer-info .tmoney-info .etc-info .sns-list a{background:url('../images/common/icon/footer_sns.png') no-repeat; display:block; width:33px; height:32px;}
footer .footer-info .tmoney-info .etc-info .sns-list .instargram a{background-position:-47px 0;}
footer .footer-info .tmoney-info .etc-info .sns-list .blog a{background-position:-96px 0;}
footer .footer-info .tmoney-info .etc-info .sns-list .youtube a{background-position:-145px 0;}
footer .footer-info .tmoney-info .etc-info .sns-list .channel a{background-position:-193px 0;}


.familysite {max-width: 330px; width:200px;}
.familysite .select-btn { display: flex; background: #fff; padding: 8px 24px; font-size: 18px; font-weight: 400; border-radius: 8px; align-items: center; cursor: pointer; justify-content: space-between; border:1px solid #ccc; font-size:16px;}

.familysite .select-btn svg:not(:root) { overflow: hidden; margin-left:8px;}
.familysite .options {
  width:200px;
  position: absolute;
  display:none;
  right:0;
  bottom:108%;
  overflow-y: auto;
  padding: 10px;
  margin-top: 10px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;

}
.familysite .options .option {display: flex; height: 55px; cursor: pointer; padding: 0 16px; border-radius: 8px; align-items: center; background: #fff;}
.familysite .options .option:hover {background: #f2f2f2;}
.familysite .options .option .option-text {font-size: 16px; color: #333;}
.familysite.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}

.familysite.active .options,
.familysite:focus-within .options {
  display: block;
  animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}

.familysite .select-btn:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 30px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
}







#header .header-nav {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}



/* 퀵버튼 스타일 */
#quick {
  display: inline-block;
  background-color: #333;
  width: 64px;
  height: 64px;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  padding:20px 16px;
  /*box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);*/
}
#quick::before {content: ""; position: absolute; top:18%; left:50%; margin-left:-6px; background: url('../images/common/quick-top.png') no-repeat top center; width:11px; height:6px;}
#quick::after {content: "TOP"; font-size: 16px; color: #fff;}
#quick:hover {cursor: pointer; background-color: #f08200; box-shadow: 0 0 2rem 1rem rgba(250, 147, 30, 0.3);}
#quick:active {background-color: #f08200;}
#quick.show {opacity: 1; visibility: visible;}



.fab {
  position:fixed;
  bottom: 110px;
  right: 30px;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
.fab.show {opacity: 1; visibility: visible;}
.fab__button {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  will-change: transform;
}
.fab__button--primary {
  width: 64px;
  height: 64px;
  background-image: linear-gradient(135deg, #F6682F 0%, #F6682F 60%, #FC4275 100%);
  background-size: 8rem 8rem;
  background-position: -4rem -4rem;
  position: relative;
  transition: background-position 0.4s, transform 0.16s;
}
.fab__button--primary:active {
  transform: scale(0.85);
}
.fab__button--primary:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 2rem 1rem rgba(252, 66, 117, 0.3);
  opacity: 0;
  transition: opacity 0.4s;
  will-change: opacity;
}
.fab__button--primary:hover {background-position: -3rem -3rem;}
.fab__button--primary:hover:before {opacity: 1;}
.fab__button--primary__icon {
  width: 4rem;
  height: 4rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2rem 0 0 -2rem;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: transform;
}
.fab__button--primary__icon:before, .fab__button--primary__icon:after { content: ""; display: block; height: 2px; width: 12px; background-color: #FFFFFF; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -6px;}
.fab__button--primary__icon:before {transform: rotate(90deg);}
.fab__button--secondary {
  display: inline-block;
  background-color: #FFFFFF;
  margin-bottom: 1rem;
  box-shadow: 0 0 2rem #e2e8ed;
  position: relative;
  opacity: 0;
  pointer-events: none;
  transform: translateY(25%);
  transition: opacity 0.24s, transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.fab__button--secondary:nth-child(3) {transition-delay: 0.06s;}
.fab__button--secondary:nth-child(4) {transition-delay: 0.12s;}
.fab__button--secondary svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.fab__button--secondary:before {
  content: attr(data-label);
  white-space: nowrap;
  display: inline-block;
  position: absolute;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  top: 50%;
  left: -1rem;
  transform: translateX(-100%) translateY(-25%) rotateX(-25deg);
  background-color: #FFFFFF;
  box-shadow: 0 0 2rem #e2e8ed;
  font-size: 14px;
  color: #5f646b;
  pointer-events: none;
  opacity: 0;
  transition: transform 0.33s, opacity 0.33s;
}

.fab__button--secondary:hover:before {opacity: 1; transform: translateX(-100%) translateY(-50%);}
.fab.is-expanded .fab__button--primary {transform: scale(0.9);}
.fab.is-expanded .fab__button--primary:active {transform: scale(0.85);}
.fab.is-expanded .fab__button--primary__icon {transform: rotate(-225deg);}
.fab.is-expanded .fab__button--secondary {opacity: 1; pointer-events: auto; transform: none;}



.credit {color: #474B50; text-decoration: none; margin: 3rem; padding-bottom: 4px; font-size: 1.5rem; position: relative; transition: color 0.8s cubic-bezier(0.23, 1, 0.32, 1);}
.credit:before, .credit:after {content: ""; display: block; position: absolute; height: 2px; width: 100%; background: #EFF2F5; left: 0; bottom: 0;}
.credit:after {
  background: #FC4275;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.credit:hover {color: #FC4275;}
.credit:hover:after {transform-origin: left; transform: scaleX(1);}



/* 신문고, 제휴문의 기본 폼 */
.input-privacy-wrap .input-pri-box{border:1px solid #ccc; width:100%; border-radius:16px; padding:48px;}
.input-privacy-wrap .input-pri-box h4{font-size:24px; font-weight:500;}
.input-privacy-wrap .input-pri-box ul{margin:32px 0 24px;}
.input-privacy-wrap .input-pri-box ul li{font-size:18px; margin-bottom:8px;}
.input-privacy-wrap .input-pri-box ul li:last-child{margin-bottom:0;}
.input-privacy-wrap .pri-chk{text-align:center; margin-top:24px; font-size:18px;}
.input-privacy-wrap .pri-chk #agree_chk{width:20px; height:20px; vertical-align: middle; margin-right:8px; cursor: pointer;}

.input-wrap .input-mode{margin-top:80px;}
.input-wrap .input-mode .essential{text-align:right; font-size:16px; color:#333;}
.input-wrap .input-mode .input-area{display:flex; justify-content: space-between; align-items: flex-start; margin-bottom:40px;}
.input-wrap .input-mode .input-area dl{position:relative; width:48%;}
.input-wrap .input-mode .input-area dl dt{position: relative; display:table-cell; vertical-align: middle; width:20%; font-size:20px;}
.input-wrap .input-mode .input-area dl dt label{font-weight: 500;}
.input-wrap .input-mode .input-area dl dd{margin-top:12px;}
.input-wrap .input-mode .input-area dl dd span{font-size:16px; color:#666;}
.input-wrap .input-mode .input-area .box-form input{border:1px solid #ccc; width:100%; padding:14px 24px; border-radius:8px; background:#f5f5f5; color:#666;}
.input-wrap .input-mode .input-area .box-form input:focus{background:#fff; transition: 0.5s; color:#000;}
.input-wrap .input-mode .input-area .box-form .input-textarea{border:1px solid #ccc; width:100%; height:160px; padding:14px 24px; border-radius:8px; background:#f5f5f5;}
.input-wrap .input-mode .input-area .box-form .input-textarea:focus{background:#fff; border:1px solid #ccc; transition: 0.5s;}
.input-wrap .input-mode .input-area .input-full{width:100%;}

.box-form .input-textarea{color:#666; font-family: "Pretendard", "Noto Sans KR", "AppleGothic", sans-serif; font-size:16px;}
.box-form .input-textarea:focus{color:#000;}

.input-wrap .input-mode .input-area .box-form .list-form{border:1px solid #ccc; padding:48px; border-radius:16px;}
.input-wrap .input-mode .input-area .box-form .list-form .etc-form-tit span{display:block; margin-top:4px;}
.input-wrap .input-mode .input-area .box-form .list-form .etc-form-detail{margin-top:12px;}
.input-wrap .input-mode .input-area .box-form .list-form li{margin-bottom:40px;}
.input-wrap .input-mode .input-area .box-form .list-form li:last-child{margin-bottom: 0;}
.input-wrap .input-mode .input-area .box-form .list-form .rdo-box{background:#f5f5f5; padding:48px; border-radius:8px;}
.input-wrap .input-mode .input-area .box-form .list-form .rdo-box span{display:inline-block; margin-right:32px;}
.input-wrap .input-mode .input-area .box-form .list-form .rdo-box span:last-child{margin-right:0;}
.input-wrap .input-mode .input-area .box-form .list-form .rdo-box span input{width:auto; display:inline-block; margin-right:4px;}
.input-wrap .input-mode .input-area .box-form .list-form .rdo-box span label{display:inline-block;}

.input-wrap .input-mode .input-area .box-form .fix-box{background:#f5f5f5; border:1px solid #ccc; border-radius:8px; padding:14px 24px;}

.input-wrap .input-mode .input-area .box-form.email #email-1{width:32%;}
.input-wrap .input-mode .input-area .box-form.email #email-2{width:32%;}
.email .select_wrapper {cursor: pointer; position: relative; display:inline-block; width:32%; vertical-align: top;}
.email .select_wrapper span{position:relative; border:1px solid #ccc;}
.email .select_wrapper span::after{content: ''; position:absolute; right:24px; top:50%; margin-top:-9px; width:16px; height:18px; background:url("../images/common/select-arrow-down.png") no-repeat center center; transition:0.4s ease;}
.email .select_wrapper span {display: block; margin: 0; padding:14px 60px 14px 24px; border-radius: 8px;  transition:0.4s ease; z-index: 9; position: relative;}
.email .select_wrapper.openSelect span {display: block; margin: 0;}
.email .select_wrapper.openSelect span::after{transform: rotate(180deg); transition:0.4s ease;}
.email .select_wrapper .select_inner {z-index:40; background: #fff; color: #aaa; display: none; position: absolute; left: 0; top: 53px; width: 100%; border:1px solid #ccc; border-radius:8px; overflow:hidden; height:200px; overflow-y: auto;}
.email .select_wrapper .select_inner li {border-bottom: 1px solid #ddd; padding: 16px;  transition:0.4s ease;}
.email .select_wrapper .select_inner li:hover {background: #333;color: #fff;}
.email .select_wrapper .select_inner ul {border-radius: 5px; background: #fff; }



.input-wrap .input-mode .input-area .box-form.phone #tel-2{width:32%;}
.input-wrap .input-mode .input-area .box-form.phone #tel-3{width:32%;}
.phone .select_wrapper {cursor: pointer; position: relative; display:inline-block; width:31%; vertical-align: top;}
.phone .select_wrapper span{position:relative; border:1px solid #ccc;}
.phone .select_wrapper span::after{content: ''; position:absolute; right:24px; top:50%; margin-top:-9px; width:16px; height:18px; background:url("../images/common/select-arrow-down.png") no-repeat center center; transition:0.4s ease;}
.phone .select_wrapper span {display: block; margin: 0; padding:14px 60px 14px 24px; border-radius: 8px;  transition:0.4s ease; z-index: 9; position: relative;}
.phone .select_wrapper.openSelect span {display: block; margin: 0;}
.phone .select_wrapper.openSelect span::after{transform: rotate(180deg); transition:0.4s ease;}
.phone .select_wrapper .select_inner {z-index:40; background: #fff; color: #aaa; display: none; position: absolute; left: 0; top: 53px; width: 100%; border:1px solid #ccc; border-radius:8px; overflow:hidden; height:200px; overflow-y: auto;}
.phone .select_wrapper .select_inner li {border-bottom: 1px solid #ddd; padding: 16px;  transition:0.4s ease;}
.phone .select_wrapper .select_inner li:hover {background: #333;color: #fff;}
.phone .select_wrapper .select_inner ul {border-radius: 5px; background: #fff; }




.hope .select_wrapper {cursor: pointer; position: relative; display:inline-block; width:100%;}
.hope .select_wrapper span{position:relative; border:1px solid #ccc;}
.hope .select_wrapper span::after{content: ''; position:absolute; right:24px; top:50%; margin-top:-9px; width:16px; height:18px; background:url("../images/common/select-arrow-down.png") no-repeat center center; transition:0.4s ease;}
.hope .select_wrapper span {display: block; margin: 0; padding:14px 60px 14px 24px; border-radius: 8px;  transition:0.4s ease; z-index: 9; position: relative;}
.hope .select_wrapper.openSelect span {display: block; margin: 0;}
.hope .select_wrapper.openSelect span::after{transform: rotate(180deg); transition:0.4s ease;}
.hope .select_wrapper .select_inner {z-index:40; background: #fff; color: #aaa; display: none; position: absolute; left: 0; top: 53px; width: 100%; border:1px solid #ccc; border-radius:8px; overflow:hidden; height:200px; overflow-y: auto;}
.hope .select_wrapper .select_inner li {border-bottom: 1px solid #ddd; padding: 16px;  transition:0.4s ease;}
.hope .select_wrapper .select_inner li:hover {background: #333;color: #fff;}
.hope .select_wrapper .select_inner ul {border-radius: 5px; background: #fff; }




.privacy-frame{margin-top:80px; border-top:1px solid #ccc;}
.privacy-frame .sub-content-wrap{margin-top:80px;}
.privacy-frame iframe{overflow-x:hidden; overflow:auto; width:100%; min-height:5300px;}
.privacy-info h3{font-size:40px; font-weight: 500; margin-bottom:40px;}
.privacy-info h4{font-size:24px; font-weight: 500; margin-bottom:24px;}
.privacy-info ul li{font-size:18px;}
.privacy-info section{padding-top:80px;}
.privacy-info section:first-child{padding-top:0;}
.privacy-info .privacy-box{border:1px solid #ccc; border-radius:32px; padding:48px 80px; margin-top:40px;}
.privacy-info .privacy-box ul{display:inline-block; vertical-align: top; width:48%; padding: 0 48px;}
.privacy-info .privacy-box ul:first-child{border-right:1px dashed #ccc;}
.privacy-info .privacy-box ul li{font-size:18px; color:#666; margin-bottom:16px;}
.privacy-info .privacy-box ul li:last-child{margin-bottom:0;}
.privacy-info .privacy-box ul li a:hover{color:#920783;}
.privacy-info .pri-list table thead tr th,.privacy-info .pri-list table tbody tr td{font-size:18px;}



.noneSearch{text-align:center; margin-bottom:180px;}
.noneSearch h2{font-size:48px;}
.noneSearch h2 span{font-weight: 500;}
.noneSearch .noneSearch-img{margin-top:16px;}


.w-dnone{display:none!important;}
.hide{overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height: 0;}
.img_m{display:none!important;}



/* Tablet */
@media only screen and (max-width: 1366px) {

    /* Tablet---헤더 */
    #header{top:0; height:auto; padding:48px 0;}
    #header .menu-btn {display: none;}
    #header .menu-icon {display: block; position:absolute; right:3%;}
    #header .header-inner {position:relative; padding: 0 48px; flex-direction: row;}
    #header .header-nav::before{content: ''; position:absolute; top:6%; left:4%; background:url('../images/common/footer-symbol.png') no-repeat top center; background-size:contain; width:40px; height:40px;}


    #header .header-nav {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;

    background: #f4f4f6b3;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgba(244, 244, 246, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transform: translateZ(0);
    transition: height 0.3s ease-out;
    }

    #header .header-nav.active {
    display: flex;
    top:-48px;
    padding:120px 16px 0;
    max-height: 105vh;
    animation-name: fade-in;
    -webkit-animation-name: fade-in;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    }
    #header .header-nav.active::after{content: ''; background-color:white; background-size:cover; height:100vh; max-height: 100vh;}

    #header .header-nav li {width:100%; height:auto; margin-bottom: 24px;}
    #header .header-nav li:last-child{margin-bottom:0;}


    .dropdown > .dropdown-list > li{border-left:0;}
    .dropdown > .drop-introduce > li{padding-left:0;}
    .dropdown > .drop-esg > li{padding-left:0;}
    .dropdown > .drop-app > li{padding-left:0;}
    .dropdown > .drop-business > li{padding-left:0;}
    .dropdown > .drop-news > li{padding-left:0;}
    .header-nav > li:last-child{margin:0;}


    #header .header-nav a {
    display: block;
    margin: 0;
    padding:12px 32px;
    font-size: 22px;
    color: #000;
    text-decoration: none;
    border-radius:32px;
    font-weight:500;
    }

    #header .header-nav a:hover {background-color: #920783; color:#fff;}

    #header h1 {
    background: url('../images/Logo.png') no-repeat center center;
    width: 124px;
    height: 30px;
    display: block;
    }

    #header .dropdown .dropdown-list li a{padding:0; margin-bottom:8px; font-size:20px;}
    #header .dropdown .dropdown-list .drop-detail li{margin-bottom:0; border-bottom:0;}
    #header .dropdown .dropdown-list .drop-detail li a{font-size:18px; font-weight:normal; margin-bottom:4px;}


    .header-nav {display: block;}

    .dropdown{position:relative; top:0;}
    .dropdown .dropdown-list{display:flex; padding:24px 32px; flex-direction: column;}


    .drop-esg-height{height:auto;}
    .drop-business-height{height:auto;}

    .header-inner .gnb-wrap .dropdown{border-radius:0; border:0;}
    .header-nav .dropdown {
    display: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    opacity: 0;

    }

    .header-nav .dropdown.show {display: block; max-height: 900px;  opacity: 1;}
    .header-nav .menu-item.active .dropdown {display: block;  max-height: 500px; opacity: 1;}


    .header-inner .gnb-wrap .dropdown{padding:0; margin-top:8px; box-shadow: unset; background:none; background:rgba(255, 255, 255, 0.6); border-radius:32px;}
    .header-inner .gnb-wrap li:nth-child(1) .dropdown{left:0; margin-left:0;}
    .header-inner .gnb-wrap li:nth-child(2) .dropdown{left:0; margin-left:0;}
    .header-inner .gnb-wrap li:nth-child(3) .dropdown{left:0; margin-left:0;}
    .header-inner .gnb-wrap li:nth-child(4) .dropdown{left:0; margin-left:0;}
    .header-inner .gnb-wrap li:nth-child(5) .dropdown{left:0; margin-left:0;}

    .header-inner .m-select-menu{display:block; position:absolute; right:108px; border:1px solid #ccc; padding:8px 16px; border-radius:8px;}

    .en .header-inner .gnb-wrap li:nth-child(4) .dropdown{left:0; margin-left:0;}



    .sub-nav #header{padding:20px 0;}
    .sub-nav #header .header-inner{padding:0 20px;}
    .sub-nav #header .header-inner .m-select-menu{right:72px; font-size:14px;}    
    .sub-nav #header .menu-icon{right:0;}
    .sub-nav #header .menu-icon .navicon{background:#666;}
    .sub-nav #header .menu-icon .navicon:before, .sub-nav #header .menu-icon .navicon:after{background:#666;}


    .select-menu > li{margin-right:0;}
    .select-menu .dropdown{padding:0;}
    .select-menu .invidual .dropdown{width:100%;}
    .select-menu .partner .dropdown{width:100%;}


    .scrolled #header{padding: 32px 0; border-bottom:1px solid #ccc; background:#fff;}
    .scrolled #header .header-nav::before{top:4%;}
    /* .scrolled #header .header-nav.active{padding: 120px 16px 0;} */
    .scrolled #header .menu-icon{right:1%;}
    .scrolled #header .menu-icon .navicon{background:#666;}
    .scrolled #header .menu-icon .navicon:before, .scrolled #header .menu-icon .navicon:after{background:#666;}
    .scrolled #header .header-inner{padding:0 40px;}
    .scrolled #header .header-inner .header-nav li a{font-size:22px;}
    .scrolled #header .header-inner .gnb-wrap .dropdown{padding:0; margin-top:8px; box-shadow: unset; background:none; background:rgba(255, 255, 255, 0.6); border-radius:32px;}
    .scrolled #header .header-inner .header-nav .dropdown{top:0;}
    .scrolled #header .header-inner .header-nav .dropdown .dropdown-list li a{font-size:20px;}
    .scrolled #header .header-inner .header-nav .dropdown .dropdown-list li .drop-detail li a{font-size:16px;}

    .scrolled #header .header-inner .m-select-menu{right:78px;}


    /* Tablet---푸터 */
    footer .footer-wrap{width:100%; padding:0 40px;}
    footer .footer-wrap .footer-sitemap .sitemap-list{width:16%;}

    .familysite .options{right:24px;}


    .privacy-info .privacy-box{padding:48px;}


    .noneSearch h2{font-size:36px;}

}


/* Tablet 아이패드 에어 - 가로형 */
@media only screen and (max-width: 1180px) {
    [data-aos=fade-left] {transform: none!important;}
    [data-aos=fade-right] {transform: none!important;}
    [data-aos=slide-left] {transform: none!important;}
    [data-aos=slide-right] {transform: none!important;}
    [data-aos=slide-up] {transform: none!important;}
    p{font-size:16px;}
    table{font-size:16px;}
    .img-box img{width:100%;}
    .default-btn{font-size:18px;}
    .note{padding:4px 16px; font-size:12px;}


    /* #header .header-nav.active{top:-48px;} */
    /* .scrolled #header .header-nav.active{top:-32px;} */
    #header .header-nav a{font-size:18px;}
    #header .dropdown .dropdown-list li a{font-size:16px;}
    #header .dropdown .dropdown-list .drop-detail li a{font-size:16px;}

    .scrolled #header .header-inner .header-nav li a{font-size:18px;}
    .scrolled #header .header-inner .header-nav .dropdown .dropdown-list li a{font-size:16px;}



    .fab__button{display:none;}
    .familysite .options {right: 40px;}
    #quick{width:56px; height:56px;}
    #quick::after{font-size:14px;}



    .reward-tbl{border-radius:16px;}
    .reward-tbl table thead tr th{font-size:14px;}
    .reward-tbl table tbody tr td{font-size:14px;}




    /* Tablet---푸터 */
    footer{padding:32px 0;}
    footer .footer-wrap {width: 100%; padding:0 40px;}
    footer .footer-wrap .footer-symbol{position:relative; display:block; width:48px; height:48px; background-size:contain; margin:0 auto;}


    footer .footer-wrap .footer-sitemap {flex-direction: column; align-items: center; margin-top:32px;}
    footer .footer-wrap .footer-sitemap .sitemap-list {width: 100%; text-align: left;}
    footer .footer-wrap .footer-sitemap .sitemap-list p {margin-bottom: 16px; cursor: pointer; position:relative;}
    footer .footer-wrap .footer-sitemap .sitemap-list p::after{
    position: absolute;
    content: "";
    top: 50%;
    right: 2%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    transform: rotate(45deg);
    }
    footer .footer-wrap .footer-sitemap .sitemap-list p a{font-size:18px;}

    footer .footer-wrap .footer-sitemap .sitemap-list ul {
    padding: 0 20px;
    margin-bottom: 24px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-out;
    background: #f5f5f5;
    border-radius:24px;
    }
    footer .footer-wrap .footer-sitemap .sitemap-list ul li{margin:16px 0; position:relative; font-size:16px;}
    footer .footer-wrap .footer-sitemap .sitemap-list ul li:last-child{margin-bottom:16px;}
    footer .footer-wrap .footer-sitemap .sitemap-list ul li::after{
    position: absolute;
    content: "";
    top: 50%;
    right: 2%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    transform: rotate(315deg);
    }

    footer .footer-wrap .footer-sitemap .sitemap-list.active ul {max-height: 1000px;}

    footer .footer-info{margin-top:32px; padding-bottom:32px;}
    footer .footer-info .tmoney-info{display:block;}
    footer .footer-info .tmoney-info .privacy-info{display:flex; align-items: center; justify-content: space-between;}
    footer .footer-info .tmoney-info .privacy-info p{display:block; font-size:16px;}
    footer .footer-info .tmoney-info .privacy-info a{margin-left:0; margin:8px 0;}
    footer .footer-info .tmoney-info .etc-info{flex-direction: column; margin-top:32px;}
    footer .footer-info .tmoney-info .etc-info .sns-list{margin-right:0;}
    footer .footer-info .tmoney-info .etc-info .sns-list li {margin-right: 32px;}
    footer .footer-info .tmoney-info .etc-info .sns-list a{width:41px; height:40px; background-size:cover;}
    footer .footer-info .tmoney-info .etc-info .sns-list .instargram a {background-position: -60px 0;}
    footer .footer-info .tmoney-info .etc-info .sns-list .blog a {background-position: -120px 0;}
    footer .footer-info .tmoney-info .etc-info .sns-list .youtube a {background-position: -181px 0;}
    footer .footer-info .tmoney-info .etc-info .sns-list .channel a {background-position: -242px 0;}


    .familysite{max-width: 100%; margin-top:32px; position:relative; width:100%;}
    .familysite .select-btn{width:100%; padding: 16px 32px;}
    .familysite.active .options{width:100%; display:block;}
    .familysite .options{width:100%; display:none; right:0;}


    .privacy-frame iframe{min-height: 4870px;}
    .privacy-info h3{font-size:28px; margin-bottom:32px;}
    .privacy-info h4{font-size:20px;}
    .privacy-info section{padding-top:64px;}
    .privacy-info ul li{font-size:16px;}
    .privacy-info .privacy-box{padding:48px 32px;}
    .privacy-info .privacy-box ul li{font-size:16px;}
    .privacy-info .pri-list table thead tr th, .privacy-info .pri-list table tbody tr td {font-size: 16px;}

    .noneSearch h2{font-size:28px;}

}



/* Tablet 아이패드 미니 - 가로형 */
@media only screen and (max-width: 1024px) {

    .m-dnone{display:none!important;}
    .w-dnone{display:block!important;}
    .img_pc{display:none!important;}
    .img_m{display:block!important;}

    #header .header-nav::before{top:7%;}
    .scrolled #header .header-nav::before{top:7%;}

    .privacy-info .privacy-box {padding: 48px 12px;}
    .privacy-info .privacy-box ul{padding: 0 0 0 48px;}

    .half-wrap .half-48 img {width: 100%;}

}

/* Tablet 아이패드 에어 - 세로형 */
@media only screen and (max-width: 820px) {
    #header .header-nav::before {top: 3%;}
    .scrolled #header .header-nav::before{top: 3%;}

    .input-wrap .input-mode .input-area .box-form.phone #tel-2{width:30%;}
    .input-wrap .input-mode .input-area .box-form.phone #tel-3{width:30%;}
    .input-wrap .input-mode .input-area .box-form.email #email-1{width:30%;}
    .input-wrap .input-mode .input-area .box-form.email #email-2{width:30%;}


    .privacy-frame .sub-content-wrap{margin-top:40px;}
    .privacy-frame iframe {min-height: 5220px;}
    .privacy-info h3{font-size:24px;}
    .privacy-info .privacy-box {padding: 48px 0;}

    .sinmungo-view .square-btn{width:200px;}

}


/* Mobile */
@media screen and (max-width: 768px) {
  .mt120{margin-top:60px!important;}
  .tit-24{font-size:20px;}

  .half-img{display:block;}
  .img-box img{width:100%;}
  .half-img .img-box {width: 100%;}
  .half-img.taxiCall .img-box:first-child{margin-right:0; margin-bottom:32px;}
  .half-wrap.taxi-percent {padding: 24px;}
  .half-img .half-auto{display:inline-block; vertical-align: top; margin-bottom:16px;}


  .pri-list .line-list{padding-left:8px;}
  .pri-list .line-list li{font-size:12px;}
  .pri-list table tbody tr td{padding:4px;}
  .pri-list table tbody tr td .line-list li{font-size:12px;}


  /* Mobile---헤더 */
  #header{top:0; height:auto; padding:40px 0;}
  #header .header-inner {position:unset; padding: 0 40px;}

  #header .header-nav::before{left:6%;}


  #header .header-nav.active {top:0; padding:100px 16px 0; max-height: 100vh;}
  #header .header-nav a {font-size: 18px;}
  #header .header-nav a:hover {background-color: #920783; color:#fff;}

  #header .dropdown .dropdown-list li a{font-size:18px;}


  .header-nav {display: block;}


  .drop-esg-height{height:auto;}
  .drop-business-height{height:auto;}



  .header-nav .dropdown.show {display: block; max-height: 900px;  opacity: 1;}
  .header-nav .menu-item.active .dropdown {display: block;  max-height: 500px; opacity: 1;}


  .sub-nav #header{padding:20px 0;}
  .sub-nav #header .header-inner{padding:0 20px;}
  .sub-nav #header .menu-icon .navicon{background:#666;}
  .sub-nav #header .menu-icon .navicon:before, .sub-nav #header .menu-icon .navicon:after{background:#666;}


  .select-menu > li{margin-right:0;}
  .select-menu .dropdown{padding:0;}
  .select-menu .invidual .dropdown{width:100%;}
  .select-menu .partner .dropdown{width:100%;}


  .scrolled #header{padding: 20px 0; border-bottom:1px solid #ccc; background:#fff;}
  .scrolled #header .menu-icon .navicon{background:#666;}
  .scrolled #header .menu-icon .navicon:before, .scrolled #header .menu-icon .navicon:after{background:#666;}
  .scrolled #header .header-inner{padding:0 20px;}
  .scrolled #header .header-inner .header-nav li a{font-size:18px;}
  .scrolled #header .header-inner .gnb-wrap .dropdown{padding:0; margin-top:8px; box-shadow: unset; background:none; background:rgba(255, 255, 255, 0.6); border-radius:32px;}
  .scrolled #header .header-inner .header-nav .dropdown{top:0;}
  .scrolled #header .header-inner .header-nav .dropdown .dropdown-list li a{font-size:18px;}
  .scrolled #header .header-inner .header-nav .dropdown .dropdown-list li .drop-detail li a{font-size:16px;}



    /* Mobile---푸터 */
    footer{padding:32px 0;}
    footer .footer-wrap {width: 100%; padding:0 24px;}
    footer .footer-wrap .footer-symbol{position:relative; display:block; width:48px; height:48px; background-size:contain; margin:0 auto;}


    footer .footer-wrap .footer-sitemap .sitemap-list p {margin-bottom: 10px;}


    footer .footer-wrap .footer-sitemap .sitemap-list ul {margin-bottom: 20px;}





    .familysite{max-width: 100%; margin-top:32px; position:relative; width:100%;}
    .familysite .select-btn{width:100%; padding: 16px 32px;}
    .familysite.active .options{width:100%; display:block;}
    .familysite .options{width:100%; display:none;}


    /* Mobile---퀵메뉴 */
    #quick{width:56px; height:56px; right:20px; padding:16px 8px;}
    #quick::after{font-size:14px;}
    .fab__button--primary{display:none;}



    /* Mobile---신문고, 제휴문의 기본 폼 */
    .input-privacy-wrap .input-pri-box{padding:24px;}
    .input-privacy-wrap .input-pri-box h4{font-size:20px;}
    .input-privacy-wrap .input-pri-box ul li{font-size:14px;}
    .input-wrap .input-mode .input-area{display:block;}
    .input-wrap .input-mode .input-area:last-child{margin-bottom:0;}
    .input-wrap .input-mode .input-area dl{width:100%; margin-bottom:40px;}
    .input-wrap .input-mode .input-area dl:last-child{margin-bottom:0;}
    .input-wrap .input-mode .input-area .box-form input{padding:14px 12px;}
    .input-wrap .input-mode .input-area .box-form .input-textarea{padding:14px 12px;}
    .input-wrap .input-mode .input-area .box-form .list-form{padding:24px;}
    .input-wrap .input-mode .input-area .box-form .list-form .rdo-box{padding:16px;}
    .input-wrap .input-mode .input-area .box-form .list-form .rdo-box span{display:block; margin-right:0; margin-bottom:16px;}
    .input-wrap .input-mode .input-area .box-form .list-form .rdo-box span:last-child{margin-bottom:0;}
    .email .select_wrapper{display:block; width:100%; margin-top:16px;}
    .input-wrap .input-mode .input-area .box-form.email #email-1{width:46%}
    .input-wrap .input-mode .input-area .box-form.email #email-2{width:46%}
    .phone .select_wrapper{width:30%}
    .input-wrap .input-mode .input-area .box-form.phone #tel-2{width:30%}
    .input-wrap .input-mode .input-area .box-form.phone #tel-3{width:30%}

    .privacy-info .privacy-box ul {padding: 0 0 0 32px;}

}


@media screen and (max-width: 430px) {
    #header .header-nav::before{top:4%;}
    .scrolled #header .header-nav::before{top:4%;}

    #header .header-nav a{padding:12px 24px;}
    .dropdown .dropdown-list{padding:24px 24px;}
    #header .header-nav li{margin-bottom:20px;}

    #header .header-inner .m-select-menu{right:78px; font-size:14px; padding:6px 12px;}
    .scrolled #header .header-inner .m-select-menu{right:72px;}
    
    .line-list li{list-style-type: "- ";}

    .privacy-frame iframe {min-height: 7030px;}
    .privacy-info .privacy-box {padding: 32px; margin-top:24px;}
    .privacy-info .privacy-box ul{display:block; width:100%; padding:0;}
    .privacy-info .privacy-box ul:first-child{border-right: 0; margin-bottom:12px;}
    .privacy-info .privacy-box ul li{margin-bottom:12px;}

    .sinmungo-view table tbody tr th{padding:24px 16px;}
    .sinmungo-view table tbody tr td{padding:24px 16px;}
    .sinmungo-view .square-btn{width:30%; margin:0 2px; font-size:18px;}

    .noneSearch .noneSearch-img img{width:64%;}

    .info-wrap .info-detail ul li .light-btn {display: block; margin-top: 16px; padding: 16px; text-align: center;}

    .half-wrap{display:block;}
    .half-img.taxiCall .img-box iframe{height: 360px;}
    .half-img .half-auto:first-child{margin-right:0;}
    .taxi .half-img .half-auto img{height:auto; width:100%;}

}

@media only screen and (max-width: 414px) {
    .privacy-frame iframe {min-height: 7140px;}
}


@media only screen and (max-width: 390px) {
    .privacy-frame{margin-top:64px;}
    .privacy-frame iframe {min-height: 7220px;}
    .privacy-info section {padding-top: 48px;}
    .privacy-info .privacy-box{padding:24px; border-radius:16px;}
}


@media only screen and (max-width: 375px) {
    #header .header-nav.active{padding:80px 16px 0;}
    #header .header-nav a{font-size:16px;}
    #header .header-nav li{margin-bottom:8px;}
    #header .dropdown .dropdown-list li a{font-size:16px;}
    #header .dropdown .dropdown-list .drop-detail li a{font-size:14px;}
    .scrolled #header .header-inner .header-nav li a{font-size:16px;}

    footer .footer-wrap .footer-sitemap .sitemap-list p a{font-size:16px;}
    footer .footer-wrap .footer-sitemap .sitemap-list ul li{font-size:14px;}


    .privacy-frame iframe {min-height: 6220px;}
    .privacy-info h4{font-size:18px;}
    .privacy-info p{font-size:14px;}
    .privacy-info ul li{font-size:14px;}
    .privacy-info .privacy-box ul li{font-size:14px;}



}