@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:#a6a6a6; text-decoration:none; font-size:11px; font-family:"돋움", Arial, sans-serif;}
a:visited {color:#a6a6a6; text-decoration:none; font-size:11px; font-family:"돋움", Arial, sans-serif;}
a:hover {color:#a6a6a6; text-decoration:none; font-size:11px; 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%;}
section {background-color:#fff; width:100%;}
.board {width:90%; height:922px; margin:50px auto 0 auto;}
.pagebox01 img {margin-top:3px;}

@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;}
	.sub1_m_title {text-align:center; width:100%;}
	.sub1_m_title>img {width:100%;}
	.sub1_m_title .table_box {width:100%;margin:0 auto; background-color:#b4e114;}
	.sub1_m_title .table_box ul {width:100%;}
	.sub1_m_title .table_box ul li {display:inline; margin:0 3%;}
	.sub1_m_title .table_box .table {width:100%;}
	.sub1_m_title .table_box .table .n {width:20%;}
	.sub1_t_title {display:none;}
	.sub4_t_title {display:none;}
	.sub1_title {display:none;}
	.sub1_m_con {width:100%; background-color:#fff;}
	.sub1_m_con img {width:100%;}
	.sub1_m_con img.top {margin-top:7%; margin-bottom:5%;}
	.sub1_m_con img.con {margin:10% 0;}
	.sub1_m_con .btn1 {margin:2% 0;}
	.sub1_m_con .btn1 {margin-bottom:2%;}
	.sub1_m_con .solution {width:65%; margin:3% 17.5%; margin-bottom:10%;}
	.sub1_m_con .s_main {padding-bottom:10%;}
	.sub1_t_con {display:none;}
	#footer1 {width:100%; font-size:0.9em; line-height:125%;}
	#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/bg.gif);}
	body {width:720px; margin:0 auto;}
	#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;}
	.sub1_m_title {display:none;}
	.sub1_t_title {width:100%;height:36px;}
	.sub1_t_title>.submenu {height:34px;background-color:#b4e114;}
	.sub1_t_title>.submenu>ul {margin-left:20px;}
	.sub1_t_title>.submenu>ul>li {display:inline; margin:0 10px;}
	.sub1_t_title>.shadow {height:2px;background-color:#efefef;}
	.sub4_t_title {width:100%;height:36px;}
	.sub4_t_title>.submenu {height:34px;background-color:#b4e114;}
	.sub4_t_title>.submenu>ul {margin-left:231px;}
	.sub4_t_title>.submenu>ul>li {display:inline;}
	.sub4_t_title>.shadow {height:2px;background-color:#efefef;}
	.sub1_title {display:none;}
	.submenu {background-color:#000;}
	.sub1_m_con {display:none;}
	.sub1_t_con {width:100%; height:960px; background-color:#fff;}
	.sub1_t_con>.sub_title {width:100%; height:54px;}
	.sub1_t_con>.sub_title>.sub_title1 {width:471px; float:left; padding-top:29px; padding-left:24px;}
	.sub1_t_con>.sub_title>.sub_title2 {width:177px; float:left; font-size:11px; color:#a6a6a6; padding-top:40px;}
	.sub1_t_con>.sub_title>.sub_title2>img {vertical-align:middle;}
	.sub_con img {margin-left:0px;margin-top:25px;}
	.sub_con .main {margin-top:55px; margin-left:18px;}
	.sub_con .main2 {margin-left:20px; margin-top:46px;}
	.sub_con .pic {margin:30px 0 8px 28px;}
	#footer1 {display:none;}
	#footer2 {width:100%;}
	#footer3 {display:none;}
	#footer4 {display:none;}
	.con_img {float:left; margin-left:24px;}
        }
		
@media only screen and (min-width:980px) {
	html {background:url(images/menu_bg.png) 0 76px repeat-x,url(images/bg.gif);}
	body {width:1000px; margin:0 auto; background:url(images/submenu_bg.png) 0 166px no-repeat,url(images/mainbg_left2.png) 0 114px no-repeat,url(images/mainbg_right2.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;}
	.left {background-color:#fff;}
	.center {background-color:#fff;}
	.right {background-color:#fff;}
	.sub1_m_title {display:none;}
	.sub1_t_title {display:none;}
	.sub4_t_title {display:none;}
	.sub1_title {height:922px; background-color:#fff;}
	.sub1_title>.menu_shadow {width:100%; height:32px;float:left;}
	.sub1_title>.left {width:255px; height:1020px; float:left;}
	.sub_t {margin-top:20px;}
	.sub1_title>.left>ul {margin-top:23px; float:right; margin-right:70px;}
	.sub1_title>.left>ul>li {margin-bottom:18px;}
	.sub1_title>.center{width:1px; height:1020px; background:url(images/sub1_bg.jpg) no-repeat; float:left; background-color:#fff;}
	.sub1_title>.right {width:724px; float:left; height:980px;font-size:11px; color:#a6a6a6; margin-top:40px;}
	.sub1_title>.right>.top_left {width:518px;float:left;}
	.sub1_title>.right>.top_left img {margin-left:39px;}
	.sub1_title>.right>.top_right {width:206px;float:left;}
	.sub1_title>.right>.top_right img {vertical-align:middle;}
	.sub_con table {margin-left:32px; margin-top:28px; text-align:center; font-size:12px; width:664px; height:750px; border:1px solid #5f5f5f; line-height:1.5em;}
	.sub_con table tr td {padding:5px; border-bottom:1px solid #5f5f5f; border-right:1px solid #5f5f5f; color:#808080;}
	.sub_con table tr td:last-child {border-right:none;}
	.sub_con table tr:last-child td {border-bottom:none;}
	.sub_con .item_1 table tr td:nth-child(2) {text-align:left;}
	.sub_con .item_1 table tr:first-child td {text-align:center; font-weight:bold; background-color:#f5f5f5;}
	.sub_con .item_1 table tr:nth-child(2) td {text-align:center; background-color:#f5f5f5;}
	.sub_con .item_1 table tr td:first-child {font-weight:bold;}
	.sub_con .item_1 table tr:nth-child(2) td {font-weight:bold;}
	.sub_con .item_2 tr:nth-child(14) td:first-child {border-bottom:none;}
	.sub_con .item_2 tr:nth-child(14) td:nth-child(2) {border-bottom:none;}
	.sub_con .item_2 tr:first-child td {font-weight:bold; background-color:#f5f5f5;}
	.sub_con img {margin-left:0px;margin-top:25px;}
	.sub_con3 img {margin-left:39px; margin-top:49px;}
	.sub_con1_4>img {margin-left:51px; margin-top:25px; margin-bottom:25px;}
	.sub_con1_4 a img {margin-left:51px; margin-top:0; margin-bottom:10px;}
	.sub_con1_4 .idpw {margin-left:12px; margin-top:6px;}
	.sub_con1_4 .admin {margin-left:37px;margin-top:40px;}
	.sub_con2_7 img {margin-left:45px;margin-top:40px;}
	.sub_con2_5 img:first-child {margin-top:30px;}
	.sub_con2_5 img:last-child {margin-top:54px; margin-left:198px;}
	.sub1_m_con {display:none;}
	.sub1_t_con {display:none;}
	#footer1 {display:none;}
	#footer2 {display:none;}
	#footer3 {width:100%;}
	#footer4 {display:none;}
	.sub_con > label {float:left; width:120px; height:30px; text-align:center; cursor:pointer; line-height:30px; color:#5f5f5f; box-sizing:padding-box; margin-top:20px; margin-bottom:8px;}
	.sub_con .pcweb {margin-left:30px;}
	.sub_con > input { display:none; }
	.sub_con ul li {float:left;}

	.sub_con .website_tab table {width:640px; height:600px; margin-left:46px; border:none; text-align:left; font-size:12px;}
	.sub_con .website_tab table tr td {padding:0 0 0 8px;border-bottom:1px dotted #aaa; color:#5f5f5f;}
	.sub_con .website_tab table tr td:first-child {border-right:1px dotted #aaa;}
	.sub_con .website_tab table tr:first-child td {vertical-align:bottom;font-weight:bold; padding-bottom:5px; border-bottom:2px solid #cfcfcf; border-right:none;}
	.sub_con .website_tab table tr:nth-child(5) td:nth-child(2) {border-right:1px dotted #aaa;}
	.sub_con .website_tab table tr td:first-child {font-weight:bold;}
	.sub_con .website_tab table tr:nth-child(5) td:nth-child(2) {font-weight:bold;}
	.sub_con .soho_tab {margin-top:40px;}
	.sub_con .premium_tab {margin-top:40px;}
	.sub_con .self_tab {margin-top:40px;}
	.sub_con .uhaksearch_tab {margin-top:40px;}
	
	.sub_con2_5 img {margin-bottom:40px;}
	.item_li {width:100%; float:left;}
	.item_li ul {margin-left:39px;}
	.item_li ul li {margin-right:20px;}
	.sub_con table {float:left;}

}