@charset "utf-8";
/*@import url("base_2.css");*/

table td input, img{vertical-align:middle}
ul, li{list-style:none; margin:0; padding:0;}
/*h1{height:65px;padding-top:35px}
h1 span{color:#333388}*/


.sub_vi{position:relative;width:100%;height:200px;text-align:right}
.sub_vi.bg_01{background:url('../images/sub_vi_1.png') center top no-repeat}

.snb{margin-top:30px}
.snb .tit{padding-bottom:30px}
.snb .snb_list h2{color:#130370;font-size:25px;font-weight:bold;font-family:'NanumGothic';padding-left:10px;padding-bottom:15px}
.snb .snb_list > ol {margin:0;width:150px}
.snb .snb_list >  ol > li {line-height: 18px;font-weight:bold;}
.snb .snb_list >  ol > li a {;padding:9px 0 7px 10px;overflow: hidden; display: block;;background-color:#fff;margin-bottom:0;color:#747b81;border-bottom:1px solid #e9e9e9}
.snb .snb_list >  ol > li > a:hover{color:#fff;background:url('../images/aside_tit.png') #3a67b3 90% 15px no-repeat;}
.snb .snb_list >  ol > li.on > a{color:#fff;background:url('../images/aside_tit.png') #3a67b3 90% 15px no-repeat;}
.snb .snb_list >  ol > li > ol{margin:0}
.snb .snb_list >  ol > li > ol > li > a{font-size:13px;font-weight:normal;background:url('../images/aside_arrow_off.png') 10px 10px no-repeat;color:#333388;;padding:5px 0 5px 20px}
.snb .snb_list >  ol > li > ol > li.on a{background:url('../images/aside_arrow_on.png') 10px 10px no-repeat;color:#ff0000;font-weight:bold;}

.snb_btm{overflow:hidden;margin-left:5%}
.snb_btm li{float:left;margin-right:5%}

/**#content{background:url('../images/content_bg.gif') left 350px repeat-y;}**/

.article{}
.path{position:relative;height:30px;border-bottom:1px solid #e3e3e3;}
.path .txt_r{text-align:right;padding-top:8px;padding-right:10px}
.path h1{font-family:'NanumGothic';font-size:35px;font-weight:bold;color:#000;position:absolute;left:top:50px}

.sec_h1 {margin-bottom:30px}
.sec_h1 h1{color:#202020;font-size:25px;font-family:'NanumGothic';font-weight:bold;margin:0;padding:0;height:auto;margin-bottom:5px}
.sec_h1 .exp{color:#abaea7;font-family:'NanumGothic';}

.path.sub_vi_1{background:url('../images/sub_vi_1.png') 0 0 no-repeat;}

.article > h2{margin-bottom:5%}
.article > p{margin-bottom:2%;line-height:25px}

.sub0101{background:url('../images/intro_0101_1.png') right top no-repeat;}
.sub0101 .row01{padding-left:0;line-height:20px;margin-top:0;background:url('../images/intro_0101_1.png') right top no-repeat;}
.sub0101 .row01 p{margin-bottom:20px}

.sub0101 .row0104{padding-left:0;line-height:20px;margin-top:0;background:url('../images/intro_0104_1.png') top no-repeat;}
.sub0101 .row0104 p{margin-bottom:20px}

.tb_01 table{width:100%}
.tb_01 thead th{padding:1% ;color:#333333;line-height:130%;border-top:1px solid #333333;border-bottom:1px solid #cccccc}
.tb_01.bg thead th{/**background-color:#e0dfdf**/;line-height:110%}
.tb_01 tbody td{border-bottom:1px solid #cccccc;line-height:18px;padding:1%;color:#080101;font-weight:normal;text-align:center}
.tb_01 tbody td img{vertical-align:middle}
.tb_01 tbody td.txtL{text-align:left}
.tb_01 tbody td.txtR{text-align:right}
.tb_01 tbody td.txt_year{padding:3%;}
.tb_01 .img_left{width:70px}

.tb_02{border-top:2px solid #2e4c80;}
.tb_02 table{width:100%;}
.tb_02 thead th{padding:1% ;color:#333333;line-height:130%;border-bottom:1px solid #dadada;background-color:#f8f8f8}
.tb_02 tbody th{padding:1% ;color:#333333;line-height:130%;border-bottom:1px solid #dadada;background-color:#f8f8f8}
.tb_02 tbody th.bg_01{background-color:#ebf0fa}
.tb_02 tbody td{border-bottom:1px solid #dadada;line-height:18px;padding:1%;color:#080101;font-weight:normal;text-align:center}
.tb_02 tbody td img{vertical-align:middle}
.tb_02 tbody td.txtL{text-align:left}
.tb_02 tbody td.txtR{text-align:right}
.tb_02 tbody td.txt_year{padding:3%}
.tb_02.line_all th{border:1px solid #dadada}
.tb_02.line_all td{border:1px solid #dadada}



.paging_root{position:relative;}
.paging_root .btn_l{position:absolute;left:0;top:0}
.paging_root .btn_r{position:absolute;right:0;top:0}
.paging{display:block;text-align:center;margin-top:2%;font-size:85%}
.paging li{display:inline;}
.paging li a{padding: 0.2%;color: #999999;}
.paging li strong{color: #ff0000;font-weight: bold;padding: 5px 5px 2px 5px; /**background:#ffffff; border:#dddddd 1px solid**/}
.paging li.img a{padding: 0;}
.paging li.img {padding: 0 1px 0 0;}
.paging li.pal{padding: 0 5px 0 0}
.paging li.par{padding: 0 1px 0 5px}
.paging img{vertical-align:middle;}


.sub_010101 .img01{overflow:hidden;margin-bottom:3%}
.sub_010101 .img01 img{float:left}

.wd_4 li{width:25%}
.wd_3 li{width:33.3%}
.wd_2 li{width:50%}

.tab_01{overflow:hidden;;border-top:2px solid #788092;border-bottom:2px solid #788092;}
.tab_01 li{float:left;padding:20px 0;text-align:center;font-weight:bold;font-size:14px;background:url('../images/bg_tab_01_line.png') 100% 45% no-repeat;}
.tab_01 li.end{background:url('')}
.tab_01 li a{color:#000}
.tab_01 li.on a{color:#006cb8}

.year_list  > li {overflow:hidden;position:relative;padding:20px 0;border-bottom:1px solid #ecedef}
.year_list  > li  .year_no{position:absolute;top:25px;width:130px;text-align:center;font-weight:bold;color:#006cb8;font-size:14px}
.year_list  > li > ul{padding-left:130px}
.year_list  > li > ul > li{color:#939393;line-height:25px;}
.year_list  > li > ul > li .dt{color:#000;font-weight:bold;margin-right:10px}


.section_txt{overflow:hidden;}
.section_txt > div{margin-bottom:20px}
.ul_txt_1 h3 {color:darkblue;font-weight:bold;font-size:13px;line-height:20px;text-indent:-15px;padding-left:15px}
.ul_txt_1 > li{margin-bottom:20px;color:#777}
.ul_txt_1 > li > div{margin-left:17px}
.ul_txt_1 > li > ul{margin-left:10px}

.ul_txt_1.ico_dot_1 h3{background:url('../images/bull_dot_01.gif') 0 8px no-repeat;padding-left:25px;}
.ul_txt_1.ico_dot_1 li > div{margin-left:10px}

.ul_txt_1.ico_line h3{background:url('../images/bull_dot_01.gif') 0 8px no-repeat;padding-left:25px;}
.ul_txt_1.ico_line li {margin-left:0}
.ul_txt_1.ico_line li > div{margin-left:0}

.sec_people{overflow:hidden}
.sec_people .img_left{float:left;width:150px;margin-right:20px;}
.sec_people .txt_right{float:left;width:530px}
.sec_people .txt_right h3{border:5px solid #efefef;color:#006cb8;font-size:13px;padding:5px;margin-bottom:10px}
.sec_people .txt_right > ul.ul_list_1{margin-bottom:20px;margin-left:10px}
.sec_people .txt_right > ul.ul_list_1 > li{;text-indent:-10px;padding-left:10px}
.sec_people .txt_right > ul.ul_list_2{margin-bottom:20px;margin-left:10px}
.sec_people .txt_right > ul.ul_list_2 > li{;text-indent:-10px;padding-left:10px}
.sec_people .txt_right > ul.ul_list_2 > li.tit{color:darkblue;font-weight:bold}

.section_txt > div.tb_exp_r{text-align:right;margin:0}

.exp_line{border:5px solid #efefef;padding:10px}


/* CMS-managed home visual slot.
   Keep the visual frame in the site resource layer, matching the seojeong
   publisher pattern, so the renderer only owns markup and slide behavior. */
.public-layout-template-render--main-visual-slot {
	--its-main-visual-height: clamp(560px, 72svh, 720px);
	position: relative;
}

.public-layout-template-render--main-visual-slot [data-cms-content="/_content/home-visual"],
.public-layout-template-render--main-visual-slot [data-cms-content="home-visual"],
.public-layout-template-render--main-visual-slot .cms-content-slot--home-visual,
.public-layout-template-render--main-visual-slot [data-cms-content*="visual"]:has(.public-main-visual-slot-host) {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100vw !important;
	height: var(--its-main-visual-height) !important;
	min-height: var(--its-main-visual-height) !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	overflow: hidden !important;
	background: #0f172a !important;
}

.public-layout-template-render--main-visual-slot .public-main-visual-slot-host {
	display: block;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100vw !important;
	height: var(--its-main-visual-height) !important;
	min-height: var(--its-main-visual-height) !important;
	overflow: hidden !important;
	background: #0f172a !important;
}

.public-layout-template-render--main-visual-slot .public-main-visual {
	position: relative;
	display: grid;
	align-items: end;
	overflow: hidden;
	background: #0f172a;
}

.public-layout-template-render--main-visual-slot .public-main-visual--layout-slot,
.public-layout-template-render--main-visual-slot .public-main-visual--layout-slot.public-main-visual--cover,
.public-layout-template-render--main-visual-slot .public-main-visual--layout-slot.public-main-visual--contain {
	width: 100%;
	min-width: 0;
	max-width: 100vw;
	height: 100%;
	min-height: 100%;
	max-height: none;
	overflow: hidden;
}

.public-layout-template-render--main-visual-slot .public-main-visual picture {
	position: absolute !important;
	inset: 0 !important;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.public-layout-template-render--main-visual-slot .public-main-visual__media,
.public-layout-template-render--main-visual-slot .public-main-visual--contain .public-main-visual__media {
	position: absolute !important;
	inset: 0 !important;
	display: block;
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	min-height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	padding: 0 !important;
	object-fit: cover !important;
	object-position: center center !important;
	transform: none !important;
}

.public-layout-template-render--main-visual-slot .public-main-visual__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(135deg, rgba(8, 15, 35, 0.22), rgba(8, 15, 35, 0.38));
	pointer-events: none;
}

.public-layout-template-render--main-visual-slot .public-main-visual__caption-html,
.public-layout-template-render--main-visual-slot .public-main-visual__content {
	position: absolute;
	z-index: 2;
	color: #fff;
}

.public-layout-template-render--main-visual-slot .public-main-visual__caption-html {
	inset: 0;
	pointer-events: none;
}

.public-layout-template-render--main-visual-slot .public-main-visual__content {
	top: var(--main-visual-content-y, 50%);
	left: var(--main-visual-content-x, 12%);
	width: min(var(--main-visual-content-max-width, 980px), calc(100% - 2rem));
	padding: 0;
	transform: translateY(-50%);
	text-align: var(--main-visual-content-align, left);
}

.public-layout-template-render--main-visual-slot .public-main-visual__eyebrow,
.public-layout-template-render--main-visual-slot .public-main-visual__headline,
.public-layout-template-render--main-visual-slot .public-main-visual__body {
	color: inherit;
	letter-spacing: 0;
	text-shadow: 0 4px 16px rgba(0, 0, 0, 0.38);
}

.public-layout-template-render--main-visual-slot .public-main-visual__eyebrow {
	margin: 0 0 1.6rem;
	font-size: clamp(1.25rem, var(--main-visual-eyebrow-size, 36px), 5rem);
	line-height: 1.08;
	font-weight: 700;
}

.public-layout-template-render--main-visual-slot .public-main-visual__headline {
	margin: 0;
	max-width: 100%;
	font-size: clamp(2rem, var(--main-visual-headline-size, 72px), 8.75rem);
	line-height: 0.98;
	font-weight: 800;
}

.public-layout-template-render--main-visual-slot .public-main-visual__body {
	max-width: min(42rem, 100%);
	margin: 1rem 0 0;
	font-size: clamp(0.875rem, var(--main-visual-body-size, 20px), 3rem);
	line-height: 1.7;
}

.public-layout-template-render--main-visual-slot .public-main-visual__controls,
.public-layout-template-render--main-visual-slot .public-main-visual__dots {
	position: absolute;
	bottom: clamp(1rem, 4vw, 3rem);
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
}

.public-layout-template-render--main-visual-slot .public-main-visual__controls {
	right: clamp(1rem, 4vw, 3rem);
	padding: 0.35rem;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.58);
	backdrop-filter: blur(12px);
}

.public-layout-template-render--main-visual-slot .public-main-visual__dots {
	left: clamp(1rem, 5vw, 4rem);
}

.public-layout-template-render--main-visual-slot .public-main-visual__control,
.public-layout-template-render--main-visual-slot .public-main-visual__dot {
	border: 0;
	cursor: pointer;
}

.public-layout-template-render--main-visual-slot .public-main-visual__control {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35rem;
	height: 2.35rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.94);
	color: #0f172a;
}

.public-layout-template-render--main-visual-slot .public-main-visual__dot {
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.48);
}

.public-layout-template-render--main-visual-slot .public-main-visual__dot--active {
	width: 1.6rem;
	background: #fff;
}

.public-layout-template-render--main-visual-slot .public-main-visual__control:focus-visible,
.public-layout-template-render--main-visual-slot .public-main-visual__dot:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

@media (max-width: 768px) {
	.public-layout-template-render--main-visual-slot {
		--its-main-visual-height: clamp(520px, 74svh, 620px);
	}

	.public-layout-template-render--main-visual-slot .public-main-visual__content {
		left: 1.25rem;
		width: calc(100% - 2.5rem);
	}
}