@charset "utf-8";

/*===== FONTS =====*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* Pretendard */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
}

/*===== INITIALIZATION =====*/
html{font-size:10px;}
body{font-family:'Pretendard'; font-size:1.6rem; color:#000; font-weight:400;}
html, body, h1, h2, h3, h4, h5, h6, p, form, fieldset, img{margin:0; padding:0; border:0;}
ol, ul, dl, dt, dd, button, input, select, textarea{margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
legend{position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;}
hr{display:none;}
ol, ul, dl, dt, dd{list-style:none;}
label, input, button, select, img{vertical-align:middle;}
button, input, select, textarea, label{font-family:'Pretendard'; margin:0;}
button, input[type="submit"]{cursor:pointer;}
button:disabled{cursor:default;}
input[type="text"], input[type="password"], textarea{transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; outline:none;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, .btn:focus{box-shadow:none; outline:none;}
input::-webkit-input-placeholder, input:-ms-input-placeholder{color:#aaa !important;}
textarea::-webkit-input-placeholder, textarea:-ms-input-placeholder{color:#9EA0B9 !important;}
button{display:block; border:0; background-color:transparent; appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
a{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}
button, a, button:hover, a:hover{transition:all 0.1s linear; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; -o-transition:all 0.1s linear;}
p{word-break:break-all;}
img{display:block; max-width:100%; height:auto;}
*, :after, :before{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/*===== STYLE =====*/
.pc_wrap {width: 1580px; margin: 0 auto; overflow-x: auto;}
.inner {width: 100%; max-width: 1062px; margin: 0 auto;}
.inner1280 {width: 100%; max-width: 1280px; margin: 0 auto;}
.inner1540 {width: 100%; max-width: 1540px; margin: 0 auto;}

header > div {display : flex; align-items: center; justify-content: space-between; height: 74px;}
header p {font-size: 16px; color: #2b2b2b; font-weight: 500;}

footer .ft_top {border-top: 1px solid #e7e7e7;}
footer .ft_top ul {display: flex; align-items: center; gap: 50px; height: 76px;}
footer .ft_top ul li {position: relative; font-size: 14px; color: #505050; font-weight: 400;}
footer .ft_top ul li:not(:last-child)::before {content: ''; position: absolute; top: calc(50% - 5px); right: -26px; display: block; width: 1px; height: 10px; background-color: #e5e5ec;}
footer .ft_top ul li a {display: block; font-size: 14px; color: #111; font-weight: 600;}
footer .ft_btm {padding: 32px 0 70px; border-top: 1px solid #e7e7e7;}
footer .ft_btm ul {display: flex; flex-direction: column; gap: 8px; margin-top: 12px;}
footer .ft_btm ul li {font-size: 13px; color: #505050; font-weight: 400;}

.img_con {display: flex; flex-direction: column; gap: 120px; padding: 155px 0 135px;}

.policy_con {padding: 155px 0 135px;}
.policy_con .box {margin-top: 24px; padding-top: 24px; border-top: 1px solid #f1f1f5;}
.policy_con  h3 {margin-bottom: 36px; font-size: 24px; color: #111; font-weight: 600;}
.policy_con p {font-size: 14px; color: #111; font-weight: 400; line-height: 1.6;}
.policy_con p strong {font-size: 16px; font-weight: 600;}
