@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@200;300;400;500;600;700;800&display=swap');

/* 초기화 */
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:middle}select,input,button,textarea{font-size:99%}table{font-size:inherit;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background: transparent;cursor: pointer;}


/*-----------------------------------------------
 * Bace
-------------------------------------------------*/
:root {
	--main-color:#131821;
	--sub-color:#0086FF;
	--black-01: #111;
	--black-02: #444;
	--black-03: #777;
	--gray-01: #aeaeae;
	--gray-02: #c2c2c2;
	--title-01: 60px;
	--title-02: 48px;
	--title-03: 28px;
	--text-01: 20px;
	--text-02: 18px;
	--text-03: 16px;
}

@media(max-width:1580px){
	:root {
		--title-01: 3vw;
	}
}
@media(max-width:1080px){
	:root {
		--title-02: 36px;
		--title-03: 24px;
		--text-01: 18px;
		--text-02: 16px;
	}
}
@media(max-width:768px){
	:root {
		--title-01: 30px;
		--title-02: 24px;
		--title-03: 20px;
		--text-01: 18px;
		--text-02: 16px;
		--text-03: 15px;
	}
}

::selection {
	background-color: #FBCB65;
	color: #000;
}
::-moz-selection{
	background-color: #FBCB65;
	color: #000;
}

pre {
	font-family: "Pretendard", sans-serif;
	white-space: pre-line;
}

* { 
	outline: none;
	border: 0;
}

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body { 
	font-size: 15px;
	color: #333;
	font-weight: 400;
	font-family: 'Oxanium', 'Pretendard', sans-serif;
	word-break: keep-all;
	-webkit-text-size-adjust: none;/*모바일 폰트 확대방지*/
}

a {
	text-decoration: none;
	cursor:pointer;
}

select, input, textarea, button {
	font-family: 'Oxanium', 'Pretendard', sans-serif;
	word-break: keep-all;
	vertical-align: middle;
}

select {
	padding-left: 5px;
	padding-right: 25px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	background: #fff url("/img/select_arrow.png") no-repeat right center;
}

select::-ms-expand,
select::-ms-expand {
	display: none;
}

html[data-ie-ver="8"] select,
html[data-ie-ver="9"] select {
	padding-left: 0;
	padding-right:0 ;
	background: none;
}

.clear { 
	content: "";
	display: block;
	clear: both;
	width: 100%;
	visibility: hidden;
}

.bg_black { 
	background-color: var(--main-color);
}

/* 전체 틀 */
#total_wrap { width: 100%;}
#wrap { width: 100%;margin: 0 auto;}

/* 헤더 */
#wrap_header { width: 100%;margin: 0 auto;}

/* 서브 */
#wrap_sub { width: 100%;margin: 0 auto;}

/* 푸터 */
#wrap_footer { width: 100%;}


/*-----------------------------------------------
 * 공통 시작
-------------------------------------------------*/
.inner {
	margin: 0 auto;
	max-width: 1540px;
	width: 100%;
}
@media(max-width: 1580px){
	.inner { 
		padding: 0 4%;
	}
}

.banner-text { 
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	font-size: 240px;
	font-weight: 800;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	color: #F4F5F7;
	text-transform: uppercase;
	text-align: center;
	opacity: 0.05;
	line-height: 0.9;
	z-index: -1;
}

@media(max-width: 1580px){
	.banner-text { 
		font-size: 15vw;
	}
}

/*-----------------------------------------------
 * header
-------------------------------------------------*/

.full-header { 
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-color: var(--main-color);
	border-bottom: 1px solid #333;
	z-index: 200;
}

.full-header::after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	display: block;
	width: 100%;
	height: 0;
	background-color: var(--main-color);
	z-index: -1;
	transition: height .5s ease ;
}

.full-header.on::after {
	height: 100%;
}

.full-header .hd-inner {
	margin: 0 auto;
	padding: 0 4%;
	width: 100%;
}

.full-header .hd-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.full-header .hd-logo {
	width: auto;
	height: 32px;
}

.full-header .hd-logo a {
	display: block;
	width: 100%;
	height: 100%;
}

.full-header .hd-logo a img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

@media(max-width: 1800px){
	.full-header .hd-inner {
		padding: 0 4%;
	}
}
@media(max-width: 1080px){
	.full-header .hd-wrap {
		height: 80px;
	}
}
@media(max-width: 768px){
	.full-header .hd-logo a img {
		width: 150px;
	}
}

