.logo {width:260px; float:left; padding-top:6px;}


.tnb {
	position:relative; z-index:50000; float:right;
	width:820px;
	font-family:"Nanumgothic";
}
.tnb .m1 {position:relative; z-index:100; float:right;}
.tnb .m1 .list {
	position:relative; float:left;
	margin:0; padding:0px;
	background:url(../sp_images/sp_include/menu_bg2.jpg) no-repeat right bottom;
	text-align:right;
}
.tnb .m1 .list {
	position:relative; float:left;
	margin:0; padding:0px;
	background:url(../sp_images/sp_include/menu_bg2.jpg) no-repeat right bottom;
	text-align:right;
}

.tnb .m1 .list p.tit {
	display:block; position:relative; z-index:10000;
	height:82px; margin:0px; padding:0 30px;
}
.tnb .m1 .list p.last {
	display:block; position:relative; z-index:10000;
	height:82px; margin:0px; padding:0 0 0 30px;
}
.tnb .m1 .list p.tit a {
	display:block; z-index:100000;
	margin:0px; padding:0px;
	color:#333; font-size:17px; font-weight:600; font-family:'Nanumgothic'; line-height:82px;
}
.tnb .m1 .list p.tit img {
	display:block; z-index:100000;
	margin:0px; padding-top:19px;
}
.tnb .m1 .list p.tit a:hover {color:#ee7700; text-decoration:none;}
.tnb .m1 .list p.tit a.mhover {color:#ee7700; text-decoration:none;}

.tnb .m1 .list ul {
	display:none; position:absolute; z-index:999; top:80px;
	margin-left:-35px; padding:10px 0px 10px 0px;
	border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; border-left:1px solid #c5c5c5; background-color:#fff;
	list-style:none;
}
.tnb .m1 .list ul li{
	position:relative;
	height:38px; margin:0px; 
	color:#444; font-size:13px; font-weight:normal; font-family:'Nanumgothic'; padding-left:15px; text-align:left;; line-height:38px;
	letter-spacing:-0.3px;
}
.tnb .m1 .list ul li:after{
	content:">";  right:10px;position:absolute;top:0;color:#017dc3;
}
.tnb .m1 .list ul li.last {border-bottom:none;}
.tnb .m1 .list ul li:hover:after {	content:">";  right:10px;position:absolute;top:0;color:#fff;}
.tnb .m1 .list ul li:hover {
	background-color:#017dc3;
	font-size:13px; font-family:'Nanumgothic', sans-serif;color:#fff;
	letter-spacing:-0.3px;
}
.tnb .m1 .list ul li a {display:block; width:178px; word-spacing:-1px;color:#333;}
.tnb .m1 .list ul.tnb_2{margin-left:-10px;}

.tnb .m1 .list ul.tnb_2 li a {display:block; width:190px;  word-spacing:-1px;}
.tnb .m1 .list ul li a:hover {color:#fff; font-weight:bold; word-spacing:-1px;}

.tnb .m1 .list ul li.el .sub_u{ display:none; position:absolute; left:228px; top:0px; border-top:1px soild #c5c5c5; z-index:999; }
.tnb .m1 .list ul li.last .sub_u2{ display:none; position:absolute; left:228px; top:0px; border-top:1px soild #c5c5c5; }


.top_slogan {font-size:12px; color:#017dc3; line-height:34px;font-weight:bold;}
.top_menu {float:right;line-height:32px;}
.top_menu li{float:left;padding-left:10px; font-size:11px;}
.top_menu a:link {color:#ddd;font-weight:bold;}
.top_menu a:visited {color:#ddd;font-weight:bold;}
 
 
/*main*/
.wrap {width:100%; margin:0 auto;}
.wrap2 {width:100%; margin:0 auto; background:#ddd;}
.main_box_wrap{ display: flex ; flex-wrap: wrap;}
.main_box1 { float:left; width:100%; height:240px; border:1px solid #ddd; margin-left:5px; position: relative;}
.main_box2 { float:left; width:332px; height:240px; border:1px solid #ddd; margin-left:5px;}
.main_box3 { float:left; width:332px; height:188px; border:1px solid #ddd; margin-left:5px;margin-top:6px;}
.main_box4 { float:left; width:332px; height:188px; border:1px solid #ddd; margin-left:5px; margin-top:6px;}

.main_sm { position:absolute; box-sizing: border-box; width:100%; height:60px; border-bottom:1px dashed #ddd; line-height:60px; padding:0 17px 0 23px; font-weight:bold; font-size:17px; color:#333333; }
.main_link { float:right; line-height:50px;}
.main_div { position:relative; width:100%; margin:72px 0 50px 0; float:left; box-sizing: border-box; padding-left: 20px;}
.main_ol { font-size:13px; line-height:30px;}
.main_ol li > span { margin-left:8px; width:83px;}
.main_ol li a { width: 78%; height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block;}
.main_ol li a:hover { color:#B9780B;}

.main_date { position:relative; width:86px; margin:80px 0 50px 15px; float:left; } 
.main_d_ol { font-size:13px; line-height:30px;}

 
/*������־�???*/
.visual_wrap {width:100%;  height:183px; margin:0 auto;top:100px;border-bottom:1px solid #ddd;}
.visual_area {width:1100px; margin:0 auto; overflow:hidden; position:relative; left:0px; top:20px; height:140px; z-index:50;}
.visual_area div.slogan {text-align:left; top:20px; left:0px; width:583px; height:111px; position:absolute; z-index:60; display:none; color:#181818; font-size:17px; font-weight:600;line-height:35px;/*text-shadow:1px 1px 1px #333;*/}
.visual_img {position:absolute; top:90px; left:50%; z-index:3; margin-left:90px; width:388px; height:232px; }
.visual_img div.s_visual{top:0px; left:0px; width:503px; height:263px; position:absolute; z-index:50; display:none}

/*sub_title*/
.title_area {width:271px; height:51px; background-color:#fff; float:left; overflow:hidden; margin:0 auto; text-align:left; margin-top:130px;  *margin-top:140px;}
.title_area p.arrow {float:left; margin-top:20px;}
.title_area p.sub_title {float:left; font-size:20px; color:#555; font-weight:600; padding-left:20px; margin-top:15px;}


/*sub_content*/

.sub_title2 {
	width:850px; height:100px;
	border-bottom:1px solid #ddd; font-family:"Nanumgothic";
}
.sub_title2 h2 {padding:50px 0 0 0px; color:#333; font-size:30px; font-weight:600; font-family:"Nanumgothic";}
.sub_title2 h2 span {padding:10px 0 0 20px; color:#666; font-size:13px; font-weight:500; font-family:"Nanumgothic";}



/*sub_content*/
.sub_wrap{width:850px; float:right; position:relative}
.sub_content {float:right; width:850px; margin:30px auto; font-size:14px; font-weight:500; line-height:30px; font-family:"Nanumgothic";}
.navi_area {
	width:1000px; height:51px; line-height:51px;
	margin:0 auto;
	color:#999; font-size:12px; font-weight:normal; text-align:left;margin-left:-38px;
}
.navi_home{float:left;width:50px;text-align:center; padding-top:18px;}
.navi_arrow {float:left;}
.navi_area .navi_tit1 {color:#666;padding:0 50px;float:left;font-size:14px;}
.navi_area .navi_tit2 {float:left;color:#333; font-weight:600;padding:0 50px;font-size:14px;}

.sub_box1 {width:850px; height:93px; background:url('../images/sub/1_1img.png'); background-repeat:no-repeat; background-position:right;}
.sub_box2 {width:850px; background:url('../images/sub/3_3_1img1.jpg'); background-repeat:no-repeat; background-position:bottom right;}
.sub_box3 {width:850px; background:url('../images/sub/3_1_6img1.jpg'); background-repeat:no-repeat; background-position:top right; font-size:14px;}
.sub_box4 {width:850px; background:url('../images/sub/3_1_7img.jpg'); background-repeat:no-repeat; background-position:top right;}


.sub_con1 {margin-top:30px;}

.tt_bullet_st {padding-left:5px;}

.poroduct_txt {font-size:16px; font-weight:bold; color:#FF6633;}

/*lnb*/
.ttm_kr {padding:25px 0 0 20px;color:#fff; font-size:22px; font-weight:bold; text-shadow:1px 1px 1px #333;}
.ttm_en {padding:5px 0 0 20px; font-weight:normal;color:#8b8b8b; font-size:11px;}
.left_area {float:left; width:212px;}
.lnb {position:relative; float:left; width:212px;}
.lnb .ttm {
	width:212px; height:83px;
	background:#333;
	color:#fff; font-weight:600;
	;
}
.lnb .ttm .page_eng {float:left; margin-top:60px; margin-left:20px; font-size:14px;}
.lnb .ttm .page_kor {float:left; margin-top:10px; margin-left:20px; font-size:28px;}

.lnb div.lnb_title {margin:0px; padding:0px;}
.lnb div.lnb_menu {
	position:relative;
	width:212px; margin-top:0px; margin-left:0px; padding-bottom:60px;
}
.lnb ul {margin:0; padding:0; padding:5px 0px 0px 0px;}
.lnb ul li {
	border-bottom:1px solid #d9d9d9;
}
.lnb ul li span {
	display:block;
	font-size:14px;  text-align:left;  line-height:19px; cursor:pointer;
	letter-spacing:-0.5px; font-weight:500; 
	padding:12px 20px;
	 font-family:"Nanumgothic"; }

.lnb ul li.over span {
	background:url('../images/include/left_li.jpg') no-repeat; ;
	color:#fff; font-size:14px; font-weight:bold;font-family:"Nanumgothic"; cursor:pointer;
}

.lnb ul li ul.depth3 { position:relative; margin-bottom:20px; }
.lnb ul li ul.depth3 li  { display:block; color:#555555; border:0px; padding:5px 0px  0px  20px; font-size:13px; font-weight:600; line-height:140%; cursor:pointer; }
.lnb ul li ul.depth3 li.on { display:block; color:#1d3f72;  line-height:140%;cursor:pointer;}




.ft_box {width:100%;background:#f2f2f2;height:200px;}

.ft_menu_bar {width:100%; height:40px; background:#e1e1e1}
.ft_menu {margin:0 auto;width:530px;line-height:40px;}
.ft_menu li {float:left;padding:0 15px;}
.ft_menu li a:link  {color:#676767 !important;}
.ft_menu li a:visited {color:#676767 !important;}
.ft_logo {width:300px; float:left;padding:20px 0;}
.ft_copy {line-height:20px;padding:20px 0;}


/*SUB*/

.sub_txt {font-size:14px; line-height:28px; color:#333;width:850px;padding:30px 0 0 0px; word-break:keep-all;}
.sub_img {float:right;padding:10px;}
.txt_st1 {font-size:26px; font-weight:bold; color:#333;}
.txt_st2 {font-size:14px; color:#666;}
.txt_st3 {width:100%;float:left;border-top:3px double #ddd; border-bottom:3px double #ddd;padding:20px 0}
.sub1_img {display:inline-block; float:left;width:240px;}
.sub1_txt {float:left;margin-left:30px;width:500px;line-height:23px;font-size:13px;}
.sub1_txt strong {font-size:23px; margin-bottom:10px;}

.con_warp{ height:105px; padding:15px 15px; margin-top:10px; border:1px solid #dddddd; background-color:#f9f9f9;}

.product_con {}
.product_con dt {font-size:16px; font-weight:bold; color:#333;}
.product_con dt span {vertical-align:middle;}
.product_con dd {margin-left:20px;font-size:14px; line-height:26px; word-break:keep-all;}

.ol_st1 li {text-indent:-15px; padding-left:20px;}
.ol_st1 li:before {content:'��'; font-size:6px;margin-right:10px;line-height:26px;}
.sub_t_li {display:inline-block; width:150px; float:left;}

.product_con2 {padding-left:60px;}
.product_con2 span:before {content:'- ';}


/*���̺� ��Ÿ��*/

.tbl_st2 {padding:0px; margin-bottom:10px;  font-size:13px; border-top:1px solid #dddddd; }
.tbl_st2 thead th { background:#f9f9f9; border-bottom:1px solid #aaaaaa; line-height:18px; padding:10px 20px; }
.tbl_st2 tbody th { background:#f9f9f9; font-weight:600; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; border-left:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; text-align:justify; }
.tbl_st2 tbody td { border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:12px 10px; vertical-align:middle; }


/* menu */
#menu{float:right; width:800px; height:80px; position:relative; }
#menu ul.main_menu> li {float:left;padding:35px 45px;height:20px;font-family:'Nanumgothic';}
.main_menu li a{display:inline-block;font-size:17px;font-weight:600;}
.main_menu li a:hover{color:#ed7101;}
.main_menu li:last-child{padding:35px 0 0 45px !important;}

#menu_open{display:none; top:8px ;width:850px;; text-align:left; padding:10px 0 ;}
#menu_open ul.sub_menu{float:left; margin:0 2px 0 2px;padding:0 2px 0 2px;font-weight:bold;}
#menu_open ul.sub_menu li a:link{font-size:14px !important;float:left; margin:0 2px 0 2px;padding:0 2px 0 2px;font-weight:bold;}

/*�����̵�޴�???*/
#menu_dept{clear:both;position:absolute; z-index:999; border-bottom:2px solid #ed4401; border-top:1px solid #dddddd; width:100%; padding-left:244px; top:116px; background:#ee8600; 
 height:220px;/*border:1px solid #ccc;*/}
#menu_dept .header_img{position:absolute;left:5px;}
#menu_dept .menu_dept_ul {margin-left:80px;}
#menu_dept .menu_dept_ul li{float:left; width:113px; padding:3px 0 0 25px;line-height:28px;}
#menu_dept .menu_open{border-right:1px dashed #ed9c01; text-align:left; height:215px; float:left;}
#menu_dept .menu_open ul li{padding-left:2px;}
#menu_dept .menu_open ul li a { color:#fff; font-weight:600; }
#menu_dept .close_img{position:absolute;right:200px;top:220px;}
.main_menu a.mhover {color:#406ba3; text-decoration:none;}




/*�����̵�޴�???
#menu_dept{clear:both; 
			position:absolute; 
			z-index:999; 
			border-bottom:2px solid #ee7700; 
			border-top:1px solid #CCCCCC;
			width:100%; 
			height:310px; 
			top:116px; 
			background:#fff;
			}
#menu_dept .menu_dept_ul { float:right; border-left:1px dashed #ddd;} 
#menu_dept .menu_dept_ul li{float:left;width:90px; padding:3px 10px 0 25px;line-height:30px;}
#menu_dept .menu_open{border-right:1px dashed #ddd; text-align:left; height:300px; float:left; }
#menu_dept .menu_open ul li{padding:2px; left:30%;}
#menu_dept .close_img{position:absolute; right:200px; top:220px;}
#menu_dept .menu_open ul li a:hover{color:#663300;}



/*�����̵�޴�???
#menu_dept{clear:both;
			position:absolute; 
			z-index:999; 
			border-bottom:2px solid #ee7700; 
			border-top:1px solid #CCCCCC;
			width:100%; 
			height:300px; 
			padding-left:10px; 
			top:116px; 
			background:#fff;/*border:1px solid #ccc;
			}
#menu_dept .header_img{position:absolute;left:5px;}
#menu_dept .menu_dept_ul {margin-left:600px; }
#menu_dept .menu_dept_ul li{float:left; width:90px; padding:3px 10px 0 15px;line-height:28px; }
#menu_dept .menu_open{ text-align:left; height:300px; float:left;}
#menu_dept .menu_open ul li{padding-left:2px;}
#menu_dept .close_img{position:absolute; right:200px; top:220px;}
.main_menu a.mhover {color :#663300; text-decoration:none;}
*/



/*���̺� ��Ÿ��*/

.tbl_st1 { border:0px; padding:0px; margin-bottom:10px;  font-size:13px;  border-top:2px solid #999999;}
.tbl_st1 tbody th { text-align:center;border-bottom:1px solid #dddddd; 
					border-right:1px solid #dddddd; /*border-left:1px solid #dddddd;*/ 
					background-color: #f9f9f9;
					line-height:18px; 
					padding:10px 20px; 
					vertical-align:middle; }
.tbl_st1 tbody td { color:#555555; border-bottom:1px solid #dddddd; /*border-right:1px solid #dddddd;*/ line-height:18px; padding:12px 15px;/* vertical-align:middle; */}


.tbl_st2 { border:0px; padding:0px; margin-bottom:10px;  font-size:13px;  border-top:2px solid #dddddd;}
.tbl_st2 thead th { text-align:center;
					border-bottom:1px solid #dddddd; 
					border-right:1px solid #dddddd;
					background-color: #706a61;
					line-height:18px; 
					padding:12px 15px; 
					vertical-align:middle;
					color:#FFFFFF; }
					
.tbl_st2 tbody th { text-align:center;
					border-bottom:1px solid #dddddd; 
					border-right:1px solid #dddddd;
					border-left:1px solid #dddddd;
					line-height:18px; 
					padding:12px 15px; 
					vertical-align:middle; background-color:#FFFFFF;}
					
.tbl_st2 tbody td { color:#555555; 
					border-bottom:1px solid #dddddd; 
					/*border-right:1px solid #dddddd;*/ 
					line-height:18px; 
					padding:12px 15px; 
					vertical-align:middle; text-align:center; }

/* common */
.page_tt.dot2{margin-bottom:.5em; padding-left: .7em;  position: relative;}
.page_tt.dot2::before{content: ''; width: 3px; height: 3px; border-radius: 50%; background: #111; position: absolute; left: 0; top: 7px;}
.page_tt.s4.dot2::before{top: 12px;}

.page_tt.dot4{ padding-left: 1em; color:#555; position: relative; line-height: 1.6; font-weight: 500;}
.page_tt.in{margin: 0 1.3em;}
.page_tt.dot4.in{margin: 0 .5em;}
.page_tt.dot4::before{ content: ''; width: 5px; height: 1px; background-color:#777; position: absolute; left: 0; top: 13px;}

.page_tt.dot4.st1{padding-left: 0.7em;}

.mbA { margin-bottom:auto !important; } 
.mb0 { margin-bottom:0 !important; } 
.mb5 { margin-bottom:5px !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; } 


/*history*/

.history_con { }
.history_wrap{position:relative; z-index:inherit; width:100%; height:100%; border-bottom:1px solid #dddddd; }
.history{ }
.history > li{ width:50%; z-index:inherit;  display:block; clear:both; }

.left{ left:0; text-align:right; }
.right{ right:0; text-align:left; }

.history > li > dl{}
.history > li > dl > dt{padding:2% 5% 10px 5%; font-family:Georgia, "Times New Roman", Times, serif; color:#ff6a49; font-size:40px; position:relative; z-index:inherit}
.history > li > dl > dt .line{ display:block; position:absolute; z-index:inherit; width:5%; top:20px; height:1px; background:#dddddd;}
.history > li.left > dl > dt .line{right:0}
.history > li.right > dl > dt .line{left:0}
.history > li > dl > dt .icon{position:absolute; z-index:1; width:20px; top:10px; display:block}
.history > li > dl > dt .icon img{ width:100%}
.history > li.left > dl > dt .icon{right:-10px}
.history > li.right > dl > dt .icon{left:-10px}
.history > li > dl > dd{ padding:7px 0; overflow:hidden}
.history > li.left > dl > dd{ padding-right:5%}
.history > li.right > dl > dd{ padding-left:5%}
.history > li > dl > dd .mon{ font-weight:600; color:#a08168; font-family:Tahoma, sans-serif; font-size:14px; width:17%; display:block; }
.history > li > dl > dd .tt{ width:83%; font-size:13px; color:#444; }
.history > li.left > dl > dd .mon{ float:right}
.history > li.right > dl > dd .mon{ float:left}
.history > li.left > dl > dd .tt{ float:right;}
.history > li.right > dl > dd .tt{ float:left;}

.history_line{ width:1px; position:absolute; z-index:0; background:#dddddd; left:44.7%; height:100%; top:0; display:block}


/* sitemap */
.sitemap{min-height:300px; height:auto !important; height:300px;text-align:left; margin-top:30px; }
.sitemap .menu{ margin-left:-3%}
.sitemap .menu > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:29%; *width:29%; margin-left:2%; margin-bottom:70px; margin-right:8px}
.sitemap .menu > li > a{ display:block;border-top:2px solid #FF6600; border-bottom:1px dashed #FF6600; line-height:40px; font-size:15px; color:#333; font-weight:600; text-align:center; }
.sitemap .menu > li > ul > li > a{  display:block; font-size:13px; color:#888888; padding:10px 0 10px 20px; background:url(../sp_images/sp_include/icon_st1.gif) no-repeat 10px 17px; border-top:1px solid #fff; border-bottom:1px solid #fff; letter-spacing:-1px;}
.sitemap .menu > li > ul > li > a:hover, .sitemap .menu > li > ul > li > a:focus{ background-color:#FEFDEF; text-decoration:none; border-top:1px solid #FF9900; border-bottom:1px solid #FF9900; color:#333}
.sitemap .menu > li > ul > li:first-child a{ border-top:none}

.notice_img{margin-top: 1em; margin-bottom: -3em;}

/* ���� */
.pledge-paper { max-width:80rem; padding:3rem; border-radius: 20px; margin:0 auto; background:#f8f9fa; position:relative; overflow:hidden; } 
.pledge-paper .paper-inner {padding: 6em 3em; border-radius: 10px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(309deg,rgba(237, 113, 1, 1) 44%, rgba(255, 205, 97, 1) 79%, rgba(237, 113, 1, 1) 100%) border-box; border: 22px solid transparent; box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); } 
/* .pledge-paper .paper-inner:before,.pledge-paper .paper-inner:after { content:""; display:block; width:400px; height:38px; background:#014195; position:absolute; transform:rotate(45deg) }  */
/* .pledge-paper .paper-inner:before { top:0; right:-72px; }  */
.pledge-paper .paper-inner:after { left:-72px; bottom:0; } 
.pledge-paper .paper-header { margin-bottom:2.3rem; } 
.pledge-paper .paper-header .stamp { margin-bottom:1rem; text-align: center;} 
.pledge-paper .paper-header .stamp img{width: 160px;}
.pledge-paper .paper-header .paper-title { font-size:2rem; font-weight: 800; color:#222; text-align: center; } 
.pledge-paper .paper-body * { font-size:1.125em; word-break: keep-all; line-height: 1.6; }
.pledge-paper .paper-body .ceo_info{display: flex;  margin-top: 3em; gap: 0.5em; align-items: center; justify-content: center;}
.pledge-paper .paper-body .ceo_info .stamp{ width: 6em;}
.pledge-paper .paper-body .ceo_info .stamp img,
 .pledge-paper .paper-body .ceo_info .stamp2 img{width: 100%;}
.pledge-paper .paper-body .name { font-weight: 700; font-size: 1.3em; text-align: center;} 
.pledge-paper .paper-body .name .ceo{margin-left: .5em; color: #111;}
.pledge-paper .num-list { margin:1.6em 0 2em; } 
.pledge-paper .num-list .list-item { width:100%; margin-right:0; border:none; padding:.5em 0; background:none; } 
.pledge-paper .num-list .item-content { color:#333; padding-left:0.5em; display: block; font-size: 16px;} 
.pledge-paper .num-list .item-num {font-style: italic; font-family: 'Pretendard', sans-serif; font-weight: 800; font-size: 1.5em; color: #333;} 
.pledge-paper p.ac{text-align: center;}

/* ������ */
.report_btn_box{font-size: 1.125em; font-weight: 700;}