@font-face {
 font-family: 'NanumSquare';
 src: url(fonts/NanumSquareR.eot);
 src: url(fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareR.woff) format('woff'),
      url(fonts/NanumSquareR.ttf) format('truetype');
}

* { font-family:arial, helvetica, sans-serif, 'NanumSquare'; word-break:keep-all; -ms-word-break:keep-all; -webkit-word-break:keep-all; -moz-word-break:keep-all; -o-word-break:keep-all; box-sizing: border-box;} 
html, body {min-height: 100%; }
body {margin :0; font-size:15px; line-height:1.5; overflow-y:scroll;  background-color:#fff !important;background-size:cover;/*background-size: 100% 0421*/}
.main {min-height: 100%; margin :0 auto ; padding:0 5% ; padding-bottom:150px; max-width:1500px; }
a:link, a:visited, a:active, a:hover     {text-decoration:none}
ul, li  {padding:0; margin:0; list-style-type:none; } 
input,select,button{vertical-align:middle;}
img {border :0; vertical-align:middle }
table {border-spacing:0; padding:0; border-collapse: collapse}

header {padding: 0 4%}
h1 {color:#ffffff; text-align: center; margin:3% 0; font-size:40px; }

select {height:30px; padding:2px; margin-bottom:5px; line-height:17px;border:1px #C7C7C7 solid;}
input[type="text"] { height:30px; padding-bottom:5px; margin-bottom:5px; line-height:17px;border:1px #C7C7C7 solid;  }
input[type="password"] {}
input[type="radio"]  {width:20px;height:20px;margin-bottom:5px;}
input[type="checkbox"] {width:20px;height:20px;margin-bottom:5px;}
input[type="button"] {cursor:pointer; padding:0 13px; height:36px;  font-size:14px; font-weight:bold;}
textarea { color:#000000; height:80px; font-size:14px;line-height:150%;border:1px #ccc solid;}

.regi {margin :0 auto ;  max-width:900px; padding:0 }
/*.regi  form {border-radius: 5px; background:rgba(255,255,255,0.9); padding: 4% ; } */
.regi h2  {color:#c64634; margin:0; text-align: center }  

.regi .a  {font-size:14px; color:#404040; }
.regi .a  li  {float:left;} 
.regi  hr {margin:10px 20px; clear: both;  border-top: 1px solid #e2e2e2 ;  border-bottom:0;  }

.regi .info     { padding-left:140px;}
.regi .info  dt {margin-left:-150px; position: absolute; padding-top:5px; font-weight: bold}
.regi .info li  { margin-bottom:10px;}
.regi .info .w3 {width:85%}
.regi .policy    {margin-top:80px;}
.regi .policy li .textbox  {width:100%; border:1px #e5e5e5 solid; background:#ffffff; padding:10px; font-size:12px; color:#6d6d6d; line-height:140%; height:160px; overflow-y: scroll; }
.regi .policy li  { margin-bottom:20px;}
.regi .policy li:last-child {margin-bottom:5px}
.regi .policy li:last-child strong {display: block; margin-bottom: 10px;}



@media only screen and (max-width: 940px) { 
.regi  form {border-radius: 0}
h1 {font-size: 30px; }
}

@media only screen and (max-width: 770px) { 
h1 {font-size: 20px; }
h2 {font-size: 18px; }	
.regi .info     { padding-left:  80px;}
.regi .info  dt {margin-left:   -80px;}
.regi .info .w3 {width:100%}
}

.mobile {display:none }.desktop {display: inline-block}
@media only screen and (max-width: 1024px) {.mobile {display: inline-block}.desktop {display:none}
}
.nowrap{white-space:nowrap}

.btn{border-radius:4px; font-size:18px !important; font-weight: bold !important; padding:10px 40px !important; display: inline-block; margin: 20px 0 10px 0; color:#ffffff !important; background-color:#1858A8 !important;/*border:2px solid #1858A8 !important;*/}
.btn:focus, .btn:hover, .btn:active {color:#1858A8 !important;background-color:#ffffff !important;}
.zip_btn {height:30px !important; padding:0 5px !important; font-size:12px !important; }