@charset "utf-8";

/* Font 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');

/* Reset */
*, *:after, *:before {box-sizing: border-box;}
* {outline:0 !important;} /* focus 발생 시 태그에 파란색 라인 생김 방지 */

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,
legend,hr,input,button,textarea,object,figure,figcaption {font-family : "Noto Sans KR", sans-serif; font-size: 10px;} /* 1rem = 10px */
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;}

html {-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);} /* 화면 꾹 누르면 메뉴 나타남, 사용자가 클릭 및 드래그 기능 이용함, 링크 클릭 시 밑줄/아웃라인 생김 기능들 방지 */
body {min-width:320px; background: #fff; word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust:none;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */

fieldset,img {border: 0;}
img {vertical-align: top;}
dl,ul,ol,menu,li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content: none;}
input,select,textarea,button {font-size: 100%; vertical-align: middle;}
button {border: 0; background-color: transparent; cursor: pointer;}
legend, .skip, .blind, .skip_nav, .hide {width:0;height:0;visibility:hidden;font-size:0;line-height:0;position:absolute;top:0;left:-9999em;overflow:hidden;}

table {border-collapse: collapse; border-spacing: 0;}
input[type="text"],input[type="password"],input[type="submit"],input[type="search"] {-webkit-appearance:none; border-radius: 0;}
input:checked[type="checkbox"] {background-color:#666; -webkit-appearance:checkbox;}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"] {-webkit-appearance:button; border: 0; border-radius:0}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none}

a {color:#333; text-decoration: none}
a:active, a:hover {text-decoration: none}
address,caption,cite,code,dfn,em,var {font-style: normal; font-weight: normal;}

/* Layout Common */
#wrap {float: left; width: 100%;}
#header {float: left; width: 100%;}
#content {float: left; width: 100%;}
#footer {float: left; width: 100%;}

/* 레이어팝업 강제 Body 스크롤방지 */
.scrollOff {position: fixed; overflow: hidden; height: 100%; width: 100%;}
.tBlue{color: #2979FF !important; font-weight:inherit;}
.tRed{color: #FF611D !important; font-weight:inherit;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** JNY mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:359px) {

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,
legend,hr,input,button,textarea,object,figure,figcaption {font-family : "Noto Sans KR", sans-serif; font-size: 9px;} /* 1rem = 9px */

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** JNY mobile 400,499 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:400px) and (max-width:499px) {

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,
legend,hr,input,button,textarea,object,figure,figcaption {font-family : "Noto Sans KR", sans-serif; font-size: 11px;} /* 1rem = 11px */

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** JNY mobile 500,599 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:500px) and (max-width:599px) {

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,
legend,hr,input,button,textarea,object,figure,figcaption {font-family : "Noto Sans KR", sans-serif; font-size: 12px;} /* 1rem = 12px */

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** JNY tablet 600,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:600px) and (max-width:719px) {

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,
legend,hr,input,button,textarea,object,figure,figcaption {font-family : "Noto Sans KR", sans-serif; font-size: 14px;} /* 1rem = 14px */

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** JNY tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,
legend,hr,input,button,textarea,object,figure,figcaption {font-family : "Noto Sans KR", sans-serif; font-size: 20px;} /* 1rem = 20px */

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** JNY tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,
legend,hr,input,button,textarea,object,figure,figcaption {font-family : "Noto Sans KR", sans-serif; font-size: 20px;} /* 1rem = 20px */

}