@charset "utf-8";


* {margin:0; padding:0; border:0 none transparent; box-sizing:border-box;}
:before, :after {box-sizing:border-box;}
html, body, pre {font-family:'AritaDotum', sans-serif; font-size:14px;  color:#333; letter-spacing:-0.03em;}
form, fieldset, p, figure {word-break:normal; word-wrap:break-word;}
legend, caption, figcaption {display:none;}
img, fieldset {/*'transparent' for Opera7*/}
menu, ol, ul, li, dl, dt, dd {list-style:none;}
menu, ol, ul, dl, dt {display:block;}
table {width:100%; border-collapse:collapse;}
table th, table td {color:#333; vertical-align:top; word-break:normal; word-wrap:break-word;}
input, select, textarea, button {font-family:font-family:'AritaDotum',  sans-serif; font-size:14px; vertical-align:middle;}
textarea {resize:none;}
button, label {cursor:pointer;}
button::-moz-focus-inner {padding:0; border:0;}
a {text-decoration:none; cursor:pointer; transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
a:link, a:visited {color:#000;}
a:hover, a:active {color:#000;}
h1, h2, h3, h4, h5, h6 { word-break:normal; word-wrap:break-word;}
h1, h2, h3, h4, h5, h6, strong, th {font-weight:700;}
address, em, i {font-style:normal;}
hr {border-top:1px solid #e5e9ec;}
figure > span {line-height:0; display:block;}
img {vertical-align:middle}
/* ::-webkit-input-placeholder {color:#aaa;} 
:-moz-placeholder {color:#aaa; opacity:1;}
::-moz-placeholder {color:#aaa; opacity:1;}
:-ms-input-placeholder {color:#aaa !important;}
::-ms-input-placeholder {color:#aaa;}
.placeholder {color:#aaa !important;} */


/* base - input */
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],input[type="image"],textarea{-webkit-appearance:none;border-radius:0} 
input:checked[type="checkbox"]{background-color:#666;-webkit-appearance:checkbox} 
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0} 
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none} 

 @font-face { 
     font-family: 'AritaDotum'; 
     font-style: normal; 
     font-weight: 100; 
     src: local('※'), 
         url('/css/font/AritaDotumThin.woff2') format('woff2'),  
         url('/css/font/AritaDotumThin.woff') format('woff'), 
         url('/css/font/AritaDotumThin.ttf') format('truetype'), 
         url('/css/font/AritaDotumThin.otf') format('opentype'), 
         url('/css/font/AritaDotumThin.eot') format('embedded-opentype'); 
 } 
 
 
 @font-face { 
     font-family: 'AritaDotum'; 
     font-style: normal; 
     font-weight: 400; 
     src: local('※'), 
         url('/css/font/AritaDotumMedium.woff2') format('woff2'),  
         url('/css/font/AritaDotumMedium.woff') format('woff'), 
         url('/css/font/AritaDotumMedium.ttf') format('truetype'), 
         url('/css/font/AritaDotumMedium.otf') format('opentype'), 
         url('/css/font/AritaDotumMedium.eot') format('embedded-opentype'); 
 } 
 
 
 @font-face { 
     font-family: 'AritaDotum'; 
     font-style: normal; 
     font-weight: 700; 
     src: local('※'), 
         url('/css/font/AritaDotumSemiBold.woff2') format('woff2'),  
         url('/css/font/AritaDotumSemiBold.woff') format('woff'), 
         url('/css/font/AritaDotumSemiBold.ttf') format('truetype'), 
         url('/css/font/AritaDotumSemiBold.otf') format('opentype'), 
         url('/css/font/AritaDotumSemiBold.eot') format('embedded-opentype'); 
 } 
 
 
 @font-face { 
     font-family: 'AritaDotum'; 
     font-style: normal; 
     font-weight: 900; 
     src: local('※'), 
         url('/css/font/AritaDotumBold.woff2') format('woff2'),  
         url('/css/font/AritaDotumBold.woff') format('woff'), 
         url('/css/font/AritaDotumBold.ttf') format('truetype'), 
         url('/css/font/AritaDotumBold.otf') format('opentype'), 
         url('/css/font/AritaDotumBold.eot') format('embedded-opentype'); 
 }