@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {font-size:62.5%;  font-family: 'Pretendard';}
/* @media (max-width: 1905px) and (min-width: 1601px) {` */
	/* html {font-size: 57.5%;} */
/* } */
@media (max-width: 1600px) and (min-width: 992px) {
	html {font-size: 55.5%;}
	.mid_only {display:block!important;}
}

/*  ================== header ~ ==================*/
#header {
    top: 0;
    z-index: 50;
    width: 100%;
    position: fixed;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.20) 100%);
}

#header.down_header {transform: translateY(-100%);}

.headerInner {
    padding: 3.6rem 8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logoImg {width: 20.9rem; height:auto;}
.logoImg img {width:100%; height:auto;}

.headMenu { width: 52.10%;}

.headMenuList {display: flex; justify-content: space-between;}
.headMenuList .hMenuLi {position:relative;}
.headMenuList .hMenuLi a {
    color: #FFF;
    font-family: 'Pretendard-SemiBold';
    font-size: 2rem;
    line-height: 4rem;
    display: inline-block;
}
.hSubMenu {
    left: 50%;
    height: 0;
    top: 100%;
    color: #fff;
    width: 19rem;
    overflow: hidden;
    background: #222;
    position: absolute;
    transform: translateX(-50%);
    text-align: center;
}
.hSubMenu a {width:100%;}
.hSubMenuT {
    padding: 1.25rem 1rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
}
.hSubMenu a:hover {
    background: #333;
}
.hMenuLi a:last-child .hSubMenuT {border-bottom:none;}

.htellIccon img {width:3rem; height:auto;}

.colorLogo {display:none;}

#header.change {backdrop-filter: blur(15px);  -webkit-backdrop-filter: blur(15px); background:#FFF;}
#header.change .headMenuListT {color:#111;}
#header.change .whiteLogo {display:none;}
#header.change .colorLogo {display:block;}



.show .headCloseIcon {display:none;}


@media (min-width:992px) {
	.headMenuList .hMenuLi:hover .hSubMenu {height:auto;}
}

@media (max-width:1600px) {
	.headerInner {
		padding: 3.6rem 3rem;
	}
}


@media (max-width:1200px) {
	.headerInner {padding: 3rem 2rem;}
	.headMenuList .hMenuLi {position: relative; padding-right: 2rem;}
	.headMenuList .hMenuLi:last-child {padding-right:0;}
	.headMenuList .hMenuLi a {font-size: 1.8rem;}
}


@media (max-width:991px) {
	.headerInner {
		padding: 0.6rem 0.6rem 0.6rem 2rem;
	}
	.headMenu {width: 52.10%; display: none;}
	.headMenu.show {
		display: block;
		overflow-x: scroll;
	}

	.logoImg {width: 12.48rem; height: auto;}
	.moTell {
		width: 2rem;
		height: 2rem;
		padding: 1.2rem;
		box-sizing: content-box;
	}
	.moTell img {width:100%; height:auto;}
	.moMenuIcon {
		width: 1.6rem;
		height: 1.6rem;
		padding: 1.4rem;
		box-sizing: content-box;
	}
	.moMenuIcon img {width:100%; height:auto;}
	.headMenuList {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.headMenuList .hMenuLi {padding-right: 0rem;}
	.headMenuList .hMenuLi a {
		padding-bottom:1rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.headMenu {
		display: none;
		position: absolute;
		width: 100%;
		left: 0;
		height: 100vh;
		top: 0;
		background: #fff;
		padding: 0.6rem 0rem 4rem 0rem;
	}
	.hSubMenuT {border-bottom:1px solid #EEE;}
	.headMenuListT {
		position: relative;
		display: inline-block;
		color: #222;
	}
	.headMenuListT.arrow:before {
		top: 1.2rem;
		content: '';
		position: absolute;
		right: -2.2rem;
		width: 1.6rem;
		height: 1.6rem;
		background: url(../img/common/icon_arrow_open.png) no-repeat center;
	}
	.hMenuLi.open .headMenuListT.arrow:before {
		transform: rotate(180deg);
	}
	
	.headMenu .moHIcon {padding-right: 1.5rem;}
	
	.show .headOpenIcon {display:none;} 
	.show .headCloseIcon {display:block;} 
	
	.moMenuIconWrap {display: flex; justify-content: flex-end;}
	
	.hSubMenu {
		left: 0;
		height: 0;
		top: 100%;
		color: #222;
		width: 100%;
		overflow: hidden;
		background: none;
		position: relative;
		transform: unset;
		text-align: left;
		margin-left: 1rem;
	}
	.hMenuLi .hSubMenu a {color: #222; border-bottom: none;}
	.hSubMenu a:hover {background: none;}
	.hMenuLi .hSubMenu a:last-child {border-bottom: none; margin-left:0; padding-right:2rem;}
	.headMenuList .open.hMenuLi .hSubMenu {height: auto; margin-bottom: 1rem; margin-left:0;}
}

/*  ================== // ~ header ==================*/

.marT10 {margin-top:1rem;}

.mainFloating {
    width: auto;
    display: flex;
    position: fixed;
    right: 3rem;
    top: 50%;
    z-index: 20;
    flex-direction: column;
    transform: translateY(-50%);
}
.mainFloatBox {
    width: 2.6rem;
    height: auto;
    padding: 2.2rem 2.1rem;
    box-sizing: content-box;
    border-radius: 50%;
    border-radius: 99%;
    background: #53071B;
    backdrop-filter: blur(4.8651814460754395px);
}
.mainFloatBox img {width:100%; height:auto;}

.mainFBMail {}
.mainFBKakao .mainFloatBox {width: 2.4rem; margin:1.2rem 0; background: rgba(253, 220, 63, 0.90);}
.mainFBNaver .mainFloatBox {width: 2.4rem; background: rgba(66, 211, 26, 0.90);}

@media (max-width:991px) {
	.mainFloating {
		display: flex;
		position: fixed;
		right: unset;
		top: unset;
		flex-direction: row;
		left: 50%;
		transform: translateX(-50%);
		bottom: 1.2rem;
		align-items: center;
		width: 100%;
		justify-content: center;
	}
	
	.mainFloatBox {
		width: auto;
		height: auto;
		padding: 1.4rem 2.4rem;
		box-sizing: content-box;
		border-radius: 50%;
		border-radius: 0.4rem;
		background: #53071B;
		backdrop-filter: blur(4.8651814460754395px);
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	
	.mainFloatBox img {
		width: auto;
		height: 1.6rem;
	}


	.mainFBKakao .mainFloatBox {
		width: auto;
		margin: 0 1rem;
		background: rgba(253, 220, 63, 0.90);
	}
	.mainFBKakao .mainFloatBox .floatTxt{color:#3c1e1e;}
	
	.mainFBNaver .mainFloatBox {
		width: auto;
		background: rgba(66, 211, 26, 0.90);
	}
	
	.floatTxt {
		color: #FFF;
		font-family: "Pretendard-Bold";
		font-size: 1.6rem;
		line-height: 2rem;
		letter-spacing: -0.39px;
		margin-left: 0.8rem;
	}
	
}


@media (max-width:767px) {

	.mainFloatBox {
		width: auto;
		height: auto;
		padding: 1.4rem 1.6rem;
		box-sizing: content-box;
		border-radius: 50%;
		border-radius: 0.4rem;
		background: #53071B;
		backdrop-filter: blur(4.8651814460754395px);
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	
	.mainFBKakao .mainFloatBox {
		width: auto;
		margin: 0 0.6rem;
		background: rgba(253, 220, 63, 0.90);
	}
	
	.floatTxt {
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: -0.39px;
		margin-left: 0.5rem;
	}

}




/*  ================== footer ~ ==================*/

#footer {background: #000;}
.footerInner {
    width: 100%;
	margin: 0 auto;
    max-width: 164rem;
	padding: 10rem 2rem;
}
.footerBoxWrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.footerBoxLeft {
    width: 75.29%;
    padding-right: 5rem;
	border-right: 1px solid rgb(238 238 238 / 20%);
}
.footerBox01 {margin-bottom:5rem;}
.footerBox01Top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flogoImg {width:20.8rem; height:auto;}
.flogoImg img {width:100%; height:auto;}

.fsnsList {
    display: flex;
    align-items: center;
}
.fsnsList .fsnsLi {width:2.4rem; height:auto; padding:0 1.3rem; box-sizing: content-box;}
.fsnsList .fsnsLi:first-child {width:1.95rem; padding-left:0;}
.fsnsList .fsnsLi:last-child {padding-right:0;}
.fsnsList .fsnsLi a {
    display: inline-block;
}

.fsnsList .fsnsLi img{width:100%; height:auto;}

.finfoList {
    display: flex;
    align-items: center;
    margin-top: 4.4rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid rgb(238 238 238 / 20%);
	
}
.finfoList .finfoLi {
    color: #FFF;
    font-family: Pretendard;
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-right: 6rem;
	display: flex;
}
.finfoList .finfoLi:last-child {margin-right:0;}

.footerBox02 {
    width: 100%;
    min-width: unset;
    padding-left: 0;
}

.finfo02List .finfo02Li {
	color: #FFF;
	font-family: Pretendard;
	font-size: 1.6rem;
	line-height: 2.5rem;
	padding-bottom:5rem; margin-bottom:5rem;
	border-bottom: 1px solid rgb(238 238 238 / 20%);
}



ul.finfo02List {
    display: flex;
    justify-content: space-between;
}


.finfo02List .finfo02Li {
    color: #FFF;
    font-family: Pretendard;
    font-size: 1.6rem;
    line-height: 2.5rem;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    width: calc(50%);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.finfo02List .finfo02Li:first-child {padding-right:5rem;}
.finfo02List .finfo02Li:last-child {padding-left:5rem;}
.finfo02List .finfo02Li:first-child::before {
    content: '';
    width: 1px;
    height: 6.2rem;
    opacity: 0.15;
    background: #FFF;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.finfo02List .finfo02Li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

.finfoList span, .finfo02List span {
	font-family: "Pretendard-Bold";
	margin-right:1.4rem;
}

.faddress {
    padding: 0 0 0.6rem 0;
}
.ftell {font-family: 'Pretendard-SemiBold';}


.finfo02List span {margin-right:5rem;}

.footerBox03 {
    padding-top: 3rem;
}
.finfo03List {
    display: flex;
    justify-content: flex-start;
}

.fmenu01 {
	color: #FFF;
	font-size: 2.2rem;
	margin-bottom:3rem;
	line-height: 2.8rem;
	font-family: "Pretendard-SemiBold";
}

.fsubmenu01 {
	color: #FFF;
	font-family: Pretendard;
	font-size: 1.7rem;
	line-height: 2.4rem;
	margin-bottom:1rem;
}


.finfo03List .finfo03Li {
    width: calc(100%/6);
    padding-right: 4rem;
    box-sizing: content-box;
}

.finfo03List .finfo03Li:last-child {padding-right:0;}

.flexBox {
    display: flex;
}

.footerBox04 {
    width: 100%;
    margin-top: 5rem;
    display: flex;
    padding-top: 5rem;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgb(255 255 255 / 20%);
}

.finfo04List {
	display:flex;
}

.finfo04List .finfo04Li {
	color: #AAA;
	font-family: "Pretendard-SemiBold";
	font-size: 1.6rem;
	line-height: 2.2rem;
	margin-right:3rem;
}
.finfo04List .finfo04Li:last-child {margin-right:0;}
.copy {
	color: #888;
	font-family: "Pretendard-Light";
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.042rem;
}

.mo_only {display:none!important;}





@media (max-width:991px) {
	.pc_only {display:none!important;}
	.mo_only {display:block!important;}
	.flexBox.mo_only {display: flex!important; cursor:pointer;}
	
	.footerInner {padding: 6rem 2rem 10rem;}

	.footerBoxWrap {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
	}
	.footerBox01 {
		margin-bottom: 0;
		width: 100%;
	}
	.footerBox01Top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}
	
	.flogoImg {
		width: 12.48rem;
		height: auto;
		margin-bottom: 2.4rem;
	}
	.fsnsList .fsnsLi {
		width: 2rem;
		height: auto;
		padding: 0 0.9rem;
	}
	
	.finfoList {
		margin-top: 2.6rem;
		margin-bottom: 2.6rem;
		flex-direction: row;
		flex-wrap: wrap;
		flex-direction: column;
		padding-bottom: 2.6rem;
		padding-top: 2.6rem;
		border-bottom: 1px solid rgb(238 238 238 / 20%);
		border-top: 1px solid rgb(238 238 238 / 20%);
	}
	
	.finfoList .finfoLi {
		margin-right: 0;
		font-size: 1.4rem;
		line-height: 1.7rem;
		margin-right: 0;
		justify-content: center;
		margin-bottom: 1.6rem;
	}
	
	.finfoList .finfoLi:last-child {
		width: 100%;
		margin-top: 0;
		margin-bottom:0;
	}
	
	.finfo02List .finfo02Li {
		font-size: 1.4rem;
		line-height: 1.7rem;
		margin-bottom: 0;
		padding-bottom: 0;
		width: 100%;
		padding: 2.6rem 0;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.finfo02List .finfo02Li:first-child {
		padding-top:0;
		padding-right: 0;
		border-bottom: 1px solid rgb(255 255 255 / 15%);
	}
	
	.finfo02List .finfo02Li:last-child {
		padding-left: 0;
	}
	
	.finfo02List .finfo02Li:first-child::before {display:none;}
	
	.finfo02List span {
		margin-right: 0;
		margin-bottom: 1.2rem;
	}


	.footerBoxLeft {
		width: 100%;
		padding-right: 0;
		border-right: none;
	}
	
	
	.fmenu01 {
		font-size: 1.8rem;
		margin-bottom: 1rem;
		line-height: 2.4rem;
	}
	
	.fsubmenu01 {
		font-size: 1.5rem;
		line-height: 3rem;
		margin-bottom: 0.3rem;
	}

	.footerBox02 {
		width: 100%;
		min-width: auto;
		padding-left: 0;
	}
	
	.footerBox02 .flexBox .finfo02LiFBox {width:50%;}
	
	.faddress {
		padding: 0 0 0.8rem 0;
	}
	
	.footerBox02.mo_only .flexBox .ftell {
		margin-top: 1.2rem;
	}
	
	.finfo03List {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
	}
	
	.footerBox03 {
		padding-top: 2.6rem;
		margin-top: 2.6rem;
		border-top: 1px solid rgb(255 255 255 / 20%);
	}
	
	
	.finfo03List .finfo03Li {
		width: 100%;
		padding-right: 0;
		margin-bottom: 3rem;
	}
	
	.finfo03List .finfo03Li:last-child {
		margin-bottom: 0;
	}
	
	.fmenuList {
		margin-top: 1rem;
	}
	
	.finfo03List .finfo03Li .fmenu01 {margin-bottom:0;}
	
	.footerBox04 {
		margin-top: 2.6rem;
		padding-top: 3rem;
	}
	
	
	.finfo04List.mo_only {
		display: flex;
		padding: 2rem;
		position:relative;
		border-bottom: 1px solid rgb(255 255 255 / 20%);
	}
	
	.finfo04List .finfo04Li {
		font-size: 1.4rem;
		line-height: 2.2rem;
		margin-right: 1.8rem;
	}
	
	.topArrow {
		color: #FFF;
		font-family: Outfit;
		font-size: 1.4rem;
		font-weight: 700;
		padding-right: 2.2rem;
		position: absolute;
		right: 2rem;
	}
	
	.topArrow::before {
		content: '';
		width: 1.2rem;
		height: 1.2rem;
		background: url(../img/common/topArrowIcon.webp) no-repeat center / cover;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.copy {
		font-size: 1.1rem;
		line-height: 1.7rem;
		letter-spacing: 0.033rem;
		text-align: center;
		width: 100%;
	}


	.finfo02List {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}


}




/*  ================== // ~ footer ==================*/