@charset "utf-8";

:root{
	--main_color : #FF4242;
	--sub_color : #9BB6FF;
	--bg_color : #F1F5FF;

	--main_color_rgb : 225, 66, 66;
	--sub_color_rgb : 155, 182, 255;

	--tit_font : 'Paperlogy', sans-serif;
	--txt_font : 'Pretendard', sans-serif;

	--user-primary: var(--main_color);
	--user-secondary: var(--sub_color);
	--user-success: #1AC8D9;
	--user-danger: #FF4753;
	--user-light: #F2F6FC;
	--user-warning: #FBBC05;
	--user-info: #1494c6;
	--user-white: #ffffff;
	--user-dark: #00081F;
	--user-gray: #8592A3;

	--user-primary-rgb: var(--main_color_rgb);
	--user-secondary-rgb: var(--sub_color_rgb);
	--user-success-rgb: 26, 200, 217;
	--user-danger-rgb: 255, 71, 83;
	--user-warning-rgb: 251, 188, 5;
	--user-info-rgb: 20, 148, 198;
	--user-dark-rgb: 0, 8, 31;
}

html {scroll-behavior: smooth;}

.inner{width:100%; max-width:1440px; margin:0 auto;}
/* header */
header{display:flex; justify-content: space-between; align-items: center; padding:0 80px; background:#fff;}

.t_logo{height:36px;}
.t_logo a{display:block; height:100%; overflow:hidden; line-height:100%; font-size:0;}
.t_logo a img{width:100%; height:100%; object-fit: contain;}

.gnb{width:1024px;}
.gnb > ul{display:flex; justify-content: space-between; align-items: center;}
.gnb > ul > li{width:20%; font-family:var(--tit_font); color:#222; font-size:20px; position:relative;}
.gnb > ul > li > a{display:block; width:100%; height:100%; text-align: center; padding:20px}

.gnb .sub_depth{width:200px; text-align: center; position:absolute; top:55px; border:1px solid #ddd; background:#fff; border-radius:10px; padding:15px; z-index: -1; opacity:0; transition:opacity 0.4s; color:#333;}
.gnb .sub_depth > li{font-family: var(--tit_font);}
.gnb .sub_depth > li + li{margin-top:5px;}
.gnb .sub_depth > li > a{display:block; white-space: nowrap; font-size:16px;}
.sub_depth > li > a:hover{color:var(--main_color);}

.gnb > ul > li.on > a{font-weight: 500; }
.gnb > ul > li.on > .sub_depth{z-index: 10; opacity:1;}

.tmenu{display:flex; justify-content: flex-end; align-items: center; gap:10px; }
.tmenu li{padding:10px 15px; text-align: center; font-size:14px; background:#f9f9f9; border-radius:17px; line-height:100%;}
.tmenu li a{display:block; width:100%;}

.all_menu_btn{display:none; width:35px; height:35px; line-height: 35px; text-align: center; background:transparent; font-size:26px; line-height:100%;}

.all_menu{width:100%; height:100%; min-height:100vh; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index: -1; opacity: 0; transition: opacity 0.4s;}

.all_menu_con{width:360px; height:100%; min-height:100vh; position:fixed; right:-360px; top:0; background:#fff;  transition: right 0.4s;}
.all_logo{padding:40px 0 25px; border-bottom:2px solid var(--main_color);}
.all_logo > a{height:26px; display:block; width:100%;}
.all_logo > a > img{width:100%; height:100%; object-fit: contain;}

.all_tmenu{display:flex; justify-content: center; align-items: center; gap: 10px; margin-top:20px;}
.all_tmenu li{padding:10px 15px; text-align: center; font-size:14px; background:#f9f9f9; border-radius:17px; line-height:100%;}
.all_tmenu li a{display:block; width:100%;}

.all_gnb{overflow-y:auto; max-height:calc(100vh - 182px);}
.all_gnb::-webkit-scrollbar{display:none;}
.all_gnb > ul{}
.all_gnb > ul > li + li{border-top:1px solid #ddd;}
.all_gnb > ul > li:last-child{border-bottom:1px solid #ddd;}
.all_gnb > ul > li > a{display:block; font-family: var(--tit_font); font-size:18px; font-weight: 500; color:#222; padding:15px 50px 15px 15px; position: relative;}

.all_gnb > ul > li:hover > a{color:var(--main_color);}
.all_gnb > ul > li.on > a:after{content:''; width:22px; height:22px; display:block; background:url(/images/page/common/all_arrow.png) no-repeat; background-size: 100%; position:absolute; top:18px; right:15px;}

.all_gnb .all_sub_depth{display:none; border-top:1px solid #ddd; background:var(--bg_color);}
.all_gnb .all_sub_depth > li{padding-left:15px; position: relative;}
.all_gnb .all_sub_depth > li:before{content:'·'; font-size:14px; position:absolute; left:10px; top:8px;}
.all_gnb .all_sub_depth > li > a{display:block; font-family: var(--tit_font); font-size:16px; color:#333; font-weight: 500; padding:8px;}
.all_gnb .all_sub_depth > li > a:hover{color:var(--main_color);}

.all_gnb .all_sub_depth .depth{padding-left:10px;}
.all_gnb .all_sub_depth .depth > li{position:relative; padding-left:10px;}
.all_gnb .all_sub_depth .depth > li:before{content:'-'; font-size:12px; position:absolute; left:0; top: 6px}
.all_gnb .all_sub_depth .depth a{display:block; font-family: var(--tit_font); padding:5px 10px 5px 0; font-size:15px; color:#555;}
.all_gnb .all_sub_depth .depth a:hover{color:var(--main_color);}

.all_close_btn{position: absolute; top:30px; right:30px; background: transparent; color: #999;}
.all_close_btn:hover{color:var(--main_color);}

.all_menu.on{z-index:80; opacity: 1;}
.all_menu.on .all_menu_con{right:0;}

/* ticker */
.ticker{position:absolute;width:8.5vw;height: 100%;top: 0;right:calc(((100% - 1440px)/2) - 8.5vw);writing-mode: vertical-rl;text-orientation: sideways;z-index: -1;overflow:hidden;pointer-events:none;}
.ticker span{position:absolute; top:0; bottom:0; margin:auto; line-height:100%; white-space: nowrap; font-weight: 900;font-size:8.5vw; color:rgba(0,0,0,0.05); font-family: var(--tit_font); animation: scrollUp 20s linear infinite;}

@keyframes scrollUp {
	0%{ transform: translateY(0); }
	100%{ transform: translateY(-50%); }
}
/* fix_btn */
.fix_btn{position:fixed; bottom:40px; right:40px; width:60px; height:60px; border-radius:50%; background: rgba(0, 0, 0, .2); backdrop-filter: blur(4px); border:1px solid #fff; display:flex; justify-content: center; z-index: 90;}
.fix_btn a{display:flex; justify-content: center; align-items: center; flex-direction: column;  color:#fff;}
.fix_btn a i{font-size:34px;}
.fix_btn a span{font-size:14px; margin-top:-8px;}

/* footer */
footer{padding:50px 0; background:#222;}
footer .inner{display:flex; justify-content: space-between; align-items: center;}

.f_info{}
.f_info > h2{height: 36px; width:fit-content;}
.f_info > h2 > a{display:block; width:100%; height:100%; oveflow:hidden;}
.f_info > h2 > a > img{width:100%; height:100%; object-fit: contain;}
.f_info > div{color:#ddd; font-size:15px;}
.f_info > div > p{margin-top:20px;}
.f_info > div > ul{display:flex;}
.f_info > div > ul > li + li{padding-left:40px; position:relative;}
.f_info > div > ul > li + li:before{content:'|'; position:absolute; left:20px;}
.f_info > span{color:#ddd; font-size:15px; margin-top:10px; display:block;}

.f_policy{}
.f_policy > li{font-family: var(--tit_font); padding-left:20px; position:relative; font-size:15px; color:#fff;}
.f_policy > li + li{margin-top:10px;}
.f_policy > li:before{content:'●'; font-size:8px; position:absolute; left:0; top:5px;}

@media (min-width: 1921px) {

}

@media (max-width: 1920px) {

	/* gnb */
	.gnb{width:900px;}
	.gnb > ul > li {font-size:18px;}

	.gnb .sub_depth{transform: translateX(-10px);}

}

@media (max-width: 1620px) {

	.inner{padding:0 60px;}

	/* gnb */
	.gnb{max-width:768px;}
	.gnb > ul > li{font-size:17px;}

	.gnb .sub_depth{transform: translateX(-20px);}
	.tmenu li{font-size:12px;}


}

@media (max-width: 1440px) {

}

@media (max-width: 1280px) {

	header{padding:20px;}
	.t_logo{height: 32px;}

	/* gnb */
	.gnb{display:none;}
	.tmenu{display:none;}

	/* all_menu */
	.all_menu_btn{display:block;}

}

@media (max-width: 1024px) {

	.ticker{position:relative; writing-mode: horizontal-tb; text-orientation: mixed; width:100%; height:12vw; right:unset; left:0;}
	.ticker span{font-size:12vw; animation: ticker_mobile 20s linear infinite;}

	@keyframes ticker_mobile {
		0%{ transform: translateX(0); }
		100%{ transform: translateX(-50%); }
	}


}

@media (max-width: 768px) {

	.inner{padding:0 30px;}

	header{}

	footer{padding:0; }
	footer .inner{flex-direction: column-reverse; max-width: unset; padding:0;}
	.f_info{width: 100%; padding:50px 20px;}
	.f_info > div{font-size:14px;}
	.f_info > span{font-size:14px;}

	.f_policy{width:100%; padding:10px 20px; display:flex; justify-content: space-between; border:1px solid #434343; border-width: 1px 0;}
	.f_policy > li + li{margin-top:0;}
}

@media (max-width: 640px) {

	header{padding:10px 20px;}
	.t_logo{height: 24px;}

	.tmenu li{padding:5px 10px;}

	.f_info > div > ul{flex-direction: column;}
	.f_info > div > ul > li + li{padding-left: 0;}
	.f_info > div > ul > li + li:before{display:none;}

	.f_policy > li{font-size:12px; padding-left: 10px;}
	.f_policy > li:before{font-size:3px; top:10px;}

}

@media (max-width: 640px) {

	/* fix_btn */
	.fix_btn {right: 4%; bottom: 4%;}

}

@media (max-width: 576px) {

	.inner{padding:0 20px;}
	.f_policy > li{font-size:14px;}

}

@media (max-width: 425px) {


}