@charset "utf-8";



/* nanum-myeongjo-regular - latin */
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url('../font/nanum-myeongjo-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumMyeongjo'),
       url('../font/nanum-myeongjo-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nanum-myeongjo-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/nanum-myeongjo-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/nanum-myeongjo-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/nanum-myeongjo-v11-latin-regular.svg#NanumMyeongjo') format('svg'); /* Legacy iOS */
}

/* noto-sans-kr-regular - latin */
@font-face {
  font-family: 'oto Sans Regular';
  font-style: normal;
  font-weight: 100;
  src: url('../font/noto-sans-kr-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../font/noto-sans-kr-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto-sans-kr-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto-sans-kr-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/noto-sans-kr-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto-sans-kr-v8-latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin */
@font-face {
  font-family: 'Noto Sans Medium';
  font-style: normal;
  font-weight: 500;
  src: url('../font/noto-sans-kr-v8-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../font/noto-sans-kr-v8-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto-sans-kr-v8-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto-sans-kr-v8-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../font/noto-sans-kr-v8-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto-sans-kr-v8-latin-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin */
@font-face {
  font-family: 'Noto Sans Bold';
  font-style: normal;
  font-weight: 700;
  src: url('../font/noto-sans-kr-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../font/noto-sans-kr-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto-sans-kr-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto-sans-kr-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../font/noto-sans-kr-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto-sans-kr-v8-latin-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin
@font-face {
  font-family: 'Noto Sans Black';
  font-style: normal;
  font-weight: 900;
  src: url('../font/noto-sans-kr-v8-latin-900.eot'); 
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('../font/noto-sans-kr-v8-latin-900.eot?#iefix') format('embedded-opentype'), 
       url('../font/noto-sans-kr-v8-latin-900.woff2') format('woff2'), 
       url('../font/noto-sans-kr-v8-latin-900.woff') format('woff'),
       url('../font/noto-sans-kr-v8-latin-900.ttf') format('truetype'), 
       url('../font/noto-sans-kr-v8-latin-900.svg#NotoSansKR') format('svg'); 
}
 */



* { -webkit-text-size-adjust: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }
html { font-size:14px; }
body,input,textarea,select,table,button { margin:0; padding:0; }
body,input,textarea,select,table,button { font-family:'Noto Sans KR', sans-serif; }
input,textarea,select,table,button { font-size:1em; }
img { border:0; vertical-align:middle; }
ul,ol,menu { margin:0; padding:0; list-style:none;}
dl,dl dt,dl dd,form,td,p,blockquote,pre,code {margin:0;padding:0;}
li,li img,dt img,dd img,td img,p img {margin:0;padding:0;}
iframe,fieldset {margin:0;padding:0;border:0;}
legend,caption,hr {text-indent:-99999px;display:none;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
a { color:inherit; text-decoration:none; cursor:pointer; }
a:hover{text-decoration:none;}
table {table-layout:fixed;border-spacing:0;}
input {padding:0;margin:0;overflow:visible;vertical-align:middle;}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number], textarea { -webkit-appearance:none; }
select {padding:0;margin:0;vertical-align:middle;}
em,address,dfn,cite {font-style:normal;}
textarea {padding:4px;border:1px solid #a9a9a9;vertical-align:top;margin:0;padding:0;resize:none;}
object,param {padding:0;margin:0;line-height:0;}

section, article, header, footer, hgroup, figcaption, figure, nav {display:block;}
div, section, menu {margin:0; padding:0; display:block;}

/*input, textarea, select { outline:0; } 170512 삭제*/
input, textarea { -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; }
button { cursor:pointer; background-color:transparent; -webkit-appearance:none; }
textarea { box-sizing:border-box; -webkit-box-sizing:border-box; overflow-y:auto; -webkit-overflow-scrolling:touch; -webkit-appearance:none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999 }
input[type=password] { letter-spacing:4px; }
input[type=password]::-webkit-input-placeholder { letter-spacing:0; }
input[type=password]::-moz-placeholder { letter-spacing:0; }
input[type=password]:-ms-input-placeholder { letter-spacing:0; }
fieldset { min-width:100%; }
pre { white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-all; }


@media aural { caption,legend,hr {display:block;} } 

.serif{ font-family:'Noto Serif KR' !important; }
.sans{ font-family:'Noto Sans KR' !important; }

.sans_regular{font-family:'NotoSans2' !important;}
.sans_blank{font-family:'NotoSans_bold' !important;}

.myeongjo{ font-family: 'Nanum Myeongjo' !important;  }

/* ----------------------------------------------------------------------------------------------------------------------------
 BTN
------------------------------------------------------------------------------------------------------------------------------ */
.btnboxarea{width:100%;text-align:center;}
.boardbtnboxarea{width:100%;text-align:center;padding:30px 0;}

.btn_st,
.btn_st:visited { text-align:center; color:#fff; text-decoration:none !important; font-weight:bold; line-height:1.2; 
    padding:15px 50px 15px; position:relative; min-width:100px; max-width:100%; 
	display:inline-block; outline:none; border:0; cursor:pointer; 
    background-size: 202% 100%;	
    background-position:0 0; 
    background-image: -webkit-linear-gradient(left, #012e5f 50%, #012245 50%);	
    background-image: linear-gradient(to right, #012e5f 50%, #012245 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    }
.btn_st:hover { background-position:-99% 0; text-decoration:none; color:#fff; }
.btn_st em{position:relative;display:inline-block;padding-right:30px;margin:0 30px;font-weight:300;}
.btn_st em::after { content:''; width:20px; height:20px; background:url(../images/main/button_ico_arrow.png) center center no-repeat; background-size:contain;  position:absolute; top:0; bottom:0; right:0px; margin:auto; }


.btn_st_gray,
.btn_st_gray:visited { color:#ffffff; 
    background-image: -webkit-linear-gradient(left, #585858 50%, #2f2f2f 50%);
    background-image: -o-linear-gradient(left, #585858 50%, #2f2f2f 50%);
    background-image: linear-gradient(to right, #585858 50%, #2f2f2f 50%);
	}
.btn_st_gray em::after{background:url(../images/main/main_download_icon_on.png) center center no-repeat;width:24px;}
	

    


@media only screen and (max-width:767px) {
    .btn_st,
    .btn_st:visited { padding:12px 0; display:block; }
    .btn_st::after { right:7px; width:15px; height:15px; }
}