@charset "euc-kr";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/*---reset---*/


html { overflow-y:scroll; overflow-x:hidden;}
* { margin:0; padding:0; }
img { border:0; }
ul, ol, dl, li { list-style:none; }
caption { width:1px; height:1px; overflow:hidden; }
table { border-collapse:collapse; border-spacing:0; font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif !important;}
body { 

height:100%; width:100%; 
font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif !important; font-size:13px; color:#353535; line-height:20px; text-decoration:none; -webkit-text-size-adjust:none;}

/*---a link---*/
a { text-decoration:none; color:#4e4e4e; }
a.top { color:#bbb; text-decoration:none; color:#e7e7e7; }
a.top:hover { color:#eee; text-decoration:none; }
a.subtop { text-decoration:none; color:#4e4e4e; }
a.subtop:hover { text-decoration:none; color:#002844; font-weight:600; }
a.subtop:active { text-decoration:none; color:#002844; font-weight:600; }
a.main {color:#fff;}

p{line-height:22px;}
p.space {padding-bottom:30px; clear:both;}
p.img_space {clear:both;}
h3{font-size:26px;line-height:30px;font-weight:600;color:#333;}
h3.under_space{margin-bottom:15px; width:753px;}
h4{font-size:19px;line-height:26px;color:#1269ca;margin:5px 0 12px 0; font-weight:600;}
h5{font-size:19px;line-height:26px;color:#1269ca;margin:5px 0 12px 0; font-weight:600; text-align:center;}

#wrapper {
	width:100%;
	height:100%;
	 min-width:1100px;
	margin:0 auto;
	}

/*Navi*/
#center {
	position: relative;
	z-index: 99999;
	width: 100%;
	 min-width:1100px;
	margin: 0 auto;
	height:100px;
	top: 0px;
	display: block;
}

#top_navi_wrap {
	width:100%;  
	z-index:10; 
	position:absolute; 
	height:100px;
	} 
.top_wrap { width:100%; min-width:1100px; margin:0 auto; height:30px;}
.top_wrap2 { width:1100px; margin:0 auto; height:30px;}

.nav_wrap { float:right; width:740px; font-family:'Nanum Square'; }

/* @group core nav menu */
#nav { margin: 0; padding: 0; list-style: none; height: 70px; width:100%;  }
#nav:after { display:block; content:''; clear:both; }
#nav li {width:148px;  float: left; display: block; background: none; position: relative; z-index: 999;}
#nav>li>a { display: block; padding: 0; line-height: 70px; text-decoration: none; zoom: 1; text-align:center; font-size:18px; color:#393939; font-weight:600; }
#nav li a:hover, #nav li a.hov { color:#2b71b8;}




/*¸Þ´º*/
#nav ul { position: absolute; left:0px; display: none; margin: 0; padding: 0; list-style: none;  text-align:center; }	
#nav ul.menu1 li { width:148px; float: left; }	
#nav ul li:hover { background:#045cb5; }

#nav ul li.bdtop{ border-top:1px #dddddd solid;}
#nav ul a {display: block; height: 25px; line-height:25px; padding: 10px 0 ;   font-size:13px; color:#069; border-bottom:1px #dddddd solid;border-left:1px #dddddd solid;border-right:1px #dddddd solid; background:#fff;}
#nav ul a:hover { font-weight:600;	text-decoration:none;  color:#000;  padding: 10px 0; }




.top_menu .top_right { float:right; }
.top_menu .top_right li.top_border { float:left; height:30px; font-size:12px; color:#000; padding: 0 0px 0 0px; line-height:30px; text-align:center; margin-left:18px; }
.top_menu .top_right li:first-child { margin-left:0px; }
.top_menu .top_right li { float:left; height:30px; color:#000;}
.top_menu .top_right li a.top { color:#000;}
.top_navi_wrap2{ width:100%;  min-width:1100px; margin:0 auto; height:70px; position:relative; }
.navi_wrap { width:1100px; margin:0 auto; height:70px; position:relative; background:#FFF;}
.top_logo{ float:left; position:absolute; width:250px; opacity:1;}
.top_navi { float:right; width:774px; font-family:'Nanum Square'}
.navi_dep1{float:left;}
.navi_dep1_position{ font-size:17px; font-weight:600; text-align:center; height:70px; line-height:70px;}
.navi_dep1_position:hover { }
.navi_dep1_position a { color:#4e4e4e; text-decoration:none;}

/*submenu */
.navi_dep2_wrap01{margin-left:0px;position:relative;right:40px;}
.navi_dep2_wrap02{margin-left:0px;position:relative;right:400px;}
.navi_dep2_wrap03{margin-left:0px;position:relative;}
.navi_dep2_wrap04{margin-left:0px;position:relative;}
.navi_dep2_wrap05{margin-left:0px;position:relative;left:5px;}

.navi_dep2_wrap{ display:none; width:1100px; position:relative;top:0px;}
.navi_dep2_wrap ul{overflow:hidden; width:1100px; height:40px; line-height:40px;}
.navi_dep2_wrap ul li{ float:left; padding-right:20px; height:40px; line-height:40px; margin-right:10px;}
.navi_dep2_wrap ul li.last { float:left; border-right:none; height:40px; line-height:40px;}
.navi_dep2_wrap ul li a { display:block; line-height:40px; height:40px; color:#e7e7e7; font-weight:500; font-size:15px; font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif; }

.float01{width:181px;}
.float02{width:178px;}
.float03{width:162px;}
.float04{width:213px;}
.float05{width:200px;}


#main_visual { 
	clear:both;
	width:100%;
	min-width:1100px;
	height:500px;
	margin:0 auto;
	background:url(../images/mainvisibg.png) center top;
	}
#main_visual p img{ padding-right:10px;}

/* --- INDEX PAGE ----*/

#m_section_wrap_01 { width:100%; height:459px; background:#f5f6f8; }
#section_01 { width:1100px; height:100%;  margin:0 auto; padding:50px 0 30px; }
.section_title { font-size:30px; line-height:30px; font-weight:600;  margin-bottom:30px; text-align:center;}
.section_p { font-size:15px; line-height:15px; text-align:center; margin-bottom:38px; }
#product_wrap { width:1100px; overflow:hidden; }

#bx_wrap { width:100%;}
.product_wrap1 { width:1100px; overflow:hidden;}

.pro1 ol { float:left; }
.pro1 ol li { width:350px;}
.protext1{ font-size:20px; font-weight:600; padding-top:20px; padding-bottom:15px;}
.protext2{ font-size:15px; font-weight:400; line-height:22px; padding-bottom:20px;}
.pro2text1{width:725px; font-size:25px; font-weight:600; line-height:30px;}
.pro2text1 span{ float:right; font-size:13px; font-weight:400; line-height:15px; padding-top:15px; padding-right:30px;}
.photo{padding:20px 0; width:725px; height:145px;}

#m_section_wrap_02 { width:100%; height:325px; }
#section_02 { width:1100px; height:195; margin:0 auto; padding:50px 0 50px;  overflow:hidden; }
.photo { float:left; width:740px; height:165px; padding:5px 0px 0px 0px;}
.contact{ float: right; width:350px; height:195px;}


footer { width:100%; height:90px;  background-color:#f9f9f9;  border-top:1px solid #ccc;}
#footer_wrap { width:1100px; height:34px; margin:0 auto;padding:28px 0 28px;  }
#footer_wrap:after { display:block; clear:both; content:''; }
#footer_left { width:600px; float:left;}
#footer_left p { color:#797979; font-weight:600; font-size:12px; line-height:18px; }



/* Sub Layout :: Location */
#contentLocation{width:100%; height:50px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; background:url(../images/sub_menu_bg.png) no-repeat;}
.location-inner{margin:0 auto;width:1100px; height:100%; background-color:#f0f0f0;}
.location-inner > ul{ height:100%;}
.location-inner > ul > li{position:relative; float:left; width:210px; height:100%; letter-spacing:-0.25px; color:#373737; line-height:50px; background:url(../images/location_bg2.jpg) no-repeat 100% 0; padding-right:20px;}
.location-inner > ul > li.home{width:auto; line-height:13px; background:#dadada url(../images/location_bg1.jpg) no-repeat 100% 0; padding-right:40px; pa }
.location-inner > ul > li.home p{font-size:13px; font-weight:600; margin-left:30px; margin-top:-20px ; color:#4e4e4e !important;}
.location-inner > ul > li.home img{margin-right:15px; margin-top:13px;}
.location-inner > ul > li > a{display:block; padding-left:23px; font-size:15.5px; background:url(../images/location_arrow.jpg) no-repeat 95% 50%;font-weight:600; text-decoration:none; color:#4e4e4e !important;}
.location-inner > ul > li.backnone > a{display:block; padding-left:0px;  background:none;  }
.location-inner > ul > li .location-2dep{display:none; position:absolute; top:50px; left:-18px;width:228px; border:1px solid #cfcfcf; border-bottom-color:#000000; background-color:#fff; z-index:11}
.location-inner > ul > li.location1 .location-2dep{width:229px;}
.location-inner > ul > li .location-2dep li{height:44px; line-height:44px; border-top:1px solid #cfcfcf;}
.location-inner > ul > li .location-2dep li:first-child{border-top:0;}
.location-inner > ul > li .location-2dep li a{display:block; padding-left:40px; color:#414141; font-size:15px; font-weight:600; letter-spacing:-0.75px; text-decoration:none;}
.location-inner > ul > li .location-2dep li a:hover{background:#f0f0f0 url(../images/location_arrow2.jpg) no-repeat 95% 50%; text-decoration:none;}


.location-inner > ul > li.location3{position:relative; float:left; width:320px; height:100%; letter-spacing:-0.25px; color:#373737; line-height:50px; background:url(../images/location_bg2.jpg) no-repeat 100% 0; padding-right:20px;}
.location-inner > ul > li .location-3dep{display:none; position:absolute; top:50px; left:-18px;width:338px; border:1px solid #cfcfcf; border-bottom-color:#000000; background-color:#fff; z-index:11}
.location-inner > ul > li.location1 .location-3dep{width:339px;}
.location-inner > ul > li .location-3dep li{height:44px; line-height:44px; border-top:1px solid #cfcfcf;}
.location-inner > ul > li .location-3dep li:first-child{border-top:0;}
.location-inner > ul > li .location-3dep li a{display:block; padding-left:40px; color:#414141; font-size:15px; font-weight:600; letter-spacing:-0.75px; text-decoration:none;}
.location-inner > ul > li .location-3dep li a:hover{background:#f0f0f0 url(../images/location_arrow2.jpg) no-repeat 95% 50%; text-decoration:none;}



.location-inner > ul > li.location4{position:relative; float:left; width:280px; height:100%; letter-spacing:-0.25px; color:#373737; line-height:50px; background:url(../images/location_bg2.jpg) no-repeat 100% 0; padding-right:20px;}
.location-inner > ul > li .location-4dep{display:none; position:absolute; top:50px; left:-18px; width:298px; border:1px solid #cfcfcf; border-bottom-color:#000000; background-color:#fff; z-index:11}
.location-inner > ul > li.location1 .location-4dep{width:299px;}
.location-inner > ul > li .location-4dep li{height:44px; line-height:44px; border-top:1px solid #cfcfcf;}
.location-inner > ul > li .location-4dep li:first-child{border-top:0;}
.location-inner > ul > li .location-4dep li a{display:block; padding-left:40px; color:#414141; font-size:15px; font-weight:600; letter-spacing:-0.75px; text-decoration:none;}
.location-inner > ul > li .location-4dep li a:hover{background:#f0f0f0 url(../images/location_arrow2.jpg) no-repeat 95% 50%; text-decoration:none;}




/* SUBPAGE */
#subvisual{ width:100%; height:300px; background:url(../images/subvisual.png) no-repeat center top; }
.midtitle{ width:1100px; margin:0 auto;}
.midtitle li{width:1100px; margin:0 auto;}
.midtitle li p { text-align:center; line-height:40px; color:#fff; padding-top:130px;}
#section_wrap { width:100%;  padding:81px 0 115px; }
#section_wrap:after { display:block; content:''; clear:both; }
.page_title { 
	font-weight:600; font-size:33px; line-height:33px; color:#2e2e2e; text-align:center; 
	width:100%; height:70px; background:url(../images/point_bar.png) no-repeat center bottom; }
#article_wrap { width:1100px;margin:50px auto 0; }
#article { width:1100px;margin:0 auto; clear:both; position:relative; display:block;}
#info_wrap { width:100%; height:300px; background:url(../images/greebg.png) no-repeat;}
#info_wrap p { font-size:15px; line-height:23px; color:#2c2c2c;font-family:'Nanum Square'; }
#info_wrap p span{ font-size:17px; line-height:23px; color:#2c2c2c; font-weight:600; font-family:'Nanum Square'; }


.gree p{ font-size:22px;}
.gree2 { border-bottom:1px solid #aaaaaa; height:50px;} 
.gree2 p{ font-size:15px; font-family:'Nanum Square';padding-top:15px;}




#history {
	width:1100px;
	background:url(../images/history_bg3.png) center 0 no-repeat;
	}
#history ul {
	background:url(../images/history_line.gif) repeat-y 93px 0;
	}	
#history ul li.noyear { margin-left: 120px; line-height:35px; font-size:15px; }
#history ul li.year {
	background:url(../images/bullet_history.png) no-repeat 84px 10px;
	margin-top:20px;
	font-size:15px;
	color: #4e4e4e;
	line-height:35px;
	}	
#history ul li.year span {
	display:block;
	float:left;
	width:120px;
	font-size:25px;
	line-height:35px;
	font-weight:600;
	color:#00598c;
	}
#history ul li.year b {
	display:block;
	float:left;
	line-height:35px;
	width:70px;
	font-weight:500;
	}
#history ul li.noyear b {
	display:block;
	float:left;
	line-height:35px;
	width:70px;
	font-weight:500;
}
.m_top { height:30px; }
.paaus_table { width:100%; border:1px solid #dedede; border-top:2px solid #1663c1; border-bottom:2px solid #1663c1; }
.paaus_table tr th { padding:5px 0; border-bottom:1px solid #dedede ; border-left:1px solid #dedede; background-color:#f5f5f5; }
.paaus_table tr th:first-child { border-left:0 none; }
.paaus_table tr td { padding:5px 0; text-align:center; border-bottom:1px solid #d5d5d5 ; border-left:1px solid #d5d5d5; }


.sa{  clear:both; width:1100px; }
.satext1{ font-size:20px; font-weight:600; text-align:center;padding-top:10px; color:#ff6c00; vertical-align:middle;}
.satext2{ font-size:15px;width:350px; text-align:center;padding-top:5px;padding-bottom:5px; vertical-align:middle;}
.sa li{ float:left; width:350px;margin-right:25px;  }
.sa li img{ margin:0 auto;}

.in {clear:both; width:1100px; height:380px; padding-bottom:20px;}
.in li{ width:255px; margin-right:20px; height:380px; float:left; display:block; }
.in li a{display:block;}
.in li a p{ padding-top:4px; padding-bottom:4px; text-align:center; font-size:15px; font-weight:600;}
.in li a p span{ padding-left:15px; font-size:13px; font-weight:400;}
.intext {font-size:24px; font-weight:600; padding-bottom:15px;}
/*** PRODUCT LIST ºÐ·ù 3Â÷*****/
/*** PRODUCT LIST *****/




#proList_wrap { width:100%;  border-top:1px solid #ededed; }


.product { width:1100px; clear:both; }
.product ul { width:1100px; clear:both;}
.product ul li.proimg{width: 1100px; height:600px; float:left; margin-right:20px; padding-bottom:50px;}
.product ul li.procont{width: 750px; height:150px; float:right;  position:relative; overflow:hidden; padding-bottom:50px; margin-bottom:80px; box-sizing:border-box; border-bottom:0.5px solid  #666;}
.product ul li.procont.text{width: 350px; height:150px; float:left; font-size:20px; font-weight:700; padding-bottom:50px; margin-bottom:80px; box-sizing:border-box; border-bottom:2px solid #666;}
.product ul li.procont p{ font-size:14px; line-height:25px;}
.product ul li.procont.text p{ font-size:20px; line-height:25px; font-weight:600px;}
.product ul li.procont{width: 750px; height:150px; float:right;  position:relative; overflow:hidden; padding-bottom:50px; margin-bottom:80px; box-sizing:border-box; border-bottom:0.5px solid  #666;}
.product ul li.procont2.text{width: 350px; height:150px; float:left; font-size:20px; font-weight:700; padding-bottom:50px; margin-bottom:80px; box-sizing:border-box;border-bottom:2px solid  #666;}
.product ul li.procont.text p{ font-size:20px; line-height:25px; font-weight:600px;}
.product ul li.procont2_2.text{width: 1100px; height:100px; float:left; font-size:20px; font-weight:700; padding-bottom:50px; margin-bottom:80px;}
.product ul li.procont2_2.text p{ font-size:15px; line-height:25px; font-weight:400px;}
.product ul li.procont3.text{width: 350px; height:150px; float:left; font-size:20px; font-weight:700; padding-bottom:50px; margin-bottom:80px; box-sizing:border-box;border-bottom:2px solid  #666;}
.product ul li.procont3.text p{ font-size:20px; line-height:25px; font-weight:600px;}
.product ul li.procont4.text{width: 350px; height:150px; float:left; font-size:20px; font-weight:700; padding-bottom:50px; margin-bottom:80px;}
.product ul li.procont4.text p{ font-size:20px; line-height:25px; font-weight:600px;}
.product ul li.proimg2{width: 730px; height:422px; float:right; margin-right:20px; padding-bottom:50px;}

.table { width: 350px; height:100px; float:left; font-size:20px; font-weight:700; padding-bottom:20px; margin-bottom:50px;}
.table ui li. table p{font-size:20px; font-weight:600; padding-bottom:0px;}
.table2 { width: 100px; height:100px; float:left; font-size:20px; font-weight:700; padding-bottom:20px; margin-bottom:50px;}
.table2 ui li. table p{font-size:20px; font-weight:600; padding-bottom:0px;}
.tabletitle { background:#f3f3f3;}
.tabletitle p { margin:10px; auto; text-align:center; font-size:15px;}
.tablepadi p{ margin:5px auto; text-align:center; font-size:13px;}
.tablepadi2 { background:#f3f3f3;}
.tablepadi2 p{ margin:5px 0 5px 10px; text-align:left;  font-size:13px;}
.tablepadi3 p{ font:13px; line-height:27px;}
.tablepadi4 p{ font:13px; line-height:32px;}
.tablepadi5 p{ font:13px; line-height:32px;}
  
  
  
.product ul li.proimg3{width: 250px; float:left; margin-right:30px; padding-bottom:50px;}
.product ul li.procont3{width: 750px; float:left;  position:relative; overflow:hidden; padding-bottom:50px;}
.product ul li.procont3 p{ font-size:14px; line-height:25px;}
  
  
  
  
.ki { width:1100px; clear:both; }
.ki ul { float:left; }
.ki ul li { text-align:center;}
.ki ul li img{ width:200px; margin:0 auto;}
 .ki ul.ttable{ width:260px; float:left; margin-right:20px; position:relative; overflow:hidden;} 
 
 
  
.ki2 { width:1100px; clear:both; position:relative; overflow: hidden;}
.ki2 ul { float:left; width:540px; margin-right:20px;}




.bar{ width:340px; height:22px; background:url(../images/bar.png) no-repeat; margin-bottom:8px;}
.bar p{ margin-left:15px;}
.bar2{ width:340px; height:22px; background:url(../images/bar2.png) no-repeat; margin-bottom:8px;}
.bar2 p{ margin-left:15px;}
.barcont p{ margin-left:15px; }
.barcont2 p{ margin-left:15px; color:#03F; }
.barcont2 a{ text-decoration:underline;}
.inquiry{ margin:0 auto;}
.bg{background:#fff; border:1px dotted #4dcbff; border-left:none;}
.bgt{ border-top:3px solid #005baa;}
.no-right{ max-width:650px;margin-top:10px; margin-left:10px; border:1px dotted #4dcbff; border-right:none;}
.nort{ border-top:3px solid #005baa;}



#ham{
	position:absolute;
	top:10px;
	right:10px;
	width:25px;
	height:20px;
	cursor:pointer;	
	display:block;/*óÀ½¿¡ ¹öÆ° ¼û±è*/
	z-index: 999999999999;
}
#ham div{
	position:absolute;
	width:100%;
	height:5px;
	background-color:#666;
	transition:all 0.8s;	/*¾Ö´Ï¸ÞÀ̼Ç*/
}













.margin { width:1100px; margin:0 auto; position:relative;}
.roundabout-box { 
    padding-top:250px;
	padding-left:404px;
	width:700px;
    position:relative;
	z-index:1;
    }

.roundabout-box .prev, .roundabout-box .next {
    position:absolute;
    top:70px; /* È­»ìÇ¥ À§Ä¡ */
    z-index:1;
    cursor:pointer;
    display:block;
    width:25px;
    height:159px;
    background:url(../images/slider_arrows_pr.png) 0 0 no-repeat;
    text-indent:-9999px;
    border:0;}

.roundabout-box .prev {
	
	margin-top:210px;
    left:350px}
.roundabout-box .prev:hover {
	margin-top:210px;
    left:350px}
    
.roundabout-box .next {
     background:url(../images/slider_arrows_ne.png) 0 0 no-repeat;
	margin-top:210px;
    right:42px;}

.roundabout-box .next:hover {
	margin-top:210px;
    right:42px}

.roundabout-holder {
    padding: 0; 
    list-style: none; 
    vertical-align:top; 
    margin:0 auto; 
    width:600px;  /* µÞ À̹ÌÁö °£°Ý */
    height:210px; }
    
li.roundabout-moveable-item {
    list-style:none;
    text-align:center;
    width: 275px;
    height:160px;
	margin-left:20px;
    padding:20px 0 0 0;
    cursor: pointer;}
    
li.roundabout-moveable-item img {
    width: 100%;
    border: none;
}

.myRoundabout-description {
    height:10px;
    overflow:hidden;
}
    
li.roundabout-moveable-item .roundabout-shadow { 
    overflow:hidden;
    position:relative; 
    top:-12px;
    z-index:-1; 
    *display:none;}
    
li.roundabout-moveable-item .roundabout-shadow img {
    width:100%;
    position:relative;}
    
li.roundabout-moveable-item h2.myRoundabout-title {
    font-family:'³ª´®°íµñ', Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    line-height:1.2em;
    color:#fff;
    display:none;
    margin:0;
    text-shadow:1px 1px 1px #000;
}
.roundabout-box li div{ 
    color:#FFF !important;}
    
li.roundabout-moveable-item div.intro{
    font-size:14px !important;
    line-height:1.2em;
    color:#fce5c0 !important;
    display:none;
    margin:0;
    text-shadow:1px 1px 1px #000
}
.roundabout-in-focus h2.myRoundabout-title, .roundabout-in-focus div.intro { 
    display:none;
    }

li.roundabout-moveable-item div.roundabout-image {
    padding:0px;   /*±×¸² Å©±â Á¶Àý*/
    margin:0px;  /*±×¸² Å©±â Á¶Àý*/
    display:block;
}
.roundabout-moveable-item a img{
    display:block;
}
.roundabout-in-focus {
    cursor: auto; }