@charset "utf-8";

@import url('/font/font.css');

html, body {height:100%; min-width:320px;}
body {
	font-family:'PretendardGOV',맑은고딕,'Malgun Gothic',돋움,Dotum,sans-serif; font-size:1rem; line-height:1.6; font-weight:200; /*letter-spacing:-0.5px;*/ -webkit-text-size-adjust:none; word-break:keep-all; word-wrap:break-word;
}

/********************************
 skip-nav
 *******************************/
#skip_nav {position:absolute; left:0; top:0; width:100%; z-index:9999}
#skip_nav a {overflow:hidden; display:block; height:1px; margin-bottom:-1px; color:#fff; font-size:16px; text-decoration:none;}
#skip_nav a:active, #skip_nav a:focus{width:100%; height:auto; padding:8px 0 10px; background-color:#e0e7ef; font-size:16px; text-align:center; font-weight:500; outline: 1px solid blue;outline-offset:-5px}
                               
.margint35 {margin-top:35px}           


/********************************
 reset
 *******************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input,button,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; background:transparent; vertical-align:baseline; word-break:keep-all;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {display:block;}
dl, dt, dd, ol, ul, li {list-style:none;}
select:-ms-expand {display:none;}
select {font-size:1rem; border-radius:0; border:1px solid #b2b4b6; font-family: 'PretendardGOV';}
blockquote, q {quotes:none;}
table {border-spacing:0; letter-spacing:0;}
em, address, i {font-style:normal;}
label, button {cursor:pointer;}
table caption, legend, .blind {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}
img {max-width:100%; height:auto; vertical-align:middle;}
hr {display:block; width:100%; margin:1em 0; padding:0; height:1px; border:0; border-top:1px solid #ccc;}
hr.no {padding:0; margin:0; background-color:transparent;}
h1, h2, h3, h4, h5, h6, b, caption, th, dt{font-weight:500;}
strong{font-weight: 600;}
table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;}

a {color:#555; vertical-align:baseline; background:transparent; text-decoration:none;}
/*a:link {color:#555;}
a:visited {color:#555; text-decoration:underline;}
a:active {color:#555; text-decoration:underline;}
a:hover, a:focus {color:#333; text-decoration:none;}*/
a:focus{outline: 3px solid red; outline-offset:-3px}


