@charset "utf-8";

/****************************************** reset code ******************************************/

    html, body{overflow-x:hidden}
	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,input,select,
	time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 16px; line-height:1.5em;font-family: 'SUIT', sans-serif;font-weight:400; vertical-align: baseline; color:#222;word-break:keep-all; }

	ol, ul {list-style: none;}
    

    div, td, a, span, button, input, form, td, tr{box-sizing: border-box;}

	a{text-decoration: none; display:block;}
	span{font-size:inherit; color:inherit; font-weight:inherit; font-family:inherit;}
	button{background: #fff; border: 0; border-radius: 0;}

    /* 표 기본 셋팅 */
    table {border-collapse: collapse; }
    td{vertical-align:middle; border:0; background:#f0f0f0}
    thead td{background:#F0F0F0; }


    input{border:0; }
    

    section{ width:100vw; padding-top:22vh}
    .inner{width:80%; margin:0 auto; display:block;}

/****************************************** input, select ******************************************/
    input{padding:0.7vmin 2vmin 0.8vmin; background:#F6F6F6; border:1px solid #D9D9D9; height:4vmin; border-radius: 0.4vmin;}
    input:focus{outline:none; border:2px solid #2661b9; box-shadow:0 0 2px #2661b9}
    select { -webkit-appearance: none;-moz-appearance: none;appearance: none;padding:0.7vmin 1vmin 0.8vmin; height:4vmin;  border:1px solid #999;  border-radius:0.4vmin}
    /* 크롬, 사파리, 엣지, 오페라 */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
    .pre-line{white-space: pre-line;}

    /* 파이어폭스 */
    input[type="number"] {
        -moz-appearance: textfield;
    }


/****************************************** 글자 크기 ******************************************/
	
    .fs_w00{font-size:10px;}
	.fs_w01{font-size:14px;}
    .fs_w02{font-size:16px;}
    .fs_w03{font-size:18px;}
    .fs_w04{font-size:20px;}
    .fs_w05{font-size:22px;}
    .fs_w06{font-size:24px;}
    .fs_w07{font-size:26px;}
    .fs_w08{font-size:28px;}
    .fs_w09{font-size:30px;}
    .fs_w10{font-size:32px;}
    .fs_w11{font-size:34px;}
    .fs_w12{font-size:36px;}
    .fs_w13{font-size:38px;}
    .fs_w14{font-size:40px;}
    .fs_w15{font-size:42px;}
    .fs_w16{font-size:44px;}
    .fs_w17{font-size:46px;}
    .fs_w18{font-size:48px;}
    .fs_w19{font-size:50px;}
    .fs_w20{font-size:52px;}
    .fs_w21{font-size:54px;}
    .fs_w22{font-size:56px;}
    .fs_w23{font-size:58px;}
    .fs_w24{font-size:60px;}
    .fs_w25{font-size:62px;}
    .fs_w26{font-size:64px;}

/****************************************** 글자 색상 ******************************************/

	.co_white{color:#fff;}
	.co_black{color:#222;}
	.co_gray1{color:#f0f0f0;}
    .co_gray2{color:#aaa;}
    .co_red{color:#C20000;}

    .co_1{color:#22508C}
    .co_2{color:#e4f5f2}


/****************************************** 글자 정렬 ******************************************/

	.f_c{text-align:center;}
	.f_r{text-align:right;}

/****************************************** 글자 굵기 ******************************************/

    .f_bo1{font-weight:100}
    .f_bo2{font-weight:200}
    .f_bo3{font-weight:300}
    .f_bo4{font-weight:400}
    .f_bo5{font-weight:500}
    .f_bo6{font-weight:600}
    .f_bo7{font-weight:700}
    .f_bo8{font-weight:800}
    .f_bo9{font-weight:900}

/****************************************** 글자 행간 ******************************************/

    .f_100{line-height:1em;}
    .f_130{line-height:1.8em;}

/****************************************** 폰트 단락 조정 ******************************************/

    .preLine{white-space: pre-line;}
    .textJust{text-align:justify;}

/****************************************** 배경 색상 ******************************************/
    
    .bco_1{background:#22508C}
	.bco_white{background:#fff;}
	.bco_black{background:#222;}
	.bco_gray1{background:#d5d5d5;}
    .bco_gray2{background:#eee}