@charset "utf-8";

/*폰트값 설정(단위:rem) 변경 시에 사용
:root {font-size:16px}
*/

/*나눔스퀘어라운드체*/
@font-face {
    font-family:'NanumSquareRound';
    font-style:normal;
    font-weight:100;
    src:local('NanumSquareRound Light'),
    url(../fonts/NanumSquareRoundL.ttf) format('truetype');
}

@font-face {
    font-family:'NanumSquareRound';
    font-style:normal;
    font-weight:300;
    src:local('NanumSquareRound Regular'),
    url(../fonts/NanumSquareRoundR.ttf) format('truetype');
}

@font-face {
    font-family:'NanumSquareRound';
    font-style:normal;
    font-weight:400;
    src:local('NanumSquareRound Bold'),
    url(../fonts/NanumSquareRoundB.ttf) format('truetype');
}

@font-face {
    font-family:'NanumSquareRound';
    font-style:normal;
    font-weight:700;
    src:local('NanumSquareRound ExtraBold'),
    url(../fonts/NanumSquareRoundEB.ttf) format('truetype');
}

*, *:before, *:after {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin:0;
    padding:0;
    outline:0 !important; /*포폴용으로 사용*/
    user-select:none; /*포폴용으로 사용*/
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}

html, body {
    width:100%;
    height:100%
}

body {
    background:#fff;
    min-width:360px;
    -webkit-text-size-adjust:none;
    word-wrap:break-word;
    word-break:break-all
}

body, input, select, textarea, button {
    border:none; font-size:13px; font-family:'NanumSquareRound','normal'; color:#212121
}

ul, ol, li {list-style:none}
table {width:100%; border-spacing:0; border-collapse:collapse}
img, fieldset {border:0}
address, cite, code, em {font-style:normal; font-weight:normal}
label, img, input, select, textarea, button {vertical-align:middle}
a {color:#000; text-decoration:none}

main, header, section, nav, footer, aside, article, figure {display:block}

hr {display:none}

.hide, caption, legend {position:absolute; left:-99999px}

.cf:before,
.cf:after {content:""; display:block; clear:both}

/* 모바일 메뉴 활성화 후 html body 영역 스크롤 비활성화 */
.not-scroll {position:fixed; overflow:hidden; width:100%; height:100%}

/* 모바일 form */
@media screen and (max-width:750px) {
    input[type=text], input[type=password], input[type=email], input[type=search], input[type=tel], input[type=url] {
        padding:0 20px; width:100%; height:40px; line-height:38px; font-size:16px; color:#373737; border:1px solid #e9e9e9; background:#fff; border-radius:2px; vertical-align:middle}
    input::-webkit-input-placeholder {color:#b1b1b1; font-size:16px; line-height:100%}
    input:focus {border:1px solid #81b1ff}
}