@charset "utf-8";

/* font_face */
@font-face{
	font-family:'bon';
    font-weight:400;
	src:url('fonts/NotoSans-Light.eot'),
    url('fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/NotoSans-Light.otf') format('opentype'),
	url('fonts/NotoSans-Light.woff') format('woff'),
	url('fonts/NotoSans-Light.woff2') format('woff'),
    local(※);    
}
@font-face{
	font-family:'bon';
    font-weight:600;
	src:url('fonts/NotoSans-Regular.eot'),
    url('fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/NotoSans-Regular.otf') format('opentype'),
	url('fonts/NotoSans-Regular.woff') format('woff'),
	url('fonts/NotoSans-Regular.woff2') format('woff'),
    local(※);    
}
@font-face{
	font-family:'bon';
    font-weight:700;
	src:url('fonts/NotoSans-Medium.eot'),
    url('fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/NotoSans-Medium.otf') format('opentype'),
	url('fonts/NotoSans-Medium.woff') format('woff'),
	url('fonts/NotoSans-Medium.woff2') format('woff'),
    local(※);    
}

/* base */

/* 요소(element) 여백 초기화  */
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,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,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure, figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{word-wrap:break-word;margin:0;padding:0;border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html {-webkit-text-size-adjust: none;} 

body{color:#696f7b; letter-spacing:-0.5px; font-family:'bon', '본고딕', 'NG', 'nanumgothic', '나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif; font-size:16px; line-height:1.70; font-weight:400;}
button{font-family:'bon', '본고딕', 'NG', 'nanumgothic', '나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif; font-size:16px; }
select{font-family:'bon', '본고딕', 'NG', 'nanumgothic', '나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif; font-size:16px; }
input{font-family:'bon', '본고딕', 'NG', 'nanumgothic', '나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif; font-size:16px; }
input::placeholder{font-family:'bon', '본고딕', 'nanumgothic', 'NG', '나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif; font-size:16px; }
textarea{font-family:'bon', '본고딕', 'nanumgothic', 'NG', '나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif; font-size:16px; }

a{color:inherit; text-decoration:none;}

img {border:0; vertical-align:top;}

/* [class^="btn_"]:hover, [class^="btn_"]:active, [class^="btn_"]:focus {text-decoration:none;} */
a:hover, a:focus, a:active {text-decoration:underline; text-underline-position:under;}

/* 목록 */
ol, ul, nav, aside {list-style:none;}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight:normal; font-style:normal;}

/* 테두리 없애기 */
fieldset, img, abbr, acronym { border:none; margin:0; padding:0;} 

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table { border-collapse:collapse; border-spacing:0;}

/* 수평선*/
hr { display:none; }

/* 나눔고딕 볼드 설정 */
/* 2023.04.07 봉만기 게시글에서 태그 가져오는 div class 만 예외처리한다. */
b:not(.board_cont *), strong:not(.board_cont *) {font-weight:700; color:#555;}

br{opacity:0;}

/* 윗첨자 아래첨자 */
sup, sub {font-size:10px;}

/* button 초기화 */
button{border:0; vertical-align:middle; cursor:pointer; -webkit-appearance:none; background:transparent;}
button::-moz-focus-inner {padding:0; border:0; }

/* ios input 버튼초기화 */
input {-webkit-appearance: none;-webkit-border-radius: 0;}
input:-webkit-autofill {background-color:transparent !important; -webkit-box-shadow: 0 0 0px 1000px white inset !important;}

/* number 마우스 오버 시 오른쪽 스핀 버튼 나타나지 않게 */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}

/* 전역클래스 */
.blind{width:0 !important; height:0 !important; min-height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important;}
.hidden{overflow:hidden; position:absolute; top:-10000em; height:0px; width:0px;}
table caption span{position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }

.ta_l {text-align:left !important; }
.ta_c {text-align:center !important; }
.ta_r {text-align:right !important; }
.va_m {vertical-align:middle !important;}

.ft_sz14 {font-size:14px;}

/* skip */
.skip_cts li a{position:absolute; left:0; top:-100px; width:100%; background:#1373be; color:#fff; text-align:center; padding:10px 0; z-index:1000;}
.skip_cts li a:focus{top:0;}

/* table */
table{width:100%; border-collapse:collapse; border-spacing:0;}