@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

/* banner */
.banner{background: #000; display: flex; position: fixed; top: 0; width: 100%; z-index: 1200;}
.banner a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; width: 33.33%; height: 60px; color: #fff; font-size: 16px; font-weight: 600; position: relative; font-family: 'Pretendard'; text-align: center; letter-spacing: 0em; border-bottom: 1px solid rgba(0,0,0,0.1);}
.banner a.on{background: #fff; color: #000;}
.banner a + a::before{content: ''; display: block; width: 1px; height: 30px; background: #fff; opacity: 0.5; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%);}
.banner a span{font-size: 13px; font-weight: 400; font-family: 'Pretendard'; font-family: "Libre Baskerville", serif; font-style: italic;}

@media screen and (max-width: 1820px) {
	.banner a{gap: 0.16vw; height: 3.30vw; font-size: 0.88vw;}
	.banner a + a::before{height: 1.64vw;}
	.banner a span{font-size: 0.77vw;}

	.header{top: 3.30vw;}
}

/* @media screen and (max-width: 1400px) {
	.banner a{gap: 0.21vw; height: 4.29vw; font-size: 1.00vw;}
	.banner a + a::before{height: 2.14vw;}
	.banner a span{font-size: 1.00vw;}

	.header{top: 4.29vw;}
} */

@media screen and (max-width: 1024px) {
	.banner a{gap: 0.29vw; height: 4.86vw; font-size: 1.36vw;}
	.banner a + a::before{height: 2.92vw;}
	.banner a span{font-size: 1.17vw;}

	.header{top: 4.86vw;}
}

@media screen and (max-width: 768px) {
	.banner{justify-content: center;}
	.banner a{gap: 0.39vw; height: 9.81vw; font-size: 2.86vw; padding: 0;}
	.banner a + a::before{height: 5.21vw;}
	.banner a span{font-size: 2.15vw; letter-spacing: -0.015em;}
}

/* 공통 */
.inner{padding: 0 45px;}
.wrap{margin-top: 160px;}
p, dd{word-break:keep-all;}
.pc{display: block;}
.mob{display: none;}

/* header */
.header{position: fixed; top: 60px; left: 0; right: 0; padding-top: 35px; height: 160px; z-index: 100; background: #fff;}
.head_tp{display: flex; align-items: center; justify-content: space-between;}
.head_tp .logo{width: 300px;}
.head_tp .logo img{width: 100%;}
.head_tp p{font-size: 18px; color: #000; font-family: 'GmarketSansLight';}
.head_bt{margin-top: 50px; display: flex; justify-content: flex-end; gap:75px;}
.head_bt > li{position: relative;}
.head_bt > li > a{font-size: 18px; font-weight: 700; color: #000; font-family: 'GmarketSansBold';}
.head_bt > li > .list{width: 110px; position: absolute; left: 50%; transform: translateX(-50%); top: 35px; border: 1px solid #000; text-align: center; display: none;}
.head_bt > li > .list li a{display: block; width: 100%; line-height: 35px; font-size: 15px; font-weight: 500; color: #A0ADD9; font-family: 'Pretendard'; background: #000; text-align: center;}
.head_bt > li > .list li a:hover{background: #FFF; font-weight: 800; color: #000;}

/* main */
.main{padding-top: 50px;}
.main_list{margin:-15px; display: flex; flex-wrap:wrap;}
.main_list:after{content: ''; display: block; clear: both;}
.main_list li{padding:15px; font-size:0; position:relative; width: 25%; height: fit-content;}
.main_list li a{display: block; height: 100%; position: relative;}
.main_list li a img{width:100%; display: block;}
.main_list li a:before{content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(0, 35, 155, 0.00) 0%, #000 100%); position: absolute; opacity: 0; /* transition:opacity 0.3s; */}
.main_list li a .ov_txt{position: absolute; bottom: 25px; left: 40px; right: 40px; font-size: 24px; font-family: 'GmarketSansBold'; letter-spacing: -0.72px; color: #FFF; z-index: 10; /* transition:opacity 0.3s; */ opacity: 0;}
.main_list li a .ov_txt span{display: inline-block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.main_list li a .ov_txt i{display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url("/img/main/ov_txt_arrow.svg") no-repeat center / 100%; margin: -5px 0 0 5px;}
.main_list li a:hover:before, .main_list li a:hover .ov_txt{opacity: 1;}

.no_data{position: initial !important; width: 100% !important; padding: 150px 0 !important; text-align: center; /* border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; */}
.no_data img{width: 65px;}
.no_data p{font-size: 18px; color: #777; font-family: 'Pretendard'; margin-top: 20px;}

/* footer */
.footer{margin-top: 100px;}
.foot_tp .inner{padding: 160px 45px 175px; background: #000; display: flex; align-items: center; justify-content: center; gap: 40px;}
.foot_tp .inner .sns {display: flex; align-items: center; gap: 6px;}
.foot_tp .inner .sns img {width: 40px;}
.foot_tp .inner > a{display: flex; justify-content: center; align-items: center; gap:70px; width: fit-content;}
.foot_tp .bl_txt{padding: 10px 10px 7px; background: #fff;}
.foot_tp .bl_txt strong{font-size: 25px; font-family: 'GmarketSansBold'; line-height: 1.2;}
.foot_tp dl{color: #FFF; }
.foot_tp dl dt{font-size: 24px; letter-spacing: -0.72px; font-weight: 700; font-family: 'GmarketSansBold';}
.foot_tp dl dd{margin-top: 30px; font-size: 20px; letter-spacing: -1px;}
.foot_bt .inner{height: 80px; background: #fff; display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 500;}
.foot_bt .call{display: flex; gap:60px;}



@media screen and (max-width: 1900px) {

	/* 공통 */
	.inner{padding: 0 2.37vw;}
	.wrap{margin-top: 8.42vw;}

	/* header */
	.header{padding-top: 1.84vw; height: 8.42vw;}
	.head_tp .logo{width: 15.79vw;}
	.head_tp p{font-size: 0.95vw;}
	.head_bt{margin-top: 2.63vw; gap:3.95vw;}
	.head_bt > li > a{font-size: 0.95vw;}
	.head_bt > li > .list{width: 5.79vw; top: 1.84vw;}
	.head_bt > li > .list li a{line-height: 1.84vw; font-size: 0.79vw;}

	/* main */
	.main{padding-top: 2.63vw;}
	.main_list{margin:-0.79vw;}
	.main_list li{padding:0.79vw; width: 25%;}
	.main_list li a .ov_txt{bottom: 1.32vw; left: 2.11vw; right: 2.11vw; font-size: 1.26vw; letter-spacing: -0.04vw;}
	.main_list li a .ov_txt i{width: 1.26vw; height: 1.26vw; margin: -0.26vw 0 0 0.26vw;}

	/* footer */
	.footer{margin-top: 5.26vw;}
    .foot_tp .inner{padding: 8.42vw 2.37vw 9.21vw; gap: 2.11vw;}
    .foot_tp .inner .sns {gap: 0.32vw;}
    .foot_tp .inner .sns img {width: 2.11vw;}
	.foot_tp .inner > a{gap:3.68vw;}
	.foot_tp .bl_txt{padding: 0.53vw;}
	.foot_tp .bl_txt strong{font-size: 1.32vw;}
	.foot_tp dl dt{font-size: 1.26vw; letter-spacing: -0.04vw;}
	.foot_tp dl dd{margin-top: 1.58vw; font-size: 1.05vw; letter-spacing: -0.05vw;}
	.foot_bt .inner{height: 4.21vw; font-size: 0.84vw;}
	.foot_bt .call{gap:3.16vw;}

}



@media screen and (max-width: 1280px) {

	/* 공통 */
	.inner{padding: 0 3.13vw;}
	.wrap{margin-top: 8.20vw;}

	/* header */
	.header{padding-top: 1.74vw; height: 8.20vw;}
	.head_tp .logo{width: 15.37vw;}
	.head_tp p{font-size: 1.09vw;}
	.head_bt{margin-top: 2.3vw; gap:5.86vw;}
	.head_bt > li > a{font-size: 1vw;}
	.head_bt > li > .list{width: 7.59vw; top: 2.23vw;}
	.head_bt > li > .list li a{line-height: 2.53vw; font-size: 1vw;}

	/* main */
	.main{padding-top: 2.58vw;}
	.main_list{margin:-0.78vw;}
	.main_list li{padding:0.78vw; width: 25%;}
	.main_list li a .ov_txt{bottom: 1.25vw; left: 2.13vw; right: 2.13vw; font-size: 1.25vw; letter-spacing: -0.06vw;}
	.main_list li a .ov_txt i{width: 1.25vw; height: 1.25vw; margin: -0.29vw 0 0 0.39vw;}

	/* footer */
	.footer{margin-top: 7.81vw;}
    .foot_tp .inner{padding: 9.50vw 3.13vw 10.67vw; gap: 2.11vw;}
    .foot_tp .inner .sns {gap: 0.5vw;}
    .foot_tp .inner .sns img {width: 2.4vw;}
	.foot_tp .inner > a{gap:5.47vw;}
	.foot_tp .bl_txt{padding: 0.78vw;}
	.foot_tp .bl_txt strong{font-size: 1.95vw;}
	.foot_tp dl dt{font-size: 1.25vw; letter-spacing: -0.06vw;}
	.foot_tp dl dd{margin-top: 2.34vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
	.foot_bt .inner{height: 6.25vw; font-size: 1vw;}
	.foot_bt .call{gap:3.69vw;}

}


@media screen and (max-width: 1024px) {
	.head_bt{margin-top: 1.3vw;}
}


@media screen and (max-width: 768px) {

	/* 공통 */
	.inner{padding: 0 3.13vw;}
	.wrap{margin-top: 20.04vw;}
	.pc{display: none;}
	.mob{display: block;}

	/* header */
	.header{padding-top: 6.51vw; height: 20.04vw; top: 7.81vw;}
	.head_tp .logo{width: 52.08vw; margin: 0 auto;}
	.head_tp p{display: none;}
    .head_bt {display: none;}
    .header .inner {display: flex; align-items: center; justify-content: space-between;}
    .header .allMenu img {cursor: pointer; width: 7vw; filter: grayscale(1);}
	/* .head_bt{margin-top: 6.51vw; gap:15.63vw; justify-content: center;}
	.head_bt > li > a{font-size: 3.65vw;}
	.head_bt > li > .list{width: 20.83vw; top: 7.51vw;}
	.head_bt > li > .list li a{line-height: 9.11vw; font-size: 3.65vw;} */

    /* sideMenu */
    .head_bg {display: none; position: fixed; right: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh; text-align: right;}
	.head_bg.on{display: block !important;}
    .head_bg .head_bg_inner {position: relative; background: #fff; padding: 15.63vw 5.94vw; width: 87.24vw; height: 100%; display: inline-block; text-align: left;}
    .head_bg .head_bg_close {position: absolute; top: 5.21vw; right: 1.82vw; cursor: pointer;}
    .head_bg .head_bg_close img {width: 6.12vw; filter: grayscale(1);}
	.head_bg .logo a{display: block;}
    .head_bg .logo img {width:52.08vw;}
    .head_bg .accordion_wrap{margin-top: 9.21vw; max-height: 100%; overflow-y: auto; padding-right: 2vw; margin-right: -2vw;}
    /* .head_bg #accordion {border-top: 0.13vw solid #E7E7E7;} */
    .head_bg #accordion li a {color: #000; position: relative; font-size: 4.56vw; padding: 3vw 0; /* border-bottom: 0.13vw solid #E7E7E7; */ cursor: pointer; font-weight: 600; letter-spacing: -0.10vw; display: block; text-transform: uppercase; font-family: 'GmarketSansBold'; font-weight: 700;}



	/* main */
	.main{padding-top: 4.56vw;}
	.main_list{margin:0;}
	.main_list li{width: 100%;}
	.main_list li + li{margin-top: 5.21vw;}
	.main_list li a .ov_txt{bottom: 4.92vw; left: 5.21vw; right: 5.21vw; font-size: 5.21vw; letter-spacing: -0.16vw;}
	.main_list li a .ov_txt span{max-width: 89%;}
	.main_list li a .ov_txt i{width: 5.30vw; height: 5.30vw; margin: -0.6vw 0 0 1.5vw;}

	.no_data{padding: 25.02vw 0 !important;}
	.no_data img{width: 13.46vw;}
	.no_data p{font-size: 3.65vw; margin-top: 3.60vw;}

	/* footer */
	.footer{margin-top: 9.11vw;}
    .foot_tp .inner{padding: 18.75vw 3.13vw; gap: 2.11vw; flex-direction: column-reverse; position: relative;}
    .foot_tp .inner .sns {gap: 0.98vw; justify-content: flex-start; position: absolute; left: 3.13vw; bottom: 19.53vw;}
    .foot_tp .inner .sns img {width: 6.51vw;}
	.foot_tp .inner > a{gap:0; justify-content: space-between; width: 100%; align-items: flex-start;}
	.foot_tp .bl_txt{padding: 2.60vw;}
	.foot_tp .bl_txt strong{font-size: 4.15vw;}
	.foot_tp dl dt{font-size: 4.69vw; letter-spacing: -0.14vw;}
	.foot_tp dl dd{margin-top: 3.65vw; font-size: 3.65vw; letter-spacing: -0.26vw;}
	.foot_bt .inner{padding-top: 4.69vw; padding-bottom: 6.51vw; height: auto; font-size: 3.13vw; display: block;}
	.foot_bt .call{gap:5.65vw; margin: 3vw 0;}

}