@charset "utf-8";

/* 폰트 */
@font-face {
    font-family:'Nanum';
    src:url('/font/nanum.eot');
    src:url('/font/nanum.eot?#iefix') format('embedded-opentype'), url('/font/nanum.woff') format('woff'), url('/font/nanum.ttf') format('truetype');
    font-weight:normal;
    font-style:normal; 
}

@font-face {
    font-family:'NanumBold';	
    src:url('/font/nanum_bold.eot');
    src:url('/font/nanum_bold.eot?#iefix') format('embedded-opentype'), url('/font/nanum_bold.woff') format('woff'), url('/font/nanum_bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal; 
}

/* 나눔스퀘어 */
@font-face 
{
	font-family:"NanumSquareR";
	src:url('/font/NanumSquareR.eot');
    src:url('/font/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('/font/NanumSquareR.woff') format('woff'), url("../fonts/NanumSquareR.ttf") format("truetype");
}

@font-face 
{
	font-family:"NanumSquareB";
	src:url('/font/NanumSquareB.eot');
    src:url('/font/NanumSquareB.eot?#iefix') format('embedded-opentype'), url('/font/NanumSquareB.woff') format('woff'), url("../fonts/NanumSquareB.ttf") format("truetype");
}

/* 본고딕 */
@font-face 
{
	font-family:"NotoT";
	src:url('/font/notokr/notokrT.eot');
    src:url('/font/notokr/notokrT.eot?#iefix') format('embedded-opentype'),
        url('/font/notokr/notokrT.woff2') format('woff2'),
        url('/font/notokr/notokrT.woff') format('woff');
}
@font-face 
{
	font-family:"NotoL";
	src:url('/font/notokr/notokrL.eot');
    src:url('/font/notokr/notokrL.eot?#iefix') format('embedded-opentype'),
	 	/*url('/font/notokr/notokrL.woff2') format('woff2'),*/
        url('/font/notokr/notokrL.woff') format('woff');
}
@font-face 
{
	font-family:"NotoR";
	src:url('/font/notokr/notokrR.eot');
    src:url('/font/notokr/notokrR.eot?#iefix') format('embedded-opentype'),
        url('/font/notokr/notokrR.woff2') format('woff2'),
        url('/font/notokr/notokrR.woff') format('woff');
}
@font-face 
{
	font-family:"NotoM";
	src:url('/font/notokr/notokrM.eot');
    src:url('/font/notokr/notokrM.eot?#iefix') format('embedded-opentype'),
        url('/font/notokr/notokrM.woff2') format('woff2'),
        url('/font/notokr/notokrM.woff') format('woff');
}



/* HTML5 요소 브라우져 인식 */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
mark {background: #FF0; color: #000}

body{font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
body, input, textarea, select, button, table, h1, h2, h3, h4, h5{font-size:14px; line-height:1.286em;}

/* HTML Default */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
mark{background:#FF0;color:#000}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
a {margin:0; padding:0; text-decoration:none;}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
table {border-collapse:collapse; border-spacing:0; width:100%;}
h1, h2, h3, h4, h5 {font-weight:normal; font-family:'NanumBold';}
img, select, input, button {vertical-align:middle;}
input, select { color:inherit; font:inherit; line-height:100%; }
textarea { resize:none; font:inherit; overflow-y:auto; }
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
.hid, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
caption {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
body {margin:0; padding:0; font-size:14px; word-break:break-all; -webkit-text-size-adjust:none;}
ul, ol, li, figure {list-style-type:none; margin:0; padding:0;}
cite, blockqoute {display:block; font-style:normal;}
figcaption { display:none;}
.blind {display:block; overflow:hidden; position:absolute; top:0; left:0; width:0 !important; min-width:0 !important; height:0; border:0; background:0 0; font-size:0; line-height:0}

.fL {float:left;}
.fR {float:right;}
.cboth {display:block; content:""; clear:both;}
.ta_r {text-align:right !important;} 
.ta_l {text-align:left !important;} 
.ta_c {text-align:center !important;}
.colblue {color:#0054a6 !important;}
.colred {color:#e60013 !important;}
.colorange {color:#f26522 !important;}
.colgreen {color:#f26522 !important;}
.underline {text-decoration:underline;}
.inblk {display:inline-block;}

/* 팝업 기본 스타일 */
/* 인풋 기본 */
.pop_input {height:25px; font-family:"Gulim"; border:1px solid #b2b7c7; vertical-align:middle; color:#444; margin-left:0; font-size:13px;}

/* 팝업 *************************************************************************************************************************************************************************************************************************************************/
#pop_wrap {position:relative;}
#pop_wrap h1 {padding:10px 20px; color:#fff; font-family:"NotoM"; font-size:20px; line-height:1.5; letter-spacing:-1px; border-bottom:1px solid #233346; background:#394b61;}
#pop_wrap .pop_con {position:relative; margin:20px; overflow:hidden;}
#pop_wrap .bnt_close {position:absolute; right:10px; top:10px; text-align:center;}
#pop_wrap .bnt_close a {display:block; width:30px; line-height:30px; text-indent:-10000em; background:url('../images/sub/btn_pop_close.png') no-repeat center;}




@media screen and (max-width :810px) {

	/* 테이블 */
	.table_st_box {overflow:hidden;}
	.table_st {width:100%;}
}