@charset "utf-8";
@import url("base.css");
@import url("font.css");

/* ===================== 반응형 적용 CSS============================= */

@media (min-width: 960px){
	body{background:url('../../images/front_img/common/bg_mainbak.gif') repeat-x center top}
	#header{position:relative;max-width:960px;height:86px;margin:0 auto 0 auto;padding:0;background: url('../../images/front_img/main/bg_maintopline.gif') no-repeat left top;}
	#headerIn h1{float:left;width:180px;margin:43px 0 0 0}
	#container{padding:0px 0 40px 0;background:url('../../images/front_img/main/bg_container.gif') repeat-x left top;max-width:100%}
	#content{width:960px;height:100%;margin:0 auto;}
	
	#rowbox1{width:99.8%;height:300px;margin:0 0 20px 0;border:1px solid #dfdfdf;background:url('../../images/front_img/main/bg_row1box_07.jpg') no-repeat center top ;}
	.rowbox1_inner{max-width:960px;margin:0 auto}
	#rowbox1 .detail dl{padding:15px 10% 0 10%;}
	#rowbox1 .detail dl dt{margin:0 0 10px 0;color:#70f48b;letter-spacing:-0.5px;font-size:15px}
	#rowbox1 .detail dl dd{margin:0 0 16px 0;color:#fff;letter-spacing:-0.5px}
	#rowbox1 .detail dl dd ul li{padding:0 0 0 6px;background:url('../../images/front_img/main/dot_main.png') no-repeat left 10px}
	
	#rowbox1 .detail3 dl dt{margin:0 0 5px 0;color:#70f48b;letter-spacing:-0.5px;font-size:15px}
	#rowbox1 .detail3 dl dd{margin:0 0 10px 0;color:#fff;letter-spacing:-0.5px;font-size:11px}
	#rowbox1 .detail3 dl dd ul li{padding:0 0 0 6px;background:url('../../images/front_img/main/dot_main.png') no-repeat left 10px}
	#rowbox1 .more{position:absolute;left:34px;bottom:54px}
	#rowbox1 .close{position:absolute;left:32px;bottom:24px}
	#rowbox1 .detail .more {position:absolute;left:202px;top:17px}
	
	#rowbox2 div.r1{float:left;width:19.1%;height:190px;margin:0;padding:32px 2.5% 0 2.5%;border:1px solid #dfdfdf;background:#fff;}
	#rowbox2 #bannerzone { position:relative;}
	#rowbox2 #ctrl_btn{position:absolute;right:25px;top:32px}
	#rowbox2 #bnnrctrl_prev{width:7px;background:url('../../images/front_img/main/btn_prev.gif') no-repeat right top;margin:0 10px 0 0;border:0;text-indent:-10000px}
	#rowbox2 #bnnrctrl_next{width:7px;background:url('../../images/front_img/main/btn_next.gif') no-repeat right top;margin:0;border:0;text-indent:-10000px;}
	#rowbox2 #bannerzonelist {}
	#rowbox2 #bannerzonelist .title{display:block;margin:0 0 10px 0;font-size:15px;font-weight:bold;line-height:130%;font-family:NanumGothic}
	#rowbox2 #bannerzonelist .text{display:block;height:53px;overflow:hidden;}
	#rowbox2 #bannerzonelist li {width:100%;font-family:Dotum;letter-spacing:-0.4px}
	#rowbox2 #bannerzonelist li img {padding:1px 0;}
	#rowbox2 #bannerzonelist .day{display:block;padding:0;font-size:11px;bottom:5px;}
	#rowbox2 div.r1 .ico{position:absolute;right:20px;bottom:100px;}
	#rowbox2 div.blog{position:absolute;bottom:10px;width:200px;height:80px;background:#fff url('../../images/front_img/main/bg_rowbox.jpg') no-repeat;}
	#rowbox2 div.blog .h2fst{margin:10px 0 0 120px}
	#rowbox2 div.blog .text{margin:10px 0 0 120px}
	
	#rowbox2 div.r2{position:relative;float:left;width:20.15%;height:222px;margin:0 0 0 0.9%;padding:0 2% 0 2%;border:1px solid #dfdfdf;background:#ffffff;}
	#rowbox2 div.r2 ul li{padding:0 0 0 11px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 8px;line-height:180%;font-family:Dotum;font-size:12px;letter-spacing:-1px}
	#rowbox2 div.r2 .inb1{position:relative;float:left;width:100%;height:55%;padding:4% 0 0 2%;}
	#rowbox2 div.r2 .inb3{position:relative;clear:both;width:100%;height:25%;padding:4% 0 0 2%;border-top:2px solid #d5d5d5;}
	
	
	#rowbox2 div.r3{position:relative;float:left;width:20.15%;height:130px;margin:0 0 0 0.9%;padding:0 2% 0 2%;border:1px solid #dfdfdf;background:#ffffff;}
	#rowbox2 div.r3 ul li{padding:0 0 0 11px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 8px;line-height:180%;font-family:Dotum;font-size:12px;letter-spacing:-1px}
	#rowbox2 div.r3 .inb1{position:relative;float:left;width:100%;height:55%;padding:4% 0 0 2%;}
	#rowbox2 div.r3 .inb3{position:relative;clear:both;width:100%;height:25%;padding:4% 0 0 2%;border-top:2px solid #d5d5d5;}
	
	#rowbox2 div.r3_2{position:relative;float:left;width:20.15%;height:90px;margin:0 0 0 0.9%;padding:0 2% 0 2%;border:1px solid #dfdfdf;background:#ffffff url('../../images/front_img/main/bg_img_dtlab.jpg') no-repeat right bottom;}
	#rowbox2 div.r3_2 .inb1{position:relative;float:left;width:100%;height:55%;padding:4% 0 0 2%;}
	#rowbox2 div.r3_2 .btn_more1{position:absolute;right:-23px;top:13px;width:40px;padding:0 8px 0 0;font-size:12px;color:#444}
	
	#rowbox2 div.r4{display:inline-block;width:24%;height:222px;margin:0 0 0 0.9%;background:#fff;border:1px solid #dfdfdf}
	#rowbox2 div.r4 h2{margin:0 0 15px 0;font-size:14.5px}
	#rowbox2 div.r4 .h2fst{margin:10px 0 10px 100px}
	#rowbox2 div.r4 .inb1{position:relative;float:left;width:90%;height:40%;padding:10% 0 0 10%;background:#fafafa url('../../images/front_img/main/bg_img2_opa.jpg') no-repeat right bottom;}
	#rowbox2 div.r4 .text{margin:0 0 0 100px;font-size:12.5px}
	#rowbox2 div.r4 .inb3{position:relative;clear:both;width:90%;height:39%;padding:10% 0 0 10%;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;background:#fff url('../../images/front_img/main/bg_img1_opa.jpg') no-repeat right bottom;}
	#rowbox2 div.r4 .inb3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 5px;font-family:Dotum;}
	#rowbox2 div.r4 .inb3 ul li a:hover{text-decoration:underline}
	#rowbox2 div.r4 .btn_more1{position:absolute;right:100px;top:28px;width:40px;padding:0 8px 0 0;fon t-size:12px;color:#444}
	#rowbox2 div.r4 .btn_more2{position:absolute;right:25px;top:20px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:12px;color:#444}
	#rowbox2 div.r4 .btn_more2 a{display:block;color:#444;font-weight:normal;}
	#rowbox2 div.r4 .btn_more3{position:absolute;right:5px;top:28px;width:40px;padding:0 8px 0 0;fon t-size:12px;color:#444}
	
	#rowbox3 div.r1{float:left;width:24.1%;height:218px;margin:0 0 0 0;background:#fff;border:1px solid #dfdfdf}
	#rowbox3 div.r1 h2{margin:0 0 15px 0;font-size:14.5px}
	#rowbox3 div.r1 .h2fst{margin:10px 0 10px 100px}
	#rowbox3 div.r1 .inb1{position:relative;float:left;width:90%;height:40%;padding:10% 0 0 10%;background:#fff url('../../images/front_img/main/bg_rowbox3_inb1.jpg') no-repeat left bottom;}
	#rowbox3 div.r1 .text{margin:0 0 0 100px;font-size:12.5px}
	#rowbox3 div.r1 .inb3{position:relative;clear:both;width:90%;height:40%;padding:10% 0 0 10%;border-top:1px solid #d5d5d5}
	#rowbox3 div.r1 .inb3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 5px;font-family:Dotum;}
	#rowbox3 div.r1 .inb3 ul li a:hover{text-decoration:underline}
	#rowbox3 div.r1 .btn_more1{position:absolute;right:20px;top:36px;width:35px;padding:0 8px 0 0;font-size:12px;color:#444}
	#rowbox3 div.r1 .btn_more2{position:absolute;right:25px;top:20px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:12px;color:#444}
	#rowbox3 div.r1 .btn_more2 a{display:block;color:#444;font-weight:normal;}
	
	#rowbox3 div.r2{position:relative;float:left;width:24.15%;height:218px;margin:0 0 0 0.9%;background:#fff url('../../images/front_img/main/service_img.jpg') no-repeat right top;border:1px solid #dfdfdf}
	#rowbox3 div.r2 img{margin:28px 0 0 20px}
	#rowbox3 div.r2 .listmenu{position:absolute;left:13px;bottom:15px;width:90%;margin:0 0 0 3%}
	#rowbox3 div.r2 .listmenu li{float:left;width:43%;height:16px;margin:0 1px 1px 0;padding:8px 0 8px 3%;border:1px solid #00850a;font-size:11px;background:#00980b;color:#fff}
	#rowbox3 div.r2 .listmenu li.long{height:26px;padding:3px 0 3px 3%;line-height:1.2em}
	#rowbox3 div.r2 .listmenu li.right{}
	#rowbox3 div.r2 .listmenu li a{display:block;color:#fff;letter-spacing:-1px;font-family:Dotum;}
	
	
	#rowbox3 div.r3{position:relative;float:left;width:24.15%;height:218px;margin:0 0 0 0.9%;background:#fff url('../../images/front_img/main/solution_img.jpg') no-repeat right top;border:1px solid #dfdfdf}
	#rowbox3 div.r3 img{margin:28px 0 0 20px}
	#rowbox3 div.r3 .listmenu{position:absolute;left:0;bottom:15px;width:90%;margin:0 0 0 8%;}
	#rowbox3 div.r3 .listmenu li{float:left;width:43%;height:16px;margin:0 1px 1px 0;padding:8px 0 8px 3%;border:1px solid #1a78b7;font-size:11px;background:#0592d1;color:#fff}
	#rowbox3 div.r3 .listmenu li.long{height:26px;padding:3px 0 3px 3%;line-height:1.2em}
	#rowbox3 div.r3 .listmenu li.right{}
	#rowbox3 div.r3 .listmenu li a{display:block;color:#fff;letter-spacing:-1px;font-family:Dotum;}
	
	#rowbox3 div.r4{float:right;width:24%;height:218px;margin:0 0 0 0;background:#fff;border:1px solid #dfdfdf}
	
	#article-tab ul {margin:0;max-width:100%;}
	#article-tab .h2Latest1 {position:absolute;left:120px;top:9px;width:10px;z-index:1}
	#article-tab .h2Latest2 {position:absolute;left:135px;top:9px;width:10px;z-index:1}
	#article-tab .h2Latest3 {position:absolute;left:150px;top:9px;width:10px;z-index:1}
	#article-tab .divLatest {position:absolute;left:0;top:0;width:280px}
	#article-tab .moreLatest {position:absolute;left:30px;top:199px;width:60px;padding:0 8px 0 0; font-size:14px;color:#444;text-indent:-100000px}
	.textarea{padding:0 0 0 0}
	.textarea img{max-width:100%;height:218px;text-align:right}

	#article-tab-start {position:relative;left:70px;top:5px;width:10px;z-index:1}
	#article-tab-stop  {position:relative;left:70px;top:5px;width:10px;z-index:1}

	#footer{border-top:1px solid #e6e6e6;max-width:100%}
	#footerIn{max-width:960px;margin:0 auto;padding:28px 0 0 0}
	.dyn_value{display:inline-block;width:100px;height:22px;border:1px solid #c5c5c5;line-height:20px;font-size:11px;color:#6c6c6c}
	#footer .r4{float:right;position:relative;width:100px;margin:0 auto;}
	#footer .r4 .dyn_value{width:100px;height:23px;margin:0 auto;border:1px solid #c5c5c5;font-size:11px;color:#6c6c6c}
	#footer .r4 a{position:absolute;left:0px;top:25px;}
	#footer .r5{position:relative;float:left;margin:0;}
	#footer .r6{float:left;margin-right:5px;}
	
	/* none*/
	#header .mobile_btntop{display:none}
	#header .mobile_btntop_320{display:none}
	#rowbox1 .mobile320_banner{display:none}
	#rowbox1 .mobile640_banner{display:none}
	#quick_mobile{display:none}
	#footerIn .r3_mobile{display:none}
	.mobile_menu{display:none}
}

@media (min-width: 900px) and (max-width:959px) {
	body{overflow-x:hidden;background:url('../../images/front_img/common/bg_mainbak.gif') repeat-x center top;}
	#wrap{}
	#header{position:relative;max-width:969px;height:86px;margin:0 auto 0 auto;padding:0;background: url('../../images/front_img/main/bg_maintopline.gif') no-repeat left top;}
	#headerIn h1{float:left;width:180px;margin:34px 0 0 0}
	#container{padding:0 0 40px 0;background:url('../../images/front_img/main/bg_container.gif') repeat-x left top;max-width:969px;}
	#content{width:100%;height:100%;margin:0 auto;}
	#rowbox1{width:100%;height:300px;margin:0 0 20px 0;border:1px solid #dfdfdf;
	background:url('../../images/front_img/main/bg_row1box_07.jpg') no-repeat center top ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
	#rowbox1 .detail dl{padding:15px 10% 0 10%;}
	#rowbox1 .detail dl dt{margin:0 0 10px 0;color:#70f48b;letter-spacing:-0.5px;font-size:15px}
	#rowbox1 .detail dl dd{margin:0 0 16px 0;color:#fff;letter-spacing:-0.5px;font-size:11px}
	#rowbox1 .detail dl dd ul li{padding:0 0 0 6px;background:url('../../images/front_img/main/dot_main.png') no-repeat left 10px}
	
	#rowbox1 .detail3 dl dt{margin:0 0 5px 0;color:#70f48b;letter-spacing:-0.5px;font-size:15px}
	#rowbox1 .detail3 dl dd{margin:0 0 10px 0;color:#fff;letter-spacing:-0.5px;font-size:11px}
	#rowbox1 .detail3 dl dd ul li{padding:0 0 0 6px;background:url('../../images/front_img/main/dot_main.png') no-repeat left 10px}
	
	#rowbox1 .more{position:absolute;left:34px;bottom:54px}
	#rowbox1 .close{position:absolute;left:32px;bottom:24px}
	#rowbox1 .detail .more {position:absolute;left:200px;top:25px}
	
	#rowbox2 div.r1{float:left;width:21.18%;height:205px;padding:32px 1% 0 1%;border:1px solid #dfdfdf;background:#fff;margin:0;}
	#rowbox2 #bannerzone { position:relative}
	#rowbox2 #ctrl_btn{position:absolute;right:25px;top:32px}
	#rowbox2 #bnnrctrl_prev{width:7px;background:url('../../images/front_img/main/btn_prev.gif') no-repeat right top;margin:0 10px 0 0;border:0;text-indent:-10000px}
	#rowbox2 #bnnrctrl_next{width:7px;background:url('../../images/front_img/main/btn_next.gif') no-repeat right top;margin:0;border:0;text-indent:-10000px}
	#rowbox2 #bannerzonelist {padding:0;}
	#rowbox2 #bannerzonelist .title{display:block;margin:0 0 0px 0;font-size:16px;font-weight:bold;line-height:130%;font-family:NanumGothic}
	#rowbox2 #bannerzonelist .text{display:block;height:92px;overflow:hidden}
	#rowbox2 #bannerzonelist {padding:0;font-size:11px;letter-spacing:-0.5px}
	#rowbox2 #bannerzonelist li img {padding:1px 0;}
	#rowbox2 #bannerzonelist .day{display:block;padding:0;font-size:11px;bottom:5px;}
	#rowbox2 div.r1 .ico{position:absolute;right:20px;bottom:100px;}
	#rowbox2 div.blog{position:absolute;bottom:10px;width:200px;height:80px;background:#fff url('../../images/front_img/main/bg_rowbox.jpg') no-repeat;}
	#rowbox2 div.blog .h2fst{margin:10px 0 0 120px}
	#rowbox2 div.blog .text{margin:10px 0 0 120px}

	#rowbox2 div.r2{position:relative;float:left;width:19.18%;height:217px;margin:0 0 0 1.1%;padding:20px 2.5% 0 2.5%;border:1px solid #dfdfdf;background:#ffffff;}
	#rowbox2 div.r2 ul li{padding:0 0 0 10px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 8px;font-size:11px;line-height:180%;letter-spacing:-0.5px}
	#rowbox2 div.r2 .inb1{position:relative;float:left;width:100%;height:55%;padding:2% 0 0 2%;}
	#rowbox2 div.r2 .inb3{position:relative;clear:both;width:100%;height:25%;padding:2% 0 0 2%;border-top:2px solid #d5d5d5;}
	
	#rowbox2 div.r3{position:relative;float:left;width:19.3%;height:122px;margin:0 0 0 1.1%;padding:20px 2.5% 0 2.5%;border:1px solid #dfdfdf;background:#ffffff;}
	#rowbox2 div.r3 ul li{padding:0 0 0 10px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 8px;font-size:11px;line-height:180%;letter-spacing:-0.5px}
	#rowbox2 div.r3 .inb1{position:relative;float:left;width:100%;height:55%;padding:0 0 0 0;}
	
	#rowbox2 div.r3_2{position:relative;float:left;width:19.3%;height:92px;margin:0 0 0 1.1%;padding:0 2.5% 0 2.5%;border:1px solid #dfdfdf;background:#ffffff url('../../images/front_img/main/bg_img_dtlab.jpg') no-repeat right bottom;}
	#rowbox2 div.r3_2 .inb1{position:relative;float:left;width:100%;height:55%;padding:2% 0 0 0;}
	#rowbox2 div.r3_2 .btn_more1{position:absolute;right:-23px;top:10px;width:40px;padding:0 8px 0 0;font-size:12px;color:#444}
	
	#rowbox2 div.r4{display:inline-block;width:24.1%;height:237px;margin:0 0 0 10px;background:#fff;border:1px solid #dfdfdf}
	#rowbox2 div.r4 h2{margin:0 0 15px 0;font-size:14.5px}
	#rowbox2 div.r4 .h2fst{margin:10px 0 10px 90px}
	#rowbox2 div.r4 .inb1{position:relative;float:left;width:90%;height:40%;padding:10% 0 0 10%;background:#fafafa url('../../images/front_img/main/bg_img2_opa.jpg') no-repeat right bottom;}
	#rowbox2 div.r4 .text{margin:0 0 0 90px;font-size:12.5px}
	#rowbox2 div.r4 .text img{max-width:100%;}
	 
	#rowbox2 div.r4 .inb3{position:relative;clear:both;width:90%;height:40%;padding:10% 0 0 10%;border-top:1px solid #d5d5d5;content:"";background:#fff url('../../images/front_img/main/bg_img1_opa.jpg') no-repeat right bottom;}
	#rowbox2 div.r4 .inb3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 50%;font-size:11px}
	#rowbox2 div.r4 .inb3 ul li a:hover{text-decoration:underline} 
	#rowbox2 div.r4 .btn_more1{position:absolute;left:80px;top:27px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444}
	#rowbox2 div.r4 .btn_more2{position:absolute;top:20px;right:25px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 5px;font-weight:bold ;font-size:13px;color:#444}
	#rowbox2 div.r4 .btn_more2 a{display:block;color:#444;font-weight:normal;}
	#rowbox2 div.r4 .btn_more3{position:absolute;left:175px;top:27px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444}
	 
	#rowbox3 div.r1{float:left;width:23.2%;height:218px;margin:0 0 0 0;background:#fff;border:1px solid #dfdfdf}
	#rowbox3 div.r1 h2{margin:0 0 15px 0;font-size:14.5px}
	#rowbox3 div.r1 .h2fst{margin:10px 0 10px 90px}
	#rowbox3 div.r1 .inb1{position:relative;float:left;width:90%;height:40%;padding:10% 0 0 10%;background:#fff url('../../images/front_img/main/bg_rowbox3_inb1.jpg') no-repeat left bottom;}
	#rowbox3 div.r1 .text{margin:0 0 0 90px;font-size:12.5px}
	#rowbox3 div.r1 .text img{max-width:100%;}
	
	#rowbox3 div.r1 .inb3{position:relative;clear:both;width:96%;height:40%;padding:10% 0 0 4%;border-top:1px solid #d5d5d5}
	#rowbox3 div.r1 .inb3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 50%;font-size:11px}
	#rowbox3 div.r1 .inb3 ul li a:hover{text-decoration:underline}
	#rowbox3 div.r1 .btn_more1{position:absolute;left:170px;top:35px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444}
	#rowbox3 div.r1 .btn_more2{position:absolute;top:20px;right:25px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 5px;font-weight:bold ;font-size:13px;color:#444}
	#rowbox3 div.r1 .btn_more2 a{display:block;color:#444;font-weight:normal;}
	
	#rowbox3 div.r2{position:relative;float:left;width:24.2%;height:218px;margin:0 0 0 1.1%;background:#fff url('../../images/front_img/main/service_img.jpg') no-repeat right top;border:1px solid #dfdfdf}
	#rowbox3 div.r2 img{margin:28px 0 0 20px}
	#rowbox3 div.r2 .listmenu{position:absolute;left:0;bottom:15px;width:88%;margin:0 0 0 15px;}
	#rowbox3 div.r2 .listmenu li{float:left;width:45.3%;height:16px;margin:0 1px 1px 0;padding:8px 0 8px 3%;background:#00980b;border:1px solid #00850a;font-size:11px}
	#rowbox3 div.r2 .listmenu li.long{height:26px;padding:3px 0 3px 3%;line-height:1.2em}
	#rowbox3 div.r2 .listmenu li.right{}
	#rowbox3 div.r2 .listmenu li a{display:block;font-size:11px;color:#fff;letter-spacing:-1px;font-family:Dotum;}
	
	#rowbox3 div.r3{position:relative;float:left;width:24.2%;height:218px;margin:0 0 0 1.1%;background:#fff url('../../images/front_img/main/solution_img.jpg') no-repeat right top;border:1px solid #dfdfdf}
	#rowbox3 div.r3 img{margin:28px 0 0 20px}
	#rowbox3 div.r3 .listmenu{position:absolute;left:0;bottom:15px;width:88%;margin:0 0 0 15px;}
	#rowbox3 div.r3 .listmenu li{float:left;width:45%;height:16px;margin:0 1px 1px 0;padding:8px 0 8px 3%;background:#0592d1;border:1px solid #1a78b7;font-size:11px}
	#rowbox3 div.r3 .listmenu li.long{height:26px;padding:3px 0 3px 3%;line-height:1.2em}
	#rowbox3 div.r3 .listmenu li.right{}
	#rowbox3 div.r3 .listmenu li a{display:block;font-size:11px;color:#fff;letter-spacing:-1px;font-family:Dotum;}
	
	#rowbox3 div.r4{float:right;width:24.1%;height:218px;margin:0 0 0 10px;background:#fff;border:1px solid #dfdfdf}
	#rowbox3 div.r4 img{}
	
	#article-tab ul {margin:0;width:100%;}
	#article-tab .h2Latest1 {position:absolute;left:120px;top:9px;width:10px;z-index:1}
	#article-tab .h2Latest2 {position:absolute;left:135px;top:9px;width:10px;z-index:1}
	#article-tab .h2Latest3 {position:absolute;left:150px;top:9px;width:10px;z-index:1}
	#article-tab .divLatest {position:absolute;left:0;top:0;width:280px}
	#article-tab .moreLatest {position:absolute;left:30px;top:199px;width:60px;padding:0 8px 0 0; font-size:14px;color:#444;text-indent:-100000px}
	.textarea{padding:0 0 0 0}
	.textarea img{max-width:100%;height:218px;}
	
	#article-tab-start {position:relative;left:70px;top:5px;width:10px;z-index:1}
	#article-tab-stop  {position:relative;left:70px;top:5px;width:10px;z-index:1}
	
	#footer{margin:0;padding:0 0 70px 0;border-top:1px solid #dcdcdc;max-width:969px;}
	#footerIn{max-width:960px;margin:0 auto;padding:28px 0 0 0}
	#footer .r4{float:left;position:relative;width:150px;margin-top:20px;margin-left:70px;}
	#footer .r4 .dyn_value{width:150px;height:23px;margin:0 auto;border:1px solid #c5c5c5;font-size:11px;color:#6c6c6c}
	#footer .r4 a{position:absolute;left:160px;top:0;}
	#footer .r5{position:relative;float:left;margin:0;}
	#footer .r6{float:left;margin-right:5px;}
	
	
	/*none*/
	#header .mobile_btntop{display:none}
	#header .mobile_btntop_320{display:none}
	#rowbox1 .mobile320_banner{display:none}
	#rowbox1 .mobile640_banner{display:none}
	#quick_mobile{display:none}
	#footerIn .r3_mobile{display:none}
	.mobile_menu{display:none}
	
}


@media (min-width: 720px) and (max-width: 899px)  {
	body{overflow-x:hidden;}
	#wrap{background:url('../../images/front_img/main/bg_maintopline.gif') repeat-x left top}
	#header{position:relative;height:73px;margin:0 auto 0 auto;padding:0;background:url('../../images/front_img/main/bg_container.gif') repeat-x left 5px;max-width:899px;}
	#headerIn h1{float:left;width:180px;margin:30px 0 0 20px}
	#header .mobile_btntop{position:absolute;right:11px;top:14px;}
	
	#headerIn .mobile_menu{position:absolute;z-index:1;width:290px;height:844px;left:-300px;top:0px;border:2px solid #00a11a;background-color:#fff;}
	#headerIn .mobile_menu img{width:60px;}
	#headerIn .mobile_menu h2{position:relative;height:18px;padding:4px 10px;font-size:120%;color:#fff;background-color:#00a11a;}
	#headerIn .mobile_menu h2 a{position:absolute;top:0;right:0;}
	#headerIn .mobile_menu ul{overflow:hidden;}
	#headerIn .mobile_menu ul li{overfloaw:hidden;display:block;background-color:#fff;}
	#headerIn .mobile_menu ul li h3{float:left;width:90px;padding-top:13px;font-size:100%;text-align:center;border-right:1px solid #cecece;background-color:#f4f4f4;}
	#headerIn .mobile_menu ul li ul{float:left;width:198px;font-size:100%;}
	#headerIn .mobile_menu ul li ul li{padding:7px 15px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu01 h3{height:216px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu02 h3{height:84px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu03 h3{height:84px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu04 h3{height:117px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu05 h3{height:84px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu06 h3{height:117px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu07 h3{height:18px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu p.btn_mobile{padding-top:2px;text-align:right;background-color:#449c52;}
	
	#container{padding:0px 0 0 0;background:url('../../images/front_img/main/bg_Mcontainer.gif') repeat-x left -10px;max-width:899px;}
	#content{}
	#rowbox1{width:100%;height:100%;margin:0 0 10px 0;border:1px solid #dfdfdf;background:none;}
	#rowbox1 .mobile640_banner h2{background:url('../../images/front_img/main/Marrow.png') no-repeat right 50%;}
	#rowbox1 .mobile640_banner div{border-bottom:1px solid #1fac36;}
	#rowbox1 .mobile640_banner .color1{padding:23px 0 27px 16px;background:#00a11a}
	#rowbox1 .mobile640_banner .color2{padding:23px 0 27px 16px;background:#008b0e}
	#rowbox1 .mobile640_banner .color3{padding:23px 0 27px 16px;background:#00a11a}
	#rowbox1 .mobile640_banner .color4{padding:23px 0 27px 16px;background:#008b0e}
	
	#rowbox2{padding:0 1.5% 0 1.5%;}
	#rowbox2 div.r1{float:left;width:42.5%;height:248px;padding:32px 2.5% 0 2.5%;border:1px solid #dfdfdf;background:#fff;margin:0;}
	#rowbox2 #bannerzone { position:relative;margin:0 auto;}
	#rowbox2 #ctrl_btn{position:absolute;right:25px;top:32px}
	#rowbox2 #bnnrctrl_prev{width:7px;background:url('../../images/front_img/main/btn_prev.gif') no-repeat right top;margin:0 10px 0 0;border:0;text-indent:-10000px}
	#rowbox2 #bnnrctrl_next{width:7px;background:url('../../images/front_img/main/btn_next.gif') no-repeat right top;margin:0;border:0;text-indent:-10000px}
	#rowbox2 #bannerzonelist {padding:0;}
	#rowbox2 #bannerzonelist .title{display:block;margin:0 0 10px 0;font-size:17px;font-weight:bold;line-height:130%;}
	#rowbox2 #bannerzonelist .text{display:block;height:92px;overflow:hidden;font-family:Dotum}
	#rowbox2 #bannerzonelist li img {padding:1px 0;}
	#rowbox2 #bannerzonelist li {width:100%;}
	#rowbox2 #bannerzonelist .day{display:block;padding:0;font-size:11px;bottom:5px;}
	#rowbox2 div.r1 .ico{position:absolute;right:20px;bottom:130px;}
	#rowbox2 div.blog{position:absolute;bottom:10px;width:200px;height:80px;background:#fff url('../../images/front_img/main/bg_rowbox.jpg') no-repeat;}
	#rowbox2 div.blog .h2fst{margin:10px 0 0 120px}
	#rowbox2 div.blog .text{margin:10px 0 0 120px}

	#rowbox2 div.r2{position:relative;float:left;width:42.5%;height:248px;margin:0 0 10px 10px;padding:32px 2.5% 0 2.5%;border:1px solid #dfdfdf;background:#ffffff}
	#rowbox2 div.r2 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 8px;line-height:180%;font-family:Dotum}
	#rowbox2 div.r2 .inb1{position:relative;float:left;width:100%;height:55%;padding:2% 0 0 2%;}
	#rowbox2 div.r2 .inb3{position:relative;clear:both;width:100%;height:25%;padding:2% 0 0 2%;border-top:2px solid #d5d5d5;}
	
	#rowbox2 div.r3{position:relative;float:left;width:42.5%;height:138px;padding:32px 2.5% 0 2.5%;border:1px solid #dfdfdf;background:#ffffff;}
	#rowbox2 div.r3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 8px;line-height:180%;font-family:Dotum}
	#rowbox2 div.r3 .inb1{position:relative;float:left;width:100%;height:55%;padding:0 0 0 0;}
	  
	#rowbox2 div.r3_2{position:relative;float:left;clear:both;width:42.5%;height:88px;margin:0 0 0 0;padding:20px 2.5% 0 2.5%;border:1px solid #dfdfdf;background:#ffffff url('../../images/front_img/main/bg_img_dtlab.jpg') no-repeat right bottom;}
	#rowbox2 div.r3_2 h2{width:50%;margin:0 0 10px 0;font-size:14.5px;}
	#rowbox2 div.r3_2 .inb1{position:relative;float:left;width:100%;height:55%;padding:2% 0 0 2%;}
	#rowbox2 div.r3_2 .btn_more1{position:absolute;right:-23px;top:10px;width:40px;padding:0 8px 0 0;font-size:12px;color:#444}
	
	#rowbox2 div.r4{display:inline-block;width:47.5%;height:280px;margin:0 0 0 10px;background:#fff;border:1px solid #dfdfdf} 
	#rowbox2 div.r4 h2{margin:0 0 10px 0;font-size:14.5px}
	#rowbox2 div.r4 .h2fst{margin:10px 0 10px 120px}
	#rowbox2 div.r4 .inb1{position:relative;float:left;width:90%;height:40%;padding:7% 0 0 10%;background:#f3f3f3 url('../../images/front_img/main/bg_img2.jpg') no-repeat right bottom;} 
	#rowbox2 div.r4 .text{margin:0 0 0 120px;font-size:12.5px}
	#rowbox2 div.r4 .inb3{position:relative;clear:both;width:90%;height:23.5%;padding:7% 0 10% 10%;border-top:1px solid #d5d5d5;background:#fff url('../../images/front_img/main/bg_img1.jpg') no-repeat right bottom;}
	#rowbox2 div.r4 .inb3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 50%;line-height:180%;font-family:Dotum} 
	#rowbox2 div.r4 .inb3 ul li a:hover{text-decoration:underline}
	#rowbox2 div.r4 .btn_more1{position:absolute;right:175px;top:28px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444}
	#rowbox2 div.r4 .btn_more2{position:absolute;right:25px;top:22px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:14px;color:#444}
	#rowbox2 div.r4 .btn_more2 a{display:block;color:#444;font-weight:normal;} 
	#rowbox2 div.r4 .btn_more3{position:absolute;right:80px;top:29px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444}
	 
	#rowbox3{margin:0 0 0 0;padding:0 1.5% 38px 1.5%;} 
	#rowbox3 div.r1{float:left;width:49%;height:280px;margin:0 0 10px 0;background:#f3f3f3;border:1px solid #dfdfdf}
	#rowbox3 div.r1 h2{margin:0 0 10px 0;font-size:14.5px}
	#rowbox3 div.r1 .h2fst{margin:10px 0 10px 120px}
	#rowbox3 div.r1 .inb1{position:relative;float:left;width:90%;height:40%;padding:7% 0 0 10%;background:#fff url('../../images/front_img/main/bg_rowbox3_inb1.jpg') no-repeat left bottom;}
	#rowbox3 div.r1 .text{margin:0 0 0 120px;font-size:12.5px}
	#rowbox3 div.r1 .inb3{position:relative;clear:both;width:90%;height:33%;padding:7% 0 10% 10%;border-top:1px solid #d5d5d5}
	#rowbox3 div.r1 .inb3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 50%;line-height:180%;font-family:Dotum}
	#rowbox3 div.r1 .inb3 ul li a:hover{text-decoration:underline}
	#rowbox3 div.r1 .btn_more1{position:absolute;right:70px;top:38px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444}
	#rowbox3 div.r1 .btn_more2{position:absolute;right:25px;top:22px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:14px;color:#444}
	#rowbox3 div.r1 .btn_more2 a{display:block;color:#444;font-weight:normal;}
	
	#rowbox3 div.r2{position:relative;float:left;width:49%;height:280px;margin:0 0 0 1.1%;background:#fff url('../../images/front_img/main/service_img.jpg') no-repeat right top;border:1px solid #dfdfdf}
	#rowbox3 div.r2 img{margin:28px 0 0 20px}
	#rowbox3 div.r2 .listmenu{position:absolute;left:0;bottom:15px;width:93%;margin:0 0 0 5%;}
	#rowbox3 div.r2 .listmenu li{float:left;width:45.3%;height:16px;margin:0 1px 1px 0;padding:12px 0 12px 3%;background:#00980b;border:1px solid #00850a;font-size:11px}
	#rowbox3 div.r2 .listmenu li.long{height:34px;padding:3px 0 3px 3%;}
	#rowbox3 div.r2 .listmenu li.right{}
	#rowbox3 div.r2 .listmenu li a{display:block;background:url('../../images/front_img/main/blit3.png') no-repeat right 50%;font-size:11px;color:#fff;letter-spacing:-1px;font-family:Dotum;}
	
	#rowbox3 div.r3{clear:both;position:relative;float:left;width:49%;height:280px;margin:0 0 0 0;background:#fff url('../../images/front_img/main/solution_img.jpg') no-repeat right top;border:1px solid #dfdfdf}
	#rowbox3 div.r3 img{margin:28px 0 0 20px}
	#rowbox3 div.r3 .listmenu{position:absolute;left:0;bottom:15px;width:93%;margin:0 0 0 5%;}
	#rowbox3 div.r3 .listmenu li{float:left;width:45%;height:16px;margin:0 1px 1px 0;padding:12px 0 12px 3%;background:#0592d1;border:1px solid #1a78b7;font-size:11px}
	#rowbox3 div.r3 .listmenu li.long{height:34px;padding:3px 0 3px 3%;}
	#rowbox3 div.r3 .listmenu li.right{}
	#rowbox3 div.r3 .listmenu li a{display:block;background:url('../../images/front_img/main/blit3.png')no-repeat right 50%;font-size:11px;color:#fff;letter-spacing:-1px;font-family:Dotum;}
	
	#rowbox3 div.r4{float:left;width:48.5%;height:280px;margin:0 0 0 10px;background:#fff;border:1px solid #dfdfdf}

	
	#article-tab ul {margin:0;max-width:100%;}
	#article-tab .h2Latest1 {position:absolute;left:120px;top:9px;width:10px;z-index:10}
	#article-tab .h2Latest2 {position:absolute;left:135px;top:9px;width:10px;z-index:10}
	#article-tab .h2Latest3 {position:absolute;left:150px;top:9px;width:10px;z-index:10}
	#article-tab .divLatest {position:absolute;left:0;top:0;width:280px}
	#article-tab .moreLatest {position:absolute;left:30px;top:199px;width:60px;padding:0 8px 0 0; font-size:14px;color:#444;text-indent:-10000px}
	.textarea{padding:0 0 0 0}
	.textarea img{width:130%;height:280px;}
	
	#article-tab-start {position:relative;left:70px;top:5px;width:10px;z-index:1}
	#article-tab-stop  {position:relative;left:70px;top:5px;width:10px;z-index:1}
	
	#quick_mobile{text-align:center;padding:0 0 40px 0}
	#quick_mobile img{max-width:45%;}
	
	#footer{margin:0;padding:0 0 70px 0;max-width:899px;}
	#footer .r3_mobile{}
	#footer .r3_mobile address, .r3_mobile p{text-align:center;}
	#footer .r3_mobile address{margin:0 0 10px 0;font-size:12px}
	#footer .r3_mobile span{margin:0 0 10px 0;font-size:10px;line-height:130%;}
	#footer .r3_mobile p{margin:0 0 10px 0;font-size:0.8em}
	#footer .r4{float:none;position:relative;width:150px;margin:0 auto;}
	#footer .r4 .dyn_value{width:150px;height:23px;margin:0 auto;border:1px solid #c5c5c5;font-size:11px;color:#6c6c6c}
	#footer .r4 a{position:absolute;left:160px;top:0;}
	#footer .r5{float:none;width:63px;margin:0 auto 10px auto;position:relative;}		
	#footer .r6{float:none;width:209px;margin:0 auto 10px auto;position:relative;}
	
	#footer ul.m1{margin:0 0 20px 0;background:#eee;border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
	#footer ul.m1:after{content:'';display:block;clear:both}
	#footer ul.m1 li{float:left;width:19%;padding:0;border-left:1px solid #bfbfbf;text-align:center}
	#footer ul.m1 li.fst{border-left:0}
	#footer ul.m1 li a{display:block;padding:10px 0;font-size:12px}
	
	/*none*/
	.menubox{display:none}
	.mobile320_banner{display:none}
	.mobile_btntop_320{display:none}
	.btn_main320{display:none}
	#rowbox1 .benner{display:none}
	#quick_mobile .btn_dis_b320 {display:none}
	#footerIn .r1{display:none}
	#footerIn .r2{display:none}
	#footerIn .r3{display:none}
	
}
@media (min-width: 530px) and (max-width: 719px)  {
	body{overflow-x:hidden;}
	#wrap{background:url('../../images/front_img/main/bg_maintopline.gif') repeat-x -100px top}
	#header{position:relative;height:73px;margin:0 auto 0 auto;padding:0;background:url('../../images/front_img/main/bg_container.gif') repeat-x left 5px;max-width: 719px;}
	#headerIn h1{float:left;width:180px;margin:30px 0 0 20px}
	#header .mobile_btntop{position:absolute;right:11px;top:14px;}
	
	#headerIn .mobile_menu{position:absolute;z-index:1;width:290px;height:844px;left:-400px;top:0px;border:2px solid #00a11a;background-color:#fff;}
	#headerIn .mobile_menu img{width:60px;}
	#headerIn .mobile_menu h2{position:relative;height:18px;padding:4px 10px;font-size:120%;color:#fff;background-color:#00a11a;}
	#headerIn .mobile_menu h2 a{position:absolute;top:0;right:0;}
	#headerIn .mobile_menu ul{overflow:hidden;}
	#headerIn .mobile_menu ul li{overfloaw:hidden;display:block;background-color:#fff;}
	#headerIn .mobile_menu ul li h3{float:left;width:90px;padding-top:13px;font-size:100%;text-align:center;border-right:1px solid #cecece;background-color:#f4f4f4;}
	#headerIn .mobile_menu ul li ul{float:left;width:198px;font-size:100%;}
	#headerIn .mobile_menu ul li ul li{padding:7px 15px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu01 h3{height:216px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu02 h3{height:84px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu03 h3{height:84px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu04 h3{height:117px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu05 h3{height:84px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu06 h3{height:117px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu07 h3{height:18px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu p.btn_mobile{padding-top:2px;text-align:right;background-color:#449c52;}
	
	#container{padding:0px 0 0 0;background:url('../../images/front_img/main/bg_Mcontainer.gif') repeat-x left -10px;max-width: 719px;}
	#content{}
	#rowbox1{width:100%;height:100%;margin:0 0 10px 0;border:1px solid #dfdfdf;background:none;}
	#rowbox1 .mobile640_banner h2{background:url('../../images/front_img/main/Marrow.png') no-repeat right 50%;}
	#rowbox1 .mobile640_banner div{border-bottom:1px solid #1fac36;}
	#rowbox1 .mobile640_banner .color1{padding:23px 0 27px 16px;background:#00a11a}
	#rowbox1 .mobile640_banner .color2{padding:23px 0 27px 16px;background:#008b0e}
	#rowbox1 .mobile640_banner .color3{padding:23px 0 27px 16px;background:#00a11a}
	#rowbox1 .mobile640_banner .color4{padding:23px 0 27px 16px;background:#008b0e}
	
	#rowbox2{padding:0 1.5% 0 1.5%;}
	#rowbox2 div.r1{float:left;width:42.5%;height:248px;padding:32px 2.5% 0 2.5%;border:1px solid #dfdfdf;background:#fff;margin:0;}
	#rowbox2 #bannerzone { position:relative;margin:0 auto;}
	#rowbox2 #ctrl_btn{position:absolute;right:25px;top:32px}
	#rowbox2 #bnnrctrl_prev{width:7px;background:url('../../images/front_img/main/btn_prev.gif') no-repeat right top;margin:0 10px 0 0;border:0;text-indent:-10000px}
	#rowbox2 #bnnrctrl_next{width:7px;background:url('../../images/front_img/main/btn_next.gif') no-repeat right top;margin:0;border:0;text-indent:-10000px}
	#rowbox2 #bannerzonelist {padding:0;}
	#rowbox2 #bannerzonelist .title{display:block;margin:0 0 10px 0;font-size:17px;font-weight:bold;line-height:130%;}
	#rowbox2 #bannerzonelist .text{display:block;height:92px;overflow:hidden;font-family:Dotum}
	#rowbox2 #bannerzonelist li img {padding:1px 0;}
	#rowbox2 #bannerzonelist li {width:100%;}
	#rowbox2 #bannerzonelist .day{display:block;padding:0;font-size:11px;bottom:5px;}
	#rowbox2 div.r1 .ico{position:absolute;right:20px;bottom:130px;}
	#rowbox2 div.blog{position:absolute;bottom:10px;width:200px;height:80px;background:#fff url('../../images/front_img/main/bg_rowbox.jpg') no-repeat;}
	#rowbox2 div.blog .h2fst{margin:10px 0 0 120px}
	#rowbox2 div.blog .text{margin:10px 0 0 120px}

	#rowbox2 div.r2{position:relative;float:right;width:41.6%;height:248px;margin:0 2.9% 10px 0;padding:32px 2.5% 0 2.5%;border:1px solid #dfdfdf;background:#ffffff;}
	#rowbox2 div.r2 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 8px;line-height:180%;font-family:Dotum}
	#rowbox2 div.r2 .inb1{position:relative;float:left;width:100%;height:55%;padding:2% 0 0 2%;}
	#rowbox2 div.r2 .inb3{position:relative;clear:both;width:100%;height:25%;padding:2% 0 0 2%;border-top:2px solid #d5d5d5;}
	
	#rowbox2 div.r3{clear:both;position:relative;float:left;width:42.5%;height:138px;margin:0 0 0 0;padding:32px 2.5% 0 2.5%;border:1px solid #dfdfdf;background:#ffffff;}
	#rowbox2 div.r3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 8px;line-height:180%;font-family:Dotum}
	#rowbox2 div.r3 .inb1{position:relative;float:left;width:100%;height:55%;padding:0 0 0 0;}
	
	#rowbox2 div.r3_2{position:relative;float:left;clear:both;width:42.5%;height:80px;margin:0 0 0 0;padding:20px 2.5% 0 2.5%;border:1px solid #dfdfdf;background:#ffffff url('../../images/front_img/main/bg_img_dtlab.jpg') no-repeat right bottom;}
	#rowbox2 div.r3_2 .inb1{position:relative;float:left;width:100%;height:55%;padding:2% 0 0 2%;}
	#rowbox2 div.r3_2 h2{width:55%;margin:0 0 10px 0;font-size:14.5px;}
	#rowbox2 div.r3_2 .btn_more1{position:absolute;right:-23px;top:10px;width:40px;padding:0 8px 0 0;font-size:12px;color:#444}
	
	#rowbox2 div.r4{display:inline-block;width:46.7%;height:280px;margin:0 0 0 2.5%;background:#fff;border:1px solid #dfdfdf}
	#rowbox2 div.r4 h2{margin:0 0 10px 0;font-size:14.5px}   
	#rowbox2 div.r4 .h2fst{margin:10px 0 10px 120px} 
	#rowbox2 div.r4 .inb1{position:relative;float:left;width:90%;height:40%;padding:7% 0 0 10%;background:#f3f3f3 url('../../images/front_img/main/bg_img2.jpg') no-repeat right bottom;}
	#rowbox2 div.r4 .text{margin:0 0 0 120px;font-size:12.5px}  
	#rowbox2 div.r4 .inb3{position:relative;clear:both;width:90%;height:40%;padding:10% 0 0 10%;border-top:1px solid #d5d5d5;background:#fff url('../../images/front_img/main/bg_img1.jpg') no-repeat right bottom;}
	#rowbox2 div.r4 .inb3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 50%;line-height:180%;font-family:Dotum} 
	#rowbox2 div.r4 .inb3 ul li a:hover{text-decoration:underline} 
	#rowbox2 div.r4 .btn_more1{position:absolute;right:-0px;top:22px;width:145px;padding:0 8px 0 0;font-size:14px;color:#444}
	#rowbox2 div.r4 .btn_more2{position:absolute;right:25px;top:25px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:14px;color:#444}
	#rowbox2 div.r4 .btn_more2 a{display:block;color:#444;font-weight:normal;}
	#rowbox2 div.r4 .btn_more3{position:absolute;right:-0px;top:28px;width:50px;padding:0 8px 0 0;font-size:14px;color:#444}
	 
	#rowbox3{padding:0 1.5% 38px 1.5%}
	#rowbox3 div.r1{float:left;width:49%;height:280px;margin:0 10px 10px 0;background:#f3f3f3;border:1px solid #dfdfdf}
	#rowbox3 div.r1 h2{margin:0 0 10px 0;font-size:14.5px}
	#rowbox3 div.r1 .h2fst{margin:10px 0 10px 120px}
	#rowbox3 div.r1 .inb1{position:relative;float:left;width:90%;height:40%;padding:7% 0 0 10%;background:#fff url('../../images/front_img/main/bg_rowbox3_inb1.jpg') no-repeat left bottom;}
	#rowbox3 div.r1 .text{margin:0 0 0 120px;font-size:12.5px}
	#rowbox3 div.r1 .inb3{position:relative;clear:both;width:90%;height:40%;padding:10% 0 0 10%;border-top:1px solid #d5d5d5}
	#rowbox3 div.r1 .inb3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 50%;line-height:180%;font-family:Dotum}
	#rowbox3 div.r1 .inb3 ul li a:hover{text-decoration:underline}
	#rowbox3 div.r1 .btn_more1{position:absolute;right:-15px;top:31px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444}
	#rowbox3 div.r1 .btn_more2{position:absolute;right:25px;top:25px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:14px;color:#444}
	#rowbox3 div.r1 .btn_more2 a{display:block;color:#444;font-weight:normal;}
	
	#rowbox3 div.r2{position:relative;float:right;width:48%;height:280px;margin:0 0 0 0;background:#fff url('../../images/front_img/main/service_img.jpg') no-repeat right top;border:1px solid #dfdfdf}
	#rowbox3 div.r2 img{margin:28px 0 0 20px}
	#rowbox3 div.r2 .listmenu{position:absolute;left:0;bottom:15px;width:88%;margin:0 0 0 7%;}
	#rowbox3 div.r2 .listmenu li{float:left;width:45%;height:16px;margin:0 1px 1px 0;padding:12px 0 12px 3%;background:#00980b;border:1px solid #00850a;font-size:11px}
	#rowbox3 div.r2 .listmenu li.long{height:34px;padding:3px 0 3px 3%;}
	#rowbox3 div.r2 .listmenu li.right{}
	#rowbox3 div.r2 .listmenu li a{display:block;background:url('../../images/front_img/main/blit3.png') no-repeat right 50%;font-size:11px;color:#fff;letter-spacing:-1px;font-family:Dotum;}
	
	#rowbox3 div.r3{clear:both;position:relative;float:left;width:49%;height:280px;margin:0 0 0 0;background:#fff url('../../images/front_img/main/solution_img.jpg') no-repeat right top;border:1px solid #dfdfdf}
	#rowbox3 div.r3 img{margin:28px 0 0 20px}
	#rowbox3 div.r3 .listmenu{position:absolute;left:0;bottom:15px;width:88%;margin:0 0 0 7%}
	#rowbox3 div.r3 .listmenu li{float:left;width:45%;height:16px;margin:0 1px 1px 0;padding:12px 0 12px 3%;background:#0592d1;border:1px solid #1a78b7;font-size:11px}
	#rowbox3 div.r3 .listmenu li.long{height:34px;padding:3px 0 3px 3%;}
	#rowbox3 div.r3 .listmenu li.right{}
	#rowbox3 div.r3 .listmenu li a{display:block;background:url('../../images/front_img/main/blit3.png')no-repeat right 50%;font-size:11px;color:#fff;letter-spacing:-1px;font-family:Dotum;}
	
	#rowbox3 div.r4{float:right;width:48%;height:280px;margin:0 0 0 10px;background:#fff;border:1px solid #dfdfdf}
	#article-tab .h2Latest1 {position:absolute;left:120px;top:9px;width:10px;z-index:10}
	#article-tab .h2Latest2 {position:absolute;left:135px;top:9px;width:10px;z-index:10}
	#article-tab .h2Latest3 {position:absolute;left:150px;top:9px;width:10px;z-index:10}
	#article-tab .divLatest {position:absolute;left:0;top:0;width:280px}
	#article-tab .moreLatest {position:absolute;left:30px;top:199px;width:60px;padding:0 8px 0 0; font-size:14px;color:#444;text-indent:-100000px}
	.textarea{padding:0 0 0 0}
	.textarea img{max-width:100%;height:280px;}
	
	#article-tab-start {position:relative;left:70px;top:5px;width:10px;z-index:1}
	#article-tab-stop  {position:relative;left:70px;top:5px;width:10px;z-index:1}
	
	#quick_mobile{text-align:center;padding:0 0 40px 0}
	#quick_mobile img{max-width:45%;}
	
	#footer{margin:0;padding:0 0 70px 0;max-width: 719px;}
	#footer .r3_mobile{}
	#footer .r3_mobile address, .r3_mobile p{text-align:center;}
	#footer .r3_mobile address{margin:0 0 10px 0;font-size:12px}
	#footer .r3_mobile span{margin:0 0 10px 0;font-size:10px;line-height:130%;}
	#footer .r3_mobile p{margin:0 0 32px 0;font-size:0.8em}
	#footer .r4{float:none;position:relative;width:150px;margin:0 auto;}
	#footer .r4 .dyn_value{width:150px;height:23px;margin:0 auto;border:1px solid #c5c5c5;font-size:11px;color:#6c6c6c}
	#footer .r4 a{position:absolute;left:160px;top:0;}
	#footer .r5{float:none;width:63px;margin:0 auto 10px auto;position:relative;}
	#footer .r6{float:none;width:209px;margin:0 auto 10px auto;position:relative;}	
	
	#footer ul.m1{margin:0 0 20px 0;background:#eee;border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
	#footer ul.m1:after{content:'';display:block;clear:both}
	#footer ul.m1 li{float:left;width:19%;padding:0;border-left:1px solid #bfbfbf;text-align:center}
	#footer ul.m1 li.fst{border-left:0}
	#footer ul.m1 li a{display:block;padding:10px 0;font-size:12px}
	
	/*none*/
	.menubox{display:none}
	.mobile320_banner{display:none}
	.mobile_btntop_320{display:none}
	.btn_main320{display:none}
	#rowbox1 .benner{display:none}
	#quick_mobile .btn_dis_b320 {display:none}
	#footerIn .r1{display:none}
	#footerIn .r2{display:none}
	#footerIn .r3{display:none}
	
}
@media (min-width:321px) and (max-width: 529px) {
	body{overflow-x:hidden;background:url('../../images/front_img/common/bg_topline.gif') no-repeat left top;}
	#wrap{background:url('../../images/front_img/main/bg_maintopline.gif') repeat-x -120px top}
	#header{max-width: 529px;position:relative;height:73px;margin:0 auto 0 auto;padding:0;background:url('../../images/front_img/main/bg_Mcontainer.gif') repeat-x left 5px}
	#headerIn h1{width:180px;padding:28px 0 0 12px}
	#header .mobile_btntop_320{position:absolute;right:11px;top:14px;}
	#headerIn .mobile_menu{position:absolute;z-index:1;width:290px;height:844px;left:-300px;top:0px;border:2px solid #00a11a;background-color:#fff;}
	#headerIn .mobile_menu img{width:60px;}
	#headerIn .mobile_menu h2{position:relative;height:18px;padding:4px 10px;font-size:120%;color:#fff;background-color:#00a11a;}
	#headerIn .mobile_menu h2 a{position:absolute;top:0;right:0;}
	#headerIn .mobile_menu ul{overflow:hidden;}
	#headerIn .mobile_menu ul li{overfloaw:hidden;display:block;background-color:#fff;}
	#headerIn .mobile_menu ul li h3{float:left;width:90px;padding-top:13px;font-size:100%;text-align:center;border-right:1px solid #cecece;background-color:#f4f4f4;}
	#headerIn .mobile_menu ul li ul{float:left;width:198px;font-size:100%;}
	#headerIn .mobile_menu ul li ul li{padding:7px 15px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu01 h3{height:216px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu02 h3{height:84px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu03 h3{height:84px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu04 h3{height:117px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu05 h3{height:84px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu06 h3{height:117px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu07 h3{height:18px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu p.btn_mobile{padding-top:2px;text-align:right;background-color:#449c52;}
	
	#container{padding:0px 0 0x 0;background:url('../../images/front_img/main/bg_Mcontainer.gif') repeat-x left -10px;max-width: 529px}
	
	#rowbox1{width:100%;height:100%;margin:0 0 10px 0;border:1px solid #dfdfdf;background:none;}
	#rowbox1 .mobile320_banner h2{background:url('../../images/front_img/main/Marrow.png') no-repeat right 50%;}
	#rowbox1 .mobile320_banner div{border-bottom:1px solid #1fac36;}
	#rowbox1 .mobile320_banner .color1{padding:23px 0 27px 16px;background:#00a11a}
	#rowbox1 .mobile320_banner .color2{padding:23px 0 27px 16px;background:#008b0e}
	#rowbox1 .mobile320_banner .color3{padding:23px 0 27px 16px;background:#00a11a}
	#rowbox1 .mobile320_banner .color4{padding:23px 0 27px 16px;background:#008b0e}
	
	
	#rowbox2{padding:0 3.5% 0 3.4%;}
	#rowbox2 div.r1{width:84.5%;height:248px;margin:0 0 10px 0;padding:32px 2.5% 0 6%;border:1px solid #dfdfdf;background:#fff;}
	#rowbox2 #bannerzone { position:relative;}
	#rowbox2 #ctrl_btn{position:absolute;right:25px;top:32px}
	#rowbox2 #bnnrctrl_prev{width:7px;background:url('../../images/front_img/main/btn_prev.gif') no-repeat right top;margin:0 10px 0 0;border:0;text-indent:-10000px}
	#rowbox2 #bnnrctrl_next{width:7px;background:url('../../images/front_img/main/btn_next.gif') no-repeat right top;margin:0;border:0;text-indent:-10000px}
	#rowbox2 #bannerzonelist {}
	#rowbox2 #bannerzonelist .title{display:block;margin:0 0 10px 0;font-size:17px;font-weight:bold;line-height:130%;}
	#rowbox2 #bannerzonelist .text{display:block;height:92px;overflow:hidden;font-family:Dotum}
	#rowbox2 #bannerzonelist li {width:100%;}
	#rowbox2 #bannerzonelist li img {padding:1px 0;}
	#rowbox2 #bannerzonelist .day{display:block;padding:0;font-size:11px;bottom:5px;}
	#rowbox2 div.r1 .ico{position:absolute;right:20px;bottom:130px;}
	#rowbox2 div.blog{position:absolute;bottom:10px;width:200px;height:80px;background:#fff url('../../images/front_img/main/bg_rowbox.jpg') no-repeat;}
	#rowbox2 div.blog .h2fst{margin:10px 0 0 120px}
	#rowbox2 div.blog .text{margin:10px 0 0 120px}
	
	#rowbox2 div.r2{position:relative;width:84.5%;height:248px;margin:0 0 10px 0;padding:32px 2.5% 0 6%;border:1px solid #dfdfdf;
	background:#ffffff;}
	#rowbox2 div.r2 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 8px;line-height:180%;font-family:Dotum}
	#rowbox2 div.r2 .inb1{position:relative;float:left;width:100%;height:55%;padding:2% 0 0 2%;}
	#rowbox2 div.r2 .inb3{position:relative;clear:both;width:100%;height:25%;padding:2% 0 0 2%;border-top:2px solid #d5d5d5;}
	
	#rowbox2 div.r3{position:relative;width:84.5%;height:138px;margin:0 0 0 0;padding:32px 2.5% 0 6%;border:1px solid #dfdfdf;
	background:#ffffff;}
	#rowbox2 div.r3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 8px;line-height:180%;font-family:Dotum}
	#rowbox2 div.r3 .inb1{position:relative;float:left;width:100%;height:55%;padding:0 0 0 0;}
	
	#rowbox2 div.r3_2{position:relative;float:left;clear:both;width:84.5%;height:92px;margin:0 0 10px 0;padding:32px 2.5% 0 6%;border:1px solid #dfdfdf;background:#ffffff url('../../images/front_img/main/bg_img_dtlab.jpg') no-repeat right bottom;}
	#rowbox2 div.r3_2 .inb1{position:relative;float:left;width:100%;height:55%;padding:2% 0 0 2%;}
	#rowbox2 div.r3_2 h2{width:55%;margin:0 0 10px 0;font-size:14.5px;}
	#rowbox2 div.r3_2 .btn_more1{position:absolute;right:-23px;top:10px;width:40px;padding:0 8px 0 0;font-size:12px;color:#444}
	
	#rowbox2 div.r4{clear:both;width:93%;height:280px;margin:0 0 10px 0;background:#fff;border:1px solid #dfdfdf}
	#rowbox2 div.r4 h2{margin:-10px 0 10px 0;font-size:14.5px}
	#rowbox2 div.r4 .h2fst{margin:0 0 10px 120px}
	#rowbox2 div.r4 .inb1{position:relative;float:left;width:90%;height:40%;padding:7% 0 0 10%;background:#f3f3f3 url('../../images/front_img/main/bg_img2.jpg') no-repeat right bottom;}
	#rowbox2 div.r4 .text{margin:0 0 0 120px;font-size:12.5px}
	#rowbox2 div.r4 .inb3{position:relative;clear:both;width:90%;height:30%;padding:10% 0 0 10%;border-top:1px solid #d5d5d5;background:#fff url('../../images/front_img/main/bg_img1.jpg') no-repeat right bottom;}
	#rowbox2 div.r4 .inb3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 50%;line-height:180%;font-family:Dotum}
	#rowbox2 div.r4 .inb3 ul li a:hover{text-decoration:underline}
	#rowbox2 div.r4 .btn_more1{position:absolute;right:130px;top:16px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444}
	#rowbox2 div.r4 .btn_more2{position:absolute;right:25px;top:22px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:14px;color:#444}
	#rowbox2 div.r4 .btn_more2 a{display:block;color:#444;font-weight:normal;}
	#rowbox2 div.r4 .btn_more3{position:absolute;right:50px;top:25px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444} 
	
	#rowbox3{padding:0 3.5% 0 3.4%;padding:0 0 38px 0}
	#rowbox3 div.r1{width:93%;height:280px;margin:0 auto 10px auto;background:#f3f3f3;border:1px solid #dfdfdf}
	#rowbox3 div.r1 h2{margin:-10px 0 10px 0;font-size:14.5px}
	#rowbox3 div.r1 .h2fst{margin:0 0 10px 120px}
	#rowbox3 div.r1 .inb1{position:relative;float:left;width:90%;height:40%;padding:7% 0 0 10%;background:#fff url('../../images/front_img/main/bg_rowbox3_inb1.jpg') no-repeat left bottom;}
	#rowbox3 div.r1 .text{margin:0 0 0 120px;font-size:12.5px}
	#rowbox3 div.r1 .inb3{position:relative;clear:both;width:90%;height:40%;padding:10% 0 0 10%;border-top:1px solid #d5d5d5}
	#rowbox3 div.r1 .inb3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 50%;line-height:180%;font-family:Dotum}
	#rowbox3 div.r1 .inb3 ul li a:hover{text-decoration:underline}
	#rowbox3 div.r1 .btn_more1{position:absolute;right:0;top:25px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444}
	#rowbox3 div.r1 .btn_more2{position:absolute;right:25px;top:22px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:14px;color:#444}
	#rowbox3 div.r1 .btn_more2 a{display:block;color:#444;font-weight:normal;}
	
	#rowbox3 div.r2{position:relative;width:93%;height:280px;margin:0 auto 10px auto;background:#fff url('../../images/front_img/main/service_img.jpg') no-repeat right top;border:1px solid #dfdfdf}
	#rowbox3 div.r2 img{margin:28px 0 0 22px}
	#rowbox3 div.r2 .listmenu{position:absolute;left:0;bottom:15px;width:93%;margin:0 0 0 5%;}
	#rowbox3 div.r2 .listmenu li{float:left;width:45%;height:16px;margin:0 1px 1px 0;padding:12px 0 12px 3%;background:#00980b;border:1px solid #00850a;font-size:11px}
	#rowbox3 div.r2 .listmenu li.long{height:34px;padding:3px 0 3px 3%;}
	#rowbox3 div.r2 .listmenu li.right{}
	#rowbox3 div.r2 .listmenu li a{display:block;background:url('../../images/front_img/main/blit3.png') no-repeat right 50%;font-size:11px;color:#fff;letter-spacing:-1px;font-family:Dotum;}
	
	#rowbox3 div.r3{position:relative;width:93%;height:280px;margin:0 auto 10px auto;background:#fff url('../../images/front_img/main/solution_img.jpg') no-repeat right top;border:1px solid #dfdfdf}
	#rowbox3 div.r3 img{margin:28px 0 0 22px}
	#rowbox3 div.r3 .listmenu{position:absolute;left:0;bottom:15px;width:93%;margin:0 0 0 5%;}
	#rowbox3 div.r3 .listmenu li{float:left;width:45%;height:16px;margin:0 1px 1px 0;padding:12px 0 12px 3%;background:#0592d1;border:1px solid #1a78b7;font-size:11px}
	#rowbox3 div.r3 .listmenu li.long{height:34px;padding:3px 0 3px 3%;}
	#rowbox3 div.r3 .listmenu li.right{}
	#rowbox3 div.r3 .listmenu li a{display:block;background:url('../../images/front_img/main/blit3.png')no-repeat right 50%;font-size:11px;color:#fff;letter-spacing:-1px;font-family:Dotum;}
	
	#rowbox3 div.r4{width:93%;height:280px;margin:0 auto;background:#fff;border:1px solid #dfdfdf}
	
	
	#article-tab ul {margin:0;max-width:100%;}
	#article-tab .h2Latest1 {position:absolute;left:120px;top:9px;width:10px;z-index:10}
	#article-tab .h2Latest2 {position:absolute;left:135px;top:9px;width:10px;z-index:10}
	#article-tab .h2Latest3 {position:absolute;left:150px;top:9px;width:10px;z-index:10}
	#article-tab .divLatest {position:absolute;left:0;top:0;width:280px}
	#article-tab .moreLatest {position:absolute;left:30px;top:199px;width:60px;padding:0 8px 0 0; font-size:14px;color:#444;text-indent:-100000px}
	.textarea{padding:0 0 0 0}
	.textarea img{max-width:160%;width:450px;height:280px;}
	
	#article-tab-start {position:relative;left:70px;top:5px;width:10px;z-index:1}
	#article-tab-stop  {position:relative;left:70px;top:5px;width:10px;z-index:1}
	
	#quick_mobile{text-align:center;padding:0 0 40px 0}
	
	#footer{margin:0;padding:0 0 27px 0;border-top:0;max-width: 529px}
	#footer .r3_mobile{}
	#footer .r3_mobile address{padding:0 15% 10px 15%}
	#footer .r3_mobile address, .r3_mobile p{text-align:center;}
	#footer .r3_mobile address{margin:0 0 0px 0;font-size:12px}
	#footer .r3_mobile span{margin:0 0 10px 0;font-size:10px;line-height:130%;}
	#footer .r3_mobile p{padding:0 0 20px 0;font-size:9px;line-height:100%;text-align:center}
	#footer .r4{float:none;position:relative;width:150px;margin:0 auto;}
	#footer .r4 .dyn_value{width:150px;height:23px;margin:0 auto;border:1px solid #c5c5c5;font-size:11px;color:#6c6c6c}
	#footer .r4 a{position:absolute;left:160px;top:0;}
	#footer .r5{float:none;width:63px;margin:0 auto 10px auto;position:relative;}
	#footer .r6{float:none;width:209px;margin:0 auto 10px auto;position:relative;}	
	
	#footer ul.m1{margin:0 0 20px 0;background:#eee;border-top:1px solid #bfbfbf; }
	#footer ul.m1 li{padding:0;border-bottom:1px solid #bfbfbf;text-align:center}
	#footer ul.m1 li.fst{border-left:0}
	#footer ul.m1 li a{display:block;padding:10px 0;font-size:12px}
	
	

	/*none*/
	.menubox{display:none}
	.mobile_btntop{display:none}
	.mobile640_banner{display:none}
	#rowbox1 .benner{display:none}
	#quick_mobile .btn_dis320{display:none}
	.btn_main320{display:none}
	#footerIn .r1{display:none}
	#footerIn .r2{display:none}
	#footerIn .r3{display:none}
}

@media (max-width: 320px) {
	body{overflow-x:hidden;background:url('../../images/front_img/common/bg_topline.gif') no-repeat left top;}
	#wrap{background:url('../../images/front_img/main/bg_maintopline.gif') repeat-x -120px top}
	#header{max-width: 320px;position:relative;height:73px;margin:0 auto 0 auto;padding:0;background:url('../../images/front_img/main/bg_container.gif') repeat-x left 5px}
	#headerIn h1{width:180px;padding:28px 0 0 12px}
	#header .mobile_btntop_320{position:absolute;right:11px;top:14px;}
	#headerIn .mobile_menu{position:absolute;z-index:1;width:290px;height:844px;left:-300px;top:0px;border:2px solid #00a11a;background-color:#fff;}
	#headerIn .mobile_menu img{width:60px;}
	#headerIn .mobile_menu h2{position:relative;height:18px;padding:4px 10px;font-size:120%;color:#fff;background-color:#00a11a;}
	#headerIn .mobile_menu h2 a{position:absolute;top:0;right:0;}
	#headerIn .mobile_menu ul{overflow:hidden;}
	#headerIn .mobile_menu ul li{overfloaw:hidden;display:block;background-color:#fff;}
	#headerIn .mobile_menu ul li h3{float:left;width:90px;padding-top:13px;font-size:100%;text-align:center;border-right:1px solid #cecece;background-color:#f4f4f4;}
	#headerIn .mobile_menu ul li ul{float:left;width:198px;font-size:100%;}
	#headerIn .mobile_menu ul li ul li{padding:7px 15px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu01 h3{height:216px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu02 h3{height:84px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu03 h3{height:84px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu04 h3{height:117px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu05 h3{height:84px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu06 h3{height:117px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu ul li.m_menu07 h3{height:18px;border-bottom:1px solid #cecece;}
	#headerIn .mobile_menu p.btn_mobile{padding-top:2px;text-align:right;background-color:#449c52;}
	
	#container{padding:0px 0 0 0;background:url('../../images/front_img/main/bg_Mcontainer.gif') repeat-x left -10px;max-width: 320px;}
	
	#rowbox1{width:100%;height:100%;margin:0 0 10px 0;border:1px solid #dfdfdf;background:none;}
	#rowbox1 .mobile320_banner h2{background:url('../../images/front_img/main/Marrow.png') no-repeat right 50%;}
	#rowbox1 .mobile320_banner div{border-bottom:1px solid #1fac36;}
	#rowbox1 .mobile320_banner .color1{padding:23px 0 27px 16px;background:#00a11a}
	#rowbox1 .mobile320_banner .color2{padding:23px 0 27px 16px;background:#008b0e}
	#rowbox1 .mobile320_banner .color3{padding:23px 0 27px 16px;background:#00a11a}
	#rowbox1 .mobile320_banner .color4{padding:23px 0 27px 16px;background:#008b0e}
	
	
	#rowbox2{padding:0 3.5% 0 3.4%;}
	#rowbox2 div.r1{width:84.5%;height:248px;margin:0 0 10px 0;padding:32px 2.5% 0 6%;border:1px solid #dfdfdf;background:#fff;}
	#rowbox2 #bannerzone { position:relative;}
	#rowbox2 #ctrl_btn{position:absolute;right:25px;top:32px}
	#rowbox2 #bnnrctrl_prev{width:7px;background:url('../../images/front_img/main/btn_prev.gif') no-repeat right top;margin:0 10px 0 0;border:0;text-indent:-10000px}
	#rowbox2 #bnnrctrl_next{width:7px;background:url('../../images/front_img/main/btn_next.gif') no-repeat right top;margin:0;border:0;text-indent:-10000px}
	#rowbox2 #bannerzonelist {}
	#rowbox2 #bannerzonelist .title{display:block;margin:0 0 0px 0;font-size:17px;font-weight:bold;line-height:130%;font-family:NanumGothic}
	#rowbox2 #bannerzonelist .text{display:block;height:92px;overflow:hidden;}
	#rowbox2 #bannerzonelist li {width:100%;font-family:Dotum}
	#rowbox2 #bannerzonelist li img {padding:1px 0;}
	#rowbox2 #bannerzonelist .day{display:block;padding:0;font-size:11px;bottom:5px;}
	#rowbox2 div.r1 .ico{position:absolute;right:20px;bottom:140px;}
	#rowbox2 div.blog{position:absolute;bottom:10px;width:200px;height:80px;background:#fff url('../../images/front_img/main/bg_rowbox.jpg') no-repeat;}
	#rowbox2 div.blog .h2fst{margin:10px 0 0 120px}
	#rowbox2 div.blog .text{margin:10px 0 0 120px}
	
	#rowbox2 div.r2{position:relative;width:84.5%;height:248px;margin:0 0 10px 0;padding:32px 2.5% 0 6%;border:1px solid #dfdfdf;
	background:#ffffff;}
	#rowbox2 div.r2 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 8px;line-height:180%;font-family:Dotum}
	#rowbox2 div.r2 .inb1{position:relative;float:left;width:100%;height:55%;padding:2% 0 0 2%;}
	#rowbox2 div.r2 .inb3{position:relative;clear:both;width:100%;height:25%;padding:2% 0 0 2%;border-top:2px solid #d5d5d5;}
	
	#rowbox2 div.r3{position:relative;width:84.5%;height:138px;margin:0 0 0 0;padding:32px 2.5% 0 6%;border:1px solid #dfdfdf;
	background:#ffffff;}
	#rowbox2 div.r3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 8px;line-height:180%;font-family:Dotum}
	#rowbox2 div.r3 .inb1{position:relative;float:left;width:100%;height:55%;padding:0 0 0 0;}
	
	#rowbox2 div.r3_2{position:relative;float:left;clear:both;width:84.5%;height:92px;margin:0 0 10px 0;padding:32px 2.5% 0 6%;border:1px solid #dfdfdf;background:#ffffff url('../../images/front_img/main/bg_img_dtlab.jpg') no-repeat right bottom;}
	#rowbox2 div.r3_2 .inb1{position:relative;float:left;width:100%;height:55%;padding:2% 0 0 2%;}
	#rowbox2 div.r3_2 h2{width:55%;margin:0 0 10px 0;font-size:14.5px;}
	#rowbox2 div.r3_2 .btn_more1{position:absolute;right:-23px;top:10px;width:40px;padding:0 8px 0 0;font-size:12px;color:#444}
	
	#rowbox2 div.r4{clear:both;width:93%;height:280px;margin:0 0 10px 0;background:#fff;border:1px solid #dfdfdf}
	#rowbox2 div.r4 h2{margin:0 0 10px 0;font-size:14.5px}
	#rowbox2 div.r4 .h2fst{margin:10px 0 10px 120px} 
	#rowbox2 div.r4 .inb1{position:relative;float:left;width:90%;height:40%;padding:7% 0 0 10%;background:#f3f3f3 url('../../images/front_img/main/bg_img2.jpg') no-repeat right bottom;}
	#rowbox2 div.r4 .text{margin:0 0 0 120px;font-size:12.5px;}
	#rowbox2 div.r4 .inb3{position:relative;clear:both;width:90%;height:40%;padding:10% 0 0 10%;border-top:1px solid #d5d5d5;background:#fff url('../../images/front_img/main/bg_img1.jpg') no-repeat right bottom;}
	#rowbox2 div.r4 .inb3 ul li{padding:0 0 0 14px;background:#fff url('../../images/front_img/main/bg_img1.jpg') no-repeat right bottom;line-height:180%;font-family:Dotum}
	#rowbox2 div.r4 .inb3 ul li a:hover{text-decoration:underline} 
	#rowbox2 div.r4 .btn_more1{position:absolute;right:70px;top:23px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444}
	#rowbox2 div.r4 .btn_more2{position:absolute;right:25px;top:22px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:14px;color:#444}
	#rowbox2 div.r4 .btn_more2 a{display:block;color:#444;font-weight:normal;}
	#rowbox2 div.r4 .btn_more3{position:absolute;right:-20px;top:27px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444}
	 
	#rowbox3{padding:0 3.5% 0 3.4%;padding:0 0 38px 0}
	#rowbox3 div.r1{width:93%;height:280px;margin:0 auto 10px auto;background:#f3f3f3;border:1px solid #dfdfdf}
	#rowbox3 div.r1 h2{margin:0 0 10px 0;font-size:14.5px}
	#rowbox3 div.r1 .h2fst{margin:10px 0 10px 120px}
	#rowbox3 div.r1 .inb1{position:relative;float:left;width:90%;height:40%;padding:7% 0 0 10%;background:#fff url('../../images/front_img/main/bg_rowbox3_inb1.jpg') no-repeat left bottom;}
	#rowbox3 div.r1 .text{margin:0 0 0 120px;font-size:12.5px;}
	#rowbox3 div.r1 .inb3{position:relative;clear:both;width:90%;height:40%;padding:10% 0 0 10%;border-top:1px solid #d5d5d5}
	#rowbox3 div.r1 .inb3 ul li{padding:0 0 0 14px;background:url('../../images/front_img/main/blit1.gif') no-repeat left 50%;line-height:180%;font-family:Dotum}
	#rowbox3 div.r1 .inb3 ul li a:hover{text-decoration:underline}
	#rowbox3 div.r1 .btn_more1{position:absolute;right:-35px;top:33px;width:60px;padding:0 8px 0 0;font-size:14px;color:#444}
	#rowbox3 div.r1 .btn_more2{position:absolute;right:25px;top:22px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:14px;color:#444}
	#rowbox3 div.r1 .btn_more2 a{display:block;color:#444;font-weight:normal;}
	
	

	#rowbox3 div.r2{position:relative;width:93%;height:280px;margin:0 auto 10px auto;background:#fff url('../../images/front_img/main/service_img.jpg') no-repeat right top;border:1px solid #dfdfdf}
	#rowbox3 div.r2 img{margin:28px 0 0 20px}
	#rowbox3 div.r2 .listmenu{position:absolute;left:0;bottom:15px;width:92%;margin:0 0 0 17px;}
	#rowbox3 div.r2 .listmenu li{float:left;width:45%;height:16px;margin:0 1px 1px 0;padding:12px 0 12px 3%;background:#00980b;border:1px solid #00850a;font-size:11px}
	#rowbox3 div.r2 .listmenu li.long{height:34px;padding:3px 0 3px 3%;}
	#rowbox3 div.r2 .listmenu li.right{}
	#rowbox3 div.r2 .listmenu li a{display:block;background:url('../../images/front_img/main/blit3.png') no-repeat right 50%;font-size:11px;color:#fff;letter-spacing:-1px;font-family:Dotum;}
	
	#rowbox3 div.r3{position:relative;width:93%;height:280px;margin:0 auto 10px auto;background:#fff url('../../images/front_img/main/solution_img.jpg') no-repeat right top;border:1px solid #dfdfdf}
	#rowbox3 div.r3 img{margin:28px 0 0 20px}
	#rowbox3 div.r3 .listmenu{position:absolute;left:0;bottom:15px;width:92%;margin:0 0 0 17px;}
	#rowbox3 div.r3 .listmenu li{float:left;width:45%;height:16px;margin:0 1px 1px 0;padding:12px 0 12px 3%;background:#0592d1;border:1px solid #1a78b7;font-size:11px}
	#rowbox3 div.r3 .listmenu li.long{height:34px;padding:3px 0 3px 3%;}
	#rowbox3 div.r3 .listmenu li.right{}
	#rowbox3 div.r3 .listmenu li a{display:block;background:url('../../images/front_img/main/blit3.png')no-repeat right 50%;font-size:11px;color:#fff;letter-spacing:-1px;font-family:Dotum;}
	
	#rowbox3 div.r4{width:93%;height:280px;margin:0 auto;background:#fff;border:1px solid #dfdfdf}
	
	#article-tab ul {margin:0;max-width:100%;}
	#article-tab .h2Latest1 {position:absolute;left:120px;top:9px;width:10px;z-index:10}
	#article-tab .h2Latest2 {position:absolute;left:135px;top:9px;width:10px;z-index:10}
	#article-tab .h2Latest3 {position:absolute;left:150px;top:9px;width:10px;z-index:10}
	#article-tab .divLatest {position:absolute;left:0;top:0;width:280px}
	#article-tab .moreLatest {position:absolute;left:30px;top:199px;width:60px;padding:0 8px 0 0; font-size:14px;color:#444;text-indent:-100000px}
	.textarea{padding:0 0 0 0}
	.textarea img{width:297px;height:280px;}
	
	#article-tab-start {position:relative;left:70px;top:5px;width:10px;z-index:1}
	#article-tab-stop  {position:relative;left:70px;top:5px;width:10px;z-index:1}
	
	#quick_mobile{text-align:center;padding:0 0 40px 0}
	
	#footer{margin:0;padding:0 0 27px 0;max-width: 320px;}
	#footer .r3_mobile{}
	#footer .r3_mobile address{padding:0 15% 10px 15%}
	#footer .r3_mobile address, .r3_mobile p{text-align:center;}
	#footer .r3_mobile address{margin:0 0 0px 0;font-size:12px}
	#footer .r3_mobile span{margin:0 0 10px 0;font-size:10px;line-height:130%;}
	#footer .r3_mobile p{padding:0 0 20px 0;font-size:9px;line-height:100%;text-align:center}
	#footer .r3_mobile p img{width:98%;}
	#footer .r4{float:none;position:relative;width:150px;margin:0 auto;}
	#footer .r4 .dyn_value{width:150px;height:23px;margin:0 auto;border:1px solid #c5c5c5;font-size:11px;color:#6c6c6c}
	#footer .r4 a{position:absolute;left:160px;top:0;}
	#footer .r5{float:none;width:63px;margin:0 auto 10px auto;position:relative;}
	#footer .r6{float:none;width:209px;margin:0 auto 10px auto;position:relative;}	
	
	#footer ul.m1{margin:0 0 20px 0;background:#eee;border-top:1px solid #bfbfbf}
	#footer ul.m1 li{padding:0;border-bottom:1px solid #bfbfbf;text-align:center}
	#footer ul.m1 li.fst{border-left:0}
	#footer ul.m1 li a{display:block;padding:10px 0;font-size:12px}
	
	/*none*/
	.menubox{display:none}
	.mobile_btntop{display:none}
	.mobile640_banner{display:none}
	#rowbox1 .benner{display:none}
	#quick_mobile .btn_dis320{display:none}
	.btn_main320{display:none}
	#footerIn .r1{display:none}
	#footerIn .r2{display:none}
	#footerIn .r3{display:none}
}


/* common */
.sel50{width:50px;height:21px;border:1px solid #707070;color:#3d3d3d;vertical-align:middle}
.input213{width:208px;height:16px;padding:3px 0 0 5px;border:1px solid #9d9d9d}
.btn_srh{width:60px;height:21px;line-height:15px;margin:0px 0 0 0;background:#449c52;border:1px solid #388745;color:#fff;font-weight:bold;}
.btn_ok{width:42px;height:21px;background:url('../../images/front_img/content/bg_btn1.gif') repeat-x left top;border:1px solid #bcbcbc}

.inset{border-left:1px solid;border-top:1px solid}
.outset{border-right:1px solid;border-bottom:1px solid}

/*layout*/
#headerIn{position:relative;max-width:960px;height:86px;margin:0 auto;*zoom:1;}
#headerIn:after{content:'';display:block;clear:both}

#headerIn .menubox{float:right;width:77%;height:74px;}
#headerIn .util:after{content:'';display:block;clear:both}
#headerIn .util{float:right;margin:15px 0 0 0;}
#headerIn .util li{float:left}


/* gnb */
/*div.gnb{position:absolute;right:0;top:45px;margin:0 0 0 0;}*/
div.gnb{position:absolute;right:0;top:45px;margin:0 0 0 0}
div.gnb:after{content:'';display:block;clear:both}
div.gnb ul{ float:right}
div.gnb ul:after{content:'';display:block;clear:both}
div.gnb ul li{float:left}
.depth_1{margin:0 0 0 0;height:45px;font-size:18px;}
.depth_1 li{margin:0 0 0 37px}
.gnb a.depth1:link,
.gnb a.depth1:visited,
.gnb a.depth1:active{color:#404040;font-size:17px;font-weight:bold;}
.gnb a.depth1:focus{color:#00a11a;background:none}
.gnb a.depth1:hover{color:#00a11a;background:none}

/* 컨텐츠 1번째 줄 */
.ir{position:absolute;top:0;left:0;overflow:hidden;visibility:hidden;width:1%;height:1%;font-size:0;line-height:0}
#rowbox1 a:hover{}
#rowbox1:after{content:'';display:block;clear:both}
#rowbox1 .benner{float:left;position:relative;width:25%;height:300px;margin:0 0 0 0;padding:0px 0 0 0;z-index:1}
#rowbox1 .benner .ir{position:absolute;top:0;left:0;overflow:hidden;visibility:hidden;width:1%;height:1%;font-size:0;line-height:0}
.rowbox1_inner{max-width:960px;margin:0 auto}

#rowbox1 .detail{display:none;position:relative;position:absolute;width:99.5%;height:639px;top:0px;left:0;background:url('../../images/front_img/main/bg_pop2.png') repeat-y left top;z-index:999;color:#fff;border:1px solid #1c624d}
#rowbox1 .tbox{width:90%;height:152px;padding:18px 0 0 10%;background:url('../../images/front_img/main/bg_pop.png') repeat-y left top;border-bottom:1px solid #3a5f46}
.detail a:link, .detail a:visited{text-decoration:none;color:#fff}
.detail a:hover,.detail a:active,.detail a:focus{text-decoration:none;color:#fff}

#rowbox1 .Timg{background:url('../../images/front_img/main/row1bg_line.png') no-repeat right top;height:201px;margin-top:49px}
#rowbox1 .Timg.lst{background:none}
#rowbox1 .Timg img{margin:0 0 0 32px}
#rowbox1 .in1 .Timg img{margin:5px 0 0 5px}

#rowbox1 .in1{width:100%;}
#rowbox1 .in2{width:100%;}
#rowbox1 .in3{width:100%;}
#rowbox1 .in4{width:100%;}
#rowbox1 .benner .in1 + a.more{left:5px}

/*#rowbox1 .in1{width:100%;height:309px;background:url('../../images/front_img/main/row1_title1.png') no-repeat right top;}
#rowbox1 .in2{width:100%;height:309px;background:url('../../images/front_img/main/row1_title2.png') no-repeat right top}
#rowbox1 .in3{width:100%;height:309px;background:url('../../images/front_img/main/row1_title3.png') no-repeat right top}
#rowbox1 .in4{width:100%;height:309px;background:url('../../images/front_img/main/row1_title4.png') no-repeat right top} */


#rowbox1 .detail p.fst{margin:0 0 18px 0}
#rowbox1 .detail p.fst.r1{margin:0 0 10px 0}
#rowbox1 .detail p.t1{margin:0 0 10px 0;}



/* 컨텐츠 2번째 줄 */
#rowbox2{width:100%; margin:0 0 10px 0;}
#rowbox2 h2{margin:0 0 17px 0;color:#3a3a3a;font-size:14.5px}
#rowbox2:after{content:'';display:block;clear:both}
#rowbox2 div.r2 ul li a{color:#595959}
#rowbox2 div.r2 ul li a:hover{text-decoration:underline}
#rowbox2 div.r2 .btn_more{position:absolute;right:2px;top:10px;width:55px;padding:0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:13px;color:#444}
#rowbox2 div.r2 .btn_more a{display:block;color:#444;font-weight:normal;}
#rowbox2 div.r2 .btn_more a:link{color:#444}
#rowbox2 div.r2 .ico{position:absolute;right:20px;bottom:16px;}

#rowbox2 div.r3 ul li a{color:#595959}
#rowbox2 div.r3 ul li a:hover{text-decoration:underline}
#rowbox2 div.r3 .btn_more{position:absolute;right:2px;top:10px;width:55px;padding:0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:13px;color:#444}
#rowbox2 div.r3 .btn_more a{display:block;color:#444;font-weight:normal;}
#rowbox2 div.r3 .btn_more a:link{color:#444}
#rowbox2 div.r3 .ico{position:absolute;right:20px;bottom:16px;}

/* #rowbox2 div.r3 dl{margin:0 0 18px 0}
#rowbox2 div.r3 .ico{position:absolute;right:20px;bottom:16px;}
#rowbox2 div.r3 .btn_go{width:60px;padding:0 8px 0 0;background:url('../../images/front_img/main/bilt2.png') no-repeat right 50%;font-size:14px;color:#444} */
#rowbox2 div.r4 dl img{max-width:100%;height:106px;}
#rowbox2 div.r4 .btn_more{position:absolute;right:25px;top:32px;width:55px;padding:0 0 0 0;background:url('../../images/front_img/main/bg_more.gif') no-repeat right 50%;font-weight:bold ;font-size:14px;color:#444}
#rowbox2 div.r4 .btn_more a{display:block;color:#444;font-weight:normal;}

ul.tabs{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.tabs li{
	background:none;
	color:#222;
	display:inline-block;
	padding:10px 15px;
	cursor:pointer;
}

ul.tabs li.current{
	background:#ededed;
	color:#222;
}

.tab-content{
	display:none;
	background:#ededed;
	padding:15px;
}

.tab-content.current{
	display:inherit;
}

/* 컨텐츠3번째 줄 */
#rowbox3{margin:0 0 0 0;max-width:100%;}
#rowbox3:after{content:'';display:block;clear:both}

/* tabmenu */
#article-tab {position:relative;padding:0;}
#article-tab {position:relative;padding:0;}
#article-tab h2 {margin:30px 20px 20px 30px;}
#article-tab ul li {width:24%; line-height:150%; *zoom:1;}
#article-tab ul li:after {content:""; clear:both; display:block;}
#article-tab ul li a {padding:0 0 0 10px; background:url(images/bullet_dot.gif) no-repeat left 50%; float:left; color:#444;}
#article-tab ul li span {float:right; font-size:11px; font-family:Tahoma; color:#999;}


/* footer */


#footerIn:after{content:'';display:block;clear:both}
#footer .r1{float:left;margin:0 5px 0 0}
#footer .r2{float:left;margin:0 5px 0 0}
#footer .r3{position:relative;float:left;margin:0 5px 0 0;}
#footer .r3 .footM{margin:0 0 12px 0}
#footer .r3 address{margin:0 0 7px 0}
#footer .r3 .num{position:absolute;left:254px;top:25px}
#footer .r3 .copy{color:#707070;font-family:Standard;font-size:9px;letter-spacing:0px}
#footer .r4 img{vertical-align:top;margin-top:0px;}