@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 Square', "³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif !important;}
body { 

height:100%; width:100%; 
font-family:'Nanum Square', "³ª´®°íµñ", 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:90px;
	top: 0px;
	display: block;
}

#top_navi_wrap {
	width:100%;  
	z-index:10; 
	position:absolute; 
	height:90px;
	} 
.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:770px; font-family:'Nanum Square'; }

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




/*¸Þ´º*/
#nav ul { position: absolute; left:0px; display: none; margin: 0; padding: 0; list-style: none;  text-align:center; }	
#nav ul.menu1 li { width:170px; float: left; }	
#nav ul.menu1 { width:170px;}
#nav ul.menu2 {width:200px;}
#nav ul.menu2 li { width:200px; 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;font-family:'Nanum Square';}
#nav ul a:hover { font-weight:600;	text-decoration:none;  color:#000;  padding: 10px 0; font-family:'Nanum Square';}

.top a{width: 30px; height: 30px; margin-top: 30px; float: left; display: block; overflow: hidden;}
.top a img{display: block; position: relative;}



.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:90px; position:relative; }
.navi_wrap { width:1100px; margin:0 auto; height:90px; position:relative; background:#FFF;}
.top_logo{ float:left; position:absolute; padding-top:20px; 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 Square', "³ª´®°íµñ", 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/main_visi.png) center top;
	}
#main_visual p img{padding-right:7px;}

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

#m_section_wrap_01 { width:100%;  background:url(../images/sec_visi.png) no-repeat; }
#section_01 { width:1100px; height:100%;  margin:0 auto; padding:30px 0 0px; clear:both;  overflow:hidden;}

#section_01 h3.section_title { font-size:41px; line-height:30px; font-weight:600;  margin-bottom:30px; text-align:center;font-family:'Nanum Square'}
#section_01 h3.section_title span{ font-size:24px; line-height:60px; font-weight:600 ; font-family:'Nanum Square'}


.section_p { font-size:15px; line-height:15px; text-align:center; margin-bottom:38px;font-family:'Nanum Square'; }
#product_wrap { width:1100px; overflow:hidden; padding-bottom:55px; }


#bx_wrap { width:1020px; margin:0 auto; clear:both;  position:relative;}
#bx_wrap ul.bxslider{ margin:0px 20px 0px 0; }
#bx_wrap ul.bxslider li{ width:300px; margin:0px 20px 0px 20px;}
#bx_wrap ul.bxslider li a  { width:300px;font-family:'Nanum Square';}
#bx_wrap ul.bxslider li a img {width:300px; margin-right:0px;}
#bx_wrap ul.bxslider li a p{position:relative; margin-top:-65px;margin-right: 20px; line-height: 45px; float:right; color:#eaeaea; font-size:15px; width: 260px; height: 45px; text-align: center; background: #0265d1;font-family:'Nanum Square';}
.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;}
.photo{padding:20px 0; width:725px; height:145px;}

#m_section_wrap_02 { width:100%; height:100%; }

#section_02 { width:1100px; height:250; margin:0 auto; padding:50px 0 50px; clear: both;overflow:hidden; }
#section_02 div{float: left;}
.gallery {width: 360px; margin-right: 54px;}
.notice2 { float:left; width:360px; height:250px; padding:28px 0px 0px 0px;}
.contact{ float: left; width:316px; margin-right: 54px;}
.contact li {width: 316px; height: 112px;}
.contact li a{display: block;font-family:'Nanum Square';}
.inq{width: 316px;}
.noticetext1{width:360px;height: 32px; font-size:25px; font-weight:600; line-height:32px;font-family:'Nanum Square';}
.noticetext1 a{ float:right; width: 32px; height: 32px;font-family:'Nanum Square';}


