@charset "utf-8";
/* 1. 리셋, 리붓 
--------------------------------------------------------------------------------------------*/
*,::after,::before{box-sizing:border-box}html{/*  font-family: -apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans KR",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.15; */-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5}hr{height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.7em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;font-weight:700;text-align:left;caption-side:top}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}
/* mouse focus outline 삭제 */
[tabindex="-1"]:focus:not(:focus-visible) {outline: 0 !important;}

/* 2. 레이아웃, 정렬
--------------------------------------------------------------------------------------------*/
[hidden], .d-none {display:none !important;}
.d-block{display:block !important;}
.d-inline{display:inline-block !important;}
.p-relative{position:relative !important;}

.text-center, .t_center{text-align:center !important;;}
.text-left, .t_left {text-align:left !important;;}
.text-right, .t_right{text-align:right !important;;}
.bg-white { background-color:#fff }
.bg-gray { background-color:#ddd }
.d-flex{display:flex !important;}
.flex-wrap{flex-wrap:wrap !important;}
.justify-content-between{justify-content:space-between !important;}
.d-flex.between{justify-content:space-between !important;}
.justify-content-around{justify-content:space-around !important;}
.justify-content-center{justify-content:center !important;}
.align-items-center{align-items:center !important;}
.align-items-end{align-items:flex-end !important;}
.align-items-start{align-items:flex-start !important;}
.disabled{opacity:.5 !important;pointer-events:none !important;cursor:default !important;}
[disabled]{color:#ccc ;opacity:.5 ;pointer-events:none ;cursor:default ;}
.flr{float:right !important;}
.fll{float:left !important;}
.ml-auto{margin-left:auto !important;}
.mr-auto{margin-right:auto !important;}
/* padding,margin 단축 */
.p-0{padding:0em !important;}.p-1{padding:.25em !important;}.p-2{padding:.5em !important;}.p-3{padding:1em !important;}.p-4{padding:1.5em !important;}.p-5{padding:2em !important;}.p-6{padding:1.5em !important;}.p-7{padding:2em !important;}
.pt-0{padding-top:0 !important;}.pt-1{padding-top:.25em !important;}.pt-2{padding-top:.5em !important;}.pt-3{padding-top:1em !important;}.pt-4{padding-top:1.5em !important;}.pt-5{padding-top:2em !important;}.pt-6{padding-top:2.5em !important;}.pt-7{padding-top:3em !important;}
.pb-0{padding-bottom:0 !important;}.pb-1{padding-bottom:.25em !important;}.pb-2{padding-bottom:.5em !important;}.pb-3{padding-bottom:1em !important;}.pb-4{padding-bottom:1.5em !important;}.pb-5{padding-bottom:2em !important;}.pb-6{padding-bottom:2.5em !important;}.pb-7{padding-bottom:3em !important;}
.pr-0{padding-right:0 !important;}.pr-1{padding-right:.25em !important;}.pr-2{padding-right:.5em !important;}.pr-3{padding-right:1em !important;}.pr-4{padding-right:1.5em !important;}.pr-5{padding-right:2em !important;}.pr-6{padding-right:2.5em !important;}.pr-7{padding-right:3em !important;}
.pl-0{padding-left:0 !important;}.pl-1{padding-left:.25em !important;}.pl-2{padding-left:.5em !important;}.pl-3{padding-left:1em !important;}.pl-4{padding-left:1.5em !important;}.pl-5{padding-left:2em !important;}.pl-6{padding-left:2.5em !important;}.pl-7{padding-left:3em !important;}

.px-1{padding-right:.25em !important; padding-left:.25em !important;}.px-2{padding-right:.5em !important; padding-left:.5em !important;}.px-3{padding-right:1em !important; padding-left:1em !important;}.px-4{padding-right:1.5em !important; padding-left:1.5em !important;}.px-5{padding-right:2em !important; padding-left:2em !important;}.px-6{padding-right:2.5em !important; padding-left:2.5em !important;}.px-7{padding-right:3em !important; padding-left:3em !important;}
.py-1{padding-top:.25em !important; padding-bottom:.25em !important;}.py-2{padding-top:.5em !important; padding-bottom:.5em !important;}.py-3{padding-top:1em !important; padding-bottom:1em !important;}.py-4{padding-top:1.5em !important; padding-bottom:1.5em !important;}.py-5{padding-top:2em !important; padding-bottom:2em !important;}.py-6{padding-top:2.5em !important; padding-bottom:2.5em !important;}.py-7{padding-top:3em !important; padding-bottom:3em !important;}

.m-0{margin:0em !important;}.m-1{margin:.25em !important;}.m-2{margin:.5em !important;}.m-3{margin:1em !important;}.m-4{margin:1.5em !important;}.m-5{margin:2em !important;}.m-6{margin:2.5em !important;}.m-7{margin:3em !important;}
.mt-0{margin-top:0em !important;}.mt-1{margin-top:.25em !important;}.mt-2{margin-top:.5em !important;}.mt-3{margin-top:1em !important;}.mt-4{margin-top:1.5em !important;}.mt-5{margin-top:2em !important;}.mt-6{margin-top:2.5em !important;}.mt-7{margin-top:3em !important;}
.mb-0{margin-bottom:0em !important;}.mb-1{margin-bottom:.25em !important;}.mb-2{margin-bottom:.5em !important;}.mb-3{margin-bottom:1em !important;}.mb-4{margin-bottom:1.5em !important;}.mb-5{margin-bottom:2em !important;}.mb-6{margin-bottom:2.5em !important;}.mb-7{margin-bottom:3em !important;}
.mr-0{margin-right:0em !important;}.mr-1{margin-right:.25em !important;}.mr-2{margin-right:.5em !important;}.mr-3{margin-right:1em !important;}.mr-4{margin-right:1.5em !important;}.mr-5{margin-right:2em !important;}.mr-6{margin-right:2.5em !important;}.mr-7{margin-right:3em !important;}
.ml-0{margin-left:0em !important;}.ml-1{margin-left:.25em !important;}.ml-2{margin-left:.5em !important;}.ml-3{margin-left:1em !important;}.ml-4{margin-left:1.5em !important;}.ml-5{margin-left:2em !important;}.ml-6{margin-left:2.5em !important;}.ml-7{margin-left:3em !important;}

.mx-1{margin-right:.25em !important; margin-left:.25em !important;}.mx-2{margin-right:.5em !important; margin-left:.5em !important;}.mx-3{margin-right:1em !important; margin-left:1em !important;}.mx-4{margin-right:1.5em !important; margin-left:1.5em !important;}.mx-5{margin-right:2em !important; margin-left:2em !important;}.mx-6{margin-right:2.5em !important; margin-left:2.5em !important;}.mx-7{margin-right:3em !important; margin-left:3em !important;}
.my-1{margin-top:.25em !important; margin-bottom:.25em !important;}.my-2{margin-top:.5em !important; margin-bottom:.5em !important;}.my-3{margin-top:1em !important; margin-bottom:1em !important;}.my-4{margin-top:1.5em !important; margin-bottom:1.5em !important;}.my-5{margin-top:2em !important; margin-bottom:2em !important;}.my-6{margin-top:2.5em !important; margin-bottom:2.5em !important;}.my-7{margin-top:3em !important; margin-bottom:3em !important;}

.border{ border:2px solid #999}
.border-red{border:2px solid red;}
.border-blue{border:2px solid blue;}

/****** 레이아웃 더미용(색상) ****************************************************************************/
/* 공통 :: 색상 */
.bg-red{ background-color:red !important; color:#fff !important;  }
.bg-blue{ background-color:blue !important; color:#fff !important;  }
.bg-yellow{ background-color:yellow !important; color:#333 !important; }
.bg-gray, .bg-grey{background-color:#eee !important;}
.text-red{ color:red !important; }
.text-blue{ color:blue }
.text-black{color:#000;}
.text-primary{color:#0066ff;}
.text-bold{font-weight:bold;}
.bdl{border-left:1px solid #ddd;}
.bdt{border-top:1px solid #ddd;}

/* 공통 :: 가로값지정 */
.width10{width:10% !important;}
.width20{width:20% !important;}
.width25{width:25% !important;}
.width30{width:30% !important;}
.width35{width:35% !important;}
.width40{width:40% !important;}
.width45{width:45% !important;}
.width50{width:50% !important;}
.width55{width:55% !important;}
.width60{width:60% !important;}
.width65{width:65% !important;}
.width70{width:70% !important;}
.width75{width:75% !important;}
.width80{width:80% !important;}
.width85{width:85% !important;}
.width90{width:90% !important;}
.width95{width:95% !important;}
.width100{width:100% !important;}

/*
 * 맑은 고딕
 */
@font-face { 
  font-family: 'Malgun Gothic'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(/assets/fonts/malgun.woff) format('woff'); 
} 


/*
 * Noto Sans KR
 */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(/assets/fonts/NotoSans-Light.woff) format('woff'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(/assets/fonts/NotoSans-Regular.woff) format('woff'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(/assets/fonts/NotoSans-Medium.woff) format('woff');  
}
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(/assets/fonts/NotoSans-Bold.woff) format('woff'); 
}

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(/assets/fonts/NotoSans-Black.woff) format('woff'); 
}

/*
 * IBM Plex Sans
 */

@font-face { 
  font-family: 'IBM Plex Sans'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(/assets/fonts/IBMPlexSansKR-Regular.woff) format('woff'); 
} 
@font-face { 
  font-family: 'IBM Plex Sans-Medium'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(/assets/fonts/IBMPlexSansKR-Medium.woff) format('woff'); 
} 
@font-face { 
  font-family: 'IBM Plex Sans-SemiBold'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(/assets/fonts/IBMPlexSansKR-SemiBold.woff) format('woff'); 
}
@font-face { 
  font-family: 'IBM Plex Sans-Bold'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(/assets/fonts/IBMPlexSansKR-Bold.woff) format('woff'); 
}


@font-face { 
  font-family: 'IBM Plex Sans'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(/assets/fonts/IBMPlexSansKR-Medium.woff) format('woff'); 
} 
@font-face { 
  font-family: 'IBM Plex Sans'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(/assets/fonts/IBMPlexSansKR-SemiBold.woff) format('woff'); 
}
@font-face { 
  font-family: 'IBM Plex Sans'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(/assets/fonts/IBMPlexSansKR-Bold.woff) format('woff'); 
}

/*
 * Pretendard
 */

@font-face {
    font-family: 'Pretendard';
    src: url(/assets/fonts/Pretendard-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url(/assets/fonts/Pretendard-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url(/assets/fonts/Pretendard-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url(/assets/fonts/Pretendard-SemiBold.woff) format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url(/assets/fonts/Pretendard-Bold.woff)  format('woff'); 
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url(/assets/fonts/Pretendard-ExtraBold.woff)  format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url(/assets/fonts/Pretendard-Black.woff) format('woff');
    font-weight: 900;
    font-style: normal;
}





 /* IE10+ */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
 /* Enter your style code */
}

/* IE6,7,9,10 */
@media screen and (min-width:640px), screen\9 {
 /* Enter your style code */
}
/* 해상도 1500~1100 */
@media screen and (max-width:1500px ) {
	[ez-show="1500"] { display:none;}
}
@media screen and (max-width:1450px ) {
	[ez-show="1450"] { display:none;}
}
@media screen and (max-width:1400px ) {
	[ez-show="1400"] { display:none;}
}
@media screen and (max-width:1350px ) {
	[ez-show="1350"] { display:none;}
}
@media screen and (max-width:1300px ) {
	[ez-show="1300"] { display:none;}
}
@media screen and (max-width:1250px ) {
	[ez-show="1250"] { display:none;}
}
@media screen and (max-width:1200px ) {
	[ez-show="1200"] { display:none;}
}
@media screen and (max-width:1150px ) {
	[ez-show="1150"] { display:none;}
}
@media screen and (max-width:1100px ) {
	[ez-show="1100"] { display:none; }
}
@media screen and (max-width:1050px ) {
	[ez-show="1050"] { display:none; }
}
@media screen and (max-width:1000px ) {
	[ez-show="1000"] { display:none; }
}
{}