.main_con_wrap  {background:#fff; width:100%; float:left;}

.section_h2 {text-align:center; font-size:30px; margin-bottom:5px;}
.section_h3 {text-align:center; font-size:24px; margin-bottom:5px;}
.v_bar {height:28px; width:1px; background:#777; margin:0 auto; display:block;}
.float_right {float:right !important;}
.box_58 {width:58%; float:left;}

.shadow_box_wrap {width:100%; float:left; box-shadow:2px 1px 3px rgba(0,0,0,0.2); border:1px solid #ddd; padding:25px; box-sizing:border-box;}

#top {width:100%; min-width:1240px;
 display:inline-block; position:relative;
padding:30px 0; box-sizing:border-box;
   z-index:9999999999999999;
 border-bottom:1px solid #ddd;
 }

#top  p  {width:200px; float:left; margin-left:3%;}
#top  p  img {}
/*#top ul {width:80%; float:right; position:absolute; bottom:30px; right:3%;  text-align:right;  }
#top  ul li {display:inline-block; font-size:18px; font-weight:500; line-height:30px; letter-spacing:1px; padding-left:50px;}
#top ul li a {color:#fff !important;}*/

#top div {width:80%; float:right; position:absolute; bottom:80px; right:3%;  text-align:right;  }


.p_line {width:40px; height:1px; background:#666; display:inline-block; margin-bottom:0px;}
.sub_con>h2 {margin-bottom:30px;}

.sub_con_menu {width:100%; float:left;  box-sizing:border-box; margin-top:10px}
.sub_con_menu ul{position:relative; width:1200px; margin:0 auto; text-align:center;}
.sub_con_menu li {position:relative; display:inline-block; vertical-align:top; margin:0 20px}
.sub_con_menu li:last-child {margin-right:0}
.sub_con_menu li a {position:relative; font-weight:300; font-size:1.3em; letter-spacing:-0.5pt; color:#888; display:block;  line-height:50px; height:50px; text-align:center; padding:0 10px; box-sizing:border-box; transition: all 0.3s ease-out; display:flex; justify-content:center; align-items:center; box-sizing:border-box; }
.sub_con_menu li a:after{position:absolute;; display:block; bottom:-1px; left:0; content:""; overflow:hidden; width:0; height:2px; background:#c00; transition: all 0.3s ease-out;}
.sub_con_menu li a:hover{font-weight:500; color:#c00; text-decoration: none; transition: all 0.3s ease-out;}
.sub_con_menu li a:hover:after{width:100%; transition: all 0.3s ease-out;}

#sub_con_menu_wrap { z-index:999 !important; width:100%; position:relative;  background:#fff; transition: all 0.2s ease-out;}
#sub_con_menu_wrap .ov{display:block; color:#c00 !important; font-weight:700 !important; text-decoration: none}
#sub_con_menu_wrap .ov:after{width:100% !important; transition: all 0.3s ease-out;}

.company_textbox {width:90%; margin-top:-120px; margin-left:5%; background:#fff; float:left; padding:40px 30px; box-sizing:border-box; box-shadow:1px 3px 5px rgba(0,0,0,0.2); border-radius:15px}


/*depth_3*/
.sub_con_menu ol.depth_3{border-bottom:1px solid #ddd; padding:0 0 0 20px; background-color:#f9f9f9}
.depth_3 dd:first-child{padding-top:8px;}
.depth_3 dd:last-child{padding-bottom:8px;}
.depth_3 dd a:link, .depth_3 dd a:visited{display:block; font-size:12px; padding:4px 0;}
.depth_3 dd a:hover{display:block; color:#064e91; text-decoration:none}
.depth_linktop{color:#064e91 !important; font-weight:bold !important; }
.depth_linktop:hover{text-decoration:none}


.sub_con_right {float:right; width:80%;}

.company_tit {font-size:22px; display:inline-block}

nav {   width:80%;  float:right;  position:absolute;   bottom:30px; right:3%;  text-align:right;}
nav ul {font-size: 0;margin: 0;padding: 0;}
nav ul li {display: inline-block;position: relative;}

nav ul li a {
 display:inline-block; font-size:18px; font-weight:500; line-height:50px; letter-spacing:1px; padding:0 30px;
 transition: 0.3s linear; color:#fff !important; text-align:center;
}

/*nav>ul>li:last-child a {*/
/* padding-right:0;*/
/*}*/
nav ul li ul {
   display: none;
  position: absolute;
  width:200px; right:0; text-align:center;
}

nav ul li ul li {border-top: 1px solid #444; display: block;}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: #373737;
  display: block;
font-size:14.5px;
line-height:45px;
letter-spacing:-0.5px;
  padding: 0 14px;
color:rgba(255,255,255,.7) !important;
}

nav ul li ul li a:hover { background: #126d9b; }

nav .fa.fa-angle-down { margin-left: 6px; }

#section1 {width:100%; float:left; padding:60px 0;}
#section1 .section1_wrap {width:1200px; margin:0 auto; }

#section2 {width:100%; float:left;  padding:60px 0;  background:#f7f7f7}
#section2 .section2_wrap {width:1200px; margin:0 auto; }

#section3 {width:100%; float:left; }
#section3 .section3_wrap {width:1200px; margin:0 auto; }


/* s1_prod_wrap */
/* Defines the width of the carousel and centers it on the page */
.prod_slick-carousel {
  margin: 0 auto;
  width: 1350px;
}

/* The width of each slide */
.prod_slick-carousel .slick-slide {
  border:1px solid #ddd; box-sizing:border-box;
  margin-right:0.5%;
  box-shadow:1px 2px 5px rgba(0,0,0,0.1);
}

/* Color of the arrows */
.prod_slick-carousel .slick-next::before, .prod_slick-carousel .slick-prev::before {
	background:#cdc;
}

#section1 .s1_leftbox {width:50%; float:left;}
#section1 .s1_rightbox {width:50%; float:right; margin-top:85px}
#section1 .s1_rightbox div {width:100%; float:left;  padding:38.5px; box-sizing:border-box;}

#section1 .s1_leftbox div {width:100%; float:left;  padding:30px 15px; box-sizing:border-box;}

#section1 .s1_left_bottom {width:100%; float:left; background:#285a8d;}
#section1 .s1_left_bottom ul li {width:50%; float:left; line-height:1.6; padding:0 15px; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.3)}
#section1 .s1_left_bottom ul li a{display:block; width:100%; float:left;  box-sizing:border-box; color:#fff; font-weight:500; font-size:1.3em  ;}
#section1 .s1_left_bottom ul li a:hover {text-decoration:underline; }
#section1 .s1_left_bottom ul li img {max-width:45px; vertical-align:middle; margin-right:15px;}

#section1 .s1_left_bottom ul li:last-child{border:0}

#section1 h4 {font-size:25px; font-weight:500; margin-bottom:30px; color:#fff;}

#section1 .tel {color:#fff; font-size:2.2em}

.lang a span {font-size:0.85em; color:#666 !important}
.lang a img {border:1px solid #ddd; box-sizing:border-box; vertical-align:middle; margin-right:5px; width:25px;}



#section2 .s2_banner {width:100%; float:left; background:url('/htm/ds_jm/common/img/main02_banner_bg.png') no-repeat center center; padding:65px 30px ; box-sizing:border-box;}

#section3 .s3_notice_wrap {width:100%; float:left; }
#section3 .s3_notice_wrap>li {width:49%; float:left; background:#cdc; padding:30px; box-sizing:border-box}
#section3 .s3_notice_wrap>li:last-child {width:49%; float:right; background:#edc;}



#section2 .notice_ul_wrap {width:100%; float:left; background:#fff; padding:20px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px;}
#section2 .notice_ul_wrap li{width:100%; border-bottom:1px dashed #ddd; padding:15px; box-sizing:border-box;}
#section2 .notice_ul_wrap li a{display:block; font-size:16px; font-weight:500; color:#555}
#section2 .notice_ul_wrap li .date {font-size:15px; color:#999; float:right; font-weight:300}
#section2 .notice_ul_wrap li:last-child {border:none }
#section2 .notice_ul_wrap img{width:20px; margin-right:10px; vertical-align: -2px	}

/**/
#section2 .map_div {width:100%; float:left;  padding:30px; box-sizing:border-box; background:#fff; border:1px solid #ddd; line-height:1.8; }
#section2 .map_div span {font-weight:500; }




.s1_right_ul {width:100%; float:left;}
.s1_right_ul li {width:50%; float:left; border:1px solid #fff; box-sizing:border-box; background:(255,255,255)}
.s1_right_ul li:first-child {border-right:none; border-bottom:none}
.s1_right_ul li:nth-child(2) {border-bottom:none;}
.s1_right_ul li:nth-child(3) {border-right:none;}

.s1_right_ul li a {display:block;  box-sizing:border-box; padding:10px 20px; color:#fff; font-size:16px;}
.s1_right_ul li span {float:right; font-size:22px; line-height:1em;}
.s1_right_ul li a:hover {background:#fff; color:#333; transition:ease-in-out 0.35s}




/*.left_mn_wrap {float:left; width:220px;  }*/
/*.left_mn_wrap h2 {font-weight:600; line-height:100%; font-size:25px; color:#fff; width:220px; height:65px; padding-top:44px; text-align:center; background:#cdc;  }*/
/*.left_mn_wrap ul{position:relative; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd;}*/
/*.left_mn_wrap li {position:relative; color:#444; background:url('/img/left_arrow.png') no-repeat 180px 20px;}*/
/*.left_mn_wrap li a:link, .lnb li a:visited{display:block; width:100%; font-size:14px; height:51px; border-bottom:1px solid #ddd; line-height:53px; letter-spacing:-0.55pt; text-indent:25px;}*/
/*.left_mn_wrap li a:hover{display:block; color:#0491d9; font-weight:bolder; text-decoration:none; background:url('/img/left_arrow_on.png') no-repeat 180px 20px,#f7f7f7; border-right:1px solid #ddd;}*/
/*.left_mn_on{display:block; color:#0491d9 !important; font-weight:bolder !important; text-decoration:none; background:url('/img/left_arrow_on.png') no-repeat 180px 20px,#f7f7f7; border-right:1px solid #ddd;}*/
/**/



/* (마우스오버시 펼쳐지는 서브메뉴) */
#primary_nav_wrap {width:100%; float:left; height:65px; background:#fff;  margin-top:0px; box-shadow:1px 2px 3px 0px #ddd;}

#primary_nav_wrap ul
{
	max-width:1200px;
	height:65px;
	margin:0 auto;
	list-style:none;
	position:relative;
	padding:0;
}

#primary_nav_wrap ul .primary_nav_title>a
{
	color:#333;
	text-decoration:none;
	font-weight:400;
	font-size:18px;
	line-height:65px;
	padding:0 20px;
	/*font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif*/
}

#primary_nav_wrap ul .primary_nav_title
{
	position:relative;
	float:left;
    width:25%;
	text-align:left;
	border-right:1px solid #ddd;
}

#primary_nav_wrap ul li.home_bt
{width:75px; height:65px; float:left; text-align:Center; background:#194475;
box-sizing:border-box; border-right:1px solid #ddd; border-left:1px solid #ddd;}

#primary_nav_wrap ul li.home_bt a {display:block;  line-height:60px;}
#primary_nav_wrap ul li.home_bt i {line-height:60px; color:#fff;}

/*#primary_nav_wrap ul li:hover
{background:#f6f6f6} */

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
	z-index:9999999999;
	border-top:1px solid #ddd;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:300px;
	border-bottom:1px solid #ddd;
}

#primary_nav_wrap ul ul li a:hover {transform:ease-in-out 3s;}


.primary_nav_title ul li a
{ display: block;
  color: #777;
  font-size:0.95em;
  font-weight:400;
  background: #f9f9f9;
  }

.primary_nav_title .fa { font-size:18px; float:right; padding:25px 20px 0 0; color:#333;}

.primary_nav_title ul li a:hover {background:#f0f0f0;}

#primary_nav_wrap ul ul a { line-height:77%; padding:18px 20px; font-size:17px; }

#primary_nav_wrap ul ul ul {top:0;left:100%}

#primary_nav_wrap ul li:hover > ul {display:block;}


/* 푸터 footer */
.fixed_top {width:60px; font-size:13.5px;  border-radius:5px;line-height:60px; background-color:#555; color:#fff !important;  text-align:center; float:right; position:fixed; bottom:5%; right:3%; letter-spacing:0.5px;}

#footer02_wrap {position: relative; width: 100%; float:left; background:#fff; border-top:1px solid #ddd}
#footer02_wrap .footer02 {width:1200px; margin: 0 auto; display:block}
#footer02_wrap .footer02 img{float: left; margin-top:10px;}
#footer02_wrap .footer02 .footer_con{float: left; padding: 30px 0 40px 0px; box-sizing:border-box; }
#footer02_wrap .footer02 .footer_con p.f_txt{line-height: 25px; letter-spacing: -.5pt; font-size:15px; color:#666;}
/* 여백 */
#footer02_wrap .footer02 .footer_con .nbsp{padding-left: 10px; padding-right: 10px; letter-spacing: -.5pt;  font-size:15px; }

#footer02_wrap .footer02 .footer_con p.copy{color:#999; opacity: .5; text-transform: uppercase; font-weight: 400; padding-top: 5px; letter-spacing: .1pt;}
#footer02_wrap .footer02 .f_top{ float: right; margin-top: 30px; text-align: center; }
#footer02_wrap .footer02 .f_top a{display:block; letter-spacing: 0;background:#10568c; font-size:14px; line-height: 52px; color:#fff; width: 52px; height: 52px; border-radius:43px; transition: all 0.3s; }
#footer02_wrap .footer02 .f_top a:hover{background: #2c8ad2; color:#fff; transition: all 0.2s;}