@charset "utf-8";

/* 노토 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&display=swap&subset=korean');

/* 영문폰트 */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow:100,700&display=swap');


@import "/css/g_default.css";
@import "/css/design.css";

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, input, button, select { margin:0; padding:0; -webkit-text-size-adjust: none; -moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none; }

body, div, p, h1, h2, h3, h4, h5, h6, p, li, dt, dd, form, input, textarea, th, td, menu, nav, header, footer, details, section, aside, article { margin:0; padding:0; font-family: 'Roboto', 'Noto Sans KR', Malgun Gothic, "맑은 고딕", sans-serif; font-size:17.5px; color:#333; font-weight:400; line-height:100%; word-break:keep-all; }

a{ color:inherit; }
a:link, a:visited, a:active { text-decoration:none; color:inherit; }
a:hover { text-decoration:none; }

input[type=text], input[type=password], select { border:1px solid #ddd; box-sizing:border-box; border-radius:0; -webkit-appearance:none; }
input[type=submit] { border-radius:0; -webkit-appearance:none; }
input[type=file] { background:#fff; border-radius:0; -webkit-appearance:none; font-size:12px; }

textarea { width:100%; padding:16px; border:1px solid #ddd; font-size:15px; line-height:160%; box-sizing:border-box; border-radius:0; -webkit-appearance:none !important; }
select { padding:14px; font-size:15px; }

:placeholder { color:#aaa; }
::placeholder { color:#aaa; }
:-ms-input-placeholder { color:#aaa; }
::-ms-input-placeholder { color:aaa; }
::-ms-webkit-placeholder { color:aaa; }
::-ms-moz-placeholder { color:#aaa; }

.write_col2 { margin-top:16px; }
.write_col2:after { clear:both; visibility:hidden; display:block; content:''; }
.write_col2 li { float:left; width:50%; box-sizing:border-box; }
.write_col2 li:first-child { padding-right:6px;}
.write_col2 li:last-child { padding-left:6px;}

.frm_input { padding:14px; font-size:15px; width:100%; }
.write_opt { padding:14px 0; font-size:15px; color:#777; vertical-align:middle; }


.sp_block, .sp_inline, .sp_inblock, .sp_table, .sp_trow, .sp_tcell,
.m_block, .m_inline, .m_inblock, .m_table, .m_trow, .m_tcell,
.t_block, .t_inline, .t_inblock, .t_table, .t_trow, .t_tcell,
.td_block, .td_inline, .td_inblock, .td_table, .td_trow, .td_tcell { display:none !important; }

.tran, .tran * { transition:all 0.4s; }
.no_tran, .no_tran * { transition:none !important; }

.fl { float:left !important; }
.fr { float:right !important; }
.cl:after { clear:both; visibility:hidden; display:block; content:''; }

.cont { font-size:17.3px; line-height:190%; font-weight:300; color:#000; }

.hand { cursor:pointer; }
.w100 { width:100%; }

.cen { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }

.c_w { color:#fff !important; }
.c_b { color:#222 !important; }
.c_gray { color:#888 !important; }
.c_orange { color:#f47e00 !important; }

.lh { line-height:180%; }
.nanum { font-family:"Nanum Gothic", "Malgun Gothic", "맑은 고딕"; font-weight:400; letter-spacing:0; }

.fw1, .th { font-weight:100; }
.fw3 { font-weight:300; }
.fw4 { font-weight:400; }
.fw5 { font-weight:500; }
.fw7, .bd { font-weight:700; }

.mt0 { margin-top:0 !important; }
.sm { font-size:15px; line-height:170%; }
.no_border { border:0 !important; }
.hide { display:none; }
.lrauto { margin-left:auto; margin-right:auto; }
.vm_wrap { display:table; width:100%; height:100%; }
.vm_wrap > .vm { width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; }

.gr_box { padding:100px 0; background:#f5f5f5; }
.light_box { padding:100px 0; background:#f8f5f5; }
.img_box { padding:100px 0; background-repeat:no-repeat; background-size:cover; background-position:center; }
.bs_cover { background-size:cover !important; }
.bg_fix { background-attachment:fixed !important; }
.brk_all, table.brk_all tr td, ul.brk_all li { word-break:break-all !important; }



/* Responsive Column */

.col6:after, .col4:after, .col3:after, .col2:after { clear:both; visibility:hidden; display:block; content:''; }

.col6 > div, .col6 > li, .col4 > div, .col4 > li, .col3 > div, .col3 > li, .col2 > div, .col2 > li { float:left; box-sizing:border-box; }
.col6 > div, .col6 > li { width:16.66%; }
.col4 > div, .col4 > li { width:25%; }
.col3 > div, .col3 > li { width:33.33%; }
.col2 > div, .col2 > li { width:50%; }









/***** Table ******/

.res_table, .col4table { width:100%; border-top:1px solid #666; }
.top2 { border-top:2px solid #666; }
.table_wrap, .table_scroll { position:relative; }
.try_scroll {
	position:absolute;
	width:100px;
	height:100px;
	top:-20px;
	left:50%;
	margin-left:-50px;
	border-radius:50px;
	font-size:11px;
	line-height:120%;
	color:#fff;
	background:#333 url('/images/viewside.png') center 15px no-repeat;
	background-size:30px 41px;
	box-sizing:border-box;
	padding-top:62px;
	text-align:center;
	opacity:0;
	transition:all .5s;
	z-index:1;
}

.res_table tr th, .res_table tr td, .col4table tr th, .col4table tr td { padding:18px 20px 18px 20px; text-align:center; font-weight:300; border-bottom:1px solid #ddd; font-size:16.5px; line-height:170%; }
.res_table thead tr th { font-weight:400; padding-top:23px; padding-bottom:23px; color:#111; }
.res_table tbody th, .col4table tbody th { background-color:#f8f5f5; font-weight:400; color:#111; }

.vline tr > * { border-left:1px solid #ddd; }
.vline tr th:first-child, .vline tr td:first-child { border-left:0; }
.td_vline { border-left:1px solid #ddd !important; }

.res_table.bg_dark { border-top:0; }
.res_table.bg_dark thead { background-color:#72575b; }
.res_table.bg_dark thead tr th { color:#fff; border:0; }
.res_table.bg_light thead { background-color:#f8f5f5; }

.res_table thead tr th { font-weight:400; color:#444; padding-top:23px; padding-bottom:23px; }
.res_table tr th:first-child, .col4table tr td:first-child, .complex_table tr td:first-child, .td_first { border-left:0; }

.td_h1 { font-weight:500; font-size:17px; color:#fff !important; background:#6c454a; text-align:center; border-left:0 !important; }
.td_h3 { color:#fff; background:#1b72b3; font-weight:400; border-color:#5b9ac8 !important; }
.td_dimmed { color:#666; background:#eee; font-weight:400; }
.td_h5 { color:#222; background:#f8f5f5; font-weight:400; }
.td_w { background:#fff !important; }

.td_l { text-align:left !important; }
.table_tab { display:none; }



@media (max-width:1300px) {
	.res_table thead tr th { padding-top:20px; padding-bottom:20px; }
	.res_table tr th, .res_table tr td, .col4table tr th, .col4table tr td { padding:16px 20px; font-size:15px; }
	.cont { font-size:16px; line-height:180%; }
	.lh { line-height:170%; }
}

@media (max-width:1024px) {
	.res_table thead tr th { padding-top:18px; padding-bottom:18px; }
	.res_table tr th, .res_table tr td, .col4table tr th, .col4table tr td { padding:13px 18px; font-size:14px; }
	.sp_none { display:none !important; }
	.sp_block { display:block !important; }
	.sp_inlline { display:inline !important; }
	.sp_inblock { display:inline-block !important; }
	.sp_table { display:table !important; }
	.sp_trow { display:table-row !important; }
	.sp_tcell { display:table-cell !important; }

	.table_pc { display:none; }
	.table_tab { display:table; }
}