@charset "utf-8";
/*--Font--*/
/*Noto Sans*/
/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
@font-face {
    font-family:'Noto Sans KR';
    src:local('Noto Sans KR'),
        url(../../fonts/Noto_Sans_KR/NotoSansKR-Regular.otf) format('opentype'),
        url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family:'Noto Sans KR';
    src:local('Noto Sans KR'),
        url(../../fonts/Noto_Sans_KR/NotoSansKR-Bold.otf) format('opentype'),
        url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
    font-weight: 700;
    font-style: normal;
}
* {font-family: 'Noto Sans KR', sans-serif; -webkit-font-smoothing: antialiased;}
*/
/*하나금융서체*/
@font-face {
    font-family:'Hana';
    src:local('Hana'), /*로컬에 적용된 폰트 명, 근데 HanaL인지 Hana인지 정확히 기억이 안나네요..*/
        url(/common/fonts/HanaL.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family:'Hana';
    src:local('Hana'), /*로컬에 적용된 폰트 명*/
        url(/common/fonts/HanaM.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}
* {font-family: 'Hana', sans-serif; -webkit-font-smoothing: antialiased;}

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%; line-height:100%;}
/*html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}*/
html{-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:12px;color:#333333;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,caption,cite,code,em{font-style:normal;font-weight:normal;}
/*label,img,input,select,textarea,button{vertical-align:middle;}*/
caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}
 * {outline:0  !important;-webkit-tap-highlight-color:rgba(0,0,0,0) !important;tap-highlight-color:rgba(0,0,0,0) !important;}
a:link,a:hover,a:active{text-decoration:none;}
footer {text-align:center;}
 
/* Form */
textarea { border:1px solid #dbdbdb;}
select { height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;border-radius: 5px;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {width:100%; height:30px; font-size:13px; color:#373737; border:1px solid #aaa; background:#fff; text-decoration:none; text-indent:20px; border-radius: 5px; transition: all 0.5s; vertical-align:middle;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}
textarea { padding:5px 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=email][disabled]{background:#eaeaea !important; border-color:#c0c0c0 !important; color:#666 !important; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666 !important; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px;}

.clear { zoom:1;clear:both;}
.clear:after { content:""; display:block; clear:both;}