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

*{margin:0; padding:0; font-family:dotum, sans-serif, AppleGothic; }
html {overflow-y: scroll; background:url(images/bg.gif) repeat;}
img {border:0; vertical-align:top; margin:0; padding:0;}
body{font-size:12px; line-height:normal; font-family:dotum, sans-serif, AppleGothic; color:#333; line-height:160%;}
ul,li{list-style:none; padding:0; margin:0; font-size:0; line-height:0;}
form{margin:0; padding:0; display:block;}
input,select,textarea{ vertical-align:middle; margin:0; padding:0;}
p{padding:0; margin:0; }
h1{width:80%; text-align:center; margin:0 auto;}
check {vertical-align:top; margin:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}

a:link { color:#333; text-decoration:none; font-size:12px; font-family:"돋움", Arial, sans-serif;}
a:visited {color:#333; text-decoration:none; font-size:12px; font-family:"돋움", Arial, sans-serif;}
a:hover {color:#333; text-decoration:underline; font-size:12px; font-family:"돋움", Arial, sans-serif;}

header {width:100%; height:76px;}
nav {width:100%;}
.logo1 {margin-top:18px;}
.logo2 {margin-top:32px; margin-left:5px;}
.article { width:100%;}
footer {margin-bottom:30px;}


@media only screen and (max-width: 767px) {
	body {width:100%;}
	nav {height:54px;}
	#header {text-align:center;}
	.logo2 {display:none;}		
	.top_menu {display:none;}
	#nav1 {width:100%; float:left;}
	#nav1 ul li{float:left;}
	#nav1 ul li img {width:100%;}
	#nav2 {display:none;}
	#nav3 {display:none;}
	#nav4 {display:none;}
	.section1 {width:100%; float:left;}
	.section1 ul li {width:50%; float:left;}
	.section1 ul li img {width:100%;}
	.section2 {display:none;}
	.section3 {display:none;}
	.section4 {display:none;}
	.article {width:100%;}
	.article1 {width:100%;}
	.article1 img {width:100%;}
	.article1 ul li {float:left; width:20%;}
	.article2 {display:none;}
	.article3 {display:none;}
	.article4 {display:none;}
	.content {width:100%;}
	.content>.content1 {width:100%;float:left;}
	.content>.content1 ul li {width:50%; float:left;}
	.content>.content1 ul li img {width:100%;}
	.content2 {display:none;}
	.content3 {display:none;}
	.content4 {display:none;}
	#footer1 {width:100%; font-size:0.9em; line-height:125%; float:left;}
	#footer1 p {margin-top:5%;}
	#footer1 img {width:100%;}
	#footer2 {display:none;}
	#footer3 {display:none;}
	#footer4 {display:none;}
		 }

@media only screen and (min-width: 768px) and (max-width:979px) {
	html {background:url(images/menu_bg_700.jpg) 0 76px repeat-x,url(images/mainbg_mid.jpg) 0 763px repeat-x, url(images/bg.gif);}
	body {width:720px; margin:0 auto; background:url(images/mainbg_700_left.png) 0 130px no-repeat,url(images/mainbg_700_right.png) 710px 130px no-repeat;}
	#wrap {width:700px; margin:0 auto;}
	nav {height:54px;}
    #header {text-align:center;}
	.top_menu {display:none;}
	#nav1 {display:none;}
	#nav2 {width:700px;}
	#nav2 ul li {float:left;}      
	#nav3 {display:none;}
	#nav4 {display:none;}
	.section1 {display:none;}
	.section2 {width:100%;}
	.section2 ul li {width:50%; float:left;}
	.section2 ul li img {width:100%;}
	.section3 {display:none;}
	.section4 {display:none;}
	.article {height:189px;}
	.article1 {display:none;}
	.article2 {width:100%; height:189px;;}
	.article2_left {width:350px; height:189px; float:left; background:url(images/article700_left.jpg);}
	.article2_left_top {width:350px; height:47px; float:left; background:url(images/solution_bg.png) no-repeat; background-position:20px 0;}
	.article2_left_top img {float:right; margin-right:34px; margin-top:30px;}
	.article2_left_bottom {width:350px; height:142px; float:left;}
	.article2_left_bottom>.solution {float:left;margin-top:5px; margin-left:21px; color:#ddd;}
	.article2_left_bottom>.solution2 {margin-left:23px;}
	.article2_left_bottom>.solution3 {margin-left:23px;}
	.article2_right {width:350px; height:189px; float:left; background:url(images/article700_right.jpg);}
	.article2_right_top {width:350px; height:47px; float:left; background:url(images/news_bg.png) no-repeat; background-position:33px 0;}
	.article2_right_top img {float:right; margin-right:21px; margin-top:30px;}
	.article2_right_bottom {width:350px; height:142px; float:left;}
	.article2_right_bottom>.news_list {float:left;margin-top:15px;margin-left:25px;}
	.article2_right_bottom>.news_list ul li {margin:15px 0;}
	.article2_right_bottom>.news_list ul li:first-child {margin-top:0;}
	.article2_right_bottom>.news_list ul li:last-child {margin-top:0;}
	.article2_right_bottom>.news_list ul li a {color:#ccc;}
	.article3 {display:none;}
	.article4 {display:none;}
	.content1 {display:none;}
	.content2 {width:100%; height:182px; float:left; background:#fff;}
	.content2_left {width:315px; height:182px; float:left;}
	.content2_left_top {width:315px; height:50px; float:left;}
	.content2_left_top img {float:left; margin-left:30px;}
	.content2_left_bottom ul {float:left; margin-left:11px; margin-top:15px;}
	.content2_left_bottom ul li {display:inline;}
	.content2_right {width:385px; height:182px; float:left;}
	.content2_right ul {margin-top:13px; margin-left:14px;}
	.content2_right ul li:last-child {margin-top:7px;}
	.content3 {display:none;}
	.content4 {display:none;}
	#footer1 {display:none;}
	#footer2 {width:100%;}
	#footer3 {display:none;}
	#footer4 {display:none;}
        }
		
@media only screen and (min-width:980px) and (max-width:1679px) {
	html {background:url(images/menu_bg.png) 0 76px repeat-x,url(images/mainbg_mid.jpg) 0 540px repeat-x,url(images/bg.gif);}
	body {width:1000px; margin:0 auto; background:url(images/mainbg_left.png) 0 114px no-repeat,url(images/mainbg_right.png) 990px 114px no-repeat;}
	#wrap {width:980px; margin:0 auto;}
	nav {height:38px;}
	.top_menu {float:right; margin-top:8px;}
	.top_menu .top_menu1 li {display:inline; margin-right:14px;}
	.top_menu ul li:nth-child(5) {margin-right:0px;}
	.top_menu ul li .teduri2>img {margin-right:7px; vertical-align:middle;}
	.top_menu ul li .ser_text_4 {margin-top:7px;float:right;}
	.top_menu .top_menu2 li {display:inline;}
	#nav1 {display:none;}
	#nav2 {display:none;}
	#nav3 {width:100%; height:38px;}
	#nav3 ul li {float:left;}
	#nav4 {display:none;}
	.section1 {display:none;}
	.section2 {display:none;}
	.section3 {width:100%; height:432px;}
	.section3 ul li {float:left;}
	.section4 {display:none;}
	.article { height:189px;}
	.article1 {display:none;}
	.article2 {display:none;}
	.article3 {width:100%; height:189px; background:url(images/article_bg.jpg);}
	.article3_left {width:340px; float:left;}
	.article3_left_top {width:340px; height:50px; float:left; background:url(images/solution_bg.png) no-repeat; background-position:30px 0;}
	.article3_left_top img {float:right; margin-right:14px; margin-top:30px;}
	.article3_left_bottom>.solution {float:left;margin-top:5px; margin-left:31px; color:#ddd;}
	.article3_left_bottom>.solution2 {margin-left:33px;}
	.article3_left_bottom>.solution3 {margin-left:33px;}
	.article3_center {width:340px; float:left;}
	.article3_center_top {width:340px; height:50px; float:left; background:url(images/news_bg.png) no-repeat; background-position:26px 0;}
	.article3_center_top img {float:right; margin-right:18px; margin-top:30px;}
	.article3_center_bottom>.news_list {float:left;margin-top:15px;margin-left:25px;}
	.article3_center_bottom>.news_list ul li {margin:15px 0;}
	.article3_center_bottom>.news_list ul li:first-child {margin-top:0;}
	.article3_center_bottom>.news_list ul li:last-child {margin-top:0;}
	.article3_center_bottom>.news_list ul li a {color:#ccc;}
	.article3_right {width:300px; float:left;}
	.article3_right_top {width:300px; height:50px; float:left; background:url(images/service_bg.png) no-repeat; background-position:22px 0;}
	.article3_right_bottom {width:300px; height:139px; float:left;}
	.article3_right_bottom ul {margin-left:3px; margin-top:14px;}
	.article3_right_bottom ul li{display:inline;}
	.article4 {display:none;}
	.content1 {display:none;}
	.content2 {display:none;}
	.content3 {width:980px; height:584px; background:#fff;}
	.content3_left {float:left; width:768px; height:584px;}
	.content3_left_top {float:left; width:768px; height:60px;}
	.content3_left_top img {float:left; margin-top:26px; margin-left:30px;}
	.content3_left_top .more {margin-top:36px; margin-left:400px;}
	.content3_left_bottom ul {margin-top:3px; margin-left:20px;}
	.content3_left_bottom ul:last-child {margin-top:12px;}
	.content3_left_bottom {float:left; width:768px; height:524px;}
	.content3_left_bottom ul li {display:inline; margin:25px;}
	.content3_right {float:left; width:212px; height:584px;}
	.content3_right ul {margin-top:67px;}
	.content3_right ul li:last-child {margin-top:13px;}
	.content4 {display:none;}
	#footer1 {display:none;}
	#footer2 {display:none;}
	#footer3 {width:100%;}
	#footer4 {display:none;}
}

@media only screen and (min-width:1680px){
	html {background:url(images/menu_bg.png) 0 76px repeat-x,url(images/mainbg_mid.jpg) 0 540px repeat-x, url(images/bg.gif);}
	body {width:1700px; margin:0 auto;background:url(images/mainbg1680_left.png) 0 114px no-repeat,url(images/mainbg1680_right.png) 1690px 114px no-repeat;}
	#wrap {width:1680px; margin:0 auto;}
	nav {height:38px;}
	.top_menu {float:right; margin-top:8px;}
	.top_menu .top_menu1 li {display:inline; margin-right:14px;}
	.top_menu ul li:nth-child(5) {margin-right:0px;}
	.top_menu ul li .teduri2>img {margin-right:7px; vertical-align:middle;}
	.top_menu ul li .ser_text_4 {margin-top:7px;float:right;}
	.top_menu .top_menu2 li {display:inline;}
	#nav1 {display:none;}
	#nav2 {display:none;}
	#nav3 {display:none;}
	#nav4 {width:100%; height:38px;}
	#nav4 ul li {float:left;}
	.section1 {display:none;}
	.section2 {display:none;}
	.section3 {display:none;}
	.section4 {width:100%; height:432px;}
	.section4 ul li {float:left;}
	.article {height:189px;}
	.article1 {display:none;}
	.article2 {display:none;}
	.article3 {display:none;}
	.article4 {width:100%; height:189px; background:url(images/article1680_bg.jpg) no-repeat;}
	.article4_1 {width:362px; float:left;}
	.article4_1_top {width:362px; height:47px; background:url(images/solution_bg.png) no-repeat; background-position:31px 0;}
	.article4_1_top img {margin-top:30px; float:right; margin-right:35px;}
	.article4_1_bottom>.solution {float:left;margin-top:5px; margin-left:31px; color:#ddd;} 
	.article4_1_bottom>.solution2 {margin-left:33px;}
	.article4_1_bottom>.solution3 {margin-left:33px;}
	.article4_2 {width:366px; float:left;}
	.article4_2_top {width:362px; height:47px; background:url(images/news_bg.png) no-repeat; background-position:35px 0;}
	.article4_2_top img {margin-top:30px; float:right; margin-right:35px;}
	.article4_2_bottom>.news_list {float:left;margin-top:15px;margin-left:25px;}
	.article4_2_bottom>.news_list ul li {margin:15px 0;}
	.article4_2_bottom>.news_list ul li:first-child {margin-top:0;}
	.article4_2_bottom>.news_list ul li:last-child {margin-top:0;}
	.article4_2_bottom>.news_list ul li a {color:#ccc;}
	.article4_3 {width:318px; float:left;}
	.article4_3_top img {margin-left:35px;}
	.article4_3_bottom ul {margin-left:16px; margin-top:14px;}
	.article4_3_bottom ul li {display:inline;}
	.article4_4 {width:318px; float:left;}
	.article4_4_top img {margin-left:35px;}
	.article4_4_bottom ul {margin-left:17px; margin-top:14px;}
	.article4_4_bottom ul li {display:inline;}
	.article4_5 {width:316px; float:left;}
	.article4_5_top img {margin-left:35px;}
	.article4_5_bottom ul {margin-left:16px; margin-top:14px;}
	.article4_5_bottom ul li {display:inline;}
	.content1 {display:none;}
	.content2 {display:none;}
	.content3 {display:none;}
	.content4 {width:100%; height:71px; background-color:#fff;}
	.content4>.contact1680 {margin-top:18px; margin-left:52px;}
	.content4>.bank1680 {margin-top:30px; margin-left:85px;}
	.content4>.card1680 {margin-top:25px; margin-left:46px;}
	#footer1 {display:none;}
	#footer2 {display:none;}
	#footer3 {display:none;}
	#footer4 {width:100%;}
}