@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(font.css);
/* web font : 모바일에서는 적용 안됨 무거워서 */
/* Reset */
 * {outline:0 !important;}  /* 모바일에서 터치후 외곽 라인생기는 거 없애기  */
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%;}
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/*   크롬/애플기반 접두사 -webkit- 터치하면 메뉴 나오는 거 막기, 사용자 클릭 드래그 막기, 링크 클릭시 백경 피맇게 생기는 거 막고 바꾸기  */
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
                               /* 반응형용 그이하 못 나오게  ,i phone에서소 뷰포트 변경되면 자동글씨크기제어 막기, 글씨늘어나 문장길어질때 자동 줄내림*/
body,input,select,textarea,button {border:none;font-size:12px; font-family:'Noto Sans KR', sans-serif,Nanum Gothic ;color:#727272;}
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-wieight:normal;}
label img,input,select,textarea,button{vertical-align:middle;}  
/* .hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;} */
.hide,legend,caption span{position:absolute; left:-3000%;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
/* html5에서 모두 인라인요소 => block요소로 변경   */

a{color:#000;text-decoration:none;}
 
/* Form */
textarea { border:1px solid #dbdbdb;text-indent: none;}
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:14px; line-height:100%;}
/*  placeholder 선택하는 방법    */
textarea { padding:5px 20px; text-indent: 0;box-sizing: border-box;}
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=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;}
/*form 요소 모양 모두 사각형으로 초기화 , search 경우 모서리가 둥글다.  */
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;}

.skip{position:absolute; left:0; top:-100%; z-index: 2; width:100%; height:50px;font-size: 15px;
color:#fff; text-align: center; line-height: 50px; background: #000; transition:all 0.5s;}
.skip:focus{top:0;}