@charset "utf-8";

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('../font/Pretendard-Bold.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('../font/Pretendard-ExtraLight.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('../font/Pretendard-Medium.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('../font/Pretendard-Regular.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);

#intro {background-position: left top;background-size: 1920px 910px; font-family: 'Pretendard-Regular';}
#intro .contaner {padding:0 15px;}
#intro .intro_top {width:100%;background:#f15d2a;color:#ffffff;text-align:center;height: 50px; line-height: 50px; font-family: 'Pretendard-Medium';}
#intro a {color:#333333;right: 84px;}
#intro strong {font-weight:700}
#intro h2 {font-weight:400}
#intro .logo img {height: 40px; margin-top: 93px;}
#intro .logo2 {position:absolute;margin:400px 50% 50% 35%;}

#intro .login_area {background:#ffffff;min-height:911px; width: 700px;flex-basis: auto;margin-left: auto;}
#intro .login_area .intro_login {width:100%;border-radius:0px;text-align:center;color:#333333}
#intro .login_area .intro_login .sub_title{font-family: 'Pretendard-Bold'; font-size: 30px; margin-top: 20px;}
#intro .login_area .intro_login .sub_title2{font-size: 16px; margin-top: 19px; margin-bottom: 33px;}
#intro .login_area .intro_login .sub_title2 strong{font-family: 'Pretendard-Bold'; font-weight: normal;}
#intro .login_area .intro_login .btn_staff {height: 45px;}
#intro .login_area .intro_login .ol_svc_btn {width: 220px; height: 45px; line-height: 45px; cursor: pointer;}
#intro .login_area .intro_login .ol_svc_btn .ol_svc_btn_1 {font-family: 'Pretendard-Bold';}
#intro .login_area .intro_login .login_txt {word-break: keep-all; margin: 24px 0; line-height: 24px;}
#intro .login_area .ol_auto_text {margin-top: 30px; text-align: center;}

#ol_auto input[type="checkbox"] {
	width: 18px;
	height: 18px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%; /* µ¿±×¶ó¹Ì ¸ð¾çÀ¸·Î ¸¸µé±â */
	border: 2px solid #ccc; /* üũ¹Ú½º ¿Ü°û¼± ½ºÅ¸ÀÏ */
	background-color: #fff; /* üũ¹Ú½º ¹è°æ»ö */
	outline: none;
	cursor: pointer;
}

#ol_auto input[type="checkbox"]:checked {
  background-image: url('../img/new_page/intro_check.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}

/* #intro .intro_login h3{font-weight:500;font-size:2em} */

#intro .intro_foot {position:absolute;width:100%;margin:-220px 0 0 0;
background: linear-gradient(0deg, rgba(255,255,255,1) 80%, rgba(241,241,241,1) 100%);
padding:50px;z-index:10}

#intro .intro_foot a {text-align: center;}
#intro .intro_foot .btn_intro_foot {display: inline-block; height: 40px; width: 100%; border:1px solid #b5b5b6;border-radius:5px;background:#ffffff;padding:12px 3px 10px 3px;margin: 20px 0 8px 0;}

#intro .image_area {z-index: 1; width: calc(100% - 700px); position: fixed; display: flex; align-items: center; justify-content: center; max-height: 100vh; overflow: hidden; padding: 0; text-align: center; box-shadow: 4px 0px 15px 0 rgba(0, 0, 0, .07);}
#intro .image_area img {display: none;}
#intro .image_area .swiper-pagination2 {position: absolute; text-align: center; display: none;}

#intro .intro_tel {
	margin-top: 20px;
}

#intro .intro_btn_wr {
	margin-top: 30px;
}

#intro .intro_btn_wr .intro_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}

#intro .intro_private {
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}


@media (max-width: 1599px) {
	#intro .login_area {

	}

	#intro .login_area .intro_login {
		margin-top: 0;
	}

	#intro .intro_foot .intro_foot_txt1 {
		position: absolute;
	}
}

@media (max-width: 1399px) {
}

@media (max-width: 1199px) {
	#intro .intro_foot_txt2 {
		text-align: center;
	}
}

@media (max-width: 991px) {	#intro .swiper-pagination {
		display: none;
	}

	#intro .foot_icon {
		overflow: scroll;
	}

	#intro .foot_icon .foot_icon_box {
		display: flex;
	}
}

@media (max-width: 767px) {
	#intro .logo img {
		margin-top: 20px;
		height: 35px;
	}

	#intro .login_area {
		min-height: auto;
		margin: 0;
		border-radius: 0;
		width: auto;
		flex: 100%;
		padding-top: 0;
	}

	#intro .login_area .intro_login {
		margin-top:20px;
		padding: 0 15px;
	}
	
	#intro .login_area .intro_login .sub_title, #intro .login_area .intro_login .sub_title2{
		font-size: 14px;
		margin-left: 0;
		letter-spacing: -0.05em;
	}

	#intro .image_area {
		width: 100vw;
		position: static;
        box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, .07);
	}

	#intro .image_area img {
		display: inline-block;
		width: 100%;
	}

	#intro .image_area video {
		width: 100%;
	}

	#intro .swiper-pagination {
		display: none;
	}

    #intro .intro_foot {
		margin: 0 auto;
    }

	#intro .login_area .intro_login .sub_title{
		font-size: 26px;
		line-height: 34px;
	}

	#intro .login_area .intro_login .sub_title2{
		font-size: 16px;
		line-height: 26px;
	}

    #intro .intro_foot {
		padding: 20px 20px 50px;
		text-align: center;
    }

	#intro .intro_foot .int_foot_left h3 {
		display: inline-block;
		width: 140px;
		font-size: 18px;
	}

	#intro .intro_foot .int_foot_left span {
		font-size: 16px;
	}
	
	#intro .intro_foot .int_foot_left .foot_helper_btn {
		margin-top: 20px;
	}

	#intro .intro_foot .int_foot_left_box {
		max-width: 320px;
		margin: 0 auto;
	}

	#intro .intro_foot .int_foot_left .foot_left_1, #intro .intro_foot .int_foot_left .foot_left_2, #intro .intro_foot .int_foot_left .foot_left_3 {
		margin-bottom: 10px;
		padding : 0 10px;
		text-align: left;
	}

	#intro .intro_foot .intro_foot_txt1 {
		position: static;
	}

	#intro .intro_foot .intro_foot_txt3 {
		font-size: 12px;
		margin: 30px 0;
	}

	#intro .foot_icon .foot_icon_box img {
		padding: 0 5px;
		height: 20px;
	}

	#intro .intro_foot_txt2_box .sns {
		padding: 0;
	}
}

@media (max-width: 575px) {
	#intro .intro_top {
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		letter-spacing: -0.12em;
	}

	#intro .login_area .intro_login .btn_staff span {
	}

	#intro .login_area .intro_login .ol_svc_btn {
		width: 49%;
		font-size: 12px;
	}

	#intro .login_area .intro_login .ol_svc_btn .ol_svc_btn_1 {
	}

	#intro .login_area .intro_login .ol_svc_btn .ol_svc_btn_2 {
		float: none;
		letter-spacing: -0.04em;
	}

	.s_ol form {
		padding: 20px 10px 20px 10px;
	}

	#intro .login_area .ol_auto_text {
		font-size: 14px;
	}

	#intro .intro_tel {
		margin: 0;
		font-size: 14px;
	}
}