@charset "utf-8";

@font-face {
    font-family:'Roboto'; 
    font-style:normal;
    font-weight:400;
    src:url("../../font/Roboto-Regular.otf") format("opentype"),
        url("../../font/Roboto-Regular.woff2") format("woff2"),
        url("../../font/Roboto-Regular.woff") format("woff");
}
@font-face {
    font-family:'Roboto'; 
    font-style:normal;
    font-weight:500;
    src:url("../../font/Roboto-Medium.otf") format("opentype"),
        url("../../font/Roboto-Medium.woff2") format("woff2"),
        url("../../font/Roboto-Medium.woff") format("woff");
}
@font-face {
    font-family:'Roboto'; 
    font-style:normal;
    font-weight:700;
    src:url("../../font/Roboto-Bold.otf") format("opentype"),
        url("../../font/Roboto-Bold.woff2") format("woff2"),
        url("../../font/Roboto-Bold.woff") format("woff");
}
@font-face {
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:400;
    src:url("../../font/NotoSansKR-Regular.otf") format("opentype"),
        url("../../font/NotoSansKR-Regular.woff2") format("woff2"),
        url("../../font/NotoSansKR-Regular.woff") format("woff");
}
@font-face {
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:500;
    src:url("../../font/NotoSansKR-Medium.otf") format("opentype"),
        url("../../font/NotoSansKR-Medium.woff2") format("woff2"),
        url("../../font/NotoSansKR-Medium.woff") format("woff");
}
@font-face {
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:700;
    src:url("../../font/NotoSansKR-Bold.otf") format("opentype"),
        url("../../font/NotoSansKR-Bold.woff2") format("woff2"),
        url("../../font/NotoSansKR-Bold.woff") format("woff");
}
/* Reset */
html, body {height:100%;font-family:'Roboto', 'NotoSansKR', -apple-system, 'AppleSDGothicNeo', 'dotum', '돋움', sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing: antialiased;font-size:10px;color:#000;background:#eee}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,select,input,textarea,p,blockquote,th,td,figure,figcaption {margin:0;padding:0;word-break:break-all}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption {display:block;}
h1,h2,h3,h4,h5,h6,th {font-weight:normal}
legend,fieldset {border:0 none;}
hr {display:block;height:0;border:0;}
input,select,textarea {font-family:'Roboto', 'NotoSansKR', -apple-system, 'AppleSDGothicNeo', 'dotum', '돋움', sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing: antialiased;*font-weight:inherit;vertical-align:middle;color:inherit;}
table{border-collapse:collapse;border-spacing:0;}
table,th,td {vertical-align:middle;}
caption,legend {width:0;height:0;line-height:0;visibility:hidden;font-size:0;}
ul,ol,li, button, a {list-style:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box}
em,address,strong,b {font-style:normal;}
textarea {resize:none;padding:20px;width:100%;min-height:200px;border:1px solid #ddd;border-radius:3px;font-size:1.4rem;line-height:20px;letter-spacing:normal;font-weight:400;color:#000;background:#fff}
textarea:disabled {color:#999;background:#eee}
button:focus,input:focus,select:focus,textarea:focus{outline:none}
img{border:0 none;vertical-align:top;max-width:100%;}
button {overflow:visible;margin:0;padding:0;vertical-align:top;background:none;border:0 none;border-radius:0;cursor:pointer;font-family:'Roboto', 'NotoSansKR', -apple-system, 'AppleSDGothicNeo', 'dotum', '돋움', sans-serif;}
select {padding:0 30px 0 10px;height:40px;border-radius:3px;border:1px solid #ddd;line-height:38px;-webkit-appearance:none;font-size:1.4rem;color:#000;background:url("../../images/common/mobile/ico_select.png") no-repeat right 10px center;background-size:10px auto}
select:disabled {color:#999;background:#eee url("../../images/common/mobile/ico_select.png") no-repeat right 10px center;background-size:10px auto}

a,a:link,a:visited,a:active {color:#000;text-decoration:none;}
a:hover {color:#f97063;}
a, button {-webkit-tab-highlight-color:rgba(0,0,0,0);-webkit-tab-highlight-color:transparent;}
input[type=text], input[type=date] {width:100%;padding:12px 10px 11px;border:1px solid #ddd;border-radius:3px;font-size:1.4rem;line-height:15px;letter-spacing:normal;font-weight:400;color:#000;outline:none;appearance:none;-webkit-appearance:none;background:#fff}
input[type=text]:disabled, input[type=date]:disabled {color:#999;background:#eee}
input[type=text]::placeholder, input[type=date]::placeholder {font-size:1.4rem;font-weight:400;letter-spacing:normal;color:#ccc}
input[type=date]::-webkit-calendar-picker-indicator {display:none;background:none}

input[type=password] {width:100%;padding:12px 10px 11px;border:1px solid #ddd;border-radius:3px;font-size:1.4rem;line-height:15px;letter-spacing:normal;font-weight:400;color:#000;outline:none;appearance:none;-webkit-appearance:none;background:#fff}
input[type=password]:disabled {color:#999;background:#eee}
input[type=password]::placeholder {font-size:1.4rem;font-weight:400;letter-spacing:normal;color:#ccc}
.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.blind{position:absolute;top:0;left:0;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.clfix:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
.point-c {color:#f97063 !important;}
.point-c-b {color:#3366cc !important;text-decoration:underline !important;}
.align-r {text-align:right !important}
.align-c {text-align:center !important}

* {box-sizing:border-box;}

.mgT10 {margin-top:10px !important}
.mgT20 {margin-top:20px !important}
.mgT30 {margin-top:30px !important}

/*****************************************************************
	[ 폰트사이즈참고 ]
	10px/1rem
	11px/1.1rem
	12px/1.2rem
	13px/1.3rem
	14px/1.4rem
	15px/1.5rem
	16px/1.6rem
	17px/1.7rem
*****************************************************************/