.hd-gnb {
	opacity: 1;
	transition: all .5s ease;
}

.hd-gnb.off { 
	opacity: 0;
	visibility: hidden;
}

ul.main_menu {
	display: flex;
}

ul.main_menu > li {
	margin: 0 35px;
}

ul.main_menu > li > a {
	position: relative;
	display: inline-block;
	font-size: var(--text-01);
	font-weight: 600;
	color: #fff;
	letter-spacing: -0.4px;
	line-height: 100px;
	text-align: center;
	transition: color .3s ease;
}

ul.main_menu > li > a:active,
ul.main_menu > li > a:focus,
ul.main_menu > li > a.on {
	color: var(--sub-color);
}

ul.main_menu > li > a:before {
	content:'';
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block;
	width: 0%;
	height: 4px;
	background-color: var(--sub-color);
	transition: width .3s ease;
}

ul.main_menu > li > a:active:before,
ul.main_menu > li > a:focus:before,
ul.main_menu > li > a.on:before {
	width: 100%;
}

@media(max-width: 1580px) {
	ul.main_menu > li { 
		margin: 0 20px;
	}
	ul.main_menu > li > a {
		line-height: 90px;
	}
}
@media(max-width: 1340px) {
	ul.main_menu > li > a {
		line-height: 80px;
	}
}

@media(min-width: 769px){
	ul.main_menu > li > a:hover {
		color: var(--sub-color);
	}
	ul.main_menu > li > a:hover:before {
		width: 100%;
	}
}

ul.snb_menu {
	position: absolute;
	display: flex;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease;
	transition-delay: 0s;
}

ul.snb_menu.on {
	opacity: 1;
	visibility: visible;
	transition-delay: .3s;
}

ul.snb_menu > li { 
	margin-right: 20px;
	padding: 20px 0;
}

ul.snb_menu > li:last-child { 
	margin-right: 0;
}

ul.snb_menu > li > a { 
	display: inline-block;
	width: 100px;
	text-align: center;
	font-size: var(--text-02);
	font-weight: 600;
	color: #fff;
	letter-spacing: -0.4px;
	line-height: 60px;
	opacity: .4;
	transition: opacity .3s ease;
}

ul.snb_menu > li > a:active,
ul.snb_menu > li > a:focus {
	opacity: 1;
}

@media(max-width: 1580px) {
	ul.snb_menu > li { 
		margin-right: 15px;
		padding: 15px 0;
	}
}
@media(max-width: 1340px) {
	ul.snb_menu > li { 
		margin-right: 10px;
		padding: 10px 0;
	}
}
@media(max-width: 1080px) {
	.hd-gnb { 
		display: none;
	}
}
@media(min-width: 769px) {
	ul.snb_menu > li > a:hover { 
		opacity: 1;
	}
}

/* 헤더 - 햄버거메뉴 */
a.hd-btn { 
	display: block;
	margin-left: 180px;
}

a.hd-btn div {
	width: 38px;
	height: 4px;
	margin-bottom: 6px;
	margin-left: auto;
	background-color: #fff;
	transition: all .3s ease;
}

a.hd-btn div:last-child {
	margin-bottom: 0;
}

.hd-gnb.off + .hd-btn div:first-child {
	transform: rotate(45deg) translate(6.5px, 3.5px);
}

.hd-gnb.off + .hd-btn div:last-child {
    transform: rotate(-45deg) translate(3px, -1px);
}

@media(max-width: 1640px){
	a.hd-btn {
		margin-left: 30px;
	}
}

@media(max-width: 769px) {
	a.hd-btn div {
		width: 26px;
		height: 3px;
	}
	.hd-gnb.off + .hd-btn div:first-child {
		transform: rotate(45deg) translate(6px, 3.5px);
	}
	.hd-gnb.off + .hd-btn div:last-child {
		transform: rotate(-45deg) translate(3px, -1px);
	}
	
}

.gnb-area {
	position: fixed;
	display: flex;
	justify-content: center;
	padding-top: 100px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.8);
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
	z-index: 100;
}

.gnb-area.on {
	opacity: 1;
	visibility: visible;
}

.gnb-area .gnb-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background-color: var(--main-color);
	z-index: -1;
	transition: height .5s ease-in-out;
}

.gnb-area.on .gnb-bg {
	height: 100%;
	transition-delay: .5s;
}

.gnb-area .gnb-box  {
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
	transition-delay: 0s;
}

