@charset "utf-8";
/* CSS Document */
@import url("default.css");

body {color:#777; font-family:'Nanum Gothic'; font-size:12px; background:url(../images/bg.png) repeat-y; background-size:50% auto; }
.main_bg { position:absolute; z-index:-1; height:100%; width:100%; left:0; top:0; background:url(../images/main_bg.jpg) 0 114px repeat-x;}
/*test{ position:absolute; z-index:-1; height:100%; width:50%; left:0; top:0; background:url(../images/bigtitle_bg_left.jpg) 0 112px repeat-x;}*/
#wrap {width:1101px; margin:0 auto 0 auto; background:white;} /* width:1150px; 1083px 1099px*/
#header {position:relative;}
.logo_rg{position:absolute; width:240px; border-right:1px solid #e5e5e5;  height:115px; background-color:white; background:url(../images/contents_bg01.jpg) repeat-y 0 0; }
.utill_rg {position:absolute;  z-index:1; right:23px; top:20px;}
#logo {position:absolute; top:6px; left:19px;}
.main {padding-top:114px;}
#middle{ height:310px;  }
  #middle01{ float:left; width:790px }
    #m01{ width:790px }
		  .notice, .best_product { float:left; margin-right:60px;}
      .notice, .best_product {float:left; margin-top:39px;}
      .notice {margin-left:29px;}
	  #m02{ clear:both;  padding:25px 0 0 29px;  }
		  .customer { float:left; margin-right:20px; }
		  .go{float:left; width:465px}
			.go ul li{ float:left; list-style:none}
     
  #middle02{ float:left; margin-top:39px; }
    .video_tit{ margin:0}
    .video{ padding-top:16px; width:222px; height:200px}

.sub_topline {border-top:4px solid #3560a3; padding-top:111px; border-right:1px solid #e5e5e5;}
.product_con{background:white; }
.left_menu { float:left; background:white;}
#contents { float:left; padding-left:64px; width:795px; border-left:1px solid #e5e5e5; background:white; border-top:1px solid  #e5e5e5; border-right:1px solid #e5e5e5;}
#sub_left {padding-top:20px; padding-bottom:60px;}
#sub_left p.first{margin-left:5px;}
.rel_site_rg{padding-top: 20px;}
.rel_site_rg p{ width:196px; background: url(../images/select_btn.jpg) 173px center no-repeat; border:1px solid #dfdfdf; height:21px; margin-bottom:5px;}
.rel_site_rg p label{padding-left:9px; height:21px; position:absolute;  font-size:12px; line-height:21px;}
#sub_left p>select{width:196px; margin-bottom:5px;  color:#787878; font-size:12px; height:21px; padding-left:9px; font-family: "Nanum Gothic"; font-weight:700;opacity: 0;
    filter: alpha(opacity=0);}


#footer {padding-left:3px; clear:both; height:130px;}
.product_title {padding-top:35px; font-size:28px; font-weight:800; color:#424242;}
.con {padding-top:35px; ;text-align:left; padding-right:40px; padding-bottom:40px; overflow:hidden; min-height:650px;}
.imgbox {position:relative; width:285px; min-height:100px; border:#dbdbdb solid 1px; padding:20px;}
.product_img {float:left; table-layout:fixed; border-collapse:collapse;}
.line {position:absolute; float:right; }
.txt {float:right; width:150px;}
.txt h5 {width:150px;}
h5 {color:#464646; font-size:16px; border-bottom:#dbdbdb solid 1px; font:Tahoma, Geneva, sans-serif; padding-bottom:5px; margin-bottom:5px;}
.product_list {float:left; padding-right:40px;}
.product_list>p { height:24px; font-size:12px; font-weight:800; line-height:24px; padding-left:18px; background:#4c5155;  border-top:#dbdbdb solid 1px; border-right:#dbdbdb solid 1px; border-left:#dbdbdb solid 1px; 
	color:white;
}
.detail_b_box {width:280px; /*min-height:292px;*/ border:#dbdbdb solid 1px; float:left;}
.con_01 {padding-top:20px; position:relative;}
.detail_s_box {float:left; margin-left:10px;}
.detail_s_box .s_img {width:50px; height:50px; border:#dbdbdb solid 1px; margin-bottom:8.5px;}
h4 {font-style: italic;color:#004f8e; font-size:17px; font-family:Tahoma, Geneva, dotum, sans-serif; padding:0; line-height:25px;}
.tex_02 {width:355px; height:203px; background-color:#f3f3f3; padding-top:15px; clear:both;}
.detail_left {float:left;}
.detail_right { float:right;}
.download {background-image:url(../images/productlist/download_bg.jpg); background-repeat:no-repeat; width:355px; height:39px;}
.download_button_area {float:right;}
.download_button_area img {float:left; margin:10px 5px 0 0;}
ul {padding-left:15px;}
ul.notice_txt { padding-left:0; padding-top:13px;}
ul.notice_txt li {background:url(../images/dot.jpg) 0 50% no-repeat; padding-left:6px; position:relative; font:12px; line-height:24px;}
ul.notice_txt li a { display:block; width:199px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#585858;}
ul.notice_txt li em { position:absolute; right:0; top:0; color:#A0A0A4}
ul.notice_txt01 { padding-left:0; padding-top:13px; width: 450px;}
ul.notice_txt01 .item {
	clear: both; background: url(../images/dot.jpg) 0 50% no-repeat;
	padding-left: 6px; line-height: 26px; height: 26px;
	color: #a0a0a4;
}
ul.notice_txt01 .item::after,
ul.notice_txt01 .item:after { display: block; content: ''; clear: both;}
ul.notice_txt01 .col-subject { float: left; width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
ul.notice_txt01 .col-date { float: right;}
ul.notice_txt01 .col-views { float: right; min-width: 40px; text-align: right;}
ul.notice_txt01 .subject { color: #585858;}
ul.notice_txt01 .badge { background: #f76c40; color: #fff; font-size: .8em; padding: .2em .5em; margin-right: .5em;}

.best_product_img table td {text-align:center;}
.online_table { width:100%; border-collapse:collapse; margin-bottom:60px; padding-top:35px;}
.online_table td{ padding:5px;}
.online_table td.m_tit01 { width:58px; padding-left:10px;}
.online_table th { vertical-align:top; text-align:left; width:140px; border-right:#0066b3 solid 1px;}
.input_online { width:100%; background-color:#ebebeb; padding:3px; border:#ebebeb solid 1px; line-height:18px;}
textarea.input_online  { height:165px;}
a.ko_btn {padding:0 5px;}

#lnb {width:160px; margin:0 auto; padding:50px 0 33px 0;}
	#lnbTitle {border-bottom:1px solid #dfdfdf; padding-bottom:10px;}
		#lnbTitle div {font-size:16px; color:#9f9f9f; font-weight:700;}
		#lnbTitle div + div {font-size:27px; letter-spacing:-2px; color:#424242; font-weight:700; margin-top:4px;}
	#lnb ul {list-style:none; display:block; padding:6px 0; margin-top:6px;}
	#lnb ul li {}
	#lnb ul li a {display:block; font-size:13px; color:#999999; padding-left:5px; width:150px; height:30px; line-height:30px; font-weight:bold; border-top:1px solid #d2d2d2;}
	#lnb ul li:first-child a {border-top:none;}
	#lnb ul li a.on,
	#lnb ul li a:hover {color:#fff; background:url("../images/lnbBgOv.jpg") 0 0 no-repeat;}

/*kkm modify*/
	#mt_wrap {width:1101px; margin:0 auto 0 auto; position:relative;}
	#mt_wrap>div{position:absolute; width:858px; height:111px;  left:241px; border-top:4px solid #3560a3; border-right:1px solid #e5e5e5;}
	img{ vertical-align:middle;}
	*{font-family:"Nanum Gothic";}
		#container_01>div{margin-top:115px;}
		.left_nav{float:left;border-top:1px solid #e5e5e5; width:240px; min-height:900px; background:url(../images/contents_bg.jpg) repeat-y 0 0;}
		.lgn_ul{padding-left:0;}
		.lgn{ padding-left:10px; background:#f5f5f5; line-height:30px; /* font-size:14px; font-weight:700; */ font-size:14px; font-weight:500; margin-bottom:4px; overflow: hidden;}
		.lgn:hover,.lgn.on {background:black;}
		.lgn>a{color:black;}
		.lgn:hover>a, .lgn.on>a{color:white;}
		.lgn > ul { margin-left: -25px; background: #fff; display: none;}
		.lgn.on > ul { display: block;}
		.lsnb{ padding-left:10px; background:#fff; font-weight:400; font-size:13px; line-height:30px;}
		.lsnb>a{color:#575757;}
		.lsnb>a:hover{color:#0041a5;}
		.contents_rg{float:left;width:859px; min-height:500px; border-left:1px solid #e5e5e5;  background:white; border-right:1px solid #e5e5e5;}
		#container_02{clear:both;}
		.inner_left_nav{margin:20px 20px 0;}
		 #container_01{background:url(../images/contents_bg.jpg) repeat-y 0 0; background-color:white; }
		 #container_01 .container_02{clear:both;margin:0;padding:0; padding-top:0}
		 .footer_line{position:relative; left:-65px; top:-24px; clear:both; height:1px; background:#e5e5e5; width:859px; z-index:1;}
		 .banner_msg{ }
		.banner_msg .msg01{position:relative; z-index:2; left:532px; top:61px; color:#51abff; font-size:36px; font-weight:700;}
		.banner_msg .msg02{position:relative; z-index:2; left:532px; top:75px; color:white; font-size:30px; font-weight:700; letter-spacing:-1px;}
		.text_hidden{
			font-size:0;
			line-height: 0;
			text-indent: -9999px;
		}
		#mainbtn{padding-left:380px; height:40px; background:black; opacity:0.6; position:relative; z-index:3;top:256px;}
		#mainbtn ul{padding-top:10px;}
		#mainbtn ul li{width:12px;height:12px;background: #f1f1f1; border-radius:50%;margin:5px;float:left; }
		#mainbtn ul li.on{background: #51abff;}
		.contents_top_line{height:1px; background:#f5f5f5; width:100%;}
		#contents_top_center{
			width:859px;
			height:332px;
			overflow:hidden;
		}
		#contents_top_center>ul{
			padding:0;
		}
		#contents_top_center>ul>li{
			position: absolute;
		}
		#contents_top_center>ul>li.on{
			z-index:1;
		}
		#contents_top_center>ul>li img{
		width:859px;}

		#contents_middle{margin:35px 40px 0 40px;}
		.best_product_title{height:29px; border-bottom:1px solid #e1e1e1;}
		.best_product_title>h2{float:left;}
		.best_product_title>p{float:right;}
		.best_product_img{width:100%; padding-top:20px; height:155px; padding-left:0;}
		.best_product_img>li{float:left;  padding-right:19px; line-height:30px; font-size:13px; color:black;}
		.best_product_img>li.last{padding-right:0;}
		#contents_bottom_rg{clear:both; margin:35px 40px 0 40px;}
		.cb01{height:210px;}
		.notice_rg{float:left;}
		.notice_title{height:29px;  border-bottom:1px solid #e1e1e1;}
		.notice_title>h2{float:left;}
		.notice_title>p{float:right;}
		.movie_rg{float:left; margin-left:32px;}
		.movie_title{height:29px;  border-bottom:1px solid #e1e1e1;}
		.movie_title>h2{float:left;}
		.movie_title>p{float:right;}
		#headerGnb {position:absolute; right:0; top:70px; float:right; margin:0px 0 0 -9px; position:absolute; z-index:3; }
		#headerGnb>ul{list-style:none; display:block; padding:0px; margin:0px;}
		#headerGnb>ul>li{float:left; position:relative; z-index:7; background:url("/2015/images/line02.jpg") no-repeat 0 2px;}
		#headerGnb>ul>li.bcg_none{background:0 none;}
		#headerGnb>ul>li>a.depts1Ank {display:block; color:#625959;  font-size:16px; font-weight:700;}
		#headerGnb>ul>li:first-child a.depts1Ank {}
		#headerGnb>ul>li>a.depts1Ank.on,
		#headerGnb>ul>li a.depts1Ank:hover {color:#1c4398;}

			.gnbSubArea {padding:10px 0 10px 8px; position:absolute; top:-9999px; left:-9999px; background:url("/2015/images/nav_bg.png"); width:95%; font-size:12px; letter-spacing:-1px; z-index:500;}
			.gnbSubArea>li{ clear:both; width:100%;}
			.gnbSubArea a {display:block; height:22px; line-height:22px; zoom:1; color:#fff; padding:0 2px; font-family:"Nanum Gothic"; font-weight:700; }
			.gnbSubArea a:hover {color:#03f5fc; font-weight:700;}
			.gnbSubArea a span{float:left; margin-right:5px; position:relative; top:7px;}
			.gnb01 {width:117px; padding-left:33px;}
			.gnb02 {width:130px; padding-left:43px;}
			.gnb03 {width:121px; padding-left:43px;}
			.gnb04 {width:118px; padding-left:40px;}
			.gnb05 {width:131px; padding-left:51px;}
			#headerGnb>ul>li:hover{height:150px; }
			#headerGnb>ul>li.gnb05:hover{height:100px;}
			#headerGnb>ul>li:hover .gnbSubArea{top:40px; left:0;}

			.utill_rg>ul>li{float:left; padding-left:8px; padding-right:7px; font-size:11px; background:url("/2015/images/line01.jpg") no-repeat 0 4px; font-weight:700;}
			.utill_rg>ul>li.bcg_none{background:0 none;}
		.clear{clear:both;}
		.more_text{position:relative; top:8px; float:left;margin-right:5px;}
		.more_img { position:relative; top:8px;  float:left; margin-top:6px;}
		.cb02{/* margin-top:30px;*/ /* height:85px; */  margin-bottom:20px;}
		.cb02>div{/* float:left; */}
		.cb02_l{/* margin-top:20px; */ }
		.cb02_left_top{clear:both; padding:0;}
		.cb02_left_top li{margin-bottom:6px; width:200px;}
		.cb02_left_top li a{width:100%; height:100%; display:block; border:1px solid #ddd; transition:all ease-in-out 0.3s;}
		.cb02_left_top li a:hover{border:1px solid #3560a3;}
		.cb02_left_top li:last-child {margin-right:0;}
		.cb02_left_bottom{clear:both; padding-left:0; height:30px; border-left:1px solid #dfdfe0;}
		.cb02_left_bottom li{float:left; border-right:1px solid #dfdfe0; border-top:1px solid #dfdfe0; border-bottom:1px solid #dfdfe0; background:#f5f5f6;height:30px; width:90px; text-align:center; font-size:13px; line-height:30px;}
		.cb02_left_bottom li a{font-weight:800;}
		.cb02_r{margin-left:40px;}	
		.container_02{clear:both;}

		#footer{position:relative; }
		.footer_line01{position:relative;  left:-40px;  top:-24px; z-index:1; clear:both; height:1px; background:#e5e5e5; width:859px;}
		#footer>div{position:absolute; float:left;}
		.adm_img{top:30px; left:700px;}
		.des_img{top:30px; left:730px;}
		.page_list{position:relative; left: -50px;}