@charset "utf-8";

/* fonts */
@font-face {
	font-family:'NanumBarunGothicLight';
    src:url('../fonts/NanumBarunGothicLight.eot');
    src:url('../fonts/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NanumBarunGothicLight.woff') format('woff'),
        url('../fonts/NanumBarunGothicLight.ttf') format('truetype'),
        url('../fonts/NanumBarunGothicLight.svg#NanumBarunGothic') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'NanumBarunGothic';
    src:url('../fonts/NanumBarunGothic.eot');
    src:url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NanumBarunGothic.woff') format('woff'),
        url('../fonts/NanumBarunGothic.ttf') format('truetype'),
        url('../fonts/NanumBarunGothic.svg#NanumBarunGothic') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'NanumBarunGothicBold';
    src:url('../fonts/NanumBarunGothicBold.eot');
    src:url('../fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NanumBarunGothicBold.woff') format('woff'),
        url('../fonts/NanumBarunGothicBold.ttf') format('truetype'),
        url('../fonts/NanumBarunGothicBold.svg#NanumBarunGothicBold') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
    font-family: 'klavika_light';
    src: url('../fonts/klavika-light.eot');
    src: url('../fonts/klavika-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/klavika-light.woff') format('woff'),
         url('../fonts/klavika-light.ttf') format('truetype'),
         url('../fonts/klavika-light.svg#klavikalight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'klavika_bold';
    src: url('../fonts/klavika-bold.eot');
    src: url('../fonts/klavika-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/klavika-bold.woff') format('woff'),
         url('../fonts/klavika-bold.ttf') format('truetype'),
         url('../fonts/klavika-bold.svg#klavika_regularbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'klavika_regular';
    src: url('../fonts/klavika-regular.eot');
    src: url('../fonts/klavika-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/klavika-regular.woff') format('woff'),
         url('../fonts/klavika-regular.ttf') format('truetype'),
         url('../fonts/klavika-regular.svg#klavika_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'klavika_medium';
    src: url('../fonts/klavika-medium.eot');
    src: url('../fonts/klavika-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/klavika-medium.woff') format('woff'),
         url('../fonts/klavika-medium.ttf') format('truetype'),
         url('../fonts/klavika-medium.svg#klavikamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* common */
html.ie { overflow:auto; }
html { font-size:16px; overflow-x:hidden; overflow-y:scroll; }

body { font-size:16px; color:#333333; margin:0; padding:0; font-family:'klavika_regular','NanumBarunGothic',sans-serif !important;
       -webkit-font-smoothing:antialiased; font-smoothing:antialiased;  }

textarea { border-radius:0; -webkit-font-smoothing:antialiased; -webkit-appearance:none; }

::-moz-selection { color:#fff; background:#f2850f; }
::selection { color:#fff; background:#f2850f; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; }
button, p, ul, ol, input, textarea { margin:0; padding:0; }

li { list-style:none; }

a { color:#8d8d8d; text-decoration:none;
          webkit-transition: all 0.6s ease-in-out-out; 
          -moz-transition: all 0.6s ease-in-out; 
          -o-transition: all 0.6s ease-in-out; 
          transition: all 0.6s ease-in-out; }

a:hover { text-decoration:none;
          -webkit-transition: all 0.6s ease-in-out; 
          -moz-transition: all 0.6s ease-in-out; 
          -o-transition: all 0.6s ease-in-out; 
          transition: all 0.6s ease-in-out; }

img { border:0; padding:0; margin:0; display:block; }
address, em { font-style:normal; }

.Left { float:left;}
.Right { float:right;}
.clear { clear:both; }
.clear:after { content:""; display:block; clear:both; }
.bold { font-weight:bold; }
.normal { font-weight:normal;}

.txt_center { text-align:center; }
.txt_left { text-align:left; }
.txt_right { text-align:right; }


/* forms */
.forms .iptxt { position:relative; width:100%; /* height:3.125em; vertical-align:middle; */ padding:16px 20px 14px 20px; 
                background:#424242; display:inline-block; z-index:0; overflow:hidden; font-size:0.875em; }

.forms .iptext .focus { background:#797c80; color:#FFF; }				
.forms .item { width:100%; margin:0; padding-bottom:6px;}
.forms .item .edit { min-height:210px; }


/* btn */

button { background:#1968b3; color:#FFF; height:65px; cursor:pointer; border:0; border-radius:5px; font-size:1.000em; font-family:'NanumBarunGothicLight';
               -webkit-transition: all 0.3s ease-in-out; 
               -moz-transition: all 0.3s ease-in-out; 
               -o-transition: all 0.3s ease-in-out; 
               transition: all 0.3s ease-in-out;  }

button:hover { background-color:#1e77cb;
               -webkit-transition: all 0.3s ease-in-out; 
               -moz-transition: all 0.3s ease-in-out; 
               -o-transition: all 0.3s ease-in-out; 
               transition: all 0.3s ease-in-out; }

.close  { width:100%; height:100%; display:block; }
.close img { opacity:0.6; filter:alpha(opacity=60);
	         transition:all 0.3s ease-out;
             -webkit-transition:all 0.3s ease-out;
			 -moz-transition:all 0.3s ease-out;
			 -o-transition:all 0.3s ease-out;
			 -ms-transition:all 0.3s ease-out;
			  transition:all 0.3s ease-out; }

.close a:focus img,
.close a:hover img { opacity:1; filter:alpha(opacity=100);
                     -webkit-transform:rotate(180deg);
	                 -moz-transform:rotate(180deg);
      	             -o-transform:rotate(180deg);
	                 -ms-transform:rotate(180deg);
	                  transform:rotate(180deg); }