/* CSS Document */
/* 공통 */
body.homepage{
  background:url(../img/sky-bg.jpg?ver=1) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
	animation-name:animateBg;
	animation-duration: 10s;
	animation-timing-function: ease-in-out;
	animation-delay:0;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

body.webstand{
	background-image: none;
	background-size: cover;
}
body.program{
  background:url(../img/bg-02.jpg?ver=1) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
body.partner{
  background:url(../img/bg-03.jpg?ver=3) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
	animation-name:animateBg;
	animation-duration: 10s;
	animation-timing-function: ease-in-out;
	animation-delay:0;
}

body.dong{
  background:url(../img/bg-04.jpg?ver=1) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
	animation-name:animateBg;
	animation-duration: 10s;
	animation-timing-function: ease-in-out;
	animation-delay:0;
	animation-iteration-count: infinite;
	animation-direction: alternate;

}

body.pyoung{
  background:url(../img/bg-06.jpg?ver=1) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

	animation-name:animateBg;
	animation-duration: 10s;
	animation-timing-function: ease-in-out;
	animation-delay:0;  
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
body.ncard{
  background:url(../img/bg-07.jpg?ver=1) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  animation-name:animateBg;
	animation-duration: 10s;
	animation-timing-function: ease-in-out;
	animation-delay:0;  
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
body.artrella{
  background:url(../img/bg-08.jpg?ver=1) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
    animation-name:animateBg;
	animation-duration: 10s;
	animation-timing-function: ease-in-out;
	animation-delay:0;  
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes animateBg{
    from { background-size: 200%; }
    to { background-size: 100%; }
}	

a:focus { outline:none;}
abbr{speak:spell-out;}
acronym{speak:normal;}
.hidden {
	display:none;
}
.red {
	color:#FF0000;
}
.required {
	font-size:0.75em;
	color:#760000;
}
.textcenter {
	text-align:center;
}
.clear {
  /*  clear: both !important; */
    display: inline-block;
}
.clear:after {
	content: *.*;
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}
* html .clear {	height:1%;}

input .popcheck {
	width:100px;
	height:20px;
	padding-top:2px;
}
input .popcheck2 {
	width:150px;
	height:20px;
	padding-top:2px;
}

.access_skip {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	_display:none;
	visibility:hidden;
}

.access_skip a {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	_display:none;
	visibility:hidden;
}

#index_aside {
	position:fixed;
	_z_index:1;
	right:0px;
	top:50%;
	margin-top:-20px;
	padding:0px;
}
#index_aside_left {
	position:fixed;
	_z_index:1;
	left:0px;
	top:50%;
	margin-top:-20px;
	padding:0px;
}
#namecard_aside {
	position:fixed;
	_z_index:1;
	right:0px;
	top:50%;
	margin-top:-20px;
	padding:0px;
}

/* 상세페이지 약관 공동*/
.agreement{
	 width:98%; 
	 height:50px; 
	 padding:1%; 
	 border:1px solid #ccc; 
	 overflow-y:scroll;
	 margin-bottom:5px;
}
.agreement p{
	margin-top:10px;
}

/* 초기화면 */
#index_home {
	background:#999 url(../img/bg.gif);
}

#index_home #main {
	position:absolute;
	width:1002px;
	height:612px;
	left:50%;
	top:50%;
	overflow: hidden;
	margin-left:-501px;
	margin-top:-306px;
}

#index_home #main #hiddenmenu {
	width:600px;
	padding:50px;
	margin:0 auto;
    background:#fff;
	margin-top:150px;
}
#index_home #main #hiddenmenu ul {
	margin-top:20px;
}

/* homepage.htm */
#homepage #center_con {
	width: 780px;
	height: 603px;
	position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -302px;
    margin-left: -390px;
}
#homepage dl {
	float: left;
	width: 216px;
 	height: 453px;
}
#homepage #bottommain {
   	clear: left;
	width: 780px;
	height: 150px;
}  
#homepage #bottommain li {
  	display:inline; 
} 
#homepage #rightmain {
	float: left;
    height: 453px;
}
#homepage #home_manufacture {
	position:absolute;
	top:420px;
	left:34%;	
}


