@charset "utf-8";

html{font-size:75%;}
body,input,select,textarea,td,th,p,div,h1,h2,h3,h4,h5,h6,ul,li,dt,dd,a,form, label,strong,small,table
{font-family:'Nanum Gothic','나눔-고딕',돋움,Arial,verdana,sans-serif; line-height:1.5em; vertical-align: baseline;}
html,body,h1,h2,h3,h4,h5,h6,p,ul,li,dt,dl,a,img, input, table, td, tr, th,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot,
article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video,div, span,
object, iframe,abbr, address, big, cite, code,del, dfn, em, strong, sub, sup, var, center{margin:0; padding:0;border: 0;}
a{text-decoration:none; color:inherit; display:inline-block;  cursor:pointer;}
a:link, a:visited, a:active{text-decoration:none;}
ul, dl, li, dt, dd{list-style:none;}
img, input, select{border:none; vertical-align:middle;}
img, video{ max-width:100%;}
.clearfix{zoom:1}
.clearfix:after{clear:both; display:block; content:""; height:0px; visibility:hidden;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* table */
table {border-collapse:collapse; border-spacing: 0;}
th, td { border-collapse:collapse; vertical-align:middle;border-spacing: 0; }
legend, caption, hr { /*display:none;*/ }

/* form */
form, fieldset { display:inline; }
textarea {vertical-align:top; text-align:left; border:none;}
fieldset, blockquote, iframe, button{ border:none; }

/*모바일 링크연결,이미지저장,하이라이트 비활성화*/
html,body{
 -webkit-touch-callout : none;
/* -moz-user-select: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select : none;*/
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 아이폰의 input 라운드 초기화 *//* form 요소의 디바이스 기반 스타일 초기화 */
input[type=text]{border-radius:0px 0px;-webkit-appearance:none;-moz-appearance:none;appearance: none;}
select{border-radius:0px 0px;}
/*select::-ms-expand { display: none;}*//*IE 10,11의 네이티브 화살표숨기기*/

/*스타일에 맞춰 바꾸기*/
/*
input[placeholder]{color:#ccc!important;font-size:14px;font-size:1rem; }
-webkit-input-placeholder{color:#ccc!important;font-size:14px;font-size:1rem; }
-moz-input-placeholder{color:#ccc!important;font-size:14px;font-size:1rem;}
-ms-input-placeholder{color:#ccc!important;font-size:14px;font-size:1rem;}
*/

/*Basic*/

/*Font*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
 font-family: 'Nanum Gothic'; font-style: normal;
 src: url('/fonts/NanumGothic.eot');
 src: url('/fonts/NanumGothic.eot') format('embedded-opentype'),
 url('/fonts/NanumGothic.woff') format('woff'),
 url('/fonts/NanumGothic.ttf') format('truetype');
 }
 @font-face { 
   font-family:'Nanum Barun Gothic'; font-style: normal;  
   src: url(/fonts/NanumBarunGothic.eot); 
   src: url(/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), 
        url(/fonts/NanumBarunGothic.woff2) format('woff2'), 
        url(/fonts/NanumBarunGothic.woff) format('woff'), 
        url(/fonts/NanumBarunGothic.ttf) format('truetype'); 
 }
@font-face { 
   font-family: 'Nanum Barun Gothic'; font-weight: 200; 
   font-style: normal; 
   src:url(/fonts/NanumBarunGothicUltraLight.eot); 
   src: local(/fonts/Nanum Barun Gothic UltraLight), 
        local(/fonts/NanumBarunGothicUltraLight), 
        url(/fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'), 
        url(/fonts/NanumBarunGothicUltraLight.woff2) format('woff2'), 
        url(/fonts/NanumBarunGothicUltraLight.woff) format('woff'), 
        url(/fonts/NanumBarunGothicUltraLight.ttf) format('truetype'); 
}  
 @font-face { 
   font-family: 'Nanum Barun Gothic'; font-weight: 300; 
   font-style: normal; 
   src:url(/fonts/NanumBarunGothicLight.eot); 
   src: local(/fonts/Nanum Barun Gothic Light), 
        local(/fonts/NanumBarunGothicLight), 
        url(/fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'), 
        url(/fonts/NanumBarunGothicLight.woff2) format('woff2'), 
        url(/fonts/NanumBarunGothicLight.woff) format('woff'), 
        url(/fonts/NanumBarunGothicLight.ttf) format('truetype'); 
 }