@charset "utf-8";
@import url('font.css');  


*, *:before, *:after{box-sizing:border-box;}
[hidden], area, base, basefont, command, datalist, head,input[type=hidden], link, menu[type=context], meta, noembed, noframes,param, script, source, style, track, title {display: none;/* case-insensitive */}
address, article, aside, blockquote, body, center, dd, dir, div, dl,dt, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header,hgroup, hr, html, legend, listing, menu, nav, ol, p, plaintext, pre,section, summary, ul, xmp{display:block;}
table{display: table;}
caption{display: table-caption;}
colgroup{display: table-column-group;}
col{display: table-column;}
thead{display: table-header-group;}
tbody{display: table-row-group;}
tfoot{display: table-footer-group;}
tr{display: table-row;}
td, th{display: table-cell;}
li{display: list-item;}

/* reset */
body,div,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,ol,table,tr,th,td,caption,form,fieldset,input,select,textarea,blockquote,address{margin:0;padding:0;}
img,fieldset,iframe{border:0 none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
address,em{font-style:normal;font-weight:normal;}
table{width:100%; border-collapse:collapse;border-spacing:0px;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;}
input, select{-webkit-border-radius:0px; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"]{-webkit-appearance:none; vertical-align:middle;}
select{-webkit-appearance: none; -moz-appearance: none; appearance: none; opacity:1 !important; background:#fff url(../img/skin/select_arrow.png) calc(100% - 20px) 50% no-repeat; border:1px solid #ced1d3; vertical-align:middle; outline:none;}
select::-ms-expand{display:none;}
button{border:0; outline:0; background:0;}

/* base */
html body{position:relative; font-family:'NanumSquareNeo'; font-size:15px; color:#2d2d2d; padding:0; overflow-x:hidden;}
body * {letter-spacing:-0.025em;}
ul,ol,li{list-style:none;line-height:100%;}
a{text-decoration:none; color:inherit; line-height:1.0;}
a:hover, a:focus{text-decoration:none;}
caption,legend, .hide{position:absolute;top:-5000px;text-indent:-5000px;visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
ul:after{content:" ";display:block;clear:both;}
textarea {resize:none;}
img{vertical-align:middle;}
hr{display:none;}
section{margin:0;padding:0;}
section:after{content:" "; display:block; clear:both;}
header:after{content:" "; display:block; clear:both;}
.clfix:after{content:" "; display:block; clear:both;}


.m0{margin:0 !important;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml100{margin-left:100px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
									  
/* À¥Á¢±Ù¼º */
/* Àü¿ª Æ÷Ä¿½º(Å°º¸µå) °¡½ÃÈ­ */
:focus-visible {
  outline: 3px solid #000;
  outline-offset: 3px;
}
a:focus-visible, button:focus-visible, [role="button"]:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
  /* ½ÃÀμº º¸°­ (¹è°æ ´ëºñ ³·Àº ¿ä¼Ò ´ëºñ) */
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .35);
  border-radius: 6px;
}

/* Æ÷Ä¿½º ¼û±èÀ» °­Á¦ÇÏ´Â ¸®¼Â ¹«·ÂÈ­ */
a, button, [role="button"], input, select, textarea {
  -webkit-tap-highlight-color: transparent;
  outline: none; /* ¡ç ¸®¼ÂÀÌ ÀÖ´Ù¸é */
}
a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline: none; /* ¡ç ¸®¼ÂÀÌ ÀÖ´Ù¸é */
}
/* ÇÏÁö¸¸ Å°º¸µåÀÏ ¶§´Â À§ÀÇ :focus-visible ±ÔÄ¢ÀÌ Ç×»ó À̱è *
/* À¥Á¢±Ù¼º */