/* program.htm */
#program #center {
	width: 780px;
	height: 603px;
	position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -302px;
    margin-left: -390px;
}
#program #center p {
        padding:0;
	margin:0;
	float:left;
}
#program #center ul {
	float:right;
}
#program #center ul li{
	list-style:none;
}
#program #center ol{
	clear:left;
}
#program #center ol li{
	float:left;
	list-style:none;
	height:120px;
}

#program #center #footer img {
	float:left;
}
#program #center #footer p {
	width:362px;
	height:67px;
	padding-right:10px;
	padding-top:120px;
	box-sizng:border-box;
	font-size:130%;
	text-align:right;
	color:#fff;
	background:url(../img/pro-down02.gif) no-repeat right bottom;

}
#program #center #footer p a:link {
	color:#fff;
}
#program #center #footer span {
	color:#00FF66;
	font-weight:bold;
}


/*hom.htm*/
#homemain {
	text-align:center;
}
#homemain .access{
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
#homemain #center {
	width: 780px;
	height: 603px;
	position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -302px;
    margin-left: -390px;
}
#homemain #center #leftmain {
	float: left;
	width: 216px;
}
#homemain #center #bottommain {
   	clear: left;
	width: 780px;
}  

#homemain #center #rightmain {
	float: left;
}
#homemain #topmenu {
	width: 780px;
	margin:0 auto;
	background-color: #999;
}
#homemain #topmenu02 {
	width: 780px;
	height: 68px;
	margin:0 auto;
}

#homemain #topmenu02 p {
	line-height:68px;
}


#homemain #topmenu02 #topmenu02_left {
	float:left;
	width:186px;
	height:68px;
	background:#0C0;
}
#homemain #topmenu02 #topmenu02_right {
	 float:right; 
     width:594px;
	 height:68px;
}
#homemain #topmenu02 #topmenu02_right div {
	float:left;
}
#homemain #topmenu02 #topmenu02_right01 {
	width:594px;
	background-color:#000;
	height:35px;
}
#homemain #topmenu02 #topmenu02_right02 {
	clear:both;
    background: #BBEC66;
	text-align:right; 
	color: #009900;
	padding-right: 10px;
	height:20px; 
	width:584px;
    line-height:20px;
}
#homemain #topmenu02 #topmenu02_right02 a,
#homemain #topmenu02 #topmenu02_right02 a:hover{
	color:#009900;
}
#homemain #topmenu02 #topmenu02_right03 {
	background: #999999;
	width:594px;
	height:13px;
	line-height:13px;
}

#homemain #maincontent {
	clear:both; 
    width: 780px;
	margin:0 auto;
	border-bottom:1px solid #999; /* ff에서 하단 마진이 나타나지 않음 해결 */
}

#homemain #maincontent #maincontent_colb {
	width: 760px;
	text-align:left;
	margin:0 10px 9px 10px;
    padding-top:34px;
}
#homemain #maincontent #maincontent_colb h1{
	text-align:right;
}


#homemain #maincontent #maincontent_colb p {
	padding:0 40px 0 40px;
}
#homemain #maincontent #maincontent_colb p span{
	font-weight:bold;
	font-family:'Noto Sans KR', sans-serif;
}

#hom02 #homemain #maincontent #maincontent_colb ul {
	padding-left:20px;
	padding-right:80px;
	list-style:square;
}
#homemain #maincontent #maincontent_colb h1 {
	height:68px;
	text-align:right;
	margin-right:50px;
	background:#fff url(../img/prg-left02.gif) no-repeat left top; 
}

#homemain #maincontent #maincontent_colb .center {
	text-align:center;
}

#homemain #topmenu02_right01 li {
	float:left;
	height:35px;
	line-height:35px;
	background:#fff;
}

#homemain ul #menu01 a {
	display:block;
	width:165px;
}
#homemain ul #menu02 a {
	display:block;
	width:154px;
}
#homemain ul #menu03 a {
	display:block;
	width:145px;
	height:35px;
}
#homemain ul #menu04 a {
	display:block;
	width:130px;
	height:35px;
}

