*{box-sizing:border-box;}
div {box-sizing:border-box; transition:all 0.2s ease-in-out;}
header {transition:all 0.2s ease-in;}

html {font-size:62.5%; color: #111; font-family: 'Pretendard';-webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{ margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block;}
html {height:auto;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;color:#231815;}
a:hover {text-decoration:none;}
legend, caption, hr {display:none;}
em {font-style:normal; color:#f37321;}
img {vertical-align:top;max-width: 100%;}
input {vertical-align:middle;}
body {width:100%;height:auto;font-family: 'Pretendard';background:#fff;}
input,textarea,button,select{ font-family: 'Pretendard';}

@media (max-width: 1500px) and (min-width: 992px) {
	html {font-size: 54.5%;}
}


.mo_only, .mo_br {display:none!important;}

.overhidden {overflow:hidden;}

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600&display=swap');



/* @media (max-width:1500px) and (min-width:992px) {html {font-size: 53.5%;}} */


@media (max-width:767px) {
	.mo_only, .mo_br {display:block!important;}
	.pc_only, .pc_br {display:none!important;}
}



/* ::::::::: header START ::::::::: */
header {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    position: fixed;
    transition: all 0.3s ease-in-out;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%);
}
header.back {left: 0; top: 0; z-index: 500; position: fixed;}
header.change {background: #fff;}
.header_inner {
    width: 100%;
    padding: 1.6rem 6rem;
    display: flex;
    margin: 0 auto;
    max-width: 100%;
    align-items: center;
    justify-content: space-between;
	position:relative;
}
.logo {width: auto; height: 8.8rem; max-height: unset;}
.logo img {width:auto; height:100%;}

.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;}

.gnb {
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 70%;
    display: flex;
    justify-content: center;
    padding: 0 2rem;
}
.gnb ul {display:flex;}
.gnb ul li{margin-right: 6rem; position:relative;}
.gnb ul li::before {
    content: '';
    width: 0;
    height: 1px;
    background: #FFF;
    position: absolute;
    left: 50%;
    bottom: -0.8rem;
    transform: translateX(-50%);
	transition:all 0.3s ease-in-out;
}

.gnb ul li a {color: #FFF; font-size: 1.9rem; line-height: 2.2rem; font-family: "Pretendard-Bold";}
.gnb ul li:last-child {margin-right:0;}
.gnb ul li:hover {color:#282D97;}
.gnb ul li:hover::before {width:100%;}
.gnb_color {color:#FF6C3E!important;}

.hrightBox {
    right: 0;
    top: 50%;
    display: flex;
    position: absolute;
	align-items: center;
    transform: translateY(-50%);
}
.lang {
    color: #FFF;
    text-align: right;
    font-family: 'Gilroy-Bold';
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
    padding-right: 2.2rem;
    position: relative;
    opacity: 1;
    z-index: 10;
    cursor: pointer;
}

.lang::before {
	content:'';
	width:1.2rem;
	height:0.8rem;
	position:absolute;
	right:0;
	top:55%;
	transform:translateY(-50%);
	background:url(../img/langArrowhite.png) no-repeat center / cover;
}
.change .gnb ul li a {color:#333;}
.bluelogo {display:none;}

.change .whitelogo {display:none;}
.change .bluelogo {display:block;}
.change .lang {color:#111;}
.change .lang::before {background:url(../img/langArroblack.png) no-repeat center / cover}

.change .gnb ul li:hover a {color:#093C71;}
.change .gnb ul li::before {height: 2px; background: #093C71;}

.langBox.show {opacity:1;}
.langBox {
    overflow: hidden;
    position: absolute;
    transition: all 0.3s ease-in-out;
    width: 8.6rem;
    text-align: left;
    padding: 0;
    background: #FFF;
    padding: 0.6rem 1.4rem;
    left: 50%;
    transform: translateX(-50%);
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: #FFF;
	margin-top: 1rem;
	opacity:0;
}
.langBox .langBoxTxt {color: #111; font-family: "Gilroy"; font-size: 1.6rem; line-height: 2.8rem;}
.langBox .langBoxTxt:hover {font-family: "Gilroy-Bold";}
.langBox a:first-child .langBoxTxt {padding-bottom: 0.4rem; border-bottom: 1px solid #EEE; margin-bottom: 0.4rem;}

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


/* +++ // 모바일 메뉴 START ~+++ */
.side_menu_Btn, .side_cont_wrap {display:none; cursor:pointer;} 
.side_menu_Btn span {
    right: 0;
	width: 100%;
    height: 0.2rem;
    background: #FFF;
    position: absolute;

    transition: all 0.3s;
}
.side_menu_Btn span.black {background:#222;}
.side_menu_Btn span:nth-child(1) {top:0.8rem; width:100%;}
.side_menu_Btn span:nth-child(2) {top:1.4rem; width:100%; left:0;}
.side_menu_Btn span:nth-child(3) {bottom:0%; width:100%;}

.side_menu_Btn.fix span:nth-child(1) {top:1rem; transform:rotateZ(-45deg);}
.side_menu_Btn.fix span:nth-child(2) {opacity:0;}
.side_menu_Btn.fix span:nth-child(3) {bottom: 1rem;transform: rotateZ(45deg); right:0; }

.side {
	background: #FFF;
	height: 100vh; 
	width: 66.7%; 
	position: fixed; 
	top: 0; right:-100%; 
	z-index:500;
	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: 7.8rem 3rem 0;
}
p.menu01_h {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.4rem;
    letter-spacing: 0.02em;
    text-align: left;
    color: #111;
}
li.menu01 {padding: 2rem 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;
}

.sidecloseBtn {width:5rem; height:5rem; position:absolute; right:2rem; top:2rem; cursor:pointer;}
.sidecloseBtn img {width: 100%; height: auto; vertical-align: bottom;}

.side_menu_BG.showBg { display:none; z-index: 490;opacity: 1;top:0;}
.comMenuWrap.up_header {top: 3rem;}

@media (max-width:1500px) and (min-width:992px) {
	.logo {height: 7.8rem;}
	.gnb ul li {margin-right: 5rem;}
	.lang {font-size:1.5rem;}
	
	.gnb ul li a {font-size: 1.9rem; line-height: 2.2rem;}
}


@media (max-width:991px) {
	.gnb {display:none;}
	.side_menu_Btn {top: 0; display: block; height: 9.8rem; right: 0rem; width: 8.8rem; position: absolute; background: url(../img/taean/common/hammenuBtn.png) no-repeat center / cover;}
	.change .side_menu_Btn {background: url(../img/taean/common/hammenuBtn-blue.png) no-repeat center / cover;}
	.header_inner {padding:2rem;}
	.side_menu_Btn, .side_cont_wrap {display:block;} 
	.side_menu_BG.showBg {display:block;}
	.lang {display:none;}
	.logo {width: auto; height: 5.8rem;}
}
@media (max-width:767px) {
	.header_inner {padding:1.2rem 2rem;}
	.logo {height:4.8rem;}
	.side_cont_inner { width: 100%; height: 100%; padding: 0 2rem; padding: 5rem 2rem 0;}
	.side_menu_Btn {top: 0; display: block; height: 7.2rem; right: 0rem; width: 7.2rem;}
	.sidecloseBtn {width: 4rem; height: 4rem; right: 1rem; top: 1rem;}
	
	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.2rem 0;}
}
/* +++ // ~ 모바일 메뉴 END +++ */
/* ::::::::: // header END ::::::::: */



/* ::::::::: Footer START ~ ::::::::: */
footer {background: #06566f; padding: 6rem 0 5rem; position:relative;}

.goUpBtn {
    cursor: pointer;
    width: 7rem;
    height: 7rem;
    position: fixed;
    right: 2rem;
    bottom: 0;
    margin-bottom: 2rem;
    background: url(../img/topArrow.png) no-repeat center / cover;
    z-index: 30;
}

.footerInner {max-width:160rem; margin:0 auto; padding:0 2rem; position:relative;}
.footerTop {padding-bottom:4rem;}
.flogo {display:block; margin-bottom: 4rem;}
.flogo img {max-width:100%; height: 8.8rem;}
.footerTopUl {display:flex;}
.mbottom {margin-bottom:1.2rem;}
.footerTopUl li {display:flex; position:relative;font-family: 'Pretendard';
	font-weight: 400; padding-right:3rem; margin-right:3rem; color: #FFF; font-size: 1.5rem; line-height: 2.2rem;}
.footerTopUl li span {font-family: 'Pretendard-Bold';
	font-weight: 700; margin-right:2rem;}
.footerTopUl li::before {
    content: '';
    width: 1px;
    height: 1.4rem;
    background: rgba(255,255,255,0.2);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.footerTopUl li:last-child {padding-right:0; margin-right:0;}
.footerTopUl li:last-child::before {display:none;}

.snsin {width:3rem; height:3rem; position:absolute; right:2rem; top:0;}
.snsin img {width:100%; height:auto;}

.copmaif {
    display: flex;
    padding-top: 4rem;
    border-top: 1px solid rgb(238 238 238 / 10%);
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
}
.copy {
    color: rgba(255, 255, 255, 0.50);
    font-family: "Pretendard-Light";
	font-weight: 300;
    font-size: 1.5rem;
    line-height: 2rem;
}

.mainfooterlist {
    color: #FFF;
    display: flex;
    text-align: center;
}

.mainfooterlist li {
    padding-right: 4rem;
    position: relative;
}
.mainfooterlist li a{
	font-family: 'Pretendard';
	font-weight: 400;
    line-height: 2.2rem;
    font-size: 1.5rem;
	color:#fff;
}

.mainfooterlist li::before {
    content: '';
    width: 1px;
    height: 1.5rem;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.2);
}

.mainfooterlist li:last-child {padding-right:0;}
.mainfooterlist li:last-child::before {display:none;}

@media (max-width:1500px) and (min-width:992px) {
	footer {padding: 4rem 0 4rem;}
	/* .footerInner {padding: 0 6rem 0;} */
	.snsin {width: 3rem; height: 3rem; right: 6rem;}
	.footerTop {padding-bottom: 3rem;}
	.footerTopUl li {padding-right: 1.8rem; margin-right: 1.8rem; font-size: 1.4rem; line-height: 2rem;}
}


@media (max-width:991px) {
	footer {padding: 5rem 0 3rem;}
	.goUpBtn {display:none;}
	.flogo {
		display: flex;
		margin: 0 auto 4rem;
		justify-content: center;
	}
	.footerTopUl {flex-direction: column; align-items: center;}
	.footerTopUl li {padding-right: 0; margin-right: 0; flex-direction: column; align-items: center; align-items: center; margin-bottom: 2rem;}
	.footerTopUl li p {margin-top: 0.6rem; text-align: center;  text-decoration: none;}
	.footerTopUl li span {margin-right:0;}
	.footerTopUl li::before {display:none;}
	
	.footerTop {padding-bottom: 3rem;}
	.copy {font-size: 1.3rem; line-height: 2.2rem; text-align: center;}
	
	.snsin {
		width: 3rem;
		height: 3rem;
		position: relative;
		right: unset;
		top: unset;
		display: inline-block;
		margin: 2rem auto 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.mainfooterlist {
		width: 29rem;
		justify-content: center;
	}
	.mainfooterlist li {line-height: 2rem; font-size: 1.3rem; width: 50%;}
	.mainfooterlist li::before {right: 0; height: 1.2rem;}
}
@media (max-width:767px) {
	.copmaif {
		display: flex;
		padding-top: 3rem;
		border-top: 1px solid rgb(238 238 238 / 10%);
		align-items: center;
		flex-direction: column;
	}
	.mainfooterlist {
		margin-bottom: 2rem;
		width: 100%;
		justify-content: center;
	}
	.mainfooterlist li::before {
		right: -2rem;
		height: 1.2rem;
	}
	.mainfooterlist li {
		padding-right:0;
		margin-right: 4rem;
		width: auto;
	}
	.mainfooterlist li:last-child {
		margin-right: 0;
		padding-right: 0;
	}
}
/* ::::::::: // ~ Footer END ::::::::: */


#load {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    /* display: block; */
	display:none;
	
    opacity: 0.8;
    background: #fff;
    z-index: 9999;
    text-align: center;
}

#load > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* 이용약관 , 개인정보처리방침 */
.policyContWrap {margin-top:15rem; padding: 0rem 0 12rem;}
.tecontent {
    max-width: 152rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.priv_tit {
    font-family: Pretendard-Bold;
    margin-bottom: 3rem;
    padding: 4.5rem 0 3rem;
    display: block;
    font-size: 4rem;
    font-weight: 400;
    letter-spacing: -1px;
    color: #222;
    border-bottom: 1px solid #222;
}

.priPopUp {display:none; position:relative; top: 0;width: 100%; height: 100vh; position: fixed;}
.priPopUp.show {
    z-index: 40;
	display: flex;
	align-items: center;
    justify-content: center;
}

.priPopUp_BG {
	left:0;
	top:0;
	opacity: 0;
	position:absolute;
	width:100%; height:100%;
    background: rgba(0,0,0,0.5);
    transition: all 0.8s ease-in-out;
}
.priPopUp.show .priPopUp_BG {opacity:1;}




.per_popup {
    width: calc(100% - 4rem);
    max-width: 140rem;
    margin: 0 auto;
	position: relative;
	height: 77%;
	padding: 0 1rem;
	background:#FFF;
}

.open .per_popup {
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #FFF;
}
.per_popupClose {
    top: 0;
    right: 0;
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    transform: translateX(150%);
    cursor: pointer;
}
.per_popupClose img {width:100%; height:auto;}



html.hidden {overflow:hidden;}

.per_popcont {
    position: relative;
    width: 100%;
    height: 86.4%;
    padding: 3rem 5rem;
}
p.tp_toptitle {
    letter-spacing: -0.2px;
    margin: 0px;
    width: 100%;
    padding-bottom: 2rem;
    border-bottom: 1px solid #c4c4c4;
    font-weight: 500;
    color: #333;
    font-size: 2.4rem;
    line-height: 2.6rem;
}

.pop_terms.strong.top {margin: 0px 0 10px 0;}

.pop_terms.strong {
	font-family: Pretendard;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2rem;
	letter-spacing: 0em;
	text-align: left;
}

.per_popup .per_popcont {
    font-family: Pretendard;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.3rem;
    letter-spacing: 0em;
    text-align: left;
    overflow-y: scroll;
    background: #FFF;
	overflow-x: hidden;
}

.per_popup .per_popcont::-webkit-scrollbar {width: 4px;}
.per_popup .per_popcont::-webkit-scrollbar-thumb {height: 4px; background: red; border-radius: 10px; border: 5px solid #888; box-sizing: border-box;}
.per_popup .per_popcont::-webkit-scrollbar-track {background: #FFF;}
.per_popcontTxt {padding: 0; position: relative;}

.closeBtn {right: 6rem; top: 3rem; width: 2rem; height: 2rem; position: absolute; cursor: pointer;}
.closeBtn span {width: 1px; right: 50%; height: 2.6rem; background: #333333; position: absolute;}
.closeBtn span:nth-child(1) {transform: rotate(-45deg);}
.closeBtn span:nth-child(2) {transform: rotate(45deg);}

.popuptitleBox {width: 100%; padding: 3rem 5rem 0rem 5rem; background: #fff; z-index: 10;}


.privTBox {margin-bottom: 4rem; word-break: keep-all;}
.privTBoxTitle {
    font-family: 'Pretendard-SemiBold';
    display: block;
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 3rem;
    letter-spacing: -0.3px;
    color: #222;
}
.privTBox .privTBoxSTitle {
    font-family: "Pretendard-Medium";
    display: block;
    font-size: 1.8rem;
    line-height: 2.7rem;
    letter-spacing: -0.3px;
    color: #222222;
    margin-top: 3rem;
    margin-bottom: 0rem;
}
.privTBox .privTBoxTxt {
    font-family: Pretendard;
    display: block;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 2.7rem;
    letter-spacing: -0.3px;
    color: #222222;
    margin-top: 0.8rem;
    margin-bottom: 1rem;
}
.privList {
    margin-top: 0.5rem;
    line-height: 2.8rem;
    font-size: 1.6rem;
}
.privUpdate {font-size: 1.6rem; color: #888;}
@media (max-width:991px) {
	.policyContWrap {margin-top: 10rem; padding: 0rem 0 4rem;}
	.priv_tit {
		font-family: Pretendard-Bold;
		margin-bottom: 2rem;
		padding: 4.5rem 0 2rem;
		display: block;
		font-size: 3rem;
		font-weight: 400;
		letter-spacing: -1px;
		color: #222;
		border-bottom: 1px solid #222;
	}

	.per_popcontTxt br {display:block;}
	.per_popup {width: calc(100% - 4rem); height: calc(100% - 4rem);}
	p.tp_toptitle {font-size: 1.8rem; line-height: 2.6rem; padding-bottom: 1.1rem;}
	.closeBtn {top:2.3rem; right:2rem;}
	.closeBtn span {height:1.8rem;}
	
	.pop_terms.strong.top {margin: 0 0 1.3rem 0;}
	.pop_terms.strong {font-size:1.6rem;}
	.per_popcont {font-size: 1.3rem; line-height: 2.1rem;}
	.per_popcontTxt {padding: 0; position: relative;}
	
	.popuptitleBox {padding: 2rem 1rem 0rem 1rem;}
	.per_popcont {padding: 2rem 1rem; height: 91%;}
	
	.per_popup .ta5box {overflow: scroll;}
	.per_popup .ta5box table {width: 100%; overflow: scroll;}
	.per_popup .privSubTBox ul li {margin-bottom:2rem}
	
	.per_popup .privTBox h3 {
		font-size: 1.7rem;
		line-height: 2.2rem;
		word-break: keep-all;
	}
	.privTBox {margin-bottom: 2rem; word-break: keep-all;}

	.privTBox .privTBoxTxt {
		font-size: 1.4rem;
		line-height: 2.2rem;
		letter-spacing: -0.3px;
		margin-top: 0.8rem;
		margin-bottom: 1rem;
	}
	.privTBox .privTBoxSTitle {font-size: 1.4rem; line-height: 2.2rem; letter-spacing: -0.3px; margin-top: 1rem; margin-bottom: 0rem;}
	.privList {margin-top: 0.5rem; line-height: 2.8rem; font-size: 1.3rem; line-height: 2.4rem;}
	.privUpdate {font-size: 1.2rem;}
	
	
}
@media (max-width:767px) {
	.policyContWrap {margin-top: 7.2rem; padding: 0rem 0 4rem;}
	.per_popup {width: calc(100% - 4rem); height: calc(100% - 4rem);}
	.pop_terms.strong {font-size: 1.4rem;}
	.per_popup .privTBox h3 {font-size: 1.4rem; line-height: 2rem;}
}