@charset "utf-8";
@import url(base.css); /* reset */
@import url(common.css); /* header,footer */

body {font-family: 'Noto Sans', serif, 'Noto Sans KR'!important;}
a,a:visited,a:link {color:#000000;}
.bold{font-weight:bold;}

.id_left {
	/*float:left;
	position:relative;
	width:218px;
	min-height:700px;*/
	border-left:1px solid #dcdddc;
	border-right:1px solid #dcdddc;
	position:absolute;width:218px;top:0;bottom:0;left:0;
}
.main_visual > div {
	height:250px;
}
.left_menu_wrap {
	float:left;
	position:relative;
	width:218px;
	font-size:14px;
	line-height:15px;
}
.left_menu > .left_tit {
	display:block;
	width:100%;
	text-align:center;
	height:92px;
	background:#4e4e4e;  /*#4f72b9  LEEHS 21.10.07*/
}
.left_menu > .left_tit > .tit_main {
	display:block;
	width:100%;
	color:#ffffff;
	font-size:26px;
	line-height:92px;
	font-weight:600;
}
.left_menu > .left_tit > .tit_sub {
	display:block;
	width:100%;
	color:#dffebd;
}
.left_menu > dd {border-bottom:1px solid #dcdddc; background:#fafafa;}

.left_menu > dd > ul,
.left_menu > dd > dl {
	padding:10px 20px;
	background-color:#eaeaea;
}
.left_menu > dd > dl > dt > a {font-weight:600;}
.left_menu > dd > dl > dd > a:before {content:" - ";}

.left_menu > dd > ul > li > a,
.left_menu > dd > dl > dt > a,
.left_menu > dd > dl > dd > a {
	display:block;
	line-height:22px;
}
.left_menu > dd > ul > li > a {font-weight:600;}
.left_menu > dd > ul > li > a:before {content:" - ";}

.left_menu > dd > ul > li > a:hover,
.left_menu > dd > dl > dd > a:hover,
.left_menu > dd > dl > dd > a:hover {
	color:#2b4892;
}


.left_menu > dd > a {
	color:#666;
	display:block;
	padding-left:20px;
	line-height:40px;
}
.left_menu > dd > a.on {
	color:#2b4892;
	font-weight:500;
	line-height:40px;
	background:#fff url(/en/images/common/lnb_on.png) no-repeat 200px 15px;
}
.left_menu > dd > a:hover {
	color:#2b4892;
	font-weight:500;
	line-height:40px;
	background:#fff url(/en/images/common/lnb_on.png) no-repeat 200px 15px;
}


}
.left_customer_wrap > img {position:absolute;	top:28px; left:14px;}
.left_customer_wrap > span {position:absolute;display:block; font-family: "Nanum Gothic", "나눔고딕";}
.left_customer_tit {top:28px; left:48px; font-size:13px; line-height:24px; color:#5aac00;font-weight:600;}

.container{width:1200px; margin:auto; position:relative;}
.container:after{content:''; display:block; clear:both;}
.sub_contents {width:921px;padding-left:50px;padding-bottom:20px;/*float:left;*/font-size:15px;line-height:22px; position:relative; margin-left:220px;}
.svisual{height:208px; background:url(/en/images/contents/svisual.jpg) no-repeat center bottom; margin-top:106px;}
.svisual .sub_tit {width:1195px;  margin:0 auto;  line-height:1.3em;  padding-top:60px; font-size:40px; font-weight:bold; color:#fff;}




#s_right {
	float:left;
	width:781px;
	padding-left:47px;
	overflow:hidden;
}

.s_title {
	height:30px;
	width:100%;
	font-size:34px;
	font-weight:600;
	padding-top:40px;
	padding-bottom:20px;
	margin-bottom:33px;
	background:url(/en/images/common/tit_bg.gif) no-repeat left bottom;
	color:#393939;
}
.sub_map {float:right; margin-top:50px;}

.sub {overflow:hidden; padding-bottom:100px;}
.sub .info {overflow:hidden;}
.sub .part {margin-bottom:50px;}
.sub .part_50 {width:48%;  margin-right:4%; float:left;}
.sub .part_right {margin-right:0;}
.sub .part p.tit_100 {color:#222; font-size:24px; padding:0 0 25px 0; background:url(/en/images/contents/p_bg.gif) repeat-x left bottom;}
.sub .part_in{margin-top:20px; overflow:hidden;}
.sub .border {clear:both; border:1px solid #ddd; text-align:center; padding:20px; margin-top:20px;}
.sub .border2 {clear:both; border:1px solid #ddd; text-align:center; padding:20px; margin-bottom:20px;}
.sub span.txt_blue {color:#4f72b9;}
.sub span.txt_red {color:#b36262;}
.sub .part .part_in ul.cel {overflow:hidden;}
.sub .part .part_in ul.cel li {width:220px; float:left; margin-right:10px;}
.sub .part .part_in ul.cel li dl dt {color:#fff; text-align:center; padding:5px 0; background-color:#4f72b9;}
.sub .part .part_in ul.cel li dl dd {border:1px solid #ddd; text-align:center; margin-top:10px;}
.sub .part .part_in ul.cel li.last {margin-right:0;}
.sub  ul.list_style_bult li {letter-spacing:-0.02em; line-height:1.4em; margin-bottom:10px; padding-left:15px; background:url(/en/images/contents/bul.gif) no-repeat left 4px;}
.sub  ul.list_style_bult li:last-child  {margin-bottom:0;}
.sub  ul.list_style_bult li ul.list_style_bult_in {margin-top:10px;}
.sub  ul.list_style_bult li ul.list_style_bult_in li {background:none; padding:0 0 3px 0; margin:0;}
.sub .top_bar_g {position:relative; margin:0 0 20px 0;}
.sub p.top_bar {font-size:18px; color:#222;  padding-top:20px; background:url(/en/images/contents/p_bar.gif) no-repeat left top;}
.sub .top_bar_g a.pro_btn {position:absolute; right:0; top:7px; width:270px; height:35px; text-align:center; line-height:2.3em; font-size:15px; background-color:#4f72b9; color:#fff;}
.sub .top_bar_g a.pro_btn:hover {border:2px solid #4f72b9; color:#4f72b9; background-color:#fff;}
.sub .left_bar {padding-left:8px; color:#222;  font-size:18px; background:url(/en/images/contents/left_bar.gif) no-repeat left 4px;}
.sub .w_66 {width:61%; float:left;}
.sub  ul.pro_list {overflow:hidden; margin-bottom:50px;}
.sub  ul.pro_list li {float:left; margin-right:9px;}
.sub  ul.pro_list li:last-child {margin-right:0;}
.pro--title {text-align: center; padding-top: 5px;}
.pro--title2 {position: relative; left: 50%;}
.sub .border_pat {overflow:hidden; border:1px solid #ddd; padding:28px; background:url(/en/images/contents/pat_bg2.gif)  repeat left top;}
.sub .border_pat ul.pro {clear:both; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.sub .border_pat ul.pro li {float:left; margin-right:8px; margin-bottom:10px;}
.sub .border_pat ul.pro li.n_m {margin-right:0;}
.sub .border_pat ul.pro li:nth-child(3n) {margin-right:0px; }
.sub .border_pat ul.pro li > a {display:inline-block; border:1px solid #ddd;}
.sub p.p_blue {font-size:24px; color:#21297a; font-weight:bold; margin:10px 0 30px 0;}
.sub p.m_t_50 {margin-top:50px;}
.sub p.bg_tit {background-color:#4f72b9; color:#fff; margin-top:30px;  font-size:18px;padding:10px 0; text-align:center;}
.sub table.bbs_style {border-top:3px solid #4f72b9; width:100%;}
.sub table.bbs_style  tr th {color:#222; padding:15px 10px ; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd;  background:url(/en/images/contents/pat_bg2.gif) repeat left top;}
.sub table.bbs_style  tr td { padding:10px 15px ; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.sub table.bbs_style  tr td:first-child {border-left:1px solid #ddd;}
.sub table.bbs_style  tr td.cen {text-align:center;}
.sub table.bbs_style  tr td.col {background-color:#f3f6fb;}
.sub #map {width:100%; height:400px; margin-bottom:20px;}


/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}

/*윤-추가

.lea{
	font-size: 17px;
	line-height: 24px;
	font-weight: 400;
	width:70%;
}*/
.cent{
	margin-left:4%;
}
#contact-page .contact-wrap {
	margin-top: 20px;
}
#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}
#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
  display:grid;
}
.form-group .form-control {
  padding: 7px 12px;
  /*border-color:#f2f2f2; 주석처리*/
  border-color:#E0E0E0;
  box-shadow: none;
}
.form-control:focus {
	box-shadow:none;
	outline: 0 none;
}
.btn-primary {
	padding: 8px 20px;
	background: #d05456;
	color: #fff;
	border-radius: 4px;
	border:none;
	margin-top: 10px;
 }  
.btn-primary:hover, 
.btn-primary:focus{
	 background: #2d7da4;
	outline: none;
	box-shadow: none;
 } 
 .btn-transparent {
	border: 3px solid #fff;
	background: transparent;
	color: #fff;
 }
 
 .btn-transparent:hover {
	border-color: rgba(255, 255, 255, 0.5);
 }
  
/*KIMJY 21-11-11 #000000 -> #d43133 변경*/
a,a:visited,a:link {color:#d43133;}

/*KIMJY 21-11-11 추가*/
.cs_send{
	display:flex;
	justify-content: space-between;
	padding-right:29%;
	padding-left:6%;
}
.cs_agree{
	width:max-content;
	padding:10px 0 0 0;
}
input{
	outline-style:none;
}


/*21-11-24 KIMJY update(kakaomap)*/
.map_1{
	font: 12px AppleSDGothicNeo-Regular, dotum, sans-serif; 
	letter-spacing: -1px; 
	width: 900px; 
	height: 432px; 
	color: rgb(51, 51, 51); 
	position: relative;
	margin: 10px;
}
.map_h{
	height: 400px;
}
.map{
	border: 1px solid rgb(204, 204, 204);
}
.map_footer{
	overflow: hidden; 
	padding: 7px 11px; 
	border: 1px solid rgba(0, 0, 0, 0.1); 
	border-radius: 0px 0px 2px 2px; 
	background-color: rgb(249, 249, 249);
}
.map_f_1{
	float: left;
}
.map_f_2{
	display:block;
	width:72px;
	height:16px
}
.map_f_text{
	float: right; 
	position: relative; 
	top: 1px; 
	font-size: 11px;
}
.map_f_text_1{
	width: 1px;
	padding: 0;
	margin: 0 8px 0 9px;
	height: 11px;
	vertical-align: top;
	position: relative;
	top: 2px;
	border-left: 1px solid #d0d0d0;
	float: left;
}
.map_f_text_2{
	float:left;
	height:15px;
	padding-top:1px;
	line-height:15px;
	color:#000 !important;
	text-decoration: none;
}
.map_f_text_3{
	width: 1px;
	padding: 0;
	margin: 0 8px 0 9px;
	height: 11px;
	vertical-align: top;
	position: relative;
	top: 2px;
	border-left: 1px solid #d0d0d0;
	float: left;
}
.map_f_text_4{
	float:left;
	height:15px;
	padding-top:1px;
	line-height:15px;
	color:#000 !important;
	text-decoration: none;
}
.ydi_info{
	padding-top: 20px;
	padding-left:5%;
}