/* 웹프로그램 메뉴부분*/
#homemain ul #ff1menu01 a {
	display:block;
	width:163px;
}
#homemain ul #ff1menu02 a {
	display:block;
	width:157px;
}
#homemain ul #ff1menu03 a {
	display:block;
	width:137px;
	height:35px;
}
#homemain ul #ff1menu04 a {
	display:block;
	width:137px;
	height:35px;
}
/* 웹호스팅 메뉴부분 */
#homemain ul #webmenu01 a {
	display:block;
	width:179px;
}
#homemain ul #webmenu02 a {
	display:block;
	width:139px;
}
#homemain ul #webmenu03 a {
	display:block;
	width:139px;
	height:35px;
}
#homemain ul #webmenu04 a {
	display:block;
	width:137px;
	height:35px;
}

/* 홈파트너 메뉴부분 */
#homemain ul #partnermenu01 a {
	display:block;
	width:180px;
}
#homemain ul #partnermenu02 a {
	display:block;
	width:220px;
}
#homemain ul #partnermenu03 a {
	display:block;
	width:179px;
	height:35px;
}

/* 캐리커쳐,인물화 메뉴부분 */
#caricature #center {
	width: 780px;
	height: 603px;
	position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -302px;
    margin-left: -390px;
}
#caricature #center #menu {
    width:230px;
	float:left;
}
#caricature #center #bottom {
    width:550px;
	height:283px;
    background:#504748 url(../drawing/img/right.gif) no-repeat right bottom;
	float:right;
	text-align:right;
	color:#fff;
}
#caricature #center #bottom p {
   padding:220px 10px 0 0;
}
#caricature #center #bottom p img {
  float:right;
}
#caricature #center #bottom p a:link {
	color:#fff;
}
#caricature #center #bottom span {
	color:#00FF66;
	font-weight:bold;
}



/* caricature02.htm */
#caricature02 #maincontent h2 {
  text-align:center;
}
#caricature02 #maincontent dl {
  width:658px;
  margin:0 auto;
  padding-top:15px;
}
#caricature02 #maincontent dl dd {
  margin:5px 5px 10px 5px;
}

/* caricature03.htm */
#caricature03 #content_caricature caption {
	text-align:left;
	padding:20px 0 5px 0;
}

#caricature03 #content_caricature h3 {
	padding-top:40px;
}

#caricature03 #content_caricature table {
    border:1px solid #D4E1EF;
}

#caricature03 #content_caricature table th {
	background:#EDF3F9;
    border:1px solid #D4E1EF;
}
#caricature03 #content_caricature table td {
    border:1px solid #D4E1EF;
}

#caricature03 #content_caricature table .f_td {
   background:#EDF3F9;
}

/* caricature04.htm */
#caricature04 #homemain #content_caricature h2 {
	margin-bottom:25px;
    text-align:center;
}
#caricature04 #homemain #content_caricature h3 {
	padding:0 0 5px 12px;
}
#caricature04 #homemain #content_caricature p {
    padding:0;
	margin:10px 0 20px 0;
	text-align:center;
}
#caricature04 #homemain #content_caricature dl {
	width:634px;
	margin:0 auto;
	padding-bottom:10px;
}
#caricature04 #homemain #content_caricature dl dd{
    clear:left;
	padding:3px 0 8px 0;
}
#caricature04 #homemain #content_caricature dl dt {
    float:left;
    font-weight:bold;
}
#caricature04 #homemain #content_caricature dl dt img {
    padding:2px 3px 0 0;
}



/* 지나가는문구 */
#scrolldelay {
    width:594px;
	background-color:#000;
	height:35px;
}
#scrolldelay_01 {
    width:570px;
	color:#FFFFFF;
	margin: 7px 0 0 8px;
}
/*
#homemain ul #menu01 a:hover {
	display:block;
	width:165px;
	height:35px;
	background:#FFF url(../img/hom-menu01-r.gif) no-repeat 0 50%;
}
#homemain ul #menu02 a:hover {
	display:block;
	width:154px;
	height:35px;
	background:#FFF url(../img/hom-menu02-r.gif) no-repeat 0 50%;
}
#homemain ul #menu03 a:hover {
	display:block;
	width:145px;
	height:35px;
	background:#FFF url(../img/hom-menu03-r.gif) no-repeat 0 50%;
}
#homemain ul #menu04 a:hover {
	display:block;
	width:130px;
	height:35px;
	background:#FFF url(../img/hom-menu04-r.gif) no-repeat 0 50%;
}
*/

