@import "style.css";

body{
    margin:0;
	padding:0;
	OVERFLOW-X:auto;
	overflow-y:scroll;
	background:#eeeff1;
	

	}

html, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, from{
    margin:0;
	padding:0;
	}


ul, ol, dl { 
    list-style:none;
	}
	
img {

    border:0;
	
	}
.ddd{ cursor: pointer;
}


#sub {
	 POSITION:relative; 
	WIDTH:100%;
	HEIGHT:200px;
	Z-INDEX:1;
	TOP:0px;
	text-align:center; background:#fff; padding:0px 0 0 0;
}
#left_tit { position:absolute;top:0px; width:32%; height:200px; left:0; margin:0px 0 0px 0px; text-align:left;  background:url(image/m_txt_bg.png) repeat; z-index:100;}
#left_tit p {float:right; width:210px; right:60px; color:#fff;font-size:40px; font-weight:500;letter-spacing:-0.5px;/* text-shadow:1px 1px 5px #000;*/ margin:60px 0}
#left_tit p span { display:block; font-weight:300; font-size:17px;line-height:20px;}

/* sub Visual
-----------------------------------------------------------------------------*/
.animation_canvas { overflow:hidden; position:relative;width:100%; /*max-width:1800px;*/ height:260px; z-index:1; margin:0 auto;}

.slider_panel { width:100%; height:220px; position:relative; text-align:center;margin:0px auto; }
.slider_image { position:absolute;left:0; top:0; width:100%; height:200px; opacity:0; margin:0px auto; }

.slider_panel .img1 { background:url(image/main1.jpg) no-repeat center 20%; background-size:cover;}
.slider_panel .img2 { background:url(image/main2.jpg) no-repeat center 20%; background-size:cover;}
.slider_panel .img3 { background:url(image/main3.jpg) no-repeat center 20%; background-size:cover;}

@media all and (max-width:1200px){
	#left_tit { width:20%;}
}


/**컨텐츠**/
#contents {
    Z-INDEX: 2;
	POSITION:relative;
	TOP:0px;
	WIDTH: 100%;  
	text-align:center;
	margin:0 auto; background:#fff;
	
}

#contents_in {
	POSITION:relative;
	WIDTH:1180px;height:100%; overflow:hidden;
	text-align:left;
	margin:0  auto ;background:#fff;
}
#left:after {content:""; display:block;clear:both;}
#left {
	z-index:10; float:left;
	WIDTH:210px; height:100%; overflow:hidden;
	TOP:0px;
	LEFT:0;
	text-align:left;
	margin:20px 0 0px 0px;
}


/*=================left Menu 1 starts here ========================*/
/* menu::base */
div#left_menu:after {content:""; display:block;clear:both;}
div#left_menu {
	POSITION:relative;
	WIDTH:100%; 
	TOP:0px;
	LEFT:0px;
	text-align:center;
	background:#fff; 
	z-index:9999; margin:0; padding:0;
}

#left_menu > ul { margin:0;  *zoom:1; padding:5px 0 0 0;}
#left_menu ul:after {content:""; display:block;clear:both;}
#left_menu ul a {display:block;  text-decoration:none; margin:0px; }
#left_menu > ul > li { position:relative;margin:0 0px 5px 0px; text-align:center; }

#left_menu ul li.m_active {/*background-color:#f37523;*/background:#006a84; }
#left_menu > ul > li > a {display: block;padding:0px 0px 0px 30px;color:#4a4a4a; font-size:16px;  line-height:40px;
text-decoration:none; text-align:left;  font-weight:400;border:1px solid #d9d9d9; background:#eeeff1;}

#left_menu ul li.m_active a  {color:#fff;background: #06377b;border: 1px solid #06377b;}
#left_menu ul li a:hover { color:#fff; background:#06377b; border:1px solid #075f74;}
#left_menu ul li a.off {color: #4c4c4c;}
#left_menu ul li.last { background:none; margin:0; padding:0; display:inline;}
#left_menu ul li.first {padding:10px 0 0px 0px;  }

#left_banner:after {clear:both;display:block;content:"";}
#left_banner {margin:30px 0 30px 0; padding:0 0 0px 0; height:100%; overflow:hidden; border:1px solid #d9d9d9;background:#fff url(image/m_tel_icon.png) no-repeat 93% 7px; background-size:25%;}

