@charset "utf-8";
/* CSS Document */


/* main-visual */
.visual_wrap{	width:100%; font-family:'Noto Sans SC', 'Noto Sans KR', sans-serif;	}
.visual_wrap .visual{	width:1000px; margin:0 auto; position:relative;	}

.visual_wrap .slide_imgs dl{	margin-top:140px;	}
.visual_wrap .slide_imgs dl dt{	background:rgba(0,0,0,0.5); color:#ffffff; padding:4px 10px; font-size:22px; display:inline-block;	}
.visual_wrap .slide_imgs dl dd.title{	font-size:56px; font-weight:900; color:#000000; margin-bottom:20px;	}
.visual_wrap .slide_imgs dl dd.title .small{	font-size:42px; font-weight:500;	}
.visual_wrap .slide_imgs dl dd{	font-size:16px; color:#414042;	}

.visual_wrap .slide_imgs .slide2 dl dd.title{	line-height:100%;	}

/*슬라이드*/
.slide_imgs{position:relative;max-width:2000px;margin:0 auto}
.slide1{width:100%!important;height:480px; background:url(../images/visual01_bg.jpg) no-repeat center center; }
.slide2{width:100%!important;height:480px;background-image:url(../images/visual02_bg.jpg);background-repeat:repeat;background-position:center center;}
.slide3{width:100%!important;height:480px; background-image:url(../images/visual03_bg.jpg);background-repeat:repeat;background-position:center center;}
.slide_imgs img{position:absolute;left:50%;margin-left:-500px}

#slides {display: none;height:480px!important; }
#slides .slidesjs-navigation {margin-top:230px;}
.slidesjs-navigation{position:absolute;z-index:10}
.slidesjs-navigation.slidesjs-next{top:0;right:0;}
.slidesjs-navigation.slidesjs-previous{top:0;left:0;}
a.slidesjs-next,a.slidesjs-previous{background-image: url(../images/a15.png);background-repeat: no-repeat;display:block;width:28px;height:44px;overflow: hidden;text-indent: -9999px;float: left;}

a.slidesjs-next {background-position: -310px -38px;margin-right:10px;}
a:hover.slidesjs-next {background-position: -190px -38px;}
a.slidesjs-previous {background-position: -256px -38px;margin-left:10px;}
a:hover.slidesjs-previous {background-position: -135px -38px;}
a.slidesjs-play {display:none!important;width:15px;;background-position: -25px 0;}
a:hover.slidesjs-play {background-position: -196px -38px;}
a.slidesjs-stop {display:none!important;width:18px;background-position: -41px 0;}
a:hover.slidesjs-stop {background-position: -41px -18px;}

.slidesjs-pagination {position:absolute;left:50%;top:450px;margin:0px 0 0;list-style: none;z-index:10}
.slidesjs-pagination li {float: left;margin: 0 3px;}
.slidesjs-pagination li a {	display: block;	width:10px;	height:0;padding-top: 10px;	background-image: url(../images/b05.png);	background-position:-9px -10px;float: left;overflow: hidden;}

.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background-position: -39px -10px}
.slidesjs-pagination li a:hover {background-position: -39px -10px}
#slides a:link,#slides a:visited {color: #333}
#slides a:hover,#slides a:active {color: #9e2020}

.navbar {overflow: hidden}

/* product */
.main_product_wrap{	width:100%; border-bottom:1px solid #dddddd;	}
.main_product{	width:1000px; margin:0 auto; position:relative; padding:40px 0;	}
.main_contents h2{	font-family:'Nanum Barun Gothic'; font-size:22px; color:#005bd6; font-weight:bold; float:left;	}
.main_contents .title .text{	color:#7f7f7f; font-size:12px; font-family:"돋움"; float:left; padding-left:10px; border-left:1px solid #b7b7b7; margin-left:10px;	}
.main_contents .title .more_btn{	font:normal 12px "돋움"; color:#6d6d6d; padding:6px 20px 6px 10px; border:1px solid #d1d1d1; float:right; background:url(../images/arrow1.jpg) no-repeat 80px center; 	}
.main_contents .title .more_btn:hover{	border-color:#0163a9; color:#0163a9;	}

.main_contents .content{	padding-top:30px;	}
.main_product .content .product_list li{	float:left; display:inline-block; width:166px; text-align:center; font-weight:300; font-size:14px;	}
.main_product .content .product_list li.first{	width:170px;	}
.main_product .content .product_list li img{	vertical-align:middle; margin-bottom:10px;	}
.main_product .content .product_list li a{	color:#000000;	}
.main_product .content .product_list li a:hover{	color:#0163a9;	}

/* story */
.main_story_wrap{	width:100%; border-bottom:1px solid #dddddd;	}
.main_story{	width:1000px; margin:0 auto; position:relative; padding:40px 0;	}
.main_story .story_list li{	width:243px; float:left; display:inline-block; text-align:center; margin-left:9px; 	}
.main_story .story_list li#list01{	margin-left:0;	}
.main_story .story_list li a{	display:block; padding:30px 0;	}
.main_story .story_list li#list01 a{	background:#ef9da7; 	}
.main_story .story_list li#list02 a{	background:#f5e745;	}
.main_story .story_list li#list03 a{	background:#aacce4;	}
.main_story .story_list li#list04 a{	background:#8cce78;	}
.main_story .story_list li a:hover{	border:1px solid #000000; 	}
.main_story .story_list li dl dt{	font-size:18px; color:#000000; font-weight:400;	}
.main_story .story_list li dl dd{	font-size:12px; color:#5a5a5a; font-weight:300;	}
.main_story .story_list li#list01 dl{	background:url(../images/story_icon01.png) no-repeat center top; padding-top:80px;	}
.main_story .story_list li#list02 dl{	background:url(../images/story_icon02.png) no-repeat center top; padding-top:80px;	}
.main_story .story_list li#list03 dl{	background:url(../images/story_icon03.png) no-repeat center top; padding-top:80px;	}
.main_story .story_list li#list04 dl{	background:url(../images/story_icon04.png) no-repeat center top; padding-top:80px;	}

/* customer */
.main_customer_wrap{	width:100%; background:#f8f8f8;	}
.main_customer{	width:1000px; margin:0 auto; position:relative; }
.main_customer>div{	width:470px; float:left; display:inline-block; padding:30px 0;	}
.main_customer .notice{	margin-right:60px;	}
.main_customer h2{	font-size:16px; font-weight:500; color:#000000; margin-bottom:20px;	}
.main_customer .contact{	background:url(../images/main_contact.png) no-repeat right center;	}
.main_customer .contact .info li{	font-size:16px; color:#808285; font-weight:500; margin-bottom:10px;	}

/* media */
.main_media_wrap{	width:100%;	}
.main_media{	width:1000px; margin:0 auto; position:relative; padding:50px 0; 	}
.main_media .media a{	 display:block;	}
.main_media .media{	width:320px; margin-left:20px; float:left; display:inline-block; background:#000000;	}
.main_media .media a:hover{	opacity:0.8;	}
.main_media .media.first{	margin-left:0;	}