/**/ 

/* 폰트설정 */
@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://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

@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/AppleSDGothicNeoB.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;
}
@font-face{
	font-family:"silkSerif";
	src: url("../font/Silk-Serif-Medium.woff") format('woff');
	font-weight: 500;
}
@font-face{
	font-family:"silkSerif";
	src: url("../font/Silk-Serif-Light.woff") format('woff');
	font-weight: 300;
}

/* 반응형 기준 사이즈 */
@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;}}

/* google reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }


/* 사이트 전체 공통 레이아웃 */
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;}
p{font-family: 'Nanum Myeongjo', serif, 'Noto Sans KR';}
*{font-weight: 400;font-family:'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;}

/* custom font */
.silkFont {font-family: 'silkSerif', serif;}

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

/* 글로벌 inner */
.global_inner{max-width:100%; 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_row_ct{display: flex;flex-direction: row;justify-content: center;}

.flex_column{display: flex;flex-direction: column;}
.flex_column_ct{display: flex;flex-direction: column; justify-content: center;}


/* col 데스크 */
.col_desk_12{width: 100%;}
.col_desk_65{width: 65%;}
.col_desk_60{width: 60%;}
.col_desk_50{width: 50%;}
.col_desk_48{width: 48%;}
.col_desk_45{width: 45%;}
.col_desk_6{width: 50%;}
.col_desk_40{width: 40%;}
.col_desk_35{width: 35%;}
.col_desk_33{width: 33%;}
.col_desk_20{width: 20%;}


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