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

html{overflow-y:scroll;}
*{margin:0;padding:0;}
body{position:relative; min-height:100%;height:100%;font-family:'notokr-regular'; font-size:20px; line-height:1.2em; color:#222; word-break:keep-all}
body,html{height:100%}
legend,caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0}
em{font-style:normal}
textarea{width:94%;padding:10px;border:1px solid #b6b6b6;font-size:13px;color:#333;font-family:Dotum,sans-serif;}
select,input[type=text]{height:40px;margin:0;padding:0 8px;font-size:12px;line-height:40px;font-family:NanumGothic,sans-serif;vertical-align:middle;border:0px;;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#666666;border:1px solid #dbdbdb;}
select{padding:0 0 0 10px;}
select.black{border:1px solid #666666; background:#ffffff;height:40px; line-height:34px; width:141px; font-size:13px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=radio],input[type=checkbox]{margin:0px;padding:0px;vertical-align:middle}
ul,ol,li,dl,dt,dd{list-style:none}
div,ul,ol,li,dl,dt,dd,form,fieldset,p,h1,h2,h3,h4,h5,h6,blockquote,iframe{margin:0;padding:0;}
img{border:0;vertical-align:top}
fieldset{border:0}
hr{display:none;clear:both}
table{border-collapse:collapse;font-size:12px;color:#333;border-spacing:0;width:100%;}
th, td {font-weight:normal;}
table thead th {font-weight:bold;text-align:center;}
table td.time {color:#999}
a,a:link,a:visited,a:active{color:#666666;letter-spacing:normal;text-decoration:none}
a:hover,
a:focus{color:#666666;letter-spacing:normal;text-decoration:underline}
strong{ font-style: normal; font-family:"NanumGothic";}
input::-webkit-input-placeholder { color:#666666; }
input::-moz-placeholder { color:#666666; } /* firefox 19+ */
input:-ms-input-placeholder { color:#666666; } /* ie */
input::-moz-placeholder { color:#666666; }
textarea.inputStyle{border:1px solid #e0e0e0; background:#ffffff;width:292px;height:40px; line-height:40px; font-size:13px;padding:0 15px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.checkbox label{vertical-align:middle; line-height:13px;}
.txtL{ text-align:left !important;}
.txtR{ text-align:right !important;}
.txtC{ text-align:center !important;}


/* 공통항목 */
.border{border:1px solid red !important;}

.mgt10{margin-top:10px !important}
.mgt20{margin-top:20px !important}
.mgt30{margin-top:30px !important}
.mgt40{margin-top:40px !important}
.mgt50{margin-top:50px !important}
.mgt60{margin-top:60px !important}
.mgt70{margin-top:70px !important}
.mgt80{margin-top:80px !important}
.mgt90{margin-top:90px !important}
.mgt100{margin-top:100px !important}

.mgl10{margin-left:10px !important}
.mgl20{margin-left:20px !important}
.mgl30{margin-left:30px !important}
.mgl40{margin-left:40px !important}
.mgl50{margin-left:50px !important}
.mgl60{margin-left:60px !important}
.mgl70{margin-left:70px !important}
.mgl80{margin-left:80px !important}
.mgl90{margin-left:90px !important}
.mgl100{margin-left:100px !important}

.mgr10{margin-right:10px !important}
.mgr20{margin-right:20px !important}
.mgr30{margin-right:30px !important}
.mgr40{margin-right:40px !important}
.mgr50{margin-right:50px !important}
.mgr60{margin-right:60px !important}
.mgr70{margin-right:70px !important}
.mgr80{margin-right:80px !important}
.mgr90{margin-right:90px !important}
.mgr100{margin-right:100px !important}

.pdt10{padding-top:10px !important}
.pdt20{padding-top:20px !important}
.pdt30{padding-top:30px !important}
.pdt40{padding-top:40px !important}
.pdt50{padding-top:50px !important}
.pdt60{padding-top:60px !important}
.pdt70{padding-top:70px !important}
.pdt80{padding-top:80px !important}
.pdt90{padding-top:90px !important}
.pdt100{padding-top:100px !important}

.pdl10{padding-left:10px !important}
.pdl20{padding-left:20px !important}
.pdl30{padding-left:30px !important}
.pdl40{padding-left:40px !important}
.pdl50{padding-left:50px !important}
.pdl60{padding-left:60px !important}
.pdl70{padding-left:70px !important}
.pdl80{padding-left:80px !important}
.pdl90{padding-left:90px !important}
.pdl100{padding-left:100px !important}

.vtm{vertical-align:middle !important}
.d-flex{display:flex !important}
.just-s-b{justify-content:space-between !important;}
.txtl{text-align:left !important}
.txtc{text-align:center !important}
.txtr{text-align:right !important}
.txtboth{text-align:justify !important}

.posi-R{position:relative}
.posi-A{position:absolute}
.posi-S{position:static}

.opacity-8{opacity:.8}

/* 서체 관련 */
.noto-100{font-family: 'notokr-thin' !important;letter-spacing:-0.03em}
.noto-200{font-family: 'notokr-light' !important;letter-spacing:-0.03em}
.noto-300{font-family: 'notokr-demilight' !important;letter-spacing:-0.03em}
.noto-400{font-family: 'notokr-regular' !important;letter-spacing:-0.03em}
.noto-500{font-family: 'notokr-medium' !important;letter-spacing:-0.03em}
.noto-600{font-family: 'notokr-bold' !important;letter-spacing:-0.03em}
.noto-700{font-family: 'notokr-black' !important;letter-spacing:-0.03em}

/* 버튼 */
button{color:#fff; font-family:'notokr-demilight'; font-size:20px; padding:10px 35px; text-align:center; background:#428ee5; border-radius:6px; border:0; cursor:pointer}
button:hover{box-shadow:inset 0 0 10px rgba(0,0,0,.7); text-shadow:2px 2px 4px rgba(0,0,0,.9)}