@charset "utf-8";
@import url('/assets/font/SUIT/SUIT.css');
@import url('/assets/font/nanumsquareround/nanumsquareround.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,nav,section,article,header,footer,main,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption{margin: 0; padding: 0;}
body,input,select,textarea,button,img,fieldset{border: none;}
ul,ol,li{list-style: none;}
table{width: 100%; border-spacing:0; border-collapse: collapse;}
table caption{display: none;}
address,cite,code,em,i{font-style: normal; font-weight: normal;}
label,img,input,select,textarea,button,a{vertical-align: middle;}
ins,a{text-decoration: none;}
button{cursor: pointer;}

/* Normalize */
html{height: 100%; overflow-x: hidden;}
body{height: 100%; -webkit-text-size-adjust: none;}
html, body {font-family: 'NanumSquareRound', AppleGothic, 'Dotum', sans-serif; color: #777;}
body,input,select,textarea,button{/*font-family: 'SUIT', sans-serif;*/ font-weight: 500; color: #666;}
h1,h2,h3,h4,h5,h6,dt,dl{font-size:1.2rem; /*font-family: 'SUIT', sans-serif;*/}
select{appearance:none;}
select::-ms-expand{display:none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
input[type="number"],
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea{font-family: 'SUIT', sans-serif; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; outline: 0;}
textarea{resize: none;}

@media all and (min-width:751px) and (max-width:1299px) {
	html{font-size: 10px;}
}

@media all and (max-width:750px) {
	html{font-size: 2.133vw;}
/*	html{font-size: 8px;}*/
}

:root {
    --black: #000;
    --white: #fff;
    --white10: #f7f7f7;
    --white20: #eee;
    --blue10: #f5f8ff;
    --blue20: #f0f4ff;
    --blue30: #e5ecff;
    --blue40: #ccdaff;
    --blue50: #a3bcff;
    --blue60: #7a9fff;
    --blue70: #5785ff;
    --blue80: #4075ff;
    --blue90: #2d67ff;
    --blue100: #003fe5;
    --blue110: #0031b2;
    --blue120: #002585;
    --gray10: #f8fafc;
    --gray20: #f4f6fa;
    --gray30: #eaedf4;
    --gray40: #d7dce5;
    --gray50: #b4c0d3;
    --gray60: #96a0b5;
    --gray70: #8491a7;
    --gray80: #67738e;
    --gray90: #5c667b;
    --gray100: #475067;
    --gray110: #373f57;
    --gray120: #292e41;
    --gray130: #151822;
    --green10: #f3fffd;
    --green20: #ebfffc;
    --green30: #defaf6;
    --green40: #aff4e5;
    --green50: #7beed8;
    --green60: #4fe5c7;
    --green70: #00deb3;
    --green80: #00d3ab;
    --green90: #11be9a;
    --green100: #17a187;
    --green110: #2a7c6d;
    --green120: #286258;
    --coral10: #fffafa;
    --coral20: #fff5f7;
    --coral30: #fce6e6;
    --coral40: #fec5c5;
    --coral50: #fea4a3;
    --coral60: #ff837e;
    --coral70: #ff7a72;
    --coral80: #ff6d6a;
    --coral90: #ff5656;
    --coral100: #eb413f;
    --coral110: #d63131;
    --coral120: #b81d1d;
    --orange10: #fffbf5;
    --orange20: #fff7eb;
    --orange30: #ffebcc;
    --orange40: #ffd699;
    --orange50: #ffc46b;
    --orange60: #ffb84d;
    --orange70: #ffa929;
    --orange80: #ff9a03;
    --orange90: #f09000;
    --orange100: #e08700;
    --orange110: #b86e00;
    --orange120: #804d00;
    --yellow10: #fffbeb;
    --yellow20: #fff7d6;
    --yellow30: #fff2b8;
    --yellow40: #ffe885;
    --yellow50: #ffe15f;
    --yellow60: #ffdb3d;
    --yellow70: #ffd41a;
    --yellow80: #facb00;
    --yellow90: #ebbf00;
    --yellow100: #dbb200;
    --yellow110: #ad8d00;
    --yellow120: #755f00;
    --forestGreen10: #f0fff6;
    --forestGreen20: #e0ffed;
    --forestGreen30: #c7ffdd;
    --forestGreen40: #8affb9;
    --forestGreen50: #57ff9a;
    --forestGreen60: #00ff66;
    --forestGreen70: #00e55c;
    --forestGreen80: #00cc52;
    --forestGreen90: #00be4c;
    --forestGreen100: #00a843;
    --forestGreen110: #008535;
    --forestGreen120: #006629;
    --skyBlue10: #f5fdff;
    --skyBlue20: #ebfaff;
    --skyBlue30: #dbf7ff;
    --skyBlue40: #bdf0ff;
    --skyBlue50: #99e8ff;
    --skyBlue60: #70dfff;
    --skyBlue70: #57d9ff;
    --skyBlue80: #02c6ff;
    --skyBlue90: #00b6eb;
    --skyBlue100: #00a2d1;
    --skyBlue110: #008ab2;
    --skyBlue120: #006380;
    --violet10: #fcfaff;
    --violet20: #f8f5ff;
    --violet30: #efe5ff;
    --violet40: #deccff;
    --violet50: #cbadff;
    --violet60: #b185ff;
    --violet70: #9d66ff;
    --violet80: #8d4dff;
    --violet90: #7224ff;
    --violet100: #5a00fa;
    --violet110: #4600c2;
    --violet120: #2e0080;

    /* ÁöÇÏö ³ë¼± */
    /* ¼­¿ï */
    --subwayLine101:#0052a4;
    --subwayLine102:#34a344;
    --subwayLine103:#ec611b;
    --subwayLine104:#2995d6;
    --subwayLine105:#7c38d6;
    --subwayLine106:#ab4518;
    --subwayLine107:#5e661f;
    --subwayLine108:#df1c62;
    --subwayLine109:#ca9a35;
    --subwayLine201:#dd9520; /* ¼öÀκдç */
    --subwayLine1101:#9c1b2c; /* ½ÅºÐ´ç */
    --subwayLine901:#2c96df; /* °øÇ×öµµ */
    --subwayLine301:#6490c7; /* ÀÎõ1È£¼± */
    --subwayLine302:#ed8b00; /* ÀÎõ2È£¼± */
    --subwayLine1801:#395697; /* ½Å¸² */
    --subwayLine1601:#7eb543; /* ¼­ÇØ */
    --subwayLine1701:#8b651b; /* ±èÆ÷°ñµå */
    --subwayLine1501:#bcb202; /* ¿ìÀ̽ż³ */
    --subwayLine203:#216ceb; /* °æ°­¼± */
    --subwayLine202:#fe9132; /* ÀÇÁ¤ºÎ */
    --subwayLine1201:#159768; /* °æÃá */
    --subwayLine1301:#61aa5e; /* ¿¡¹ö¶óÀÎ */
    --subwayLine1001:#66af90; /* °æÀÇÁß¾Ó */
    --subwayLine303:#feb700; /* ÀÚ±âºÎ»ó */
    /* ºÎ»ê */
    --subwayLine401:#ec5430;
    --subwayLine402:#34a344;
    --subwayLine403:#b68748;
    --subwayLine404:#3a66a9;
    --subwayLine405:#74428f; /* ºÎ»ê±èÇØ */
    --subwayLine406:#5d95c8; /* µ¿ÇØ */
    /* ´ë±¸ */
    --subwayLine501:#ec5430;
    --subwayLine502:#34a344;
    --subwayLine503:#feb700;
    /* ±¤ÁÖ */
    --subwayLine601:#34a344;
    /* ´ëÀü */
    --subwayLine801:#34a344;

	--footer_bg:#0e1d2c
}