.disblock {display:block;}
.f_small {font-size:80%;}
.grey {color:#c8c8c8}
input {font-family: 'PretendardGOV', 맑은고딕, 'Malgun Gothic', 돋움, Dotum, sans-serif; font-size:1rem}
.board_topBox .search select {background-position: 108% 50% !important;}

/*버튼*/
button {
    display: inline-block;
    color: #555;
    text-align: center;
    vertical-align: middle;
}
button:-moz-focus-inner,input:-moz-focus-inner {border:0; padding:0}     




/********************************
 width height
 *******************************/
.w3 	{ width: 3%; }
.w4 	{ width: 4%; }
.w5 	{ width: 5%; }
.w5-2 	{ width: 5.2%; }
.w6 	{ width: 6%; }
.w7 	{ width: 7%; }
.w8 	{ width: 8%; }
.w9 	{ width: 9%; }
.w10	{ width: 10%; }
.w11	{ width: 11%; }
.w12	{ width: 12%; }
.w12-5	{ width: 12.5%; }
.w15	{ width: 15%; }
.w14	{ width: 14%; }
.w16	{ width: 16%; }
.w17	{ width: 17%; }
.w18	{ width: 18%; }
.w19	{ width: 19%; }
.w20	{ width: 20%; }
.w21	{ width: 21%; }
.w22	{ width: 22%; }
.w23	{ width: 23%; }
.w24	{ width: 24%; }
.w25	{ width: 25%; }
.w26	{ width: 26%; }
.w27	{ width: 27%; }
.w28	{ width: 28%; }
.w29	{ width: 29%; }
.w30	{ width: 30%; }
.w32	{ width: 32%; }
.w33	{ width: 33%; }
.w34	{ width: 34%; }
.w35 	{ width: 35%; }
.w36 	{ width: 36%; }
.w37 	{ width: 37%; }
.w38 	{ width: 38%; }
.w39 	{ width: 39%; }
.w40 	{ width: 40%; }
.w41 	{ width: 41%; }
.w42 	{ width: 42%; }
.w43 	{ width: 43%; }
.w44 	{ width: 44%; }
.w45 	{ width: 45%; }
.w50 	{ width: 50%; }
.w54	{ width: 54%; }
.w55 	{ width: 55%; }
.w57 	{ width: 57%; }
.w60 	{ width: 60%; }
.w62 	{ width: 62%; }
.w65 	{ width: 65%; }
.w68 	{ width: 68%; }
.w69 	{ width: 69%; }
.w70 	{ width: 70%; }
.w75 	{ width: 75%; }
.w80 	{ width: 80%; }
.w82 	{ width: 82%; }
.w85 	{ width: 85%; }
.w90 	{ width: 90%; }
.w95 	{ width: 95%; }
.w97 	{ width: 97%; }
.w100 	{ width: 100%; }
.w1000  { width:1000px;}

.wp26	{ width: 26px;}
.wp27	{ width: 27px;}
.wp50	{ width: 50px;}
.wp100	{ width: 100px;}

.h5 	{ height: 5px; }
.h10 	{ height: 10px; }
.h15 	{ height: 15px; }
.h18 	{ height: 18px; }
.h20 	{ height: 20px; }
.h23 	{ height: 23px; }
.h25 	{ height: 25px; }
.h30 	{ height: 30px; }
.h35 	{ height: 35px; }
.h40 	{ height: 40px; }
.h45 	{ height: 45px; }
.h50 	{ height: 50px; }
.h55 	{ height: 55px; }
.h60 	{ height: 60px; }
.h65 	{ height: 65px; }
.h70 	{ height: 70px; }
.h75 	{ height: 75px; }
.h80 	{ height: 80px; }
.h85 	{ height: 85px; }
.h90 	{ height: 90px; }
.h95 	{ height: 95px; }
.h100 	{ height: 100px; }

/********************************
 margin
 *******************************/
.mg_1 { margin: 1px; }
.mg_2 { margin: 2px; }
.mg_3 { margin: 3px; }
.mg_4 { margin: 4px; }
.mg_5 { margin: 5px; }
.mg_10 { margin: 10px; }
.mg_15 { margin: 15px; }
.mg_20 { margin: 20px; }
.mg_25 { margin: 25px; }
.mg_30 { margin: 30px; }
.mg_35 { margin: 35px; }
.mg_40 { margin: 40px; }
.mg_45 { margin: 45px; }
.mg_50 { margin: 50px; }
.mg_55 { margin: 55px; }
.mg_60 { margin: 60px; }
.mg_65 { margin: 65px; }
.mg_70 { margin: 70px; }
.mg_75 { margin: 75px; }
.mg_80 { margin: 80px; }
.mg_85 { margin: 85px; }
.mg_90 { margin: 90px; }
.mg_95 { margin: 95px; }
.mg_100 { margin: 100px; }

.mgt_-15 { margin-top:-15px; }
.mgt_5 { margin-top: 5px; }
.mgt_10 { margin-top: 10px; }
.mgt_15 { margin-top: 15px; }
.mgt_20 { margin-top: 20px; }
.mgt_25 { margin-top: 25px; }
.mgt_30 { margin-top: 30px; }
.mgt_35 { margin-top: 35px; }
.mgt_40 { margin-top: 40px; }
.mgt_45 { margin-top: 45px; }
.mgt_50 { margin-top: 50px; }
.mgt_55 { margin-top: 55px; }
.mgt_60 { margin-top: 60px; }
.mgt_65 { margin-top: 65px; }
.mgt_70 { margin-top: 70px; }
.mgt_75 { margin-top: 75px; }
.mgt_80 { margin-top: 80px; }
.mgt_85 { margin-top: 85px; }
.mgt_90 { margin-top: 90px; }
.mgt_95 { margin-top: 95px; }
.mgt_100 { margin-top: 100px; }

.mgr_0 { margin-right: 0px; }
.mgr_2 { margin-right: 2px; }
.mgr_3 { margin-right: 3px; }
.mgr_4 { margin-right: 4px; }
.mgr_5 { margin-right: 5px; }
.mgr_10 { margin-right: 10px; }
.mgr_15 { margin-right: 15px; }
.mgr_20 { margin-right: 20px; }
.mgr_25 { margin-right: 25px; }
.mgr_30 { margin-right: 30px; }
.mgr_35 { margin-right: 35px; }
.mgr_40 { margin-right: 40px; }
.mgr_45 { margin-right: 45px; }
.mgr_50 { margin-right: 50px; }
.mgr_55 { margin-right: 55px; }
.mgr_60 { margin-right: 60px; }
.mgr_65 { margin-right: 65px; }
.mgr_70 { margin-right: 70px; }
.mgr_75 { margin-right: 75px; }
.mgr_80 { margin-right: 80px; }
.mgr_85 { margin-right: 85px; }
.mgr_90 { margin-right: 90px; }
.mgr_95 { margin-right: 95px; }
.mgr_100 { margin-right: 100px; }

.mgb_3 { margin-bottom: 3px; }
.mgb_5 { margin-bottom: 5px; }
.mgb_10 { margin-bottom: 10px; }
.mgb_15 { margin-bottom: 15px; }
.mgb_20 { margin-bottom: 20px; }
.mgb_25 { margin-bottom: 25px; }
.mgb_30 { margin-bottom: 30px; }
.mgb_35 { margin-bottom: 35px; }
.mgb_40 { margin-bottom: 40px; }
.mgb_45 { margin-bottom: 45px; }
.mgb_50 { margin-bottom: 50px; }
.mgb_55 { margin-bottom: 55px; }
.mgb_60 { margin-bottom: 60px; }
.mgb_65 { margin-bottom: 65px; }
.mgb_70 { margin-bottom: 70px; }
.mgb_75 { margin-bottom: 75px; }
.mgb_80 { margin-bottom: 80px; }
.mgb_85 { margin-bottom: 85px; }
.mgb_90 { margin-bottom: 90px; }
.mgb_95 { margin-bottom: 95px; }
.mgb_100 { margin-bottom: 100px; }

.mgl_2 { margin-left: 2px; }
.mgl_5 { margin-left: 5px; }
.mgl_10 { margin-left: 10px; }
.mgl_15 { margin-left: 15px; }
.mgl_20 { margin-left: 20px; }
.mgl_25 { margin-left: 25px; }
.mgl_30 { margin-left: 30px; }
.mgl_35 { margin-left: 35px; }
.mgl_40 { margin-left: 40px; }
.mgl_45 { margin-left: 45px; }
.mgl_50 { margin-left: 50px; }
.mgl_55 { margin-left: 55px; }
.mgl_60 { margin-left: 60px; }
.mgl_65 { margin-left: 65px; }
.mgl_70 { margin-left: 70px; }
.mgl_75 { margin-left: 75px; }
.mgl_80 { margin-left: 80px; }
.mgl_85 { margin-left: 85px; }
.mgl_90 { margin-left: 90px; }
.mgl_95 { margin-left: 95px; }
.mgl_100 { margin-left: 100px; }



/********************************
 text
 *******************************/
.t_left {text-align:left;}
.t_right {text-align:right;}
.t_center {text-align:center;}
.t_bold {font-weight:500;}
.t_bigbold {font-weight:600;}
.t_red{color:#f00054;}
.t_blue{color:#003eff;}


.hidden{visibility: hidden; position: absolute; width: 0; height: 0; margin: 0; padding: 0; background: none; font-size: 0; line-height: 0;}