

/* 폰트설정 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');


@font-face {
	font-family:"appleSDGR";
	src: url('/font/AppleSDGothicNeoB.woff2') format('woff2'),
		 url('/font/AppleSDGothicNeoB.woff') format('woff'),
		 url('/font/AppleSDGothicNeoB.eot') format('eot'),
		 url('/font/AppleSDGothicN*eoB.ttf') format('truetype');
	font-weight:700;
}
@font-face {
	font-family:"appleSDGR";
	src: url('/font/AppleSDGothicNeoL.woff2') format('woff2'),
		 url('/font/AppleSDGothicNeoL.woff') format('woff'),
		 url('/font/AppleSDGothicNeoL.eot') format('eot'),
		 url('/font/AppleSDGothicNeoL.ttf') format('truetype');
	font-weight:300;
}
@font-face {
	font-family:"appleSDGR";
	src: url('/font/AppleSDGothicNeoM.woff2') format('woff2'),
		 url('/font/AppleSDGothicNeoM.woff') format('woff'),
		 url('/font/AppleSDGothicNeoM.eot') format('eot'),
		 url('/font/AppleSDGothicNeoM.ttf') format('truetype');
	font-weight:500;
}
@font-face {
	font-family:"appleSDGR";
	src: url('/font/AppleSDGothicNeoR.woff2') format('woff2'),
	     url('/font/AppleSDGothicNeoR.woff') format('woff'),
		 url('/font/AppleSDGothicNeoR.eot') format('eot'),
		 url('/font/AppleSDGothicNeoR.ttf') format('truetype');
	font-weight:400;
}

/* 반응형 기준 사이즈 */
@media (max-width:320px){html{font-size:10px;}}
@media (min-width:321px) and (max-width:359px){html{font-size:11px;}}
@media (min-width:360px) and (max-width:399px){html{font-size:12px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:13px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:14px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:15px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:16px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:17px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:18px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:19px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:20px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:21px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:22px;}}
@media (min-width:760px){html{font-size:23px;}}

/* reset CSS */
::before, ::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme('borderColor.DEFAULT','currentColor')}::before, ::after{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:theme('fontFamily.sans',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji")}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b, strong{font-weight:bolder}code, kbd, samp, pre{font-family:theme('fontFamily.mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em}small{font-size:80%}sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button, input, optgroup, select, textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button, select{text-transform:none}button, [type='button'], [type='reset'], [type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button, ::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol, ul, menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder, textarea::placeholder{opacity:1;color:theme('colors.gray.400',#9ca3af)}button, [role="button"]{cursor:pointer}:disabled{cursor:default}img, svg, video, canvas, audio, iframe, embed, object{display:block;vertical-align:middle}img, video{max-width:100%;height:auto}[hidden]{display:none}

/* 사이트 전체 공통 레이아웃 */
html{min-height: 100%;margin:0;padding:0;}
ul{margin:0; padding:0;list-style: none;}
body{width:100%;min-height:100%;background:#fff;margin:0;padding:0;}
*{font-family:'pretendard', 'appleSDGR', 'Noto Sans KR', sans-serif; margin:0;}
b *, strong *{font-weight:bold;}
a{text-decoration: none;color:#383838;}
a:active, a:focus, a:hover{text-decoration:none;color:none;}
a:visited{text-decoration: none;color:none;}
strong{font-weight:700;}
button{outline: 0;}
input[type=text],input[type=password]{-webkit-appearance: none;}

/* 사이트 기본 */
#site_wrap{width:100%;overflow-x:hidden;margin:0;padding:0;position: relative;}
#site_wrap::after{content:"";clear:both;display:block;}
.title_font{font-family: '', Noto Sans KR, sans-serif;}
.title_light_font{font-family: 'pretendard', Noto Sans KR, sans-serif;}
.point_color{color: #36D163;}

/* 글로벌 inner */
.global_inner{max-width:1080px; padding:0 11px; margin:0 auto;}
.PC_only{display:block;}
.mobile_only{display:none;}

/* flex 기본 */
.flex_row{display: flex;flex-direction: row;}
.flex_row_sb{display: flex;flex-direction: row;justify-content: space-between;}
.flex_row_sa{display: flex;flex-direction: row;justify-content: space-around;}

.flex_column{display: flex;flex-direction: column;}
.flex_column_sb{display: flex; flex-direction: column; justify-content: space-between;}


/* col set */
.col_pc_80{width: 80%;}
.col_pc_75{width: 75%;}
.col_pc_65{width: 65%;}
.col_pc_60{width: 60%;}
.col_pc_50{width: 50%;}
.col_pc_45{width: 45%;}
.col_pc_40{width: 40%;}
.col_pc_30{width: 30%;}
.col_pc_25{width: 25%;}
.col_pc_20{width: 20%;}
.col_pc_15{width: 15%;}
.col_pc_10{width: 10%;}
.col_pc_5{width: 5%;}

/* font-weight */
.w200 {font-weight: 200;}
.w700 {font-weight: 700;}



/* col 모바일*/
@media (max-width:1063px){
    .col_mobile_12{width: 100% !important;}
}
