/************************************************************
*
* 공통 CSS
*
************************************************************/
/* noto-sans-kr-100 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {margin:0; padding:0; border:0; font-size:16px; color:#333; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; }
address, caption, cite, code, dfn, em, strong, th, var {font-style :normal; font-weight:normal}
table {border-collapse:collapse;}
a { text-decoration:none;}
img {vertical-align:middle; border:0;}
ul, li, ol { list-style:none;}
html,body { width:100%; height:100%; min-width:1500px;}
/* input 기본 스타일 초기화 */
input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-sizing:border-box; border-radius:0; box-shadow:none;}
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }
input::placeholder {color:#999; font-size:14px;}
/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; box-shadow:none;}
input:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none; border-radius:0; box-shadow: 0;}
select::-ms-expand {display:none}
.wrap {width:100%!important; margin:0!important; position: relative;}
.inner {width:1200px; margin: auto;}
/**** 공통 CSS END ****/

img.logo {position:fixed; top:50px; left:50px; z-index:999;}

.nav {position:fixed; top:50%; right:42px; width:70px; z-index:999; transform: translateY(-50%) translateY(1px);}
.nav a {display: block; transition:all 0.3s;}
.nav a.nvBox {width:42px; margin: auto; margin-bottom:30px; opacity:0.4;}
.nav a.nvBox.nav01 {background:url("../img/index/navIcon01_1.png")no-repeat; height:27px;}
.nav a.nvBox.nav02 {background:url("../img/index/navIcon02_1.png")no-repeat; height:36px;}
.nav a.nvBox.nav03 {background:url("../img/index/navIcon03_1.png")no-repeat; height:31px;}
.nav a.nvBox.nav04 {background:url("../img/index/navIcon04_1.png")no-repeat; height:38px;}
.nav a.nvBox.nav05 {background:url("../img/index/navIcon05_1.png")no-repeat; height:33px;}
.nav a.nvBox.nav06 {background:url("../img/index/navIcon06_1.png")no-repeat; height:25px;}
.nav a.nvBox.nav07 {background:url("../img/index/navIcon07_1.png")no-repeat; height:16px; margin-bottom:40px;}
.nav a.join {width:70px; height:70px; background:url("../img/index/joinBtn.png")no-repeat;}
.nav a.join:hover {opacity:0.7;}
.nav a.nvBox:hover {opacity:0.6;}

body.fp-viewing-INTRO .nav a.nvBox.nav01 {opacity:1;}

body.fp-viewing-INFO .nav a.nvBox.nav01 {background:url("../img/index/navIcon01_2.png")no-repeat;}
body.fp-viewing-INFO .nav a.nvBox.nav02 {background:url("../img/index/navIcon02_2.png")no-repeat; opacity:1;}
body.fp-viewing-INFO .nav a.nvBox.nav03 {background:url("../img/index/navIcon03_2.png")no-repeat;}
body.fp-viewing-INFO .nav a.nvBox.nav04 {background:url("../img/index/navIcon04_2.png")no-repeat;}
body.fp-viewing-INFO .nav a.nvBox.nav05 {background:url("../img/index/navIcon05_2.png")no-repeat;}
body.fp-viewing-INFO .nav a.nvBox.nav06 {background:url("../img/index/navIcon06_2.png")no-repeat;}
body.fp-viewing-INFO .nav a.nvBox.nav07 {background:url("../img/index/navIcon07_2.png")no-repeat;}
body.fp-viewing-INFO .nav a.join {background:url("../img/index/joinBtn2.png")no-repeat;}

body.fp-viewing-PARTNER .nav a.nvBox.nav03 {opacity:1;}

body.fp-viewing-EVENT .nav a.nvBox.nav01 {background:url("../img/index/navIcon01_3.png")no-repeat;}
body.fp-viewing-EVENT .nav a.nvBox.nav02 {background:url("../img/index/navIcon02_3.png")no-repeat;}
body.fp-viewing-EVENT .nav a.nvBox.nav03 {background:url("../img/index/navIcon03_3.png")no-repeat;}
body.fp-viewing-EVENT .nav a.nvBox.nav04 {background:url("../img/index/navIcon04_3.png")no-repeat; opacity:1;}
body.fp-viewing-EVENT .nav a.nvBox.nav05 {background:url("../img/index/navIcon05_3.png")no-repeat;}
body.fp-viewing-EVENT .nav a.nvBox.nav06 {background:url("../img/index/navIcon06_3.png")no-repeat;}
body.fp-viewing-EVENT .nav a.nvBox.nav07 {background:url("../img/index/navIcon07_3.png")no-repeat;}
body.fp-viewing-EVENT .nav a.join {background:url("../img/index/joinBtn3.png")no-repeat;}

