@CHARSET "ISO-8859-1";

/* Common CSS
 * --------------------------------------- */
 * {
	font-family: 'notokr-regular';
	box-sizing: border-box;
/* 	-webkit-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; */
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
	/* word-wrap: break-word; */
	word-break: keep-all;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

caption, legend{overflow:hidden;width:0;height:0;font-size:0;line-height:0}
textarea{resize:none;}
textarea.vert{resize:vertical;}

img {max-width:100%;}


/* accessibility */ 
#accessibility{position:absolute; left:0; top:0; width:100%; z-index:9999;}
#accessibility li{position:absolute; left:0; top:0; width:100%; z-index:9999;}
#accessibility a{overflow:hidden; display:block; width:1px; height:1px; margin-bottom:-1px; color:#444; font-size:0; text-decoration:none;}
#accessibility a:active, #accessibility a:focus{width:100%; height:auto; padding:5px 0; background:#303030;  font-size:14px; text-align:center; color:#fff;}


.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}

.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

.text_blue{color:#008bd5 !important;}

.tit_new {background:url(../images/common/ico_new.png) no-repeat; background-position:right; padding-right:30px;} /*NEW 아이콘*/

/* 버튼 */
.btn {display:inline-block; padding:7px 18px; color:#fff; font-weight:bold; font-size:0.95em; border-radius:1px; letter-spacing:0;} /* 보통 버튼사이즈 */
.l_btn {display:inline-black; padding:13px 45px; color:#fff; font-weight:bold; font-size:1.1em; border-radius:1px; letter-spacing:0;} /* 큰 버튼사이즈 */
.s_btn {display:inline-block; padding:4px 15px; color:#fff; font-weight:bold; font-size:0.88em !important; border-radius:1px; letter-spacing:0;} /* 작은 버튼사이즈 */
.btn:hover, .btn:focus, .btn:active,
.s_btn:hover, .s_btn:focus, .s_btn:active,
.l_btn:hover, .l_btn:focus, .l_btn:active
{color:#fff;}
.btn_navy {background:rgba(25, 47, 95, 1);}
.btn_navy:hover, .btn_navy:focus, .btn_navy:active {background:rgba(25, 47, 95, 1);}
.btn_gray {background:#929fb8;}
.btn_gray:hover, .btn_gray:focus, .btn_gray:active {background:#78859d;}
.btn_black {background:#111;}
.btn_black:hover, .btn_black:focus, .btn_black:active {background:#2f2f2f;}
.btn_blue {background:#005aae;}
.btn_blue:hover, .btn_blue:focus, .btn_blue:active {background:#004394;}
.btn_skyblue {background:#289be0;}
.btn_skyblue:hover, .btn_skyblue:focus, .btn_skyblue:active {background:#0086c9;}
.btn_pink {background:#e42c53;}
.btn_pink:hover, .btn_pink:focus, .btn_pink:active {background:#cd0043;}
.btn_white {background:#fff; color:#333; border:1px solid #ccc;}
.btn_white:hover, .btn_white:focus, .btn_white:active {background:#eaeaea; color:#222; border:1px solid #bbb;}




/* Font CSS
 * --------------------------------------- */
 
 @font-face {
    font-family: 'notokr-black';
    src: url('font/notokr-black.eot');
    src: url('font/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-black.woff2') format('woff2'),
         url('font/notokr-black.woff') format('woff'),
         url('font/notokr-black.ttf') format('truetype'),
         url('font/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-bold';
    src: url('font/notokr-bold.eot');
    src: url('font/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-bold.woff2') format('woff2'),
         url('font/notokr-bold.woff') format('woff'),
         url('font/notokr-bold.ttf') format('truetype'),
         url('font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-medium';
    src: url('font/notokr-medium.eot');
    src: url('font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-medium.woff2') format('woff2'),
         url('font/notokr-medium.woff') format('woff'),
         url('font/notokr-medium.ttf') format('truetype'),
         url('font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-regular';
    src: url('font/notokr-regular.eot');
    src: url('font/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-regular.woff2') format('woff2'),
         url('font/notokr-regular.woff') format('woff'),
         url('font/notokr-regular.ttf') format('truetype'),
         url('font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-light';
    src: url('font/notokr-light.eot');
    src: url('font/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-light.woff2') format('woff2'),
         url('font/notokr-light.woff') format('woff'),
         url('font/notokr-light.ttf') format('truetype'),
         url('font/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-thin';
    src: url('font/notokr-thin.eot');
    src: url('font/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-thin.woff2') format('woff2'),
         url('font/notokr-thin.woff') format('woff'),
         url('font/notokr-thin.ttf') format('truetype'),
         url('font/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;

}


/**** 모바일 ****/
@media (max-width:767px) {
	
	.mt0 {margin-top:0 !important;}
	.mb0 {margin-bottom:0 !important;}
}