@charset "euc-kr";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */
* {margin:0; padding:0;}
body {} 
html, body {height:100%; margin:0; padding:0; font-size:12px; font-family:Dotum, Nanum-Gothic, MalgunGothic,Nanum Gothic, Arial, Helvetica,Verdana, sans-serif; color:#484848; line-height:160%;}
div, p, dl, dt, dd, th, td, form, fieldset, address { font-size:12px; font-family:Dotum, MalgunGothic, Dotum, ,Nanum Gothic, Arial, Helvetica,Verdana, sans-serif; padding:0;margin:0; border:0; line-height:160%; letter-spacing:0.1px;}
select, input, textarea, table {font:normal 12px MalgunGothic, ,dotum,,Nanum Gothic,Arial,Verdana,sans-serif; vertical-align:middle; line-height:160%;}

ul {font-size:0;list-style:none; margin:0; padding:0; }
ol, li {list-style:none; margin:0; padding:0; font-size:12px;}
img, fieldset,iframe {border:0;}

input, textarea {color:#404040; font-family:Dotum, MalgunGothic, Arial,Helvetica,sans-serif; font-size:12px;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

.clear_mid{ display:block; float:none; clear:both;}



.png24 { tmp:expression(setPng24(this)); }

 /*IE6 png */


/* link */

a, a:link, a:visited {color:#8a2657; text-decoration:none;}

a:hover, a:active {color:#8a2657; text-decoration:none;}


h1,h2,h3,h4,h5,h6,hr {font-size: 0;
    left: 0;
    line-height: 0;}


/*textarea{ border:1 #e2e2e2 solid;font-family:,Verdana,arial; font-size:9pt; BACKGROUND-COLOR: #ffffff;  padding-left:3; padding-top:3;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#848484;
  scrollbar-track-color:#F4F4F4;
  scrollbar-darkshadow-color:#FFFFFF;
  scrollbar-face-color:#EDEDED;
  scrollbar-highlight-color:#FAFAFA;
  scrollbar-shadow-color:#BDBDBD}*/

input.kor {ime-mode:active;}	
input.eng {ime-mode:inactive;}
input.enum {ime-mode:disabled;} 





/******************************************************************************************************************/
body{/*background-color:#faf2fb;*/}

/* WRAPPER */
#wrapper{width:100%; margin:0 auto; background-color:#faf2fb;}
	
/* HEADER */
#top_all{width:100%;  margin:0 auto;}
	#header{width:1000px; height:98px; margin:0 auto;}
		.top{width:169px; height:60px; }
		.top img{width:209px; height:77px; padding:20px 0 0 0;}
		.top_menu{float:right; margin:-50px 0px 0 0;}


/* top navigation */	
#nav{padding-left:320px; margin:0px 0 0 0; }
#nav ul li{margin:-10px 0 0 20px; float:left;}
.bg{position:absolute; width:748px; height:58px; background:url(/img/top_menu_bg.png) no-repeat; margin:-15px 0 0 -70px;}
#nav ul{position:relative;}
#nav ul li img{margin:0 0 0 30px;}
#nav li{margin:0 auto; float:left; left:50%;}
	#m01{position:absolute; width:500px; height:20px; top:35px; margin:-5px 0 0 0; visibility:hidden; left:30px; }
	#m02{position:absolute; width:400px; height:20px; top:35px; margin:-5px 0 0 0; visibility:hidden; left:130px; }
	#m03{position:absolute; width:450px; height:20px; top:35px; margin:-5px 0 0 0; visibility:hidden; left:150px; }
	#m04{position:absolute; width:300px; height:20px; top:35px; margin:-5px 0 0 0; visibility:hidden; left:370px; }
	#m05{position:absolute; width:320px; height:20px; top:35px; margin:-5px 0 0 0; visibility:hidden; left:350px; }
	#m01 li, #m02 li, #m03 li, #m04 li, #m05 li{padding:0; margin:0 0 0 -20px; float:left;}
	#m01 .bnone, #m02 .bnone, #m03 .bnone, #m04 .bnone, #m05 .bnone{border:0px;}
	.navi_menu:link {color:#bc61a9; text-decoration:none; font-weight:bold;}
	.navi_menu:hover {color:#b7b7b7;text-decoration:none;}
	.navi_menu:visited {color:#fff;text-decoration:none;}
	.navi_menu:active {color:#fff;text-decoration:none;}


/* HEADER END *************************************************************************************************************************/

/* CONTENT */
#main_content{width:1000px; height:910px; margin:0 auto; background:url(/img/content_bg.jpg) no-repeat top; background-color:#faf2fb;}
#main_all{width:1000px; height:404px; margin:0 auto; } 
.visu{width:511px; height:404px; float:left;}
	.visu img{height:404px;}
.main_tit{width:244px; height:254px; float:left; margin:50px 0 0 0;}
.blog{width:220px; height:44px; margin:30px 0 0 0;}
.notify{position:relative;width:461px; height:30px; margin:60px 0 0 0; background:url(/img/noti03.png) no-repeat;}

	.notify .notify_text {position:absolute; width:300px; height:20px; top:7px; left:80px; padding-top:3px;}
	.notify .notify_more {position:absolute; width:13px; height:13px; top:9px; right:17px; display:block;}

.notice{width:145px; float:left; margin:0 0 0 0px;}
	.noti01{width:221px; height:110px; margin:40px 0 0 0;}
		.noti01 ul{width:215px; margin:0 0 0 5px;}
		.noti01 ul li span{float:right;}

	.noti02{width:221px; height:110px;  margin:40px 0 0 0;}
		.noti02 ul{width:215px; margin:0 0 0 5px;}
		.noti02 ul li span{float:right;}




/* »óÇ°Ä«Å×°í¸® */
.experience{position:absolute; width:111px; height:109px; margin:20px 0 0 -110px; padding:5px 0 0 0; left:50%; top:360px; z-index:99;}
.product{margin:0 auto; width:1000px; height:222px; background:url(/img/pro_bg.jpg) no-repeat center;}
.img img{margin:2px 0 0 10px; }
.product ul{height:150px;}
.product ul li{width:162px; height:117px; float:left; padding:0 0 0 30px; text-align:center;}

/* Æ÷Åä°¶·¯¸® */
.tit{width:471px;}
.tit img{margin:20px 0 0 -15px;}
.photo{width:471px; height:132px; margin:0 0 0 20px; float:left;}
.photo ul{margin:0 -15px; 0 -15px;}
.photo ul li{padding:10px 0 0 5px; float:left; text-align:center;}

/*µ¿¿µ»ó°Ô½ÃÆÇ*/
.video{float:left;}
.video_tit{margin:20px 0 0 0;}
.video_img{margin:10px 0 0 20px;}
.bt{position:absolute; width:140px; height:115px; margin:0 0 0 11px; padding:0; left:50%; top:804px; z-index:99;}

/* °í°´¼¾ÅÍ */
.call{float:right;}
.call img{margin:20px 0 0 0;}
.pro{height:0; margin:0 0 0 8px;}



			
/* ǪÅÍ ¿µ¿ª *********************************************************************************************************************/
#footer{clear:both; width:100%; height:157px; margin:0 auto; background-color:#bd89c0; } 
	.footer_box{width:980px; margin:0 auto; color:#fff;} 
		.copy_logo{margin:30px 0 0 0; float:left;}
		.copy{float:left; margin:30px 0 0 0; color:#333;}
	    .copy p{color:#fff;}
	    .copy a{color:#333;}
		.b{font-weight:bold;}

		.contact{float:right; padding-bottom:20px; margin:35px 0 0 0;}
		.contact ul li{float:left;  margin:0 0 0 5px;}
		.small{color:#333;}
 


/* ¼­ºê¿µ¿ª **********************************************************************************************************************/

/* ¹ÙµðÄ÷¯ */
.color{background-color:#fff;}

/* ·¹ÇÁÆ®¿µ¿ª */
.left{width:240px; min-height:670px; float:left;}
.left_01{width:240px; height:245px; background:url(/sub01/img/left_bg.jpg) no-repeat; margin-top:8px;}
.left_03{width:240px; height:245px; background:url(/sub01/img/left_bg.jpg) no-repeat; margin-top:8px;}
/*.left_03{width:240px; height:341px; background:url(/sub03/img/left_bg.jpg) no-repeat; margin-top:8px;}*/

.sub_tit{padding:10px 0 0 60px;}
.left_01 ul{padding:0 0 0 60px;}
.left_01 ul li{margin-top:4px;}

.left_03 ul{padding:0 0 0 60px;}
.left_03 ul li{margin-top:4px;}


/* ¼­ºê¿µ¿ª */
#visual_wrap{width:100%; margin:0 auto; background:url(/sub01/img/sub_bg.jpg) repeat-x; background-color:#fff;}
#visual{width:1000px; margin:0 auto;}

#sub_all{width:1000px; margin:0 auto;}
.sub_right{width:750px; min-height:670px; margin:0 0 0 250px; }
.sub_right03{width:750px; min-height:730px; margin:0 0 0 250px;}
	.tit_img {float:left; margin:19px 0 0 0px; width:740px; border-bottom:1px solid #e2e5e8;}
	.tit_txt {float:right; color:#939393; margin:-20px 20px 0 0;}


.sub01_01{width:750px; height:518px; background:url(/sub01/img/sub01_subbg.jpg) no-repeat; padding-top:80px;}
	.text01{width:400px; margin:100px 0 0 0; float:right;}


.sub01_02{width:750px; padding-top:80px;}
	.text02{}
	.text02 img{width:407px; height:625px; margin:0 0 40px 0;}
	.text02 ul{}
	.text02 ul li{float:left;}
	.text02 .story{line-height:50px; margin:113px 0 0 0;}


.sub01_03{width:750px; padding-top:80px;}
.sub01_03 ul{width:690px;}
.sub01_03 ul li{float:left; margin:0 0 0 10px;}

.sub01_04{}

/* °Ô½ÃÆÇ */
.sub02_01{width:720px; padding-top:50px;}

	/* ¸ÞÀÎÈ­¸é »óÇ°½ºÅ©·Ñ */
#product_box{float:CENTER; width:930px; padding:0px 10PX 0 34PX; height:174px;}
#product_box .control{float:left; padding:0px;}
#product_box .control li{float:left; padding:0px;}
#product_box .more{float:left; display:inline; width:30px; margin:2px 0 0 1px; padding:1px 0 0 0;}
#product_box .product_inner{clear:both; float:left; width:930px; height:174px;}
#product_box .product_inner .btn_left{float:left; width:21px; padding:0px 0 0 0;}
#product_box .product_inner .list{float:left; width:930px; padding:0;}
#product_box .product_inner .list #product{position:relative;overflow:hidden; width:930px; height:174px; }
#product_box .product_inner .list #product #wrap{width:10000px;POSITION: absolute; left:0; HEIGHT: 174px;}
#product_box .product_inner .list #product #wrap li{float:left; width:147px; padding:5px 45px 0 0px; text-align:center;}
#product_box .product_inner .list #product #wrap p{text-align:center; padding-top:0; }
#product_box .product_inner .list #product #wrap li img{display:inline-block; border:0px solid #cccccc;}
#product_box .product_inner .btn_right{float:right; width:21px; margin:0px 0 0 0;}
ul{list-style-type:none;}