footer { width:100%; height:118px;  background-color:#363636; }
#footer_wrap { width:1100px; margin:0 auto;padding:22px 0 21px; clear:both;  }
#footer_wrap:after { display:block; clear:both; content:''; }
#footer_left { width:1100px; float:left;}
#footer_left p { color:#c9c9c9; font-weight:600; font-size:12px; line-height:25px;font-family:'Nanum Square'; }
#footer_right { width:400px; float:right;}
#footer_right ul li img{ padding-left:201px;}
#footer_right p { text-align:right; color:#797979; font-weight:600; font-size:12px; line-height:25px; font-family:'Nanum Square';}



/* Sub Layout :: Location */
.contentLocation{width:100%; min-width:1100px; height:45px; background-color:#e4e7ea;position:relative;}
.location-inner{margin:0 auto;width:1100px; height:100%;}
.location-inner > ul{ height:100%;}
.location-inner > ul > li{position:relative; float:left; width:233px; height:100%; color:#444444; line-height:45px; background:url(../images/location_1.png) }
.location-inner > ul > li.home{width:47px; height:45px; font-size:13px; font-weight:600;   margin-right:0px;}
.location-inner > ul > li.home a{ padding-left:0px;}
.location-inner > ul > li.home img{width:47px; height:45px;}
.location-inner > ul > li > a{display:block; padding-left:23px; font-family:'NanumGothic'; font-size:15px; background:url(../images/location_arrow.png) no-repeat 94% 50%;font-weight:600; color:#444444;letter-spacing:-0.25px;}

.location-inner > ul > li .location-2dep{display:none; position:absolute; top:45px; left:-1px;width:232px; border-left:1px solid #c8cacc; border-right:1px solid #c8cacc; border-bottom:1px solid #c8cacc; border-bottom-color:#c8cacc; background-color:#fff; z-index:11}
.location-inner > ul > li .location1 .location-2dep{width:260px;}
.location-inner > ul > li .location-2dep li{height:38px; line-height:38px; 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:23px; color:#444444; font-size:14px; font-family:'Nanum Gothic'; font-weight:600; }
.location-inner > ul > li .location-2dep li a:hover{background:url(../images/location_arrow2.png) 90% 50% no-repeat; background-color:#f0f0f0;}


.location-inner > ul > li.location3 {position:relative; float:left; width:270px; height:100%; color:#444444; line-height:45px; background:url(../images/location_1.png) top right no-repeat; }
.location-inner > ul > li.location3 ul.location-3dep{display:none; position:absolute; top:45px; left:-1px;width:270px; border-left:1px solid #c8cacc; border-right:1px solid #c8cacc; border-bottom:1px solid #c8cacc; border-bottom-color:#c8cacc; background-color:#fff; z-index:11}
.location-inner > ul > li.location3 ul.location-3dep{width:269px;}
.location-inner > ul > li.location3 ul.location-3dep li{height:38px; line-height:38px; border-top:1px solid #cfcfcf;}
.location-inner > ul > li.location3 ul.location-3dep li:first-child{border-top:0;}
.location-inner > ul > li.location3 ul.location-3dep li a{display:block; padding-left:23px; color:#444444; font-size:14px; font-family:'Nanum Gothic'; font-weight:600;}
.location-inner > ul > li.location3 ul.location-3dep li a:hover{background:url(../images/location_arrow2.png) 90% 50% no-repeat; background-color:#f0f0f0;}
.location-inner_fix{margin:0 auto; width:100%; height:45px; position:fixed; top:0; background:#e4e7ea; z-index:999999;}



.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 */
#subvisual1{ position:relative; width:100%;   height:350px; background:url(../images/sub_visi1.png) no-repeat center top ; }
#subvisual2{ position:relative; width:100%;  height:350px; background:url(../images/sub_visi2.png) no-repeat center top ; }
#subvisual3{ position:relative; width:100%; height:350px; background:url(../images/sub_visi3.png) no-repeat center top ; }
#subvisual4{ position:relative; width:100%; height:350px; background:url(../images/sub_visi4.png) no-repeat center top ; }
#section_wrap { width:100%;  padding:81px 0 115px; }
#section_wrap:after { display:block; content:''; clear:both; }
.page_title{ position:relative; width:1100px;margin:0 auto; height:33px; background:url(../images/titlebar.png) no-repeat;font-family:'Nanum Square';}
.page_title span{ 
	font-weight:600; font-size:34px; line-height:34px; color:#2e2e2e; padding-left:45px; 
	height:33px;font-family:'Nanum Square';}
	
	
#article_wrap { width:1100px;margin:60px auto 0; }
#article { width:1100px;margin:0 auto; clear:both; position:relative; display:block;}
#info_wrap { width:100%; padding-bottom:50px;}
#info_wrap p.info_title { 
	font-weight:600; font-size:30px; line-height:40px; color:#2e2e2e; text-align:center; 
	width:100%; height:70px; padding-bottom:30px;font-family:'Nanum Square';}
#info_wrap p.info_title span { 
	font-weight:400; font-size:18px; line-height:40px; color:#2e2e2e; text-align:center; font-family:'Nanum Square';
	}
	
#info_wrap p.infocont { font-size:16px; line-height:32px; color:#2c2c2c; text-align:center;font-family:'Nanum Square';}
#info_wrap p.infocont span{  color:#110091; font-weight:600; font-family:'Nanum Square';}

.gree{width:1100px; clear:both; overflow: hidden; position: relative; }
.gree ul{ float:left;}
.gree ul.gree_1{width:500px; margin-right:50px;}
.gree ul.gree_2{width:500px; margin-left:50px;}
.greetext1 {font-size:34px; font-weight:600; line-height:34px;padding-bottom:22px;font-family:'Nanum Square';}
.greetext2{font-size:23px;  font-weight:600; line-height:31px;font-family:'Nanum Square';}
.greetext3 {font-size:17px; font-weight:400; line-height:26px;font-family:'Nanum Square';}




.companytext2_txt1 { font-size:30px; font-weight:600; line-height:50px; color:#006699;font-family:'Nanum Square';}
.companytext2_txt2 { font-size:23px; font-weight:600; line-height:40px; color:#099;font-family:'Nanum Square';}
.companytext2_txt3 { font-size:17px; font-weight:600; line-height:26px;font-family:'Nanum Square';}


.company3 { width:1100px; clear:both; overflow:hidden;}
.company3 ul{ width:540px; float:left; }
.company3 ul li h3{ font-size:20px; font-weight:600; width:280px; padding-bottom:20px;font-family:'Nanum Square';}
.company3 ul li{  float:left;}
.company3_img { width:200px; padding-right:20px;}
.company3_txt { width:320px; position:relative; height:284px;font-family:'Nanum Square';}
.company3_txt p{width:320px; font-size:17px;line-height:25px;font-family:'Nanum Square';}
.company3_txt a{ position:absolute; font-size:17px; color:#555; bottom:0px; width:180px; display:block; margin:0 auto; text-align:center; line-height:30px;  height:30px; border:1px solid #d7d7d7;font-family:'Nanum Square';}
.company3_txt a:hover { font-size:18px; font-weight:600; color:#000;}




.midmenu{ width:1100px; margin:0 auto; clear:both; overflow:hidden;}
.mid { width:1100px; height:70px; }
.midmenu ul.mid li {float:left;}
.midmenu ul.mid li a{display:block; text-align:center; line-height:23px; margin-top:12px; font-size:19px; font-weight:600; font-family:'Nanum Square'; color:#2c8aea;}
.midmenu ul.mid li a.lli{display:block; text-align:center; line-height:70px; margin-top:0px; font-size:19px; font-weight:600; font-family:'Nanum Square'; color:#2c8aea;}

.mid1{ width:220px; height:70px; background:url(../images/tab1_off.png) no-repeat;}
.mid2{ width:220px; height:70px; background:url(../images/tab2_off.png) no-repeat;}
.mid3{ width:220px; height:70px; background:url(../images/tab3_off.png) no-repeat;}
.midmenu ul.mid li.mid1:hover, .midmenu ul.mid li.mid1.on { background:url(../images/tab1_on.png) no-repeat;}
.midmenu ul.mid li.mid1:hover a, .midmenu ul.mid li.mid1.on a {color:#fff;}
.midmenu ul.mid li.mid2:hover, .midmenu ul.mid li.mid2.on { background:url(../images/tab2_on.png) no-repeat;}
.midmenu ul.mid li.mid2:hover a, .midmenu ul.mid li.mid2.on a {color:#fff;}
.midmenu ul.mid li.mid3:hover, .midmenu ul.mid li.mid3.on { background:url(../images/tab3_on.png) no-repeat;}
.midmenu ul.mid li.mid3:hover a, .midmenu ul.mid li.mid3.on a {color:#fff;}






.product { width:1100px; clear:both;margin:20px 0px 0px 0px;  }
  
  
  



.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; font-size:18px;font-family:'Nanum Square'; }
.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; }