.gnb-area.on .gnb-box {
	opacity: 1;
	visibility: visible;
	transition-delay: .8s;
}

.gnb-area .gnb-box .banner-text {
	bottom: 16px;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	color: var(--main-color);
}

@media(max-width: 1580px) {
	.gnb-box {
		display: flex;
		justify-content: center;
		width: 100%;
		height: 100%;
		padding: 0;
	}
}
@media(max-width: 1540px) {
	.gnb-area { 
		padding-top: 90px;
	}
}
@media(max-width: 1080px ){
	.gnb-area {
		padding-top: 80px;
	}
}

ul.gnb-menu {
	width: 370px;
	padding: 80px 0 0 0;
}

ul.gnb-menu > li {
	margin-bottom: 33px;
}

ul.gnb-menu > li > a {
	display: inline-block;
	font-size: 64px;
	font-weight: 700;
	color: #fff;
	opacity: .4;
	transition: all .5s ease;
}

ul.gnb-menu > li > a.on,
ul.gnb-menu > li > a:active,
ul.gnb-menu > li > a:focus {
	color: var(--sub-color);
	opacity: 1;
}

ul.gnb-menu > li > a:after {
	content:'';
	display: block;
	width: 0;
	height: 6px;
	background-color: var(--sub-color);
	transition: width .5s ease;
}

ul.gnb-menu > li > a.on:after,
ul.gnb-menu > li > a:active:after,
ul.gnb-menu > li > a:focus:after {
	width: 100%;
}

ul.gnb-menu > li:last-child {
	margin-bottom: 0;
}

@media(max-width: 1580px) {
	ul.gnb-menu {
		width: 300px;
		padding: 2% 0 0 0;
	}
	ul.gnb-menu > li {
		margin-bottom: 28px;
	}
	ul.gnb-menu > li > a {
		font-size: 4.5vw;
	}
	ul.gnb-menu > li > a:after {
		height: 4px;
	}
}
@media(max-width: 1080px) {
	ul.gnb-menu {
		padding-top: 4%;
	}
	ul.gnb-menu > li {
		margin-bottom: 24px;
	}
	ul.gnb-menu > li > a:after {
		height: 2px;
	}
}
@media(max-width: 768px) {
	ul.gnb-menu {
		width: 100%;
		padding: 8% 4%;
	}
	ul.gnb-menu > li > a {
		opacity: .8;
	}
	ul.gnb-menu > li > a:hover {
		opacity: 1;
	}
	ul.gnb-menu > li > a:hover::after {
		width: 100%;
	}
}

ul.gnb-sub {
	display: none;
	padding: 20px 0 10px;
}

ul.gnb-sub > li {
	display: inline-block;
	font-size: var(--text-01);
	margin-right: 1.2em;
}

ul.gnb-sub > li:last-child {
	margin-right: 0;
}

ul.gnb-sub > li > a {
	color: #fff;
	opacity: .4;
	transition: opacity .5s ease;
}

ul.gnb-sub > li > a:hover,
ul.gnb-sub > li > a:active,
ul.gnb-sub > li > a:focus {
	opacity: 1;
}

@media(max-width: 768px) {
	ul.gnb-sub {
		display: block !important;
	}
	ul.gnb-sub > li > a {
		opacity: .6;
	}
}

/*-----------------------------------------------
 * footer
-------------------------------------------------*/
footer {
	background-color: var(--main-color);
}

.ft-wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 42px 0 42px;
}

.ft-wrap ul.sns-link {
	display: flex;
	justify-content: flex-end;
	gap: 20px;
	width: 100%;
	margin-bottom: 32px;
}

.ft-wrap .ft-lt {
	display: flex;
	flex-direction: column;
	width: 60%;
}

.ft-wrap .ft-lt figure img {
	max-width: 100%;
	vertical-align: middle;
}

.ft-wrap .ft-lt div {
	margin-top: 20px;
}

.ft-wrap .ft-lt div p {
	margin-bottom: 10px;
	line-height: 1.6;
}

.ft-wrap .ft-lt div p:last-of-type {
	margin-bottom: 0;
}

.ft-wrap .ft-lt div p span {
	margin-right: 1em;
	font-size: 15px;
	color: #959595;
}

.ft-wrap .ft-lt div p span a {
	color: #959595;
}

.ft-wrap .ft-lt div p span:last-of-type {
	 margin-right: 0;
}

.ft-wrap .ft-lt div p span b {
	margin-right: 10px;
}

