@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;}
button { border:0; background-color: transparent; }
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 15px;}
}

/* body - mo nav open */
body.mo-nav {overflow:hidden}