@charset "UTF-8";
/**********************************************************/
/* 풋터.scss */
/**********************************************************/
/* 이용약관 */
.useAgreement { width: 1060px; margin: -7px auto 0; }

.useAgreement .pageTitle { font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif; color: #000; letter-spacing: unset; font-size: 34px; text-align: center; width: 100%; font-weight: bold; line-height: 45px; margin: 0; }

.useAgreement section { position: relative; margin-top: 46px; }

.useAgreement section .conTitle { font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif; width: 100%; margin: 0; padding-bottom: 5px; color: #000; font-size: 22px; line-height: 29px; font-weight: bold; }

.useAgreement section:not(:has(.conTitle)) .contText .useAgree { padding-top: 40px; }

.useAgreement section .selectZone { font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif; width: 300px; position: absolute; right: 0; top: -6px; display: inline-block; vertical-align: middle; }

.useAgreement section .selectZone .ui-selectmenu-button { display: block; position: relative; height: 40px; line-height: 30px; border: none; border-bottom: 1px solid #e5e5e5; background: #fff; font-size: 14px; padding-right: 30px; }

.useAgreement section .selectZone .ui-selectmenu-text { font-size: 14px; height: 100%; line-height: 18px; display: block; overflow: hidden; padding: 11px 0; color: #333; text-overflow: ellipsis; white-space: nowrap; cursor: default; }

.useAgreement section .selectZone .ui-selectmenu-icon { content: ""; position: absolute; top: 50%; right: 10px; width: 14px; height: 8px; margin-top: 0; transform: translateY(-50%); background: url(/static-fo-pc/images/common/icon_arrow.png) no-repeat -20px -80px; }

.useAgreement section .contText { line-height: 22px; border: none; background: transparent; }

.useAgreement section .contText .useAgree, .useAgreement section .contText .agreeList { padding: 40px 0 150px; }

.useAgreement section .contText .useAgree > dl, .useAgreement section .contText .agreeList > dl { margin-top: 40px; }

.useAgreement section .contText .useAgree > dl > dt, .useAgreement section .contText .agreeList > dl > dt { font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif; margin-bottom: 0; font-size: 16px; color: #000; font-weight: bold; line-height: 21px; }

.useAgreement section .contText .useAgree > dl:first-child, .useAgreement section .contText .agreeList > dl:first-child { margin-top: 0; }

.useAgreement section .contText .useAgree > dl .hyp, .useAgreement section .contText .agreeList > dl .hyp { font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif; font-size: 13px; line-height: 1.54; color: #666; margin: 0 0 0 12px; }

.useAgreement section .contText .useAgree > dl > dd, .useAgreement section .contText .agreeList > dl > dd { font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif; padding-top: 10px; margin: 0 0 0 17px; font-size: 13px; line-height: 1.54; color: #666; }

.useAgreement section .contText .useAgree > dl > dd.normal, .useAgreement section .contText .agreeList > dl > dd.normal { margin-left: 0; }

.useAgreement section .contText .useAgree > dl > dd.normal .txt, .useAgreement section .contText .agreeList > dl > dd.normal .txt { display: inline-block; }

.useAgreement section .contText .useAgree > dl > dd ul, .useAgreement section .contText .agreeList > dl > dd ul { margin: 0; }

.useAgreement section .contText .useAgree > dl > dd ul li, .useAgreement section .contText .agreeList > dl > dd ul li { font-size: 13px; line-height: 1.54; color: #666; }

.useAgreement section .contText .useAgree > dl > dd ul.mgList > li, .useAgreement section .contText .agreeList > dl > dd ul.mgList > li { margin-top: 10px; }

.useAgreement section .contText .useAgree > dl > dd ul.mgList > li .d1, .useAgreement section .contText .agreeList > dl > dd ul.mgList > li .d1 { margin-left: 10px; }

.useAgreement section .contText .useAgree > dl > dd ul.mgList > li .d1 .hyp, .useAgreement section .contText .agreeList > dl > dd ul.mgList > li .d1 .hyp { margin-top: 0; }

.useAgreement section .contText .useAgree > dl > dd ul.mgList > li a.link, .useAgreement section .contText .agreeList > dl > dd ul.mgList > li a.link { text-decoration: underline; }

.useAgreement section .contText .useAgree > dl > dd .tableArea, .useAgreement section .contText .agreeList > dl > dd .tableArea { margin-top: 10px; }

.useAgreement section .contText .useAgree > dl > dd .tableArea .tableBox, .useAgreement section .contText .agreeList > dl > dd .tableArea .tableBox { border-top: none; }

.useAgreement section .contText .useAgree table, .useAgreement section .contText .agreeList table { width: 100%; position: relative; margin-top: 10px; table-layout: fixed; border-top: 2px solid #363d4c; background: #fff; }

.useAgreement section .contText .useAgree table.openCaption:first-of-type, .useAgreement section .contText .agreeList table.openCaption:first-of-type { margin-top: 10px; }

.useAgreement section .contText .useAgree table tr th, .useAgreement section .contText .agreeList table tr th { border-bottom: 1px solid #e5e5e5 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; color: #000; background-color: #f5f5f5; word-break: normal; }

.useAgreement section .contText .useAgree table tr th:first-child, .useAgreement section .contText .agreeList table tr th:first-child { border-left: none; }

.useAgreement section .contText .useAgree table tr th:last-child, .useAgreement section .contText .agreeList table tr th:last-child { border-right: none; }

.useAgreement section .contText .useAgree table tr th, .useAgreement section .contText .useAgree table tr td, .useAgreement section .contText .agreeList table tr th, .useAgreement section .contText .agreeList table tr td { font-family: 'NotoSansKR', Arial, 'Dotum', '돋움', sans-serif; padding: 11px 20px 12px; line-height: 17px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; font-size: 13px; font-weight: normal; text-align: left; vertical-align: middle; }

.useAgreement section .contText .useAgree table tr td, .useAgreement section .contText .agreeList table tr td { color: #666; word-break: break-word; border-right: 1px solid #e5e5e5; }

.useAgreement section .contText .useAgree table tr td:first-child, .useAgreement section .contText .agreeList table tr td:first-child { border-left: none; }

.useAgreement section .contText .useAgree table tr td:last-child, .useAgreement section .contText .agreeList table tr td:last-child { border-right: none; }

.useAgreement section .contText .useAgree table tr td dt, .useAgreement section .contText .useAgree table tr td dd, .useAgreement section .contText .agreeList table tr td dt, .useAgreement section .contText .agreeList table tr td dd { font-family: 'NotoSansKR', Arial, 'Dotum', '돋움', sans-serif; font-size: 13px; color: #666; line-height: 1.54; margin: 0; }

.useAgreement section .contText .useAgree table::after, .useAgreement section .contText .agreeList table::after { display: block; width: 100%; height: 1px; content: ""; background: #ccc; position: absolute; left: 0; bottom: 0; }

.useAgreement section .contText .useAgree > table, .useAgreement section .contText .agreeList > table { margin-top: 0; }

.useAgreement section .contText .agreeList dl dd { margin: 0 0 0 14px; }

.useAgreement section .contText .agreeList dl dd.normal ol { margin-left: 17px; }

.useAgreement section .contText .agreeList dl dd.normal ol li.d1 { font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif; font-size: 13px; line-height: 1.54; color: #666; }

.useAgreement section .contText .agreeList dl dd.normal ol li.d1:first-letter { margin-left: -17px; }

.useAgreement section .contText .agreeList > dl dd.normal { padding-top: 10px; }

.useAgreement section .contText .agreeList > dl dd.normal ol { margin-left: 0; }

.useAgreement section .contText .agreeList .mt20 { font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif; font-size: 13px; line-height: 1.54; color: #666; }

.useAgreement section .contText .agreeList .tableArea .tableBox { border-top: none; }

.useAgreement section .contText .agreeList .tableArea .tableBox table { width: 100%; position: relative; margin-top: 10px; table-layout: fixed; border-top: 2px solid #363d4c; background: #fff; }

.useAgreement section .contText .agreeList .tableArea .tableBox table tr th { border-bottom: 1px solid #e5e5e5 !important; border-right: 1px solid #e5e5e5; color: #000; background-color: #f5f5f5; word-break: normal; }

.useAgreement section .contText .agreeList .tableArea .tableBox table tr td { color: #666; word-break: break-word; }

.useAgreement section .contText .agreeList .tableArea .tableBox table tr td dt, .useAgreement section .contText .agreeList .tableArea .tableBox table tr td dd { font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif; font-size: 13px; color: #666; line-height: 1.54; margin: 0; }

.useAgreement section .contText .agreeList .tableArea .tableBox table tr th, .useAgreement section .contText .agreeList .tableArea .tableBox table tr td { font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif; padding: 11px 20px 12px; line-height: 17px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 13px; font-weight: normal; text-align: left; vertical-align: middle; }

.useAgreement section .contText .agreeList .tableArea .tableBox table tr th:last-child, .useAgreement section .contText .agreeList .tableArea .tableBox table tr td:last-child { border-right: none; }

.useAgreement section .contText .agreeList .tableArea .tableBox table::after { display: block; width: 100%; height: 1px; content: ""; background: #ccc; position: absolute; left: 0; bottom: 0; }

.useAgreement section .contText i { display: inline-block; content: ''; vertical-align: middle; margin-right: 10px; background: url("/static-fo-pc/images/common/sprite/sp_rules_icon.png") no-repeat; width: 50px; height: 50px; }

.useAgreement section .contText i + i { margin-left: -10px; }

.useAgreement section .contText i.hex01 { background-position: 0 0; }

.useAgreement section .contText i.hex02 { background-position: -55px 0; }

.useAgreement section .contText i.hex03 { background-position: -110px 0; }

.useAgreement section .contText i.hex04 { background-position: -165px 0; }

.useAgreement section .contText i.hex05 { background-position: -220px 0; }

.useAgreement section .contText i.hex06 { background-position: -275px 0; }

.useAgreement section .contText i.hex07 { background-position: -330px 0; }

.useAgreement section .contText i.hex08 { background-position: -385px 0; }

.useAgreement section .contText i.hex09 { background-position: -440px 0; }

.useAgreement section .contText i.hex10 { background-position: -495px 0; }

.useAgreement section .contText i.hex11 { background-position: -550px 0; }

.useAgreement section .contText i.hex12 { background-position: -605px 0; }

.useAgreement section .contText i.round01 { background-position: 0 -110px; }

.useAgreement section .contText i.round02 { background-position: -55px -110px; }

.useAgreement section .contText i.round03 { background-position: -110px -110px; }

.useAgreement section .contText i.round04 { background-position: -165px -110px; }

.useAgreement section .contText i.round05 { background-position: -220px -110px; }

.useAgreement section .contText i.round06 { background-position: -275px -110px; }

.useAgreement section .contText i.round07 { background-position: -330px -110px; }

.useAgreement section .contText i.round08 { background-position: -385px -110px; }

.useAgreement section .contText i.round09 { background-position: -440px -110px; }

.useAgreement section .contText i.round10 { background-position: -495px -110px; }

.useAgreement section .contText i.squ01 { background-position: 0 -55px; }

.useAgreement section .contText i.squ02 { background-position: -55px -55px; }

.useAgreement section .contText i.squ03 { background-position: -110px -55px; }

.useAgreement section .contText i.squ04 { background-position: -165px -55px; }

.useAgreement section .contText i.squ05 { background-position: -220px -55px; }

.useAgreement section .contText i.squ06 { background-position: -275px -55px; }

.useAgreement section .contText i.squ07 { background-position: -330px -55px; }

.useAgreement section .contText i.squ08 { background-position: -385px -55px; }

.useAgreement section .contText i.squ09 { background-position: -440px -55px; }

.useAgreement section .contText i.squ10 { background-position: -495px -55px; }

.useAgreement section .contText i.squ11 { background-position: -550px -55px; }

.useAgreement section .contText i.squ12 { background-position: -605px -55px; }

.useAgreement section > .contText { padding: 0; }

:lang(vi) .useAgreement section .selectZone { width: 340px; }

:lang(en) .useAgreement section .selectZone { width: 390px; }

:lang(en) .terms_wrap .useAgreement section .selectZone { width: 300px; }

:lang(en) .terms_wrap .useAgreement section .selectZone .ui-selectmenu-button { padding-right: 30px; }

/* [CM-271] 2024-03-15 [퍼블리싱] [회원/공통] 푸터 > 제휴/입점 메뉴 페이지 내 고객센터 LNB 제거 */
.cooperate_sec .tit_type5 { text-align: center; }

.cooperate_sec .tit_type5 ~ .txt_type3 { text-align: center; margin-bottom: 60px; }

.cooperate_sec .form_type { margin-top: 50px; }

.cooperate_sec .btn_wrap { margin-top: 80px; }

.cooperate { display: flex; margin-top: 40px; border-top: 2px solid #363d4c; border-bottom: 1px solid #dbe0e5; }

.cooperate dl { float: none; width: 100%; padding: 40px 0; border: 0; position: relative; }

.cooperate dl + dl::before { content: ''; display: block; width: 1px; height: 171px; background-color: #e0e0e0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

.cooperate dl dt { margin-top: 0; font-size: 18px; line-height: 21px; color: #000000; font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif; font-weight: bold; line-height: 24px; text-align: center; }

.cooperate dl dt::before { content: ''; display: block; overflow: hidden; width: 40px; height: 40px; margin: 0 auto 10px; }

.cooperate dl dd { margin: 10px 0 0; }

.cooperate dl dd i { display: block; font-size: 15px; line-height: 19px; color: #000000; font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif; line-height: 22px; text-align: center; }

.cooperate dl dd::before { display: none; }

.cooperate dl:nth-child(1) dt:before { background-color: transparent; background-image: url("/static-fo-pc/images/common/icon_customer.png?v=6"); background-position: -109px 3px; }

.cooperate dl:nth-child(2) dt:before { background-color: transparent; background-image: url("/static-fo-pc/images/common/icon_customer.png?v=6"); background-position: -153px 3px; }

.cooperate dl:nth-child(3) dt:before { background-color: transparent; background-image: url("/static-fo-pc/images/common/icon_customer.png?v=6"); background-position: -199px 3px; }

.cooperate dl:nth-child(4) dt:before { background-color: transparent; background-image: url("/static-fo-pc/images/common/icon_customer.png?v=6"); background-position: -244px 3px; }

.termsArea { margin-top: 60px; }

.termsArea > dl > dt { display: flex; align-items: center; justify-content: space-between; }

.termsArea > dl > dt > p {
  display: inline-block;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  line-height: 24px;
  font-weight: bold;
}

.termsArea > dl > dt > p span { margin-right: 10px; }

.termsArea > dl > dt > p .link { display: inline-block; margin-left: 0; border-bottom: 1px solid #666; font-size: 15px; line-height: 19px; color: #666666; font-weight: normal; }

.termsArea > dl > dt label { text-align: right; min-width: 100px; font-size: 14px; line-height: 17px; color: #000000; margin-right: 0; }

.termsArea > dl > dt ~ dd { display: none; }

.termsArea > dl > dt ~ dd.on { display: block; }

.termsArea > dl > dt:not(:first-child) { margin-top: 30px; }

.termsArea > dl > dd .box { margin-top: 15px; }

.termsArea > dl > dd .box .contText { height: auto; padding: 40px; overflow: hidden; background-color: #f9f9f9; border: none; }

.termsArea > dl > dd .box .contText .tbl_type { background: #fff; margin-top: 0; }

.termsArea > dl > dd .box .contText .tbl_type tbody th { background-color: #f5f5f5; font-weight: normal; color: #000000; text-align: center; }

.termsArea > dl > dd .box .contText .tbl_type tbody td { color: #000000; text-align: center; border-right: 1px solid #dbe0e5; }

.termsArea > dl > dd .box .contText .tbl_type tbody td:last-child { border-right: none; }

.termsArea > dl > dd .box .contText .tbl_type tbody td span.u { font-size: 16px; font-weight: bold; text-decoration: underline; }

.termsArea > dl > dd .box .contText .tbl_type tbody td strong { font-weight: bold; }

.termsArea > dl > dd .box .contText .notify { margin-top: 15px; }

.termsArea > dl > dd .box .contText .notify p { font-size: 13px; line-height: 16px; color: #666666; }

/* //[CM-271] 2024-03-15 [퍼블리싱] [회원/공통] 푸터 > 제휴/입점 메뉴 페이지 내 고객센터 LNB 제거 */
/* [CM-1813] 2025-02-18 [회원/공통] 푸터 내 약관/방침 노출 개선의 건(Web) */
.terms_wrap { width: 1060px; margin: 0 auto; }

.terms_wrap .useAgreement { width: 100%; margin: 0; }

.terms_wrap .useAgreement .contText .useAgree { padding-top: 0; }

.terms_wrap .useAgreement section .conTitle ~ .contText .useAgree { padding-top: 40px; }

.terms_wrap .tab_wrap [class*='tab_type'] { position: relative; margin: 0px 0 15px; display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: none; }

.terms_wrap .tab_wrap [class*='tab_type'] > li { min-height: 50px; }

.terms_wrap .tab_wrap [class*='tab_type'] > li > a { border-top: none; border-bottom: 1px solid #c2c3c4; padding: 6px 5px; }

.terms_wrap .tab_wrap [class*='tab_type'] > li:first-child > a, .terms_wrap .tab_wrap [class*='tab_type'] > li:nth-child(3n+1) > a { border-left: 1px solid #c2c3c4; }

.terms_wrap .tab_wrap [class*='tab_type'] > li:nth-child(3n+1) > a { left: 0; }

.terms_wrap .tab_wrap [class*='tab_type'] > li:nth-child(-n+3) > a { border-top: 1px solid #c2c3c4; }

.terms_wrap .tab_wrap [class*='tab_type'] > li.on > a { border-color: #000; }

.terms_wrap .tab_wrap [class*='tab_type'] > li.on:nth-child(n+4) > a::after { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; height: 1px; background-color: #000; }

.terms_wrap .tab_wrap [class*='tab_type']::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #c2c3c4; z-index: -1; }

.terms_wrap .tab_wrap .tab_cont { margin-top: 50px; }

.terms_wrap .terms_info_text { padding: 0 0 50px; line-height: 18px; font-size: 14px; font-weight: normal; color: #888; }

/* //[CM-1813] 2025-02-18 [회원/공통] 푸터 내 약관/방침 노출 개선의 건(Web) */