body.fp-viewing-BENEFIT .nav a.nvBox.nav05 {opacity:1;}
body.fp-viewing-CARD .nav a.nvBox.nav06 {opacity:1;}

body.fp-viewing-7 .nav a.nvBox.nav01,
body.fp-viewing-BLUEPAY .nav a.nvBox.nav01 {background:url("../img/index/navIcon01_4.png")no-repeat;}
body.fp-viewing-7 .nav a.nvBox.nav02,
body.fp-viewing-BLUEPAY .nav a.nvBox.nav02 {background:url("../img/index/navIcon02_4.png")no-repeat;}
body.fp-viewing-7 .nav a.nvBox.nav03,
body.fp-viewing-BLUEPAY .nav a.nvBox.nav03 {background:url("../img/index/navIcon03_4.png")no-repeat;}
body.fp-viewing-7 .nav a.nvBox.nav04,
body.fp-viewing-BLUEPAY .nav a.nvBox.nav04 {background:url("../img/index/navIcon04_4.png")no-repeat;}
body.fp-viewing-7 .nav a.nvBox.nav05,
body.fp-viewing-BLUEPAY .nav a.nvBox.nav05 {background:url("../img/index/navIcon05_4.png")no-repeat;}
body.fp-viewing-7 .nav a.nvBox.nav06,
body.fp-viewing-BLUEPAY .nav a.nvBox.nav06 {background:url("../img/index/navIcon06_4.png")no-repeat;}
body.fp-viewing-7 .nav a.nvBox.nav07,
body.fp-viewing-BLUEPAY .nav a.nvBox.nav07 {background:url("../img/index/navIcon07_4.png")no-repeat; opacity:1;}
body.fp-viewing-7 .nav a.join,
body.fp-viewing-BLUEPAY .nav a.join {background:url("../img/index/joinBtn4.png")no-repeat;}