/* hom02.htm  홈페이지샘플*/
#hom02 .phptitle {
	margin:0 auto;
	padding: 10px;
	width: 650px;
	background-color: #FFFFCC;
	text-align: justify;
	border-width:1pt; border-color:rgb(187,187,16); border-style:solid;
}
#hom02 #phpcontent {
    margin:0 auto;
    margin-top:20px;padding-bottom:20px;
	width: 680px;
	border:none;
}

#hom02 #phpcontent table caption {
	text-align:left;
	color:#666;
}
/* hom01.htm 홈페이지비용*/
#hom01 #hom01content{
    width: 680px;
	margin:0 auto;
}
#hom01 #hom01content table {
    padding:0;
	margin:0;
	border-left:2px solid #FFFFFF ;
	border-top:2px solid #FFFFFF ;
	border-bottom:1px solid #FFFFFF ;
	border-collapse:collapse;
}
#hom01 #hom01content table th {
    background:#999999;
	height:31px;
    width:171px;
	color:#FFFFFF;
	line-height:31px;
	text-align:center;
	letter-spacing:1em;
}
#hom01 #hom01content table td {
    border-right:1px solid #FFFFFF ;
	border-bottom:1px solid #FFFFFF ;
}
#hom01 #hom01content table .td01 {
    text-align:left;
	padding:10px;
	background:#E2DEDE;
	width:130px;
}
#hom01 #hom01content table .td02 {
    text-align:left;
	padding:10px;
	background:#F3F1F1;
	width:230px;
}
#hom01 #hom01content table .td03 {
    text-align:left;
	padding:10px;
	background:#E2DEDE;
	width:120px;
}
#hom01 #hom01content table .td04 {
    text-align:left;
	padding:10px;
	background:#F3F1F1;
	width:200px;
}
#hom01 #hom01content table caption {
	display:none;
}
#hom01 #maincontent #hom01content p {
	padding:5px 0 20px 0;
}

/* ff1.htm */
#ff1 #ff1content {
    width:700px;
	margin-left:35px;
}

#ff1 #ff1content_right {
    width:100%;
}

#ff1 #ff1content_right dl {
	width:330px;
	height:250px;
	float:left;
	border:1px solid #000;
	margin:0 0 20px 10px;
}
#ff1 #ff1content_right dt {
	background:#000;
	color:#fff;
	height:25px;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	margin:0 0 10px 0;
	padding:3px 0 0 0;
}
#ff1 #ff1content_right dd{
	line-height:160%;
	font-size:90%;
	letter-spacing:0.1em;
	margin:0 0 0 10px;
}
#ff1 #ff1content_right dl .subtitle{
	font-weight:bold;
	color:#ff0000;
	margin:0 0 5px 10px;
}
#ff1 #ff1content_right dl .subcontents{
	height:140px;
}
#ff1 #ff1content_right dl .sublink{
	font-weight:bold;
	text-align:center;
	margin:25px 0 0 0;
	height:20px;
}

/* ff3.htm 쇼핑몰자두*/
#ff3 #maincontent_colb #subcontent01 {
    width:667px;
	padding-top:20px;
	margin:0 auto;
	text-align:center;
}
#ff3 #maincontent_colb #subcontent01 div {
	margin-bottom:30px;
}
#ff3 #maincontent_colb #subcontent01 div img {
	padding-top:10px;
}
#ff3 #maincontent_colb #subcontent01 ul.title01 {
	padding:10px 0 0 55px;
	width:590px;
	text-align:left;
	margin:0 auto;  
}
#ff3 #maincontent_colb #subcontent01 ul.title02 {
	padding:10px 0 0 55px;
	width:590px;
	text-align:left;
	margin:0 auto; 
}
#ff3 #maincontent_colb #subcontent01 ul.title03 {
	padding:10px 0 0 55px;
	width:590px;
	text-align:left;
	margin:0 auto;  
}
#ff3 #maincontent_colb #subcontent01 .topmargin {
	margin-top:10px;
}
#ff3 #maincontent_colb #subcontent01 p {
	padding-left:11px;
}
#ff3 #maincontent_colb #subcontent02 {
    width:665px;
    padding:30px 0 30px 10px;
	margin:0 auto;
}
#ff3 #maincontent_colb #subcontent02 div {
	padding:20px 0 20px 0;
}
#ff3 #maincontent_colb #subcontent02 div img {
	margin:0 14px 0 0; 
}
#ff3 #maincontent_colb #subcontent02 ul {
	float:left;
	padding:10px 0 0 5px;
	list-style:none;
}
#ff3 #maincontent_colb #subcontent02 ul li {
	float:left;
	width:215px;
	padding-top:10px;
	text-align:left;
}
#ff3 #maincontent_colb #subcontent02 ul li img {
	margin-bottom:6px;
}
#ff3 #maincontent_colb #subcontent02  li.linecenter {
    width:190px;
	padding-left:21px;
}
#ff3 #maincontent_colb #subcontent02  li.lineright {
    width:193px;
	padding-left:41px;
}

