@charset "UTF-8";


/* ----------------------------------------------------------------------------- */
/* FONT */
/* ----------------------------------------------------------------------------- */
	@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
	@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');

@font-face {
    font-family: 'SunBatang-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/SunBatang-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
	@font-face {
		font-family: 'TmonMonsori';
		src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	/* 나눔스퀘어 */
	@font-face{
		font-family: 'NanumSquare';
		src: url('fonts/NanumSquareR.eot');
		src: url('fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NanumSquareR.woff') format('woff'),
			 url('fonts/NanumSquareR.ttf') format('truetype')
	}



@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ROEHOE-CHAN';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/ROEHOE-CHAN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXEN_TIRE_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/NEXEN_TIRE_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXEN_TIRE_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/NEXEN_TIRE_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* ----------------------------------------------------------------------------- */
/* TABLE */
/* ----------------------------------------------------------------------------- */

.sub_table_wrap {overflow-x:scroll}

.table_con {width:100%; border-collapse:collapse; border-top: 1px solid #111; text-align:center; }
.table_con tr > th {padding:10px; font-weight: 500; background:#f5f5f5; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;  vertical-align: middle;}
.table_con tr > td {border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:10px; vertical-align: middle; }
.table_con tr > th:last-child, .table_con tr > td:last-child  {border-right: none;}
.table_con .bg1 {background:#edf1ff;}
.table_con .bg2 {background:#e4f3ff;}
.table_con .bg3 {background:#edf9ff;}
.table_con .bg_gray {background: #f8f8f8;}
.table_con .t_left{text-align:left; padding-left:20px;}
.table_con .t_right{text-align:right;}
.table_con .l_none {border-left:none;}
.table_con .r_none {border-right:none;}
.table_con tr > th.bo_right, .table_con tr > td.bo_right {border-left: 1px solid #e2e2e2;}
.table_con tr > td input[type="text"], .table_con td input[type="password"]  {height:36px; height:2.25rem; line-height:36px; width:95%; border: 1px solid #d9d9d9; padding-left:10px; vertical-align:middle; }
.table_con tr > td input[type="radio"]{vertical-align:middle;}
.table_con tr > td.no_result {padding: 15px 0 13px 0;text-align: center;}
.table_con tr > textarea {border: 1px solid #d9d9d9; padding: 8px; width:93%; }
.table_con tr > select {
	width:auto;
    border: 1px solid #b8b3a7;
	font-family:'Nanum';
    font-size: 15px;
	vertical-align: middle;	
height:40px; height:2.5rem;
}


.table_con2 {width:100%; border-collapse:collapse; border-top: 1px solid #3b899e; white-space: nowrap; word-break:keep-all;}
.table_con2 tr > th {padding:8px; text-align:center; font-family: 'GmarketSansMedium'; background:#f5f5f5; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;  vertical-align: middle;}
.table_con2 tr > td {border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; text-align:left; padding:8px 15px; font-weight: 400; vertical-align: middle; }
.table_con2 tr > th:last-child, .table_con2 tr > td:last-child  {border-right: none;}
.table_con2 th.bg1 {background:#667fb5; color: #fff;}
.table_con2 th.bg2 {background:#66b594; color: #fff;}
.table_con2 td.bg1 {background:#e1e6f2; border-bottom: 1px solid #c9cfdd; font-family: 'GmarketSansMedium'; color: #393f4d;}
.table_con2 td.bg2 {background:#b9d7cb;}
.table_con2 .bg3 {background:#edf9ff;}
.table_con2 .bg_gray {background: #f8f8f8;}
.table_con2 .t_left{text-align:left; padding-left:20px;}
.table_con2 .t_right{text-align:right;}
.table_con2 td.t_center{text-align:center;}

.table_con2 .l_none {border-left:none;}
.table_con2 .r_none {border-right:none;}
.table_con2 tr > th.bo_right, .table_con2 tr > td.bo_right {border-left: 1px solid #e2e2e2;}

.table_con2 th.bg_gray {color:#222; font-size: 15px;}
.table_con2 td.vc_bg {background: #ffffd7; font-weight: 500; font-size: 15px; line-height: 23px;}
.table_con2 td.vc_bg2 {background: #f2f4ff; font-weight: 500; font-size: 15px; line-height: 23px;}


.table_con3 {width:100%; border-collapse:collapse; border-top: 1px solid #99b3c9; white-space: nowrap; word-break:keep-all;}
.table_con3 th {padding:8px; text-align:center; color: #333; font-weight: normal; font-family: 'GmarketSansMedium'; background:#f7f7f7; font-size: 17px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;  vertical-align: middle;}
.table_con3 td {border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; text-align:center; padding:8px 15px; font-weight: 400; vertical-align: middle; font-family: 'Noto Sans KR'; font-size: 16px; line-height: 22px;}
.table_con3 th:last-child, .table_con3 td:last-child  {border-right: none;}
.night_bg {background: #f6f9fb; color: #4d6e8a;}
.table_con3 th.bg1 {background: #99b3c9; color: #fff; }
.table_con3 td.bb_c1 {border-bottom: 1px solid #99b3c9;}
.table_con3 td.ch {background: #eee;}
.table_con3 td.chg {background: #e1f4ab;}
.table_con3 td.chy {background: #fffbb9;}
.table_con3 td.chb {background: #63c9f4;}



/* ----------------------------------------------------------------------------- */

/* Margin Set */
.ml5	{margin-left:5px;}	.ml10	{margin-left:10px;}		.ml15	{margin-left:15px;}		.ml20	{margin-left:20px;}		.ml25	{margin-left:25px;}		.ml30	{margin-left:30px;}		.ml35	{margin-left:35px;}		.ml40	{margin-left:40px;}		.ml45	{margin-left:45px;}		.ml50	{margin-left:50px;}		.ml55	{margin-left:55px;}	.ml65	{margin-left:65px;}
.mr5	{margin-right:5px;}	.mr10	{margin-right:10px;}	.mr15	{margin-right:15px;}	.mr20	{margin-right:20px;}	.mr25	{margin-right:25px;}	.mr30	{margin-right:30px;}	.mr35	{margin-right:35px;}	.mr40	{margin-right:40px;}	.mr45	{margin-right:45px;}	.mr50	{margin-right:50px;}		.mr450	{margin-right:450px;}
.mb4	{margin-bottom:4px;}.mb5	{margin-bottom:5px;}	.mb10	{margin-bottom:10px !important;;}	.mb15	{margin-bottom:15px;}	.mb20	{margin-bottom:20px;}	.mb25	{margin-bottom:25px;}	.mb30	{margin-bottom:30px;}	.mb35	{margin-bottom:35px;}	.mb40	{margin-bottom:40px;}	.mb45	{margin-bottom:45px;}	.mb50	{margin-bottom:50px;}	.mb55	{margin-bottom:55px;}	.mb60	{margin-bottom:60px;}
.mt0	{margin-top:0px !important;}   .mt5	{margin-top:5px;}	.mt10	{margin-top:10px;}		.mt15	{margin-top:15px;}		.mt20	{margin-top:20px;}		.mt25	{margin-top:25px;}		.mt30	{margin-top:30px !important;}		.mt35	{margin-top:35px;}		.mt40	{margin-top:40px !important;}		.mt45	{margin-top:45px;}		.mt50	{margin-top:50px;} .mt60	{margin-top:60px;} .mt70{margin-top: 70px;} .mt80{margin-top:80px;} .mt100{margin-top:100px;}
/* Padding Set */
.pl5	{padding-left:5px;}		.pl10	{padding-left:10px;}	.pl15	{padding-left:15px;}	.pl20	{padding-left:20px;}	.pl25	{padding-left:25px;}	.pl30	{padding-left:30px;}	.pl35	{padding-left:35px;}	.pl40	{padding-left:40px;}	.pl45	{padding-left:45px;}	.pl50	{padding-left:50px;}	.pl55	{padding-left:55px;}	.pl60	{padding-left:60px;}
.pr5	{padding-right:5px;}	.pr10	{padding-right:10px;}	.pr15	{padding-right:15px;}	.pr20	{padding-right:20px;}	.pr25	{padding-right:25px;}	.pr30	{padding-right:30px;}	.pr35	{padding-right:35px;}	.pr40	{padding-right:40px;}	.pr45	{padding-right:45px;}	.pr50	{padding-right:50px;}
.pb5	{padding-bottom:5px;}	.pb10	{padding-bottom:10px;}	.pb15	{padding-bottom:15px;}	.pb20	{padding-bottom:20px;}	.pb25	{padding-bottom:25px;}	.pb30	{padding-bottom:30px;}	.pb35	{padding-bottom:35px;}	.pb40	{padding-bottom:40px;}	.pb45	{padding-bottom:45px;}	.pb50	{padding-bottom:50px;}
.pt5	{padding-top:5px;}		.pt10	{padding-top:10px;}		.pt15	{padding-top:15px;}		.pt20	{padding-top:20px;}		.pt25	{padding-top:25px;}		.pt30	{padding-top:30px;}		.pt35	{padding-top:35px;}		.pt40	{padding-top:40px;}		.pt45	{padding-top:45px;}		.pt50	{padding-top:50px;}		.pt55	{padding-top:55px;}		.pt60	{padding-top:60px;}

/* layout */

.f_green{color: #607721; letter-spacing: -1px;}
.f_red{color: #f40c0c;}
.f_orange{color: #f43900;}
.f_pink {color:#f2092d;}
.f_brown {color:#420100;}


.clear{clear: both; margin:0; padding:0; height:0; width:0;}
.t_center{text-align: center;}
.t_right{text-align: right;}

.imgpt40{margin-top: 40px;}
.bold {font-weight:bold;}
.f_bold {font-weight:bold;}
.t_bold {font-weight:bold;}
.t_red{color: #f40c0c;}
.t_blue {color: #0d6fb8;}


/* ----------------------------------------------------------------------------- */
/* RESET */
/* ----------------------------------------------------------------------------- */
	*																					{ margin:0; padding:0; font-family:  'Noto Sans KR', 'NanumSquare', '돋움', Dotum, '굴림', Gulim, Sans-serif; }
	article, aside, hgroup, header, footer, figure,
	figcaption, nav, section															{ display:block; position:relative; padding:0; margin:0; }
	form, fieldset																		{ border:0; }
	body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset,
	legend, input, textarea, p, blockquote, th, td, img							{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
	blockquote:before,blockquote:after,q:before,q:after { content:""; }
	blockquote,q { quotes:"" ""; }
	legend, caption																	{ display:none; }
	hr																					{ display:none; }
	ol, dl, dd, dt, ul, li, div, span													{ margin:0; padding:0; list-style:none; }
	img																				{ border:0; }
	html, body																		{ display:block; width:100%; height:100%; font-size:13px;}
	body																				{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0); position:relative; webkit-font-smoothing: subpixel-antialiased;}
	a																					{ color:inherit; text-decoration:none; font-family:'Noto Sans KR', 'NanumSquare', '돋움', Dotum, '굴림', Gulim, Sans-serif;  }
	a[href^="tel"]																	{ font-style:normal; }
	em, address																		{ font-style:normal; }
	p																					{ letter-spacing:-0.5px; }
	br																					{ letter-spacing:normal; }
	table, tr, th, td																	{ border-collapse:collapse; border-spacing:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	h2, h3, h4, h5																	{ font-family:'Noto Sans KR', 'NanumSquare', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
	.hide																				{ display:none !important; }
	input, select																		{ box-sizing:border-box;  }
	/* 	input																			{ -webkit-appearance:none; border-radius:0; } */
	input[type="text"],i nput[type="password"]
	textarea													{ -webkit-appearance:none; border-radius:0; font-family: 'Noto Sans KR'; border:#ccc; color:#444;}
	button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;}
	select																				{font-size:medium;  font-family: 'Noto Sans KR', 'NanumSquare',Helvetica,AppleGothic,sans-serif;}
	iframe																				{ width:100% !important; }
	strong																				{ }



/* 태블릿용 CSS */
@media all and (min-width:768px){

}





/* 낮은해상도 PC용 CSS */
@media all and (min-width:1024px){

.sub_table_wrap {overflow-x:hidden}
.table_con {white-space:normal;}
.table_con2 {white-space:normal;}


}