@charset "utf-8";
/* Reset */
* { box-sizing: border-box; }
*::after, *::before { box-sizing: border-box; }
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 { padding: 0; margin: 0; }
html,body { width: 100%; }
html { height: 100%; font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
body { min-width: 360px; width: 100%; background: #fff; word-break: keep-all; word-wrap: break-word; font-size: 1.5rem; line-height: 1; -webkit-text-size-adjust: none;font-family: 'Pretendard'; font-weight: 400;color:#616161; line-height: normal; overflow: hidden; overflow-y: auto; }
body,input,select,textarea,button { border: none; color: #616161; }
select { height: 4.8rem;padding: 0 1.6rem 0 1.6rem;
border: 1px solid #E0E0E0;background: #fff url(../images/layout/select-blit.png) right 1.6rem center no-repeat;-webkit-appearance: none;-moz-appearance: none;appearance: none;
width: 20rem;border-radius: .3rem;font-size: 1.6rem;color: #424242;font-weight: 400;font-family: 'Pretendard'; }
input[type="text"], input[type="password"], input[type="number"], input[type="date"] { margin:0; height: 4.8rem;padding: 0 1.6rem 0 1.6rem;border: 1px solid #E0E0E0; max-width: 20rem;border-radius: .3rem;font-size: 1.6rem;color: #424242;font-weight: 400;font-family: 'Pretendard';width:100%; } 
input[type="text"]::placeholder, input[type="password"]::placeholder { font-size:1.6rem; }   
button { font-family: 'Pretendard';font-size: 1.6rem;color: #424242;font-weight: 400; }  
textarea::placeholder { font-weight:400; font-family: 'Pretendard'; }     
ul,ol,li { list-style: none; } 
table { width: 100%; border-spacing: 0; border-collapse: collapse; } 
img,fieldset { max-width: 100%; height: auto; border: 0; vertical-align: top; }
address,cite,code,em,i { font-weight: normal; font-style: normal; }
label,img,input,select,textarea,button { vertical-align: middle; }
.hide,caption,legend { overflow: hidden; font-size: 1px; line-height: 0; }
hr { display: none; }
main,header,section,nav,footer,aside,article,figure { display: block; }
a { color: #616161; text-decoration: none; }
label { display: inline-block; cursor: pointer; }
button,input[type="submit"] { cursor: pointer; }
button { background-color: transparent; }
sub,sup { position: relative; font-size: 70%; line-height: 0; vertical-align: middle; }   
.clear { clear: both; }
.clear::after { display: block; content: ""; clear: both; }
#skip { position: relative; z-index: 9999; }
#skip a { position: absolute; top: -40px; left: 0; width: 100%; padding: 5px 0; background-color: #182733; font-size: 16px; color: #fff; line-height: 30px; text-align: center; transition: all 0.4s; }
#skip a:hover, #skip a:focus, #skip a:active { top: 0; text-decoration: none; }
.txt-left { text-align: left !important; }
.txt-center { text-align: center !important; }
.txt-right { text-align: right !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; clip-path: polygon(0 0, 0 0, 0 0); }

/* 스크롤바 커스텀 */
body::-webkit-scrollbar { width: 5px; height: 8px;}
body::-webkit-scrollbar-thumb { border-radius: 50px; background-color: #003C73;}
body::-webkit-scrollbar-track { background-color: transparent; }

/* 컬러 */
.point1 { color:#c00 !important; }  
 
/*마진*/
.mt-0 { margin-top:0 !important; } 
.mt-1 { margin-top:.1rem !important; } 
.mt-2 { margin-top:.2rem !important; } 
.mt-3 { margin-top:.3rem !important; } 
.mt-4 { margin-top:.4rem !important; } 
.mt-5 { margin-top:.5rem !important; } 
.mt-6 { margin-top:.6rem !important; } 
.mt-7 { margin-top:.7rem !important; } 
.mt-8 { margin-top:.8rem !important; } 
.mt-9 { margin-top:.9rem !important; } 
.mt-10 { margin-top:1rem !important; } 
.mt-15 { margin-top:1.5rem !important; } 
.mt-20 { margin-top:2rem !important; } 
.mt-25 { margin-top:2.5rem !important; } 
.mt-30 { margin-top:3rem !important; } 
.mt-35 { margin-top:3.5rem !important; } 
.mt-40 { margin-top:4rem !important; } 
.mt-45 { margin-top:4.5rem !important; } 
.mt-50 { margin-top:5rem !important; } 
.mt-55 { margin-top:5.5rem !important; } 
.mt-60 { margin-top:6rem !important; } 
.mt-65 { margin-top:6.5rem !important; } 
.mt-70 { margin-top:7rem !important; } 
.mt-75 { margin-top:7.5rem !important; } 
.mt-80 { margin-top:8rem !important; } 
.mt-85 { margin-top:8.5rem !important; } 
.mt-90 { margin-top:9rem !important; } 
.mt-95 { margin-top:9.5rem !important; } 
.mt-100 { margin-top:10rem !important; } 
.mb-0 { margin-bottom:0 !important; } 
.mb-1 { margin-bottom:.1rem !important; } 
.mb-2 { margin-bottom:.2rem !important; } 
.mb-3 { margin-bottom:.3rem !important; } 
.mb-4 { margin-bottom:.4rem !important; } 
.mb-5 { margin-bottom:.5rem !important; } 
.mb-6 { margin-bottom:.6rem !important; } 
.mb-7 { margin-bottom:.7rem !important; } 
.mb-8 { margin-bottom:.8rem !important; } 
.mb-9 { margin-bottom:.9rem !important; } 
.mb-10 { margin-bottom:1rem !important; } 
.mb-15 { margin-bottom:1.5rem !important; } 
.mb-20 { margin-bottom:2rem !important; } 
.mb-25 { margin-bottom:2.5rem !important; } 
.mb-30 { margin-bottom:3rem !important; } 
.mb-35 { margin-bottom:3.5rem !important; } 
.mb-40 { margin-bottom:4rem !important; } 
.mb-45 { margin-bottom:4.5rem !important; } 
.mb-50 { margin-bottom:5rem !important; } 
.mb-55 { margin-bottom:5.5rem !important; } 
.mb-60 { margin-bottom:6rem !important; } 
.mb-65 { margin-bottom:6.5rem !important; } 
.mb-70 { margin-bottom:7rem !important; } 
.mb-75 { margin-bottom:7.5rem !important; } 
.mb-80 { margin-bottom:8rem !important; } 
.mb-85 { margin-bottom:8.5rem !important; } 
.mb-95 { margin-bottom:9.5rem !important; } 
.mb-100 { margin-bottom:10rem !important; } 

/* 전체 */
@media (max-width:1400px) { html { font-size: 9px; } }
@media (max-width:1280px) { html { font-size: 8px; } }