#ff3 #maincontent_colb #subcontent02 li span {
	text-align:left;
	background: url('../img/icon_h.gif') no-repeat left 4px;
	padding-left:13px;
}

/* easyhome.htm 이지홈페이지*/
#easyhome #maincontent_colb div {
	margin:0 auto;
	padding:20px 0 50px 20px;
}
#easyhome #maincontent_colb dl {
	width:643px;
	padding-bottom:5px;
	border-left:1px solid #9AC800;
    border-right:1px solid #9AC800;
	margin-left:40px;
}
#easyhome #maincontent_colb dl dt{
	font-size:120%;
	font-weight:bold;
	text-align:center;
	padding:5px 0 5px 0;
}
#easyhome #maincontent_colb dl dd{
	padding-left:60px;
}

/* easy_sam.htm 이지홈페이지샘플*/
#easysample #maincontent_colb dl{
	float:left;
	margin:0 auto;
	padding:20px 0 0 50px;
}
#easysample #maincontent_colb dt{
    height:25px;
	width:298px;
	background:url(../img/sam_tit.gif) no-repeat left bottom;
}
#easysample #maincontent_colb dd{
   	border:1px solid #ccc;
}

#easysample span.front {
	text-align:left;
	height:25px;
	line-height:25px;
	padding-left:20px;
}
#easysample span.after{
    height:25px;
	line-height:25px;
	padding-left:110px;
}
.pagego {
	clear:both;
	text-align:center;
	padding:15px 0 30px 0;
}


/* company.htm 회사소개 */
#company #companycontent {
    text-align:center;
}
#company #companycontent img {
    padding: 0 0 23px 0;
}
#company #companycontent .map {
    border: 1px solid #CCCCCC;
}

/* pyoung.htm 평생홈페이지 */
#pyoung #pyoungcontent img{
    padding:0 0 0 60px;
}


/* artrella.htm 아트렐라 */
#artrella #artrellacontent {
    text-align:center;
}

/* web.htm 웹호스팅이란? */
#web #homemain #maincontent #maincontent_colb p {
	padding:0 50px 10px 50px;
}
#web #homemain #maincontent #maincontent_colb ol {
	margin:0 0 10px 90px;
	list-style:decimal;
}
#web #homemain #maincontent #maincontent_colb h3 {
	margin:10px 0 10px 50px;
}

#web #homemain #maincontent #maincontent_colb ul {
	margin:0 0 10px 90px;
	list-style:square;
}

/* web01.htm 개인도메인 */
#web01 #homemain #maincontent #maincontent_colb {
	padding-bottom:20px;

}
#web01 #homemain #maincontent #maincontent_colb p {
	padding:0 50px 20px 50px;
}
#web01 #homemain #maincontent #maincontent_colb ol {
	margin:0 0 10px 25px;
	list-style:decimal;
}
#web01 #homemain #maincontent #maincontent_colb h3 {
	margin:0 0 10px 50px;
	padding-left:15px;
	background:url(../img/po.gif) no-repeat 0 50%;
	font-size:95%;
	text-decoration:underline;
}

#web01 #homemain #maincontent #maincontent_colb ul {
	margin:0 55px 20px 70px;
	list-style:square;
}

/* web02.htm 호스팅비용 */
#web02 #homemain #maincontent #maincontent_colb p.head {
	width:650px;
	margin:0 auto;
	padding: 10px;
	margin-bottom:30px;
	background-color: #FFFFCC;
	text-align: justify;
	border-width:1pt; border-color:rgb(187,187,16); border-style:solid;
}