.ft-wrap .ft-rt {
	width: 40%;
	text-align: right;
}

.ft-wrap .ft-rt .host-list {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 20px;
}

.ft-wrap .ft-rt .host-list div {
	display: flex;
	align-items: center;
	margin-left: 40px;
}

.ft-wrap .ft-rt .host-list div img {
	max-width: 100%;
	vertical-align: middle;
}

.ft-wrap .ft-rt .host-list div:first-child {
	margin-left: 0;
}

.ft-wrap .ft-rt .host-list div span {
	margin-right: 10px;
	font-size: 15px;
	color: var(--gray-01);
}

.ft-wrap .ft-rt ul li { 
	display: inline-block;
	margin-left: 20px;
}

.ft-wrap .ft-rt ul li:first-child { 
	margin-left: 0;
}

.ft-wrap .ft-rt ul li a { 
	font-size: 15px;
	color: #959595;
}

@media(max-width: 1340px){
	.ft-wrap ul.sns-link {
		margin-bottom: 20px;
	}
	.ft-wrap .ft-rt .host-list div { 
		margin-left: 20px;
	}

}
@media(max-width: 1080px){
	.ft-wrap ul.sns-link { 
		justify-content: flex-start;
	}
	.ft-wrap .ft-lt {
		width: 100%;
		margin-top: 20px;
		order: 3;
	}
	.ft-wrap .ft-lt div p { 
		margin-bottom: 10px;
	}
	.ft-wrap .ft-rt { 
		width: 100%;
		text-align: left;
	}
	.ft-wrap .ft-rt .host-list { 
		justify-content: flex-start;
	}
	.ft-wrap .ft-rt .host-list div img { 
		height: 22px;
	}
}
@media(max-width: 768px){
	.ft-wrap .ft-lt { 
		flex-wrap: wrap;
		margin-top: 40px;
	}
	.ft-wrap .ft-lt figure { 
		order: 2;
	}
	.ft-wrap .ft-lt div { 
		width: 100%;
		margin-bottom: 20px;
		margin-left: 0;
	}
	.ft-wrap .ft-lt div p span,
	.ft-wrap .ft-rt ul li a { 
		font-size: 13px;
	}
	.ft-wrap .ft-rt .host-list div img { 
		height: 18px;
	}
}


/*-----------------------------------------------
 * 모바일 nav
-------------------------------------------------*/

/* bg 어두운색... */
.pushy {/* 배경 전체 */
	position: fixed;
	top: 0;
	width: 70%;
	height: 100%;
	z-index: 500;
	overflow: auto;
	visibility: hidden;
	-webkit-overflow-scrolling: touch;
	background: #111;
}

.pushy nav a {/* 대메뉴 */
	display: block;
	padding: 1.2rem 10px;
	font-size: 1rem;
	text-decoration: none;
	outline: 0;
	color: #b3b3b1;
	border-bottom: 1px solid #464646;
}
.pushy nav .pushy-submenu ul{/* 서브메뉴 전체배경 */
	padding-left: 0;
	background-color: #464646;
}
.pushy nav .pushy-submenu ul .pushy-link{/* 서브메뉴 배경 */
	text-indent: 15px;
}
.pushy nav .pushy-submenu ul .pushy-link a{/* 서브메뉴 */
	font-size: 1rem !important;
	border: 0 !important;
	padding: 1rem 10px;
}
  


/* bg 흰색... */
.pushy_white {/* 흰배경 전체 */
	background: #fff !important;
}
.pushy_white nav a {/* 대메뉴 */
	color: #232323 !important;
	border-bottom: 1px solid #dfdfdf !important;
}
.pushy_white nav .pushy-submenu ul{/* 서브메뉴 전체 배경 */
	padding: 0px 0 !important;
	background-color: #353535 !important;
}
.pushy_white nav .pushy-submenu ul .pushy-link{/* 서브메뉴 배경 */
	text-indent: 15px;
}
.pushy_white nav .pushy-submenu ul .pushy-link a{/* 서브메뉴 */
	font-size: 0.75rem !important;
	color: #fff !important;
}
.pushy_white nav .pushy-submenu ul .pushy-link ul.mo_sub_3depth { 
	text-indent: 30px;
}
.pushy_white nav .pushy-submenu ul .pushy-link ul.mo_sub_3depth li a { 
	font-size: 0.70rem !important;
}

  
.pushy nav ul:first-child {
	margin-top: 0px;
}
.pushy.pushy-left {
	left: 0;
}
.pushy.pushy-right {
	right: 0;
}

