@charset "utf-8";


/* ******************** 리셋 ******************** */
/* 여백 초기화 */
html, body, div, span, h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd, p, address, blockquote, pre, cite,
form, fieldset, input, textarea, select, button, iframe, table, th, td {margin:0; padding:0; }

/* 테두리 */
table, fieldset, img {border:0 none;}

/*목록*/
ul, ol, li {list-style-type:none;}

/*테이블*/
table {border-collapse:collapse;}
th {font-weight:normal; text-align:left;}
caption {visibility:hidden; overflow:hidden; width:0;height:0;font-size:0;line-height:0; text-align: left}

/* 이미지와 폼 요소 정렬 */
img {vertical-align:top;}
label, input, select, textarea, button {vertical-align:middle;}

/* 텍스트 */
strong {font-weight:normal;}
em, address, cite {font-style:normal;}

/* 폼 요소 */
label, button {cursor:pointer;}
legend {position:absolute; font-size:0; line-height:0; height:0;}
input, textarea, option, button { font-family: 'NanumSquareNeo','Sans-serif'; font-size: 1.3rem; letter-spacing: -0.5px; outline: none; border-radius: 0;}
input[type=text],input[type=password], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0;  border-radius: 0;}
select {  font-family: 'NanumSquareNeo','Sans-serif'; font-size: 1.3rem; letter-spacing: -0.5px; color: #333; border-radius: 0; webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
textarea { white-space: pre-wrap; }

textarea:focus { outline: none; }
button:focus { outline: none; }
input:focus { outline: none; }
select:focus { outline: none; }
select::-ms-expand { display: none; }

input::-ms-input-placeholder { color: #8e8e8e; }
input::-webkit-input-placeholder { color: #8e8e8e; } 
input::-moz-placeholder { color: #8e8e8e; }
textarea::-ms-input-placeholder { color: #8e8e8e; }
textarea::-webkit-input-placeholder { color: #8e8e8e; } 
textarea::-moz-placeholder { color: #8e8e8e; }



/* ******************** 사이트 공통 ******************** */
*,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font-size: 62.5%; overflow-x: hidden;}
html, body { width:100%; height:100%; }
body { font-family: 'NanumSquareNeo', sans-serif; font-size: 1.3rem; letter-spacing: -0.5px; background-color: #fff; text-rendering: auto; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
a { text-decoration:none; color: #333; }
::-moz-selection {background:#0475f4; color:#FFF; text-shadow:none;}
::selection {background:#0475f4; color:#FFF; text-shadow:none;}
::-moz-selection {background:#0475f4; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#0475f4; color:#FFF; text-shadow:none;}
.material-icons { display: inline-block; vertical-align: middle; font-size: 20px; }

/* 클리어 픽스 */
.clearfix:after { display:block; clear:both; content: ''; }

/* 사이트 섹션 컨테이너 */
.sec-width {width:1200px; margin:0 auto;}

@media(max-width:1200px) {
    .sec-width {width:100%; padding:0 30px;}
}

// sub-tit

.sub-tit {
  position:relative; padding-left:17px; font-weight:600; padding-bottom:10px; font-size:1.4rem;
  &:after {
    content: ""; position: absolute; top: 0px; left: 0; width: 14px; height: 14px; border-radius: 50%; border: 3px solid #7babff;
  }
}

.contact-txt {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 25px;
  padding-top: 5px;
  text-align: center;
  float: left;
  width: 20px;
  margin-right: 5px;
}

@media (max-width: 768px) {
  .contact-txt {
    display: none;
  }
}

.authorize-txt {
    clear: both;
    p {
      color: #ed6c5f; font-size: 1.3rem; font-weight: 600; line-height: 20px; padding-top: 5px; 
    }
    p.success {
      color: #4e8cd7;
    }
  }