@charset "utf-8";

/* 한글 : NotoSansKR */
@font-face {
    font-family: 'NotoSansKR';
	font-weight: 100;
    src: url(../fonts/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'),
    	 url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
		 url(../fonts/NotoSansKR-Thin.woff) format('woff');
	unicode-range:U+AC00-D7A3, U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'NotoSansKR';
	font-weight: 200;
    src: url(../fonts/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
    	 url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
		 url(../fonts/NotoSansKR-Light.woff) format('woff');
	unicode-range:U+AC00-D7A3, U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'NotoSansKR';
	font-weight: 300;
    src: url(../fonts/NotoSansKR-SemiLight.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/NotoSansKR-SemiLight.woff2) format('woff2'),
		 url(../fonts/NotoSansKR-SemiLight.woff) format('woff');
	unicode-range:U+AC00-D7A3, U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'NotoSansKR';
	font-weight: 400;
    src: url(../fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
    	 url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
		 url(../fonts/NotoSansKR-Regular.woff) format('woff');
	unicode-range:U+AC00-D7A3, U+0041-005A, U+0061-007A;
}


@font-face {
    font-family: 'NotoSansKR';
	font-weight: 500;
   	src: url(../fonts/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
    	 url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
		 url(../fonts/NotoSansKR-Medium.woff) format('woff');
	unicode-range:U+AC00-D7A3, U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'NotoSansKR';
	font-weight: 600;
    src: url(../fonts/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
    	 url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
		 url(../fonts/NotoSansKR-Bold.woff) format('woff');
		 unicode-range:U+AC00-D7A3, U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'NotoSansKR';
	font-weight: 700;
    src: url(../fonts/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
    	 url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
		 url(../fonts/NotoSansKR-Black.woff) format('woff');
	unicode-range:U+AC00-D7A3, U+0041-005A, U+0061-007A;
}

/*숫자 : Roboto*/
@font-face {
    font-family: 'roboto';
	font-weight: 100;
	font-style: italic;
	src: url(../fonts/roboto-thinitalic-webfont.woff2) format('woff2'),
		 url(../fonts/roboto-thinitalic-webfont.woff) format('woff');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'roboto';
	font-weight: 100;
	font-style:normal;
	src: url(../fonts/roboto-thin-webfont.woff2) format('woff2'),
		 url(../fonts/roboto-thin-webfont.woff) format('woff');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'roboto';
	font-weight: 200;
	font-style: italic;
	src: url(../fonts/roboto-lightitalic-webfont.woff2) format('woff2'),
		 url(../fonts/roboto-lightitalic-webfont.woff) format('woff');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family:  'roboto';
	font-weight: 200;
	font-style:normal;
	src: url(../fonts/roboto-regular-webfont.woff2) format('woff2'),
		 url(../fonts/roboto-regular-webfont.woff) format('woff');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'roboto';
	font-weight: 300;
	font-style:normal;
	src: url(../fonts/roboto-regular-webfont.woff2) format('woff2'),
		 url(../fonts/roboto-regular-webfont.woff) format('woff');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'roboto';
	font-weight: 300;
	font-style:normal;
	src: url(../fonts/roboto-regular-webfont.woff2) format('woff2'),
		 url(../fonts/roboto-regular-webfont.woff) format('woff');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'robotomedium_italic';
	font-weight: 400;
	font-style: italic;
	src: url(../fonts/roboto-mediumitalic-webfont.woff2) format('woff2'),
		 url(../fonts/roboto-mediumitalic-webfont.woff) format('woff');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'robotomedium';
	font-weight: 400;
	font-style:normal;
	src: url(../fonts/roboto-medium-webfont.woff2) format('woff2'),
		 url(../fonts/roboto-medium-webfont.woff) format('woff');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'robotobold_italic';
	font-weight: 500;
	font-style:normal;
	src: url(../fonts/roboto-bolditalic-webfont.woff2) format('woff2'),
		 url(../fonts/roboto-bolditalic-webfont.woff) format('woff');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'robotobold';
	font-weight: 500;
	font-style:normal;
	src: url(../fonts/roboto-bold-webfont.woff2) format('woff2'),
		 url(../fonts/roboto-bold-webfont.woff) format('woff');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'robotoblack_italic';
	font-weight: 600;
	font-style:normal;
	src: url(../fonts/roboto-blackitalic-webfont.woff2) format('woff2'),
		 url(../fonts/roboto-blackitalic-webfont.woff) format('woff');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'robotoblack';
	font-weight: 600;
	font-style:normal;
	src: url(../fonts/roboto-black-webfont.woff2) format('woff2'),
		 url(../fonts/roboto-black-webfont.woff) format('woff');
	unicode-range: U+0030-0039;
}


*{margin:0; padding:0 ; font-size:14px; color:#191919; letter-spacing:-0.8px; font-weight:400;line-height: 1.5;font-family: 'NotoSansKR', 'roboto', sans-serif;}
ol,ul, li, dl, menu {list-style:none;}
.sfri *{vertical-align: middle;}
a {text-decoration: none;}
button {border:0 none; background-color: transparent; cursor: pointer;}
img, input, select, textarea, button {vertical-align: middle;}
select {-moz-appearance: none; -webkit-appearance: none; -o-appearance:none; appearance: none; background: #fff url('../images/arrow_down.svg')no-repeat; background-position-x: calc(100% - 10px) !important; background-position-y: center !important; background-size:10px;}

/* select,input */
select,input {padding: 6px;box-sizing: border-box; border-radius:none; display:inline-block;border: 1px solid #d5d5d5; border-radius:4px; box-sizing:border-box;height: 32px;}
select::-ms-expand{display: none;}
.date_select {-moz-appearance: none; -webkit-appearance: none; -o-appearance:none; appearance: none; background: #fff url('../images/calendar.svg')no-repeat; background-size:12px; background-position-x: calc(100% - 12px) !important; background-position-y: center !important;}
input:-ms-input-placeholder { color:777; opacity: 1;}
input[type='checkbox'] {height:20px;}

/* 웹접근성 관련 수정 */
/* select:focus,input:focus {outline:none; border:1px solid #4876ef;} */
select:focus,input:focus {border:1px solid #4876ef;}
/* 웹접근성 관련 수정 끝 */

button{vertical-align: middle;}

/* margin */
.mt0{margin-top:0px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt8{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb8{margin-bottom:8px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb80{margin-bottom:80px !important;}

.mr8{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.ml0{margin-left:0px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml8{margin-left:8px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}


/* padding */
.pd0 {padding:0 !important;}

.pt0{padding-top:0px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}

.pb0{padding-bottom:0px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}

.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

/*width*/
.w1p{width: 1% !important;}
.w2p{width: 2% !important;}
.w3p{width: 3% !important;}
.w4p{width: 4% !important;}
.w5p{width: 5% !important;}
.w6p{width: 6% !important;}
.w7p{width: 7% !important;}
.w8p{width: 8% !important;}
.w9p{width: 9% !important;}
.w10p{width: 10% !important;}
.w18p{width: 18% !important;}
.w20p{width: 20% !important;}
.w30p{width: 30% !important;}
.w40p{width: 40% !important;}
.w50p{width: 50% !important;}
.w60p{width: 60% !important;}
.w70p{width: 70% !important;}
.w80p{width: 80% !important;}
.w90p{width: 90% !important;}
.w100p{width: 100% !important;}

.w40{width:40px !important;}
.w50{width:50px !important;}
.w56{width:56px !important;}
.w80{width:80px !important;}
.w84{width:84px !important;}
.w100{width:100px !important;}
.w110{width:110px !important;}
.w112{width:112px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w143{width:143px !important;}
.w185 {width: 185px !important;}
.w204 {width: 204px !important;}
.w215 {width: 215px !important;}
.w220 {width: 220px !important;}
.w240 {width: 240px !important;}
.w280 {width: 280px !important;}
.w365 {width: 365px !important;}
.w378 {width:378px !important;}
.w400 {width:400px !important;}
.w580 {width: 580px !important;}
.w700 {width: 700px !important;}
.w800 {width:800px !important;}
.w840 {width:840px !important;}
.w1000 {width:1000px !important;}

/* height */
.h100 {height:100px !important;}

.minH346 {min-height:calc(100vh - 410px) !important;}
.minH440 {min-height:calc(100vh - 317px) !important;}
.minH515 {min-height:calc(100vh - 236px) !important;}

/*text align*/
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !important;}

/*font size*/
.fs12{font-size:12px !important;}

/* font weight */
.fw600{font-weight:600;}

/* display */
.flex{display:flex;}
.none{display:none;}

/*color*/
.font_blue{color:#3865dc !important;}
.font_navy{color:#00223F !important;}
.font_red{color:#e40a2e !important;}

/*border*/
.border_blue {border:1px solid #3865dc;}
.border_navy {border:1px solid #00223F;}
.border_red {border:1px solid #e40a2e;}

/* justify */
.j_center {justify-content:center;}
.j_space-between {justify-content:space-between;}
.j_flex-end {justify-content:flex-end;}

@media print{
	table th,
	table td{font-size: 8pt;}
}


@media (max-width: 1024px){
	select,input[type="text"]{height: 38px;}
}