@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');
	

*  {outline:0 !important; margin:0; padding:0;}
html, body {width:100%; height:100%; -webkit-text-size-adjust:none; font-family: 'NotosansKR', sans-serif;  } /* html, body에 height:100%를 하지 않으면 다른 작업 시에 height: 값에 %가 먹지 않음.; 폰트가 자동조절되지 않도록하기위함 */
ul, ol, li  {list-style:none;}
a  {text-decoration:none;}
ul, li:after{content:''; display:block;} /* :after 가상태그  ul, li 태그를 가상으로 만드는데 컨텐츠가 없을때 block으로 가상으로 만들어라. */
header, nav, section, hgroup, article, aside, footer {display:block; font-family: 'NotosansKR', sans-serif; border-radius:0px 0px; /* 아이폰의 input 라운드 초기화 */ -webkit-appearance:none; /* form 요소의 디바이스 기반 스타일 초기화 */} 
button { box-sizing: border-box; padding: 0; border: 0; background: transparent; border: 0 none; cursor: pointer; font-family: 'NotosansKR', sans-serif; }
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0; vertical-align: middle;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
p, ul, ol {margin: 0;}

/* 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 #e9e9e9; background:#fff; 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=password][readonly],
input[type=email][readonly],  
input[type=tel][disabled],
input[type=password][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
.contents::before, .contents::after {content: ""; }
.contents::after {clear: both;}
.trans {overflow: hidden; width: 1px; height: 1px; clip: auto; position: absolute; margin: -1px;}



