/* font start */
@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-Thin.woff") format("woff"), url("../fonts/Pretendard-Thin.woff2") format("woff2");
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-Light.woff") format("woff"), url("../fonts/Pretendard-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-Regular.woff") format("woff"), url("../fonts/Pretendard-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-Medium.woff") format("woff"), url("../fonts/Pretendard-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-SemiBold.woff") format("woff"), url("../fonts/Pretendard-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-Bold.woff") format("woff"), url("../fonts/Pretendard-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-ExtraBold.woff") format("woff"), url("../fonts/Pretendard-ExtraBold.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
}
@font-face {
    font-family: 'OTEnjoystoriesBA';
	src: url("../fonts/OTEnjoystoriesBA_Medium.woff") format("woff"), url("../fonts/OTEnjoystoriesBA_Medium.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KOHIBaeumOTF';
	src: url("../fonts/KOHIBaeum.woff") format("woff"), url("../fonts/KOHIBaeum.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


/* top menu */
.btn_link > a {
	display: flex;
	flex-flow: row nowrap;
	font-family: 'Roboto','Pretendard', sans-serif;
	font-size: 16px;
	color: #222222;
	font-weight: 600;
	align-items: center;
}

.btn_link > a > span {
	color: #F47216;
}

.btn_link > a > span + span {
	margin-right: 3px;
	color: #00A990;
}

.btn_link > a > img {
	display: block;	
	margin-left: 5px;
	width: 18px;
	aspect-ratio: 1/1;
}

@media screen and (max-width : 680px){	
	.btn_link > a {
		font-size: 13px;
		letter-spacing: -1px;
	}

	.btn_link > a > img {
		width: 16px;
	}	

	.header .right_tool {
        gap: 0 10px !important;
    }

}

@media screen and (max-width : 370px){
	.btn_link > a > span {
		display: none;
	}
}