/* Menu Movement */
.pushy-left {
	-webkit-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
	-webkit-transform: translate3d(50%, 0, 0);
	-ms-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
}

.pushy-right {
	-webkit-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
	-webkit-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Menu Transitions */
#container,
.pushy,
.push {
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
	display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 499;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-animation: fade 500ms;
	animation: fade 500ms;
}

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

.pushy-submenu ul {
	transition: max-height 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
	transition: opacity 0.2s ease-in-out;
}
.pushy-submenu > a {
	position: relative;
}
.pushy-submenu > a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	height: 11px;
	width: 8px;
	background: url("../img/arrow.svg") no-repeat;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: transform 0.2s;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}

/* Submenu Movement */
.pushy-submenu-closed ul {
	max-height: 0;
	overflow: hidden;
}
.pushy-submenu-closed .pushy-link {
	opacity: 0;
}

.pushy-submenu-open ul {
	max-height: 1000px;
}
.pushy-submenu-open .pushy-link {
	opacity: 1;
}
.pushy-submenu-open a::after {
	-webkit-transform: translateY(-50%) rotate(270deg);
	-ms-transform: translateY(-50%) rotate(270deg);
	transform: translateY(-50%) rotate(270deg);
}
.no-csstransforms3d .pushy-submenu-closed ul {
	max-height: none;
	display: none;
}

.flex {
	display: flex;
}

.align_center {
	align-items: center;
}


/*-----------------------------------------------
 * 리뉴얼 공지 팝업
-------------------------------------------------*/
.iframe_popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 400px;
	z-index: 999;
}

.iframe_popup.wd450 {
	width: 450px;
}

.iframe_popup .popup {
	display: flex;
	flex-direction: column;
}

.iframe_popup .popup .iframe_box {
	width: 400px;
	height: 400px;
}

.iframe_popup .popup .iframe_box.auto {
	width: 100%;
	height: 100%;
}

.iframe_popup .popup .iframe_box iframe {
	width: 100%;
	height: 100%;
}

.iframe_popup .popup .iframe_box a {
	display: block;
	width: 100%;
	height: 100%;
}
 
.iframe_popup .popup .iframe_box img {
	width: 100%;
	height: auto;
}

.iframe_popup .popup .btn_box {
	height: 50px;
	background-color: #010101;
	display: flex;
	flex-direction: row;
	border-top: 1px solid #ddd;
}

.iframe_popup .popup .btn_box button {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 500;
	color: #ddd;
}

.iframe_popup .popup .btn_box button:last-child {
	border-left: 1px solid #ddd;
}

@media(max-width: 768px) {
	.iframe_popup {
		width: 100dvw !important;
	}

	.iframe_popup .popup .iframe_box {
		width: 400px;
		height: 400px;
	}
	.iframe_popup .popup .btn_box {
		height: 50px;
	}
	.iframe_popup .popup .btn_box button {
		font-size: 14px;
	}
}



/*-----------------------------------------------
 * 페이징
-------------------------------------------------*/
.pg_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 100px;
}

span.pg {
	margin: 0 15px;
}

.pg_page, .pg_current {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 15px;
	height: 30px;
	margin: 0 15px;
	padding: 2px 0 0;
	font-size: 18px;
	font-weight: 500;
	color: var(--black-02);
}

.pg_current {
	color: var(--sub-color);
	border-bottom: 2px solid var(--sub-color);
}

.pg_prev_btn, .pg_next_btn {
	display: flex;
	align-items: center;
}

.pg_start { 
	background: url('../img/PageLeftDouble.svg') no-repeat;
}

.pg_prev { 
	background: url('../img/PageLeft.svg') no-repeat;
}

.pg_next { 
	background: url('../img/PageRight.svg') no-repeat;
}

.pg_end { 
	background: url('../img/PageRightDouble.svg') no-repeat;
}

.pg_start,
.pg_prev,
.pg_next,
.pg_end {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	margin: 0 2px;
	background-size: 15px;
	background-position: center;
	border: 1px solid #ddd;
	transition: all .3s ease;
}

.pg_start:hover,.pg_prev:hover,.pg_next:hover,.pg_end:hover {
	border-color: var(--main-color);
}

@media(max-width:768px){
	.pg_page,
	.pg_current {
		font-size: 13px;
	}
	.pg_wrap {
		padding-bottom: 60px;
	}
}