.footer {position:relative; text-align:left;/*padding:30px 0;*/}
.footer p.txt_copyright {font-size:13px; color:#888!important; font-weight:400; letter-spacing:-0.025em; line-height:20px; font-family:"nanumsquare",sans-serif!important;}

.footer img.logo2 {position:absolute; top:50%; right:0; margin-top:-18px;}


.copyright {margin-top:0; border-top:1px solid #ccc;}
/* .footer {position: relative; width:100%; background-color:#fff; margin-top:40px; padding-bottom:0;} */
.footer_top {width:100%; border-bottom:1px solid #ccc;}
.footer_ct {width:1200px; margin: auto; position:relative; height:52px;}
.footer_ct .link_btn {width:700px; height:52px; position:absolute; left:0; top:0; overflow:hidden;}
.footer_ct .link_btn a {font-size:15px; font-weight:400; color:#666; float:left; line-height:52px; cursor: pointer;}
.footer_ct .link_btn a.privacy {font-weight: 700;}
.footer_ct .link_btn p {font-size:12px; color:#bfbfbf; float:left; line-height:52px; padding:0px 10px;}

.footer_ct .select_link {width:200px; height:52px; position:absolute; top:0; right:0;}
.footer_ct .select_link .site_link {width:100%; height:100%; padding-left:15px; cursor:pointer; border-left:1px solid #ccc; border-right:1px solid #ccc; position:relative; transition:all 0.2s;}
.footer_ct .select_link .site_link:hover {background-color:#f8f8f8;}
.footer_ct .select_link .site_link p {font-size:15px; color:#666; font-weight:400; line-height:52px;}
.footer_ct .select_link .site_link div {width:11px; height:6px; background:url("../img/common/select_sty.png")no-repeat; position:absolute; top:50%; right:15px; margin-top:-3px;}
.footer_ct .select_link .site_link.on div {-ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}

.footer_ct .select_link .link_list {width:200px; border:1px solid #ccc; background-color:#fff; position: absolute; bottom:53px; right:0px;  z-index: 99; border-bottom:0; display:none;}
.footer_ct .select_link .link_list a .list_box {width:100%; height:52px; border-bottom:1px solid #ccc; line-height:52px; padding-left:15px; background:url("../img/common/select_sty02.png")no-repeat right 15px center; font-size:15px; color:#666; font-weight:400; display: flex; align-items: center;}
.footer_ct .select_link .link_list a .list_box small {font-size:13px; color:#999; font-weight:400;}
.footer_ct .select_link .link_list a:last-child .list_box {border-bottom:0;}
.footer_ct .select_link .link_list a .list_box:hover {background-color:#eee;}

.footer_bt {width:1200px; margin: auto; overflow: hidden; padding:20px 0px;}
.footer_left {float:left; width:190px;}
.footer_left img {margin-top:5px;}
.footer_left img.bt_kosdaq {margin-top:20px;width:80px;}
.footer_con {float:left;}
.footer_con p {font-size:13px; line-height:18px; color:#888; font-weight:300;}
.footer_con p.copy {font-size:12px; line-height:20px; color:#888; font-weight:300; margin-top:8px;}
.footer_con p.copy span {color:#000; font-size:12px; font-weight:400;}
.footer_con strong {font-size:10px;font-weight:normal;}
.footer_con a {font-size:13px;color:inherit;}

.footer_right {float:right; position: absolute; right: 205px;}
.footer_right > div {display: flex; gap: 5px; flex-direction: column; }
.footer_right > div > div {display: flex; flex-direction: row; text-align: center; margin-bottom: 10px; align-items: center;}
.footer_right > div > .isms .img{width: 130px;}
.footer_right > div > div .img {display: inline-flex; align-items: center; justify-content: center; height: 50px;}
.footer_right > div > div .img_txt{margin-left: 15px;}
.footer_right > div > div p {font-size: 12px; color: #333; font-weight: 400; letter-spacing: -0.05em; text-align: left;}
.footer_right > div > div small {font-size: 11px; color: #555; font-weight: 400; letter-spacing: 0; display: block; text-align: left;}

.footer_right ul {width:138px; overflow: hidden; margin-top:12px;}
.footer_right ul li {width:27px; float:left; margin-right:10px;}
.footer_right ul li:last-child {margin-right:0;}

.popup_inquiry {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);content: ''; z-index: 9999;}
.popup_inquiry .inq_box {width: 470px; padding: 25px; background-color: #fff; border: 1px solid #ccc;}
.popup_inquiry .inq_box .tit {position: relative; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #888;}
.popup_inquiry .inq_box .tit h2 {font-size: 16px; color: #333; font-weight: 500; letter-spacing: -0.025em;}
.popup_inquiry .inq_box .tit .btn_close {position: absolute; top: 2px; right: 0; font-size: 0; cursor: pointer;}
.popup_inquiry .inq_box .tit .btn_close span {display: inline-block; font-size: 0;}

.popup_inquiry .inq_box .cont {width: 100%; margin-top: 20px;}
.popup_inquiry .inq_box .cont .info_box {position: relative; width: 100%; border-bottom: 2px solid #178df4;}
.popup_inquiry .inq_box .cont .info_box .txtBox {width: 100%; padding: 0 30px;}
.popup_inquiry .inq_box .cont .info_box .txtBox .txt {position: relative; top: -15px; padding: 15px 0 0; background-color: #fff; text-align: center;}
.popup_inquiry .inq_box .cont .info_box .txtBox .txt h2 {font-size: 24px; color: #333; font-family: 'GmarketSansMedium'!important; font-weight: 400; letter-spacing: -0.025em; line-height: 1.3;}
.popup_inquiry .inq_box .cont .info_box .txtBox .txt h2 font {font-size: 24px; color: #178df4; font-family: 'GmarketSansMedium'!important; font-weight: 400; letter-spacing: -0.025em;}
.popup_inquiry .inq_box .cont .info_box .txtBox .txt p {font-size: 17px; color: #333; font-family: 'GmarketSansMedium'!important; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4; margin-top: 10px;}
.popup_inquiry .inq_box .cont .info_box .txtBox .txt p font {font-size: 17px; color: #178df4; font-family: 'GmarketSansMedium'!important; font-weight: 400; letter-spacing: -0.025em;}

.popup_inquiry .inq_box .cont .contact_box {display: flex; width: 100%; padding: 10px 0;}
.popup_inquiry .inq_box .cont .contact_box > div {display: flex; align-items: center; flex-direction: column; flex: 0 0 50%; padding: 10px 0;}
.popup_inquiry .inq_box .cont .contact_box > div + div {border-left: 1px solid #e0e0e0;}
.popup_inquiry .inq_box .cont .contact_box > div p {font-size: 17px; color: #333; font-weight: 400; letter-spacing: -0.025em; margin-top: 10px;}

.popup_inquiry .inq_box .cont .txt_box {display: flex; align-items: center; justify-content: center; padding: 10px 0; background-color: #f5faff; border: 1px solid #ccc;}
.popup_inquiry .inq_box .cont .txt_box p {font-size: 14px; color: #333; font-weight: 400; letter-spacing: -0.055em; text-align: center;}