@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');  /*영문명조*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;500;700&display=swap'); /*한글명조*/
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');	 /*기본서체*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap');  /*기본영문*/
/*@import url(/font/notosanskr.css);font-family: "Noto Sans KR", sans-serif;*/
/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                   요소(element) 여백 초기화
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* CSS Document */
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body,button,input,select,table,textarea{font-family: "Noto Sans KR", 'Nanum Gothic',"나눔고딕", "돋움", Dotum, "굴림", Gulim, Verdana, AppleGothic, sans-serif;font-size:1rem;font-weight:500;color:#000;line-height:1.6;letter-spacing:-0.04em}
html{height:100%}
body{height:100%;-webkit-text-size-adjust:none}				
button,fieldset,img{border:0 none}
fieldset,img{border:0}
img,li{vertical-align:top}
li,ol,ul{list-style:none}
address{font-style:normal}
a{color:inherit;text-decoration:none;outline:none;}
a:active,a:focus,a:hover{text-decoration:none}
button{border:0;background:0 0;cursor:pointer}
table{margin:0;padding:0;border:0;border-spacing:0;border-collapse:collapse;}
/*input,select,textarea,button{vertical-align:middle}	 */
input,select,textarea{border:0;background:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none}
select::-ms-expand{display:none}
textarea{resize:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none}
embed,iframe,img,object,video{max-width:100%}
input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
input[type='text'],input[type='password'],input[type='submit'],input[type='search']{-webkit-appearance:none;border-radius:0;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button;border-radius:0}
.ir-text,legend,table caption{overflow:hidden;position:absolute;border:0;width:1px;height:1px;clip:rect(1px,1px,1px,1px)}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

#main, main{display:block;background: rgb(249 250 251);overflow:hidden;} /*인터넷익스플로러*/

::-moz-selection {background: #04A4CC;color: #FFF;text-shadow: none;}
::selection {background: #04A4CC;color: #FFF;text-shadow: none;}
input::placeholder {color: #bbb;font-weight:400;}


/*추가*/
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
::after,::before{--tw-content:''}
:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;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,pre,samp{font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,input:where([type=button]),input:where([type=reset]),input:where([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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
menu,ol,ul{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
[role=button],button{cursor:pointer}
:disabled{cursor:default}
audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]:where(:not([hidden=until-found])){display:none}



/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                   base 기본 자주쓰는 스타일
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/


/* 기본 스타일 */			 
body{font-size: 1rem; font-family: "Noto Sans KR", 'Nanum Gothic',"나눔고딕", "돋움", Dotum, "굴림", Gulim, Verdana, AppleGothic, sans-serif;color:#000;;position: relative;line-height:1.2;-webkit-text-size-adjust:none;} 
label, select, input, textarea {vertical-align:middle;}
abbr, acronym { cursor: help; }
legend, .search h2   {position:absolute;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}
label {white-space: pre;}

/* 이미지, 링크 스타일  a,img, input { selector-dummy:expression(this.hideFocus = true);outline:none; }*/
img {vertical-align:middle;}
a,img, input { outline:none;}       



/*자주쓰는요소*/
.hide-off            {position: absolute;top: -999em;height:0px;}
.hide-text           {text-indent: -999em; display: block; overflow: hidden; text-decoration: none;height:0px;}
.clear {clear:both;height:0px;}

/*정렬*/
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-left{text-align:left;}


/*줄바꿈*/
.m-br { display: none; }
.pc-br { display: block; }
@media (max-width: 991px) {
	.m-br { display: block; }
	.pc-br { display: none; }
}
small {font-size:.9rem;}  

/*모바일 pc 보이고 숨기고 */
.mobile__itemView{ display: none;}
.pc__itemView{ display: block;}
@media (max-width: 767px) {
.mobile__itemView{ display: block;}
.pc__itemView{ display: none;}

}

/*여백*/
.pdt-0{padding-top:0 !important;}
.mgt-0{margin-top:0 !important;}
.pdr-10{padding-right:10px;}
.pdl-10{padding-left:10px;}  
.pdl-20{padding-left:20px;}

.mgt-10{margin-top:10px;}.mgt-15{margin-top:15px;}.mgt-20{margin-top:20px;}.mgt-30{margin-top:30px;}.mgt-40{margin-top:40px;}.mgt-50{margin-top:50px;}.mgt-60{margin-top:60px;}.mgt-70{margin-top:70px;}.mgt-80{margin-top:80px;}.mgt-90{margin-top:90px;}.mgt-100{margin-top:100px;}
.mgb-10{margin-bottom:10px;}.mgb-15{margin-bottom:15px;}.mgb-20{margin-bottom:20px;}.mgb-30{margin-bottom:30px;}.mgb-40{margin-bottom:40px;}.mgb-50{margin-bottom:50px;}.mgb-60{margin-bottom:60px;}.mgb-70{margin-bottom:70px;}.mgb-80{margin-bottom:80px;}.mgb-90{margin-bottom:90px;}.mgb-100{margin-bottom:100px;}
.pdt-10{padding-top:10px;}.pdt-15{padding-top:15px;}.pdt-20{padding-top:20px;}.pdt-30{padding-top:30px;}.pdt-40{padding-top:40px;}.pdt-50{padding-top:50px;}.pdt-60{padding-top:60px;}.pdt-70{padding-top:70px;}.pdt-80{padding-top:80px;}.pdt-90{padding-top:90px;}.pdt-100{padding-top:100px;}
.pdb-10{padding-bottom:10px;}.pdb-15{padding-bottom:15px;}.pdb-20{padding-bottom:20px;}.pdb-30{padding-bottom:30px;}.pdb-40{padding-bottom:40px;}.pdb-50{padding-bottom:50px;}.pdb-60{padding-bottom:60px;}.pdb-70{padding-bottom:70px;}.pdb-80{padding-bottom:80px;}.pdb-90{padding-bottom:90px;}.pdb-100{padding-bottom:100px;}



