/* Outfit 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;800&display=swap');
/* 프리텐다드 폰트 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

html {font-size:10px; 
font-family: 'Noto Sans Arabic', sans-serif;
 color:#222; scroll-behavior: smooth;}
div {box-sizing:border-box; transition:all 0.3s ease-in-out;}
.mo_only, .mo_br {display:none!important;}
@media (max-width:1300px) and (min-width:992px) {html {font-size:48%;}}
@media (max-width:991px) {
	.pc_only, .pc_br {display:none!important;}
	.mo_only, .mo_br {display:block!important;}
}

/* ::::::::: header START ::::::::: */
header {
    top: 0;
    left: 0;
	z-index: 300;
    width: 100vw;
    position: fixed;
    transition: all 0.3s ease-in-out;
}
header:hover {background:#fff;}
header.back {left: 0; top: 0; z-index: 500; position: fixed;}
header.change {background: #fff;}

.header_inner {
    width: 100%;
    display: flex;
    margin: 0 auto;
    position: relative;
    align-items: center;
	box-sizing: border-box;
    justify-content: space-between;
	/* flex-direction: row-reverse; */
    padding: 2.7rem 6rem 2.7rem 16rem;
}

.logo {width:auto; height:2.4rem; max-height:2.4rem;}
.logo img {width:auto; height:100%;}
.logo.none {opacity:0;}

.h_page	{font-weight: 500; font-size: 1.8rem; line-height: 2.2rem;}
.h_page:hover {color:#FF783E;}
.h_page a {display: flex; align-items: center;}
.h_page figure {width:1.6rem; height:auto; padding-left: 0.8rem;}
.h_page figure img {width:100%; height:auto;}

nav {
    font-family: 'Outfit', sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 4.4rem;
    letter-spacing: 0.04em;
    width: 32.589%;
    min-width: 55.4rem;
	
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
nav a:last-child {margin-right:0;}
nav a:hover {color:#E82222;}
nav a.on_nav {color:#E82222;}

nav ul {display: flex; justify-content: space-between;}
nav ul.one_depth li {position:relative;}
nav ul.two_depth {
    display: none;
    flex-direction: column;
    position: absolute;
    right: 0%;
    top: 100%;
    width: 433.8%;
    text-align: left;
    transform: unset;
    padding: 0 2rem;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: #FFF;
    transform: translateX(20px);
}
nav ul.two_depth li {
    background: #fff;
    padding: 1.6rem 0rem;
    border-bottom: 1px solid #EEE;
    box-sizing: border-box;
    text-align: left;
    color: #222;
    font-family: Outfit;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.6rem;
    letter-spacing: 0.72px;
	text-align: right;
}
nav ul.one_depth>li:hover ul.two_depth  {display:flex;}
nav ul.two_depth li:last-child {border-bottom:none;}
.lang {padding: 1.1rem 2.3rem; border: 1px solid rgba(0, 0, 0, 0.1);}
.lang ul {display:flex;}
.lang ul li {
	font-family: 'Outfit', sans-serif;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 2.2rem;
	letter-spacing: 0.02em;
	text-align: left;
	opacity:0.3;	
	margin-left:1rem;
}
.lang ul li.active {color:#006FBC; opacity:1;}
.lang ul li:last-child {margin-left:0;}
.lang ul li:hover {color:#006FBC; opacity:1;}



p.contactBoxTitle {
	color: #fff;
	font-weight: 700;
    font-size: 2.6rem;
    line-height: 2.6rem;
	margin-bottom:2rem;
	text-align: right;
}

.contact_list {padding-bottom: 4rem; padding-top: 4rem; border-bottom: 1px solid rgba(255,255,255,0.1);}
.contact_list:first-child {padding-top:0;}
.contact_list:last-child {padding-bottom:0; margin-bottom:0; border-bottom:none;}

.contact_list ul {display: flex; flex-direction: column; justify-content: space-between;}
.contact_list li {width: 100%; display: flex; margin-bottom:2rem; justify-content: space-between;}
.contact_list li:last-child {margin-bottom:0;}
.contact_list .dtgroup {width: 100%; display: flex; justify-content: space-between;}
.contact_list .c_name {
	color:#fff;
	width:14.1rem;
	font-size: 2rem;
	font-weight: 600;
	line-height: 2.4rem;
}
.contact_list .c_email {
	font-family: "Outfit";
	font-size: 2rem;
	font-weight: 400;
	line-height: 2.4rem;
	letter-spacing: 0em;
	text-align: right;
	color:#fff;
}
.contact_list:hover .c_email {text-decoration: underline;}
.contact_list .c_tel {
	font-family: "Outfit";
	color:#fff;
	font-size: 2rem;
	font-weight: 400;
	line-height: 2.4rem;
	text-align: right;
	padding-left:2rem;
}


/* == 새로운 컨텐정보 영역 == */
.he_nmloWrap{padding:0rem 0rem;width:100%;height:100%;position:relative;}
.he_nmlobox {margin: 0 0 4rem 0;width: 100%;position: relative;border-bottom: 1px solid rgba(255,255,255,0.1);padding: 0 0 4rem 0;min-height: 24.9rem;display: flex;}
.he_nmlobox:nth-child(2){margin: 0 0 0 0;padding: 0 0 0 0;border-bottom:none;}
.he_nmletext {width:30%;min-height: 24.9rem;position: relative;height: 100%;display: flex;align-items: center;justify-content: flex-start;color: #fff;font-family: Pretendard;font-size:2.6rem;font-style: normal;font-weight: 700;line-height: 2.6rem;text-transform: uppercase;}
.he_nmrightinfo {width:70%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.he_nmlitem {width:100%;display: flex;height: 50%;position: relative;align-items: center;justify-content: flex-start;}
.he_nmlborb{border-bottom:1px solid rgba(255,255,255,0.1);}
.he_nmlitem span{width:9rem;margin-right:2rem;display:inline-block;color: #fff;font-family: Pretendard;font-size: 2rem;font-style: normal;font-weight: 700;line-height:2.4rem;}
.he_nmlitem span img{height:1.4rem;}
.he_nmlitem dd{display:inline-block;padding:0;margin:0;}
.atfl {
    flex-direction: row-reverse;
    display: flex!important;
}
.he_nmlitem strong{display:inline-block;color: #fff;font-family: Pretendard;font-size: 2rem;font-style: normal;font-weight: 400;line-height:2.4rem;}
.he_nmlitem a{display:inline-block;color: #fff;font-family: Pretendard;font-size: 2rem;font-style: normal;font-weight: 400;line-height:2.4rem;}
@media (max-width:991px) {
	.he_nmlobox {margin: 0 0 3rem 0;    padding: 0 0 3rem 0;min-height: auto;display: block;}
	.he_nmletext {margin-bottom: 2rem;width: 100%;min-height: auto;display: block;font-size: 2rem;line-height: 2.4rem;}
	.he_nmlborb {margin-bottom:1.4rem;border-bottom: none;}
	.he_nmrightinfo {width: 100%;}
	.he_nmlitem span {width: 6rem;margin-right: 1rem;font-size: 1.6rem;line-height: 2rem;}
	.he_nmlitem strong {font-size: 1.6rem;line-height: 2rem;}
	.he_nmlitem a {font-size: 1.6rem;line-height: 2rem;}
	.he_nmlitem span img {height: 1.1rem;}
}
@media (max-width:767px) {
	.he_nmletext {margin-bottom: 2.4rem;font-size: 1.8rem;line-height: 2.2rem;}
	.he_nmlobox {margin: 0 0 4rem 0;padding: 0 0 4rem 0;}
	.he_nmlitem span {width: 5rem;margin-right: 1rem;font-size: 1.4rem;line-height: 2rem;}
	.he_nmlitem strong {font-size: 1.4rem;line-height: 2rem;}
	.he_nmlborb {margin-bottom: 1rem;}
	.he_nmlitem a {font-size: 1.4rem;line-height: 2rem;}
}
/* == // 새로운 컨텐정보 영역 == */


/* depth03 */
.depth03 {
    display: flex;
    align-items: flex-start;
    width: auto!important;
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    padding-top: 0.8rem;
}
li.depth03List {
	text-align: left;
    border: none!important;
}
nav ul.two_depth li.depth03List {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: 0.64px;
    padding-bottom: 1.6rem;
	position:relative;
	transition:all 0.3s ease-in-out;
	padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

nav ul.two_depth li.depth03List::before {
	content:'';
	width:0.4rem;
	height:0.4rem;
	border-radius:50%;
	background:#E82222;
	position:absolute;
	left:0;
	top:50%;
	opacity:0;
	transform:translateY(-50%);
	transition: all 0.3s ease-in-out;
}

nav ul.two_depth li.depth03List:hover {
	color: #222!important;
	font-family: Outfit;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2rem;
	letter-spacing: 0.64px;
	padding-left: 1.2rem!important;
}
nav ul.two_depth li.depth03List:hover::before {opacity:1;}

/* +++ // 모바일 메뉴 START ~+++ */
aside {
    top: 0;
    z-index: 400;
    left: 0rem;
    cursor: pointer;
    position: fixed;
}
.redBox {
    top: 0;
    right: 0;
    width: 10rem;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    background: #E82222;
    padding: 4.4rem 3.6rem;
    height: 10rem;
	z-index:1;
	transition: all 0.5s ease-in-out;
}
.redBox .side_menuBtn {
    width: 100%;
    height: 100%;
	cursor: pointer;
	position:relative;
}
.side_menu.contact {right: 0%; height: 100%; transition: all 0.5s ease-in-out; position: relative;}
.side_menu.contact {left: inherit; right: 0; transform: inherit;}
.side_menu.contact.is_active {transform: inherit;}
.contact_side {background: #006FBC; position: relative;}
.contactWrap {
    top: 0;
    right: 200%;
    width: 60rem;
    height: 100vh;
    position: absolute;
    background: #006FBC;
    padding: 4rem 6rem 0rem 6rem;
    transform: translateX(10rem);
}
.side_menuBtnInner {width: 100%; height: 100%; position: relative;}
.side_menuBtn span {
    right: 0;
	width: 100%;
	width: auto;
    height: 0.2rem;
    background: #FFF;
    position: absolute;
	border-radius: 2px;
    transition: all 0.3s;
}
.side_menuBtn span:nth-child(1) {top:0; width:100%;}
.side_menuBtn span:nth-child(2) {bottom:0; width:64%; left:0;}

.redBox.side_menuBtn.is_active.side_menuBtn span:nth-child(1) {top: 0; width: 100%; transform: rotate(45deg);}
.redBox.side_menuBtn.is_active.side_menuBtn span:nth-child(2) {left: 0; width: 100%; bottom: inherit; word-break: keep-all; transform: rotateZ(-45deg);}

.side_menuBtn.blueBox {
	left: 0;
    top: 0rem;
	width: 10rem;
    height: 30rem;
    background: #006FBC;
    padding: 12rem 3.8rem 4rem;
}

.blueBox .bBtitle {
    font-family: 'Outfit';
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.4rem;
    letter-spacing: 0.11em;
    text-align: right;
    color: #fff;
    writing-mode: vertical-rl;
    text-transform: uppercase;
	transform:rotateZ(180deg);
}
.side {
	top: 0; 
	z-index:500;
	right:-100%;
	width: 66.7%;
	height: 100vh; 
	position: fixed; 
	background: #FFF;
	word-break: keep-all;
	transition:all 0.8s ease-in-out;
}
.is_active .side {right: 0;box-shadow: 0 0 110px rgb(0 0 0 / 50%);}
.side_menu_Btn.fix {position: absolute; right:2.1rem; top: 2.1rem;}
.side_cont_inner {width: 100%; height: 100%; padding: 0 2rem; padding: 7.8rem 2rem 0;}
p.menu01_h {font-size: 1.8rem; font-weight: 600; line-height: 2.4rem; letter-spacing: 0.02em; text-align: left; color: #111;}
li.menu01 {padding: 1.5rem 0;}
li.menu01:last-child {border-bottom:none;}
.side_menu_BG {
	top:0;
	opacity: 0;
	z-index:-10;
    width: 100%;
    height: 100vh;
	position: fixed;
    background: rgba(0,0,0,0.5);
	transition:all 0.8s ease-in-out;
}
.side_menu_BG.showBg {display:block; z-index: 10;opacity: 1;top:10rem;}
.ConcloseBtn {
    top: 0;
    opacity: 0;
    right: 4rem;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: 4rem;
    position: relative;
    position: absolute;
}
.ConcloseBtn span {width:100%; height:1px; background:#fff; position:absolute;}
.mo_only.ConcloseBtn span {position:absolute; top:0.4rem!important; max-width:1.2rem; max-height:1.2rem;}
.ConcloseBtn span:nth-child(1) {top: 0; width: 100%; transform: rotate(45deg);}
.ConcloseBtn span:nth-child(2) {
    left: 0;
	width: 100%;
	bottom: inherit;
	word-break: keep-all;
    transform: rotateZ(-45deg);
}
.is_active .ConcloseBtn {opacity:1;}
/* .side_menu.contact.is_active {transform: translateX(-60rem);} */
.side_menu.contact.is_active {transform: translateX(60rem);}
/* .redBox.is_active {transform: translateX(-60rem);} */
.redBox.is_active {transform: translateX(60rem);}
/* .mo_menu.active {transform: translateX(-60rem);} */
.mo_menu.active {transform: translateX(60rem);}
.mo_menu {
    top: 0;
	right: 100%;
    width: 60rem;
	z-index: 11;
    height: 100vh;
	position: absolute;
    background: #FFF;
	transition: all 0.5s ease-in-out;
}
.mo_menuDim {
    position: absolute;
    left: 0rem;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #888;
    opacity: 0;
    z-index: -20;
}


@media (max-width:991px) {
	header {background: #FFF; width:100vw;}
	.logo {width:auto; height:2rem; max-height:2.4rem;}
	.gnb {display:none;}
	.lang {
		display: none;
		padding: 0;
		border: none;
		border-bottom: 1px solid #EEE;
	}
	.lang ul {
		display: flex;
		padding: 2.3rem 2.5rem!important;
		justify-content: space-between;
	}
	.side_menu_Btn {display:block; height: 2.2rem; right: 0rem; width: 2.2rem; position:relative; top:0;}
	.header_inner {padding: 2.5rem 2rem;}
	.side_menu_Btn, .side_cont_wrap {display:block;} 
	
	.redBox {width: 7rem; height: 7rem; padding: 2.8rem 2.2rem;}
	.redBox.is_active {transform: translateX(32.5rem);}
	
	.mo_menu.active {transform: translateX(100%); overflow: scroll;}
	
	.mo_menu {-ms-overflow-style: none; scrollbar-width: none;}
	.mo_menu::-webkit-scrollbar {display: none;}



	.side_menu.contact.is_active {left: 0rem; transform: translateX(0);}
	.side_menu.contact.is_active {transform: translateX(-100vw);}
	.contactWrap {
		top: 0;
		left: -3rem;
		width: 325px;
		background: #006FBC;
		box-sizing: border-box;
		height: calc(100vh - 5rem);
		padding: 5rem 2.4rem 5rem 2.4rem;
		transform: unset;
		left: unset;
		left: 0;
	}
	
	.contactWrap {
		left: 0;
		overflow: scroll;
		transform: translateX(-100%);
	}
	
	.contactWrap {
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
	}
	.contactWrap::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Opera*/
	}

	.side_menu.contact.is_active {
		left: 0rem;
		transform: translateX(32rem);
	}

	.side_menuBtn.blueBox {width:auto; min-width:7rem; height: 16rem; padding: 6.5rem 0.8rem 2rem; position: absolute; left: 0rem; display: flex; justify-content: center; }
	
	
	.side_menu.contact.is_active {left: 0rem; transform: translateX(32.5rem);}
	.blueBox .bBtitle {
		font-size: 1.6rem;
		line-height: 1.4rem;
		letter-spacing: 0.11em;
		transform: rotateZ(180deg) translateX(50%) translateY(21%);
	}
	.contact_list li {flex-direction: column;}
	.contact_list .dtgroup {
		display: flex;
		margin-top: 0rem;
		flex-direction: column;
		align-items: flex-start;
	}
	.mo_only.ConcloseBtn {
		top: 0;
		right: 0;
		margin: 0;
		opacity: 1;
		width: 7.2rem;
		height: 7.2rem;
		position: absolute;
	}
	.mo_only.ConcloseBtn>div {
		right: 0;
		top: 3.4rem;
		width: 1.2rem;
		right: 2.4rem;
		height: 1.2rem;
		position: absolute;
	}
	nav {display:none;}
	.mo_menu {width:32.5rem;}
	.ConcloseBtn {right:0; margin-top: -4rem; position:relative; transform: translateX(46%);}
	#about_Why .swiper-slide {max-width: inherit;}
	.contactWrap {
		right: 100%;
		left: 0;
		transform: none;
	}
	
	
	p.contactBoxTitle {
		font-size: 2rem;
		line-height: 2.4rem;
		margin-bottom: 1.6rem;
	}
	.contact_list .c_name {
		font-size: 1.8rem;
		line-height: 1.6rem;
		margin-bottom: 1.4rem;
	}
	.contact_list .c_email {
		text-align: left;
		font-size: 1.6rem;
		line-height: 1.6rem;
		margin-bottom: 1.2rem;
	}
	.contact_list .c_tel {
		text-align: left;
		font-size: 1.6rem;
		line-height: 1.6rem;
	}
}

@media (max-width:767px) {


	.header_inner {padding:1.8rem 2rem;}
	.logo {height:1.4rem;}
	
	.redBox {width:5rem; height: 5rem; padding:2.1rem 1.8rem;}
	.side_menuBtn.blueBox {min-width:5rem;}
	
	.lang ul {
		display: flex;
		padding: 1.4rem 2.5rem!important;
		justify-content: space-between;
	}
	
	
	
	.side_cont_inner {width: 100%; height: 100%; padding: 0 2rem; padding: 2rem 2rem 0;}
	.contactWrap {right:5rem; overflow: scroll;}
	
	.contactWrap {
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
	}
	.contactWrap::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Opera*/
	}
	
	.contact_list {
		padding-bottom: 2.2rem;
		padding-top: 2.2rem;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	p.contactBoxTitle {
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 2.2rem;
		margin-bottom: 1.4rem;
	}
	.contact_list .dtgroup {
		display: block;
	}
	.contact_list .c_name {
		font-size: 1.6rem;
		line-height: 1.4rem;
		margin-bottom: 1.2rem;
	}
	.contact_list .c_email {
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.4rem;
		margin-bottom: 1rem;
	}
	.contact_list .c_tel {
		padding-top: 1.4rem;
		padding-left: 0rem;
		text-align: left;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.4rem;
	}
	
}
/* +++ // ~ 모바일 메뉴 END +++ */
/* ::::::::: // header END ::::::::: */

/* ::::::::: Footer START ~ ::::::::: */

.footerInner {
	font-family: 'Pretendard';
    width: 100%;
    margin: 0 auto;
	max-width: 168rem;
    padding: 4rem 2rem 8rem;
}
.f_logo {
    width: 25.9rem;
    height: 2.4rem;
    margin-bottom: 0rem;
    margin: 0 0 0 auto;
}
.f_logo img {width:100%; height:auto;}

.footerBox {position: relative;}
.footerBox ul {
    width: 100%;
    display: flex;
    margin-top: 4.2rem;
    /* align-items: flex-start; */
    /* justify-content: flex-end; */
    /* flex-direction: row-reverse; */
}
.footerBox ul li {
    position: relative;
    padding-left: 6.1rem;
    display: flex;
    /* flex-direction: row-reverse; */
}
.footerBox ul li:last-child {
    padding-left: 0;
}
.footerBox ul li::before {
    content: '';
    width: 0.1rem;
    height: 1.4rem;
    background: #D9D9D9;
    position: absolute;
    top: 1rem;
	left: 3rem;
    transform: translateY(-50%);
}
.footerBox ul li:last-child::before {display:none;}
.footerBox .bold {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.2rem;
	color:#222;
	padding-left:2rem;
}
.numfl {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.footerBox .add {
	color:#666;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 2.2rem;
	font-family: Pretendard;
}

.f_list {margin-bottom: 4rem;}

address span {
    font-weight: 600;
	font-size: 1.5rem;
    line-height: 2.2rem;
    margin-left: 1rem;
}
address div {display: flex; align-items: center; margin-bottom: 1rem;}
address div:last-child {margin-bottom:0;}


@media (max-width:991px) {
	address div {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 1.2rem;
	}
	.footerBox .add {font-size: 1.2rem;}
}


/* ============== */
.f_listRight {
    left: 0;
    top: -1.5rem;
    display: flex;
    position: absolute;
    align-items: center;
    /* flex-direction: row-reverse; */
}

.pprivercy {
    cursor: pointer;
    color: #006FBC;
    font-family: "Pretendard";
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.2rem;
    margin-left: 3rem;
    padding: 1.6rem 0;
    display: inline-block;
}
.fGroup {display: flex; align-items: center;}
.sub_top_menu.depth01 {border: 1px solid #DDD; display: inline-block; position:relative;}
.sub_top_menu.depth01 a {width: 100%; text-align: center;}
.s_top_menu_txt {
    height: auto;
    display: flex;
	width: 21.3rem;
    position: relative;
    align-items: center;
    padding: 1.6rem 2.4rem;
    justify-content: flex-start;
}
.depth_sub ul li {
    width: 100%;
	padding: 1rem 0;
    border-top: none;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
}
.depth_sub.depth01 ul {
	top: 100%;
    display: flex;
	box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
	border: 1px solid #f6f6f6;
}
.depth_sub ul li:before{
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	position:absolute;
	border: 1px solid #EEE;
	box-sizing: border-box;
	border-bottom: none!important;
}
.depth_sub {display:none;}
.depth_sub ul li:hover {background-color:#FAFAFA;}

.sub_top_menu.depth01:hover .depth_sub.depth01 {position: absolute; display: block; width: 100%; bottom: 100%;}
.depth_sub.depth01 ul {margin-top:0;}
.depth_sub.depth01 ul li {
    padding: 1rem 2rem!important;
    justify-content: flex-end;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: 0.04em;
    text-align: right;
    width: 100%;
    color: #666;
    position: relative;
    text-transform: uppercase;
}

.fsite {
	font-family: 'Outfit';
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.2rem;
	letter-spacing: 0.04em;
	text-align: right;
	
	width:100%;
	color: #666;
	position:relative;
	text-transform: uppercase;
}
.fsite::before {
	left: 0;
    top: 50%;
    content: '';
    width: 1.4rem;
    height: 0.8rem;
	position: absolute;
	transition:all 0.3s ease-in-out;
	transform: translateY(-50%) rotate(180deg);
    background: url(/public/img/arrow_down.png) no-repeat center / cover;
}
.sub_top_menu.depth01:hover .fsite::before {transform: translateY(-50%) rotate(0);}
.facebook {width: 5.4rem; height: 5.4rem; margin-right: 1rem;}
.facebook img {width:100%; height:auto;}

.copy {
	color:#AAA;
	text-align: right;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 2.2rem;
	letter-spacing: 0.02em;
}

@media (max-width:991px) {
	.footerInner {padding:3rem 2rem 8rem;}
	.footerBox {padding: 0rem 0 3rem 0;}
	.footerBox .bold {
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 2rem;
		padding-right: 0;
		padding-bottom: 1rem;
	}
	.footerBox ul li {
		width: 100%;
		display: flex;
		padding: 2rem 0;
		list-style: none;
		text-align: right;
		flex-direction: column;
		padding-left: 0!important;
		border-bottom: 1px solid #222;
	}
	.footerBox ul li:first-child {padding-top: 0;}
	.footerBox ul li:last-child {padding-bottom: 0; border-bottom:none;}
	.footerBox li:nth-child(2) {padding:1.6rem 0;}
	.footerBox li p {font-size: 1.3rem; line-height: 1.6rem; padding-left: 0rem; padding-bottom:0.6rem;}
	.footerBox li::before {display:none;}
	
	address span {text-align: right; margin: 0; width: 100%;}
	
	.copy {font-size: 1.3rem; line-height: 2.2rem;}
	
	.footerBox ul { margin-top: 0; flex-direction: column; align-items: flex-start;}
	.f_listRight {position:relative; top:0; align-items: flex-start; flex-direction: column;}
	
	.pprivercy {font-size: 1.8rem; line-height: 2rem; margin-right: 1rem; padding: 0rem 0 1.6rem; text-align: right; margin: 0 0 0 auto;}
	.s_top_menu_txt {padding: 1.6rem 2rem; width: 100%;}
	
	.f_logo {width:15.6rem; height:1.4rem; margin-bottom:3rem;}
	.fsite {font-size: 1.3rem; font-weight: 400; line-height: 1.8rem; letter-spacing: 0.04em;}
	.facebook {width: 5rem; height: 5rem; margin-left: 1rem;}	
	.f_list {margin-bottom: 3rem;}
	
	.fGroup {width:100%;}
	.sub_top_menu.depth01 {width:100%;}
	
	.depth_sub.depth01 ul li {
		font-size: 1.3rem;
		font-weight: 400;
		line-height: 1.8rem;
		letter-spacing: 0.04em;
	}
}


@media (max-width:767px) {
	.footerInner {padding:3rem 2rem 6rem;}
	.copy {font-size: 1.1rem; line-height: 1.6rem; letter-spacing: 0.02em;}
}
/* ::::::::: // ~ Footer END ::::::::: */

/* 견적/제휴 문의 */
.contact {background:url(/public/img/main/ar-contact_bg.jpg) no-repeat center / cover;}
.contact .mainInner {margin: 0 auto; max-width: 156rem; padding: 10.8rem 2rem;}

.contStitle {
    font-family: 'Outfit';
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: 0.04em;
    margin-bottom: 2rem;
    text-transform: capitalize;
	overflow:hidden;
	text-align: right;
}
.contaTitle {
	text-align: right;
	font-size: 5.4rem;
	font-weight: 700;
	line-height: 7rem;
	overflow:hidden;
}
.contBtn {
	width: 34rem;
	margin-top: 3.9rem;
    position: relative;
    border: 1px solid #222;
    display: inline-block;
}
.contBtn p {
    font-size: 2rem;
    font-weight: 500;
    line-height: 3.5rem;
    margin: 1.5rem 3rem;
    position: relative;
	text-align: right;
}
.contBtn p::before {
    content: '';
    left: 0;
    top: 50%;
    width: 2.4rem;
    height: 1.3rem;
    position: absolute;
    transform: translateY(-50%) scaleX(-1);
    background: url(/public/img/main/inno_right_black.png) no-repeat right / cover;
}
.cb {
    display: flex;
    justify-content: flex-start;
}

@media (max-width:991px) {
	.contact {background:url(/public/img/main/ar-contact_bg_mo.jpg) no-repeat center / cover;}
	.contact .mainInner {padding: 10rem 2rem; text-align: left;} 
}
@media (max-width:767px) {.contact .mainInner {padding: 6rem 2rem;}}
/* // 견적/제휴 문의 END */

/* 사이트맵 */
.scrollTop {
	width: 7rem;
	height: 7rem;
	display: flex;
	align-items: center;    text-align: right;
	justify-content: center;
}
.scrollTop figure {width:2.4rem; height:2.1rem;}
.scrollTop figure img {width:100%; height:auto;}

#color .mainInner {padding: 15rem 2rem 10rem; max-width: 156rem; margin-top: 8rem; margin: 0 auto;}
.colorTitleBox {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}
.sitemap {width: 100%; display: flex; margin-top: 10rem;}
.sitemapBox {
	width: calc(100%/4);
	padding-bottom: 3rem;
	padding: 0 5rem 3rem;
	border-left: 1px solid #222;
}
.colorTitle {
	color: #006FBC;
	font-weight: 700;
	font-size: 6.2rem;
	line-height: 7.8rem;
	letter-spacing: 0.04em;
	text-transform:uppercase;
	font-family: 'Outfit', sans-serif;
}
.siteTitle {
	text-align: right;
	font-weight: 600;
	font-size: 2.2rem;
	line-height: 3rem;
	margin-bottom:3rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.sitemapBox ul li {
	font-family: 'Outfit';
	font-size: 2rem;
	font-weight: 400;
	line-height: 2.4rem;
	margin-bottom:1.4rem;
	letter-spacing: 0.04em;
	position:relative;
	transition: all 0.2s ease-in-out;
}
.fhi{
	position:relative;
	transition: all 0.2s ease-in-out;
}
.sitemapBox ul li:last-child {margin-bottom:0;}
.sitemapBox ul li:hover {padding-left:1.2rem;}
.sitemapBox ul li .fhi:hover {font-family: 'Outfit'; font-weight: 600;}
.sitemapBox ul li:hover::before {
	left:0;
	top:1rem;
	content:'';
	width:0.4rem;
	height:0.4rem;
	background:#E82222;
	position:absolute;
	border-radius:50%;
	/* transform:translateY(-50%); */
}
.sitemapBox ul li a {width:100%; display:block; text-align: right;}
.colorTitle span {
	color: #999;
	color: #E82222;
	text-align: right;
	font-family: 'Outfit';
	font-size: 6.2rem;
	font-weight: 700;
	line-height: 7.8rem;
	letter-spacing: 0.04em;
}

.fslink{display:block;
margin-top:1.1rem;}
.fslink a {
	letter-spacing: 0.64px;
    font-weight: 400;
    font-size: 1.6rem!important;
    line-height: 1.8rem!important;
}
.fslink a:hover{
	font-weight:600;
	
}
	
@media (max-width:991px) {
	#color .mainInner {padding:8rem 2rem; margin-top:0rem;}
	.sitemapBox {width: 100%; padding: 2rem 0; border-left: unset; border-bottom: 1px solid #222;}
	.sitemapBox:last-child {border-bottom: none;}
	
	.sitemap {width: 100%; display: flex; margin-top: 4rem; flex-direction: column; border-top: 1px solid #222;}
	.sitemapBox ul, .siteTitle {padding-left:0;  margin-bottom: 0;}
	.sitemapBox ul {margin-top:1rem;}
	.siteTitle {
		padding-left: 0;
		margin-bottom: 0;
		font-family: Outfit;
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 2.4rem;
		letter-spacing: 0.04em;
	}
	.sitemapBox ul {margin-top:2rem;}
	.footerBox .add {color:#666; font-size: 1.5rem; padding-top:0.4rem; padding-bottom:0;}
	.contStitle {font-size: 1.8rem; line-height: 2.4rem; letter-spacing: 0.04em; margin-bottom:2rem;}
	.contaTitle {font-size: 3rem; line-height: 4.8rem;}
	.contBtn {width:23rem; margin-top:3rem;}
	.contBtn p {font-size: 1.4rem; line-height: 2.3rem; margin: 1rem 1.6rem;}
	.colorTitle {font-size: 4.2rem; line-height: 4.8rem;}
	.colorTitle span {font-size: 4.2rem; line-height: 4.8rem;}
	
	.scrollTop {display:none;}
	.scrollTop figure {width:1.4rem; height:1.1rem;}
}

@media (max-width:767px) {
	.contaTitle {font-size: 3rem; line-height: 4.8rem; font-size: 2.4rem; line-height: 3.2rem;}
	.cb {display: flex; align-items: center;}
	.contBtn {text-align: left;display: inline-block;width: 23rem;margin-top: 3rem;}
	#color .mainInner {padding: 6rem 2rem 3rem;}
	.colorTitle, .colorTitle span {font-weight: 700; font-size: 3.2rem; line-height: 3.8rem; letter-spacing: 0.04em;}
	.colorTitle span {display: block;}
	.sitemapBox {padding:2.1rem 0;}
	.sitemapBox ul li {margin-bottom: 0.8rem; font-size: 1.4rem;}
	.footerBox .add {font-size: 1.2rem; line-height: 1.6rem;}
	
	.contBtn p::before {width: 1.7rem; height: 0.9rem;}
	
	.sitemapBox ul {
		margin-top: 1rem;
	}
	.fslink {
		display: block;
		margin-top: 0.8rem;
	}
	.fslink a {
		letter-spacing: 0.64px;
		font-weight: 400;
		font-size: 1.2rem!important;
		line-height: 1.4rem!important;
	}
	
}
/* // 사이트맵 */

.mo_menu {padding:6rem;}
.mo_one_depth {
    height: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.mo_one_depth::-webkit-scrollbar {
    display: none; 
}
.mo_one_depth>li {padding: 3.6rem 0; font-weight: 700; font-size: 2.6rem; line-height: 2.6rem; border-bottom: 1px solid #222; text-align:right; }
.mo_one_depth>li:first-child {padding-top:0;}
.mo_one_depth>li a {font-weight: 700; font-size: 2.6rem; line-height: 2.6rem;}

/* .mo_menu ul li {font-weight: 700; font-size: 2.6rem; line-height: 2.6rem;} */

ul.mo_two_depth {width: 100%; display: flex; transition: all 0.3s; flex-direction: column; padding: 2rem 0rem 0rem;}
.mo_two_depth>li {padding: 0 0 1rem 0;}
.mo_two_depth>li:last-child {padding-bottom:0;}
ul.mo_two_depth li a {font-family: Outfit; font-size: 2.4rem; font-weight: 400; line-height: 3.8rem; text-align: left; padding-bottom: 1rem;}

.side_menu_Wrap {width: 100%; height: 100%;}
.side_menu_Btn span {
	top: 50%;
    height: 1px;
    width: 100%;
	background: #222;
    position: absolute;
    transform: rotate(-45deg);
}
.side_menu_Btn span:last-child {bottom: 0; transform: rotate(45deg);}
.mo_menu .side_menu_Btn {
	top: 4rem;
	right: 8rem;
    width: 2rem;
    height: 2rem;
	margin: 0 auto;
    position: absolute;
}
.mo_one_depth>li:last-child {border-bottom: none;}

@media (max-width:991px) {
	.mo_one_depth>li a {
		font-weight: 700;
		font-size: 2rem;
		line-height: 2rem;
	}
	.mo_one_depth>li {font-size: 2rem; line-height: 2rem;}
	.mo_menu .side_menu_Btn {top:2rem; right:2rem;}
	.mo_menu ul {padding: 3rem 2.5rem; overflow:unset; height: auto;}
	.mo_menu {padding:0;}
	
	.mo_one_depth>li {padding:2.2rem 0;}
	li.opne .turf {color: #E82222; padding-bottom: 2rem;}
	
	ul.mo_two_depth {height: 0; padding:0; overflow: hidden; margin:0rem 0rem 0;}
	li.opne .mo_two_depth {height: auto; margin:0rem 0rem 0;}
	ul.mo_two_depth li {font-size: 1.6rem; line-height:3rem; margin-bottom: 0rem; margin-bottom:0rem;}
	
	
	ul.mo_two_depth li a {font-size: 1.6rem; line-height: 3rem; padding-bottom: 1rem;}
}
@media (max-width:767px) {
	.contactWrap {padding-top:4rem;}
	/* .mo_menu ul {padding: 5.4rem 2.4rem;} */
	/* ul.mo_two_depth {padding:0;} */
	.mo_one_depth>li a {font-size: 2rem;}
	.mo_one_depth>li {font-size: 2rem; line-height: 2.6rem;}
}