#web02 #homemain #maincontent #maincontent_colb {
	padding-bottom:20px;

}
#web02 #homemain #maincontent #maincontent_colb p {
	padding:0 50px 20px 50px;
}
#web02 #homemain #maincontent #maincontent_colb ol {
	margin:0 0 10px 25px;
	list-style:decimal;
}
#web02 #homemain #maincontent #maincontent_colb h3 {
	margin:0 0 10px 50px;
	padding-left:15px;
	background:url(../img/po.gif) no-repeat 0 50%;
	font-size:95%;
	text-decoration:underline;
}

#web02 #homemain #maincontent #maincontent_colb ul {
	margin:0 55px 20px 70px;
	list-style:square;
}
/* web03.htm */
#web03 form {
    width:650px;
	margin:0 auto;
	padding-bottom:30px;
}

#web03 #homemain #maincontent #maincontent_colb p {
	padding:0 0 10px 0;
}
#web03 form dl {
	padding-left:20px;
	padding-bottom:20px;
    float:left;
}
#web03 form dt {
    width:140px;
	height:25px;
	line-height:25px;
	float:left;
	background:url(img/arrow.gif) no-repeat 0 50%;
    padding:0 2px 0 10px;
}
#web03 form dd {
	width:460px;
    height:21px;
	float:left;
	background-color:#f7f7f7;
	border-bottom:2px solid #fff;
	padding:2px 2px 2px 4px;
}
#web03 form dd.comment {
	height:6em;
}

#web03 form textarea {
	width:34em;
	height:5em;
}

#web03 #homemain #maincontent #maincontent_colb p.gobutton { /* p 정렬이 위에서 이미 지정되어 있어 우선순위를 둘려면 풀 주소를  */
	text-align:center;
	margin:10px 0 10px 0;
}

#web03 #homemain #maincontent #maincontent_colb p.gobutton input {
	width:66px;
	height:20px;
}

#web03 #homemain #maincontent #maincontent_colb p.gomemo {
    height:8px;
    padding-top:5px;
	border:1px solid #ccc;
	background-color:#E5FFBF;
	text-align:center;
}

/* ja.htm 인터넷정보  */

#ja #homemain #maincontent #maincontent_colb #sub_left {
	float:left;
	margin-left:30px;
}

#ja #homemain #maincontent #maincontent_colb #sub_right {
	float:right;
}
#ja #homemain #maincontent #maincontent_colb #sub_right p {
	text-align:right;
	padding-right:20px;margin:0;
}

/* notice.htm 공지사항 */
#notice #homemain #maincontent #maincontent_colb p {
	text-align:center;
	padding:0 0 40px 0;
	margin:0 auto;
}

/* dong.htm 동영상제작 */
#dong #homemain ul #menu01 a {
	display:block;
	width:173px;
}
#dong #homemain ul #menu02 a {
	display:block;
	width:137px;
}
#dong #homemain ul #menu03 a {
	display:block;
	width:147px;
	height:35px;
}
#dong #homemain ul #menu04 a {
	display:block;
	width:137px;
	height:35px;
}
#dong #homemain #maincontent #maincontent_colb p{
	padding:0 0 40px 0;
	text-align:center;
}

/* don.htm 동영상인코딩 */
#homemain #maincontent #maincontent_colb #don{
	margin:-10px auto 10px;
	padding:0 0 30px 0;
}
#dong #homemain #maincontent #maincontent_colb #don p{
	margin:10px auto;
	padding:0 60px;
}
#dong #homemain #maincontent #maincontent_colb #don p.donp{
	color:#4A749D;
}
#dong #homemain #maincontent #maincontent_colb #don p img{
	margin-top:10px;
}
#maincontent_colb #don table{
	width:640px;
	text-align:center;
	border:1px solid #9DB7D2;
	margin:10px auto 10px;
}
#maincontent_colb #don table caption{
	text-align:right;
	font-size:90%;
}
#maincontent_colb #don table thead{
	background-color:#D9E4EE;
	border:1px solid #9DB7D2;
}
#maincontent_colb #don table tbody{
	height:20px;
	background-color:#fff;
}
#maincontent_colb #don table tr td{
	line-height:100%;
	height:30px;
	border:1px solid #9DB7D2;
}
#maincontent_colb #don table tr td span{
	font-size:80%;
}
#maincontent_colb #don table tbody tr .headtd{
	background-color:#EFF3F8;
}
#maincontent_colb #don p.don_cen {
	text-align:center;
	margin:0 auto;
}