#left_banner h1{font-size:18px; font-weight:600; color:#252525; margin:10px 10px 10px 20px;}
#left_banner ul { margin:10px; height:100%; overflow:hidden; background:#545659;border-radius:10px; padding:10px; }
#left_banner li{font-size: 24px;line-height:22px;color:#fff;font-weight:500;margin: 5px 0 10px;}
#left_banner li span{ display:block;font-size:12px;line-height:15px; font-weight:300; }

/*=================left Menu 1 END here ========================*/
/*left Menu 1 ends here */

/**컨텐츠내용_lay**/
#contents_in_lay:after {clear:both;display:block;content:"";}
#contents_in_lay {
	POSITION: relative; display:block;
	WIDTH:910px;
	right:0px; 
	top:0px; float:right;
	text-align:left;
	margin:0 0 0px 0;
	padding:0 0 0px 0; background:#fff;box-sizing:border-box;  
}


/**타이틀**/
#bar {
	/*clear:both;*/
	text-align:center;
	POSITION: relative;
	WIDTH:100%;
	LEFT:0px;float:right;
	top:0px;
	margin:0px;
	
}

#bar_tit  {background:url(image/m_tit_bg.gif) no-repeat center top;margin:0 auto; padding:0px 0px; color:#242424; font-size:26px; line-height:100px; font-weight:600;margin:0px auto 0 auto;text-align:left;}


#text {
	clear:both;
	z-index:5;
	POSITION: relative;
	WIDTH:100%; height:100%; overflow:hidden;
	top:0px; float:right;
	LEFT:0px;
	margin:0px 0 0px 0;
	padding:0 0 70px 0;
	text-align:left;
}


#pro_list:after {clear:both;display:block;content:"";}
#pro_list {width:100%;margin:0px 0 0 0px;text-align:center; }
#pro_list p {float:left;margin: 0px  5px 20px 10px; background: #06377b;}
#pro_list p a {display:block;border:3px solid #fff;width: 280px;height:228px;}
#pro_list p a span{font-size: 16px;color: #fff;font-weight: 500;display: block;margin: 10px 0 0 0;}
#pro_list p a:hover{ border:3px solid #06377b;}


#a2010_img:after {clear:both;display:block;content:"";}
#a2010_img {width:100%;margin:0px auto;background:#eee;}
#a2010_img.a1 {min-height:610px;}
#a2010_logo {position: absolute; top:30%; left:50%; width:296px; margin:0 0 0 -148px;text-align:center; z-index:50; }

#a1010 .greeting{width: 910px;}
#a1010 .greeting img{display: block; width: 100%;}


div#tmpSlideshow:after {clear:both;display:block;content:"";}
div#tmpSlideshow {
	margin: 20px 0 20px 20px;
	padding:0px 0 0px 0;
	width: 870px;
	/* height: 575px; */
	top: 0px;
	float:left;
}
div#tmpSlideshow.mt70 {margin:70px 0 0 0;}
div.tmpSlide {
    width: 870px;
    height: 625px;
    display: none;
}
div.tmpSlide img {
    float:left;
    margin: 0px 0px 0 0px;
    width: 870px;
    FONT-VARIANT: JIS78;
    border:1px solid #d9d9d9;
}

div#tmpSlideshowControls {
    margin: 20px 0 0 0;
}
div.tmpSlideshowControl {
	float:left;
	border: 1px solid #d9d9d9;
	margin: 0 6px 6px 0;
	background:#fff;
	width: 138px;
	height: 85px;
	color: #554d31;
	font: 14px Arial, sans-serif;
	text-align: center;
	cursor: pointer;
	padding:0px;
}
div.tmpSlideshowControl.last {margin: 0 0 6px 0;}
div.tmpSlideshowControl span {
    line-height: 36px;
    vertical-align: middle;
}
div.tmpSlideshowControlOn {
    background-image:#fff;
}
div.tmpSlideshowControlActive {
    border: 1px solid #06377b;
}
div.tmpSlideCopy {
    position: absolute;
    left: 565px;
    top: 20px;
    width: 170px;
}
div#tmpSlideshow h4 {
    color: #b90f23;
    text-transform: uppercase;
    font: 13px 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';
    margin: 10px 0;
	font-weight:700;
	
}
div.tmpSlideCopy p {
    font: 11px Arial, sans-serif;
    line-height: 1.75em;
}

#a2010 { position:relative;margin:40px 20px;text-align:left; padding:0 0 0px 0; }
#a2010 p {display:block;margin: 10px 0;font-size:16px;background:url(image/dot01.gif) no-repeat 0 6px;padding: 0 0 0 20px;text-align:left;}