/*

작성자 : neople
contact : 	E-mail		> neople@neople.net
	MSN Messenger	> neople@msn.com
	Nate On		> neople0@nate.com

*/

#content_sub {height:100%;}
#content_sub #left {height:100%;}
#banner_shop {position: absolute; margin:20px 0 0 0; width:226px; height:238px; text-align:center;}
/* utf-8 선언 */
@charset "utf-8";
* html a{display:inline-block;} /* utf-8에 따른 ie6에서의 오류 수정 */

/* 공통 */
html		 {height:100%; min-height:100%; margin:0; padding:0;}
body		 {margin:0 auto; padding:0; height:100%; min-height:100%; font-size:12px; font-family:tahoma, verdana; color:#000; background-color:#FFF;}
*html body		{height:100%;}
img,fieldset {border:0 none;}
ul,ol		 {list-style:none;}
a 			 {color:#000; text-decoration:none;}
a:link, a:active, a:visited	{color:#000; text-decoration:none;}
a:hover		 {color:#333; text-decoration:underline;}
em			 {color:#FF5E00; font-style:normal;}
table		 {border-collapse:collapse; border:0 none;}
h1,h2,h3,h4,h5, dl,dt,dd, ul,li,ol, th,td, p,blockquote, form,fieldset,legend {margin:0; padding:0;}
h1			 {margin-bottom:16px; padding-left:46px; background:url(/@HTML/eng/image/common/arr3.gif) no-repeat left;}
h2			 {margin-bottom:7px; padding-left:46px;}
input,select,textarea {border:0px; font-size:12px; color:#666; font-family:tahoma, verdana;}
li img		 {vertical-align:top;}

#header		  {height:113px;}

/* 글로벌 메뉴 */
#globalnav	{width:986px; height:30px; font-size:11px; text-align:right; padding:15px 10px 0 0;}

/* 최상단 로고와 네비게이션 */
#top		{clear:both; position:absolute; z-index:3; top:45px; width:996px; height:68px;}
#top .logo	{float:left; width:141px; padding:0 0 0 48px;}
#top .nav	{float:left; width:800px;}

/* 서브 비쥬얼 */
#visual		{width:996px; height:195px;}

/* 게시판용 */
#content_sub #contentarea .board_wrap {padding:0 10px 30px 46px;}
#content_sub #contentarea .list_top_wrap {margin:0 10px 0 46px;}

/* 레프트 메뉴 */
#content_sub #left dl {width:226px;}
#content_sub #left dt {text-align:center; height:62px; font-size:1px; background:url(/@HTML/eng/image/common/line1.gif) no-repeat bottom;}
#content_sub #left dd {height:25px; padding:11px 0 0 67px; background:url(/@HTML/eng/image/common/line1.gif) no-repeat bottom;}

/* footer */
#footer			{color:#898989; width:972px; height:71px; margin:0 0 0 14px; background:url(/@HTML/eng/image/common/foot_bg.gif) no-repeat;}
#footer .copy	{float:left; font-size:11px; line-height:14px; margin:23px 0 0 21px;}
#footer .copy a {color:#898989;}
#footer .list	{float:right; text-align:right; line-height:18px; margin:23px 0 0 0; padding:0 30px 0 0;}

/* 서브 공통 */
#content_sub #left		  {float:left; width:302px;}
#content_sub #contentarea {float:left; width:694px;}
#content_sub #contentarea .location {padding-bottom:32px;}
.h_line_top {height:33px;}
.h_line	{clear:both; width:615px; height:9px; margin:0 0 0 46px; background:url(/@HTML/eng/image/common/line2.gif) no-repeat;}
.b_line	{clear:both; width:615px; height:9px; margin:0 0 30px 46px; background:url(/@HTML/eng/image/common/line3.gif) no-repeat;}


/* 메인 */
#contents {}
#contents .main_wrap	{clear:both; width:980px; height:140px; padding:0 0 0 16px}
#contents .mainbox1	{float:left; width:433px;}
#contents .mainbox2	{float:left; width:230px;}
#contents .mainbox3	{float:left; width:285px;}
#contents .tit		{clear:both; height:11px; padding-top:15px;}
#contents .tit .txt	{float:left; padding:0 0 0 7px;}
#contents .tit .more {float:right; padding:0 30px 0 0;}
#contents .box1		{clear:both; height:85px; padding:17px 0 0 0; background:url(/@HTML/eng/image/index/mainbox1.gif) no-repeat;}
#contents .box1 .title {width:300px; padding:0 0 7px 34px;}
#contents .box1 .date  {color:#3D5866; vertical-align:top;}
#contents .box2		{clear:both; height:102px; background:url(/@HTML/eng/image/index/mainbox2.gif) no-repeat;}
#contents .box2 .img {width:131px; padding:5px 0 0 5px;}
#contents .box2 .txt {vertical-align:top; padding:15px 12px 0 0; line-height:14px; text-align:justify;}
#contents .box2 .more {text-align:right; vertical-align:bottom; padding:0 12px 7px 0;}
#contents .box3		{clear:both; height:102px; background:url(/@HTML/eng/image/index/mainbox3.gif) no-repeat;}
#contents .box3 .img {width:171px; padding:5px 0 0 5px;}
#contents .box3 .txt {vertical-align:top; padding:15px 12px 0 5px; line-height:14px; text-align:justify;}
#contents .box3 .more {text-align:right; vertical-align:bottom; padding:0 12px 7px 0;}

/* 회사소개 */
#content_sub #contentarea .introduce1 .txt  {margin:5px 0; padding:0 0 0 60px; color:#6C6C6C; line-height:21px; background:url(/@HTML/eng/image/introduce/bul1.gif) no-repeat left top;}
#content_sub #contentarea .introduce1 .txt em {color:#000;}

#content_sub #contentarea .introduce2 .tit {margin:20px 0 0 46px; padding:0 0 0 13px; height:17px; background:url(/@HTML/eng/image/introduce/tit_bg.gif) no-repeat;}
#content_sub #contentarea .introduce2 .txt_wrap {clear:both;}
#content_sub #contentarea .introduce2 .txt {float:left; line-height:21px; margin-top:14px; padding:3px 0 5px 60px; width:66px;}
#content_sub #contentarea .introduce2 .txtb{line-height:21px; margin-top:14px; padding:3px 10px 5px 10px; width:514px; color:#8A8A8A; background-color:#F1F1F1;}

#content_sub #contentarea .introduce3 .img_wrap {clear:both; height:301px;}
#content_sub #contentarea .introduce3 .img {float:left; padding-left:46px; width:209px;}
#content_sub #contentarea .introduce3 .imgt{float:left; width:398px; margin:9px 0 0 0; padding:0 5px 0 7px; color:#8A8A8A; line-height:18px; text-align:justify; background:url(/@HTML/eng/image/introduce/line2.gif);}
#content_sub #contentarea .introduce3 .imgt em {color:#000;}
#content_sub #contentarea .introduce3 .tit {margin:20px 0 0 46px; padding:0 0 0 13px; height:17px; background:url(/@HTML/eng/image/introduce/tit_bg.gif) no-repeat;}
#content_sub #contentarea .introduce3 .txt_wrap {clear:both;}
#content_sub #contentarea .introduce3 .txt {float:left; line-height:21px; margin-top:14px; padding:3px 0 5px 60px; width:66px;}
#content_sub #contentarea .introduce3 .txtb{line-height:21px; margin-top:14px; padding:3px 10px 5px 10px; width:514px; color:#8A8A8A; background-color:#F1F1F1;}

#content_sub #contentarea .introduce4 .btn {padding-left:46px; width:561px; text-align:right;}
#content_sub #contentarea .introduce4 .map {padding-left:46px; width:561px;}
#content_sub #contentarea .introduce4 .txt {margin:2px 0 2px 10px; padding:0 0 0 60px; color:#6C6C6C; line-height:21px; background:url(/@HTML/eng/image/introduce/bul1.gif) no-repeat left top;}
#content_sub #contentarea .introduce4 .line{padding-left:46px;}


/* 작품정보 */
#content_sub #left .txts {margin:5px 0; padding:0 0 0 43px; background:url(/@HTML/eng/image/sitemap/bul4.gif) no-repeat left top;}

#content_sub #contentarea .mov_wrap {margin:0 0 25px 60px; height:271px; background:url(/@HTML/eng/image/common/movbg.gif) no-repeat top left;};
#content_sub #contentarea .mov_wrap .flvplayer	{float:left; width:345px;}
#content_sub #contentarea .mov_wrap_big {margin:0 0 25px 45px; height:369px; background:url(/@HTML/eng/image/common/movbg_big.gif) no-repeat top left;};

#content_sub #contentarea .work_dooly .tit1 {margin:5px 0 15px 28px; padding:0 0 0 30px; background:url(/@HTML/eng/image/content/tit_bg1.gif) no-repeat left top;}
#content_sub #contentarea .work_dooly .tit2 {margin:5px 0 15px 28px; padding:0 0 0 30px; background:url(/@HTML/eng/image/content/tit_bg2.gif) no-repeat left top;}
#content_sub #contentarea .work_dooly .tit3 {margin:5px 0 15px 28px; padding:0 0 0 30px; background:url(/@HTML/eng/image/content/tit_bg3.gif) no-repeat left top;}
#content_sub #contentarea .work_dooly .tit4 {margin:5px 0 15px 28px; padding:0 0 0 11px; background:url(/@HTML/eng/image/content/tit_bg4.gif) no-repeat left top;}
#content_sub #contentarea .work_dooly .txt1 {margin:0 0 25px 60px; color:#898989; line-height:17px;}
#content_sub #contentarea .work_dooly .txt1 em {color:#000;}
#content_sub #contentarea .work_dooly .txt1 .acc {color:#3F5573}
#content_sub #contentarea .work_dooly .txt1 .txt {padding:0 0 0 8px;}
#content_sub #contentarea .work_dooly .txt2 .img {padding-left:58px; vertical-align:top;}
#content_sub #contentarea .work_dooly .txt2 .img img {border:1px solid #B2B2B2;}
#content_sub #contentarea .work_dooly .txt2 .name {background-color:#898989; color:#FFF; line-height:18px; padding:3px 5px;}
#content_sub #contentarea .work_dooly .txt2 .txt_cha1 {padding:3px 0 0 8px;}
#content_sub #contentarea .work_dooly .txt2 .txt_cha2 {padding:8px 0 0 12px; line-height:17px; color:#898989; vertical-align:top;}
#content_sub #contentarea .work_dooly .txt3 .img {padding-left:58px; vertical-align:top;}
#content_sub #contentarea .work_dooly .txt3 .name {background-color:#898989; color:#FFF; line-height:18px; padding:3px 5px;}
#content_sub #contentarea .work_dooly .txt3 .txt_cha1 {padding:8px 0 0 8px; vertical-align:top}
#content_sub #contentarea .work_dooly .txt3 .txt_cha2 {padding:8px 0 0 12px; line-height:17px; color:#898989; vertical-align:top;}
#content_sub #contentarea .work_dooly .txt4 {padding:0 0 0 30px;}
#content_sub #contentarea .work_dooly .txt4 .txt {color:#898989; line-height:17px;}


#content_sub #contentarea .work .tit1 {margin:5px 0 15px 28px; padding:0 0 0 30px; background:url(/@HTML/eng/image/content/tit_bg1.gif) no-repeat left top;}
#content_sub #contentarea .work .tit2 {margin:5px 0 15px 28px; padding:0 0 0 30px; background:url(/@HTML/eng/image/content/tit_bg2.gif) no-repeat left top;}
#content_sub #contentarea .work .tit3 {margin:5px 0 15px 28px; padding:0 0 0 30px; background:url(/@HTML/eng/image/content/tit_bg3.gif) no-repeat left top;}
#content_sub #contentarea .work .txt1 {margin:0 0 25px 60px; color:#898989; line-height:17px;}
#content_sub #contentarea .work .txt2 .img {padding-left:58px; vertical-align:top;}
#content_sub #contentarea .work .txt2 .img img {border:1px solid #B2B2B2;}
#content_sub #contentarea .work .txt2 .name {background-color:#898989; color:#FFF; line-height:18px; padding:3px 5px;}
#content_sub #contentarea .work .txt2 .txt_cha1 {padding:3px 0 0 8px;}
#content_sub #contentarea .work .txt2 .txt_cha2 {padding:8px 0 0 12px; line-height:17px; color:#898989; vertical-align:top;}


/* 사이트맵 */
#content_sub #contentarea .sitemap {margin:15px 0 15px 46px; padding:0 0 0 13px;}
#content_sub #contentarea .sitemap td {vertical-align:top; padding:0 33px 0 0;}
#content_sub #contentarea .sitemap .txt  {margin:5px 0; padding:0 0 0 22px; background:url(/@HTML/eng/image/sitemap/bul1.gif) no-repeat left top;}
#content_sub #contentarea .sitemap .txts {margin:5px 0; padding:0 0 0 22px; background:url(/@HTML/eng/image/sitemap/bul2.gif) no-repeat left top;}
#content_sub #contentarea .sitemap .txtss{margin:5px 0; padding:0 0 0 22px; background:url(/@HTML/eng/image/sitemap/bul3.gif) no-repeat left top;}

/* Contact Us */
#content_sub #contentarea .contactus {margin:15px 0 15px 46px; padding:0 0 0 13px;}
#content_sub #contentarea .contactus .box_wrap {width:593px; height:255px; background:url(/@HTML/eng/image/contactus/box.gif) no-repeat;}
#content_sub #contentarea .contactus .box_wrap .tit {width:254px; height:31px; padding:0 0 0 21px;}
#content_sub #contentarea .contactus .box_wrap .txt {width:318px;}


/* 정렬 */
.align_c	{text-align:center;}
.align_l	{text-align:left;}
.align_r	{text-align:right;}

/* 여백 */
.pad_t_1	{padding-top:1px;}
.pad_t_2	{padding-top:2px;}
.pad_t_3	{padding-top:3px;}
.pad_t_4	{padding-top:4px;}
.pad_t_6	{padding-top:6px;}
.pad_l_2	{padding-left:2px;}
.pad_l_4	{padding-left:4px;}
.pad_l_5	{padding-left:5px;}
.pad_l_8	{padding-left:8px;}
.pad_l_10	{padding-left:10px;}
.pad_r_3	{padding-right:3px;}
.pad_r_10	{padding-right:10px;}
.spacer_5	{height:5px; font-size:1px; line-height:0px;}
.spacer_7	{height:7px; font-size:1px; line-height:0px;}
.spacer_8	{height:8px; font-size:1px; line-height:0px;}
.spacer_9	{height:9px; font-size:1px; line-height:0px;}
.spacer_10	{height:10px; font-size:1px; line-height:0px;}
.spacer_13	{height:13px; font-size:1px; line-height:0px;}
.spacer_14	{height:13px; font-size:1px; line-height:0px;}
.spacer_15	{height:15px; font-size:1px; line-height:0px;}
.spacer_17	{height:17px; font-size:1px; line-height:0px;}
.spacer_20	{height:20px; font-size:1px; line-height:0px;}
.spacer_22	{height:22px; font-size:1px; line-height:0px;}
.spacer_23	{height:23px; font-size:1px; line-height:0px;}
.spacer_30	{height:30px; font-size:1px; line-height:0px;}
.spacer_40	{height:40px; font-size:1px; line-height:0px;}
.spacer_50	{height:50px; font-size:1px; line-height:0px;}