/* don1.htm 비디오촬영 */
#maincontent_colb #don dl{
	margin:10px 0 30px 50px;
}
#maincontent_colb #don dt{
	margin:0 50px 10px 20px;
	font-size:90%;
	color:#4A749D;
}
#dong #homemain #maincontent #maincontent_colb #don dd{
	background: url(../movie/img/dot.gif) no-repeat 0 50%;
	width:650px;
	height:15px;
	padding:5px 5px 0 20px;
	font-size:90%;
	line-height:130%;
	margin:0 0 0 20px;
}

/* don2.htm DVD-CD 제작 */
#dong #homemain #maincontent #maincontent_colb #don .don2table .don2{
	background:url(../movie/img/dot.gif) no-repeat 0 50%;
	text-align:left;
	padding:5px 5px 0 20px;
	font-weight:bold;
}
#maincontent_colb #don .don2table td.class01{
	width:34%;
}
#maincontent_colb #don .don2table td.class02{
	width:17%;
}
#maincontent_colb #don .don2table td.class03{
	width:49%;
}
/* don3.htm 비디오 테잎 복사*/
#maincontent_colb #don .d3table{
	width:620px;
}

/* webstandard.htm */
#webstandard {
	background:#999 url(../img/bg.gif);
}

#webstandard #center {
	width: 780px;
	height: 603px;
	position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -302px;
    margin-left: -390px;
}
#webstandard #center p {
    padding:0;
	float:left;
}

#webstandard #center #bottom {
    width:780px;
	height:308px;
	background:url(../webstandard/img/main_img03.jpg);
	clear:left;
	
}
#webstandard #center #bottom p {

   padding:220px 10px 0 0;
   float:right;
   text-align:right;
}

#webstandard #center #bottom span {
	color:#1A3589;
	font-weight:bold;
}


/* 웹표준&웹접근성 메뉴부분 */
#webstand01 #homemain ul #menu01 a {
	display:block;
	width:153px;
	height:35px;
}
#webstand01 #homemain ul #menu02 a {
	display:block;
	width:147px;
	height:35px;
}
#webstand01 #homemain ul #menu03 a {
	display:block;
	width:165px;
	height:35px;
}
#webstand01 #homemain ul #menu04 a {
	display:block;
	width:129px;
	height:35px;
}



/* 워드프레스 */
#wordpress {
	background:#999 url(../img/bg.gif);
}
#wordpress #center {
	position:relative;
}
#wordpress #wordpress_con {
   height:559px;
}
#wordpress .word_img img {
	float:left;
}
#wordpress #center {
	width: 780px;
	height: 603px;
	position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -302px;
    margin-left: -390px;
}
#wordpress #center #footer_info {
	position:absolute;
	right:10px;
	bottom:30px;
	text-align:right;
	color:#fff;
}
#wordpress #center #footer_info a:link {
	color:#fff;
}
#wordpress #center#footer_info a:visited {
	color:#fff;
}
#wordpress #center #footer_info a:hover {
	color:#fff;
}
#wordpress #center #footer_info a:active {
	color:#fff;
}
/* 모바일 */
#mobile {
	/*background:#999 url(../img/bg.gif);*/
	background:none;
}

#mobile #center {
	width: 780px;
	height: 603px;
	position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -302px;
    margin-left: -390px;
}

#mobile #mobile_con {
   height:523px;
   position:relative;
}

#mobile #mobile_con img#gohome_m {
   position:absolute;
   top:506px;
   left:690px;
}
#mobile #footer {
   height:80px;
}
#mobile #footer img {
	float:left;
}
#mobile #center #footer #con_info{
	float:left;
	width:189px;
	height:60px;
	background:url('../mobileintro/img/down02.gif') no-repeat left top;
	padding:35px 0 0 0 !important;
	color:#fff;
	text-align:right;
    font-size:130%;
}
#mobile #center #footer #con_info a:link {
	color:#fff;
}
#mobile #center #footer #con_info a:visited {
	color:#fff;
}
#mobile #center #footer #con_info a:hover {
	color:#fff;
}
#mobile #center #footer #con_info a:active {
	color:#fff;
}

