@charset "utf-8";

/*
 * File       : common.css
 * SUMMARY:
 * 01) GLOBAL
 * 02) OVERLAY
 * 03) CONTAINER
 */

/* ************************************** *
 * PC VER
 * ************************************** */

/* GLOBAL */
*{padding:0; margin:0; text-decoration:none}
*, *:before, *:after{box-sizing:border-box}
html{font-size:20px !important; -webkit-font-smoothing: subpixel-antialiased; -ms-font-smoothing: subpixel-antialiased}
body{font-size:1rem !important; font-family:'pretendard' !important; margin:0; padding:0; -webkit-touch-callout:none; -webkit-touch-select:none; -ms-user-select:none; -moz-user-select:none; -webkit-user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -o-user-select:none; user-select:none; line-height:1.05rem !important;}
body{
    -webkit-touch-callout:none;
    -webkit-touch-select:none;
    -ms-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -o-user-select: none;
    user-select: none;
}
html, body, iframe, h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; border:0px; font:inherit; vertical-align:baseline; font-weight:normal; -webkit-font-smoothing:subpixel-antialiased; font-smoothing:antialiased; font-smooth:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:subpixel-antialiased !important; font-smoothing:subpixel-antialiased !important; font-smooth:subpixel-antialiased; color:#666; line-height:1.3em;}
ul{margin:0px; padding:0px; list-style:none;}
li, p{margin:0px; padding:0px; list-style:none;}
p{color:#666}
a{text-decoration:none; color:#666}
img{max-width:100%; display:block; -ms-interpolation-mode:bicubic}
input, button, textarea, select{font-family:'Noto Sans KR' !important; outline:none !important; border:none; -webkit-appearance:none; border-radius:0}
input[type="radio"]{appearance:none; -webkit-appearance:none; -ms-appearance:none; display:none;}
button{outline:none !important; border:none; padding:0; margin:0}
picture, source{line-height:0; display:block}
table{width:100%; border-collapse:collapse; border-spacing:0; padding:0}
table th{color:#333}
table th, td{border-bottom: 1px solid #ddd}
caption{visibility:hidden; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0}
article, aside, figure, footer, header, hgroup, menu, nav, section{display:block;}
fieldset{border:0; padding:0; margin:0; outline:none;}
content h1, h2, h3, h4, h5, h6{font-weight:600; padding-bottom:12px;}
.clearfix:before, .clearfix:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.clearfix{zoom:1;}

/* OVERLAY */
.dim {display: none; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}

/* CONTAINER */
#subContainer{width:100%; margin:0; padding:0; box-sizing:border-box;}
#subContent{max-width:1024px; margin:30px auto 0; box-sizing:border-box; padding:0 10px}

/* 로딩바 */
.loadingArea{margin:0 auto;}
.loadingArea > img{margin:0 auto; height:62px}

/* ************************************** *
 * TABLET PC VER
 * ************************************** */
@media (min-width:768px) and (max-width:1023px){
    html{font-size:18px !important}
    body{font-size:1rem !important; margin:0; padding:0}

    /* CONTAINER */
    #subContent{width:100%; margin:0 auto; padding:0}
}

/* ************************************** *
 * MOBILE VER
 * ************************************** */
@media (min-width:0) and (max-width:767px){
    html{font-size:16px !important;}
    body{font-size:1rem !important; margin:0; padding:0}

    /* CONTAINER */
    #subContent{width:100%; margin:0 auto; padding:0}

    /* 로딩바 */
    .loadingArea > img{height:50px;}
}