#mob01 #maincontent #maincontent_colb p.t_img {
   margin-bottom:30px;
}
#mob02 #maincontent #maincontent_colb p.t_img {
   margin-bottom:10px;
}
#mob01 #maincontent #maincontent_colb img.l_img {
   float:right;
   margin:0 20px 0 20px;
}
#mob01 #maincontent #maincontent_colb p {
  margin:5px 0;
}
#mob01 #maincontent #maincontent_colb ul {
  margin:0 30px 50px 60px;
  list-style:square;
}
#mob01 #maincontent #maincontent_colb ul li{
  margin:2px 0;
}

#mob03 #maincontent #maincontent_colb h2 {
  margin:0 0 0 35px;
}
#mob03 #maincontent #maincontent_colb ul {
  margin:0 0 30px 70px;
}
#mob03 #maincontent #maincontent_colb ul li {
  background:url('../mobileintro/img/mob03_icon.gif') no-repeat left 40%; 
  padding:0 0 0 10px;
}
#mob03 #maincontent #maincontent_colb ul li span{
  font-weight:bold;
}
#mob03 #maincontent #maincontent_colb .s_img {
  margin:0 0 20px 0;
}
#mob03 #maincontent #maincontent_colb .textcenter {
	text-align:center;
	margin:0 0 10px 0;
}

/* 드로잉 파일 전송 */
#dw_file #content p {
	padding:0;
	text-align:center;
}

#dw_file #content h2 {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:10px 0 10px 0;
	margin-bottom:20px;
}
#dw_file #content form fieldset {
	border:1px solid #C1C7EA;
}

#dw_file #content form fieldset h3 {
	border-bottom:1px solid #C1C7EA;
	background:#E9EAF8;
}

#dw_file #content form dl dt {
    width:130px;
	float:left;
	text-align:right;
	font-weight:bold;
	padding-right:20px;
	padding-top:10px;
}

#dw_file #content form dl dd {
    float:left;
    width:480px;
	padding-top:10px;
}
#dw_file #content form dl dd span input {
	width:300px;
	height:22px;
    padding:0;margin:0;
}

#dw_file #content form dl dd p{
    clear:left;
	padding:0;
	text-align:left;
	font-size:80%;
	padding-bottom:10px;
}

#dw_file #content form a img {
	margin:10px 0 30px 0;
}

#dw_file #content h4 {
	background:url(../drawing/img/05img_04.gif) no-repeat left top;	
	padding:7px 0 20px 50px;
}
#dw_file #content #bottom {
	background: #F8FDE6;
	width:660px;
	margin:0 auto;
	padding:5px 0 5px 15px;
}
#dw_file #content #bottom dt{
	float:left;
	color:#3333FF;
	padding:10px 10px 0 0;
}
#dw_file #content #bottom dd{
	clear:left;
	padding:0 20px 5px 30px ;
}


/* 개인정보보호 */
#private1 {
 padding:0 40px;
}
#private1 h3{
  padding:10px;
  border:2px dotted #38B859;
  border-radius:5px;
  text-decoration:none;
  font-weight:300;
}
#private1 dl dt{
 color:#38B859;
 font-weight:bold;
 margin:20px 0 10px 0;
}

/* 제조회사 패키지 manufacture.htm */
#manufacture #manufac_main {
	width: 780px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	margin-top: -302px;
	margin-left: -390px;
}
#manufacture #manufac_main #manufac_top, #manufacture #manufac_main #manufac_middle_left, #manufacture #manufac_main #manufac_middle_right {
	float:left;
}
#manufacture #manufac_main #manufac_middle_left {
	width:444px;
	height:414px;
	background:url('../img/manufac_left_bg.jpg');
}
#manufacture #manufac_main #manufac_middle_left img {
	vertical-align:top;
}
#manufacture #manufac_main #manufac_middle_left #manufac_web {
	padding-top:105px;	
}
#manufacture #manufac_main #manufac_middle_right {
	width:336px;
	height:414px;
	background:url('../img/manufac_right_bg.jpg') no-repeat;
}
#manufacture #manufac_main #manufac_middle_right #manufac_email {
	padding-top:72px;
	margin-bottom:28px;
}



/* midea query */
@media (min-width: 992px) and (max-width: 1199px) { 

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
	body {
		animation: none !important;
	}
}